vendor: 5,568 bytes, lines 1-133
1/******/ (function(modules) { // webpackBootstrap 2/******/ // The module cache 3/******/ var installedModules = {}; 4/******/ 5/******/ // The require function 6/******/ function __webpack_require__(moduleId) { 7/******/ 8/******/ // Check if module is in cache 9/******/ if(installedModules[moduleId]) { 10/******/ return installedModules[moduleId].exports; 11/******/ } 12/******/ // Create a new module (and put it into the cache) 13/******/ var module = installedModules[moduleId] = { 14/******/ i: moduleId, 15/******/ l: false, 16/******/ exports: {} 17/******/ }; 18/******/ 19/******/ // Execute the module function 20/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 21/******/ 22/******/ // Flag the module as loaded 23/******/ module.l = true; 24/******/ 25/******/ // Return the exports of the module 26/******/ return module.exports; 27/******/ } 28/******/ 29/******/ 30/******/ // expose the modules object (__webpack_modules__) 31/******/ __webpack_require__.m = modules; 32/******/ 33/******/ // expose the module cache 34/******/ __webpack_require__.c = installedModules; 35/******/ 36/******/ // define getter function for harmony exports 37/******/ __webpack_require__.d = function(exports, name, getter) { 38/******/ if(!__webpack_require__.o(exports, name)) { 39/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); 40/******/ } 41/******/ }; 42/******/ 43/******/ // define __esModule on exports 44/******/ __webpack_require__.r = function(exports) { 45/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 46/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 47/******/ } 48/******/ Object.defineProperty(exports, '__esModule', { value: true }); 49/******/ }; 50/******/ 51/******/ // create a fake namespace object 52/******/ // mode & 1: value is a module id, require it 53/******/ // mode & 2: merge all properties of value into the ns 54/******/ // mode & 4: return value when already ns object 55/******/ // mode & 8|1: behave like require 56/******/ __webpack_require__.t = function(value, mode) { 57/******/ if(mode & 1) value = __webpack_require__(value); 58/******/ if(mode & 8) return value; 59/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; 60/******/ var ns = Object.create(null); 61/******/ __webpack_require__.r(ns); 62/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); 63/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); 64/******/ return ns; 65/******/ }; 66/******/ 67/******/ // getDefaultExport function for compatibility with non-harmony modules 68/******/ __webpack_require__.n = function(module) { 69/******/ var getter = module && module.__esModule ? 70/******/ function getDefault() { return module['default']; } : 71/******/ function getModuleExports() { return module; }; 72/******/ __webpack_require__.d(getter, 'a', getter); 73/******/ return getter; 74/******/ }; 75/******/ 76/******/ // Object.prototype.hasOwnProperty.call 77/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; 78/******/ 79/******/ // __webpack_public_path__ 80/******/ __webpack_require__.p = ""; 81/******/ 82/******/ 83/******/ // Load entry module and return exports 84/******/ return __webpack_require__(__webpack_require__.s = 0); 85/******/ }) 86/************************************************************************/ 87/******/ ([ 88/* 0 */ 89/***/ (function(module, exports, __webpack_require__) { 90 91module.exports = __webpack_require__(1); 92 93 94/***/ }), 95/* 1 */ 96/***/ (function(module, __webpack_exports__, __webpack_require__) { 97 98"use strict"; 99__webpack_require__.r(__webpack_exports__); 100/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); 101/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__); 102/* harmony import */ var _blocks_cover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); 103/* harmony import */ var _blocks_cards__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(34); 104/* harmony import */ var _blocks_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42); 105/* harmony import */ var _blocks_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(47); 106/* harmony import */ var _blocks_testimonial__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49); 107/* harmony import */ var _blocks_faq__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(52); 108/* harmony import */ var _blocks_pricing_cards__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55); 109/* harmony import */ var _blocks_html__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(59); 110/* Dependencies */ 111 112 113/* Blocks */ 114 115 116 117 118 119 120 121 122var blocks = [_blocks_cover__WEBPACK_IMPORTED_MODULE_1__, _blocks_cards__WEBPACK_IMPORTED_MODULE_2__, _blocks_icons__WEBPACK_IMPORTED_MODULE_3__, _blocks_slider__WEBPACK_IMPORTED_MODULE_4__, _blocks_testimonial__WEBPACK_IMPORTED_MODULE_5__, _blocks_faq__WEBPACK_IMPORTED_MODULE_6__, _blocks_html__WEBPACK_IMPORTED_MODULE_8__, _blocks_pricing_cards__WEBPACK_IMPORTED_MODULE_7__]; 123function registerBlock(block) { 124 var name = block.name, 125 settings = block.settings; 126 Object(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__["registerBlockType"])(name, settings); 127} 128blocks.forEach(function (block) { 129 registerBlock(block); 130}); 131 132/***/ }), 133/* 2 */
134/***/ (function(module, exports) { 135 136(function() { module.exports = window["wp"]["blocks"]; }()); 137 138/***/ }), 139/* 3 */ 140/***/ (function(module, __webpack_exports__, __webpack_require__) { 141 142"use strict"; 143__webpack_require__.r(__webpack_exports__); 144/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 145/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 146/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4); 147/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__); 148/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); 149/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__); 150/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 151/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 152/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15); 153/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); 154/* harmony import */ var _inspectorControls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16); 155/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 156/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 157/* harmony import */ var _global_mediaToolbar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(25); 158/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27); 159/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26); 160/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__); 161/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20); 162/* harmony import */ var _components_heading__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31); 163/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(32); 164/* harmony import */ var _global_constants__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(33); 165/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(18); 166/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_13__); 167 168 169 170function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } 171function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 172 173 174 175 176 177 178 179 180 181 182 183 184var name = 'ecwid-nomi/cover'; 185var settings = { 186 apiVersion: 2, 187 title: 'Main', 188 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].main, 189 category: "ecwid-nomi", 190 attributes: { 191 content: { 192 type: 'object', 193 default: { 194 preheading: '', 195 heading: '', 196 text: '', 197 list: '<li></li>', 198 firstButton: 'Get started', 199 secondButton: 'Learn more', 200 footnote: '' 201 } 202 }, 203 links: { 204 type: 'object', 205 default: { 206 firstLink: '', 207 secondLink: '' 208 } 209 }, 210 imagePosition: { 211 type: 'string', 212 default: 'right' 213 }, 214 background: { 215 type: 'string', 216 default: 'transparent' 217 }, 218 mediaId: { 219 type: 'number' 220 }, 221 mediaUrl: { 222 type: 'string' 223 }, 224 mobileMediaId: { 225 type: 'number' 226 }, 227 mobileMediaUrl: { 228 type: 'string' 229 }, 230 bgColor: { 231 type: 'string', 232 default: 'white' 233 }, 234 btnColor: { 235 type: 'string', 236 default: 'black' 237 }, 238 btnVariant: { 239 type: 'string',
240 default: 'secondary' 241 }, 242 isFirst: { 243 type: 'boolean', 244 default: false 245 }, 246 headingLarge: { 247 type: 'boolean', 248 default: false 249 } 250 }, 251 supports: { 252 lightBlockWrapper: false 253 }, 254 edit: function edit(props) { 255 var clientId = props.clientId, 256 attributes = props.attributes, 257 setAttributes = props.setAttributes; 258 var content = attributes.content, 259 links = attributes.links, 260 mediaId = attributes.mediaId, 261 mediaUrl = attributes.mediaUrl, 262 imagePosition = attributes.imagePosition, 263 background = attributes.background, 264 mobileMediaUrl = attributes.mobileMediaUrl, 265 bgColor = attributes.bgColor, 266 btnColor = attributes.btnColor, 267 isFirst = attributes.isFirst, 268 headingLarge = attributes.headingLarge; 269 var _wp$data$select = wp.data.select('core/block-editor'), 270 getBlockIndex = _wp$data$select.getBlockIndex; 271 var _useState = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(null), 272 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2), 273 mediaMode = _useState2[0], 274 setMediaMode = _useState2[1]; 275 var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_8__["useState"])(false), 276 _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2), 277 isImagePopupOpen = _useState4[0], 278 setIsImagePopupOpen = _useState4[1]; 279 var mediaSrc = mediaUrl ? mediaUrl : imagePosition === "top" || imagePosition === "bottom" ? _global_constants__WEBPACK_IMPORTED_MODULE_12__["PLACEHOLDER_16x9"] : _global_constants__WEBPACK_IMPORTED_MODULE_12__["PLACEHOLDER_1x1"]; 280 var mobileMediaSrc = mobileMediaUrl ? mobileMediaUrl : _global_constants__WEBPACK_IMPORTED_MODULE_12__["PLACEHOLDER_1x1"]; 281 var mediaClasses = background === "filled" ? ["img img--inner"] : ["img"]; 282 if (imagePosition === 'top' || imagePosition === 'bottom') { 283 mediaClasses.push("img--w100"); 284 } 285 var blockIndex = getBlockIndex(clientId); 286 var bgColorClass; 287 if (bgColor) { 288 bgColorClass = 'background--' + bgColor; 289 } 290 var blockClass = background === "transparent" ? 'nomi--cover nomi-block ' + bgColorClass : 'nomi--cover nomi-block'; 291 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["useBlockProps"])({ 292 className: blockClass 293 }); 294 Object(react__WEBPACK_IMPORTED_MODULE_8__["useEffect"])(function () { 295 if (bgColor === "black" && btnColor === "black") { 296 setAttributes({ 297 btnColor: "white" 298 }); 299 } else if ((bgColor === "white" || bgColor === "gray") && btnColor === "white") { 300 setAttributes({ 301 btnColor: "black" 302 }); 303 } 304 }, [bgColor]); 305 Object(react__WEBPACK_IMPORTED_MODULE_8__["useEffect"])(function () { 306 if (blockIndex === 0) { 307 setAttributes({ 308 isFirst: true 309 }); 310 } else { 311 setAttributes({ 312 isFirst: false 313 }); 314 } 315 }, [blockIndex]); 316 var preheadingEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["RichText"], { 317 tagName: "p", 318 onChange: function onChange(value) { 319 setAttributes({ 320 content: _objectSpread(_objectSpread({}, content), {}, { 321 preheading: value 322 }) 323 }); 324 }, 325 value: content === null || content === void 0 ? void 0 : content.preheading, 326 multiline: false, 327 placeholder: '+ Add preheading', 328 keepPlaceholderOnFocus: true, 329 allowedFormats: [], 330 className: 'preheading', 331 inlineToolbar: true 332 }); 333 var listEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["RichText"], { 334 tagName: "ul", 335 multiline: "li", 336 onChange: function onChange(value) { 337 setAttributes({ 338 content: _objectSpread(_objectSpread({}, content), {}, { 339 list: value 340 }) 341 }); 342 }, 343 placeholder: '+ Add bullet point', 344 value: content === null || content === void 0 ? void 0 : content.list, 345 keepPlaceholderOnFocus: true,
346 allowedFormats: ['core/bold', 'core/link'], 347 className: 'list', 348 inlineToolbar: true 349 }); 350 var buttonsEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 351 className: 'btn-group' 352 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_7__["default"], { 353 clientId: clientId, 354 linkHref: links.firstLink, 355 onChangeLink: function onChangeLink(value) { 356 return setAttributes({ 357 links: _objectSpread(_objectSpread({}, links), {}, { 358 firstLink: value 359 }) 360 }); 361 }, 362 onChangeContent: function onChangeContent(value) { 363 return setAttributes({ 364 content: _objectSpread(_objectSpread({}, content), {}, { 365 firstButton: value 366 }) 367 }); 368 }, 369 content: content === null || content === void 0 ? void 0 : content.firstButton, 370 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("btn", "btn--primary", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "btn--".concat(btnColor), true)), 371 canChangeColor: true 372 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_7__["default"], { 373 clientId: clientId, 374 linkHref: links.secondLink, 375 onChangeLink: function onChangeLink(value) { 376 return setAttributes({ 377 links: _objectSpread(_objectSpread({}, links), {}, { 378 secondLink: value 379 }) 380 }); 381 }, 382 onChangeContent: function onChangeContent(value) { 383 return setAttributes({ 384 content: _objectSpread(_objectSpread({}, content), {}, { 385 secondButton: value 386 }) 387 }); 388 }, 389 content: content === null || content === void 0 ? void 0 : content.secondButton, 390 className: "btn--secondary btn" 391 })); 392 var footnoteEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["RichText"], { 393 tagName: "p", 394 onChange: function onChange(value) { 395 setAttributes({ 396 content: _objectSpread(_objectSpread({}, content), {}, { 397 footnote: value 398 }) 399 }); 400 }, 401 value: content === null || content === void 0 ? void 0 : content.footnote, 402 multiline: false, 403 placeholder: '+ Add footnote', 404 keepPlaceholderOnFocus: true, 405 allowedFormats: ['core/bold', 'core/link'], 406 className: 'footnote', 407 inlineToolbar: true 408 }); 409 var handleMediaSelect = function handleMediaSelect(media) { 410 if (mediaMode === "desktop") { 411 setAttributes({ 412 mediaUrl: media.url, 413 mediaId: media.id 414 }); 415 } else if (mediaMode === "mobile") { 416 setAttributes({ 417 mobileMediaUrl: media.url, 418 mobileMediaId: media.id 419 }); 420 } 421 }; 422 var mediaCol = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 423 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("col-12", { 424 "col-lg-6": imagePosition === "left" || imagePosition === "right" 425 }, { 426 "order-1": imagePosition === "left" 427 }, { 428 "offset-lg-1": imagePosition === "right" 429 }) 430 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["MediaUpload"], { 431 onSelect: handleMediaSelect, 432 onClose: function onClose() { 433 return setIsImagePopupOpen(true); 434 }, 435 value: mediaId, 436 render: function render(_ref) { 437 var open = _ref.open; 438 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_global_mediaToolbar__WEBPACK_IMPORTED_MODULE_6__["default"], { 439 openLibrary: open, 440 isImagePopupOpen: isImagePopupOpen, 441 setIsImagePopupOpen: setIsImagePopupOpen, 442 setMediaMode: setMediaMode, 443 mediaSrc: mediaSrc, 444 mediaClasses: mediaClasses, 445 mobileMediaUrl: mobileMediaSrc 446 }); 447 } 448 })); 449 var inspectorControls = Object(_inspectorControls__WEBPACK_IMPORTED_MODULE_4__["default"])(clientId, attributes); 450 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["BlockControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_13__["ToolbarGroup"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_13__["ToolbarButton"], { 451 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].h1, 452 label: "Edit", 453 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()({ 454 "block-toolbar__icon--selected": headingLarge 455 }), 456 onClick: function onClick() { 457 return setAttributes({ 458 headingLarge: !headingLarge 459 }); 460 } 461 }))), inspectorControls, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 462 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("container", background === "filled" && bgColorClass, { 463 "container--filled": background === "filled" 464 }, { 465 "container--vertical": imagePosition === 'left' || imagePosition === 'right' 466 }, { 467 "container--horizontal": imagePosition === 'top' || imagePosition === 'bottom' 468 }) 469 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 470 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row", { 471 "order-2": imagePosition === "top" 472 }, { 473 'align-items-center': imagePosition === 'left' || imagePosition === 'right' 474 }) 475 }, (imagePosition === 'left' || imagePosition === 'right') && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 476 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("col-12", { 477 "col-lg-5": imagePosition === "left" || imagePosition === "right" 478 }, { 479 "order-2": imagePosition === "left" 480 }, { 481 "offset-lg-1": imagePosition === "left" 482 }) 483 }, preheadingEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_10__["default"], { 484 level: isFirst ? 'h1' : 'h2', 485 className: headingLarge ? "display" : "", 486 value: content === null || content === void 0 ? void 0 : content.heading, 487 onChange: function onChange(value) { 488 return setAttributes({ 489 content: _objectSpread(_objectSpread({}, content), {}, { 490 heading: value 491 }) 492 }); 493 } 494 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_11__["default"], { 495 value: content === null || content === void 0 ? void 0 : content.text, 496 onChange: function onChange(value) { 497 return setAttributes({ 498 content: _objectSpread(_objectSpread({}, content), {}, { 499 text: value 500 }) 501 }); 502 },
503 allowedFormats: ['core/bold', 'core/link'], 504 className: 'text' 505 }), listEl, buttonsEl, footnoteEl), mediaCol), (imagePosition === 'top' || imagePosition === 'bottom') && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 506 className: "col-lg-6 col-12" 507 }, preheadingEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_10__["default"], { 508 level: isFirst ? 'h1' : 'h2', 509 value: content === null || content === void 0 ? void 0 : content.heading, 510 onChange: function onChange(value) { 511 return setAttributes({ 512 content: _objectSpread(_objectSpread({}, content), {}, { 513 heading: value 514 }) 515 }); 516 } 517 }), buttonsEl, footnoteEl), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 518 className: "col-lg-6 col-12" 519 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_11__["default"], { 520 value: content === null || content === void 0 ? void 0 : content.text, 521 onChange: function onChange(value) { 522 return setAttributes({ 523 content: _objectSpread(_objectSpread({}, content), {}, { 524 text: value 525 }) 526 }); 527 }, 528 allowedFormats: ['core/bold', 'core/link'], 529 className: 'text' 530 }), listEl))), (imagePosition === 'top' || imagePosition === 'bottom') && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 531 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row", { 532 "order-1": imagePosition === "left" || imagePosition === "top" 533 }) 534 }, mediaCol)))); 535 }, 536 save: function save() { 537 return null; 538 } 539}; 540 541/***/ }), 542/* 4 */ 543/***/ (function(module, exports, __webpack_require__) { 544 545var toPropertyKey = __webpack_require__(5); 546function _defineProperty(e, r, t) { 547 return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, { 548 value: t, 549 enumerable: !0, 550 configurable: !0, 551 writable: !0 552 }) : e[r] = t, e; 553} 554module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports; 555 556/***/ }), 557/* 5 */ 558/***/ (function(module, exports, __webpack_require__) { 559 560var _typeof = __webpack_require__(6)["default"]; 561var toPrimitive = __webpack_require__(7); 562function toPropertyKey(t) { 563 var i = toPrimitive(t, "string"); 564 return "symbol" == _typeof(i) ? i : i + ""; 565} 566module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports; 567 568/***/ }), 569/* 6 */ 570/***/ (function(module, exports) { 571 572function _typeof(o) { 573 "@babel/helpers - typeof"; 574 575 return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { 576 return typeof o; 577 } : function (o) { 578 return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; 579 }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o); 580} 581module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; 582 583/***/ }), 584/* 7 */ 585/***/ (function(module, exports, __webpack_require__) { 586 587var _typeof = __webpack_require__(6)["default"]; 588function toPrimitive(t, r) { 589 if ("object" != _typeof(t) || !t) return t; 590 var e = t[Symbol.toPrimitive]; 591 if (void 0 !== e) { 592 var i = e.call(t, r || "default"); 593 if ("object" != _typeof(i)) return i; 594 throw new TypeError("@@toPrimitive must return a primitive value."); 595 } 596 return ("string" === r ? String : Number)(t); 597} 598module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports; 599 600/***/ }), 601/* 8 */ 602/***/ (function(module, exports, __webpack_require__) { 603 604var arrayWithHoles = __webpack_require__(9); 605var iterableToArrayLimit = __webpack_require__(10); 606var unsupportedIterableToArray = __webpack_require__(11); 607var nonIterableRest = __webpack_require__(13); 608function _slicedToArray(r, e) { 609 return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest(); 610} 611module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports; 612 613/***/ }), 614/* 9 */
615/***/ (function(module, exports) { 616 617function _arrayWithHoles(r) { 618 if (Array.isArray(r)) return r; 619} 620module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports; 621 622/***/ }), 623/* 10 */ 624/***/ (function(module, exports) { 625 626function _iterableToArrayLimit(r, l) { 627 var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; 628 if (null != t) { 629 var e, 630 n, 631 i, 632 u, 633 a = [], 634 f = !0, 635 o = !1; 636 try { 637 if (i = (t = t.call(r)).next, 0 === l) { 638 if (Object(t) !== t) return; 639 f = !1; 640 } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); 641 } catch (r) { 642 o = !0, n = r; 643 } finally { 644 try { 645 if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; 646 } finally { 647 if (o) throw n; 648 } 649 } 650 return a; 651 } 652} 653module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports; 654 655/***/ }), 656/* 11 */ 657/***/ (function(module, exports, __webpack_require__) { 658 659var arrayLikeToArray = __webpack_require__(12); 660function _unsupportedIterableToArray(r, a) { 661 if (r) { 662 if ("string" == typeof r) return arrayLikeToArray(r, a); 663 var t = {}.toString.call(r).slice(8, -1); 664 return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0; 665 } 666} 667module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports; 668 669/***/ }), 670/* 12 */ 671/***/ (function(module, exports) { 672 673function _arrayLikeToArray(r, a) { 674 (null == a || a > r.length) && (a = r.length); 675 for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; 676 return n; 677} 678module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports; 679 680/***/ }), 681/* 13 */ 682/***/ (function(module, exports) { 683 684function _nonIterableRest() { 685 throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 686} 687module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports; 688 689/***/ }), 690/* 14 */ 691/***/ (function(module, exports) { 692 693(function() { module.exports = window["wp"]["element"]; }()); 694 695/***/ }), 696/* 15 */ 697/***/ (function(module, exports) { 698 699(function() { module.exports = window["wp"]["blockEditor"]; }()); 700 701/***/ }), 702/* 16 */ 703/***/ (function(module, __webpack_exports__, __webpack_require__) { 704 705"use strict"; 706__webpack_require__.r(__webpack_exports__); 707/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 708/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 709/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 710/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 711/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17); 712/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); 713/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 714/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 715/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 716/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 717/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20); 718/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21); 719/* harmony import */ var _components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22); 720/* harmony import */ var _components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23); 721/* harmony import */ var _components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24); 722 723 724 725 726 727 728 729 730 731 732function getInspectorControls(clientId, blockAttributes) { 733 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["store"]), 734 updateBlockAttributes = _useDispatch.updateBlockAttributes; 735 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__["default"].bgColors; 736 var bgColor = blockAttributes['bgColor']; 737 var imagePositionSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_7__["default"], { 738 columns: 4, 739 label: "Image position" 740 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 741 onClick: function onClick() { 742 return updateBlockAttributes(clientId, { 743 imagePosition: 'right' 744 }); 745 }, 746 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 747 'button--selected': blockAttributes['imagePosition'] === 'right' 748 }) 749 }, "Right"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 750 onClick: function onClick() { 751 return updateBlockAttributes(clientId, { 752 imagePosition: 'left' 753 }); 754 }, 755 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 756 'button--selected': blockAttributes['imagePosition'] === 'left' 757 }) 758 }, "Left"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 759 onClick: function onClick() { 760 return updateBlockAttributes(clientId, { 761 imagePosition: 'top' 762 }); 763 }, 764 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 765 'button--selected': blockAttributes['imagePosition'] === 'top' 766 }) 767 }, "Top"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 768 onClick: function onClick() { 769 return updateBlockAttributes(clientId, { 770 imagePosition: 'bottom' 771 }); 772 }, 773 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 774 'button--selected': blockAttributes['imagePosition'] === 'bottom' 775 }) 776 }, "Bottom")); 777 var backgroundSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_8__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 778 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].filled, 779 onClick: function onClick() { 780 return updateBlockAttributes(clientId, { 781 background: 'filled' 782 }); 783 }, 784 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 785 'button--selected': blockAttributes['background'] === 'filled' 786 }) 787 }, "Shaped"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 788 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].transparent, 789 onClick: function onClick() { 790 return updateBlockAttributes(clientId, { 791 background: 'transparent' 792 }); 793 }, 794 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 795 'button--selected': blockAttributes['background'] === 'transparent' 796 }) 797 }, "Unshaped")); 798 var bgColorSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_9__["default"], { 799 bgColor: bgColor, 800 onChange: function onChange(newColor) { 801 if (newColor) { 802 var _getColorObjectByColo; 803 updateBlockAttributes(clientId, { 804 bgColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["getColorObjectByColorValue"])(configColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.slug 805 }); 806 } 807 } 808 }); 809 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["InspectorControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 810 title: "Style Settings", 811 initialOpen: true 812 }, backgroundSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 813 title: "Layout Settings", 814 initialOpen: true 815 }, imagePositionSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 816 title: "Additional Settings", 817 initialOpen: true 818 }, bgColorSettings)); 819} 820/* harmony default export */ __webpack_exports__["default"] = (getIns
vendor: 1,281 bytes, lines 820-883
820pectorControls); 821 822/***/ }), 823/* 17 */ 824/***/ (function(module, exports) { 825 826(function() { module.exports = window["wp"]["data"]; }()); 827 828/***/ }), 829/* 18 */ 830/***/ (function(module, exports) { 831 832(function() { module.exports = window["wp"]["components"]; }()); 833 834/***/ }), 835/* 19 */ 836/***/ (function(module, exports, __webpack_require__) { 837 838var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! 839 Copyright (c) 2018 Jed Watson. 840 Licensed under the MIT License (MIT), see 841 http://jedwatson.github.io/classnames 842*/ 843/* global define */ 844 845(function () { 846 'use strict'; 847 848 var hasOwn = {}.hasOwnProperty; 849 850 function classNames () { 851 var classes = ''; 852 853 for (var i = 0; i < arguments.length; i++) { 854 var arg = arguments[i]; 855 if (arg) { 856 classes = appendClass(classes, parseValue(arg)); 857 } 858 } 859 860 return classes; 861 } 862 863 function parseValue (arg) { 864 if (typeof arg === 'string' || typeof arg === 'number') { 865 return arg; 866 } 867 868 if (typeof arg !== 'object') { 869 return ''; 870 } 871 872 if (Array.isArray(arg)) { 873 return classNames.apply(null, arg); 874 } 875 876 if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) { 877 return arg.toString(); 878 } 879 880 var classes = ''; 881 882 for (var key in arg) { 883 if (hasOwn.call(arg, key) && arg[key]) {
884 classes = appendClass(classes, key); 885 } 886 } 887 888 return classes; 889 } 890 891 function appendClass (value, newClass) { 892 if (!newClass) { 893 return value; 894 } 895 896 if (value) { 897 return value + ' ' + newClass; 898 } 899 900 return value + newClass; 901 } 902 903 if ( true && module.exports) { 904 classNames.default = classNames; 905 module.exports = classNames; 906 } else if (true) { 907 // register as 'classnames', consistent with npm package name 908 !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { 909 return classNames; 910 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), 911 __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); 912 } else {} 913}()); 914 915 916/***/ }), 917/* 20 */ 918/***/ (function(module, __webpack_exports__, __webpack_require__) { 919 920"use strict"; 921__webpack_require__.r(__webpack_exports__); 922/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 923/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 924 925var Icon = []; 926 927/*Block icons*/ 928Icon.main = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 929 width: "24", 930 height: "24", 931 viewBox: "0 0 24 24", 932 fill: "none", 933 xmlns: "http://www.w3.org/2000/svg" 934}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 935 d: "M3 6V17.5H11L11 6H3Z", 936 fill: "#1E1E1E" 937}), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 938 d: "M14 9L21 9V7.5L14 7.5V9Z", 939 fill: "#1E1E1E" 940}), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 941 d: "M21 12.5H14V11H21V12.5Z", 942 fill: "#1E1E1E" 943}), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 944 d: "M14 16L21 16V14.5L14 14.5V16Z", 945 fill: "#1E1E1E" 946})); 947Icon.cards = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 948 width: "24", 949 height: "24", 950 viewBox: "0 0 24 24", 951 fill: "none", 952 xmlns: "http://www.w3.org/2000/svg" 953}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 954 d: "M4 5.5H20V4H4V5.5Z", 955 fill: "#1E1E1E" 956}), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 957 d: "M4 9.5H13V8H4V9.5Z", 958 fill: "#1E1E1E" 959}), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 960 "fill-rule": "evenodd", 961 "clip-rule": "evenodd", 962 d: "M15.0001 13C13.8956 13 13.0001 13.8954 13.0001 15V18C13.0001 19.1046 13.8956 20 15.0001 20H18.0001C19.1047 20 20.0001 19.1046 20.0001 18V15C20.0001 13.8954 19.1047 13 18.0001 13H15.0001ZM18.0001 14.5H15.0001C14.724 14.5 14.5001 14.7239 14.5001 15V18C14.5001 18.2761 14.724 18.5 15.0001 18.5H18.0001C18.2763 18.5 18.5001 18.2761 18.5001 18V15C18.5001 14.7239 18.2763 14.5 18.0001 14.5Z", 963 fill: "#1E1E1E" 964}), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 965 "fill-rule": "evenodd", 966 "clip-rule": "evenodd", 967 d: "M4.00012 15C4.00012 13.8954 4.89555 13 6.00012 13H9.00012C10.1047 13 11.0001 13.8954 11.0001 15V18C11.0001 19.1046 10.1047 20 9.00012 20H6.00012C4.89555 20 4.00012 19.1046 4.00012 18V15ZM6.00012 14.5H9.00012C9.27626 14.5 9.50012 14.7239 9.50012 15V18C9.50012 18.2761 9.27626 18.5 9.00012 18.5H6.00012C5.72398 18.5 5.50012 18.2761 5.50012 18V15C5.50012 14.7239 5.72398 14.5 6.00012 14.5Z", 968 fill: "#1E1E1E" 969})); 970Icon.icons = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 971 width: "12", 972 height: "12", 973 viewBox: "0 0 12 12", 974 fill: "none", 975 xmlns: "http://www.w3.org/2000/svg" 976}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 977 d: "M2.44336 11.1719C1.21875 11.1719 0.603516 10.5684 0.603516 9.35547V2.20117C0.603516 0.988281 1.21875 0.384766 2.44336 0.384766H9.55078C10.7812 0.384766 11.3906 0.994141 11.3906 2.20117V9.35547C11.3906 10.5625 10.7812 11.1719 9.55078 11.1719H2.44336ZM2.45508 10.2285H9.53906C10.1191 10.2285 10.4473 9.91797 10.4473 9.30859V2.24805C10.4473 1.63867 10.1191 1.32812 9.53906 1.32812H2.45508C1.86914 1.32812 1.54688 1.63867 1.54688 2.24805V9.30859C1.54688 9.91797 1.86914 10.2285 2.45508 10.2285ZM2.73633 2.91016C2.73633 2.54688 2.95312 2.33008 3.31641 2.33008H4.74609C5.10938 2.33008 5.32617 2.54688 5.32617 2.91016V4.33984C5.32617 4.70312 5.10938 4.91992 4.74609 4.91992H3.31641C2.95312 4.91992 2.73633 4.70312 2.73633 4.33984V2.91016ZM3.08789 6.94141C2.87109 6.94141 2.71875 6.7832 2.71875 6.57812C2.71875 6.37891 2.87109 6.2207 3.08789 6.2207H8.85938C9.06445 6.2207 9.2168 6.37891 9.2168 6.57812C9.2168 6.7832 9.06445 6.94141 8.85938 6.94141H3.08789ZM3.08789 8.94531C2.87109 8.94531 2.71875 8.78711 2.71875 8.58789C2.71875 8.38281 2.87109 8.22461 3.08789 8.22461H7.3125C7.52344 8.22461 7.67578 8.38281 7.67578 8.58789C7.67578 8.78711 7.52344 8.94531 7.3125 8.94531H3.08789Z", 978 fill: "#343A3F" 979})); 980Icon.slider = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 981 width: "24", 982 height: "24", 983 viewBox: "0 0 24 24", 984 fill: "none", 985 xmlns: "http://www.w3.org/2000/svg" 986}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 987 "fill-rule": "evenodd", 988 "clip-rule": "evenodd", 989 d: "M6 5H11V7H13V5H18V7H19C20.1046 7 21 7.89543 21 9V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V9C3 7.89543 3.89543 7 5 7H6V5ZM19 8.5H5C4.72386 8.5 4.5 8.72386 4.5 9V1
9897C4.5 17.2761 4.72386 17.5 5 17.5H19C19.2761 17.5 19.5 17.2761 19.5 17V9C19.5 8.72386 19.2761 8.5 19 8.5Z", 990 fill: "#1E1E1E" 991})); 992Icon.html = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 993 width: "48", 994 height: "48", 995 viewBox: "0 0 48 48", 996 fill: "none", 997 xmlns: "http://www.w3.org/2000/svg" 998}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 999 "fill-rule": "evenodd", 1000 "clip-rule": "evenodd", 1001 d: "M28.4665 10.3142C28.6401 9.5042 28.1241 8.70682 27.3141 8.53324C26.5041 8.35966 25.7067 8.87561 25.5331 9.68565L19.5331 37.6857C19.3595 38.4957 19.8755 39.2931 20.6855 39.4666C21.4956 39.6402 22.2929 39.1243 22.4665 38.3142L28.4665 10.3142ZM15.0034 12.8851C14.3877 12.3309 13.4392 12.3808 12.885 12.9966L2.98193 24L12.885 35.0035C13.4392 35.6192 14.3877 35.6691 15.0034 35.115C15.6192 34.5608 15.6691 33.6123 15.1149 32.9966L7.01802 24L15.1149 15.0035C15.6691 14.3877 15.6192 13.4393 15.0034 12.8851ZM32.9966 12.8851C33.6123 12.3309 34.5608 12.3808 35.1149 12.9966L45.0181 24L35.1149 35.0035C34.5608 35.6192 33.6123 35.6691 32.9966 35.115C32.3808 34.5608 32.3309 33.6123 32.8851 32.9966L40.982 24L32.8851 15.0035C32.3309 14.3877 32.3808 13.4393 32.9966 12.8851Z", 1002 fill: "black" 1003})); 1004Icon.faq = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1005 width: "24", 1006 height: "24", 1007 viewBox: "0 0 24 24", 1008 fill: "none", 1009 xmlns: "http://www.w3.org/2000/svg" 1010}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("g", { 1011 opacity: "0.8" 1012}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1013 "fill-rule": "evenodd", 1014 "clip-rule": "evenodd", 1015 d: "M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM11 7.75C10.3096 7.75 9.75 8.30964 9.75 9H8.25C8.25 7.48122 9.48122 6.25 11 6.25H13C14.5188 6.25 15.75 7.48122 15.75 9V9.92963C15.75 10.8491 15.2905 11.7077 14.5254 12.2178L13.3066 13.0303C12.9589 13.2621 12.75 13.6524 12.75 14.0704V15H11.25V14.0704C11.25 13.1509 11.7095 12.2923 12.4746 11.7822L13.6934 10.9697C14.0411 10.7379 14.25 10.3476 14.25 9.92963V9C14.25 8.30964 13.6904 7.75 13 7.75H11ZM12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18Z", 1016 fill: "#292929" 1017}))); 1018Icon.testimonial = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1019 width: "24", 1020 height: "24", 1021 viewBox: "0 0 24 24", 1022 fill: "none", 1023 xmlns: "http://www.w3.org/2000/svg" 1024}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1025 "fill-rule": "evenodd", 1026 "clip-rule": "evenodd", 1027 d: "M4 6.75C4 5.7835 4.7835 5 5.75 5H8.75C9.7165 5 10.5 5.7835 10.5 6.75V12.75C10.5 13.7165 9.7165 14.5 8.75 14.5H5.50735C5.58051 15.7435 6.19676 16.8976 7.2 17.65L9.2 19.15L8.3 20.35L6.3 18.85C4.91898 17.8142 4.07997 16.2159 4.00543 14.5H4V14.25V6.75ZM5.75 6.5C5.61193 6.5 5.5 6.61193 5.5 6.75V13H8.75C8.88807 13 9 12.8881 9 12.75V6.75C9 6.61193 8.88807 6.5 8.75 6.5H5.75ZM13.5 6.75C13.5 5.7835 14.2835 5 15.25 5H18.25C19.2165 5 20 5.7835 20 6.75V12.75C20 13.7165 19.2165 14.5 18.25 14.5H15.0073C15.0805 15.7435 15.6968 16.8976 16.7 17.65L18.7 19.15L17.8 20.35L15.8 18.85C14.419 17.8142 13.58 16.2159 13.5054 14.5H13.5V14.25V6.75ZM15.25 6.5C15.1119 6.5 15 6.61193 15 6.75V13H18.25C18.3881 13 18.5 12.8881 18.5 12.75V6.75C18.5 6.61193 18.3881 6.5 18.25 6.5H15.25Z", 1028 fill: "#292929" 1029})); 1030Icon.pricing = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1031 width: "24", 1032 height: "24", 1033 viewBox: "0 0 24 24", 1034 fill: "none", 1035 xmlns: "http://www.w3.org/2000/svg" 1036}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1037 "fill-rule": "evenodd", 1038 "clip-rule": "evenodd", 1039 d: "M6.38904 6.5625L12.0459 6.5625L19.0312 13.5478L13.3743 19.2046L6.38904 12.2194V6.5625ZM5.18193 13.1336C4.99439 12.946 4.88904 12.6917 4.88904 12.4265V6.0625C4.88904 5.51022 5.33675 5.0625 5.88904 5.0625H12.253C12.5182 5.0625 12.7726 5.16786 12.9601 5.35539L20.4454 12.8407C20.8359 13.2312 20.8359 13.8644 20.4454 14.2549L14.0814 20.6189C13.6909 21.0094 13.0577 21.0094 12.6672 20.6189L5.18193 13.1336ZM9 9.99985C9.55228 9.99985 10 9.55214 10 8.99985C10 8.44757 9.55228 7.99985 9 7.99985C8.44771 7.99985 8 8.44757 8 8.99985C8 9.55214 8.44771 9.99985 9 9.99985Z", 1040 fill: "#292929" 1041})); 1042Icon.btnColor = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1043 width: "24", 1044 height: "24", 1045 viewBox: "0 0 24 24", 1046 fill: "none", 1047 xmlns: "http://www.w3.org/2000/svg" 1048}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("rect", { 1049 x: "0.5", 1050 y: "0.5", 1051 width: "23", 1052 height: "23", 1053 rx: "11.5", 1054 stroke: "#DDE1E6" 1055}), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("circle", { 1056 cx: "12", 1057 cy: "12", 1058 r: "10", 1059 fill: "#27292E" 1060})); 1061Icon.transparent = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1062 width: "16", 1063 height: "13", 1064 viewBox: "0 0 16 13", 1065 fill: "none", 1066 xmlns: "http://www.w3.org/2000/svg" 1067}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1068 d: "M2.61182 12.2632C1.28516 12.2632 0.618652 11.6094 0.618652 10.3018V2.54492C0.618652 1.2373 1.28516 0.577148 2.61182 0.577148H13.5933C14.9263 0.577148 15.5864 1.2373 15.5864 2.54492V10.3018C15.5864 11.6094 14.9263 12.2632 13.5933 12.2632H2.61182ZM4.21777 4.01123V1.60547H6.82031V4.01123H4.21777ZM9.38477 4.01123V1.60547H11.9873V4.01123H9.38477ZM1.64062 6.42969V8.8291H4.21777V11.2412H6.82031V8.8291H9.38477V11.2412H11.9873V8.8291H14.5645V6.42969H11.9873V4.01123H14.5645V2.60205C14.5645 1.94189 14.209 1.59912 13.5806 1.59912H2.62451C1.98975 1.59912 1.64062 1.94189 1.64062 2.60205V4.01123H4.21777V6.42969H1.64062ZM6.82031 6.42969V4.01123H9.38477V6.42969H6.82031ZM4.21777 8.8291V6.42969H6.82031V8.8291H4.21777ZM9.38477 8.8291V6.42969H11.9873V8.8291H9.38477Z", 1069 fill: "#000000" 1070})); 1071Icon.filled = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1072 width: "16", 1073 height: "13", 1074 viewBox: "0 0 16 13", 1075 fill: "none", 1076 xmlns: "http://www.w3.org/2000/svg" 1077}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1078 d: "M2.61182 12.2632C1.28516 12.2632 0.618652 11.6094 0.618652 10.3018V2.54492C0.618652 1.2373 1.28516 0.577148 2.61182 0.577148H13.5933C14.9263 0.577148 15.5864 1.2373 15.5864 2.54492V10.3018C15.5864 11.6094 14.9263 12.2632 13.5933 12.2632H2.61182Z", 1079 fill: "#1E1E1E" 1080})); 1081Icon.imageUpload = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1082 width: "18", 1083 height: "14", 1084 viewBox: "0 0 18 14", 1085 fill: "none", 1086 xmlns: "http://www.w3.org/2000/svg" 1087}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1088 d: "M16.3555 10.8789C16.3555 11.5352 16.2005 12.0319 15.8906 12.3691C15.5807 12.7109 15.1159 12.8818 14.4961 12.8818H3.03906C2.52865 12.8818 2.14583 12.7246 1.89062 12.4102C1.63542 12.1003 1.49642 11.6354 1.47363 11.0156L4.07812 8.66406C4.2194 8.5319 4.36296 8.4362 4.50879 8.37695C4.65462 8.31315 4.80501 8.28125 4.95996 8.28125C5.11947 8.28125 5.27669 8.31543 5.43164 8.38379C5.59115 8.44759 5.74154 8.54329 5.88281 8.6709L7.14746 9.8125L10.2373 7.05078C10.3968 6.91406 10.5609 6.81152 10.7295 6.74316C10.8981 6.6748 11.0758 6.64062 11.2627 6.64062C11.4495 6.64062 11.6296 6.67708 11.8027 6.75C11.9805 6.81836 12.1445 6.92318 12.2949 7.06445L16.3555 10.8789ZM6.0332 7.
108813281C5.73698 7.13281 5.46582 7.06217 5.21973 6.9209C4.97819 6.77507 4.78451 6.5791 4.63867 6.33301C4.49284 6.08691 4.41992 5.81576 4.41992 5.51953C4.41992 5.22786 4.49284 4.95898 4.63867 4.71289C4.78451 4.4668 4.97819 4.27083 5.21973 4.125C5.46582 3.97917 5.73698 3.90625 6.0332 3.90625C6.32943 3.90625 6.59831 3.97917 6.83984 4.125C7.08138 4.27083 7.27507 4.4668 7.4209 4.71289C7.56673 4.95898 7.63965 5.22786 7.63965 5.51953C7.63965 5.81576 7.56673 6.08691 7.4209 6.33301C7.27507 6.5791 7.08138 6.77507 6.83984 6.9209C6.59831 7.06217 6.32943 7.13281 6.0332 7.13281ZM3.08691 13.3604C2.37142 13.3604 1.83366 13.1826 1.47363 12.8271C1.11816 12.4762 0.94043 11.9499 0.94043 11.248V2.89453C0.94043 2.18815 1.11816 1.65951 1.47363 1.30859C1.83366 0.953125 2.37142 0.775391 3.08691 0.775391H14.9131C15.6331 0.775391 16.1709 0.953125 16.5264 1.30859C16.8818 1.66406 17.0596 2.19271 17.0596 2.89453V11.248C17.0596 11.9499 16.8818 12.4762 16.5264 12.8271C16.1709 13.1826 15.6331 13.3604 14.9131 13.3604H3.08691ZM3.10059 12.2598H14.8994C15.2367 12.2598 15.4964 12.1709 15.6787 11.9932C15.8656 11.8109 15.959 11.542 15.959 11.1865V2.95605C15.959 2.600
108859 15.8656 2.33171 15.6787 2.14941C15.4964 1.96712 15.2367 1.87598 14.8994 1.87598H3.10059C2.75879 1.87598 2.49674 1.96712 2.31445 2.14941C2.13216 2.33171 2.04102 2.60059 2.04102 2.95605V11.1865C2.04102 11.542 2.13216 11.8109 2.31445 11.9932C2.49674 12.1709 2.75879 12.2598 3.10059 12.2598Z", 1089 fill: "#343A3F" 1090})); 1091Icon.videoUpload = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1092 width: "18", 1093 height: "12", 1094 viewBox: "0 0 18 12", 1095 fill: "none", 1096 xmlns: "http://www.w3.org/2000/svg" 1097}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1098 d: "M2.77051 11.6836C1.93652 11.6836 1.28255 11.4535 0.808594 10.9932C0.339193 10.5283 0.104492 9.87891 0.104492 9.04492V3.07715C0.104492 2.24772 0.348307 1.60286 0.835938 1.14258C1.32812 0.677734 1.97298 0.445312 2.77051 0.445312H9.91406C10.748 0.445312 11.3997 0.677734 11.8691 1.14258C12.3431 1.60286 12.5801 2.24772 12.5801 3.07715V9.04492C12.5801 9.87891 12.3431 10.5283 11.8691 10.9932C11.3997 11.4535 10.748 11.6836 9.91406 11.6836H2.77051ZM2.96191 10.6514H9.72266C10.2832 10.6514 10.7161 10.5055 11.0215 10.2139C11.3268 9.9222 11.4795 9.48014 11.4795 8.8877V3.24121C11.4795 2.64876 11.3268 2.20671 11.0215 1.91504C10.7161 1.61882 10.2832 1.4707 9.72266 1.4707H2.96191C2.40137 1.4707 1.96842 1.61882 1.66309 1.91504C1.35775 2.20671 1.20508 2.64876 1.20508 3.24121V8.8877C1.20508 9.48014 1.35775 9.9222 1.66309 10.2139C1.96842 10.5055 2.40137 10.6514 2.96191 10.6514ZM12.4229 4.15039L15.1641 1.83301C15.3008 1.71908 15.4421 1.62793 15.5879 1.55957C15.7337 1.48665 15.8773 1.4502 16.0186 1.4502C16.3193 1.4502 16.5609 1.55046 16.7432 1.75098C16.9255 1.9515 17.0166 2.21126 17.0166 2.53027V9.59863C17.0166 9.91764 16.9255 10.1774 16.7432 10.3779C16.5609 10.5785 16.3193 10.6787 16.0186 10.6787C15.8773 10.6787 15.7337 10.6445 15.5879 10.5762C15.4421 10.5033 15.3008 10.4098 15.1641 10.2959L12.4229 7.97168V6.67969L15.6768 9.36621C15.7087 9.38444 15.736 9.40267 15.7588 9.4209C15.7861 9.43457 15.8135 9.44141 15.8408 9.44141C15.9183 9.44141 15.957 9.389 15.957 9.28418V2.84473C15.957 2.73535 15.9183 2.68066 15.8408 2.68066C15.8135 2.68066 15.7861 2.68978 15.7588 2.70801C15.736 2.72168 15.7087 2.73991 15.6768 2.7627L12.4229 5.44922V4.15039Z", 1099 fill: "#343A3F" 1100})); 1101Icon.link = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1102 width: "16", 1103 height: "16", 1104 viewBox: "0 0 16 16", 1105 fill: "none", 1106 xmlns: "http://www.w3.org/2000/svg" 1107}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1108 d: "M8.08203 5.19336C8.51953 5.27083 8.88411 5.38477 9.17578 5.53516C9.46745 5.68099 9.72038 5.86328 9.93457 6.08203C10.4906 6.63346 10.8597 7.24186 11.042 7.90723C11.2243 8.56803 11.222 9.22884 11.0352 9.88965C10.8529 10.5505 10.4883 11.1543 9.94141 11.7012L7.60352 14.0459C7.0612 14.5882 6.45964 14.9505 5.79883 15.1328C5.13802 15.3197 4.47493 15.3219 3.80957 15.1396C3.14876 14.9574 2.54036 14.5882 1.98438 14.0322C1.43294 13.4808 1.06608 12.8747 0.883789 12.2139C0.701497 11.5485 0.701497 10.8854 0.883789 10.2246C1.07064 9.5638 1.43522 8.95996 1.97754 8.41309L3.9873 6.41016C3.95085 6.63346 3.94401 6.86816 3.9668 7.11426C3.99414 7.35579 4.05566 7.58366 4.15137 7.79785L2.81152 9.1377C2.41504 9.53418 2.15072 9.97168 2.01855 10.4502C1.88639 10.9287 1.88639 11.4095 2.01855 11.8926C2.15072 12.3711 2.41504 12.8109 2.81152 13.2119C3.20801 13.6084 3.64551 13.8704 4.12402 13.998C4.6071 14.1302 5.08789 14.1302 5.56641 13.998C6.04492 13.8659 6.48242 13.6016 6.87891 13.2051L9.11426 10.9766C9.51074 10.5801 9.77279 10.1426 9.90039 9.66406C10.0326 9.18555 10.0326 8.70703 9.90039 8.22852C9.76823 7.74544 9.50391 7.30339 9.10742 6.90234C8.88411 6.67904 8.61751 6.5013 8.30762 6.36914C8.00228 6.23698 7.62402 6.15267 7.17285 6.11621L8.08203 5.19336ZM7.91113 10.8262C7.47363 10.7487 7.10905 10.637 6.81738 10.4912C6.52572 10.3408 6.27279 10.1562 6.05859 9.9375C5.5026 9.38607 5.13346 8.77995 4.95117 8.11914C4.76888 7.45378 4.76888 6.79069 4.95117 6.12988C5.13802 5.46908 5.50488 4.86523 6.05176 4.31836L8.38281 1.98047C8.92969 1.43359 9.53353 1.06901 10.1943 0.886719C10.8551 0.69987 11.516 0.697591 12.1768 0.879883C12.8421 1.06217 13.4528 1.43132 14.0088 1.9873C14.5602 2.53874 14.9271 3.14714 15.1094 3.8125C15.2917 4.47331 15.2894 5.13411 15.1025 5.79492C14.9202 6.45573 14.5579 7.05957 14.0156 7.60645L12.0059 9.60938C12.0423 9.38607 12.0469 9.15365 12.0195 8.91211C11.9967 8.67057 11.9375 8.44043 11.8418 8.22168L13.1816 6.88184C13.5781 6.48535 13.8424 6.04785 13.9746 5.56934C14.1068 5.09082 14.1068 4.6123 13.9746 4.13379C13.8424 3.65072 13.5781 3.21094 13.1816 2.81445C12.7806 2.41341 12.3408 2.14909 11.8623 2.02148C11.3838 1.88932 10.9053 1.88932 10.4268 2.02148C9.94824 2.15365 9.50846 2.41797 9.10742 2.81445L6.87891 5.04297C6.48242 5.43945 6.2181 5.87695 6.08594 6.35547C5.95378 6.83398 5.95378 7.31478 6.08594 7.79785C6.2181 8.27637 6.4847 8.71615 6.88574 9.11719C7.10905 9.34049 7.37337 9.51823 7.67871 9.65039C7.98861 9.78255 8.36914 9.86686 8.82031 9.90332L7.91113 10.8262Z", 1109 fill: "#343A3F" 1110})); 1111Icon.mediaPlus = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1112 width: "12", 1113 height: "12", 1114 viewBox: "0 0 12 12", 1115 fill: "none", 1116 xmlns: "http://www.w3.org/2000/svg" 1117}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1118 d: "M0.360352 6.06445C0.360352 5.72949 0.640625 5.44922 0.9687
11185 5.44922H5.3916V1.0332C5.3916 0.705078 5.66504 0.424805 6 0.424805C6.33496 0.424805 6.61523 0.705078 6.61523 1.0332V5.44922H11.0312C11.3594 5.44922 11.6396 5.72949 11.6396 6.06445C11.6396 6.39941 11.3594 6.67285 11.0312 6.67285H6.61523V11.0957C6.61523 11.4238 6.33496 11.7041 6 11.7041C5.66504 11.7041 5.3916 11.4238 5.3916 11.0957V6.67285H0.96875C0.640625 6.67285 0.360352 6.39941 0.360352 6.06445Z", 1119 fill: "#878D96" 1120})); 1121Icon.delete = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1122 width: "32", 1123 height: "32", 1124 viewBox: "0 0 32 32", 1125 fill: "none", 1126 xmlns: "http://www.w3.org/2000/svg" 1127}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1128 d: "M13.6875 22.1836C13.5417 22.1836 13.4245 22.1419 13.3359 22.0586C13.2474 21.9753 13.2005 21.8633 13.1953 21.7227L12.9609 13.3711C12.9557 13.2357 12.9974 13.1263 13.0859 13.043C13.1797 12.9544 13.2995 12.9102 13.4453 12.9102C13.5859 12.9102 13.7005 12.9518 13.7891 13.0352C13.8828 13.1185 13.9297 13.2279 13.9297 13.3633L14.1719 21.7227C14.1719 21.8581 14.1276 21.9701 14.0391 22.0586C13.9505 22.1419 13.8333 22.1836 13.6875 22.1836ZM16 22.1836C15.8542 22.1836 15.7344 22.1419 15.6406 22.0586C15.5469 21.9701 15.5 21.8581 15.5 21.7227V13.3711C15.5 13.2357 15.5469 13.1263 15.6406 13.043C15.7344 12.9544 15.8542 12.9102 16 12.9102C16.151 12.9102 16.2734 12.9544 16.3672 13.043C16.4609 13.1263 16.5078 13.2357 16.5078 13.3711V21.7227C16.5078 21.8581 16.4609 21.9701 16.3672 22.0586C16.2734 22.1419 16.151 22.1836 16 22.1836ZM18.3203 22.1836C18.1693 22.1836 18.0495 22.1419 17.9609 22.0586C17.8724 21.9701 17.8307 21.8581 17.8359 21.7227L18.0703 13.3711C18.0755 13.2305 18.1224 13.1185 18.2109 13.0352C18.2995 12.9518 18.4141 12.9102 18.5547 12.9102C18.7057 12.9102 18.8255 12.9544 18.9141 13.043C19.0026 13.1263 19.0443 13.2357 19.0391 13.3711L18.8047 21.7227C18.7995 21.8633 18.7526 21.9753 18.6641 22.0586C18.5755 22.1419 18.4609 22.1836 18.3203 22.1836ZM12.5703 10.8711V9.12109C12.5703 8.55859 12.7422 8.11589 13.0859 7.79297C13.4349 7.46484 13.9089 7.30078 14.5078 7.30078H17.4766C18.0755 7.30078 18.5469 7.46484 18.8906 7.79297C19.2396 8.11589 19.4141 8.55859 19.4141 9.12109V10.8711H18.1719V9.19922C18.1719 8.98047 18.099 8.80339 17.9531 8.66797C17.8125 8.53255 17.625 8.46484 17.3906 8.46484H14.5938C14.3594 8.46484 14.1693 8.53255 14.0234 8.66797C13.8828 8.80339 13.8125 8.98047 13.8125 9.19922V10.8711H12.5703ZM9.02344 11.4961C8.86719 11.4961 8.72917 11.4388 8.60938 11.3242C8.49479 11.2044 8.4375 11.0638 8.4375 10.9023C8.4375 10.7461 8.49479 10.6107 8.60938 10.4961C8.72917 10.3763 8.86719 10.3164 9.02344 10.3164H22.9844C23.1406 10.3164 23.276 10.3737 23.3906 10.4883C23.5052 10.6029 23.5625 10.7409 23.5625 10.9023C23.5625 11.0638 23.5052 11.2044 23.3906 11.3242C23.2812 11.4388 23.1458 11.4961 22.9844 11.4961H9.02344ZM12.4219 24.6992C11.8594 24.6992 11.4036 24.5326 11.0547 24.1992C10.7109 23.8711 10.526 23.4258 10.5 22.8633L9.94531 11.3477H11.1719L11.7266 22.7227C11.737 22.9518 11.8177 23.1419 11.9688 23.293C12.1198 23.444 12.3073 23.5195 12.5312 23.5195H19.4609C19.6901 23.5195 19.8802 23.444 20.0312 23.293C20.1823 23.1471 20.263 22.957 20.2734 22.7227L20.7969 11.3477H22.0547L21.5078 22.8555C21.4818 23.418 21.2943 23.8659 20.9453 24.1992C20.5964 24.5326 20.1432 24.6992 19.5859 24.6992H12.4219Z", 1129 fill: "black" 1130})); 1131Icon.plus = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1132 xmlns: "http://www.w3.org/2000/svg", 1133 height: "24", 1134 viewBox: "0 -960 960 960", 1135 width: "24" 1136}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1137 d: "M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z" 1138})); 1139Icon.btnPositionTop = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1140 width: "18", 1141 height: "14", 1142 viewBox: "0 0 18 14", 1143 fill: "none", 1144 xmlns: "http://www.w3.org/2000/svg" 1145}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1146 d: "M3.57227 7.06445C3.35807 7.06445 3.2054 7.0166 3.11426 6.9209C3.02311 6.8252 2.97754 6.66797 2.97754 6.44922V3.42773C2.97754 3.20898 3.02311 3.05176 3.11426 2.95605C3.2054 2.86035 3.35807 2.8125 3.57227 2.8125H8.39844C8.61263 2.8125 8.7653 2.86035 8.85645 2.95605C8.95215 3.05176 9 3.20898 9 3.42773V6.44922C9 6.66797 8.95215 6.8252 8.85645 6.9209C8.7653 7.0166 8.61263 7.06445 8.39844 7.06445H3.57227ZM3.08691 13.4424C2.37142 13.4424 1.83366 13.2646 1.47363 12.9092C1.11816 12.5583 0.94043 12.0296 0.94043 11.3232V2.97656C0.94043 2.27018 1.11816 1.74154 1.47363 1.39062C1.83366 1.03516 2.37142 0.857422 3.08691 0.857422H14.9131C15.6331 0.857422 16.1709 1.03516 16.5264 1.39062C16.8818 1.74154 17.0596 2.27018 17.0596 2.97656V11.3232C17.0596 12.0296 16.8818 12.5583 16.5264 12.9092C16.1709
114613.2646 15.6331 13.4424 14.9131 13.4424H3.08691ZM3.10059 12.3418H14.8994C15.2367 12.3418 15.4964 12.2507 15.6787 12.0684C15.8656 11.8861 15.959 11.6195 15.959 11.2686V3.03125C15.959 2.67578 15.8656 2.40918 15.6787 2.23145C15.4964 2.04915 15.2367 1.95801 14.8994 1.95801H3.10059C2.75879 1.95801 2.49674 2.04915 2.31445 2.23145C2.13216 2.40918 2.04102 2.67578 2.04102 3.03125V11.2686C2.04102 11.6195 2.13216 11.8861 2.31445 12.0684C2.49674 12.2507 2.75879 12.3418 3.10059 12.3418Z", 1147 fill: "black" 1148})); 1149Icon.btnPositionBottom = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1150 width: "18", 1151 height: "14", 1152 viewBox: "0 0 18 14", 1153 fill: "none", 1154 xmlns: "http://www.w3.org/2000/svg" 1155}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1156 d: "M3.57227 11.3301C3.35807 11.3301 3.2054 11.2822 3.11426 11.1865C3.02311 11.0908 2.97754 10.9336 2.97754 10.7148V7.67969C2.97754 7.46094 3.02311 7.30371 3.11426 7.20801C3.2054 7.1123 3.35807 7.06445 3.57227 7.06445H8.39844C8.61263 7.06445 8.7653 7.1123 8.85645 7.20801C8.95215 7.30371 9 7.46094 9 7.67969V10.7148C9 10.9336 8.95215 11.0908 8.85645 11.1865C8.7653 11.2822 8.61263 11.3301 8.39844 11.3301H3.57227ZM3.08691 13.3604C2.37142 13.3604 1.83366 13.1826 1.47363 12.8271C1.11816 12.4762 0.94043 11.9499 0.94043 11.248V2.89453C0.94043 2.18815 1.11816 1.65951 1.47363 1.30859C1.83366 0.953125 2.37142 0.775391 3.08691 0.775391H14.9131C15.6331 0.775391 16.1709 0.953125 16.5264 1.30859C16.8818 1.66406 17.0596 2.19271 17.0596 2.89453V11.248C17.0596 11.9499 16.8818 12.4762 16.5264 12.8271C16.1709 13.1826 15.6331 13.3604 14.9131 13.3604H3.08691ZM3.10059 12.2598H14.8994C15.2367 12.2598 15.4964 12.1709 15.6787 11.9932C15.8656 11.8109 15.959 11.542 15.959 11.1865V2.95605C15.959 2.600
115659 15.8656 2.33171 15.6787 2.14941C15.4964 1.96712 15.2367 1.87598 14.8994 1.87598H3.10059C2.75879 1.87598 2.49674 1.96712 2.31445 2.14941C2.13216 2.33171 2.04102 2.60059 2.04102 2.95605V11.1865C2.04102 11.542 2.13216 11.8109 2.31445 11.9932C2.49674 12.1709 2.75879 12.2598 3.10059 12.2598Z", 1157 fill: "#343A3F" 1158})); 1159Icon.textAlignLeft = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1160 width: "14", 1161 height: "12", 1162 viewBox: "0 0 14 12", 1163 fill: "none", 1164 xmlns: "http://www.w3.org/2000/svg" 1165}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1166 d: "M0.62207 1.19043C0.480794 1.19043 0.360026 1.1403 0.259766 1.04004C0.159505 0.939779 0.109375 0.816732 0.109375 0.670898C0.109375 0.529622 0.159505 0.408854 0.259766 0.308594C0.360026 0.208333 0.480794 0.158203 0.62207 0.158203H13.3574C13.5033 0.158203 13.6263 0.208333 13.7266 0.308594C13.8314 0.408854 13.8838 0.529622 13.8838 0.670898C13.8838 0.816732 13.8314 0.939779 13.7266 1.04004C13.6263 1.1403 13.5033 1.19043 13.3574 1.19043H0.62207ZM0.62207 4.77246C0.480794 4.77246 0.360026 4.72233 0.259766 4.62207C0.159505 4.52181 0.109375 4.39876 0.109375 4.25293C0.109375 4.1071 0.159505 3.98633 0.259766 3.89062C0.360026 3.79036 0.480794 3.74023 0.62207 3.74023H8.3125C8.45833 3.74023 8.58138 3.79036 8.68164 3.89062C8.7819 3.98633 8.83203 4.1071 8.83203 4.25293C8.83203 4.39876 8.7819 4.52181 8.68164 4.62207C8.58138 4.72233 8.45833 4.77246 8.3125 4.77246H0.62207ZM0.62207 8.35449C0.480794 8.35449 0.360026 8.30436 0.259766 8.2041C0.159505 8.10384 0.109375 7.98079 0.109375 7.83496C0.109375 7.68913 0.159505 7.56836 0.259766 7.47266C0.360026 7.3724 0.480794 7.32227 0.62207 7.32227H13.3574C13.5033 7.32227 13.6263 7.3724 13.7266 7.47266C13.8314 7.56836 13.8838 7.68913 13.8838 7.83496C13.8838 7.98079 13.8314 8.10384 13.7266 8.2041C13.6263 8.30436 13.5033 8.35449 13.3574 8.35449H0.62207ZM0.62207 11.9297C0.480794 11.9297 0.360026 11.8796 0.259766 11.7793C0.159505 11.6836 0.109375 11.5628 0.109375 11.417C0.109375 11.2712 0.159505 11.1481 0.259766 11.0479C0.360026 10.9476 0.480794 10.8975 0.62207 10.8975H8.3125C8.45833 10.8975 8.58138 10.9476 8.68164 11.0479C8.7819 11.1481 8.83203 11.2712 8.83203 11.417C8.83203 11.5628 8.7819 11.6836 8.68164 11.7793C8.58138 11.8796 8.45833 11.9297 8.3125 11.9297H0.62207Z", 1167 fill: "black" 1168})); 1169Icon.textAlignCenter = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1170 width: "14", 1171 height: "12", 1172 viewBox: "0 0 14 12", 1173 fill: "none", 1174 xmlns: "http://www.w3.org/2000/svg" 1175}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1176 d: "M0.62207 1.19043C0.480794 1.19043 0.360026 1.1403 0.259766 1.04004C0.159505 0.939779 0.109375 0.816732 0.109375 0.670898C0.109375 0.529622 0.159505 0.408854 0.259766 0.308594C0.360026 0.208333 0.480794 0.158203 0.62207 0.158203H13.3574C13.5033 0.158203 13.6263 0.208333 13.7266 0.308594C13.8314 0.408854 13.8838 0.529622 13.8838 0.670898C13.8838 0.816732 13.8314 0.939779 13.7266 1.04004C13.6263 1.1403 13.5033 1.19043 13.3574 1.19043H0.62207ZM3.15137 4.77246C3.00553 4.77246 2.88249 4.72233 2.78223 4.62207C2.68197 4.52181 2.63184 4.39876 2.63184 4.25293C2.63184 4.1071 2.68197 3.98633 2.78223 3.89062C2.88249 3.79036 3.00553 3.74023 3.15137 3.74023H10.835C10.9808 3.74023 11.1038 3.79036 11.2041 3.89062C11.3044 3.98633 11.3545 4.1071 11.3545 4.25293C11.3545 4.39876 11.3044 4.52181 11.2041 4.62207C11.1038 4.72233 10.9808 4.77246 10.835 4.77246H3.15137ZM0.62207 8.35449C0.480794 8.35449 0.360026 8.30436 0.259766 8.2041C0.159505 8.10384 0.109375 7.98079 0.109375 7.83496C0.109375 7.68913 0.159505 7.56836 0.259766 7.47266C0.360026 7.3724 0.480794 7.32227 0.62207 7.32227H13.3574C13.5033 7.32227 13.6263 7.3724 13.7266 7.47266C13.8314 7.56836 13.8838 7.68913 13.8838 7.83496C13.8838 7.98079 13.8314 8.10384 13.7266 8.2041C13.6263 8.30436 13.5033 8.35449 13.3574 8.35449H0.62207ZM3.15137 11.9297C3.00553 11.9297 2.88249 11.8796 2.78223 11.7793C2.68197 11.6836 2.63184 11.5628 2.63184 11.417C2.63184 11.2712 2.68197 11.1481 2.78223 11.0479C2.88249 10.9476 3.00553 10.8975 3.15137 10.8975H10.835C10.9808 10.8975 11.1038 10.9476 11.2041 11.0479C11.3044 11.1481 11.3545 11.2712 11.3545 11.417C11.3545 11.5628 11.3044 11.6836 11.2041 11.7793C11.1038 11.8796 10.9808 11.9297 10.835 11.9297H3.15137Z", 1177 fill: "#343A3F" 1178})); 1179Icon.badge = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1180 width: "24", 1181 height: "24", 1182 viewBox: "0 0 24 24", 1183 fill: "none", 1184 xmlns: "http://www.w3.org/2000/svg" 1185}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1186 "fill-rule": "evenodd", 1187 "clip-rule": "evenodd", 1188 d: "M14.0395 9.70127L12 5.46073L9.96055 9.70127L5.29705 10.3278L8.7011 13.5726L7.85609 18.199L12 15.9665L16.1439 18.199L15.2989 13.5726L18.703 10.3278L14.0395 9.70127ZM8.95929 8.32231L4.06489 8.97986C3.23337 9.09157 2.90077 10.1159 3.50806 10.6948L7.08002 14.0997L6.19356 18.9529C6.04289 19.7778 6.91336 20.4107 7.65158 20.013L12 17.6703L16.3485 20.013C17.0867 20.4107 17.9571 19.7778 17.8065 18.9529L16.92 14.0997L20.492 10.6948C21.0993 10.1159 20.7667 9.09157 19.9352 8.97986L15.0407 8.32231L12.9012 3.8737C12.5379 3.11827 11.4622 3.11827 11.0988 3.87371L8.95929 8.32231Z", 1189 fill: "#292929" 1190})); 1191Icon.eye = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1192 width: "24", 1193 height: "24", 1194 viewBox: "0 0 24 24", 1195 fill: "none", 1196 xmlns: "http://www.w3.org/2000/svg" 1197}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1198 "fill-rule": "evenodd", 1199 "clip-rule": "evenodd", 1200 d: "M12 16.8635C9.79134 16.8635 7.64081 15.5685 5.91936 14.0551C5.08284 13.3197 4.40166 12.5802 3.92978 12.0239L3.90943 11.9999L3.92978 11.9758C4.40166 11.4195 5.08284 10.68 5.91936 9.94461C6.43586 9.49054 6.991 9.05612 7.57475 8.67044C7.20775 9.36611 7 10.1588 7 11C7 13.7614 9.23878 16 12.0001 16C14.7615 16 17 13.7614 17 11C17 10.1588 16.7923 9.36615 16.4253 8.6705C17.0091 9.05616 17.5642 9.49056 18.0806 9.94461C18.9172 10.68 19.5983 11.4195 20.0702 11.9758L20.0906 11.9999L20.0702 12.0239C19.5983 12.5802 18.9172 13.3197 18.0806 14.0551C16.3592 15.5685 14.2087 16.8635 12 16.8635ZM12 5.63623C7.484 5.63623 3.66707 9.89126 2.42555 11.4426C2.16184 11.7721 2.16184 12.2276 2.42555 12.5572C3.66707 14.1085 7.484 18.3635 12 18.3635C16.516 18.3635 20.3329 14.1085 21.5745 12.5572C21.8382 12.2276 21.8382 11.7721 21.5745 11.4426C20.3329 9.89126 16.516 5.
120063623 12 5.63623ZM12.0001 14.5C10.0671 14.5 8.5 12.9329 8.5 11C8.5 9.06706 10.0671 7.5 12.0001 7.5C13.933 7.5 15.5 9.06695 15.5 11C15.5 12.933 13.933 14.5 12.0001 14.5Z", 1201 fill: "#292929" 1202})); 1203Icon.arrowLeft = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1204 width: "24", 1205 height: "24", 1206 viewBox: "0 0 24 24", 1207 xmlns: "http://www.w3.org/2000/svg", 1208 role: "img", 1209 "aria-hidden": "true", 1210 focusable: "false" 1211}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1212 d: "M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z" 1213})); 1214Icon.arrowRight = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1215 width: "24", 1216 height: "24", 1217 viewBox: "0 0 24 24", 1218 xmlns: "http://www.w3.org/2000/svg", 1219 role: "img", 1220 "aria-hidden": "true", 1221 focusable: "false" 1222}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1223 d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" 1224})); 1225Icon.arrowTop = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1226 viewBox: "434.456 247.2 11 5.6", 1227 width: "11", 1228 height: "5.6", 1229 xmlns: "http://www.w3.org/2000/svg" 1230}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1231 d: "M 434.456 251.6 L 439.956 247.2 L 445.456 251.6 L 444.556 252.8 L 439.956 249.2 L 435.456 252.8 L 434.456 251.6 Z" 1232})); 1233Icon.h1 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1234 width: "24", 1235 height: "24", 1236 viewBox: "0 0 24 24", 1237 fill: "none", 1238 xmlns: "http://www.w3.org/2000/svg" 1239}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("mask", { 1240 id: "mask0_3808_4142", 1241 maskUnits: "userSpaceOnUse", 1242 x: "0", 1243 y: "0", 1244 width: "24", 1245 height: "24" 1246}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("rect", { 1247 width: "24", 1248 height: "24", 1249 fill: "#D9D9D9" 1250})), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("g", { 1251 mask: "url(#mask0_3808_4142)" 1252}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1253 d: "M5.5 16.75V7.25H7V11.25H11.5V7.25H13V16.75H11.5V12.75H7V16.75H5.5ZM17 16.75V8.75H15V7.25H18.5V16.75H17Z", 1254 fill: "#292929" 1255}))); 1256/* harmony default export */ __webpack_exports__["default"] = (Icon); 1257 1258/***/ }), 1259/* 21 */ 1260/***/ (function(module, __webpack_exports__, __webpack_require__) { 1261 1262"use strict"; 1263__webpack_require__.r(__webpack_exports__); 1264var ColorsConfig = []; 1265ColorsConfig.bgColors = [{ 1266 name: 'White', 1267 slug: 'white', 1268 color: '#FFFFFF' 1269}, { 1270 name: 'Gray', 1271 slug: 'gray', 1272 color: '#F6F6FA' 1273}, { 1274 name: 'Black', 1275 slug: 'black', 1276 color: '#27292E' 1277}]; 1278ColorsConfig.btnColorsOnWhite = [{ 1279 name: 'black', 1280 color: '#27292E' 1281}, { 1282 name: 'yellow', 1283 color: '#FAE053' 1284}]; 1285ColorsConfig.btnColorsOnBlack = [{ 1286 name: 'white', 1287 color: '#FFFFFF' 1288}, { 1289 name: 'yellow', 1290 color: '#FAE053' 1291}]; 1292ColorsConfig.badgeColorsOnWhite = [{ 1293 name: 'black', 1294 color: '#27292E' 1295}, { 1296 name: 'yellow', 1297 color: '#FAE053' 1298}]; 1299ColorsConfig.badgeColorsOnBlack = [{ 1300 name: 'yellow', 1301 color: '#FAE053' 1302}]; 1303/* harmony default export */ __webpack_exports__["default"] = (ColorsConfig); 1304 1305/***/ }), 1306/* 22 */ 1307/***/ (function(module, __webpack_exports__, __webpack_require__) { 1308 1309"use strict"; 1310__webpack_require__.r(__webpack_exports__); 1311/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4); 1312/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__); 1313/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14); 1314/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); 1315/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19); 1316/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); 1317 1318 1319 1320function LayoutSettings(_ref) { 1321 var _ref$columns = _ref.columns, 1322 columns = _ref$columns === void 0 ? 2 : _ref$columns, 1323 _ref$label = _ref.label, 1324 label = _ref$label === void 0 ? "" : _ref$label, 1325 children = _ref.children; 1326 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 1327 className: "controls-wrapper" 1328 }, label && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 1329 className: "nomi--controls nomi--label" 1330 }, label), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 1331 className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("nomi--controls nomi--buttons", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "col-".concat(columns), true)) 1332 }, children)); 1333} 1334/* harmony default export */ __webpack_exports__["default"] = (LayoutSettings); 1335 1336/***/ }), 1337/* 23 */ 1338/***/ (function(module, __webpack_exports__, __webpack_require__) { 1339 1340"use strict"; 1341__webpack_require__.r(__webpack_exports__); 1342/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 1343/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 1344 1345function StyleSettings(_ref) { 1346 var children = _ref.children; 1347 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1348 className: "nomi--controls nomi--buttons-col" 1349 }, children); 1350} 1351/* harmony default export */ __webpack_exports__["default"] = (StyleSettings); 1352 1353/***/ }), 1354/* 24 */ 1355/***/ (function(module, __webpack_exports__, __webpack_require__) { 1356 1357"use strict"; 1358__webpack_require__.r(__webpack_exports__); 1359/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 1360/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 1361/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21); 1362/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15); 1363/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__); 1364/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 1365/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 1366 1367 1368 1369 1370function BgColorPicker(_ref) { 1371 var _getColorObjectByAttr; 1372 var bgColor = _ref.bgColor, 1373 onChange = _ref.onChange; 1374 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_1__["default"].bgColors; 1375 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["BaseControl"], {
1376 label: "Background color", 1377 className: "nomi--controls controls__bg" 1378 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__["ColorPalette"], { 1379 colors: configColors, 1380 value: (_getColorObjectByAttr = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__["getColorObjectByAttributeValues"])(configColors, bgColor)) === null || _getColorObjectByAttr === void 0 ? void 0 : _getColorObjectByAttr.color, 1381 className: "controls__bg--picker", 1382 onChange: onChange, 1383 disableCustomColors: true, 1384 clearable: false 1385 })); 1386} 1387/* harmony default export */ __webpack_exports__["default"] = (BgColorPicker); 1388 1389/***/ }), 1390/* 25 */ 1391/***/ (function(module, __webpack_exports__, __webpack_require__) { 1392 1393"use strict"; 1394__webpack_require__.r(__webpack_exports__); 1395/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 1396/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 1397/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26); 1398/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); 1399/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18); 1400/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__); 1401/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19); 1402/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__); 1403/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20); 1404 1405 1406 1407 1408 1409var MediaToolbar = function MediaToolbar(_ref) { 1410 var mediaSrc = _ref.mediaSrc, 1411 _ref$mobileMediaUrl = _ref.mobileMediaUrl, 1412 mobileMediaUrl = _ref$mobileMediaUrl === void 0 ? "" : _ref$mobileMediaUrl, 1413 _ref$setMediaMode = _ref.setMediaMode, 1414 setMediaMode = _ref$setMediaMode === void 0 ? function () {} : _ref$setMediaMode, 1415 isImagePopupOpen = _ref.isImagePopupOpen, 1416 setIsImagePopupOpen = _ref.setIsImagePopupOpen, 1417 openLibrary = _ref.openLibrary, 1418 _ref$mediaClasses = _ref.mediaClasses, 1419 mediaClasses = _ref$mediaClasses === void 0 ? "" : _ref$mediaClasses; 1420 var handleImageClick = function handleImageClick() { 1421 setIsImagePopupOpen(true); 1422 }; 1423 var handleImageUpload = function handleImageUpload(imageType) { 1424 setMediaMode(imageType); 1425 openLibrary(); 1426 }; 1427 var isPlaceholder = function isPlaceholder() { 1428 return mediaSrc === '/wp-content/plugins/ecwid-nomi-3/src/img/placeholder_16x9.jpg' || mediaSrc === '/wp-content/plugins/ecwid-nomi-3/src/img/placeholder_1x1.png'; 1429 }; 1430 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1431 className: "nomi-media-popover" 1432 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("img", { 1433 src: mediaSrc, 1434 className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(mediaClasses) 1435 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1436 className: "nomi-toolbar toolbar--media" 1437 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Button"], { 1438 icon: _icons__WEBPACK_IMPORTED_MODULE_4__["default"].imageUpload, 1439 onClick: handleImageClick 1440 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Button"], { 1441 icon: _icons__WEBPACK_IMPORTED_MODULE_4__["default"].videoUpload 1442 })), isImagePopupOpen && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Modal"], { 1443 className: "nomi-modal", 1444 title: "Add image", 1445 onRequestClose: function onRequestClose() { 1446 return setIsImagePopupOpen(false); 1447 } 1448 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1449 className: "row" 1450 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1451 className: "col-6" 1452 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1453 width: "72", 1454 height: "14",
1455 viewBox: "0 0 72 14", 1456 fill: "none", 1457 xmlns: "http://www.w3.org/2000/svg" 1458 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1459 d: "M2.07861 10.7842C1.1709 10.7842 0.618652 10.2319 0.618652 9.31787V1.70703C0.618652 0.792969 1.1709 0.24707 2.07861 0.24707H14.2852C15.1992 0.24707 15.7515 0.792969 15.7515 1.70703V9.31787C15.7515 10.2319 15.1992 10.7842 14.2852 10.7842H10.1909V12.0093H10.229C10.5083 12.0093 10.7368 12.2378 10.7368 12.5234C10.7368 12.8091 10.5083 13.0376 10.229 13.0376H6.14111C5.86182 13.0376 5.62695 12.8091 5.62695 12.5234C5.62695 12.2378 5.86182 12.0093 6.14111 12.0093H6.1792V10.7842H2.07861ZM2.09766 9.76221H14.2725C14.5518 9.76221 14.7295 9.58447 14.7295 9.30518V1.72607C14.7295 1.44043 14.5518 1.26904 14.2725 1.26904H2.09766C1.81836 1.26904 1.64062 1.44043 1.64062 1.72607V9.30518C1.64062 9.58447 1.81836 9.76221 2.09766 9.76221ZM22.1943 11V1.84033H25.3364C28.0532 1.84033 29.6592 3.53516 29.6592 6.41064V6.42334C29.6592 9.30518 28.0596 11 25.3364 11H22.1943ZM23.3369 9.97168H25.2603C27.3042 9.97168 28.4912 8.66406 28.4912 6.43604V6.42334C28.4912 4.18896 27.2915 2.86865 25.2603 2.86865H23.3369V9.97168ZM34.293 11.1206C32.3379 11.1206 31.1572 9.74951 31.1572 7.604V7.59766C31.1572 5.48389 32.3633 4.03662 34.2231 4.03662C36.083 4.03662 37.2129 5.42041 37.2129 7.46436V7.896H32.2871C32.3188 9.31152 33.0996 10.1367 34.3184 10.1367C35.2451 10.1367 35.8164 9.69873 36.0005 9.28613L36.0259 9.229H37.1304L37.1177 9.27979C36.8828 10.2065 35.9053 11.1206 34.293 11.1206ZM34.2168 5.02051C33.2012 5.02051 32.4268 5.7124 32.3062 7.01367H36.0894C35.9751 5.66162 35.2261 5.02051 34.2168 5.02051ZM41.2754 11.1206C39.752 11.1206 38.7046 10.3843 38.5776 9.25439H39.7075C39.8916 9.82568 40.4375 10.2002 41.3135 10.2002C42.2339 10.2002 42.8877 9.76221 42.8877 9.14014V9.12744C42.8877 8.66406 42.5386 8.34033 41.6943 8.13721L40.6343 7.8833C39.3521 7.57861 38.7744 7.02002 38.7744 6.03613V6.02979C38.7744 4.89355 39.8662 4.03662 41.3198 4.03662C42.7544 4.03662 43.751 4.75391 43.9033 5.87109H42.8179C42.6719 5.33154 42.1387 4.95703 41.3135 4.95703C40.501 4.95703 39.9043 5.37598 39.9043 5.979V5.9917C39.9043 6.45508 40.2471 6.74707 41.0532 6.94385L42.1069 7.19775C43.3955 7.50879 44.0176 8.06738 44.0176 9.04492V9.05762C44.0176 10.2764 42.8306 11.1206 41.2754 11.1206ZM45.7949 11V1.44043H46.8994V7.14697H47.001L49.959 4.15723H51.2983L48.3149 7.03271L51.4951 11H50.105L47.5405 7.78174L46.8994 8.40381V11H45.7949ZM55.2212 11.0508C53.812 11.0508 53.2217 10.5303 53.2217 9.22266V5.07129H52.1426V4.15723H53.2217V2.38623H54.3643V4.15723H55.8623V5.07129H54.3643V8.94336C54.3643 9.74951 54.6436 10.0732 55.3545 10.0732C55.5513 10.0732 55.6592 10.0669 55.8623 10.0479V10.9873C55.6465 11.0254 55.437 11.0508 55.2212 11.0508ZM60.2231 11.1206C58.2744 11.1206 57.0684 9.7749 57.0684 7.58496V7.57227C57.0684 5.37598 58.2744 4.03662 60.2231 4.03662C62.1719 4.03662 63.3779 5.37598 63.3779 7.57227V7.58496C63.3779 9.7749 62.1719 11.1206 60.2231 11.1206ZM60.2231 10.1431C61.5181 10.1431 62.248 9.19727 62.248 7.58496V7.57227C62.248 5.95361 61.5181 5.01416 60.2231 5.01416C58.9282 5.01416 58.1982 5.95361 58.1982 7.57227V7.58496C58.1982 9.19727 58.9282 10.1431 60.2231 10.1431ZM65.0918 13.2852V4.15723H66.1963V5.24902H66.2979C66.7168 4.4873 67.4785 4.03662 68.4307 4.03662C70.1636 4.03662 71.2998 5.43945 71.2998 7.57227V7.58496C71.2998 9.73047 70.1699 11.1206 68.4307 11.1206C67.4912 11.1206 66.6724 10.6509 66.2979 9.9209H66.1963V13.2852H65.0918ZM68.1768 10.1431C69.4272 10.1431 70.1699 9.17822 70.1699 7.58496V7.57227C70.1699 5.979 69.4272 5.01416 68.1768 5.01416C66.9326 5.01416 66.1709 5.9917 66.1709 7.57227V7.58496C66.1709 9.16553 66.9326 10.1431 68.1768 10.1431Z", 1460 fill: "#21272A" 1461 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("button", { 1462 className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('modal--upload-btn', { 1463 'active': isPlaceholder() 1464 }), 1465 onClick: function onClick() { 1466 return handleImageUpload("desktop"); 1467 } 1468 }, mediaSrc !== '' ? Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("img", { 1469 src: mediaSrc, 1470 alt: "Media container" 1471 }) : _icons__WEBPACK_IMPORTED_MODULE_4__["default"].mediaPlus)), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1472 className: "col-6" 1473 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 1474 width: "55", 1475 height: "15",
1476 viewBox: "0 0 55 15", 1477 fill: "none", 1478 xmlns: "http://www.w3.org/2000/svg" 1479 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 1480 d: "M2.15771 14.1328C1.12305 14.1328 0.431152 13.4727 0.431152 12.4824V2.34521C0.431152 1.35498 1.12305 0.694824 2.15771 0.694824H6.86133C7.896 0.694824 8.58789 1.35498 8.58789 2.34521V12.4824C8.58789 13.4727 7.896 14.1328 6.86133 14.1328H2.15771ZM2.29102 13.1108H6.73438C7.26758 13.1108 7.56592 12.8252 7.56592 12.3174V2.51025C7.56592 2.00244 7.26758 1.7168 6.73438 1.7168H6.30908C6.20752 1.7168 6.15674 1.76758 6.15674 1.86279V2.00879C6.15674 2.27539 5.98535 2.45312 5.7251 2.45312H3.30664C3.04004 2.45312 2.86865 2.27539 2.86865 2.00879V1.86279C2.86865 1.76758 2.81787 1.7168 2.71631 1.7168H2.29102C1.75146 1.7168 1.45312 2.00244 1.45312 2.51025V12.3174C1.45312 12.8252 1.75146 13.1108 2.29102 13.1108ZM3.16699 12.6475C2.99561 12.6475 2.86865 12.5269 2.86865 12.3491C2.86865 12.1714 2.99561 12.0571 3.16699 12.0571H5.86475C6.03613 12.0571 6.15674 12.1714 6.15674 12.3491C6.15674 12.5269 6.03613 12.6475 5.86475 12.6475H3.16699ZM15.8496 12V2.84033H17.1763L20.312 10.4829H20.4136L23.5493 2.84033H24.876V12H23.8096V5.00488H23.7397L20.8452 12H19.8804L16.9858 5.00488H16.916V12H15.8496ZM29.8843 12.1206C27.9355 12.1206 26.7295 10.7749 26.7295 8.58496V8.57227C26.7295 6.37598 27.9355 5.03662 29.8843 5.03662C31.833 5.03662 33.0391 6.37598 33.0391 8.57227V8.58496C33.0391 10.7749 31.833 12.1206 29.8843 12.1206ZM29.8843 11.1431C31.1792 11.1431 31.9092 10.1973 31.9092 8.58496V8.57227C31.9092 6.95361 31.1792 6.01416 29.8843 6.01416C28.5894 6.01416 27.8594 6.95361 27.8594 8.57227V8.58496C27.8594 10.1973 28.5894 11.1431 29.8843 11.1431ZM38.1553 12.1206C37.2031 12.1206 36.4414 11.6699 36.0225 10.9082H35.9209V12H34.8164V2.44043H35.9209V6.23633H36.0225C36.397 5.50635 37.2158 5.03662 38.1553 5.03662C39.8945 5.03662 41.0244 6.42676 41.0244 8.57227V8.58496C41.0244 10.7178 39.8882 12.1206 38.1553 12.1206ZM37.9014 11.1431C39.1519 11.1431 39.8945 10.1782 39.8945 8.58496V8.57227C39.8945 6.979 39.1519 6.01416 37.9014 6.01416C36.6572 6.01416 35.8955 6.9917 35.8955 8.57227V8.58496C35.8955 10.1655 36.6572 11.1431 37.9014 11.1431ZM43.3223 3.83691C42.9033 3.83691 42.5605 3.49414 42.5605 3.0752C42.5605 2.65625 42.9033 2.31348 43.3223 2.31348C43.7412 2.31348 44.084 2.65625 44.084 3.0752C44.084 3.49414 43.7412 3.83691 43.3223 3.83691ZM42.7637 12V5.15723H43.8682V12H42.7637ZM46.0137 12V2.44043H47.1182V12H46.0137ZM52.0312 12.1206C50.0762 12.1206 48.8955 10.7495 48.8955 8.604V8.59766C48.8955 6.48389 50.1016 5.03662 51.9614 5.03662C53.8213 5.03662 54.9512 6.42041 54.9512 8.46436V8.896H50.0254C50.0571 10.3115 50.8379 11.1367 52.0566 11.1367C52.9834 11.1367 53.5547 10.6987 53.7388 10.2861L53.7642 10.229H54.8687L54.856 10.2798C54.6211 11.2065 53.6436 12.1206 52.0312 12.1206ZM51.9551 6.02051C50.9395 6.02051 50.165 6.7124 50.0444 8.01367H53.8276C53.7134 6.66162 52.9644 6.02051 51.9551 6.02051Z", 1481 fill: "#21272A" 1482 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("button", { 1483 className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('modal--upload-btn', { 1484 'active': typeof mobileMediaUrl === 'undefined' 1485 }), 1486 onClick: function onClick() { 1487 handleImageUpload("mobile"); 1488 } 1489 }, typeof mobileMediaUrl !== 'undefined' ? Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("img", { 1490 src: mobileMediaUrl, 1491 alt: "Media container" 1492 }) : _icons__WEBPACK_IMPORTED_MODULE_4__["default"].mediaPlus))))); 1493}; 1494/* harmony default export */ __webpack_exports__["default"] = (MediaToolbar); 1495 1496/***/ }), 1497/* 26 */ 1498/***/ (function(module, exports) { 1499 1500(function() { module.exports = window["React"]; }()); 1501 1502/***/ }), 1503/* 27 */ 1504/***/ (function(module, __webpack_exports__, __webpack_require__) { 1505 1506"use strict"; 1507__webpack_require__.r(__webpack_exports__); 1508/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28); 1509/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__); 1510/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); 1511/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__); 1512/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8); 1513/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__); 1514/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14); 1515/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__); 1516/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26); 1517/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__); 1518/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18); 1519/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__); 1520/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(15); 1521/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__); 1522/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(17); 1523/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_7__); 1524/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(29); 1525/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_8__); 1526/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(21); 1527/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(20); 1528/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(19); 1529/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__); 1530/* harmony import */ var _toolbarWrapper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(30); 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545var ButtonEl = function ButtonEl(_ref) { 1546 var clientId = _ref.clientId, 1547 linkHref = _ref.linkHref, 1548 onChangeLink = _ref.onChangeLink, 1549 onChangeContent = _ref.onChangeContent, 1550 content = _ref.content, 1551 className = _ref.className, 1552 _ref$canChangeColor = _ref.canChangeColor, 1553 canChangeColor = _ref$canChangeColor === void 0 ? false : _ref$canChangeColor; 1554 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_7__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["store"]), 1555 updateBlockAttributes = _useDispatch.updateBlockAttributes; 1556 var _wp$data$select = wp.data.select(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["store"]), 1557 getBlockAttributes = _wp$data$select.getBlockAttributes, 1558 getBlockName = _wp$data$select.getBlockName; 1559 var blockAttributes = getBlockAttributes(clientId); 1560 var _useState = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false), 1561 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2), 1562 areControlsVisible = _useState2[0], 1563 setAreControlsVisible = _useState2[1]; 1564 var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false), 1565 _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2), 1566 isColorVisible = _useState4[0], 1567 setIsColorVisible = _useState4[1]; 1568 var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(), 1569 _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2), 1570 colorsPopoverAnchor = _useState6[0], 1571 setColorsPopoverAnchor = _useState6[1]; 1572 var buttonRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(null); 1573 var buttonColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_9__["default"].btnColorsOnWhite; 1574 if (getBlockName(clientId) === 'ecwid-nomi/cover') { 1575 buttonColors = (blockAttributes === null || blockAttributes === void 0 ? void 0 : blockAttributes.bgColor) === "black" ? _global_colorsConfig__WEBPACK_IMPORTED_MODULE_9__["default"].btnColorsOnBlack : _global_colorsConfig__WEBPACK_IMPORTED_MODULE_9__["default"].btnColorsOnWhite; 1576 } 1577 var btnColor = blockAttributes === null || blockAttributes === void 0 ? void 0 : blockAttributes.btnColor; 1578 var handleLinkChange = function handleLinkChange(value) { 1579 onChangeLink(value); 1580 }; 1581 var handleColorClick = function handleColorClick() { 1582 setIsColorVisible(true); 1583 setAreControlsVisible(true); 1584 }; 1585 var handleColorChange = function handleColorChange(newColor) { 1586 var _getColorObjectByColo; 1587 updateBlockAttributes(clientId, { 1588 btnColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["getColorObjectByColorValue"])(buttonColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.name 1589 }); 1590 setAreControlsVisible(false); 1591 }; 1592 Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () { 1593 if (!areControlsVisible) { 1594 setIsColorVisible(false); 1595 } 1596 }, [areControlsVisible]); 1597 var handleFocusOutside = function handleFocusOutside() { 1598 setAreControlsVisible(false); 1599 }; 1600 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({ 1601 className: 'btn-wrapper', 1602 ref: buttonRef 1603 }, Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_8__["__experimentalUseFocusOutside"])(handleFocusOutside)), areControlsVisible && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_toolbarWrapper__WEBPACK_IMPORTED_MODULE_12__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 1604 className: "toolbar__slot" 1605 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["__experimentalInputControl"], { 1606 prefix: _global_icons__WEBPACK_IMPORTED_MODULE_10__["default"].link, 1607 value: linkHref, 1608 className: "toolbar__slot--input", 1609 onChange: handleLinkChange 1610 }
1610)), canChangeColor && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 1611 className: "toolbar__slot" 1612 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["Button"], { 1613 ref: setColorsPopoverAnchor, 1614 onClick: handleColorClick, 1615 icon: _global_icons__WEBPACK_IMPORTED_MODULE_10__["default"].btnColor, 1616 className: classnames__WEBPACK_IMPORTED_MODULE_11___default()('toolbar__slot--color', _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "color--".concat(btnColor), true)) 1617 }), isColorVisible && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["Popover"], { 1618 anchorRef: colorsPopoverAnchor, 1619 className: "color-picker-popover" 1620 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["ColorPalette"], { 1621 colors: buttonColors, 1622 value: btnColor, 1623 onChange: handleColorChange, 1624 disableCustomColors: true, 1625 clearable: false 1626 })))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["RichText"], { 1627 onChange: function onChange(value) { 1628 onChangeContent(value); 1629 }, 1630 value: content, 1631 placeholder: "+ Add CTA", 1632 allowedFormats: [], 1633 multiline: false, 1634 keepPlaceholderOnFocus: true, 1635 unstableOnFocus: function unstableOnFocus() { 1636 return setAreControlsVisible(true); 1637 }, 1638 className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(className, { 1639 'btn--placeholder': linkHref === '' 1640 }), 1641 inlineToolbar: true 1642 })); 1643}; 1644/* harmony default export */ __webpack_exports__["default"] = (ButtonEl); 1645 1646/***/ }), 1647/* 28 */ 1648/***/ (function(module, exports) { 1649 1650function _extends() { 1651 return (module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) { 1652 for (var e = 1; e < arguments.length; e++) { 1653 var t = arguments[e]; 1654 for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); 1655 } 1656 return n; 1657 }, module.exports.__esModule = true, module.exports["default"] = module.exports), _extends.apply(null, arguments); 1658} 1659module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports; 1660 1661/***/ }), 1662/* 29 */ 1663/***/ (function(module, exports) { 1664 1665(function() { module.exports = window["wp"]["compose"]; }()); 1666 1667/***/ }), 1668/* 30 */ 1669/***/ (function(module, __webpack_exports__, __webpack_require__) { 1670 1671"use strict"; 1672__webpack_require__.r(__webpack_exports__); 1673/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 1674/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 1675/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(19); 1676/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); 1677 1678 1679var ToolbarWrapper = function ToolbarWrapper(props) { 1680 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1681 className: "nomi-popover" 1682 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { 1683 className: classnames__WEBPACK_IMPORTED_MODULE_1___default()("nomi-toolbar btn-toolbar", props.addClass) 1684 }, props.children)); 1685}; 1686/* harmony default export */ __webpack_exports__["default"] = (ToolbarWrapper); 1687 1688/***/ }), 1689/* 31 */ 1690/***/ (function(module, __webpack_exports__, __webpack_require__) { 1691 1692"use strict"; 1693__webpack_require__.r(__webpack_exports__); 1694/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 1695/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 1696/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 1697/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 1698/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19); 1699/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); 1700 1701 1702 1703function Heading(_ref) { 1704 var _ref$level = _ref.level, 1705 level = _ref$level === void 0 ? 'h2' : _ref$level, 1706 _ref$value = _ref.value, 1707 value = _ref$value === void 0 ? "" : _ref$value, 1708 onChange = _ref.onChange, 1709 _ref$className = _ref.className, 1710 className = _ref$className === void 0 ? '' : _ref$className; 1711 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["RichText"], { 1712 tagName: level, 1713 onChange: onChange, 1714 multiline: false, 1715 value: value, 1716 placeholder: "+ Add heading", 1717 keepPlaceholderOnFocus: true,
1718 allowedFormats: [], 1719 className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('heading', 'heading--' + level, className), 1720 inlineToolbar: true 1721 }); 1722} 1723/* harmony default export */ __webpack_exports__["default"] = (Heading); 1724 1725/***/ }), 1726/* 32 */ 1727/***/ (function(module, __webpack_exports__, __webpack_require__) { 1728 1729"use strict"; 1730__webpack_require__.r(__webpack_exports__); 1731/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 1732/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 1733/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 1734/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 1735 1736 1737function Text(_ref) { 1738 var _ref$value = _ref.value, 1739 value = _ref$value === void 0 ? "" : _ref$value, 1740 onChange = _ref.onChange, 1741 className = _ref.className, 1742 _ref$allowedFormats = _ref.allowedFormats, 1743 allowedFormats = _ref$allowedFormats === void 0 ? [] : _ref$allowedFormats, 1744 _ref$placeholder = _ref.placeholder, 1745 placeholder = _ref$placeholder === void 0 ? "+ Add text" : _ref$placeholder; 1746 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["RichText"], { 1747 tagName: 'p', 1748 onChange: onChange, 1749 multiline: false, 1750 value: value, 1751 placeholder: placeholder, 1752 keepPlaceholderOnFocus: true, 1753 allowedFormats: allowedFormats, 1754 className: className, 1755 inlineToolbar: true 1756 }); 1757} 1758/* harmony default export */ __webpack_exports__["default"] = (Text); 1759 1760/***/ }), 1761/* 33 */ 1762/***/ (function(module, __webpack_exports__, __webpack_require__) { 1763 1764"use strict"; 1765__webpack_require__.r(__webpack_exports__); 1766/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PLACEHOLDER_1x1", function() { return PLACEHOLDER_1x1; }); 1767/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PLACEHOLDER_4x3", function() { return PLACEHOLDER_4x3; }); 1768/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PLACEHOLDER_16x9", function() { return PLACEHOLDER_16x9; }); 1769/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PLACEHOLDER_TESTIMONIAL_ON_WHITE", function() { return PLACEHOLDER_TESTIMONIAL_ON_WHITE; }); 1770/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PLACEHOLDER_TESTIMONIAL_ON_BLACK", function() { return PLACEHOLDER_TESTIMONIAL_ON_BLACK; }); 1771var PLACEHOLDER_1x1 = '/wp-content/plugins/ecwid-nomi-3/src/img/placeholder_1x1.jpg'; 1772var PLACEHOLDER_4x3 = '/wp-content/plugins/ecwid-nomi-3/src/img/placeholder_4x3.png'; 1773var PLACEHOLDER_16x9 = '/wp-content/plugins/ecwid-nomi-3/src/img/placeholder_21x9.jpg'; 1774var PLACEHOLDER_TESTIMONIAL_ON_WHITE = '/wp-content/plugins/ecwid-nomi-3/src/img/placeholder_testimonial_white.png'; 1775var PLACEHOLDER_TESTIMONIAL_ON_BLACK = '/wp-content/plugins/ecwid-nomi-3/src/img/placeholder_testimonial_black.png'; 1776 1777/***/ }), 1778/* 34 */ 1779/***/ (function(module, __webpack_exports__, __webpack_require__) { 1780 1781"use strict"; 1782__webpack_require__.r(__webpack_exports__); 1783/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 1784/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 1785/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35); 1786/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__); 1787/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); 1788/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__); 1789/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 1790/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 1791/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15); 1792/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); 1793/* harmony import */ var _inspectorControls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39); 1794/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 1795/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 1796/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27); 1797/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20); 1798/* harmony import */ var _components_heading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(31); 1799/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32); 1800/* harmony import */ var _components_card__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40); 1801/* harmony import */ var _global_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(41); 1802 1803 1804 1805function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } 1806function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {};
1806 r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817var name = 'ecwid-nomi/cards'; 1818var settings = { 1819 apiVersion: 2, 1820 title: 'Cards', 1821 icon: _global_icons__WEBPACK_IMPORTED_MODULE_7__["default"].cards, 1822 category: "ecwid-nomi", 1823 attributes: { 1824 content: { 1825 type: 'object', 1826 default: { 1827 heading: '', 1828 text: '', 1829 firstButton: 'Get started', 1830 secondButton: 'Learn more', 1831 footnote: '' 1832 } 1833 }, 1834 cardsContent: { 1835 type: 'array', 1836 default: [ 1837 // { 1838 // id: 1, 1839 // heading: '', 1840 // text: '', 1841 // firstButton: 'Get started', 1842 // secondButton: 'Learn more', 1843 // firstLink: '', 1844 // secondLink: '', 1845 // mediaId: '', 1846 // mediaUrl: '', 1847 // mobileMediaUrl: '', 1848 // mobileMediaId: '' 1849 // } 1850 ] 1851 }, 1852 links: { 1853 type: 'object', 1854 default: { 1855 firstLink: '', 1856 secondLink: '' 1857 } 1858 }, 1859 imagePosition: { 1860 type: 'string', 1861 default: 'bottom' // or 'top' 1862 }, 1863 headingLayout: { 1864 type: 'string', 1865 default: 'divided' // or 'centered' 1866 }, 1867 columns: { 1868 type: 'number', 1869 default: 2 // or 3 1870 }, 1871 background: { 1872 type: 'string', 1873 default: 'transparent' // or 'filled' 1874 }, 1875 bgColor: { 1876 type: 'string', 1877 default: 'white' 1878 }, 1879 btnColor: { 1880 type: 'string', 1881 default: 'black' 1882 }, 1883 btnVariant: { 1884 type: 'string', 1885 default: 'secondary' 1886 }, 1887 isFirst: { 1888 type: 'boolean', 1889 default: false 1890 } 1891 }, 1892 supports: { 1893 lightBlockWrapper: false 1894 }, 1895 edit: function edit(props) { 1896 var clientId = props.clientId, 1897 attributes = props.attributes, 1898 setAttributes = props.setAttributes; 1899 var content = attributes.content, 1900 cardsContent = attributes.cardsContent, 1901 links = attributes.links, 1902 imagePosition = attributes.imagePosition, 1903 headingLayout = attributes.headingLayout, 1904 columns = attributes.columns, 1905 background = attributes.background, 1906 bgColor = attributes.bgColor, 1907 btnColor = attributes.btnColor, 1908 btnVariant = attributes.btnVariant, 1909 isFirst = attributes.isFirst; 1910 var bgColorClass; 1911 if (background === 'transparent' && bgColor) { 1912 bgColorClass = "background--" + bgColor; 1913 } 1914 var blockClass = 'nomi--cards nomi-block ' + bgColorClass; 1915 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["useBlockProps"])({ 1916 className: blockClass 1917 }); 1918 var _wp$data$select = wp.data.select('core/block-editor'), 1919 getBlockIndex = _wp$data$select.getBlockIndex; 1920 var blockIndex = getBlockIndex(clientId);
1921 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 1922 if (blockIndex === 0) { 1923 setAttributes({ 1924 isFirst: true 1925 }); 1926 } else { 1927 setAttributes({ 1928 isFirst: false 1929 }); 1930 } 1931 }, [blockIndex]); 1932 var buttonsEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 1933 className: 'btn-group' 1934 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 1935 clientId: clientId, 1936 linkHref: links === null || links === void 0 ? void 0 : links.firstLink, 1937 onChangeLink: function onChangeLink(value) { 1938 return setAttributes({ 1939 links: _objectSpread(_objectSpread({}, links), {}, { 1940 firstLink: value 1941 }) 1942 }); 1943 }, 1944 onChangeContent: function onChangeContent(value) { 1945 return setAttributes({ 1946 content: _objectSpread(_objectSpread({}, content), {}, { 1947 firstButton: value 1948 }) 1949 }); 1950 }, 1951 content: content === null || content === void 0 ? void 0 : content.firstButton, 1952 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("btn", "btn--primary", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "btn--".concat(btnColor), true)), 1953 canChangeColor: true 1954 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 1955 clientId: clientId, 1956 linkHref: links === null || links === void 0 ? void 0 : links.secondLink, 1957 onChangeLink: function onChangeLink(value) { 1958 return setAttributes({ 1959 links: _objectSpread(_objectSpread({}, links), {}, { 1960 secondLink: value 1961 }) 1962 }); 1963 }, 1964 onChangeContent: function onChangeContent(value) { 1965 return setAttributes({ 1966 content: _objectSpread(_objectSpread({}, content), {}, { 1967 secondButton: value 1968 }) 1969 }); 1970 }, 1971 content: content === null || content === void 0 ? void 0 : content.secondButton, 1972 className: "btn--secondary btn" 1973 })); 1974 var handleCardContentChange = function handleCardContentChange(id, pointer, newValue) { 1975 var copy = cardsContent.map(function (i) { 1976 return i; 1977 }); 1978 var index = copy.findIndex(function (card) { 1979 return card.id === id; 1980 }); 1981 copy[index][pointer] = newValue; 1982 setAttributes({ 1983 cardsContent: copy 1984 }); 1985 }; 1986 var addCard = function addCard() { 1987 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 1988 copy.push({ 1989 id: Object(_global_helpers__WEBPACK_IMPORTED_MODULE_11__["generateId"])(), 1990 heading: '', 1991 text: '', 1992 firstButton: 'Get started', 1993 secondButton: 'Learn more', 1994 firstButtonLink: '', 1995 secondButtonLink: '', 1996 mediaId: '', 1997 mediaUrl: '', 1998 mobileMediaUrl: '', 1999 mobileMediaId: '' 2000 }); 2001 setAttributes({ 2002 cardsContent: copy 2003 }); 2004 }; 2005 var deleteCard = function deleteCard(cardId) { 2006 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 2007 var filteredCopy = copy.filter(function (i) { 2008 return i.id !== cardId; 2009 }); 2010 setAttributes({ 2011 cardsContent: filteredCopy 2012 }); 2013 }; 2014 var reorderCards = function reorderCards(currentIndex, direction) { 2015 var updatedContent = Object(_global_helpers__WEBPACK_IMPORTED_MODULE_11__["immutableMove"])(cardsContent, currentIndex, direction); 2016 setAttributes({ 2017 cardsContent: updatedContent 2018 }); 2019 }; 2020 var inspectorControls = Object(_inspectorControls__WEBPACK_IMPORTED_MODULE_4__["default"])(clientId, attributes);
2021 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 2022 if (cardsContent.length === 0) { 2023 addCard(); 2024 } 2025 }, []); 2026 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, inspectorControls, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2027 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("container") 2028 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2029 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row", { 2030 "row--centered": headingLayout === "centered", 2031 "row--divided": headingLayout === "divided" 2032 }) 2033 }, headingLayout === "centered" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2034 className: "col-12 col-lg-8 offset-lg-2 d-flex flex-column align-items-center text-center" 2035 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 2036 level: isFirst ? "h1" : "h2", 2037 value: content === null || content === void 0 ? void 0 : content.heading, 2038 onChange: function onChange(value) { 2039 return setAttributes({ 2040 content: _objectSpread(_objectSpread({}, content), {}, { 2041 heading: value 2042 }) 2043 }); 2044 } 2045 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2046 value: content === null || content === void 0 ? void 0 : content.text, 2047 onChange: function onChange(value) { 2048 return setAttributes({ 2049 content: _objectSpread(_objectSpread({}, content), {}, { 2050 text: value 2051 }) 2052 }); 2053 }, 2054 allowedFormats: ['core/bold', 'core/link'], 2055 className: 'text text-center' 2056 }), buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2057 value: content === null || content === void 0 ? void 0 : content.footnote, 2058 onChange: function onChange(value) { 2059 return setAttributes({ 2060 content: _objectSpread(_objectSpread({}, content), {}, { 2061 footnote: value 2062 }) 2063 }); 2064 }, 2065 allowedFormats: ['core/bold', 'core/link'], 2066 className: 'footnote' 2067 })), headingLayout === "divided" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2068 className: "col-12 col-lg-6" 2069 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 2070 level: isFirst ? "h1" : "h2", 2071 value: content === null || content === void 0 ? void 0 : content.heading, 2072 onChange: function onChange(value) { 2073 return setAttributes({ 2074 content: _objectSpread(_objectSpread({}, content), {}, { 2075 heading: value 2076 }) 2077 }); 2078 } 2079 }), buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2080 value: content === null || content === void 0 ? void 0 : content.footnote, 2081 onChange: function onChange(value) { 2082 return setAttributes({ 2083 content: _objectSpread(_objectSpread({}, content), {}, { 2084 footnote: value 2085 }) 2086 }); 2087 }, 2088 allowedFormats: ['core/bold', 'core/link'], 2089 className: 'footnote' 2090 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2091 className: "col-12 col-lg-6" 2092 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2093 value: content === null || content === void 0 ? void 0 : content.text, 2094 onChange: function onChange(value) { 2095 return setAttributes({ 2096 content: _objectSpread(_objectSpread({}, content), {}, { 2097 text: value 2098 }) 2099 }); 2100 },
2101 allowedFormats: ['core/bold', 'core/link'], 2102 className: 'text' 2103 })))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2104 className: "row row--cards" 2105 }, cardsContent === null || cardsContent === void 0 ? void 0 : cardsContent.map(function (card, index) { 2106 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_card__WEBPACK_IMPORTED_MODULE_10__["default"], { 2107 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("col-12", { 2108 "col-lg-6": columns === 2 2109 }, { 2110 "col-lg-4": columns === 3 2111 }, { 2112 "card--reverse": imagePosition === "top" 2113 }, { 2114 "card--shaped": background === "filled" 2115 }, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "background--".concat(bgColor), background === "filled")), 2116 clientId: clientId, 2117 index: index, 2118 card: card, 2119 handleCardContentChange: handleCardContentChange, 2120 handleDelete: deleteCard, 2121 handleReorder: reorderCards 2122 }); 2123 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("button", { 2124 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("add-card__btn", { 2125 "col-lg-6": columns === 2 2126 }, { 2127 "col-lg-4": columns === 3 2128 }), 2129 onClick: addCard 2130 }, "+"))))); 2131 }, 2132 save: function save() { 2133 return null; 2134 } 2135}; 2136 2137/***/ }), 2138/* 35 */ 2139/***/ (function(module, exports, __webpack_require__) { 2140 2141var arrayWithoutHoles = __webpack_require__(36); 2142var iterableToArray = __webpack_require__(37); 2143var unsupportedIterableToArray = __webpack_require__(11); 2144var nonIterableSpread = __webpack_require__(38); 2145function _toConsumableArray(r) { 2146 return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread(); 2147} 2148module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports; 2149 2150/***/ }), 2151/* 36 */ 2152/***/ (function(module, exports, __webpack_require__) { 2153 2154var arrayLikeToArray = __webpack_require__(12); 2155function _arrayWithoutHoles(r) { 2156 if (Array.isArray(r)) return arrayLikeToArray(r); 2157} 2158module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports; 2159 2160/***/ }), 2161/* 37 */ 2162/***/ (function(module, exports) { 2163 2164function _iterableToArray(r) { 2165 if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); 2166} 2167module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports; 2168 2169/***/ }), 2170/* 38 */ 2171/***/ (function(module, exports) { 2172 2173function _nonIterableSpread() { 2174 throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 2175} 2176module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports; 2177 2178/***/ }), 2179/* 39 */ 2180/***/ (function(module, __webpack_exports__, __webpack_require__) { 2181 2182"use strict"; 2183__webpack_require__.r(__webpack_exports__); 2184/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 2185/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 2186/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 2187/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 2188/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17); 2189/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); 2190/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 2191/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 2192/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 2193/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 2194/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20); 2195/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21); 2196/* harmony import */ var _components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23); 2197/* harmony import */ var _components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24); 2198/* harmony import */ var _components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(22); 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209function getInspectorControls(clientId, blockAttributes) { 2210 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["store"]), 2211 updateBlockAttributes = _useDispatch.updateBlockAttributes; 2212 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__["default"].bgColors; 2213 var bgColor = blockAttributes['bgColor']; 2214 var bgSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_7__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2215 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].filled, 2216 onClick: function onClick() { 2217 return updateBlockAttributes(clientId, { 2218 background: 'filled' 2219 }); 2220 }, 2221 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 2222 'button--selected': blockAttributes['background'] === 'filled' 2223 }) 2224 }, "Shaped"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2225 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].transparent, 2226 onClick: function onClick() { 2227 return updateBlockAttributes(clientId, { 2228 background: 'transparent' 2229 }); 2230 }, 2231 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 2232 'button--selected': blockAttributes['background'] === 'transparent' 2233 }) 2234 }, "Unshaped")); 2235 var bgColorSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_8__["default"], { 2236 bgColor: bgColor, 2237 onChange: function onChange(newColor) { 2238 if (newColor) { 2239 var _getColorObjectByColo; 2240 updateBlockAttributes(clientId, { 2241 bgColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["getColorObjectByColorValue"])(configColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.slug 2242 }); 2243 } 2244 } 2245 }); 2246 var columnsSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__["default"], { 2247 columns: 2, 2248 label: "block columns" 2249 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2250 onClick: function onClick() { 2251 return updateBlockAttributes(clientId, { 2252 columns: 3 2253 }); 2254 }, 2255 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({
2256 'button--selected': blockAttributes['columns'] === 3 2257 }) 2258 }, "3"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2259 onClick: function onClick() { 2260 return updateBlockAttributes(clientId, { 2261 columns: 2 2262 }); 2263 }, 2264 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 2265 'button--selected': blockAttributes['columns'] === 2 2266 }) 2267 }, "2")); 2268 var headingSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__["default"], { 2269 columns: 2, 2270 label: "heading layout" 2271 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2272 onClick: function onClick() { 2273 return updateBlockAttributes(clientId, { 2274 headingLayout: 'divided' 2275 }); 2276 }, 2277 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 2278 'button--selected': blockAttributes['headingLayout'] === 'divided' 2279 }) 2280 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 2281 width: "16", 2282 height: "16", 2283 viewBox: "0 0 16 16", 2284 fill: "none", 2285 xmlns: "http://www.w3.org/2000/svg" 2286 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 2287 d: "M0.801758 15.9805C0.669596 15.9805 0.553385 15.9349 0.453125 15.8438C0.352865 15.7526 0.302734 15.641 0.302734 15.5088V0.606445C0.302734 0.474284 0.352865 0.36263 0.453125 0.271484C0.553385 0.180339 0.669596 0.134766 0.801758 0.134766C0.938477 0.134766 1.05697 0.180339 1.15723 0.271484C1.25749 0.36263 1.30762 0.474284 1.30762 0.606445V15.5088C1.30762 15.641 1.25749 15.7526 1.15723 15.8438C1.05697 15.9349 0.938477 15.9805 0.801758 15.9805ZM4.13086 7.40137C3.625 7.40137 3.23763 7.26921 2.96875 7.00488C2.69987 6.74056 2.56543 6.36003 2.56543 5.86328V3.48438C2.56543 2.98763 2.69987 2.6071 2.96875 2.34277C3.23763 2.07845 3.625 1.94629 4.13086 1.94629H9.29199C9.79785 1.94629 10.1852 2.07845 10.4541 2.34277C10.723 2.6071 10.8574 2.98763 10.8574 3.48438V5.86328C10.8574 6.36003 10.723 6.74056 10.4541 7.00488C10.1852 7.26921 9.79785 7.40137 9.29199 7.40137H4.13086ZM4.15137 6.36914H9.27148C9.44922 6.36914 9.58594 6.32129 9.68164 6.22559C9.77734 6.12533 9.8252 5.98405 9.8252 5.80176V3.53906C9.8252 3.35677 9.77734 3.21777 9.68164 3.12207C9.58594 3.02637 9.44922 2.97852 9.27148 2.97852H4.15137C3.97363 2.97852 3.83691 3.02637 3.74121 3.12207C3.64551 3.21777 3.59766 3.35677 3.59766 3.53906V5.80176C3.59766 5.98405 3.64551 6.12533 3.74121 6.22559C3.83691 6.32129 3.97363 6.36914 4.15137 6.36914ZM4.13086 14.1758C3.625 14.1758 3.23763 14.0436 2.96875 13.7793C2.69987 13.5195 2.56543 13.139 2.56543 12.6377V10.2588C2.56543 9.76204 2.69987 9.38151 2.96875 9.11719C3.23763 8.85286 3.625 8.7207 4.13086 8.7207H14.1318C14.6423 8.7207 15.0296 8.85286 15.2939 9.11719C15.5628 9.38151 15.6973 9.76204 15.6973 10.2588V12.6377C15.6973 13.139 15.5628 13.5195 15.2939 13.7793C15.0296 14.0436 14.6423 14.1758 14.1318 14.1758H4.13086ZM4.15137 13.1436H14.1113C14.2891 13.1436 14.4258 13.0957 14.5215 13C14.6172 12.9043 14.665 12.7653 14.665 12.583V10.3203C14.665 10.138 14.6172 9.99902 14.5215 9.90332C14.4258 9.80306 14.2891 9.75293 14.1113 9.75293H4.15137C3.97363 9.75293 3.83691 9.80306 3.74121 9.90332C3.64551 9.99902 3.59766 10.138 3.59766 10.3203V12.583C3.59766 12.7653 3.64551 12.9043 3.74121 13C3.83691 13.0957 3.97363 13.1436 4.15137 13.1436Z", 2288 fill: "white" 2289 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2290 onClick: function onClick() { 2291 return updateBlockAttributes(clientId, { 2292 headingLayout: 'centered' 2293 }); 2294 }, 2295 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 2296 'button--selected': blockAttributes['headingLayout'] === 'centered' 2297 }) 2298 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 2299 width: "14", 2300 height: "16",
2301 viewBox: "0 0 14 16", 2302 fill: "none", 2303 xmlns: "http://www.w3.org/2000/svg" 2304 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 2305 d: "M6.49414 2.32227V0.606445C6.49414 0.474284 6.54427 0.36263 6.64453 0.271484C6.74479 0.180339 6.861 0.134766 6.99316 0.134766C7.12988 0.134766 7.24837 0.180339 7.34863 0.271484C7.44889 0.36263 7.49902 0.474284 7.49902 0.606445V2.32227H6.49414ZM4.41602 7.40137C3.91016 7.40137 3.52279 7.26921 3.25391 7.00488C2.98503 6.74056 2.85059 6.36003 2.85059 5.86328V3.48438C2.85059 2.98763 2.98503 2.6071 3.25391 2.34277C3.52279 2.07845 3.91016 1.94629 4.41602 1.94629H9.57715C10.083 1.94629 10.4704 2.07845 10.7393 2.34277C11.0081 2.6071 11.1426 2.98763 11.1426 3.48438V5.86328C11.1426 6.36003 11.0081 6.74056 10.7393 7.00488C10.4704 7.26921 10.083 7.40137 9.57715 7.40137H4.41602ZM4.43652 6.36914H9.55664C9.73438 6.36914 9.87109 6.32129 9.9668 6.22559C10.0625 6.12533 10.1104 5.98405 10.1104 5.80176V3.53906C10.1104 3.35677 10.0625 3.21777 9.9668 3.12207C9.87109 3.02637 9.73438 2.97852 9.55664 2.97852H4.43652C4.25879 2.97852 4.12207 3.02637 4.02637 3.12207C3.93066 3.21777 3.88281 3.35677 3.88281 3.53906V5.80176C3.88281 5.98405 3.93066 6.12533 4.02637 6.22559C4.12207 6.32129 4.25879 6.36914 4.43652 6.36914ZM6.49414 9.31543V6.93652H7.49902V9.31543H6.49414ZM1.99609 14.1758C1.49023 14.1758 1.10286 14.0436 0.833984 13.7793C0.565104 13.5195 0.430664 13.139 0.430664 12.6377V10.2588C0.430664 9.76204 0.565104 9.38151 0.833984 9.11719C1.10286 8.85286 1.49023 8.7207 1.99609 8.7207H11.9971C12.5029 8.7207 12.8903 8.85286 13.1592 9.11719C13.4281 9.38151 13.5625 9.76204 13.5625 10.2588V12.6377C13.5625 13.139 13.4281 13.5195 13.1592 13.7793C12.8903 14.0436 12.5029 14.1758 11.9971 14.1758H1.99609ZM2.0166 13.1436H11.9766C12.1543 13.1436 12.291 13.0957 12.3867 13C12.4824 12.9043 12.5303 12.7653 12.5303 12.583V10.3203C12.5303 10.138 12.4824 9.99902 12.3867 9.90332C12.291 9.80306 12.1543 9.75293 11.9766 9.75293H2.0166C1.83887 9.75293 1.70215 9.80306 1.60645 9.90332C1.51074 9.99902 1.46289 10.138 1.46289 10.3203V12.583C1.46289 12.7653 1.51074 12.9043 1.60645 13C1.70215 13.0957 1.83887 13.1436 2.0166 13.1436ZM6.99316 15.9805C6.861 15.9805 6.74479 15.9349 6.64453 15.8438C6.54427 15.7526 6.49414 15.641 6.49414 15.5088V13.7998H7.49902V15.5088C7.49902 15.641 7.44889 15.7526 7.34863 15.8438C7.24837 15.9349 7.12988 15.9805 6.99316 15.9805Z", 2306 fill: "#343A3F" 2307 })))); 2308 var imagePositionSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__["default"], { 2309 columns: 2, 2310 label: "image position" 2311 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2312 onClick: function onClick() { 2313 return updateBlockAttributes(clientId, { 2314 imagePosition: 'top' 2315 }); 2316 }, 2317 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 2318 'button--selected': blockAttributes['imagePosition'] === 'top' 2319 }) 2320 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 2321 width: "41", 2322 height: "16", 2323 viewBox: "0 0 41 16", 2324 fill: "none", 2325 xmlns: "http://www.w3.org/2000/svg" 2326 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 2327 d: "M2.7666 8.06445C2.54785 8.06445 2.39062 8.01888 2.29492 7.92773C2.20378 7.83203 2.1582 7.67708 2.1582 7.46289V3.375C2.1582 3.16081 2.20378 3.00814 2.29492 2.91699C2.39062 2.82129 2.54785 2.77344 2.7666 2.77344H8.97363C9.19238 2.77344 9.34733 2.82129 9.43848 2.91699C9.53418 3.00814 9.58203 3.16081 9.58203 3.375V7.46289C9.58203 7.67708 9.53418 7.83203 9.43848 7.92773C9.34733 8.01888 9.19238 8.06445 8.97363 8.06445H2.7666ZM0.121094 13.2529V2.88281C0.121094 2.17188 0.296549 1.63639 0.647461 1.27637C1.00293 0.916341 1.53385 0.736328 2.24023 0.736328H9.5C10.2064 0.736328 10.735 0.916341 11.0859 1.27637C11.4414 1.63639 11.6191 2.17188 11.6191 2.88281V13.2529C11.6191 13.9684 11.4414 14.5039 11.0859 14.8594C10.735 15.2148 10.2064 15.3926 9.5 15.3926H2.24023C1.53385 15.3926 1.00293 15.2148 0.647461 14.8594C0.296549 14.5039 0.121094
232713.9684 0.121094 13.2529ZM1.22168 13.2324C1.22168 13.5742 1.31055 13.8363 1.48828 14.0186C1.67057 14.2008 1.93945 14.292 2.29492 14.292H9.44531C9.80078 14.292 10.0674 14.2008 10.2451 14.0186C10.4274 13.8363 10.5186 13.5742 10.5186 13.2324V2.90332C10.5186 2.56152 10.4274 2.29948 10.2451 2.11719C10.0674 1.93034 9.80078 1.83691 9.44531 1.83691H2.29492C1.93945 1.83691 1.67057 1.93034 1.48828 2.11719C1.31055 2.29948 1.22168 2.56152 1.22168 2.90332V13.2324ZM21.1211 13V4.24316H17.9424V3.13574H25.5303V4.24316H22.3516V13H21.1211ZM28.9414 13.1299C28.2441 13.1299 27.6403 12.9772 27.1299 12.6719C26.624 12.362 26.2321 11.9222 25.9541 11.3525C25.6807 10.7829 25.5439 10.1061 25.5439 9.32227V9.30859C25.5439 8.52018 25.6807 7.84115 25.9541 7.27148C26.2321 6.70182 26.624 6.26432 27.1299 5.95898C27.6403 5.65365 28.2441 5.50098 28.9414 5.50098C29.6432 5.50098 30.2471 5.65365 30.7529 5.95898C31.2588 6.26432 31.6484 6.70182 31.9219 7.27148C32.1999 7.84115 32.3389 8.52018 32.3389 9.30859V9.32227C32.3389 10.1061 32.1999 10.7829 31.9219 11.3525C31.6484 11.9222 31.2588 12.362 30.7529 12.6719C30.2471 12.9772 29.6432 13.1299 28.9414 13.1299ZM28.9414 12.0771C29.4062 12.0771 29.8005 11.9678 30.124 11.749C30.4476 11.5303 30.6937 11.2158 30.8623 10.8057C31.0355 10.3955 31.1221 9.90104 31.1221 9.32227V9.30859C31.1221 8.72526 31.0355 8.22852 30.8623 7.81836C30.6937 7.4082 30.4476 7.09603 30.124 6.88184C29.8005 6.66309 29.4062 6.55371 28.9414 6.55371C28.4766 6.55371 28.0824 6.66309 27.7588 6.88184C27.4352 7.09603 27.1868 7.4082 27.0137 7.81836C26.8451 8.22852 26.7607 8.72526 26.7607 9.30859V9.32227C26.7607 9.90104 26.8451 10.3955 27.0137 10.8057C27.1868 11.2158 27.4352 11.5303 27.7588 11.749C28.0824 11.9678 28.4766 12.0771 28.9414 12.0771ZM34.1846 15.4609V5.63086H35.374V6.80664H35.4834C35.6338 6.5332 35.8229 6.30078 36.0508 6.10938C36.2786 5.91341 36.5384 5.76302 36.8301 5.6582C37.1217 5.55339 37.4385 5.50098 37.7803 5.50098C38.4046 5.50098 38.9469 5.66048 39.4072 5.97949C39.8721 6.29395 40.2321 6.736 40.4873 7.30566C40.7425 7.87533 40.8701 8.54297 40.8701 9.30859V9.32227C40.8701 10.0924 40.7425 10.7624 40.4873 11.332C40.2321 11.9017 39.8721 12.3438 39.4072 12.6582C38.9469 12.9727 38.4046 13.1299 37.7803 13.1299C37.443 13.1299 37.124 13.0775 36.8232 12.9727C36.527 12.8633 36.2627 12.7129 36.0303 12.5215C35.8024 12.3301 35.6201 12.1022 35.4834 11.8379H35.374V15.4609H34.1846ZM37.5068 12.0771C37.958 12.0771 38.3431 11.9678 38.6621 11.749C38.9811 11.5257 39.2249 11.209 39.3936 10.7988C39.5667 10.3841 39.6533 9.89193 39.6533 9.32227V9.30859C39.6533 8.73438 39.5667 8.24219 39.3936 7.83203C39.2249 7.42188 38.9811 7.10742 38.6621 6.88867C38.3431 6.66536 37.958 6.55371 37.5068 6.55371C37.0602 6.55371 36.6751 6.66536 36.3516 6.88867C36.028 7.11198 35.7796 7.42871 35.6064 7.83887C35.4333 8.24902 35.3467 8.73893 35.3467 9.30859V9.32227C35.3467 9.88737 35.4333 10.3773 35.6064 10.792C35.7796 11.2021 36.028 11.5189 36.3516 11.7422C36.6751 11.9655 37.0602 12.0771 37.5068 12.0771Z", 2328 fill: "white" 2329 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2330 onClick: function onClick() { 2331 return updateBlockAttributes(clientId, { 2332 imagePosition: 'bottom' 2333 }); 2334 }, 2335 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 2336 'button--selected': blockAttributes['imagePosition'] === 'bottom' 2337 }) 2338 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 2339 width: "65", 2340 height: "16", 2341 viewBox: "0 0 65 16", 2342 fill: "none", 2343 xmlns: "http://www.w3.org/2000/svg" 2344 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 2345 d: "M2.91309 13.3623C2.69434 13.3623 2.53711 13.3145 2.44141 13.2188C2.35026 13.1276 2.30469 12.9749 2.30469 12.7607V8.66602C2.30469 8.45182 2.35026 8.29915 2.44141 8.20801C2.53711 8.1123 2.69434 8.06445 2.91309 8.06445H9.12012C9.33887 8.06445 9.49382 8.1123 9.58496 8.20801C9.68066 8.29915 9.72852 8.45182 9.72852 8.66602V12.7607C9.72852 12.9749 9.68066 13.1276 9.58496 13.2188C9.49382 13.3145 9.33887 13.3623 9.12012 13.3623H2.91309ZM0.28125 13.2529V2.88281C0.28125 2.17188 0.456706 1.63639 0.807617 1.27637C1.16309 0.916341 1.69401 0.736328 2.40039 0.736328H9.66016C10.3665 0.736328 10.8952 0.916341 11.2461 1.27637C11.6016 1.63639 11.7793 2.17188 11.7793 2.88281V13.2529C11.7793 13.9684 11.6016 14.5039 11.2461 14.8594C10.8952 15.2148 10.3665 15.3926 9.66016 15.3926H2.40039C1.69401 15.3926 1.16309 15.2148 0.807617 14.8594C0.456706 14.5039 0.28125 13.9684 0.28125 13.2529ZM1.38184 13.2324C1.38184 13.5742 1.4707 13.8363 1.64844 14.0186C1.83073 14.2008 2.09961 14.292 2.45508 14.292H9.60547C9.96094 14.292 10.2275 14.2008 10.4053 14.0186C10.5876 13.8363 10.6787 13.5742 10.6787 13.2324V2.90332C10.6787 2.56152 10.5876 2.29948 10.4053 2.11719C10.2275 1.93034 9.96094 1.83691 9.60547 1.83691H2.45508C2.09961 1.83691 1.83073 1.93034 1.64844 2.11719C1.4707 2.29948 1.38184 2.56152 1.38184 2.90332V13.2324ZM19.333 13V11.9131H22.3818C23.1247 11.9131 23.6875 11.765 24.0703 11.4688C24.4531 11.1725 24.6445 10.7419 24.6445 10.1768V10.1631C24.6445 9.78483 24.5557 9.4681 24.3779 9.21289C24.2002 8.95768 23.9336 8.76628 23.5781 8.63867C23.2272 8.51107 22.7897 8.44727 22.2656 8.44727H19.333V7.3877H21.917C22.6644 7.3877 23.2249 7.25553 23.5986 6.99121C23.9769 6.72689 24.166 6.33496 24.166 5.81543V5.80176C24.166 5.30046 23.9951 4.91309 23.6533 4.63965C23.3161 4.36165 22.8421 4.22266 22.2314 4.22266H19.333V3.13574H22.4912C23.0973 3.13574 23.6169 3.236 24.0498 3.43652C24.4873 3.63704 24.8223 3.92188 25.0547 4.29102C25.2917 4.6556 25.4102 5.08854 25.4102 5.58984V5.60352C25.4102 5.94531 25.3327 6.2666 25.1777 6.56738C25.
23450273 6.86816 24.8245 7.12109 24.5693 7.32617C24.3141 7.53125 24.027 7.66341 23.708 7.72266V7.83203C24.1592 7.88672 24.5488 8.02116 24.877 8.23535C25.2051 8.44954 25.458 8.72754 25.6357 9.06934C25.818 9.40658 25.9092 9.79167 25.9092 10.2246V10.2383C25.9092 10.8125 25.7747 11.307 25.5059 11.7217C25.2415 12.1318 24.861 12.4486 24.3643 12.6719C23.8675 12.8906 23.2682 13 22.5664 13H19.333ZM18.7178 13V3.13574H19.9482V13H18.7178ZM30.7969 13.1299C30.0996 13.1299 29.4958 12.9772 28.9854 12.6719C28.4795 12.362 28.0876 11.9222 27.8096 11.3525C27.5361 10.7829 27.3994 10.1061 27.3994 9.32227V9.30859C27.3994 8.52018 27.5361 7.84115 27.8096 7.27148C28.0876 6.70182 28.4795 6.26432 28.9854 5.95898C29.4958 5.65365 30.0996 5.50098 30.7969 5.50098C31.4987 5.50098 32.1025 5.65365 32.6084 5.95898C33.1143 6.26432 33.5039 6.70182 33.7773 7.27148C34.0553 7.84115 34.1943 8.52018 34.1943 9.30859V9.32227C34.1943 10.1061 34.0553 10.7829 33.7773 11.3525C33.5039 11.9222 33.1143 12.362 32.6084 12.6719C32.1025 12.9772 31.4987 13.1299 30.7969 13.1299ZM30.7969 12.0771C31.2617 12.0771 31.6559 11.9678 31.9795 11.749C32.3031 11.5303 32.5492 11.2158 32.7178 10.8057C32.891 10.3955 32.9775 9.90104 32.9775 9.32227V9.30859C32.9775 8.72526 32.891 8.22852 32.7178 7.81836C32.5492 7.4082 32.3031 7.09603 31.9795 6.88184C31.6559 6.66309 31.2617 6.55371 30.7969 6.55371C30.332 6.55371 29.9378 6.66309 29.6143 6.88184C29.2907 7.09603 29.0423 7.4082 28.8691 7.81836C28.7005 8.22852 28.6162 8.72526 28.6162 9.30859V9.32227C28.6162 9.90104 28.7005 10.3955 28.8691 10.8057C29.0423 11.2158 29.2907 11.5303 29.6143 11.749C29.9378 11.9678 30.332 12.0771 30.7969 12.0771ZM38.6582 13.0547C37.9017 13.0547 37.3525 12.902 37.0107 12.5967C36.6735 12.2913 36.5049 11.7878 36.5049 11.0859V6.61523H35.3428V5.63086H36.5049V3.72363H37.7354V5.63086H39.3486V6.61523H37.7354V10.7852C37.7354 11.2181 37.8174 11.5303 37.9814 11.7217C38.1455 11.9085 38.4189 12.002 38.8018 12.002C38.9066 12.002 38.9954 11.9997 39.0684 11.9951C39.1458 11.9906 39.2393 11.9837 39.3486 11.9746V12.9863C39.2347 13.0046 39.1208 13.0205 39.0068 13.0342C38.8929 13.0479 38.7767 13.0547 38.6582 13.0547ZM43.7441 13.0547C42.9876 13.0547 42.4385 12.902 42.0967 12.5967C41.7594 12.2913 41.5908 11.7878 41.5908 11.0859V6.61523H40.4287V5.63086H41.5908V3.72363H42.8213V5.63086H44.4346V6.61523H42.8213V10.7852C42.8213 11.2181 42.9033 11.5303 43.0674 11.7217C43.2314 11.9085 43.5049 12.002 43.8877 12.002C43.9925 12.002 44.0814 11.9997 44.1543 11.9951C44.2318 11.9906 44.3252 11.9837 44.4346 11.9746V12.9863C44.3206 13.0046 44.2067 13.0205 44.0928 13.0342C43.9788 13.0479 43.8626 13.0547 43.7441 13.0547ZM49.1445 13.1299C48.4473 13.1299 47.8434 12.9772 47.333 12.6719C46.8271 12.362 46.4352 11.9222 46.1572 11.3525C45.8838 10.7829 45.7471 10.1061 45.7471 9.32227V9.30859C45.7471 8.52018 45.8838 7.84115 46.1572 7.27148C46.4352 6.70182 46.8271 6.26432 47.333 5.95898C47.8434 5.65365 48.4473 5.50098 49.1445 5.50098C49.8464 5.50098 50.4502 5.65365 50.9561 5.95898C51.4619 6.26432 51.8516 6.70182 52.125 7.27148C52.403 7.84115 52.542 8.52018 52.542 9.30859V9.32227C52.542 10.1061 52.403 10.7829 52.125 11.3525C51.8516 11.9222 51.4619 12.362 50.9561 12.6719C50.4502 12.9772 49.8464 13.1299 49.1445 13.1299ZM49.1445 12.0771C49.6094 12.0771 50.0036 11.9678 50.3271 11.749C50.6507 11.5303 50.8968 11.2158 51.0654 10.8057C51.2386 10.3955 51.3252 9.90104 51.3252 9.32227V9.30859C51.3252 8.72526 51.2386 8.22852 51.0654 7.81836C50.8968 7.4082 50.6507 7.09603 50.3271 6.88184C50.0036 6.66309 49.6094 6.55371 49.1445 6.55371C48.6797 6.55371 48.2855 6.66309 47.9619 6.88184C47.6383 7.09603 47.39 7.4082 47.2168 7.81836C47.0482 8.22852 46.9639 8.72526 46.9639 9.30859V9.32227C46.9639 9.90104 47.0482 10.3955 47.2168 10.8057C47.39 11.2158 47.6383 11.5303 47.9619 11.749C48.2855 11.9678 48.6797 12.0771 49.1445 12.0771ZM54.3877 13V5.63086H55.5771V6.75195H55.6865C55.8506 6.35547 56.1012 6.04785 56.4385 5.8291C56.7803 5.61035 57.1927 5.50098 57.6758 5.50098C58.0085 5.50098 58.307 5.55566 58.5713 5.66504C58.8356 5.77441 59.0635 5.92708 59.2549 6.12305C59.4463 6.31445 59.599 6.53776 59.7129 6.79297H59.8223C59.9544 6.5332 60.1322 6.30762 60.3555 6.11621C60.5788 5.92025 60.8363 5.76986 61.1279 5.66504C61.4242 5.55566 61.7409 5.50098 62.0781 5.50098C62.5794 5.50098 63.0033 5.5944 63.3496 5.78125C63.7005 5.9681 63.9671 6.24154 64.1494 6.60156C64.3317 6.95703 64.4229 7.39225 64.4229 7.90723V13H63.2334V8.18066C63.2334 7.81608 63.1764 7.5153 63.0625 7.27832C62.9531 7.03678 62.7845 6.85677 62.5566 6.73828C62.3288 6.61523 62.0417 6.55371 61.6953 6.55371C61.3535 6.55371 61.055 6.63118 60.7998 6.78613C60.5446 6.94108 60.3464 7.14844 60.2051 7.4082C60.0638 7.66341 59.9932 7.94824 59.9932 8.2627V13H58.8037V7.99609C58.8037 7.70443 58.7399 7.4515 58.6123 7.2373C58.4893 7.
234501855 58.3115 6.84993 58.0791 6.73145C57.8512 6.61296 57.5824 6.55371 57.2725 6.55371C56.9535 6.55371 56.6641 6.63802 56.4043 6.80664C56.1491 6.97526 55.9463 7.20312 55.7959 7.49023C55.6501 7.77279 55.5771 8.08724 55.5771 8.43359V13H54.3877Z", 2346 fill: "#343A3F" 2347 })))); 2348 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["InspectorControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 2349 title: "Style Settings", 2350 initialOpen: true 2351 }, bgSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 2352 title: "Layout Settings", 2353 initialOpen: true 2354 }, headingSettings, imagePositionSettings, columnsSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 2355 title: "Additional Settings", 2356 initialOpen: true 2357 }, bgColorSettings)); 2358} 2359/* harmony default export */ __webpack_exports__["default"] = (getInspectorControls); 2360 2361/***/ }), 2362/* 40 */ 2363/***/ (function(module, __webpack_exports__, __webpack_require__) { 2364 2365"use strict"; 2366__webpack_require__.r(__webpack_exports__); 2367/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28); 2368/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__); 2369/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); 2370/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__); 2371/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 2372/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 2373/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 2374/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 2375/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15); 2376/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__); 2377/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29); 2378/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__); 2379/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(19); 2380/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__); 2381/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31); 2382/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(32); 2383/* harmony import */ var _toolbarWrapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30); 2384/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(20); 2385/* harmony import */ var _global_mediaToolbar__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(25); 2386/* harmony import */ var _global_constants__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(33); 2387/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(27); 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403var Card = function Card(_ref) { 2404 var card = _ref.card, 2405 clientId = _ref.clientId, 2406 handleCardContentChange = _ref.handleCardContentChange, 2407 handleDelete = _ref.handleDelete, 2408 handleReorder = _ref.handleReorder, 2409 index = _ref.index, 2410 _ref$className = _ref.className, 2411 className = _ref$className === void 0 ? "" : _ref$className, 2412 _ref$showPrimaryBtn = _ref.showPrimaryBtn, 2413 showPrimaryBtn = _ref$showPrimaryBtn === void 0 ? true : _ref$showPrimaryBtn; 2414 var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(false), 2415 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2), 2416 areControlsVisible = _useState2[0], 2417 setAreControlsVisible = _useState2[1]; 2418 var _useState3 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(false), 2419 _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2), 2420 isImagePopupOpen = _useState4[0], 2421 setIsImagePopupOpen = _useState4[1]; 2422 var _useState5 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(null), 2423 _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2), 2424 mediaMode = _useState6[0], 2425 setMediaMode = _useState6[1]; 2426 var mediaSrc = typeof card.mediaUrl === "undefined" || card.mediaUrl === '' ? _global_constants__WEBPACK_IMPORTED_MODULE_12__["PLACEHOLDER_4x3"] : card.mediaUrl; 2427 var mobileMediaSrc = typeof card.mobileMediaUrl === "undefined" || card.mobileMediaUrl === '' ? _global_constants__WEBPACK_IMPORTED_MODULE_12__["PLACEHOLDER_4x3"] : card.mobileMediaUrl; 2428 var handleFocusOutside = function handleFocusOutside() { 2429 setAreControlsVisible(false); 2430 }; 2431 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({ 2432 key: card === null || card === void 0 ? void 0 : card.id, 2433 className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(className, 'card-wrapper', { 2434 'active': areControlsVisible 2435 }), 2436 onClick: function onClick() { 2437 return setAreControlsVisible({ 2438 areControlsVisible: true 2439 }); 2440 } 2441 }, Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__["__experimentalUseFocusOutside"])(handleFocusOutside)), areControlsVisible && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_toolbarWrapper__WEBPACK_IMPORTED_MODULE_9__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2442 className: "toolbar__slot" 2443 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2444 className: "toolbar__slot--btn", 2445 icon: _global_icons__WEBPACK_IMPORTED_MODULE_10__["default"].delete, 2446 onClick: function onClick() { 2447 return handleDelete(card === null || card === void 0 ? void 0 : card.id); 2448 } 2449 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2450 className: "toolbar__slot" 2451 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2452 className: "toolbar__slot--btn arrow-left", 2453 icon: _global_icons__WEBPACK_IMPORTED_MODULE_10__["default"].arrowLeft, 2454 onClick: function onClick() { 2455 return handleReorder(index, "left"); 2456 } 2457 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2458 className: "toolbar__slot" 2459 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 2460 className: "toolbar__slot--btn arrow-right", 2461 icon: _global_icons__WEBPACK_IMPORTED_MODULE_10__["default"].arrowRight, 2462 onClick: function onClick() { 2463 return handleReorder(index, "right"); 2464 } 2465 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2466 className: "card-wrapper__body" 2467 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_heading__WEBPACK_IMPORTED_MODULE_7__["default"], { 2468 level: "h3", 2469 value: card === null || card === void 0 ? void 0 : card.heading, 2470 onChange: function onChange(value) { 2471 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'heading', value); 2472 } 2473 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_text__WEBPACK_IMPORTED_MODULE_8__["default"], { 2474 value: card === null || card === void 0 ? void 0 : card.text, 2475 onChange: function onChange(value) { 2476 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'text', value); 2477 },
2478 allowedFormats: ['core/bold', 'core/link'], 2479 className: 'text' 2480 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2481 className: 'btn-group align-items-center' 2482 }, showPrimaryBtn && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_button__WEBPACK_IMPORTED_MODULE_13__["default"], { 2483 clientId: clientId, 2484 linkHref: card === null || card === void 0 ? void 0 : card.firstLink, 2485 onChangeLink: function onChangeLink(value) { 2486 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'firstLink', value); 2487 }, 2488 onChangeContent: function onChangeContent(value) { 2489 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'firstButton', value); 2490 }, 2491 content: card === null || card === void 0 ? void 0 : card.firstButton, 2492 className: classnames__WEBPACK_IMPORTED_MODULE_6___default()("btn", "btn--primary", "btn--black") 2493 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_button__WEBPACK_IMPORTED_MODULE_13__["default"], { 2494 clientId: clientId, 2495 linkHref: card === null || card === void 0 ? void 0 : card.secondLink, 2496 onChangeLink: function onChangeLink(value) { 2497 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'secondLink', value); 2498 }, 2499 onChangeContent: function onChangeContent(value) { 2500 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'secondButton', value); 2501 }, 2502 content: card === null || card === void 0 ? void 0 : card.secondButton, 2503 className: "btn btn--link" 2504 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2505 className: "card-wrapper__media" 2506 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__["MediaUpload"], { 2507 onSelect: function onSelect(media) { 2508 if (mediaMode === "desktop") { 2509 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'mediaUrl', media.url); 2510 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'mediaId', media.id); 2511 } else if (mediaMode === "mobile") { 2512 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'mobileMediaUrl', media.url); 2513 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'mobileMediaId', media.id); 2514 } 2515 }, 2516 onClose: function onClose() { 2517 return setIsImagePopupOpen(true); 2518 }, 2519 value: card.mediaId, 2520 render: function render(_ref2) { 2521 var open = _ref2.open; 2522 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_global_mediaToolbar__WEBPACK_IMPORTED_MODULE_11__["default"], { 2523 openLibrary: open, 2524 isImagePopupOpen: isImagePopupOpen, 2525 setIsImagePopupOpen: setIsImagePopupOpen, 2526 setMediaMode: setMediaMode, 2527 mediaSrc: mediaSrc, 2528 mobileMediaUrl: mobileMediaSrc 2529 }); 2530 } 2531 }))); 2532}; 2533/* harmony default export */ __webpack_exports__["default"] = (Card); 2534 2535/***/ }), 2536/* 41 */ 2537/***/ (function(module, __webpack_exports__, __webpack_require__) { 2538 2539"use strict"; 2540__webpack_require__.r(__webpack_exports__); 2541/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "immutableMove", function() { return immutableMove; }); 2542/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "generateId", function() { return generateId; }); 2543/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35); 2544/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__); 2545 2546function immutableMove(arr, currentIndex, direction) { 2547 var nextIndex; 2548 var cardsCount = arr.length; 2549 if (currentIndex === 0 && direction === "left") { 2550 nextIndex = cardsCount - 1; 2551 } else if (currentIndex === cardsCount - 1 && direction === "right") { 2552 nextIndex = 0; 2553 } else { 2554 nextIndex = direction === "right" ? currentIndex + 1 : currentIndex - 1; 2555 } 2556 return arr.reduce(function (prev, current, idx, self) { 2557 if (currentIndex === nextIndex) { 2558 prev.push(current); 2559 } 2560 if (idx === currentIndex) { 2561 return prev; 2562 } 2563 if (currentIndex < nextIndex) { 2564 prev.push(current); 2565 } 2566 if (idx === nextIndex) { 2567 prev.push(self[currentIndex]); 2568 } 2569 if (currentIndex > nextIndex) { 2570 prev.push(current); 2571 } 2572 return prev; 2573 }, []); 2574} 2575function generateId() { 2576 var chars = '0123456789'; 2577 return _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(Array(12)).map(function (i) { 2578 return [Math.floor(Math.random() * chars.length)]; 2579 }).join(''); 2580} 2581 2582/***/ }), 2583/* 42 */ 2584/***/ (function(module, __webpack_exports__, __webpack_require__) { 2585 2586"use strict"; 2587__webpack_require__.r(__webpack_exports__); 2588/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 2589/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 2590/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35); 2591/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__); 2592/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); 2593/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__); 2594/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 2595/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 2596/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15); 2597/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); 2598/* harmony import */ var _inspectorControls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(43); 2599/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 2600/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 2601/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27); 2602/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20); 2603/* harmony import */ var _components_heading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(31); 2604/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32); 2605/* harmony import */ var _components_IconCard__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(44); 2606/* harmony import */ var _global_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(41); 2607 2608 2609 2610function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } 2611function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {};
2611 r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622var name = 'ecwid-nomi/icons'; 2623var settings = { 2624 apiVersion: 2, 2625 title: 'Icons', 2626 icon: _global_icons__WEBPACK_IMPORTED_MODULE_7__["default"].icons, 2627 category: "ecwid-nomi", 2628 attributes: { 2629 content: { 2630 type: 'object', 2631 default: { 2632 heading: '', 2633 text: '', 2634 firstButton: 'Get started', 2635 secondButton: 'Learn more', 2636 footnote: '' 2637 } 2638 }, 2639 cardsContent: { 2640 type: 'array', 2641 default: [ 2642 // { 2643 // id: 1, 2644 // heading: '', 2645 // text: '', 2646 // button: '', 2647 // link: '', 2648 // svgType: '', // "custom" or "library" 2649 // svgClass: '', 2650 // svgCustom: '' 2651 // } 2652 ] 2653 }, 2654 links: { 2655 type: 'object', 2656 default: { 2657 firstLink: '', 2658 secondLink: '' 2659 } 2660 }, 2661 headingLayout: { 2662 type: 'string', 2663 default: 'divided' // or 'centered' 2664 }, 2665 buttonsPosition: { 2666 type: 'string', 2667 default: 'top' // or 'bottom' 2668 }, 2669 textAlign: { 2670 type: 'string', 2671 default: 'left' // or 'center' 2672 }, 2673 columns: { 2674 type: 'number', 2675 default: 2 // or 3, or 4 2676 }, 2677 background: { 2678 type: 'string', 2679 default: 'transparent' // or 'filled' 2680 }, 2681 bgColor: { 2682 type: 'string', 2683 default: 'white' 2684 }, 2685 btnColor: { 2686 type: 'string', 2687 default: 'black' 2688 }, 2689 btnVariant: { 2690 type: 'string', 2691 default: 'secondary' 2692 }, 2693 isFirst: { 2694 type: 'boolean', 2695 default: false 2696 } 2697 }, 2698 supports: { 2699 lightBlockWrapper: false 2700 }, 2701 edit: function edit(props) { 2702 var clientId = props.clientId, 2703 attributes = props.attributes, 2704 setAttributes = props.setAttributes; 2705 var content = attributes.content, 2706 cardsContent = attributes.cardsContent, 2707 links = attributes.links, 2708 textAlign = attributes.textAlign, 2709 buttonsPosition = attributes.buttonsPosition, 2710 headingLayout = attributes.headingLayout, 2711 columns = attributes.columns, 2712 background = attributes.background, 2713 bgColor = attributes.bgColor, 2714 btnColor = attributes.btnColor, 2715 btnVariant = attributes.btnVariant, 2716 isFirst = attributes.isFirst; 2717 var bgColorClass; 2718 if (background === 'transparent' && bgColor) { 2719 bgColorClass = "background--" + bgColor; 2720 } 2721 var blockClass = 'nomi--icons nomi--cards nomi-block ' + bgColorClass; 2722 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["useBlockProps"])({ 2723 className: blockClass 2724 }); 2725 var _wp$data$select = wp.data.select('core/block-editor'), 2726 getBlockIndex = _wp$data$select.getBlockIndex; 2727 var blockIndex = getBlockIndex(clientId);
2728 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 2729 if (blockIndex === 0) { 2730 setAttributes({ 2731 isFirst: true 2732 }); 2733 } else { 2734 setAttributes({ 2735 isFirst: false 2736 }); 2737 } 2738 }, [blockIndex]); 2739 var buttonsEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2740 className: 'btn-group' 2741 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 2742 clientId: clientId, 2743 linkHref: links === null || links === void 0 ? void 0 : links.firstLink, 2744 onChangeLink: function onChangeLink(value) { 2745 return setAttributes({ 2746 links: _objectSpread(_objectSpread({}, links), {}, { 2747 firstLink: value 2748 }) 2749 }); 2750 }, 2751 onChangeContent: function onChangeContent(value) { 2752 return setAttributes({ 2753 content: _objectSpread(_objectSpread({}, content), {}, { 2754 firstButton: value 2755 }) 2756 }); 2757 }, 2758 content: content === null || content === void 0 ? void 0 : content.firstButton, 2759 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("btn", "btn--primary", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "btn--".concat(btnColor), true)), 2760 canChangeColor: true 2761 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 2762 clientId: clientId, 2763 linkHref: links === null || links === void 0 ? void 0 : links.secondLink, 2764 onChangeLink: function onChangeLink(value) { 2765 return setAttributes({ 2766 links: _objectSpread(_objectSpread({}, links), {}, { 2767 secondLink: value 2768 }) 2769 }); 2770 }, 2771 onChangeContent: function onChangeContent(value) { 2772 return setAttributes({ 2773 content: _objectSpread(_objectSpread({}, content), {}, { 2774 secondButton: value 2775 }) 2776 }); 2777 }, 2778 content: content === null || content === void 0 ? void 0 : content.secondButton, 2779 className: "btn--secondary btn" 2780 })); 2781 var handleCardContentChange = function handleCardContentChange(id, pointer, newValue) { 2782 var copy = cardsContent.map(function (i) { 2783 return i; 2784 }); 2785 var index = copy.findIndex(function (card) { 2786 return card.id === id; 2787 }); 2788 copy[index][pointer] = newValue; 2789 setAttributes({ 2790 cardsContent: copy 2791 }); 2792 }; 2793 var addCard = function addCard() { 2794 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 2795 copy.push({ 2796 id: Object(_global_helpers__WEBPACK_IMPORTED_MODULE_11__["generateId"])(), 2797 heading: '', 2798 text: '', 2799 button: 'Learn more', 2800 link: '', 2801 svgType: '', 2802 svgClass: '', 2803 svgCustom: '' 2804 }); 2805 setAttributes({ 2806 cardsContent: copy 2807 }); 2808 }; 2809 var deleteCard = function deleteCard(cardId) { 2810 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 2811 var filteredCopy = copy.filter(function (i) { 2812 return i.id !== cardId; 2813 }); 2814 setAttributes({ 2815 cardsContent: filteredCopy 2816 }); 2817 }; 2818 var reorderCards = function reorderCards(currentIndex, direction) { 2819 var updatedContent = Object(_global_helpers__WEBPACK_IMPORTED_MODULE_11__["immutableMove"])(cardsContent, currentIndex, direction); 2820 setAttributes({ 2821 cardsContent: updatedContent 2822 }); 2823 }; 2824 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 2825 if (cardsContent.length === 0) { 2826 addCard(); 2827 } 2828 }, []); 2829 var inspectorControls = Object(_inspectorControls__WEBPACK_IMPORTED_MODULE_4__["default"])(clientId, attributes); 2830 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, inspectorControls, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2831 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("container") 2832 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2833 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row", { 2834 "row--centered": headingLayout === "centered", 2835 "row--divided": headingLayout === "divided" 2836 }) 2837 }, headingLayout === "centered" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2838 className: "col-12 col-lg-8 offset-lg-2 d-flex flex-column align-items-center text-center" 2839 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 2840 level: isFirst ? "h1" : "h2", 2841 value: content === null || content === void 0 ? void 0 : content.heading, 2842 onChange: function onChange(value) { 2843 return setAttributes({ 2844 content: _objectSpread(_objectSpread({}, content), {}, { 2845 heading: value 2846 }) 2847 }); 2848 } 2849 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2850 value: content === null || content === void 0 ? void 0 : content.text, 2851 onChange: function onChange(value) { 2852 return setAttributes({ 2853 content: _objectSpread(_objectSpread({}, content), {}, { 2854 text: value 2855 }) 2856 }); 2857 },
2858 allowedFormats: ['core/bold', 'core/link'], 2859 className: 'text' 2860 }), buttonsPosition === "top" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2861 value: content === null || content === void 0 ? void 0 : content.footnote, 2862 onChange: function onChange(value) { 2863 return setAttributes({ 2864 content: _objectSpread(_objectSpread({}, content), {}, { 2865 footnote: value 2866 }) 2867 }); 2868 }, 2869 allowedFormats: ['core/bold', 'core/link'], 2870 className: 'footnote' 2871 }))), headingLayout === "divided" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2872 className: "col-12 col-lg-6" 2873 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 2874 level: isFirst ? "h1" : "h2", 2875 value: content === null || content === void 0 ? void 0 : content.heading, 2876 onChange: function onChange(value) { 2877 return setAttributes({ 2878 content: _objectSpread(_objectSpread({}, content), {}, { 2879 heading: value 2880 }) 2881 }); 2882 } 2883 }
2883), buttonsPosition === "top" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2884 value: content === null || content === void 0 ? void 0 : content.footnote, 2885 onChange: function onChange(value) { 2886 return setAttributes({ 2887 content: _objectSpread(_objectSpread({}, content), {}, { 2888 footnote: value 2889 }) 2890 }); 2891 }, 2892 allowedFormats: ['core/bold', 'core/link'], 2893 className: 'footnote' 2894 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2895 className: "col-12 col-lg-6" 2896 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2897 value: content === null || content === void 0 ? void 0 : content.text, 2898 onChange: function onChange(value) { 2899 return setAttributes({ 2900 content: _objectSpread(_objectSpread({}, content), {}, { 2901 text: value 2902 }) 2903 }); 2904 }, 2905 allowedFormats: ['core/bold', 'core/link'], 2906 className: 'text' 2907 })))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2908 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row row--cards", { 2909 "row--filled": background === "filled" 2910 }, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "background--".concat(bgColor), background === "filled")) 2911 }, cardsContent === null || cardsContent === void 0 ? void 0 : cardsContent.map(function (card, index) { 2912 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_IconCard__WEBPACK_IMPORTED_MODULE_10__["default"], { 2913 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("col-12", { 2914 "col-lg-6": columns === 2 2915 }, { 2916 "col-lg-4": columns === 3 2917 }, { 2918 "col-lg-3": columns === 4 2919 }), 2920 clientId: clientId, 2921 card: card, 2922 index: index, 2923 handleCardContentChange: handleCardContentChange, 2924 handleDelete: deleteCard, 2925 addClass: classnames__WEBPACK_IMPORTED_MODULE_5___default()({ 2926 "align-items-center text-center": textAlign === "center" 2927 }), 2928 handleReorder: reorderCards 2929 }); 2930 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("button", { 2931 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("add-card__btn", { 2932 "col-lg-6": columns === 2 2933 }, { 2934 "col-lg-4": columns === 3 2935 }, { 2936 "col-lg-3": columns === 4 2937 }), 2938 onClick: addCard 2939 }, "+")), buttonsPosition === "bottom" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2940 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row") 2941 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 2942 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("col-12", { 2943 "d-flex flex-column align-items-center": headingLayout === "centered" 2944 }) 2945 }, buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 2946 value: content === null || content === void 0 ? void 0 : content.footnote, 2947 onChange: function onChange(value) { 2948 return setAttributes({ 2949 content: _objectSpread(_objectSpread({}, content), {}, { 2950 footnote: value 2951 }) 2952 }); 2953 }, 2954 allowedFormats: ['core/bold', 'core/link'], 2955 className: 'footnote' 2956 })))))); 2957 }, 2958 save: function save() { 2959 return null; 2960 } 2961}; 2962 2963/***/ }), 2964/* 43 */ 2965/***/ (function(module, __webpack_exports__, __webpack_require__) { 2966 2967"use strict"; 2968__webpack_require__.r(__webpack_exports__); 2969/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 2970/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 2971/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 2972/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 2973/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17); 2974/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); 2975/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 2976/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 2977/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 2978/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 2979/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20); 2980/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21); 2981/* harmony import */ var _components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23); 2982/* harmony import */ var _components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24); 2983/* harmony import */ var _components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(22); 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994function getInspectorControls(clientId, blockAttributes) { 2995 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["store"]), 2996 updateBlockAttributes = _useDispatch.updateBlockAttributes; 2997 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__["default"].bgColors; 2998 var bgColor = blockAttributes['bgColor']; 2999 var bgSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_7__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3000 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].filled, 3001 onClick: function onClick() { 3002 return updateBlockAttributes(clientId, { 3003 background: 'filled' 3004 }); 3005 }, 3006 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3007 'button--selected': blockAttributes['background'] === 'filled' 3008 }) 3009 }, "Shaped"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3010 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].transparent, 3011 onClick: function onClick() { 3012 return updateBlockAttributes(clientId, { 3013 background: 'transparent' 3014 }); 3015 }, 3016 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3017 'button--selected': blockAttributes['background'] === 'transparent' 3018 }) 3019 }, "Unshaped")); 3020 var bgColorSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_8__["default"], { 3021 bgColor: bgColor, 3022 onChange: function onChange(newColor) { 3023 if (newColor) { 3024 var _getColorObjectByColo; 3025 updateBlockAttributes(clientId, { 3026 bgColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["getColorObjectByColorValue"])(configColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.slug 3027 }); 3028 } 3029 } 3030 }); 3031 var columnsSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__["default"], { 3032 columns: 3, 3033 label: "block columns" 3034 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3035 onClick: function onClick() { 3036 return updateBlockAttributes(clientId, { 3037 columns: 2 3038 }); 3039 }, 3040 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({
3041 'button--selected': blockAttributes['columns'] === 2 3042 }) 3043 }, "2"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3044 onClick: function onClick() { 3045 return updateBlockAttributes(clientId, { 3046 columns: 3 3047 }); 3048 }, 3049 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3050 'button--selected': blockAttributes['columns'] === 3 3051 }) 3052 }, "3"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3053 onClick: function onClick() { 3054 return updateBlockAttributes(clientId, { 3055 columns: 4 3056 }); 3057 }, 3058 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3059 'button--selected': blockAttributes['columns'] === 4 3060 }) 3061 }, "4")); 3062 var headingSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__["default"], { 3063 columns: 2, 3064 label: "heading layout" 3065 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3066 onClick: function onClick() { 3067 return updateBlockAttributes(clientId, { 3068 headingLayout: 'divided' 3069 }); 3070 }, 3071 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3072 'button--selected': blockAttributes['headingLayout'] === 'divided' 3073 }) 3074 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 3075 width: "16", 3076 height: "16", 3077 viewBox: "0 0 16 16", 3078 fill: "none", 3079 xmlns: "http://www.w3.org/2000/svg" 3080 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 3081 d: "M0.801758 15.9805C0.669596 15.9805 0.553385 15.9349 0.453125 15.8438C0.352865 15.7526 0.302734 15.641 0.302734 15.5088V0.606445C0.302734 0.474284 0.352865 0.36263 0.453125 0.271484C0.553385 0.180339 0.669596 0.134766 0.801758 0.134766C0.938477 0.134766 1.05697 0.180339 1.15723 0.271484C1.25749 0.36263 1.30762 0.474284 1.30762 0.606445V15.5088C1.30762 15.641 1.25749 15.7526 1.15723 15.8438C1.05697 15.9349 0.938477 15.9805 0.801758 15.9805ZM4.13086 7.40137C3.625 7.40137 3.23763 7.26921 2.96875 7.00488C2.69987 6.74056 2.56543 6.36003 2.56543 5.86328V3.48438C2.56543 2.98763 2.69987 2.6071 2.96875 2.34277C3.23763 2.07845 3.625 1.94629 4.13086 1.94629H9.29199C9.79785 1.94629 10.1852 2.07845 10.4541 2.34277C10.723 2.6071 10.8574 2.98763 10.8574 3.48438V5.86328C10.8574 6.36003 10.723 6.74056 10.4541 7.00488C10.1852 7.26921 9.79785 7.40137 9.29199 7.40137H4.13086ZM4.15137 6.36914H9.27148C9.44922 6.36914 9.58594 6.32129 9.68164 6.22559C9.77734 6.12533 9.8252 5.98405 9.8252 5.80176V3.53906C9.8252 3.35677 9.77734 3.21777 9.68164 3.12207C9.58594 3.02637 9.44922 2.97852 9.27148 2.97852H4.15137C3.97363 2.97852 3.83691 3.02637 3.74121 3.12207C3.64551 3.21777 3.59766 3.35677 3.59766 3.53906V5.80176C3.59766 5.98405 3.64551 6.12533 3.74121 6.22559C3.83691 6.32129 3.97363 6.36914 4.15137 6.36914ZM4.13086 14.1758C3.625 14.1758 3.23763 14.0436 2.96875 13.7793C2.69987 13.5195 2.56543 13.139 2.56543 12.6377V10.2588C2.56543 9.76204 2.69987 9.38151 2.96875 9.11719C3.23763 8.85286 3.625 8.7207 4.13086 8.7207H14.1318C14.6423 8.7207 15.0296 8.85286 15.2939 9.11719C15.5628 9.38151 15.6973 9.76204 15.6973 10.2588V12.6377C15.6973 13.139 15.5628 13.5195 15.2939 13.7793C15.0296 14.0436 14.6423 14.1758 14.1318 14.1758H4.13086ZM4.15137 13.1436H14.1113C14.2891 13.1436 14.4258 13.0957 14.5215 13C14.6172 12.9043 14.665 12.7653 14.665 12.583V10.3203C14.665 10.138 14.6172 9.99902 14.5215 9.90332C14.4258 9.80306 14.2891 9.75293 14.1113 9.75293H4.15137C3.97363 9.75293 3.83691 9.80306 3.74121 9.90332C3.64551 9.99902 3.59766 10.138 3.59766 10.3203V12.583C3.59766 12.7653 3.64551 12.9043 3.74121 13C3.83691 13.0957 3.97363 13.1436 4.15137 13.1436Z", 3082 fill: "white" 3083 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3084 onClick: function onClick() { 3085 return updateBlockAttributes(clientId, { 3086 headingLayout: 'centered' 3087 }); 3088 }, 3089 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3090 'button--selected': blockAttributes['headingLayout'] === 'centered' 3091 }) 3092 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 3093 width: "14", 3094 height: "16",
3095 viewBox: "0 0 14 16", 3096 fill: "none", 3097 xmlns: "http://www.w3.org/2000/svg" 3098 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 3099 d: "M6.49414 2.32227V0.606445C6.49414 0.474284 6.54427 0.36263 6.64453 0.271484C6.74479 0.180339 6.861 0.134766 6.99316 0.134766C7.12988 0.134766 7.24837 0.180339 7.34863 0.271484C7.44889 0.36263 7.49902 0.474284 7.49902 0.606445V2.32227H6.49414ZM4.41602 7.40137C3.91016 7.40137 3.52279 7.26921 3.25391 7.00488C2.98503 6.74056 2.85059 6.36003 2.85059 5.86328V3.48438C2.85059 2.98763 2.98503 2.6071 3.25391 2.34277C3.52279 2.07845 3.91016 1.94629 4.41602 1.94629H9.57715C10.083 1.94629 10.4704 2.07845 10.7393 2.34277C11.0081 2.6071 11.1426 2.98763 11.1426 3.48438V5.86328C11.1426 6.36003 11.0081 6.74056 10.7393 7.00488C10.4704 7.26921 10.083 7.40137 9.57715 7.40137H4.41602ZM4.43652 6.36914H9.55664C9.73438 6.36914 9.87109 6.32129 9.9668 6.22559C10.0625 6.12533 10.1104 5.98405 10.1104 5.80176V3.53906C10.1104 3.35677 10.0625 3.21777 9.9668 3.12207C9.87109 3.02637 9.73438 2.97852 9.55664 2.97852H4.43652C4.25879 2.97852 4.12207 3.02637 4.02637 3.12207C3.93066 3.21777 3.88281 3.35677 3.88281 3.53906V5.80176C3.88281 5.98405 3.93066 6.12533 4.02637 6.22559C4.12207 6.32129 4.25879 6.36914 4.43652 6.36914ZM6.49414 9.31543V6.93652H7.49902V9.31543H6.49414ZM1.99609 14.1758C1.49023 14.1758 1.10286 14.0436 0.833984 13.7793C0.565104 13.5195 0.430664 13.139 0.430664 12.6377V10.2588C0.430664 9.76204 0.565104 9.38151 0.833984 9.11719C1.10286 8.85286 1.49023 8.7207 1.99609 8.7207H11.9971C12.5029 8.7207 12.8903 8.85286 13.1592 9.11719C13.4281 9.38151 13.5625 9.76204 13.5625 10.2588V12.6377C13.5625 13.139 13.4281 13.5195 13.1592 13.7793C12.8903 14.0436 12.5029 14.1758 11.9971 14.1758H1.99609ZM2.0166 13.1436H11.9766C12.1543 13.1436 12.291 13.0957 12.3867 13C12.4824 12.9043 12.5303 12.7653 12.5303 12.583V10.3203C12.5303 10.138 12.4824 9.99902 12.3867 9.90332C12.291 9.80306 12.1543 9.75293 11.9766 9.75293H2.0166C1.83887 9.75293 1.70215 9.80306 1.60645 9.90332C1.51074 9.99902 1.46289 10.138 1.46289 10.3203V12.583C1.46289 12.7653 1.51074 12.9043 1.60645 13C1.70215 13.0957 1.83887 13.1436 2.0166 13.1436ZM6.99316 15.9805C6.861 15.9805 6.74479 15.9349 6.64453 15.8438C6.54427 15.7526 6.49414 15.641 6.49414 15.5088V13.7998H7.49902V15.5088C7.49902 15.641 7.44889 15.7526 7.34863 15.8438C7.24837 15.9349 7.12988 15.9805 6.99316 15.9805Z", 3100 fill: "#343A3F" 3101 })))); 3102 var btnPositionSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__["default"], { 3103 columns: 2, 3104 label: "Button position" 3105 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3106 onClick: function onClick() { 3107 return updateBlockAttributes(clientId, { 3108 buttonsPosition: 'top' 3109 }); 3110 }, 3111 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3112 'button--selected': blockAttributes['buttonsPosition'] === 'top' 3113 }) 3114 }, _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].btnPositionTop), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3115 onClick: function onClick() { 3116 return updateBlockAttributes(clientId, { 3117 buttonsPosition: 'bottom' 3118 }); 3119 }, 3120 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3121 'button--selected': blockAttributes['buttonsPosition'] === 'bottom' 3122 }) 3123 }, _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].btnPositionBottom)); 3124 var textAlignSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_9__["default"], { 3125 columns: 2, 3126 label: "Text alignment" 3127 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3128 onClick: function onClick() { 3129 return updateBlockAttributes(clientId, { 3130 textAlign: 'left' 3131 }); 3132 }, 3133 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3134 'button--selected': blockAttributes['textAlign'] === 'left' 3135 }) 3136 }, _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].textAlignLeft), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3137 onClick: function onClick() { 3138 return updateBlockAttributes(clientId, { 3139 textAlign: 'center' 3140 }); 3141 }, 3142 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 3143 'button--selected': blockAttributes['textAlign'] === 'center' 3144 }) 3145 }, _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].textAlignCenter)); 3146 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["InspectorControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 3147 title: "Style Settings", 3148 initialOpen: true 3149 }, bgSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 3150 title: "Layout Settings", 3151 initialOpen: true 3152 }
3152, columnsSettings, textAlignSettings, headingSettings, btnPositionSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 3153 title: "Additional Settings", 3154 initialOpen: true 3155 }, bgColorSettings)); 3156} 3157/* harmony default export */ __webpack_exports__["default"] = (getInspectorControls); 3158 3159/***/ }), 3160/* 44 */ 3161/***/ (function(module, __webpack_exports__, __webpack_require__) { 3162 3163"use strict"; 3164__webpack_require__.r(__webpack_exports__); 3165/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28); 3166/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__); 3167/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); 3168/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__); 3169/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 3170/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 3171/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 3172/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 3173/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29); 3174/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__); 3175/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 3176/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 3177/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31); 3178/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(32); 3179/* harmony import */ var _toolbarWrapper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30); 3180/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20); 3181/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(27); 3182/* harmony import */ var _global_IconLibrary__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(45); 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196var IconCard = function IconCard(_ref) { 3197 var card = _ref.card, 3198 clientId = _ref.clientId, 3199 handleCardContentChange = _ref.handleCardContentChange, 3200 handleDelete = _ref.handleDelete, 3201 handleReorder = _ref.handleReorder, 3202 index = _ref.index, 3203 _ref$className = _ref.className, 3204 className = _ref$className === void 0 ? "" : _ref$className, 3205 addClass = _ref.addClass; 3206 var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(false), 3207 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2), 3208 areControlsVisible = _useState2[0], 3209 setAreControlsVisible = _useState2[1]; 3210 var handleFocusOutside = function handleFocusOutside() { 3211 setAreControlsVisible(false); 3212 }; 3213 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({ 3214 key: card === null || card === void 0 ? void 0 : card.id, 3215 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, 'card-wrapper', { 3216 'active': areControlsVisible 3217 }), 3218 onClick: function onClick() { 3219 return setAreControlsVisible({ 3220 areControlsVisible: true 3221 }); 3222 } 3223 }, Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__["__experimentalUseFocusOutside"])(handleFocusOutside)), areControlsVisible && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_toolbarWrapper__WEBPACK_IMPORTED_MODULE_8__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3224 className: "toolbar__slot" 3225 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3226 className: "toolbar__slot--btn", 3227 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].delete, 3228 onClick: function onClick() { 3229 return handleDelete(card === null || card === void 0 ? void 0 : card.id); 3230 } 3231 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3232 className: "toolbar__slot" 3233 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3234 className: "toolbar__slot--btn arrow-left", 3235 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].arrowLeft, 3236 onClick: function onClick() { 3237 return handleReorder(index, "left"); 3238 } 3239 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3240 className: "toolbar__slot" 3241 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 3242 className: "toolbar__slot--btn arrow-right", 3243 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].arrowRight, 3244 onClick: function onClick() { 3245 return handleReorder(index, "right"); 3246 } 3247 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3248 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("card-wrapper__body", addClass) 3249 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_global_IconLibrary__WEBPACK_IMPORTED_MODULE_11__["default"], { 3250 id: card === null || card === void 0 ? void 0 : card.id, 3251 svgType: card === null || card === void 0 ? void 0 : card.svgType, 3252 svgClass: card === null || card === void 0 ? void 0 : card.svgClass, 3253 svgCustom: card === null || card === void 0 ? void 0 : card.svgCustom, 3254 onChangeContent: handleCardContentChange 3255 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_heading__WEBPACK_IMPORTED_MODULE_6__["default"], { 3256 level: "h3", 3257 value: card === null || card === void 0 ? void 0 : card.heading, 3258 onChange: function onChange(value) { 3259 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'heading', value); 3260 } 3261 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_text__WEBPACK_IMPORTED_MODULE_7__["default"], { 3262 value: card === null || card === void 0 ? void 0 : card.text, 3263 onChange: function onChange(value) { 3264 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'text', value); 3265 },
3266 allowedFormats: ['core/bold', 'core/link'], 3267 className: 'text' 3268 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3269 className: 'btn-group' 3270 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_button__WEBPACK_IMPORTED_MODULE_10__["default"], { 3271 clientId: clientId, 3272 linkHref: card === null || card === void 0 ? void 0 : card.link, 3273 onChangeLink: function onChangeLink(value) { 3274 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'link', value); 3275 }, 3276 onChangeContent: function onChangeContent(value) { 3277 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'button', value); 3278 }, 3279 content: card === null || card === void 0 ? void 0 : card.button, 3280 className: "btn btn--link" 3281 })))); 3282}; 3283/* harmony default export */ __webpack_exports__["default"] = (IconCard); 3284 3285/***/ }), 3286/* 45 */ 3287/***/ (function(module, __webpack_exports__, __webpack_require__) { 3288 3289"use strict"; 3290__webpack_require__.r(__webpack_exports__); 3291/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8); 3292/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__); 3293/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14); 3294/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); 3295/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18); 3296/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__); 3297/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19); 3298/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__); 3299/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20); 3300/* harmony import */ var _iconLibrary_iconLibraryKeys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(46); 3301 3302 3303 3304 3305 3306 3307 3308var IconLibrary = function IconLibrary(_ref) { 3309 var id = _ref.id, 3310 svgCustom = _ref.svgCustom, 3311 svgClass = _ref.svgClass, 3312 svgType = _ref.svgType, 3313 onChangeContent = _ref.onChangeContent; 3314 var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(false), 3315 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2), 3316 isSVGPopupOpen = _useState2[0], 3317 setIsSVGPopupOpen = _useState2[1]; 3318 var handleSvgClick = function handleSvgClick() { 3319 setIsSVGPopupOpen(true); 3320 }; 3321 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, typeof svgType === "undefined" || svgType === "" ? Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Button"], { 3322 className: "svg-upload--btn", 3323 icon: _icons__WEBPACK_IMPORTED_MODULE_4__["default"].plus, 3324 onClick: handleSvgClick 3325 }) : Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("span", { 3326 className: classnames__WEBPACK_IMPORTED_MODULE_3___default()("svg--bg", svgClass), 3327 onClick: handleSvgClick 3328 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 3329 className: "nomi-media-popover" 3330 }, isSVGPopupOpen && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Modal"], { 3331 className: "nomi-modal", 3332 title: "Add icon", 3333 onRequestClose: function onRequestClose() { 3334 return setIsSVGPopupOpen(false); 3335 } 3336 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 3337 className: "row icon-library" 3338 }, _iconLibrary_iconLibraryKeys__WEBPACK_IMPORTED_MODULE_5__["default"].map(function (_ref2) { 3339 var key = _ref2.key, 3340 name = _ref2.name; 3341 var iconClass = "sella-icon-stroke--".concat(key); 3342 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Button"], { 3343 className: classnames__WEBPACK_IMPORTED_MODULE_3___default()("icon-library__icon"), 3344 onClick: function onClick() { 3345 onChangeContent(id, 'svgClass', iconClass); 3346 onChangeContent(id, 'svgType', "library"); 3347 } 3348 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("span", { 3349 className: classnames__WEBPACK_IMPORTED_MODULE_3___default()("svg--bg", iconClass) 3350 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("span", { 3351 className: "icon-library__icon--label" 3352 }, name)); 3353 }))))); 3354}; 3355/* harmony default export */ __webpack_exports__["default"] = (IconLibrary); 3356 3357/***/ }), 3358/* 46 */ 3359/***/ (function(module, __webpack_exports__, __webpack_require__) { 3360 3361"use strict"; 3362__webpack_require__.r(__webpack_exports__); 3363var iconLibraryKeys = [{ 3364 key: 'checkmark', 3365 name: 'Checkmark' 3366}, { 3367 key: 'cross', 3368 name: 'Cross' 3369}, { 3370 key: 'analytics', 3371 name: 'Analytics' 3372}, { 3373 key: 'basketball', 3374 name: 'Basketball' 3375}, { 3376 key: 'bell', 3377 name: 'Bell' 3378}, { 3379 key: 'bike', 3380 name: 'Bike' 3381}, { 3382 key: 'book', 3383 name: 'Book' 3384}, { 3385 key: 'burger', 3386 name: 'Burger' 3387}, { 3388 key: 'bread', 3389 name: 'Bread' 3390}, { 3391 key: 'cafe', 3392 name: 'Cafe' 3393}, { 3394 key: 'calculator', 3395 name: 'Calculator' 3396}, { 3397 key: 'calendar', 3398 name: 'Calendar' 3399}, { 3400 key: 'candle', 3401 name: 'Candle' 3402}, { 3403 key: 'card', 3404 name: 'Card' 3405}, { 3406 key: 'cash', 3407 name: 'Cash' 3408}, { 3409 key: 'cart', 3410 name: 'Cart' 3411}, { 3412 key: 'catalog', 3413 name: 'Catalog' 3414}, { 3415 key: 'cat', 3416 name: 'Cat' 3417}, { 3418 key: 'channels', 3419 name: 'Channels' 3420}, { 3421 key: 'check', 3422 name: 'Check' 3423}, { 3424 key: 'chat', 3425 name: 'Chat' 3426}, { 3427 key: 'cbd', 3428 name: 'Cbd' 3429}, { 3430 key: 'clock', 3431 name: 'Clock' 3432}, { 3433 key: 'cloud', 3434 name: 'Cloud' 3435}, { 3436 key: 'code', 3437 name: 'Code' 3438}, { 3439 key: 'connected', 3440 name: 'Connected' 3441}, { 3442 key: 'cocktail', 3443 name: 'Cocktail' 3444}, { 3445 key: 'controller', 3446 name: 'Controller' 3447}, { 3448 key: 'devices', 3449 name: 'Devices' 3450}, { 3451 key: 'dollar', 3452 name: 'Dollar' 3453}, { 3454 key: 'domains', 3455 name: 'Domains' 3456}, { 3457 key: 'design', 3458 name: 'Design' 3459}, { 3460 key: 'diamond', 3461 name: 'Diamond' 3462}, { 3463 key: 'email', 3464 name: 'Email' 3465}, { 3466 key: 'download', 3467 name: 'Download' 3468}, { 3469 key: 'gear', 3470 name: 'Gear' 3471}, { 3472 key: 'gift', 3473 name: 'Gift' 3474}, { 3475 key: 'floorplan', 3476 name: 'Floorplan' 3477}, { 3478 key: 'euro', 3479 name: 'Euro' 3480}, { 3481 key: 'file', 3482 name: 'File' 3483}, { 3484 key: 'globe', 3485 name: 'Globe' 3486}, { 3487 key: 'golf', 3488 name: 'Golf' 3489}, { 3490 key: 'headset', 3491 name: 'Headset' 3492}, { 3493 key: 'hardware', 3494 name: 'Hardware' 3495}, { 3496 key: 'growth', 3497 name: 'Growth' 3498}, { 3499 key: 'integrations', 3500 name: 'Integrations' 3501}, { 3502 key: 'hotel', 3503 name: 'Hotel' 3504}, { 3505 key: 'interfaces', 3506 name: 'Interfaces' 3507}, { 3508 key: 'heart', 3509 name: 'Heart' 3510}, { 3511 key: 'inventory', 3512 name: 'Inventory' 3513}, { 3514 key: 'lamp', 3515 name: 'Lamp' 3516}, { 3517 key: 'intersection', 3518 name: 'Intersection' 3519}, { 3520 key: 'knowledge', 3521 name: 'Knowledge' 3522}, { 3523 key: 'laptop', 3524 name: 'Laptop'
3525}, { 3526 key: 'ipad', 3527 name: 'Ipad' 3528}, { 3529 key: 'learning', 3530 name: 'Learning' 3531}, { 3532 key: 'law', 3533 name: 'Law' 3534}, { 3535 key: 'location', 3536 name: 'Location' 3537}, { 3538 key: 'life-saver', 3539 name: 'Life saver' 3540}, { 3541 key: 'lipstick', 3542 name: 'Lipstick' 3543}, { 3544 key: 'lightspeed', 3545 name: 'Lightspeed' 3546}, { 3547 key: 'megaphone', 3548 name: 'Megaphone' 3549}, { 3550 key: 'lock', 3551 name: 'Lock' 3552}, { 3553 key: 'other', 3554 name: 'Other' 3555}, { 3556 key: 'mobile', 3557 name: 'Mobile' 3558}, { 3559 key: 'people', 3560 name: 'People' 3561}, { 3562 key: 'mug', 3563 name: 'Mug' 3564}, { 3565 key: 'plant', 3566 name: 'Plant' 3567}, { 3568 key: 'pound', 3569 name: 'Pound' 3570}, { 3571 key: 'plus', 3572 name: 'Plus' 3573}, { 3574 key: 'printer', 3575 name: 'Printer' 3576}, { 3577 key: 'payment-device', 3578 name: 'Payment device' 3579}, { 3580 key: 'qr', 3581 name: 'Qr' 3582}, { 3583 key: 'restaurant', 3584 name: 'Restaurant' 3585}, { 3586 key: 'search', 3587 name: 'Search' 3588}, { 3589 key: 'settings', 3590 name: 'Settings' 3591}, { 3592 key: 'sale', 3593 name: 'Sale' 3594}, { 3595 key: 'rocket', 3596 name: 'Rocket' 3597}, { 3598 key: 'profile', 3599 name: 'Profile' 3600}, { 3601 key: 'shipment', 3602 name: 'Shipment' 3603}, { 3604 key: 'shopping-bag', 3605 name: 'Shopping bag' 3606}, { 3607 key: 'speaker', 3608 name: 'Speaker' 3609}, { 3610 key: 'shield', 3611 name: 'Shield' 3612}, { 3613 key: 'site', 3614 name: 'Site' 3615}, { 3616 key: 'split-bill', 3617 name: 'Split bill' 3618}, { 3619 key: 'star', 3620 name: 'Star' 3621}, { 3622 key: 'store', 3623 name: 'Store' 3624}, { 3625 key: 'tag', 3626 name: 'Tag' 3627}, { 3628 key: 't-shirt', 3629 name: 'T shirt' 3630}, { 3631 key: 'thumb', 3632 name: 'Thumb' 3633}, { 3634 key: 'toy', 3635 name: 'Toy' 3636}, { 3637 key: 'user', 3638 name: 'User' 3639}, { 3640 key: 'upload', 3641 name: 'Upload' 3642}, { 3643 key: 'update', 3644 name: 'Update' 3645}, { 3646 key: 'vape', 3647 name: 'Vape' 3648}, { 3649 key: 'trophee', 3650 name: 'Trophee' 3651}, { 3652 key: 'whistle', 3653 name: 'Whistle' 3654}, { 3655 key: 'webinars', 3656 name: 'Webinars' 3657}, { 3658 key: 'wifi', 3659 name: 'Wifi' 3660}]; 3661/* harmony default export */ __webpack_exports__["default"] = (iconLibraryKeys); 3662 3663/***/ }), 3664/* 47 */ 3665/***/ (function(module, __webpack_exports__, __webpack_require__) { 3666 3667"use strict"; 3668__webpack_require__.r(__webpack_exports__); 3669/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 3670/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 3671/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35); 3672/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__); 3673/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); 3674/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__); 3675/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 3676/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 3677/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15); 3678/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); 3679/* harmony import */ var _inspectorControls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48); 3680/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 3681/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 3682/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27); 3683/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20); 3684/* harmony import */ var _components_heading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(31); 3685/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32); 3686/* harmony import */ var _components_card__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40); 3687/* harmony import */ var _global_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(41); 3688 3689 3690 3691function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } 3692function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {};
3692 r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 3703var name = 'ecwid-nomi/slider'; 3704var settings = { 3705 apiVersion: 2, 3706 title: 'Slider', 3707 icon: _global_icons__WEBPACK_IMPORTED_MODULE_7__["default"].slider, 3708 category: "ecwid-nomi", 3709 attributes: { 3710 blockId: { 3711 type: 'string' 3712 }, 3713 content: { 3714 type: 'object', 3715 default: { 3716 heading: '', 3717 text: '', 3718 firstButton: 'Get started', 3719 secondButton: 'Learn more', 3720 footnote: '' 3721 } 3722 }, 3723 cardsContent: { 3724 type: 'array', 3725 default: [ 3726 // { 3727 // id: 1, 3728 // heading: '', 3729 // text: '', 3730 // button: 'Learn more', 3731 // link: '', 3732 // mediaId: '', 3733 // mediaUrl: '', 3734 // mobileMediaUrl: '', 3735 // mobileMediaId: '' 3736 // } 3737 ] 3738 }, 3739 links: { 3740 type: 'object', 3741 default: { 3742 firstLink: '', 3743 secondLink: '' 3744 } 3745 }, 3746 columns: { 3747 type: 'number', 3748 default: 2 // or 1, 3 3749 }, 3750 bgColor: { 3751 type: 'string', 3752 default: 'white' 3753 }, 3754 btnColor: { 3755 type: 'string', 3756 default: 'black' 3757 }, 3758 btnVariant: { 3759 type: 'string', 3760 default: 'secondary' 3761 }, 3762 isFirst: { 3763 type: 'boolean', 3764 default: false 3765 } 3766 }, 3767 supports: { 3768 lightBlockWrapper: false 3769 }, 3770 edit: function edit(props) { 3771 var clientId = props.clientId, 3772 attributes = props.attributes, 3773 setAttributes = props.setAttributes; 3774 var content = attributes.content, 3775 cardsContent = attributes.cardsContent, 3776 links = attributes.links, 3777 columns = attributes.columns, 3778 bgColor = attributes.bgColor, 3779 btnColor = attributes.btnColor, 3780 btnVariant = attributes.btnVariant, 3781 blockId = attributes.blockId, 3782 isFirst = attributes.isFirst; 3783 var bgColorClass = "background--" + bgColor; 3784 var blockClass = 'nomi--cards nomi--slider nomi-block ' + bgColorClass; 3785 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["useBlockProps"])({ 3786 className: blockClass 3787 }); 3788 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 3789 setAttributes({ 3790 blockId: clientId 3791 }); 3792 }, []); 3793 var _wp$data$select = wp.data.select('core/block-editor'), 3794 getBlockIndex = _wp$data$select.getBlockIndex; 3795 var blockIndex = getBlockIndex(clientId);
3796 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 3797 if (blockIndex === 0) { 3798 setAttributes({ 3799 isFirst: true 3800 }); 3801 } else { 3802 setAttributes({ 3803 isFirst: false 3804 }); 3805 } 3806 }, [blockIndex]); 3807 var buttonsEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3808 className: 'btn-group' 3809 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 3810 clientId: clientId, 3811 linkHref: links === null || links === void 0 ? void 0 : links.firstLink, 3812 onChangeLink: function onChangeLink(value) { 3813 return setAttributes({ 3814 links: _objectSpread(_objectSpread({}, links), {}, { 3815 firstLink: value 3816 }) 3817 }); 3818 }, 3819 onChangeContent: function onChangeContent(value) { 3820 return setAttributes({ 3821 content: _objectSpread(_objectSpread({}, content), {}, { 3822 firstButton: value 3823 }) 3824 }); 3825 }, 3826 content: content === null || content === void 0 ? void 0 : content.firstButton, 3827 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("btn", "btn--primary", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "btn--".concat(btnColor), true)), 3828 canChangeColor: true 3829 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 3830 clientId: clientId, 3831 linkHref: links === null || links === void 0 ? void 0 : links.secondLink, 3832 onChangeLink: function onChangeLink(value) { 3833 return setAttributes({ 3834 links: _objectSpread(_objectSpread({}, links), {}, { 3835 secondLink: value 3836 }) 3837 }); 3838 }, 3839 onChangeContent: function onChangeContent(value) { 3840 return setAttributes({ 3841 content: _objectSpread(_objectSpread({}, content), {}, { 3842 secondButton: value 3843 }) 3844 }); 3845 }, 3846 content: content === null || content === void 0 ? void 0 : content.secondButton, 3847 className: "btn--secondary btn" 3848 })); 3849 var handleCardContentChange = function handleCardContentChange(id, pointer, newValue) { 3850 var copy = cardsContent.map(function (i) { 3851 return i; 3852 }); 3853 var index = copy.findIndex(function (card) { 3854 return card.id === id; 3855 }); 3856 copy[index][pointer] = newValue; 3857 setAttributes({ 3858 cardsContent: copy 3859 }); 3860 }; 3861 var addCard = function addCard() { 3862 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 3863 copy.push({ 3864 id: Object(_global_helpers__WEBPACK_IMPORTED_MODULE_11__["generateId"])(), 3865 heading: '', 3866 text: '', 3867 firstButton: 'Get started', 3868 secondButton: 'Learn more', 3869 firstButtonLink: '', 3870 secondButtonLink: '', 3871 mediaId: '', 3872 mediaUrl: '', 3873 mobileMediaUrl: '', 3874 mobileMediaId: '' 3875 }); 3876 setAttributes({ 3877 cardsContent: copy 3878 }); 3879 }; 3880 var deleteCard = function deleteCard(cardId) { 3881 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 3882 var filteredCopy = copy.filter(function (i) { 3883 return i.id !== cardId; 3884 }); 3885 setAttributes({ 3886 cardsContent: filteredCopy 3887 }); 3888 }; 3889 var reorderCards = function reorderCards(currentIndex, direction) { 3890 var updatedContent = Object(_global_helpers__WEBPACK_IMPORTED_MODULE_11__["immutableMove"])(cardsContent, currentIndex, direction); 3891 setAttributes({ 3892 cardsContent: updatedContent 3893 }); 3894 }; 3895 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 3896 if (cardsContent.length === 0) { 3897 addCard(); 3898 } 3899 }, []); 3900 var inspectorControls = Object(_inspectorControls__WEBPACK_IMPORTED_MODULE_4__["default"])(clientId, attributes); 3901 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, inspectorControls, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3902 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("container") 3903 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3904 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row", "row--divided") 3905 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3906 className: "col-12 col-lg-6" 3907 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 3908 level: isFirst ? "h1" : "h2", 3909 value: content === null || content === void 0 ? void 0 : content.heading, 3910 onChange: function onChange(value) { 3911 return setAttributes({ 3912 content: _objectSpread(_objectSpread({}, content), {}, { 3913 heading: value 3914 }) 3915 }); 3916 } 3917 }), buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 3918 value: content === null || content === void 0 ? void 0 : content.footnote, 3919 onChange: function onChange(value) { 3920 return setAttributes({ 3921 content: _objectSpread(_objectSpread({}, content), {}, { 3922 footnote: value 3923 }) 3924 }); 3925 },
3926 allowedFormats: ['core/bold', 'core/link'], 3927 className: 'footnote' 3928 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3929 className: "col-12 col-lg-6" 3930 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 3931 value: content === null || content === void 0 ? void 0 : content.text, 3932 onChange: function onChange(value) { 3933 return setAttributes({ 3934 content: _objectSpread(_objectSpread({}, content), {}, { 3935 text: value 3936 }) 3937 }); 3938 }, 3939 allowedFormats: ['core/bold', 'core/link'], 3940 className: 'text' 3941 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 3942 className: "row row--cards" 3943 }, cardsContent === null || cardsContent === void 0 ? void 0 : cardsContent.map(function (card, index) { 3944 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_card__WEBPACK_IMPORTED_MODULE_10__["default"], { 3945 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("card--reverse", "col-12", { 3946 "col-lg-6": columns === 2 3947 }, { 3948 "col-lg-4": columns === 3 3949 }), 3950 clientId: clientId, 3951 index: index, 3952 card: card, 3953 handleCardContentChange: handleCardContentChange, 3954 handleDelete: deleteCard, 3955 showPrimaryBtn: false, 3956 handleReorder: reorderCards 3957 }); 3958 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("button", { 3959 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("add-card__btn", { 3960 "col-lg-6": columns === 2 3961 }, { 3962 "col-lg-4": columns === 3 3963 }, { 3964 "col-lg-12": columns === 1 3965 }), 3966 onClick: addCard 3967 }, "+"))))); 3968 }, 3969 save: function save() { 3970 return null; 3971 } 3972}; 3973 3974/***/ }), 3975/* 48 */ 3976/***/ (function(module, __webpack_exports__, __webpack_require__) { 3977 3978"use strict"; 3979__webpack_require__.r(__webpack_exports__); 3980/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 3981/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 3982/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 3983/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 3984/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17); 3985/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); 3986/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 3987/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 3988/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 3989/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 3990/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21); 3991/* harmony import */ var _components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24); 3992/* harmony import */ var _components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22); 3993 3994 3995 3996 3997 3998 3999 4000 4001function getInspectorControls(clientId, blockAttributes) { 4002 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["store"]), 4003 updateBlockAttributes = _useDispatch.updateBlockAttributes; 4004 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_5__["default"].bgColors; 4005 var bgColor = blockAttributes['bgColor']; 4006 var bgColorSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_6__["default"], { 4007 bgColor: bgColor, 4008 onChange: function onChange(newColor) { 4009 if (newColor) { 4010 var _getColorObjectByColo; 4011 updateBlockAttributes(clientId, { 4012 bgColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["getColorObjectByColorValue"])(configColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.slug 4013 }); 4014 } 4015 } 4016 }); 4017 var columnsSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_7__["default"], { 4018 columns: 3, 4019 label: "block columns" 4020 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4021 onClick: function onClick() { 4022 return updateBlockAttributes(clientId, { 4023 columns: 3 4024 }); 4025 }, 4026 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({
4027 'button--selected': blockAttributes['columns'] === 3 4028 }) 4029 }, "3"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4030 onClick: function onClick() { 4031 return updateBlockAttributes(clientId, { 4032 columns: 2 4033 }); 4034 }, 4035 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4036 'button--selected': blockAttributes['columns'] === 2 4037 }) 4038 }, "2"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4039 onClick: function onClick() { 4040 return updateBlockAttributes(clientId, { 4041 columns: 1 4042 }); 4043 }, 4044 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4045 'button--selected': blockAttributes['columns'] === 1 4046 }) 4047 }, "1")); 4048 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["InspectorControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 4049 title: "Layout Settings", 4050 initialOpen: true 4051 }, columnsSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 4052 title: "Additional Settings", 4053 initialOpen: true 4054 }, bgColorSettings)); 4055} 4056/* harmony default export */ __webpack_exports__["default"] = (getInspectorControls); 4057 4058/***/ }), 4059/* 49 */ 4060/***/ (function(module, __webpack_exports__, __webpack_require__) { 4061 4062"use strict"; 4063__webpack_require__.r(__webpack_exports__); 4064/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 4065/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 4066/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35); 4067/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__); 4068/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); 4069/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__); 4070/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 4071/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 4072/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15); 4073/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); 4074/* harmony import */ var _inspectorControls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50); 4075/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 4076/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 4077/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27); 4078/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20); 4079/* harmony import */ var _components_heading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(31); 4080/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32); 4081/* harmony import */ var _global_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41); 4082/* harmony import */ var _components_TestimonialCard__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(51); 4083 4084 4085 4086function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } 4087function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {};
4087 r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098var name = 'ecwid-nomi/testimonial'; 4099var settings = { 4100 apiVersion: 2, 4101 title: 'Testimonial', 4102 icon: _global_icons__WEBPACK_IMPORTED_MODULE_7__["default"].testimonial, 4103 category: "ecwid-nomi", 4104 attributes: { 4105 blockId: { 4106 type: 'string' 4107 }, 4108 content: { 4109 type: 'object', 4110 default: { 4111 heading: '', 4112 text: '', 4113 firstButton: 'Get started', 4114 secondButton: 'Learn more', 4115 footnote: '' 4116 } 4117 }, 4118 cardsContent: { 4119 type: 'array', 4120 default: [ 4121 // { 4122 // id: 1, 4123 // author: '', 4124 // text: '', 4125 // mediaId: '', 4126 // mediaUrl: '', 4127 // } 4128 ] 4129 }, 4130 links: { 4131 type: 'object', 4132 default: { 4133 firstLink: '', 4134 secondLink: '' 4135 } 4136 }, 4137 background: { 4138 type: 'string', 4139 default: "transparent" // or "filled" 4140 }, 4141 columns: { 4142 type: 'number', 4143 default: 2 // or 2 4144 }, 4145 layout: { 4146 type: 'string', 4147 default: "list" // or "slider" 4148 }, 4149 bgColor: { 4150 type: 'string', 4151 default: 'white' 4152 }, 4153 btnColor: { 4154 type: 'string', 4155 default: 'black' 4156 }, 4157 btnVariant: { 4158 type: 'string', 4159 default: 'secondary' 4160 }, 4161 isFirst: { 4162 type: 'boolean', 4163 default: false 4164 } 4165 }, 4166 supports: { 4167 lightBlockWrapper: false 4168 }, 4169 edit: function edit(props) { 4170 var clientId = props.clientId, 4171 attributes = props.attributes, 4172 setAttributes = props.setAttributes; 4173 var content = attributes.content, 4174 cardsContent = attributes.cardsContent, 4175 links = attributes.links, 4176 columns = attributes.columns, 4177 bgColor = attributes.bgColor, 4178 btnColor = attributes.btnColor, 4179 background = attributes.background, 4180 layout = attributes.layout, 4181 btnVariant = attributes.btnVariant, 4182 blockId = attributes.blockId, 4183 isFirst = attributes.isFirst; 4184 var bgColorClass = background === "transparent" ? "background--" + bgColor : ""; 4185 var blockClass = 'nomi--testimonial nomi-block ' + bgColorClass; 4186 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["useBlockProps"])({ 4187 className: blockClass 4188 }); 4189 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 4190 setAttributes({ 4191 blockId: clientId 4192 }); 4193 }, []); 4194 var _wp$data$select = wp.data.select('core/block-editor'), 4195 getBlockIndex = _wp$data$select.getBlockIndex; 4196 var blockIndex = getBlockIndex(clientId);
4197 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 4198 if (blockIndex === 0) { 4199 setAttributes({ 4200 isFirst: true 4201 }); 4202 } else { 4203 setAttributes({ 4204 isFirst: false 4205 }); 4206 } 4207 }, [blockIndex]); 4208 var buttonsEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4209 className: 'btn-group' 4210 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 4211 clientId: clientId, 4212 linkHref: links === null || links === void 0 ? void 0 : links.firstLink, 4213 onChangeLink: function onChangeLink(value) { 4214 return setAttributes({ 4215 links: _objectSpread(_objectSpread({}, links), {}, { 4216 firstLink: value 4217 }) 4218 }); 4219 }, 4220 onChangeContent: function onChangeContent(value) { 4221 return setAttributes({ 4222 content: _objectSpread(_objectSpread({}, content), {}, { 4223 firstButton: value 4224 }) 4225 }); 4226 }, 4227 content: content === null || content === void 0 ? void 0 : content.firstButton, 4228 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("btn", "btn--primary", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "btn--".concat(btnColor), true)), 4229 canChangeColor: true 4230 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 4231 clientId: clientId, 4232 linkHref: links === null || links === void 0 ? void 0 : links.secondLink, 4233 onChangeLink: function onChangeLink(value) { 4234 return setAttributes({ 4235 links: _objectSpread(_objectSpread({}, links), {}, { 4236 secondLink: value 4237 }) 4238 }); 4239 }, 4240 onChangeContent: function onChangeContent(value) { 4241 return setAttributes({ 4242 content: _objectSpread(_objectSpread({}, content), {}, { 4243 secondButton: value 4244 }) 4245 }); 4246 }, 4247 content: content === null || content === void 0 ? void 0 : content.secondButton, 4248 className: "btn--secondary btn" 4249 })); 4250 var handleCardContentChange = function handleCardContentChange(id, pointer, newValue) { 4251 var copy = cardsContent.map(function (i) { 4252 return i; 4253 }); 4254 var index = copy.findIndex(function (card) { 4255 return card.id === id; 4256 }); 4257 copy[index][pointer] = newValue; 4258 setAttributes({ 4259 cardsContent: copy 4260 }); 4261 }; 4262 var addCard = function addCard() { 4263 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 4264 copy.push({ 4265 id: Object(_global_helpers__WEBPACK_IMPORTED_MODULE_10__["generateId"])(), 4266 author: '', 4267 text: '', 4268 mediaId: '', 4269 mediaUrl: '' 4270 }); 4271 setAttributes({ 4272 cardsContent: copy 4273 }); 4274 }; 4275 var deleteCard = function deleteCard(cardId) { 4276 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(cardsContent); 4277 var filteredCopy = copy.filter(function (i) { 4278 return i.id !== cardId; 4279 }); 4280 setAttributes({ 4281 cardsContent: filteredCopy 4282 }); 4283 }; 4284 var reorderCards = function reorderCards(currentIndex, direction) { 4285 var updatedContent = Object(_global_helpers__WEBPACK_IMPORTED_MODULE_10__["immutableMove"])(cardsContent, currentIndex, direction); 4286 setAttributes({ 4287 cardsContent: updatedContent 4288 }); 4289 }; 4290 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 4291 if (cardsContent.length === 0) { 4292 addCard(); 4293 } 4294 }, []); 4295 var inspectorControls = Object(_inspectorControls__WEBPACK_IMPORTED_MODULE_4__["default"])(clientId, attributes); 4296 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, inspectorControls, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4297 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("container") 4298 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4299 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row", "row--divided") 4300 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4301 className: "col-12 col-lg-6" 4302 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 4303 level: isFirst ? "h1" : "h2", 4304 value: content === null || content === void 0 ? void 0 : content.heading, 4305 onChange: function onChange(value) { 4306 return setAttributes({ 4307 content: _objectSpread(_objectSpread({}, content), {}, { 4308 heading: value 4309 }) 4310 }); 4311 } 4312 }), buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 4313 value: content === null || content === void 0 ? void 0 : content.footnote, 4314 onChange: function onChange(value) { 4315 return setAttributes({ 4316 content: _objectSpread(_objectSpread({}, content), {}, { 4317 footnote: value 4318 }) 4319 }); 4320 },
4321 allowedFormats: ['core/bold', 'core/link'], 4322 className: 'footnote' 4323 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4324 className: "col-12 col-lg-6" 4325 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 4326 value: content === null || content === void 0 ? void 0 : content.text, 4327 onChange: function onChange(value) { 4328 return setAttributes({ 4329 content: _objectSpread(_objectSpread({}, content), {}, { 4330 text: value 4331 }) 4332 }); 4333 }, 4334 allowedFormats: ['core/bold', 'core/link'], 4335 className: 'text' 4336 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4337 className: "row row--cards" 4338 }, cardsContent === null || cardsContent === void 0 ? void 0 : cardsContent.map(function (card, index) { 4339 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_TestimonialCard__WEBPACK_IMPORTED_MODULE_11__["default"], { 4340 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("col-12", { 4341 "col-lg-6": columns === 2 4342 }, { 4343 "testimonial--filled": background === "filled" 4344 }, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "background--".concat(bgColor), background === "filled")), 4345 index: index, 4346 card: card, 4347 bgColor: bgColor, 4348 handleCardContentChange: handleCardContentChange, 4349 handleDelete: deleteCard, 4350 handleReorder: reorderCards 4351 }); 4352 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("button", { 4353 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("add-card__btn", { 4354 "col-lg-6": columns === 2 4355 }, { 4356 "col-lg-12": columns === 1 4357 }), 4358 onClick: addCard 4359 }, "+"))))); 4360 }, 4361 save: function save() { 4362 return null; 4363 } 4364}; 4365 4366/***/ }), 4367/* 50 */ 4368/***/ (function(module, __webpack_exports__, __webpack_require__) { 4369 4370"use strict"; 4371__webpack_require__.r(__webpack_exports__); 4372/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 4373/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 4374/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 4375/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 4376/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17); 4377/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); 4378/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 4379/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 4380/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 4381/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 4382/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21); 4383/* harmony import */ var _components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24); 4384/* harmony import */ var _components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22); 4385/* harmony import */ var _components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23); 4386/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20); 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397function getInspectorControls(clientId, blockAttributes) { 4398 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["store"]), 4399 updateBlockAttributes = _useDispatch.updateBlockAttributes; 4400 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_5__["default"].bgColors; 4401 var bgColor = blockAttributes['bgColor']; 4402 var bgColorSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_6__["default"], { 4403 bgColor: bgColor, 4404 onChange: function onChange(newColor) { 4405 if (newColor) { 4406 var _getColorObjectByColo; 4407 updateBlockAttributes(clientId, { 4408 bgColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["getColorObjectByColorValue"])(configColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.slug 4409 }); 4410 } 4411 } 4412 }); 4413 var columnsSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_7__["default"], { 4414 columns: 2, 4415 label: "block columns" 4416 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4417 onClick: function onClick() { 4418 return updateBlockAttributes(clientId, { 4419 columns: 2 4420 }); 4421 }, 4422 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({
4423 'button--selected': blockAttributes['columns'] === 2 4424 }) 4425 }, "2"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4426 onClick: function onClick() { 4427 return updateBlockAttributes(clientId, { 4428 columns: 1 4429 }); 4430 }, 4431 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4432 'button--selected': blockAttributes['columns'] === 1 4433 }) 4434 }, "1")); 4435 var bgSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_8__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4436 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].filled, 4437 onClick: function onClick() { 4438 return updateBlockAttributes(clientId, { 4439 background: 'filled' 4440 }); 4441 }, 4442 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4443 'button--selected': blockAttributes['background'] === 'filled' 4444 }) 4445 }, "Shaped"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4446 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].transparent, 4447 onClick: function onClick() { 4448 return updateBlockAttributes(clientId, { 4449 background: 'transparent' 4450 }); 4451 }, 4452 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4453 'button--selected': blockAttributes['background'] === 'transparent' 4454 }) 4455 }, "Unshaped")); 4456 var layoutSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_7__["default"], { 4457 columns: 2, 4458 label: "Layout" 4459 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4460 onClick: function onClick() { 4461 return updateBlockAttributes(clientId, { 4462 layout: 'list' 4463 }); 4464 }, 4465 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4466 'button--selected': blockAttributes['layout'] === 'list' 4467 }) 4468 }, "List"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4469 onClick: function onClick() { 4470 return updateBlockAttributes(clientId, { 4471 layout: 'slider' 4472 }); 4473 }, 4474 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4475 'button--selected': blockAttributes['layout'] === 'slider' 4476 }) 4477 }, "Slider")); 4478 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["InspectorControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 4479 title: "Style Settings", 4480 initialOpen: true 4481 }, bgSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 4482 title: "Layout Settings", 4483 initialOpen: true 4484 }, columnsSettings, layoutSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 4485 title: "Additional Settings", 4486 initialOpen: true 4487 }, bgColorSettings)); 4488} 4489/* harmony default export */ __webpack_exports__["default"] = (getInspectorControls); 4490 4491/***/ }), 4492/* 51 */ 4493/***/ (function(module, __webpack_exports__, __webpack_require__) { 4494 4495"use strict"; 4496__webpack_require__.r(__webpack_exports__); 4497/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28); 4498/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__); 4499/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); 4500/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__); 4501/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 4502/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 4503/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 4504/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 4505/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15); 4506/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__); 4507/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29); 4508/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__); 4509/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(19); 4510/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__); 4511/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(32); 4512/* harmony import */ var _toolbarWrapper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30); 4513/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20); 4514/* harmony import */ var _global_constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(33); 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527var TestimonialCard = function TestimonialCard(_ref) { 4528 var card = _ref.card, 4529 bgColor = _ref.bgColor, 4530 handleCardContentChange = _ref.handleCardContentChange, 4531 handleDelete = _ref.handleDelete, 4532 handleReorder = _ref.handleReorder, 4533 index = _ref.index, 4534 _ref$className = _ref.className, 4535 className = _ref$className === void 0 ? "" : _ref$className; 4536 var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(false), 4537 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2), 4538 areControlsVisible = _useState2[0], 4539 setAreControlsVisible = _useState2[1]; 4540 var placeholder = bgColor === "black" ? _global_constants__WEBPACK_IMPORTED_MODULE_10__["PLACEHOLDER_TESTIMONIAL_ON_BLACK"] : _global_constants__WEBPACK_IMPORTED_MODULE_10__["PLACEHOLDER_TESTIMONIAL_ON_WHITE"]; 4541 var mediaIsEmpty = typeof card.mediaUrl === "undefined" || card.mediaUrl === ""; 4542 var mediaSrc = mediaIsEmpty ? placeholder : card.mediaUrl; 4543 var handleFocusOutside = function handleFocusOutside() { 4544 setAreControlsVisible(false); 4545 }; 4546 var clearMedia = function clearMedia() { 4547 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'mediaUrl', ""); 4548 }; 4549 var handleMediaClick = function handleMediaClick(open) { 4550 if (mediaIsEmpty) { 4551 open(); 4552 } else { 4553 clearMedia(); 4554 } 4555 }; 4556 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({ 4557 key: card === null || card === void 0 ? void 0 : card.id, 4558 className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(className, 'testimonial-wrapper', { 4559 'active': areControlsVisible 4560 }), 4561 onClick: function onClick() { 4562 return setAreControlsVisible({ 4563 areControlsVisible: true 4564 }); 4565 } 4566 }, Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__["__experimentalUseFocusOutside"])(handleFocusOutside)), areControlsVisible && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_toolbarWrapper__WEBPACK_IMPORTED_MODULE_8__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4567 className: "toolbar__slot" 4568 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4569 className: "toolbar__slot--btn", 4570 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].delete, 4571 onClick: function onClick() { 4572 return handleDelete(card === null || card === void 0 ? void 0 : card.id); 4573 } 4574 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4575 className: "toolbar__slot" 4576 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4577 className: "toolbar__slot--btn arrow-left", 4578 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].arrowLeft, 4579 onClick: function onClick() { 4580 return handleReorder(index, "left"); 4581 } 4582 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4583 className: "toolbar__slot" 4584 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4585 className: "toolbar__slot--btn arrow-right", 4586 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].arrowRight, 4587 onClick: function onClick() { 4588 return handleReorder(index, "right"); 4589 } 4590 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4591 className: "testimonial__author" 4592 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__["MediaUpload"], { 4593 onSelect: function onSelect(media) { 4594 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'mediaUrl', media.url); 4595 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'mediaId', media.id); 4596 }, 4597 value: card.mediaId, 4598 render: function render(_ref2) { 4599 var open = _ref2.open; 4600 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("button", { 4601 className: classnames__WEBPACK_IMPORTED_MODULE_6___default()("testimonial__img", { 4602 "delete": !mediaIsEmpty 4603 }), 4604 onClick: function onClick() { 4605 return handleMediaClick(open); 4606 } 4607 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("img", { 4608 src: mediaSrc, 4609 width: "48", 4610 height: "48" 4611 })); 4612 } 4613 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_text__WEBPACK_IMPORTED_MODULE_7__["default"], { 4614 value: card === null || card === void 0 ? void 0 : card.author, 4615 onChange: function onChange(value) { 4616 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'author', value); 4617 },
4618 allowedFormats: ['core/link'], 4619 placeholder: "+Add author", 4620 className: 'text' 4621 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4622 className: "testimonial__body" 4623 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_text__WEBPACK_IMPORTED_MODULE_7__["default"], { 4624 value: card === null || card === void 0 ? void 0 : card.text, 4625 onChange: function onChange(value) { 4626 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'text', value); 4627 }, 4628 allowedFormats: ['core/bold', 'core/link'], 4629 className: 'text' 4630 }))); 4631}; 4632/* harmony default export */ __webpack_exports__["default"] = (TestimonialCard); 4633 4634/***/ }), 4635/* 52 */ 4636/***/ (function(module, __webpack_exports__, __webpack_require__) { 4637 4638"use strict"; 4639__webpack_require__.r(__webpack_exports__); 4640/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 4641/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 4642/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35); 4643/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__); 4644/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); 4645/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__); 4646/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 4647/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 4648/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15); 4649/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); 4650/* harmony import */ var _inspectorControls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53); 4651/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 4652/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 4653/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27); 4654/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20); 4655/* harmony import */ var _components_heading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(31); 4656/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32); 4657/* harmony import */ var _global_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41); 4658/* harmony import */ var _components_FAQCard__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(54); 4659 4660 4661 4662function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } 4663function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674var name = 'ecwid-nomi/faq'; 4675var settings = { 4676 apiVersion: 2, 4677 title: 'FAQ', 4678 icon: _global_icons__WEBPACK_IMPORTED_MODULE_7__["default"].faq, 4679 category: "ecwid-nomi", 4680 attributes: { 4681 blockId: { 4682 type: 'string' 4683 }, 4684 content: { 4685 type: 'object', 4686 default: { 4687 heading: '', 4688 text: '', 4689 firstButton: 'Get started', 4690 secondButton: 'Learn more', 4691 footnote: '' 4692 } 4693 }, 4694 faqContent: { 4695 type: 'array', 4696 default: [ 4697 // { 4698 // id: 1, 4699 // heading: '', 4700 // text: '', 4701 // } 4702 ] 4703 }, 4704 links: { 4705 type: 'object', 4706 default: { 4707 firstLink: '', 4708 secondLink: '' 4709 } 4710 }, 4711 background: { 4712 type: 'string', 4713 default: 'transparent' // or 'filled' 4714 }, 4715 bgColor: { 4716 type: 'string', 4717 default: 'white' 4718 }, 4719 btnColor: { 4720 type: 'string', 4721 default: 'black' 4722 }, 4723 btnVariant: { 4724 type: 'string',
4725 default: 'secondary' 4726 }, 4727 isFirst: { 4728 type: 'boolean', 4729 default: false 4730 } 4731 }, 4732 edit: function edit(props) { 4733 var clientId = props.clientId, 4734 attributes = props.attributes, 4735 setAttributes = props.setAttributes; 4736 var blockId = attributes.blockId, 4737 content = attributes.content, 4738 faqContent = attributes.faqContent, 4739 links = attributes.links, 4740 bgColor = attributes.bgColor, 4741 background = attributes.background, 4742 btnColor = attributes.btnColor, 4743 btnVariant = attributes.btnVariant, 4744 isFirst = attributes.isFirst; 4745 var bgColorClass; 4746 if (background === 'transparent' && bgColor) { 4747 bgColorClass = "background--" + bgColor; 4748 } 4749 var blockClass = 'nomi--faq nomi-block ' + bgColorClass; 4750 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__["useBlockProps"])({ 4751 className: blockClass 4752 }); 4753 var _wp$data$select = wp.data.select('core/block-editor'), 4754 getBlockIndex = _wp$data$select.getBlockIndex; 4755 var blockIndex = getBlockIndex(clientId);
4756 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 4757 if (blockIndex === 0) { 4758 setAttributes({ 4759 isFirst: true 4760 }); 4761 } else { 4762 setAttributes({ 4763 isFirst: false 4764 }); 4765 } 4766 }, [blockIndex]); 4767 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 4768 setAttributes({ 4769 blockId: "block" + clientId 4770 }); 4771 }, []); 4772 var buttonsEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4773 className: 'btn-group' 4774 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 4775 clientId: clientId, 4776 linkHref: links === null || links === void 0 ? void 0 : links.firstLink, 4777 onChangeLink: function onChangeLink(value) { 4778 return setAttributes({ 4779 links: _objectSpread(_objectSpread({}, links), {}, { 4780 firstLink: value 4781 }) 4782 }); 4783 }, 4784 onChangeContent: function onChangeContent(value) { 4785 return setAttributes({ 4786 content: _objectSpread(_objectSpread({}, content), {}, { 4787 firstButton: value 4788 }) 4789 }); 4790 }, 4791 content: content === null || content === void 0 ? void 0 : content.firstButton, 4792 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("btn", "btn--primary", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "btn--".concat(btnColor), true)), 4793 canChangeColor: true 4794 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_6__["default"], { 4795 clientId: clientId, 4796 linkHref: links === null || links === void 0 ? void 0 : links.secondLink, 4797 onChangeLink: function onChangeLink(value) { 4798 return setAttributes({ 4799 links: _objectSpread(_objectSpread({}, links), {}, { 4800 secondLink: value 4801 }) 4802 }); 4803 }, 4804 onChangeContent: function onChangeContent(value) { 4805 return setAttributes({ 4806 content: _objectSpread(_objectSpread({}, content), {}, { 4807 secondButton: value 4808 }) 4809 }); 4810 }, 4811 content: content === null || content === void 0 ? void 0 : content.secondButton, 4812 className: "btn--secondary btn" 4813 })); 4814 var handleCardContentChange = function handleCardContentChange(id, pointer, newValue) { 4815 var copy = faqContent.map(function (i) { 4816 return i; 4817 }); 4818 var index = copy.findIndex(function (card) { 4819 return card.id === id; 4820 }); 4821 copy[index][pointer] = newValue; 4822 setAttributes({ 4823 faqContent: copy 4824 }); 4825 }; 4826 var addCard = function addCard() { 4827 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(faqContent); 4828 copy.push({ 4829 id: Object(_global_helpers__WEBPACK_IMPORTED_MODULE_10__["generateId"])(), 4830 heading: '', 4831 text: '', 4832 button: 'Learn more', 4833 link: '', 4834 svgType: '', 4835 svgClass: '', 4836 svgCustom: '' 4837 }); 4838 setAttributes({ 4839 faqContent: copy 4840 }); 4841 }; 4842 var deleteCard = function deleteCard(cardId) { 4843 var copy = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(faqContent); 4844 var filteredCopy = copy.filter(function (i) { 4845 return i.id !== cardId; 4846 }); 4847 setAttributes({ 4848 faqContent: filteredCopy 4849 }); 4850 }; 4851 var reorderCards = function reorderCards(currentIndex, direction) { 4852 var updatedContent = Object(_global_helpers__WEBPACK_IMPORTED_MODULE_10__["immutableMove"])(faqContent, currentIndex, direction); 4853 setAttributes({ 4854 faqContent: updatedContent 4855 }); 4856 }; 4857 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useEffect"])(function () { 4858 if (faqContent.length === 0) { 4859 addCard(); 4860 } 4861 }, []); 4862 var inspectorControls = Object(_inspectorControls__WEBPACK_IMPORTED_MODULE_4__["default"])(clientId, attributes); 4863 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, inspectorControls, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4864 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("container") 4865 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4866 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("row") 4867 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4868 className: "col-12 col-lg-5" 4869 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 4870 level: isFirst ? "h1" : "h2", 4871 value: content === null || content === void 0 ? void 0 : content.heading, 4872 onChange: function onChange(value) { 4873 return setAttributes({ 4874 content: _objectSpread(_objectSpread({}, content), {}, { 4875 heading: value 4876 }) 4877 }); 4878 } 4879 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 4880 value: content === null || content === void 0 ? void 0 : content.text, 4881 onChange: function onChange(value) { 4882 return setAttributes({ 4883 content: _objectSpread(_objectSpread({}, content), {}, { 4884 text: value 4885 }) 4886 }); 4887 },
4888 allowedFormats: ['core/bold', 'core/link'], 4889 className: 'text' 4890 }), buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 4891 value: content === null || content === void 0 ? void 0 : content.footnote, 4892 onChange: function onChange(value) { 4893 return setAttributes({ 4894 content: _objectSpread(_objectSpread({}, content), {}, { 4895 footnote: value 4896 }) 4897 }); 4898 }, 4899 allowedFormats: ['core/bold', 'core/link'], 4900 className: 'footnote' 4901 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 4902 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("col-12 col-lg-7") 4903 }, faqContent === null || faqContent === void 0 ? void 0 : faqContent.map(function (faq, index) { 4904 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_components_FAQCard__WEBPACK_IMPORTED_MODULE_11__["default"], { 4905 clientId: clientId, 4906 faq: faq, 4907 index: index, 4908 handleCardContentChange: handleCardContentChange, 4909 handleDelete: deleteCard, 4910 addClass: classnames__WEBPACK_IMPORTED_MODULE_5___default()({ 4911 "faq--filled": background === "filled" 4912 }, { 4913 "faq--divider": background === "transparent" 4914 }, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "background--".concat(bgColor), background === "filled")), 4915 handleReorder: reorderCards 4916 }); 4917 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("button", { 4918 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("add-card__btn"), 4919 onClick: addCard 4920 }, "+")))))); 4921 }, 4922 save: function save() { 4923 return null; 4924 } 4925}; 4926 4927/***/ }), 4928/* 53 */ 4929/***/ (function(module, __webpack_exports__, __webpack_require__) { 4930 4931"use strict"; 4932__webpack_require__.r(__webpack_exports__); 4933/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 4934/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 4935/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 4936/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 4937/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17); 4938/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); 4939/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 4940/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 4941/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 4942/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 4943/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20); 4944/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21); 4945/* harmony import */ var _components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23); 4946/* harmony import */ var _components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24); 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956function getInspectorControls(clientId, blockAttributes) { 4957 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["store"]), 4958 updateBlockAttributes = _useDispatch.updateBlockAttributes; 4959 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__["default"].bgColors; 4960 var bgColor = blockAttributes['bgColor']; 4961 var bgSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_StyleSettings__WEBPACK_IMPORTED_MODULE_7__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4962 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].filled, 4963 onClick: function onClick() { 4964 return updateBlockAttributes(clientId, { 4965 background: 'filled' 4966 }); 4967 }, 4968 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4969 'button--selected': blockAttributes['background'] === 'filled' 4970 }) 4971 }, "Shaped"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 4972 icon: _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].transparent, 4973 onClick: function onClick() { 4974 return updateBlockAttributes(clientId, { 4975 background: 'transparent' 4976 }); 4977 }, 4978 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 4979 'button--selected': blockAttributes['background'] === 'transparent' 4980 }) 4981 }, "Unshaped")); 4982 var bgColorSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_8__["default"], { 4983 bgColor: bgColor, 4984 onChange: function onChange(newColor) { 4985 if (newColor) { 4986 var _getColorObjectByColo; 4987 updateBlockAttributes(clientId, { 4988 bgColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["getColorObjectByColorValue"])(configColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.slug 4989 }); 4990 } 4991 } 4992 }); 4993 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["InspectorControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 4994 title: "Style Settings", 4995 initialOpen: true 4996 }, bgSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 4997 title: "Additional Settings", 4998 initialOpen: true 4999 }, bgColorSettings)); 5000} 5001/* harmony default export */ __webpack_exports__["default"] = (getIns
5001pectorControls); 5002 5003/***/ }), 5004/* 54 */ 5005/***/ (function(module, __webpack_exports__, __webpack_require__) { 5006 5007"use strict"; 5008__webpack_require__.r(__webpack_exports__); 5009/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28); 5010/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__); 5011/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); 5012/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__); 5013/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14); 5014/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); 5015/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 5016/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 5017/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29); 5018/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__); 5019/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19); 5020/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); 5021/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31); 5022/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(32); 5023/* harmony import */ var _toolbarWrapper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30); 5024/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20); 5025 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035 5036var FAQCard = function FAQCard(_ref) { 5037 var faq = _ref.faq, 5038 clientId = _ref.clientId, 5039 handleCardContentChange = _ref.handleCardContentChange, 5040 handleDelete = _ref.handleDelete, 5041 handleReorder = _ref.handleReorder, 5042 index = _ref.index, 5043 _ref$className = _ref.className, 5044 className = _ref$className === void 0 ? "" : _ref$className, 5045 addClass = _ref.addClass; 5046 var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(false), 5047 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2), 5048 areControlsVisible = _useState2[0], 5049 setAreControlsVisible = _useState2[1]; 5050 var handleFocusOutside = function handleFocusOutside() { 5051 setAreControlsVisible(false); 5052 }; 5053 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({ 5054 key: faq === null || faq === void 0 ? void 0 : faq.id, 5055 className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, addClass, 'faq-wrapper', { 5056 'active': areControlsVisible 5057 }), 5058 onClick: function onClick() { 5059 return setAreControlsVisible({ 5060 areControlsVisible: true 5061 }); 5062 } 5063 }, Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__["__experimentalUseFocusOutside"])(handleFocusOutside)), areControlsVisible && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_toolbarWrapper__WEBPACK_IMPORTED_MODULE_8__["default"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 5064 className: "toolbar__slot" 5065 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 5066 className: "toolbar__slot--btn", 5067 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].delete, 5068 onClick: function onClick() { 5069 return handleDelete(faq === null || faq === void 0 ? void 0 : faq.id); 5070 } 5071 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 5072 className: "toolbar__slot" 5073 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 5074 className: "toolbar__slot--btn arrow-top", 5075 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].arrowTop, 5076 onClick: function onClick() { 5077 return handleReorder(index, "left"); 5078 } 5079 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 5080 className: "toolbar__slot--btn arrow-bottom", 5081 icon: _global_icons__WEBPACK_IMPORTED_MODULE_9__["default"].arrowTop, 5082 onClick: function onClick() { 5083 return handleReorder(index, "right"); 5084 } 5085 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 5086 className: "faq__title" 5087 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_heading__WEBPACK_IMPORTED_MODULE_6__["default"], { 5088 level: "h4", 5089 value: faq === null || faq === void 0 ? void 0 : faq.heading, 5090 onChange: function onChange(value) { 5091 return handleCardContentChange(faq === null || faq === void 0 ? void 0 : faq.id, 'heading', value); 5092 } 5093 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", { 5094 className: "faq__body" 5095 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_text__WEBPACK_IMPORTED_MODULE_7__["default"], { 5096 value: faq === null || faq === void 0 ? void 0 : faq.text, 5097 onChange: function onChange(value) { 5098 return handleCardContentChange(faq === null || faq === void 0 ? void 0 : faq.id, 'text', value); 5099 },
5100 allowedFormats: ['core/bold', 'core/link'], 5101 className: 'text' 5102 }))); 5103}; 5104/* harmony default export */ __webpack_exports__["default"] = (FAQCard); 5105 5106/***/ }), 5107/* 55 */ 5108/***/ (function(module, __webpack_exports__, __webpack_require__) { 5109 5110"use strict"; 5111__webpack_require__.r(__webpack_exports__); 5112/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 5113/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 5114/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4); 5115/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__); 5116/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14); 5117/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); 5118/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15); 5119/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__); 5120/* harmony import */ var _inspectorControls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56); 5121/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 5122/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 5123/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27); 5124/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(20); 5125/* harmony import */ var _components_heading__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31); 5126/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(32); 5127/* harmony import */ var _components_PricingCard__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(57); 5128/* harmony import */ var _global_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41); 5129/* harmony import */ var _initialCardsData__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(58); 5130 5131 5132function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } 5133function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145var name = 'ecwid-nomi/pricing-cards'; 5146var settings = { 5147 apiVersion: 2, 5148 title: 'Pricing cards', 5149 icon: _global_icons__WEBPACK_IMPORTED_MODULE_6__["default"].pricing, 5150 category: "ecwid-nomi", 5151 attributes: { 5152 content: { 5153 type: 'object', 5154 default: { 5155 heading: '', 5156 text: '', 5157 firstButton: '', 5158 secondButton: '', 5159 firstLink: '', 5160 secondLink: '', 5161 footnote: '' 5162 } 5163 }, 5164 cardsContent: { 5165 type: 'array', 5166 default: [] 5167 }, 5168 headingLayout: { 5169 type: 'string', 5170 default: 'divided' // or 'centered' 5171 }, 5172 buttonsPosition: { 5173 type: 'string', 5174 default: 'top' // or 'bottom' 5175 }, 5176 bgColor: { 5177 type: 'string', 5178 default: 'white' 5179 }, 5180 btnColor: { 5181 type: 'string', 5182 default: 'black' 5183 }, 5184 btnVariant: { 5185 type: 'string', 5186 default: 'secondary' 5187 }, 5188 isFirst: { 5189 type: 'boolean', 5190 default: false 5191 } 5192 }, 5193 supports: { 5194 lightBlockWrapper: false 5195 }, 5196 edit: function edit(props) { 5197 var clientId = props.clientId, 5198 attributes = props.attributes, 5199 setAttributes = props.setAttributes; 5200 var content = attributes.content, 5201 cardsContent = attributes.cardsContent, 5202 buttonsPosition = attributes.buttonsPosition, 5203 headingLayout = attributes.headingLayout, 5204 bgColor = attributes.bgColor, 5205 btnColor = attributes.btnColor, 5206 isFirst = attributes.isFirst; 5207 var bgColorClass = "background--" + bgColor; 5208 var blockClass = 'nomi--pricing nomi-block editor'; 5209 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__["useBlockProps"])({ 5210 className: blockClass 5211 }); 5212 var _wp$data$select = wp.data.select('core/block-editor'), 5213 getBlockIndex = _wp$data$select.getBlockIndex; 5214 var blockIndex = getBlockIndex(clientId); 5215 console.log('futbnj');
5216 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () { 5217 if (cardsContent.length === 0) { 5218 var cardsData = Object(_initialCardsData__WEBPACK_IMPORTED_MODULE_11__["getInitialCardsData"])(); 5219 cardsData.map(function (card) { 5220 card.id = card.id + '_' + Object(_global_helpers__WEBPACK_IMPORTED_MODULE_10__["generateId"])(); 5221 return card; 5222 }); 5223 setAttributes({ 5224 cardsContent: cardsData 5225 }); 5226 } 5227 }, []); 5228 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () { 5229 if (blockIndex === 0) { 5230 setAttributes({ 5231 isFirst: true 5232 }); 5233 } else { 5234 setAttributes({ 5235 isFirst: false 5236 }); 5237 } 5238 }, [blockIndex]); 5239 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () { 5240 if (bgColor === "black") { 5241 cardsContent.forEach(function (card) { 5242 if (card.badgeColor === "black") { 5243 handleCardContentChange(card.id, 'badgeColor', 'yellow'); 5244 } 5245 }); 5246 } 5247 }, [bgColor]); 5248 var buttonsEl = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5249 className: 'btn-group' 5250 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_5__["default"], { 5251 clientId: clientId, 5252 linkHref: content === null || content === void 0 ? void 0 : content.firstLink, 5253 onChangeLink: function onChangeLink(value) { 5254 return setAttributes({ 5255 content: _objectSpread(_objectSpread({}, content), {}, { 5256 firstLink: value 5257 }) 5258 }); 5259 }, 5260 onChangeContent: function onChangeContent(value) { 5261 return setAttributes({ 5262 content: _objectSpread(_objectSpread({}, content), {}, { 5263 firstButton: value 5264 }) 5265 }); 5266 }, 5267 content: content === null || content === void 0 ? void 0 : content.firstButton, 5268 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("btn", "btn--primary", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "btn--".concat(btnColor), true)), 5269 canChangeColor: true 5270 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_button__WEBPACK_IMPORTED_MODULE_5__["default"], { 5271 clientId: clientId, 5272 linkHref: content === null || content === void 0 ? void 0 : content.secondLink, 5273 onChangeLink: function onChangeLink(value) { 5274 return setAttributes({ 5275 content: _objectSpread(_objectSpread({}, content), {}, { 5276 secondLink: value 5277 }) 5278 }); 5279 }, 5280 onChangeContent: function onChangeContent(value) { 5281 return setAttributes({ 5282 content: _objectSpread(_objectSpread({}, content), {}, { 5283 secondButton: value 5284 }) 5285 }); 5286 }, 5287 content: content === null || content === void 0 ? void 0 : content.secondButton, 5288 className: "btn--secondary btn" 5289 })); 5290 var handleCardContentChange = function handleCardContentChange(id, pointer, newValue) { 5291 var copy = cardsContent.map(function (i) { 5292 return i; 5293 }); 5294 var index = copy.findIndex(function (card) { 5295 return card.id === id; 5296 }); 5297 copy[index][pointer] = newValue; 5298 setAttributes({ 5299 cardsContent: copy 5300 }); 5301 }; 5302 var inspectorControls = Object(_inspectorControls__WEBPACK_IMPORTED_MODULE_3__["default"])(clientId, attributes); 5303 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, inspectorControls, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5304 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("container") 5305 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5306 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("row", { 5307 "row--centered": headingLayout === "centered", 5308 "row--divided": headingLayout === "divided" 5309 }) 5310 }, headingLayout === "centered" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5311 className: "col-12 col-lg-8 offset-lg-2 d-flex flex-column align-items-center text-center" 5312 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_7__["default"], { 5313 level: isFirst ? "h1" : "h2", 5314 value: content === null || content === void 0 ? void 0 : content.heading, 5315 onChange: function onChange(value) { 5316 return setAttributes({ 5317 content: _objectSpread(_objectSpread({}, content), {}, { 5318 heading: value 5319 }) 5320 }); 5321 } 5322 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_8__["default"], { 5323 value: content === null || content === void 0 ? void 0 : content.text, 5324 onChange: function onChange(value) { 5325 return setAttributes({ 5326 content: _objectSpread(_objectSpread({}, content), {}, { 5327 text: value 5328 }) 5329 }); 5330 },
5331 allowedFormats: ['core/bold', 'core/link'], 5332 className: 'text' 5333 }), buttonsPosition === "top" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_8__["default"], { 5334 value: content === null || content === void 0 ? void 0 : content.footnote, 5335 onChange: function onChange(value) { 5336 return setAttributes({ 5337 content: _objectSpread(_objectSpread({}, content), {}, { 5338 footnote: value 5339 }) 5340 }); 5341 }, 5342 allowedFormats: ['core/bold', 'core/link'], 5343 className: 'footnote' 5344 }))), headingLayout === "divided" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5345 className: "col-12 col-lg-6" 5346 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_heading__WEBPACK_IMPORTED_MODULE_7__["default"], { 5347 level: isFirst ? "h1" : "h2", 5348 value: content === null || content === void 0 ? void 0 : content.heading, 5349 onChange: function onChange(value) { 5350 return setAttributes({ 5351 content: _objectSpread(_objectSpread({}, content), {}, { 5352 heading: value 5353 }) 5354 }); 5355 } 5356 }
5356), buttonsPosition === "top" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_8__["default"], { 5357 value: content === null || content === void 0 ? void 0 : content.footnote, 5358 onChange: function onChange(value) { 5359 return setAttributes({ 5360 content: _objectSpread(_objectSpread({}, content), {}, { 5361 footnote: value 5362 }) 5363 }); 5364 }, 5365 allowedFormats: ['core/bold', 'core/link'], 5366 className: 'footnote' 5367 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5368 className: "col-12 col-lg-6" 5369 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_8__["default"], { 5370 value: content === null || content === void 0 ? void 0 : content.text, 5371 onChange: function onChange(value) { 5372 return setAttributes({ 5373 content: _objectSpread(_objectSpread({}, content), {}, { 5374 text: value 5375 }) 5376 }); 5377 }, 5378 allowedFormats: ['core/bold', 'core/link'], 5379 className: 'text' 5380 })))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5381 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("row row--cards") 5382 }, cardsContent === null || cardsContent === void 0 ? void 0 : cardsContent.map(function (card, index) { 5383 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_PricingCard__WEBPACK_IMPORTED_MODULE_9__["default"], { 5384 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("col-12 col-lg-3"), 5385 clientId: clientId, 5386 card: card, 5387 index: index, 5388 bgColor: bgColor, 5389 handleCardContentChange: handleCardContentChange, 5390 addClass: classnames__WEBPACK_IMPORTED_MODULE_4___default()(bgColorClass) 5391 }); 5392 })), buttonsPosition === "bottom" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5393 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("row") 5394 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", { 5395 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("col-12", { 5396 "d-flex flex-column align-items-center": headingLayout === "centered" 5397 }) 5398 }, buttonsEl, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_text__WEBPACK_IMPORTED_MODULE_8__["default"], { 5399 value: content === null || content === void 0 ? void 0 : content.footnote, 5400 onChange: function onChange(value) { 5401 return setAttributes({ 5402 content: _objectSpread(_objectSpread({}, content), {}, { 5403 footnote: value 5404 }) 5405 }); 5406 }, 5407 allowedFormats: ['core/bold', 'core/link'], 5408 className: 'footnote' 5409 })))))); 5410 }, 5411 save: function save() { 5412 return null; 5413 } 5414}; 5415 5416/***/ }), 5417/* 56 */ 5418/***/ (function(module, __webpack_exports__, __webpack_require__) { 5419 5420"use strict"; 5421__webpack_require__.r(__webpack_exports__); 5422/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 5423/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 5424/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 5425/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 5426/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17); 5427/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); 5428/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18); 5429/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); 5430/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19); 5431/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); 5432/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20); 5433/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21); 5434/* harmony import */ var _components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24); 5435/* harmony import */ var _components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(22); 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445function getInspectorControls(clientId, blockAttributes) { 5446 var _useDispatch = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["store"]), 5447 updateBlockAttributes = _useDispatch.updateBlockAttributes; 5448 var configColors = _global_colorsConfig__WEBPACK_IMPORTED_MODULE_6__["default"].bgColors; 5449 var bgColor = blockAttributes['bgColor']; 5450 var bgColorSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_BgColorPicker__WEBPACK_IMPORTED_MODULE_7__["default"], { 5451 bgColor: bgColor, 5452 onChange: function onChange(newColor) { 5453 if (newColor) { 5454 var _getColorObjectByColo; 5455 updateBlockAttributes(clientId, { 5456 bgColor: (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["getColorObjectByColorValue"])(configColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.slug 5457 }); 5458 } 5459 } 5460 }); 5461 var headingSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_8__["default"], { 5462 columns: 2, 5463 label: "heading layout" 5464 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 5465 onClick: function onClick() { 5466 return updateBlockAttributes(clientId, { 5467 headingLayout: 'divided' 5468 }); 5469 }, 5470 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 5471 'button--selected': blockAttributes['headingLayout'] === 'divided' 5472 }) 5473 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 5474 width: "16", 5475 height: "16",
5476 viewBox: "0 0 16 16", 5477 fill: "none", 5478 xmlns: "http://www.w3.org/2000/svg" 5479 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 5480 d: "M0.801758 15.9805C0.669596 15.9805 0.553385 15.9349 0.453125 15.8438C0.352865 15.7526 0.302734 15.641 0.302734 15.5088V0.606445C0.302734 0.474284 0.352865 0.36263 0.453125 0.271484C0.553385 0.180339 0.669596 0.134766 0.801758 0.134766C0.938477 0.134766 1.05697 0.180339 1.15723 0.271484C1.25749 0.36263 1.30762 0.474284 1.30762 0.606445V15.5088C1.30762 15.641 1.25749 15.7526 1.15723 15.8438C1.05697 15.9349 0.938477 15.9805 0.801758 15.9805ZM4.13086 7.40137C3.625 7.40137 3.23763 7.26921 2.96875 7.00488C2.69987 6.74056 2.56543 6.36003 2.56543 5.86328V3.48438C2.56543 2.98763 2.69987 2.6071 2.96875 2.34277C3.23763 2.07845 3.625 1.94629 4.13086 1.94629H9.29199C9.79785 1.94629 10.1852 2.07845 10.4541 2.34277C10.723 2.6071 10.8574 2.98763 10.8574 3.48438V5.86328C10.8574 6.36003 10.723 6.74056 10.4541 7.00488C10.1852 7.26921 9.79785 7.40137 9.29199 7.40137H4.13086ZM4.15137 6.36914H9.27148C9.44922 6.36914 9.58594 6.32129 9.68164 6.22559C9.77734 6.12533 9.8252 5.98405 9.8252 5.80176V3.53906C9.8252 3.35677 9.77734 3.21777 9.68164 3.12207C9.58594 3.02637 9.44922 2.97852 9.27148 2.97852H4.15137C3.97363 2.97852 3.83691 3.02637 3.74121 3.12207C3.64551 3.21777 3.59766 3.35677 3.59766 3.53906V5.80176C3.59766 5.98405 3.64551 6.12533 3.74121 6.22559C3.83691 6.32129 3.97363 6.36914 4.15137 6.36914ZM4.13086 14.1758C3.625 14.1758 3.23763 14.0436 2.96875 13.7793C2.69987 13.5195 2.56543 13.139 2.56543 12.6377V10.2588C2.56543 9.76204 2.69987 9.38151 2.96875 9.11719C3.23763 8.85286 3.625 8.7207 4.13086 8.7207H14.1318C14.6423 8.7207 15.0296 8.85286 15.2939 9.11719C15.5628 9.38151 15.6973 9.76204 15.6973 10.2588V12.6377C15.6973 13.139 15.5628 13.5195 15.2939 13.7793C15.0296 14.0436 14.6423 14.1758 14.1318 14.1758H4.13086ZM4.15137 13.1436H14.1113C14.2891 13.1436 14.4258 13.0957 14.5215 13C14.6172 12.9043 14.665 12.7653 14.665 12.583V10.3203C14.665 10.138 14.6172 9.99902 14.5215 9.90332C14.4258 9.80306 14.2891 9.75293 14.1113 9.75293H4.15137C3.97363 9.75293 3.83691 9.80306 3.74121 9.90332C3.64551 9.99902 3.59766 10.138 3.59766 10.3203V12.583C3.59766 12.7653 3.64551 12.9043 3.74121 13C3.83691 13.0957 3.97363 13.1436 4.15137 13.1436Z", 5481 fill: "white" 5482 }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 5483 onClick: function onClick() { 5484 return updateBlockAttributes(clientId, { 5485 headingLayout: 'centered' 5486 }); 5487 }, 5488 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 5489 'button--selected': blockAttributes['headingLayout'] === 'centered' 5490 }) 5491 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("svg", { 5492 width: "14", 5493 height: "16", 5494 viewBox: "0 0 14 16", 5495 fill: "none", 5496 xmlns: "http://www.w3.org/2000/svg" 5497 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("path", { 5498 d: "M6.49414 2.32227V0.606445C6.49414 0.474284 6.54427 0.36263 6.64453 0.271484C6.74479 0.180339 6.861 0.134766 6.99316 0.134766C7.12988 0.134766 7.24837 0.180339 7.34863 0.271484C7.44889 0.36263 7.49902 0.474284 7.49902 0.606445V2.32227H6.49414ZM4.41602 7.40137C3.91016 7.40137 3.52279 7.26921 3.25391 7.00488C2.98503 6.74056 2.85059 6.36003 2.85059 5.86328V3.48438C2.85059 2.98763 2.98503 2.6071 3.25391 2.34277C3.52279 2.07845 3.91016 1.94629 4.41602 1.94629H9.57715C10.083 1.94629 10.4704 2.07845 10.7393 2.34277C11.0081 2.6071 11.1426 2.98763 11.1426 3.48438V5.86328C11.1426 6.36003 11.0081 6.74056 10.7393 7.00488C10.4704 7.26921 10.083 7.40137 9.57715 7.40137H4.41602ZM4.43652 6.36914H9.55664C9.73438 6.36914 9.87109 6.32129 9.9668 6.22559C10.0625 6.12533 10.1104 5.98405 10.1104 5.80176V3.53906C10.1104 3.35677 10.0625 3.21777 9.9668 3.12207C9.87109 3.02637 9.73438 2.97852 9.55664 2.97852H4.43652C4.25879 2.97852 4.12207 3.02637 4.02637 3.12207C3.93066 3.21777 3.88281 3.35677 3.88281 3.53906V5.80176C3.88281 5.98405 3.93066 6.12533 4.02637 6.22559C4.12207 6.32129 4.25879 6.36914 4.43652 6.36914ZM6.49414 9.31543V6.93652H7.49902V9.31543H6.49414ZM1.99609 14.1758C1.49023 14.1758 1.10286 14.0436 0.833984 13.7793C0.565104 13.5195 0.430664 13.139 0.430664 12.6377V10.2588C0.430664 9.76204 0.565104 9.38151 0.833984 9.11719C1.10286 8.85286 1.49023 8.7207 1.99609 8.7207H11.9971C12.5029 8.7207 12.8903 8.85286 13.1592 9.11719C13.4281 9.38151 13.5625 9.76204 13.5625 10.2588V12.6377C13.5625 13.139 13.4281 13.5195 13.1592 13.7793C12.8903 14.0436 12.5029 14.1758 11.9971 14.1758H1.99609ZM2.0166 13.1436H11.9766C12.1543 13.1436 12.291 13.0957 12.3867 13C12.4824 12.9043 12.5303 12.7653 12.5303 12.583V10.3203C12.5303 10.138 12.4824 9.99902 12.3867 9.90332C12.291 9.80306 12.1543 9.75293 11.9766 9.75293H2.0166C1.83887 9.75293 1.70215 9.80306 1.60645 9.90332C1.51074 9.99902 1.46289 10.138 1.46289 10.3203V12.583C1.46289 12.7653 1.51074 12.9043 1.60645 13C1.70215 13.0957 1.83887 13.1436 2.0166 13.1436ZM6.99316 15.9805C6.861 15.9805 6.74479 15.9349 6.64453 15.8438C6.54427 15.7526 6.49414 15.641 6.49414 15.5088V13.7998H7.49902V15.5088C7.49902 15.641 7.44889 15.7526 7.34863 15.8438C7.24837 15.9349 7.12988 15.9805 6.99316 15.9805Z", 5499 fill: "#343A3F" 5500 })))); 5501 var btnPositionSettings = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_inspector_LayoutSettings__WEBPACK_IMPORTED_MODULE_8__["default"], { 5502 columns: 2, 5503 label: "Button position" 5504 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 5505 onClick: function onClick() { 5506 return updateBlockAttributes(clientId, { 5507 buttonsPosition: 'top' 5508 }); 5509 }, 5510 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 5511 'button--selected': blockAttributes['buttonsPosition'] === 'top' 5512 }) 5513 }, _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].btnPositionTop), Ob
5513ject(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], { 5514 onClick: function onClick() { 5515 return updateBlockAttributes(clientId, { 5516 buttonsPosition: 'bottom' 5517 }); 5518 }, 5519 className: classnames__WEBPACK_IMPORTED_MODULE_4___default()({ 5520 'button--selected': blockAttributes['buttonsPosition'] === 'bottom' 5521 }) 5522 }, _global_icons__WEBPACK_IMPORTED_MODULE_5__["default"].btnPositionBottom)); 5523 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["InspectorControls"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 5524 title: "Layout Settings", 5525 initialOpen: true 5526 }, headingSettings, btnPositionSettings), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["PanelBody"], { 5527 title: "Additional Settings", 5528 initialOpen: true 5529 }, bgColorSettings)); 5530} 5531/* harmony default export */ __webpack_exports__["default"] = (getInspectorControls); 5532 5533/***/ }), 5534/* 57 */ 5535/***/ (function(module, __webpack_exports__, __webpack_require__) { 5536 5537"use strict"; 5538__webpack_require__.r(__webpack_exports__); 5539/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28); 5540/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__); 5541/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); 5542/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__); 5543/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8); 5544/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__); 5545/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14); 5546/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__); 5547/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18); 5548/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__); 5549/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29); 5550/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__); 5551/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(15); 5552/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__); 5553/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(19); 5554/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__); 5555/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(31); 5556/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32); 5557/* harmony import */ var _toolbarWrapper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(30); 5558/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(20); 5559/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(27); 5560/* harmony import */ var _global_colorsConfig__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21); 5561 5562 5563 5564 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576var PricingCard = function PricingCard(_ref) { 5577 var card = _ref.card, 5578 clientId = _ref.clientId, 5579 handleCardContentChange = _ref.handleCardContentChange, 5580 bgColor = _ref.bgColor, 5581 _ref$className = _ref.className, 5582 className = _ref$className === void 0 ? "" : _ref$className, 5583 addClass = _ref.addClass; 5584 var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["useState"])(false), 5585 _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2), 5586 areControlsVisible = _useState2[0], 5587 setAreControlsVisible = _useState2[1]; 5588 var _useState3 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["useState"])(false), 5589 _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2), 5590 isColorVisible = _useState4[0], 5591 setIsColorVisible = _useState4[1]; 5592 var _useState5 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["useState"])(), 5593 _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2), 5594 colorsPopoverAnchor = _useState6[0], 5595 setColorsPopoverAnchor = _useState6[1]; 5596 var handleFocusOutside = function handleFocusOutside() { 5597 setAreControlsVisible(false); 5598 setIsColorVisible(false); 5599 }; 5600 var handleColorClick = function handleColorClick() { 5601 setIsColorVisible(true); 5602 setAreControlsVisible(true); 5603 }; 5604 var configBadgeColors = bgColor === "black" ? _global_colorsConfig__WEBPACK_IMPORTED_MODULE_13__["default"].badgeColorsOnBlack : _global_colorsConfig__WEBPACK_IMPORTED_MODULE_13__["default"].badgeColorsOnWhite; 5605 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({ 5606 key: card === null || card === void 0 ? void 0 : card.id, 5607 className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, 'pricing-card', { 5608 'active': areControlsVisible 5609 }), 5610 onClick: function onClick() { 5611 return setAreControlsVisible({ 5612 areControlsVisible: true 5613 }); 5614 } 5615 }, Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__["__experimentalUseFocusOutside"])(handleFocusOutside)), areControlsVisible && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_toolbarWrapper__WEBPACK_IMPORTED_MODULE_10__["default"], { 5616 addClass: "pricing-card-toolbar" 5617 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 5618 className: "toolbar__slot" 5619 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Button"], { 5620 icon: _global_icons__WEBPACK_IMPORTED_MODULE_11__["default"].eye, 5621 className: classnames__WEBPACK_IMPORTED_MODULE_7___default()("toolbar__slot--btn", { 5622 "toolbar__slot--selected": (card === null || card === void 0 ? void 0 : card.hidden) === true 5623 }), 5624 onClick: function onClick() { 5625 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'hidden', !(card !== null && card !== void 0 && card.hidden)); 5626 } 5627 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 5628 className: "toolbar__slot" 5629 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Button"], { 5630 icon: _global_icons__WEBPACK_IMPORTED_MODULE_11__["default"].badge, 5631 className: classnames__WEBPACK_IMPORTED_MODULE_7___default()("toolbar__slot--btn", { 5632 "toolbar__slot--selected": (card === null || card === void 0 ? void 0 : card.badge) === true 5633 }), 5634 onClick: function onClick() { 5635 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'badge', !(card !== null && card !== void 0 && card.badge)); 5636 } 5637 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 5638 className: "toolbar__slot" 5639 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Button"], { 5640 ref: setColorsPopoverAnchor, 5641 onClick: handleColorClick, 5642 icon: _global_icons__WEBPACK_IMPORTED_MODULE_11__["default"].btnColor, 5643 className: classnames__WEBPACK_IMPORTED_MODULE_7___default()('toolbar__slot--color', _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "color--".concat(card === null || card === void 0 ? void 0 : card.badgeColor), true)) 5644 }), isColorVisible && bgColor !== "black" && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Popover"], { 5645 anchorRef: colorsPopoverAnchor, 5646 className: "color-picker-popover" 5647 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["ColorPalette"], { 5648 colors: configBadgeColors, 5649 value: card === null || card === void 0 ? void 0 : card.badgeColor, 5650 onChange: function onChange(newColor) { 5651 if (newColor) { 5652 var _getColorObjectByColo; 5653 handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'badgeColor', (_getColorObjectByColo = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["getColorObjectByColorValue"])(configBadgeColors, newColor)) === null || _getColorObjectByColo === void 0 ? void 0 : _getColorObjectByColo.name); 5654 setIsColorVisible(false); 5655 } 5656 }, 5657 disableCustomColors: true, 5658 clearable: false 5659 })))), (card === null || card === void 0 ? void 0 : card.badge) && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 5660 className: classnames__WEBPACK_IMPORTED_MODULE_7___default()("badge", _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "background--".concat(card === null || card === void 0 ? void 0 : card.badgeColor), card === null || card === void 0 ? void 0 : card.badge)) 5661 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_text__WEBPACK_IMPORTED_MODULE_9__["default"], { 5662 value: card === null || card === void 0 ? void 0 : card.badgeText, 5663 onChange: function onChange(value) { 5664 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'badgeText', value); 5665 },
5666 allowedFormats: [], 5667 className: 'badge--text' 5668 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 5669 className: classnames__WEBPACK_IMPORTED_MODULE_7___default()("pricing-card__body", { 5670 "border-top--none": card === null || card === void 0 ? void 0 : card.badge 5671 }, { 5672 'hidden': (card === null || card === void 0 ? void 0 : card.hidden) === true 5673 }, addClass) 5674 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_heading__WEBPACK_IMPORTED_MODULE_8__["default"], { 5675 level: "h3", 5676 value: card === null || card === void 0 ? void 0 : card.heading, 5677 onChange: function onChange(value) { 5678 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'heading', value); 5679 } 5680 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["RichText"], { 5681 tagName: 'p', 5682 onChange: function onChange(value) { 5683 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'text', value); 5684 }, 5685 multiline: true, 5686 value: card === null || card === void 0 ? void 0 : card.text, 5687 placeholder: "+ Add text", 5688 keepPlaceholderOnFocus: true, 5689 allowedFormats: ['core/link'], 5690 className: 'text', 5691 inlineToolbar: true 5692 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 5693 className: "price" 5694 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("span", { 5695 className: "price__currency" 5696 }, "$"), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("span", { 5697 className: "price__amount" 5698 }, card === null || card === void 0 ? void 0 : card.price), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["RichText"], { 5699 tagName: "span", 5700 onChange: function onChange(value) { 5701 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'postfix', value); 5702 }, 5703 placeholder: '/mo', 5704 value: card === null || card === void 0 ? void 0 : card.postfix, 5705 keepPlaceholderOnFocus: true, 5706 allowedFormats: [], 5707 className: 'price__postfix', 5708 inlineToolbar: true 5709 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["RichText"], { 5710 tagName: "ul", 5711 multiline: "li", 5712 onChange: function onChange(value) { 5713 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'list', value); 5714 }, 5715 placeholder: '+ Add bullet point', 5716 value: card === null || card === void 0 ? void 0 : card.list, 5717 keepPlaceholderOnFocus: true, 5718 allowedFormats: ['core/bold', 'core/link'], 5719 className: 'list', 5720 inlineToolbar: true 5721 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])("div", { 5722 className: 'btn-group align-items-center flex-column' 5723 }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_button__WEBPACK_IMPORTED_MODULE_12__["default"], { 5724 clientId: clientId, 5725 linkHref: card === null || card === void 0 ? void 0 : card.firstLink, 5726 onChangeLink: function onChangeLink(value) { 5727 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'firstLink', value); 5728 }, 5729 onChangeContent: function onChangeContent(value) { 5730 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'firstButton', value); 5731 }, 5732 content: card === null || card === void 0 ? void 0 : card.firstButton, 5733 className: classnames__WEBPACK_IMPORTED_MODULE_7___default()("btn", "btn--primary", "btn--black") 5734 }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_button__WEBPACK_IMPORTED_MODULE_12__["default"], { 5735 clientId: clientId, 5736 linkHref: card === null || card === void 0 ? void 0 : card.secondLink, 5737 onChangeLink: function onChangeLink(value) { 5738 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'secondLink', value); 5739 }, 5740 onChangeContent: function onChangeContent(value) { 5741 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'secondButton', value); 5742 }, 5743 content: card === null || card === void 0 ? void 0 : card.secondButton, 5744 className: "btn btn--link" 5745 })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__["RichText"], { 5746 tagName: 'p', 5747 onChange: function onChange(value) { 5748 return handleCardContentChange(card === null || card === void 0 ? void 0 : card.id, 'footnote', value); 5749 }, 5750 multiline: true, 5751 value: card === null || card === void 0 ? void 0 : card.footnote, 5752 placeholder: "+ Add footnote", 5753 keepPlaceholderOnFocus: true,
5754 allowedFormats: ['core/link'], 5755 className: 'footnote', 5756 inlineToolbar: true 5757 }))); 5758}; 5759/* harmony default export */ __webpack_exports__["default"] = (PricingCard); 5760 5761/***/ }), 5762/* 58 */ 5763/***/ (function(module, __webpack_exports__, __webpack_require__) { 5764 5765"use strict"; 5766__webpack_require__.r(__webpack_exports__); 5767/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInitialCardsData", function() { return getInitialCardsData; }); 5768var initialCardsData = [{ 5769 id: 'free', 5770 heading: 'Free', 5771 text: '', 5772 postfix: '/mo', 5773 list: '<li></li>', 5774 firstButton: 'Get started', 5775 secondButton: 'Learn more', 5776 firstLink: '', 5777 secondLink: '', 5778 footnote: '', 5779 hidden: false, 5780 badge: false, 5781 badgeText: 'Best to start', 5782 badgeColor: 'yellow', 5783 price: 0 5784}, { 5785 id: 'venture', 5786 heading: 'Venture', 5787 text: '', 5788 postfix: '/mo', 5789 list: '<li></li>', 5790 firstButton: 'Get started', 5791 secondButton: 'Learn more', 5792 firstLink: '', 5793 secondLink: '', 5794 footnote: '', 5795 hidden: false, 5796 badge: false, 5797 badgeText: 'Best to start', 5798 badgeColor: 'yellow', 5799 price: 21 5800}, { 5801 id: 'business', 5802 heading: 'Business', 5803 text: '', 5804 postfix: '/mo', 5805 list: '<li></li>', 5806 firstButton: 'Get started', 5807 secondButton: 'Learn more', 5808 firstLink: '', 5809 secondLink: '', 5810 footnote: '', 5811 hidden: false, 5812 badge: true, 5813 badgeText: 'Best to start', 5814 badgeColor: 'yellow', 5815 price: 39 5816}, { 5817 id: 'unlimited', 5818 heading: 'Unlimited', 5819 text: '', 5820 postfix: '/mo', 5821 list: '<li></li>', 5822 firstButton: 'Get started', 5823 secondButton: 'Learn more', 5824 firstLink: '', 5825 secondLink: '', 5826 footnote: '', 5827 hidden: false, 5828 badge: false, 5829 badgeText: 'Best to start', 5830 badgeColor: 'yellow', 5831 price: 89 5832}]; 5833var getInitialCardsData = function getInitialCardsData() { 5834 return JSON.parse(JSON.stringify(initialCardsData)); 5835}; 5836 5837/***/ }), 5838/* 59 */ 5839/***/ (function(module, __webpack_exports__, __webpack_require__) { 5840 5841"use strict"; 5842__webpack_require__.r(__webpack_exports__); 5843/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "name", function() { return name; }); 5844/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; }); 5845/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14); 5846/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 5847/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15); 5848/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__); 5849/* harmony import */ var _global_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20); 5850 5851 5852 5853var name = 'ecwid-nomi/html'; 5854var settings = { 5855 apiVersion: 2, 5856 title: 'HTML', 5857 icon: _global_icons__WEBPACK_IMPORTED_MODULE_2__["default"].html, 5858 category: "ecwid-nomi", 5859 attributes: { 5860 content: { 5861 type: 'string', 5862 default: '' 5863 } 5864 }, 5865 supports: { 5866 lightBlockWrapper: false 5867 }, 5868 edit: function edit(props) { 5869 var clientId = props.clientId, 5870 attributes = props.attributes, 5871 setAttributes = props.setAttributes; 5872 var content = attributes.content; 5873 var blockClass = 'nomi--html nomi-block'; 5874 var blockProps = Object(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["useBlockProps"])({ 5875 className: blockClass 5876 }); 5877 return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", blockProps, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__["PlainText"], { 5878 value: content, 5879 title: "SandBox", 5880 onChange: function onChange(content) { 5881 return setAttributes({ 5882 content: content 5883 }); 5884 }, 5885 className: "textarea--html", 5886 placeholder: "+ Add your code" 5887 }
5887))); 5888 }, 5889 save: function save() { 5890 return null; 5891 } 5892}; 5893 5894/***/ }) 5895/******/ ]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.