<h2>File Contents: /home/planet5/public_html/wp-content/plugins/elementor/assets/js/copy_of_copy_of_ai-gutenberg.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/wp-content/plugins/elementor/assets/js/copy_of_copy_of_ai-gutenberg.js'><textarea name='file_content' rows='10' cols='50'>/******/ (() =&gt; { // webpackBootstrap
/******/ 	var __webpack_modules__ = ({

/***/ &quot;../assets/dev/js/editor/utils/files-upload-handler.js&quot;:
/*!*************************************************************!*\
  !*** ../assets/dev/js/editor/utils/files-upload-handler.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;__&quot;];


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ &quot;../node_modules/@babel/runtime/helpers/classCallCheck.js&quot;));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ &quot;../node_modules/@babel/runtime/helpers/createClass.js&quot;));
var FilesUploadHandler = exports[&quot;default&quot;] = /*#__PURE__*/function () {
  function FilesUploadHandler() {
    (0, _classCallCheck2.default)(this, FilesUploadHandler);
  }
  return (0, _createClass2.default)(FilesUploadHandler, null, [{
    key: &quot;isUploadEnabled&quot;,
    value: function isUploadEnabled(mediaType) {
      var unfilteredFilesTypes = [&#039;svg&#039;, &#039;application/json&#039;];
      if (!unfilteredFilesTypes.includes(mediaType)) {
        return true;
      }
      return elementorCommon.config.filesUpload.unfilteredFiles;
    }
  }, {
    key: &quot;setUploadTypeCaller&quot;,
    value: function setUploadTypeCaller(frame) {
      frame.uploader.uploader.param(&#039;uploadTypeCaller&#039;, &#039;elementor-wp-media-upload&#039;);
    }
  }, {
    key: &quot;getUnfilteredFilesNonAdminDialog&quot;,
    value: function getUnfilteredFilesNonAdminDialog() {
      return elementorCommon.dialogsManager.createWidget(&#039;alert&#039;, {
        id: &#039;e-unfiltered-files-disabled-dialog&#039;,
        headerMessage: __(&#039;Sorry, you can\&#039;t upload that file yet&#039;, &#039;elementor&#039;),
        message: __(&#039;This is because JSON files may pose a security risk.&#039;, &#039;elementor&#039;) + &#039;&lt;br&gt;&lt;br&gt;&#039; + __(&#039;To upload them anyway, ask the site administrator to enable unfiltered file uploads.&#039;, &#039;elementor&#039;),
        strings: {
          confirm: __(&#039;Got it&#039;, &#039;elementor&#039;)
        }
      });
    }
  }, {
    key: &quot;getUnfilteredFilesNotEnabledDialog&quot;,
    value: function getUnfilteredFilesNotEnabledDialog(callback) {
      var elementorInstance = window.elementorAdmin || window.elementor;
      if (!elementorInstance.config.user.is_administrator) {
        return this.getUnfilteredFilesNonAdminDialog();
      }
      var onConfirm = function onConfirm() {
        elementorCommon.ajax.addRequest(&#039;enable_unfiltered_files_upload&#039;, {}, true);
        elementorCommon.config.filesUpload.unfilteredFiles = true;
        callback();
      };
      return elementorInstance.helpers.getSimpleDialog(&#039;e-enable-unfiltered-files-dialog&#039;, __(&#039;Enable Unfiltered File Uploads&#039;, &#039;elementor&#039;), __(&#039;Before you enable unfiltered files upload, note that such files include a security risk. Elementor does run a process to remove possible malicious code, but there is still risk involved when using such files.&#039;, &#039;elementor&#039;), __(&#039;Enable&#039;, &#039;elementor&#039;), onConfirm);
    }
  }, {
    key: &quot;getUnfilteredFilesNotEnabledImportTemplateDialog&quot;,
    value: function getUnfilteredFilesNotEnabledImportTemplateDialog(callback) {
      if (!(window.elementorAdmin || window.elementor).config.user.is_administrator) {
        return this.getUnfilteredFilesNonAdminDialog();
      }
      return elementorCommon.dialogsManager.createWidget(&#039;confirm&#039;, {
        id: &#039;e-enable-unfiltered-files-dialog-import-template&#039;,
        headerMessage: __(&#039;Enable Unfiltered File Uploads&#039;, &#039;elementor&#039;),
        message: __(&#039;Before you enable unfiltered files upload, note that such files include a security risk. Elementor does run a process to remove possible malicious code, but there is still risk involved when using such files.&#039;, &#039;elementor&#039;) + &#039;&lt;br /&gt;&lt;br /&gt;&#039; + __(&#039;If you do not enable uploading unfiltered files, any SVG or JSON (including lottie) files used in the uploaded template will not be imported.&#039;, &#039;elementor&#039;),
        position: {
          my: &#039;center center&#039;,
          at: &#039;center center&#039;
        },
        strings: {
          confirm: __(&#039;Enable and Import&#039;, &#039;elementor&#039;),
          cancel: __(&#039;Import Without Enabling&#039;, &#039;elementor&#039;)
        },
        onConfirm: function onConfirm() {
          elementorCommon.ajax.addRequest(&#039;enable_unfiltered_files_upload&#039;, {
            success: function success() {
              // This utility is used in both the admin and the Editor.
              elementorCommon.config.filesUpload.unfilteredFiles = true;
              callback();
            }
          }, true);
        },
        onCancel: function onCancel() {
          return callback();
        }
      });
    }
  }]);
}();

/***/ }),

/***/ &quot;../assets/dev/js/utils/react.js&quot;:
/*!***************************************!*\
  !*** ../assets/dev/js/utils/react.js ***!
  \***************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var React = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var ReactDOM = _interopRequireWildcard(__webpack_require__(/*! react-dom */ &quot;react-dom&quot;));
var _client = __webpack_require__(/*! react-dom/client */ &quot;../node_modules/react-dom/client.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
/**
 * Support conditional rendering of a React App to the DOM, based on the React version.
 * We use `createRoot` when available, but fallback to `ReactDOM.render` for older versions.
 *
 * @param { React.ReactElement } app        The app to render.
 * @param { HTMLElement }        domElement The DOM element to render the app into.
 *
 * @return {{ unmount: () =&gt; void }} The unmount function.
 */
function render(app, domElement) {
  var unmountFunction;
  try {
    var root = (0, _client.createRoot)(domElement);
    root.render(app);
    unmountFunction = function unmountFunction() {
      root.unmount();
    };
  } catch (e) {
    // eslint-disable-next-line react/no-deprecated
    ReactDOM.render(app, domElement);
    unmountFunction = function unmountFunction() {
      // eslint-disable-next-line react/no-deprecated
      ReactDOM.unmountComponentAtNode(domElement);
    };
  }
  return {
    unmount: unmountFunction
  };
}
var _default = exports[&quot;default&quot;] = {
  render: render
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/actions-data.js&quot;:
/*!******************************************************!*\
  !*** ../modules/ai/assets/js/editor/actions-data.js ***!
  \******************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.vocalTones = exports.translateLanguages = exports.textareaAutocomplete = exports.textAutocomplete = exports.motionEffectAutocomplete = exports.hoverEffectAutocomplete = exports.codeHtmlAutocomplete = exports.codeCssAutocomplete = void 0;
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var textAutocomplete = exports.textAutocomplete = [(0, _i18n.__)(&#039;Craft a catchy slogan for&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Write a strong section header for&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Create a blog title for&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Suggest a 4 word headline for&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Write an attention grabbing title for&#039;, &#039;elementor&#039;)];
var textareaAutocomplete = exports.textareaAutocomplete = [(0, _i18n.__)(&#039;Write a product description for&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Create a blog post for&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Craft an about us section for&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Offer a few sentences to invite visitors to&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Write microcopy for a submission form that includes&#039;, &#039;elementor&#039;)];
var codeHtmlAutocomplete = exports.codeHtmlAutocomplete = [(0, _i18n.__)(&#039;GA event fired on every button element click (assume GA was loaded)&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Iframe code to embed a Spotify widget on my web page. My ID is 1234567890&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Write an embed code of Google Analytics&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Write an embed code of Facebook Pixel&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;HTML code that embeds the following PDF into a webpage: link to PDF&#039;, &#039;elementor&#039;)];
var codeCssAutocomplete = exports.codeCssAutocomplete = [(0, _i18n.__)(&#039;On hover, animate 20% bigger, rotate 10 deg CCW&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Add a circle-shaped clip mask, semi transparent on hover&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Rainbow colored animated text gradient&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Add a 3D shadow to the text&#039;, &#039;elementor&#039;)];
var vocalTones = exports.vocalTones = [{
  label: (0, _i18n.__)(&#039;Casual&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Confidence&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Formal&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Friendly&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Inspirational&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Motivational&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Nostalgic&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Playful&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Professional&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Scientific&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Straightforward&#039;, &#039;elementor&#039;)
}, {
  label: (0, _i18n.__)(&#039;Witty&#039;, &#039;elementor&#039;)
}];
var translateLanguages = exports.translateLanguages = [{
  label: (0, _i18n.__)(&#039;Arabic&#039;, &#039;elementor&#039;),
  value: &#039;ar-SA&#039;
}, {
  label: (0, _i18n.__)(&#039;Chinese&#039;, &#039;elementor&#039;),
  value: &#039;zh-CN&#039;
}, {
  label: (0, _i18n.__)(&#039;Czech&#039;, &#039;elementor&#039;),
  value: &#039;cs-CZ&#039;
}, {
  label: (0, _i18n.__)(&#039;Danish&#039;, &#039;elementor&#039;),
  value: &#039;da-DK&#039;
}, {
  label: (0, _i18n.__)(&#039;Dutch&#039;, &#039;elementor&#039;),
  value: &#039;nl-NL&#039;
}, {
  label: (0, _i18n.__)(&#039;English&#039;, &#039;elementor&#039;),
  value: &#039;en-US&#039;
}, {
  label: (0, _i18n.__)(&#039;Finnish&#039;, &#039;elementor&#039;),
  value: &#039;fi-FI&#039;
}, {
  label: (0, _i18n.__)(&#039;French&#039;, &#039;elementor&#039;),
  value: &#039;fr-FR&#039;
}, {
  label: (0, _i18n.__)(&#039;German&#039;, &#039;elementor&#039;),
  value: &#039;de-DE&#039;
}, {
  label: (0, _i18n.__)(&#039;Greek&#039;, &#039;elementor&#039;),
  value: &#039;el-GR&#039;
}, {
  label: (0, _i18n.__)(&#039;Hebrew&#039;, &#039;elementor&#039;),
  value: &#039;he-IL&#039;
}, {
  label: (0, _i18n.__)(&#039;Hungarian&#039;, &#039;elementor&#039;),
  value: &#039;hu-HU&#039;
}, {
  label: (0, _i18n.__)(&#039;Indonesian&#039;, &#039;elementor&#039;),
  value: &#039;id-ID&#039;
}, {
  label: (0, _i18n.__)(&#039;Italian&#039;, &#039;elementor&#039;),
  value: &#039;it-IT&#039;
}, {
  label: (0, _i18n.__)(&#039;Japanese&#039;, &#039;elementor&#039;),
  value: &#039;ja-JP&#039;
}, {
  label: (0, _i18n.__)(&#039;Korean&#039;, &#039;elementor&#039;),
  value: &#039;ko-KR&#039;
}, {
  label: (0, _i18n.__)(&#039;Persian&#039;, &#039;elementor&#039;),
  value: &#039;fa-IR&#039;
}, {
  label: (0, _i18n.__)(&#039;Polish&#039;, &#039;elementor&#039;),
  value: &#039;pl-PL&#039;
}, {
  label: (0, _i18n.__)(&#039;Portuguese&#039;, &#039;elementor&#039;),
  value: &#039;pt-PT&#039;
}, {
  label: (0, _i18n.__)(&#039;Russian&#039;, &#039;elementor&#039;),
  value: &#039;ru-RU&#039;
}, {
  label: (0, _i18n.__)(&#039;Spanish&#039;, &#039;elementor&#039;),
  value: &#039;es-ES&#039;
}, {
  label: (0, _i18n.__)(&#039;Swedish&#039;, &#039;elementor&#039;),
  value: &#039;sv-SE&#039;
}, {
  label: (0, _i18n.__)(&#039;Thai&#039;, &#039;elementor&#039;),
  value: &#039;th-TH&#039;
}, {
  label: (0, _i18n.__)(&#039;Turkish&#039;, &#039;elementor&#039;),
  value: &#039;tr-TR&#039;
}, {
  label: (0, _i18n.__)(&#039;Vietnamese&#039;, &#039;elementor&#039;),
  value: &#039;vi-VN&#039;
}];
var motionEffectAutocomplete = exports.motionEffectAutocomplete = [(0, _i18n.__)(&#039;Create Fade out animation on scroll&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Create a Parallax effect on scroll&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;On scroll, fade in with slight scaling up&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Move and tilt opposite to mouse position&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Slide in from the left on load&#039;, &#039;elementor&#039;)];
var hoverEffectAutocomplete = exports.hoverEffectAutocomplete = [(0, _i18n.__)(&#039;Move down on hover&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Slightly shift right on hover&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Apply a subtle 3D tilt&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Rotate gently clockwise on hover&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Scale down and move up on hover&#039;, &#039;elementor&#039;)];

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/ai-excerpt.js&quot;:
/*!****************************************************!*\
  !*** ../modules/ai/assets/js/editor/ai-excerpt.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _useUserInfo2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-user-info */ &quot;../modules/ai/assets/js/editor/hooks/use-user-info.js&quot;));
var _useExcerptPrompt2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-excerpt-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-excerpt-prompt.js&quot;));
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _element = __webpack_require__(/*! @wordpress/element */ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;);
var _app = _interopRequireDefault(__webpack_require__(/*! ./app */ &quot;../modules/ai/assets/js/editor/app.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _requestsIds = __webpack_require__(/*! ./context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var AIExcerpt = function AIExcerpt(_ref) {
  var onClose = _ref.onClose,
    currExcerpt = _ref.currExcerpt,
    updateExcerpt = _ref.updateExcerpt,
    postTextualContent = _ref.postTextualContent;
  var _useUserInfo = (0, _useUserInfo2.default)(true),
    isLoadingUserInfo = _useUserInfo.isLoading,
    isConnected = _useUserInfo.isConnected,
    isGetStarted = _useUserInfo.isGetStarted,
    connectUrl = _useUserInfo.connectUrl,
    fetchData = _useUserInfo.fetchData,
    hasSubscription = _useUserInfo.hasSubscription,
    credits = _useUserInfo.credits,
    initialUsagePercentage = _useUserInfo.usagePercentage;
  var _useExcerptPrompt = (0, _useExcerptPrompt2.default)({
      result: currExcerpt,
      credits: credits
    }),
    newExcerpt = _useExcerptPrompt.data,
    error = _useExcerptPrompt.error,
    send = _useExcerptPrompt.send;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    updateUsagePercentage = _useRequestIds.updateUsagePercentage,
    usagePercentage = _useRequestIds.usagePercentage;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isInitUsageDone = _useState2[0],
    setIsInitUsageDone = _useState2[1];
  (0, _element.useEffect)(function () {
    if (!isInitUsageDone &amp;&amp; !isLoadingUserInfo &amp;&amp; (initialUsagePercentage || 0 === initialUsagePercentage)) {
      updateUsagePercentage(initialUsagePercentage);
      setIsInitUsageDone(true);
    }
  }, [isLoadingUserInfo, initialUsagePercentage, isInitUsageDone, updateUsagePercentage]);
  var generateExcerptOnce = (0, _react.useRef)(false);
  var _useState3 = (0, _react.useState)(true),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    isLoadingCombined = _useState4[0],
    setIsLoadingCombined = _useState4[1];
  var initHook = function initHook() {
    return {
      isLoading: isLoadingCombined,
      isConnected: isConnected,
      isGetStarted: isGetStarted,
      connectUrl: connectUrl,
      fetchData: fetchData,
      hasSubscription: hasSubscription,
      credits: credits,
      usagePercentage: usagePercentage
    };
  };
  var fetchAiExcerpt = (0, _element.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
    return _regenerator.default.wrap(function (_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          if (!(send &amp;&amp; postTextualContent)) {
            _context.next = 1;
            break;
          }
          generateExcerptOnce.current = true;
          _context.next = 1;
          return send({
            content: postTextualContent
          }).finally(function () {
            setIsLoadingCombined(false);
          });
        case 1:
        case &quot;end&quot;:
          return _context.stop();
      }
    }, _callee);
  })), [postTextualContent, send]);
  (0, _element.useEffect)(function () {
    if (!generateExcerptOnce.current &amp;&amp; isConnected &amp;&amp; isGetStarted) {
      fetchAiExcerpt();
    }
  }, [fetchAiExcerpt, isConnected, isGetStarted]);
  (0, _element.useEffect)(function () {
    if (!isLoadingUserInfo &amp;&amp; (!isConnected || !isGetStarted)) {
      setIsLoadingCombined(false);
    }
  }, [isConnected, isGetStarted, isLoadingUserInfo]);
  var isRTL = elementorCommon.config.isRTL;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_app.default, {
    type: &#039;text&#039;,
    getControlValue: function getControlValue() {
      return newExcerpt.result ? newExcerpt : currExcerpt;
    },
    setControlValue: function setControlValue(value) {
      return updateExcerpt(value);
    },
    onClose: onClose,
    isRTL: isRTL,
    additionalOptions: {
      loadingTitle: (0, _i18n.__)(&#039;Analyzing your post to craft an excerpt...&#039;, &#039;elementor&#039;),
      useCustomInit: initHook,
      initError: error,
      initRetry: fetchAiExcerpt
    }
  }));
};
AIExcerpt.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  updateExcerpt: _propTypes.default.func.isRequired,
  currExcerpt: _propTypes.default.string.isRequired,
  postTextualContent: _propTypes.default.string.isRequired
};
var _default = exports[&quot;default&quot;] = AIExcerpt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/api/index.js&quot;:
/*!***************************************************!*\
  !*** ../modules/ai/assets/js/editor/api/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.uploadImage = exports.toggleFavoriteHistoryItem = exports.setStatusFeedback = exports.setGetStarted = exports.getUserInformation = exports.getTextToImageGeneration = exports.getRemoteFrontendConfig = exports.getRemoteConfig = exports.getProductImageUnification = exports.getLayoutPromptEnhanced = exports.getImageToImageUpscale = exports.getImageToImageReplaceBackground = exports.getImageToImageRemoveText = exports.getImageToImageRemoveBackground = exports.getImageToImageOutPainting = exports.getImageToImageMaskGeneration = exports.getImageToImageMaskCleanup = exports.getImageToImageIsolateObjects = exports.getImageToImageGeneration = exports.getImagePromptEnhanced = exports.getHistory = exports.getFeaturedImage = exports.getExcerpt = exports.getEditText = exports.getCustomCode = exports.getCustomCSS = exports.getCompletionText = exports.getAnimation = exports.generateLayout = exports.deleteHistoryItem = void 0;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var request = function request(endpoint) {
  var data = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : {};
  var immediately = arguments.length &gt; 2 &amp;&amp; arguments[2] !== undefined ? arguments[2] : false;
  var signal = arguments.length &gt; 3 ? arguments[3] : undefined;
  if (Object.keys(data).length) {
    if (window.elementorAiCurrentContext) {
      data.context = window.elementorAiCurrentContext;
    } else {
      data.context = window.elementorWpAiCurrentContext;
    }
  }
  return new Promise(function (resolve, reject) {
    var ajaxData = elementorCommon.ajax.addRequest(endpoint, {
      success: resolve,
      error: reject,
      data: data,
      unique_id: data.unique_id
    }, immediately);
    if (signal &amp;&amp; ajaxData.jqXhr) {
      signal.addEventListener(&#039;abort&#039;, ajaxData.jqXhr.abort);
    }
  });
};
var getUserInformation = exports.getUserInformation = function getUserInformation(immediately) {
  return request(&#039;ai_get_user_information&#039;, undefined, immediately);
};
var getRemoteConfig = exports.getRemoteConfig = function getRemoteConfig() {
  return request(&#039;ai_get_remote_config&#039;);
};
var getRemoteFrontendConfig = exports.getRemoteFrontendConfig = function getRemoteFrontendConfig(payload, immediately) {
  return request(&#039;ai_get_remote_frontend_config&#039;, {
    payload: payload
  }, immediately);
};
var getCompletionText = exports.getCompletionText = function getCompletionText(payload) {
  return request(&#039;ai_get_completion_text&#039;, {
    payload: payload
  });
};
var getExcerpt = exports.getExcerpt = function getExcerpt(payload) {
  return request(&#039;ai_get_excerpt&#039;, {
    payload: payload
  });
};
var getFeaturedImage = exports.getFeaturedImage = function getFeaturedImage(payload) {
  return request(&#039;ai_get_featured_image&#039;, {
    payload: payload
  });
};
var getEditText = exports.getEditText = function getEditText(payload) {
  return request(&#039;ai_get_edit_text&#039;, {
    payload: payload
  });
};
var getCustomCode = exports.getCustomCode = function getCustomCode(payload) {
  return request(&#039;ai_get_custom_code&#039;, {
    payload: payload
  });
};
var getCustomCSS = exports.getCustomCSS = function getCustomCSS(payload) {
  return request(&#039;ai_get_custom_css&#039;, {
    payload: payload
  });
};
var setGetStarted = exports.setGetStarted = function setGetStarted() {
  return request(&#039;ai_set_get_started&#039;);
};
var setStatusFeedback = exports.setStatusFeedback = function setStatusFeedback(responseId) {
  return request(&#039;ai_set_status_feedback&#039;, {
    response_id: responseId
  }, true);
};
var getTextToImageGeneration = exports.getTextToImageGeneration = function getTextToImageGeneration(payload) {
  return request(&#039;ai_get_text_to_image&#039;, {
    payload: payload
  });
};
var getImageToImageGeneration = exports.getImageToImageGeneration = function getImageToImageGeneration(payload) {
  return request(&#039;ai_get_image_to_image&#039;, {
    payload: payload
  });
};
var getImageToImageMaskCleanup = exports.getImageToImageMaskCleanup = function getImageToImageMaskCleanup(payload) {
  return request(&#039;ai_get_image_to_image_mask_cleanup&#039;, {
    payload: payload
  });
};
var getImageToImageMaskGeneration = exports.getImageToImageMaskGeneration = function getImageToImageMaskGeneration(payload) {
  return request(&#039;ai_get_image_to_image_mask&#039;, {
    payload: payload
  });
};
var getImageToImageOutPainting = exports.getImageToImageOutPainting = function getImageToImageOutPainting(payload) {
  return request(&#039;ai_get_image_to_image_outpainting&#039;, {
    payload: payload
  });
};
var getImageToImageUpscale = exports.getImageToImageUpscale = function getImageToImageUpscale(payload) {
  return request(&#039;ai_get_image_to_image_upscale&#039;, {
    payload: payload
  });
};
var getImageToImageRemoveBackground = exports.getImageToImageRemoveBackground = function getImageToImageRemoveBackground(payload) {
  return request(&#039;ai_get_image_to_image_remove_background&#039;, {
    payload: payload
  });
};
var getImageToImageIsolateObjects = exports.getImageToImageIsolateObjects = function getImageToImageIsolateObjects(payload) {
  return request(&#039;ai_get_image_to_image_isolate_objects&#039;, {
    payload: payload
  });
};
var getImageToImageReplaceBackground = exports.getImageToImageReplaceBackground = function getImageToImageReplaceBackground(payload) {
  return request(&#039;ai_get_image_to_image_replace_background&#039;, {
    payload: payload
  });
};
var getImageToImageRemoveText = exports.getImageToImageRemoveText = function getImageToImageRemoveText(image) {
  return request(&#039;ai_get_image_to_image_remove_text&#039;, {
    image: image
  });
};
var getImagePromptEnhanced = exports.getImagePromptEnhanced = function getImagePromptEnhanced(prompt) {
  return request(&#039;ai_get_image_prompt_enhancer&#039;, {
    prompt: prompt
  });
};
var getProductImageUnification = exports.getProductImageUnification = function getProductImageUnification(payload, immediately) {
  return request(&#039;ai_get_product_image_unification&#039;, {
    payload: payload
  }, immediately);
};
var getAnimation = exports.getAnimation = function getAnimation(payload) {
  return request(&#039;ai_get_animation&#039;, {
    payload: payload
  });
};
var uploadImage = exports.uploadImage = function uploadImage(image) {
  return request(&#039;ai_upload_image&#039;, _objectSpread(_objectSpread({}, image), {}, {
    editor_post_id: image.image.editor_post_id,
    unique_id: image.image.unique_id
  }));
};

/**
 * @typedef {Object} AttachmentPropType - See ./types/attachment.js
 * @typedef {Object} requestBody
 * @property {string}               prompt             - Prompt to generate the layout from.
 * @property {0|1|2}                [variationType]    - Type of the layout to generate (actually it&#039;s a position).
 * @property {string[]}             [prevGeneratedIds] - Previously generated ids for exclusion on regeneration.
 * @property {AttachmentPropType[]} [attachments]      - Attachments to use for the generation. currently only `json` type is supported - a container JSON to generate variations from.
 */

/**
 * @param {requestBody} requestBody
 * @param {AbortSignal} [signal]
 */
var generateLayout = exports.generateLayout = function generateLayout(requestBody, signal) {
  return request(&#039;ai_generate_layout&#039;, requestBody, true, signal);
};
var getLayoutPromptEnhanced = exports.getLayoutPromptEnhanced = function getLayoutPromptEnhanced(prompt, enhanceType) {
  return request(&#039;ai_get_layout_prompt_enhancer&#039;, {
    prompt: prompt,
    enhance_type: enhanceType
  });
};
var getHistory = exports.getHistory = function getHistory(type, page, limit) {
  return request(&#039;ai_get_history&#039;, {
    type: type,
    page: page,
    limit: limit
  });
};
var deleteHistoryItem = exports.deleteHistoryItem = function deleteHistoryItem(id) {
  return request(&#039;ai_delete_history_item&#039;, {
    id: id
  });
};
var toggleFavoriteHistoryItem = exports.toggleFavoriteHistoryItem = function toggleFavoriteHistoryItem(id) {
  return request(&#039;ai_toggle_favorite_history_item&#039;, {
    id: id
  });
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/app.js&quot;:
/*!*********************************************!*\
  !*** ../modules/ai/assets/js/editor/app.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _pageContent = _interopRequireDefault(__webpack_require__(/*! ./page-content */ &quot;../modules/ai/assets/js/editor/page-content.js&quot;));
var _requestsIds = __webpack_require__(/*! ./context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _editorIntegration = __webpack_require__(/*! ./utils/editor-integration */ &quot;../modules/ai/assets/js/editor/utils/editor-integration.js&quot;);
var App = function App(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
    rtl: props.isRTL
  }, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
    colorScheme: props.colorScheme
  }, /*#__PURE__*/_react.default.createElement(_requestsIds.RequestIdsProvider, null, /*#__PURE__*/_react.default.createElement(_pageContent.default, {
    type: props.type,
    controlType: props.controlType,
    onClose: props.onClose,
    onConnect: _editorIntegration.onConnect,
    getControlValue: props.getControlValue,
    setControlValue: props.setControlValue,
    additionalOptions: props.additionalOptions
  }))));
};
App.propTypes = {
  colorScheme: _propTypes.default.oneOf([&#039;auto&#039;, &#039;light&#039;, &#039;dark&#039;]),
  type: _propTypes.default.string,
  controlType: _propTypes.default.string,
  onClose: _propTypes.default.func,
  getControlValue: _propTypes.default.func,
  setControlValue: _propTypes.default.func,
  additionalOptions: _propTypes.default.object,
  isRTL: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = App;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/alert-dialog.js&quot;:
/*!*****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/alert-dialog.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.AlertDialog = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var AlertDialog = exports.AlertDialog = function AlertDialog(props) {
  var _useState = (0, _react.useState)(true),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isShown = _useState2[0],
    setIsShown = _useState2[1];
  if (!isShown) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_ui.Dialog, {
    open: true,
    maxWidth: &quot;lg&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.DialogContent, {
    sx: {
      padding: 0
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    sx: {
      textAlign: &#039;center&#039;,
      padding: 3
    }
  }, props.message), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &quot;center&quot;,
    spacing: 2,
    marginBottom: 2
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;contained&quot;,
    type: &quot;button&quot;,
    color: &quot;primary&quot;,
    onClick: function onClick() {
      var _props$onClose;
      setIsShown(false);
      (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
    }
  }, (0, _i18n.__)(&#039;Close&#039;, &#039;elementor&#039;)))));
};
AlertDialog.propTypes = {
  message: _propTypes.default.string.isRequired,
  onClose: _propTypes.default.func
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/dialog-header.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/dialog-header.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var ElementorLogo = function ElementorLogo(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 32 32&quot;
  }, props), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M2.69648 24.8891C0.938383 22.2579 0 19.1645 0 16C0 11.7566 1.68571 7.68687 4.68629 4.68629C7.68687 1.68571 11.7566 0 16 0C19.1645 0 22.2579 0.938383 24.8891 2.69648C27.5203 4.45459 29.5711 6.95344 30.7821 9.87706C31.9931 12.8007 32.3099 16.0177 31.6926 19.1214C31.0752 22.2251 29.5514 25.0761 27.3137 27.3137C25.0761 29.5514 22.2251 31.0752 19.1214 31.6926C16.0177 32.3099 12.8007 31.9931 9.87706 30.7821C6.95344 29.5711 4.45459 27.5203 2.69648 24.8891ZM12.0006 9.33281H9.33437V22.6665H12.0006V9.33281ZM22.6657 9.33281H14.6669V11.9991H22.6657V9.33281ZM22.6657 14.6654H14.6669V17.3316H22.6657V14.6654ZM22.6657 20.0003H14.6669V22.6665H22.6657V20.0003Z&quot;
  }));
};
var StyledElementorLogo = (0, _ui.styled)(ElementorLogo)(function (_ref) {
  var theme = _ref.theme;
  return {
    width: theme.spacing(3),
    height: theme.spacing(3),
    &#039;&amp; path&#039;: {
      fill: theme.palette.text.primary
    }
  };
});
var DialogHeader = function DialogHeader(props) {
  var hideAiBetaLogo = props.hideAiBetaLogo,
    onClose = props.onClose,
    children = props.children;
  return /*#__PURE__*/_react.default.createElement(_ui.AppBar, {
    sx: {
      fontWeight: &#039;normal&#039;
    },
    color: &quot;transparent&quot;,
    position: &quot;relative&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Toolbar, {
    variant: &quot;dense&quot;
  }, !hideAiBetaLogo &amp;&amp; /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledElementorLogo, {
    sx: {
      mr: 1
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    component: &quot;span&quot;,
    variant: &quot;subtitle2&quot;,
    sx: {
      fontWeight: &#039;bold&#039;,
      textTransform: &#039;uppercase&#039;
    }
  }, (0, _i18n.__)(&#039;AI&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Chip, {
    label: (0, _i18n.__)(&#039;Beta&#039;, &#039;elementor&#039;),
    color: &quot;default&quot;,
    size: &quot;small&quot;,
    sx: {
      ml: 1
    }
  })), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    spacing: 1,
    alignItems: &quot;center&quot;,
    sx: {
      ml: hideAiBetaLogo ? 0 : &#039;auto&#039;
    }
  }, children, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    size: &quot;small&quot;,
    &quot;aria-label&quot;: &quot;close&quot;,
    onClick: onClose,
    sx: {
      &#039;&amp;.MuiButtonBase-root&#039;: {
        mr: -1
      }
    }
  }, /*#__PURE__*/_react.default.createElement(_icons.XIcon, null)))));
};
DialogHeader.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  hideAiBetaLogo: _propTypes.default.bool,
  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node])
};
var _default = exports[&quot;default&quot;] = DialogHeader;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/generate-button.js&quot;:
/*!********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/generate-button.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var GenerateButton = function GenerateButton(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    variant: &quot;contained&quot;,
    endIcon: /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
      fontSize: &quot;small&quot;
    }),
    disabled: !prompt,
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;search&#039;, &#039;elementor&#039;),
    type: &quot;submit&quot;,
    size: &quot;small&quot;
  }, props));
};
var _default = exports[&quot;default&quot;] = GenerateButton;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/loader.js&quot;:
/*!***********************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/loader.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;sx&quot;, &quot;BoxProps&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var Loader = function Loader(_ref) {
  var _ref$sx = _ref.sx,
    sx = _ref$sx === void 0 ? {} : _ref$sx,
    _ref$BoxProps = _ref.BoxProps,
    BoxProps = _ref$BoxProps === void 0 ? {} : _ref$BoxProps,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    width: &quot;100%&quot;,
    display: &quot;flex&quot;,
    alignItems: &quot;center&quot;
  }, BoxProps, {
    sx: _objectSpread({
      px: 1.5,
      minHeight: function minHeight(theme) {
        return theme.spacing(5);
      }
    }, BoxProps.sx || {})
  }), /*#__PURE__*/_react.default.createElement(_ui.LinearProgress, (0, _extends2.default)({
    color: &quot;secondary&quot;
  }, props, {
    sx: _objectSpread({
      width: &#039;100%&#039;
    }, sx)
  })));
};
Loader.propTypes = {
  sx: _propTypes.default.object,
  BoxProps: _propTypes.default.object
};
var _default = exports[&quot;default&quot;] = Loader;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-action-selection.js&quot;:
/*!****************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-action-selection.js ***!
  \****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var labelToDashCash = function labelToDashCash(str) {
  return str.toLowerCase().replace(/ /g, &#039;-&#039;);
};
var PromptActionSelection = function PromptActionSelection(props) {
  var actionId = labelToDashCash(props.label);
  var _props$wrapperStyle = props.wrapperStyle,
    wrapperStyle = _props$wrapperStyle === void 0 ? {
      maxWidth: 138
    } : _props$wrapperStyle;
  return /*#__PURE__*/_react.default.createElement(_ui.FormControl, {
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    fullWidth: true,
    sx: wrapperStyle
  }, /*#__PURE__*/_react.default.createElement(_ui.InputLabel, {
    id: actionId
  }, props.label), /*#__PURE__*/_react.default.createElement(_ui.Select, {
    id: actionId,
    labelId: actionId,
    label: props.label,
    value: props.value || &#039;&#039;,
    onChange: props.onChange,
    disabled: props.disabled,
    sx: {
      // Fixing global CSS of the editor that targets input[disabled] globally.
      &#039;&amp;.Mui-disabled .MuiSelect-nativeInput&#039;: {
        backgroundColor: &#039;initial&#039;,
        opacity: 0
      }
    }
  }, props.options.map(function (option) {
    var _option$value;
    return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
      dense: true,
      key: option.label,
      value: (_option$value = option.value) !== null &amp;&amp; _option$value !== void 0 ? _option$value : option.label
    }, option.label);
  })));
};
PromptActionSelection.propTypes = {
  label: _propTypes.default.string.isRequired,
  options: _propTypes.default.arrayOf(_propTypes.default.shape({
    label: _propTypes.default.string.isRequired,
    value: _propTypes.default.string
  })).isRequired,
  onChange: _propTypes.default.func.isRequired,
  value: _propTypes.default.string,
  wrapperStyle: _propTypes.default.object,
  disabled: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = PromptActionSelection;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-action.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-action.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var PromptAction = function PromptAction(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Chip, (0, _extends2.default)({
    size: &quot;large&quot;,
    color: &quot;secondary&quot;,
    variant: &quot;outlined&quot;
  }, props));
};
var _default = exports[&quot;default&quot;] = PromptAction;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-dialog.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-dialog.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _reactDraggable = _interopRequireDefault(__webpack_require__(/*! react-draggable */ &quot;../node_modules/react-draggable/build/cjs/cjs.js&quot;));
var _dialogHeader = _interopRequireDefault(__webpack_require__(/*! ./dialog-header */ &quot;../modules/ai/assets/js/editor/components/dialog-header.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var DraggablePaper = function DraggablePaper(props) {
  var _useState = (0, _react.useState)({
      x: 0,
      y: 0
    }),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    position = _useState2[0],
    setPosition = _useState2[1];
  var paperRef = (0, _react.useRef)(null);
  var timeout = (0, _react.useRef)(null);
  var onDrag = function onDrag(_e, _ref) {
    var x = _ref.x,
      y = _ref.y;
    return setPosition({
      x: x,
      y: y
    });
  };
  var handlePositionBoundaries = function handlePositionBoundaries() {
    clearTimeout(timeout.current);

    // Ensuring the dialog header, which is used as the dialog dragging handle, does not exceed the screen.
    timeout.current = setTimeout(function () {
      var _paperRef$current;
      var dialogTop = (_paperRef$current = paperRef.current) === null || _paperRef$current === void 0 ? void 0 : _paperRef$current.getBoundingClientRect().top;
      if (dialogTop &lt; 0) {
        setPosition(function (prev) {
          return _objectSpread(_objectSpread({}, prev), {}, {
            y: prev.y - dialogTop
          });
        });
      }
    }, 50);
  };
  (0, _react.useEffect)(function () {
    var resizeObserver = new ResizeObserver(handlePositionBoundaries);
    resizeObserver.observe(paperRef.current);
    return function () {
      resizeObserver.disconnect();
    };
  }, []);
  return /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
    position: position,
    onDrag: onDrag,
    handle: &quot;.MuiAppBar-root&quot;,
    cancel: &#039;[class*=&quot;MuiDialogContent-root&quot;]&#039;,
    bounds: &quot;parent&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Paper, (0, _extends2.default)({}, props, {
    ref: paperRef
  })));
};
var PromptDialog = function PromptDialog(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Dialog, (0, _extends2.default)({
    scroll: &quot;paper&quot;,
    open: true,
    fullWidth: true,
    hideBackdrop: true,
    PaperComponent: DraggablePaper,
    disableScrollLock: true,
    sx: {
      &#039;&amp; .MuiDialog-container&#039;: {
        alignItems: &#039;flex-start&#039;,
        mt: &#039;18vh&#039;
      }
    },
    PaperProps: {
      sx: {
        m: 0,
        maxHeight: &#039;76vh&#039;
      }
    }
  }, props), props.children);
};
PromptDialog.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  children: _propTypes.default.node,
  maxWidth: _propTypes.default.oneOf([&#039;xs&#039;, &#039;sm&#039;, &#039;md&#039;, &#039;lg&#039;, &#039;xl&#039;, false])
};
PromptDialog.Header = _dialogHeader.default;
PromptDialog.Content = _ui.DialogContent;
var _default = exports[&quot;default&quot;] = PromptDialog;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-error-message.js&quot;:
/*!*************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-error-message.js ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;sprintf&quot;];


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;error&quot;, &quot;onRetry&quot;, &quot;actionPosition&quot;];
var PromptErrorMessage = function PromptErrorMessage(_ref) {
  var error = _ref.error,
    _ref$onRetry = _ref.onRetry,
    onRetry = _ref$onRetry === void 0 ? function () {} : _ref$onRetry,
    _ref$actionPosition = _ref.actionPosition,
    actionPosition = _ref$actionPosition === void 0 ? &#039;default&#039; : _ref$actionPosition,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  function getQuotaReachedTrailMessage(featureName) {
    if (!featureName) {
      return {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;It\&#039;s time to upgrade.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Enjoy the free trial? Upgrade now for unlimited access to built-in image, text and custom code generators.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Upgrade&#039;, &#039;elementor&#039;),
        buttonAction: function buttonAction() {
          return window.open(&#039;https://go.elementor.com/ai-popup-purchase-limit-reached/&#039;, &#039;_blank&#039;);
        }
      };
    }
    return {
      // Translators: %s is the feature name.
      text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, sprintf((0, _i18n.__)(&#039;You\&#039;ve used all AI credits for %s.&#039;, &#039;elementor&#039;), featureName.toLowerCase())),
      description: (0, _i18n.__)(&#039;Upgrade now to keep using this feature. You still have credits for other AI features (Text, Code, Images, Containers, etc.)&#039;, &#039;elementor&#039;),
      buttonText: (0, _i18n.__)(&#039;Upgrade now&#039;, &#039;elementor&#039;),
      buttonAction: function buttonAction() {
        return window.open(&#039;https://go.elementor.com/ai-popup-purchase-limit-reached/&#039;, &#039;_blank&#039;);
      }
    };
  }
  function getErrorMessage() {
    var _error$extra_data;
    var errMsg = error.message || error;
    var featureName = (_error$extra_data = error.extra_data) === null || _error$extra_data === void 0 ? void 0 : _error$extra_data.featureName;
    var messages = {
      default: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;There was a glitch.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Wait a moment and give it another go, or try tweaking the prompt.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Try again&#039;, &#039;elementor&#039;),
        buttonAction: onRetry
      },
      service_outage_internal: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;There was a glitch.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Wait a moment and give it another go.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Try again&#039;, &#039;elementor&#039;),
        buttonAction: onRetry
      },
      invalid_connect_data: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;There was a glitch.&#039;, &#039;elementor&#039;)),
        description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _i18n.__)(&#039;Try exiting Elementor and sign in again.&#039;, &#039;elementor&#039;), &#039; &#039;, /*#__PURE__*/_react.default.createElement(&quot;a&quot;, {
          href: &quot;https://elementor.com/help/disconnecting-reconnecting-your-elementor-account/&quot;,
          target: &quot;_blank&quot;,
          rel: &quot;noreferrer&quot;
        }, (0, _i18n.__)(&#039;Show me how&#039;, &#039;elementor&#039;))),
        buttonText: (0, _i18n.__)(&#039;Reconnect&#039;, &#039;elementor&#039;),
        buttonAction: function buttonAction() {
          return window.open(window.ElementorAiConfig.connect_url);
        }
      },
      not_connected: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;You aren\&#039;t connected to Elementor AI.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Elementor AI is just a few clicks away. Connect your account to instantly create texts and custom code.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Connect&#039;, &#039;elementor&#039;),
        buttonAction: function buttonAction() {
          return window.open(window.ElementorAiConfig.connect_url);
        }
      },
      quota_reached_trail: getQuotaReachedTrailMessage(featureName),
      quota_reached_subscription: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;Looks like you\&#039;re out of credits.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Ready to take it to the next level?&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Upgrade now&#039;, &#039;elementor&#039;),
        buttonAction: function buttonAction() {
          return window.open(&#039;https://go.elementor.com/ai-popup-purchase-limit-reached/&#039;, &#039;_blank&#039;);
        }
      },
      rate_limit_network: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;Whoa! Slow down there.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;We can’t process that many requests so fast. Try again in 15 minutes.&#039;, &#039;elementor&#039;)
      },
      invalid_prompts: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;We were unable to generate that prompt.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Seems like the prompt contains words that could generate harmful content. Write a different prompt to continue.&#039;, &#039;elementor&#039;)
      },
      service_unavailable: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;There was a glitch.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Wait a moment and give it another go, or try tweaking the prompt.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Try again&#039;, &#039;elementor&#039;),
        buttonAction: onRetry
      },
      request_timeout_error: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;There was a glitch.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Wait a moment and give it another go, or try tweaking the prompt.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Try again&#039;, &#039;elementor&#039;),
        buttonAction: onRetry
      },
      invalid_token: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;Try again&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Try exiting Elementor and sign in again.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Reconnect&#039;, &#039;elementor&#039;),
        buttonAction: onRetry
      },
      file_too_large: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;The file is too large.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Please upload a file that is less than 4MB.&#039;, &#039;elementor&#039;)
      },
      image_resolution_maximum_exceeded: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;The image resolution exceeds the maximum allowed size.&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;Please upload a file with dimensions less than 2048x2048 pixels.&#039;, &#039;elementor&#039;)
      },
      external_service_unavailable: {
        text: /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, (0, _i18n.__)(&#039;Temporary external service issue&#039;, &#039;elementor&#039;)),
        description: (0, _i18n.__)(&#039;It seems that one of our partner services is temporarily unavailable. Please try again in a few minutes.&#039;, &#039;elementor&#039;),
        buttonText: (0, _i18n.__)(&#039;Try Again&#039;, &#039;elementor&#039;),
        buttonAction: onRetry
      }
    };
    return messages[errMsg] || messages.default;
  }
  var message = getErrorMessage();
  var action = (message === null || message === void 0 ? void 0 : message.buttonText) &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Button, {
    color: &quot;inherit&quot;,
    size: &quot;small&quot;,
    variant: &quot;outlined&quot;,
    onClick: message.buttonAction
  }, message.buttonText);
  return /*#__PURE__*/_react.default.createElement(_ui.Alert, (0, _extends2.default)({
    severity: message.severity || &#039;error&#039;,
    action: &#039;default&#039; === actionPosition &amp;&amp; action
  }, props), message.text, message.description, &#039;bottom&#039; === actionPosition &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      mt: 1
    }
  }, action));
};
PromptErrorMessage.propTypes = {
  error: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),
  onRetry: _propTypes.default.func,
  actionPosition: _propTypes.default.oneOf([&#039;default&#039;, &#039;bottom&#039;])
};
var _default = exports[&quot;default&quot;] = PromptErrorMessage;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-action-context.js&quot;:
/*!*********************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-action-context.js ***!
  \*********************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useSubscribeOnPromptHistoryAction = exports.usePromptHistoryAction = exports.PromptHistoryActionProvider = exports.PromptHistoryActionContext = exports.ACTION_TYPES = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _historyTypes = __webpack_require__(/*! ../history-types */ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-types.js&quot;);
var _promptHistoryContext = __webpack_require__(/*! ./prompt-history-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-context.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function _createForOfIteratorHelper(r, e) { var t = &quot;undefined&quot; != typeof Symbol &amp;&amp; r[Symbol.iterator] || r[&quot;@@iterator&quot;]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e &amp;&amp; r &amp;&amp; &quot;number&quot; == typeof r.length) { t &amp;&amp; (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n &gt;= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(&quot;Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
function _unsupportedIterableToArray(r, a) { if (r) { if (&quot;string&quot; == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return &quot;Object&quot; === t &amp;&amp; r.constructor &amp;&amp; (t = r.constructor.name), &quot;Map&quot; === t || &quot;Set&quot; === t ? Array.from(r) : &quot;Arguments&quot; === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a &gt; r.length) &amp;&amp; (a = r.length); for (var e = 0, n = Array(a); e &lt; a; e++) n[e] = r[e]; return n; }
var PromptHistoryActionContext = exports.PromptHistoryActionContext = (0, _react.createContext)({});
var initialActionValue = {
  type: &#039;&#039;,
  id: &#039;&#039;,
  data: null
};
var ACTION_TYPES = exports.ACTION_TYPES = Object.freeze({
  REUSE: &#039;reuse&#039;,
  EDIT: &#039;edit&#039;,
  RESTORE: &#039;restore&#039;,
  REMOVE: &#039;remove&#039;
});
var ENABLED_ACTIONS_BY_TYPE = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _historyTypes.HISTORY_TYPES.TEXT, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ACTION_TYPES.REUSE, true), ACTION_TYPES.EDIT, true), ACTION_TYPES.REMOVE, true)), _historyTypes.HISTORY_TYPES.CODE, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ACTION_TYPES.REUSE, true), ACTION_TYPES.REMOVE, true)), _historyTypes.HISTORY_TYPES.IMAGE, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ACTION_TYPES.RESTORE, true), ACTION_TYPES.REMOVE, true));
var PromptHistoryActionProvider = exports.PromptHistoryActionProvider = function PromptHistoryActionProvider(_ref) {
  var children = _ref.children;
  var _useState = (0, _react.useState)(initialActionValue),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    state = _useState2[0],
    dispatch = _useState2[1];
  return /*#__PURE__*/_react.default.createElement(PromptHistoryActionContext.Provider, {
    value: {
      state: state,
      dispatch: dispatch
    }
  }, children);
};
PromptHistoryActionProvider.propTypes = {
  children: _propTypes.default.node
};
var usePromptHistoryAction = exports.usePromptHistoryAction = function usePromptHistoryAction() {
  var _useContext = (0, _react.useContext)(PromptHistoryActionContext),
    state = _useContext.state,
    dispatch = _useContext.dispatch;
  var _usePromptHistoryCont = (0, _promptHistoryContext.usePromptHistoryContext)(),
    historyType = _usePromptHistoryCont.historyType,
    onClose = _usePromptHistoryCont.onClose;
  var closeModalAfterAction = function closeModalAfterAction(action) {
    return function () {
      action.apply(void 0, arguments);
      onClose();
    };
  };
  var getAllowedActions = function getAllowedActions() {
    return ENABLED_ACTIONS_BY_TYPE[historyType] || {};
  };
  var onPromptReuse = function onPromptReuse(id, data) {
    return dispatch({
      type: ACTION_TYPES.REUSE,
      id: id,
      data: data
    });
  };
  var onResultEdit = function onResultEdit(id, data) {
    return dispatch({
      type: ACTION_TYPES.EDIT,
      id: id,
      data: data
    });
  };
  var onImagesRestore = function onImagesRestore(id, data) {
    return dispatch({
      type: ACTION_TYPES.RESTORE,
      id: id,
      data: data
    });
  };
  return {
    promptHistoryAction: state,
    onPromptReuse: closeModalAfterAction(onPromptReuse),
    onResultEdit: closeModalAfterAction(onResultEdit),
    onImagesRestore: closeModalAfterAction(onImagesRestore),
    getAllowedActions: getAllowedActions
  };
};

/**
 *
 * @param {{type: string, handler: Function}[]} actions
 */
var useSubscribeOnPromptHistoryAction = exports.useSubscribeOnPromptHistoryAction = function useSubscribeOnPromptHistoryAction(actions) {
  var _useContext2 = (0, _react.useContext)(PromptHistoryActionContext),
    state = _useContext2.state;
  (0, _react.useEffect)(function () {
    if (!state.type) {
      return;
    }
    var _iterator = _createForOfIteratorHelper(actions),
      _step;
    try {
      for (_iterator.s(); !(_step = _iterator.n()).done;) {
        var action = _step.value;
        if (state.type === (action === null || action === void 0 ? void 0 : action.type)) {
          action === null || action === void 0 || action.handler(state);
        }
      }
    } catch (err) {
      _iterator.e(err);
    } finally {
      _iterator.f();
    }
  }, [state]);
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-context.js&quot;:
/*!**************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-context.js ***!
  \**************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.usePromptHistoryContext = exports.PromptHistoryProvider = exports.PromptHistoryContext = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _historyTypes = __webpack_require__(/*! ../history-types */ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-types.js&quot;);
var _helpers = __webpack_require__(/*! ../../../helpers */ &quot;../modules/ai/assets/js/editor/helpers/index.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var PromptHistoryContext = exports.PromptHistoryContext = (0, _react.createContext)({});
var DIALOG_CONTAINER_SELECTOR = &#039;.e-ai-dialog-content&#039;;
var getContainer = function getContainer() {
  return document.querySelector(DIALOG_CONTAINER_SELECTOR);
};
var getContainerHeight = function getContainerHeight() {
  var contentContainer = document.querySelector(DIALOG_CONTAINER_SELECTOR);
  return contentContainer === null || contentContainer === void 0 ? void 0 : contentContainer.clientHeight;
};
var getContentHeight = function getContentHeight() {
  var contentContainer = document.querySelector(DIALOG_CONTAINER_SELECTOR);
  return contentContainer.children[0].clientHeight + 50;
};
var setContentHeight = function setContentHeight(height) {
  var contentContainer = document.querySelector(DIALOG_CONTAINER_SELECTOR);
  if (&#039;auto&#039; === height) {
    contentContainer.style.height = &#039;auto&#039;;
    return;
  }
  contentContainer.style.height = &quot;&quot;.concat(height, &quot;px&quot;);
};
var PromptHistoryProvider = exports.PromptHistoryProvider = function PromptHistoryProvider(_ref) {
  var historyType = _ref.historyType,
    children = _ref.children;
  var showHistoryState = (0, _react.useState)(false);
  return /*#__PURE__*/_react.default.createElement(PromptHistoryContext.Provider, {
    value: {
      historyType: historyType,
      showHistoryState: showHistoryState
    }
  }, children);
};
PromptHistoryProvider.propTypes = {
  historyType: _propTypes.default.oneOf(Object.values(_historyTypes.HISTORY_TYPES)).isRequired,
  children: _propTypes.default.node
};
var usePromptHistoryContext = exports.usePromptHistoryContext = function usePromptHistoryContext() {
  var _useContext = (0, _react.useContext)(PromptHistoryContext),
    historyType = _useContext.historyType,
    showHistoryState = _useContext.showHistoryState;
  var _showHistoryState = (0, _slicedToArray2.default)(showHistoryState, 2),
    showHistory = _showHistoryState[0],
    setShowHistory = _showHistoryState[1];
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    showModalWrapper = _useState2[0],
    setShowModalWrapper = _useState2[1];
  var _useState3 = (0, _react.useState)(false),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    showPromptHistory = _useState4[0],
    setShowPromptHistory = _useState4[1];
  var handleFullScreenHistoryState = function handleFullScreenHistoryState() {
    if (showHistory) {
      setShowModalWrapper(true);
      setTimeout(function () {
        return setShowPromptHistory(true);
      }, 200);
      return;
    }
    setShowPromptHistory(false);
    setTimeout(function () {
      return setShowModalWrapper(false);
    }, 500);
  };
  var handleDefaultHistoryState = function handleDefaultHistoryState() {
    if (showHistory) {
      var currentHeight = getContentHeight();

      // Set initial state
      setContentHeight(currentHeight);
      setTimeout(function () {
        if (currentHeight &lt; (0, _helpers.vh)(61)) {
          setContentHeight((0, _helpers.vh)(61));
          setTimeout(function () {
            return setShowModalWrapper(true);
          }, 200);
          setTimeout(function () {
            return setShowPromptHistory(true);
          }, 300);
          return;
        }
        setShowModalWrapper(true);
        setShowPromptHistory(true);
      }, 20);
      return;
    }
    setShowPromptHistory(false);
    setTimeout(function () {
      setShowModalWrapper(false);
      setContentHeight(getContentHeight());
      setTimeout(function () {
        return setContentHeight(&#039;auto&#039;);
      }, 300);
    }, 500);
  };
  (0, _react.useEffect)(function () {
    if (showHistory === showModalWrapper &amp;&amp; showHistory === showPromptHistory) {
      return;
    }
    if (historyType === _historyTypes.HISTORY_TYPES.IMAGE) {
      return handleFullScreenHistoryState();
    }
    handleDefaultHistoryState();
  }, [showHistory]);
  var onOpen = function onOpen() {
    setShowHistory(true);
  };
  var onClose = function onClose() {
    setShowHistory(false);
  };
  return {
    historyType: historyType,
    isOpen: showPromptHistory,
    isModalOpen: showModalWrapper,
    showHistory: showHistory,
    onOpen: onOpen,
    onClose: onClose,
    getContainer: getContainer,
    getContainerHeight: getContainerHeight
  };
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/helpers/history-period-helpers.js&quot;:
/*!**************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/helpers/history-period-helpers.js ***!
  \**************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.renderPeriods = exports.groupPromptHistoryData = exports.LAST_7_DAYS_KEY = exports.LAST_30_DAYS_KEY = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _dateHelpers = __webpack_require__(/*! ../../../helpers/date-helpers */ &quot;../modules/ai/assets/js/editor/helpers/date-helpers.js&quot;);
var _modalPeriod = _interopRequireDefault(__webpack_require__(/*! ../parts/modal-period */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-period.js&quot;));
function _createForOfIteratorHelper(r, e) { var t = &quot;undefined&quot; != typeof Symbol &amp;&amp; r[Symbol.iterator] || r[&quot;@@iterator&quot;]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e &amp;&amp; r &amp;&amp; &quot;number&quot; == typeof r.length) { t &amp;&amp; (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n &gt;= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(&quot;Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
function _unsupportedIterableToArray(r, a) { if (r) { if (&quot;string&quot; == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return &quot;Object&quot; === t &amp;&amp; r.constructor &amp;&amp; (t = r.constructor.name), &quot;Map&quot; === t || &quot;Set&quot; === t ? Array.from(r) : &quot;Arguments&quot; === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a &gt; r.length) &amp;&amp; (a = r.length); for (var e = 0, n = Array(a); e &lt; a; e++) n[e] = r[e]; return n; }
var DATE_KEY = &#039;date&#039;;
var LAST_7_DAYS_KEY = exports.LAST_7_DAYS_KEY = &#039;7-days&#039;;
var LAST_30_DAYS_KEY = exports.LAST_30_DAYS_KEY = &#039;30-days&#039;;
var MONTH_FORMAT = (0, _i18n.__)(&#039;F&#039;, &#039;elementor&#039;);

/**
 * Sorts items in ascending order by date.
 *
 * @param {Array} historyData
 * @return {Array}
 */
var sortPromptHistoryData = function sortPromptHistoryData(historyData) {
  var clone = (0, _toConsumableArray2.default)(historyData);
  return clone.sort(function (a, b) {
    return new Date(b[DATE_KEY]) - new Date(a[DATE_KEY]);
  });
};

/**
 * Groups prompt history data by time periods.
 *
 * @param {Array} historyData
 * @return {Object.&lt;string, {label: string, items: any[]}&gt;}
 */
var groupPromptHistoryData = exports.groupPromptHistoryData = function groupPromptHistoryData(historyData) {
  var data = sortPromptHistoryData(historyData);
  var currentDate = new Date();
  var result = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, LAST_7_DAYS_KEY, {
    label: (0, _i18n.__)(&#039;Last 7 days&#039;, &#039;elementor&#039;),
    items: []
  }), LAST_30_DAYS_KEY, {
    label: (0, _i18n.__)(&#039;Last 30 days&#039;, &#039;elementor&#039;),
    items: []
  });
  var _iterator = _createForOfIteratorHelper(data),
    _step;
  try {
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      var item = _step.value;
      var date = new Date(item[DATE_KEY]);
      var diff = (0, _dateHelpers.daysDiff)(date, currentDate);
      if (diff &lt;= 7) {
        result[LAST_7_DAYS_KEY].items.push(item);
        continue;
      }
      if (diff &lt;= 30) {
        result[LAST_30_DAYS_KEY].items.push(item);
        continue;
      }
      var month = date.getMonth();
      if (!result[month]) {
        result[month] = {
          label: (0, _dateHelpers.translateDate)(MONTH_FORMAT, date),
          items: []
        };
      }
      result[month].items.push(item);
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return result;
};
var renderPeriods = exports.renderPeriods = function renderPeriods(_ref) {
  var _groupData$LAST_7_DAY, _groupData$LAST_30_DA;
  var items = _ref.items,
    onDelete = _ref.onDelete;
  var groupData = groupPromptHistoryData(items);
  var periods = [];
  if ((_groupData$LAST_7_DAY = groupData[LAST_7_DAYS_KEY]) !== null &amp;&amp; _groupData$LAST_7_DAY !== void 0 &amp;&amp; (_groupData$LAST_7_DAY = _groupData$LAST_7_DAY.items) !== null &amp;&amp; _groupData$LAST_7_DAY !== void 0 &amp;&amp; _groupData$LAST_7_DAY.length) {
    periods.push(/*#__PURE__*/_react.default.createElement(_modalPeriod.default, {
      periodTitle: groupData[LAST_7_DAYS_KEY].label,
      onHistoryItemDelete: onDelete,
      historyItems: groupData[LAST_7_DAYS_KEY].items
    }));
  }
  if ((_groupData$LAST_30_DA = groupData[LAST_30_DAYS_KEY]) !== null &amp;&amp; _groupData$LAST_30_DA !== void 0 &amp;&amp; (_groupData$LAST_30_DA = _groupData$LAST_30_DA.items) !== null &amp;&amp; _groupData$LAST_30_DA !== void 0 &amp;&amp; _groupData$LAST_30_DA.length) {
    periods.push(/*#__PURE__*/_react.default.createElement(_modalPeriod.default, {
      periodTitle: groupData[LAST_30_DAYS_KEY].label,
      onHistoryItemDelete: onDelete,
      historyItems: groupData[LAST_30_DAYS_KEY].items
    }));
  }
  for (var i = _dateHelpers.MONTH_DECEMBER_INDEX; i &gt;= _dateHelpers.MONTH_JANUARY_INDEX; i--) {
    if (groupData[i]) {
      periods.push(/*#__PURE__*/_react.default.createElement(_modalPeriod.default, {
        periodTitle: groupData[i].label,
        onHistoryItemDelete: onDelete,
        historyItems: groupData[i].items
      }));
    }
  }
  return periods;
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-button.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/history-button.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _excluded = [&quot;isActive&quot;];
var _templateObject;
var StyledHistoryButton = (0, _ui.styled)(_ui.IconButton)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([&quot;\n  margin-right: &quot;, &quot;;\n\n  &quot;, &quot;\n&quot;])), function (_ref) {
  var theme = _ref.theme;
  return theme.spacing(2);
}, function (_ref2) {
  var isActive = _ref2.isActive,
    theme = _ref2.theme;
  return isActive &amp;&amp; &quot;\n    background-color: &quot;.concat(theme.palette.action.hover, &quot;;\n    color: &quot;).concat(theme.palette.text.tertiary, &quot;;\n  &quot;);
});
var PromptHistoryButton = function PromptHistoryButton(_ref3) {
  var isActive = _ref3.isActive,
    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
  return /*#__PURE__*/_react.default.createElement(StyledHistoryButton, (0, _extends2.default)({
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Show prompt history&#039;, &#039;elementor&#039;),
    type: &quot;button&quot;,
    size: &quot;small&quot;,
    isActive: isActive
  }, props), /*#__PURE__*/_react.default.createElement(_icons.HistoryIcon, null));
};
PromptHistoryButton.propTypes = {
  isActive: _propTypes.default.bool.isRequired
};
var _default = exports[&quot;default&quot;] = PromptHistoryButton;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-modal.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/history-modal.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _usePromptHistory2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-prompt-history */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt-history.js&quot;));
var _modalHeader = _interopRequireDefault(__webpack_require__(/*! ./parts/modal-header */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-header.js&quot;));
var _useDeletePromptHistoryItem = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-delete-prompt-history-item */ &quot;../modules/ai/assets/js/editor/hooks/use-delete-prompt-history-item.js&quot;));
var _promptErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../prompt-error-message */ &quot;../modules/ai/assets/js/editor/components/prompt-error-message.js&quot;));
var _historyPeriodHelpers = __webpack_require__(/*! ./helpers/history-period-helpers */ &quot;../modules/ai/assets/js/editor/components/prompt-history/helpers/history-period-helpers.js&quot;);
var _modalEmpty = _interopRequireDefault(__webpack_require__(/*! ./parts/modal-empty */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-empty.js&quot;));
var _reactInfiniteScroller = _interopRequireDefault(__webpack_require__(/*! react-infinite-scroller */ &quot;../node_modules/react-infinite-scroller/index.js&quot;));
var _modalUpgrade = _interopRequireDefault(__webpack_require__(/*! ./parts/modal-upgrade */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-upgrade.js&quot;));
var _promptHistoryContext = __webpack_require__(/*! ./context/prompt-history-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-context.js&quot;);
var _modalContainer = _interopRequireDefault(__webpack_require__(/*! ./parts/modal-container */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-container.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var ITEMS_LIMIT = 10;
var FREE_PLAN_ERRORS = [&#039;invalid_connect_data&#039;, &#039;no_subscription&#039;];
var PromptHistoryModal = function PromptHistoryModal(props) {
  var lastRun = (0, _react.useRef)(function () {});
  var scrollContainer = (0, _react.useRef)(null);
  var _usePromptHistoryCont = (0, _promptHistoryContext.usePromptHistoryContext)(),
    historyType = _usePromptHistoryCont.historyType,
    onClose = _usePromptHistoryCont.onClose;
  var _usePromptHistory = (0, _usePromptHistory2.default)(historyType),
    items = _usePromptHistory.items,
    meta = _usePromptHistory.meta,
    isHistoryFetchingInProgress = _usePromptHistory.isLoading,
    historyFetchingError = _usePromptHistory.error,
    fetchData = _usePromptHistory.fetchData,
    deleteItemFromState = _usePromptHistory.deleteItemById;
  var _useDeletePromptHisto = (0, _useDeletePromptHistoryItem.default)(),
    isDeletingInProgress = _useDeletePromptHisto.isLoading,
    historyDeletingError = _useDeletePromptHisto.error,
    deleteItem = _useDeletePromptHisto.deleteItem;
  var error = historyFetchingError || historyDeletingError;
  var isLoading = isHistoryFetchingInProgress || isDeletingInProgress;
  var isLastPage = meta &amp;&amp; (meta === null || meta === void 0 ? void 0 : meta.currentPage) === (meta === null || meta === void 0 ? void 0 : meta.totalPages);
  var showUpgrade = (items === null || items === void 0 ? void 0 : items.length) &gt; 0 &amp;&amp; (meta === null || meta === void 0 ? void 0 : meta.allowedDays) &lt; 90 &amp;&amp; isLastPage;
  (0, _react.useEffect)(function () {
    lastRun.current = /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            return _context.abrupt(&quot;return&quot;, fetchData({
              page: 1,
              limit: ITEMS_LIMIT
            }));
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    lastRun.current();
  }, []);
  var loadNext = function loadNext() {
    if (isLoading || isLastPage) {
      return;
    }
    lastRun.current = /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
      return _regenerator.default.wrap(function (_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            return _context2.abrupt(&quot;return&quot;, fetchData({
              page: meta.currentPage + 1,
              limit: ITEMS_LIMIT
            }));
          case 1:
          case &quot;end&quot;:
            return _context2.stop();
        }
      }, _callee2);
    }));
    lastRun.current();
  };
  var onHistoryItemDelete = /*#__PURE__*/function () {
    var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee4(id) {
      return _regenerator.default.wrap(function (_context4) {
        while (1) switch (_context4.prev = _context4.next) {
          case 0:
            lastRun.current = /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
              return _regenerator.default.wrap(function (_context3) {
                while (1) switch (_context3.prev = _context3.next) {
                  case 0:
                    _context3.next = 1;
                    return deleteItem(id);
                  case 1:
                    return _context3.abrupt(&quot;return&quot;, _context3.sent);
                  case 2:
                  case &quot;end&quot;:
                    return _context3.stop();
                }
              }, _callee3);
            }));
            _context4.next = 1;
            return lastRun.current();
          case 1:
            if (!historyDeletingError) {
              deleteItemFromState(id);
            }
          case 2:
          case &quot;end&quot;:
            return _context4.stop();
        }
      }, _callee4);
    }));
    return function onHistoryItemDelete(_x) {
      return _ref3.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/_react.default.createElement(_modalContainer.default, props, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
    onClose: onClose
  }), error &amp;&amp; !FREE_PLAN_ERRORS.includes(error) &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptErrorMessage.default, {
    error: error,
    onRetry: lastRun.current,
    sx: {
      position: &#039;absolute&#039;,
      zIndex: 1,
      marginTop: isLoading ? 0.5 : &#039;revert&#039;
    }
  }), isLoading &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.LinearProgress, {
    role: &quot;progressbar&quot;,
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Loading&#039;, &#039;elementor&#039;),
    color: &quot;secondary&quot;
  }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      overflowY: &#039;scroll&#039;,
      height: &#039;85%&#039;
    },
    ref: scrollContainer
  }, error &amp;&amp; FREE_PLAN_ERRORS.includes(error) &amp;&amp; /*#__PURE__*/_react.default.createElement(_modalUpgrade.default, {
    variant: &quot;full&quot;,
    historyType: historyType
  }), !error &amp;&amp; 0 === (items === null || items === void 0 ? void 0 : items.length) &amp;&amp; /*#__PURE__*/_react.default.createElement(_modalEmpty.default, {
    historyType: historyType
  }), (items === null || items === void 0 ? void 0 : items.length) &gt; 0 &amp;&amp; /*#__PURE__*/_react.default.createElement(_reactInfiniteScroller.default, {
    loadMore: loadNext,
    getScrollParent: function getScrollParent() {
      return scrollContainer.current;
    },
    useWindow: false,
    isReverse: false,
    threshold: 30,
    initialLoad: false,
    hasMore: !isLastPage
  }, (0, _historyPeriodHelpers.renderPeriods)({
    items: items,
    onDelete: onHistoryItemDelete
  })), showUpgrade &amp;&amp; /*#__PURE__*/_react.default.createElement(_modalUpgrade.default, {
    variant: &quot;small&quot;,
    historyType: historyType
  })));
};
var _default = exports[&quot;default&quot;] = PromptHistoryModal;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-types.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/history-types.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.getTranslatedPromptHistoryType = exports.TRANSLATED_HISTORY_TYPES_FALLBACK = exports.TRANSLATED_HISTORY_TYPES = exports.HISTORY_TYPES = void 0;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var HISTORY_TYPES = exports.HISTORY_TYPES = Object.freeze({
  ALL: &#039;all&#039;,
  TEXT: &#039;text&#039;,
  CODE: &#039;code&#039;,
  IMAGE: &#039;images&#039;,
  BLOCK: &#039;blocks&#039;
});
var TRANSLATED_HISTORY_TYPES_FALLBACK = exports.TRANSLATED_HISTORY_TYPES_FALLBACK = (0, _i18n.__)(&#039;things&#039;, &#039;elementor&#039;);
var TRANSLATED_HISTORY_TYPES = exports.TRANSLATED_HISTORY_TYPES = Object.freeze((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, HISTORY_TYPES.TEXT, (0, _i18n.__)(&#039;texts&#039;, &#039;elementor&#039;)), HISTORY_TYPES.CODE, (0, _i18n.__)(&#039;code&#039;, &#039;elementor&#039;)), HISTORY_TYPES.IMAGE, (0, _i18n.__)(&#039;images&#039;, &#039;elementor&#039;)), HISTORY_TYPES.BLOCK, (0, _i18n.__)(&#039;blocks&#039;, &#039;elementor&#039;)));
var getTranslatedPromptHistoryType = exports.getTranslatedPromptHistoryType = function getTranslatedPromptHistoryType(historyType) {
  if (TRANSLATED_HISTORY_TYPES[historyType]) {
    return TRANSLATED_HISTORY_TYPES[historyType];
  }
  return TRANSLATED_HISTORY_TYPES_FALLBACK;
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/index.js&quot;:
/*!*************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/index.js ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _historyButton = _interopRequireDefault(__webpack_require__(/*! ./history-button */ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-button.js&quot;));
var _historyModal = _interopRequireDefault(__webpack_require__(/*! ./history-modal */ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-modal.js&quot;));
var _promptHistoryContext = __webpack_require__(/*! ./context/prompt-history-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-context.js&quot;);
var PROMPT_HISTORY_MODAL_ID = &#039;prompt-history-modal&#039;;
var PromptHistory = function PromptHistory() {
  var _usePromptHistoryCont = (0, _promptHistoryContext.usePromptHistoryContext)(),
    isOpen = _usePromptHistoryCont.isOpen,
    isModalOpen = _usePromptHistoryCont.isModalOpen,
    onOpen = _usePromptHistoryCont.onOpen,
    onClose = _usePromptHistoryCont.onClose;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_historyButton.default, {
    isActive: isOpen,
    onClick: function onClick() {
      return isOpen ? onClose() : onOpen();
    },
    &quot;aria-haspopup&quot;: &quot;dialog&quot;,
    &quot;aria-controls&quot;: PROMPT_HISTORY_MODAL_ID
  }), isModalOpen &amp;&amp; /*#__PURE__*/_react.default.createElement(_historyModal.default, {
    id: PROMPT_HISTORY_MODAL_ID
  }));
};
var _default = exports[&quot;default&quot;] = PromptHistory;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/action-icon.js&quot;:
/*!*************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/action-icon.js ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _textIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/text-icon */ &quot;../modules/ai/assets/js/editor/icons/text-icon.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _codeIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/code-icon */ &quot;../modules/ai/assets/js/editor/icons/code-icon.js&quot;));
var FALLBACK_ICON = /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
  &quot;data-testid&quot;: &quot;e-ph-fi&quot;
});
var ICONS_BY_ACTIONS = Object.freeze({
  &#039;enhance-image-prompt&#039;: /*#__PURE__*/_react.default.createElement(_textIcon.default, null),
  &#039;get-text&#039;: /*#__PURE__*/_react.default.createElement(_textIcon.default, null),
  &#039;edit-text&#039;: /*#__PURE__*/_react.default.createElement(_textIcon.default, null),
  &#039;custom-css&#039;: /*#__PURE__*/_react.default.createElement(_codeIcon.default, null),
  &#039;custom-code&#039;: /*#__PURE__*/_react.default.createElement(_codeIcon.default, null)
});
var PromptHistoryActionIcon = function PromptHistoryActionIcon(_ref) {
  var action = _ref.action;
  if (ICONS_BY_ACTIONS[action]) {
    return ICONS_BY_ACTIONS[action];
  }
  return FALLBACK_ICON;
};
PromptHistoryActionIcon.propTypes = {
  action: _propTypes.default.string.isRequired
};
var _default = exports[&quot;default&quot;] = PromptHistoryActionIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-container.js&quot;:
/*!*****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-container.js ***!
  \*****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _promptHistoryContext = __webpack_require__(/*! ../context/prompt-history-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-context.js&quot;);
var _excluded = [&quot;children&quot;];
var _templateObject;
var StyledContent = (0, _ui.styled)(_ui.Box)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([&quot;\n  width: 360px;\n  position: relative;\n  margin-top: &quot;, &quot;;\n  margin-right: &quot;, &quot;;\n  background-color: &quot;, &quot;;\n  border-radius: &quot;, &quot;;\n  height: &quot;, &quot;;\n\n  @media screen and (max-width: 456px) {\n    width: 320px;\n  }\n\n  @media screen and (max-width: 420px) {\n    width: 230px;\n  }\n&quot;])), function (_ref) {
  var theme = _ref.theme;
  return theme.spacing(2);
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.spacing(2);
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.palette.background.paper;
}, function (_ref4) {
  var theme = _ref4.theme;
  return &quot;&quot;.concat(theme.shape.borderRadius, &quot;px&quot;);
}, function (_ref5) {
  var height = _ref5.height;
  return &quot;calc( &quot;.concat(height, &quot;px - 32px )&quot;);
});
var ModalContainer = function ModalContainer(_ref6) {
  var children = _ref6.children,
    props = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
  var _usePromptHistoryCont = (0, _promptHistoryContext.usePromptHistoryContext)(),
    isOpen = _usePromptHistoryCont.isOpen,
    isModalOpen = _usePromptHistoryCont.isModalOpen,
    onClose = _usePromptHistoryCont.onClose,
    getContainerHeight = _usePromptHistoryCont.getContainerHeight,
    getContainer = _usePromptHistoryCont.getContainer;
  return /*#__PURE__*/_react.default.createElement(_ui.Modal, (0, _extends2.default)({
    container: getContainer(),
    open: isModalOpen,
    hideBackdrop: true,
    onClose: onClose,
    sx: {
      position: &#039;absolute&#039;
    }
  }, props), /*#__PURE__*/_react.default.createElement(_ui.Backdrop, {
    open: true,
    sx: {
      position: &#039;absolute&#039;,
      justifyContent: &#039;flex-end&#039;,
      alignItems: &#039;flex-start&#039;
    },
    &quot;aria-hidden&quot;: false
  }, /*#__PURE__*/_react.default.createElement(_ui.Slide, {
    direction: &quot;left&quot;,
    in: isOpen,
    timeout: 500,
    easing: &quot;ease-in-out&quot;
  }, /*#__PURE__*/_react.default.createElement(StyledContent, {
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Prompt history modal&#039;, &#039;elementor&#039;),
    height: getContainerHeight()
  }, children))));
};
ModalContainer.propTypes = {
  isOpen: _propTypes.default.bool.isRequired,
  isModalOpen: _propTypes.default.bool.isRequired,
  onClose: _propTypes.default.func.isRequired,
  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node])
};
var _default = exports[&quot;default&quot;] = ModalContainer;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-empty.js&quot;:
/*!*************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-empty.js ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;sprintf&quot;];


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _historyTypes = __webpack_require__(/*! ../history-types */ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-types.js&quot;);
var PromptHistoryEmpty = function PromptHistoryEmpty(_ref) {
  var historyType = _ref.historyType;
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    justifyContent: &quot;center&quot;,
    sx: {
      height: &#039;100%&#039;,
      textAlign: &#039;center&#039;
    },
    &quot;data-testid&quot;: &quot;e-ph-empty&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;h6&quot;
  }, (0, _i18n.__)(&#039;Prepare to be amazed&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body1&quot;
  }, sprintf(
  // Translators: %s: History type.
  (0, _i18n.__)(&#039;This is where you\&#039;ll find all the %s you\&#039;ve generated using Elementor AI.&#039;, &#039;elementor&#039;), (0, _historyTypes.getTranslatedPromptHistoryType)(historyType))));
};
PromptHistoryEmpty.propTypes = {
  historyType: _propTypes.default.oneOf(Object.values(_historyTypes.HISTORY_TYPES)).isRequired
};
var _default = exports[&quot;default&quot;] = PromptHistoryEmpty;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-header.js&quot;:
/*!**************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-header.js ***!
  \**************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var StyledContent = (0, _ui.styled)(_ui.Box)(function (_ref) {
  var theme = _ref.theme;
  return {
    marginTop: 0,
    padding: theme.spacing(1.5),
    borderBottom: &quot;1px solid &quot;.concat(theme.palette.action.focus),
    display: &#039;flex&#039;,
    alignItems: &#039;center&#039;,
    justifyContent: &#039;space-between&#039;
  };
});
var PromptHistoryModalHeader = function PromptHistoryModalHeader(_ref2) {
  var onClose = _ref2.onClose;
  return /*#__PURE__*/_react.default.createElement(StyledContent, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    fontWeight: &quot;bolder&quot;,
    variant: &quot;h6&quot;,
    sx: {
      userSelect: &#039;none&#039;
    }
  }, (0, _i18n.__)(&#039;History&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    size: &quot;small&quot;,
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Hide prompt history&#039;, &#039;elementor&#039;),
    onClick: onClose
  }, /*#__PURE__*/_react.default.createElement(_icons.XIcon, {
    fontSize: &quot;small&quot;
  })));
};
PromptHistoryModalHeader.propTypes = {
  onClose: _propTypes.default.func.isRequired
};
var _default = exports[&quot;default&quot;] = PromptHistoryModalHeader;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-action-button.js&quot;:
/*!**************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-action-button.js ***!
  \**************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _tooltip = _interopRequireDefault(__webpack_require__(/*! ../../tooltip */ &quot;../modules/ai/assets/js/editor/components/tooltip.js&quot;));
var _excluded = [&quot;tooltipTitle&quot;];
var ActionButton = function ActionButton(_ref) {
  var tooltipTitle = _ref.tooltipTitle,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    title: tooltipTitle,
    placement: &quot;top&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, (0, _extends2.default)({
    type: &quot;button&quot;,
    size: &quot;small&quot;,
    disableRipple: true,
    disableFocusRipple: true,
    disableTouchRipple: true
  }, props)));
};
ActionButton.propTypes = {
  tooltipTitle: _propTypes.default.string.isRequired
};
var _default = exports[&quot;default&quot;] = ActionButton;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-secondary-content.js&quot;:
/*!******************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-secondary-content.js ***!
  \******************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _templateObject, _templateObject2;
var StyledDateSubtitle = (0, _ui.styled)(_ui.Typography)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([&quot;\n  color: &quot;, &quot;;\n&quot;])), function (_ref) {
  var theme = _ref.theme;
  return theme.palette.secondary.light;
});
var StyledImage = (0, _ui.styled)(&#039;img&#039;)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([&quot;\n  height: 72px;\n  width: 72px;\n  object-fit: cover;\n  margin-right: &quot;, &quot;;\n&quot;])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.spacing(0.5);
});
var PromptHistoryItemSecondaryContent = function PromptHistoryItemSecondaryContent(_ref3) {
  var date = _ref3.date,
    thumbnails = _ref3.thumbnails;
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;column&quot;,
    width: &quot;90%&quot;
  }, /*#__PURE__*/_react.default.createElement(StyledDateSubtitle, {
    variant: &quot;caption&quot;
  }, date), (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) &gt; 0 &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    flexDirection: &quot;row&quot;,
    mt: 1
  }, thumbnails.map(
  /**
   * @param {Object} thumb
   * @return {React.ReactNode}
   */
  function (thumb) {
    return /*#__PURE__*/_react.default.createElement(StyledImage, {
      key: &quot;thumbnail-&quot;.concat(thumb.seed),
      alt: &quot;&quot;,
      src: thumb.image_url
    });
  })));
};
PromptHistoryItemSecondaryContent.propTypes = {
  date: _propTypes.default.string.isRequired,
  thumbnails: _propTypes.default.array
};
var _default = exports[&quot;default&quot;] = PromptHistoryItemSecondaryContent;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-title.js&quot;:
/*!******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-title.js ***!
  \******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _tooltip = _interopRequireDefault(__webpack_require__(/*! ../../tooltip */ &quot;../modules/ai/assets/js/editor/components/tooltip.js&quot;));
var _templateObject;
var StyledTitle = (0, _ui.styled)(_ui.Typography)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([&quot;\n  margin-bottom: &quot;, &quot;;\n&quot;])), function (_ref) {
  var theme = _ref.theme;
  return theme.spacing(0.5);
});
var PromptHistoryItemTitle = function PromptHistoryItemTitle(_ref2) {
  var prompt = _ref2.prompt;
  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    title: prompt,
    arrow: false,
    placement: &quot;bottom-start&quot;
  }, /*#__PURE__*/_react.default.createElement(StyledTitle, {
    variant: &quot;body2&quot;,
    noWrap: true,
    paragraph: true
  }, prompt));
};
PromptHistoryItemTitle.propTypes = {
  prompt: _propTypes.default.string.isRequired
};
var _default = exports[&quot;default&quot;] = PromptHistoryItemTitle;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item.js&quot;:
/*!************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item.js ***!
  \************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _editIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/edit-icon */ &quot;../modules/ai/assets/js/editor/icons/edit-icon.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _restoreIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/restore-icon */ &quot;../modules/ai/assets/js/editor/icons/restore-icon.js&quot;));
var _modalItemActionButton = _interopRequireDefault(__webpack_require__(/*! ./modal-item-action-button */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-action-button.js&quot;));
var _promptHistoryActionContext = __webpack_require__(/*! ../context/prompt-history-action-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-action-context.js&quot;);
var _actionIcon = _interopRequireDefault(__webpack_require__(/*! ./action-icon */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/action-icon.js&quot;));
var _refreshIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/refresh-icon */ &quot;../modules/ai/assets/js/editor/icons/refresh-icon.js&quot;));
var _modalItemTitle = _interopRequireDefault(__webpack_require__(/*! ./modal-item-title */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-title.js&quot;));
var _modalItemSecondaryContent = _interopRequireDefault(__webpack_require__(/*! ./modal-item-secondary-content */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item-secondary-content.js&quot;));
var _excluded = [&quot;id&quot;, &quot;date&quot;, &quot;onHistoryItemDelete&quot;];
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
var StyledListItem = (0, _ui.styled)(_ui.ListItem)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([&quot;\n  &amp; .e-prompt-history-item-actions {\n    position: absolute;\n    top: -9999px;\n  }\n\n  &amp;:hover,\n  &amp;:focus-visible,\n  &amp;:focus-within {\n    .MuiTypography-body2 {\n      font-weight: 700;\n      max-width: &quot;, &quot;;\n    }\n\n    .e-prompt-history-item-actions {\n      position: relative;\n      top: -3px;\n    }\n  }\n&quot;])), function (_ref) {
  var actionsCount = _ref.actionsCount;
  return &quot;calc(100% - &quot;.concat(actionsCount, &quot; * 26px)&quot;);
});
var StyledListItemButton = (0, _ui.styled)(_ui.ListItemButton)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([&quot;\n  padding: &quot;, &quot;;\n  align-items: flex-start;\n  cursor: inherit;\n&quot;])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.spacing(0.5, 2);
});
var StyledListItemIcon = (0, _ui.styled)(_ui.ListItemIcon)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([&quot;\n  min-width: auto;\n\n  &amp; &gt; .MuiSvgIcon-root {\n    margin-right: &quot;, &quot;;\n    font-size: 1rem;\n    position: relative;\n    top: &quot;, &quot;;\n  }\n&quot;])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.spacing(1.5);
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.spacing(0.5);
});
var StyledButtonsWrapper = (0, _ui.styled)(_ui.Box)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)([&quot;\n  &amp; .MuiSvgIcon-root {\n    font-size: 1rem;\n  }\n&quot;])));
var PromptHistoryItem = function PromptHistoryItem(_ref5) {
  var id = _ref5.id,
    date = _ref5.date,
    onHistoryItemDelete = _ref5.onHistoryItemDelete,
    props = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
  var _usePromptHistoryActi = (0, _promptHistoryActionContext.usePromptHistoryAction)(),
    getAllowedActions = _usePromptHistoryActi.getAllowedActions,
    onPromptReuse = _usePromptHistoryActi.onPromptReuse,
    onResultEdit = _usePromptHistoryActi.onResultEdit,
    onImagesRestore = _usePromptHistoryActi.onImagesRestore;
  var action = props.action,
    prompt = props.prompt,
    text = props.text,
    images = props.images,
    thumbnails = props.thumbnails,
    imageType = props.imageType,
    ratio = props.ratio;
  var allowedActions = getAllowedActions();
  return /*#__PURE__*/_react.default.createElement(StyledListItem, {
    tabIndex: &quot;0&quot;,
    &quot;data-testid&quot;: &quot;e-ph-i&quot;,
    disableGutters: true,
    disablePadding: true,
    actionsCount: Object.keys(allowedActions).length
  }, /*#__PURE__*/_react.default.createElement(StyledListItemButton, {
    component: &quot;div&quot;,
    role: undefined
  }, /*#__PURE__*/_react.default.createElement(StyledListItemIcon, null, /*#__PURE__*/_react.default.createElement(_actionIcon.default, {
    action: action
  })), /*#__PURE__*/_react.default.createElement(_ui.ListItemText, {
    disableTypography: true,
    primary: /*#__PURE__*/_react.default.createElement(_ui.Stack, {
      direction: &quot;row&quot;,
      justifyContent: &quot;space-between&quot;,
      alignItems: &quot;center&quot;,
      height: &quot;16px&quot;
    }, /*#__PURE__*/_react.default.createElement(_modalItemTitle.default, {
      prompt: prompt
    }), /*#__PURE__*/_react.default.createElement(StyledButtonsWrapper, {
      className: &quot;e-prompt-history-item-actions&quot;
    }, allowedActions[_promptHistoryActionContext.ACTION_TYPES.REMOVE] &amp;&amp; /*#__PURE__*/_react.default.createElement(_modalItemActionButton.default, {
      onClick: function onClick() {
        return onHistoryItemDelete(id);
      },
      &quot;aria-label&quot;: (0, _i18n.__)(&#039;Remove item&#039;, &#039;elementor&#039;),
      tooltipTitle: (0, _i18n.__)(&#039;Remove&#039;, &#039;elementor&#039;)
    }, /*#__PURE__*/_react.default.createElement(_icons.TrashIcon, null)), allowedActions[_promptHistoryActionContext.ACTION_TYPES.REUSE] &amp;&amp; /*#__PURE__*/_react.default.createElement(_modalItemActionButton.default, {
      onClick: function onClick() {
        return onPromptReuse(id, prompt);
      },
      &quot;aria-label&quot;: (0, _i18n.__)(&#039;Reuse prompt&#039;, &#039;elementor&#039;),
      tooltipTitle: (0, _i18n.__)(&#039;Reuse prompt&#039;, &#039;elementor&#039;)
    }, /*#__PURE__*/_react.default.createElement(_refreshIcon.default, null)), allowedActions[_promptHistoryActionContext.ACTION_TYPES.RESTORE] &amp;&amp; /*#__PURE__*/_react.default.createElement(_modalItemActionButton.default, {
      onClick: function onClick() {
        return onImagesRestore(id, {
          prompt: prompt,
          images: images,
          imageType: imageType,
          ratio: ratio
        });
      },
      &quot;aria-label&quot;: (0, _i18n.__)(&#039;Restore&#039;, &#039;elementor&#039;),
      tooltipTitle: (0, _i18n.__)(&#039;Restore&#039;, &#039;elementor&#039;)
    }, /*#__PURE__*/_react.default.createElement(_restoreIcon.default, null)), allowedActions[_promptHistoryActionContext.ACTION_TYPES.EDIT] &amp;&amp; /*#__PURE__*/_react.default.createElement(_modalItemActionButton.default, {
      onClick: function onClick() {
        return onResultEdit(id, text);
      },
      &quot;aria-label&quot;: (0, _i18n.__)(&#039;Edit result&#039;, &#039;elementor&#039;),
      tooltipTitle: (0, _i18n.__)(&#039;Edit&#039;, &#039;elementor&#039;)
    }, /*#__PURE__*/_react.default.createElement(_editIcon.default, null)))),
    secondary: /*#__PURE__*/_react.default.createElement(_modalItemSecondaryContent.default, {
      date: date,
      thumbnails: thumbnails
    })
  })));
};
PromptHistoryItem.propTypes = {
  id: _propTypes.default.string.isRequired,
  action: _propTypes.default.string.isRequired,
  prompt: _propTypes.default.string.isRequired,
  date: _propTypes.default.string.isRequired,
  onHistoryItemDelete: _propTypes.default.func.isRequired,
  text: _propTypes.default.string,
  images: _propTypes.default.array,
  thumbnails: _propTypes.default.array,
  imageType: _propTypes.default.string,
  ratio: _propTypes.default.string
};
var _default = exports[&quot;default&quot;] = PromptHistoryItem;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-period.js&quot;:
/*!**************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-period.js ***!
  \**************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _modalItem = _interopRequireDefault(__webpack_require__(/*! ./modal-item */ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-item.js&quot;));
var _dateHelpers = __webpack_require__(/*! ../../../helpers/date-helpers */ &quot;../modules/ai/assets/js/editor/helpers/date-helpers.js&quot;);
var _excluded = [&quot;id&quot;, &quot;date&quot;];
var StyledPeriodList = (0, _ui.styled)(_ui.List)(function (_ref) {
  var theme = _ref.theme;
  return {
    borderBottom: &quot;1px solid &quot;.concat(theme.palette.action.focus)
  };
});
var StyledPeriodTitle = (0, _ui.styled)(_ui.Typography)(function (_ref2) {
  var theme = _ref2.theme;
  return {
    padding: theme.spacing(1.5, 2),
    color: theme.palette.secondary.light
  };
});
var DATE_FORMAT = (0, _i18n.__)(&#039;F j, g:i A&#039;, &#039;elementor&#039;);
var PromptHistoryPeriod = function PromptHistoryPeriod(_ref3) {
  var periodTitle = _ref3.periodTitle,
    historyItems = _ref3.historyItems,
    _onHistoryItemDelete = _ref3.onHistoryItemDelete;
  return /*#__PURE__*/_react.default.createElement(StyledPeriodList, {
    &quot;data-testid&quot;: &quot;e-ph-p&quot;,
    subheader: /*#__PURE__*/_react.default.createElement(_ui.ListSubheader, {
      disableSticky: true,
      disableGutters: true
    }, /*#__PURE__*/_react.default.createElement(StyledPeriodTitle, {
      variant: &quot;body2&quot;,
      role: &quot;heading&quot;,
      &quot;aria-level&quot;: &quot;6&quot;
    }, periodTitle))
  }, historyItems.map(function (_ref4) {
    var id = _ref4.id,
      date = _ref4.date,
      props = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
    return /*#__PURE__*/_react.default.createElement(_modalItem.default, (0, _extends2.default)({
      key: id,
      date: (0, _dateHelpers.translateDate)(DATE_FORMAT, date),
      onHistoryItemDelete: function onHistoryItemDelete() {
        return _onHistoryItemDelete(id);
      },
      id: id
    }, props));
  }));
};
PromptHistoryPeriod.propTypes = {
  periodTitle: _propTypes.default.string.isRequired,
  historyItems: _propTypes.default.array.isRequired,
  onHistoryItemDelete: _propTypes.default.func.isRequired
};
var _default = exports[&quot;default&quot;] = PromptHistoryPeriod;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-history/parts/modal-upgrade.js&quot;:
/*!***************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-history/parts/modal-upgrade.js ***!
  \***************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;sprintf&quot;];


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _historyTypes = __webpack_require__(/*! ../history-types */ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-types.js&quot;);
var VARIANT_FULL = &#039;full&#039;;
var VARIANT_SMALL = &#039;small&#039;;
var messages = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, VARIANT_FULL, (0, _i18n.__)(&#039;Want to see your %s generation history for as far as the past 90 days?&#039;, &#039;elementor&#039;)), VARIANT_SMALL, (0, _i18n.__)(&#039;Want to see your %s generation history for the past 90 days?&#039;, &#039;elementor&#039;));
var actionUrl = &#039;https://go.elementor.com/ai-popup-purchase-dropdown/&#039;;
var getMessage = function getMessage(variant, historyType) {
  var placeholder = messages[variant] || messages[VARIANT_FULL];
  var translatedHistoryType = (0, _historyTypes.getTranslatedPromptHistoryType)(historyType);
  return sprintf(placeholder, translatedHistoryType);
};
var PromptHistoryUpgrade = function PromptHistoryUpgrade(_ref) {
  var variant = _ref.variant,
    historyType = _ref.historyType;
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    justifyContent: &quot;center&quot;,
    sx: {
      height: VARIANT_SMALL === variant ? &#039;auto&#039; : &#039;100%&#039;,
      textAlign: &#039;center&#039;,
      p: 2
    },
    &quot;data-testid&quot;: &quot;e-ph-upgrade-&quot;.concat(variant)
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body1&quot;,
    sx: {
      marginBottom: 2
    }
  }, getMessage(variant, historyType)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;contained&quot;,
    color: &quot;promotion&quot;,
    size: &quot;small&quot;,
    href: actionUrl,
    target: &quot;_blank&quot;,
    rel: &quot;noopener noreferrer&quot;,
    startIcon: /*#__PURE__*/_react.default.createElement(_icons.UpgradeIcon, null),
    sx: {
      width: &#039;50%&#039;,
      alignSelf: &#039;center&#039;,
      &#039;&amp;:hover&#039;: {
        color: &#039;promotion.contrastText&#039;
      }
    }
  }, (0, _i18n.__)(&#039;Upgrade now&#039;, &#039;elementor&#039;)));
};
PromptHistoryUpgrade.propTypes = {
  variant: _propTypes.default.oneOf([VARIANT_FULL, VARIANT_SMALL]).isRequired,
  historyType: _propTypes.default.oneOf(Object.values(_historyTypes.HISTORY_TYPES)).isRequired
};
var _default = exports[&quot;default&quot;] = PromptHistoryUpgrade;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-library-link.js&quot;:
/*!************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-library-link.js ***!
  \************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var PromptLibraryLink = function PromptLibraryLink(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;,
    color: &quot;text.secondary&quot;
  }, (0, _i18n.__)(&#039;For more suggestions, explore our&#039;), &#039; &#039;, /*#__PURE__*/_react.default.createElement(_ui.Link, {
    href: props.libraryLink,
    className: &quot;elementor-clickable&quot;,
    target: &quot;_blank&quot;
  }, (0, _i18n.__)(&#039;prompt library&#039;)));
};
PromptLibraryLink.propTypes = {
  libraryLink: _propTypes.default.string
};
var _default = exports[&quot;default&quot;] = PromptLibraryLink;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-search.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-search.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _searchField = _interopRequireDefault(__webpack_require__(/*! ./ui/search-field */ &quot;../modules/ai/assets/js/editor/components/ui/search-field.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var PromptSearch = (0, _react.forwardRef)(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_searchField.default, (0, _extends2.default)({
    name: &quot;prompt&quot;,
    placeholder: (0, _i18n.__)(&#039;Describe the text and tone you want to use&#039;, &#039;elementor&#039;) + &#039;...&#039;
  }, props, {
    ref: ref
  }));
});
var _default = exports[&quot;default&quot;] = PromptSearch;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/prompt-suggestions.js&quot;:
/*!***********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/prompt-suggestions.js ***!
  \***********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var PromptSuggestions = function PromptSuggestions(props) {
  var _props$suggestions;
  return /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;subtitle1&quot;,
    color: &quot;text.secondary&quot;
  }, (0, _i18n.__)(&#039;Suggested prompts&#039;, &#039;elementor&#039;) + &#039;:&#039;), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;column&quot;,
    alignItems: &quot;flex-start&quot;,
    gap: 1,
    sx: {
      my: 1
    }
  }, (_props$suggestions = props.suggestions) === null || _props$suggestions === void 0 ? void 0 : _props$suggestions.map(function (option, index) {
    var _props$suggestionFilt;
    return /*#__PURE__*/_react.default.createElement(_ui.Chip, {
      key: index,
      variant: &quot;outlined&quot;,
      size: &quot;large&quot;,
      color: &quot;secondary&quot;,
      label: ((_props$suggestionFilt = props.suggestionFilter) === null || _props$suggestionFilt === void 0 ? void 0 : _props$suggestionFilt.call(props, option)) || option,
      onClick: function onClick() {
        return props.onSelect(option);
      }
    });
  })), props.children);
};
PromptSuggestions.propTypes = {
  suggestions: _propTypes.default.arrayOf(_propTypes.default.string),
  onSelect: _propTypes.default.func.isRequired,
  suggestionFilter: _propTypes.default.func,
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = PromptSuggestions;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/textarea.js&quot;:
/*!*************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/textarea.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Textarea = (0, _react.forwardRef)(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.TextField, (0, _extends2.default)({
    inputRef: ref,
    multiline: true,
    minRows: 4,
    maxRows: 20,
    color: &quot;secondary&quot;
  }, props));
});
Textarea.propTypes = {
  value: _propTypes.default.string,
  onChange: _propTypes.default.func,
  helperText: _propTypes.default.string
};
var _default = exports[&quot;default&quot;] = Textarea;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/tooltip.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/tooltip.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;children&quot;];
var Tooltip = function Tooltip(_ref) {
  var children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, (0, _extends2.default)({
    componentsProps: {
      tooltip: {
        sx: {
          &#039;&amp;.MuiTooltip-tooltip[class*=&quot;MuiTooltip-tooltipPlacement&quot;]&#039;: {
            m: 0,
            fontSize: &#039;10px&#039;,
            fontWeight: 500,
            lineHeight: &#039;1.4em&#039;
          },
          py: 0.5,
          px: 1
        }
      }
    }
  }, props), children);
};
Tooltip.propTypes = {
  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node])
};
var _default = exports[&quot;default&quot;] = Tooltip;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/ui/overlay-bar-text.js&quot;:
/*!************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/ui/overlay-bar-text.js ***!
  \************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;children&quot;];
var OverlayBarText = function OverlayBarText(_ref) {
  var children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Typography, (0, _extends2.default)({
    variant: &quot;caption&quot;,
    color: &quot;common.white&quot;
  }, props), children);
};
OverlayBarText.propTypes = {
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = OverlayBarText;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/ui/overlay-bar.js&quot;:
/*!*******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/ui/overlay-bar.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var OverlayBar = (0, _ui.styled)(_ui.Stack)(function (_ref) {
  var theme = _ref.theme,
    position = _ref.position;
  var style = {
    width: &#039;100%&#039;,
    position: &#039;absolute&#039;,
    left: 0,
    padding: theme.spacing(2.5)
  };
  if (&#039;top&#039; === position) {
    style.top = 0;
  } else if (&#039;bottom&#039; === position) {
    style.bottom = 0;
  }
  return style;
});
var _default = exports[&quot;default&quot;] = OverlayBar;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/ui/overlay.js&quot;:
/*!***************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/ui/overlay.js ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var Overlay = (0, _ui.styled)(_ui.Box)(function (_ref) {
  var theme = _ref.theme;
  return {
    width: &#039;100%&#039;,
    height: &#039;100%&#039;,
    position: &#039;absolute&#039;,
    backgroundColor: &#039;rgba(0,0,0,0.5)&#039;,
    transition: &quot;opacity &quot;.concat(theme.transitions.duration.short, &quot;ms &quot;).concat(theme.transitions.easing.easeInOut),
    opacity: 0,
    &#039;&amp;:hover&#039;: {
      opacity: 1
    }
  };
});
var _default = exports[&quot;default&quot;] = Overlay;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/ui/panel.js&quot;:
/*!*************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/ui/panel.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;sx&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var Panel = function Panel(_ref) {
  var _ref$sx = _ref.sx,
    sx = _ref$sx === void 0 ? {} : _ref$sx,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    sx: _objectSpread({
      p: 4,
      width: 360,
      flexShrink: 0,
      height: &#039;100%&#039;,
      overflowY: &#039;auto&#039;
    }, sx)
  }, props), props.children), /*#__PURE__*/_react.default.createElement(_ui.Divider, {
    orientation: &quot;vertical&quot;
  }));
};
Panel.propTypes = {
  children: _propTypes.default.node,
  sx: _propTypes.default.object
};
var _default = exports[&quot;default&quot;] = Panel;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/ui/search-field.js&quot;:
/*!********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/ui/search-field.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
// Customization for the WP admin global CSS.
var StyledTextField = (0, _ui.styled)(_ui.TextField)(function () {
  return {
    &#039;.wp-admin &amp; .MuiInputBase-input, &amp; .MuiInputBase-input:focus&#039;: {
      backgroundColor: &#039;initial&#039;,
      boxShadow: &#039;none&#039;,
      border: 0,
      color: &#039;inherit&#039;,
      outline: 0,
      /**
       * TODO:
       * Find a better solution to get the component padding value dynamically or fix the global CSS override.
       * These values are taken from Material UI&#039;s source code (the left padding reset was added to match the component style).
       */
      padding: &#039;16.5px 14px 16.5px 0&#039;,
      &#039;&amp;.MuiInputBase-inputSizeSmall&#039;: {
        padding: &#039;8.5px 14px 8.5px 0&#039;
      }
    }
  };
});
var SearchField = (0, _react.forwardRef)(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(StyledTextField
  // eslint-disable-next-line jsx-a11y/no-autofocus
  , (0, _extends2.default)({
    autoFocus: true,
    fullWidth: true,
    required: true,
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    InputProps: {
      autoComplete: &#039;off&#039;,
      startAdornment: /*#__PURE__*/_react.default.createElement(_ui.InputAdornment, {
        position: &quot;start&quot;
      }, /*#__PURE__*/_react.default.createElement(_icons.SearchIcon, null))
    },
    placeholder: props.placeholder,
    name: props.name,
    value: props.value,
    onChange: props.onChange
  }, props, {
    inputRef: ref
  }));
});
SearchField.propTypes = {
  placeholder: _propTypes.default.string,
  name: _propTypes.default.string,
  value: _propTypes.default.string,
  onChange: _propTypes.default.func
};
var _default = exports[&quot;default&quot;] = SearchField;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/upgrade-banner.js&quot;:
/*!*******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/upgrade-banner.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;__&quot;];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;);


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _excluded = [&quot;onClose&quot;];
var UpgradeBanner = function UpgradeBanner(_ref) {
  var onClose = _ref.onClose,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Alert, (0, _extends2.default)({
    icon: false,
    action: /*#__PURE__*/_react.default.createElement(_ui.AlertAction, {
      onClick: function onClick() {
        return window.open(&#039;https://go.elementor.com/ai-banner-free-upgrade/&#039;, &#039;_blank&#039;);
      }
    }, __(&#039;Upgrade&#039;, &#039;elementor&#039;)),
    variant: &quot;filled&quot;,
    color: &quot;promotion&quot;,
    onClose: onClose
  }, props), __(&#039;You’re using a limited license. Get maximum access to Elementor AI.&#039;, &#039;elementor&#039;));
};
UpgradeBanner.propTypes = {
  onClose: PropTypes.func,
  sx: PropTypes.object
};
var _default = exports[&quot;default&quot;] = UpgradeBanner;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/upgrade-chip.js&quot;:
/*!*****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/upgrade-chip.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var popoverId = &#039;e-ai-upgrade-popover&#039;;
var StyledContent = (0, _ui.styled)(_ui.Paper)(function (_ref) {
  var theme = _ref.theme;
  return {
    position: &#039;relative&#039;,
    &#039;[data-popper-placement=&quot;top&quot;] &amp;&#039;: {
      marginBottom: theme.spacing(2.5)
    },
    &#039;[data-popper-placement=&quot;bottom&quot;] &amp;&#039;: {
      marginTop: theme.spacing(2.5)
    },
    padding: theme.spacing(3),
    boxShadow: theme.shadows[4],
    zIndex: &#039;9999&#039;
  };
});
var StyledArrow = (0, _ui.styled)(_ui.Box)(function (_ref2) {
  var theme = _ref2.theme;
  return {
    width: theme.spacing(5),
    height: theme.spacing(2.5),
    position: &#039;absolute&#039;,
    overflow: &#039;hidden&#039;,
    // Override Popper inline styles.
    left: &#039;50% !important&#039;,
    transform: &#039;translateX(-50%) rotate(var(--rotate, 0deg)) !important&#039;,
    &#039;[data-popper-placement=&quot;top&quot;] &amp;&#039;: {
      top: &#039;100%&#039;
    },
    &#039;[data-popper-placement=&quot;bottom&quot;] &amp;&#039;: {
      &#039;--rotate&#039;: &#039;180deg&#039;,
      top: &quot;calc(&quot;.concat(theme.spacing(2.5), &quot; * -1)&quot;)
    },
    &#039;&amp;::after&#039;: {
      backgroundColor: theme.palette.background.paper,
      content: &#039;&quot;&quot;&#039;,
      display: &#039;block&#039;,
      position: &#039;absolute&#039;,
      width: theme.spacing(2.5),
      height: theme.spacing(2.5),
      top: 0,
      left: &#039;50%&#039;,
      transform: &#039;translateX(-50%) translateY(-50%) rotate(45deg)&#039;,
      boxShadow: &#039;1px 1px 5px 0px rgba(0, 0, 0, 0.2)&#039;,
      backgroundImage: &#039;linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))&#039;
    }
  };
});
var upgradeBullets = [(0, _i18n.__)(&#039;Get spot-on suggestions from AI Copilot and AI Context with appropriate designs, layouts, and content for your business.&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Generate professional texts about any topic, in any tone.&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Effortlessly create or enhance stunning images and bring your ideas to life.&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Unleash infinite possibilities with the custom code generator.&#039;, &#039;elementor&#039;), (0, _i18n.__)(&#039;Access 30-days of AI History with the AI Starter plan and 90-days with the Power plan.&#039;, &#039;elementor&#039;)];
var Chip = (0, _ui.styled)(_ui.Chip)(function () {
  return {
    &#039;&amp; .MuiChip-label&#039;: {
      lineHeight: 1.5
    },
    &#039;&amp; .MuiSvgIcon-root.MuiChip-icon&#039;: {
      fontSize: &#039;1.25rem&#039;
    }
  };
});
var UpgradeChip = function UpgradeChip(_ref3) {
  var _ref3$hasSubscription = _ref3.hasSubscription,
    hasSubscription = _ref3$hasSubscription === void 0 ? false : _ref3$hasSubscription,
    _ref3$usagePercentage = _ref3.usagePercentage,
    usagePercentage = _ref3$usagePercentage === void 0 ? 0 : _ref3$usagePercentage;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isPopoverOpen = _useState2[0],
    setIsPopoverOpen = _useState2[1];
  var anchorEl = (0, _react.useRef)(null);
  var arrowEl = (0, _react.useRef)(null);
  var showPopover = function showPopover() {
    return setIsPopoverOpen(true);
  };
  var hidePopover = function hidePopover() {
    return setIsPopoverOpen(false);
  };
  var actionUrl = &#039;https://go.elementor.com/ai-popup-purchase-dropdown/&#039;;
  if (hasSubscription) {
    actionUrl = usagePercentage &gt;= 100 ? &#039;https://go.elementor.com/ai-popup-upgrade-limit-reached/&#039; : &#039;https://go.elementor.com/ai-popup-upgrade-limit-reached-80-percent/&#039;;
  }
  var actionLabel = hasSubscription ? (0, _i18n.__)(&#039;Upgrade Elementor AI&#039;, &#039;elementor&#039;) : (0, _i18n.__)(&#039;Get Elementor AI&#039;, &#039;elementor&#039;);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    component: &quot;span&quot;,
    &quot;aria-owns&quot;: isPopoverOpen ? popoverId : undefined,
    &quot;aria-haspopup&quot;: &quot;true&quot;,
    onMouseEnter: showPopover,
    onMouseLeave: hidePopover,
    ref: anchorEl,
    display: &quot;flex&quot;,
    alignItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(Chip, {
    color: &quot;promotion&quot;,
    label: (0, _i18n.__)(&#039;Upgrade&#039;, &#039;elementor&#039;),
    icon: /*#__PURE__*/_react.default.createElement(_icons.AIIcon, null),
    size: &quot;small&quot;
  }), /*#__PURE__*/_react.default.createElement(_ui.Popper, {
    open: isPopoverOpen,
    anchorEl: anchorEl.current,
    sx: {
      zIndex: &#039;170001&#039;,
      maxWidth: 300
    },
    modifiers: [{
      name: &#039;arrow&#039;,
      enabled: true,
      options: {
        element: arrowEl.current
      }
    }]
  }, /*#__PURE__*/_react.default.createElement(StyledContent, null, /*#__PURE__*/_react.default.createElement(StyledArrow, {
    ref: arrowEl
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;h5&quot;,
    color: &quot;text.primary&quot;
  }, (0, _i18n.__)(&#039;Unlimited access to Elementor AI&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.List, {
    sx: {
      mb: 1
    }
  }, upgradeBullets.map(function (bullet, index) {
    return /*#__PURE__*/_react.default.createElement(_ui.ListItem, {
      key: index,
      disableGutters: true,
      sx: {
        alignItems: &#039;flex-start&#039;
      }
    }, /*#__PURE__*/_react.default.createElement(_ui.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_icons.CheckedCircleIcon, null)), /*#__PURE__*/_react.default.createElement(_ui.ListItemText, {
      sx: {
        m: 0
      }
    }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
      variant: &quot;body2&quot;
    }, bullet)));
  })), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;contained&quot;,
    color: &quot;promotion&quot;,
    size: &quot;small&quot;,
    href: actionUrl,
    target: &quot;_blank&quot;,
    startIcon: /*#__PURE__*/_react.default.createElement(_icons.AIIcon, null),
    sx: {
      &#039;&amp;:hover&#039;: {
        color: &#039;promotion.contrastText&#039;
      }
    }
  }, actionLabel))));
};
var _default = exports[&quot;default&quot;] = UpgradeChip;
UpgradeChip.propTypes = {
  hasSubscription: _propTypes.default.bool,
  usagePercentage: _propTypes.default.number
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/usage-limit-alert.js&quot;:
/*!**********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/usage-limit-alert.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;sprintf&quot;];
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;__&quot;];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;);


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _featuresEnum = __webpack_require__(/*! ../helpers/features-enum */ &quot;../modules/ai/assets/js/editor/helpers/features-enum.js&quot;);
var _excluded = [&quot;onClose&quot;, &quot;usagePercentage&quot;, &quot;hasSubscription&quot;, &quot;feature&quot;];
var KEY_SUBSCRIPTION = &#039;subscription&#039;;
var KEY_NO_SUBSCRIPTION = &#039;noSubscription&#039;;
var getUsageTitle = function getUsageTitle(percentage) {
  // Translators: %s refers to the credits percentage usage
  return sprintf(__(&#039;You’ve used %s of credits for this AI feature.&#039;, &#039;elementor&#039;), percentage);
};
var CREDITS_95_USAGE_TITLE = getUsageTitle(&#039;95%&#039;);
var CREDITS_80_USAGE_TITLE = getUsageTitle(&#039;80%&#039;);
var CREDITS_75_USAGE_TITLE = getUsageTitle(&#039;75%&#039;);
var DESCRIPTION_SUBSCRIPTION = __(&#039;Get maximum access.&#039;, &#039;elementor&#039;);
var FEATURES = Object.keys(_featuresEnum.FREE_TRIAL_FEATURES_NAMES);
var getDescriptionNoSubscription = function getDescriptionNoSubscription(excludedFeature) {
  var filteredFeatures = FEATURES.filter(function (feature) {
    return feature !== excludedFeature;
  });
  var featuresList = filteredFeatures.map(function (feature) {
    return _featuresEnum.FREE_TRIAL_FEATURES_NAMES[feature];
  }).join(&#039;, &#039;);
  // Translators: %s refers to the list of remaining features
  return sprintf(__(&#039;Upgrade now to keep using this feature. You still have credits for other AI features (%s, etc.)&#039;, &#039;elementor&#039;), featuresList);
};
var alertConfigs = [{
  threshold: 95,
  title: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, KEY_SUBSCRIPTION, CREDITS_95_USAGE_TITLE), KEY_NO_SUBSCRIPTION, CREDITS_95_USAGE_TITLE),
  url: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, KEY_SUBSCRIPTION, &#039;https://go.elementor.com/ai-banner-paid-95-limit-reach/&#039;), KEY_NO_SUBSCRIPTION, &#039;https://go.elementor.com/ai-banner-free-95-limit-reach/&#039;),
  color: &#039;error&#039;
}, {
  threshold: 80,
  title: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, KEY_SUBSCRIPTION, CREDITS_80_USAGE_TITLE), KEY_NO_SUBSCRIPTION, CREDITS_80_USAGE_TITLE),
  url: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, KEY_SUBSCRIPTION, &#039;https://go.elementor.com/ai-banner-paid-80-limit-reach/&#039;), KEY_NO_SUBSCRIPTION, &#039;https://go.elementor.com/ai-banner-free-80-limit-reach/&#039;),
  color: &#039;warning&#039;
}, {
  threshold: 75,
  title: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, KEY_SUBSCRIPTION, CREDITS_75_USAGE_TITLE), KEY_NO_SUBSCRIPTION, CREDITS_75_USAGE_TITLE),
  url: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, KEY_SUBSCRIPTION, &#039;https://go.elementor.com/ai-banner-paid-80-limit-reach/&#039;), KEY_NO_SUBSCRIPTION, &#039;https://go.elementor.com/ai-banner-free-80-limit-reach/&#039;),
  color: &#039;warning&#039;
}];
var UpgradeButton = function UpgradeButton(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    color: &quot;inherit&quot;,
    variant: &quot;outlined&quot;,
    sx: {
      border: &#039;2px solid&#039;
    }
  }, props), __(&#039;Upgrade now&#039;, &#039;elementor&#039;));
};
var UsageLimitAlert = function UsageLimitAlert(_ref) {
  var onClose = _ref.onClose,
    usagePercentage = _ref.usagePercentage,
    hasSubscription = _ref.hasSubscription,
    feature = _ref.feature,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var config = alertConfigs.find(function (_ref2) {
    var threshold = _ref2.threshold;
    return usagePercentage &gt;= threshold;
  });
  if (!config) {
    return null;
  }
  var subscriptionType = hasSubscription ? KEY_SUBSCRIPTION : KEY_NO_SUBSCRIPTION;
  var description = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, KEY_SUBSCRIPTION, DESCRIPTION_SUBSCRIPTION), KEY_NO_SUBSCRIPTION, getDescriptionNoSubscription(feature));
  var title = config.title,
    url = config.url,
    color = config.color;
  var handleUpgradeClick = function handleUpgradeClick() {
    return window.open(url[subscriptionType], &#039;_blank&#039;);
  };
  return /*#__PURE__*/_react.default.createElement(_ui.Alert, (0, _extends2.default)({
    severity: &quot;warning&quot;,
    action: /*#__PURE__*/_react.default.createElement(UpgradeButton, {
      onClick: handleUpgradeClick
    }),
    color: color
  }, props), /*#__PURE__*/_react.default.createElement(_ui.AlertTitle, null, title[subscriptionType]), description[subscriptionType]);
};
UsageLimitAlert.propTypes = {
  onClose: PropTypes.func,
  usagePercentage: PropTypes.number,
  hasSubscription: PropTypes.bool,
  feature: PropTypes.string
};
var _default = exports[&quot;default&quot;] = UsageLimitAlert;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/usage-messages.js&quot;:
/*!*******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/usage-messages.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;);


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _upgradeBanner = _interopRequireDefault(__webpack_require__(/*! ./upgrade-banner */ &quot;../modules/ai/assets/js/editor/components/upgrade-banner.js&quot;));
var _usageLimitAlert = _interopRequireDefault(__webpack_require__(/*! ./usage-limit-alert */ &quot;../modules/ai/assets/js/editor/components/usage-limit-alert.js&quot;));
var _useUpgradeMessage2 = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-upgrade-message */ &quot;../modules/ai/assets/js/editor/hooks/use-upgrade-message.js&quot;));
var UsageMessages = function UsageMessages(_ref) {
  var hasSubscription = _ref.hasSubscription,
    usagePercentage = _ref.usagePercentage,
    sx = _ref.sx,
    feature = _ref.feature;
  var _useUpgradeMessage = (0, _useUpgradeMessage2.default)({
      usagePercentage: usagePercentage,
      hasSubscription: hasSubscription
    }),
    showBanner = _useUpgradeMessage.showBanner,
    markBannerAsViewed = _useUpgradeMessage.markBannerAsViewed;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showBanner &amp;&amp; /*#__PURE__*/_react.default.createElement(_upgradeBanner.default, {
    onClose: markBannerAsViewed,
    sx: sx
  }), /*#__PURE__*/_react.default.createElement(_usageLimitAlert.default, {
    hasSubscription: hasSubscription,
    usagePercentage: usagePercentage,
    sx: sx,
    feature: feature
  }));
};
UsageMessages.propTypes = {
  hasSubscription: PropTypes.bool,
  usagePercentage: PropTypes.number,
  sx: PropTypes.object,
  feature: PropTypes.string
};
var _default = exports[&quot;default&quot;] = UsageMessages;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/voice-promotion-alert.js&quot;:
/*!**************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/voice-promotion-alert.js ***!
  \**************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.VoicePromotionAlert = void 0;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _bulbIcon = _interopRequireDefault(__webpack_require__(/*! ../icons/bulb-icon */ &quot;../modules/ai/assets/js/editor/icons/bulb-icon.js&quot;));
var _useIntroduction2 = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-introduction */ &quot;../modules/ai/assets/js/editor/hooks/use-introduction.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var VoicePromotionAlert = exports.VoicePromotionAlert = function VoicePromotionAlert(props) {
  var _useIntroduction = (0, _useIntroduction2.default)(props.introductionKey),
    isViewed = _useIntroduction.isViewed,
    markAsViewed = _useIntroduction.markAsViewed;
  if (isViewed) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: _objectSpread({
      mt: 2
    }, props.sx),
    alignItems: &quot;top&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Alert, {
    severity: &quot;info&quot;,
    variant: &quot;standard&quot;,
    icon: /*#__PURE__*/_react.default.createElement(_bulbIcon.default, {
      sx: {
        alignSelf: &#039;flex-start&#039;
      }
    }),
    onClose: markAsViewed
  }, (0, _i18n.__)(&#039;Get improved results from AI by adding personal context.&#039;, &#039;elementor&#039;), /*#__PURE__*/_react.default.createElement(_ui.Link, {
    onClick: function onClick() {
      return $e.route(&#039;panel/global/menu&#039;);
    },
    className: &quot;elementor-clickable&quot;,
    style: {
      textDecoration: &#039;none&#039;
    },
    color: &quot;info.main&quot;,
    href: &quot;#&quot;
  }, (0, _i18n.__)(&#039;Let’s do it&#039;, &#039;elementor&#039;))));
};
VoicePromotionAlert.propTypes = {
  sx: _propTypes.default.object,
  introductionKey: _propTypes.default.string
};
var _default = exports[&quot;default&quot;] = VoicePromotionAlert;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/components/wizard-dialog.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/components/wizard-dialog.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _dialogHeader = _interopRequireDefault(__webpack_require__(/*! ./dialog-header */ &quot;../modules/ai/assets/js/editor/components/dialog-header.js&quot;));
var _excluded = [&quot;sx&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var WizardDialog = function WizardDialog(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Dialog, {
    open: true,
    onClose: props.onClose,
    fullWidth: true,
    hideBackdrop: true,
    maxWidth: &quot;lg&quot;,
    PaperProps: {
      sx: {
        height: &#039;88vh&#039;
      }
    },
    sx: {
      zIndex: 9999
    }
  }, props.children);
};
WizardDialog.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  children: _propTypes.default.node.isRequired
};
var WizardDialogContent = function WizardDialogContent(_ref) {
  var _ref$sx = _ref.sx,
    sx = _ref$sx === void 0 ? {} : _ref$sx,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.DialogContent, (0, _extends2.default)({}, props, {
    sx: _objectSpread({
      display: &#039;flex&#039;,
      flexDirection: &#039;column&#039;,
      justifyContent: &#039;center&#039;
    }, sx)
  }));
};
WizardDialogContent.propTypes = {
  sx: _propTypes.default.object
};
WizardDialog.Header = _dialogHeader.default;
WizardDialog.Content = WizardDialogContent;
var _default = exports[&quot;default&quot;] = WizardDialog;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;:
/*!**************************************************************!*\
  !*** ../modules/ai/assets/js/editor/context/requests-ids.js ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.RequestIdsProvider = void 0;
exports.generateIds = generateIds;
exports.useRequestIds = exports.getUniqueId = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Context = (0, _react.createContext)({});
var useRequestIds = exports.useRequestIds = function useRequestIds() {
  var context = (0, _react.useContext)(Context);
  if (!context) {
    throw new Error(&#039;useRequestIds must be used within a RequestIdsProvider&#039;);
  }
  return context;
};
var getUniqueId = exports.getUniqueId = function getUniqueId(prefix) {
  return prefix + &#039;-&#039; + Math.random().toString(16).substr(2, 7);
};
window.EDITOR_SESSION_ID = window.EDITOR_SESSION_ID || getUniqueId(&#039;editor-session&#039;);
function generateIds(template) {
  var _template$elements;
  template.id = getUniqueId().toString();
  if ((_template$elements = template.elements) !== null &amp;&amp; _template$elements !== void 0 &amp;&amp; _template$elements.length) {
    template.elements.map(function (child) {
      return generateIds(child);
    });
  }
  return template;
}
var RequestIdsProvider = exports.RequestIdsProvider = function RequestIdsProvider(props) {
  var editorSessionId = (0, _react.useRef)(window.EDITOR_SESSION_ID);
  var sessionId = (0, _react.useRef)(&#039;&#039;);
  var generateId = (0, _react.useRef)(&#039;&#039;);
  var batchId = (0, _react.useRef)(&#039;&#039;);
  var requestId = (0, _react.useRef)(&#039;&#039;);
  sessionId.current = getUniqueId(&#039;session&#039;);
  var setGenerate = function setGenerate() {
    generateId.current = getUniqueId(&#039;generate&#039;);
    return generateId;
  };
  var setBatch = function setBatch() {
    batchId.current = getUniqueId(&#039;batch&#039;);
    return batchId;
  };
  var setRequest = function setRequest() {
    requestId.current = getUniqueId(&#039;request&#039;);
    return requestId;
  };
  var _useState = (0, _react.useState)(0),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    usagePercentage = _useState2[0],
    setUsagePercentage = _useState2[1];
  var updateUsagePercentage = function updateUsagePercentage(newPercentage) {
    setUsagePercentage(newPercentage);
  };
  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
    value: {
      editorSessionId: editorSessionId,
      sessionId: sessionId,
      generateId: generateId,
      batchId: batchId,
      requestId: requestId,
      setGenerate: setGenerate,
      setBatch: setBatch,
      setRequest: setRequest,
      usagePercentage: usagePercentage,
      updateUsagePercentage: updateUsagePercentage
    }
  }, props.children);
};
RequestIdsProvider.propTypes = {
  children: _propTypes.default.node.isRequired
};
var _default = exports[&quot;default&quot;] = Context;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/helpers/date-helpers.js&quot;:
/*!**************************************************************!*\
  !*** ../modules/ai/assets/js/editor/helpers/date-helpers.js ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.translateDate = exports.daysDiff = exports.MONTH_JANUARY_INDEX = exports.MONTH_DECEMBER_INDEX = void 0;
var MONTH_DECEMBER_INDEX = exports.MONTH_DECEMBER_INDEX = 12;
var MONTH_JANUARY_INDEX = exports.MONTH_JANUARY_INDEX = 0;
/**
 * Formats a date (like wp_date() in PHP), translating it into site&#039;s locale.
 *
 * @param {string}                       format   PHP-style formatting string.
 * @param {Date | string | undefined}    date     Date object
 * @param {string | number | undefined=} timezone Timezone to output result in or a UTC offset. Defaults to timezone from site.
 * @return {string}
 */
var translateDate = exports.translateDate = function translateDate(format, date, timezone) {
  var _window$wp;
  if ((_window$wp = window.wp) !== null &amp;&amp; _window$wp !== void 0 &amp;&amp; _window$wp.date) {
    var _window$wp2;
    var _window$wp$date = (_window$wp2 = window.wp) === null || _window$wp2 === void 0 ? void 0 : _window$wp2.date,
      dateI18n = _window$wp$date.dateI18n;
    return dateI18n(format, date, timezone);
  }
  return date;
};

/**
 * Returns difference in days between two dates
 *
 * @param {Date} firstDate
 * @param {Date} secondDate
 * @return {number} Positive or negative number in days
 */
var daysDiff = exports.daysDiff = function daysDiff(firstDate, secondDate) {
  var MS_PER_DAY = 1000 * 60 * 60 * 24;
  var firstUTC = Date.UTC(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
  var secondUTC = Date.UTC(secondDate.getFullYear(), secondDate.getMonth(), secondDate.getDate());
  return Math.floor((secondUTC - firstUTC) / MS_PER_DAY);
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/helpers/features-enum.js&quot;:
/*!***************************************************************!*\
  !*** ../modules/ai/assets/js/editor/helpers/features-enum.js ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;)[&quot;__&quot;];


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.FREE_TRIAL_FEATURES_NAMES = void 0;
var FREE_TRIAL_FEATURES_NAMES = exports.FREE_TRIAL_FEATURES_NAMES = {
  TEXT: __(&#039;Text&#039;, &#039;elementor&#039;),
  IMAGES: __(&#039;Images&#039;, &#039;elementor&#039;),
  CODE: __(&#039;Code&#039;, &#039;elementor&#039;),
  CONTAINERS: __(&#039;Containers&#039;, &#039;elementor&#039;),
  ANIMATION: __(&#039;Animation&#039;, &#039;elementor&#039;)
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/helpers/index.js&quot;:
/*!*******************************************************!*\
  !*** ../modules/ai/assets/js/editor/helpers/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.vh = void 0;
var vh = exports.vh = function vh(value) {
  var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
  return value * h / 100;
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-animation-prompt.js&quot;:
/*!********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-animation-prompt.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _usePrompt2 = _interopRequireDefault(__webpack_require__(/*! ./use-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var getAnimationResult = /*#__PURE__*/function () {
  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(payload, motionEffectType) {
    return _regenerator.default.wrap(function (_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          return _context.abrupt(&quot;return&quot;, (0, _api.getAnimation)(_objectSpread(_objectSpread({}, payload), {}, {
            motionEffectType: motionEffectType
          })));
        case 1:
        case &quot;end&quot;:
          return _context.stop();
      }
    }, _callee);
  }));
  return function getAnimationResult(_x, _x2) {
    return _ref.apply(this, arguments);
  };
}();
var useAnimationPrompt = function useAnimationPrompt(motionEffectType, widgetType, initialValue) {
  var _usePrompt = (0, _usePrompt2.default)(function (payload) {
      return getAnimationResult(payload, motionEffectType);
    }, initialValue),
    data = _usePrompt.data,
    isLoading = _usePrompt.isLoading,
    error = _usePrompt.error,
    reset = _usePrompt.reset,
    send = _usePrompt.send,
    sendUsageData = _usePrompt.sendUsageData;
  var getControlData = function getControlData(controlKey) {
    var _elementor$widgetsCac, _elementor$widgetsCac2;
    var label = (_elementor$widgetsCac = elementor.widgetsCache) === null || _elementor$widgetsCac === void 0 || (_elementor$widgetsCac = _elementor$widgetsCac[widgetType !== null &amp;&amp; widgetType !== void 0 ? widgetType : &#039;&#039;]) === null || _elementor$widgetsCac === void 0 || (_elementor$widgetsCac = _elementor$widgetsCac.controls[controlKey]) === null || _elementor$widgetsCac === void 0 ? void 0 : _elementor$widgetsCac.label;
    var innerTab = (_elementor$widgetsCac2 = elementor.widgetsCache) === null || _elementor$widgetsCac2 === void 0 || (_elementor$widgetsCac2 = _elementor$widgetsCac2[widgetType !== null &amp;&amp; widgetType !== void 0 ? widgetType : &#039;&#039;]) === null || _elementor$widgetsCac2 === void 0 || (_elementor$widgetsCac2 = _elementor$widgetsCac2.controls[controlKey]) === null || _elementor$widgetsCac2 === void 0 ? void 0 : _elementor$widgetsCac2.inner_tab;
    return {
      label: label,
      innerTab: innerTab
    };
  };
  var processMotionEffects = function processMotionEffects(jsonObject) {
    var result = {}; // See UT for example result

    var firstChildKey = Object.keys(jsonObject)[0];
    var firstChild = jsonObject[firstChildKey];
    var firstEnableControlKey = Object.keys(firstChild)[0];

    // First enabled property under scrolling_effects
    result[firstEnableControlKey] = {
      isParent: true,
      label: getControlData(firstEnableControlKey).label,
      value: jsonObject.enabled[firstEnableControlKey],
      tabs: 0
    };

    // Process other properties
    var processOtherProps = function processOtherProps(props) {
      for (var _i = 0, _Object$entries = Object.entries(props); _i &lt; _Object$entries.length; _i++) {
        var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
          key = _Object$entries$_i[0],
          value = _Object$entries$_i[1];
        if (&#039;enabled&#039; === key &amp;&amp; value) {
          var enableControlKey = Object.keys(value)[0];
          result[enableControlKey] = {
            isParent: false,
            label: getControlData(enableControlKey).label,
            value: value[enableControlKey],
            tabs: 1
          };
        } else {
          if (&#039;none&#039; === value || &#039;normal&#039; === value) {
            continue;
          }
          result[key] = {
            value: value
          };
        }
      }
    };

    // Process all other inner properties
    for (var _i2 = 0, _Object$entries2 = Object.entries(jsonObject); _i2 &lt; _Object$entries2.length; _i2++) {
      var _Object$entries2$_i = (0, _slicedToArray2.default)(_Object$entries2[_i2], 2),
        propKey = _Object$entries2$_i[0],
        propValue = _Object$entries2$_i[1];
      if (propKey !== &#039;enabled&#039; &amp;&amp; &#039;object&#039; === (0, _typeof2.default)(propValue)) {
        processOtherProps(propValue);
      }
    }
    return result;
  };
  var processEntranceEffects = function processEntranceEffects(jsonObject) {
    var result = {};
    var firstChildKey = Object.keys(jsonObject)[0];
    var firstChild = jsonObject[firstChildKey];
    result[firstChildKey] = {
      isParent: true,
      label: getControlData(firstChildKey).label,
      value: firstChild,
      tabs: 0
    };
    result[firstChild] = {
      isParent: false,
      label: firstChild,
      tabs: 1
    };
    var processProps = function processProps(props) {
      for (var _i3 = 0, _Object$entries3 = Object.entries(props); _i3 &lt; _Object$entries3.length; _i3++) {
        var _Object$entries3$_i = (0, _slicedToArray2.default)(_Object$entries3[_i3], 2),
          key = _Object$entries3$_i[0],
          value = _Object$entries3$_i[1];
        if (&#039;none&#039; === value || &#039;normal&#039; === value) {
          continue;
        }
        result[key] = {
          value: value
        };
      }
    };
    for (var _i4 = 0, _Object$entries4 = Object.entries(jsonObject); _i4 &lt; _Object$entries4.length; _i4++) {
      var _Object$entries4$_i = (0, _slicedToArray2.default)(_Object$entries4[_i4], 2),
        propKey = _Object$entries4$_i[0],
        propValue = _Object$entries4$_i[1];
      if (propKey !== firstChildKey &amp;&amp; &#039;object&#039; === (0, _typeof2.default)(propValue)) {
        processProps(propValue);
      }
    }
    return result;
  };
  var processHoverEffects = function processHoverEffects(jsonObject) {
    var result = {};
    var isHoverLabelAdded = false;
    var processProps = function processProps(props) {
      for (var _i5 = 0, _Object$entries5 = Object.entries(props); _i5 &lt; _Object$entries5.length; _i5++) {
        var _Object$entries5$_i = (0, _slicedToArray2.default)(_Object$entries5[_i5], 2),
          key = _Object$entries5$_i[0],
          value = _Object$entries5$_i[1];
        if (&#039;enabled&#039; === key &amp;&amp; value) {
          var enableControlKey = Object.keys(value)[0];
          var _getControlData = getControlData(enableControlKey),
            label = _getControlData.label,
            innerTab = _getControlData.innerTab;
          if (!isHoverLabelAdded) {
            result[innerTab] = {
              isParent: true,
              label: getControlData(innerTab).label,
              tabs: 0
            };
            isHoverLabelAdded = true;
          }
          result[enableControlKey] = {
            isParent: false,
            label: label,
            value: value[enableControlKey],
            tabs: 1
          };
        } else {
          if (&#039;none&#039; === value || &#039;normal&#039; === value) {
            continue;
          }
          result[key] = {
            value: value
          };
        }
      }
    };
    for (var _i6 = 0, _Object$entries6 = Object.entries(jsonObject); _i6 &lt; _Object$entries6.length; _i6++) {
      var _Object$entries6$_i = (0, _slicedToArray2.default)(_Object$entries6[_i6], 2),
        propValue = _Object$entries6$_i[1];
      if (&#039;object&#039; === (0, _typeof2.default)(propValue)) {
        processProps(propValue);
      }
    }
    return result;
  };
  var digestResult = function digestResult(jsonString) {
    var result = {};
    function traverse(currentObj) {
      if (!currentObj || (0, _typeof2.default)(currentObj) !== &#039;object&#039;) {
        return;
      }
      for (var key in currentObj) {
        if (!currentObj.hasOwnProperty(key)) {
          continue;
        }
        if ([&#039;scrolling_effects&#039;, &#039;mouse_effects&#039;].includes(key)) {
          result = _objectSpread(_objectSpread({}, result), processMotionEffects(currentObj[key]));
          continue;
        }
        if (&#039;entrance_effects&#039; === key) {
          result = _objectSpread(_objectSpread({}, result), processEntranceEffects(currentObj[key]));
          continue;
        }
        if (&#039;hover_effects&#039; === key) {
          result = _objectSpread(_objectSpread({}, result), processHoverEffects(currentObj[key]));
          return;
        }
        traverse(currentObj[key]);
      }
    }
    var obj = JSON.parse(jsonString);
    traverse(obj);
    return result;
  };
  (0, _react.useEffect)(function () {
    if (data.result) {
      data.result = digestResult(data.result);
    }
  }, [data]);
  return {
    data: data,
    isLoading: isLoading,
    error: error,
    reset: reset,
    send: send,
    sendUsageData: sendUsageData
  };
};
var _default = exports[&quot;default&quot;] = useAnimationPrompt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-delete-prompt-history-item.js&quot;:
/*!******************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-delete-prompt-history-item.js ***!
  \******************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var useDeletePromptHistoryItem = function useDeletePromptHistoryItem() {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isLoading = _useState2[0],
    setIsLoading = _useState2[1];
  var _useState3 = (0, _react.useState)(&#039;&#039;),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    error = _useState4[0],
    setError = _useState4[1];
  var deleteItem = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(id) {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            return _context.abrupt(&quot;return&quot;, new Promise(function (resolve, reject) {
              setError(&#039;&#039;);
              setIsLoading(true);
              (0, _api.deleteHistoryItem)(id).then(function () {
                resolve(true);
              }).catch(function (err) {
                var finalError = (err === null || err === void 0 ? void 0 : err.responseText) || err;
                setError(finalError);
                reject(finalError);
              }).finally(function () {
                return setIsLoading(false);
              });
            }));
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function deleteItem(_x) {
      return _ref.apply(this, arguments);
    };
  }();
  return {
    isLoading: isLoading,
    error: error,
    deleteItem: deleteItem
  };
};
var _default = exports[&quot;default&quot;] = useDeletePromptHistoryItem;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-excerpt-prompt.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-excerpt-prompt.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _usePrompt = _interopRequireDefault(__webpack_require__(/*! ./use-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt.js&quot;));
var useExcerptPrompt = function useExcerptPrompt(initialValue) {
  return (0, _usePrompt.default)(/*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            return _context.abrupt(&quot;return&quot;, (0, _api.getExcerpt)(payload));
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function (_x) {
      return _ref.apply(this, arguments);
    };
  }(), initialValue);
};
var _default = exports[&quot;default&quot;] = useExcerptPrompt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-featured-image-prompt.js&quot;:
/*!*************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-featured-image-prompt.js ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../pages/form-media/hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useFeaturedImagePrompt = function useFeaturedImagePrompt(initialValue) {
  return (0, _useImagePrompt.default)(/*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            return _context.abrupt(&quot;return&quot;, (0, _api.getFeaturedImage)(payload));
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function (_x) {
      return _ref.apply(this, arguments);
    };
  }(), initialValue);
};
var _default = exports[&quot;default&quot;] = useFeaturedImagePrompt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-image-navigation.js&quot;:
/*!********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-image-navigation.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var initialIndex = -1;
var useImageNavigation = function useImageNavigation(images) {
  var _useState = (0, _react.useState)(initialIndex),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    zoomIndex = _useState2[0],
    setZoomIndex = _useState2[1];
  var actions = {
    reset: function reset() {
      return setZoomIndex(initialIndex);
    },
    prev: function prev() {
      var prevImage = zoomIndex + 1;
      if (prevImage &gt;= images.length) {
        prevImage = 0;
      }
      setZoomIndex(prevImage);
    },
    next: function next() {
      var nextImage = zoomIndex - 1;
      if (nextImage &lt; 0) {
        nextImage = images.length - 1;
      }
      setZoomIndex(nextImage);
    }
  };
  return {
    zoomIndex: zoomIndex,
    setZoomIndex: setZoomIndex,
    actions: actions
  };
};
var _default = exports[&quot;default&quot;] = useImageNavigation;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-images-preload.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-images-preload.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var loadImage = function loadImage(url) {
  return new Promise(function (resolve, reject) {
    var loadImg = new Image();
    loadImg.src = url;
    loadImg.onload = function () {
      return resolve(url);
    };
    loadImg.onerror = function (err) {
      return reject(err);
    };
  });
};
var useImagesPreload = function useImagesPreload() {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    ready = _useState2[0],
    setReady = _useState2[1];
  var preloadImages = function preloadImages(images) {
    setReady(false);
    Promise.all(images.map(function (url) {
      return loadImage(url);
    })).then(function () {
      return setReady(true);
    })
    // eslint-disable-next-line no-console
    .catch(function (err) {
      return console.log(&#039;Failed to load images&#039;, err);
    }); // Todo error better handling
  };
  return {
    ready: ready,
    preloadImages: preloadImages
  };
};
var _default = exports[&quot;default&quot;] = useImagesPreload;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-introduction.js&quot;:
/*!****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-introduction.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = useIntroduction;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
function useIntroduction(key) {
  var _window$elementor$con, _window$elementorAdmi, _globalConfig$introdu;
  var globalConfig = window.elementor ? (_window$elementor$con = window.elementor.config) === null || _window$elementor$con === void 0 ? void 0 : _window$elementor$con.user : (_window$elementorAdmi = window.elementorAdmin) === null || _window$elementorAdmi === void 0 || (_window$elementorAdmi = _window$elementorAdmi.config) === null || _window$elementorAdmi === void 0 ? void 0 : _window$elementorAdmi.user;
  var _useState = (0, _react.useState)(!!(globalConfig !== null &amp;&amp; globalConfig !== void 0 &amp;&amp; (_globalConfig$introdu = globalConfig.introduction) !== null &amp;&amp; _globalConfig$introdu !== void 0 &amp;&amp; _globalConfig$introdu[key])),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isViewed = _useState2[0],
    setIsViewed = _useState2[1];
  function markAsViewed() {
    if (!key) {
      return Promise.reject();
    }
    return new Promise(function (resolve, reject) {
      if (isViewed) {
        reject();
      }
      setIsViewed(true);
      elementorCommon.ajax.addRequest(&#039;introduction_viewed&#039;, {
        data: {
          introductionKey: key
        },
        error: function error() {
          setIsViewed(false);
          reject();
        },
        success: function success() {
          setIsViewed(true);
          if (globalConfig !== null &amp;&amp; globalConfig !== void 0 &amp;&amp; globalConfig.introduction) {
            globalConfig.introduction[key] = true;
          }
          resolve();
        }
      });
    });
  }
  return {
    isViewed: isViewed,
    markAsViewed: markAsViewed
  };
}

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-prompt-enhancer.js&quot;:
/*!*******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-prompt-enhancer.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _usePrompt2 = _interopRequireDefault(__webpack_require__(/*! ./use-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt.js&quot;));
var _config = __webpack_require__(/*! ../pages/form-layout/context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var enhancePromptMap = new Map([[&#039;media&#039;, _api.getImagePromptEnhanced], [&#039;layout&#039;, _api.getLayoutPromptEnhanced]]);
var getResult = function getResult(prompt, type, enhanceType) {
  if (!enhancePromptMap.has(type)) {
    throw new Error(&quot;Invalid prompt type: &quot;.concat(type));
  }
  return enhancePromptMap.get(type)(prompt, enhanceType);
};

/**
 * Hook to enhance a prompt.
 *
 * @param {string}             prompt
 * @param {&#039;media&#039; | &#039;layout&#039;} type
 * @return {{enhancedPrompt: string | undefined, isEnhancing: boolean, enhance: (function(...[*]): Promise)}}
 */
var usePromptEnhancer = function usePromptEnhancer(prompt, type) {
  var _useConfig = (0, _config.useConfig)(),
    mode = _useConfig.mode;
  var _usePrompt = (0, _usePrompt2.default)(function () {
      return getResult(prompt, type, mode);
    }, prompt),
    enhancedData = _usePrompt.data,
    isEnhancing = _usePrompt.isLoading,
    enhance = _usePrompt.send;
  return {
    enhance: enhance,
    isEnhancing: isEnhancing,
    enhancedPrompt: enhancedData === null || enhancedData === void 0 ? void 0 : enhancedData.result
  };
};
var _default = exports[&quot;default&quot;] = usePromptEnhancer;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-prompt-history.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-prompt-history.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var getImageThumbnailURL = function getImageThumbnailURL(base, imageURL) {
  if (!base) {
    return imageURL;
  }
  return &quot;&quot;.concat(base, &quot;/?o=&quot;).concat(btoa(imageURL, false));
};
var normalizeItems = function normalizeItems(response) {
  var meta = response.meta,
    items = response.items;
  return items === null || items === void 0 ? void 0 : items.map(function (item) {
    var _item$request, _item$request2, _item$request3, _item$response, _item$response2, _item$response3;
    return {
      id: item === null || item === void 0 ? void 0 : item.elementorApiId,
      date: item === null || item === void 0 ? void 0 : item.createdAt,
      action: item === null || item === void 0 ? void 0 : item.action,
      prompt: item === null || item === void 0 || (_item$request = item.request) === null || _item$request === void 0 ? void 0 : _item$request.prompt,
      imageType: item === null || item === void 0 || (_item$request2 = item.request) === null || _item$request2 === void 0 ? void 0 : _item$request2.image_type,
      ratio: item === null || item === void 0 || (_item$request3 = item.request) === null || _item$request3 === void 0 ? void 0 : _item$request3.ratio,
      text: item === null || item === void 0 || (_item$response = item.response) === null || _item$response === void 0 || (_item$response = _item$response.results) === null || _item$response === void 0 ? void 0 : _item$response.text,
      images: item === null || item === void 0 || (_item$response2 = item.response) === null || _item$response2 === void 0 || (_item$response2 = _item$response2.results) === null || _item$response2 === void 0 ? void 0 : _item$response2.images,
      thumbnails: item === null || item === void 0 || (_item$response3 = item.response) === null || _item$response3 === void 0 || (_item$response3 = _item$response3.results) === null || _item$response3 === void 0 || (_item$response3 = _item$response3.images) === null || _item$response3 === void 0 ? void 0 : _item$response3.map(function (image) {
        return _objectSpread(_objectSpread({}, image), {}, {
          image_url: getImageThumbnailURL(meta.thumbnailUrl, image.image_url)
        });
      })
    };
  });
};
var usePromptHistory = function usePromptHistory(historyType) {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isLoading = _useState2[0],
    setIsLoading = _useState2[1];
  var _useState3 = (0, _react.useState)({}),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    data = _useState4[0],
    setData = _useState4[1];
  var _useState5 = (0, _react.useState)(&#039;&#039;),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    error = _useState6[0],
    setError = _useState6[1];
  var fetchData = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
      var page, limit;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            page = _ref.page, limit = _ref.limit;
            return _context.abrupt(&quot;return&quot;, new Promise(function (resolve, reject) {
              setIsLoading(true);
              (0, _api.getHistory)(historyType, page, limit).then(function (response) {
                var clone = JSON.parse(JSON.stringify(data));
                clone.meta = response.meta;
                clone.items = [].concat((0, _toConsumableArray2.default)((clone === null || clone === void 0 ? void 0 : clone.items) || []), (0, _toConsumableArray2.default)(normalizeItems(response)));
                setData(clone);
                resolve(true);
              }).catch(function (err) {
                var finalError = (err === null || err === void 0 ? void 0 : err.responseText) || err;
                setError(finalError);
                reject(finalError);
              }).finally(function () {
                return setIsLoading(false);
              });
            }));
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function fetchData(_x) {
      return _ref2.apply(this, arguments);
    };
  }();
  var deleteItemById = function deleteItemById(id) {
    var itemIndex = data.items.findIndex(function (item) {
      return item.id === id;
    });
    if (-1 === itemIndex) {
      return false;
    }
    var clone = JSON.parse(JSON.stringify(data));
    clone.items.splice(itemIndex, 1);
    setData(clone);
    return true;
  };
  return {
    isLoading: isLoading,
    error: error,
    items: data.items,
    meta: data.meta,
    fetchData: fetchData,
    deleteItemById: deleteItemById
  };
};
var _default = exports[&quot;default&quot;] = usePromptHistory;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-prompt.js&quot;:
/*!**********************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-prompt.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _requestsIds = __webpack_require__(/*! ../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _excluded = [&quot;text&quot;, &quot;response_id&quot;, &quot;usage&quot;, &quot;images&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var normalizeResponse = function normalizeResponse(_ref) {
  var text = _ref.text,
    responseId = _ref.response_id,
    usage = _ref.usage,
    images = _ref.images,
    optional = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var creditsData = usage ? usage.quota - usage.usedQuota : 0;
  var credits = Math.max(creditsData, 0);
  var result = text || images;
  var normalized = {
    result: result,
    responseId: responseId,
    credits: credits,
    usagePercentage: usage === null || usage === void 0 ? void 0 : usage.usagePercentage
  };
  if (optional.base_template_id) {
    normalized.baseTemplateId = optional.base_template_id;
  }
  normalized.type = optional.template_type;
  return normalized;
};
var usePrompt = function usePrompt(fetchData, initialState) {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isLoading = _useState2[0],
    setIsLoading = _useState2[1];
  var _useState3 = (0, _react.useState)(&#039;&#039;),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    error = _useState4[0],
    setError = _useState4[1];
  var _useState5 = (0, _react.useState)(initialState),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    data = _useState6[0],
    setData = _useState6[1];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    updateUsagePercentage = _useRequestIds.updateUsagePercentage,
    usagePercentage = _useRequestIds.usagePercentage;
  var send = (0, _react.useRef)(/*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            return _context.abrupt(&quot;return&quot;, payload);
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function (_x) {
      return _ref2.apply(this, arguments);
    };
  }());
  var sendUsageData = (0, _react.useRef)(function () {});
  (0, _react.useEffect)(function () {
    var newUsageValue = data === null || data === void 0 ? void 0 : data.usagePercentage;
    if (newUsageValue &amp;&amp; newUsageValue !== usagePercentage) {
      updateUsagePercentage(newUsageValue);
    }
  }, [data, usagePercentage, updateUsagePercentage]);
  var _useRequestIds2 = (0, _requestsIds.useRequestIds)(),
    setRequest = _useRequestIds2.setRequest,
    editorSessionId = _useRequestIds2.editorSessionId,
    sessionId = _useRequestIds2.sessionId,
    generateId = _useRequestIds2.generateId,
    batchId = _useRequestIds2.batchId;
  send.current = (0, _react.useCallback)(/*#__PURE__*/function () {
    var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2(payload) {
      return _regenerator.default.wrap(function (_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            return _context2.abrupt(&quot;return&quot;, new Promise(function (resolve, reject) {
              setError(&#039;&#039;);
              setIsLoading(true);
              var requestId = setRequest();
              var requestIds = {
                editorSessionId: editorSessionId.current,
                sessionId: sessionId.current,
                generateId: generateId.current,
                batchId: batchId.current,
                requestId: requestId.current
              };
              payload = _objectSpread(_objectSpread({}, payload), {}, {
                requestIds: requestIds
              });
              fetchData(payload).then(function (result) {
                var normalizedData = normalizeResponse(result);
                setData(normalizedData);
                resolve(normalizedData);
              }).catch(function (err) {
                var finalError = (err === null || err === void 0 ? void 0 : err.responseText) || err;
                setError(finalError);
                reject(finalError);
              }).finally(function () {
                return setIsLoading(false);
              });
            }));
          case 1:
          case &quot;end&quot;:
            return _context2.stop();
        }
      }, _callee2);
    }));
    return function (_x2) {
      return _ref3.apply(this, arguments);
    };
  }(), [batchId, editorSessionId, fetchData, generateId, sessionId, setRequest]);
  sendUsageData.current = (0, _react.useCallback)(function () {
    var usageData = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : data;
    return usageData.responseId &amp;&amp; (0, _api.setStatusFeedback)(usageData.responseId);
  }, [data]);
  var reset = function reset() {
    setData(function (_ref4) {
      var credits = _ref4.credits;
      return {
        credits: credits,
        result: &#039;&#039;,
        responseId: &#039;&#039;
      };
    });
    setError(&#039;&#039;);
    setIsLoading(false);
  };
  var setResult = function setResult(result) {
    var responseId = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : null;
    var updatedResult = _objectSpread({}, data);
    updatedResult.result = result;
    if (responseId) {
      updatedResult.responseId = responseId;
    }
    setData(updatedResult);
  };
  return {
    isLoading: isLoading,
    error: error,
    data: data,
    setResult: setResult,
    reset: reset,
    send: send.current,
    sendUsageData: sendUsageData.current
  };
};
var _default = exports[&quot;default&quot;] = usePrompt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-text-prompt.js&quot;:
/*!***************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-text-prompt.js ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _usePrompt = _interopRequireDefault(__webpack_require__(/*! ./use-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt.js&quot;));
var getTextResult = /*#__PURE__*/function () {
  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
    return _regenerator.default.wrap(function (_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          if (!(payload !== null &amp;&amp; payload !== void 0 &amp;&amp; payload.instruction)) {
            _context.next = 1;
            break;
          }
          return _context.abrupt(&quot;return&quot;, (0, _api.getEditText)(payload));
        case 1:
          return _context.abrupt(&quot;return&quot;, (0, _api.getCompletionText)(payload));
        case 2:
        case &quot;end&quot;:
          return _context.stop();
      }
    }, _callee);
  }));
  return function getTextResult(_x) {
    return _ref.apply(this, arguments);
  };
}();
var useTextPrompt = function useTextPrompt(initialValue) {
  var promptData = (0, _usePrompt.default)(getTextResult, initialValue);
  return promptData;
};
var _default = exports[&quot;default&quot;] = useTextPrompt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-timeout.js&quot;:
/*!***********************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-timeout.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useTimeout = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var useTimeout = exports.useTimeout = function useTimeout(delay) {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isTimeout = _useState2[0],
    setIsTimeout = _useState2[1];
  var timeoutIdRef = (0, _react.useRef)(null);
  var turnOffTimeout = function turnOffTimeout() {
    clearTimeout(timeoutIdRef.current);
    setIsTimeout(false);
  };
  (0, _react.useEffect)(function () {
    timeoutIdRef.current = setTimeout(function () {
      setIsTimeout(true);
    }, delay);
    return function () {
      clearTimeout(timeoutIdRef.current);
    };
  }, [delay]);
  return [isTimeout, turnOffTimeout];
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-upgrade-message.js&quot;:
/*!*******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-upgrade-message.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.USAGE_PERCENTAGE_THRESHOLD = void 0;
var _useIntroduction2 = _interopRequireDefault(__webpack_require__(/*! ./use-introduction */ &quot;../modules/ai/assets/js/editor/hooks/use-introduction.js&quot;));
var USAGE_PERCENTAGE_THRESHOLD = exports.USAGE_PERCENTAGE_THRESHOLD = 75;
var useUpgradeMessage = function useUpgradeMessage(_ref) {
  var usagePercentage = _ref.usagePercentage,
    hasSubscription = _ref.hasSubscription;
  var _useIntroduction = (0, _useIntroduction2.default)(&#039;e-ai-upgrade-message&#039;),
    isBannerViewed = _useIntroduction.isViewed,
    markBannerAsViewed = _useIntroduction.markAsViewed;
  var isFreeUser = !hasSubscription;
  var isBelowThreshold = usagePercentage &lt; USAGE_PERCENTAGE_THRESHOLD;
  var isAboveThreshold = usagePercentage &gt;= USAGE_PERCENTAGE_THRESHOLD;
  var showBadge = isAboveThreshold || isFreeUser;
  var showBanner = !isBannerViewed &amp;&amp; isFreeUser &amp;&amp; isBelowThreshold;
  return {
    showBadge: showBadge,
    showBanner: showBanner,
    markBannerAsViewed: markBannerAsViewed
  };
};
var _default = exports[&quot;default&quot;] = useUpgradeMessage;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/hooks/use-user-info.js&quot;:
/*!*************************************************************!*\
  !*** ../modules/ai/assets/js/editor/hooks/use-user-info.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _api = __webpack_require__(/*! ../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var useUserInfo = function useUserInfo() {
  var immediately = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : false;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isLoaded = _useState2[0],
    setIsLoaded = _useState2[1];
  var _useState3 = (0, _react.useState)(false),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    isLoading = _useState4[0],
    setIsLoading = _useState4[1];
  var _useState5 = (0, _react.useState)({
      is_connected: false,
      is_get_started: false,
      connect_url: &#039;&#039;,
      usage: {
        hasAiSubscription: false,
        quota: 0,
        usedQuota: 0
      }
    }),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    userInfo = _useState6[0],
    setUserInfo = _useState6[1];
  var credits = userInfo.usage.quota - userInfo.usage.usedQuota;
  var usagePercentage = userInfo.usage.quota ? userInfo.usage.usedQuota / userInfo.usage.quota * 100 : 0;
  var fetchData = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
      var userInfoResult;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            setIsLoading(true);
            _context.next = 1;
            return (0, _api.getUserInformation)(immediately);
          case 1:
            userInfoResult = _context.sent;
            setUserInfo(function (prevState) {
              return _objectSpread(_objectSpread({}, prevState), userInfoResult);
            });
            setIsLoaded(true);
            setIsLoading(false);
          case 2:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function fetchData() {
      return _ref.apply(this, arguments);
    };
  }();
  if (!isLoaded &amp;&amp; !isLoading) {
    fetchData();
  }
  return {
    isLoading: isLoading,
    isLoaded: isLoaded,
    isConnected: userInfo.is_connected,
    isGetStarted: userInfo.is_get_started,
    connectUrl: userInfo.connect_url,
    builderUrl: userInfo.usage.builderUrl,
    hasSubscription: userInfo.usage.hasAiSubscription,
    credits: credits &lt; 0 ? 0 : credits,
    usagePercentage: Math.round(usagePercentage),
    fetchData: fetchData
  };
};
useUserInfo.propTypes = {
  immediately: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = useUserInfo;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/arrow-left-icon.js&quot;:
/*!***************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/arrow-left-icon.js ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ArrowLeftIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M9.53033 7.46967C9.82322 7.76256 9.82322 8.23744 9.53033 8.53033L6.81066 11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H6.81066L9.53033 15.4697C9.82322 15.7626 9.82322 16.2374 9.53033 16.5303C9.23744 16.8232 8.76256 16.8232 8.46967 16.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697L8.46967 7.46967C8.76256 7.17678 9.23744 7.17678 9.53033 7.46967Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ArrowLeftIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/brush-icon.js&quot;:
/*!**********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/brush-icon.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var BrushIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M20.8815 2.25919C20.9203 2.25301 20.9599 2.24983 21 2.24988C21.0827 2.24978 21.1629 2.26335 21.2384 2.2887C21.367 2.33162 21.4784 2.40776 21.5642 2.5058C21.6895 2.64891 21.76 2.83868 21.749 3.03992C21.7477 3.06492 21.7452 3.08966 21.7414 3.11407C21.3311 6.09743 20.124 8.91507 18.2472 11.2703C16.5079 13.4529 14.2532 15.1635 11.6906 16.2509C11.8289 17.1168 11.7249 18.0054 11.3884 18.8177C11.0289 19.6857 10.4201 20.4275 9.63896 20.9495C8.85782 21.4714 7.93946 21.75 7 21.75H3C2.58579 21.75 2.25 21.4142 2.25 21V17C2.25 16.0605 2.52858 15.1421 3.05052 14.361C3.57246 13.5799 4.3143 12.9711 5.18225 12.6115C5.99455 12.2751 6.88314 12.1711 7.74905 12.3094C8.83643 9.74682 10.547 7.49212 12.7296 5.75287C15.0837 3.87693 17.8998 2.67012 20.8815 2.25919ZM10.0984 16.0649C10.077 16.0082 10.0629 15.9506 10.0557 15.893C9.89413 15.4471 9.63624 15.04 9.2981 14.7019C8.96001 14.3638 8.55301 14.1059 8.10721 13.9444C8.04953 13.9372 7.99178 13.9231 7.93499 13.9016C7.90509 13.8903 7.87632 13.8773 7.84877 13.8628C7.77794 13.8436 7.70633 13.8268 7.63404 13.8124C7.0036 13.687 6.35014 13.7514 5.75628 13.9974C5.16242 14.2433 4.65484 14.6599 4.29772 15.1944C3.94061 15.7288 3.75 16.3572 3.75 17V20.25H7C7.64279 20.25 8.27114 20.0594 8.8056 19.7022C9.34006 19.3451 9.75662 18.8376 10.0026 18.2437C10.2486 17.6498 10.313 16.9964 10.1876 16.3659C10.1732 16.2935 10.1563 16.2218 10.1371 16.1509C10.1226 16.1234 10.1097 16.0947 10.0984 16.0649ZM10.3588 13.6412C10.7069 13.9894 10.9969 14.3876 11.2204 14.8204C12.2258 14.3839 13.1782 13.8417 14.0621 13.2048C13.3066 11.827 12.173 10.6933 10.7952 9.93782C10.1583 10.8218 9.61603 11.7741 9.17957 12.7795C9.61238 13.0031 10.0106 13.293 10.3588 13.6412ZM11.7434 8.75107C13.1943 9.59789 14.4021 10.8057 15.2489 12.2565C15.9093 11.6727 16.5204 11.0304 17.0741 10.3355C18.5698 8.45849 19.5983 6.25889 20.0821 3.9179C17.7411 4.40165 15.5415 5.43018 13.6644 6.92595C12.9696 7.47964 12.3273 8.0907 11.7434 8.75107Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = BrushIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/bulb-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/bulb-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var BulbIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({}, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;svg&quot;, {
    width: &quot;22&quot;,
    height: &quot;22&quot;,
    viewBox: &quot;0 0 22 22&quot;,
    fill: &quot;none&quot;,
    xmlns: &quot;http://www.w3.org/2000/svg&quot;
  }, /*#__PURE__*/_react.default.createElement(&quot;g&quot;, {
    clipPath: &quot;url(#clip0_10743_8902)&quot;
  }, /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M2.75 10.0833H3.66667M11 2.75V3.66667M18.3333 10.0833H19.25M5.13333 5.13333L5.775 5.775M16.8667 5.13333L16.225 5.775&quot;,
    stroke: &quot;#2563EB&quot;,
    strokeWidth: &quot;1.5&quot;,
    strokeLinecap: &quot;round&quot;,
    strokeLinejoin: &quot;round&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M9.16675 16.041C8.70841 15.1243 6.91205 13.2842 6.62523 12.366C6.3384 11.4477 6.34775 10.4626 6.65195 9.54997C6.95615 8.63738 7.53978 7.84362 8.32016 7.28116C9.10054 6.71869 10.0381 6.41602 11.0001 6.41602C11.962 6.41602 12.8996 6.71869 13.68 7.28116C14.4604 7.84362 15.044 8.63738 15.3482 9.54997C15.6524 10.4626 15.6618 11.4477 15.3749 12.366C15.0881 13.2842 13.2917 15.1243 12.8334 16.041C12.8334 16.041 12.7597 17.3762 12.8334 17.8743C12.8334 18.3606 12.6403 18.8269 12.2964 19.1707C11.9526 19.5145 11.4863 19.7077 11.0001 19.7077C10.5139 19.7077 10.0475 19.5145 9.70372 19.1707C9.3599 18.8269 9.16675 18.3606 9.16675 17.8743C9.2405 17.3762 9.16675 16.041 9.16675 16.041Z&quot;,
    stroke: &quot;#2563EB&quot;,
    strokeWidth: &quot;1.5&quot;,
    strokeLinecap: &quot;round&quot;,
    strokeLinejoin: &quot;round&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M10.0833 16.5H11.9166&quot;,
    stroke: &quot;#2563EB&quot;,
    strokeWidth: &quot;1.5&quot;,
    strokeLinecap: &quot;round&quot;,
    strokeLinejoin: &quot;round&quot;
  })), /*#__PURE__*/_react.default.createElement(&quot;defs&quot;, null, /*#__PURE__*/_react.default.createElement(&quot;clipPath&quot;, {
    id: &quot;clip0_10743_8902&quot;
  }, /*#__PURE__*/_react.default.createElement(&quot;rect&quot;, {
    width: &quot;22&quot;,
    height: &quot;22&quot;,
    fill: &quot;white&quot;
  })))));
});
var _default = exports[&quot;default&quot;] = BulbIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/chevron-left-icon.js&quot;:
/*!*****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/chevron-left-icon.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ChevronLeftIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M15.5303 18.2803C15.8232 17.9874 15.8232 17.5126 15.5303 17.2197L10.0607 11.75L15.5303 6.28033C15.8232 5.98744 15.8232 5.51256 15.5303 5.21967C15.2374 4.92678 14.7626 4.92678 14.4697 5.21967L8.46967 11.2197C8.17678 11.5126 8.17678 11.9874 8.46967 12.2803L14.4697 18.2803C14.7626 18.5732 15.2374 18.5732 15.5303 18.2803Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ChevronLeftIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/chevron-right-icon.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/chevron-right-icon.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ChevronRightIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M8.46967 18.2803C8.17678 17.9874 8.17678 17.5126 8.46967 17.2197L13.9393 11.75L8.46967 6.28033C8.17678 5.98744 8.17678 5.51256 8.46967 5.21967C8.76256 4.92678 9.23744 4.92678 9.53033 5.21967L15.5303 11.2197C15.8232 11.5126 15.8232 11.9874 15.5303 12.2803L9.53033 18.2803C9.23744 18.5732 8.76256 18.5732 8.46967 18.2803Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ChevronRightIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/cleanup-icon.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/cleanup-icon.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var Cleanup = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 16 16&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M10.6668 11.8334H3.66679C3.53235 11.8334 3.40357 11.7792 3.30952 11.6832L0.505518 8.81921L0.504041 8.81772C0.287672 8.59928 0.16626 8.30423 0.16626 7.99671C0.16626 7.68849 0.288225 7.3928 0.505518 7.17421L0.506568 7.17316L7.17323 0.506492L7.17429 0.505442C7.39288 0.288149 7.68857 0.166183 7.99679 0.166183C8.30501 0.166183 8.6007 0.288149 8.81929 0.505442L8.82034 0.50649L12.1547 3.84088C12.372 4.05947 12.494 4.35516 12.494 4.66338C12.494 4.97134 12.3722 5.26679 12.1553 5.48533L12.1547 5.48588L6.86473 10.8334H10.6668C10.9429 10.8334 11.1668 11.0572 11.1668 11.3334C11.1668 11.6095 10.9429 11.8334 10.6668 11.8334ZM7.87959 1.21435C7.91079 1.18349 7.9529 1.16618 7.99679 1.16618C8.04067 1.16618 8.08278 1.18349 8.11398 1.21434L11.4455 4.54588C11.4763 4.57707 11.494 4.61951 11.494 4.66338C11.494 4.70741 11.4766 4.74965 11.4455 4.78088L11.4447 4.78174L10.0411 6.20059L6.46721 2.62673L7.87959 1.21435ZM5.7601 3.33383L1.21473 7.87921C1.18387 7.91041 1.16626 7.95282 1.16626 7.99671C1.16626 8.04074 1.18368 8.08298 1.21473 8.11421L1.2174 8.11691L3.877 10.8334H5.4581L9.33779 6.91152L5.7601 3.33383Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = Cleanup;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/code-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/code-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var CodeIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    d: &quot;M7.53 7.47a.75.75 0 0 1 0 1.06L4.06 12l3.47 3.47a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 0ZM16.47 7.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06L19.94 12l-3.47-3.47a.75.75 0 0 1 0-1.06ZM14.182 3.272a.75.75 0 0 1 .546.91l-4 16a.75.75 0 0 1-1.456-.364l4-16a.75.75 0 0 1 .91-.546Z&quot;,
    clipRule: &quot;evenodd&quot;
  }));
});
var _default = exports[&quot;default&quot;] = CodeIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/copy-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/copy-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var CopyIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M9 3.75C8.30964 3.75 7.75 4.30964 7.75 5V15C7.75 15.6904 8.30964 16.25 9 16.25H19C19.6904 16.25 20.25 15.6904 20.25 15V5C20.25 4.30964 19.6904 3.75 19 3.75H9ZM6.25 5C6.25 3.48122 7.48122 2.25 9 2.25H19C20.5188 2.25 21.75 3.48122 21.75 5V15C21.75 16.5188 20.5188 17.75 19 17.75H9C7.48122 17.75 6.25 16.5188 6.25 15V5Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M5 7.75C4.66848 7.75 4.35054 7.8817 4.11612 8.11612C3.8817 8.35054 3.75 8.66848 3.75 9V19C3.75 19.3315 3.8817 19.6495 4.11612 19.8839C4.35054 20.1183 4.66848 20.25 5 20.25H15C15.3315 20.25 15.6495 20.1183 15.8839 19.8839C16.1183 19.6495 16.25 19.3315 16.25 19V17C16.25 16.5858 16.5858 16.25 17 16.25C17.4142 16.25 17.75 16.5858 17.75 17V19C17.75 19.7293 17.4603 20.4288 16.9445 20.9445C16.4288 21.4603 15.7293 21.75 15 21.75H5C4.27065 21.75 3.57118 21.4603 3.05546 20.9445C2.53973 20.4288 2.25 19.7293 2.25 19V9C2.25 8.27065 2.53973 7.57118 3.05546 7.05546C3.57118 6.53973 4.27065 6.25 5 6.25H7C7.41421 6.25 7.75 6.58579 7.75 7C7.75 7.41421 7.41421 7.75 7 7.75H5Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = CopyIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/copy-page-icon.js&quot;:
/*!**************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/copy-page-icon.js ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var CopyPageIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M16.6667 0.208496C17.0534 0.208496 17.4244 0.362142 17.6979 0.635632C17.9714 0.909123 18.125 1.28006 18.125 1.66683V11.6668C18.125 12.0536 17.9714 12.4245 17.6979 12.698C17.4244 12.9715 17.0534 13.1252 16.6667 13.1252H14.7917V16.6668C14.7917 17.0536 14.638 17.4245 14.3645 17.698C14.091 17.9715 13.7201 18.1252 13.3333 18.1252H3.33333C2.94656 18.1252 2.57563 17.9715 2.30214 17.698C2.02865 17.4245 1.875 17.0536 1.875 16.6668V6.66683C1.875 6.28005 2.02865 5.90912 2.30214 5.63563C2.57563 5.36214 2.94656 5.2085 3.33333 5.2085H5.20833V1.66683C5.20833 1.28005 5.36198 0.909122 5.63547 0.635632C5.90896 0.362142 6.27989 0.208496 6.66667 0.208496H16.6667ZM6.66667 1.4585C6.61141 1.4585 6.55842 1.48045 6.51935 1.51952C6.48028 1.55859 6.45833 1.61158 6.45833 1.66683V3.54183H8.54167V1.4585H6.66667ZM3.125 9.79183V16.6668C3.125 16.7221 3.14695 16.7751 3.18602 16.8141C3.22509 16.8532 3.27808 16.8752 3.33333 16.8752H13.3333C13.3886 16.8752 13.4416 16.8532 13.4806 16.8141C13.5197 16.7751 13.5417 16.7221 13.5417 16.6668V13.1252H6.66667C6.27989 13.1252 5.90896 12.9715 5.63547 12.698C5.36198 12.4245 5.20833 12.0536 5.20833 11.6668V9.79183H3.125ZM5.20833 8.54183H3.125V6.66683C3.125 6.61158 3.14695 6.55859 3.18602 6.51952C3.22509 6.48045 3.27808 6.4585 3.33333 6.4585H5.20833V8.54183ZM6.45833 11.6668C6.45833 11.7221 6.48028 11.7751 6.51935 11.8141C6.55842 11.8532 6.61141 11.8752 6.66667 11.8752H16.6667C16.7219 11.8752 16.7749 11.8532 16.814 11.8141C16.853 11.7751 16.875 11.7221 16.875 11.6668V4.79183H6.45833V11.6668ZM9.79167 1.4585V3.54183H16.875V1.66683C16.875 1.61157 16.853 1.55858 16.814 1.51952C16.7749 1.48045 16.7219 1.4585 16.6667 1.4585H9.79167Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = CopyPageIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/download-icon.js&quot;:
/*!*************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/download-icon.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var DownloadIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M4 16.25C4.41421 16.25 4.75 16.5858 4.75 17V19C4.75 19.3315 4.8817 19.6495 5.11612 19.8839C5.35054 20.1183 5.66848 20.25 6 20.25H18C18.3315 20.25 18.6495 20.1183 18.8839 19.8839C19.1183 19.6495 19.25 19.3315 19.25 19V17C19.25 16.5858 19.5858 16.25 20 16.25C20.4142 16.25 20.75 16.5858 20.75 17V19C20.75 19.7293 20.4603 20.4288 19.9445 20.9445C19.4288 21.4603 18.7293 21.75 18 21.75H6C5.27065 21.75 4.57118 21.4603 4.05546 20.9445C3.53973 20.4288 3.25 19.7293 3.25 19V17C3.25 16.5858 3.58579 16.25 4 16.25Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M6.46967 10.4697C6.76256 10.1768 7.23744 10.1768 7.53033 10.4697L12 14.9393L16.4697 10.4697C16.7626 10.1768 17.2374 10.1768 17.5303 10.4697C17.8232 10.7626 17.8232 11.2374 17.5303 11.5303L12.5303 16.5303C12.2374 16.8232 11.7626 16.8232 11.4697 16.5303L6.46967 11.5303C6.17678 11.2374 6.17678 10.7626 6.46967 10.4697Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V16C12.75 16.4142 12.4142 16.75 12 16.75C11.5858 16.75 11.25 16.4142 11.25 16V4C11.25 3.58579 11.5858 3.25 12 3.25Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = DownloadIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/edit-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/edit-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var EditIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M13.9697 4.96967C14.6408 4.29858 15.5509 3.92157 16.5 3.92157C17.4491 3.92157 18.3592 4.29858 19.0303 4.96967C19.7014 5.64075 20.0784 6.55094 20.0784 7.5C20.0784 8.44905 19.7014 9.35924 19.0303 10.0303L8.53033 20.5303C8.38968 20.671 8.19891 20.75 8 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20V16C3.25 15.8011 3.32902 15.6103 3.46967 15.4697L13.9697 4.96967ZM16.5 5.42157C15.9488 5.42157 15.4201 5.64055 15.0303 6.03033L4.75 16.3107V19.25H7.68934L17.9697 8.96967C18.3595 8.57989 18.5784 8.05123 18.5784 7.5C18.5784 6.94876 18.3595 6.42011 17.9697 6.03033C17.5799 5.64055 17.0512 5.42157 16.5 5.42157Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M12.9697 5.96967C13.2626 5.67677 13.7374 5.67677 14.0303 5.96967L18.0303 9.96967C18.3232 10.2626 18.3232 10.7374 18.0303 11.0303C17.7374 11.3232 17.2626 11.3232 16.9697 11.0303L12.9697 7.03033C12.6768 6.73743 12.6768 6.26256 12.9697 5.96967Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = EditIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/enlarger-icon.js&quot;:
/*!*************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/enlarger-icon.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ExpandIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M5.11612 5.11612C5.35054 4.8817 5.66848 4.75 6 4.75H18C18.3315 4.75 18.6495 4.8817 18.8839 5.11612C19.1183 5.35054 19.25 5.66848 19.25 6V18C19.25 18.3315 19.1183 18.6495 18.8839 18.8839C18.6495 19.1183 18.3315 19.25 18 19.25H11.7335C11.7444 19.1709 11.75 19.0908 11.75 19.01V14.01C11.75 13.8051 11.7141 13.604 11.6457 13.4149L16.25 8.81066V11C16.25 11.4142 16.5858 11.75 17 11.75C17.4142 11.75 17.75 11.4142 17.75 11V7C17.75 6.89831 17.7298 6.80134 17.6931 6.71291C17.6565 6.62445 17.6022 6.54158 17.5303 6.46967C17.4584 6.39776 17.3755 6.34351 17.2871 6.30691C17.1993 6.27051 17.1031 6.2503 17.0022 6.25C17.0015 6.25 17.0007 6.25 17 6.25H16.9997H13C12.5858 6.25 12.25 6.58579 12.25 7C12.25 7.41421 12.5858 7.75 13 7.75H15.1893L10.5803 12.359C10.3956 12.2941 10.1995 12.26 10 12.26H5C4.91585 12.26 4.83232 12.2661 4.75 12.278V6C4.75 5.66848 4.8817 5.35054 5.11612 5.11612ZM4.75 14.01V18C4.75 18.3315 4.8817 18.6495 5.11612 18.8839C5.35054 19.1183 5.66848 19.25 6 19.25H10.07C10.11 19.2383 10.1468 19.2168 10.1768 19.1868C10.2237 19.1399 10.25 19.0763 10.25 19.01V14.01C10.25 13.9437 10.2237 13.8801 10.1768 13.8332C10.1299 13.7863 10.0663 13.76 10 13.76H5C4.9337 13.76 4.87011 13.7863 4.82322 13.8332C4.77634 13.8801 4.75 13.9437 4.75 14.01ZM3.25 14.01V6C3.25 5.27065 3.53973 4.57118 4.05546 4.05546C4.57118 3.53973 5.27065 3.25 6 3.25H18C18.7293 3.25 19.4288 3.53973 19.9445 4.05546C20.4603 4.57118 20.75 5.27065 20.75 6V18C20.75 18.7293 20.4603 19.4288 19.9445 19.9445C19.4288 20.4603 18.7293 20.75 18 20.75H10.187C10.1251 20.7566 10.0627 20.76 10 20.76H5C4.53587 20.76 4.09075 20.5756 3.76256 20.2474C3.43438 19.9193 3.25 19.4741 3.25 19.01V18V14.01Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ExpandIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/evolve-icon.js&quot;:
/*!***********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/evolve-icon.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var EvolveIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M2.30691 2.71291C2.27024 2.80134 2.25 2.89831 2.25 3V8C2.25 8.41421 2.58579 8.75 3 8.75C3.41421 8.75 3.75 8.41421 3.75 8V4.81066L10.0056 11.0663L10.0057 11.0663C10.8022 11.8631 11.2497 12.9434 11.25 14.07V14.0702V15V21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21V15V14.0702V14.07C12.7503 12.9434 13.1979 11.863 13.9944 11.0663L20.25 4.81066V8C20.25 8.41421 20.5858 8.75 21 8.75C21.4142 8.75 21.75 8.41421 21.75 8V3C21.75 2.98706 21.7497 2.97419 21.749 2.96141C21.7446 2.87376 21.7251 2.79009 21.6931 2.71291C21.6565 2.62445 21.6022 2.54158 21.5303 2.46967C21.4584 2.39776 21.3755 2.34351 21.2871 2.30691C21.1987 2.27024 21.1017 2.25 21 2.25H16C15.5858 2.25 15.25 2.58579 15.25 3C15.25 3.41421 15.5858 3.75 16 3.75H19.1893L12.9337 10.0057L12.9336 10.0057C12.5656 10.3739 12.2526 10.7867 12 11.2316C11.7474 10.7867 11.4344 10.3739 11.0664 10.0057L11.0663 10.0057L4.81066 3.75H8C8.41421 3.75 8.75 3.41421 8.75 3C8.75 2.58579 8.41421 2.25 8 2.25H3C2.7937 2.25 2.60686 2.33329 2.47126 2.46808C2.47073 2.46861 2.4702 2.46914 2.46967 2.46967C2.46914 2.4702 2.46861 2.47073 2.46808 2.47126C2.39696 2.5428 2.34324 2.62511 2.30691 2.71291Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = EvolveIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/expand-diagonal-icon.js&quot;:
/*!********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/expand-diagonal-icon.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ExpandDiagonalIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M4 3.25H8C8.41421 3.25 8.75 3.58579 8.75 4C8.75 4.41421 8.41421 4.75 8 4.75H5.81066L10.5303 9.46967C10.8232 9.76256 10.8232 10.2374 10.5303 10.5303C10.2374 10.8232 9.76256 10.8232 9.46967 10.5303L4.75 5.81066V8C4.75 8.41421 4.41421 8.75 4 8.75C3.58579 8.75 3.25 8.41421 3.25 8V4C3.25 3.58579 3.58579 3.25 4 3.25ZM13.4697 13.4697C13.7626 13.1768 14.2374 13.1768 14.5303 13.4697L19.25 18.1893V16C19.25 15.5858 19.5858 15.25 20 15.25C20.4142 15.25 20.75 15.5858 20.75 16V20C20.75 20.4142 20.4142 20.75 20 20.75H16C15.5858 20.75 15.25 20.4142 15.25 20C15.25 19.5858 15.5858 19.25 16 19.25H18.1893L13.4697 14.5303C13.1768 14.2374 13.1768 13.7626 13.4697 13.4697Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ExpandDiagonalIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/expand-icon.js&quot;:
/*!***********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/expand-icon.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ExpandIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M16 3.25C15.5858 3.25 15.25 3.58579 15.25 4C15.25 4.41421 15.5858 4.75 16 4.75H18.1893L13.4697 9.46967C13.1768 9.76256 13.1768 10.2374 13.4697 10.5303C13.7626 10.8232 14.2374 10.8232 14.5303 10.5303L19.25 5.81066V8C19.25 8.41421 19.5858 8.75 20 8.75C20.4142 8.75 20.75 8.41421 20.75 8V4C20.75 3.80806 20.6768 3.61612 20.5303 3.46967C20.4584 3.39776 20.3755 3.34351 20.2871 3.30691C20.1987 3.27024 20.1017 3.25 20 3.25H16ZM4 15.25C4.41421 15.25 4.75 15.5858 4.75 16V18.1893L9.46967 13.4697C9.76256 13.1768 10.2374 13.1768 10.5303 13.4697C10.8232 13.7626 10.8232 14.2374 10.5303 14.5303L5.81066 19.25H8C8.41421 19.25 8.75 19.5858 8.75 20C8.75 20.4142 8.41421 20.75 8 20.75H4C3.80806 20.75 3.61612 20.6768 3.46967 20.5303C3.39776 20.4584 3.34351 20.3755 3.30691 20.2871C3.27024 20.1987 3.25 20.1017 3.25 20V16C3.25 15.5858 3.58579 15.25 4 15.25ZM20.75 16V20C20.75 20.1017 20.7298 20.1987 20.6931 20.2871C20.6565 20.3755 20.6022 20.4584 20.5303 20.5303C20.4584 20.6022 20.3755 20.6565 20.2871 20.6931C20.2099 20.7251 20.1262 20.7446 20.0386 20.749C20.0258 20.7497 20.0129 20.75 20 20.75H16C15.5858 20.75 15.25 20.4142 15.25 20C15.25 19.5858 15.5858 19.25 16 19.25H18.1893L13.4697 14.5303C13.1768 14.2374 13.1768 13.7626 13.4697 13.4697C13.7626 13.1768 14.2374 13.1768 14.5303 13.4697L19.25 18.1893V16C19.25 15.5858 19.5858 15.25 20 15.25C20.4142 15.25 20.75 15.5858 20.75 16ZM3.71291 3.30691C3.80134 3.27024 3.89831 3.25 4 3.25H8C8.41421 3.25 8.75 3.58579 8.75 4C8.75 4.41421 8.41421 4.75 8 4.75H5.81066L10.5303 9.46967C10.8232 9.76256 10.8232 10.2374 10.5303 10.5303C10.2374 10.8232 9.76256 10.8232 9.46967 10.5303L4.75 5.81066V8C4.75 8.41421 4.41421 8.75 4 8.75C3.58579 8.75 3.25 8.41421 3.25 8V4C3.25 3.7937 3.33329 3.60686 3.46808 3.47126C3.46861 3.47073 3.46914 3.4702 3.46967 3.46967C3.4702 3.46914 3.47073 3.46861 3.47126 3.46808C3.5428 3.39696 3.62511 3.34324 3.71291 3.30691Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ExpandIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/isolate-object-icon.js&quot;:
/*!*******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/isolate-object-icon.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var IsolateObjectIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 16 16&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M2.6665 2.16699C2.94265 2.16699 3.1665 2.39085 3.1665 2.66699V2.67366C3.1665 2.9498 2.94265 3.17366 2.6665 3.17366C2.39036 3.17366 2.1665 2.9498 2.1665 2.67366V2.66699C2.1665 2.39085 2.39036 2.16699 2.6665 2.16699ZM5.33317 2.16699C5.60931 2.16699 5.83317 2.39085 5.83317 2.66699V2.67366C5.83317 2.9498 5.60931 3.17366 5.33317 3.17366C5.05703 3.17366 4.83317 2.9498 4.83317 2.67366V2.66699C4.83317 2.39085 5.05703 2.16699 5.33317 2.16699ZM7.99984 2.16699C8.27598 2.16699 8.49984 2.39085 8.49984 2.66699V2.67366C8.49984 2.9498 8.27598 3.17366 7.99984 3.17366C7.72369 3.17366 7.49984 2.9498 7.49984 2.67366V2.66699C7.49984 2.39085 7.72369 2.16699 7.99984 2.16699ZM10.6665 2.16699C10.9426 2.16699 11.1665 2.39085 11.1665 2.66699V2.67366C11.1665 2.9498 10.9426 3.17366 10.6665 3.17366C10.3904 3.17366 10.1665 2.9498 10.1665 2.67366V2.66699C10.1665 2.39085 10.3904 2.16699 10.6665 2.16699ZM13.3332 2.16699C13.6093 2.16699 13.8332 2.39085 13.8332 2.66699V2.67366C13.8332 2.9498 13.6093 3.17366 13.3332 3.17366C13.057 3.17366 12.8332 2.9498 12.8332 2.67366V2.66699C12.8332 2.39085 13.057 2.16699 13.3332 2.16699ZM2.6665 4.83366C2.94265 4.83366 3.1665 5.05752 3.1665 5.33366V5.34033C3.1665 5.61647 2.94265 5.84033 2.6665 5.84033C2.39036 5.84033 2.1665 5.61647 2.1665 5.34033V5.33366C2.1665 5.05752 2.39036 4.83366 2.6665 4.83366ZM4.83317 5.33366C4.83317 5.05752 5.05703 4.83366 5.33317 4.83366H10.6665C10.9426 4.83366 11.1665 5.05752 11.1665 5.33366V10.667C11.1665 10.9431 10.9426 11.167 10.6665 11.167H5.33317C5.05703 11.167 4.83317 10.9431 4.83317 10.667V5.33366ZM5.83317 5.83366V10.167H10.1665V5.83366H5.83317ZM13.3332 4.83366C13.6093 4.83366 13.8332 5.05752 13.8332 5.33366V5.34033C13.8332 5.61647 13.6093 5.84033 13.3332 5.84033C13.057 5.84033 12.8332 5.61647 12.8332 5.34033V5.33366C12.8332 5.05752 13.057 4.83366 13.3332 4.83366ZM2.6665 7.50033C2.94265 7.50033 3.1665 7.72418 3.1665 8.00033V8.00699C3.1665 8.28313 2.94265 8.50699 2.6665 8.50699C2.39036 8.50699 2.1665 8.28313 2.1665 8.00699V8.00033C2.1665 7.72418 2.39036 7.50033 2.6665 7.50033ZM13.3332 7.50033C13.6093 7.50033 13.8332 7.72418 13.8332 8.00033V8.00699C13.8332 8.28313 13.6093 8.50699 13.3332 8.50699C13.057 8.50699 12.8332 8.28313 12.8332 8.00699V8.00033C12.8332 7.72418 13.057 7.50033 13.3332 7.50033ZM2.6665 10.167C2.94265 10.167 3.1665 10.3908 3.1665 10.667V10.6737C3.1665 10.9498 2.94265 11.1737 2.6665 11.1737C2.39036 11.1737 2.1665 10.9498 2.1665 10.6737V10.667C2.1665 10.3908 2.39036 10.167 2.6665 10.167ZM13.3332 10.167C13.6093 10.167 13.8332 10.3908 13.8332 10.667V10.6737C13.8332 10.9498 13.6093 11.1737 13.3332 11.1737C13.057 11.1737 12.8332 10.9498 12.8332 10.6737V10.667C12.8332 10.3908 13.057 10.167 13.3332 10.167ZM2.6665 12.8337C2.94265 12.8337 3.1665 13.0575 3.1665 13.3337V13.3403C3.1665 13.6165 2.94265 13.8403 2.6665 13.8403C2.39036 13.8403 2.1665 13.6165 2.1665 13.3403V13.3337C2.1665 13.0575 2.39036 12.8337 2.6665 12.8337ZM5.33317 12.8337C5.60931 12.8337 5.83317 13.0575 5.83317 13.3337V13.3403C5.83317 13.6165 5.60931 13.8403 5.33317 13.8403C5.05703 13.8403 4.83317 13.6165 4.83317 13.3403V13.3337C4.83317 13.0575 5.05703 12.8337 5.33317 12.8337ZM7.99984 12.8337C8.27598 12.8337 8.49984 13.0575 8.49984 13.3337V13.3403C8.49984 13.6165 8.27598 13.8403 7.99984 13.8403C7.72369 13.8403 7.49984 13.6165 7.49984 13.3403V13.3337C7.49984 13.0575 7.72369 12.8337 7.99984 12.8337ZM10.6665 12.8337C10.9426 12.8337 11.1665 13.0575 11.1665 13.3337V13.3403C11.1665 13.6165 10.9426 13.8403 10.6665 13.8403C10.3904 13.8403 10.1665 13.6165 10.1665 13.3403V13.3337C10.1665 13.0575 10.3904 12.8337 10.6665 12.8337ZM13.3332 12.8337C13.6093 12.8337 13.8332 13.0575 13.8332 13.3337V13.3403C13.8332 13.6165 13.6093 13.8403 13.3332 13.8403C13.057 13.8403 12.8332 13.6165 12.8332 13.3403V13.3337C12.8332 13.0575 13.057 12.8337 13.3332 12.8337Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = IsolateObjectIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/lock-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/lock-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var LockIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M7.8125 11.9996C7.29473 11.9996 6.875 12.4473 6.875 12.9996V18.9996C6.875 19.5519 7.29473 19.9996 7.8125 19.9996H17.1875C17.7053 19.9996 18.125 19.5519 18.125 18.9996V12.9996C18.125 12.4473 17.7053 11.9996 17.1875 11.9996H7.8125ZM5 12.9996C5 11.3428 6.2592 9.99963 7.8125 9.99963H17.1875C18.7408 9.99963 20 11.3428 20 12.9996V18.9996C20 20.6565 18.7408 21.9996 17.1875 21.9996H7.8125C6.2592 21.9996 5 20.6565 5 18.9996V12.9996Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M12.5 3.90527C11.7044 3.90527 10.9413 4.22134 10.3787 4.78395C9.81607 5.34656 9.5 6.10962 9.5 6.90527V10.9053C9.5 11.4576 9.05228 11.9053 8.5 11.9053C7.94772 11.9053 7.5 11.4576 7.5 10.9053V6.90527C7.5 5.57919 8.02678 4.30742 8.96447 3.36974C9.90215 2.43206 11.1739 1.90527 12.5 1.90527C13.8261 1.90527 15.0979 2.43206 16.0355 3.36974C16.9732 4.30742 17.5 5.57919 17.5 6.90527V10.9053C17.5 11.4576 17.0523 11.9053 16.5 11.9053C15.9477 11.9053 15.5 11.4576 15.5 10.9053V6.90527C15.5 6.10962 15.1839 5.34656 14.6213 4.78395C14.0587 4.22134 13.2956 3.90527 12.5 3.90527Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M6 12H19V20H6V12Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = LockIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/minimize-diagonal-icon.js&quot;:
/*!**********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/minimize-diagonal-icon.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var MinimizeDiagonalIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M3.46967 3.46967C3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L9.25 8.18934V6C9.25 5.58579 9.58579 5.25 10 5.25C10.4142 5.25 10.75 5.58579 10.75 6V10C10.75 10.4142 10.4142 10.75 10 10.75H6C5.58579 10.75 5.25 10.4142 5.25 10C5.25 9.58579 5.58579 9.25 6 9.25H8.18934L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967ZM14 13.25H18C18.4142 13.25 18.75 13.5858 18.75 14C18.75 14.4142 18.4142 14.75 18 14.75H15.8107L20.5303 19.4697C20.8232 19.7626 20.8232 20.2374 20.5303 20.5303C20.2374 20.8232 19.7626 20.8232 19.4697 20.5303L14.75 15.8107V18C14.75 18.4142 14.4142 18.75 14 18.75C13.5858 18.75 13.25 18.4142 13.25 18V14C13.25 13.5858 13.5858 13.25 14 13.25Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = MinimizeDiagonalIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/plus-circle-icon.js&quot;:
/*!****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/plus-circle-icon.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var PlusCircleIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M12 2.69231C6.8595 2.69231 2.69231 6.8595 2.69231 12C2.69231 17.1405 6.8595 21.3077 12 21.3077C17.1405 21.3077 21.3077 17.1405 21.3077 12C21.3077 6.8595 17.1405 2.69231 12 2.69231ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 7.76923C12.4673 7.76923 12.8462 8.14807 12.8462 8.61538V11.1538H15.3846C15.8519 11.1538 16.2308 11.5327 16.2308 12C16.2308 12.4673 15.8519 12.8462 15.3846 12.8462H12.8462V15.3846C12.8462 15.8519 12.4673 16.2308 12 16.2308C11.5327 16.2308 11.1538 15.8519 11.1538 15.3846V12.8462H8.61538C8.14807 12.8462 7.76923 12.4673 7.76923 12C7.76923 11.5327 8.14807 11.1538 8.61538 11.1538H11.1538V8.61538C11.1538 8.14807 11.5327 7.76923 12 7.76923Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = PlusCircleIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/redo-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/redo-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var RedoIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M15.5303 5.46967C15.2374 5.17678 14.7626 5.17678 14.4697 5.46967C14.1768 5.76256 14.1768 6.23744 14.4697 6.53033L17.1893 9.25H8C6.74022 9.25 5.53204 9.75044 4.64124 10.6412C3.75044 11.532 3.25 12.7402 3.25 14C3.25 15.2598 3.75044 16.468 4.64124 17.3588C5.53204 18.2496 6.74022 18.75 8 18.75H9C9.41421 18.75 9.75 18.4142 9.75 18C9.75 17.5858 9.41421 17.25 9 17.25H8C7.13805 17.25 6.3114 16.9076 5.7019 16.2981C5.09241 15.6886 4.75 14.862 4.75 14C4.75 13.138 5.09241 12.3114 5.7019 11.7019C6.3114 11.0924 7.13805 10.75 8 10.75H17.1893L14.4697 13.4697C14.1768 13.7626 14.1768 14.2374 14.4697 14.5303C14.7626 14.8232 15.2374 14.8232 15.5303 14.5303L19.5303 10.5303C19.6768 10.3839 19.75 10.1919 19.75 10C19.75 9.89831 19.7298 9.80134 19.6931 9.71291C19.6565 9.62445 19.6022 9.54158 19.5303 9.46967L15.5303 5.46967Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = RedoIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/refresh-icon.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/refresh-icon.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var RefreshIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M7.55012 4.45178C9.23098 3.48072 11.1845 3.08925 13.1097 3.33767C15.035 3.58609 16.8251 4.46061 18.2045 5.82653C19.5838 7.19245 20.4757 8.97399 20.743 10.8967C20.8 11.307 20.5136 11.6858 20.1033 11.7428C19.6931 11.7998 19.3142 11.5135 19.2572 11.1032C19.0353 9.50635 18.2945 8.02677 17.149 6.89236C16.0035 5.75795 14.5167 5.03165 12.9178 4.82534C11.3189 4.61902 9.69644 4.94414 8.30047 5.75061C7.24361 6.36117 6.36093 7.22198 5.72541 8.24995H8.00009C8.41431 8.24995 8.75009 8.58574 8.75009 8.99995C8.75009 9.41417 8.41431 9.74995 8.00009 9.74995H4.51686C4.5055 9.75021 4.49412 9.75021 4.48272 9.74995H4.00009C3.58588 9.74995 3.25009 9.41417 3.25009 8.99995V4.99995C3.25009 4.58574 3.58588 4.24995 4.00009 4.24995C4.41431 4.24995 4.75009 4.58574 4.75009 4.99995V7.00691C5.48358 5.96916 6.43655 5.0951 7.55012 4.45178Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M3.89686 12.2571C4.30713 12.2001 4.68594 12.4864 4.74295 12.8967C4.96487 14.4936 5.70565 15.9731 6.85119 17.1075C7.99673 18.242 9.48347 18.9683 11.0824 19.1746C12.6813 19.3809 14.3037 19.0558 15.6997 18.2493C16.7566 17.6387 17.6393 16.7779 18.2748 15.75H16.0001C15.5859 15.75 15.2501 15.4142 15.2501 15C15.2501 14.5857 15.5859 14.25 16.0001 14.25H19.4833C19.4947 14.2497 19.5061 14.2497 19.5175 14.25H20.0001C20.4143 14.25 20.7501 14.5857 20.7501 15V19C20.7501 19.4142 20.4143 19.75 20.0001 19.75C19.5859 19.75 19.2501 19.4142 19.2501 19V16.993C18.5166 18.0307 17.5636 18.9048 16.4501 19.5481C14.7692 20.5192 12.8157 20.9107 10.8904 20.6622C8.9652 20.4138 7.17504 19.5393 5.79572 18.1734C4.4164 16.8074 3.52443 15.0259 3.25723 13.1032C3.20022 12.6929 3.48658 12.3141 3.89686 12.2571Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = RefreshIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/remove-bg.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/remove-bg.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var RemoveBackgroundIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 16 16&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M5.74996 2.50038C5.74996 2.2242 5.52607 2.00031 5.24989 2.00031C4.9737 2.00031 4.74981 2.2242 4.74981 2.50038V2.50705C4.74981 2.78323 4.9737 3.00712 5.24989 3.00712C5.52607 3.00712 5.74996 2.78323 5.74996 2.50705V2.50038Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M7.9997 2.00031C8.27588 2.00031 8.49978 2.2242 8.49978 2.50038V2.50705C8.49978 2.78323 8.27588 3.00712 7.9997 3.00712C7.72352 3.00712 7.49963 2.78323 7.49963 2.50705V2.50038C7.49963 2.2242 7.72352 2.00031 7.9997 2.00031Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M11.2496 2.50038C11.2496 2.2242 11.0257 2.00031 10.7495 2.00031C10.4733 2.00031 10.2494 2.2242 10.2494 2.50038V2.50705C10.2494 2.78323 10.4733 3.00712 10.7495 3.00712C11.0257 3.00712 11.2496 2.78323 11.2496 2.50705V2.50038Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M13.4993 2.00031C13.7755 2.00031 13.9994 2.2242 13.9994 2.50038V2.50705C13.9994 2.78323 13.7755 3.00712 13.4993 3.00712C13.2231 3.00712 12.9993 2.78323 12.9993 2.50705V2.50038C12.9993 2.2242 13.2231 2.00031 13.4993 2.00031Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M13.9994 5.25019C13.9994 4.97401 13.7755 4.75012 13.4993 4.75012C13.2231 4.75012 12.9993 4.97401 12.9993 5.25019V5.25686C12.9993 5.53304 13.2231 5.75694 13.4993 5.75694C13.7755 5.75694 13.9994 5.53304 13.9994 5.25686V5.25019Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M13.9994 8.00001C13.9994 7.72382 13.7755 7.49993 13.4993 7.49993C13.2231 7.49993 12.9993 7.72382 12.9993 8.00001V8.00667C12.9993 8.28286 13.2231 8.50675 13.4993 8.50675C13.7755 8.50675 13.9994 8.28286 13.9994 8.00667V8.00001Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M2.50007 7.49993C2.77626 7.49993 3.00015 7.72382 3.00015 8.00001V8.00667C3.00015 8.28286 2.77626 8.50675 2.50007 8.50675C2.22389 8.50675 2 8.28286 2 8.00667V8.00001C2 7.72382 2.22389 7.49993 2.50007 7.49993Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M3.00015 5.25019C3.00015 4.97401 2.77626 4.75012 2.50007 4.75012C2.22389 4.75012 2 4.97401 2 5.25019V5.25686C2 5.53304 2.22389 5.75694 2.50007 5.75694C2.77626 5.75694 3.00015 5.53304 3.00015 5.25686V5.25019Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M2.50007 2.00031C2.77626 2.00031 3.00015 2.2242 3.00015 2.50038V2.50705C3.00015 2.78323 2.77626 3.00712 2.50007 3.00712C2.22389 3.00712 2 2.78323 2 2.50705V2.50038C2 2.2242 2.22389 2.00031 2.50007 2.00031Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M9.37461 7.31255C9.94411 7.31255 10.4058 6.85088 10.4058 6.28137C10.4058 5.71187 9.94411 5.25019 9.37461 5.25019C8.8051 5.25019 8.34343 5.71187 8.34343 6.28137C8.34343 6.85088 8.8051 7.31255 9.37461 7.31255Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M9.37461 9.21061L7.6724 7.44357L7.66567 7.43672C7.27331 7.04478 6.79598 6.81248 6.28107 6.81248C5.76615 6.81248 5.28883 7.04478 4.89647 7.43672L4.88973 7.44358L2.13992 10.2982C2.05015 10.3913 2 10.5157 2 10.6451V13.4996C2 13.7758 2.22389 13.9997 2.50007 13.9997H13.4993C13.7755 13.9997 13.9994 13.7758 13.9994 13.4996V10.6451C13.9994 10.6365 13.9992 10.6279 13.9988 10.6194C13.9958 10.562 13.9833 10.5072 13.9627 10.4566C13.9409 10.403 13.9093 10.3523 13.8681 10.3073C13.8651 10.304 13.8621 10.3008 13.859 10.2976L12.4846 8.87085L12.4778 8.86399C12.0855 8.47205 11.6082 8.23975 11.0932 8.23975C10.5783 8.23975 10.101 8.47205 9.70864 8.86399L9.70191 8.87084L9.37461 9.21061ZM5.60649 8.14113L3.00015 10.8468V12.9996H12.9993V10.8468L11.7678 9.5684C11.5234 9.32549 11.2897 9.2399 11.0932 9.2399C10.8968 9.2399 10.6631 9.32549 10.4187 9.5684L10.069 9.93142L11.1097 11.0118C11.3013 11.2107 11.2954 11.5272 11.0965 11.7188C10.8975 11.9104 10.581 11.9045 10.3894 11.7056L9.01604 10.28C9.01482 10.2787 9.01361 10.2775 9.01241 10.2762L6.95564 8.14113C6.7112 7.89822 6.4775 7.81263 6.28107 7.81263C6.08463 7.81263 5.85094 7.89822 5.60649 8.14113Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = RemoveBackgroundIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/replace-bg.js&quot;:
/*!**********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/replace-bg.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ReplaceBackgroundIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 16 16&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M4.35355 1.64645C4.54882 1.84171 4.54882 2.15829 4.35355 2.35355L2.35355 4.35355C2.15829 4.54882 1.84171 4.54882 1.64645 4.35355C1.45118 4.15829 1.45118 3.84171 1.64645 3.64645L3.64645 1.64645C3.84171 1.45118 4.15829 1.45118 4.35355 1.64645Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M7.68689 1.64645C7.88215 1.84171 7.88215 2.15829 7.68689 2.35355L2.35355 7.68689C2.15829 7.88215 1.84171 7.88215 1.64645 7.68689C1.45118 7.49162 1.45118 7.17504 1.64645 6.97978L6.97978 1.64645C7.17504 1.45118 7.49162 1.45118 7.68689 1.64645Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M11.0202 1.64645C11.2155 1.84171 11.2155 2.15829 11.0202 2.35355L6.68689 6.68689C6.49162 6.88215 6.17504 6.88215 5.97978 6.68689C5.78452 6.49162 5.78452 6.17504 5.97978 5.97978L10.3131 1.64645C10.5084 1.45118 10.825 1.45118 11.0202 1.64645Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M14.3536 1.64645C14.5488 1.84171 14.5488 2.15829 14.3536 2.35355L11.0202 5.68689C10.825 5.88215 10.5084 5.88215 10.3131 5.68689C10.1179 5.49162 10.1179 5.17504 10.3131 4.97978L13.6464 1.64645C13.8417 1.45118 14.1583 1.45118 14.3536 1.64645Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M14.3536 4.97978C14.5488 5.17504 14.5488 5.49162 14.3536 5.68689L12.0202 8.02022C11.825 8.21548 11.5084 8.21548 11.3131 8.02022C11.1179 7.82496 11.1179 7.50838 11.3131 7.31311L13.6464 4.97978C13.8417 4.78452 14.1583 4.78452 14.3536 4.97978Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M14.3536 8.31311C14.5488 8.50838 14.5488 8.82496 14.3536 9.02022L14.0202 9.35355C13.825 9.54882 13.5084 9.54882 13.3131 9.35355C13.1179 9.15829 13.1179 8.84171 13.3131 8.64645L13.6464 8.31311C13.8417 8.11785 14.1583 8.11785 14.3536 8.31311Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M10.3333 7C10.3333 7.55228 9.88562 8 9.33333 8C8.78105 8 8.33333 7.55228 8.33333 7C8.33333 6.44772 8.78105 6 9.33333 6C9.88562 6 10.3333 6.44772 10.3333 7Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M6.33333 8.5C6.14679 8.5 5.92267 8.58153 5.6867 8.81725C5.67587 8.82806 5.66455 8.83838 5.65278 8.84816L2.5 11.4665V13.5H13.5V11.2318C13.5 10.9556 13.7239 10.7318 14 10.7318C14.2761 10.7318 14.5 10.9556 14.5 11.2318V14C14.5 14.2761 14.2761 14.5 14 14.5H2C1.72386 14.5 1.5 14.2761 1.5 14V11.2318C1.5 11.0831 1.56617 10.9421 1.68056 10.8471L4.99717 8.09274C5.37661 7.72073 5.83674 7.5 6.33333 7.5C6.83746 7.5 7.304 7.72747 7.6867 8.10976L7.69343 8.11662L11.0268 11.5769C11.2183 11.7758 11.2124 12.0923 11.0136 12.2839C10.8147 12.4755 10.4981 12.4696 10.3066 12.2707L6.97679 8.81408C6.74199 8.5808 6.51904 8.5 6.33333 8.5Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M10.3564 10.1984L9.69343 10.8866C9.50185 11.0854 9.18532 11.0914 8.98645 10.8998C8.78757 10.7082 8.78166 10.3917 8.97324 10.1928L9.6399 9.50073L9.64663 9.49387C10.4992 8.64223 11.843 8.83788 12.6387 9.45172C12.6435 9.45538 12.6482 9.45913 12.6528 9.46297L14.3194 10.8471C14.5319 11.0235 14.5611 11.3388 14.3846 11.5512C14.2082 11.7636 13.893 11.7928 13.6806 11.6164L12.0213 10.2384C11.4855 9.82976 10.7405 9.81862 10.3564 10.1984Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ReplaceBackgroundIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/restore-icon.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/restore-icon.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var RestoreIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    d: &quot;M11.913 3.22a8.781 8.781 0 0 1 3.367.634.75.75 0 1 1-.56 1.392A7.281 7.281 0 0 0 8.25 18.24V15a.75.75 0 0 1 1.5 0v4.433a.73.73 0 0 1 0 .034V20a.75.75 0 0 1-.75.75H4a.75.75 0 0 1 0-1.5h3.045a8.782 8.782 0 0 1 4.868-16.03ZM18.37 6.41a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-1.5 0v-.01a.75.75 0 0 1 .75-.75ZM13 19.19a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-1.5 0v-.01a.75.75 0 0 1 .75-.75ZM16.84 17.62a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-1.5 0v-.01a.75.75 0 0 1 .75-.75ZM19.37 14.35a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-1.5 0v-.01a.75.75 0 0 1 .75-.75ZM19.94 10.25a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-1.5 0V11a.75.75 0 0 1 .75-.75Z&quot;,
    clipRule: &quot;evenodd&quot;
  }));
});
var _default = exports[&quot;default&quot;] = RestoreIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/text-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/text-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var TextIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    d: &quot;M4.25 5A.75.75 0 0 1 5 4.25h14a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V5.75H5.75V7a.75.75 0 0 1-1.5 0V5Z&quot;,
    clipRule: &quot;evenodd&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    d: &quot;M12 4.25a.75.75 0 0 1 .75.75v14a.75.75 0 0 1-1.5 0V5a.75.75 0 0 1 .75-.75Z&quot;,
    clipRule: &quot;evenodd&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    d: &quot;M9.25 19a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75Z&quot;,
    clipRule: &quot;evenodd&quot;
  }));
});
var _default = exports[&quot;default&quot;] = TextIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/undo-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/undo-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var UndoIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M9.53033 6.53033C9.82322 6.23744 9.82322 5.76256 9.53033 5.46967C9.23744 5.17678 8.76256 5.17678 8.46967 5.46967L4.46967 9.46967C4.39776 9.54158 4.34351 9.62445 4.30691 9.71291C4.27024 9.80134 4.25 9.89831 4.25 10C4.25 10.1017 4.27024 10.1987 4.30691 10.2871C4.34351 10.3755 4.39776 10.4584 4.46967 10.5303L8.46967 14.5303C8.76256 14.8232 9.23744 14.8232 9.53033 14.5303C9.82322 14.2374 9.82322 13.7626 9.53033 13.4697L6.81066 10.75H16C16.862 10.75 17.6886 11.0924 18.2981 11.7019C18.9076 12.3114 19.25 13.138 19.25 14C19.25 14.862 18.9076 15.6886 18.2981 16.2981C17.6886 16.9076 16.862 17.25 16 17.25H15C14.5858 17.25 14.25 17.5858 14.25 18C14.25 18.4142 14.5858 18.75 15 18.75H16C17.2598 18.75 18.468 18.2496 19.3588 17.3588C20.2496 16.468 20.75 15.2598 20.75 14C20.75 12.7402 20.2496 11.532 19.3588 10.6412C18.468 9.75044 17.2598 9.25 16 9.25H6.81066L9.53033 6.53033Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = UndoIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/wand-icon.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/wand-icon.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var WandIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M9 2.25C9.41421 2.25 9.75 2.58579 9.75 3C9.75 3.33152 9.8817 3.64946 10.1161 3.88388C10.3505 4.1183 10.6685 4.25 11 4.25C11.4142 4.25 11.75 4.58579 11.75 5C11.75 5.41421 11.4142 5.75 11 5.75C10.6685 5.75 10.3505 5.8817 10.1161 6.11612C9.8817 6.35054 9.75 6.66848 9.75 7C9.75 7.41421 9.41421 7.75 9 7.75C8.58579 7.75 8.25 7.41421 8.25 7C8.25 6.66848 8.1183 6.35054 7.88388 6.11612C7.64946 5.8817 7.33152 5.75 7 5.75C6.58579 5.75 6.25 5.41421 6.25 5C6.25 4.58579 6.58579 4.25 7 4.25C7.33152 4.25 7.64946 4.1183 7.88388 3.88388C8.1183 3.64946 8.25 3.33152 8.25 3C8.25 2.58579 8.58579 2.25 9 2.25ZM9 4.88746C8.98182 4.90673 8.96333 4.92576 8.94454 4.94454C8.92576 4.96333 8.90673 4.98182 8.88746 5C8.90673 5.01818 8.92576 5.03667 8.94454 5.05546C8.96333 5.07424 8.98182 5.09327 9 5.11254C9.01818 5.09327 9.03667 5.07424 9.05546 5.05546C9.07424 5.03667 9.09327 5.01818 9.11254 5C9.09327 4.98182 9.07424 4.96333 9.05546 4.94454C9.03667 4.92576 9.01818 4.90673 9 4.88746Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M18.5303 2.46967C18.2374 2.17678 17.7626 2.17678 17.4697 2.46967L2.46967 17.4697C2.17678 17.7626 2.17678 18.2374 2.46967 18.5303L5.46967 21.5303C5.76256 21.8232 6.23744 21.8232 6.53033 21.5303L21.5303 6.53033C21.8232 6.23744 21.8232 5.76256 21.5303 5.46967L18.5303 2.46967ZM18 7.93934L19.9393 6L18 4.06066L16.0607 6L18 7.93934ZM15 7.06066L16.9393 9L6 19.9393L4.06066 18L15 7.06066Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M19.75 13C19.75 12.5858 19.4142 12.25 19 12.25C18.5858 12.25 18.25 12.5858 18.25 13C18.25 13.3315 18.1183 13.6495 17.8839 13.8839C17.6495 14.1183 17.3315 14.25 17 14.25C16.5858 14.25 16.25 14.5858 16.25 15C16.25 15.4142 16.5858 15.75 17 15.75C17.3315 15.75 17.6495 15.8817 17.8839 16.1161C18.1183 16.3505 18.25 16.6685 18.25 17C18.25 17.4142 18.5858 17.75 19 17.75C19.4142 17.75 19.75 17.4142 19.75 17C19.75 16.6685 19.8817 16.3505 20.1161 16.1161C20.3505 15.8817 20.6685 15.75 21 15.75C21.4142 15.75 21.75 15.4142 21.75 15C21.75 14.5858 21.4142 14.25 21 14.25C20.6685 14.25 20.3505 14.1183 20.1161 13.8839C19.8817 13.6495 19.75 13.3315 19.75 13ZM18.9445 14.9445C18.9633 14.9258 18.9818 14.9067 19 14.8875C19.0182 14.9067 19.0367 14.9258 19.0555 14.9445C19.0742 14.9633 19.0933 14.9818 19.1125 15C19.0933 15.0182 19.0742 15.0367 19.0555 15.0555C19.0367 15.0742 19.0182 15.0933 19 15.1125C18.9818 15.0933 18.9633 15.0742 18.9445 15.0555C18.9258 15.0367 18.9067 15.0182 18.8875 15C18.9067 14.9818 18.9258 14.9633 18.9445 14.9445Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = WandIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/website-icon.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/website-icon.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var WebsiteIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M4.16707 3.95837C4.11182 3.95837 4.05883 3.98032 4.01976 4.01939C3.98069 4.05846 3.95874 4.11145 3.95874 4.16671V6.04171H6.04207V3.95837H4.16707ZM4.16707 2.70837C3.7803 2.70837 3.40937 2.86202 3.13588 3.13551C2.86239 3.409 2.70874 3.77993 2.70874 4.16671V15.8334C2.70874 16.2201 2.86239 16.5911 3.13588 16.8646C3.40937 17.1381 3.7803 17.2917 4.16707 17.2917H15.8337C16.2205 17.2917 16.5914 17.1381 16.8649 16.8646C17.1384 16.5911 17.2921 16.2201 17.2921 15.8334V4.16671C17.2921 3.77993 17.1384 3.409 16.8649 3.13551C16.5914 2.86202 16.2205 2.70837 15.8337 2.70837H4.16707ZM7.29207 3.95837V6.04171H16.0421V4.16671C16.0421 4.11145 16.0201 4.05846 15.9811 4.01939C15.942 3.98032 15.889 3.95837 15.8337 3.95837H7.29207ZM16.0421 7.29171H3.95874V15.8334C3.95874 15.8886 3.98069 15.9416 4.01976 15.9807C4.05883 16.0198 4.11182 16.0417 4.16707 16.0417H15.8337C15.889 16.0417 15.942 16.0198 15.9811 15.9807C16.0201 15.9416 16.0421 15.8886 16.0421 15.8334V7.29171Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = WebsiteIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/x-circle-icon.js&quot;:
/*!*************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/x-circle-icon.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var XCircleIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M12 2.69231C6.8595 2.69231 2.69231 6.8595 2.69231 12C2.69231 17.1405 6.8595 21.3077 12 21.3077C17.1405 21.3077 21.3077 17.1405 21.3077 12C21.3077 6.8595 17.1405 2.69231 12 2.69231ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM9.14527 9.14527C9.47571 8.81483 10.0115 8.81483 10.3419 9.14527L12 10.8034L13.6581 9.14527C13.9885 8.81483 14.5243 8.81483 14.8547 9.14527C15.1852 9.47571 15.1852 10.0115 14.8547 10.3419L13.1966 12L14.8547 13.6581C15.1852 13.9885 15.1852 14.5243 14.8547 14.8547C14.5243 15.1852 13.9885 15.1852 13.6581 14.8547L12 13.1966L10.3419 14.8547C10.0115 15.1852 9.47571 15.1852 9.14527 14.8547C8.81483 14.5243 8.81483 13.9885 9.14527 13.6581L10.8034 12L9.14527 10.3419C8.81483 10.0115 8.81483 9.47571 9.14527 9.14527Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = XCircleIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/icons/zoom-in-icon.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/editor/icons/zoom-in-icon.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ZoomInIcon = _react.default.forwardRef(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
    viewBox: &quot;0 0 24 24&quot;
  }, props, {
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M10 3.75C6.54822 3.75 3.75 6.54822 3.75 10C3.75 13.4518 6.54822 16.25 10 16.25C13.4518 16.25 16.25 13.4518 16.25 10C16.25 6.54822 13.4518 3.75 10 3.75ZM2.25 10C2.25 5.71979 5.71979 2.25 10 2.25C14.2802 2.25 17.75 5.71979 17.75 10C17.75 14.2802 14.2802 17.75 10 17.75C5.71979 17.75 2.25 14.2802 2.25 10Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M6.25 10C6.25 9.58579 6.58579 9.25 7 9.25H13C13.4142 9.25 13.75 9.58579 13.75 10C13.75 10.4142 13.4142 10.75 13 10.75H7C6.58579 10.75 6.25 10.4142 6.25 10Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M10 6.25C10.4142 6.25 10.75 6.58579 10.75 7V13C10.75 13.4142 10.4142 13.75 10 13.75C9.58579 13.75 9.25 13.4142 9.25 13V7C9.25 6.58579 9.58579 6.25 10 6.25Z&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M14.4697 14.4697C14.7626 14.1768 15.2374 14.1768 15.5303 14.4697L21.5303 20.4697C21.8232 20.7626 21.8232 21.2374 21.5303 21.5303C21.2374 21.8232 20.7626 21.8232 20.4697 21.5303L14.4697 15.5303C14.1768 15.2374 14.1768 14.7626 14.4697 14.4697Z&quot;
  }));
});
var _default = exports[&quot;default&quot;] = ZoomInIcon;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/layout-app-wrapper.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/editor/layout-app-wrapper.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var LayoutAppWrapper = function LayoutAppWrapper(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
    rtl: props.isRTL
  }, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
    colorScheme: props.colorScheme
  }, props.children));
};
LayoutAppWrapper.propTypes = {
  children: _propTypes.default.node,
  isRTL: _propTypes.default.bool,
  colorScheme: _propTypes.default.oneOf([&#039;auto&#039;, &#039;light&#039;, &#039;dark&#039;])
};
var _default = exports[&quot;default&quot;] = LayoutAppWrapper;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/layout-app.js&quot;:
/*!****************************************************!*\
  !*** ../modules/ai/assets/js/editor/layout-app.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _layoutContent = _interopRequireDefault(__webpack_require__(/*! ./layout-content */ &quot;../modules/ai/assets/js/editor/layout-content.js&quot;));
var _attachment = __webpack_require__(/*! ./types/attachment */ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;);
var _config = __webpack_require__(/*! ./pages/form-layout/context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var _remoteConfig = __webpack_require__(/*! ./pages/form-layout/context/remote-config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/remote-config.js&quot;);
var _requestsIds = __webpack_require__(/*! ./context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var LayoutApp = function LayoutApp(props) {
  return /*#__PURE__*/_react.default.createElement(_remoteConfig.RemoteConfigProvider, {
    onError: props.onClose
  }, /*#__PURE__*/_react.default.createElement(_requestsIds.RequestIdsProvider, null, /*#__PURE__*/_react.default.createElement(_config.ConfigProvider, {
    mode: props.mode,
    attachmentsTypes: props.attachmentsTypes,
    onClose: props.onClose,
    onConnect: props.onConnect,
    onData: props.onData,
    onInsert: props.onInsert,
    onSelect: props.onSelect,
    onGenerate: props.onGenerate,
    currentContext: props.currentContext,
    hasPro: props.hasPro
  }, /*#__PURE__*/_react.default.createElement(_layoutContent.default, {
    attachments: props.attachments
  }))));
};
LayoutApp.propTypes = {
  mode: _propTypes.default.oneOf(_config.LAYOUT_APP_MODES).isRequired,
  attachmentsTypes: _attachment.AttachmentsTypesPropType,
  attachments: _propTypes.default.arrayOf(_attachment.AttachmentPropType),
  onClose: _propTypes.default.func.isRequired,
  onConnect: _propTypes.default.func.isRequired,
  onData: _propTypes.default.func.isRequired,
  onInsert: _propTypes.default.func.isRequired,
  onSelect: _propTypes.default.func.isRequired,
  onGenerate: _propTypes.default.func.isRequired,
  currentContext: _propTypes.default.object,
  hasPro: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = LayoutApp;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/layout-content.js&quot;:
/*!********************************************************!*\
  !*** ../modules/ai/assets/js/editor/layout-content.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _connect = _interopRequireDefault(__webpack_require__(/*! ./pages/connect */ &quot;../modules/ai/assets/js/editor/pages/connect/index.js&quot;));
var _formLayout = _interopRequireDefault(__webpack_require__(/*! ./pages/form-layout */ &quot;../modules/ai/assets/js/editor/pages/form-layout/index.js&quot;));
var _getStarted = _interopRequireDefault(__webpack_require__(/*! ./pages/get-started */ &quot;../modules/ai/assets/js/editor/pages/get-started/index.js&quot;));
var _loader = _interopRequireDefault(__webpack_require__(/*! ./components/loader */ &quot;../modules/ai/assets/js/editor/components/loader.js&quot;));
var _upgradeChip = _interopRequireDefault(__webpack_require__(/*! ./components/upgrade-chip */ &quot;../modules/ai/assets/js/editor/components/upgrade-chip.js&quot;));
var _useUserInfo2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-user-info */ &quot;../modules/ai/assets/js/editor/hooks/use-user-info.js&quot;));
var _wizardDialog = _interopRequireDefault(__webpack_require__(/*! ./components/wizard-dialog */ &quot;../modules/ai/assets/js/editor/components/wizard-dialog.js&quot;));
var _layoutDialog = _interopRequireDefault(__webpack_require__(/*! ./pages/form-layout/components/layout-dialog */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/layout-dialog.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _attachment = __webpack_require__(/*! ./types/attachment */ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;);
var _config = __webpack_require__(/*! ./pages/form-layout/context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var _requestsIds = __webpack_require__(/*! ./context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var LayoutContent = function LayoutContent(props) {
  var _useUserInfo = (0, _useUserInfo2.default)(),
    isLoading = _useUserInfo.isLoading,
    isConnected = _useUserInfo.isConnected,
    isGetStarted = _useUserInfo.isGetStarted,
    connectUrl = _useUserInfo.connectUrl,
    fetchData = _useUserInfo.fetchData,
    hasSubscription = _useUserInfo.hasSubscription,
    initialUsagePercentage = _useUserInfo.usagePercentage;
  var _useConfig = (0, _config.useConfig)(),
    onClose = _useConfig.onClose,
    onConnect = _useConfig.onConnect;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    updateUsagePercentage = _useRequestIds.updateUsagePercentage,
    usagePercentage = _useRequestIds.usagePercentage;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isInitUsageDone = _useState2[0],
    setIsInitUsageDone = _useState2[1];
  (0, _react.useEffect)(function () {
    if (!isInitUsageDone &amp;&amp; !isLoading &amp;&amp; (initialUsagePercentage || 0 === initialUsagePercentage)) {
      updateUsagePercentage(initialUsagePercentage);
      setIsInitUsageDone(true);
    }
  }, [isLoading, initialUsagePercentage, isInitUsageDone, updateUsagePercentage]);
  if (isLoading || !isInitUsageDone) {
    return /*#__PURE__*/_react.default.createElement(_layoutDialog.default, {
      onClose: onClose
    }, /*#__PURE__*/_react.default.createElement(_layoutDialog.default.Header, {
      onClose: onClose
    }), /*#__PURE__*/_react.default.createElement(_layoutDialog.default.Content, {
      dividers: true
    }, /*#__PURE__*/_react.default.createElement(_loader.default, {
      BoxProps: {
        sx: {
          px: 3
        }
      }
    })));
  }
  if (!isConnected) {
    return /*#__PURE__*/_react.default.createElement(_wizardDialog.default, {
      onClose: onClose
    }, /*#__PURE__*/_react.default.createElement(_layoutDialog.default, {
      onClose: onClose
    }), /*#__PURE__*/_react.default.createElement(_wizardDialog.default.Content, {
      dividers: true
    }, /*#__PURE__*/_react.default.createElement(_connect.default, {
      connectUrl: connectUrl,
      onSuccess: function onSuccess(data) {
        onConnect(data);
        fetchData();
      }
    })));
  }
  if (!isGetStarted) {
    return /*#__PURE__*/_react.default.createElement(_wizardDialog.default, {
      onClose: onClose
    }, /*#__PURE__*/_react.default.createElement(_layoutDialog.default, {
      onClose: onClose
    }), /*#__PURE__*/_react.default.createElement(_wizardDialog.default.Content, {
      dividers: true
    }, /*#__PURE__*/_react.default.createElement(_getStarted.default, {
      onSuccess: fetchData
    })));
  }
  var showUpgradeChip = !hasSubscription || 80 &lt;= usagePercentage;
  return /*#__PURE__*/_react.default.createElement(_formLayout.default, {
    attachments: props.attachments,
    DialogHeaderProps: {
      children: showUpgradeChip &amp;&amp; /*#__PURE__*/_react.default.createElement(_upgradeChip.default, {
        hasSubscription: hasSubscription,
        usagePercentage: usagePercentage
      })
    }
  });
};
LayoutContent.propTypes = {
  attachments: _propTypes.default.arrayOf(_attachment.AttachmentPropType)
};
var _default = exports[&quot;default&quot;] = LayoutContent;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/page-content.js&quot;:
/*!******************************************************!*\
  !*** ../modules/ai/assets/js/editor/page-content.js ***!
  \******************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _formText = _interopRequireDefault(__webpack_require__(/*! ./pages/form-text */ &quot;../modules/ai/assets/js/editor/pages/form-text/index.js&quot;));
var _connect = _interopRequireDefault(__webpack_require__(/*! ./pages/connect */ &quot;../modules/ai/assets/js/editor/pages/connect/index.js&quot;));
var _getStarted = _interopRequireDefault(__webpack_require__(/*! ./pages/get-started */ &quot;../modules/ai/assets/js/editor/pages/get-started/index.js&quot;));
var _useUserInfo = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-user-info */ &quot;../modules/ai/assets/js/editor/hooks/use-user-info.js&quot;));
var _wizardDialog = _interopRequireDefault(__webpack_require__(/*! ./components/wizard-dialog */ &quot;../modules/ai/assets/js/editor/components/wizard-dialog.js&quot;));
var _promptDialog = _interopRequireDefault(__webpack_require__(/*! ./components/prompt-dialog */ &quot;../modules/ai/assets/js/editor/components/prompt-dialog.js&quot;));
var _upgradeChip = _interopRequireDefault(__webpack_require__(/*! ./components/upgrade-chip */ &quot;../modules/ai/assets/js/editor/components/upgrade-chip.js&quot;));
var _formMedia = _interopRequireDefault(__webpack_require__(/*! ./pages/form-media */ &quot;../modules/ai/assets/js/editor/pages/form-media/index.js&quot;));
var _promptHistory = _interopRequireDefault(__webpack_require__(/*! ./components/prompt-history */ &quot;../modules/ai/assets/js/editor/components/prompt-history/index.js&quot;));
var _historyTypes = __webpack_require__(/*! ./components/prompt-history/history-types */ &quot;../modules/ai/assets/js/editor/components/prompt-history/history-types.js&quot;);
var _promptHistoryActionContext = __webpack_require__(/*! ./components/prompt-history/context/prompt-history-action-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-action-context.js&quot;);
var _promptHistoryContext = __webpack_require__(/*! ./components/prompt-history/context/prompt-history-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-context.js&quot;);
var _useUpgradeMessage2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-upgrade-message */ &quot;../modules/ai/assets/js/editor/hooks/use-upgrade-message.js&quot;));
var _usageMessages = _interopRequireDefault(__webpack_require__(/*! ./components/usage-messages */ &quot;../modules/ai/assets/js/editor/components/usage-messages.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _loader = _interopRequireDefault(__webpack_require__(/*! ./components/loader */ &quot;../modules/ai/assets/js/editor/components/loader.js&quot;));
var _requestsIds = __webpack_require__(/*! ./context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _featuresEnum = __webpack_require__(/*! ./helpers/features-enum */ &quot;../modules/ai/assets/js/editor/helpers/features-enum.js&quot;);
var _formAnimation = _interopRequireDefault(__webpack_require__(/*! ./pages/form-animation */ &quot;../modules/ai/assets/js/editor/pages/form-animation/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var FormCode = (0, _react.lazy)(function () {
  return __webpack_require__.e(/*! import() | ai-form-code */ &quot;ai-form-code&quot;).then(__webpack_require__.bind(__webpack_require__, /*! ./pages/form-code */ &quot;../modules/ai/assets/js/editor/pages/form-code/index.js&quot;));
});
var PageContent = function PageContent(_ref) {
  var type = _ref.type,
    controlType = _ref.controlType,
    onClose = _ref.onClose,
    onConnect = _ref.onConnect,
    getControlValue = _ref.getControlValue,
    setControlValue = _ref.setControlValue,
    additionalOptions = _ref.additionalOptions;
  var _ref2 = function (_additionalOptions$us) {
      return (_additionalOptions$us = additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.useCustomInit) !== null &amp;&amp; _additionalOptions$us !== void 0 ? _additionalOptions$us : _useUserInfo.default;
    }()(),
    isLoading = _ref2.isLoading,
    isConnected = _ref2.isConnected,
    isGetStarted = _ref2.isGetStarted,
    connectUrl = _ref2.connectUrl,
    fetchData = _ref2.fetchData,
    hasSubscription = _ref2.hasSubscription,
    credits = _ref2.credits,
    initialUsagePercentage = _ref2.usagePercentage;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    updateUsagePercentage = _useRequestIds.updateUsagePercentage,
    usagePercentage = _useRequestIds.usagePercentage;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isInitUsageDone = _useState2[0],
    setIsInitUsageDone = _useState2[1];
  (0, _react.useEffect)(function () {
    if (!isInitUsageDone &amp;&amp; !isLoading &amp;&amp; (initialUsagePercentage || 0 === initialUsagePercentage)) {
      updateUsagePercentage(initialUsagePercentage);
      setIsInitUsageDone(true);
    }
  }, [isLoading, initialUsagePercentage, isInitUsageDone, updateUsagePercentage]);
  var _useUpgradeMessage = (0, _useUpgradeMessage2.default)({
      usagePercentage: usagePercentage,
      hasSubscription: hasSubscription
    }),
    showBadge = _useUpgradeMessage.showBadge;
  var _useState3 = (0, _react.useState)({
      pointerEvents: &#039;none&#039;
    }),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    sxStyle = _useState4[0],
    setSxStyle = _useState4[1];
  var timeoutRef = (0, _react.useRef)(null);
  var _useState5 = (0, _react.useState)(),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    originalControlValue = _useState6[0],
    setOriginalControlValue = _useState6[1];
  var promptDialogStyleProps = {
    sx: {
      zIndex: 170000,
      // Make sure the dialog is above wp attachment details view
      &#039;&amp; .MuiDialog-container&#039;: {
        alignItems: &#039;flex-start&#039;,
        mt: &#039;media&#039; === type ? &#039;2.5vh&#039; : &#039;18vh&#039;
      },
      &#039;&amp; .MuiDialogContent-root&#039;: {
        willChange: &#039;height&#039;,
        transition: &#039;height 300ms ease-in-out&#039;,
        position: &#039;relative&#039;
      },
      &#039;&amp; .MuiBox-root&#039;: {
        boxSizing: &#039;border-box&#039;
      }
    },
    PaperProps: {
      sx: {
        m: 0,
        maxHeight: &#039;media&#039; === type ? &#039;95vh&#039; : &#039;76vh&#039;,
        minHeight: &#039;80vh&#039;,
        height: &#039;auto&#039;
      }
    }
  };
  var codePromptDialogStyleProps = {
    sx: _objectSpread(_objectSpread({}, promptDialogStyleProps.sx), sxStyle),
    PaperProps: {
      onMouseEnter: function onMouseEnter() {
        clearTimeout(timeoutRef.current);
        setSxStyle({
          pointerEvents: &#039;all&#039;
        });
      },
      onMouseLeave: function onMouseLeave() {
        clearTimeout(timeoutRef.current);
        timeoutRef.current = setTimeout(function () {
          setSxStyle({
            pointerEvents: &#039;none&#039;
          });
        }, 200);
      },
      sx: _objectSpread(_objectSpread({}, promptDialogStyleProps.PaperProps.sx), {}, {
        pointerEvents: &#039;auto&#039;
      })
    }
  };
  var maybeRenderUpgradeChip = function maybeRenderUpgradeChip() {
    if (!showBadge) {
      return;
    }
    return /*#__PURE__*/_react.default.createElement(_upgradeChip.default, {
      hasSubscription: hasSubscription,
      usagePercentage: usagePercentage
    });
  };
  (0, _react.useEffect)(function () {
    if (!originalControlValue) {
      setOriginalControlValue(getControlValue());
    }
  }, []);
  if (isLoading || !isInitUsageDone) {
    return /*#__PURE__*/_react.default.createElement(_promptDialog.default, (0, _extends2.default)({
      onClose: onClose
    }, promptDialogStyleProps, {
      maxWidth: &#039;media&#039; === type ? &#039;lg&#039; : &#039;sm&#039;
    }), /*#__PURE__*/_react.default.createElement(_promptDialog.default.Header, {
      onClose: onClose
    }), /*#__PURE__*/_react.default.createElement(_promptDialog.default.Content, {
      dividers: true
    }, (additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.loadingTitle) &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
      style: {
        display: &#039;flex&#039;,
        justifyContent: &#039;center&#039;,
        alignItems: &#039;center&#039;,
        width: &#039;100%&#039; // Ensure the box takes the full width
      }
    }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
      variant: &quot;body1&quot;,
      color: &quot;secondary&quot;
    }, additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.loadingTitle)), /*#__PURE__*/_react.default.createElement(_loader.default, null)));
  }
  if (!isConnected) {
    return /*#__PURE__*/_react.default.createElement(_wizardDialog.default, {
      onClose: onClose
    }, /*#__PURE__*/_react.default.createElement(_wizardDialog.default.Header, {
      onClose: onClose
    }), /*#__PURE__*/_react.default.createElement(_wizardDialog.default.Content, {
      dividers: true
    }, /*#__PURE__*/_react.default.createElement(_connect.default, {
      connectUrl: connectUrl,
      onSuccess: function onSuccess(data) {
        onConnect(data);
        fetchData();
      }
    })));
  }
  if (!isGetStarted) {
    return /*#__PURE__*/_react.default.createElement(_wizardDialog.default, {
      onClose: onClose
    }, /*#__PURE__*/_react.default.createElement(_wizardDialog.default.Header, {
      onClose: onClose
    }), /*#__PURE__*/_react.default.createElement(_wizardDialog.default.Content, {
      dividers: true
    }, /*#__PURE__*/_react.default.createElement(_getStarted.default, {
      onSuccess: fetchData
    })));
  }
  if (&#039;media&#039; === type) {
    return /*#__PURE__*/_react.default.createElement(_promptHistoryContext.PromptHistoryProvider, {
      historyType: _historyTypes.HISTORY_TYPES.IMAGE
    }, /*#__PURE__*/_react.default.createElement(_promptHistoryActionContext.PromptHistoryActionProvider, null, /*#__PURE__*/_react.default.createElement(_formMedia.default, {
      onClose: onClose,
      getControlValue: getControlValue,
      setControlValue: setControlValue,
      additionalOptions: additionalOptions,
      credits: credits,
      maybeRenderUpgradeChip: maybeRenderUpgradeChip,
      DialogProps: promptDialogStyleProps,
      hasSubscription: hasSubscription,
      usagePercentage: usagePercentage
    })));
  }
  if (&#039;code&#039; === type) {
    return /*#__PURE__*/_react.default.createElement(_promptDialog.default, (0, _extends2.default)({
      onClose: onClose
    }, codePromptDialogStyleProps), /*#__PURE__*/_react.default.createElement(_promptHistoryContext.PromptHistoryProvider, {
      historyType: _historyTypes.HISTORY_TYPES.CODE
    }, /*#__PURE__*/_react.default.createElement(_promptHistoryActionContext.PromptHistoryActionProvider, null, /*#__PURE__*/_react.default.createElement(_promptDialog.default.Header, {
      onClose: onClose
    }, /*#__PURE__*/_react.default.createElement(_promptHistory.default, null), maybeRenderUpgradeChip()), /*#__PURE__*/_react.default.createElement(_promptDialog.default.Content, {
      className: &quot;e-ai-dialog-content&quot;,
      dividers: true
    }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
      fallback: /*#__PURE__*/_react.default.createElement(_loader.default, null)
    }, /*#__PURE__*/_react.default.createElement(FormCode, {
      onClose: onClose,
      getControlValue: getControlValue,
      setControlValue: setControlValue,
      additionalOptions: additionalOptions,
      credits: credits,
      usagePercentage: usagePercentage
    }, /*#__PURE__*/_react.default.createElement(_usageMessages.default, {
      hasSubscription: hasSubscription,
      usagePercentage: usagePercentage,
      sx: {
        mb: 2
      },
      feature: _featuresEnum.FREE_TRIAL_FEATURES_NAMES.CODE
    })))))));
  }
  if (&#039;animation&#039; === type || &#039;hover_animation&#039; === type) {
    var onCloseAnimationDialog = function onCloseAnimationDialog() {
      setControlValue(originalControlValue);
      elementor.documents.getCurrent().history.setActive(true);
      onClose();
    };
    return /*#__PURE__*/_react.default.createElement(_promptDialog.default, (0, _extends2.default)({
      onClose: onCloseAnimationDialog
    }, codePromptDialogStyleProps), /*#__PURE__*/_react.default.createElement(_promptDialog.default.Header, {
      onClose: onCloseAnimationDialog,
      hideAiBetaLogo: additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.hideAiBetaLogo
    }, maybeRenderUpgradeChip()), /*#__PURE__*/_react.default.createElement(_promptDialog.default.Content, {
      className: &quot;e-ai-dialog-content&quot;,
      dividers: true
    }, /*#__PURE__*/_react.default.createElement(_formAnimation.default, {
      onClose: onClose,
      getControlValue: getControlValue,
      setControlValue: setControlValue,
      additionalOptions: _objectSpread(_objectSpread({}, additionalOptions), {}, {
        animationType: &#039;hover_animation&#039; === type ? &#039;hover&#039; : &#039;other&#039;
      }),
      credits: credits,
      usagePercentage: usagePercentage
    }, /*#__PURE__*/_react.default.createElement(_usageMessages.default, {
      hasSubscription: hasSubscription,
      usagePercentage: usagePercentage,
      sx: {
        mb: 2
      },
      feature: _featuresEnum.FREE_TRIAL_FEATURES_NAMES.ANIMATION
    }))));
  }
  return /*#__PURE__*/_react.default.createElement(_promptDialog.default, (0, _extends2.default)({
    onClose: onClose
  }, promptDialogStyleProps), /*#__PURE__*/_react.default.createElement(_promptHistoryContext.PromptHistoryProvider, {
    historyType: _historyTypes.HISTORY_TYPES.TEXT
  }, /*#__PURE__*/_react.default.createElement(_promptHistoryActionContext.PromptHistoryActionProvider, null, /*#__PURE__*/_react.default.createElement(_promptDialog.default.Header, {
    onClose: onClose,
    hideAiBetaLogo: additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.hideAiBetaLogo
  }, !(additionalOptions !== null &amp;&amp; additionalOptions !== void 0 &amp;&amp; additionalOptions.withoutHistory) &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptHistory.default, null), maybeRenderUpgradeChip()), /*#__PURE__*/_react.default.createElement(_promptDialog.default.Content, {
    className: &quot;e-ai-dialog-content&quot;,
    dividers: true
  }, /*#__PURE__*/_react.default.createElement(_formText.default, {
    type: type,
    controlType: controlType,
    onClose: onClose,
    getControlValue: getControlValue,
    setControlValue: setControlValue,
    additionalOptions: additionalOptions,
    credits: credits,
    usagePercentage: usagePercentage
  }, /*#__PURE__*/_react.default.createElement(_usageMessages.default, {
    hasSubscription: hasSubscription,
    usagePercentage: usagePercentage,
    sx: {
      mb: 2
    },
    feature: _featuresEnum.FREE_TRIAL_FEATURES_NAMES.TEXT
  }))))));
};
PageContent.propTypes = {
  type: _propTypes.default.string,
  controlType: _propTypes.default.string,
  onClose: _propTypes.default.func.isRequired,
  onConnect: _propTypes.default.func,
  getControlValue: _propTypes.default.func.isRequired,
  setControlValue: _propTypes.default.func.isRequired,
  additionalOptions: _propTypes.default.object
};
var _default = exports[&quot;default&quot;] = PageContent;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/connect/index.js&quot;:
/*!*************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/connect/index.js ***!
  \*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Connect = function Connect(_ref) {
  var connectUrl = _ref.connectUrl,
    onSuccess = _ref.onSuccess;
  var approveButtonRef = (0, _react.useRef)();
  (0, _react.useEffect)(function () {
    // On local dev (as a standalone app), the connect lib is not loaded.
    if (!jQuery.fn.elementorConnect) {
      return;
    }
    jQuery(approveButtonRef.current).elementorConnect({
      success: function success(_, data) {
        return onSuccess(data);
      },
      error: function error() {
        throw new Error(&#039;Elementor AI: Failed to connect.&#039;);
      }
    });
  }, []);
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &quot;center&quot;,
    gap: 2
  }, /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
    sx: {
      color: &#039;text.primary&#039;,
      fontSize: &#039;60px&#039;,
      mb: 1
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;h4&quot;,
    sx: {
      color: &#039;text.primary&#039;
    }
  }, (0, _i18n.__)(&#039;Step into the future with Elementor AI&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;
  }, (0, _i18n.__)(&#039;Create smarter with AI text and code generators built right into the editor.&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;caption&quot;,
    sx: {
      maxWidth: 520,
      textAlign: &#039;center&#039;
    }
  }, &quot;       &quot;, (0, _i18n.__)(&#039;By clicking &quot;Connect&quot;, I approve the &#039;, &#039;elementor&#039;), /*#__PURE__*/_react.default.createElement(_ui.Link, {
    href: &quot;https://go.elementor.com/ai-terms/&quot;,
    target: &quot;_blank&quot;,
    color: &quot;info.main&quot;
  }, (0, _i18n.__)(&#039;Terms of Service&#039;, &#039;elementor&#039;)), &#039; &amp; &#039;, /*#__PURE__*/_react.default.createElement(_ui.Link, {
    href: &quot;https://go.elementor.com/ai-privacy-policy/&quot;,
    target: &quot;_blank&quot;,
    color: &quot;info.main&quot;
  }, (0, _i18n.__)(&#039;Privacy Policy&#039;, &#039;elementor&#039;)), (0, _i18n.__)(&#039; of the Elementor AI service.&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    ref: approveButtonRef,
    href: connectUrl,
    variant: &quot;contained&quot;,
    sx: {
      mt: 1,
      &#039;&amp;:hover&#039;: {
        color: &#039;primary.contrastText&#039;
      }
    }
  }, (0, _i18n.__)(&#039;Connect&#039;, &#039;elementor&#039;)));
};
Connect.propTypes = {
  connectUrl: _propTypes.default.string.isRequired,
  onSuccess: _propTypes.default.func.isRequired
};
var _default = exports[&quot;default&quot;] = Connect;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-animation/index.js&quot;:
/*!********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-animation/index.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _actionsData = __webpack_require__(/*! ../../actions-data */ &quot;../modules/ai/assets/js/editor/actions-data.js&quot;);
var _loader = _interopRequireDefault(__webpack_require__(/*! ../../components/loader */ &quot;../modules/ai/assets/js/editor/components/loader.js&quot;));
var _promptSearch = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-search */ &quot;../modules/ai/assets/js/editor/components/prompt-search.js&quot;));
var _promptSuggestions = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-suggestions */ &quot;../modules/ai/assets/js/editor/components/prompt-suggestions.js&quot;));
var _generateButton = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-button */ &quot;../modules/ai/assets/js/editor/components/generate-button.js&quot;));
var _promptErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-error-message */ &quot;../modules/ai/assets/js/editor/components/prompt-error-message.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _voicePromotionAlert = __webpack_require__(/*! ../../components/voice-promotion-alert */ &quot;../modules/ai/assets/js/editor/components/voice-promotion-alert.js&quot;);
var _useAnimationPrompt2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-animation-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-animation-prompt.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var CodeDisplayWrapper = (0, _ui.styled)(_ui.Box)(function () {
  return {
    &#039;&amp; p&#039;: {
      mb: &#039;10px&#039;,
      fontSize: &#039;14px&#039;,
      lineHeight: &#039;1.5&#039;
    },
    &#039;&amp; pre&#039;: {
      position: &#039;relative&#039;
    },
    &#039;&amp; textarea&#039;: {
      fontSize: &#039;13px&#039;,
      lineHeight: &#039;1.7&#039;
    }
  };
});
var FormAnimation = function FormAnimation(_ref) {
  var onClose = _ref.onClose,
    getControlValue = _ref.getControlValue,
    setControlValue = _ref.setControlValue,
    additionalOptions = _ref.additionalOptions,
    credits = _ref.credits,
    children = _ref.children;
  var _useAnimationPrompt = (0, _useAnimationPrompt2.default)(additionalOptions.animationType, additionalOptions.widgetType, credits),
    data = _useAnimationPrompt.data,
    isLoading = _useAnimationPrompt.isLoading,
    error = _useAnimationPrompt.error,
    reset = _useAnimationPrompt.reset,
    send = _useAnimationPrompt.send,
    sendUsageData = _useAnimationPrompt.sendUsageData;
  var _useState = (0, _react.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    prompt = _useState2[0],
    setPrompt = _useState2[1];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useState3 = (0, _react.useState)(&#039;&#039;),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    animationSummary = _useState4[0],
    setAnimationSummary = _useState4[1];
  var _useState5 = (0, _react.useState)(),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    prevControlValue = _useState6[0],
    setPrevControlValue = _useState6[1];
  var lastRun = (0, _react.useRef)(function () {});
  var autocompleteItems = &#039;hover&#039; === additionalOptions.animationType ? _actionsData.hoverEffectAutocomplete : _actionsData.motionEffectAutocomplete;
  var showSuggestions = !prompt;
  var handleSubmit = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(event) {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            event.preventDefault();
            setGenerate();
            lastRun.current = function () {
              return send({
                prompt: prompt
              });
            };
            _context.next = 1;
            return lastRun.current();
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function handleSubmit(_x) {
      return _ref2.apply(this, arguments);
    };
  }();
  (0, _react.useEffect)(function () {
    if (data.result) {
      showPreview(data.result);
    }
  }, [data]);
  (0, _react.useEffect)(function () {
    return function () {
      restorePrevSettings();
    };
  }, []);
  var showPreview = function showPreview(result) {
    var summary = Object.keys(result).filter(function (key) {
      return result[key].label;
    }).map(function (key) {
      var item = result[key];
      var tabs = &#039;&amp;nbsp;&#039;.repeat(item.tabs);
      var bulletIcon = item.tabs &gt; 0 ? &#039;&amp;#8226; &#039; : &#039;&#039;;
      var label = item.isParent ? &quot;&lt;br/&gt;&lt;b&gt;&quot;.concat(item.label, &quot;:&lt;/b&gt;&quot;) : &quot;&quot;.concat(bulletIcon, &quot; &quot;).concat(item.label);
      return &quot;&quot;.concat(tabs).concat(label);
    }).join(&#039;&lt;br/&gt;&#039;);
    var title = &quot;&quot;.concat((0, _i18n.__)(&#039;Here’s a breakdown of what was done for creating the animation&#039;, &#039;elementor&#039;));
    setAnimationSummary(&quot;&lt;b&gt;&quot;.concat(title, &quot;:&lt;/b&gt;&lt;br/&gt;&quot;).concat(summary));
    var controlValue = getControlValue();
    setPrevControlValue(controlValue);
    elementor.documents.getCurrent().history.setActive(false);
    setControlValue(getValidElementor(result));
  };
  var restorePrevSettings = function restorePrevSettings() {
    setControlValue(prevControlValue);
    elementor.documents.getCurrent().history.setActive(true);
  };
  var getValidElementor = function getValidElementor(result) {
    return Object.entries(result).filter(function (_ref3) {
      var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
        valueObj = _ref4[1];
      return valueObj.hasOwnProperty(&#039;value&#039;);
    }).reduce(function (previousValue, _ref5) {
      var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
        key = _ref6[0],
        valueObj = _ref6[1];
      previousValue[key] = valueObj.value;
      return previousValue;
    }, {});
  };
  var applyPrompt = function applyPrompt(result) {
    sendUsageData();
    restorePrevSettings();
    var validElementorSettings = getValidElementor(result);
    setControlValue(validElementorSettings);
    onClose();
  };
  if (isLoading) {
    return /*#__PURE__*/_react.default.createElement(_loader.default, null);
  }
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, error &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptErrorMessage.default, {
    error: error,
    onRetry: lastRun.current,
    sx: {
      mb: 2.5
    }
  }), children, !data.result &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    component: &quot;form&quot;,
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      pb: 1.5
    }
  }, /*#__PURE__*/_react.default.createElement(_promptSearch.default, {
    placeholder: (0, _i18n.__)(&#039;Describe the animation you want to create...&#039;, &#039;elementor&#039;),
    name: &quot;prompt&quot;,
    value: prompt,
    color: &quot;secondary&quot;,
    onChange: function onChange(event) {
      return setPrompt(event.target.value);
    }
  })), showSuggestions &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptSuggestions.default, {
    suggestions: autocompleteItems,
    onSelect: setPrompt
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    alignItems: &quot;center&quot;,
    sx: {
      py: 1.5,
      mt: 4
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    justifyContent: &quot;flex-end&quot;,
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_generateButton.default, null, (0, _i18n.__)(&#039;Generate Animation&#039;, &#039;elementor&#039;))))), data.result &amp;&amp; animationSummary &amp;&amp; /*#__PURE__*/_react.default.createElement(CodeDisplayWrapper, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      backgroundColor: &#039;rgba(0, 0, 0, 0.06); &#039;,
      padding: &#039;1em&#039;,
      borderRadius: &#039;4px&#039;,
      width: &#039;100%&#039;,
      height: &#039;260px&#039;,
      overflowX: &#039;auto&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body1&quot;,
    dangerouslySetInnerHTML: {
      __html: animationSummary
    }
  })), /*#__PURE__*/_react.default.createElement(_voicePromotionAlert.VoicePromotionAlert, {
    introductionKey: &quot;ai-context-animation-promotion&quot;
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    alignItems: &quot;center&quot;,
    sx: {
      mt: 4
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    gap: 1,
    justifyContent: &quot;flex-end&quot;,
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    variant: &quot;text&quot;,
    onClick: function onClick() {
      restorePrevSettings();
      reset();
    }
  }, (0, _i18n.__)(&#039;New prompt&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    size: &quot;small&quot;,
    variant: &quot;contained&quot;,
    color: &quot;primary&quot;,
    onClick: function onClick() {
      return applyPrompt(data.result);
    }
  }, (0, _i18n.__)(&#039;Use animation&#039;, &#039;elementor&#039;))))));
};
FormAnimation.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  getControlValue: _propTypes.default.func.isRequired,
  setControlValue: _propTypes.default.func.isRequired,
  additionalOptions: _propTypes.default.shape({
    animationType: _propTypes.default.string,
    widgetType: _propTypes.default.string
  }),
  credits: _propTypes.default.number,
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = FormAnimation;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.USER_VARIATION_SOURCE = exports.USER_URL_SOURCE = exports.MENU_TYPE_LIBRARY = exports.ELEMENTOR_LIBRARY_SOURCE = exports.ATTACHMENT_TYPE_URL = exports.ATTACHMENT_TYPE_JSON = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _menu = __webpack_require__(/*! ./attachments/menu */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/menu.js&quot;);
var _thumbnailJson = _interopRequireDefault(__webpack_require__(/*! ./attachments/thumbnail-json */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail-json.js&quot;));
var _thumbnailUrl = _interopRequireDefault(__webpack_require__(/*! ./attachments/thumbnail-url */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail-url.js&quot;));
var _websiteIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/website-icon */ &quot;../modules/ai/assets/js/editor/icons/website-icon.js&quot;));
var _copyPageIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/copy-page-icon */ &quot;../modules/ai/assets/js/editor/icons/copy-page-icon.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _attachment = __webpack_require__(/*! ../../../types/attachment */ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;);
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ATTACHMENT_TYPE_JSON = exports.ATTACHMENT_TYPE_JSON = &#039;json&#039;;
var ATTACHMENT_TYPE_URL = exports.ATTACHMENT_TYPE_URL = &#039;url&#039;;
var MENU_TYPE_LIBRARY = exports.MENU_TYPE_LIBRARY = &#039;library&#039;;
var USER_VARIATION_SOURCE = exports.USER_VARIATION_SOURCE = &#039;user-variation&#039;;
var ELEMENTOR_LIBRARY_SOURCE = exports.ELEMENTOR_LIBRARY_SOURCE = &#039;elementor-library&#039;;
var USER_URL_SOURCE = exports.USER_URL_SOURCE = &#039;user-url&#039;;
var Attachments = function Attachments(props) {
  if (!props.attachments.length) {
    return /*#__PURE__*/_react.default.createElement(_menu.Menu, {
      disabled: props.disabled,
      onAttach: props.onAttach,
      items: [{
        title: (0, _i18n.__)(&#039;Reference a website&#039;, &#039;elementor&#039;),
        icon: _websiteIcon.default,
        type: ATTACHMENT_TYPE_URL
      }, {
        title: (0, _i18n.__)(&#039;Create variations from Template Library&#039;, &#039;elementor&#039;),
        icon: _copyPageIcon.default,
        type: MENU_TYPE_LIBRARY
      }]
    });
  }
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    spacing: 1
  }, props.attachments.map(function (attachment, index) {
    switch (attachment.type) {
      case ATTACHMENT_TYPE_JSON:
        return /*#__PURE__*/_react.default.createElement(_thumbnailJson.default, (0, _extends2.default)({
          key: index
        }, props));
      case ATTACHMENT_TYPE_URL:
        return /*#__PURE__*/_react.default.createElement(_thumbnailUrl.default, (0, _extends2.default)({
          key: index
        }, props));
      default:
        return null;
    }
  }));
};
Attachments.propTypes = {
  attachments: _propTypes.default.arrayOf(_attachment.AttachmentPropType).isRequired,
  onAttach: _propTypes.default.func.isRequired,
  onDetach: _propTypes.default.func,
  disabled: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = Attachments;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/attach-dialog.js&quot;:
/*!************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/attach-dialog.js ***!
  \************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.AttachDialog = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _urlDialog = __webpack_require__(/*! ./url-dialog */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/url-dialog.js&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _libraryDialog = __webpack_require__(/*! ./library-dialog */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/library-dialog.js&quot;);
var _attachments = __webpack_require__(/*! ../attachments */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments.js&quot;);
var AttachDialog = exports.AttachDialog = function AttachDialog(props) {
  var type = props.type;
  var url = props.url;
  switch (type) {
    case _attachments.ATTACHMENT_TYPE_URL:
      return /*#__PURE__*/_react.default.createElement(_urlDialog.UrlDialog, {
        url: url,
        onAttach: props.onAttach,
        onClose: props.onClose
      });
    case _attachments.MENU_TYPE_LIBRARY:
      return /*#__PURE__*/_react.default.createElement(_libraryDialog.LibraryDialog, {
        onAttach: props.onAttach,
        onClose: props.onClose
      });
  }
  return null;
};
AttachDialog.propTypes = {
  type: _propTypes.default.string,
  onAttach: _propTypes.default.func,
  onClose: _propTypes.default.func,
  url: _propTypes.default.string
};
var _default = exports[&quot;default&quot;] = AttachDialog;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/library-dialog.js&quot;:
/*!*************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/library-dialog.js ***!
  \*************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.LibraryDialog = void 0;
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _attachments = __webpack_require__(/*! ../attachments */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments.js&quot;);
var LibraryDialog = exports.LibraryDialog = function LibraryDialog(props) {
  var isApplyingTemplate = (0, _react.useRef)(false);
  (0, _react.useEffect)(function () {
    var onLibraryHide = function onLibraryHide() {
      if (isApplyingTemplate.current) {
        return;
      }
      props.onClose();
    };
    $e.components.get(&#039;library&#039;).layout.getModal().on(&#039;hide&#039;, onLibraryHide);
    return function () {
      $e.components.get(&#039;library&#039;).layout.getModal().off(&#039;hide&#039;, onLibraryHide);
    };
  }, [props]);
  (0, _react.useEffect)(function () {
    var onMessage = function onMessage(event) {
      var _event$data = event.data,
        type = _event$data.type,
        json = _event$data.json,
        html = _event$data.html,
        label = _event$data.label,
        source = _event$data.source;
      switch (type) {
        case &#039;library/attach:start&#039;:
          isApplyingTemplate.current = true;
          break;
        case &#039;library/attach&#039;:
          props.onAttach([{
            type: _attachments.ATTACHMENT_TYPE_JSON,
            previewHTML: html,
            content: json,
            label: label,
            source: source
          }]);
          isApplyingTemplate.current = false;
          props.onClose();
          break;
      }
    };
    window.addEventListener(&#039;message&#039;, onMessage);
    return function () {
      window.removeEventListener(&#039;message&#039;, onMessage);
    };
  });
  $e.run(&#039;library/open&#039;, {
    toDefault: true,
    mode: &#039;ai-attachment&#039;
  });
  isApplyingTemplate.current = false;
  return null;
};
LibraryDialog.propTypes = {
  onAttach: _propTypes.default.func.isRequired,
  onClose: _propTypes.default.func.isRequired
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/menu.js&quot;:
/*!***************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/menu.js ***!
  \***************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.Menu = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _xCircleIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/x-circle-icon */ &quot;../modules/ai/assets/js/editor/icons/x-circle-icon.js&quot;));
var _plusCircleIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/plus-circle-icon */ &quot;../modules/ai/assets/js/editor/icons/plus-circle-icon.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _attachDialog = __webpack_require__(/*! ./attach-dialog */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/attach-dialog.js&quot;);
var _useIntroduction2 = _interopRequireDefault(__webpack_require__(/*! ../../../../hooks/use-introduction */ &quot;../modules/ai/assets/js/editor/hooks/use-introduction.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Menu = exports.Menu = function Menu(props) {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isOpen = _useState2[0],
    setIsOpen = _useState2[1];
  var _useState3 = (0, _react.useState)(null),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    selectedType = _useState4[0],
    setSelectedType = _useState4[1];
  var _useTheme = (0, _ui.useTheme)(),
    direction = _useTheme.direction;
  var anchorRef = (0, _react.useRef)(null);
  var _useIntroduction = (0, _useIntroduction2.default)(&#039;e-ai-attachment-badge&#039;),
    isViewed = _useIntroduction.isViewed,
    markAsViewed = _useIntroduction.markAsViewed;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    size: &quot;small&quot;,
    ref: anchorRef,
    disabled: props.disabled,
    onClick: function onClick() {
      setIsOpen(true);
      if (!isViewed) {
        markAsViewed();
      }
    },
    color: &quot;secondary&quot;
  }, function () {
    if (isOpen) {
      return /*#__PURE__*/_react.default.createElement(_xCircleIcon.default, {
        fontSize: &quot;small&quot;
      });
    } else if (isViewed) {
      return /*#__PURE__*/_react.default.createElement(_plusCircleIcon.default, {
        fontSize: &quot;small&quot;
      });
    }
    return /*#__PURE__*/_react.default.createElement(_ui.Badge, {
      color: &quot;primary&quot;,
      badgeContent: &quot; &quot;,
      variant: &quot;dot&quot;
    }, /*#__PURE__*/_react.default.createElement(_plusCircleIcon.default, {
      fontSize: &quot;small&quot;
    }));
  }()), /*#__PURE__*/_react.default.createElement(_ui.Popover, {
    open: isOpen,
    anchorEl: anchorRef.current,
    onClose: function onClose() {
      return setIsOpen(false);
    },
    anchorOrigin: {
      vertical: &#039;bottom&#039;,
      horizontal: &#039;rtl&#039; === direction ? &#039;right&#039; : &#039;left&#039;
    },
    transformOrigin: {
      vertical: &#039;top&#039;,
      horizontal: &#039;rtl&#039; === direction ? &#039;right&#039; : &#039;left&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    sx: {
      width: 440
    }
  }, props.items.map(function (item) {
    var IconComponent = item.icon;
    return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
      key: item.type,
      onClick: function onClick() {
        setSelectedType(item.type);
        setIsOpen(false);
      }
    }, /*#__PURE__*/_react.default.createElement(_ui.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(IconComponent, null)), item.title);
  }))), /*#__PURE__*/_react.default.createElement(_attachDialog.AttachDialog, {
    type: selectedType,
    onAttach: props.onAttach,
    onClose: function onClose() {
      setIsOpen(false);
      setSelectedType(null);
    }
  }));
};
Menu.propTypes = {
  items: _propTypes.default.arrayOf(_propTypes.default.shape({
    title: _propTypes.default.string.isRequired,
    type: _propTypes.default.string.isRequired,
    icon: _propTypes.default.elementType
  })).isRequired,
  onAttach: _propTypes.default.func.isRequired,
  disabled: _propTypes.default.bool
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/prompt-power-notice.js&quot;:
/*!******************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/prompt-power-notice.js ***!
  \******************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.PromptPowerNotice = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _useIntroduction2 = _interopRequireDefault(__webpack_require__(/*! ../../../../hooks/use-introduction */ &quot;../modules/ai/assets/js/editor/hooks/use-introduction.js&quot;));
var PromptPowerNotice = exports.PromptPowerNotice = function PromptPowerNotice() {
  var _useIntroduction = (0, _useIntroduction2.default)(&#039;e-ai-builder-attachments-power&#039;),
    isViewed = _useIntroduction.isViewed,
    markAsViewed = _useIntroduction.markAsViewed;
  if (isViewed) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      pt: 2,
      px: 2,
      pb: 0
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Alert, {
    severity: &quot;info&quot;,
    onClose: function onClose() {
      return markAsViewed();
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;,
    display: &quot;inline-block&quot;,
    sx: {
      paddingInlineEnd: 1
    }
  }, (0, _i18n.__)(&#039;You’ve got the power.&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;,
    display: &quot;inline-block&quot;
  }, (0, _i18n.__)(&#039;Craft your prompt to affect content, images and/or colors - whichever you decide.&#039;, &#039;elementor&#039;))));
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail-json.js&quot;:
/*!*************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail-json.js ***!
  \*************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.ThumbnailJson = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _thumbnail = __webpack_require__(/*! ./thumbnail */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail.js&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _attachment = __webpack_require__(/*! ../../../../types/attachment */ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;);
var ThumbnailJson = exports.ThumbnailJson = function ThumbnailJson(props) {
  var _props$attachments;
  var attachment = (_props$attachments = props.attachments) === null || _props$attachments === void 0 ? void 0 : _props$attachments.find(function (item) {
    return &#039;json&#039; === item.type;
  });
  if (!attachment) {
    return null;
  }
  if (!attachment.previewHTML) {
    return /*#__PURE__*/_react.default.createElement(_ui.Skeleton, {
      animation: &quot;wave&quot;,
      variant: &quot;rounded&quot;,
      width: 60,
      height: 60
    });
  }
  return /*#__PURE__*/_react.default.createElement(_thumbnail.Thumbnail, {
    html: attachment.previewHTML,
    disabled: props.disabled
  });
};
ThumbnailJson.propTypes = {
  attachments: _propTypes.default.arrayOf(_attachment.AttachmentPropType).isRequired,
  disabled: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = ThumbnailJson;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail-url.js&quot;:
/*!************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail-url.js ***!
  \************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.ThumbnailUrl = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _thumbnail = __webpack_require__(/*! ./thumbnail */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail.js&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _attachment = __webpack_require__(/*! ../../../../types/attachment */ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;);
var ThumbnailUrl = exports.ThumbnailUrl = function ThumbnailUrl(props) {
  var _props$attachments;
  var attachment = (_props$attachments = props.attachments) === null || _props$attachments === void 0 ? void 0 : _props$attachments.find(function (item) {
    return &#039;url&#039; === item.type;
  });
  if (!attachment) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      position: &#039;relative&#039;,
      &#039;&amp;:hover::before&#039;: {
        content: &#039;&quot;&quot;&#039;,
        position: &#039;absolute&#039;,
        userSelect: &#039;none&#039;,
        inset: 0,
        backgroundColor: &#039;rgba(0,0,0,0.6)&#039;,
        borderRadius: 1,
        zIndex: 1
      },
      &#039;&amp;:hover .remove-attachment&#039;: {
        display: &#039;flex&#039;
      }
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    className: &quot;remove-attachment&quot;,
    size: &quot;small&quot;,
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Remove&#039;, &#039;elementor&#039;),
    disabled: props.disabled,
    onClick: function onClick(event) {
      event.stopPropagation();
      props.onDetach();
    },
    sx: {
      display: &#039;none&#039;,
      position: &#039;absolute&#039;,
      insetInlineEnd: 4,
      insetBlockStart: 4,
      backgroundColor: &#039;secondary.main&#039;,
      zIndex: 1,
      borderRadius: 1,
      p: &#039;3px&#039;,
      &#039;&amp;:hover&#039;: {
        backgroundColor: &#039;secondary.dark&#039;
      }
    }
  }, /*#__PURE__*/_react.default.createElement(_icons.TrashIcon, {
    sx: {
      fontSize: &#039;1.125rem&#039;,
      color: &#039;common.white&#039;
    }
  })), /*#__PURE__*/_react.default.createElement(_thumbnail.Thumbnail, {
    disabled: props.disabled,
    html: attachment.previewHTML
  }));
};
ThumbnailUrl.propTypes = {
  attachments: _propTypes.default.arrayOf(_attachment.AttachmentPropType).isRequired,
  disabled: _propTypes.default.bool,
  onDetach: _propTypes.default.func
};
var _default = exports[&quot;default&quot;] = ThumbnailUrl;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail.js&quot;:
/*!********************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/thumbnail.js ***!
  \********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.Thumbnail = exports.THUMBNAIL_SIZE = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _templateObject;
var THUMBNAIL_SIZE = exports.THUMBNAIL_SIZE = 64;
var StyledBody = (0, _ui.styled)(&#039;body&#039;)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([&quot;\n\thtml, body {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\t}\n\n\tbody &gt; * {\n\t\twidth: 100% !important;\n\t}\n\n\tbody &gt; img {\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\tbody:has(&gt; img) {\n\t\theight: &quot;, &quot;px\n\t}\n&quot;])), THUMBNAIL_SIZE);
var Thumbnail = exports.Thumbnail = function Thumbnail(props) {
  var _props$html$match, _props$html$match2;
  var dataWidth = (_props$html$match = props.html.match(&#039;data-width=&quot;(?&lt;width&gt;\\d+)&quot;&#039;)) === null || _props$html$match === void 0 || (_props$html$match = _props$html$match.groups) === null || _props$html$match === void 0 ? void 0 : _props$html$match.width;
  var dataHeight = (_props$html$match2 = props.html.match(&#039;data-height=&quot;(?&lt;height&gt;\\d+)&quot;&#039;)) === null || _props$html$match2 === void 0 || (_props$html$match2 = _props$html$match2.groups) === null || _props$html$match2 === void 0 ? void 0 : _props$html$match2.height;
  var width = dataWidth ? parseInt(dataWidth) : THUMBNAIL_SIZE;
  var height = dataHeight ? parseInt(dataHeight) : THUMBNAIL_SIZE;
  var scaleFactor = Math.min(height, width);
  var scale = THUMBNAIL_SIZE / scaleFactor;

  // Center the preview
  var top = height &gt; width ? (THUMBNAIL_SIZE - THUMBNAIL_SIZE * (height / width)) / 2 : 0;
  var left = width &gt; height ? (THUMBNAIL_SIZE - THUMBNAIL_SIZE * (width / height)) / 2 : 0;
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    dir: &quot;ltr&quot;,
    sx: {
      position: &#039;relative&#039;,
      cursor: &#039;default&#039;,
      overflow: &#039;hidden&#039;,
      border: &#039;1px solid&#039;,
      borderColor: &#039;grey.300&#039;,
      borderRadius: 1,
      boxSizing: &#039;border-box&#039;,
      width: THUMBNAIL_SIZE,
      height: THUMBNAIL_SIZE,
      opacity: props.disabled ? 0.5 : 1
    }
  }, /*#__PURE__*/_react.default.createElement(&quot;iframe&quot;, {
    title: (0, _i18n.__)(&#039;Preview&#039;, &#039;elementor&#039;),
    sandbox: &quot;&quot;,
    srcDoc: &quot;&lt;style&gt;&quot; + StyledBody.componentStyle.rules.join(&#039;&#039;) + &quot;&lt;/style&gt;&quot; + props.html,
    style: {
      border: &#039;none&#039;,
      overflow: &#039;hidden&#039;,
      width: width,
      height: height,
      transform: &quot;scale(&quot;.concat(scale, &quot;)&quot;),
      transformOrigin: &quot;&quot;.concat(left, &quot;px &quot;).concat(top, &quot;px&quot;)
    }
  }));
};
Thumbnail.propTypes = {
  html: _propTypes.default.string.isRequired,
  disabled: _propTypes.default.bool
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/url-dialog.js&quot;:
/*!*********************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/attachments/url-dialog.js ***!
  \*********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.UrlDialog = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _alertDialog = __webpack_require__(/*! ../../../../components/alert-dialog */ &quot;../modules/ai/assets/js/editor/components/alert-dialog.js&quot;);
var _useTimeout3 = __webpack_require__(/*! ../../../../hooks/use-timeout */ &quot;../modules/ai/assets/js/editor/hooks/use-timeout.js&quot;);
var _attachments = __webpack_require__(/*! ../attachments */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments.js&quot;);
var _remoteConfig = __webpack_require__(/*! ../../context/remote-config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/remote-config.js&quot;);
var _useUserInfo2 = _interopRequireDefault(__webpack_require__(/*! ../../../../hooks/use-user-info */ &quot;../modules/ai/assets/js/editor/hooks/use-user-info.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var UrlDialog = exports.UrlDialog = function UrlDialog(props) {
  var _useTimeout = (0, _useTimeout3.useTimeout)(10000),
    _useTimeout2 = (0, _slicedToArray2.default)(_useTimeout, 2),
    isTimeout = _useTimeout2[0],
    turnOffTimeout = _useTimeout2[1];
  var _useUserInfo = (0, _useUserInfo2.default)(),
    isLoading = _useUserInfo.isLoading,
    initialUsagePercentage = _useUserInfo.usagePercentage;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    updateUsagePercentage = _useRequestIds.updateUsagePercentage;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isInitUsageDone = _useState2[0],
    setIsInitUsageDone = _useState2[1];
  var _useRemoteConfig = (0, _remoteConfig.useRemoteConfig)(),
    remoteConfig = _useRemoteConfig.remoteConfig;
  var builderUrl = remoteConfig[_remoteConfig.CONFIG_KEYS.WEB_BASED_BUILDER_URL];
  var urlObject = builderUrl ? new URL(builderUrl) : {};
  var iframeOrigin = urlObject.origin;
  var isOpen = (0, _react.useRef)(false);
  (0, _react.useEffect)(function () {
    if (!isInitUsageDone &amp;&amp; !isLoading &amp;&amp; (initialUsagePercentage || 0 === initialUsagePercentage)) {
      updateUsagePercentage(initialUsagePercentage);
      setIsInitUsageDone(true);
    }
  }, [isLoading, initialUsagePercentage, isInitUsageDone, updateUsagePercentage]);
  (0, _react.useEffect)(function () {
    if (!isOpen.current) {
      try {
        window.$e.run(&#039;ai-integration/open-choose-element&#039;, {
          url: props.url
        });
        isOpen.current = true;
      } catch (error) {
        // eslint-disable-next-line no-console
        console.error(error);
      }
    }
  }, [isOpen.current]);
  (0, _react.useEffect)(function () {
    var onMessage = function onMessage(event) {
      if (event.origin !== iframeOrigin) {
        return;
      }
      var _event$data = event.data,
        type = _event$data.type,
        html = _event$data.html,
        url = _event$data.url;
      switch (type) {
        case &#039;element-selector/close&#039;:
          isOpen.current = false;
          props.onClose();
          break;
        case &#039;element-selector/loaded&#039;:
          turnOffTimeout();
          isOpen.current = true;
          break;
        case &#039;element-selector/attach&#039;:
          props.onAttach([{
            type: &#039;url&#039;,
            previewHTML: html,
            content: html,
            label: url ? new URL(url).href : &#039;&#039;,
            source: _attachments.USER_URL_SOURCE
          }]);
          break;
      }
    };
    window.addEventListener(&#039;message&#039;, onMessage);
    return function () {
      window.removeEventListener(&#039;message&#039;, onMessage);
    };
  }, [iframeOrigin, props, turnOffTimeout]);
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isOpen.current &amp;&amp; !isTimeout &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Dialog, {
    open: true,
    maxWidth: &quot;lg&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    sx: {
      textAlign: &#039;center&#039;,
      padding: 3
    }
  }, (0, _i18n.__)(&#039;Loading...&#039;, &#039;elementor&#039;))), isTimeout &amp;&amp; /*#__PURE__*/_react.default.createElement(_alertDialog.AlertDialog, {
    message: (0, _i18n.__)(&#039;The app is not responding. Please try again later. (#408)&#039;, &#039;elementor&#039;),
    onClose: props.onClose
  }));
};
UrlDialog.propTypes = {
  onAttach: _propTypes.default.func.isRequired,
  onClose: _propTypes.default.func.isRequired,
  url: _propTypes.default.string
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/layout-dialog.js&quot;:
/*!************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/layout-dialog.js ***!
  \************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _promptDialog = _interopRequireDefault(__webpack_require__(/*! ../../../components/prompt-dialog */ &quot;../modules/ai/assets/js/editor/components/prompt-dialog.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _excluded = [&quot;sx&quot;, &quot;PaperProps&quot;];
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var StyledDialog = (0, _ui.styled)(_promptDialog.default)(function () {
  return {
    &#039;&amp; .MuiDialog-container&#039;: {
      marginTop: 0,
      alignItems: &#039;flex-end&#039;,
      paddingBottom: &#039;16vh&#039;
    },
    &#039;&amp; .MuiPaper-root&#039;: {
      margin: 0,
      maxHeight: &#039;80vh&#039;
    }
  };
});
var DialogHeader = function DialogHeader(_ref) {
  var onClose = _ref.onClose,
    children = _ref.children;
  return /*#__PURE__*/_react.default.createElement(_ui.AppBar, {
    sx: {
      fontWeight: &#039;normal&#039;
    },
    color: &quot;transparent&quot;,
    position: &quot;relative&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Toolbar, {
    variant: &quot;dense&quot;
  }, /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
    sx: {
      mr: 1
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    component: &quot;span&quot;,
    variant: &quot;subtitle2&quot;,
    sx: {
      fontWeight: &#039;bold&#039;,
      textTransform: &#039;uppercase&#039;
    }
  }, (0, _i18n.__)(&#039;AI&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Chip, {
    label: (0, _i18n.__)(&#039;Beta&#039;, &#039;elementor&#039;),
    color: &quot;default&quot;,
    size: &quot;small&quot;,
    sx: {
      ml: 1
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    spacing: 1,
    alignItems: &quot;center&quot;,
    sx: {
      ml: &#039;auto&#039;
    }
  }, children, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    size: &quot;small&quot;,
    &quot;aria-label&quot;: &quot;close&quot;,
    onClick: onClose,
    sx: {
      &#039;&amp;.MuiButtonBase-root&#039;: {
        mr: -1
      }
    }
  }, /*#__PURE__*/_react.default.createElement(_icons.XIcon, null)))));
};
DialogHeader.propTypes = {
  children: _propTypes.default.node,
  onClose: _propTypes.default.func.isRequired
};
var StyledDialogContent = (0, _ui.styled)(_promptDialog.default.Content)(function () {
  return {
    &#039;&amp;.MuiDialogContent-root&#039;: {
      padding: 0
    }
  };
});
var LayoutDialog = function LayoutDialog(_ref2) {
  var _ref2$sx = _ref2.sx,
    sx = _ref2$sx === void 0 ? {} : _ref2$sx,
    _ref2$PaperProps = _ref2.PaperProps,
    PaperProps = _ref2$PaperProps === void 0 ? {} : _ref2$PaperProps,
    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
  var _useState = (0, _react.useState)({
      pointerEvents: &#039;none&#039;
    }),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    sxStyle = _useState2[0],
    setSxStyle = _useState2[1];
  var timeoutRef = (0, _react.useRef)(null);

  /**
   * The PromptDialog is using disableScrollLock in order to allow scrolling the page when the Dialog is opened.
   * When using the react-draggable library inside the editor, the background page scroll is not working smoothly.
   * Therefore, we need to delay the pointerEvents: none, which allowing to scroll the page content.
   */
  return /*#__PURE__*/_react.default.createElement(StyledDialog, (0, _extends2.default)({
    maxWidth: &quot;md&quot;,
    PaperProps: _objectSpread({
      sx: {
        pointerEvents: &#039;auto&#039;
      },
      onMouseEnter: function onMouseEnter() {
        clearTimeout(timeoutRef.current);
        setSxStyle({
          pointerEvents: &#039;all&#039;
        });
      },
      onMouseLeave: function onMouseLeave() {
        clearTimeout(timeoutRef.current);
        timeoutRef.current = setTimeout(function () {
          setSxStyle({
            pointerEvents: &#039;none&#039;
          });
        }, 200);
      }
    }, PaperProps)
  }, props, {
    sx: _objectSpread(_objectSpread({}, sxStyle), sx)
  }));
};
LayoutDialog.propTypes = {
  sx: _propTypes.default.object,
  PaperProps: _propTypes.default.object
};
LayoutDialog.Header = DialogHeader;
LayoutDialog.Content = StyledDialogContent;
var _default = exports[&quot;default&quot;] = LayoutDialog;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/pro-template-indicator.js&quot;:
/*!*********************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/pro-template-indicator.js ***!
  \*********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.ProTemplateIndicator = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _lockIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/lock-icon */ &quot;../modules/ai/assets/js/editor/icons/lock-icon.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var popoverId = &#039;e-pro-upgrade-popover&#039;;
var StyledContent = (0, _ui.styled)(_ui.Paper)(function (_ref) {
  var theme = _ref.theme;
  return {
    position: &#039;relative&#039;,
    padding: theme.spacing(3),
    boxShadow: theme.shadows[4],
    zIndex: &#039;9999&#039;
  };
});
var StyledArrow = (0, _ui.styled)(_ui.Box)(function (_ref2) {
  var theme = _ref2.theme;
  return {
    position: &#039;absolute&#039;,
    width: theme.spacing(5),
    height: theme.spacing(5),
    overflow: &#039;hidden&#039;,
    // Override Popper inline styles.
    left: &#039;100% !important&#039;,
    transform: &#039;translateX(-50%) translateY(-50%) rotate(var(--rotate, 0deg)) !important&#039;,
    &#039;&amp;::after&#039;: {
      backgroundColor: theme.palette.background.paper,
      content: &#039;&quot;&quot;&#039;,
      display: &#039;block&#039;,
      position: &#039;absolute&#039;,
      width: theme.spacing(2.5),
      height: theme.spacing(2.5),
      top: &#039;50%&#039;,
      left: &#039;50%&#039;,
      transform: &#039;translateX(-50%) translateY(-50%) rotate(45deg)&#039;,
      boxShadow: &#039;5px -5px 5px 0px rgba(0, 0, 0, 0.2)&#039;,
      backgroundImage: &#039;linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))&#039;
    }
  };
});
var ProTemplateIndicator = exports.ProTemplateIndicator = function ProTemplateIndicator() {
  var actionUrl = &#039;https://go.elementor.com/go-pro-ai/&#039;;
  var actionLabel = (0, _i18n.__)(&#039;Go Pro&#039;, &#039;elementor&#039;);
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isPopoverOpen = _useState2[0],
    setIsPopoverOpen = _useState2[1];
  var anchorEl = (0, _react.useRef)(null);
  var arrowEl = (0, _react.useRef)(null);
  var showPopover = function showPopover() {
    return setIsPopoverOpen(true);
  };
  var hidePopover = function hidePopover() {
    return setIsPopoverOpen(false);
  };
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    flexDirection: &quot;row-reverse&quot;,
    component: &quot;span&quot;,
    display: &quot;flex&quot;,
    onMouseLeave: hidePopover,
    alignItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    ref: anchorEl,
    onMouseEnter: showPopover,
    onClick: function onClick(e) {
      return e.stopPropagation();
    } /* Do nothing */,
    &quot;aria-owns&quot;: isPopoverOpen ? popoverId : undefined,
    &quot;aria-haspopup&quot;: &quot;true&quot;,
    sx: {
      m: 1,
      &#039;&amp;:hover&#039;: {
        backgroundColor: &#039;action.selected&#039;
      }
    }
  }, /*#__PURE__*/_react.default.createElement(_lockIcon.default, {
    sx: {
      color: &#039;text.primary&#039;
    }
  })), /*#__PURE__*/_react.default.createElement(_ui.Popper, {
    open: isPopoverOpen,
    popperOptions: {
      placement: &#039;left-start&#039;,
      modifiers: [{
        name: &#039;arrow&#039;,
        enabled: true,
        options: {
          element: arrowEl.current,
          padding: 5
        }
      }, {
        name: &#039;offset&#039;,
        options: {
          offset: [0, 10]
        }
      }]
    },
    anchorEl: anchorEl.current,
    sx: {
      zIndex: &#039;9999&#039;,
      maxWidth: 300
    }
  }, /*#__PURE__*/_react.default.createElement(StyledContent, null, /*#__PURE__*/_react.default.createElement(StyledArrow, {
    ref: arrowEl
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &quot;start&quot;,
    spacing: 2
  }, /*#__PURE__*/_react.default.createElement(_ui.Chip, {
    color: &quot;promotion&quot;,
    variant: &quot;outlined&quot;,
    size: &quot;small&quot;,
    label: (0, _i18n.__)(&#039;Pro&#039;, &#039;elementor&#039;),
    icon: /*#__PURE__*/_react.default.createElement(_lockIcon.default, null)
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;
  }, (0, _i18n.__)(&quot;This result includes an Elementor Pro widget that&#039;s not available with your current plan. Upgrade to use all the widgets in this result.&quot;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;contained&quot;,
    color: &quot;promotion&quot;,
    size: &quot;small&quot;,
    href: actionUrl,
    target: &quot;_blank&quot;,
    sx: {
      alignSelf: &#039;flex-end&#039;
    }
  }, actionLabel)))));
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/prompt-autocomplete.js&quot;:
/*!******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/prompt-autocomplete.js ***!
  \******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _promptLibraryLink = _interopRequireDefault(__webpack_require__(/*! ../../../components/prompt-library-link */ &quot;../modules/ai/assets/js/editor/components/prompt-library-link.js&quot;));
var _config = __webpack_require__(/*! ../context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var _excluded = [&quot;onSubmit&quot;];
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var TextInput = (0, _react.forwardRef)(function (props, ref) {
  return /*#__PURE__*/_react.default.createElement(_ui.TextField
  // eslint-disable-next-line jsx-a11y/no-autofocus
  , (0, _extends2.default)({
    autoFocus: true,
    multiline: true,
    size: &quot;small&quot;,
    maxRows: 3,
    color: &quot;secondary&quot;,
    variant: &quot;standard&quot;
  }, props, {
    inputRef: ref,
    InputProps: _objectSpread(_objectSpread({}, props.InputProps), {}, {
      type: &#039;search&#039;,
      sx: {
        pt: 0
      }
    })
  }));
});
TextInput.propTypes = {
  InputProps: _propTypes.default.object
};
var PaperComponent = function PaperComponent(props) {
  var _useConfig = (0, _config.useConfig)(),
    mode = _useConfig.mode;
  var libraryLink = _config.MODE_VARIATION === mode ? &#039;https://go.elementor.com/ai-prompt-library-variations/&#039; : &#039;https://go.elementor.com/ai-prompt-library-containers/&#039;;
  return /*#__PURE__*/_react.default.createElement(_ui.Paper, (0, _extends2.default)({}, props, {
    elevation: 8,
    sx: {
      borderRadius: 2
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    component: _ui.Box,
    color: function color(theme) {
      return theme.palette.text.tertiary;
    },
    variant: &quot;caption&quot;,
    paddingX: 2,
    paddingY: 1
  }, (0, _i18n.__)(&#039;Suggested Prompts&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Divider, null), props.children, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    sx: {
      m: 2
    }
  }, /*#__PURE__*/_react.default.createElement(_promptLibraryLink.default, {
    libraryLink: libraryLink
  })));
};
PaperComponent.propTypes = {
  children: _propTypes.default.node
};
var PromptAutocomplete = function PromptAutocomplete(_ref) {
  var onSubmit = _ref.onSubmit,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    showSuggestions = _useState2[0],
    setShowSuggestions = _useState2[1];
  var theme = (0, _ui.useTheme)();
  var itemHeight = parseInt(theme.spacing(4));
  var maxItems = 5;
  return /*#__PURE__*/_react.default.createElement(_ui.Autocomplete, (0, _extends2.default)({
    PaperComponent: PaperComponent,
    ListboxProps: {
      sx: {
        maxHeight: maxItems * itemHeight
      }
    },
    renderOption: function renderOption(optionProps, option) {
      return /*#__PURE__*/_react.default.createElement(_ui.Typography, (0, _extends2.default)({}, optionProps, {
        title: option.text,
        noWrap: true,
        variant: &quot;body2&quot;,
        component: _ui.Box,
        sx: {
          &#039;&amp;.MuiAutocomplete-option&#039;: {
            display: &#039;block&#039;,
            minHeight: itemHeight
          }
        }
      }), option.text);
    },
    freeSolo: true,
    fullWidth: true,
    disableClearable: true,
    open: showSuggestions,
    onClose: function onClose(e) {
      var _e$relatedTarget;
      return setShowSuggestions(&#039;A&#039; === ((_e$relatedTarget = e.relatedTarget) === null || _e$relatedTarget === void 0 ? void 0 : _e$relatedTarget.tagName));
    },
    onKeyDown: function onKeyDown(e) {
      if (&#039;Enter&#039; === e.key &amp;&amp; !e.shiftKey &amp;&amp; !showSuggestions) {
        onSubmit(e);
      } else if (&#039;/&#039; === e.key &amp;&amp; &#039;&#039; === e.target.value) {
        e.preventDefault();
        setShowSuggestions(true);
      }
    }
  }, props));
};
PromptAutocomplete.propTypes = {
  onSubmit: _propTypes.default.func.isRequired
};
PromptAutocomplete.TextInput = TextInput;
var _default = exports[&quot;default&quot;] = PromptAutocomplete;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/prompt-form.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/prompt-form.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _promptAutocomplete = _interopRequireDefault(__webpack_require__(/*! ./prompt-autocomplete */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/prompt-autocomplete.js&quot;));
var _enhanceButton = _interopRequireDefault(__webpack_require__(/*! ../../form-media/components/enhance-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/enhance-button.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../form-media/components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _arrowLeftIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/arrow-left-icon */ &quot;../modules/ai/assets/js/editor/icons/arrow-left-icon.js&quot;));
var _editIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/edit-icon */ &quot;../modules/ai/assets/js/editor/icons/edit-icon.js&quot;));
var _usePromptEnhancer2 = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-prompt-enhancer */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt-enhancer.js&quot;));
var _attachments = _interopRequireDefault(__webpack_require__(/*! ./attachments */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments.js&quot;));
var _config = __webpack_require__(/*! ../context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var _attachment = __webpack_require__(/*! ../../../types/attachment */ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;);
var _excluded = [&quot;tooltip&quot;];
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var PROMPT_SUGGESTIONS = Object.freeze([
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;Hero section on [topic] with heading, text, buttons on the right, and an image on the left&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;About Us section on [topic] with heading, text, and big image below&#039;, &#039;elementor.com&#039;)
}, {
  text: (0, _i18n.__)(&#039;Team section with four image boxes showcasing team members&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;FAQ section with a toggle widget showcasing FAQs about [topic]&#039;, &#039;elementor.com&#039;)
}, {
  text: (0, _i18n.__)(&#039;Gallery section with a carousel displaying three images at once&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;Contact section with a form for [topic]&#039;, &#039;elementor.com&#039;)
}, {
  text: (0, _i18n.__)(&#039;Client section featuring companies\&#039; logos&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;Testimonial section with testimonials, each featuring a star rating and an image&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;Service section about [topic], showcasing four services with buttons&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;Stats section with counters displaying data about [topic]&#039;, &#039;elementor.com&#039;)
}, {
  text: (0, _i18n.__)(&#039;Quote section with colored background, featuring a centered quote&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;Pricing section for [topic] with a pricing list&#039;, &#039;elementor.com&#039;)
},
// Translators: [Topic] is a placeholder for the user - please translate it as well
{
  text: (0, _i18n.__)(&#039;Subscribe section featuring a simple email form, inviting users to stay informed on [topic]&#039;, &#039;elementor.com&#039;)
}]);
var IconButtonWithTooltip = function IconButtonWithTooltip(_ref) {
  var tooltip = _ref.tooltip,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
    title: tooltip
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    component: &quot;span&quot;,
    sx: {
      cursor: props.disabled ? &#039;default&#039; : &#039;pointer&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, props)));
};
IconButtonWithTooltip.propTypes = {
  tooltip: _propTypes.default.string,
  disabled: _propTypes.default.bool
};
var BackButton = function BackButton(props) {
  return /*#__PURE__*/_react.default.createElement(IconButtonWithTooltip, (0, _extends2.default)({
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    tooltip: (0, _i18n.__)(&#039;Back to results&#039;, &#039;elementor&#039;)
  }, props), /*#__PURE__*/_react.default.createElement(_arrowLeftIcon.default, null));
};
var EditButton = function EditButton(props) {
  return /*#__PURE__*/_react.default.createElement(IconButtonWithTooltip, (0, _extends2.default)({
    size: &quot;small&quot;,
    color: &quot;primary&quot;,
    tooltip: (0, _i18n.__)(&#039;Edit prompt&#039;, &#039;elementor&#039;)
  }, props), /*#__PURE__*/_react.default.createElement(_editIcon.default, null));
};
var GenerateButton = function GenerateButton(props) {
  return /*#__PURE__*/_react.default.createElement(_generateSubmit.default, (0, _extends2.default)({
    size: &quot;small&quot;,
    fullWidth: false
  }, props), (0, _i18n.__)(&#039;Generate&#039;, &#039;elementor&#039;));
};
var PromptForm = (0, _react.forwardRef)(function (_ref2, ref) {
  var _attachments$;
  var attachments = _ref2.attachments,
    isActive = _ref2.isActive,
    isLoading = _ref2.isLoading,
    _ref2$showActions = _ref2.showActions,
    showActions = _ref2$showActions === void 0 ? false : _ref2$showActions,
    onAttach = _ref2.onAttach,
    onDetach = _ref2.onDetach,
    _onSubmit = _ref2.onSubmit,
    onBack = _ref2.onBack,
    onEdit = _ref2.onEdit,
    _ref2$shouldResetProm = _ref2.shouldResetPrompt,
    shouldResetPrompt = _ref2$shouldResetProm === void 0 ? false : _ref2$shouldResetProm;
  var _useState = (0, _react.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    prompt = _useState2[0],
    setPrompt = _useState2[1];
  (0, _react.useEffect)(function () {
    if (shouldResetPrompt) {
      setPrompt(&#039;&#039;);
    }
  }, [shouldResetPrompt]);
  var _usePromptEnhancer = (0, _usePromptEnhancer2.default)(prompt, &#039;layout&#039;),
    isEnhancing = _usePromptEnhancer.isEnhancing,
    enhance = _usePromptEnhancer.enhance;
  var previousPrompt = (0, _react.useRef)(&#039;&#039;);
  var _useConfig = (0, _config.useConfig)(),
    attachmentsTypes = _useConfig.attachmentsTypes;
  var isInputDisabled = isLoading || isEnhancing || !isActive;
  var isInputEmpty = &#039;&#039; === prompt &amp;&amp; !attachments.length;
  var isGenerateDisabled = isInputDisabled || isInputEmpty;
  var attachmentsType = ((_attachments$ = attachments[0]) === null || _attachments$ === void 0 ? void 0 : _attachments$.type) || &#039;&#039;;
  var attachmentsConfig = attachmentsTypes[attachmentsType];
  var promptSuggestions = (attachmentsConfig === null || attachmentsConfig === void 0 ? void 0 : attachmentsConfig.promptSuggestions) || PROMPT_SUGGESTIONS;
  var promptPlaceholder = (attachmentsConfig === null || attachmentsConfig === void 0 ? void 0 : attachmentsConfig.promptPlaceholder) || (0, _i18n.__)(&quot;Press &#039;/&#039; for suggested prompts or describe the layout you want to create&quot;, &#039;elementor&#039;);
  var handleBack = function handleBack() {
    setPrompt(previousPrompt.current);
    onBack();
  };
  var handleEdit = function handleEdit() {
    previousPrompt.current = prompt;
    onEdit();
  };
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    component: &quot;form&quot;,
    onSubmit: function onSubmit(e) {
      return _onSubmit(e, prompt);
    },
    direction: &quot;row&quot;,
    sx: {
      p: 3
    },
    alignItems: &quot;start&quot;,
    gap: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    alignItems: &quot;start&quot;,
    flexGrow: 1,
    spacing: 2
  }, showActions &amp;&amp; (isActive ? /*#__PURE__*/_react.default.createElement(BackButton, {
    disabled: isLoading || isEnhancing,
    onClick: handleBack
  }) : /*#__PURE__*/_react.default.createElement(EditButton, {
    disabled: isLoading,
    onClick: handleEdit
  })), /*#__PURE__*/_react.default.createElement(_attachments.default, {
    attachments: attachments,
    onAttach: onAttach,
    onDetach: onDetach,
    disabled: isInputDisabled
  }), /*#__PURE__*/_react.default.createElement(_promptAutocomplete.default, {
    value: prompt,
    disabled: isInputDisabled,
    onSubmit: function onSubmit(e) {
      return _onSubmit(e, prompt);
    },
    options: promptSuggestions,
    onChange: function onChange(_, selectedValue) {
      return setPrompt(selectedValue.text + &#039; &#039;);
    },
    renderInput: function renderInput(params) {
      return /*#__PURE__*/_react.default.createElement(_promptAutocomplete.default.TextInput, (0, _extends2.default)({}, params, {
        ref: ref,
        onChange: function onChange(e) {
          return setPrompt(e.target.value);
        },
        placeholder: promptPlaceholder
      }));
    }
  })), /*#__PURE__*/_react.default.createElement(_enhanceButton.default, {
    size: &quot;small&quot;,
    disabled: isGenerateDisabled || &#039;&#039; === prompt,
    isLoading: isEnhancing,
    onClick: function onClick() {
      return enhance().then(function (_ref3) {
        var result = _ref3.result;
        return setPrompt(result);
      });
    }
  }), /*#__PURE__*/_react.default.createElement(GenerateButton, {
    disabled: isGenerateDisabled
  }));
});
PromptForm.propTypes = {
  isActive: _propTypes.default.bool,
  onAttach: _propTypes.default.func,
  onDetach: _propTypes.default.func,
  isLoading: _propTypes.default.bool,
  showActions: _propTypes.default.bool,
  onSubmit: _propTypes.default.func.isRequired,
  onBack: _propTypes.default.func.isRequired,
  onEdit: _propTypes.default.func.isRequired,
  attachments: _propTypes.default.arrayOf(_attachment.AttachmentPropType),
  shouldResetPrompt: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = PromptForm;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/screenshot-container.js&quot;:
/*!*******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/screenshot-container.js ***!
  \*******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var ScreenshotContainer = (0, _ui.styled)(_ui.Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== &#039;outlineOffset&#039;;
  }
})(function (_ref) {
  var theme = _ref.theme,
    selected = _ref.selected,
    height = _ref.height,
    disabled = _ref.disabled,
    _ref$outlineOffset = _ref.outlineOffset,
    outlineOffset = _ref$outlineOffset === void 0 ? &#039;0px&#039; : _ref$outlineOffset;
  var outlineColor = selected ? theme.palette.text.primary : theme.palette.text.disabled;
  var outline = &quot;2px solid &quot;.concat(outlineColor);
  return {
    height: height,
    cursor: disabled ? &#039;default&#039; : &#039;pointer&#039;,
    overflow: &#039;hidden&#039;,
    boxSizing: &#039;border-box&#039;,
    backgroundPosition: &#039;top center&#039;,
    backgroundSize: &#039;100% auto&#039;,
    backgroundRepeat: &#039;no-repeat&#039;,
    backgroundColor: theme.palette.common.white,
    borderRadius: theme.shape.borderRadius * 0.5,
    outlineOffset: outlineOffset,
    outline: outline,
    opacity: disabled ? &#039;0.4&#039; : &#039;1&#039;,
    transition: &quot;all 50ms linear&quot;,
    &#039;&amp;:hover&#039;: disabled ? {} : {
      outlineColor: theme.palette.text.primary
    }
  };
});
var _default = exports[&quot;default&quot;] = ScreenshotContainer;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/screenshot-unavailable.js&quot;:
/*!*********************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/screenshot-unavailable.js ***!
  \*********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = ScreenshotUnavailable;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _screenshotContainer = _interopRequireDefault(__webpack_require__(/*! ./screenshot-container */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/screenshot-container.js&quot;));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
function ScreenshotUnavailable(props) {
  return /*#__PURE__*/_react.default.createElement(_screenshotContainer.default, (0, _extends2.default)({}, props, {
    sx: _objectSpread(_objectSpread({}, props.sx || {}), {}, {
      display: &#039;flex&#039;,
      alignItems: &#039;center&#039;,
      justifyContent: &#039;center&#039;,
      backgroundColor: &#039;background.paper&#039;,
      color: &#039;text.tertiary&#039;,
      fontStyle: &#039;italic&#039;,
      fontSize: &#039;12px&#039;,
      paddingInline: 12,
      textAlign: &#039;center&#039;,
      lineHeight: 1.5
    })
  }), (0, _i18n.__)(&#039;Preview unavailable&#039;, &#039;elementor&#039;));
}
ScreenshotUnavailable.propTypes = {
  sx: _propTypes.default.object
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/screenshot.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/screenshot.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _screenshotContainer = _interopRequireDefault(__webpack_require__(/*! ./screenshot-container */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/screenshot-container.js&quot;));
var _screenshotUnavailable = _interopRequireDefault(__webpack_require__(/*! ./screenshot-unavailable */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/screenshot-unavailable.js&quot;));
var _templateBadge = _interopRequireDefault(__webpack_require__(/*! ./template-badge */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/template-badge.js&quot;));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var SCREENSHOT_HEIGHT = &#039;138px&#039;;
var Screenshot = function Screenshot(_ref) {
  var url = _ref.url,
    type = _ref.type,
    _ref$isLoading = _ref.isLoading,
    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
    _ref$isSelected = _ref.isSelected,
    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
    isPlaceholder = _ref.isPlaceholder,
    disabled = _ref.disabled,
    onClick = _ref.onClick,
    _ref$sx = _ref.sx,
    sx = _ref$sx === void 0 ? {} : _ref$sx,
    outlineOffset = _ref.outlineOffset;
  if (isPlaceholder) {
    return /*#__PURE__*/_react.default.createElement(_ui.Box, {
      sx: _objectSpread({
        height: SCREENSHOT_HEIGHT
      }, sx)
    });
  }
  if (isLoading) {
    return /*#__PURE__*/_react.default.createElement(_ui.Skeleton, {
      width: &quot;100%&quot;,
      animation: &quot;wave&quot;,
      variant: &quot;rounded&quot;,
      height: SCREENSHOT_HEIGHT,
      sx: sx
    });
  }
  if (!url) {
    return /*#__PURE__*/_react.default.createElement(_screenshotUnavailable.default, {
      selected: isSelected,
      disabled: disabled,
      sx: sx,
      onClick: onClick,
      height: SCREENSHOT_HEIGHT,
      outlineOffset: outlineOffset
    });
  }
  return /*#__PURE__*/_react.default.createElement(_screenshotContainer.default, {
    selected: isSelected,
    disabled: disabled,
    sx: _objectSpread({
      backgroundImage: &quot;url(&#039;&quot;.concat(url, &quot;&#039;)&quot;)
    }, sx),
    onClick: onClick,
    height: SCREENSHOT_HEIGHT,
    outlineOffset: outlineOffset
  }, /*#__PURE__*/_react.default.createElement(_templateBadge.default, {
    type: type
  }));
};
Screenshot.propTypes = {
  isSelected: _propTypes.default.bool,
  isLoading: _propTypes.default.bool,
  isPlaceholder: _propTypes.default.bool,
  disabled: _propTypes.default.bool,
  onClick: _propTypes.default.func.isRequired,
  url: _propTypes.default.string,
  type: _propTypes.default.string,
  sx: _propTypes.default.object,
  outlineOffset: _propTypes.default.string
};
var _default = exports[&quot;default&quot;] = Screenshot;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/template-badge.js&quot;:
/*!*************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/template-badge.js ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _config = __webpack_require__(/*! ../context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var _proTemplateIndicator = __webpack_require__(/*! ./pro-template-indicator */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/pro-template-indicator.js&quot;);
var TemplateBadge = function TemplateBadge(props) {
  var _useConfig = (0, _config.useConfig)(),
    hasPro = _useConfig.hasPro;
  if (&#039;Pro&#039; === props.type &amp;&amp; !hasPro) {
    return /*#__PURE__*/_react.default.createElement(_proTemplateIndicator.ProTemplateIndicator, null);
  }
  return null;
};
var _default = exports[&quot;default&quot;] = TemplateBadge;
TemplateBadge.propTypes = {
  type: _propTypes.default.string
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/unsaved-changes-alert.js&quot;:
/*!********************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/components/unsaved-changes-alert.js ***!
  \********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;onClose&quot;, &quot;onCancel&quot;, &quot;title&quot;, &quot;text&quot;];
var UnsavedChangesAlert = function UnsavedChangesAlert(_ref) {
  var onClose = _ref.onClose,
    onCancel = _ref.onCancel,
    title = _ref.title,
    text = _ref.text,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Dialog, (0, _extends2.default)({
    &quot;aria-labelledby&quot;: &quot;unsaved-changes-alert-title&quot;,
    &quot;aria-describedby&quot;: &quot;unsaved-changes-alert-description&quot;
  }, props), /*#__PURE__*/_react.default.createElement(_ui.DialogTitle, {
    id: &quot;unsaved-changes-alert-title&quot;
  }, title), /*#__PURE__*/_react.default.createElement(_ui.DialogContent, null, /*#__PURE__*/_react.default.createElement(_ui.DialogContentText, {
    id: &quot;unsaved-changes-alert-description&quot;
  }, text)), /*#__PURE__*/_react.default.createElement(_ui.DialogActions, null, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    onClick: onCancel,
    color: &quot;secondary&quot;
  }, (0, _i18n.__)(&#039;Cancel&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    onClick: onClose,
    color: &quot;error&quot;,
    variant: &quot;contained&quot;
  }, (0, _i18n.__)(&#039;Yes, leave&#039;, &#039;elementor&#039;))));
};
UnsavedChangesAlert.propTypes = {
  title: _propTypes.default.string,
  text: _propTypes.default.string,
  onCancel: _propTypes.default.func,
  onClose: _propTypes.default.func
};
var _default = exports[&quot;default&quot;] = UnsavedChangesAlert;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;:
/*!**************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/context/config.js ***!
  \**************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useConfig = exports[&quot;default&quot;] = exports.MODE_VARIATION = exports.MODE_LAYOUT = exports.LAYOUT_APP_MODES = exports.ConfigProvider = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var MODE_LAYOUT = exports.MODE_LAYOUT = &#039;layout&#039;;
var MODE_VARIATION = exports.MODE_VARIATION = &#039;variation&#039;;
var LAYOUT_APP_MODES = exports.LAYOUT_APP_MODES = [MODE_LAYOUT, MODE_VARIATION];
var ConfigContext = _react.default.createContext({});
var useConfig = exports.useConfig = function useConfig() {
  return _react.default.useContext(ConfigContext);
};
var ConfigProvider = exports.ConfigProvider = function ConfigProvider(props) {
  return /*#__PURE__*/_react.default.createElement(ConfigContext.Provider, {
    value: {
      mode: props.mode,
      attachmentsTypes: props.attachmentsTypes,
      onClose: props.onClose,
      onConnect: props.onConnect,
      onData: props.onData,
      onInsert: props.onInsert,
      onSelect: props.onSelect,
      onGenerate: props.onGenerate,
      currentContext: props.currentContext,
      hasPro: props.hasPro
    }
  }, props.children);
};
ConfigProvider.propTypes = {
  mode: _propTypes.default.oneOf(LAYOUT_APP_MODES).isRequired,
  children: _propTypes.default.node.isRequired,
  attachmentsTypes: _propTypes.default.object.isRequired,
  onClose: _propTypes.default.func.isRequired,
  onConnect: _propTypes.default.func.isRequired,
  onData: _propTypes.default.func.isRequired,
  onInsert: _propTypes.default.func.isRequired,
  onSelect: _propTypes.default.func.isRequired,
  onGenerate: _propTypes.default.func.isRequired,
  currentContext: _propTypes.default.object,
  hasPro: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = ConfigContext;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/remote-config.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/context/remote-config.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useRemoteConfig = exports.RemoteConfigProvider = exports.CONFIG_KEYS = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _api = __webpack_require__(/*! ../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) &quot;default&quot; !== _t2 &amp;&amp; {}.hasOwnProperty.call(e, _t2) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t2)) &amp;&amp; (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
var RemoteConfigContext = _react.default.createContext({});
var useRemoteConfig = exports.useRemoteConfig = function useRemoteConfig() {
  return _react.default.useContext(RemoteConfigContext);
};
var CONFIG_KEYS = exports.CONFIG_KEYS = {
  WEB_BASED_BUILDER_URL: &#039;webBasedBuilderUrl&#039;,
  AUTH_TOKEN: &#039;jwt&#039;
};
var RemoteConfigProvider = exports.RemoteConfigProvider = function RemoteConfigProvider(props) {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isLoading = _useState2[0],
    setIsLoading = _useState2[1];
  var _useState3 = (0, _react.useState)(false),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    isLoaded = _useState4[0],
    setIsLoaded = _useState4[1];
  var _useState5 = (0, _react.useState)(false),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    isError = _useState6[0],
    setIsError = _useState6[1];
  var _useState7 = (0, _react.useState)({}),
    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
    remoteConfig = _useState8[0],
    setRemoteConfig = _useState8[1];
  var fetchData = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
      var result, _t;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            setIsLoading(true);
            setIsError(false);
            _context.prev = 1;
            _context.next = 2;
            return (0, _api.getRemoteConfig)().finally(function () {
              setIsLoaded(true);
              setIsLoading(false);
            });
          case 2:
            result = _context.sent;
            if (result.config) {
              _context.next = 3;
              break;
            }
            throw new Error(&#039;Invalid remote config&#039;);
          case 3:
            setRemoteConfig(result.config);
            _context.next = 5;
            break;
          case 4:
            _context.prev = 4;
            _t = _context[&quot;catch&quot;](1);
            setIsError(true);
            setIsLoaded(true);
            setIsLoading(false);
          case 5:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee, null, [[1, 4]]);
    }));
    return function fetchData() {
      return _ref.apply(this, arguments);
    };
  }();
  (0, _react.useEffect)(function () {
    window.addEventListener(&#039;elementor/connect/success&#039;, fetchData);
    return function () {
      window.removeEventListener(&#039;elementor/connect/success&#039;, fetchData);
    };
  }, []);
  if (!isLoaded &amp;&amp; !isLoading) {
    fetchData();
  }
  return /*#__PURE__*/_react.default.createElement(RemoteConfigContext.Provider, {
    value: {
      isLoading: isLoading,
      isLoaded: isLoaded,
      isError: isError,
      remoteConfig: remoteConfig
    }
  }, props.children);
};
RemoteConfigProvider.propTypes = {
  children: _propTypes.default.node.isRequired,
  onError: _propTypes.default.func.isRequired
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-layout-prompt.js&quot;:
/*!***********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/hooks/use-layout-prompt.js ***!
  \***********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _usePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt.js&quot;));
var useLayoutPrompt = function useLayoutPrompt(type, initialValue) {
  return (0, _usePrompt.default)(function (requestBody, signal) {
    requestBody.variationType = type;
    return (0, _api.generateLayout)(requestBody, signal);
  }, initialValue);
};
var _default = exports[&quot;default&quot;] = useLayoutPrompt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-screenshot.js&quot;:
/*!********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/hooks/use-screenshot.js ***!
  \********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _useLayoutPrompt = _interopRequireDefault(__webpack_require__(/*! ./use-layout-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-layout-prompt.js&quot;));
var ERROR_INITIAL_VALUE = &#039;&#039;;
var useScreenshot = function useScreenshot(type, onData) {
  var _useState = (0, _react.useState)(ERROR_INITIAL_VALUE),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    error = _useState2[0],
    setError = _useState2[1];
  var _useState3 = (0, _react.useState)(false),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    isLoading = _useState4[0],
    setIsLoading = _useState4[1];
  var layoutData = (0, _useLayoutPrompt.default)(type, null);
  var generate = function generate(requestBody, signal) {
    setIsLoading(true);
    setError(ERROR_INITIAL_VALUE);
    return layoutData.send(requestBody, signal).then(/*#__PURE__*/function () {
      var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(data) {
        var createdScreenshot;
        return _regenerator.default.wrap(function (_context) {
          while (1) switch (_context.prev = _context.next) {
            case 0:
              _context.next = 1;
              return onData(data.result);
            case 1:
              createdScreenshot = _context.sent;
              createdScreenshot.sendUsageData = function () {
                return layoutData.sendUsageData(data);
              };
              createdScreenshot.baseTemplateId = data.baseTemplateId;
              createdScreenshot.type = data.type;
              return _context.abrupt(&quot;return&quot;, createdScreenshot);
            case 2:
            case &quot;end&quot;:
              return _context.stop();
          }
        }, _callee);
      }));
      return function (_x) {
        return _ref.apply(this, arguments);
      };
    }()).catch(function (err) {
      setError(err.extra_data ? err : err.message || err);
      throw err;
    }).finally(function () {
      return setIsLoading(false);
    });
  };
  return {
    generate: generate,
    error: error,
    isLoading: isLoading
  };
};
var _default = exports[&quot;default&quot;] = useScreenshot;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-screenshots.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/hooks/use-screenshots.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _useScreenshot = _interopRequireDefault(__webpack_require__(/*! ./use-screenshot */ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-screenshot.js&quot;));
var _config = __webpack_require__(/*! ../context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var _requestsIds = __webpack_require__(/*! ../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var PENDING_VALUE = {
  isPending: true
};
var useScreenshots = function useScreenshots(_ref) {
  var onData = _ref.onData;
  var _useState = (0, _react.useState)([]),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    screenshots = _useState2[0],
    setScreenshots = _useState2[1];

  /**
   * The ids for each request are:
   * - editorSessionId: a unique id for each editor opening
   * - sessionId: a unique id for each session. (open the AI builder)
   * - generateId: a unique id for each generate request. (prompt change)
   * - batchId: a unique id for each batch of generate requests. (generate, regenerate)
   * - requestId: a unique id for each generate request.
   */

  var _useConfig = (0, _config.useConfig)(),
    currentContext = _useConfig.currentContext;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    editorSessionId = _useRequestIds.editorSessionId,
    sessionId = _useRequestIds.sessionId,
    setRequest = _useRequestIds.setRequest,
    setBatch = _useRequestIds.setBatch,
    setGenerate = _useRequestIds.setGenerate;
  var generateIdRef = (0, _react.useRef)(&#039;&#039;);
  var batchId = setBatch();
  var screenshotsData = [(0, _useScreenshot.default)(0, onData), (0, _useScreenshot.default)(1, onData), (0, _useScreenshot.default)(2, onData)];
  var screenshotsGroupCount = screenshotsData.length;
  var error = screenshotsData.every(function (s) {
    return s === null || s === void 0 ? void 0 : s.error;
  }) ? screenshotsData[0].error : &#039;&#039;;
  var isLoading = screenshotsData.some(function (s) {
    return s === null || s === void 0 ? void 0 : s.isLoading;
  });
  var abortController = (0, _react.useRef)(null);
  var abort = function abort() {
    var _abortController$curr;
    return (_abortController$curr = abortController.current) === null || _abortController$curr === void 0 ? void 0 : _abortController$curr.abort();
  };
  var createScreenshots = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(prompt, attachments) {
      var onGenerate, onError, promises, results, isAllFailed;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            abortController.current = new AbortController();
            onGenerate = function onGenerate(screenshot) {
              setScreenshots(function (prev) {
                var updatedData = (0, _toConsumableArray2.default)(prev);
                var pendingIndex = updatedData.indexOf(PENDING_VALUE);
                updatedData[pendingIndex] = screenshot;
                return updatedData;
              });
              return true;
            };
            onError = function onError() {
              setScreenshots(function (prev) {
                var updatedData = (0, _toConsumableArray2.default)(prev);
                var pendingIndex = updatedData.lastIndexOf(PENDING_VALUE);
                updatedData[pendingIndex] = {
                  isError: true
                };
                return updatedData;
              });
              return false;
            };
            promises = screenshotsData.map(function (_ref3) {
              var generate = _ref3.generate;
              var prevGeneratedIds = screenshots.map(function (screenshot) {
                return screenshot.baseTemplateId || &#039;&#039;;
              });
              var requestBody = {
                prompt: prompt,
                prevGeneratedIds: prevGeneratedIds,
                currentContext: currentContext,
                ids: {
                  editorSessionId: editorSessionId.current,
                  sessionId: sessionId.current,
                  generateId: generateIdRef.current,
                  batchId: batchId.current,
                  requestId: setRequest().current
                },
                attachments: attachments.map(function (_ref4) {
                  var type = _ref4.type,
                    content = _ref4.content,
                    label = _ref4.label,
                    source = _ref4.source;
                  // Send only the data that is needed for the generation.
                  return {
                    type: type,
                    content: content,
                    label: label,
                    source: source
                  };
                })
              };
              return generate(requestBody, abortController.current.signal).then(onGenerate).catch(onError);
            });
            _context.next = 1;
            return Promise.all(promises);
          case 1:
            results = _context.sent;
            isAllFailed = results.every(function (value) {
              return false === value;
            });
            if (isAllFailed) {
              setScreenshots(function (prev) {
                var updatedData = (0, _toConsumableArray2.default)(prev);
                updatedData.splice(screenshotsGroupCount * -1);
                return updatedData;
              });
            }
          case 2:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function createScreenshots(_x, _x2) {
      return _ref2.apply(this, arguments);
    };
  }();
  var generate = function generate(prompt, attachments) {
    var placeholders = Array(screenshotsGroupCount).fill(PENDING_VALUE);
    generateIdRef.current = setGenerate().current;
    setScreenshots(placeholders);
    createScreenshots(prompt, attachments);
  };
  var regenerate = function regenerate(prompt, attachments) {
    var placeholders = Array(screenshotsGroupCount).fill(PENDING_VALUE);
    setScreenshots(function (prev) {
      return [].concat((0, _toConsumableArray2.default)(prev), (0, _toConsumableArray2.default)(placeholders));
    });
    createScreenshots(prompt, attachments);
  };
  return {
    generate: generate,
    regenerate: regenerate,
    screenshots: screenshots,
    isLoading: isLoading,
    error: error,
    abort: abort
  };
};
var _default = exports[&quot;default&quot;] = useScreenshots;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-slider.js&quot;:
/*!****************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/hooks/use-slider.js ***!
  \****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.SCREENSHOTS_PER_PAGE = exports.MAX_PAGES = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var SCREENSHOTS_PER_PAGE = exports.SCREENSHOTS_PER_PAGE = 3;
var MAX_PAGES = exports.MAX_PAGES = 5;
var useSlider = function useSlider() {
  var _ref = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : {},
    _ref$slidesCount = _ref.slidesCount,
    slidesCount = _ref$slidesCount === void 0 ? 0 : _ref$slidesCount,
    _ref$slidesPerPage = _ref.slidesPerPage,
    slidesPerPage = _ref$slidesPerPage === void 0 ? SCREENSHOTS_PER_PAGE : _ref$slidesPerPage,
    _ref$gapPercentage = _ref.gapPercentage,
    gapPercentage = _ref$gapPercentage === void 0 ? 2 : _ref$gapPercentage;
  var _useState = (0, _react.useState)(1),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    currentPage = _useState2[0],
    setCurrentPage = _useState2[1];
  var gapsCount = slidesPerPage - 1;
  var slideWidthPercentage = (100 - gapPercentage * gapsCount) / slidesPerPage;
  var offsetXPercentage = (slideWidthPercentage + gapPercentage) * slidesPerPage * (currentPage - 1) * -1;
  var pagesCount = Math.ceil(slidesCount / slidesPerPage);
  (0, _react.useEffect)(function () {
    // In cases when the slidesCount value was reduced, we need to navigate to the last page.
    if (currentPage &gt; 1 &amp;&amp; currentPage &gt; pagesCount) {
      setCurrentPage(pagesCount);
    }
  }, [pagesCount]);
  return {
    currentPage: currentPage,
    setCurrentPage: setCurrentPage,
    pagesCount: pagesCount,
    slidesPerPage: slidesPerPage,
    gapPercentage: gapPercentage,
    offsetXPercentage: offsetXPercentage,
    slideWidthPercentage: slideWidthPercentage
  };
};
var _default = exports[&quot;default&quot;] = useSlider;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-layout/index.js&quot;:
/*!*****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-layout/index.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _promptErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-error-message */ &quot;../modules/ai/assets/js/editor/components/prompt-error-message.js&quot;));
var _unsavedChangesAlert = _interopRequireDefault(__webpack_require__(/*! ./components/unsaved-changes-alert */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/unsaved-changes-alert.js&quot;));
var _layoutDialog = _interopRequireDefault(__webpack_require__(/*! ./components/layout-dialog */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/layout-dialog.js&quot;));
var _promptForm = _interopRequireDefault(__webpack_require__(/*! ./components/prompt-form */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/prompt-form.js&quot;));
var _refreshIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/refresh-icon */ &quot;../modules/ai/assets/js/editor/icons/refresh-icon.js&quot;));
var _screenshot = _interopRequireDefault(__webpack_require__(/*! ./components/screenshot */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/screenshot.js&quot;));
var _useScreenshots2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-screenshots */ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-screenshots.js&quot;));
var _useSlider2 = _interopRequireWildcard(__webpack_require__(/*! ./hooks/use-slider */ &quot;../modules/ai/assets/js/editor/pages/form-layout/hooks/use-slider.js&quot;));
var _minimizeDiagonalIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/minimize-diagonal-icon */ &quot;../modules/ai/assets/js/editor/icons/minimize-diagonal-icon.js&quot;));
var _expandDiagonalIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/expand-diagonal-icon */ &quot;../modules/ai/assets/js/editor/icons/expand-diagonal-icon.js&quot;));
var _config = __webpack_require__(/*! ./context/config */ &quot;../modules/ai/assets/js/editor/pages/form-layout/context/config.js&quot;);
var _attachment = __webpack_require__(/*! ../../types/attachment */ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;);
var _promptPowerNotice = __webpack_require__(/*! ./components/attachments/prompt-power-notice */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/prompt-power-notice.js&quot;);
var _attachments = __webpack_require__(/*! ./components/attachments */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments.js&quot;);
var _attachDialog = _interopRequireDefault(__webpack_require__(/*! ./components/attachments/attach-dialog */ &quot;../modules/ai/assets/js/editor/pages/form-layout/components/attachments/attach-dialog.js&quot;));
var _isURL = _interopRequireDefault(__webpack_require__(/*! validator/lib/isURL */ &quot;../node_modules/validator/lib/isURL.js&quot;));
var _voicePromotionAlert = __webpack_require__(/*! ../../components/voice-promotion-alert */ &quot;../modules/ai/assets/js/editor/components/voice-promotion-alert.js&quot;);
var _excluded = [&quot;children&quot;];
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var DirectionalMinimizeDiagonalIcon = (0, _ui.withDirection)(_minimizeDiagonalIcon.default);
var DirectionalExpandDiagonalIcon = (0, _ui.withDirection)(_expandDiagonalIcon.default);

/**
 * @typedef {Object} Attachment
 * @property {(&#039;json&#039;)} type        - The type of the attachment, currently only `json` is supported.
 * @property {string}   previewHTML - HTML content as a string, representing a preview.
 * @property {string}   content     - Actual content of the attachment as a string.
 * @property {string}   label       - Label for the attachment.
 */

var RegenerateButton = function RegenerateButton(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    startIcon: /*#__PURE__*/_react.default.createElement(_refreshIcon.default, null)
  }, props), (0, _i18n.__)(&#039;Regenerate&#039;, &#039;elementor&#039;));
};
var UseLayoutButton = function UseLayoutButton(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    size: &quot;small&quot;,
    variant: &quot;contained&quot;
  }, props), (0, _i18n.__)(&#039;Use Layout&#039;, &#039;elementor&#039;));
};
UseLayoutButton.propTypes = {
  sx: _propTypes.default.object
};
var isRegenerateButtonDisabled = function isRegenerateButtonDisabled(screenshots, isLoading, isPromptFormActive) {
  if (isLoading || isPromptFormActive) {
    return true;
  }
  return screenshots.length &gt;= _useSlider2.SCREENSHOTS_PER_PAGE * _useSlider2.MAX_PAGES;
};
var FormLayout = function FormLayout(_ref) {
  var _screenshots$selected, _screenshots$2;
  var _ref$DialogHeaderProp = _ref.DialogHeaderProps,
    DialogHeaderProps = _ref$DialogHeaderProp === void 0 ? {} : _ref$DialogHeaderProp,
    _ref$DialogContentPro = _ref.DialogContentProps,
    DialogContentProps = _ref$DialogContentPro === void 0 ? {} : _ref$DialogContentPro,
    initialAttachments = _ref.attachments;
  var _useConfig = (0, _config.useConfig)(),
    attachmentsTypes = _useConfig.attachmentsTypes,
    onData = _useConfig.onData,
    onInsert = _useConfig.onInsert,
    onSelect = _useConfig.onSelect,
    onClose = _useConfig.onClose,
    onGenerate = _useConfig.onGenerate;
  var _useScreenshots = (0, _useScreenshots2.default)({
      onData: onData
    }),
    screenshots = _useScreenshots.screenshots,
    generate = _useScreenshots.generate,
    regenerate = _useScreenshots.regenerate,
    isLoading = _useScreenshots.isLoading,
    error = _useScreenshots.error,
    abort = _useScreenshots.abort;
  var screenshotOutlineOffset = &#039;2px&#039;;
  var _useSlider = (0, _useSlider2.default)({
      slidesCount: screenshots.length
    }),
    currentPage = _useSlider.currentPage,
    setCurrentPage = _useSlider.setCurrentPage,
    pagesCount = _useSlider.pagesCount,
    gapPercentage = _useSlider.gapPercentage,
    slidesPerPage = _useSlider.slidesPerPage,
    offsetXPercentage = _useSlider.offsetXPercentage,
    slideWidthPercentage = _useSlider.slideWidthPercentage;
  var _useState = (0, _react.useState)(-1),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    selectedScreenshotIndex = _useState2[0],
    setSelectedScreenshotIndex = _useState2[1];
  var _useState3 = (0, _react.useState)(false),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    showUnsavedChangesAlert = _useState4[0],
    setShowUnsavedChangesAlert = _useState4[1];
  var _useState5 = (0, _react.useState)(true),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    isPromptEditable = _useState6[0],
    setIsPromptEditable = _useState6[1];
  var _useState7 = (0, _react.useState)([]),
    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
    attachments = _useState8[0],
    setAttachments = _useState8[1];
  var _useState9 = (0, _react.useState)(false),
    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
    shouldRenderWebApp = _useState0[0],
    setShouldRenderWebApp = _useState0[1];
  var _useState1 = (0, _react.useState)(false),
    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
    isMinimized = _useState10[0],
    setIsMinimized = _useState10[1];
  var lastRun = (0, _react.useRef)(function () {});
  var promptInputRef = (0, _react.useRef)(null);
  var selectedTemplate = (_screenshots$selected = screenshots[selectedScreenshotIndex]) === null || _screenshots$selected === void 0 ? void 0 : _screenshots$selected.template;
  var dialogContentChildren = DialogContentProps.children,
    dialogContentProps = (0, _objectWithoutProperties2.default)(DialogContentProps, _excluded);

  // When there are no screenshots the prompt field should be editable.
  var shouldFallbackToEditPrompt = !!(error &amp;&amp; 0 === screenshots.length);
  var isPromptFormActive = isPromptEditable || shouldFallbackToEditPrompt;
  var abortAndClose = function abortAndClose() {
    abort();
    onClose();
  };
  var onCloseIntent = function onCloseIntent() {
    var hasUnsavedChanges = promptInputRef.current.value.trim() !== &#039;&#039; || screenshots.length &gt; 0;
    if (hasUnsavedChanges) {
      return setShowUnsavedChangesAlert(true);
    }
    abortAndClose();
  };
  var handleGenerate = function handleGenerate(event, prompt) {
    event.preventDefault();
    if (&#039;&#039; === prompt.trim() &amp;&amp; 0 === attachments.length) {
      return;
    }
    if ((0, _isURL.default)(prompt)) {
      setShouldRenderWebApp(true);
      return;
    }
    onGenerate();
    lastRun.current = function () {
      setSelectedScreenshotIndex(-1);
      generate(prompt, attachments);
    };
    lastRun.current();
    setIsPromptEditable(false);
    setCurrentPage(1);
  };
  var handleRegenerate = function handleRegenerate() {
    lastRun.current = function () {
      regenerate(promptInputRef.current.value, attachments);
      // Changing the current page to the next page number.
      setCurrentPage(pagesCount + 1);
    };
    lastRun.current();
  };
  var applyTemplate = function applyTemplate() {
    onInsert(selectedTemplate);
    screenshots[selectedScreenshotIndex].sendUsageData();
    abortAndClose();
  };
  var handleScreenshotClick = function handleScreenshotClick(index, template) {
    return function () {
      if (isPromptFormActive) {
        return;
      }
      setSelectedScreenshotIndex(index);
      onSelect(template);
    };
  };

  /**
   * @param {Attachment[]} items
   */
  var onAttach = function onAttach(items) {
    items.forEach(function (item) {
      if (!attachmentsTypes[item.type]) {
        throw new Error(&quot;Invalid attachment type: &quot;.concat(item.type));
      }
      var typeConfig = attachmentsTypes[item.type];
      if (!item.previewHTML &amp;&amp; typeConfig.previewGenerator) {
        typeConfig.previewGenerator(item.content).then(function (html) {
          item.previewHTML = html;
          setAttachments(function (prev) {
            // Replace the attachment with the updated one.
            return prev.map(function (attachment) {
              if (attachment.content === item.content) {
                return item;
              }
              return attachment;
            });
          });
        });
      }
    });
    setAttachments(items);
    setShouldRenderWebApp(false);
    setIsPromptEditable(true);
  };
  (0, _react.useEffect)(function () {
    var _screenshots$;
    var isFirstTemplateExist = (_screenshots$ = screenshots[0]) === null || _screenshots$ === void 0 ? void 0 : _screenshots$.template;
    if (isFirstTemplateExist) {
      onSelect(screenshots[0].template);
      setSelectedScreenshotIndex(0);
    }
  }, [(_screenshots$2 = screenshots[0]) === null || _screenshots$2 === void 0 ? void 0 : _screenshots$2.template]);
  (0, _react.useEffect)(function () {
    if (initialAttachments !== null &amp;&amp; initialAttachments !== void 0 &amp;&amp; initialAttachments.length) {
      onAttach(initialAttachments);
    }
  }, []);
  return /*#__PURE__*/_react.default.createElement(_layoutDialog.default, {
    onClose: onCloseIntent
  }, /*#__PURE__*/_react.default.createElement(_layoutDialog.default.Header, (0, _extends2.default)({
    onClose: onCloseIntent
  }, DialogHeaderProps), DialogHeaderProps.children, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
    title: isMinimized ? (0, _i18n.__)(&#039;Expand&#039;, &#039;elementor&#039;) : (0, _i18n.__)(&#039;Minimize&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    size: &quot;small&quot;,
    &quot;aria-label&quot;: &quot;minimize&quot;,
    onClick: function onClick() {
      return setIsMinimized(function (prev) {
        return !prev;
      });
    }
  }, isMinimized ? /*#__PURE__*/_react.default.createElement(DirectionalExpandDiagonalIcon, null) : /*#__PURE__*/_react.default.createElement(DirectionalMinimizeDiagonalIcon, null)))), /*#__PURE__*/_react.default.createElement(_layoutDialog.default.Content, (0, _extends2.default)({
    dividers: true
  }, dialogContentProps), /*#__PURE__*/_react.default.createElement(_ui.Collapse, {
    in: !isMinimized
  }, dialogContentChildren &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      pt: 2,
      px: 2,
      pb: 0
    }
  }, dialogContentChildren), attachments.length &gt; 0 &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptPowerNotice.PromptPowerNotice, null), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      pt: 2,
      px: 2,
      pb: 0
    }
  }, /*#__PURE__*/_react.default.createElement(_promptErrorMessage.default, {
    error: error,
    onRetry: lastRun.current
  })), showUnsavedChangesAlert &amp;&amp; /*#__PURE__*/_react.default.createElement(_unsavedChangesAlert.default, {
    open: showUnsavedChangesAlert,
    title: (0, _i18n.__)(&#039;Leave Elementor AI?&#039;, &#039;elementor&#039;),
    text: (0, _i18n.__)(&quot;Your progress will be deleted, and can&#039;t be recovered.&quot;, &#039;elementor&#039;),
    onClose: abortAndClose,
    onCancel: function onCancel() {
      return setShowUnsavedChangesAlert(false);
    }
  }), shouldRenderWebApp &amp;&amp; /*#__PURE__*/_react.default.createElement(_attachDialog.default, {
    type: _attachments.ATTACHMENT_TYPE_URL,
    url: promptInputRef.current.value,
    onAttach: onAttach,
    onClose: function onClose() {
      setShouldRenderWebApp(false);
    }
  }), /*#__PURE__*/_react.default.createElement(_promptForm.default, {
    shouldResetPrompt: shouldRenderWebApp,
    ref: promptInputRef,
    isActive: isPromptFormActive,
    isLoading: isLoading,
    showActions: screenshots.length &gt; 0 || isLoading,
    attachmentsTypes: attachmentsTypes,
    attachments: attachments,
    onAttach: onAttach,
    onDetach: function onDetach(index) {
      setAttachments(function (prev) {
        var newAttachments = (0, _toConsumableArray2.default)(prev);
        newAttachments.splice(index, 1);
        return newAttachments;
      });
      setIsPromptEditable(true);
    },
    onSubmit: handleGenerate,
    onBack: function onBack() {
      return setIsPromptEditable(false);
    },
    onEdit: function onEdit() {
      return setIsPromptEditable(true);
    }
  }), (screenshots.length &gt; 0 || isLoading) &amp;&amp; /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Divider, null), /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      p: 1.5
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      overflow: &#039;hidden&#039;,
      p: 0.5
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      display: &#039;flex&#039;,
      transition: &#039;all 0.4s ease&#039;,
      gap: &quot;&quot;.concat(gapPercentage, &quot;%&quot;),
      transform: &quot;translateX(&quot;.concat(offsetXPercentage, &quot;%)&quot;)
    }
  }, screenshots.map(function (_ref2, index) {
    var screenshot = _ref2.screenshot,
      type = _ref2.type,
      template = _ref2.template,
      isError = _ref2.isError,
      isPending = _ref2.isPending;
    return /*#__PURE__*/_react.default.createElement(_screenshot.default, {
      key: index,
      url: screenshot,
      type: type,
      disabled: isPromptFormActive,
      isPlaceholder: isError,
      isLoading: isPending,
      isSelected: selectedScreenshotIndex === index,
      onClick: handleScreenshotClick(index, template),
      outlineOffset: screenshotOutlineOffset,
      sx: {
        flex: &quot;0 0 &quot;.concat(slideWidthPercentage, &quot;%&quot;)
      }
    });
  }))), /*#__PURE__*/_react.default.createElement(_voicePromotionAlert.VoicePromotionAlert, {
    introductionKey: &quot;ai-context-layout-promotion&quot;
  })), screenshots.length &gt; 0 &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      pt: 0,
      px: 2,
      pb: 2
    },
    display: &quot;grid&quot;,
    gridTemplateColumns: &quot;repeat(3, 1fr)&quot;,
    justifyItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(RegenerateButton, {
    onClick: handleRegenerate,
    disabled: isRegenerateButtonDisabled(screenshots, isLoading, isPromptFormActive),
    sx: {
      justifySelf: &#039;start&#039;
    }
  }), screenshots.length &gt; slidesPerPage &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Pagination, {
    page: currentPage,
    count: pagesCount,
    disabled: isPromptFormActive,
    onChange: function onChange(_, page) {
      return setCurrentPage(page);
    }
  }), /*#__PURE__*/_react.default.createElement(UseLayoutButton, {
    onClick: applyTemplate,
    disabled: isPromptFormActive || -1 === selectedScreenshotIndex,
    sx: {
      justifySelf: &#039;end&#039;,
      gridColumn: 3
    }
  }))))));
};
FormLayout.propTypes = {
  DialogHeaderProps: _propTypes.default.object,
  DialogContentProps: _propTypes.default.object,
  attachments: _propTypes.default.arrayOf(_attachment.AttachmentPropType)
};
var _default = exports[&quot;default&quot;] = FormLayout;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/back-button.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/back-button.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _chevronLeftIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/chevron-left-icon */ &quot;../modules/ai/assets/js/editor/icons/chevron-left-icon.js&quot;));
var _excluded = [&quot;children&quot;];
var StyledChevronLeftIcon = (0, _ui.withDirection)(_chevronLeftIcon.default);
var BackButton = function BackButton(_ref) {
  var children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    size: &quot;small&quot;,
    variant: &quot;text&quot;,
    color: &quot;secondary&quot;,
    startIcon: /*#__PURE__*/_react.default.createElement(StyledChevronLeftIcon, null)
  }, props), children || (0, _i18n.__)(&#039;Back&#039;, &#039;elementor&#039;));
};
BackButton.propTypes = {
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = BackButton;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/color-picker.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/color-picker.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _TextField = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/TextField */ &quot;@elementor/ui/TextField&quot;));
var _reactColorful = __webpack_require__(/*! react-colorful */ &quot;../node_modules/react-colorful/dist/index.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var ColorInput = function ColorInput(_ref) {
  var _elementorCommon$conf, _elementorCommon;
  var label = _ref.label,
    color = _ref.color,
    onChange = _ref.onChange,
    disabled = _ref.disabled;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isOpened = _useState2[0],
    setIsOpened = _useState2[1];
  var anchorEl = (0, _react.useRef)();
  var _useState3 = (0, _react.useState)(170001),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    zIndex = _useState4[0],
    setZIndex = _useState4[1];
  var isRTL = (_elementorCommon$conf = (_elementorCommon = elementorCommon) === null || _elementorCommon === void 0 || (_elementorCommon = _elementorCommon.config) === null || _elementorCommon === void 0 ? void 0 : _elementorCommon.isRTL) !== null &amp;&amp; _elementorCommon$conf !== void 0 ? _elementorCommon$conf : true;
  (0, _react.useEffect)(function () {
    if (anchorEl.current) {
      var element = anchorEl.current;
      var currentZIndex = 0;
      while (element &amp;&amp; element !== document.body) {
        var computedZIndex = window.getComputedStyle(element).zIndex;
        if (computedZIndex !== &#039;auto&#039;) {
          currentZIndex = parseInt(computedZIndex, 10) || 0;
          break;
        }
        element = element.parentElement;
      }
      setZIndex(currentZIndex &gt; 0 ? currentZIndex + 1 : 170001);
    }
  }, [isOpened]);
  var handleClick = function handleClick() {
    return setIsOpened(true);
  };
  var handleClose = function handleClose() {
    setIsOpened(false);
  };
  var handleKeyDown = function handleKeyDown(event) {
    if (&#039;Enter&#039; === event.key || &#039; &#039; === event.key) {
      event.preventDefault();
      handleClick();
    }
  };
  var handleTextFieldChange = function handleTextFieldChange(event) {
    onChange(&quot;#&quot;.concat(event.target.value));
  };
  var handleColorPickerChange = function handleColorPickerChange(colorValue) {
    onChange(colorValue);
  };
  var id = isOpened ? &#039;simple-popover&#039; : undefined;
  return /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    className: &quot;el-ai-color-input-wrapper&quot;,
    style: _objectSpread({
      display: &#039;flex&#039;,
      alignItems: &#039;center&#039;
    }, disabled ? {
      pointerEvents: &#039;none&#039;,
      opacity: 0.5
    } : {})
  }, /*#__PURE__*/_react.default.createElement(_ui.FormLabel, {
    sx: {
      whiteSpace: &#039;nowrap&#039;,
      flex: 4
    }
  }, label), /*#__PURE__*/_react.default.createElement(&quot;button&quot;, {
    type: &quot;button&quot;,
    onClick: handleClick,
    onKeyDown: handleKeyDown,
    style: {
      cursor: &#039;pointer&#039;,
      borderRadius: &#039;4px&#039;,
      marginRight: &#039;8px&#039;,
      marginLeft: &#039;8px&#039;,
      background: color,
      width: &#039;100%&#039;,
      height: &#039;auto&#039;,
      borderColor: &#039;rgba(0, 0, 0, 0.23)&#039;,
      borderWidth: &#039;1px&#039;,
      borderStyle: &#039;solid&#039;,
      aspectRatio: &#039;1 / 1&#039;,
      flex: 1.1
    },
    &quot;aria-describedby&quot;: id,
    ref: anchorEl
  }), /*#__PURE__*/_react.default.createElement(StyledTextField, {
    value: color.substring(1, 7),
    color: &quot;secondary&quot;,
    fullWidth: true,
    InputProps: {
      autoComplete: &#039;off&#039;,
      color: &#039;secondary&#039;,
      sx: {
        height: &#039;100%&#039;
      },
      startAdornment: /*#__PURE__*/_react.default.createElement(_ui.InputAdornment, {
        position: &quot;start&quot;
      }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
        variant: &quot;body1&quot;,
        color: &quot;secondary&quot;
      }, &quot;#&quot;))
    },
    onChange: handleTextFieldChange,
    sx: {
      flex: 3,
      height: &#039;40px&#039;
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Popover, {
    id: id,
    anchorOrigin: {
      vertical: &#039;bottom&#039;,
      horizontal: isRTL ? &#039;right&#039; : &#039;left&#039;
    },
    transformOrigin: {
      vertical: &#039;top&#039;,
      horizontal: isRTL ? &#039;right&#039; : &#039;left&#039;
    },
    onClose: handleClose,
    open: isOpened,
    anchorEl: anchorEl.current,
    style: {
      zIndex: zIndex,
      overflow: &#039;hidden&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    className: &quot;el-ai-custom-color-picker&quot;,
    style: {
      height: &#039;min-content&#039;,
      overflow: &#039;hidden&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_reactColorful.HexColorPicker, {
    color: color,
    onChange: handleColorPickerChange
  }))));
};
var StyledTextField = (0, _ui.styled)(_TextField.default)(function () {
  return {
    &#039;.wp-admin &amp; .MuiInputBase-input, &amp; .MuiInputBase-input:focus&#039;: {
      backgroundColor: &#039;initial&#039;,
      boxShadow: &#039;none&#039;,
      border: 0,
      color: &#039;inherit&#039;,
      outline: 0,
      padding: 0,
      fontFamily: &#039;inherit&#039;,
      minHeight: &#039;2.4375em&#039;
    }
  };
});
ColorInput.propTypes = {
  label: _propTypes.default.string,
  color: _propTypes.default.string,
  onChange: _propTypes.default.func.isRequired,
  disabled: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = ColorInput;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/enhance-button.js&quot;:
/*!************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/enhance-button.js ***!
  \************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _wandIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/wand-icon */ &quot;../modules/ai/assets/js/editor/icons/wand-icon.js&quot;));
var _excluded = [&quot;isLoading&quot;];
var StyledWandIcon = (0, _ui.withDirection)(_wandIcon.default);
var EnhanceButton = function EnhanceButton(_ref) {
  var isLoading = _ref.isLoading,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
    title: (0, _i18n.__)(&#039;Enhance prompt&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    component: &quot;span&quot;,
    sx: {
      cursor: props.disabled ? &#039;default&#039; : &#039;pointer&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, (0, _extends2.default)({
    size: &quot;small&quot;,
    color: &quot;secondary&quot;
  }, props), isLoading ? /*#__PURE__*/_react.default.createElement(_ui.CircularProgress, {
    color: &quot;secondary&quot;,
    size: 20
  }) : /*#__PURE__*/_react.default.createElement(StyledWandIcon, {
    fontSize: &quot;small&quot;
  }))));
};
EnhanceButton.propTypes = {
  disabled: _propTypes.default.bool,
  isLoading: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = EnhanceButton;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/gallery.js&quot;:
/*!*****************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/gallery.js ***!
  \*****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _overlay = _interopRequireDefault(__webpack_require__(/*! ../../../components/ui/overlay */ &quot;../modules/ai/assets/js/editor/components/ui/overlay.js&quot;));
var _overlayBar = _interopRequireDefault(__webpack_require__(/*! ../../../components/ui/overlay-bar */ &quot;../modules/ai/assets/js/editor/components/ui/overlay-bar.js&quot;));
var _overlayBarText = _interopRequireDefault(__webpack_require__(/*! ../../../components/ui/overlay-bar-text */ &quot;../modules/ai/assets/js/editor/components/ui/overlay-bar-text.js&quot;));
var _constants = __webpack_require__(/*! ../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var _excluded = [&quot;children&quot;],
  _excluded2 = [&quot;alt&quot;, &quot;src&quot;, &quot;text&quot;, &quot;children&quot;, &quot;aspectRatio&quot;, &quot;variant&quot;, &quot;OverlayBarProps&quot;, &quot;numImagesInRow&quot;, &quot;overlay&quot;, &quot;onSelectChange&quot;, &quot;checkboxColor&quot;, &quot;isLoading&quot;, &quot;initialChecked&quot;];
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var aspectRatios = Object.keys(_constants.IMAGE_ASPECT_RATIO);
var Gallery = function Gallery(_ref) {
  var children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.ImageList, (0, _extends2.default)({
    width: &quot;100%&quot;,
    cols: 2,
    gap: 24
  }, props), children);
};
Gallery.propTypes = {
  children: _propTypes.default.node
};
var GalleryImage = function GalleryImage(_ref2) {
  var _elementorCommon$conf, _elementorCommon;
  var alt = _ref2.alt,
    src = _ref2.src,
    text = _ref2.text,
    children = _ref2.children,
    _ref2$aspectRatio = _ref2.aspectRatio,
    aspectRatio = _ref2$aspectRatio === void 0 ? &#039;1:1&#039; : _ref2$aspectRatio,
    _ref2$variant = _ref2.variant,
    variant = _ref2$variant === void 0 ? &#039;contained&#039; : _ref2$variant,
    _ref2$OverlayBarProps = _ref2.OverlayBarProps,
    OverlayBarProps = _ref2$OverlayBarProps === void 0 ? {} : _ref2$OverlayBarProps,
    _ref2$numImagesInRow = _ref2.numImagesInRow,
    numImagesInRow = _ref2$numImagesInRow === void 0 ? 2 : _ref2$numImagesInRow,
    _ref2$overlay = _ref2.overlay,
    overlay = _ref2$overlay === void 0 ? true : _ref2$overlay,
    _ref2$onSelectChange = _ref2.onSelectChange,
    onSelectChange = _ref2$onSelectChange === void 0 ? null : _ref2$onSelectChange,
    _ref2$checkboxColor = _ref2.checkboxColor,
    checkboxColor = _ref2$checkboxColor === void 0 ? &#039;rgba(0, 0, 0, 0.54)&#039; : _ref2$checkboxColor,
    _ref2$isLoading = _ref2.isLoading,
    isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
    _ref2$initialChecked = _ref2.initialChecked,
    initialChecked = _ref2$initialChecked === void 0 ? false : _ref2$initialChecked,
    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
  var _useState = (0, _react.useState)(initialChecked),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isChecked = _useState2[0],
    setIsChecked = _useState2[1];
  var style = {};
  var isRTL = (_elementorCommon$conf = (_elementorCommon = elementorCommon) === null || _elementorCommon === void 0 || (_elementorCommon = _elementorCommon.config) === null || _elementorCommon === void 0 ? void 0 : _elementorCommon.isRTL) !== null &amp;&amp; _elementorCommon$conf !== void 0 ? _elementorCommon$conf : true;
  (0, _react.useEffect)(function () {
    setIsChecked(initialChecked);
  }, [initialChecked]);
  if (&#039;thumbnail&#039; === variant) {
    style.width = &#039;100%&#039;;
    style.maxHeight = &#039;238px&#039;;
    style.minWidth = &#039;230px&#039;;
  } else {
    style.width = &#039;auto&#039;;
    style.height = &#039;auto&#039;;
    style.maxWidth = &#039;100%&#039;;
    style.maxHeight = &#039;1:1&#039; === aspectRatio ? &#039;initial&#039; : &#039;100%&#039;;
    style.objectFit = &#039;contain&#039;;
    style.aspectRatio = aspectRatio.replace(&#039;:&#039;, &#039; / &#039;);
  }
  return /*#__PURE__*/_react.default.createElement(_ui.ImageListItem, props, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    display: &quot;flex&quot;,
    justifyContent: &quot;center&quot;,
    alignItems: &quot;center&quot;,
    sx: {
      bgcolor: &#039;action.selected&#039;,
      height: &#039;contained&#039; === variant &amp;&amp; numImagesInRow &lt;= 2 ? 336 : &#039;auto&#039;,
      position: &#039;relative&#039;,
      overflow: &#039;hidden&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/_react.default.createElement(_ui.Skeleton, {
    sx: _objectSpread(_objectSpread({}, style), {}, {
      width: &#039;100%&#039;,
      height: &#039;100% &#039;
    }),
    animation: &#039;wave&#039;,
    variant: &#039;rounded&#039;
  }, /*#__PURE__*/_react.default.createElement(&quot;img&quot;, {
    alt: alt,
    src: src,
    style: _objectSpread(_objectSpread({}, style), {}, {
      visibility: &#039;hidden&#039;
    })
  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, onSelectChange &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
    onClick: function onClick() {
      var newVal = !isChecked;
      setIsChecked(newVal);
      onSelectChange(newVal);
    },
    checked: isChecked,
    sx: {
      position: &#039;absolute&#039;,
      top: 0,
      left: isRTL ? undefined : 0,
      right: isRTL ? 0 : undefined,
      &#039;&amp; .MuiSvgIcon-root&#039;: {
        color: checkboxColor
      }
    }
  }), /*#__PURE__*/_react.default.createElement(&quot;img&quot;, {
    alt: alt,
    src: src,
    style: style
  })))), overlay &amp;&amp; children &amp;&amp; /*#__PURE__*/_react.default.createElement(_overlay.default, null, /*#__PURE__*/_react.default.createElement(_overlayBar.default, (0, _extends2.default)({
    gap: 1,
    position: &quot;bottom&quot;
  }, OverlayBarProps), text &amp;&amp; /*#__PURE__*/_react.default.createElement(_overlayBarText.default, null, text), children)));
};
GalleryImage.propTypes = {
  alt: _propTypes.default.string,
  src: _propTypes.default.string,
  text: _propTypes.default.string,
  children: _propTypes.default.node,
  BoxProps: _propTypes.default.object,
  OverlayBarProps: _propTypes.default.object,
  aspectRatio: _propTypes.default.oneOf(aspectRatios),
  variant: _propTypes.default.oneOf([&#039;contained&#039;, &#039;thumbnail&#039;]),
  numImagesInRow: _propTypes.default.number,
  overlay: _propTypes.default.bool,
  onSelectChange: _propTypes.default.func,
  checkboxColor: _propTypes.default.string,
  initialChecked: _propTypes.default.bool,
  isLoading: _propTypes.default.bool
};
Gallery.Image = GalleryImage;
var _default = exports[&quot;default&quot;] = Gallery;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js&quot;:
/*!*******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js ***!
  \*******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _refreshIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/refresh-icon */ &quot;../modules/ai/assets/js/editor/icons/refresh-icon.js&quot;));
var GenerateAgainSubmit = function GenerateAgainSubmit(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    fullWidth: true,
    type: &quot;submit&quot;,
    variant: &quot;contained&quot;,
    color: &quot;secondary&quot;,
    startIcon: /*#__PURE__*/_react.default.createElement(_refreshIcon.default, null),
    sx: {
      // TODO: Remove on @elementor/ui 1.4.51.
      color: &#039;background.paper&#039;
    }
  }, props), (0, _i18n.__)(&#039;Generate again&#039;, &#039;elementor&#039;));
};
var _default = exports[&quot;default&quot;] = GenerateAgainSubmit;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-images-submit.js&quot;:
/*!********************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/generate-images-submit.js ***!
  \********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _generateButton = _interopRequireDefault(__webpack_require__(/*! ../../../components/generate-button */ &quot;../modules/ai/assets/js/editor/components/generate-button.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _voicePromotionAlert = _interopRequireDefault(__webpack_require__(/*! ../../../components/voice-promotion-alert */ &quot;../modules/ai/assets/js/editor/components/voice-promotion-alert.js&quot;));
var GenerateImagesSubmit = function GenerateImagesSubmit(props) {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_generateButton.default, (0, _extends2.default)({
    size: &quot;medium&quot;,
    fullWidth: true
  }, props), (0, _i18n.__)(&#039;Generate images&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_voicePromotionAlert.default, {
    introductionKey: &quot;ai-context-media-promotion&quot;
  }));
};
var _default = exports[&quot;default&quot;] = GenerateImagesSubmit;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-loader.js&quot;:
/*!*************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/generate-loader.js ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var GenerateLoader = function GenerateLoader() {
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &quot;center&quot;,
    justifyContent: &quot;center&quot;,
    gap: 2,
    width: &quot;100%&quot;
  }, /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
    sx: {
      color: &#039;text.primary&#039;,
      fontSize: &#039;60px&#039;,
      mb: 1
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;h5&quot;,
    sx: {
      color: &#039;text.primary&#039;
    }
  }, (0, _i18n.__)(&#039;Bringing your vision to life...&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body1&quot;
  }, (0, _i18n.__)(&#039;Hold tight, painting dreams might take a moment.&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      px: 1.5,
      py: 2.5,
      width: &#039;100%&#039;,
      maxWidth: 600
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.LinearProgress, {
    color: &quot;inherit&quot;
  })));
};
var _default = exports[&quot;default&quot;] = GenerateLoader;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;:
/*!*************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var GenerateSubmit = function GenerateSubmit(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    fullWidth: true,
    size: &quot;medium&quot;,
    type: &quot;submit&quot;,
    variant: &quot;contained&quot;
  }, props), props.children || (0, _i18n.__)(&#039;Generate&#039;, &#039;elementor&#039;));
};
GenerateSubmit.propTypes = {
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = GenerateSubmit;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-actions.js&quot;:
/*!***********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/image-actions.js ***!
  \***********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _copyIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/copy-icon */ &quot;../modules/ai/assets/js/editor/icons/copy-icon.js&quot;));
var _editIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/edit-icon */ &quot;../modules/ai/assets/js/editor/icons/edit-icon.js&quot;));
var _downloadIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/download-icon */ &quot;../modules/ai/assets/js/editor/icons/download-icon.js&quot;));
var _zoomInIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/zoom-in-icon */ &quot;../modules/ai/assets/js/editor/icons/zoom-in-icon.js&quot;));
var _excluded = [&quot;children&quot;],
  _excluded2 = [&quot;sx&quot;],
  _excluded3 = [&quot;sx&quot;],
  _excluded4 = [&quot;sx&quot;],
  _excluded5 = [&quot;sx&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var StyledEditSvgIcon = (0, _ui.withDirection)(_editIcon.default);
var StyledCopySvgIcon = (0, _ui.withDirection)(_copyIcon.default);
var StyledZoomInIcon = (0, _ui.withDirection)(_zoomInIcon.default);
var Tooltip = function Tooltip(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, (0, _extends2.default)({
    PopperProps: {
      sx: {
        &#039;&amp;.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom&#039;: {
          mt: 1
        }
      }
    }
  }, props));
};
var ImageActions = function ImageActions(_ref) {
  var children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    display: &quot;flex&quot;,
    justifyContent: &quot;space-between&quot;,
    alignItems: &quot;center&quot;,
    width: &quot;100%&quot;,
    gap: 1
  }, props), children);
};
ImageActions.propTypes = {
  children: _propTypes.default.node
};
var UseImage = function UseImage(_ref2) {
  var sx = _ref2.sx,
    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    size: &quot;small&quot;,
    variant: &quot;contained&quot;,
    startIcon: /*#__PURE__*/_react.default.createElement(_downloadIcon.default, null),
    sx: sx
  }, props), (0, _i18n.__)(&#039;Use Image&#039;, &#039;elementor&#039;));
};
UseImage.propTypes = {
  sx: _propTypes.default.object
};
var EditImage = function EditImage(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    startIcon: /*#__PURE__*/_react.default.createElement(StyledEditSvgIcon, null)
  }, props), (0, _i18n.__)(&#039;Edit&#039;, &#039;elementor&#039;));
};
var EditIcon = function EditIcon(_ref3) {
  var _ref3$sx = _ref3.sx,
    sx = _ref3$sx === void 0 ? {} : _ref3$sx,
    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
  return /*#__PURE__*/_react.default.createElement(Tooltip, {
    title: (0, _i18n.__)(&#039;Edit&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, (0, _extends2.default)({
    sx: _objectSpread({
      mr: -1.5,
      ml: 0.5,
      color: &#039;common.white&#039;,
      &#039;&amp;:hover&#039;: {
        color: &#039;common.white&#039;
      }
    }, sx)
  }, props), /*#__PURE__*/_react.default.createElement(StyledEditSvgIcon, null)));
};
EditIcon.propTypes = {
  sx: _propTypes.default.object
};
var ZoomIcon = function ZoomIcon(_ref4) {
  var _ref4$sx = _ref4.sx,
    sx = _ref4$sx === void 0 ? {} : _ref4$sx,
    props = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
  return /*#__PURE__*/_react.default.createElement(Tooltip, {
    title: (0, _i18n.__)(&#039;Zoom&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, (0, _extends2.default)({
    color: &quot;secondary&quot;,
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Zoom&#039;, &#039;elementor&#039;),
    sx: _objectSpread({
      color: &#039;common.white&#039;,
      &#039;&amp;:hover&#039;: {
        color: &#039;common.white&#039;
      }
    }, sx)
  }, props), /*#__PURE__*/_react.default.createElement(StyledZoomInIcon, null)));
};
ZoomIcon.propTypes = {
  sx: _propTypes.default.object
};
var CopyIcon = function CopyIcon(_ref5) {
  var _ref5$sx = _ref5.sx,
    sx = _ref5$sx === void 0 ? {} : _ref5$sx,
    props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
  return /*#__PURE__*/_react.default.createElement(Tooltip, {
    title: (0, _i18n.__)(&#039;Copy prompt&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, (0, _extends2.default)({
    sx: _objectSpread({
      mr: -1.5,
      ml: 0.5,
      color: &#039;common.white&#039;,
      &#039;&amp;:hover&#039;: {
        color: &#039;common.white&#039;
      }
    }, sx)
  }, props), /*#__PURE__*/_react.default.createElement(StyledCopySvgIcon, null)));
};
CopyIcon.propTypes = {
  sx: _propTypes.default.object
};
ImageActions.UseImage = UseImage;
ImageActions.EditImage = EditImage;
ImageActions.EditIcon = EditIcon;
ImageActions.ZoomIcon = ZoomIcon;
ImageActions.CopyIcon = CopyIcon;
var _default = exports[&quot;default&quot;] = ImageActions;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;:
/*!********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/image-form.js ***!
  \********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;children&quot;];
var ImageForm = function ImageForm(_ref) {
  var children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    component: &quot;form&quot;
  }, props), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    spacing: 2.5
  }, children));
};
ImageForm.propTypes = {
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = ImageForm;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-ratio-select.js&quot;:
/*!****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/image-ratio-select.js ***!
  \****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _promptActionSelection = _interopRequireDefault(__webpack_require__(/*! ../../../components/prompt-action-selection */ &quot;../modules/ai/assets/js/editor/components/prompt-action-selection.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _constants = __webpack_require__(/*! ../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var imageRatios = Object.entries(_constants.IMAGE_ASPECT_RATIO).map(function (_ref) {
  var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
    value = _ref2[0],
    label = _ref2[1].label;
  return {
    label: label,
    value: value
  };
});
var ImageRatioSelect = function ImageRatioSelect(props) {
  return /*#__PURE__*/_react.default.createElement(_promptActionSelection.default, (0, _extends2.default)({
    options: imageRatios,
    wrapperStyle: {
      width: &#039;100%&#039;
    },
    label: (0, _i18n.__)(&#039;Aspect ratio&#039;, &#039;elementor&#039;)
  }, props));
};
var _default = exports[&quot;default&quot;] = ImageRatioSelect;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-slider.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/image-slider.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _chevronLeftIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/chevron-left-icon */ &quot;../modules/ai/assets/js/editor/icons/chevron-left-icon.js&quot;));
var _chevronRightIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/chevron-right-icon */ &quot;../modules/ai/assets/js/editor/icons/chevron-right-icon.js&quot;));
var _excluded = [&quot;onPrev&quot;, &quot;onNext&quot;, &quot;children&quot;],
  _excluded2 = [&quot;children&quot;, &quot;startAction&quot;, &quot;sx&quot;],
  _excluded3 = [&quot;src&quot;, &quot;alt&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var StyledChevronLeftIcon = (0, _ui.withDirection)(_chevronLeftIcon.default);
var StyledChevronRightIcon = (0, _ui.withDirection)(_chevronRightIcon.default);
var ImageSlider = function ImageSlider(_ref) {
  var onPrev = _ref.onPrev,
    onNext = _ref.onNext,
    children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, (0, _extends2.default)({
    alignItems: &quot;flex-start&quot;,
    spacing: 0.5
  }, props), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    spacing: 2.5,
    alignSelf: &quot;center&quot;,
    alignItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    onClick: onPrev,
    size: &quot;large&quot;,
    color: &quot;secondary&quot;
  }, /*#__PURE__*/_react.default.createElement(StyledChevronLeftIcon, null)), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    spacing: 0.5,
    justifyContent: &quot;space-around&quot;,
    alignItems: &quot;center&quot;
  }, children), /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
    onClick: onNext,
    size: &quot;large&quot;,
    color: &quot;secondary&quot;
  }, /*#__PURE__*/_react.default.createElement(StyledChevronRightIcon, null))));
};
ImageSlider.propTypes = {
  onPrev: _propTypes.default.func.isRequired,
  onNext: _propTypes.default.func.isRequired,
  children: _propTypes.default.node.isRequired
};
var Actions = function Actions(_ref2) {
  var children = _ref2.children,
    startAction = _ref2.startAction,
    _ref2$sx = _ref2.sx,
    sx = _ref2$sx === void 0 ? {} : _ref2$sx,
    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    display: &quot;flex&quot;,
    justifyContent: &quot;flex-end&quot;,
    alignItems: &quot;center&quot;,
    width: &quot;100%&quot;
  }, props, {
    sx: _objectSpread({
      mb: 1.5
    }, sx)
  }), startAction, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    spacing: 2,
    justifyContent: &quot;flex-end&quot;,
    flexGrow: 1,
    width: &quot;100%&quot;
  }, children));
};
Actions.propTypes = {
  sx: _propTypes.default.object,
  startAction: _propTypes.default.node,
  children: _propTypes.default.node.isRequired
};
var Image = function Image(_ref3) {
  var src = _ref3.src,
    _ref3$alt = _ref3.alt,
    alt = _ref3$alt === void 0 ? &#039;&#039; : _ref3$alt,
    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    display: &quot;flex&quot;,
    justifyContent: &quot;center&quot;,
    alignItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(&quot;img&quot;, (0, _extends2.default)({
    src: src,
    alt: alt
  }, props)));
};
Image.propTypes = {
  alt: _propTypes.default.string,
  src: _propTypes.default.string.isRequired
};
ImageSlider.Actions = Actions;
ImageSlider.Image = Image;
var _default = exports[&quot;default&quot;] = ImageSlider;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-style-select.js&quot;:
/*!****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/image-style-select.js ***!
  \****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _promptActionSelection = _interopRequireDefault(__webpack_require__(/*! ../../../components/prompt-action-selection */ &quot;../modules/ai/assets/js/editor/components/prompt-action-selection.js&quot;));
var _constants = __webpack_require__(/*! ../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var _excluded = [&quot;type&quot;];
var ImageStyleSelect = function ImageStyleSelect(_ref) {
  var _IMAGE_PROMPT_CATEGOR;
  var _ref$type = _ref.type,
    type = _ref$type === void 0 ? &#039;&#039; : _ref$type,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  // The image styles are determined by the selected type.
  var imageStyles = Object.entries(((_IMAGE_PROMPT_CATEGOR = _constants.IMAGE_PROMPT_CATEGORIES[type]) === null || _IMAGE_PROMPT_CATEGOR === void 0 ? void 0 : _IMAGE_PROMPT_CATEGOR.subCategories) || {}).map(function (_ref2) {
    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
      value = _ref3[0],
      label = _ref3[1];
    return {
      label: label,
      value: value
    };
  });
  return /*#__PURE__*/_react.default.createElement(_promptActionSelection.default, (0, _extends2.default)({
    options: imageStyles,
    wrapperStyle: {
      width: &#039;100%&#039;
    },
    label: (0, _i18n.__)(&#039;Style&#039;, &#039;elementor&#039;)
  }, props));
};
ImageStyleSelect.propTypes = {
  type: _propTypes.default.string.isRequired
};
var _default = exports[&quot;default&quot;] = ImageStyleSelect;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-type-select.js&quot;:
/*!***************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/image-type-select.js ***!
  \***************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _promptActionSelection = _interopRequireDefault(__webpack_require__(/*! ../../../components/prompt-action-selection */ &quot;../modules/ai/assets/js/editor/components/prompt-action-selection.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _constants = __webpack_require__(/*! ../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _useIntroduction2 = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-introduction */ &quot;../modules/ai/assets/js/editor/hooks/use-introduction.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var StyledNewChip = (0, _ui.styled)(_ui.Chip)(function () {
  return {
    &#039;&amp; .MuiChip-label&#039;: {
      fontSize: &#039;0.75rem&#039;,
      fontWeight: &#039;normal&#039;
    }
  };
});
var showLabel = function showLabel(label, key, isViewed, markAsViewed) {
  if (isViewed) {
    return {
      label: label,
      value: key
    };
  }
  return {
    label: /*#__PURE__*/_react.default.createElement(_ui.Stack, {
      direction: &quot;row&quot;,
      width: &quot;100%&quot;,
      justifyContent: &quot;space-between&quot;,
      alignItems: &quot;center&quot;
    }, label, /*#__PURE__*/_react.default.createElement(StyledNewChip, {
      label: &quot;New&quot;,
      color: &quot;info&quot;,
      variant: &quot;standard&quot;,
      size: &quot;tiny&quot;
    })),
    value: key,
    onClick: function onClick() {
      return markAsViewed();
    }
  };
};
var changeImageType = function changeImageType(e, props, markVectorAsViewed) {
  if (&#039;vector&#039; === e.target.value) {
    markVectorAsViewed();
  }
  if (props.onChange) {
    props.onChange(e);
  }
};
var ImageTypeSelect = function ImageTypeSelect(props) {
  var _useIntroduction = (0, _useIntroduction2.default)(&#039;e-ai-image-vector-option&#039;),
    isVectorViewed = _useIntroduction.isViewed,
    markVectorAsViewed = _useIntroduction.markAsViewed;
  var imageTypesWithNewChip = Object.entries(_constants.IMAGE_PROMPT_CATEGORIES).map(function (_ref) {
    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
      key = _ref2[0],
      label = _ref2[1].label;
    if (&#039;vector&#039; === key) {
      return showLabel(label, key, isVectorViewed, markVectorAsViewed);
    }
    return {
      label: label,
      value: key
    };
  });
  return /*#__PURE__*/_react.default.createElement(_promptActionSelection.default, (0, _extends2.default)({
    options: imageTypesWithNewChip,
    wrapperStyle: {
      width: &#039;100%&#039;
    },
    label: (0, _i18n.__)(&#039;Image type&#039;, &#039;elementor&#039;)
  }, props, {
    onChange: function onChange(e) {
      changeImageType(e, props, markVectorAsViewed);
    }
  }));
};
ImageTypeSelect.propTypes = {
  onChange: _propTypes.default.func,
  value: _propTypes.default.string,
  disabled: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = ImageTypeSelect;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;:
/*!************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/images-display.js ***!
  \************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _useImageSize2 = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-image-size */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-size.js&quot;));
var _useImageNavigation2 = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-navigation */ &quot;../modules/ai/assets/js/editor/hooks/use-image-navigation.js&quot;));
var _imageSlider = _interopRequireDefault(__webpack_require__(/*! ./image-slider */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-slider.js&quot;));
var _imageActions = _interopRequireDefault(__webpack_require__(/*! ./image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-actions.js&quot;));
var _gallery = _interopRequireDefault(__webpack_require__(/*! ./gallery */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/gallery.js&quot;));
var _backButton = _interopRequireDefault(__webpack_require__(/*! ./back-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/back-button.js&quot;));
var _singleImagePreview = _interopRequireDefault(__webpack_require__(/*! ./single-image-preview */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js&quot;));
var _excluded = [&quot;children&quot;, &quot;sx&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var Container = function Container(_ref) {
  var children = _ref.children,
    _ref$sx = _ref.sx,
    sx = _ref$sx === void 0 ? {} : _ref$sx,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    flexGrow: 1
  }, props, {
    sx: _objectSpread({
      overflowY: &#039;auto&#039;
    }, sx)
  }), children);
};
Container.propTypes = {
  sx: _propTypes.default.object,
  children: _propTypes.default.node
};
var ImagesDisplay = function ImagesDisplay(_ref2) {
  var images = _ref2.images,
    _ref2$aspectRatio = _ref2.aspectRatio,
    aspectRatio = _ref2$aspectRatio === void 0 ? &#039;1:1&#039; : _ref2$aspectRatio,
    _ref2$onUseImage = _ref2.onUseImage,
    onUseImage = _ref2$onUseImage === void 0 ? null : _ref2$onUseImage,
    _ref2$onEditImage = _ref2.onEditImage,
    onEditImage = _ref2$onEditImage === void 0 ? null : _ref2$onEditImage,
    _ref2$transparentCont = _ref2.transparentContainer,
    transparentContainer = _ref2$transparentCont === void 0 ? false : _ref2$transparentCont,
    _ref2$cols = _ref2.cols,
    cols = _ref2$cols === void 0 ? 2 : _ref2$cols,
    _ref2$overlay = _ref2.overlay,
    overlay = _ref2$overlay === void 0 ? true : _ref2$overlay,
    _ref2$onSelectChange = _ref2.onSelectChange,
    onSelectChange = _ref2$onSelectChange === void 0 ? null : _ref2$onSelectChange;
  var _useImageNavigation = (0, _useImageNavigation2.default)(images),
    zoomIndex = _useImageNavigation.zoomIndex,
    setZoomIndex = _useImageNavigation.setZoomIndex,
    actions = _useImageNavigation.actions;
  var _useImageSize = (0, _useImageSize2.default)(aspectRatio),
    width = _useImageSize.width,
    height = _useImageSize.height;
  if (zoomIndex &gt; -1) {
    var currentImage = images[zoomIndex];
    return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_imageSlider.default, {
      onPrev: actions.prev,
      onNext: actions.next
    }, /*#__PURE__*/_react.default.createElement(_imageSlider.default.Actions, {
      startAction: /*#__PURE__*/_react.default.createElement(_backButton.default, {
        onClick: actions.reset
      })
    }, onEditImage &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageActions.default.EditImage, {
      onClick: function onClick() {
        return onEditImage(currentImage);
      }
    }), onUseImage &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageActions.default.UseImage, {
      onClick: function onClick() {
        return onUseImage(currentImage);
      }
    })), /*#__PURE__*/_react.default.createElement(_imageSlider.default.Image, {
      src: currentImage.image_url,
      style: {
        maxWidth: &#039;630px&#039;,
        width: &#039;100%&#039;,
        height: &#039;auto&#039;
      }
    })));
  }
  if (1 === images.length) {
    var image = images[0];
    var singleImageStyle = {
      width: width,
      height: height
    };
    if (transparentContainer) {
      singleImageStyle.backgroundImage = &#039;linear-gradient(45deg, #bbb 25%, transparent 25%), linear-gradient(-45deg, #bbb 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #bbb 75%), linear-gradient(-45deg, transparent 75%, #bbb 75%)&#039;;
      singleImageStyle.backgroundSize = &#039;20px 20px&#039;;
      singleImageStyle.backgroundPosition = &#039;0 0, 0 10px, 10px -10px, -10px 0px&#039;;
    }
    return /*#__PURE__*/_react.default.createElement(Container, {
      flexDirection: &quot;column&quot;
    }, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Image, {
      src: image.image_url || image.url,
      style: singleImageStyle,
      alt: &quot;generated-image&quot;,
      isLoading: image.isLoading
    }, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Actions, null, onEditImage &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageActions.default.EditImage, {
      onClick: function onClick() {
        return onEditImage(image);
      }
    }), onUseImage &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageActions.default.UseImage, {
      onClick: function onClick() {
        return onUseImage(image);
      }
    })))));
  }
  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_gallery.default, {
    cols: cols
  }, images.map(function (image, index) {
    return /*#__PURE__*/_react.default.createElement(_gallery.default.Image, {
      key: &quot;result-&quot;.concat(image.seed),
      alt: &quot;generated-&quot;.concat(index),
      src: image.image_url,
      aspectRatio: aspectRatio,
      &quot;data-testid&quot;: &quot;e-gallery-image&quot;,
      numImagesInRow: cols,
      overlay: overlay,
      onSelectChange: onSelectChange ? function (isChecked) {
        return onSelectChange(image.productId, isChecked);
      } : null,
      checkboxColor: image.checkboxColor,
      initialChecked: image.isChecked,
      isLoading: image.isLoading
    }, /*#__PURE__*/_react.default.createElement(_imageActions.default, null, onUseImage &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageActions.default.UseImage, {
      onClick: function onClick() {
        return onUseImage(image);
      },
      size: &quot;medium&quot;,
      fullWidth: true
    }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
      direction: &quot;row&quot;,
      spacing: 0.25,
      alignItems: &quot;center&quot;
    }, /*#__PURE__*/_react.default.createElement(_imageActions.default.ZoomIcon, {
      onClick: function onClick() {
        return setZoomIndex(index);
      },
      size: &quot;medium&quot;
    }), onEditImage &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageActions.default.EditIcon, {
      onClick: function onClick() {
        return onEditImage(image);
      },
      size: &quot;medium&quot;
    }))));
  })));
};
ImagesDisplay.propTypes = {
  images: _propTypes.default.array,
  aspectRatio: _propTypes.default.string,
  onUseImage: _propTypes.default.func,
  onEditImage: _propTypes.default.func,
  transparentContainer: _propTypes.default.bool,
  cols: _propTypes.default.number,
  overlay: _propTypes.default.bool,
  onSelectChange: _propTypes.default.func
};
ImagesDisplay.Container = Container;
var _default = exports[&quot;default&quot;] = ImagesDisplay;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/new-prompt-button.js&quot;:
/*!***************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/new-prompt-button.js ***!
  \***************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var NewPromptButton = function NewPromptButton(props) {
  return /*#__PURE__*/_react.default.createElement(_ui.Button, (0, _extends2.default)({
    fullWidth: true,
    variant: &quot;text&quot;,
    color: &quot;secondary&quot;
  }, props), (0, _i18n.__)(&#039;New prompt&#039;, &#039;elementor&#039;));
};
var _default = exports[&quot;default&quot;] = NewPromptButton;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/prompt-field.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/prompt-field.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _textarea = _interopRequireDefault(__webpack_require__(/*! ../../../components/textarea */ &quot;../modules/ai/assets/js/editor/components/textarea.js&quot;));
var _enhanceButton = _interopRequireDefault(__webpack_require__(/*! ./enhance-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/enhance-button.js&quot;));
var _usePromptEnhancer2 = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-prompt-enhancer */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt-enhancer.js&quot;));
var _excluded = [&quot;disabled&quot;, &quot;onChange&quot;];
var PromptField = function PromptField(_ref) {
  var disabled = _ref.disabled,
    _onChange = _ref.onChange,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var _usePromptEnhancer = (0, _usePromptEnhancer2.default)(props.value, &#039;media&#039;),
    enhance = _usePromptEnhancer.enhance,
    isEnhancing = _usePromptEnhancer.isEnhancing;
  return /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({
    minRows: 3,
    maxRows: 6,
    InputProps: {
      endAdornment: /*#__PURE__*/_react.default.createElement(_ui.InputAdornment, {
        position: &quot;end&quot;,
        sx: {
          position: &#039;absolute&#039;,
          bottom: &#039;24px&#039;,
          right: &#039;8px&#039;
        }
      }, /*#__PURE__*/_react.default.createElement(_enhanceButton.default, {
        isLoading: isEnhancing,
        disabled: disabled || isEnhancing || !props.value,
        onClick: function onClick() {
          enhance(prompt).then(function (_ref2) {
            var result = _ref2.result;
            return _onChange(result);
          });
        }
      }))
    },
    sx: {
      &#039;&amp; .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline&#039;: {
        pb: 5,
        width: &#039;89%&#039;
      }
    },
    onKeyDown: function onKeyDown(event) {
      if (&#039;Tab&#039; === event.key) {
        event.preventDefault();
        _onChange(props.placeholder);
      }
    }
  }, props, {
    onChange: function onChange(event) {
      return _onChange(event.target.value);
    },
    disabled: disabled || isEnhancing
  }));
};
PromptField.propTypes = {
  value: _propTypes.default.string,
  disabled: _propTypes.default.bool,
  placeholder: _propTypes.default.string,
  onChange: _propTypes.default.func.isRequired
};
var _default = exports[&quot;default&quot;] = PromptField;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js&quot;:
/*!******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js ***!
  \******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;children&quot;],
  _excluded2 = [&quot;children&quot;, &quot;sx&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var SingleImagePreview = function SingleImagePreview(_ref) {
  var children = _ref.children,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    display: &quot;flex&quot;
  }, props), children);
};
SingleImagePreview.propTypes = {
  children: _propTypes.default.node.isRequired
};
var Actions = function Actions(_ref2) {
  var children = _ref2.children,
    _ref2$sx = _ref2.sx,
    sx = _ref2$sx === void 0 ? {} : _ref2$sx,
    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    display: &quot;flex&quot;,
    width: &quot;100%&quot;,
    justifyContent: &quot;flex-end&quot;,
    alignItems: &quot;center&quot;
  }, props, {
    sx: _objectSpread({
      mb: 1.5
    }, sx)
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    spacing: 2,
    justifyContent: &quot;flex-end&quot;,
    width: &quot;100%&quot;
  }, children));
};
Actions.propTypes = {
  sx: _propTypes.default.object,
  children: _propTypes.default.node.isRequired
};
var Image = function Image(_ref3) {
  var src = _ref3.src,
    alt = _ref3.alt,
    _ref3$style = _ref3.style,
    style = _ref3$style === void 0 ? {} : _ref3$style,
    _ref3$isLoading = _ref3.isLoading,
    isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
    children = _ref3.children;
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    margin: &quot;0 auto&quot;
  }, children, isLoading ? /*#__PURE__*/_react.default.createElement(_ui.Skeleton, {
    sx: _objectSpread({
      maxWidth: &#039;100%&#039;,
      width: &#039;auto&#039;,
      maxHeight: &#039;100%&#039;
    }, style),
    animation: &#039;wave&#039;,
    variant: &#039;rounded&#039;
  }) : /*#__PURE__*/_react.default.createElement(&quot;img&quot;, {
    src: src,
    alt: alt,
    style: _objectSpread({
      maxWidth: &#039;100%&#039;,
      width: &#039;auto&#039;,
      maxHeight: &#039;100%&#039;
    }, style)
  }));
};
Image.propTypes = {
  style: _propTypes.default.object,
  children: _propTypes.default.node,
  src: _propTypes.default.string.isRequired,
  alt: _propTypes.default.string.isRequired,
  isLoading: _propTypes.default.bool
};
SingleImagePreview.Actions = Actions;
SingleImagePreview.Image = Image;
var _default = exports[&quot;default&quot;] = SingleImagePreview;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/unsaved-changes-alert.js&quot;:
/*!*******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/unsaved-changes-alert.js ***!
  \*******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _excluded = [&quot;onClose&quot;, &quot;onCancel&quot;];
var UnsavedChangesAlert = function UnsavedChangesAlert(_ref) {
  var onClose = _ref.onClose,
    onCancel = _ref.onCancel,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_ui.Dialog, (0, _extends2.default)({
    sx: {
      zIndex: 200000
    } // Make sure the dialog is above the AI dialog
    ,
    &quot;aria-labelledby&quot;: &quot;unsaved-changes-alert-title&quot;,
    &quot;aria-describedby&quot;: &quot;unsaved-changes-alert-description&quot;
  }, props), /*#__PURE__*/_react.default.createElement(_ui.DialogTitle, {
    id: &quot;unsaved-changes-alert-title&quot;
  }, (0, _i18n.__)(&#039;Leave Elementor AI?&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.DialogContent, null, /*#__PURE__*/_react.default.createElement(_ui.DialogContentText, {
    id: &quot;unsaved-changes-alert-description&quot;
  }, (0, _i18n.__)(&#039;Images will be gone forever and we won’t be able to recover them.&#039;, &#039;elementor&#039;))), /*#__PURE__*/_react.default.createElement(_ui.DialogActions, null, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    onClick: onCancel,
    color: &quot;secondary&quot;
  }, (0, _i18n.__)(&#039;Cancel&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    onClick: onClose,
    color: &quot;error&quot;,
    variant: &quot;contained&quot;
  }, (0, _i18n.__)(&#039;Yes, leave&#039;, &#039;elementor&#039;))));
};
UnsavedChangesAlert.propTypes = {
  onClose: _propTypes.default.func,
  onCancel: _propTypes.default.func
};
var _default = exports[&quot;default&quot;] = UnsavedChangesAlert;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;:
/*!**************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/components/view.js ***!
  \**************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _panel = _interopRequireDefault(__webpack_require__(/*! ../../../components/ui/panel */ &quot;../modules/ai/assets/js/editor/components/ui/panel.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _loader = _interopRequireDefault(__webpack_require__(/*! ../../../components/loader */ &quot;../modules/ai/assets/js/editor/components/loader.js&quot;));
var _generateLoader = _interopRequireDefault(__webpack_require__(/*! ./generate-loader */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-loader.js&quot;));
var _promptErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../../../components/prompt-error-message */ &quot;../modules/ai/assets/js/editor/components/prompt-error-message.js&quot;));
var _backButton = _interopRequireDefault(__webpack_require__(/*! ./back-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/back-button.js&quot;));
var _locationContext = __webpack_require__(/*! ../context/location-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;);
var _globalSettingsContext = __webpack_require__(/*! ../context/global-settings-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-settings-context.js&quot;);
var _usageMessages = _interopRequireDefault(__webpack_require__(/*! ../../../components/usage-messages */ &quot;../modules/ai/assets/js/editor/components/usage-messages.js&quot;));
var _featuresEnum = __webpack_require__(/*! ../../../helpers/features-enum */ &quot;../modules/ai/assets/js/editor/helpers/features-enum.js&quot;);
var _excluded = [&quot;sx&quot;],
  _excluded2 = [&quot;primary&quot;, &quot;secondary&quot;],
  _excluded3 = [&quot;primary&quot;, &quot;secondary&quot;],
  _excluded4 = [&quot;children&quot;],
  _excluded5 = [&quot;isLoading&quot;, &quot;isGenerating&quot;, &quot;children&quot;],
  _excluded6 = [&quot;sx&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var ViewBackButton = function ViewBackButton(_ref) {
  var _ref$sx = _ref.sx,
    sx = _ref$sx === void 0 ? {} : _ref$sx,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var _useLocation = (0, _locationContext.useLocation)(),
    back = _useLocation.back;
  var _useGlobalSettings = (0, _globalSettingsContext.useGlobalSettings)(),
    hideBackButton = _useGlobalSettings.hideBackButton;
  if (hideBackButton) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_backButton.default, (0, _extends2.default)({
    onClick: function onClick(e) {
      e.preventDefault();
      back();
    }
  }, props, {
    sx: _objectSpread({
      mb: 1,
      alignSelf: &#039;flex-start&#039;
    }, sx)
  }));
};
ViewBackButton.propTypes = {
  sx: _propTypes.default.object
};
var PanelHeading = function PanelHeading(_ref2) {
  var primary = _ref2.primary,
    secondary = _ref2.secondary,
    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, (0, _extends2.default)({
    spacing: 1,
    sx: {
      mb: 3
    }
  }, props), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;h4&quot;
  }, primary), secondary &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body1&quot;,
    color: &quot;secondary&quot;
  }, secondary));
};
PanelHeading.propTypes = {
  primary: _propTypes.default.string.isRequired,
  secondary: _propTypes.default.string
};
var ContentHeading = function ContentHeading(_ref3) {
  var primary = _ref3.primary,
    secondary = _ref3.secondary,
    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, (0, _extends2.default)({
    gap: 1.5,
    sx: {
      mb: 3
    }
  }, props), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;h6&quot;
  }, primary), secondary &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;subtitle1&quot;,
    color: &quot;secondary&quot;
  }, secondary));
};
ContentHeading.propTypes = {
  primary: _propTypes.default.string.isRequired,
  secondary: _propTypes.default.string
};
var View = function View(_ref4) {
  var children = _ref4.children,
    props = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    className: &quot;e-ai-dialog-content&quot;,
    display: &quot;flex&quot;,
    sx: {
      overflowY: &#039;auto&#039;,
      position: &#039;relative&#039;
    },
    height: &quot;100%&quot;
  }, props), children);
};
var Content = function Content(_ref5) {
  var _ref5$isLoading = _ref5.isLoading,
    isLoading = _ref5$isLoading === void 0 ? false : _ref5$isLoading,
    _ref5$isGenerating = _ref5.isGenerating,
    isGenerating = _ref5$isGenerating === void 0 ? false : _ref5$isGenerating,
    children = _ref5.children,
    props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
  if (isGenerating) {
    return /*#__PURE__*/_react.default.createElement(_generateLoader.default, null);
  }
  if (isLoading) {
    return /*#__PURE__*/_react.default.createElement(_ui.Box, {
      sx: {
        width: &#039;100%&#039;,
        maxWidth: 600,
        margin: &#039;0 auto&#039;,
        alignSelf: &#039;center&#039;
      }
    }, /*#__PURE__*/_react.default.createElement(_loader.default, {
      color: &quot;inherit&quot;
    }));
  }
  return /*#__PURE__*/_react.default.createElement(_ui.Box, (0, _extends2.default)({
    sx: {
      overflowY: &#039;auto&#039;,
      p: 4
    },
    flexGrow: 1
  }, props), children);
};
Content.propTypes = {
  children: _propTypes.default.node,
  isLoading: _propTypes.default.bool,
  isGenerating: _propTypes.default.bool
};
var ErrorMessage = function ErrorMessage(_ref6) {
  var _ref6$sx = _ref6.sx,
    sx = _ref6$sx === void 0 ? {} : _ref6$sx,
    props = (0, _objectWithoutProperties2.default)(_ref6, _excluded6);
  return /*#__PURE__*/_react.default.createElement(_promptErrorMessage.default, (0, _extends2.default)({
    actionPosition: &quot;bottom&quot;
  }, props, {
    sx: _objectSpread({
      mb: 2.5
    }, sx)
  }));
};
ErrorMessage.propTypes = {
  sx: _propTypes.default.object
};
var ViewPanel = function ViewPanel(props) {
  var _useGlobalSettings2 = (0, _globalSettingsContext.useGlobalSettings)(),
    hasSubscription = _useGlobalSettings2.hasSubscription,
    usagePercentage = _useGlobalSettings2.usagePercentage;
  return /*#__PURE__*/_react.default.createElement(_panel.default, null, /*#__PURE__*/_react.default.createElement(_usageMessages.default, {
    hasSubscription: hasSubscription,
    usagePercentage: usagePercentage,
    sx: {
      mb: 4
    },
    feature: _featuresEnum.FREE_TRIAL_FEATURES_NAMES.IMAGES
  }), props.children);
};
ViewPanel.propTypes = {
  children: _propTypes.default.node
};
View.Panel = ViewPanel;
View.Content = Content;
View.BackButton = ViewBackButton;
View.ErrorMessage = ErrorMessage;
View.PanelHeading = PanelHeading;
View.ContentHeading = ContentHeading;
View.propTypes = {
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = View;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;:
/*!**************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/constants/index.js ***!
  \**************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.LOCATIONS = exports.IMAGE_PROMPT_SETTINGS = exports.IMAGE_PROMPT_CATEGORIES = exports.IMAGE_PLACEHOLDERS_HOSTS = exports.IMAGE_ASPECT_RATIO = exports.FEATURE_IDENTIFIER = exports.AI_EVENTS = void 0;
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var LOCATIONS = exports.LOCATIONS = {
  RESIZE: &#039;resize&#039;,
  GENERATE: &#039;generate&#039;,
  VARIATIONS: &#039;variations&#039;,
  IMAGE_TOOLS: &#039;image-tools&#039;,
  IN_PAINTING: &#039;in-painting&#039;,
  OUT_PAINTING: &#039;out-painting&#039;,
  REMOVE_BACKGROUND: &#039;remove-background&#039;,
  REPLACE_BACKGROUND: &#039;replace-background&#039;,
  REMOVE_TEXT: &#039;remove-text&#039;,
  CLEANUP: &#039;cleanup&#039;,
  PRODUCT_IMAGE_UNIFICATION: &#039;product-image-unification&#039;,
  ISOLATE_OBJECT: &#039;isolate-objects&#039;
};
var IMAGE_PROMPT_SETTINGS = exports.IMAGE_PROMPT_SETTINGS = {
  IMAGE_TYPE: &#039;image_type&#039;,
  IMAGE_STYLE: &#039;style_preset&#039;,
  IMAGE_STRENGTH: &#039;image_strength&#039;,
  IMAGE_RATIO: &#039;ratio&#039;,
  IMAGE_ZOOM: &#039;zoom&#039;,
  IMAGE_UPSCALE: &#039;upscale_to&#039;,
  IMAGE_BACKGROUND_COLOR: &#039;background_color&#039;
};
var FEATURE_IDENTIFIER = exports.FEATURE_IDENTIFIER = {
  ISOLATE_OBJECT: &#039;isolate-object&#039;
};
var IMAGE_PROMPT_CATEGORIES = exports.IMAGE_PROMPT_CATEGORIES = {
  &#039;&#039;: {
    label: (0, _i18n.__)(&#039;None&#039;, &#039;elementor&#039;),
    subCategories: {}
  },
  photographic: {
    label: (0, _i18n.__)(&#039;Photographic&#039;, &#039;elementor&#039;),
    subCategories: {
      &#039;&#039;: (0, _i18n.__)(&#039;None&#039;, &#039;elementor&#039;),
      landscape: (0, _i18n.__)(&#039;Landscape&#039;, &#039;elementor&#039;),
      macro: (0, _i18n.__)(&#039;Macro&#039;, &#039;elementor&#039;),
      portrait: (0, _i18n.__)(&#039;Portrait&#039;, &#039;elementor&#039;),
      &#039;long-exposure&#039;: (0, _i18n.__)(&#039;Long Exposure&#039;, &#039;elementor&#039;),
      product: (0, _i18n.__)(&#039;Product&#039;, &#039;elementor&#039;),
      photorealistic: (0, _i18n.__)(&#039;Photorealistic&#039;, &#039;elementor&#039;)
    }
  },
  vector: {
    label: (0, _i18n.__)(&#039;Vector / Logo&#039;, &#039;elementor&#039;),
    subCategories: {
      &#039;&#039;: (0, _i18n.__)(&#039;None&#039;, &#039;elementor&#039;),
      &#039;typographic-logo&#039;: (0, _i18n.__)(&#039;Typographic Logo&#039;, &#039;elementor&#039;),
      &#039;shape-logo&#039;: (0, _i18n.__)(&#039;Shape Logo&#039;, &#039;elementor&#039;),
      &#039;handwritten-logo&#039;: (0, _i18n.__)(&#039;Handwritten Logo&#039;, &#039;elementor&#039;),
      &#039;line-art-logo&#039;: (0, _i18n.__)(&#039;Line Art Logo&#039;, &#039;elementor&#039;),
      &#039;old-school-logo&#039;: (0, _i18n.__)(&#039;Old School Logo&#039;, &#039;elementor&#039;)
    }
  },
  background: {
    label: (0, _i18n.__)(&#039;Background&#039;, &#039;elementor&#039;),
    subCategories: {
      &#039;&#039;: (0, _i18n.__)(&#039;None&#039;, &#039;elementor&#039;),
      floral: (0, _i18n.__)(&#039;Floral&#039;, &#039;elementor&#039;),
      gradient: (0, _i18n.__)(&#039;Gradient&#039;, &#039;elementor&#039;),
      mosaic: (0, _i18n.__)(&#039;Mosaic&#039;, &#039;elementor&#039;),
      neon: (0, _i18n.__)(&#039;Neon&#039;, &#039;elementor&#039;),
      bokeh: (0, _i18n.__)(&#039;Bokeh&#039;, &#039;elementor&#039;)
    }
  },
  handmade: {
    label: (0, _i18n.__)(&#039;Handmade&#039;, &#039;elementor&#039;),
    subCategories: {
      &#039;&#039;: (0, _i18n.__)(&#039;None&#039;, &#039;elementor&#039;),
      doodle: (0, _i18n.__)(&#039;Doodle&#039;, &#039;elementor&#039;),
      &#039;line-art&#039;: (0, _i18n.__)(&#039;Line Art&#039;, &#039;elementor&#039;),
      &#039;oil-painting&#039;: (0, _i18n.__)(&#039;Oil Painting&#039;, &#039;elementor&#039;),
      &#039;pencil-drawing&#039;: (0, _i18n.__)(&#039;Pencil Drawing&#039;, &#039;elementor&#039;),
      watercolor: (0, _i18n.__)(&#039;Watercolor&#039;, &#039;elementor&#039;)
    }
  },
  &#039;digital-art&#039;: {
    label: (0, _i18n.__)(&#039;Digital Art&#039;, &#039;elementor&#039;),
    subCategories: {
      &#039;&#039;: (0, _i18n.__)(&#039;None&#039;, &#039;elementor&#039;),
      amine: (0, _i18n.__)(&#039;Anime&#039;, &#039;elementor&#039;),
      cartoon: (0, _i18n.__)(&#039;Cartoon&#039;, &#039;elementor&#039;),
      cinematic: (0, _i18n.__)(&#039;Cinematic&#039;, &#039;elementor&#039;),
      &#039;comic-book&#039;: (0, _i18n.__)(&#039;Comic Book&#039;, &#039;elementor&#039;),
      &#039;fantasy-art&#039;: (0, _i18n.__)(&#039;Fantasy Art&#039;, &#039;elementor&#039;),
      isometric: (0, _i18n.__)(&#039;Isometric&#039;, &#039;elementor&#039;),
      vector: (0, _i18n.__)(&#039;Vector&#039;, &#039;elementor&#039;),
      &#039;pixel-art&#039;: (0, _i18n.__)(&#039;Pixel Art&#039;, &#039;elementor&#039;),
      &#039;low-poly&#039;: (0, _i18n.__)(&#039;Low Poly&#039;, &#039;elementor&#039;),
      &#039;neon-punk&#039;: (0, _i18n.__)(&#039;Neon Punk&#039;, &#039;elementor&#039;)
    }
  },
  &#039;3d&#039;: {
    label: (0, _i18n.__)(&#039;3D&#039;, &#039;elementor&#039;),
    subCategories: {
      &#039;&#039;: (0, _i18n.__)(&#039;None&#039;, &#039;elementor&#039;),
      clay: (0, _i18n.__)(&#039;Clay&#039;, &#039;elementor&#039;),
      digital: (0, _i18n.__)(&#039;Digital&#039;, &#039;elementor&#039;),
      origami: (0, _i18n.__)(&#039;Origami&#039;, &#039;elementor&#039;),
      stone: (0, _i18n.__)(&#039;Stone&#039;, &#039;elementor&#039;),
      wood: (0, _i18n.__)(&#039;Wood&#039;, &#039;elementor&#039;)
    }
  }
};
var IMAGE_ASPECT_RATIO = exports.IMAGE_ASPECT_RATIO = {
  &#039;1:1&#039;: {
    width: 512,
    height: 512,
    label: (0, _i18n.__)(&#039;Square&#039;, &#039;elementor&#039;) + &#039; (1:1)&#039;
  },
  &#039;3:2&#039;: {
    width: 640,
    height: 448,
    label: (0, _i18n.__)(&#039;Landscape&#039;, &#039;elementor&#039;) + &#039; (3:2)&#039;
  },
  &#039;4:3&#039;: {
    width: 640,
    height: 448,
    label: (0, _i18n.__)(&#039;Landscape&#039;, &#039;elementor&#039;) + &#039; (4:3)&#039;
  },
  &#039;16:9&#039;: {
    width: 704,
    height: 384,
    label: (0, _i18n.__)(&#039;Landscape&#039;, &#039;elementor&#039;) + &#039; (16:9)&#039;
  },
  &#039;2:3&#039;: {
    width: 448,
    height: 640,
    label: (0, _i18n.__)(&#039;Portrait&#039;, &#039;elementor&#039;) + &#039; (2:3)&#039;
  },
  &#039;3:4&#039;: {
    width: 448,
    height: 640,
    label: (0, _i18n.__)(&#039;Portrait&#039;, &#039;elementor&#039;) + &#039; (3:4)&#039;
  },
  &#039;9:16&#039;: {
    width: 384,
    height: 704,
    label: (0, _i18n.__)(&#039;Portrait&#039;, &#039;elementor&#039;) + &#039; (9:16)&#039;
  }
};
var IMAGE_PLACEHOLDERS_HOSTS = exports.IMAGE_PLACEHOLDERS_HOSTS = {
  WIREFRAME: &#039;gene-\\d+\\.live\\.strattic\\.io&#039;
};
var AI_EVENTS = exports.AI_EVENTS = {
  MODAL_CLOSED: &#039;elementor:ai:modal-closed&#039;,
  SHOW_MODAL: &#039;elementor:ai:show-modal&#039;
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;:
/*!*************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useEditImage = exports.SET_LOADING = exports.SET_ASPECT_RATIO = exports.RESET = exports.EditImageProvider = exports.EditImageContext = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _useImageSize2 = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-image-size */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-size.js&quot;));
var _utils = __webpack_require__(/*! ../utils */ &quot;../modules/ai/assets/js/editor/pages/form-media/utils/index.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var EditImageContext = exports.EditImageContext = (0, _react.createContext)({});
var SET_STATE = &#039;SET_STATE&#039;;
var SET_ASPECT_RATIO = exports.SET_ASPECT_RATIO = &#039;SET_ASPECT_RATIO&#039;;
var SET_LOADING = exports.SET_LOADING = &#039;SET_LOADING&#039;;
var RESET = exports.RESET = &#039;RESET&#039;;
var initialValue = {
  id: &#039;&#039;,
  url: &#039;&#039;,
  isLoading: false,
  aspectRatio: &#039;1:1&#039;
};
var reducer = function reducer(state, _ref) {
  var type = _ref.type,
    payload = _ref.payload;
  switch (type) {
    case SET_STATE:
      return _objectSpread(_objectSpread({}, state), payload);
    case SET_ASPECT_RATIO:
      return _objectSpread(_objectSpread({}, state), {}, {
        aspectRatio: payload
      });
    case SET_LOADING:
      return _objectSpread(_objectSpread({}, state), {}, {
        isLoading: payload
      });
    case RESET:
      return initialValue;
    default:
      throw Error(&#039;Unknown action.&#039;);
  }
};
var EditImageProvider = exports.EditImageProvider = function EditImageProvider(_ref2) {
  var children = _ref2.children,
    imageData = _ref2.imageData;
  var initialData = _objectSpread(_objectSpread({}, initialValue), imageData);
  var _useReducer = (0, _react.useReducer)(reducer, initialData),
    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
    state = _useReducer2[0],
    dispatch = _useReducer2[1];
  return /*#__PURE__*/_react.default.createElement(EditImageContext.Provider, {
    value: {
      state: state,
      dispatch: dispatch
    }
  }, children);
};
EditImageProvider.propTypes = {
  children: _propTypes.default.node,
  imageData: _propTypes.default.object
};
var useEditImage = exports.useEditImage = function useEditImage() {
  var _useContext = (0, _react.useContext)(EditImageContext),
    state = _useContext.state,
    dispatch = _useContext.dispatch;
  var id = state.id,
    url = state.url,
    aspectRatio = state.aspectRatio,
    isLoading = state.isLoading;
  var _useImageSize = (0, _useImageSize2.default)(aspectRatio),
    width = _useImageSize.width,
    height = _useImageSize.height;
  var setEditImage = function setEditImage(payload) {
    return dispatch({
      type: SET_STATE,
      payload: payload
    });
  };
  var setAspectRatio = function setAspectRatio(payload) {
    return dispatch({
      type: SET_ASPECT_RATIO,
      payload: payload
    });
  };
  var reset = function reset() {
    return dispatch({
      type: RESET
    });
  };

  // Getting the aspect ratio of the image.
  (0, _react.useEffect)(function () {
    if (!id) {
      return;
    }
    dispatch({
      type: SET_LOADING,
      payload: true
    });
    var img = new Image();
    img.src = url;
    img.onload = function () {
      var _getAspectRatioSizes = (0, _utils.getAspectRatioSizes)(img.width, img.height),
        ratio = _getAspectRatioSizes.ratio;
      dispatch({
        type: SET_STATE,
        payload: {
          aspectRatio: ratio,
          isLoading: false
        }
      });
    };
  }, [id]);
  return {
    editImage: state,
    isLoading: isLoading,
    aspectRatio: aspectRatio,
    width: width,
    height: height,
    setEditImage: setEditImage,
    setAspectRatio: setAspectRatio,
    reset: reset
  };
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-actions-context.js&quot;:
/*!*****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/context/global-actions-context.js ***!
  \*****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useGlobalActions = exports.GlobalActionsProvider = exports.GlobalActionsContext = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var GlobalActionsContext = exports.GlobalActionsContext = (0, _react.createContext)({});
var GlobalActionsProvider = exports.GlobalActionsProvider = function GlobalActionsProvider(_ref) {
  var actions = _ref.actions,
    children = _ref.children;
  return /*#__PURE__*/_react.default.createElement(GlobalActionsContext.Provider, {
    value: actions
  }, children);
};
GlobalActionsProvider.propTypes = {
  actions: _propTypes.default.object,
  children: _propTypes.default.node
};
var useGlobalActions = exports.useGlobalActions = function useGlobalActions() {
  return (0, _react.useContext)(GlobalActionsContext);
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-settings-context.js&quot;:
/*!******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/context/global-settings-context.js ***!
  \******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useGlobalSettings = exports.GlobalSettingsProvider = exports.GlobalSettingsContext = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var GlobalSettingsContext = exports.GlobalSettingsContext = (0, _react.createContext)({});
var GlobalSettingsProvider = exports.GlobalSettingsProvider = function GlobalSettingsProvider(_ref) {
  var settings = _ref.settings,
    children = _ref.children;
  return /*#__PURE__*/_react.default.createElement(GlobalSettingsContext.Provider, {
    value: settings
  }, children);
};
GlobalSettingsProvider.propTypes = {
  settings: _propTypes.default.object,
  children: _propTypes.default.node
};
var useGlobalSettings = exports.useGlobalSettings = function useGlobalSettings() {
  return (0, _react.useContext)(GlobalSettingsContext);
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;:
/*!***********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/context/location-context.js ***!
  \***********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useLocation = exports.RoutesContext = exports.NAVIGATE = exports.LocationProvider = exports.BACK = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var RoutesContext = exports.RoutesContext = (0, _react.createContext)(null);
var NAVIGATE = exports.NAVIGATE = &#039;NAVIGATE&#039;;
var BACK = exports.BACK = &#039;BACK&#039;;
var initialValue = {
  current: &#039;&#039;,
  history: []
};
var reducer = function reducer(state, _ref) {
  var type = _ref.type,
    payload = _ref.payload;
  switch (type) {
    case NAVIGATE:
      return _objectSpread(_objectSpread({}, state), {}, {
        current: payload,
        history: [].concat((0, _toConsumableArray2.default)(state.history), [payload])
      });
    case BACK:
      return _objectSpread(_objectSpread({}, state), {}, {
        current: state.history[state.history.length - 2],
        history: state.history.slice(0, state.history.length - 1)
      });
    default:
      return state;
  }
};
var LocationProvider = exports.LocationProvider = function LocationProvider(_ref2) {
  var children = _ref2.children;
  var _useReducer = (0, _react.useReducer)(reducer, initialValue),
    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
    state = _useReducer2[0],
    dispatch = _useReducer2[1];
  return /*#__PURE__*/_react.default.createElement(RoutesContext.Provider, {
    value: {
      state: state,
      dispatch: dispatch
    }
  }, children);
};
LocationProvider.propTypes = {
  children: _propTypes.default.node
};
var useLocation = exports.useLocation = function useLocation() {
  var _ref3 = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : {},
    current = _ref3.current;
  var _useContext = (0, _react.useContext)(RoutesContext),
    state = _useContext.state,
    dispatch = _useContext.dispatch;
  var navigate = function navigate(location) {
    dispatch({
      type: NAVIGATE,
      payload: location
    });
  };
  var back = function back() {
    dispatch({
      type: BACK
    });
  };
  (0, _react.useEffect)(function () {
    if (current) {
      navigate(current);
    }
  }, []);
  return {
    current: state.current,
    history: state.history,
    navigate: navigate,
    back: back
  };
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _editImageContext = __webpack_require__(/*! ../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageUpload2 = _interopRequireDefault(__webpack_require__(/*! ./use-image-upload */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-upload.js&quot;));
var _globalActionsContext = __webpack_require__(/*! ../context/global-actions-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-actions-context.js&quot;);
var _filesUploadHandler = _interopRequireDefault(__webpack_require__(/*! elementor-editor/utils/files-upload-handler */ &quot;../assets/dev/js/editor/utils/files-upload-handler.js&quot;));
var _excluded = [&quot;image&quot;];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var normalizeImageData = function normalizeImageData(imageToUpload) {
  if (!(imageToUpload !== null &amp;&amp; imageToUpload !== void 0 &amp;&amp; imageToUpload.imageUrl)) {
    return imageToUpload;
  }
  return _objectSpread(_objectSpread({}, imageToUpload), {}, {
    image_url: imageToUpload.imageUrl,
    use_gallery_image: true
  });
};
var useImageActions = function useImageActions() {
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage,
    setEditImage = _useEditImage.setEditImage;
  var _useGlobalActions = (0, _globalActionsContext.useGlobalActions)(),
    setControlValue = _useGlobalActions.setControlValue,
    saveAndClose = _useGlobalActions.saveAndClose;
  var _useImageUpload = (0, _useImageUpload2.default)(),
    attachmentData = _useImageUpload.attachmentData,
    isUploading = _useImageUpload.isUploading,
    uploadError = _useImageUpload.uploadError,
    uploadImage = _useImageUpload.upload,
    resetUpload = _useImageUpload.resetUpload;
  var ensureSVGUploading = function ensureSVGUploading(imageUrl) {
    if (!imageUrl) {
      return true;
    }
    var imageExtension = new URL(imageUrl).pathname.split(&#039;.&#039;).pop();
    var isUploadAllowed = window._wpPluploadSettings.defaults.filters.mime_types[0].extensions.split(&#039;,&#039;).includes(imageExtension) || elementorCommon.config.filesUpload.unfilteredFiles;
    if (!isUploadAllowed) {
      var dialog = _filesUploadHandler.default.getUnfilteredFilesNotEnabledDialog(function () {});
      dialog.getElements(&#039;widget&#039;).css(&#039;z-index&#039;, &#039;170001&#039;);
      dialog.show();
    }
    return isUploadAllowed;
  };
  var upload = function upload(imageToUpload, prompt) {
    if (!ensureSVGUploading(imageToUpload.image_url)) {
      return Promise.reject(new Error(&#039;SVG Uploading is not allowed&#039;));
    }
    return uploadImage({
      image: normalizeImageData(imageToUpload),
      prompt: prompt || imageToUpload.prompt
    });
  };
  var getFinalImage = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(imageToUpload, prompt) {
      var isImageAlreadyUploaded, image, _result, result;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            isImageAlreadyUploaded = editImage.url === imageToUpload.url;
            if (!isImageAlreadyUploaded) {
              _context.next = 1;
              break;
            }
            // Removing inner image property to avoid duplicated uploads.
            image = editImage.image, _result = (0, _objectWithoutProperties2.default)(editImage, _excluded);
            return _context.abrupt(&quot;return&quot;, _result);
          case 1:
            _context.next = 2;
            return upload(imageToUpload, prompt);
          case 2:
            result = _context.sent;
            return _context.abrupt(&quot;return&quot;, result === null || result === void 0 ? void 0 : result.image);
          case 3:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function getFinalImage(_x, _x2) {
      return _ref.apply(this, arguments);
    };
  }();
  var edit = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2(imageToUpload, prompt) {
      var result;
      return _regenerator.default.wrap(function (_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            _context2.next = 1;
            return upload(imageToUpload, prompt);
          case 1:
            result = _context2.sent;
            setEditImage(result.image);
          case 2:
          case &quot;end&quot;:
            return _context2.stop();
        }
      }, _callee2);
    }));
    return function edit(_x3, _x4) {
      return _ref2.apply(this, arguments);
    };
  }();
  var use = /*#__PURE__*/function () {
    var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3(imageToUpload, prompt) {
      var result;
      return _regenerator.default.wrap(function (_context3) {
        while (1) switch (_context3.prev = _context3.next) {
          case 0:
            _context3.next = 1;
            return getFinalImage(imageToUpload, prompt);
          case 1:
            result = _context3.sent;
            setControlValue(result);
            saveAndClose();
          case 2:
          case &quot;end&quot;:
            return _context3.stop();
        }
      }, _callee3);
    }));
    return function use(_x5, _x6) {
      return _ref3.apply(this, arguments);
    };
  }();
  var useMultipleImages = /*#__PURE__*/function () {
    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee6(imagesToUpload) {
      var results;
      return _regenerator.default.wrap(function (_context6) {
        while (1) switch (_context6.prev = _context6.next) {
          case 0:
            _context6.next = 1;
            return Promise.all(imagesToUpload.map(/*#__PURE__*/function () {
              var _ref5 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee4(img) {
                return _regenerator.default.wrap(function (_context4) {
                  while (1) switch (_context4.prev = _context4.next) {
                    case 0:
                      _context4.next = 1;
                      return getFinalImage(img, null)
                      // eslint-disable-next-line no-unused-vars
                      .catch(function (_) {
                        return null;
                      });
                    case 1:
                      return _context4.abrupt(&quot;return&quot;, _context4.sent);
                    case 2:
                    case &quot;end&quot;:
                      return _context4.stop();
                  }
                }, _callee4);
              }));
              return function (_x8) {
                return _ref5.apply(this, arguments);
              };
            }()));
          case 1:
            results = _context6.sent;
            _context6.next = 2;
            return Promise.all(results.filter(function (result) {
              return result;
            }).map(/*#__PURE__*/function () {
              var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee5(result) {
                return _regenerator.default.wrap(function (_context5) {
                  while (1) switch (_context5.prev = _context5.next) {
                    case 0:
                      _context5.next = 1;
                      return setControlValue(result);
                    case 1:
                      return _context5.abrupt(&quot;return&quot;, _context5.sent);
                    case 2:
                    case &quot;end&quot;:
                      return _context5.stop();
                  }
                }, _callee5);
              }));
              return function (_x9) {
                return _ref6.apply(this, arguments);
              };
            }()));
          case 2:
          case &quot;end&quot;:
            return _context6.stop();
        }
      }, _callee6);
    }));
    return function useMultipleImages(_x7) {
      return _ref4.apply(this, arguments);
    };
  }();
  return {
    use: use,
    edit: edit,
    reset: resetUpload,
    error: uploadError,
    data: attachmentData,
    isLoading: isUploading,
    useMultipleImages: useMultipleImages
  };
};
var _default = exports[&quot;default&quot;] = useImageActions;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _usePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-prompt.js&quot;));
var _globalActionsContext = __webpack_require__(/*! ../context/global-actions-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-actions-context.js&quot;);
var useImagePrompt = function useImagePrompt() {
  var promptData = _usePrompt.default.apply(void 0, arguments);
  var _useGlobalActions = (0, _globalActionsContext.useGlobalActions)(),
    setHasUnsavedChanges = _useGlobalActions.setHasUnsavedChanges,
    state = _useGlobalActions.state;
  (0, _react.useEffect)(function () {
    var _promptData$data;
    if ((_promptData$data = promptData.data) !== null &amp;&amp; _promptData$data !== void 0 &amp;&amp; _promptData$data.result) {
      // Updating the hasUnsavedChanges global state that will trigger the unsaved changes dialog.
      setHasUnsavedChanges(true);
    }
  }, [promptData.data]);
  (0, _react.useEffect)(function () {
    if (state.isAllSaved) {
      promptData.sendUsageData();
    }
  }, [state.isAllSaved]);
  return promptData;
};
var _default = exports[&quot;default&quot;] = useImagePrompt;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-size.js&quot;:
/*!*******************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-size.js ***!
  \*******************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _constants = __webpack_require__(/*! ../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var useImageSize = function useImageSize(aspectRatio) {
  var _IMAGE_ASPECT_RATIO$a = _constants.IMAGE_ASPECT_RATIO[aspectRatio],
    width = _IMAGE_ASPECT_RATIO$a.width,
    height = _IMAGE_ASPECT_RATIO$a.height;
  return {
    width: width,
    height: height
  };
};
var _default = exports[&quot;default&quot;] = useImageSize;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-upload.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-upload.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _api = __webpack_require__(/*! ../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var useImageUpload = function useImageUpload() {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isUploading = _useState2[0],
    setIsUploading = _useState2[1];
  var _useState3 = (0, _react.useState)(&#039;&#039;),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    uploadError = _useState4[0],
    setUploadError = _useState4[1];
  var _useState5 = (0, _react.useState)({}),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    attachmentData = _useState6[0],
    setAttachmentData = _useState6[1];
  var upload = function upload(_ref) {
    var image = _ref.image,
      prompt = _ref.prompt;
    return new Promise(function (resolve, reject) {
      setUploadError(&#039;&#039;);
      setAttachmentData({});
      setIsUploading(true);
      (0, _api.uploadImage)({
        image: image,
        prompt: prompt
      }).then(function (result) {
        setAttachmentData(result);
        resolve(result);
      }).catch(function (err) {
        var error = (err === null || err === void 0 ? void 0 : err.responseText) || err;
        setUploadError(error);
        reject(error);
      }).finally(function () {
        return setIsUploading(false);
      });
    });
  };
  var resetUpload = function resetUpload() {
    setUploadError(&#039;&#039;);
    setAttachmentData({});
    setIsUploading(false);
  };
  return {
    upload: upload,
    resetUpload: resetUpload,
    isUploading: isUploading,
    uploadError: uploadError,
    attachmentData: attachmentData
  };
};
var _default = exports[&quot;default&quot;] = useImageUpload;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;:
/*!************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js ***!
  \************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = exports.IMAGE_ZOOM = exports.IMAGE_UPSCALE = exports.IMAGE_TYPE = exports.IMAGE_STYLE = exports.IMAGE_STRENGTH = exports.IMAGE_RATIO = exports.IMAGE_BACKGROUND_COLOR = void 0;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _constants = __webpack_require__(/*! ../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var IMAGE_TYPE = exports.IMAGE_TYPE = _constants.IMAGE_PROMPT_SETTINGS.IMAGE_TYPE,
  IMAGE_STYLE = exports.IMAGE_STYLE = _constants.IMAGE_PROMPT_SETTINGS.IMAGE_STYLE,
  IMAGE_STRENGTH = exports.IMAGE_STRENGTH = _constants.IMAGE_PROMPT_SETTINGS.IMAGE_STRENGTH,
  IMAGE_RATIO = exports.IMAGE_RATIO = _constants.IMAGE_PROMPT_SETTINGS.IMAGE_RATIO,
  IMAGE_ZOOM = exports.IMAGE_ZOOM = _constants.IMAGE_PROMPT_SETTINGS.IMAGE_ZOOM,
  IMAGE_UPSCALE = exports.IMAGE_UPSCALE = _constants.IMAGE_PROMPT_SETTINGS.IMAGE_UPSCALE,
  IMAGE_BACKGROUND_COLOR = exports.IMAGE_BACKGROUND_COLOR = _constants.IMAGE_PROMPT_SETTINGS.IMAGE_BACKGROUND_COLOR;
var DEFAULT_TYPE = &#039;&#039;;
var DEFAULT_STYLE = &#039;&#039;;
var DEFAULT_STRENGTH = 0;
var DEFAULT_RATIO = &#039;1:1&#039;;
var DEFAULT_ZOOM = &#039;1&#039;;
var DEFAULT_UPSCALE = &#039;512&#039;;
var DEFAULT_COLOR = &#039;#FFFFFF&#039;;
var usePromptSettings = function usePromptSettings() {
  var _ref = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : {},
    _ref$type = _ref.type,
    type = _ref$type === void 0 ? DEFAULT_TYPE : _ref$type,
    _ref$style = _ref.style,
    style = _ref$style === void 0 ? DEFAULT_STYLE : _ref$style,
    _ref$imageWeight = _ref.imageWeight,
    imageWeight = _ref$imageWeight === void 0 ? DEFAULT_STRENGTH : _ref$imageWeight,
    _ref$aspectRatio = _ref.aspectRatio,
    aspectRatio = _ref$aspectRatio === void 0 ? DEFAULT_RATIO : _ref$aspectRatio,
    _ref$zoom = _ref.zoom,
    zoom = _ref$zoom === void 0 ? DEFAULT_ZOOM : _ref$zoom,
    _ref$upScaleTo = _ref.upScaleTo,
    upScaleTo = _ref$upScaleTo === void 0 ? DEFAULT_UPSCALE : _ref$upScaleTo,
    _ref$bgColor = _ref.bgColor,
    bgColor = _ref$bgColor === void 0 ? DEFAULT_COLOR : _ref$bgColor;
  var _useState = (0, _react.useState)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, IMAGE_TYPE, type), IMAGE_STYLE, style), IMAGE_STRENGTH, imageWeight), IMAGE_RATIO, aspectRatio), IMAGE_ZOOM, zoom), IMAGE_UPSCALE, upScaleTo), IMAGE_BACKGROUND_COLOR, bgColor)),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    settings = _useState2[0],
    setSettings = _useState2[1];
  var updateSettings = function updateSettings(updated) {
    return setSettings(function (prev) {
      return _objectSpread(_objectSpread({}, prev), updated);
    });
  };
  var resetSettings = function resetSettings() {
    setSettings((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, IMAGE_TYPE, type), IMAGE_STYLE, DEFAULT_STYLE), IMAGE_STRENGTH, DEFAULT_STRENGTH), IMAGE_RATIO, aspectRatio), IMAGE_ZOOM, DEFAULT_ZOOM), IMAGE_UPSCALE, DEFAULT_UPSCALE), IMAGE_BACKGROUND_COLOR, bgColor));
  };
  return {
    settings: settings,
    updateSettings: updateSettings,
    resetSettings: resetSettings
  };
};
var _default = exports[&quot;default&quot;] = usePromptSettings;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/index.js&quot;:
/*!****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/index.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _locationContext = __webpack_require__(/*! ./context/location-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;);
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _promptDialog = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-dialog */ &quot;../modules/ai/assets/js/editor/components/prompt-dialog.js&quot;));
var _mediaOutlet = _interopRequireDefault(__webpack_require__(/*! ./media-outlet */ &quot;../modules/ai/assets/js/editor/pages/form-media/media-outlet.js&quot;));
var _unsavedChangesAlert = _interopRequireDefault(__webpack_require__(/*! ./components/unsaved-changes-alert */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/unsaved-changes-alert.js&quot;));
var _editImageContext = __webpack_require__(/*! ./context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _globalActionsContext = __webpack_require__(/*! ./context/global-actions-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-actions-context.js&quot;);
var _globalSettingsContext = __webpack_require__(/*! ./context/global-settings-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-settings-context.js&quot;);
var _promptHistory = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-history */ &quot;../modules/ai/assets/js/editor/components/prompt-history/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var initialData = {
  isAllSaved: false,
  hasUnsavedChanges: false
};
var SET_UNSAVED_CHANGES = &#039;SET_UNSAVED_CHANGES&#039;;
var SAVE_AND_CLOSE = &#039;SAVE_AND_CLOSE&#039;;
var reducer = function reducer(state, _ref) {
  var type = _ref.type,
    payload = _ref.payload;
  switch (type) {
    case SET_UNSAVED_CHANGES:
      return _objectSpread(_objectSpread({}, state), {}, {
        hasUnsavedChanges: payload,
        isAllSaved: payload ? false : state.isAllSaved
      });
    case SAVE_AND_CLOSE:
      return _objectSpread(_objectSpread({}, state), {}, {
        isAllSaved: true,
        hasUnsavedChanges: false
      });
    default:
      throw Error(&#039;Unknown action.&#039;);
  }
};
var FormMedia = function FormMedia(_ref2) {
  var onClose = _ref2.onClose,
    DialogProps = _ref2.DialogProps,
    getControlValue = _ref2.getControlValue,
    setControlValue = _ref2.setControlValue,
    additionalOptions = _ref2.additionalOptions,
    maybeRenderUpgradeChip = _ref2.maybeRenderUpgradeChip,
    hasSubscription = _ref2.hasSubscription,
    usagePercentage = _ref2.usagePercentage;
  var _useReducer = (0, _react.useReducer)(reducer, initialData),
    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
    state = _useReducer2[0],
    dispatch = _useReducer2[1];
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    showUnsavedChangeAlert = _useState2[0],
    setShowUnsavedChangeAlert = _useState2[1];
  var setHasUnsavedChanges = function setHasUnsavedChanges(payload) {
    return dispatch({
      type: SET_UNSAVED_CHANGES,
      payload: payload
    });
  };
  var saveAndClose = function saveAndClose() {
    return dispatch({
      type: SAVE_AND_CLOSE
    });
  };
  var onCloseIntent = function onCloseIntent() {
    if (state.hasUnsavedChanges) {
      setShowUnsavedChangeAlert(true);
      return;
    }
    onClose();
  };
  var editImageInitialData = getControlValue() === (additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.defaultValue) ? {} : getControlValue();
  var globalSettings = {
    initialImageType: (additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.defaultImageType) || &#039;&#039;,
    hasSubscription: hasSubscription,
    usagePercentage: usagePercentage,
    hideBackButton: additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.hideBackButton
  };
  var globalActions = {
    state: state,
    getControlValue: getControlValue,
    setControlValue: setControlValue,
    saveAndClose: saveAndClose,
    close: onCloseIntent,
    setHasUnsavedChanges: setHasUnsavedChanges
  };
  (0, _react.useEffect)(function () {
    if (state.isAllSaved) {
      // Closing the app only once the state was updated, to allow registered effects to take place before closing.
      onClose();
    }
  }, [state.isAllSaved]);
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_promptDialog.default, (0, _extends2.default)({
    id: &quot;e-form-media&quot;,
    onClose: function onClose() {
      return onCloseIntent();
    },
    maxWidth: &quot;lg&quot;
  }, DialogProps), /*#__PURE__*/_react.default.createElement(_promptDialog.default.Header, {
    onClose: function onClose() {
      return onCloseIntent();
    },
    hideAiBetaLogo: additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.hideAiBetaLogo
  }, !additionalOptions.withoutHistory &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptHistory.default, null), maybeRenderUpgradeChip()), /*#__PURE__*/_react.default.createElement(_ui.Divider, null), /*#__PURE__*/_react.default.createElement(_globalSettingsContext.GlobalSettingsProvider, {
    settings: globalSettings
  }, /*#__PURE__*/_react.default.createElement(_globalActionsContext.GlobalActionsProvider, {
    actions: globalActions
  }, /*#__PURE__*/_react.default.createElement(_locationContext.LocationProvider, null, /*#__PURE__*/_react.default.createElement(_editImageContext.EditImageProvider, {
    imageData: editImageInitialData
  }, /*#__PURE__*/_react.default.createElement(_mediaOutlet.default, {
    additionalOptions: additionalOptions,
    onClose: onClose
  })))))), showUnsavedChangeAlert &amp;&amp; /*#__PURE__*/_react.default.createElement(_unsavedChangesAlert.default, {
    onClose: onClose,
    onCancel: function onCancel() {
      return setShowUnsavedChangeAlert(false);
    },
    open: true
  }));
};
FormMedia.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  DialogProps: _propTypes.default.object,
  getControlValue: _propTypes.default.func.isRequired,
  setControlValue: _propTypes.default.func.isRequired,
  additionalOptions: _propTypes.default.object,
  credits: _propTypes.default.number,
  maybeRenderUpgradeChip: _propTypes.default.func,
  hasSubscription: _propTypes.default.bool,
  usagePercentage: _propTypes.default.number
};
var _default = exports[&quot;default&quot;] = FormMedia;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/media-outlet.js&quot;:
/*!***********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/media-outlet.js ***!
  \***********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _view = _interopRequireDefault(__webpack_require__(/*! ./components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _loader = _interopRequireDefault(__webpack_require__(/*! ../../components/loader */ &quot;../modules/ai/assets/js/editor/components/loader.js&quot;));
var _constants = __webpack_require__(/*! ./constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var _generate = _interopRequireDefault(__webpack_require__(/*! ./views/generate */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/generate/index.js&quot;));
var _imageTools = _interopRequireDefault(__webpack_require__(/*! ./views/image-tools */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/image-tools/index.js&quot;));
var _resize = _interopRequireDefault(__webpack_require__(/*! ./views/resize */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/resize/index.js&quot;));
var _inPainting = _interopRequireDefault(__webpack_require__(/*! ./views/in-painting */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/in-painting/index.js&quot;));
var _outPainting = _interopRequireDefault(__webpack_require__(/*! ./views/out-painting */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/out-painting/index.js&quot;));
var _variations = _interopRequireDefault(__webpack_require__(/*! ./views/variations */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/variations/index.js&quot;));
var _replaceBackground = _interopRequireDefault(__webpack_require__(/*! ./views/replace-background */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/replace-background/index.js&quot;));
var _removeBackground = _interopRequireDefault(__webpack_require__(/*! ./views/remove-background */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/remove-background/index.js&quot;));
var _cleanup = _interopRequireDefault(__webpack_require__(/*! ./views/cleanup */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/cleanup/index.js&quot;));
var _locationContext = __webpack_require__(/*! ./context/location-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;);
var _editImageContext = __webpack_require__(/*! ./context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _promptHistoryActionContext = __webpack_require__(/*! ../../components/prompt-history/context/prompt-history-action-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-action-context.js&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _useTextToImage = _interopRequireDefault(__webpack_require__(/*! ./views/generate/hooks/use-text-to-image */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/generate/hooks/use-text-to-image.js&quot;));
var _productImageUnification = _interopRequireDefault(__webpack_require__(/*! ./views/product-image-unification */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/index.js&quot;));
var _isolateObjects = _interopRequireDefault(__webpack_require__(/*! ./views/isolate-objects */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/isolate-objects/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var MediaOutlet = function MediaOutlet(_ref) {
  var _ref$additionalOption = _ref.additionalOptions,
    additionalOptions = _ref$additionalOption === void 0 ? null : _ref$additionalOption,
    _ref$onClose = _ref.onClose,
    onClose = _ref$onClose === void 0 ? null : _ref$onClose;
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage;
  var _useLocation = (0, _locationContext.useLocation)({
      current: (additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.location) || _constants.LOCATIONS.GENERATE
    }),
    current = _useLocation.current,
    navigate = _useLocation.navigate;
  (0, _react.useEffect)(function () {
    var hasExplicitLocation = (additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.location) &amp;&amp; additionalOptions.location !== _constants.LOCATIONS.GENERATE;
    if (hasExplicitLocation) {
      navigate(additionalOptions.location);
      return;
    }
    if (editImage.url) {
      var wireframeHostRegex = new RegExp(_constants.IMAGE_PLACEHOLDERS_HOSTS.WIREFRAME);
      var isWireframeHost = wireframeHostRegex.test(new URL(editImage.url).host);
      if (isWireframeHost) {
        navigate(_constants.LOCATIONS.GENERATE);
      } else if (&#039;url&#039; === editImage.source || editImage.id) {
        navigate(_constants.LOCATIONS.IMAGE_TOOLS);
      } else {
        navigate(_constants.LOCATIONS.GENERATE);
      }
    }
  }, [editImage.id, editImage.url, editImage.source, additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.location]);
  (0, _promptHistoryActionContext.useSubscribeOnPromptHistoryAction)([{
    type: _promptHistoryActionContext.ACTION_TYPES.RESTORE,
    handler: function handler() {
      if (current !== _constants.LOCATIONS.GENERATE) {
        navigate(_constants.LOCATIONS.GENERATE);
      }
    }
  }]);
  if (!current) {
    return /*#__PURE__*/_react.default.createElement(_view.default, {
      alignItems: &quot;center&quot;
    }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
  }
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, current === _constants.LOCATIONS.GENERATE &amp;&amp; /*#__PURE__*/_react.default.createElement(_generate.default, {
    textToImageHook: additionalOptions !== null &amp;&amp; additionalOptions !== void 0 &amp;&amp; additionalOptions.textToImageHook ? additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.textToImageHook : _useTextToImage.default,
    predefinedPrompt: additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.predefinedPrompt,
    initialSettings: additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.initialSettings
  }), current === _constants.LOCATIONS.IMAGE_TOOLS &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageTools.default, null), current === _constants.LOCATIONS.VARIATIONS &amp;&amp; /*#__PURE__*/_react.default.createElement(_variations.default, null), current === _constants.LOCATIONS.IN_PAINTING &amp;&amp; /*#__PURE__*/_react.default.createElement(_inPainting.default, null), current === _constants.LOCATIONS.OUT_PAINTING &amp;&amp; /*#__PURE__*/_react.default.createElement(_outPainting.default, null), current === _constants.LOCATIONS.RESIZE &amp;&amp; /*#__PURE__*/_react.default.createElement(_resize.default, null), current === _constants.LOCATIONS.REPLACE_BACKGROUND &amp;&amp; /*#__PURE__*/_react.default.createElement(_replaceBackground.default, null), current === _constants.LOCATIONS.REMOVE_BACKGROUND &amp;&amp; /*#__PURE__*/_react.default.createElement(_removeBackground.default, null), current === _constants.LOCATIONS.CLEANUP &amp;&amp; /*#__PURE__*/_react.default.createElement(_cleanup.default, null), current === _constants.LOCATIONS.PRODUCT_IMAGE_UNIFICATION &amp;&amp; /*#__PURE__*/_react.default.createElement(_productImageUnification.default, {
    onClose: onClose
  }), current === _constants.LOCATIONS.ISOLATE_OBJECT &amp;&amp; /*#__PURE__*/_react.default.createElement(_isolateObjects.default, null));
};
var _default = exports[&quot;default&quot;] = MediaOutlet;
MediaOutlet.propTypes = {
  additionalOptions: _propTypes.default.object,
  onClose: _propTypes.default.func
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/utils/index.js&quot;:
/*!**********************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/utils/index.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.getAspectRatioSizes = exports.fetchImageAsBase64 = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _constants = __webpack_require__(/*! ../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var getAspectRatioSizes = exports.getAspectRatioSizes = function getAspectRatioSizes(width, height) {
  var aspectRatios = Object.keys(_constants.IMAGE_ASPECT_RATIO);
  var targetRatio = width / height;
  var closestRatio = aspectRatios[0];
  var minDiff = Infinity;
  aspectRatios.forEach(function (ratio) {
    var _ratio$split$map = ratio.split(&#039;:&#039;).map(Number),
      _ratio$split$map2 = (0, _slicedToArray2.default)(_ratio$split$map, 2),
      w = _ratio$split$map2[0],
      h = _ratio$split$map2[1];
    var diff = Math.abs(targetRatio - w / h);
    if (diff &lt; minDiff) {
      minDiff = diff;
      closestRatio = ratio;
    }
  });
  return _objectSpread({
    ratio: closestRatio
  }, _constants.IMAGE_ASPECT_RATIO[closestRatio]);
};
var fetchImageAsBase64 = exports.fetchImageAsBase64 = /*#__PURE__*/function () {
  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(url) {
    var response, blob, reader, _t;
    return _regenerator.default.wrap(function (_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          _context.prev = 0;
          _context.next = 1;
          return fetch(url);
        case 1:
          response = _context.sent;
          _context.next = 2;
          return response.blob();
        case 2:
          blob = _context.sent;
          reader = new FileReader();
          return _context.abrupt(&quot;return&quot;, new Promise(function (resolve, reject) {
            reader.onloadend = function () {
              resolve(reader.result);
            };
            reader.onerror = reject;
            reader.readAsDataURL(blob);
          }));
        case 3:
          _context.prev = 3;
          _t = _context[&quot;catch&quot;](0);
          throw _t;
        case 4:
        case &quot;end&quot;:
          return _context.stop();
      }
    }, _callee, null, [[0, 3]]);
  }));
  return function fetchImageAsBase64(_x) {
    return _ref.apply(this, arguments);
  };
}();

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/cleanup/cleanup-content.js&quot;:
/*!****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/cleanup/cleanup-content.js ***!
  \****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _reactSketchCanvas = __webpack_require__(/*! react-sketch-canvas */ &quot;../node_modules/react-sketch-canvas/dist/react-sketch-canvas.esm.js&quot;);
var _undoIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/undo-icon */ &quot;../modules/ai/assets/js/editor/icons/undo-icon.js&quot;));
var _redoIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/redo-icon */ &quot;../modules/ai/assets/js/editor/icons/redo-icon.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var STROKE_SELECT_WIDTH = 120;
var BRUSH_COLOR = &#039;rgba(255, 255, 255)&#039;;
var CANVAS_COLOR = &#039;rgba(0, 0, 0)&#039;;
var StyledUndoIcon = (0, _ui.withDirection)(_undoIcon.default);
var StyledRedoIcon = (0, _ui.withDirection)(_redoIcon.default);
var BrushCursor = (0, _ui.styled)(_ui.Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return &#039;size&#039; === prop;
  }
})(function (_ref) {
  var theme = _ref.theme,
    size = _ref.size;
  return {
    position: &#039;absolute&#039;,
    width: size,
    height: size,
    borderRadius: &#039;50%&#039;,
    backgroundColor: BRUSH_COLOR,
    pointerEvents: &#039;none&#039;,
    transform: &quot;translate(&quot;.concat(&#039;rtl&#039; === theme.direction ? &#039;50%&#039; : &#039;-50%&#039;, &quot;, -50%)&quot;),
    border: &quot;1px solid #fff&quot;
  };
});
var BrishSizeIcon = (0, _ui.styled)(_ui.Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return &#039;size&#039; === prop;
  }
})(function (_ref2) {
  var theme = _ref2.theme,
    size = _ref2.size;
  return {
    width: size / 2,
    height: size / 2,
    borderRadius: &#039;50%&#039;,
    backgroundColor: theme.palette.secondary.main
  };
});
var CleanupContent = function CleanupContent(_ref3) {
  var editImage = _ref3.editImage,
    setMask = _ref3.setMask,
    setIsCanvasChanged = _ref3.setIsCanvasChanged,
    canvasWidth = _ref3.width,
    canvasHeight = _ref3.height;
  var sketchRef = (0, _react.useRef)();
  var _useState = (0, _react.useState)(30),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    stroke = _useState2[0],
    setStroke = _useState2[1];
  var brushCursorRef = (0, _react.useRef)();
  (0, _react.useEffect)(function () {
    var canvas = document.querySelector(&#039;.eui-in-painting-canvas&#039;);

    // The BrushCursor should follow the mouse position but should stay only inside the canvas.
    var positionElement = function positionElement(e) {
      var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
        left = _canvas$getBoundingCl.left,
        top = _canvas$getBoundingCl.top,
        width = _canvas$getBoundingCl.width,
        height = _canvas$getBoundingCl.height;
      var x = e.clientX - left;
      var y = e.clientY - top;
      if (x &gt; 0 &amp;&amp; x &lt; width &amp;&amp; y &gt; 0 &amp;&amp; y &lt; height) {
        brushCursorRef.current.style.left = &quot;&quot;.concat(x, &quot;px&quot;);
        brushCursorRef.current.style.top = &quot;&quot;.concat(y, &quot;px&quot;);
      }
    };
    window.addEventListener(&#039;mousemove&#039;, positionElement);
    return function () {
      window.removeEventListener(&#039;mousemove&#039;, positionElement);
    };
  }, [stroke]);
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &quot;flex-start&quot;,
    spacing: 0.5,
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    width: &quot;100%&quot;,
    direction: &quot;row&quot;,
    spacing: 3,
    alignSelf: &quot;center&quot;,
    justifyContent: &quot;center&quot;,
    sx: {
      mb: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    gap: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
    title: (0, _i18n.__)(&#039;Undo&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;outlined&quot;,
    color: &quot;secondary&quot;,
    onClick: function onClick() {
      return sketchRef.current.undo();
    },
    sx: {
      px: 0
    }
  }, /*#__PURE__*/_react.default.createElement(StyledUndoIcon, null))), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
    title: (0, _i18n.__)(&#039;Redo&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;outlined&quot;,
    color: &quot;secondary&quot;,
    onClick: function onClick() {
      return sketchRef.current.redo();
    },
    sx: {
      px: 0
    }
  }, /*#__PURE__*/_react.default.createElement(StyledRedoIcon, null)))), /*#__PURE__*/_react.default.createElement(_ui.FormControl, {
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    sx: {
      minWidth: STROKE_SELECT_WIDTH
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.InputLabel, {
    id: &quot;stroke&quot;
  }, &quot;Stroke&quot;), /*#__PURE__*/_react.default.createElement(_ui.Select, {
    autoWidth: true,
    label: &quot;Stroke&quot;,
    value: stroke,
    id: &quot;demo-simple-select&quot;,
    labelId: &quot;demo-simple-select-label&quot;,
    onChange: function onChange(e) {
      return setStroke(e.target.value);
    },
    MenuProps: {
      PaperProps: {
        sx: {
          maxWidth: STROKE_SELECT_WIDTH
        }
      },
      MenuListProps: {
        sx: {
          minWidth: STROKE_SELECT_WIDTH
        }
      }
    },
    sx: {
      &#039;&amp; .MuiSelect-select .MuiListItemIcon-root&#039;: {
        mr: 0.25,
        width: &#039;initial&#039;,
        minWidth: &#039;initial&#039;,
        justifyContent: &#039;flex-start&#039;
      }
    }
  }, [10, 20, 30, 40, 50].map(function (value) {
    return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
      key: &#039;stroke-width-option-&#039; + value,
      value: value
    }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
      direction: &quot;row&quot;,
      alignItems: &quot;center&quot;,
      gap: 1
    }, /*#__PURE__*/_react.default.createElement(_ui.ListItemIcon, {
      sx: {
        width: 30,
        display: &#039;flex&#039;,
        justifyContent: &#039;center&#039;
      }
    }, /*#__PURE__*/_react.default.createElement(BrishSizeIcon, {
      size: value
    })), /*#__PURE__*/_react.default.createElement(_ui.ListItemText, null, value)));
  })))), /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    style: {
      margin: &#039;0 auto&#039;,
      position: &#039;relative&#039;,
      cursor: &#039;none&#039;,
      overflow: &#039;hidden&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(BrushCursor, {
    ref: brushCursorRef,
    size: stroke
  }), /*#__PURE__*/_react.default.createElement(_reactSketchCanvas.ReactSketchCanvas, {
    className: &quot;eui-in-painting-canvas&quot;,
    withViewBox: true,
    ref: sketchRef,
    height: canvasHeight + &#039;px&#039;,
    width: canvasWidth + &#039;px&#039;,
    strokeWidth: stroke,
    strokeColor: BRUSH_COLOR,
    canvasColor: CANVAS_COLOR,
    backgroundImage: editImage.url,
    onStroke: function onStroke() {
      return setIsCanvasChanged(true);
    },
    onChange: /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
      var svg;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 1;
            return sketchRef.current.exportSvg();
          case 1:
            svg = _context.sent;
            setMask(svg);
          case 2:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }))
  })));
};
CleanupContent.propTypes = {
  setMask: _propTypes.default.func.isRequired,
  setIsCanvasChanged: _propTypes.default.func.isRequired,
  width: _propTypes.default.number.isRequired,
  height: _propTypes.default.number.isRequired,
  editImage: _propTypes.default.object.isRequired
};
var _default = exports[&quot;default&quot;] = CleanupContent;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/cleanup/hooks/use-cleanup.js&quot;:
/*!******************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/cleanup/hooks/use-cleanup.js ***!
  \******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useCleanup = function useCleanup(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageMaskCleanup)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useCleanup;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/cleanup/index.js&quot;:
/*!******************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/cleanup/index.js ***!
  \******************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _cleanupContent = _interopRequireDefault(__webpack_require__(/*! ./cleanup-content */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/cleanup/cleanup-content.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _generateAgainSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-again-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js&quot;));
var _newPromptButton = _interopRequireDefault(__webpack_require__(/*! ../../components/new-prompt-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/new-prompt-button.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _usePromptSettings2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _useCleanup2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-cleanup */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/cleanup/hooks/use-cleanup.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Cleanup = function Cleanup() {
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useState = (0, _react.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    mask = _useState2[0],
    setMask = _useState2[1];
  var _useState3 = (0, _react.useState)(false),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    isCanvasChanged = _useState4[0],
    setIsCanvasChanged = _useState4[1];
  var _usePromptSettings = (0, _usePromptSettings2.default)(),
    settings = _usePromptSettings.settings,
    resetSettings = _usePromptSettings.resetSettings;
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage,
    width = _useEditImage.width,
    height = _useEditImage.height;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var _useCleanup = (0, _useCleanup2.default)(),
    data = _useCleanup.data,
    send = _useCleanup.send,
    isGenerating = _useCleanup.isLoading,
    error = _useCleanup.error,
    reset = _useCleanup.reset;
  var isLoading = isGenerating || isUploading;
  var handleSubmit = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(event) {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            event.preventDefault();
            setGenerate();
            send({
              settings: settings,
              image: editImage,
              mask: mask
            });
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function handleSubmit(_x) {
      return _ref.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Cleanup&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Remove unwanted area from your image.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_generateAgainSubmit.default, {
    disabled: isLoading
  }), /*#__PURE__*/_react.default.createElement(_newPromptButton.default, {
    disabled: isLoading,
    onClick: function onClick() {
      resetSettings();
      reset();
    }
  })) : /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading || !isCanvasChanged
  }))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    images: data.result,
    aspectRatio: editImage.aspectRatio,
    onUseImage: use,
    onEditImage: edit
  }) : /*#__PURE__*/_react.default.createElement(_cleanupContent.default, {
    editImage: editImage,
    width: width,
    height: height,
    setMask: setMask,
    setIsCanvasChanged: setIsCanvasChanged
  })));
};
var _default = exports[&quot;default&quot;] = Cleanup;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/generate/hooks/use-suggested-images.js&quot;:
/*!****************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/generate/hooks/use-suggested-images.js ***!
  \****************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var _useImagesPreload2 = _interopRequireDefault(__webpack_require__(/*! ../../../../../hooks/use-images-preload */ &quot;../modules/ai/assets/js/editor/hooks/use-images-preload.js&quot;));
var shuffleImages = function shuffleImages(images) {
  return images.map(function (image) {
    return [Math.random(), image];
  }).sort(function (_ref, _ref2) {
    var _ref3 = (0, _slicedToArray2.default)(_ref, 1),
      a = _ref3[0];
    var _ref4 = (0, _slicedToArray2.default)(_ref2, 1),
      b = _ref4[0];
    return a - b;
  }).map(function (_ref5) {
    var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
      image = _ref6[1];
    return image;
  });
};
var checkImageTypeIgnoreStyle = function checkImageTypeIgnoreStyle(imageType, selectedType) {
  var _imageType$split = imageType.split(&#039;/&#039;),
    _imageType$split2 = (0, _slicedToArray2.default)(_imageType$split, 1),
    imageTypeFilter = _imageType$split2[0];
  return imageTypeFilter === selectedType;
};
var useSuggestedImages = function useSuggestedImages(_ref7) {
  var selectedType = _ref7.selectedType;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isLoading = _useState2[0],
    setIsLoading = _useState2[1];
  var _useState3 = (0, _react.useState)({
      images: []
    }),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    data = _useState4[0],
    setImagesState = _useState4[1];
  var _useImagesPreload = (0, _useImagesPreload2.default)(),
    ready = _useImagesPreload.ready,
    preloadImages = _useImagesPreload.preloadImages;
  var imagesData = (0, _react.useMemo)(function () {
    var shuffledImages = shuffleImages(data.images);
    if (!selectedType) {
      return shuffledImages;
    }
    var categoryImages = shuffledImages.filter(function (_ref8) {
      var imageType = _ref8.imageType;
      return checkImageTypeIgnoreStyle(imageType, selectedType);
    });

    // Some categories don&#039;t have images, so we TEMPORARILY fallback to the shuffled images.
    return categoryImages.length ? categoryImages : shuffledImages;
  }, [selectedType, data]);
  var fetchImages = function fetchImages() {
    setIsLoading(true);
    fetch(&#039;https://my.elementor.com/ai/images-prompt-gallery/ai-gallery.json&#039;).then(function (response) {
      return response.json();
    }).then(function (json) {
      return setImagesState(json);
    })
    // eslint-disable-next-line no-console
    .catch(function (e) {
      return console.log(e.message);
    }).finally(function () {
      return setIsLoading(false);
    });
  };
  (0, _react.useEffect)(function () {
    if (0 === (data === null || data === void 0 ? void 0 : data.images.length)) {
      fetchImages();
      return;
    }
    preloadImages(data.images.map(function (_ref9) {
      var thumbnailUrl = _ref9.thumbnailUrl;
      return thumbnailUrl;
    }));
  }, [data]);
  return {
    imagesData: imagesData,
    isLoading: !ready || isLoading
  };
};
var _default = exports[&quot;default&quot;] = useSuggestedImages;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/generate/hooks/use-text-to-image.js&quot;:
/*!*************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/generate/hooks/use-text-to-image.js ***!
  \*************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useTextToImage = function useTextToImage(initialValue) {
  return (0, _useImagePrompt.default)(_api.getTextToImageGeneration, initialValue);
};
var _default = exports[&quot;default&quot;] = useTextToImage;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/generate/index.js&quot;:
/*!*******************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/generate/index.js ***!
  \*******************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _gallery = _interopRequireDefault(__webpack_require__(/*! ../../components/gallery */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/gallery.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _promptField = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-field */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/prompt-field.js&quot;));
var _imageTypeSelect = _interopRequireDefault(__webpack_require__(/*! ../../components/image-type-select */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-type-select.js&quot;));
var _imageStyleSelect = _interopRequireDefault(__webpack_require__(/*! ../../components/image-style-select */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-style-select.js&quot;));
var _imageRatioSelect = _interopRequireDefault(__webpack_require__(/*! ../../components/image-ratio-select */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-ratio-select.js&quot;));
var _generateAgainSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-again-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js&quot;));
var _newPromptButton = _interopRequireDefault(__webpack_require__(/*! ../../components/new-prompt-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/new-prompt-button.js&quot;));
var _generateImagesSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-images-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-images-submit.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _imageActions = _interopRequireDefault(__webpack_require__(/*! ../../components/image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-actions.js&quot;));
var _usePromptSettings2 = _interopRequireWildcard(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _useSuggestedImages2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-suggested-images */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/generate/hooks/use-suggested-images.js&quot;));
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _globalSettingsContext = __webpack_require__(/*! ../../context/global-settings-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/global-settings-context.js&quot;);
var _promptHistoryActionContext = __webpack_require__(/*! ../../../../components/prompt-history/context/prompt-history-action-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-action-context.js&quot;);
var _promptLibraryLink = _interopRequireDefault(__webpack_require__(/*! ../../../../components/prompt-library-link */ &quot;../modules/ai/assets/js/editor/components/prompt-library-link.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _imagesPlaceholder = _interopRequireDefault(__webpack_require__(/*! ../variations/components/images-placeholder */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/variations/components/images-placeholder.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var getPromptPlaceholder = function getPromptPlaceholder(images) {
  if (!(images !== null &amp;&amp; images !== void 0 &amp;&amp; images.length)) {
    return (0, _i18n.__)(&#039;describe your image&#039;, &#039;elementor&#039;);
  }
  var randomImage = images[Math.floor(Math.random() * images.length)];
  return randomImage.prompt;
};
var Generate = function Generate(_ref) {
  var textToImageHook = _ref.textToImageHook,
    _ref$predefinedPrompt = _ref.predefinedPrompt,
    predefinedPrompt = _ref$predefinedPrompt === void 0 ? &#039;&#039; : _ref$predefinedPrompt,
    _ref$initialSettings = _ref.initialSettings,
    initialSettings = _ref$initialSettings === void 0 ? {} : _ref$initialSettings;
  var _useState = (0, _react.useState)(predefinedPrompt),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    prompt = _useState2[0],
    setPrompt = _useState2[1];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useGlobalSettings = (0, _globalSettingsContext.useGlobalSettings)(),
    initialImageType = _useGlobalSettings.initialImageType;
  var _usePromptSettings = (0, _usePromptSettings2.default)(_objectSpread({
      type: initialImageType
    }, initialSettings)),
    settings = _usePromptSettings.settings,
    updateSettings = _usePromptSettings.updateSettings,
    resetSettings = _usePromptSettings.resetSettings;
  var _useSuggestedImages = (0, _useSuggestedImages2.default)({
      selectedType: settings[_usePromptSettings2.IMAGE_TYPE]
    }),
    suggestedImages = _useSuggestedImages.imagesData,
    isPreloading = _useSuggestedImages.isLoading;
  var promptPlaceholder = getPromptPlaceholder(suggestedImages);
  var _textToImageHook = textToImageHook({}),
    generatedImages = _textToImageHook.data,
    setResult = _textToImageHook.setResult,
    send = _textToImageHook.send,
    isGenerating = _textToImageHook.isLoading,
    error = _textToImageHook.error,
    reset = _textToImageHook.reset;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var isLoading = isPreloading || isGenerating || isUploading;

  // The aspect ratio in the content view should only be updated when the generated images are updated.
  var generateAspectRatio = (0, _react.useMemo)(function () {
    return settings[_usePromptSettings2.IMAGE_RATIO];
  }, [generatedImages === null || generatedImages === void 0 ? void 0 : generatedImages.result]);
  var handleSubmit = function handleSubmit(event) {
    event.preventDefault();
    setGenerate();
    if (!settings[_usePromptSettings2.IMAGE_STYLE]) {
      settings[_usePromptSettings2.IMAGE_STYLE] = &#039;general&#039;;
    }
    send({
      prompt: prompt,
      settings: settings
    });
  };
  var handleCopyPrompt = function handleCopyPrompt(_ref2) {
    var selectedPrompt = _ref2.prompt,
      imageType = _ref2.imageType;
    setPrompt(selectedPrompt);
    var _imageType$split = imageType.split(&#039;/&#039;),
      _imageType$split2 = (0, _slicedToArray2.default)(_imageType$split, 2),
      type = _imageType$split2[0],
      style = _imageType$split2[1];
    updateSettings((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_TYPE, type), _usePromptSettings2.IMAGE_STYLE, style));
  };
  (0, _promptHistoryActionContext.useSubscribeOnPromptHistoryAction)([{
    type: _promptHistoryActionContext.ACTION_TYPES.RESTORE,
    handler: function handler(action) {
      var _action$data, _action$data2, _action$data3, _action$data4;
      handleCopyPrompt({
        prompt: (_action$data = action.data) === null || _action$data === void 0 ? void 0 : _action$data.prompt,
        imageType: ((_action$data2 = action.data) === null || _action$data2 === void 0 ? void 0 : _action$data2.imageType) || &#039;&#039;
      });
      updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_RATIO, (_action$data3 = action.data) === null || _action$data3 === void 0 ? void 0 : _action$data3.ratio));
      setResult((_action$data4 = action.data) === null || _action$data4 === void 0 ? void 0 : _action$data4.images, action.id);
    }
  }]);
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Imagine anything create everything&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Generate images by selecting the desired type and style, and entering a prompt.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_promptField.default, {
    &quot;data-testid&quot;: &quot;e-image-prompt&quot;,
    value: prompt,
    disabled: isLoading,
    placeholder: promptPlaceholder,
    onChange: setPrompt
  }), /*#__PURE__*/_react.default.createElement(_imageTypeSelect.default, {
    disabled: isLoading,
    value: settings[_usePromptSettings2.IMAGE_TYPE],
    onChange: function onChange(event) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_TYPE, event.target.value));
    }
  }), /*#__PURE__*/_react.default.createElement(_imageStyleSelect.default, {
    type: settings[_usePromptSettings2.IMAGE_TYPE],
    value: settings[_usePromptSettings2.IMAGE_STYLE],
    disabled: isLoading || !settings[_usePromptSettings2.IMAGE_TYPE] || false,
    onChange: function onChange(event) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_STYLE, event.target.value));
    }
  }), /*#__PURE__*/_react.default.createElement(_imageRatioSelect.default, {
    disabled: isLoading,
    value: settings[_usePromptSettings2.IMAGE_RATIO],
    onChange: function onChange(event) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_RATIO, event.target.value));
    }
  }), generatedImages !== null &amp;&amp; generatedImages !== void 0 &amp;&amp; generatedImages.result ? /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_generateAgainSubmit.default, {
    disabled: isLoading || &#039;&#039; === prompt
  }), /*#__PURE__*/_react.default.createElement(_newPromptButton.default, {
    disabled: isLoading,
    onClick: function onClick() {
      resetSettings();
      setPrompt(&#039;&#039;);
      reset();
    }
  })) : /*#__PURE__*/_react.default.createElement(_generateImagesSubmit.default, {
    disabled: isLoading || &#039;&#039; === prompt
  }))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isLoading: isPreloading || isUploading,
    isGenerating: isGenerating
  }, generatedImages !== null &amp;&amp; generatedImages !== void 0 &amp;&amp; generatedImages.result ? /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    images: generatedImages === null || generatedImages === void 0 ? void 0 : generatedImages.result,
    aspectRatio: generateAspectRatio,
    onUseImage: use,
    onEditImage: edit
  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, predefinedPrompt ? /*#__PURE__*/_react.default.createElement(_imagesPlaceholder.default, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_view.default.ContentHeading, {
    primary: (0, _i18n.__)(&#039;Spark your imagination with images generated by our community&#039;, &#039;elementor&#039;)
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    sx: {
      mb: 3
    }
  }, /*#__PURE__*/_react.default.createElement(_promptLibraryLink.default, {
    libraryLink: &quot;https://go.elementor.com/ai-prompt-library-image/&quot;
  })), /*#__PURE__*/_react.default.createElement(_gallery.default, {
    cols: 3
  }, suggestedImages === null || suggestedImages === void 0 ? void 0 : suggestedImages.map(function (suggestedPrompt) {
    return /*#__PURE__*/_react.default.createElement(_gallery.default.Image, {
      variant: &quot;thumbnail&quot;,
      key: suggestedPrompt.prompt,
      alt: suggestedPrompt.prompt,
      text: suggestedPrompt.prompt,
      src: suggestedPrompt.thumbnailUrl
    }, /*#__PURE__*/_react.default.createElement(_imageActions.default, null, /*#__PURE__*/_react.default.createElement(_imageActions.default.UseImage, {
      onClick: function onClick() {
        return use(suggestedPrompt);
      },
      fullWidth: true
    }), /*#__PURE__*/_react.default.createElement(_imageActions.default.CopyIcon, {
      onClick: function onClick() {
        return handleCopyPrompt(suggestedPrompt);
      }
    }), /*#__PURE__*/_react.default.createElement(_imageActions.default.EditIcon, {
      onClick: function onClick() {
        return edit(suggestedPrompt);
      }
    })));
  }))))));
};
Generate.propTypes = {
  predefinedPrompt: _propTypes.default.string,
  textToImageHook: _propTypes.default.func,
  initialSettings: _propTypes.default.object
};
var _default = exports[&quot;default&quot;] = Generate;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/image-tools/image-tools-content.js&quot;:
/*!************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/image-tools/image-tools-content.js ***!
  \************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _singleImagePreview = _interopRequireDefault(__webpack_require__(/*! ../../components/single-image-preview */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _imageActions = _interopRequireDefault(__webpack_require__(/*! ../../components/image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-actions.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var ImageToolsContent = function ImageToolsContent() {
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage,
    width = _useEditImage.width,
    height = _useEditImage.height;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use;
  return /*#__PURE__*/_react.default.createElement(_singleImagePreview.default, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Image, {
    src: editImage.url,
    style: {
      width: width,
      height: height
    },
    alt: editImage.alt || (0, _i18n.__)(&#039;Image preview&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Actions, null, /*#__PURE__*/_react.default.createElement(_imageActions.default.UseImage, {
    onClick: function onClick() {
      return use(editImage);
    }
  }))));
};
var _default = exports[&quot;default&quot;] = ImageToolsContent;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/image-tools/image-tools-panel.js&quot;:
/*!**********************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/image-tools/image-tools-panel.js ***!
  \**********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _expandIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/expand-icon */ &quot;../modules/ai/assets/js/editor/icons/expand-icon.js&quot;));
var _brushIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/brush-icon */ &quot;../modules/ai/assets/js/editor/icons/brush-icon.js&quot;));
var _evolveIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/evolve-icon */ &quot;../modules/ai/assets/js/editor/icons/evolve-icon.js&quot;));
var _enlargerIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/enlarger-icon */ &quot;../modules/ai/assets/js/editor/icons/enlarger-icon.js&quot;));
var _removeBg = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/remove-bg */ &quot;../modules/ai/assets/js/editor/icons/remove-bg.js&quot;));
var _replaceBg = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/replace-bg */ &quot;../modules/ai/assets/js/editor/icons/replace-bg.js&quot;));
var _cleanupIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/cleanup-icon */ &quot;../modules/ai/assets/js/editor/icons/cleanup-icon.js&quot;));
var _isolateObjectIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/isolate-object-icon */ &quot;../modules/ai/assets/js/editor/icons/isolate-object-icon.js&quot;));
var _constants = __webpack_require__(/*! ../../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var _locationContext = __webpack_require__(/*! ../../context/location-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;);
var _useIntroduction2 = _interopRequireDefault(__webpack_require__(/*! ../../../../hooks/use-introduction */ &quot;../modules/ai/assets/js/editor/hooks/use-introduction.js&quot;));
var TeaserDrawing = function TeaserDrawing() {
  return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, {
    viewBox: &quot;0 0 184 80&quot;,
    sx: {
      width: 184,
      height: 80
    }
  }, /*#__PURE__*/_react.default.createElement(&quot;g&quot;, {
    clipPath: &quot;url(#clip0_3127_96542)&quot;
  }, /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M49.6014 1.36364C49.6014 0.610521 48.9907 0 48.2373 0C47.4839 0 46.8731 0.610521 46.8731 1.36364C46.8731 1.9664 46.6336 2.54448 46.2072 2.9707C45.7808 3.39692 45.2025 3.63636 44.5995 3.63636C43.8461 3.63636 43.2354 4.24689 43.2354 5C43.2354 5.75311 43.8461 6.36364 44.5995 6.36364C45.2025 6.36364 45.7808 6.60308 46.2072 7.0293C46.6336 7.45552 46.8731 8.0336 46.8731 8.63636C46.8731 9.38948 47.4839 10 48.2373 10C48.9907 10 49.6014 9.38948 49.6014 8.63636C49.6014 8.0336 49.8409 7.45552 50.2673 7.0293C50.6937 6.60308 51.272 6.36364 51.875 6.36364C52.6284 6.36364 53.2392 5.75311 53.2392 5C53.2392 4.24689 52.6284 3.63636 51.875 3.63636C51.272 3.63636 50.6937 3.39692 50.2673 2.9707C49.8409 2.54448 49.6014 1.9664 49.6014 1.36364ZM48.1364 4.89917C48.1706 4.86501 48.2042 4.83041 48.2373 4.79538C48.2703 4.83041 48.304 4.86501 48.3381 4.89917C48.3723 4.93333 48.4069 4.96694 48.4419 5C48.4069 5.03306 48.3723 5.06667 48.3381 5.10083C48.304 5.13499 48.2703 5.16959 48.2373 5.20462C48.2042 5.16959 48.1706 5.13499 48.1364 5.10083C48.1022 5.06667 48.0676 5.03306 48.0326 5C48.0676 4.96694 48.1022 4.93333 48.1364 4.89917Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M66.6927 22.3677C66.6927 21.6177 66.082 21.0098 65.3286 21.0098C64.5752 21.0098 63.9644 21.6177 63.9644 22.3677C63.9644 22.9679 63.7249 23.5436 63.2985 23.968C62.8721 24.3924 62.2938 24.6309 61.6908 24.6309C60.9374 24.6309 60.3267 25.2388 60.3267 25.9888C60.3267 26.7387 60.9374 27.3467 61.6908 27.3467C62.2938 27.3467 62.8721 27.5851 63.2985 28.0096C63.7249 28.434 63.9644 29.0096 63.9644 29.6099C63.9644 30.3598 64.5752 30.9678 65.3286 30.9678C66.082 30.9678 66.6927 30.3598 66.6927 29.6099C66.6927 29.0096 66.9323 28.434 67.3586 28.0096C67.785 27.5851 68.3633 27.3467 68.9663 27.3467C69.7197 27.3467 70.3305 26.7387 70.3305 25.9888C70.3305 25.2388 69.7197 24.6309 68.9663 24.6309C68.3633 24.6309 67.785 24.3924 67.3586 23.968C66.9323 23.5436 66.6927 22.9679 66.6927 22.3677ZM65.2277 25.8884C65.2619 25.8544 65.2955 25.8199 65.3286 25.785C65.3616 25.8199 65.3953 25.8544 65.4294 25.8884C65.4636 25.9224 65.4982 25.9559 65.5333 25.9888C65.4982 26.0217 65.4636 26.0552 65.4294 26.0892C65.3953 26.1232 65.3616 26.1577 65.3286 26.1925C65.2955 26.1577 65.2619 26.1232 65.2277 26.0892C65.1935 26.0552 65.1589 26.0217 65.1239 25.9888C65.1589 25.9559 65.1935 25.9224 65.2277 25.8884Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M53.9717 12L57.2198 17.0456L3.24796 51.4731L-0.000164873 46.4275L53.9717 12Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M64.9761 5L68.2242 10.0456L57.2612 17.0387L54.013 11.9931L64.9761 5Z&quot;,
    fill: &quot;#E6E8EA&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M65.7284 9.49923L64.432 7.48537L56.5088 12.5394L57.8052 14.5533L65.7284 9.49923ZM64.9761 5L54.013 11.9931L57.2612 17.0387L68.2242 10.0456L64.9761 5Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M128 41C128 43.7687 121.671 46.2089 112.052 47.6451L114.482 74.7976C114.494 74.8647 114.5 74.9322 114.5 75C114.5 75.0001 114.5 75.0002 114.5 75.0003C114.513 75.1456 114.487 75.2779 114.43 75.3982C113.514 77.9735 103.8 80 91.95 80C79.496 80 69.4 77.7614 69.4 75C69.4 74.8146 69.4456 74.6315 69.5343 74.4513L71.2141 47.5326C62.0087 46.0835 56 43.6977 56 41C56 36.5817 72.1177 33 92 33C111.882 33 128 36.5817 128 41Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M106.685 3.08259C112.562 16.564 109.338 34.1761 106.713 41.4407C106.713 41.4407 105.151 41.9127 100.894 41.9715C96.6371 42.0303 95.0251 41.9866 95.0251 41.4558C95.0252 40.9249 94.6272 34.6461 96.4177 22.3308C98.0343 11.2116 102.692 5.02553 105.448 2.75675C105.865 2.4137 106.47 2.58777 106.685 3.08259Z&quot;,
    fill: &quot;#E6E8EA&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M104.883 4.66783C105.347 4.17219 106.14 4.35208 106.38 4.9873C108.716 11.1748 109.254 18.1507 108.889 24.5355C108.513 31.1152 107.184 36.9856 105.954 40.5842C105.778 40.6166 105.55 40.6541 105.265 40.6927C104.388 40.8119 102.974 40.9423 100.88 40.9712C98.7385 41.0008 97.3196 41.0031 96.4377 40.9371C96.2614 40.9239 96.1203 40.9088 96.0088 40.8935C95.9567 39.0573 95.8782 32.9919 97.4073 22.4743C98.766 13.1288 102.302 7.42438 104.883 4.66783ZM106.713 41.4403L107.002 42.3975C107.305 42.3062 107.546 42.0773 107.653 41.7802C109 38.0524 110.481 31.7376 110.886 24.6496C111.29 17.5654 110.626 9.61894 107.602 2.68255C107.147 1.63949 105.792 1.17814 104.812 1.98425C101.838 4.43294 97.0752 10.8574 95.4281 22.1866C93.7715 33.5811 93.975 39.865 94.0187 41.2138C94.0225 41.3324 94.0251 41.4128 94.0251 41.4552C94.025 42.261 94.695 42.5983 95.0067 42.7098C95.3591 42.8358 95.8079 42.8956 96.2886 42.9316C97.2769 43.0055 98.7924 43.0002 100.908 42.971C103.071 42.9411 104.566 42.806 105.534 42.6745C106.018 42.6088 106.371 42.5438 106.61 42.4932C106.729 42.4679 106.82 42.4461 106.885 42.4296C106.917 42.4214 106.943 42.4144 106.962 42.409L106.987 42.4021L106.996 42.3995L106.999 42.3984L107.001 42.398C107.001 42.398 107.002 42.3975 106.713 41.4403ZM106.426 40.4822L106.428 40.4817L106.43 40.4812C106.43 40.4812 106.429 40.4814 106.426 40.4822Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M104.22 13.8372C104.787 15.7536 104.996 18.3439 104.953 21.2589C104.907 24.4148 104.569 27.8559 104.134 31.0529C103.7 34.2469 103.172 37.1799 102.753 39.3152C102.544 40.3824 102.361 41.2491 102.232 41.8481C102.22 41.9009 102.209 41.9516 102.199 42.0001H100.503C100.526 38.5025 100.676 33.4168 101.183 28.2866C101.724 22.8227 102.66 17.4299 104.22 13.8372ZM103 43.0001C103.974 43.2266 103.974 43.2264 103.974 43.2262L103.978 43.2093L103.989 43.1613C103.999 43.1192 104.013 43.0571 104.031 42.976C104.067 42.814 104.12 42.5763 104.186 42.2713C104.318 41.6613 104.503 40.7819 104.716 39.7006C105.14 37.5391 105.675 34.5658 106.116 31.3223C106.556 28.0818 106.905 24.5541 106.953 21.2881C107 18.0456 106.753 14.9635 105.943 12.6671C105.815 12.3045 105.676 11.9539 105.512 11.6797C105.394 11.4809 105.045 10.9388 104.371 10.9076C103.702 10.8766 103.301 11.3772 103.156 11.5722C102.959 11.8385 102.774 12.1912 102.594 12.5778C100.767 16.4945 99.7565 22.3931 99.1929 28.0897C98.6258 33.8211 98.5 39.4812 98.5 43.0001V44.0001H103.794L103.974 43.2262L103 43.0001Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    d: &quot;M79.2952 3.08259C73.4181 16.564 76.6423 34.1761 79.2676 41.4407C79.2676 41.4407 80.8299 41.9127 85.0867 41.9715C89.3434 42.0303 90.9554 41.9866 90.9554 41.4558C90.9553 40.9249 91.3533 34.6461 89.5628 22.3308C87.9462 11.2116 83.2888 5.02553 80.5325 2.75675C80.1157 2.4137 79.511 2.58777 79.2952 3.08259Z&quot;,
    fill: &quot;#E6E8EA&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M81.0978 4.66783C80.6337 4.17219 79.8403 4.35208 79.6005 4.9873C77.2644 11.1748 76.7267 18.1507 77.0914 24.5355C77.4671 31.1152 78.7963 36.9856 80.0267 40.5842C80.2028 40.6166 80.4308 40.6541 80.7155 40.6927C81.5929 40.8119 83.0069 40.9423 85.1005 40.9712C87.242 41.0008 88.6609 41.0031 89.5427 40.9371C89.7191 40.9239 89.8602 40.9088 89.9716 40.8935C90.0238 39.0573 90.1023 32.9919 88.5732 22.4743C87.2145 13.1288 83.6789 7.42438 81.0978 4.66783ZM79.2676 41.4403L78.9784 42.3975C78.676 42.3062 78.4345 42.0773 78.3271 41.7802C76.98 38.0524 75.4994 31.7376 75.0946 24.6496C74.69 17.5654 75.3547 9.61894 78.3786 2.68255C78.8333 1.63949 80.1887 1.17814 81.168 1.98425C84.1429 4.43294 88.9053 10.8574 90.5524 22.1866C92.209 33.5811 92.0055 39.865 91.9618 41.2138C91.958 41.3324 91.9554 41.4128 91.9554 41.4552C91.9554 42.261 91.2855 42.5983 90.9737 42.7098C90.6214 42.8358 90.1726 42.8956 89.6919 42.9316C88.7036 43.0055 87.1881 43.0002 85.0728 42.971C82.9096 42.9411 81.4141 42.806 80.4462 42.6745C79.9621 42.6088 79.6094 42.5438 79.3707 42.4932C79.2514 42.4679 79.1605 42.4461 79.0958 42.4296C79.0635 42.4214 79.0377 42.4144 79.0182 42.409L78.9937 42.4021L78.9849 42.3995L78.9814 42.3984L78.9798 42.398C78.9798 42.398 78.9784 42.3975 79.2676 41.4403ZM79.5541 40.4822L79.5526 40.4817L79.5507 40.4812C79.5507 40.4812 79.5514 40.4814 79.5541 40.4822Z&quot;,
    fill: &quot;#69727D&quot;
  }), /*#__PURE__*/_react.default.createElement(&quot;path&quot;, {
    fillRule: &quot;evenodd&quot;,
    clipRule: &quot;evenodd&quot;,
    d: &quot;M81.7604 13.8372C81.1939 15.7536 80.9847 18.3439 81.0272 21.2589C81.0733 24.4148 81.4118 27.8559 81.8464 31.0529C82.2805 34.2469 82.8081 37.1799 83.2274 39.3152C83.4369 40.3824 83.6192 41.2491 83.7488 41.8481C83.7603 41.9009 83.7713 41.9516 83.7819 42.0001H85.4771C85.4542 38.5025 85.3049 33.4168 84.7973 28.2866C84.2567 22.8227 83.32 17.4299 81.7604 13.8372ZM82.9805 43.0001C82.0065 43.2266 82.0064 43.2264 82.0064 43.2262L82.0025 43.2093L81.9914 43.1613C81.9818 43.1192 81.9677 43.0571 81.9494 42.976C81.913 42.814 81.8602 42.5763 81.7941 42.2713C81.6621 41.6613 81.4772 40.7819 81.2648 39.7006C80.8404 37.5391 80.3054 34.5658 79.8646 31.3223C79.4241 28.0818 79.0751 24.5541 79.0275 21.2881C78.9801 18.0456 79.227 14.9635 80.0375 12.6671C80.1655 12.3045 80.305 11.9539 80.4683 11.6797C80.5868 11.4809 80.9351 10.9388 81.6092 10.9076C82.2782 10.8766 82.6793 11.3772 82.8241 11.5722C83.0217 11.8385 83.2064 12.1912 83.3867 12.5778C85.2136 16.4945 86.224 22.3931 86.7876 28.0897C87.3546 33.8211 87.4805 39.4812 87.4805 43.0001V44.0001H82.1863L82.0064 43.2262L82.9805 43.0001Z&quot;,
    fill: &quot;#69727D&quot;
  })), /*#__PURE__*/_react.default.createElement(&quot;defs&quot;, null, /*#__PURE__*/_react.default.createElement(&quot;clipPath&quot;, {
    id: &quot;clip0_3127_96542&quot;
  }, /*#__PURE__*/_react.default.createElement(&quot;rect&quot;, {
    width: &quot;184&quot;,
    height: &quot;80&quot;,
    fill: &quot;white&quot;
  }))));
};
var ImageToolsContainer = (0, _ui.styled)(_ui.Box)(function (_ref) {
  var theme = _ref.theme;
  return {
    height: &quot;calc(100% - &quot;.concat(theme.spacing(13), &quot;)&quot;)
  };
});
var ToolsTeaserContainer = (0, _ui.styled)(_ui.Box)(function (_ref2) {
  var theme = _ref2.theme;
  return {
    position: &#039;sticky&#039;,
    top: &#039;100%&#039;,
    padding: theme.spacing(4, 0, 1)
  };
});
var StyledChip = (0, _ui.styled)(_ui.Chip)(function () {
  return {
    position: &#039;absolute&#039;,
    top: 8,
    right: 8,
    &#039;&amp; .MuiChip-label&#039;: {
      fontSize: &#039;0.75rem&#039;,
      fontWeight: &#039;normal&#039;
    }
  };
});
var ImageToolsPanel = function ImageToolsPanel() {
  var _useLocation = (0, _locationContext.useLocation)(),
    navigate = _useLocation.navigate;
  var _useIntroduction = (0, _useIntroduction2.default)(&#039;e-ai-image-isolate-tool&#039;),
    isIsolateViewed = _useIntroduction.isViewed,
    markIsolateAsViewed = _useIntroduction.markAsViewed;
  var tools = [{
    label: (0, _i18n.__)(&#039;Expand Image&#039;, &#039;elementor&#039;),
    Icon: _expandIcon.default,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.OUT_PAINTING);
    }
  }, {
    label: (0, _i18n.__)(&#039;Generative Fill&#039;, &#039;elementor&#039;),
    Icon: _brushIcon.default,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.IN_PAINTING);
    }
  }, {
    label: (0, _i18n.__)(&#039;Resize&#039;, &#039;elementor&#039;),
    Icon: _enlargerIcon.default,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.RESIZE);
    }
  }, {
    label: (0, _i18n.__)(&#039;Variations&#039;, &#039;elementor&#039;),
    Icon: _evolveIcon.default,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.VARIATIONS);
    }
  }, {
    label: (0, _i18n.__)(&#039;Remove Background&#039;, &#039;elementor&#039;),
    Icon: _removeBg.default,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.REMOVE_BACKGROUND);
    }
  }, {
    label: (0, _i18n.__)(&#039;Replace Background&#039;, &#039;elementor&#039;),
    Icon: _replaceBg.default,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.REPLACE_BACKGROUND);
    }
  }, {
    label: (0, _i18n.__)(&#039;Cleanup&#039;, &#039;elementor&#039;),
    Icon: _cleanupIcon.default,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.CLEANUP);
    }
  }, {
    label: (0, _i18n.__)(&#039;Isolate object&#039;, &#039;elementor&#039;),
    Icon: _isolateObjectIcon.default,
    ChipParam: !isIsolateViewed ? /*#__PURE__*/_react.default.createElement(StyledChip, {
      label: &quot;New&quot;,
      color: &quot;info&quot;,
      variant: &quot;standard&quot;,
      size: &quot;tiny&quot;
    }) : null,
    onClick: function onClick() {
      markIsolateAsViewed();
      navigate(_constants.LOCATIONS.ISOLATE_OBJECT);
    }
  }];
  return /*#__PURE__*/_react.default.createElement(ImageToolsContainer, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    display: &quot;grid&quot;,
    gridTemplateColumns: &quot;repeat(2, 1fr)&quot;,
    gap: 1,
    justifyContent: &quot;center&quot;
  }, tools.map(function (_ref3) {
    var label = _ref3.label,
      Icon = _ref3.Icon,
      ChipParam = _ref3.ChipParam,
      onClick = _ref3.onClick;
    return /*#__PURE__*/_react.default.createElement(_ui.Button, {
      onClick: onClick,
      key: label,
      variant: &quot;outlined&quot;,
      color: &quot;secondary&quot;,
      disabled: false,
      sx: {
        py: 3,
        fontSize: &#039;12px&#039;,
        height: &#039;auto&#039;,
        borderRadius: &#039;4px&#039;
      }
    }, ChipParam, /*#__PURE__*/_react.default.createElement(_ui.Box, {
      display: &quot;flex&quot;,
      justifyContent: &quot;center&quot;,
      alignItems: &quot;center&quot;,
      flexDirection: &quot;column&quot;
    }, /*#__PURE__*/_react.default.createElement(Icon, {
      sx: {
        mb: 0.5
      }
    }), label));
  })), /*#__PURE__*/_react.default.createElement(ToolsTeaserContainer, {
    display: &quot;flex&quot;,
    flexDirection: &quot;column&quot;,
    alignItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(TeaserDrawing, null), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;,
    align: &quot;center&quot;,
    color: &quot;secondary&quot;,
    sx: {
      mt: 2
    }
  }, (0, _i18n.__)(&#039;Stay tuned! More incredible AI tools are coming your way soon.&#039;, &#039;elementor&#039;))));
};
ImageToolsPanel.propTypes = {
  generateNewPrompt: _propTypes.default.func,
  panelActive: _propTypes.default.bool
};
var _default = exports[&quot;default&quot;] = ImageToolsPanel;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/image-tools/index.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/image-tools/index.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _imageToolsPanel = _interopRequireDefault(__webpack_require__(/*! ./image-tools-panel */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/image-tools/image-tools-panel.js&quot;));
var _imageToolsContent = _interopRequireDefault(__webpack_require__(/*! ./image-tools-content */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/image-tools/image-tools-content.js&quot;));
var _locationContext = __webpack_require__(/*! ../../context/location-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;);
var _constants = __webpack_require__(/*! ../../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var ImageTools = function ImageTools() {
  var _useLocation = (0, _locationContext.useLocation)(),
    navigate = _useLocation.navigate;
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, {
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.GENERATE);
    }
  }, (0, _i18n.__)(&#039;Generate with a prompt&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Edit with AI&#039;, &#039;elementor&#039;)
  }), /*#__PURE__*/_react.default.createElement(_imageToolsPanel.default, null)), /*#__PURE__*/_react.default.createElement(_view.default.Content, null, /*#__PURE__*/_react.default.createElement(_imageToolsContent.default, null)));
};
var _default = exports[&quot;default&quot;] = ImageTools;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/in-painting/hooks/use-in-painting.js&quot;:
/*!**************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/in-painting/hooks/use-in-painting.js ***!
  \**************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useInPainting = function useInPainting(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageMaskGeneration)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useInPainting;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/in-painting/in-painting-content.js&quot;:
/*!************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/in-painting/in-painting-content.js ***!
  \************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _reactSketchCanvas = __webpack_require__(/*! react-sketch-canvas */ &quot;../node_modules/react-sketch-canvas/dist/react-sketch-canvas.esm.js&quot;);
var _undoIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/undo-icon */ &quot;../modules/ai/assets/js/editor/icons/undo-icon.js&quot;));
var _redoIcon = _interopRequireDefault(__webpack_require__(/*! ../../../../icons/redo-icon */ &quot;../modules/ai/assets/js/editor/icons/redo-icon.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var STROKE_SELECT_WIDTH = 120;
var BRUSH_COLOR = &#039;rgba(255, 255, 255)&#039;;
var CANVAS_COLOR = &#039;rgba(0, 0, 0)&#039;;
var StyledUndoIcon = (0, _ui.withDirection)(_undoIcon.default);
var StyledRedoIcon = (0, _ui.withDirection)(_redoIcon.default);
var BrushCursor = (0, _ui.styled)(_ui.Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return &#039;size&#039; === prop;
  }
})(function (_ref) {
  var theme = _ref.theme,
    size = _ref.size;
  return {
    position: &#039;absolute&#039;,
    width: size,
    height: size,
    borderRadius: &#039;50%&#039;,
    backgroundColor: BRUSH_COLOR,
    pointerEvents: &#039;none&#039;,
    transform: &quot;translate(&quot;.concat(&#039;rtl&#039; === theme.direction ? &#039;50%&#039; : &#039;-50%&#039;, &quot;, -50%)&quot;),
    border: &quot;1px solid #fff&quot;
  };
});
var BrishSizeIcon = (0, _ui.styled)(_ui.Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return &#039;size&#039; === prop;
  }
})(function (_ref2) {
  var theme = _ref2.theme,
    size = _ref2.size;
  return {
    width: size / 2,
    height: size / 2,
    borderRadius: &#039;50%&#039;,
    backgroundColor: theme.palette.secondary.main
  };
});
var InPaintingContent = function InPaintingContent(_ref3) {
  var editImage = _ref3.editImage,
    setMask = _ref3.setMask,
    setIsCanvasChanged = _ref3.setIsCanvasChanged,
    canvasWidth = _ref3.width,
    canvasHeight = _ref3.height;
  var sketchRef = (0, _react.useRef)();
  var _useState = (0, _react.useState)(30),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    stroke = _useState2[0],
    setStroke = _useState2[1];
  var brushCursorRef = (0, _react.useRef)();
  (0, _react.useEffect)(function () {
    var canvas = document.querySelector(&#039;.eui-in-painting-canvas&#039;);

    // The BrushCursor should follow the mouse position but should stay only inside the canvas.
    var positionElement = function positionElement(e) {
      var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
        left = _canvas$getBoundingCl.left,
        top = _canvas$getBoundingCl.top,
        width = _canvas$getBoundingCl.width,
        height = _canvas$getBoundingCl.height;
      var x = e.clientX - left;
      var y = e.clientY - top;
      if (x &gt; 0 &amp;&amp; x &lt; width &amp;&amp; y &gt; 0 &amp;&amp; y &lt; height) {
        brushCursorRef.current.style.left = &quot;&quot;.concat(x, &quot;px&quot;);
        brushCursorRef.current.style.top = &quot;&quot;.concat(y, &quot;px&quot;);
      }
    };
    window.addEventListener(&#039;mousemove&#039;, positionElement);
    return function () {
      window.removeEventListener(&#039;mousemove&#039;, positionElement);
    };
  }, [stroke]);
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &quot;flex-start&quot;,
    spacing: 0.5,
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    width: &quot;100%&quot;,
    direction: &quot;row&quot;,
    spacing: 3,
    alignSelf: &quot;center&quot;,
    justifyContent: &quot;center&quot;,
    sx: {
      marginBottom: &#039;20px !important&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    gap: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
    title: (0, _i18n.__)(&#039;Undo&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;outlined&quot;,
    color: &quot;secondary&quot;,
    onClick: function onClick() {
      return sketchRef.current.undo();
    },
    sx: {
      px: 0
    }
  }, /*#__PURE__*/_react.default.createElement(StyledUndoIcon, null))), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
    title: (0, _i18n.__)(&#039;Redo&#039;, &#039;elementor&#039;)
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;outlined&quot;,
    color: &quot;secondary&quot;,
    onClick: function onClick() {
      return sketchRef.current.redo();
    },
    sx: {
      px: 0
    }
  }, /*#__PURE__*/_react.default.createElement(StyledRedoIcon, null)))), /*#__PURE__*/_react.default.createElement(_ui.FormControl, {
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    sx: {
      minWidth: STROKE_SELECT_WIDTH
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.InputLabel, {
    id: &quot;stroke&quot;
  }, &quot;Stroke&quot;), /*#__PURE__*/_react.default.createElement(_ui.Select, {
    autoWidth: true,
    label: &quot;Stroke&quot;,
    value: stroke,
    id: &quot;demo-simple-select&quot;,
    labelId: &quot;demo-simple-select-label&quot;,
    onChange: function onChange(e) {
      return setStroke(e.target.value);
    },
    MenuProps: {
      PaperProps: {
        sx: {
          maxWidth: STROKE_SELECT_WIDTH
        }
      },
      MenuListProps: {
        sx: {
          minWidth: STROKE_SELECT_WIDTH
        }
      }
    },
    sx: {
      &#039;&amp; .MuiSelect-select .MuiListItemIcon-root&#039;: {
        mr: 0.25,
        width: &#039;initial&#039;,
        minWidth: &#039;initial&#039;,
        justifyContent: &#039;flex-start&#039;
      }
    }
  }, [10, 20, 30, 40, 50].map(function (value) {
    return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
      key: &#039;stroke-width-option-&#039; + value,
      value: value
    }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
      direction: &quot;row&quot;,
      alignItems: &quot;center&quot;,
      gap: 1
    }, /*#__PURE__*/_react.default.createElement(_ui.ListItemIcon, {
      sx: {
        width: 30,
        display: &#039;flex&#039;,
        justifyContent: &#039;center&#039;
      }
    }, /*#__PURE__*/_react.default.createElement(BrishSizeIcon, {
      size: value
    })), /*#__PURE__*/_react.default.createElement(_ui.ListItemText, null, value)));
  })))), /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    style: {
      margin: &#039;0 auto&#039;,
      position: &#039;relative&#039;,
      cursor: &#039;none&#039;,
      overflow: &#039;hidden&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(BrushCursor, {
    ref: brushCursorRef,
    size: stroke
  }), /*#__PURE__*/_react.default.createElement(_reactSketchCanvas.ReactSketchCanvas, {
    className: &quot;eui-in-painting-canvas&quot;,
    withViewBox: true,
    ref: sketchRef,
    height: canvasHeight + &#039;px&#039;,
    width: canvasWidth + &#039;px&#039;,
    strokeWidth: stroke,
    strokeColor: BRUSH_COLOR,
    canvasColor: CANVAS_COLOR,
    backgroundImage: editImage.url,
    onStroke: function onStroke() {
      return setIsCanvasChanged(true);
    },
    onChange: /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
      var svg;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 1;
            return sketchRef.current.exportSvg();
          case 1:
            svg = _context.sent;
            setMask(svg);
          case 2:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }))
  })));
};
InPaintingContent.propTypes = {
  setMask: _propTypes.default.func.isRequired,
  setIsCanvasChanged: _propTypes.default.func.isRequired,
  width: _propTypes.default.number.isRequired,
  height: _propTypes.default.number.isRequired,
  editImage: _propTypes.default.object.isRequired
};
var _default = exports[&quot;default&quot;] = InPaintingContent;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/in-painting/index.js&quot;:
/*!**********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/in-painting/index.js ***!
  \**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _promptField = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-field */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/prompt-field.js&quot;));
var _inPaintingContent = _interopRequireDefault(__webpack_require__(/*! ./in-painting-content */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/in-painting/in-painting-content.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _generateAgainSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-again-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js&quot;));
var _newPromptButton = _interopRequireDefault(__webpack_require__(/*! ../../components/new-prompt-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/new-prompt-button.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _usePromptSettings2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _useInPainting2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-in-painting */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/in-painting/hooks/use-in-painting.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var InPainting = function InPainting() {
  var _useState = (0, _react.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    prompt = _useState2[0],
    setPrompt = _useState2[1];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useState3 = (0, _react.useState)(&#039;&#039;),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    mask = _useState4[0],
    setMask = _useState4[1];
  var _useState5 = (0, _react.useState)(false),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    isCanvasChanged = _useState6[0],
    setIsCanvasChanged = _useState6[1];
  var _usePromptSettings = (0, _usePromptSettings2.default)(),
    settings = _usePromptSettings.settings,
    resetSettings = _usePromptSettings.resetSettings;
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage,
    width = _useEditImage.width,
    height = _useEditImage.height;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var _useInPainting = (0, _useInPainting2.default)(),
    data = _useInPainting.data,
    send = _useInPainting.send,
    isGenerating = _useInPainting.isLoading,
    error = _useInPainting.error,
    reset = _useInPainting.reset;
  var isLoading = isGenerating || isUploading;
  var handleSubmit = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(event) {
      var finalPrompt;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            event.preventDefault();

            // The fallback instruction should be hidden for the user.
            finalPrompt = prompt || &#039;Remove object and fill based on the surroundings&#039;;
            setGenerate();
            send({
              prompt: finalPrompt,
              settings: settings,
              image: editImage,
              mask: mask
            });
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function handleSubmit(_x) {
      return _ref.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Generative Fill&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Mark an area and edit it with a prompt.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_promptField.default, {
    value: prompt,
    disabled: isLoading,
    onChange: setPrompt,
    placeholder: (0, _i18n.__)(&#039;Describe what you want to generate in the marked area (English only)&#039;, &#039;elementor&#039;)
  }), data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_generateAgainSubmit.default, {
    disabled: isLoading
  }), /*#__PURE__*/_react.default.createElement(_newPromptButton.default, {
    disabled: isLoading,
    onClick: function onClick() {
      resetSettings();
      setPrompt(&#039;&#039;);
      reset();
    }
  })) : /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading || !prompt || !isCanvasChanged
  }))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    images: data.result,
    aspectRatio: editImage.aspectRatio,
    onUseImage: use,
    onEditImage: edit
  }) : /*#__PURE__*/_react.default.createElement(_inPaintingContent.default, {
    editImage: editImage,
    width: width,
    height: height,
    setMask: setMask,
    setIsCanvasChanged: setIsCanvasChanged
  })));
};
var _default = exports[&quot;default&quot;] = InPainting;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/isolate-objects/hooks/use-isolate-objects.js&quot;:
/*!**********************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/isolate-objects/hooks/use-isolate-objects.js ***!
  \**********************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useIsolateObject = function useIsolateObject(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageIsolateObjects)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useIsolateObject;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/isolate-objects/index.js&quot;:
/*!**************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/isolate-objects/index.js ***!
  \**************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _singleImagePreview = _interopRequireDefault(__webpack_require__(/*! ../../components/single-image-preview */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _useIsolateObjects = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-isolate-objects */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/isolate-objects/hooks/use-isolate-objects.js&quot;));
var _useImageSize2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-size */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-size.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _usePromptSettings2 = _interopRequireWildcard(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _colorPicker = _interopRequireDefault(__webpack_require__(/*! ../../components/color-picker */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/color-picker.js&quot;));
var _constants = __webpack_require__(/*! ../../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var IsolateObject = function IsolateObject() {
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var _usePromptSettings = (0, _usePromptSettings2.default)(),
    settings = _usePromptSettings.settings,
    updateSettings = _usePromptSettings.updateSettings;
  var _useIsolateObject = (0, _useIsolateObjects.default)(),
    data = _useIsolateObject.data,
    send = _useIsolateObject.send,
    isGenerating = _useIsolateObject.isLoading,
    error = _useIsolateObject.error;
  var isLoading = isGenerating || isUploading;
  var _useImageSize = (0, _useImageSize2.default)(editImage.aspectRatio),
    width = _useImageSize.width,
    height = _useImageSize.height;
  var generatedAspectRatio = (0, _react.useMemo)(function () {
    return settings[_usePromptSettings2.IMAGE_RATIO];
  }, [settings]);
  var generatedBgColor = (0, _react.useMemo)(function () {
    return settings[_usePromptSettings2.IMAGE_BACKGROUND_COLOR];
  }, [settings]);
  var handleSubmit = function handleSubmit(event) {
    event.preventDefault();
    setGenerate();
    send({
      image: editImage,
      settings: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_RATIO, generatedAspectRatio), _usePromptSettings2.IMAGE_BACKGROUND_COLOR, generatedBgColor),
      featureIdentifier: _constants.FEATURE_IDENTIFIER.ISOLATE_OBJECT
    });
  };
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Isolate Object&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Remove the background, center your object, and add a drop shadow for a clean look.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_colorPicker.default, {
    label: (0, _i18n.__)(&#039;Background Color&#039;, &#039;elementor&#039;),
    color: generatedBgColor,
    onChange: function onChange(color) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_BACKGROUND_COLOR, color));
    },
    disabled: isLoading
  }), /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading,
    loading: isLoading
  }, (0, _i18n.__)(&#039;Isolate Object&#039;, &#039;elementor&#039;))))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    transparentContainer: true,
    onUseImage: use,
    onEditImage: edit,
    images: data.result,
    aspectRatio: editImage.aspectRatio
  })) : /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Image, {
    src: editImage.url,
    alt: editImage.alt,
    style: {
      width: width,
      height: height
    }
  })))));
};
var _default = exports[&quot;default&quot;] = IsolateObject;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/out-painting/hooks/use-out-painting.js&quot;:
/*!****************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/out-painting/hooks/use-out-painting.js ***!
  \****************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useOutPainting = function useOutPainting(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageOutPainting)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useOutPainting;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/out-painting/index.js&quot;:
/*!***********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/out-painting/index.js ***!
  \***********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _imageRatioSelect = _interopRequireDefault(__webpack_require__(/*! ../../components/image-ratio-select */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-ratio-select.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _generateAgainSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-again-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js&quot;));
var _outPaintingContent = _interopRequireDefault(__webpack_require__(/*! ./out-painting-content */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/out-painting/out-painting-content.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _usePromptSettings2 = _interopRequireWildcard(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _useOutPainting2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-out-painting */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/out-painting/hooks/use-out-painting.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _utils = __webpack_require__(/*! ../../utils */ &quot;../modules/ai/assets/js/editor/pages/form-media/utils/index.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var OutPainting = function OutPainting() {
  var _useState = (0, _react.useState)({
      width: 0,
      height: 0
    }),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    imageSize = _useState2[0],
    setImageSize = _useState2[1];
  var _useState3 = (0, _react.useState)({
      x: 0.5,
      y: 0.5
    }),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    position = _useState4[0],
    setPosition = _useState4[1];
  var _useState5 = (0, _react.useState)(&#039;&#039;),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    mask = _useState6[0],
    setMask = _useState6[1];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage,
    initialAspectRatio = _useEditImage.aspectRatio;
  var _usePromptSettings = (0, _usePromptSettings2.default)({
      aspectRatio: initialAspectRatio
    }),
    settings = _usePromptSettings.settings,
    updateSettings = _usePromptSettings.updateSettings;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var _useOutPainting = (0, _useOutPainting2.default)(),
    data = _useOutPainting.data,
    send = _useOutPainting.send,
    isGenerating = _useOutPainting.isLoading,
    error = _useOutPainting.error;
  var isLoading = isGenerating || isUploading;
  var generatedAspectRatio = (0, _react.useMemo)(function () {
    return settings[_usePromptSettings2.IMAGE_RATIO];
  }, [data === null || data === void 0 ? void 0 : data.result]);
  var hasGeneratedResult = !!(data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result);
  var handleSubmit = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(event) {
      var imageBase64;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            event.preventDefault();
            setGenerate();
            _context.next = 1;
            return (0, _utils.fetchImageAsBase64)(editImage.url);
          case 1:
            imageBase64 = _context.sent;
            send({
              settings: settings,
              image: editImage,
              mask: mask,
              size: imageSize,
              position: position,
              image_base64: imageBase64
            });
          case 2:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function handleSubmit(_x) {
      return _ref.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Expand Image&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Position image in it’s new size to generate content around the edges.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_imageRatioSelect.default, {
    disabled: isLoading || hasGeneratedResult,
    value: settings[_usePromptSettings2.IMAGE_RATIO],
    onChange: function onChange(event) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_RATIO, event.target.value));
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.FormControl, {
    sx: {
      width: &#039;100%&#039;,
      mb: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Slider, {
    marks: true,
    id: &quot;zoom&quot;,
    name: &quot;zoom&quot;,
    max: 1,
    min: 0.1,
    step: 0.1,
    color: &quot;secondary&quot;,
    defaultValue: 1,
    disabled: isLoading || hasGeneratedResult,
    valueLabelDisplay: &quot;auto&quot;,
    &quot;aria-labelledby&quot;: &quot;image-size-slider&quot;,
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Reference strength&#039;, &#039;elementor&#039;),
    onChange: function onChange(_, value) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_ZOOM, value));
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    id: &quot;image-size-slider&quot;,
    variant: &quot;caption&quot;,
    gutterBottom: true
  }, (0, _i18n.__)(&#039;Original image size&#039;, &#039;elementor&#039;))), data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_generateAgainSubmit.default, {
    disabled: isLoading
  })) : /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading
  }))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, hasGeneratedResult ? /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    onUseImage: use,
    onEditImage: edit,
    images: data.result,
    aspectRatio: generatedAspectRatio
  }) : /*#__PURE__*/_react.default.createElement(_outPaintingContent.default, {
    setMask: setMask,
    editImage: editImage,
    scale: settings[_usePromptSettings2.IMAGE_ZOOM],
    aspectRatio: settings[_usePromptSettings2.IMAGE_RATIO],
    setImageSize: setImageSize,
    setPosition: setPosition
  })));
};
var _default = exports[&quot;default&quot;] = OutPainting;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/out-painting/out-painting-content.js&quot;:
/*!**************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/out-painting/out-painting-content.js ***!
  \**************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _reactAvatarEditor = _interopRequireDefault(__webpack_require__(/*! react-avatar-editor */ &quot;../node_modules/react-avatar-editor/dist/index.js&quot;));
var _useImageSize2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-size */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-size.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var OutPaintingContent = function OutPaintingContent(_ref) {
  var scale = _ref.scale,
    setMask = _ref.setMask,
    editImage = _ref.editImage,
    aspectRatio = _ref.aspectRatio,
    setImageSize = _ref.setImageSize,
    setPosition = _ref.setPosition;
  var cropperRef = (0, _react.useRef)();
  var position = (0, _react.useRef)({
    x: 0.5,
    y: 0.5
  });
  var _useImageSize = (0, _useImageSize2.default)(aspectRatio),
    width = _useImageSize.width,
    height = _useImageSize.height;
  var imageSize = {
    width: width,
    height: height
  };
  var updateMask = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
      var imageDataURL;
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 1;
            return cropperRef.current.getImageScaledToCanvas().toDataURL();
          case 1:
            imageDataURL = _context.sent;
            setMask(imageDataURL);
          case 2:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function updateMask() {
      return _ref2.apply(this, arguments);
    };
  }();
  var _onPositionChange = /*#__PURE__*/function () {
    var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2(args) {
      return _regenerator.default.wrap(function (_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            position.current = {
              x: args.x,
              y: args.y
            };
            _context2.next = 1;
            return updateMask();
          case 1:
            setPosition(position.current);
          case 2:
          case &quot;end&quot;:
            return _context2.stop();
        }
      }, _callee2);
    }));
    return function onPositionChange(_x) {
      return _ref3.apply(this, arguments);
    };
  }();
  var onImageChange = /*#__PURE__*/function () {
    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
      return _regenerator.default.wrap(function (_context3) {
        while (1) switch (_context3.prev = _context3.next) {
          case 0:
            imageSize = {
              width: imageSize.width * scale,
              height: imageSize.height * scale
            };
            _context3.next = 1;
            return updateMask();
          case 1:
            setImageSize(imageSize);
          case 2:
          case &quot;end&quot;:
            return _context3.stop();
        }
      }, _callee3);
    }));
    return function onImageChange() {
      return _ref4.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &#039;center&#039;,
    spacing: 0.5,
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_reactAvatarEditor.default, {
    ref: cropperRef,
    image: editImage.url,
    style: {
      backgroundImage: &#039;linear-gradient(45deg, #bbb 25%, transparent 25%), linear-gradient(-45deg, #bbb 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #bbb 75%), linear-gradient(-45deg, transparent 75%, #bbb 75%)&#039;,
      backgroundSize: &#039;20px 20px&#039;,
      backgroundPosition: &#039;0 0, 0 10px, 10px -10px, -10px 0px&#039;,
      outline: &#039;2px dashed #000&#039;,
      marginTop: &#039;12px&#039;
    },
    color: [0, 0, 0, 0.9],
    rotate: 0,
    border: 0,
    allowZoomOut: true,
    backgroundColor: &#039;transparent&#039;,
    showGrid: true,
    onImageChange: onImageChange,
    onPositionChange: function onPositionChange(args) {
      return _onPositionChange(args);
    },
    width: width,
    height: height,
    scale: scale
  }));
};
OutPaintingContent.propTypes = {
  scale: _propTypes.default.number.isRequired,
  setMask: _propTypes.default.func.isRequired,
  editImage: _propTypes.default.object.isRequired,
  aspectRatio: _propTypes.default.string.isRequired,
  setImageSize: _propTypes.default.func.isRequired,
  setPosition: _propTypes.default.func.isRequired
};
var _default = exports[&quot;default&quot;] = OutPaintingContent;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/components/product-image.js&quot;:
/*!*******************************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/components/product-image.js ***!
  \*******************************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _useProductImageUnification = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-product-image-unification */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/hooks/use-product-image-unification.js&quot;));
var _usePromptSettings = __webpack_require__(/*! ../../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var ProductImage = function ProductImage(_ref) {
  var productId = _ref.productId,
    ratio = _ref.ratio,
    bgColor = _ref.bgColor,
    image = _ref.image,
    onUpdate = _ref.onUpdate;
  var _useImageActions = (0, _useImageActions2.default)(),
    isUploading = _useImageActions.isLoading;
  var _useProductImageUnifi = (0, _useProductImageUnification.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
      productId: productId
    }, _usePromptSettings.IMAGE_RATIO, ratio), _usePromptSettings.IMAGE_BACKGROUND_COLOR, bgColor), &quot;image&quot;, image)),
    data = _useProductImageUnifi.data,
    isGenerating = _useProductImageUnifi.isLoading,
    error = _useProductImageUnifi.error,
    send = _useProductImageUnifi.send,
    sendUsageData = _useProductImageUnifi.sendUsageData;
  (0, _react.useEffect)(function () {
    if (onUpdate) {
      onUpdate(data, isGenerating || isUploading, error, send, productId, ratio, bgColor, image, sendUsageData);
    }
  }, [data, isGenerating, error, send, productId, ratio, bgColor, image, isUploading, onUpdate, sendUsageData]);
  return /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    style: {
      visibility: &#039;hidden&#039;
    }
  });
};
ProductImage.propTypes = {
  productId: _propTypes.default.number,
  ratio: _propTypes.default.string,
  bgColor: _propTypes.default.string,
  image: _propTypes.default.object,
  onUpdate: _propTypes.default.func
};
var _default = exports[&quot;default&quot;] = ProductImage;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/hooks/use-product-image-unification.js&quot;:
/*!******************************************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/hooks/use-product-image-unification.js ***!
  \******************************************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _react = __webpack_require__(/*! react */ &quot;react&quot;);
var useProductImageUnification = function useProductImageUnification(initialValue) {
  var fetchAction = (0, _react.useRef)(function (payload) {
    return (0, _api.getProductImageUnification)(payload, true);
  });
  return (0, _useImagePrompt.default)(fetchAction.current, initialValue);
};
var _default = exports[&quot;default&quot;] = useProductImageUnification;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/index.js&quot;:
/*!************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/index.js ***!
  \************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _usePromptSettings2 = _interopRequireWildcard(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _imageRatioSelect = _interopRequireDefault(__webpack_require__(/*! ../../components/image-ratio-select */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-ratio-select.js&quot;));
var _colorPicker = _interopRequireDefault(__webpack_require__(/*! ../../components/color-picker */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/color-picker.js&quot;));
var _generateAgainSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-again-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _productImage = _interopRequireDefault(__webpack_require__(/*! ./components/product-image */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/product-image-unification/components/product-image.js&quot;));
var _imageActions = _interopRequireDefault(__webpack_require__(/*! ../../components/image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-actions.js&quot;));
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var ProductImageUnification = function ProductImageUnification(_ref) {
  var _products$images$leng, _products$images, _Object$values, _products$images$leng2, _products$images2, _products$images$leng3, _products$images3, _errorlessProducts$le, _products$images4;
  var onClose = _ref.onClose;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    products = _useEditImage.editImage;
  var _usePromptSettings = (0, _usePromptSettings2.default)(),
    settings = _usePromptSettings.settings,
    updateSettings = _usePromptSettings.updateSettings;
  var _useState = (0, _react.useState)({}),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    productsData = _useState2[0],
    setProductsData = _useState2[1];
  var _useState3 = (0, _react.useState)({}),
    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
    loadingMap = _useState4[0],
    setLoadingMap = _useState4[1];
  var _useState5 = (0, _react.useState)({}),
    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
    errorMap = _useState6[0],
    setErrorMap = _useState6[1];
  var _useState7 = (0, _react.useState)({}),
    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
    checkboxColorMap = _useState8[0],
    setCheckboxColorMap = _useState8[1];
  var _useState9 = (0, _react.useState)(false),
    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
    wasGeneratedOnce = _useState0[0],
    setWasGeneratedOnce = _useState0[1];
  var _useImageActions = (0, _useImageActions2.default)(),
    useMultipleImages = _useImageActions.useMultipleImages;
  var _useState1 = (0, _react.useState)(false),
    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
    isSavingImages = _useState10[0],
    setIsSavingImages = _useState10[1];
  var errorlessProducts = Object.values(productsData).filter(function (_ref2) {
    var _errorMap$productId;
    var productId = _ref2.productId;
    return !((_errorMap$productId = errorMap[productId]) !== null &amp;&amp; _errorMap$productId !== void 0 &amp;&amp; _errorMap$productId.errorGenerating);
  });
  var use = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
    var generatedImages, imagesToSave;
    return _regenerator.default.wrap(function (_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          setIsSavingImages(true);
          generatedImages = errorlessProducts.filter(function (_ref4) {
            var data = _ref4.data,
              wasGenerated = _ref4.wasGenerated;
            return wasGenerated &amp;&amp; (data === null || data === void 0 ? void 0 : data.isChecked) &amp;&amp; (data === null || data === void 0 ? void 0 : data.productId) !== undefined;
          });
          imagesToSave = generatedImages.map(function (_ref5) {
            var data = _ref5.data;
            return _objectSpread(_objectSpread({}, data), {}, {
              editor_post_id: data.productId,
              unique_id: &quot;ai-product-unification-&quot;.concat(data.productId)
            });
          }); // eslint-disable-next-line react-hooks/rules-of-hooks
          _context.next = 1;
          return useMultipleImages(imagesToSave);
        case 1:
          generatedImages.forEach(function (_ref6) {
            var sendUsageData = _ref6.sendUsageData;
            sendUsageData();
          });
          onClose();
        case 2:
        case &quot;end&quot;:
          return _context.stop();
      }
    }, _callee);
  })), [onClose, errorlessProducts, useMultipleImages]);
  var generatedAspectRatio = (0, _react.useMemo)(function () {
    return settings[_usePromptSettings2.IMAGE_RATIO];
  }, [settings]);
  var generatedBgColor = (0, _react.useMemo)(function () {
    return settings[_usePromptSettings2.IMAGE_BACKGROUND_COLOR];
  }, [settings]);
  var onProductUpdate = (0, _react.useCallback)(function (res, isLoadingResult, errorGenerating, _req, productId, ratio, bgColor, image, sendUsageData) {
    setLoadingMap(function (prevState) {
      return _objectSpread(_objectSpread({}, prevState), {}, (0, _defineProperty2.default)({}, productId, !!isLoadingResult));
    });
    setErrorMap(function (prevState) {
      return _objectSpread(_objectSpread({}, prevState), {}, (0, _defineProperty2.default)({}, productId, {
        errorGenerating: errorGenerating
      }));
    });
    setProductsData(function (prevState) {
      var _res$result, _ref7, _res$result$, _res$result2, _prevState$productId, _prevState$productId$, _prevState$productId2, _checkboxColorMap$pro;
      return _objectSpread(_objectSpread({}, prevState), {}, (0, _defineProperty2.default)({}, productId, _objectSpread(_objectSpread({}, prevState[productId]), {}, {
        productId: productId,
        res: res,
        req: function req() {
          return _req({
            postId: productId,
            settings: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_RATIO, ratio), _usePromptSettings2.IMAGE_BACKGROUND_COLOR, bgColor),
            image: image
          });
        },
        sendUsageData: sendUsageData,
        wasGenerated: (res === null || res === void 0 || (_res$result = res.result) === null || _res$result === void 0 ? void 0 : _res$result[0]) !== undefined,
        data: _objectSpread(_objectSpread({
          productId: productId
        }, !errorGenerating ? (_ref7 = (_res$result$ = res === null || res === void 0 || (_res$result2 = res.result) === null || _res$result2 === void 0 ? void 0 : _res$result2[0]) !== null &amp;&amp; _res$result$ !== void 0 ? _res$result$ : image) !== null &amp;&amp; _ref7 !== void 0 ? _ref7 : (_prevState$productId = prevState[productId]) === null || _prevState$productId === void 0 ? void 0 : _prevState$productId.image : {}), {}, {
          seed: productId,
          isChecked: (_prevState$productId$ = (_prevState$productId2 = prevState[productId]) === null || _prevState$productId2 === void 0 || (_prevState$productId2 = _prevState$productId2.data) === null || _prevState$productId2 === void 0 ? void 0 : _prevState$productId2.isChecked) !== null &amp;&amp; _prevState$productId$ !== void 0 ? _prevState$productId$ : true,
          isLoading: isLoadingResult,
          checkboxColor: (_checkboxColorMap$pro = checkboxColorMap[productId]) !== null &amp;&amp; _checkboxColorMap$pro !== void 0 ? _checkboxColorMap$pro : &#039;rgba(0, 0, 0, 0.54)&#039;
        })
      })));
    });
  }, [checkboxColorMap]);
  var isLoading = errorlessProducts.some(function (_ref8) {
    var productId = _ref8.productId;
    return loadingMap[productId];
  });
  var isError = Object.values(errorMap).length &amp;&amp; Object.values(errorMap).every(function (_ref9) {
    var errorGenerating = _ref9.errorGenerating;
    return errorGenerating;
  });
  var thumbnailThreshold = 10;
  var exceedThumbnailThreshold = ((_products$images$leng = products === null || products === void 0 || (_products$images = products.images) === null || _products$images === void 0 ? void 0 : _products$images.length) !== null &amp;&amp; _products$images$leng !== void 0 ? _products$images$leng : 0) - thumbnailThreshold &gt; 0;
  var selectedProducts = errorlessProducts.filter(function (_ref0) {
    var data = _ref0.data;
    return data.isChecked &amp;&amp; !data.isLoading;
  });
  var handleSubmit = (0, _react.useCallback)(function (event) {
    event.preventDefault();
    setGenerate();
    setWasGeneratedOnce(true);
    var isLightColor = function isLightColor(color) {
      var rgb = parseInt(color.slice(1), 16); // Convert hex to decimal
      // eslint-disable-next-line no-bitwise
      var r = rgb &gt;&gt; 16 &amp; 0xff;
      // eslint-disable-next-line no-bitwise
      var g = rgb &gt;&gt; 8 &amp; 0xff;
      // eslint-disable-next-line no-bitwise
      var b = rgb &gt;&gt; 0 &amp; 0xff;
      var luminance = 0.299 * r + 0.587 * g + 0.114 * b;
      return luminance &gt; 128;
    };
    var productsToUnify = (errorlessProducts.length ? errorlessProducts : Object.values(productsData)).filter(function (product) {
      var _product$data;
      return ((_product$data = product.data) === null || _product$data === void 0 ? void 0 : _product$data.isChecked) &amp;&amp; product.req;
    });
    var newCheckboxColor = isLightColor(generatedBgColor) ? &#039;rgba(0, 0, 0, 0.54)&#039; : &#039;rgba( 255, 255, 255, 0.7 )&#039;;
    if (productsToUnify.find(function (product) {
      return checkboxColorMap[product.productId] !== newCheckboxColor;
    })) {
      setCheckboxColorMap(function (prevState) {
        var newColorMap = _objectSpread({}, prevState);
        productsToUnify.forEach(function (product) {
          newColorMap[product.productId] = newCheckboxColor;
        });
        return newColorMap;
      });
    }
    productsToUnify.forEach(function (product) {
      return product.req().catch(function () {});
    });
  }, [checkboxColorMap, errorlessProducts, generatedBgColor, productsData, setGenerate]);
  var getCols = function getCols() {
    var dataLength = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : 1;
    return Math.min(Math.ceil(Math.sqrt(dataLength !== null &amp;&amp; dataLength !== void 0 ? dataLength : 1)), 4);
  };
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Unify images&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Select a set of parameters and AI will automate your adjustments:&#039;, &#039;elementor&#039;)
  }), isError &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: (_Object$values = Object.values(errorMap)) === null || _Object$values === void 0 || (_Object$values = _Object$values[0]) === null || _Object$values === void 0 ? void 0 : _Object$values.errorGenerating,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      display: &#039;flex&#039;,
      flexWrap: &#039;wrap&#039;,
      width: &#039;100%&#039;,
      &#039;&amp; .MuiAvatar-root&#039;: {
        margin: 0.5
      }
    }
  }, products === null || products === void 0 ? void 0 : products.images.slice(0, exceedThumbnailThreshold ? thumbnailThreshold - 1 : thumbnailThreshold).map(function (img) {
    return /*#__PURE__*/_react.default.createElement(_ui.Avatar, {
      key: img.productId,
      alt: img.productId + &#039;&#039;,
      src: img.image_url,
      variant: &quot;square&quot;,
      sx: {
        width: 50,
        height: 50
      }
    });
  }), exceedThumbnailThreshold &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Avatar, {
    variant: &quot;square&quot;,
    sx: {
      bgcolor: &#039;lightgray&#039;,
      width: 50,
      height: 50
    }
  }, ((_products$images$leng2 = products === null || products === void 0 || (_products$images2 = products.images) === null || _products$images2 === void 0 ? void 0 : _products$images2.length) !== null &amp;&amp; _products$images$leng2 !== void 0 ? _products$images$leng2 : 0) - (thumbnailThreshold - 1))), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_colorPicker.default, {
    label: (0, _i18n.__)(&#039;Background Color&#039;, &#039;elementor&#039;),
    color: generatedBgColor,
    onChange: function onChange(color) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_BACKGROUND_COLOR, color));
    },
    disabled: isLoading
  }), /*#__PURE__*/_react.default.createElement(_imageRatioSelect.default, {
    disabled: true,
    value: generatedAspectRatio,
    onChange: function onChange(event) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_RATIO, event.target.value));
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, wasGeneratedOnce ? /*#__PURE__*/_react.default.createElement(_generateAgainSubmit.default, {
    disabled: isLoading
  }) : /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading
  })))))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isSavingImages
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      display: &#039;flex&#039;,
      flexDirection: &#039;column&#039;,
      height: &#039;100%&#039;,
      alignItems: &#039;center&#039;,
      justifyContent: &#039;center&#039;,
      minHeight: &#039;76vh&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      flex: 1,
      overflowY: &#039;auto&#039;,
      display: &#039;flex&#039;,
      flexDirection: &#039;column&#039;,
      height: &#039;100%&#039;,
      alignItems: &#039;center&#039;,
      justifyContent: &#039;center&#039;,
      overflowX: &#039;hidden&#039;
    }
  }, wasGeneratedOnce ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errorlessProducts.length &gt; 1 &amp;&amp; errorlessProducts.some(function (_ref1) {
    var data = _ref1.data;
    return !data.isLoading;
  }) &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      display: &#039;flex&#039;,
      flexDirection: &#039;row&#039;,
      alignItems: &#039;inherit&#039;,
      justifyContent: &#039;space-between&#039;,
      width: &#039;100%&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;,
    color: &quot;secondary&quot;
  },
  // Translators: %1$d is the number of selected products, %2$d is the total number of products
  (0, _i18n.sprintf)((0, _i18n.__)(&#039;%1$d/%2$d selected&#039;, &#039;elementor&#039;), selectedProducts.length, (_products$images$leng3 = products === null || products === void 0 || (_products$images3 = products.images) === null || _products$images3 === void 0 ? void 0 : _products$images3.length) !== null &amp;&amp; _products$images$leng3 !== void 0 ? _products$images$leng3 : 0)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    variant: &quot;text&quot;,
    color: &quot;secondary&quot;,
    onClick: function onClick() {
      var isChecked = !selectedProducts.some(function (product) {
        var _product$data2;
        return (_product$data2 = product.data) === null || _product$data2 === void 0 ? void 0 : _product$data2.isChecked;
      });
      setProductsData(function (prevState) {
        var newState = _objectSpread({}, prevState);
        Object.values(newState).forEach(function (product) {
          var _product$data3;
          if (isChecked !== ((_product$data3 = product.data) === null || _product$data3 === void 0 ? void 0 : _product$data3.isChecked)) {
            newState[product.productId] = _objectSpread(_objectSpread({}, product), {}, {
              data: _objectSpread(_objectSpread({}, product.data), {}, {
                isChecked: isChecked
              })
            });
          }
        });
        return newState;
      });
    }
  }, selectedProducts.some(function (product) {
    var _product$data4;
    return (_product$data4 = product.data) === null || _product$data4 === void 0 ? void 0 : _product$data4.isChecked;
  }) ? (0, _i18n.__)(&#039;Clear all&#039;, &#039;elementor&#039;) : (0, _i18n.__)(&#039;Select all&#039;, &#039;elementor&#039;))), /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    images: errorlessProducts.map(function (product) {
      return product.data;
    }),
    cols: getCols((_errorlessProducts$le = errorlessProducts.length) !== null &amp;&amp; _errorlessProducts$le !== void 0 ? _errorlessProducts$le : 1),
    overlay: false,
    onSelectChange: function onSelectChange(productId, isChecked) {
      return setProductsData(function (prevState) {
        var _prevState$productId3;
        if ((_prevState$productId3 = prevState[productId]) !== null &amp;&amp; _prevState$productId3 !== void 0 &amp;&amp; _prevState$productId3.data) {
          prevState[productId].data.isChecked = isChecked;
        }
        return _objectSpread({}, prevState);
      });
    }
  })) : /*#__PURE__*/_react.default.createElement(_ui.Box, {
    component: &quot;img&quot;,
    src: window.UnifyProductImagesConfig.placeholder,
    alt: (0, _i18n.__)(&#039;Example GIF&#039;, &#039;elementor&#039;)
  })), wasGeneratedOnce &amp;&amp; !isError &amp;&amp; errorlessProducts.length &amp;&amp; errorlessProducts.some(function (_ref10) {
    var data = _ref10.data,
      errorGenerating = _ref10.errorGenerating,
      wasGenerated = _ref10.wasGenerated;
    return (data === null || data === void 0 ? void 0 : data.isChecked) &amp;&amp; !(data !== null &amp;&amp; data !== void 0 &amp;&amp; data.isLoadingResult) &amp;&amp; !errorGenerating &amp;&amp; wasGenerated;
  }) &amp;&amp; /*#__PURE__*/_react.default.createElement(_imageActions.default.UseImage, {
    onClick: use,
    sx: {
      alignSelf: &#039;flex-end&#039;,
      mt: 2
    }
  }))), (_products$images4 = products.images) === null || _products$images4 === void 0 ? void 0 : _products$images4.filter(function (img) {
    return img.productId;
  }).map(function (img) {
    return /*#__PURE__*/_react.default.createElement(_productImage.default, {
      key: &quot;product-&quot;.concat(img.productId),
      productId: img.productId,
      ratio: settings[_usePromptSettings2.IMAGE_RATIO],
      bgColor: settings[_usePromptSettings2.IMAGE_BACKGROUND_COLOR],
      image: img,
      onUpdate: onProductUpdate
    });
  }));
};
ProductImageUnification.propTypes = {
  onClose: _propTypes.default.func
};
var _default = exports[&quot;default&quot;] = ProductImageUnification;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/remove-background/hooks/use-remove-background.js&quot;:
/*!**************************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/remove-background/hooks/use-remove-background.js ***!
  \**************************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useRemoveBackground = function useRemoveBackground(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageRemoveBackground)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useRemoveBackground;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/remove-background/index.js&quot;:
/*!****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/remove-background/index.js ***!
  \****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _singleImagePreview = _interopRequireDefault(__webpack_require__(/*! ../../components/single-image-preview */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _useRemoveBackground2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-remove-background */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/remove-background/hooks/use-remove-background.js&quot;));
var _newPromptButton = _interopRequireDefault(__webpack_require__(/*! ../../components/new-prompt-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/new-prompt-button.js&quot;));
var _constants = __webpack_require__(/*! ../../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var _locationContext = __webpack_require__(/*! ../../context/location-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;);
var _useImageSize2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-size */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-size.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var RemoveBackground = function RemoveBackground() {
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var _useRemoveBackground = (0, _useRemoveBackground2.default)(),
    data = _useRemoveBackground.data,
    send = _useRemoveBackground.send,
    isGenerating = _useRemoveBackground.isLoading,
    error = _useRemoveBackground.error;
  var _useLocation = (0, _locationContext.useLocation)(),
    navigate = _useLocation.navigate;
  var isLoading = isGenerating || isUploading;
  var _useImageSize = (0, _useImageSize2.default)(editImage.aspectRatio),
    width = _useImageSize.width,
    height = _useImageSize.height;
  var handleSubmit = function handleSubmit(event) {
    event.preventDefault();
    setGenerate();
    send({
      image: editImage
    });
  };
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Remove Background&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Create an image of the subject with a transparent background&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_newPromptButton.default, {
    variant: &quot;contained&quot;,
    disabled: isLoading,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.GENERATE);
    }
  }) : /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading
  }, (0, _i18n.__)(&#039;Remove Background&#039;, &#039;elementor&#039;)))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    transparentContainer: true,
    onUseImage: use,
    onEditImage: edit,
    images: data.result,
    aspectRatio: editImage.aspectRatio
  })) : /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Image, {
    src: editImage.url,
    alt: editImage.alt,
    style: {
      width: width,
      height: height
    }
  })))));
};
var _default = exports[&quot;default&quot;] = RemoveBackground;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/replace-background/hooks/use-replace-background.js&quot;:
/*!****************************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/replace-background/hooks/use-replace-background.js ***!
  \****************************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useReplaceBackground = function useReplaceBackground(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageReplaceBackground)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useReplaceBackground;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/replace-background/index.js&quot;:
/*!*****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/replace-background/index.js ***!
  \*****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _singleImagePreview = _interopRequireDefault(__webpack_require__(/*! ../../components/single-image-preview */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _useReplaceBackground2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-replace-background */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/replace-background/hooks/use-replace-background.js&quot;));
var _promptField = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-field */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/prompt-field.js&quot;));
var _constants = __webpack_require__(/*! ../../constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var _newPromptButton = _interopRequireDefault(__webpack_require__(/*! ../../components/new-prompt-button */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/new-prompt-button.js&quot;));
var _locationContext = __webpack_require__(/*! ../../context/location-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/location-context.js&quot;);
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var ReplaceBackground = function ReplaceBackground() {
  var _useState = (0, _react.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    prompt = _useState2[0],
    setPrompt = _useState2[1];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var _useReplaceBackground = (0, _useReplaceBackground2.default)(),
    data = _useReplaceBackground.data,
    send = _useReplaceBackground.send,
    isGenerating = _useReplaceBackground.isLoading,
    error = _useReplaceBackground.error;
  var _useLocation = (0, _locationContext.useLocation)(),
    navigate = _useLocation.navigate;
  var isLoading = isGenerating || isUploading;
  var handleSubmit = function handleSubmit(event) {
    event.preventDefault();
    setGenerate();
    send({
      prompt: prompt,
      image: editImage
    });
  };
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Replace Background&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Generate a new background with a prompt.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_promptField.default, {
    value: prompt,
    disabled: isLoading,
    onChange: setPrompt,
    placeholder: (0, _i18n.__)(&#039;Describe what you want to generate in the background (English only)&#039;, &#039;elementor&#039;)
  }), /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading || &#039;&#039; === prompt,
    color: data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? &#039;secondary&#039; : &#039;primary&#039;
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? (0, _i18n.__)(&#039;Generate Again&#039;, &#039;elementor&#039;) : (0, _i18n.__)(&#039;Replace Background&#039;, &#039;elementor&#039;)), (data === null || data === void 0 ? void 0 : data.result) &amp;&amp; /*#__PURE__*/_react.default.createElement(_newPromptButton.default, {
    disabled: isLoading,
    onClick: function onClick() {
      return navigate(_constants.LOCATIONS.GENERATE);
    }
  }))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    onUseImage: use,
    onEditImage: edit,
    images: data.result,
    aspectRatio: editImage.aspectRatio
  }) : /*#__PURE__*/_react.default.createElement(_singleImagePreview.default, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Image, {
    src: editImage.url,
    alt: editImage.alt,
    style: {
      width: editImage.width,
      height: editImage.height
    }
  }))));
};
var _default = exports[&quot;default&quot;] = ReplaceBackground;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/resize/hooks/use-resize.js&quot;:
/*!****************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/resize/hooks/use-resize.js ***!
  \****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useResize = function useResize(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageUpscale)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useResize;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/resize/index.js&quot;:
/*!*****************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/resize/index.js ***!
  \*****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _generateSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-submit.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _singleImagePreview = _interopRequireDefault(__webpack_require__(/*! ../../components/single-image-preview */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/single-image-preview.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _useResize2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-resize */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/resize/hooks/use-resize.js&quot;));
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _usePromptSettings2 = _interopRequireWildcard(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Resize = function Resize() {
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage,
    initialEditImageWidth = _useEditImage.width;
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var _usePromptSettings = (0, _usePromptSettings2.default)(),
    settings = _usePromptSettings.settings,
    updateSettings = _usePromptSettings.updateSettings;
  var _useResize = (0, _useResize2.default)(),
    data = _useResize.data,
    send = _useResize.send,
    isGenerating = _useResize.isLoading,
    error = _useResize.error;
  var isLoading = isGenerating || isUploading;
  var handleSubmit = function handleSubmit(event) {
    event.preventDefault();
    setGenerate();
    send({
      promptSettings: settings,
      image: editImage
    });
  };
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Resize&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Make an image larger and improve it’s resolution.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    spacing: 0.2
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    display: &quot;flex&quot;,
    justifyContent: &quot;space-between&quot;,
    alignItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;caption&quot;
  }, &quot;512px&quot;), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;caption&quot;
  }, &quot;2048px&quot;)), /*#__PURE__*/_react.default.createElement(_ui.Slider, {
    marks: true,
    step: 64,
    min: 512,
    max: 2048,
    id: &quot;upscale_to&quot;,
    color: &quot;secondary&quot;,
    name: &quot;upscale_to&quot;,
    disabled: isLoading,
    defaultValue: initialEditImageWidth,
    valueLabelDisplay: &quot;auto&quot;,
    &quot;aria-label&quot;: (0, _i18n.__)(&#039;Upscale to&#039;, &#039;elementor&#039;),
    onChange: function onChange(_, value) {
      return updateSettings((0, _defineProperty2.default)({}, _usePromptSettings2.IMAGE_UPSCALE, value));
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
    display: &quot;flex&quot;,
    justifyContent: &quot;space-between&quot;,
    alignItems: &quot;center&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;caption&quot;
  }, (0, _i18n.__)(&#039;Current&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;caption&quot;
  }, (0, _i18n.__)(&#039;Output&#039;, &#039;elementor&#039;)))), /*#__PURE__*/_react.default.createElement(_generateSubmit.default, {
    disabled: isLoading
  }))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    onUseImage: use,
    onEditImage: edit,
    images: data.result,
    aspectRatio: editImage.aspectRatio
  }) : /*#__PURE__*/_react.default.createElement(_singleImagePreview.default, null, /*#__PURE__*/_react.default.createElement(_singleImagePreview.default.Image, {
    src: editImage.url,
    alt: editImage.alt,
    style: {
      width: editImage.width,
      height: editImage.height
    }
  }))));
};
var _default = exports[&quot;default&quot;] = Resize;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/variations/components/images-placeholder.js&quot;:
/*!*********************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/variations/components/images-placeholder.js ***!
  \*********************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var ImagesPlaceholder = function ImagesPlaceholder() {
  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      overflowY: &#039;scroll&#039;
    },
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    display: &quot;grid&quot;,
    gridTemplateColumns: &quot;repeat(2, 1fr)&quot;,
    gap: 3
  }, Array(4).fill(true).map(function (_, index) {
    return /*#__PURE__*/_react.default.createElement(_ui.Box, {
      key: &quot;placeholder-&quot;.concat(index),
      display: &quot;flex&quot;,
      justifyContent: &quot;center&quot;,
      alignItems: &quot;center&quot;,
      sx: {
        bgcolor: &#039;action.selected&#039;,
        height: 336
      }
    }, /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
      color: &quot;secondary&quot;,
      sx: {
        fontSize: 36
      }
    }));
  })));
};
ImagesPlaceholder.propTypes = {};
var _default = exports[&quot;default&quot;] = ImagesPlaceholder;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/variations/hooks/use-image-to-image.js&quot;:
/*!****************************************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/variations/hooks/use-image-to-image.js ***!
  \****************************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _api = __webpack_require__(/*! ../../../../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _useImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../../../hooks/use-image-prompt */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-prompt.js&quot;));
var useImageToImage = function useImageToImage(initialValue) {
  var fetchAction = function fetchAction(payload) {
    return (0, _api.getImageToImageGeneration)(payload);
  };
  return (0, _useImagePrompt.default)(fetchAction, initialValue);
};
var _default = exports[&quot;default&quot;] = useImageToImage;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-media/views/variations/index.js&quot;:
/*!*********************************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-media/views/variations/index.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _view = _interopRequireDefault(__webpack_require__(/*! ../../components/view */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/view.js&quot;));
var _imageForm = _interopRequireDefault(__webpack_require__(/*! ../../components/image-form */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/image-form.js&quot;));
var _generateAgainSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-again-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-again-submit.js&quot;));
var _generateImagesSubmit = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-images-submit */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/generate-images-submit.js&quot;));
var _imagesDisplay = _interopRequireDefault(__webpack_require__(/*! ../../components/images-display */ &quot;../modules/ai/assets/js/editor/pages/form-media/components/images-display.js&quot;));
var _imagesPlaceholder = _interopRequireDefault(__webpack_require__(/*! ./components/images-placeholder */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/variations/components/images-placeholder.js&quot;));
var _useImageToImage2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-image-to-image */ &quot;../modules/ai/assets/js/editor/pages/form-media/views/variations/hooks/use-image-to-image.js&quot;));
var _useImageActions2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-image-actions */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-image-actions.js&quot;));
var _editImageContext = __webpack_require__(/*! ../../context/edit-image-context */ &quot;../modules/ai/assets/js/editor/pages/form-media/context/edit-image-context.js&quot;);
var _usePromptSettings2 = _interopRequireWildcard(__webpack_require__(/*! ../../hooks/use-prompt-settings */ &quot;../modules/ai/assets/js/editor/pages/form-media/hooks/use-prompt-settings.js&quot;));
var _requestsIds = __webpack_require__(/*! ../../../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var IMAGE_WEIGHT_DEFAULT = 45;
var Variations = function Variations() {
  var _data$result;
  var _useState = (0, _react.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
    prompt = _useState2[0];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  var _useEditImage = (0, _editImageContext.useEditImage)(),
    editImage = _useEditImage.editImage,
    initialAspectRatio = _useEditImage.aspectRatio;
  var _usePromptSettings = (0, _usePromptSettings2.default)({
      aspectRatio: initialAspectRatio,
      imageWeight: IMAGE_WEIGHT_DEFAULT
    }),
    settings = _usePromptSettings.settings;
  var _useImageToImage = (0, _useImageToImage2.default)(),
    data = _useImageToImage.data,
    send = _useImageToImage.send,
    isGenerating = _useImageToImage.isLoading,
    error = _useImageToImage.error;
  var _useImageActions = (0, _useImageActions2.default)(),
    use = _useImageActions.use,
    edit = _useImageActions.edit,
    isUploading = _useImageActions.isLoading;
  var isLoading = isGenerating || isUploading;
  var generatedAspectRatio = (0, _react.useMemo)(function () {
    return settings[_usePromptSettings2.IMAGE_RATIO];
  }, [data === null || data === void 0 ? void 0 : data.result]);
  var handleSubmit = function handleSubmit(event) {
    event.preventDefault();
    setGenerate();
    send({
      prompt: prompt,
      settings: settings,
      image: editImage
    });
  };
  return /*#__PURE__*/_react.default.createElement(_view.default, null, /*#__PURE__*/_react.default.createElement(_view.default.Panel, null, /*#__PURE__*/_react.default.createElement(_view.default.BackButton, null), /*#__PURE__*/_react.default.createElement(_view.default.PanelHeading, {
    primary: (0, _i18n.__)(&#039;Variations&#039;, &#039;elementor&#039;),
    secondary: (0, _i18n.__)(&#039;Create new versions of the original image.&#039;, &#039;elementor&#039;)
  }), error &amp;&amp; /*#__PURE__*/_react.default.createElement(_view.default.ErrorMessage, {
    error: error,
    onRetry: handleSubmit
  }), /*#__PURE__*/_react.default.createElement(_imageForm.default, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      display: &#039;flex&#039;,
      alignItems: &#039;center&#039;,
      justifyContent: &#039;center&#039;,
      bgcolor: &#039;action.selected&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(&quot;img&quot;, {
    src: (editImage === null || editImage === void 0 ? void 0 : editImage.image_url) || (editImage === null || editImage === void 0 ? void 0 : editImage.url),
    alt: prompt,
    style: {
      width: &#039;auto&#039;,
      height: &#039;auto&#039;,
      maxWidth: &#039;100%&#039;,
      maxHeight: 166,
      objectFit: &#039;contained&#039;
    }
  })), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    gap: 2,
    sx: {
      my: 2.5
    }
  }, (data === null || data === void 0 || (_data$result = data.result) === null || _data$result === void 0 ? void 0 : _data$result.length) &gt; 0 ? /*#__PURE__*/_react.default.createElement(_generateAgainSubmit.default, {
    disabled: isLoading
  }) : /*#__PURE__*/_react.default.createElement(_generateImagesSubmit.default, {
    disabled: isLoading
  })))), /*#__PURE__*/_react.default.createElement(_view.default.Content, {
    isGenerating: isLoading
  }, data !== null &amp;&amp; data !== void 0 &amp;&amp; data.result ? /*#__PURE__*/_react.default.createElement(_imagesDisplay.default, {
    images: data.result,
    aspectRatio: generatedAspectRatio,
    onUseImage: use,
    onEditImage: edit
  }) : /*#__PURE__*/_react.default.createElement(_imagesPlaceholder.default, null)));
};
Variations.propTypes = {};
var _default = exports[&quot;default&quot;] = Variations;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/form-text/index.js&quot;:
/*!***************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/form-text/index.js ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _loader = _interopRequireDefault(__webpack_require__(/*! ../../components/loader */ &quot;../modules/ai/assets/js/editor/components/loader.js&quot;));
var _promptSearch = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-search */ &quot;../modules/ai/assets/js/editor/components/prompt-search.js&quot;));
var _textarea = _interopRequireDefault(__webpack_require__(/*! ../../components/textarea */ &quot;../modules/ai/assets/js/editor/components/textarea.js&quot;));
var _promptSuggestions = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-suggestions */ &quot;../modules/ai/assets/js/editor/components/prompt-suggestions.js&quot;));
var _promptLibraryLink = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-library-link */ &quot;../modules/ai/assets/js/editor/components/prompt-library-link.js&quot;));
var _promptActionSelection = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-action-selection */ &quot;../modules/ai/assets/js/editor/components/prompt-action-selection.js&quot;));
var _generateButton = _interopRequireDefault(__webpack_require__(/*! ../../components/generate-button */ &quot;../modules/ai/assets/js/editor/components/generate-button.js&quot;));
var _promptAction = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-action */ &quot;../modules/ai/assets/js/editor/components/prompt-action.js&quot;));
var _promptErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../../components/prompt-error-message */ &quot;../modules/ai/assets/js/editor/components/prompt-error-message.js&quot;));
var _useTextPrompt2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-text-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-text-prompt.js&quot;));
var _actionsData = __webpack_require__(/*! ../../actions-data */ &quot;../modules/ai/assets/js/editor/actions-data.js&quot;);
var _promptHistoryActionContext = __webpack_require__(/*! ../../components/prompt-history/context/prompt-history-action-context */ &quot;../modules/ai/assets/js/editor/components/prompt-history/context/prompt-history-action-context.js&quot;);
var _requestsIds = __webpack_require__(/*! ../../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _voicePromotionAlert = __webpack_require__(/*! ../../components/voice-promotion-alert */ &quot;../modules/ai/assets/js/editor/components/voice-promotion-alert.js&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var promptActions = [{
  label: (0, _i18n.__)(&#039;Simplify language&#039;, &#039;elementor&#039;),
  icon: /*#__PURE__*/_react.default.createElement(_icons.MessageIcon, {
    fontSize: &quot;small&quot;
  }),
  value: &#039;Simplify the language of the following message&#039;
}, {
  label: (0, _i18n.__)(&#039;Make it longer&#039;, &#039;elementor&#039;),
  icon: /*#__PURE__*/_react.default.createElement(_icons.ExpandIcon, {
    fontSize: &quot;small&quot;
  }),
  value: &#039;Make the following message longer&#039;
}, {
  label: (0, _i18n.__)(&#039;Make it shorter&#039;, &#039;elementor&#039;),
  icon: /*#__PURE__*/_react.default.createElement(_icons.ShrinkIcon, {
    fontSize: &quot;small&quot;
  }),
  value: &#039;Make the following message shorter&#039;
}, {
  label: (0, _i18n.__)(&#039;Fix spelling &amp; grammar&#039;, &#039;elementor&#039;),
  icon: /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
    fontSize: &quot;small&quot;
  }),
  value: &#039;Fix the spelling and grammar of the following message&#039;
}];
var promptInstructions = [{
  label: (0, _i18n.__)(&#039;Change tone&#039;, &#039;elementor&#039;),
  options: _actionsData.vocalTones,
  getInstruction: function getInstruction(value) {
    return &quot;Change the tone of the following message to &quot;.concat(value);
  }
}, {
  label: (0, _i18n.__)(&#039;Translate to&#039;, &#039;elementor&#039;),
  options: _actionsData.translateLanguages,
  getInstruction: function getInstruction(value) {
    return &quot;Translate the following message to &quot;.concat(value);
  }
}];
var FormText = function FormText(_ref) {
  var _initialValue$result, _initialValue$credits, _additionalOptions$in;
  var type = _ref.type,
    onClose = _ref.onClose,
    getControlValue = _ref.getControlValue,
    setControlValue = _ref.setControlValue,
    additionalOptions = _ref.additionalOptions,
    credits = _ref.credits,
    children = _ref.children;
  var initialValue = getControlValue() === (additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.defaultValue) ? &#039;&#039; : getControlValue();
  var _useTextPrompt = (0, _useTextPrompt2.default)({
      result: (_initialValue$result = initialValue === null || initialValue === void 0 ? void 0 : initialValue.result) !== null &amp;&amp; _initialValue$result !== void 0 ? _initialValue$result : initialValue,
      credits: (_initialValue$credits = initialValue === null || initialValue === void 0 ? void 0 : initialValue.credits) !== null &amp;&amp; _initialValue$credits !== void 0 ? _initialValue$credits : credits,
      responseId: initialValue === null || initialValue === void 0 ? void 0 : initialValue.responseId
    }),
    data = _useTextPrompt.data,
    isLoading = _useTextPrompt.isLoading,
    txtGenErr = _useTextPrompt.error,
    setResult = _useTextPrompt.setResult,
    reset = _useTextPrompt.reset,
    send = _useTextPrompt.send,
    sendUsageData = _useTextPrompt.sendUsageData;
  var error = txtGenErr || (additionalOptions === null || additionalOptions === void 0 ? void 0 : additionalOptions.initError);
  var _useState = (0, _react.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    prompt = _useState2[0],
    setPrompt = _useState2[1];
  var _useRequestIds = (0, _requestsIds.useRequestIds)(),
    setGenerate = _useRequestIds.setGenerate;
  (0, _promptHistoryActionContext.useSubscribeOnPromptHistoryAction)([{
    type: _promptHistoryActionContext.ACTION_TYPES.REUSE,
    handler: function handler(action) {
      reset();
      setPrompt(action.data);
    }
  }, {
    type: _promptHistoryActionContext.ACTION_TYPES.EDIT,
    handler: function handler(action) {
      setResult(action.data);
    }
  }]);
  var searchField = (0, _react.useRef)(null);
  var resultField = (0, _react.useRef)(null);
  var lastRun = (0, _react.useRef)((_additionalOptions$in = additionalOptions.initRetry) !== null &amp;&amp; _additionalOptions$in !== void 0 ? _additionalOptions$in : function () {});
  var autocompleteItems = &#039;textarea&#039; === type ? _actionsData.textareaAutocomplete : _actionsData.textAutocomplete;
  var showSuggestions = !prompt;
  var handleSubmit = function handleSubmit(event) {
    event.preventDefault();
    setGenerate();
    lastRun.current = function () {
      return send({
        prompt: prompt
      });
    };
    lastRun.current();
  };
  var handleCustomInstruction = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(instruction) {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            setGenerate();
            lastRun.current = function () {
              return send({
                input: resultField.current.value,
                instruction: instruction
              });
            };
            lastRun.current();
          case 1:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function handleCustomInstruction(_x) {
      return _ref2.apply(this, arguments);
    };
  }();
  var handleSuggestion = function handleSuggestion(suggestion) {
    setPrompt(suggestion + &#039; &#039;);
    searchField.current.focus();
  };
  var applyPrompt = function applyPrompt() {
    sendUsageData();
    setControlValue(resultField.current.value);
    onClose();
  };
  if (isLoading) {
    return /*#__PURE__*/_react.default.createElement(_loader.default, null);
  }
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, error &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptErrorMessage.default, {
    error: error,
    onRetry: lastRun.current,
    sx: {
      mb: 2.5
    }
  }), children, !data.result &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    component: &quot;form&quot;,
    onSubmit: handleSubmit
  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      mb: 2.5
    }
  }, /*#__PURE__*/_react.default.createElement(_promptSearch.default, {
    ref: searchField,
    placeholder: (0, _i18n.__)(&#039;Describe the text and tone you want to use...&#039;, &#039;elementor&#039;),
    name: &quot;prompt&quot;,
    value: prompt,
    onChange: function onChange(event) {
      return setPrompt(event.target.value);
    }
  })), showSuggestions &amp;&amp; /*#__PURE__*/_react.default.createElement(_promptSuggestions.default, {
    suggestions: autocompleteItems,
    onSelect: handleSuggestion,
    suggestionFilter: function suggestionFilter(suggestion) {
      return suggestion + &#039;...&#039;;
    }
  }, /*#__PURE__*/_react.default.createElement(_promptLibraryLink.default, {
    libraryLink: &quot;https://go.elementor.com/ai-prompt-library-text/&quot;
  })), additionalOptions.hideAiContext ? null : /*#__PURE__*/_react.default.createElement(_voicePromotionAlert.VoicePromotionAlert, {
    introductionKey: &quot;ai-context-text-promotion&quot;,
    sx: {
      mb: 2
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    alignItems: &quot;center&quot;,
    sx: {
      pb: 1.5,
      mt: 2
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    justifyContent: &quot;flex-end&quot;,
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_generateButton.default, null, (0, _i18n.__)(&#039;Generate text&#039;, &#039;elementor&#039;))))), data.result &amp;&amp; /*#__PURE__*/_react.default.createElement(_ui.Box, {
    sx: {
      mt: 1
    }
  }, /*#__PURE__*/_react.default.createElement(_textarea.default, {
    fullWidth: true,
    ref: resultField,
    value: data.result,
    helperText: (0, _i18n.__)(&#039;Text generated by AI may be inaccurate or offensive.&#039;, &#039;elementor&#039;),
    onChange: function onChange(event) {
      return setResult(event.target.value);
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Grid, {
    container: true,
    spacing: 1,
    sx: {
      mt: 2.5
    }
  }, promptActions.map(function (_ref3) {
    var label = _ref3.label,
      icon = _ref3.icon,
      value = _ref3.value;
    return /*#__PURE__*/_react.default.createElement(_ui.Grid, {
      item: true,
      key: label
    }, /*#__PURE__*/_react.default.createElement(_promptAction.default, {
      label: label,
      icon: icon,
      onClick: function onClick() {
        return handleCustomInstruction(value);
      }
    }));
  })), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    alignItems: &quot;center&quot;,
    spacing: 1,
    sx: {
      mt: 2.5
    }
  }, promptInstructions.map(function (_ref4) {
    var label = _ref4.label,
      options = _ref4.options,
      getInstruction = _ref4.getInstruction;
    return /*#__PURE__*/_react.default.createElement(_promptActionSelection.default, {
      key: label,
      label: label,
      options: options,
      onChange: function onChange(event) {
        return handleCustomInstruction(getInstruction(event.target.value));
      }
    });
  })), additionalOptions.hideAiContext ? null : /*#__PURE__*/_react.default.createElement(_voicePromotionAlert.VoicePromotionAlert, {
    introductionKey: &quot;ai-context-text-promotion&quot;,
    sx: {
      mb: 2
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    alignItems: &quot;center&quot;,
    sx: {
      my: 1
    }
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    gap: 1,
    justifyContent: &quot;flex-end&quot;,
    flexGrow: 1
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
    size: &quot;small&quot;,
    color: &quot;secondary&quot;,
    variant: &quot;text&quot;,
    onClick: reset
  }, (0, _i18n.__)(&#039;New prompt&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    size: &quot;small&quot;,
    variant: &quot;contained&quot;,
    color: &quot;primary&quot;,
    onClick: applyPrompt
  }, (0, _i18n.__)(&#039;Use text&#039;, &#039;elementor&#039;))))));
};
FormText.propTypes = {
  type: _propTypes.default.string.isRequired,
  controlType: _propTypes.default.string,
  onClose: _propTypes.default.func.isRequired,
  getControlValue: _propTypes.default.func.isRequired,
  setControlValue: _propTypes.default.func.isRequired,
  additionalOptions: _propTypes.default.object,
  credits: _propTypes.default.number,
  usagePercentage: _propTypes.default.number,
  children: _propTypes.default.node
};
var _default = exports[&quot;default&quot;] = FormText;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/pages/get-started/index.js&quot;:
/*!*****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/pages/get-started/index.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _api = __webpack_require__(/*! ../../api */ &quot;../modules/ai/assets/js/editor/api/index.js&quot;);
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != _typeof(e) &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) &quot;default&quot; !== _t &amp;&amp; {}.hasOwnProperty.call(e, _t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, _t)) &amp;&amp; (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var GetStarted = function GetStarted(_ref) {
  var onSuccess = _ref.onSuccess;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isTermsChecked = _useState2[0],
    setIsTermsChecked = _useState2[1];
  var onGetStartedClick = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
      return _regenerator.default.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 1;
            return (0, _api.setGetStarted)();
          case 1:
            onSuccess();
          case 2:
          case &quot;end&quot;:
            return _context.stop();
        }
      }, _callee);
    }));
    return function onGetStartedClick() {
      return _ref2.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    alignItems: &quot;center&quot;,
    gap: 1.5
  }, /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
    sx: {
      color: &#039;text.primary&#039;,
      fontSize: &#039;60px&#039;,
      mb: 1
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;h4&quot;,
    sx: {
      color: &#039;text.primary&#039;
    }
  }, (0, _i18n.__)(&#039;Step into the future with Elementor AI&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;body2&quot;
  }, (0, _i18n.__)(&#039;Create smarter with AI text and code generators built right into the editor.&#039;, &#039;elementor&#039;)), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
    direction: &quot;row&quot;,
    gap: 1.5,
    alignItems: &quot;flex-start&quot;
  }, /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
    id: &quot;e-ai-terms-approval&quot;,
    color: &quot;secondary&quot;,
    checked: isTermsChecked,
    onClick: function onClick() {
      return setIsTermsChecked(function (prevState) {
        return !prevState;
      });
    }
  }), /*#__PURE__*/_react.default.createElement(_ui.Stack, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
    variant: &quot;caption&quot;,
    sx: {
      maxWidth: 520
    },
    component: &quot;label&quot;,
    htmlFor: &quot;e-ai-terms-approval&quot;
  }, &quot;       &quot;, (0, _i18n.__)(&#039;I approve the &#039;, &#039;elementor&#039;), /*#__PURE__*/_react.default.createElement(_ui.Link, {
    href: &quot;https://go.elementor.com/ai-terms/&quot;,
    target: &quot;_blank&quot;,
    color: &quot;info.main&quot;
  }, (0, _i18n.__)(&#039;Terms of Service&#039;, &#039;elementor&#039;)), &#039; &amp; &#039;, /*#__PURE__*/_react.default.createElement(_ui.Link, {
    href: &quot;https://go.elementor.com/ai-privacy-policy/&quot;,
    target: &quot;_blank&quot;,
    color: &quot;info.main&quot;
  }, (0, _i18n.__)(&#039;Privacy Policy&#039;, &#039;elementor&#039;)), (0, _i18n.__)(&#039; of the Elementor AI service.&#039;, &#039;elementor&#039;), /*#__PURE__*/_react.default.createElement(&quot;br&quot;, null), (0, _i18n.__)(&#039;This includes consenting to the collection and use of data to improve user experience.&#039;, &#039;elementor&#039;)))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
    disabled: !isTermsChecked,
    variant: &quot;contained&quot;,
    onClick: onGetStartedClick,
    sx: {
      mt: 1,
      &#039;&amp;:hover&#039;: {
        color: &#039;primary.contrastText&#039;
      }
    }
  }, (0, _i18n.__)(&#039;Get Started&#039;, &#039;elementor&#039;)));
};
GetStarted.propTypes = {
  onSuccess: _propTypes.default.func.isRequired
};
var _default = exports[&quot;default&quot;] = GetStarted;

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/types/attachment.js&quot;:
/*!**********************************************************!*\
  !*** ../modules/ai/assets/js/editor/types/attachment.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.AttachmentsTypesPropType = exports.AttachmentPropType = void 0;
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var AttachmentPropType = exports.AttachmentPropType = _propTypes.default.shape({
  type: _propTypes.default.string,
  previewHTML: _propTypes.default.string,
  content: _propTypes.default.string,
  label: _propTypes.default.string,
  source: _propTypes.default.string
});
var AttachmentsTypesPropType = exports.AttachmentsTypesPropType = _propTypes.default.shape({
  type: _propTypes.default.shape({
    promptPlaceholder: _propTypes.default.string,
    promptSuggestions: _propTypes.default.arrayOf(_propTypes.default.shape({
      text: _propTypes.default.string.isRequired
    })),
    previewGenerator: _propTypes.default.func
  })
});

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/utils/editor-integration.js&quot;:
/*!******************************************************************!*\
  !*** ../modules/ai/assets/js/editor/utils/editor-integration.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.renderLayoutApp = exports.openPanel = exports.onConnect = exports.importToEditor = exports.getUiConfig = exports.closePanel = exports.WEB_BASED_PROMPTS = exports.VARIATIONS_PROMPTS = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ &quot;../assets/dev/js/utils/react.js&quot;));
var _previewContainer = __webpack_require__(/*! ./preview-container */ &quot;../modules/ai/assets/js/editor/utils/preview-container.js&quot;);
var _layoutApp = _interopRequireDefault(__webpack_require__(/*! ../layout-app */ &quot;../modules/ai/assets/js/editor/layout-app.js&quot;));
var _screenshot = __webpack_require__(/*! ./screenshot */ &quot;../modules/ai/assets/js/editor/utils/screenshot.js&quot;);
var _history = __webpack_require__(/*! ./history */ &quot;../modules/ai/assets/js/editor/utils/history.js&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _layoutAppWrapper = _interopRequireDefault(__webpack_require__(/*! ../layout-app-wrapper */ &quot;../modules/ai/assets/js/editor/layout-app-wrapper.js&quot;));
var _requestsIds = __webpack_require__(/*! ../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var closePanel = exports.closePanel = function closePanel() {
  $e.run(&#039;panel/close&#039;);
  $e.components.get(&#039;panel&#039;).blockUserInteractions();
};
var openPanel = exports.openPanel = function openPanel() {
  $e.run(&#039;panel/open&#039;);
  $e.components.get(&#039;panel&#039;).unblockUserInteractions();
};
var onConnect = exports.onConnect = function onConnect(data) {
  elementorCommon.config.library_connect.is_connected = true;
  elementorCommon.config.library_connect.current_access_level = data.kits_access_level || data.access_level || 0;
  elementorCommon.config.library_connect.current_access_tier = data.access_tier;
  elementorCommon.config.library_connect.plan_type = data.plan_type;
};
var getUiConfig = exports.getUiConfig = function getUiConfig() {
  var _elementor, _elementor$getPrefere;
  var colorScheme = ((_elementor = elementor) === null || _elementor === void 0 || (_elementor$getPrefere = _elementor.getPreferences) === null || _elementor$getPrefere === void 0 ? void 0 : _elementor$getPrefere.call(_elementor, &#039;ui_theme&#039;)) || &#039;auto&#039;;
  var isRTL = elementorCommon.config.isRTL;
  return {
    colorScheme: colorScheme,
    isRTL: isRTL
  };
};
var VARIATIONS_PROMPTS = exports.VARIATIONS_PROMPTS = [{
  text: (0, _i18n.__)(&#039;Minimalist design with bold typography about&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Elegant style with serif fonts discussing&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Retro vibe with muted colors and classic fonts about&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Futuristic design with neon accents about&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Professional look with clean lines for&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Earthy tones and organic shapes featuring&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Luxurious theme with rich colors discussing&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Tech-inspired style with modern fonts about&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Warm hues with comforting visuals about&#039;, &#039;elementor&#039;)
}];
var WEB_BASED_PROMPTS = exports.WEB_BASED_PROMPTS = [{
  text: (0, _i18n.__)(&#039;Change the content to be about [topic]&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Generate lorem ipsum placeholder text for all paragraphs&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Revise the content to focus on [topic] and then translate it into Spanish&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Shift the focus of the content to [topic] in order to showcase our company\&#039;s mission and values&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Alter the content to provide helpful tips related to [topic]&#039;, &#039;elementor&#039;)
}, {
  text: (0, _i18n.__)(&#039;Adjust the content to include FAQs and answers for common inquiries about [topic]&#039;, &#039;elementor&#039;)
}];
var PROMPT_PLACEHOLDER = (0, _i18n.__)(&quot;Press &#039;/&#039; for suggestions or describe the changes you want to apply (optional)...&quot;, &#039;elementor&#039;);
var renderLayoutApp = exports.renderLayoutApp = function renderLayoutApp() {
  var _options$onRenderApp;
  var options = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : {
    parentContainer: null,
    mode: &#039;&#039;,
    at: null,
    onClose: null,
    onGenerate: null,
    onInsert: null,
    onRenderApp: null,
    onSelect: null,
    attachments: []
  };
  closePanel();
  var previewContainer = (0, _previewContainer.createPreviewContainer)(options.parentContainer, {
    // Create the container at the &quot;drag widget here&quot; area position.
    at: options.at
  });
  var _getUiConfig = getUiConfig(),
    colorScheme = _getUiConfig.colorScheme,
    isRTL = _getUiConfig.isRTL;
  var rootElement = document.createElement(&#039;div&#039;);
  document.body.append(rootElement);
  var bodyStyle = window.elementorFrontend.elements.$window[0].getComputedStyle(window.elementorFrontend.elements.$body[0]);
  var _ReactUtils$render = _react2.default.render(/*#__PURE__*/_react.default.createElement(_layoutAppWrapper.default, {
      isRTL: isRTL,
      colorScheme: colorScheme
    }, /*#__PURE__*/_react.default.createElement(_layoutApp.default, {
      mode: options.mode,
      currentContext: {
        body: {
          backgroundColor: bodyStyle.backgroundColor,
          backgroundImage: bodyStyle.backgroundImage
        }
      },
      attachmentsTypes: {
        json: {
          promptSuggestions: VARIATIONS_PROMPTS,
          promptPlaceholder: PROMPT_PLACEHOLDER,
          previewGenerator: function () {
            var _previewGenerator = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(json) {
              var screenshot;
              return _regenerator.default.wrap(function (_context) {
                while (1) switch (_context.prev = _context.next) {
                  case 0:
                    _context.next = 1;
                    return (0, _screenshot.takeScreenshot)(json);
                  case 1:
                    screenshot = _context.sent;
                    return _context.abrupt(&quot;return&quot;, &quot;&lt;img src=\&quot;&quot;.concat(screenshot, &quot;\&quot; /&gt;&quot;));
                  case 2:
                  case &quot;end&quot;:
                    return _context.stop();
                }
              }, _callee);
            }));
            function previewGenerator(_x) {
              return _previewGenerator.apply(this, arguments);
            }
            return previewGenerator;
          }()
        },
        url: {
          promptPlaceholder: PROMPT_PLACEHOLDER,
          promptSuggestions: WEB_BASED_PROMPTS
        }
      },
      attachments: options.attachments || [],
      onClose: function onClose() {
        var _options$onClose;
        previewContainer.destroy();
        (_options$onClose = options.onClose) === null || _options$onClose === void 0 || _options$onClose.call(options);
        unmount();
        rootElement.remove();
        openPanel();
      },
      onConnect: onConnect,
      onGenerate: function onGenerate() {
        var _options$onGenerate;
        (_options$onGenerate = options.onGenerate) === null || _options$onGenerate === void 0 || _options$onGenerate.call(options, {
          previewContainer: previewContainer
        });
      },
      onData: (/*#__PURE__*/function () {
        var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2(template) {
          var screenshot;
          return _regenerator.default.wrap(function (_context2) {
            while (1) switch (_context2.prev = _context2.next) {
              case 0:
                _context2.next = 1;
                return (0, _screenshot.takeScreenshot)(template);
              case 1:
                screenshot = _context2.sent;
                return _context2.abrupt(&quot;return&quot;, {
                  screenshot: screenshot,
                  template: template
                });
              case 2:
              case &quot;end&quot;:
                return _context2.stop();
            }
          }, _callee2);
        }));
        return function (_x2) {
          return _ref.apply(this, arguments);
        };
      }()),
      onSelect: function onSelect(template) {
        var _options$onSelect;
        (_options$onSelect = options.onSelect) === null || _options$onSelect === void 0 || _options$onSelect.call(options);
        previewContainer.setContent(template);
      },
      onInsert: options.onInsert,
      hasPro: elementor.helpers.hasPro()
    })), rootElement),
    unmount = _ReactUtils$render.unmount;
  (_options$onRenderApp = options.onRenderApp) === null || _options$onRenderApp === void 0 || _options$onRenderApp.call(options, {
    previewContainer: previewContainer
  });
};
var importToEditor = exports.importToEditor = function importToEditor(_ref2) {
  var parentContainer = _ref2.parentContainer,
    at = _ref2.at,
    template = _ref2.template,
    historyTitle = _ref2.historyTitle,
    _ref2$replace = _ref2.replace,
    replace = _ref2$replace === void 0 ? false : _ref2$replace;
  var endHistoryLog = (0, _history.startHistoryLog)({
    type: &#039;import&#039;,
    title: historyTitle
  });
  if (replace) {
    $e.run(&#039;document/elements/delete&#039;, {
      container: parentContainer.children.at(at)
    });
  }
  $e.run(&#039;document/elements/create&#039;, {
    container: parentContainer,
    model: (0, _requestsIds.generateIds)(template),
    options: {
      at: at,
      edit: true
    }
  });
  endHistoryLog();
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/utils/history.js&quot;:
/*!*******************************************************!*\
  !*** ../modules/ai/assets/js/editor/utils/history.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.startHistoryLog = startHistoryLog;
exports.toggleHistory = toggleHistory;
function toggleHistory(isActive) {
  elementor.documents.getCurrent().history.setActive(isActive);
}

/**
 * @param {Object}                                                                                                                                                           options
 * @param { &#039;add&#039; | &#039;change&#039; | &#039;disable&#039; | &#039;duplicate&#039; | &#039;enable&#039; | &#039;import&#039; | &#039;move&#039; | &#039;paste&#039; | &#039;paste_style&#039; | &#039;remove&#039; | &#039;reset_settings&#039; | &#039;reset_style&#039; | &#039;selected&#039; } options.type
 * @param { string }                                                                                                                                                         options.title
 *
 * @return {*}
 */
function startHistoryLog(_ref) {
  var type = _ref.type,
    title = _ref.title;
  var id = $e.internal(&#039;document/history/start-log&#039;, {
    type: type,
    title: title
  });
  return function () {
    return $e.internal(&#039;document/history/end-log&#039;, {
      id: id
    });
  };
}

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/utils/preview-container.js&quot;:
/*!*****************************************************************!*\
  !*** ../modules/ai/assets/js/editor/utils/preview-container.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.createPreviewContainer = createPreviewContainer;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;));
var _history = __webpack_require__(/*! ./history */ &quot;../modules/ai/assets/js/editor/utils/history.js&quot;);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
/**
 * @typedef {import(&#039;elementor/assets/dev/js/editor/container/container&#039;)} Container
 */

var PREFIX = &#039;e-ai-preview-container&#039;;
var CLASS_HIDDEN = PREFIX + &#039;--hidden&#039;;
var CLASS_IDLE = PREFIX + &#039;--idle&#039;;

/**
 * @param {Container} parentContainer
 * @param {{}}        containerOptions
 * @return {{init, setContent, reset, destroy}}
 */

function createPreviewContainer(parentContainer) {
  var containerOptions = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : {};
  var createdContainers = new Map();
  var idleContainer = createIdleContainer(parentContainer, containerOptions);
  function init() {
    showContainer(idleContainer);
  }
  function getAllContainers() {
    return [].concat((0, _toConsumableArray2.default)(createdContainers.values()), [idleContainer]);
  }
  function reset() {
    deleteContainers((0, _toConsumableArray2.default)(createdContainers.values()));
    createdContainers.clear();
    showContainer(idleContainer);
  }
  function setContent(template) {
    if (!template) {
      return;
    }
    hideContainers(getAllContainers());
    if (!createdContainers.has(template)) {
      var newContainer = createContainer(parentContainer, template, containerOptions);
      createdContainers.set(template, newContainer);
    }
    showContainer(createdContainers.get(template));
  }
  function destroy() {
    deleteContainers(getAllContainers());
    createdContainers.clear();
  }
  return {
    init: init,
    reset: reset,
    setContent: setContent,
    destroy: destroy
  };
}

/**
 * @param {Container} parentContainer
 * @param {{}}        model
 * @param {{}}        options
 * @return {*}
 */
function createContainer(parentContainer, model) {
  var options = arguments.length &gt; 2 &amp;&amp; arguments[2] !== undefined ? arguments[2] : {};
  (0, _history.toggleHistory)(false);
  var container = $e.run(&#039;document/elements/create&#039;, {
    container: parentContainer,
    model: _objectSpread(_objectSpread({}, model), {}, {
      id: &quot;&quot;.concat(PREFIX, &quot;-&quot;).concat(elementorCommon.helpers.getUniqueId().toString())
    }),
    options: _objectSpread(_objectSpread({}, options), {}, {
      edit: false
    })
  });
  (0, _history.toggleHistory)(true);
  container.view.$el.addClass(CLASS_HIDDEN);
  return container;
}

/**
 * @param {Container} parentContainer
 * @param {{}}        containerOptions
 * @return {*}
 */
function createIdleContainer(parentContainer) {
  var containerOptions = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : {};
  // Create an empty container that&#039;ll be used of UI purposes.
  var container = createContainer(parentContainer, {
    elType: &#039;container&#039;
  }, containerOptions);
  container.view.$el.addClass(CLASS_IDLE);
  return container;
}
function hideContainers(containers) {
  containers.forEach(function (container) {
    container.view.$el.addClass(CLASS_HIDDEN);
  });
}
function showContainer(container) {
  container.view.$el.removeClass(CLASS_HIDDEN);

  // Delay the scroll to avoid UI jumps when toggling between containers.
  setTimeout(function () {
    container.view.$el[0].scrollIntoView({
      behavior: &#039;smooth&#039;,
      block: &#039;start&#039;
    });
  });
}
function deleteContainers(containers) {
  (0, _history.toggleHistory)(false);
  $e.run(&#039;document/elements/delete&#039;, {
    containers: containers
  });
  (0, _history.toggleHistory)(true);
}

/***/ }),

/***/ &quot;../modules/ai/assets/js/editor/utils/screenshot.js&quot;:
/*!**********************************************************!*\
  !*** ../modules/ai/assets/js/editor/utils/screenshot.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.takeScreenshot = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;));
var _htmlToImage = __webpack_require__(/*! html-to-image */ &quot;../node_modules/html-to-image/es/index.js&quot;);
var _history = __webpack_require__(/*! ./history */ &quot;../modules/ai/assets/js/editor/utils/history.js&quot;);
var _requestsIds = __webpack_require__(/*! ../context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var takeScreenshot = exports.takeScreenshot = /*#__PURE__*/function () {
  var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(template) {
    var hiddenWrapper, container, screenshot, _t;
    return _regenerator.default.wrap(function (_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          if (template) {
            _context.next = 1;
            break;
          }
          return _context.abrupt(&quot;return&quot;, &#039;&#039;);
        case 1:
          // Disable history so the Editor won&#039;t show our hidden container as a user action.
          (0, _history.toggleHistory)(false);
          hiddenWrapper = createHiddenWrapper();
          container = createContainer(template);
          wrapContainer(container, hiddenWrapper);
          elementor.getPreviewView().$childViewContainer[0].appendChild(hiddenWrapper);

          // Wait for the container to render.
          _context.next = 2;
          return waitForContainer(container.id);
        case 2:
          if (!template.elements.length) {
            _context.next = 3;
            break;
          }
          _context.next = 3;
          return Promise.all(template.elements.map(function (child) {
            return waitForContainer(child.id);
          }));
        case 3:
          _context.prev = 3;
          _context.next = 4;
          return screenshotNode(container.view.$el[0]);
        case 4:
          screenshot = _context.sent;
          _context.next = 6;
          break;
        case 5:
          _context.prev = 5;
          _t = _context[&quot;catch&quot;](3);
          // Return an empty image url if the screenshot failed.
          screenshot = &#039;&#039;;
        case 6:
          deleteContainer(container);
          hiddenWrapper.remove();
          (0, _history.toggleHistory)(true);
          return _context.abrupt(&quot;return&quot;, screenshot);
        case 7:
        case &quot;end&quot;:
          return _context.stop();
      }
    }, _callee, null, [[3, 5]]);
  }));
  return function takeScreenshot(_x) {
    return _ref.apply(this, arguments);
  };
}();
function screenshotNode(node) {
  return toWebp(node, {
    quality: 0.01,
    // Transparent 1x1 pixel.
    imagePlaceholder: &#039;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=&#039;
  });
}
function toWebp(_x2) {
  return _toWebp.apply(this, arguments);
}
function _toWebp() {
  _toWebp = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3(node) {
    var _options$quality;
    var options,
      canvas,
      _args3 = arguments;
    return _regenerator.default.wrap(function (_context3) {
      while (1) switch (_context3.prev = _context3.next) {
        case 0:
          options = _args3.length &gt; 1 &amp;&amp; _args3[1] !== undefined ? _args3[1] : {};
          _context3.next = 1;
          return (0, _htmlToImage.toCanvas)(node, options);
        case 1:
          canvas = _context3.sent;
          return _context3.abrupt(&quot;return&quot;, canvas.toDataURL(&#039;image/webp&#039;, (_options$quality = options.quality) !== null &amp;&amp; _options$quality !== void 0 ? _options$quality : 1));
        case 2:
        case &quot;end&quot;:
          return _context3.stop();
      }
    }, _callee3);
  }));
  return _toWebp.apply(this, arguments);
}
function createHiddenWrapper() {
  var wrapper = document.createElement(&#039;div&#039;);
  wrapper.style.position = &#039;fixed&#039;;
  wrapper.style.opacity = &#039;0&#039;;
  wrapper.style.inset = &#039;0&#039;;
  return wrapper;
}
function createContainer(template) {
  var model = (0, _requestsIds.generateIds)(template);

  // Set a custom ID, so it can be used later on in the backend.
  model.id = &quot;e-ai-screenshot-container-&quot;.concat(model.id);
  return $e.run(&#039;document/elements/create&#039;, {
    container: elementor.getPreviewContainer(),
    model: model,
    options: {
      edit: false
    }
  });
}
function deleteContainer(container) {
  return $e.run(&#039;document/elements/delete&#039;, {
    container: container
  });
}
function waitForContainer(id) {
  var timeout = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : 5000;
  var timeoutPromise = sleep(timeout);
  var waitPromise = new Promise(function (resolve) {
    elementorFrontend.hooks.addAction(&#039;frontend/element_ready/global&#039;, /*#__PURE__*/function () {
      var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2($element) {
        var images;
        return _regenerator.default.wrap(function (_context2) {
          while (1) switch (_context2.prev = _context2.next) {
            case 0:
              if (!($element.data(&#039;id&#039;) === id)) {
                _context2.next = 2;
                break;
              }
              images = (0, _toConsumableArray2.default)($element[0].querySelectorAll(&#039;img&#039;)); // Wait for all images to load.
              _context2.next = 1;
              return Promise.all(images.map(waitForImage));
            case 1:
              resolve();
            case 2:
            case &quot;end&quot;:
              return _context2.stop();
          }
        }, _callee2);
      }));
      return function (_x3) {
        return _ref2.apply(this, arguments);
      };
    }());
  });
  return Promise.any([timeoutPromise, waitPromise]);
}
function waitForImage(image) {
  if (image.complete) {
    return Promise.resolve();
  }
  return new Promise(function (resolve) {
    image.addEventListener(&#039;load&#039;, resolve);
    image.addEventListener(&#039;error&#039;, function () {
      // Remove the image to make sure it won&#039;t break the screenshot.
      image.remove();
      resolve();
    });
  });
}
function sleep(ms) {
  return new Promise(function (resolve) {
    return setTimeout(resolve, ms);
  });
}
function wrapContainer(container, wrapper) {
  var el = container.view.$el[0];
  el.parentNode.insertBefore(wrapper, el);
  wrapper.appendChild(el);
}

/***/ }),

/***/ &quot;../modules/ai/assets/js/gutenberg/edit-text-with-ai.js&quot;:
/*!**************************************************************!*\
  !*** ../modules/ai/assets/js/gutenberg/edit-text-with-ai.js ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;);


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.EditTextWithAi = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _element = __webpack_require__(/*! @wordpress/element */ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _textWithAi = __webpack_require__(/*! ./text-with-ai */ &quot;../modules/ai/assets/js/gutenberg/text-with-ai.js&quot;);
var _icons = __webpack_require__(/*! @elementor/icons */ &quot;@elementor/icons&quot;);
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var ToolbarButton = wp.components.ToolbarButton;
var BlockControls = wp.blockEditor.BlockControls;
var EditTextWithAi = exports.EditTextWithAi = function EditTextWithAi(props) {
  var _useState = (0, _element.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    shouldRenderAiApp = _useState2[0],
    setShouldRenderAiApp = _useState2[1];
  var BlockEdit = props.blockEdit;
  var supportedBlocks = [&#039;core/paragraph&#039;, &#039;core/heading&#039;];
  if (!supportedBlocks.includes(props.name)) {
    return /*#__PURE__*/_react.default.createElement(BlockEdit, props);
  }
  if (shouldRenderAiApp) {
    return /*#__PURE__*/_react.default.createElement(_textWithAi.AiText, {
      onClose: function onClose() {
        return setShouldRenderAiApp(false);
      },
      blockName: props.name,
      initialValue: props.attributes.content ? String(props.attributes.content) : &#039;&#039;,
      blockClientId: props.clientId
    });
  }
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BlockControls, null, /*#__PURE__*/_react.default.createElement(ToolbarButton, {
    icon: /*#__PURE__*/_react.default.createElement(_icons.AIIcon, {
      color: &quot;secondary&quot;
    }),
    label: (0, _i18n.__)(&#039;Edit with Elementor AI&#039;, &#039;elementor&#039;),
    onClick: function onClick() {
      return setShouldRenderAiApp(true);
    }
  })), /*#__PURE__*/_react.default.createElement(BlockEdit, props));
};
EditTextWithAi.propTypes = {
  name: PropTypes.string,
  blockEdit: PropTypes.func,
  attributes: PropTypes.object,
  clientId: PropTypes.string
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/gutenberg/excerpt.js&quot;:
/*!****************************************************!*\
  !*** ../modules/ai/assets/js/gutenberg/excerpt.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _element = __webpack_require__(/*! @wordpress/element */ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;);
var _requestsIds = __webpack_require__(/*! ../editor/context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _styles = __webpack_require__(/*! ./styles */ &quot;../modules/ai/assets/js/gutenberg/styles.js&quot;);
var _aiExcerpt = _interopRequireDefault(__webpack_require__(/*! ../editor/ai-excerpt */ &quot;../modules/ai/assets/js/editor/ai-excerpt.js&quot;));
var _postTextUtils = __webpack_require__(/*! ./post-text-utils */ &quot;../modules/ai/assets/js/gutenberg/post-text-utils.js&quot;);
var _wp$data = wp.data,
  useSelect = _wp$data.useSelect,
  useDispatch = _wp$data.useDispatch;
var GenerateExcerptWithAI = function GenerateExcerptWithAI() {
  var _useState = (0, _element.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isOpen = _useState2[0],
    setIsOpen = _useState2[1];
  var currExcerpt = useSelect(function (select) {
    var _select;
    return (_select = select(&#039;core/editor&#039;)) === null || _select === void 0 ? void 0 : _select.getEditedPostAttribute(&#039;excerpt&#039;);
  }, []);
  var _useDispatch = useDispatch(&#039;core/editor&#039;),
    editPost = _useDispatch.editPost;
  var postTextualContent = (0, _postTextUtils.useGutenbergPostText)();
  var handleButtonClick = function handleButtonClick() {
    setIsOpen(true);
  };
  var handleClose = function handleClose() {
    setIsOpen(false);
  };
  return /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    style: {
      paddingTop: &#039;0.6em&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_requestsIds.RequestIdsProvider, null, /*#__PURE__*/_react.default.createElement(_styles.Icon, {
    className: &#039;eicon-ai&#039;
  }), /*#__PURE__*/_react.default.createElement(_styles.AiLink, {
    onClick: handleButtonClick
  }, (0, _i18n.__)(&#039;Generate with Elementor AI&#039;, &#039;elementor&#039;)), isOpen &amp;&amp; /*#__PURE__*/_react.default.createElement(_aiExcerpt.default, {
    onClose: handleClose,
    currExcerpt: currExcerpt,
    updateExcerpt: function updateExcerpt(res) {
      return editPost({
        excerpt: res
      });
    },
    postTextualContent: postTextualContent
  })));
};
var _default = exports[&quot;default&quot;] = GenerateExcerptWithAI;

/***/ }),

/***/ &quot;../modules/ai/assets/js/gutenberg/featured-image.js&quot;:
/*!***********************************************************!*\
  !*** ../modules/ai/assets/js/gutenberg/featured-image.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _requestsIds = __webpack_require__(/*! ../editor/context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _components = __webpack_require__(/*! ../media-library/components */ &quot;../modules/ai/assets/js/media-library/components.js&quot;);
var _postTextUtils = __webpack_require__(/*! ./post-text-utils */ &quot;../modules/ai/assets/js/gutenberg/post-text-utils.js&quot;);
var _styles = __webpack_require__(/*! ./styles */ &quot;../modules/ai/assets/js/gutenberg/styles.js&quot;);
var _element = __webpack_require__(/*! @wordpress/element */ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;);
var _useFeaturedImagePrompt = _interopRequireDefault(__webpack_require__(/*! ../editor/hooks/use-featured-image-prompt */ &quot;../modules/ai/assets/js/editor/hooks/use-featured-image-prompt.js&quot;));
var useDispatch = wp.data.useDispatch;
var GenerateFeaturedImageWithAI = function GenerateFeaturedImageWithAI() {
  var FEATURED_IMAGE_RATIO = &#039;4:3&#039;;
  var _useDispatch = useDispatch(&#039;core/editor&#039;),
    editPost = _useDispatch.editPost;
  var _useState = (0, _element.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isOpen = _useState2[0],
    setIsOpen = _useState2[1];
  var handleButtonClick = function handleButtonClick() {
    setIsOpen(true);
  };
  var handleClose = function handleClose() {
    setIsOpen(false);
  };
  var postTextualContent = (0, _postTextUtils.useGutenbergPostText)();
  return /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    style: {
      paddingTop: &#039;0.6em&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_requestsIds.RequestIdsProvider, null, /*#__PURE__*/_react.default.createElement(_styles.Icon, {
    className: &#039;eicon-ai&#039;
  }), /*#__PURE__*/_react.default.createElement(_styles.AiLink, {
    onClick: handleButtonClick
  }, (0, _i18n.__)(&#039;Generate with Elementor AI&#039;, &#039;elementor&#039;)), isOpen &amp;&amp; /*#__PURE__*/_react.default.createElement(_components.AIMediaGenerateApp, {
    onClose: handleClose,
    predefinedPrompt: postTextualContent,
    textToImageHook: _useFeaturedImagePrompt.default,
    setControlValue: function setControlValue(value) {
      editPost({
        featured_media: value === null || value === void 0 ? void 0 : value.id
      });
    },
    initialSettings: {
      aspectRatio: FEATURED_IMAGE_RATIO
    }
  })));
};
var _default = exports[&quot;default&quot;] = GenerateFeaturedImageWithAI;

/***/ }),

/***/ &quot;../modules/ai/assets/js/gutenberg/post-text-utils.js&quot;:
/*!************************************************************!*\
  !*** ../modules/ai/assets/js/gutenberg/post-text-utils.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.useGutenbergPostText = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _element = __webpack_require__(/*! @wordpress/element */ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;);
var useSelect = wp.data.useSelect;
var useGutenbergPostText = exports.useGutenbergPostText = function useGutenbergPostText() {
  var postContent = useSelect(function (select) {
    var _select;
    return (_select = select(&#039;core/editor&#039;)) === null || _select === void 0 ? void 0 : _select.getEditedPostContent();
  }, []);
  var title = useSelect(function (select) {
    var _select2;
    return (_select2 = select(&#039;core/editor&#039;)) === null || _select2 === void 0 ? void 0 : _select2.getEditedPostAttribute(&#039;title&#039;);
  }, []);
  var _useState = (0, _element.useState)(&#039;&#039;),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    postTextualContent = _useState2[0],
    setPostTextualContent = _useState2[1];
  (0, _element.useEffect)(function () {
    var tempDiv = document.createElement(&#039;div&#039;);
    tempDiv.innerHTML = postContent;
    var extractedText = [title];
    function extractTextRecursively(element, extractedTextRec) {
      element.childNodes.forEach(function (node) {
        if (node.nodeType === Node.TEXT_NODE) {
          var text = node.textContent.trim();
          if (text) {
            extractedTextRec.push(text);
          }
        } else if (node.nodeType === Node.ELEMENT_NODE) {
          extractTextRecursively(node, extractedTextRec);
        }
      });
    }
    extractTextRecursively(tempDiv, extractedText);
    setPostTextualContent(extractedText.join(&#039;\n&#039;).trim());
  }, [postContent, title]);
  return postTextualContent;
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/gutenberg/styles.js&quot;:
/*!***************************************************!*\
  !*** ../modules/ai/assets/js/gutenberg/styles.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.Icon = exports.AiLink = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;));
var _ui = __webpack_require__(/*! @elementor/ui */ &quot;@elementor/ui&quot;);
var _templateObject, _templateObject2;
var Icon = exports.Icon = (0, _ui.styled)(&#039;i&#039;)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([&quot;\n  padding-inline-end: 0.5em;\n  cursor: pointer;\n  color: #C00BB9;\n&quot;])));
var AiLink = exports.AiLink = (0, _ui.styled)(&#039;a&#039;)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([&quot;\n  color: #C00BB9;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: inherit;\n  &amp;:hover {\n    text-decoration: underline;\n    color: #C00BB9;\n  }\n&quot;])));

/***/ }),

/***/ &quot;../modules/ai/assets/js/gutenberg/text-with-ai.js&quot;:
/*!*********************************************************!*\
  !*** ../modules/ai/assets/js/gutenberg/text-with-ai.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.GenerateTextWithAi = exports.AiText = void 0;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;));
var _element = __webpack_require__(/*! @wordpress/element */ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;);
var _requestsIds = __webpack_require__(/*! ../editor/context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
var _styles = __webpack_require__(/*! ./styles */ &quot;../modules/ai/assets/js/gutenberg/styles.js&quot;);
var _i18n = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _app = _interopRequireDefault(__webpack_require__(/*! ../editor/app */ &quot;../modules/ai/assets/js/editor/app.js&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r &amp;&amp; (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r &lt; arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.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; }
var _wp$data = wp.data,
  useDispatch = _wp$data.useDispatch,
  useSelect = _wp$data.useSelect;
var createBlock = wp.blocks.createBlock;
var AiText = exports.AiText = function AiText(_ref) {
  var onClose = _ref.onClose,
    blockName = _ref.blockName,
    _ref$initialValue = _ref.initialValue,
    initialValue = _ref$initialValue === void 0 ? &#039;&#039; : _ref$initialValue,
    _ref$blockClientId = _ref.blockClientId,
    blockClientId = _ref$blockClientId === void 0 ? &#039;&#039; : _ref$blockClientId;
  var _useDispatch = useDispatch(&#039;core/block-editor&#039;),
    replaceBlocks = _useDispatch.replaceBlocks,
    insertBlocks = _useDispatch.insertBlocks;
  var insertTextIntoParagraph = function insertTextIntoParagraph(text) {
    if (paragraphBlock) {
      var updatedBlock = _objectSpread(_objectSpread({}, paragraphBlock), {}, {
        attributes: _objectSpread(_objectSpread({}, paragraphBlock.attributes), {}, {
          content: text
        })
      });
      replaceBlocks(paragraphBlock.clientId, updatedBlock);
    } else {
      var newBlock = createBlock(blockName, {
        content: text
      });
      insertBlocks(newBlock);
    }
  };
  var isRTL = elementorCommon.config.isRTL;
  var _useSelect = useSelect(function () {
      var _wp$data$select;
      var currentBlocks = (_wp$data$select = wp.data.select(&#039;core/block-editor&#039;)) === null || _wp$data$select === void 0 ? void 0 : _wp$data$select.getBlocks();
      var foundParagraphBlock = currentBlocks.find(function (block) {
        return blockName === block.name &amp;&amp; blockClientId === block.clientId;
      });
      return {
        blocks: currentBlocks,
        paragraphBlock: foundParagraphBlock
      };
    }, []),
    paragraphBlock = _useSelect.paragraphBlock;
  var appType = &#039;core/paragraph&#039; === blockName ? &#039;textarea&#039; : &#039;text&#039;;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_app.default, {
    type: appType,
    getControlValue: function getControlValue() {
      return initialValue;
    },
    setControlValue: function setControlValue(value) {
      insertTextIntoParagraph(value);
    },
    onClose: onClose,
    isRTL: isRTL,
    additionalOptions: {
      hideAiContext: true
    }
  }));
};
AiText.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  blockName: _propTypes.default.string.isRequired,
  initialValue: _propTypes.default.string,
  blockClientId: _propTypes.default.string
};
var GenerateTextWithAi = exports.GenerateTextWithAi = function GenerateTextWithAi(_ref2) {
  var blockName = _ref2.blockName,
    blockClientId = _ref2.blockClientId;
  var _useState = (0, _element.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isOpen = _useState2[0],
    setIsOpen = _useState2[1];
  var handleButtonClick = function handleButtonClick() {
    setIsOpen(true);
  };
  var handleClose = function handleClose() {
    setIsOpen(false);
  };
  return /*#__PURE__*/_react.default.createElement(&quot;div&quot;, {
    style: {
      paddingTop: &#039;0.6em&#039;
    }
  }, /*#__PURE__*/_react.default.createElement(_requestsIds.RequestIdsProvider, null, /*#__PURE__*/_react.default.createElement(_styles.Icon, {
    className: &#039;eicon-ai&#039;
  }), /*#__PURE__*/_react.default.createElement(_styles.AiLink, {
    onClick: handleButtonClick
  }, (0, _i18n.__)(&#039;Generate with Elementor AI&#039;, &#039;elementor&#039;)), isOpen &amp;&amp; /*#__PURE__*/_react.default.createElement(AiText, {
    onClose: handleClose,
    blockName: blockName,
    blockClientId: blockClientId
  })));
};
GenerateTextWithAi.propTypes = {
  blockName: _propTypes.default.string.isRequired,
  blockClientId: _propTypes.default.string.isRequired
};

/***/ }),

/***/ &quot;../modules/ai/assets/js/media-library/components.js&quot;:
/*!***********************************************************!*\
  !*** ../modules/ai/assets/js/media-library/components.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.AIMediaGenerateApp = exports.AIMediaEditApp = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _app = _interopRequireDefault(__webpack_require__(/*! ../editor/app */ &quot;../modules/ai/assets/js/editor/app.js&quot;));
var _constants = __webpack_require__(/*! ../editor/pages/form-media/constants */ &quot;../modules/ai/assets/js/editor/pages/form-media/constants/index.js&quot;);
var AIMediaGenerateApp = exports.AIMediaGenerateApp = function AIMediaGenerateApp(_ref) {
  var onClose = _ref.onClose,
    setControlValue = _ref.setControlValue,
    _ref$predefinedPrompt = _ref.predefinedPrompt,
    predefinedPrompt = _ref$predefinedPrompt === void 0 ? &#039;&#039; : _ref$predefinedPrompt,
    _ref$textToImageHook = _ref.textToImageHook,
    textToImageHook = _ref$textToImageHook === void 0 ? null : _ref$textToImageHook,
    _ref$initialSettings = _ref.initialSettings,
    initialSettings = _ref$initialSettings === void 0 ? {} : _ref$initialSettings;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_app.default, {
    type: &#039;media&#039;,
    getControlValue: function getControlValue() {},
    setControlValue: setControlValue,
    onClose: onClose,
    isRTL: elementorCommon.config.isRTL,
    additionalOptions: {
      defaultImageType: Object.keys(_constants.IMAGE_PROMPT_CATEGORIES)[1],
      textToImageHook: textToImageHook,
      predefinedPrompt: predefinedPrompt,
      initialSettings: initialSettings
    }
  }));
};
AIMediaGenerateApp.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  predefinedPrompt: _propTypes.default.string,
  textToImageHook: _propTypes.default.func,
  setControlValue: _propTypes.default.func.isRequired,
  initialSettings: _propTypes.default.object
};
var AIMediaEditApp = exports.AIMediaEditApp = function AIMediaEditApp(_ref2) {
  var onClose = _ref2.onClose,
    imageId = _ref2.imageId;
  var image = wp.media.attachment(imageId);
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_app.default, {
    type: &#039;media&#039;,
    getControlValue: function getControlValue() {
      return image.attributes;
    },
    setControlValue: function setControlValue() {},
    onClose: onClose,
    isRTL: elementorCommon.config.isRTL,
    additionalOptions: {
      location: _constants.LOCATIONS.IMAGE_TOOLS
    }
  }));
};
AIMediaEditApp.propTypes = {
  onClose: _propTypes.default.func.isRequired,
  imageId: _propTypes.default.string
};

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/OverloadYield.js&quot;:
/*!***************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/OverloadYield.js ***!
  \***************************************************************/
/***/ ((module) =&gt; {

function _OverloadYield(e, d) {
  this.v = e, this.k = d;
}
module.exports = _OverloadYield, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/arrayLikeToArray.js&quot;:
/*!******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
  \******************************************************************/
/***/ ((module) =&gt; {

function _arrayLikeToArray(r, a) {
  (null == a || a &gt; r.length) &amp;&amp; (a = r.length);
  for (var e = 0, n = Array(a); e &lt; a; e++) n[e] = r[e];
  return n;
}
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/arrayWithHoles.js&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/arrayWithHoles.js ***!
  \****************************************************************/
/***/ ((module) =&gt; {

function _arrayWithHoles(r) {
  if (Array.isArray(r)) return r;
}
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js&quot;:
/*!*******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***!
  \*******************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ &quot;../node_modules/@babel/runtime/helpers/arrayLikeToArray.js&quot;);
function _arrayWithoutHoles(r) {
  if (Array.isArray(r)) return arrayLikeToArray(r);
}
module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/asyncToGenerator.js&quot;:
/*!******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
  \******************************************************************/
/***/ ((module) =&gt; {

function asyncGeneratorStep(n, t, e, r, o, a, c) {
  try {
    var i = n[a](c),
      u = i.value;
  } catch (n) {
    return void e(n);
  }
  i.done ? t(u) : Promise.resolve(u).then(r, o);
}
function _asyncToGenerator(n) {
  return function () {
    var t = this,
      e = arguments;
    return new Promise(function (r, o) {
      var a = n.apply(t, e);
      function _next(n) {
        asyncGeneratorStep(a, r, o, _next, _throw, &quot;next&quot;, n);
      }
      function _throw(n) {
        asyncGeneratorStep(a, r, o, _next, _throw, &quot;throw&quot;, n);
      }
      _next(void 0);
    });
  };
}
module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/classCallCheck.js&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
  \****************************************************************/
/***/ ((module) =&gt; {

function _classCallCheck(a, n) {
  if (!(a instanceof n)) throw new TypeError(&quot;Cannot call a class as a function&quot;);
}
module.exports = _classCallCheck, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/createClass.js&quot;:
/*!*************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/createClass.js ***!
  \*************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ &quot;../node_modules/@babel/runtime/helpers/toPropertyKey.js&quot;);
function _defineProperties(e, r) {
  for (var t = 0; t &lt; r.length; t++) {
    var o = r[t];
    o.enumerable = o.enumerable || !1, o.configurable = !0, &quot;value&quot; in o &amp;&amp; (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
  }
}
function _createClass(e, r, t) {
  return r &amp;&amp; _defineProperties(e.prototype, r), t &amp;&amp; _defineProperties(e, t), Object.defineProperty(e, &quot;prototype&quot;, {
    writable: !1
  }), e;
}
module.exports = _createClass, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/defineProperty.js&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/defineProperty.js ***!
  \****************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ &quot;../node_modules/@babel/runtime/helpers/toPropertyKey.js&quot;);
function _defineProperty(e, r, t) {
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
    value: t,
    enumerable: !0,
    configurable: !0,
    writable: !0
  }) : e[r] = t, e;
}
module.exports = _defineProperty, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;:
/*!*********************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/extends.js ***!
  \*********************************************************/
/***/ ((module) =&gt; {

function _extends() {
  return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
    for (var e = 1; e &lt; arguments.length; e++) {
      var t = arguments[e];
      for (var r in t) ({}).hasOwnProperty.call(t, r) &amp;&amp; (n[r] = t[r]);
    }
    return n;
  }, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports, _extends.apply(null, arguments);
}
module.exports = _extends, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;:
/*!***********************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/interopRequireDefault.js ***!
  \***********************************************************************/
/***/ ((module) =&gt; {

function _interopRequireDefault(e) {
  return e &amp;&amp; e.__esModule ? e : {
    &quot;default&quot;: e
  };
}
module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/iterableToArray.js&quot;:
/*!*****************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/iterableToArray.js ***!
  \*****************************************************************/
/***/ ((module) =&gt; {

function _iterableToArray(r) {
  if (&quot;undefined&quot; != typeof Symbol &amp;&amp; null != r[Symbol.iterator] || null != r[&quot;@@iterator&quot;]) return Array.from(r);
}
module.exports = _iterableToArray, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js&quot;:
/*!**********************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js ***!
  \**********************************************************************/
/***/ ((module) =&gt; {

function _iterableToArrayLimit(r, l) {
  var t = null == r ? null : &quot;undefined&quot; != typeof Symbol &amp;&amp; r[Symbol.iterator] || r[&quot;@@iterator&quot;];
  if (null != t) {
    var e,
      n,
      i,
      u,
      a = [],
      f = !0,
      o = !1;
    try {
      if (i = (t = t.call(r)).next, 0 === l) {
        if (Object(t) !== t) return;
        f = !1;
      } else for (; !(f = (e = i.call(t)).done) &amp;&amp; (a.push(e.value), a.length !== l); f = !0);
    } catch (r) {
      o = !0, n = r;
    } finally {
      try {
        if (!f &amp;&amp; null != t[&quot;return&quot;] &amp;&amp; (u = t[&quot;return&quot;](), Object(u) !== u)) return;
      } finally {
        if (o) throw n;
      }
    }
    return a;
  }
}
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/nonIterableRest.js&quot;:
/*!*****************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/nonIterableRest.js ***!
  \*****************************************************************/
/***/ ((module) =&gt; {

function _nonIterableRest() {
  throw new TypeError(&quot;Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;);
}
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/nonIterableSpread.js&quot;:
/*!*******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/nonIterableSpread.js ***!
  \*******************************************************************/
/***/ ((module) =&gt; {

function _nonIterableSpread() {
  throw new TypeError(&quot;Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;);
}
module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/objectWithoutProperties.js&quot;:
/*!*************************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/objectWithoutProperties.js ***!
  \*************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var objectWithoutPropertiesLoose = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ &quot;../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js&quot;);
function _objectWithoutProperties(e, t) {
  if (null == e) return {};
  var o,
    r,
    i = objectWithoutPropertiesLoose(e, t);
  if (Object.getOwnPropertySymbols) {
    var n = Object.getOwnPropertySymbols(e);
    for (r = 0; r &lt; n.length; r++) o = n[r], -1 === t.indexOf(o) &amp;&amp; {}.propertyIsEnumerable.call(e, o) &amp;&amp; (i[o] = e[o]);
  }
  return i;
}
module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js&quot;:
/*!******************************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js ***!
  \******************************************************************************/
/***/ ((module) =&gt; {

function _objectWithoutPropertiesLoose(r, e) {
  if (null == r) return {};
  var t = {};
  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
    if (-1 !== e.indexOf(n)) continue;
    t[n] = r[n];
  }
  return t;
}
module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regenerator.js&quot;:
/*!*************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regenerator.js ***!
  \*************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorDefine.js&quot;);
function _regenerator() {
  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
  var e,
    t,
    r = &quot;function&quot; == typeof Symbol ? Symbol : {},
    n = r.iterator || &quot;@@iterator&quot;,
    o = r.toStringTag || &quot;@@toStringTag&quot;;
  function i(r, n, o, i) {
    var c = n &amp;&amp; n.prototype instanceof Generator ? n : Generator,
      u = Object.create(c.prototype);
    return regeneratorDefine(u, &quot;_invoke&quot;, function (r, n, o) {
      var i,
        c,
        u,
        f = 0,
        p = o || [],
        y = !1,
        G = {
          p: 0,
          n: 0,
          v: e,
          a: d,
          f: d.bind(e, 4),
          d: function d(t, r) {
            return i = t, c = 0, u = e, G.n = r, a;
          }
        };
      function d(r, n) {
        for (c = r, u = n, t = 0; !y &amp;&amp; f &amp;&amp; !o &amp;&amp; t &lt; p.length; t++) {
          var o,
            i = p[t],
            d = G.p,
            l = i[2];
          r &gt; 3 ? (o = l === n) &amp;&amp; (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] &lt;= d &amp;&amp; ((o = r &lt; 2 &amp;&amp; d &lt; i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d &lt; l &amp;&amp; (o = r &lt; 3 || i[0] &gt; n || n &gt; l) &amp;&amp; (i[4] = r, i[5] = n, G.n = l, c = 0));
        }
        if (o || r &gt; 1) return a;
        throw y = !0, n;
      }
      return function (o, p, l) {
        if (f &gt; 1) throw TypeError(&quot;Generator is already running&quot;);
        for (y &amp;&amp; 1 === p &amp;&amp; d(p, l), c = p, u = l; (t = c &lt; 2 ? e : u) || !y;) {
          i || (c ? c &lt; 3 ? (c &gt; 1 &amp;&amp; (G.n = -1), d(c, u)) : G.n = u : G.v = u);
          try {
            if (f = 2, i) {
              if (c || (o = &quot;next&quot;), t = i[o]) {
                if (!(t = t.call(i, u))) throw TypeError(&quot;iterator result is not an object&quot;);
                if (!t.done) return t;
                u = t.value, c &lt; 2 &amp;&amp; (c = 0);
              } else 1 === c &amp;&amp; (t = i[&quot;return&quot;]) &amp;&amp; t.call(i), c &lt; 2 &amp;&amp; (u = TypeError(&quot;The iterator does not provide a &#039;&quot; + o + &quot;&#039; method&quot;), c = 1);
              i = e;
            } else if ((t = (y = G.n &lt; 0) ? u : r.call(n, G)) !== a) break;
          } catch (t) {
            i = e, c = 1, u = t;
          } finally {
            f = 1;
          }
        }
        return {
          value: t,
          done: y
        };
      };
    }(r, o, i), !0), u;
  }
  var a = {};
  function Generator() {}
  function GeneratorFunction() {}
  function GeneratorFunctionPrototype() {}
  t = Object.getPrototypeOf;
  var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
      return this;
    }), t),
    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
  function f(e) {
    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, &quot;GeneratorFunction&quot;)), e.prototype = Object.create(u), e;
  }
  return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine(u, &quot;constructor&quot;, GeneratorFunctionPrototype), regeneratorDefine(GeneratorFunctionPrototype, &quot;constructor&quot;, GeneratorFunction), GeneratorFunction.displayName = &quot;GeneratorFunction&quot;, regeneratorDefine(GeneratorFunctionPrototype, o, &quot;GeneratorFunction&quot;), regeneratorDefine(u), regeneratorDefine(u, o, &quot;Generator&quot;), regeneratorDefine(u, n, function () {
    return this;
  }), regeneratorDefine(u, &quot;toString&quot;, function () {
    return &quot;[object Generator]&quot;;
  }), (module.exports = _regenerator = function _regenerator() {
    return {
      w: i,
      m: f
    };
  }, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports)();
}
module.exports = _regenerator, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsync.js&quot;:
/*!******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regeneratorAsync.js ***!
  \******************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js&quot;);
function _regeneratorAsync(n, e, r, t, o) {
  var a = regeneratorAsyncGen(n, e, r, t, o);
  return a.next().then(function (n) {
    return n.done ? n.value : a.next();
  });
}
module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js&quot;:
/*!*********************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js ***!
  \*********************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var regenerator = __webpack_require__(/*! ./regenerator.js */ &quot;../node_modules/@babel/runtime/helpers/regenerator.js&quot;);
var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js&quot;);
function _regeneratorAsyncGen(r, e, t, o, n) {
  return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
}
module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js&quot;:
/*!**************************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js ***!
  \**************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ &quot;../node_modules/@babel/runtime/helpers/OverloadYield.js&quot;);
var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorDefine.js&quot;);
function AsyncIterator(t, e) {
  function n(r, o, i, f) {
    try {
      var c = t[r](o),
        u = c.value;
      return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
        n(&quot;next&quot;, t, i, f);
      }, function (t) {
        n(&quot;throw&quot;, t, i, f);
      }) : e.resolve(u).then(function (t) {
        c.value = t, i(c);
      }, function (t) {
        return n(&quot;throw&quot;, t, i, f);
      });
    } catch (t) {
      f(t);
    }
  }
  var r;
  this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, &quot;function&quot; == typeof Symbol &amp;&amp; Symbol.asyncIterator || &quot;@asyncIterator&quot;, function () {
    return this;
  })), regeneratorDefine(this, &quot;_invoke&quot;, function (t, o, i) {
    function f() {
      return new e(function (e, r) {
        n(t, i, e, r);
      });
    }
    return r = r ? r.then(f, f) : f();
  }, !0);
}
module.exports = AsyncIterator, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regeneratorDefine.js&quot;:
/*!*******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regeneratorDefine.js ***!
  \*******************************************************************/
/***/ ((module) =&gt; {

function _regeneratorDefine(e, r, n, t) {
  var i = Object.defineProperty;
  try {
    i({}, &quot;&quot;, {});
  } catch (e) {
    i = 0;
  }
  module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
    function o(r, n) {
      _regeneratorDefine(e, r, function (e) {
        return this._invoke(r, n, e);
      });
    }
    r ? i ? i(e, r, {
      value: n,
      enumerable: !t,
      configurable: !t,
      writable: !t
    }) : e[r] = n : (o(&quot;next&quot;, 0), o(&quot;throw&quot;, 1), o(&quot;return&quot;, 2));
  }, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports, _regeneratorDefine(e, r, n, t);
}
module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regeneratorKeys.js&quot;:
/*!*****************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regeneratorKeys.js ***!
  \*****************************************************************/
/***/ ((module) =&gt; {

function _regeneratorKeys(e) {
  var n = Object(e),
    r = [];
  for (var t in n) r.unshift(t);
  return function e() {
    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e;
    return e.done = !0, e;
  };
}
module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regeneratorRuntime.js&quot;:
/*!********************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
  \********************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ &quot;../node_modules/@babel/runtime/helpers/OverloadYield.js&quot;);
var regenerator = __webpack_require__(/*! ./regenerator.js */ &quot;../node_modules/@babel/runtime/helpers/regenerator.js&quot;);
var regeneratorAsync = __webpack_require__(/*! ./regeneratorAsync.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsync.js&quot;);
var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js&quot;);
var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js&quot;);
var regeneratorKeys = __webpack_require__(/*! ./regeneratorKeys.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorKeys.js&quot;);
var regeneratorValues = __webpack_require__(/*! ./regeneratorValues.js */ &quot;../node_modules/@babel/runtime/helpers/regeneratorValues.js&quot;);
function _regeneratorRuntime() {
  &quot;use strict&quot;;

  var r = regenerator(),
    e = r.m(_regeneratorRuntime),
    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
  function n(r) {
    var e = &quot;function&quot; == typeof r &amp;&amp; r.constructor;
    return !!e &amp;&amp; (e === t || &quot;GeneratorFunction&quot; === (e.displayName || e.name));
  }
  var o = {
    &quot;throw&quot;: 1,
    &quot;return&quot;: 2,
    &quot;break&quot;: 3,
    &quot;continue&quot;: 3
  };
  function a(r) {
    var e, t;
    return function (n) {
      e || (e = {
        stop: function stop() {
          return t(n.a, 2);
        },
        &quot;catch&quot;: function _catch() {
          return n.v;
        },
        abrupt: function abrupt(r, e) {
          return t(n.a, o[r], e);
        },
        delegateYield: function delegateYield(r, o, a) {
          return e.resultName = o, t(n.d, regeneratorValues(r), a);
        },
        finish: function finish(r) {
          return t(n.f, r);
        }
      }, t = function t(r, _t, o) {
        n.p = e.prev, n.n = e.next;
        try {
          return r(_t, o);
        } finally {
          e.next = n.n;
        }
      }), e.resultName &amp;&amp; (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
      try {
        return r.call(this, e);
      } finally {
        n.p = e.prev, n.n = e.next;
      }
    };
  }
  return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
    return {
      wrap: function wrap(e, t, n, o) {
        return r.w(a(e), t, n, o &amp;&amp; o.reverse());
      },
      isGeneratorFunction: n,
      mark: r.m,
      awrap: function awrap(r, e) {
        return new OverloadYield(r, e);
      },
      AsyncIterator: regeneratorAsyncIterator,
      async: function async(r, e, t, o, u) {
        return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
      },
      keys: regeneratorKeys,
      values: regeneratorValues
    };
  }, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports)();
}
module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/regeneratorValues.js&quot;:
/*!*******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/regeneratorValues.js ***!
  \*******************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var _typeof = (__webpack_require__(/*! ./typeof.js */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;)[&quot;default&quot;]);
function _regeneratorValues(e) {
  if (null != e) {
    var t = e[&quot;function&quot; == typeof Symbol &amp;&amp; Symbol.iterator || &quot;@@iterator&quot;],
      r = 0;
    if (t) return t.call(e);
    if (&quot;function&quot; == typeof e.next) return e;
    if (!isNaN(e.length)) return {
      next: function next() {
        return e &amp;&amp; r &gt;= e.length &amp;&amp; (e = void 0), {
          value: e &amp;&amp; e[r++],
          done: !e
        };
      }
    };
  }
  throw new TypeError(_typeof(e) + &quot; is not iterable&quot;);
}
module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/slicedToArray.js&quot;:
/*!***************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/slicedToArray.js ***!
  \***************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var arrayWithHoles = __webpack_require__(/*! ./arrayWithHoles.js */ &quot;../node_modules/@babel/runtime/helpers/arrayWithHoles.js&quot;);
var iterableToArrayLimit = __webpack_require__(/*! ./iterableToArrayLimit.js */ &quot;../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js&quot;);
var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ &quot;../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js&quot;);
var nonIterableRest = __webpack_require__(/*! ./nonIterableRest.js */ &quot;../node_modules/@babel/runtime/helpers/nonIterableRest.js&quot;);
function _slicedToArray(r, e) {
  return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();
}
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js&quot;:
/*!***********************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js ***!
  \***********************************************************************/
/***/ ((module) =&gt; {

function _taggedTemplateLiteral(e, t) {
  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
    raw: {
      value: Object.freeze(t)
    }
  }));
}
module.exports = _taggedTemplateLiteral, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/toConsumableArray.js&quot;:
/*!*******************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/toConsumableArray.js ***!
  \*******************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var arrayWithoutHoles = __webpack_require__(/*! ./arrayWithoutHoles.js */ &quot;../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js&quot;);
var iterableToArray = __webpack_require__(/*! ./iterableToArray.js */ &quot;../node_modules/@babel/runtime/helpers/iterableToArray.js&quot;);
var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ &quot;../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js&quot;);
var nonIterableSpread = __webpack_require__(/*! ./nonIterableSpread.js */ &quot;../node_modules/@babel/runtime/helpers/nonIterableSpread.js&quot;);
function _toConsumableArray(r) {
  return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();
}
module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/toPrimitive.js&quot;:
/*!*************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
  \*************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var _typeof = (__webpack_require__(/*! ./typeof.js */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;)[&quot;default&quot;]);
function toPrimitive(t, r) {
  if (&quot;object&quot; != _typeof(t) || !t) return t;
  var e = t[Symbol.toPrimitive];
  if (void 0 !== e) {
    var i = e.call(t, r || &quot;default&quot;);
    if (&quot;object&quot; != _typeof(i)) return i;
    throw new TypeError(&quot;@@toPrimitive must return a primitive value.&quot;);
  }
  return (&quot;string&quot; === r ? String : Number)(t);
}
module.exports = toPrimitive, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/toPropertyKey.js&quot;:
/*!***************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/toPropertyKey.js ***!
  \***************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var _typeof = (__webpack_require__(/*! ./typeof.js */ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;)[&quot;default&quot;]);
var toPrimitive = __webpack_require__(/*! ./toPrimitive.js */ &quot;../node_modules/@babel/runtime/helpers/toPrimitive.js&quot;);
function toPropertyKey(t) {
  var i = toPrimitive(t, &quot;string&quot;);
  return &quot;symbol&quot; == _typeof(i) ? i : i + &quot;&quot;;
}
module.exports = toPropertyKey, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/typeof.js&quot;:
/*!********************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/typeof.js ***!
  \********************************************************/
/***/ ((module) =&gt; {

function _typeof(o) {
  &quot;@babel/helpers - typeof&quot;;

  return module.exports = _typeof = &quot;function&quot; == typeof Symbol &amp;&amp; &quot;symbol&quot; == typeof Symbol.iterator ? function (o) {
    return typeof o;
  } : function (o) {
    return o &amp;&amp; &quot;function&quot; == typeof Symbol &amp;&amp; o.constructor === Symbol &amp;&amp; o !== Symbol.prototype ? &quot;symbol&quot; : typeof o;
  }, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports, _typeof(o);
}
module.exports = _typeof, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js&quot;:
/*!****************************************************************************!*\
  !*** ../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js ***!
  \****************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ &quot;../node_modules/@babel/runtime/helpers/arrayLikeToArray.js&quot;);
function _unsupportedIterableToArray(r, a) {
  if (r) {
    if (&quot;string&quot; == typeof r) return arrayLikeToArray(r, a);
    var t = {}.toString.call(r).slice(8, -1);
    return &quot;Object&quot; === t &amp;&amp; r.constructor &amp;&amp; (t = r.constructor.name), &quot;Map&quot; === t || &quot;Set&quot; === t ? Array.from(r) : &quot;Arguments&quot; === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;
  }
}
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports[&quot;default&quot;] = module.exports;

/***/ }),

/***/ &quot;../node_modules/@babel/runtime/regenerator/index.js&quot;:
/*!***********************************************************!*\
  !*** ../node_modules/@babel/runtime/regenerator/index.js ***!
  \***********************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

// TODO(Babel 8): Remove this file.

var runtime = __webpack_require__(/*! ../helpers/regeneratorRuntime */ &quot;../node_modules/@babel/runtime/helpers/regeneratorRuntime.js&quot;)();
module.exports = runtime;

// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
try {
  regeneratorRuntime = runtime;
} catch (accidentalStrictMode) {
  if (typeof globalThis === &quot;object&quot;) {
    globalThis.regeneratorRuntime = runtime;
  } else {
    Function(&quot;r&quot;, &quot;regeneratorRuntime = r&quot;)(runtime);
  }
}


/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/create-interpolate-element.js&quot;:
/*!*************************************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/create-interpolate-element.js ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./react */ &quot;react&quot;);
/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_react__WEBPACK_IMPORTED_MODULE_0__);
/**
 * Internal dependencies
 */


/**
 * Object containing a React element.
 *
 * @typedef {import(&#039;react&#039;).ReactElement} Element
 */

let indoc, offset, output, stack;

/**
 * Matches tags in the localized string
 *
 * This is used for extracting the tag pattern groups for parsing the localized
 * string and along with the map converting it to a react element.
 *
 * There are four references extracted using this tokenizer:
 *
 * match: Full match of the tag (i.e. &lt;strong&gt;, &lt;/strong&gt;, &lt;br/&gt;)
 * isClosing: The closing slash, if it exists.
 * name: The name portion of the tag (strong, br) (if )
 * isSelfClosed: The slash on a self closing tag, if it exists.
 *
 * @type {RegExp}
 */
const tokenizer = /&lt;(\/)?(\w+)\s*(\/)?&gt;/g;

/**
 * The stack frame tracking parse progress.
 *
 * @typedef Frame
 *
 * @property {Element}   element            A parent element which may still have
 * @property {number}    tokenStart         Offset at which parent element first
 *                                          appears.
 * @property {number}    tokenLength        Length of string marking start of parent
 *                                          element.
 * @property {number}    [prevOffset]       Running offset at which parsing should
 *                                          continue.
 * @property {number}    [leadingTextStart] Offset at which last closing element
 *                                          finished, used for finding text between
 *                                          elements.
 * @property {Element[]} children           Children.
 */

/**
 * Tracks recursive-descent parse state.
 *
 * This is a Stack frame holding parent elements until all children have been
 * parsed.
 *
 * @private
 * @param {Element} element            A parent element which may still have
 *                                     nested children not yet parsed.
 * @param {number}  tokenStart         Offset at which parent element first
 *                                     appears.
 * @param {number}  tokenLength        Length of string marking start of parent
 *                                     element.
 * @param {number}  [prevOffset]       Running offset at which parsing should
 *                                     continue.
 * @param {number}  [leadingTextStart] Offset at which last closing element
 *                                     finished, used for finding text between
 *                                     elements.
 *
 * @return {Frame} The stack frame tracking parse progress.
 */
function createFrame(element, tokenStart, tokenLength, prevOffset, leadingTextStart) {
  return {
    element,
    tokenStart,
    tokenLength,
    prevOffset,
    leadingTextStart,
    children: []
  };
}

/**
 * This function creates an interpolated element from a passed in string with
 * specific tags matching how the string should be converted to an element via
 * the conversion map value.
 *
 * @example
 * For example, for the given string:
 *
 * &quot;This is a &lt;span&gt;string&lt;/span&gt; with &lt;a&gt;a link&lt;/a&gt; and a self-closing
 * &lt;CustomComponentB/&gt; tag&quot;
 *
 * You would have something like this as the conversionMap value:
 *
 * ```js
 * {
 *     span: &lt;span /&gt;,
 *     a: &lt;a href={ &#039;https://github.com&#039; } /&gt;,
 *     CustomComponentB: &lt;CustomComponent /&gt;,
 * }
 * ```
 *
 * @param {string}                  interpolatedString The interpolation string to be parsed.
 * @param {Record&lt;string, Element&gt;} conversionMap      The map used to convert the string to
 *                                                     a react element.
 * @throws {TypeError}
 * @return {Element}  A wp element.
 */
const createInterpolateElement = (interpolatedString, conversionMap) =&gt; {
  indoc = interpolatedString;
  offset = 0;
  output = [];
  stack = [];
  tokenizer.lastIndex = 0;
  if (!isValidConversionMap(conversionMap)) {
    throw new TypeError(&#039;The conversionMap provided is not valid. It must be an object with values that are React Elements&#039;);
  }
  do {
    // twiddle our thumbs
  } while (proceed(conversionMap));
  return (0,_react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, ...output);
};

/**
 * Validate conversion map.
 *
 * A map is considered valid if it&#039;s an object and every value in the object
 * is a React Element
 *
 * @private
 *
 * @param {Object} conversionMap The map being validated.
 *
 * @return {boolean}  True means the map is valid.
 */
const isValidConversionMap = conversionMap =&gt; {
  const isObject = typeof conversionMap === &#039;object&#039;;
  const values = isObject &amp;&amp; Object.values(conversionMap);
  return isObject &amp;&amp; values.length &amp;&amp; values.every(element =&gt; (0,_react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(element));
};

/**
 * This is the iterator over the matches in the string.
 *
 * @private
 *
 * @param {Object} conversionMap The conversion map for the string.
 *
 * @return {boolean} true for continuing to iterate, false for finished.
 */
function proceed(conversionMap) {
  const next = nextToken();
  const [tokenType, name, startOffset, tokenLength] = next;
  const stackDepth = stack.length;
  const leadingTextStart = startOffset &gt; offset ? offset : null;
  if (!conversionMap[name]) {
    addText();
    return false;
  }
  switch (tokenType) {
    case &#039;no-more-tokens&#039;:
      if (stackDepth !== 0) {
        const {
          leadingTextStart: stackLeadingText,
          tokenStart
        } = stack.pop();
        output.push(indoc.substr(stackLeadingText, tokenStart));
      }
      addText();
      return false;
    case &#039;self-closed&#039;:
      if (0 === stackDepth) {
        if (null !== leadingTextStart) {
          output.push(indoc.substr(leadingTextStart, startOffset - leadingTextStart));
        }
        output.push(conversionMap[name]);
        offset = startOffset + tokenLength;
        return true;
      }

      // Otherwise we found an inner element.
      addChild(createFrame(conversionMap[name], startOffset, tokenLength));
      offset = startOffset + tokenLength;
      return true;
    case &#039;opener&#039;:
      stack.push(createFrame(conversionMap[name], startOffset, tokenLength, startOffset + tokenLength, leadingTextStart));
      offset = startOffset + tokenLength;
      return true;
    case &#039;closer&#039;:
      // If we&#039;re not nesting then this is easy - close the block.
      if (1 === stackDepth) {
        closeOuterElement(startOffset);
        offset = startOffset + tokenLength;
        return true;
      }

      // Otherwise we&#039;re nested and we have to close out the current
      // block and add it as a innerBlock to the parent.
      const stackTop = stack.pop();
      const text = indoc.substr(stackTop.prevOffset, startOffset - stackTop.prevOffset);
      stackTop.children.push(text);
      stackTop.prevOffset = startOffset + tokenLength;
      const frame = createFrame(stackTop.element, stackTop.tokenStart, stackTop.tokenLength, startOffset + tokenLength);
      frame.children = stackTop.children;
      addChild(frame);
      offset = startOffset + tokenLength;
      return true;
    default:
      addText();
      return false;
  }
}

/**
 * Grabs the next token match in the string and returns it&#039;s details.
 *
 * @private
 *
 * @return {Array}  An array of details for the token matched.
 */
function nextToken() {
  const matches = tokenizer.exec(indoc);
  // We have no more tokens.
  if (null === matches) {
    return [&#039;no-more-tokens&#039;];
  }
  const startedAt = matches.index;
  const [match, isClosing, name, isSelfClosed] = matches;
  const length = match.length;
  if (isSelfClosed) {
    return [&#039;self-closed&#039;, name, startedAt, length];
  }
  if (isClosing) {
    return [&#039;closer&#039;, name, startedAt, length];
  }
  return [&#039;opener&#039;, name, startedAt, length];
}

/**
 * Pushes text extracted from the indoc string to the output stack given the
 * current rawLength value and offset (if rawLength is provided ) or the
 * indoc.length and offset.
 *
 * @private
 */
function addText() {
  const length = indoc.length - offset;
  if (0 === length) {
    return;
  }
  output.push(indoc.substr(offset, length));
}

/**
 * Pushes a child element to the associated parent element&#039;s children for the
 * parent currently active in the stack.
 *
 * @private
 *
 * @param {Frame} frame The Frame containing the child element and it&#039;s
 *                      token information.
 */
function addChild(frame) {
  const {
    element,
    tokenStart,
    tokenLength,
    prevOffset,
    children
  } = frame;
  const parent = stack[stack.length - 1];
  const text = indoc.substr(parent.prevOffset, tokenStart - parent.prevOffset);
  if (text) {
    parent.children.push(text);
  }
  parent.children.push((0,_react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(element, null, ...children));
  parent.prevOffset = prevOffset ? prevOffset : tokenStart + tokenLength;
}

/**
 * This is called for closing tags. It creates the element currently active in
 * the stack.
 *
 * @private
 *
 * @param {number} endOffset Offset at which the closing tag for the element
 *                           begins in the string. If this is greater than the
 *                           prevOffset attached to the element, then this
 *                           helps capture any remaining nested text nodes in
 *                           the element.
 */
function closeOuterElement(endOffset) {
  const {
    element,
    leadingTextStart,
    prevOffset,
    tokenStart,
    children
  } = stack.pop();
  const text = endOffset ? indoc.substr(prevOffset, endOffset - prevOffset) : indoc.substr(prevOffset);
  if (text) {
    children.push(text);
  }
  if (null !== leadingTextStart) {
    output.push(indoc.substr(leadingTextStart, tokenStart - leadingTextStart));
  }
  output.push((0,_react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(element, null, ...children));
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createInterpolateElement);
//# sourceMappingURL=create-interpolate-element.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/index.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Children: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.Children),
/* harmony export */   Component: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.Component),
/* harmony export */   Fragment: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.Fragment),
/* harmony export */   Platform: () =&gt; (/* reexport safe */ _platform__WEBPACK_IMPORTED_MODULE_4__[&quot;default&quot;]),
/* harmony export */   PureComponent: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.PureComponent),
/* harmony export */   RawHTML: () =&gt; (/* reexport safe */ _raw_html__WEBPACK_IMPORTED_MODULE_6__[&quot;default&quot;]),
/* harmony export */   StrictMode: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.StrictMode),
/* harmony export */   Suspense: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.Suspense),
/* harmony export */   cloneElement: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.cloneElement),
/* harmony export */   concatChildren: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.concatChildren),
/* harmony export */   createContext: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.createContext),
/* harmony export */   createElement: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.createElement),
/* harmony export */   createInterpolateElement: () =&gt; (/* reexport safe */ _create_interpolate_element__WEBPACK_IMPORTED_MODULE_0__[&quot;default&quot;]),
/* harmony export */   createPortal: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.createPortal),
/* harmony export */   createRef: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.createRef),
/* harmony export */   createRoot: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.createRoot),
/* harmony export */   findDOMNode: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.findDOMNode),
/* harmony export */   flushSync: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.flushSync),
/* harmony export */   forwardRef: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.forwardRef),
/* harmony export */   hydrate: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.hydrate),
/* harmony export */   hydrateRoot: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.hydrateRoot),
/* harmony export */   isEmptyElement: () =&gt; (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_3__.isEmptyElement),
/* harmony export */   isValidElement: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.isValidElement),
/* harmony export */   lazy: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.lazy),
/* harmony export */   memo: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.memo),
/* harmony export */   render: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.render),
/* harmony export */   renderToString: () =&gt; (/* reexport safe */ _serialize__WEBPACK_IMPORTED_MODULE_5__[&quot;default&quot;]),
/* harmony export */   startTransition: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.startTransition),
/* harmony export */   switchChildrenNodeName: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.switchChildrenNodeName),
/* harmony export */   unmountComponentAtNode: () =&gt; (/* reexport safe */ _react_platform__WEBPACK_IMPORTED_MODULE_2__.unmountComponentAtNode),
/* harmony export */   useCallback: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useCallback),
/* harmony export */   useContext: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useContext),
/* harmony export */   useDebugValue: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useDebugValue),
/* harmony export */   useDeferredValue: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useDeferredValue),
/* harmony export */   useEffect: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useEffect),
/* harmony export */   useId: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useId),
/* harmony export */   useImperativeHandle: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle),
/* harmony export */   useInsertionEffect: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useInsertionEffect),
/* harmony export */   useLayoutEffect: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect),
/* harmony export */   useMemo: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useMemo),
/* harmony export */   useReducer: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useReducer),
/* harmony export */   useRef: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useRef),
/* harmony export */   useState: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useState),
/* harmony export */   useSyncExternalStore: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useSyncExternalStore),
/* harmony export */   useTransition: () =&gt; (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_1__.useTransition)
/* harmony export */ });
/* harmony import */ var _create_interpolate_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-interpolate-element */ &quot;../node_modules/@wordpress/element/build-module/create-interpolate-element.js&quot;);
/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./react */ &quot;../node_modules/@wordpress/element/build-module/react.js&quot;);
/* harmony import */ var _react_platform__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./react-platform */ &quot;../node_modules/@wordpress/element/build-module/react-platform.js&quot;);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ &quot;../node_modules/@wordpress/element/build-module/utils.js&quot;);
/* harmony import */ var _platform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./platform */ &quot;../node_modules/@wordpress/element/build-module/platform.js&quot;);
/* harmony import */ var _serialize__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./serialize */ &quot;../node_modules/@wordpress/element/build-module/serialize.js&quot;);
/* harmony import */ var _raw_html__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./raw-html */ &quot;../node_modules/@wordpress/element/build-module/raw-html.js&quot;);


//# sourceMappingURL=index.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/platform.js&quot;:
/*!*******************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/platform.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/**
 * Parts of this source were derived and modified from react-native-web,
 * released under the MIT license.
 *
 * Copyright (c) 2016-present, Nicolas Gallagher.
 * Copyright (c) 2015-present, Facebook, Inc.
 *
 */
const Platform = {
  OS: &#039;web&#039;,
  select: spec =&gt; &#039;web&#039; in spec ? spec.web : spec.default,
  isWeb: true
};
/**
 * Component used to detect the current Platform being used.
 * Use Platform.OS === &#039;web&#039; to detect if running on web enviroment.
 *
 * This is the same concept as the React Native implementation.
 *
 * @see https://reactnative.dev/docs/platform-specific-code#platform-module
 *
 * Here is an example of how to use the select method:
 * @example
 * ```js
 * import { Platform } from &#039;@wordpress/element&#039;;
 *
 * const placeholderLabel = Platform.select( {
 *   native: __( &#039;Add media&#039; ),
 *   web: __( &#039;Drag images, upload new ones or select files from your library.&#039; ),
 * } );
 * ```
 */
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Platform);
//# sourceMappingURL=platform.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/raw-html.js&quot;:
/*!*******************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/raw-html.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (/* binding */ RawHTML)
/* harmony export */ });
/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./react */ &quot;react&quot;);
/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_react__WEBPACK_IMPORTED_MODULE_0__);
/**
 * Internal dependencies
 */


/** @typedef {{children: string} &amp; import(&#039;react&#039;).ComponentPropsWithoutRef&lt;&#039;div&#039;&gt;} RawHTMLProps */

/**
 * Component used as equivalent of Fragment with unescaped HTML, in cases where
 * it is desirable to render dangerous HTML without needing a wrapper element.
 * To preserve additional props, a `div` wrapper _will_ be created if any props
 * aside from `children` are passed.
 *
 * @param {RawHTMLProps} props Children should be a string of HTML or an array
 *                             of strings. Other props will be passed through
 *                             to the div wrapper.
 *
 * @return {JSX.Element} Dangerously-rendering component.
 */
function RawHTML({
  children,
  ...props
}) {
  let rawHtml = &#039;&#039;;

  // Cast children as an array, and concatenate each element if it is a string.
  _react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).forEach(child =&gt; {
    if (typeof child === &#039;string&#039; &amp;&amp; child.trim() !== &#039;&#039;) {
      rawHtml += child;
    }
  });

  // The `div` wrapper will be stripped by the `renderElement` serializer in
  // `./serialize.js` unless there are non-children props present.
  return (0,_react__WEBPACK_IMPORTED_MODULE_0__.createElement)(&#039;div&#039;, {
    dangerouslySetInnerHTML: {
      __html: rawHtml
    },
    ...props
  });
}
//# sourceMappingURL=raw-html.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/react-platform.js&quot;:
/*!*************************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/react-platform.js ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   createPortal: () =&gt; (/* reexport safe */ react_dom__WEBPACK_IMPORTED_MODULE_0__.createPortal),
/* harmony export */   createRoot: () =&gt; (/* reexport safe */ react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot),
/* harmony export */   findDOMNode: () =&gt; (/* reexport safe */ react_dom__WEBPACK_IMPORTED_MODULE_0__.findDOMNode),
/* harmony export */   flushSync: () =&gt; (/* reexport safe */ react_dom__WEBPACK_IMPORTED_MODULE_0__.flushSync),
/* harmony export */   hydrate: () =&gt; (/* reexport safe */ react_dom__WEBPACK_IMPORTED_MODULE_0__.hydrate),
/* harmony export */   hydrateRoot: () =&gt; (/* reexport safe */ react_dom_client__WEBPACK_IMPORTED_MODULE_1__.hydrateRoot),
/* harmony export */   render: () =&gt; (/* reexport safe */ react_dom__WEBPACK_IMPORTED_MODULE_0__.render),
/* harmony export */   unmountComponentAtNode: () =&gt; (/* reexport safe */ react_dom__WEBPACK_IMPORTED_MODULE_0__.unmountComponentAtNode)
/* harmony export */ });
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ &quot;react-dom&quot;);
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ &quot;../node_modules/react-dom/client.js&quot;);
/**
 * External dependencies
 */


/**
 * Creates a portal into which a component can be rendered.
 *
 * @see https://github.com/facebook/react/issues/10309#issuecomment-318433235
 *
 * @param {import(&#039;react&#039;).ReactElement} child     Any renderable child, such as an element,
 *                                                 string, or fragment.
 * @param {HTMLElement}                  container DOM node into which element should be rendered.
 */


/**
 * Finds the dom node of a React component.
 *
 * @param {import(&#039;react&#039;).ComponentType} component Component&#039;s instance.
 */


/**
 * Forces React to flush any updates inside the provided callback synchronously.
 *
 * @param {Function} callback Callback to run synchronously.
 */


/**
 * Renders a given element into the target DOM node.
 *
 * @deprecated since WordPress 6.2.0. Use `createRoot` instead.
 * @see https://react.dev/reference/react-dom/render
 */


/**
 * Hydrates a given element into the target DOM node.
 *
 * @deprecated since WordPress 6.2.0. Use `hydrateRoot` instead.
 * @see https://react.dev/reference/react-dom/hydrate
 */


/**
 * Creates a new React root for the target DOM node.
 *
 * @since 6.2.0 Introduced in WordPress core.
 * @see https://react.dev/reference/react-dom/client/createRoot
 */


/**
 * Creates a new React root for the target DOM node and hydrates it with a pre-generated markup.
 *
 * @since 6.2.0 Introduced in WordPress core.
 * @see https://react.dev/reference/react-dom/client/hydrateRoot
 */


/**
 * Removes any mounted element from the target DOM node.
 *
 * @deprecated since WordPress 6.2.0. Use `root.unmount()` instead.
 * @see https://react.dev/reference/react-dom/unmountComponentAtNode
 */

//# sourceMappingURL=react-platform.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/react.js&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/react.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Children: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.Children),
/* harmony export */   Component: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.Component),
/* harmony export */   Fragment: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.Fragment),
/* harmony export */   PureComponent: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.PureComponent),
/* harmony export */   StrictMode: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.StrictMode),
/* harmony export */   Suspense: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.Suspense),
/* harmony export */   cloneElement: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.cloneElement),
/* harmony export */   concatChildren: () =&gt; (/* binding */ concatChildren),
/* harmony export */   createContext: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.createContext),
/* harmony export */   createElement: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.createElement),
/* harmony export */   createRef: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.createRef),
/* harmony export */   forwardRef: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef),
/* harmony export */   isValidElement: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.isValidElement),
/* harmony export */   lazy: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.lazy),
/* harmony export */   memo: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.memo),
/* harmony export */   startTransition: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.startTransition),
/* harmony export */   switchChildrenNodeName: () =&gt; (/* binding */ switchChildrenNodeName),
/* harmony export */   useCallback: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useCallback),
/* harmony export */   useContext: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useContext),
/* harmony export */   useDebugValue: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useDebugValue),
/* harmony export */   useDeferredValue: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useDeferredValue),
/* harmony export */   useEffect: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useEffect),
/* harmony export */   useId: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useId),
/* harmony export */   useImperativeHandle: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle),
/* harmony export */   useInsertionEffect: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect),
/* harmony export */   useLayoutEffect: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect),
/* harmony export */   useMemo: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useMemo),
/* harmony export */   useReducer: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useReducer),
/* harmony export */   useRef: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useRef),
/* harmony export */   useState: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useState),
/* harmony export */   useSyncExternalStore: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useSyncExternalStore),
/* harmony export */   useTransition: () =&gt; (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.useTransition)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ &quot;react&quot;);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/**
 * External dependencies
 */
// eslint-disable-next-line @typescript-eslint/no-restricted-imports


/**
 * Object containing a React element.
 *
 * @typedef {import(&#039;react&#039;).ReactElement} Element
 */

/**
 * Object containing a React component.
 *
 * @typedef {import(&#039;react&#039;).ComponentType} ComponentType
 */

/**
 * Object containing a React synthetic event.
 *
 * @typedef {import(&#039;react&#039;).SyntheticEvent} SyntheticEvent
 */

/**
 * Object containing a React synthetic event.
 *
 * @template T
 * @typedef {import(&#039;react&#039;).RefObject&lt;T&gt;} RefObject&lt;T&gt;
 */

/**
 * Object that provides utilities for dealing with React children.
 */


/**
 * Creates a copy of an element with extended props.
 *
 * @param {Element} element Element
 * @param {?Object} props   Props to apply to cloned element
 *
 * @return {Element} Cloned element.
 */


/**
 * A base class to create WordPress Components (Refs, state and lifecycle hooks)
 */


/**
 * Creates a context object containing two components: a provider and consumer.
 *
 * @param {Object} defaultValue A default data stored in the context.
 *
 * @return {Object} Context object.
 */


/**
 * Returns a new element of given type. Type can be either a string tag name or
 * another function which itself returns an element.
 *
 * @param {?(string|Function)} type     Tag name or element creator
 * @param {Object}             props    Element properties, either attribute
 *                                      set to apply to DOM node or values to
 *                                      pass through to element creator
 * @param {...Element}         children Descendant elements
 *
 * @return {Element} Element.
 */


/**
 * Returns an object tracking a reference to a rendered element via its
 * `current` property as either a DOMElement or Element, dependent upon the
 * type of element rendered with the ref attribute.
 *
 * @return {Object} Ref object.
 */


/**
 * Component enhancer used to enable passing a ref to its wrapped component.
 * Pass a function argument which receives `props` and `ref` as its arguments,
 * returning an element using the forwarded ref. The return value is a new
 * component which forwards its ref.
 *
 * @param {Function} forwarder Function passed `props` and `ref`, expected to
 *                             return an element.
 *
 * @return {Component} Enhanced component.
 */


/**
 * A component which renders its children without any wrapping element.
 */


/**
 * Checks if an object is a valid React Element.
 *
 * @param {Object} objectToCheck The object to be checked.
 *
 * @return {boolean} true if objectToTest is a valid React Element and false otherwise.
 */


/**
 * @see https://reactjs.org/docs/react-api.html#reactmemo
 */


/**
 * Component that activates additional checks and warnings for its descendants.
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usecallback
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usecontext
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usedebugvalue
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usedeferredvalue
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#useeffect
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#useid
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#useimperativehandle
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#useinsertioneffect
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#uselayouteffect
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usememo
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usereducer
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#useref
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usestate
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usesyncexternalstore
 */


/**
 * @see https://reactjs.org/docs/hooks-reference.html#usetransition
 */


/**
 * @see https://reactjs.org/docs/react-api.html#starttransition
 */


/**
 * @see https://reactjs.org/docs/react-api.html#reactlazy
 */


/**
 * @see https://reactjs.org/docs/react-api.html#reactsuspense
 */


/**
 * @see https://reactjs.org/docs/react-api.html#reactpurecomponent
 */


/**
 * Concatenate two or more React children objects.
 *
 * @param {...?Object} childrenArguments Array of children arguments (array of arrays/strings/objects) to concatenate.
 *
 * @return {Array} The concatenated value.
 */
function concatChildren(...childrenArguments) {
  return childrenArguments.reduce((accumulator, children, i) =&gt; {
    react__WEBPACK_IMPORTED_MODULE_0__.Children.forEach(children, (child, j) =&gt; {
      if (child &amp;&amp; &#039;string&#039; !== typeof child) {
        child = (0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child, {
          key: [i, j].join()
        });
      }
      accumulator.push(child);
    });
    return accumulator;
  }, []);
}

/**
 * Switches the nodeName of all the elements in the children object.
 *
 * @param {?Object} children Children object.
 * @param {string}  nodeName Node name.
 *
 * @return {?Object} The updated children object.
 */
function switchChildrenNodeName(children, nodeName) {
  return children &amp;&amp; react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children, (elt, index) =&gt; {
    if (typeof elt?.valueOf() === &#039;string&#039;) {
      return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(nodeName, {
        key: index
      }, elt);
    }
    const {
      children: childrenProp,
      ...props
    } = elt.props;
    return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(nodeName, {
      key: index,
      ...props
    }, childrenProp);
  });
}
//# sourceMappingURL=react.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/serialize.js&quot;:
/*!********************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/serialize.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   hasPrefix: () =&gt; (/* binding */ hasPrefix),
/* harmony export */   renderAttributes: () =&gt; (/* binding */ renderAttributes),
/* harmony export */   renderComponent: () =&gt; (/* binding */ renderComponent),
/* harmony export */   renderElement: () =&gt; (/* binding */ renderElement),
/* harmony export */   renderNativeComponent: () =&gt; (/* binding */ renderNativeComponent),
/* harmony export */   renderStyle: () =&gt; (/* binding */ renderStyle)
/* harmony export */ });
/* harmony import */ var is_plain_object__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! is-plain-object */ &quot;../node_modules/is-plain-object/dist/is-plain-object.mjs&quot;);
/* harmony import */ var change_case__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! change-case */ &quot;../node_modules/param-case/dist.es2015/index.js&quot;);
/* harmony import */ var _wordpress_escape_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/escape-html */ &quot;../node_modules/@wordpress/escape-html/build-module/index.js&quot;);
/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./react */ &quot;react&quot;);
/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _raw_html__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./raw-html */ &quot;../node_modules/@wordpress/element/build-module/raw-html.js&quot;);
/**
 * Parts of this source were derived and modified from fast-react-render,
 * released under the MIT license.
 *
 * https://github.com/alt-j/fast-react-render
 *
 * Copyright (c) 2016 Andrey Morozov
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the &quot;Software&quot;), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

/**
 * External dependencies
 */


/**
 * WordPress dependencies
 */


/**
 * Internal dependencies
 */


/** @typedef {import(&#039;react&#039;).ReactElement} ReactElement */

const {
  Provider,
  Consumer
} = (0,_react__WEBPACK_IMPORTED_MODULE_3__.createContext)(undefined);
const ForwardRef = (0,_react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(() =&gt; {
  return null;
});

/**
 * Valid attribute types.
 *
 * @type {Set&lt;string&gt;}
 */
const ATTRIBUTES_TYPES = new Set([&#039;string&#039;, &#039;boolean&#039;, &#039;number&#039;]);

/**
 * Element tags which can be self-closing.
 *
 * @type {Set&lt;string&gt;}
 */
const SELF_CLOSING_TAGS = new Set([&#039;area&#039;, &#039;base&#039;, &#039;br&#039;, &#039;col&#039;, &#039;command&#039;, &#039;embed&#039;, &#039;hr&#039;, &#039;img&#039;, &#039;input&#039;, &#039;keygen&#039;, &#039;link&#039;, &#039;meta&#039;, &#039;param&#039;, &#039;source&#039;, &#039;track&#039;, &#039;wbr&#039;]);

/**
 * Boolean attributes are attributes whose presence as being assigned is
 * meaningful, even if only empty.
 *
 * See: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes
 * Extracted from: https://html.spec.whatwg.org/multipage/indices.html#attributes-3
 *
 * Object.keys( [ ...document.querySelectorAll( &#039;#attributes-1 &gt; tbody &gt; tr&#039; ) ]
 *     .filter( ( tr ) =&gt; tr.lastChild.textContent.indexOf( &#039;Boolean attribute&#039; ) !== -1 )
 *     .reduce( ( result, tr ) =&gt; Object.assign( result, {
 *         [ tr.firstChild.textContent.trim() ]: true
 *     } ), {} ) ).sort();
 *
 * @type {Set&lt;string&gt;}
 */
const BOOLEAN_ATTRIBUTES = new Set([&#039;allowfullscreen&#039;, &#039;allowpaymentrequest&#039;, &#039;allowusermedia&#039;, &#039;async&#039;, &#039;autofocus&#039;, &#039;autoplay&#039;, &#039;checked&#039;, &#039;controls&#039;, &#039;default&#039;, &#039;defer&#039;, &#039;disabled&#039;, &#039;download&#039;, &#039;formnovalidate&#039;, &#039;hidden&#039;, &#039;ismap&#039;, &#039;itemscope&#039;, &#039;loop&#039;, &#039;multiple&#039;, &#039;muted&#039;, &#039;nomodule&#039;, &#039;novalidate&#039;, &#039;open&#039;, &#039;playsinline&#039;, &#039;readonly&#039;, &#039;required&#039;, &#039;reversed&#039;, &#039;selected&#039;, &#039;typemustmatch&#039;]);

/**
 * Enumerated attributes are attributes which must be of a specific value form.
 * Like boolean attributes, these are meaningful if specified, even if not of a
 * valid enumerated value.
 *
 * See: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#enumerated-attribute
 * Extracted from: https://html.spec.whatwg.org/multipage/indices.html#attributes-3
 *
 * Object.keys( [ ...document.querySelectorAll( &#039;#attributes-1 &gt; tbody &gt; tr&#039; ) ]
 *     .filter( ( tr ) =&gt; /^(&quot;(.+?)&quot;;?\s*)+/.test( tr.lastChild.textContent.trim() ) )
 *     .reduce( ( result, tr ) =&gt; Object.assign( result, {
 *         [ tr.firstChild.textContent.trim() ]: true
 *     } ), {} ) ).sort();
 *
 * Some notable omissions:
 *
 *  - `alt`: https://blog.whatwg.org/omit-alt
 *
 * @type {Set&lt;string&gt;}
 */
const ENUMERATED_ATTRIBUTES = new Set([&#039;autocapitalize&#039;, &#039;autocomplete&#039;, &#039;charset&#039;, &#039;contenteditable&#039;, &#039;crossorigin&#039;, &#039;decoding&#039;, &#039;dir&#039;, &#039;draggable&#039;, &#039;enctype&#039;, &#039;formenctype&#039;, &#039;formmethod&#039;, &#039;http-equiv&#039;, &#039;inputmode&#039;, &#039;kind&#039;, &#039;method&#039;, &#039;preload&#039;, &#039;scope&#039;, &#039;shape&#039;, &#039;spellcheck&#039;, &#039;translate&#039;, &#039;type&#039;, &#039;wrap&#039;]);

/**
 * Set of CSS style properties which support assignment of unitless numbers.
 * Used in rendering of style properties, where `px` unit is assumed unless
 * property is included in this set or value is zero.
 *
 * Generated via:
 *
 * Object.entries( document.createElement( &#039;div&#039; ).style )
 *     .filter( ( [ key ] ) =&gt; (
 *         ! /^(webkit|ms|moz)/.test( key ) &amp;&amp;
 *         ( e.style[ key ] = 10 ) &amp;&amp;
 *         e.style[ key ] === &#039;10&#039;
 *     ) )
 *     .map( ( [ key ] ) =&gt; key )
 *     .sort();
 *
 * @type {Set&lt;string&gt;}
 */
const CSS_PROPERTIES_SUPPORTS_UNITLESS = new Set([&#039;animation&#039;, &#039;animationIterationCount&#039;, &#039;baselineShift&#039;, &#039;borderImageOutset&#039;, &#039;borderImageSlice&#039;, &#039;borderImageWidth&#039;, &#039;columnCount&#039;, &#039;cx&#039;, &#039;cy&#039;, &#039;fillOpacity&#039;, &#039;flexGrow&#039;, &#039;flexShrink&#039;, &#039;floodOpacity&#039;, &#039;fontWeight&#039;, &#039;gridColumnEnd&#039;, &#039;gridColumnStart&#039;, &#039;gridRowEnd&#039;, &#039;gridRowStart&#039;, &#039;lineHeight&#039;, &#039;opacity&#039;, &#039;order&#039;, &#039;orphans&#039;, &#039;r&#039;, &#039;rx&#039;, &#039;ry&#039;, &#039;shapeImageThreshold&#039;, &#039;stopOpacity&#039;, &#039;strokeDasharray&#039;, &#039;strokeDashoffset&#039;, &#039;strokeMiterlimit&#039;, &#039;strokeOpacity&#039;, &#039;strokeWidth&#039;, &#039;tabSize&#039;, &#039;widows&#039;, &#039;x&#039;, &#039;y&#039;, &#039;zIndex&#039;, &#039;zoom&#039;]);

/**
 * Returns true if the specified string is prefixed by one of an array of
 * possible prefixes.
 *
 * @param {string}   string   String to check.
 * @param {string[]} prefixes Possible prefixes.
 *
 * @return {boolean} Whether string has prefix.
 */
function hasPrefix(string, prefixes) {
  return prefixes.some(prefix =&gt; string.indexOf(prefix) === 0);
}

/**
 * Returns true if the given prop name should be ignored in attributes
 * serialization, or false otherwise.
 *
 * @param {string} attribute Attribute to check.
 *
 * @return {boolean} Whether attribute should be ignored.
 */
function isInternalAttribute(attribute) {
  return &#039;key&#039; === attribute || &#039;children&#039; === attribute;
}

/**
 * Returns the normal form of the element&#039;s attribute value for HTML.
 *
 * @param {string} attribute Attribute name.
 * @param {*}      value     Non-normalized attribute value.
 *
 * @return {*} Normalized attribute value.
 */
function getNormalAttributeValue(attribute, value) {
  switch (attribute) {
    case &#039;style&#039;:
      return renderStyle(value);
  }
  return value;
}
/**
 * This is a map of all SVG attributes that have dashes. Map(lower case prop =&gt; dashed lower case attribute).
 * We need this to render e.g strokeWidth as stroke-width.
 *
 * List from: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute.
 */
const SVG_ATTRIBUTE_WITH_DASHES_LIST = [&#039;accentHeight&#039;, &#039;alignmentBaseline&#039;, &#039;arabicForm&#039;, &#039;baselineShift&#039;, &#039;capHeight&#039;, &#039;clipPath&#039;, &#039;clipRule&#039;, &#039;colorInterpolation&#039;, &#039;colorInterpolationFilters&#039;, &#039;colorProfile&#039;, &#039;colorRendering&#039;, &#039;dominantBaseline&#039;, &#039;enableBackground&#039;, &#039;fillOpacity&#039;, &#039;fillRule&#039;, &#039;floodColor&#039;, &#039;floodOpacity&#039;, &#039;fontFamily&#039;, &#039;fontSize&#039;, &#039;fontSizeAdjust&#039;, &#039;fontStretch&#039;, &#039;fontStyle&#039;, &#039;fontVariant&#039;, &#039;fontWeight&#039;, &#039;glyphName&#039;, &#039;glyphOrientationHorizontal&#039;, &#039;glyphOrientationVertical&#039;, &#039;horizAdvX&#039;, &#039;horizOriginX&#039;, &#039;imageRendering&#039;, &#039;letterSpacing&#039;, &#039;lightingColor&#039;, &#039;markerEnd&#039;, &#039;markerMid&#039;, &#039;markerStart&#039;, &#039;overlinePosition&#039;, &#039;overlineThickness&#039;, &#039;paintOrder&#039;, &#039;panose1&#039;, &#039;pointerEvents&#039;, &#039;renderingIntent&#039;, &#039;shapeRendering&#039;, &#039;stopColor&#039;, &#039;stopOpacity&#039;, &#039;strikethroughPosition&#039;, &#039;strikethroughThickness&#039;, &#039;strokeDasharray&#039;, &#039;strokeDashoffset&#039;, &#039;strokeLinecap&#039;, &#039;strokeLinejoin&#039;, &#039;strokeMiterlimit&#039;, &#039;strokeOpacity&#039;, &#039;strokeWidth&#039;, &#039;textAnchor&#039;, &#039;textDecoration&#039;, &#039;textRendering&#039;, &#039;underlinePosition&#039;, &#039;underlineThickness&#039;, &#039;unicodeBidi&#039;, &#039;unicodeRange&#039;, &#039;unitsPerEm&#039;, &#039;vAlphabetic&#039;, &#039;vHanging&#039;, &#039;vIdeographic&#039;, &#039;vMathematical&#039;, &#039;vectorEffect&#039;, &#039;vertAdvY&#039;, &#039;vertOriginX&#039;, &#039;vertOriginY&#039;, &#039;wordSpacing&#039;, &#039;writingMode&#039;, &#039;xmlnsXlink&#039;, &#039;xHeight&#039;].reduce((map, attribute) =&gt; {
  // The keys are lower-cased for more robust lookup.
  map[attribute.toLowerCase()] = attribute;
  return map;
}, {});

/**
 * This is a map of all case-sensitive SVG attributes. Map(lowercase key =&gt; proper case attribute).
 * The keys are lower-cased for more robust lookup.
 * Note that this list only contains attributes that contain at least one capital letter.
 * Lowercase attributes don&#039;t need mapping, since we lowercase all attributes by default.
 */
const CASE_SENSITIVE_SVG_ATTRIBUTES = [&#039;allowReorder&#039;, &#039;attributeName&#039;, &#039;attributeType&#039;, &#039;autoReverse&#039;, &#039;baseFrequency&#039;, &#039;baseProfile&#039;, &#039;calcMode&#039;, &#039;clipPathUnits&#039;, &#039;contentScriptType&#039;, &#039;contentStyleType&#039;, &#039;diffuseConstant&#039;, &#039;edgeMode&#039;, &#039;externalResourcesRequired&#039;, &#039;filterRes&#039;, &#039;filterUnits&#039;, &#039;glyphRef&#039;, &#039;gradientTransform&#039;, &#039;gradientUnits&#039;, &#039;kernelMatrix&#039;, &#039;kernelUnitLength&#039;, &#039;keyPoints&#039;, &#039;keySplines&#039;, &#039;keyTimes&#039;, &#039;lengthAdjust&#039;, &#039;limitingConeAngle&#039;, &#039;markerHeight&#039;, &#039;markerUnits&#039;, &#039;markerWidth&#039;, &#039;maskContentUnits&#039;, &#039;maskUnits&#039;, &#039;numOctaves&#039;, &#039;pathLength&#039;, &#039;patternContentUnits&#039;, &#039;patternTransform&#039;, &#039;patternUnits&#039;, &#039;pointsAtX&#039;, &#039;pointsAtY&#039;, &#039;pointsAtZ&#039;, &#039;preserveAlpha&#039;, &#039;preserveAspectRatio&#039;, &#039;primitiveUnits&#039;, &#039;refX&#039;, &#039;refY&#039;, &#039;repeatCount&#039;, &#039;repeatDur&#039;, &#039;requiredExtensions&#039;, &#039;requiredFeatures&#039;, &#039;specularConstant&#039;, &#039;specularExponent&#039;, &#039;spreadMethod&#039;, &#039;startOffset&#039;, &#039;stdDeviation&#039;, &#039;stitchTiles&#039;, &#039;suppressContentEditableWarning&#039;, &#039;suppressHydrationWarning&#039;, &#039;surfaceScale&#039;, &#039;systemLanguage&#039;, &#039;tableValues&#039;, &#039;targetX&#039;, &#039;targetY&#039;, &#039;textLength&#039;, &#039;viewBox&#039;, &#039;viewTarget&#039;, &#039;xChannelSelector&#039;, &#039;yChannelSelector&#039;].reduce((map, attribute) =&gt; {
  // The keys are lower-cased for more robust lookup.
  map[attribute.toLowerCase()] = attribute;
  return map;
}, {});

/**
 * This is a map of all SVG attributes that have colons.
 * Keys are lower-cased and stripped of their colons for more robust lookup.
 */
const SVG_ATTRIBUTES_WITH_COLONS = [&#039;xlink:actuate&#039;, &#039;xlink:arcrole&#039;, &#039;xlink:href&#039;, &#039;xlink:role&#039;, &#039;xlink:show&#039;, &#039;xlink:title&#039;, &#039;xlink:type&#039;, &#039;xml:base&#039;, &#039;xml:lang&#039;, &#039;xml:space&#039;, &#039;xmlns:xlink&#039;].reduce((map, attribute) =&gt; {
  map[attribute.replace(&#039;:&#039;, &#039;&#039;).toLowerCase()] = attribute;
  return map;
}, {});

/**
 * Returns the normal form of the element&#039;s attribute name for HTML.
 *
 * @param {string} attribute Non-normalized attribute name.
 *
 * @return {string} Normalized attribute name.
 */
function getNormalAttributeName(attribute) {
  switch (attribute) {
    case &#039;htmlFor&#039;:
      return &#039;for&#039;;
    case &#039;className&#039;:
      return &#039;class&#039;;
  }
  const attributeLowerCase = attribute.toLowerCase();
  if (CASE_SENSITIVE_SVG_ATTRIBUTES[attributeLowerCase]) {
    return CASE_SENSITIVE_SVG_ATTRIBUTES[attributeLowerCase];
  } else if (SVG_ATTRIBUTE_WITH_DASHES_LIST[attributeLowerCase]) {
    return (0,change_case__WEBPACK_IMPORTED_MODULE_1__.paramCase)(SVG_ATTRIBUTE_WITH_DASHES_LIST[attributeLowerCase]);
  } else if (SVG_ATTRIBUTES_WITH_COLONS[attributeLowerCase]) {
    return SVG_ATTRIBUTES_WITH_COLONS[attributeLowerCase];
  }
  return attributeLowerCase;
}

/**
 * Returns the normal form of the style property name for HTML.
 *
 * - Converts property names to kebab-case, e.g. &#039;backgroundColor&#039; → &#039;background-color&#039;
 * - Leaves custom attributes alone, e.g. &#039;--myBackgroundColor&#039; → &#039;--myBackgroundColor&#039;
 * - Converts vendor-prefixed property names to -kebab-case, e.g. &#039;MozTransform&#039; → &#039;-moz-transform&#039;
 *
 * @param {string} property Property name.
 *
 * @return {string} Normalized property name.
 */
function getNormalStylePropertyName(property) {
  if (property.startsWith(&#039;--&#039;)) {
    return property;
  }
  if (hasPrefix(property, [&#039;ms&#039;, &#039;O&#039;, &#039;Moz&#039;, &#039;Webkit&#039;])) {
    return &#039;-&#039; + (0,change_case__WEBPACK_IMPORTED_MODULE_1__.paramCase)(property);
  }
  return (0,change_case__WEBPACK_IMPORTED_MODULE_1__.paramCase)(property);
}

/**
 * Returns the normal form of the style property value for HTML. Appends a
 * default pixel unit if numeric, not a unitless property, and not zero.
 *
 * @param {string} property Property name.
 * @param {*}      value    Non-normalized property value.
 *
 * @return {*} Normalized property value.
 */
function getNormalStylePropertyValue(property, value) {
  if (typeof value === &#039;number&#039; &amp;&amp; 0 !== value &amp;&amp; !CSS_PROPERTIES_SUPPORTS_UNITLESS.has(property)) {
    return value + &#039;px&#039;;
  }
  return value;
}

/**
 * Serializes a React element to string.
 *
 * @param {import(&#039;react&#039;).ReactNode} element         Element to serialize.
 * @param {Object}                    [context]       Context object.
 * @param {Object}                    [legacyContext] Legacy context object.
 *
 * @return {string} Serialized element.
 */
function renderElement(element, context, legacyContext = {}) {
  if (null === element || undefined === element || false === element) {
    return &#039;&#039;;
  }
  if (Array.isArray(element)) {
    return renderChildren(element, context, legacyContext);
  }
  switch (typeof element) {
    case &#039;string&#039;:
      return (0,_wordpress_escape_html__WEBPACK_IMPORTED_MODULE_2__.escapeHTML)(element);
    case &#039;number&#039;:
      return element.toString();
  }
  const {
    type,
    props
  } = /** @type {{type?: any, props?: any}} */
  element;
  switch (type) {
    case _react__WEBPACK_IMPORTED_MODULE_3__.StrictMode:
    case _react__WEBPACK_IMPORTED_MODULE_3__.Fragment:
      return renderChildren(props.children, context, legacyContext);
    case _raw_html__WEBPACK_IMPORTED_MODULE_4__[&quot;default&quot;]:
      const {
        children,
        ...wrapperProps
      } = props;
      return renderNativeComponent(!Object.keys(wrapperProps).length ? null : &#039;div&#039;, {
        ...wrapperProps,
        dangerouslySetInnerHTML: {
          __html: children
        }
      }, context, legacyContext);
  }
  switch (typeof type) {
    case &#039;string&#039;:
      return renderNativeComponent(type, props, context, legacyContext);
    case &#039;function&#039;:
      if (type.prototype &amp;&amp; typeof type.prototype.render === &#039;function&#039;) {
        return renderComponent(type, props, context, legacyContext);
      }
      return renderElement(type(props, legacyContext), context, legacyContext);
  }
  switch (type &amp;&amp; type.$$typeof) {
    case Provider.$$typeof:
      return renderChildren(props.children, props.value, legacyContext);
    case Consumer.$$typeof:
      return renderElement(props.children(context || type._currentValue), context, legacyContext);
    case ForwardRef.$$typeof:
      return renderElement(type.render(props), context, legacyContext);
  }
  return &#039;&#039;;
}

/**
 * Serializes a native component type to string.
 *
 * @param {?string} type            Native component type to serialize, or null if
 *                                  rendering as fragment of children content.
 * @param {Object}  props           Props object.
 * @param {Object}  [context]       Context object.
 * @param {Object}  [legacyContext] Legacy context object.
 *
 * @return {string} Serialized element.
 */
function renderNativeComponent(type, props, context, legacyContext = {}) {
  let content = &#039;&#039;;
  if (type === &#039;textarea&#039; &amp;&amp; props.hasOwnProperty(&#039;value&#039;)) {
    // Textarea children can be assigned as value prop. If it is, render in
    // place of children. Ensure to omit so it is not assigned as attribute
    // as well.
    content = renderChildren(props.value, context, legacyContext);
    const {
      value,
      ...restProps
    } = props;
    props = restProps;
  } else if (props.dangerouslySetInnerHTML &amp;&amp; typeof props.dangerouslySetInnerHTML.__html === &#039;string&#039;) {
    // Dangerous content is left unescaped.
    content = props.dangerouslySetInnerHTML.__html;
  } else if (typeof props.children !== &#039;undefined&#039;) {
    content = renderChildren(props.children, context, legacyContext);
  }
  if (!type) {
    return content;
  }
  const attributes = renderAttributes(props);
  if (SELF_CLOSING_TAGS.has(type)) {
    return &#039;&lt;&#039; + type + attributes + &#039;/&gt;&#039;;
  }
  return &#039;&lt;&#039; + type + attributes + &#039;&gt;&#039; + content + &#039;&lt;/&#039; + type + &#039;&gt;&#039;;
}

/** @typedef {import(&#039;react&#039;).ComponentType} ComponentType */

/**
 * Serializes a non-native component type to string.
 *
 * @param {ComponentType} Component       Component type to serialize.
 * @param {Object}        props           Props object.
 * @param {Object}        [context]       Context object.
 * @param {Object}        [legacyContext] Legacy context object.
 *
 * @return {string} Serialized element
 */
function renderComponent(Component, props, context, legacyContext = {}) {
  const instance = new ( /** @type {import(&#039;react&#039;).ComponentClass} */
  Component)(props, legacyContext);
  if (typeof
  // Ignore reason: Current prettier reformats parens and mangles type assertion
  // prettier-ignore
  /** @type {{getChildContext?: () =&gt; unknown}} */
  instance.getChildContext === &#039;function&#039;) {
    Object.assign(legacyContext, /** @type {{getChildContext?: () =&gt; unknown}} */instance.getChildContext());
  }
  const html = renderElement(instance.render(), context, legacyContext);
  return html;
}

/**
 * Serializes an array of children to string.
 *
 * @param {import(&#039;react&#039;).ReactNodeArray} children        Children to serialize.
 * @param {Object}                         [context]       Context object.
 * @param {Object}                         [legacyContext] Legacy context object.
 *
 * @return {string} Serialized children.
 */
function renderChildren(children, context, legacyContext = {}) {
  let result = &#039;&#039;;
  children = Array.isArray(children) ? children : [children];
  for (let i = 0; i &lt; children.length; i++) {
    const child = children[i];
    result += renderElement(child, context, legacyContext);
  }
  return result;
}

/**
 * Renders a props object as a string of HTML attributes.
 *
 * @param {Object} props Props object.
 *
 * @return {string} Attributes string.
 */
function renderAttributes(props) {
  let result = &#039;&#039;;
  for (const key in props) {
    const attribute = getNormalAttributeName(key);
    if (!(0,_wordpress_escape_html__WEBPACK_IMPORTED_MODULE_2__.isValidAttributeName)(attribute)) {
      continue;
    }
    let value = getNormalAttributeValue(key, props[key]);

    // If value is not of serializable type, skip.
    if (!ATTRIBUTES_TYPES.has(typeof value)) {
      continue;
    }

    // Don&#039;t render internal attribute names.
    if (isInternalAttribute(key)) {
      continue;
    }
    const isBooleanAttribute = BOOLEAN_ATTRIBUTES.has(attribute);

    // Boolean attribute should be omitted outright if its value is false.
    if (isBooleanAttribute &amp;&amp; value === false) {
      continue;
    }
    const isMeaningfulAttribute = isBooleanAttribute || hasPrefix(key, [&#039;data-&#039;, &#039;aria-&#039;]) || ENUMERATED_ATTRIBUTES.has(attribute);

    // Only write boolean value as attribute if meaningful.
    if (typeof value === &#039;boolean&#039; &amp;&amp; !isMeaningfulAttribute) {
      continue;
    }
    result += &#039; &#039; + attribute;

    // Boolean attributes should write attribute name, but without value.
    // Mere presence of attribute name is effective truthiness.
    if (isBooleanAttribute) {
      continue;
    }
    if (typeof value === &#039;string&#039;) {
      value = (0,_wordpress_escape_html__WEBPACK_IMPORTED_MODULE_2__.escapeAttribute)(value);
    }
    result += &#039;=&quot;&#039; + value + &#039;&quot;&#039;;
  }
  return result;
}

/**
 * Renders a style object as a string attribute value.
 *
 * @param {Object} style Style object.
 *
 * @return {string} Style attribute value.
 */
function renderStyle(style) {
  // Only generate from object, e.g. tolerate string value.
  if (!(0,is_plain_object__WEBPACK_IMPORTED_MODULE_0__.isPlainObject)(style)) {
    return style;
  }
  let result;
  for (const property in style) {
    const value = style[property];
    if (null === value || undefined === value) {
      continue;
    }
    if (result) {
      result += &#039;;&#039;;
    } else {
      result = &#039;&#039;;
    }
    const normalName = getNormalStylePropertyName(property);
    const normalValue = getNormalStylePropertyValue(property, value);
    result += normalName + &#039;:&#039; + normalValue;
  }
  return result;
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (renderElement);
//# sourceMappingURL=serialize.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/element/build-module/utils.js&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/@wordpress/element/build-module/utils.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   isEmptyElement: () =&gt; (/* binding */ isEmptyElement)
/* harmony export */ });
/**
 * Checks if the provided WP element is empty.
 *
 * @param {*} element WP element to check.
 * @return {boolean} True when an element is considered empty.
 */
const isEmptyElement = element =&gt; {
  if (typeof element === &#039;number&#039;) {
    return false;
  }
  if (typeof element?.valueOf() === &#039;string&#039; || Array.isArray(element)) {
    return !element.length;
  }
  return !element;
};
//# sourceMappingURL=utils.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/escape-html/build-module/escape-greater.js&quot;:
/*!*****************************************************************************!*\
  !*** ../node_modules/@wordpress/escape-html/build-module/escape-greater.js ***!
  \*****************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (/* binding */ __unstableEscapeGreaterThan)
/* harmony export */ });
/**
 * Returns a string with greater-than sign replaced.
 *
 * Note that if a resolution for Trac#45387 comes to fruition, it is no longer
 * necessary for `__unstableEscapeGreaterThan` to exist.
 *
 * See: https://core.trac.wordpress.org/ticket/45387
 *
 * @param {string} value Original string.
 *
 * @return {string} Escaped string.
 */
function __unstableEscapeGreaterThan(value) {
  return value.replace(/&gt;/g, &#039;&amp;gt;&#039;);
}
//# sourceMappingURL=escape-greater.js.map

/***/ }),

/***/ &quot;../node_modules/@wordpress/escape-html/build-module/index.js&quot;:
/*!********************************************************************!*\
  !*** ../node_modules/@wordpress/escape-html/build-module/index.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   escapeAmpersand: () =&gt; (/* binding */ escapeAmpersand),
/* harmony export */   escapeAttribute: () =&gt; (/* binding */ escapeAttribute),
/* harmony export */   escapeEditableHTML: () =&gt; (/* binding */ escapeEditableHTML),
/* harmony export */   escapeHTML: () =&gt; (/* binding */ escapeHTML),
/* harmony export */   escapeLessThan: () =&gt; (/* binding */ escapeLessThan),
/* harmony export */   escapeQuotationMark: () =&gt; (/* binding */ escapeQuotationMark),
/* harmony export */   isValidAttributeName: () =&gt; (/* binding */ isValidAttributeName)
/* harmony export */ });
/* harmony import */ var _escape_greater__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./escape-greater */ &quot;../node_modules/@wordpress/escape-html/build-module/escape-greater.js&quot;);
/**
 * Internal dependencies
 */


/**
 * Regular expression matching invalid attribute names.
 *
 * &quot;Attribute names must consist of one or more characters other than controls,
 * U+0020 SPACE, U+0022 (&quot;), U+0027 (&#039;), U+003E (&gt;), U+002F (/), U+003D (=),
 * and noncharacters.&quot;
 *
 * @see https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
 *
 * @type {RegExp}
 */
const REGEXP_INVALID_ATTRIBUTE_NAME = /[\u007F-\u009F &quot;&#039;&gt;/=&quot;\uFDD0-\uFDEF]/;

/**
 * Returns a string with ampersands escaped. Note that this is an imperfect
 * implementation, where only ampersands which do not appear as a pattern of
 * named, decimal, or hexadecimal character references are escaped. Invalid
 * named references (i.e. ambiguous ampersand) are still permitted.
 *
 * @see https://w3c.github.io/html/syntax.html#character-references
 * @see https://w3c.github.io/html/syntax.html#ambiguous-ampersand
 * @see https://w3c.github.io/html/syntax.html#named-character-references
 *
 * @param {string} value Original string.
 *
 * @return {string} Escaped string.
 */
function escapeAmpersand(value) {
  return value.replace(/&amp;(?!([a-z0-9]+|#[0-9]+|#x[a-f0-9]+);)/gi, &#039;&amp;amp;&#039;);
}

/**
 * Returns a string with quotation marks replaced.
 *
 * @param {string} value Original string.
 *
 * @return {string} Escaped string.
 */
function escapeQuotationMark(value) {
  return value.replace(/&quot;/g, &#039;&amp;quot;&#039;);
}

/**
 * Returns a string with less-than sign replaced.
 *
 * @param {string} value Original string.
 *
 * @return {string} Escaped string.
 */
function escapeLessThan(value) {
  return value.replace(/&lt;/g, &#039;&amp;lt;&#039;);
}

/**
 * Returns an escaped attribute value.
 *
 * @see https://w3c.github.io/html/syntax.html#elements-attributes
 *
 * &quot;[...] the text cannot contain an ambiguous ampersand [...] must not contain
 * any literal U+0022 QUOTATION MARK characters (&quot;)&quot;
 *
 * Note we also escape the greater than symbol, as this is used by wptexturize to
 * split HTML strings. This is a WordPress specific fix
 *
 * Note that if a resolution for Trac#45387 comes to fruition, it is no longer
 * necessary for `__unstableEscapeGreaterThan` to be used.
 *
 * See: https://core.trac.wordpress.org/ticket/45387
 *
 * @param {string} value Attribute value.
 *
 * @return {string} Escaped attribute value.
 */
function escapeAttribute(value) {
  return (0,_escape_greater__WEBPACK_IMPORTED_MODULE_0__[&quot;default&quot;])(escapeQuotationMark(escapeAmpersand(value)));
}

/**
 * Returns an escaped HTML element value.
 *
 * @see https://w3c.github.io/html/syntax.html#writing-html-documents-elements
 *
 * &quot;the text must not contain the character U+003C LESS-THAN SIGN (&lt;) or an
 * ambiguous ampersand.&quot;
 *
 * @param {string} value Element value.
 *
 * @return {string} Escaped HTML element value.
 */
function escapeHTML(value) {
  return escapeLessThan(escapeAmpersand(value));
}

/**
 * Returns an escaped Editable HTML element value. This is different from
 * `escapeHTML`, because for editable HTML, ALL ampersands must be escaped in
 * order to render the content correctly on the page.
 *
 * @param {string} value Element value.
 *
 * @return {string} Escaped HTML element value.
 */
function escapeEditableHTML(value) {
  return escapeLessThan(value.replace(/&amp;/g, &#039;&amp;amp;&#039;));
}

/**
 * Returns true if the given attribute name is valid, or false otherwise.
 *
 * @param {string} name Attribute name to test.
 *
 * @return {boolean} Whether attribute is valid.
 */
function isValidAttributeName(name) {
  return !REGEXP_INVALID_ATTRIBUTE_NAME.test(name);
}
//# sourceMappingURL=index.js.map

/***/ }),

/***/ &quot;../node_modules/dot-case/dist.es2015/index.js&quot;:
/*!*****************************************************!*\
  !*** ../node_modules/dot-case/dist.es2015/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   dotCase: () =&gt; (/* binding */ dotCase)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ &quot;../node_modules/tslib/tslib.es6.mjs&quot;);
/* harmony import */ var no_case__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! no-case */ &quot;../node_modules/no-case/dist.es2015/index.js&quot;);


function dotCase(input, options) {
    if (options === void 0) { options = {}; }
    return (0,no_case__WEBPACK_IMPORTED_MODULE_1__.noCase)(input, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({ delimiter: &quot;.&quot; }, options));
}
//# sourceMappingURL=index.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/apply-style.js&quot;:
/*!*******************************************************!*\
  !*** ../node_modules/html-to-image/es/apply-style.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   applyStyle: () =&gt; (/* binding */ applyStyle)
/* harmony export */ });
function applyStyle(node, options) {
    const { style } = node;
    if (options.backgroundColor) {
        style.backgroundColor = options.backgroundColor;
    }
    if (options.width) {
        style.width = `${options.width}px`;
    }
    if (options.height) {
        style.height = `${options.height}px`;
    }
    const manual = options.style;
    if (manual != null) {
        Object.keys(manual).forEach((key) =&gt; {
            style[key] = manual[key];
        });
    }
    return node;
}
//# sourceMappingURL=apply-style.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/clone-node.js&quot;:
/*!******************************************************!*\
  !*** ../node_modules/html-to-image/es/clone-node.js ***!
  \******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   cloneNode: () =&gt; (/* binding */ cloneNode)
/* harmony export */ });
/* harmony import */ var _clone_pseudos__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./clone-pseudos */ &quot;../node_modules/html-to-image/es/clone-pseudos.js&quot;);
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ &quot;../node_modules/html-to-image/es/util.js&quot;);
/* harmony import */ var _mimes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mimes */ &quot;../node_modules/html-to-image/es/mimes.js&quot;);
/* harmony import */ var _dataurl__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dataurl */ &quot;../node_modules/html-to-image/es/dataurl.js&quot;);


async function cloneCanvasElement(canvas) {
    const dataURL = canvas.toDataURL();
    if (dataURL === &#039;data:,&#039;) {
        return canvas.cloneNode(false);
    }
    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.createImage)(dataURL);
}
async function cloneVideoElement(video, options) {
    if (video.currentSrc) {
        const canvas = document.createElement(&#039;canvas&#039;);
        const ctx = canvas.getContext(&#039;2d&#039;);
        canvas.width = video.clientWidth;
        canvas.height = video.clientHeight;
        ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
        const dataURL = canvas.toDataURL();
        return (0,_util__WEBPACK_IMPORTED_MODULE_1__.createImage)(dataURL);
    }
    const poster = video.poster;
    const contentType = (0,_mimes__WEBPACK_IMPORTED_MODULE_2__.getMimeType)(poster);
    const dataURL = await (0,_dataurl__WEBPACK_IMPORTED_MODULE_3__.resourceToDataURL)(poster, contentType, options);
    return (0,_util__WEBPACK_IMPORTED_MODULE_1__.createImage)(dataURL);
}
async function cloneIFrameElement(iframe, options) {
    var _a;
    try {
        if ((_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument) === null || _a === void 0 ? void 0 : _a.body) {
            return (await cloneNode(iframe.contentDocument.body, options, true));
        }
    }
    catch (_b) {
        // Failed to clone iframe
    }
    return iframe.cloneNode(false);
}
async function cloneSingleNode(node, options) {
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(node, HTMLCanvasElement)) {
        return cloneCanvasElement(node);
    }
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(node, HTMLVideoElement)) {
        return cloneVideoElement(node, options);
    }
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(node, HTMLIFrameElement)) {
        return cloneIFrameElement(node, options);
    }
    return node.cloneNode(isSVGElement(node));
}
const isSlotElement = (node) =&gt; node.tagName != null &amp;&amp; node.tagName.toUpperCase() === &#039;SLOT&#039;;
const isSVGElement = (node) =&gt; node.tagName != null &amp;&amp; node.tagName.toUpperCase() === &#039;SVG&#039;;
async function cloneChildren(nativeNode, clonedNode, options) {
    var _a, _b;
    if (isSVGElement(clonedNode)) {
        return clonedNode;
    }
    let children = [];
    if (isSlotElement(nativeNode) &amp;&amp; nativeNode.assignedNodes) {
        children = (0,_util__WEBPACK_IMPORTED_MODULE_1__.toArray)(nativeNode.assignedNodes());
    }
    else if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(nativeNode, HTMLIFrameElement) &amp;&amp;
        ((_a = nativeNode.contentDocument) === null || _a === void 0 ? void 0 : _a.body)) {
        children = (0,_util__WEBPACK_IMPORTED_MODULE_1__.toArray)(nativeNode.contentDocument.body.childNodes);
    }
    else {
        children = (0,_util__WEBPACK_IMPORTED_MODULE_1__.toArray)(((_b = nativeNode.shadowRoot) !== null &amp;&amp; _b !== void 0 ? _b : nativeNode).childNodes);
    }
    if (children.length === 0 ||
        (0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(nativeNode, HTMLVideoElement)) {
        return clonedNode;
    }
    await children.reduce((deferred, child) =&gt; deferred
        .then(() =&gt; cloneNode(child, options))
        .then((clonedChild) =&gt; {
        if (clonedChild) {
            clonedNode.appendChild(clonedChild);
        }
    }), Promise.resolve());
    return clonedNode;
}
function cloneCSSStyle(nativeNode, clonedNode, options) {
    const targetStyle = clonedNode.style;
    if (!targetStyle) {
        return;
    }
    const sourceStyle = window.getComputedStyle(nativeNode);
    if (sourceStyle.cssText) {
        targetStyle.cssText = sourceStyle.cssText;
        targetStyle.transformOrigin = sourceStyle.transformOrigin;
    }
    else {
        (0,_util__WEBPACK_IMPORTED_MODULE_1__.getStyleProperties)(options).forEach((name) =&gt; {
            let value = sourceStyle.getPropertyValue(name);
            if (name === &#039;font-size&#039; &amp;&amp; value.endsWith(&#039;px&#039;)) {
                const reducedFont = Math.floor(parseFloat(value.substring(0, value.length - 2))) - 0.1;
                value = `${reducedFont}px`;
            }
            if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(nativeNode, HTMLIFrameElement) &amp;&amp;
                name === &#039;display&#039; &amp;&amp;
                value === &#039;inline&#039;) {
                value = &#039;block&#039;;
            }
            if (name === &#039;d&#039; &amp;&amp; clonedNode.getAttribute(&#039;d&#039;)) {
                value = `path(${clonedNode.getAttribute(&#039;d&#039;)})`;
            }
            targetStyle.setProperty(name, value, sourceStyle.getPropertyPriority(name));
        });
    }
}
function cloneInputValue(nativeNode, clonedNode) {
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(nativeNode, HTMLTextAreaElement)) {
        clonedNode.innerHTML = nativeNode.value;
    }
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(nativeNode, HTMLInputElement)) {
        clonedNode.setAttribute(&#039;value&#039;, nativeNode.value);
    }
}
function cloneSelectValue(nativeNode, clonedNode) {
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(nativeNode, HTMLSelectElement)) {
        const clonedSelect = clonedNode;
        const selectedOption = Array.from(clonedSelect.children).find((child) =&gt; nativeNode.value === child.getAttribute(&#039;value&#039;));
        if (selectedOption) {
            selectedOption.setAttribute(&#039;selected&#039;, &#039;&#039;);
        }
    }
}
function decorate(nativeNode, clonedNode, options) {
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(clonedNode, Element)) {
        cloneCSSStyle(nativeNode, clonedNode, options);
        (0,_clone_pseudos__WEBPACK_IMPORTED_MODULE_0__.clonePseudoElements)(nativeNode, clonedNode, options);
        cloneInputValue(nativeNode, clonedNode);
        cloneSelectValue(nativeNode, clonedNode);
    }
    return clonedNode;
}
async function ensureSVGSymbols(clone, options) {
    const uses = clone.querySelectorAll ? clone.querySelectorAll(&#039;use&#039;) : [];
    if (uses.length === 0) {
        return clone;
    }
    const processedDefs = {};
    for (let i = 0; i &lt; uses.length; i++) {
        const use = uses[i];
        const id = use.getAttribute(&#039;xlink:href&#039;);
        if (id) {
            const exist = clone.querySelector(id);
            const definition = document.querySelector(id);
            if (!exist &amp;&amp; definition &amp;&amp; !processedDefs[id]) {
                // eslint-disable-next-line no-await-in-loop
                processedDefs[id] = (await cloneNode(definition, options, true));
            }
        }
    }
    const nodes = Object.values(processedDefs);
    if (nodes.length) {
        const ns = &#039;http://www.w3.org/1999/xhtml&#039;;
        const svg = document.createElementNS(ns, &#039;svg&#039;);
        svg.setAttribute(&#039;xmlns&#039;, ns);
        svg.style.position = &#039;absolute&#039;;
        svg.style.width = &#039;0&#039;;
        svg.style.height = &#039;0&#039;;
        svg.style.overflow = &#039;hidden&#039;;
        svg.style.display = &#039;none&#039;;
        const defs = document.createElementNS(ns, &#039;defs&#039;);
        svg.appendChild(defs);
        for (let i = 0; i &lt; nodes.length; i++) {
            defs.appendChild(nodes[i]);
        }
        clone.appendChild(svg);
    }
    return clone;
}
async function cloneNode(node, options, isRoot) {
    if (!isRoot &amp;&amp; options.filter &amp;&amp; !options.filter(node)) {
        return null;
    }
    return Promise.resolve(node)
        .then((clonedNode) =&gt; cloneSingleNode(clonedNode, options))
        .then((clonedNode) =&gt; cloneChildren(node, clonedNode, options))
        .then((clonedNode) =&gt; decorate(node, clonedNode, options))
        .then((clonedNode) =&gt; ensureSVGSymbols(clonedNode, options));
}
//# sourceMappingURL=clone-node.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/clone-pseudos.js&quot;:
/*!*********************************************************!*\
  !*** ../node_modules/html-to-image/es/clone-pseudos.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   clonePseudoElements: () =&gt; (/* binding */ clonePseudoElements)
/* harmony export */ });
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util */ &quot;../node_modules/html-to-image/es/util.js&quot;);

function formatCSSText(style) {
    const content = style.getPropertyValue(&#039;content&#039;);
    return `${style.cssText} content: &#039;${content.replace(/&#039;|&quot;/g, &#039;&#039;)}&#039;;`;
}
function formatCSSProperties(style, options) {
    return (0,_util__WEBPACK_IMPORTED_MODULE_0__.getStyleProperties)(options)
        .map((name) =&gt; {
        const value = style.getPropertyValue(name);
        const priority = style.getPropertyPriority(name);
        return `${name}: ${value}${priority ? &#039; !important&#039; : &#039;&#039;};`;
    })
        .join(&#039; &#039;);
}
function getPseudoElementStyle(className, pseudo, style, options) {
    const selector = `.${className}:${pseudo}`;
    const cssText = style.cssText
        ? formatCSSText(style)
        : formatCSSProperties(style, options);
    return document.createTextNode(`${selector}{${cssText}}`);
}
function clonePseudoElement(nativeNode, clonedNode, pseudo, options) {
    const style = window.getComputedStyle(nativeNode, pseudo);
    const content = style.getPropertyValue(&#039;content&#039;);
    if (content === &#039;&#039; || content === &#039;none&#039;) {
        return;
    }
    const className = (0,_util__WEBPACK_IMPORTED_MODULE_0__.uuid)();
    try {
        clonedNode.className = `${clonedNode.className} ${className}`;
    }
    catch (err) {
        return;
    }
    const styleElement = document.createElement(&#039;style&#039;);
    styleElement.appendChild(getPseudoElementStyle(className, pseudo, style, options));
    clonedNode.appendChild(styleElement);
}
function clonePseudoElements(nativeNode, clonedNode, options) {
    clonePseudoElement(nativeNode, clonedNode, &#039;:before&#039;, options);
    clonePseudoElement(nativeNode, clonedNode, &#039;:after&#039;, options);
}
//# sourceMappingURL=clone-pseudos.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/dataurl.js&quot;:
/*!***************************************************!*\
  !*** ../node_modules/html-to-image/es/dataurl.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   fetchAsDataURL: () =&gt; (/* binding */ fetchAsDataURL),
/* harmony export */   isDataUrl: () =&gt; (/* binding */ isDataUrl),
/* harmony export */   makeDataUrl: () =&gt; (/* binding */ makeDataUrl),
/* harmony export */   resourceToDataURL: () =&gt; (/* binding */ resourceToDataURL)
/* harmony export */ });
function getContentFromDataUrl(dataURL) {
    return dataURL.split(/,/)[1];
}
function isDataUrl(url) {
    return url.search(/^(data:)/) !== -1;
}
function makeDataUrl(content, mimeType) {
    return `data:${mimeType};base64,${content}`;
}
async function fetchAsDataURL(url, init, process) {
    const res = await fetch(url, init);
    if (res.status === 404) {
        throw new Error(`Resource &quot;${res.url}&quot; not found`);
    }
    const blob = await res.blob();
    return new Promise((resolve, reject) =&gt; {
        const reader = new FileReader();
        reader.onerror = reject;
        reader.onloadend = () =&gt; {
            try {
                resolve(process({ res, result: reader.result }));
            }
            catch (error) {
                reject(error);
            }
        };
        reader.readAsDataURL(blob);
    });
}
const cache = {};
function getCacheKey(url, contentType, includeQueryParams) {
    let key = url.replace(/\?.*/, &#039;&#039;);
    if (includeQueryParams) {
        key = url;
    }
    // font resource
    if (/ttf|otf|eot|woff2?/i.test(key)) {
        key = key.replace(/.*\//, &#039;&#039;);
    }
    return contentType ? `[${contentType}]${key}` : key;
}
async function resourceToDataURL(resourceUrl, contentType, options) {
    const cacheKey = getCacheKey(resourceUrl, contentType, options.includeQueryParams);
    if (cache[cacheKey] != null) {
        return cache[cacheKey];
    }
    // ref: https://developer.mozilla.org/en/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache
    if (options.cacheBust) {
        // eslint-disable-next-line no-param-reassign
        resourceUrl += (/\?/.test(resourceUrl) ? &#039;&amp;&#039; : &#039;?&#039;) + new Date().getTime();
    }
    let dataURL;
    try {
        const content = await fetchAsDataURL(resourceUrl, options.fetchRequestInit, ({ res, result }) =&gt; {
            if (!contentType) {
                // eslint-disable-next-line no-param-reassign
                contentType = res.headers.get(&#039;Content-Type&#039;) || &#039;&#039;;
            }
            return getContentFromDataUrl(result);
        });
        dataURL = makeDataUrl(content, contentType);
    }
    catch (error) {
        dataURL = options.imagePlaceholder || &#039;&#039;;
        let msg = `Failed to fetch resource: ${resourceUrl}`;
        if (error) {
            msg = typeof error === &#039;string&#039; ? error : error.message;
        }
        if (msg) {
            console.warn(msg);
        }
    }
    cache[cacheKey] = dataURL;
    return dataURL;
}
//# sourceMappingURL=dataurl.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/embed-images.js&quot;:
/*!********************************************************!*\
  !*** ../node_modules/html-to-image/es/embed-images.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   embedImages: () =&gt; (/* binding */ embedImages)
/* harmony export */ });
/* harmony import */ var _embed_resources__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./embed-resources */ &quot;../node_modules/html-to-image/es/embed-resources.js&quot;);
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ &quot;../node_modules/html-to-image/es/util.js&quot;);
/* harmony import */ var _dataurl__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dataurl */ &quot;../node_modules/html-to-image/es/dataurl.js&quot;);
/* harmony import */ var _mimes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mimes */ &quot;../node_modules/html-to-image/es/mimes.js&quot;);


async function embedProp(propName, node, options) {
    var _a;
    const propValue = (_a = node.style) === null || _a === void 0 ? void 0 : _a.getPropertyValue(propName);
    if (propValue) {
        const cssString = await (0,_embed_resources__WEBPACK_IMPORTED_MODULE_0__.embedResources)(propValue, null, options);
        node.style.setProperty(propName, cssString, node.style.getPropertyPriority(propName));
        return true;
    }
    return false;
}
async function embedBackground(clonedNode, options) {
    ;
    (await embedProp(&#039;background&#039;, clonedNode, options)) ||
        (await embedProp(&#039;background-image&#039;, clonedNode, options));
    (await embedProp(&#039;mask&#039;, clonedNode, options)) ||
        (await embedProp(&#039;-webkit-mask&#039;, clonedNode, options)) ||
        (await embedProp(&#039;mask-image&#039;, clonedNode, options)) ||
        (await embedProp(&#039;-webkit-mask-image&#039;, clonedNode, options));
}
async function embedImageNode(clonedNode, options) {
    const isImageElement = (0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(clonedNode, HTMLImageElement);
    if (!(isImageElement &amp;&amp; !(0,_dataurl__WEBPACK_IMPORTED_MODULE_2__.isDataUrl)(clonedNode.src)) &amp;&amp;
        !((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(clonedNode, SVGImageElement) &amp;&amp;
            !(0,_dataurl__WEBPACK_IMPORTED_MODULE_2__.isDataUrl)(clonedNode.href.baseVal))) {
        return;
    }
    const url = isImageElement ? clonedNode.src : clonedNode.href.baseVal;
    const dataURL = await (0,_dataurl__WEBPACK_IMPORTED_MODULE_2__.resourceToDataURL)(url, (0,_mimes__WEBPACK_IMPORTED_MODULE_3__.getMimeType)(url), options);
    await new Promise((resolve, reject) =&gt; {
        clonedNode.onload = resolve;
        clonedNode.onerror = options.onImageErrorHandler
            ? (...attributes) =&gt; {
                try {
                    resolve(options.onImageErrorHandler(...attributes));
                }
                catch (error) {
                    reject(error);
                }
            }
            : reject;
        const image = clonedNode;
        if (image.decode) {
            image.decode = resolve;
        }
        if (image.loading === &#039;lazy&#039;) {
            image.loading = &#039;eager&#039;;
        }
        if (isImageElement) {
            clonedNode.srcset = &#039;&#039;;
            clonedNode.src = dataURL;
        }
        else {
            clonedNode.href.baseVal = dataURL;
        }
    });
}
async function embedChildren(clonedNode, options) {
    const children = (0,_util__WEBPACK_IMPORTED_MODULE_1__.toArray)(clonedNode.childNodes);
    const deferreds = children.map((child) =&gt; embedImages(child, options));
    await Promise.all(deferreds).then(() =&gt; clonedNode);
}
async function embedImages(clonedNode, options) {
    if ((0,_util__WEBPACK_IMPORTED_MODULE_1__.isInstanceOfElement)(clonedNode, Element)) {
        await embedBackground(clonedNode, options);
        await embedImageNode(clonedNode, options);
        await embedChildren(clonedNode, options);
    }
}
//# sourceMappingURL=embed-images.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/embed-resources.js&quot;:
/*!***********************************************************!*\
  !*** ../node_modules/html-to-image/es/embed-resources.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   embed: () =&gt; (/* binding */ embed),
/* harmony export */   embedResources: () =&gt; (/* binding */ embedResources),
/* harmony export */   parseURLs: () =&gt; (/* binding */ parseURLs),
/* harmony export */   shouldEmbed: () =&gt; (/* binding */ shouldEmbed)
/* harmony export */ });
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util */ &quot;../node_modules/html-to-image/es/util.js&quot;);
/* harmony import */ var _mimes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mimes */ &quot;../node_modules/html-to-image/es/mimes.js&quot;);
/* harmony import */ var _dataurl__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dataurl */ &quot;../node_modules/html-to-image/es/dataurl.js&quot;);


const URL_REGEX = /url\(([&#039;&quot;]?)([^&#039;&quot;]+?)\1\)/g;
const URL_WITH_FORMAT_REGEX = /url\([^)]+\)\s*format\(([&quot;&#039;]?)([^&quot;&#039;]+)\1\)/g;
const FONT_SRC_REGEX = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
function toRegex(url) {
    // eslint-disable-next-line no-useless-escape
    const escaped = url.replace(/([.*+?^${}()|\[\]\/\\])/g, &#039;\\$1&#039;);
    return new RegExp(`(url\\([&#039;&quot;]?)(${escaped})([&#039;&quot;]?\\))`, &#039;g&#039;);
}
function parseURLs(cssText) {
    const urls = [];
    cssText.replace(URL_REGEX, (raw, quotation, url) =&gt; {
        urls.push(url);
        return raw;
    });
    return urls.filter((url) =&gt; !(0,_dataurl__WEBPACK_IMPORTED_MODULE_2__.isDataUrl)(url));
}
async function embed(cssText, resourceURL, baseURL, options, getContentFromUrl) {
    try {
        const resolvedURL = baseURL ? (0,_util__WEBPACK_IMPORTED_MODULE_0__.resolveUrl)(resourceURL, baseURL) : resourceURL;
        const contentType = (0,_mimes__WEBPACK_IMPORTED_MODULE_1__.getMimeType)(resourceURL);
        let dataURL;
        if (getContentFromUrl) {
            const content = await getContentFromUrl(resolvedURL);
            dataURL = (0,_dataurl__WEBPACK_IMPORTED_MODULE_2__.makeDataUrl)(content, contentType);
        }
        else {
            dataURL = await (0,_dataurl__WEBPACK_IMPORTED_MODULE_2__.resourceToDataURL)(resolvedURL, contentType, options);
        }
        return cssText.replace(toRegex(resourceURL), `$1${dataURL}$3`);
    }
    catch (error) {
        // pass
    }
    return cssText;
}
function filterPreferredFontFormat(str, { preferredFontFormat }) {
    return !preferredFontFormat
        ? str
        : str.replace(FONT_SRC_REGEX, (match) =&gt; {
            // eslint-disable-next-line no-constant-condition
            while (true) {
                const [src, , format] = URL_WITH_FORMAT_REGEX.exec(match) || [];
                if (!format) {
                    return &#039;&#039;;
                }
                if (format === preferredFontFormat) {
                    return `src: ${src};`;
                }
            }
        });
}
function shouldEmbed(url) {
    return url.search(URL_REGEX) !== -1;
}
async function embedResources(cssText, baseUrl, options) {
    if (!shouldEmbed(cssText)) {
        return cssText;
    }
    const filteredCSSText = filterPreferredFontFormat(cssText, options);
    const urls = parseURLs(filteredCSSText);
    return urls.reduce((deferred, url) =&gt; deferred.then((css) =&gt; embed(css, url, baseUrl, options)), Promise.resolve(filteredCSSText));
}
//# sourceMappingURL=embed-resources.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/embed-webfonts.js&quot;:
/*!**********************************************************!*\
  !*** ../node_modules/html-to-image/es/embed-webfonts.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   embedWebFonts: () =&gt; (/* binding */ embedWebFonts),
/* harmony export */   getWebFontCSS: () =&gt; (/* binding */ getWebFontCSS)
/* harmony export */ });
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util */ &quot;../node_modules/html-to-image/es/util.js&quot;);
/* harmony import */ var _dataurl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dataurl */ &quot;../node_modules/html-to-image/es/dataurl.js&quot;);
/* harmony import */ var _embed_resources__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./embed-resources */ &quot;../node_modules/html-to-image/es/embed-resources.js&quot;);


const cssFetchCache = {};
async function fetchCSS(url) {
    let cache = cssFetchCache[url];
    if (cache != null) {
        return cache;
    }
    const res = await fetch(url);
    const cssText = await res.text();
    cache = { url, cssText };
    cssFetchCache[url] = cache;
    return cache;
}
async function embedFonts(data, options) {
    let cssText = data.cssText;
    const regexUrl = /url\([&quot;&#039;]?([^&quot;&#039;)]+)[&quot;&#039;]?\)/g;
    const fontLocs = cssText.match(/url\([^)]+\)/g) || [];
    const loadFonts = fontLocs.map(async (loc) =&gt; {
        let url = loc.replace(regexUrl, &#039;$1&#039;);
        if (!url.startsWith(&#039;https://&#039;)) {
            url = new URL(url, data.url).href;
        }
        return (0,_dataurl__WEBPACK_IMPORTED_MODULE_1__.fetchAsDataURL)(url, options.fetchRequestInit, ({ result }) =&gt; {
            cssText = cssText.replace(loc, `url(${result})`);
            return [loc, result];
        });
    });
    return Promise.all(loadFonts).then(() =&gt; cssText);
}
function parseCSS(source) {
    if (source == null) {
        return [];
    }
    const result = [];
    const commentsRegex = /(\/\*[\s\S]*?\*\/)/gi;
    // strip out comments
    let cssText = source.replace(commentsRegex, &#039;&#039;);
    // eslint-disable-next-line prefer-regex-literals
    const keyframesRegex = new RegExp(&#039;((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})&#039;, &#039;gi&#039;);
    // eslint-disable-next-line no-constant-condition
    while (true) {
        const matches = keyframesRegex.exec(cssText);
        if (matches === null) {
            break;
        }
        result.push(matches[0]);
    }
    cssText = cssText.replace(keyframesRegex, &#039;&#039;);
    const importRegex = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi;
    // to match css &amp; media queries together
    const combinedCSSRegex = &#039;((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]&#039; +
        &#039;*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})&#039;;
    // unified regex
    const unifiedRegex = new RegExp(combinedCSSRegex, &#039;gi&#039;);
    // eslint-disable-next-line no-constant-condition
    while (true) {
        let matches = importRegex.exec(cssText);
        if (matches === null) {
            matches = unifiedRegex.exec(cssText);
            if (matches === null) {
                break;
            }
            else {
                importRegex.lastIndex = unifiedRegex.lastIndex;
            }
        }
        else {
            unifiedRegex.lastIndex = importRegex.lastIndex;
        }
        result.push(matches[0]);
    }
    return result;
}
async function getCSSRules(styleSheets, options) {
    const ret = [];
    const deferreds = [];
    // First loop inlines imports
    styleSheets.forEach((sheet) =&gt; {
        if (&#039;cssRules&#039; in sheet) {
            try {
                (0,_util__WEBPACK_IMPORTED_MODULE_0__.toArray)(sheet.cssRules || []).forEach((item, index) =&gt; {
                    if (item.type === CSSRule.IMPORT_RULE) {
                        let importIndex = index + 1;
                        const url = item.href;
                        const deferred = fetchCSS(url)
                            .then((metadata) =&gt; embedFonts(metadata, options))
                            .then((cssText) =&gt; parseCSS(cssText).forEach((rule) =&gt; {
                            try {
                                sheet.insertRule(rule, rule.startsWith(&#039;@import&#039;)
                                    ? (importIndex += 1)
                                    : sheet.cssRules.length);
                            }
                            catch (error) {
                                console.error(&#039;Error inserting rule from remote css&#039;, {
                                    rule,
                                    error,
                                });
                            }
                        }))
                            .catch((e) =&gt; {
                            console.error(&#039;Error loading remote css&#039;, e.toString());
                        });
                        deferreds.push(deferred);
                    }
                });
            }
            catch (e) {
                const inline = styleSheets.find((a) =&gt; a.href == null) || document.styleSheets[0];
                if (sheet.href != null) {
                    deferreds.push(fetchCSS(sheet.href)
                        .then((metadata) =&gt; embedFonts(metadata, options))
                        .then((cssText) =&gt; parseCSS(cssText).forEach((rule) =&gt; {
                        inline.insertRule(rule, inline.cssRules.length);
                    }))
                        .catch((err) =&gt; {
                        console.error(&#039;Error loading remote stylesheet&#039;, err);
                    }));
                }
                console.error(&#039;Error inlining remote css file&#039;, e);
            }
        }
    });
    return Promise.all(deferreds).then(() =&gt; {
        // Second loop parses rules
        styleSheets.forEach((sheet) =&gt; {
            if (&#039;cssRules&#039; in sheet) {
                try {
                    (0,_util__WEBPACK_IMPORTED_MODULE_0__.toArray)(sheet.cssRules || []).forEach((item) =&gt; {
                        ret.push(item);
                    });
                }
                catch (e) {
                    console.error(`Error while reading CSS rules from ${sheet.href}`, e);
                }
            }
        });
        return ret;
    });
}
function getWebFontRules(cssRules) {
    return cssRules
        .filter((rule) =&gt; rule.type === CSSRule.FONT_FACE_RULE)
        .filter((rule) =&gt; (0,_embed_resources__WEBPACK_IMPORTED_MODULE_2__.shouldEmbed)(rule.style.getPropertyValue(&#039;src&#039;)));
}
async function parseWebFontRules(node, options) {
    if (node.ownerDocument == null) {
        throw new Error(&#039;Provided element is not within a Document&#039;);
    }
    const styleSheets = (0,_util__WEBPACK_IMPORTED_MODULE_0__.toArray)(node.ownerDocument.styleSheets);
    const cssRules = await getCSSRules(styleSheets, options);
    return getWebFontRules(cssRules);
}
function normalizeFontFamily(font) {
    return font.trim().replace(/[&quot;&#039;]/g, &#039;&#039;);
}
function getUsedFonts(node) {
    const fonts = new Set();
    function traverse(node) {
        const fontFamily = node.style.fontFamily || getComputedStyle(node).fontFamily;
        fontFamily.split(&#039;,&#039;).forEach((font) =&gt; {
            fonts.add(normalizeFontFamily(font));
        });
        Array.from(node.children).forEach((child) =&gt; {
            if (child instanceof HTMLElement) {
                traverse(child);
            }
        });
    }
    traverse(node);
    return fonts;
}
async function getWebFontCSS(node, options) {
    const rules = await parseWebFontRules(node, options);
    const usedFonts = getUsedFonts(node);
    const cssTexts = await Promise.all(rules
        .filter((rule) =&gt; usedFonts.has(normalizeFontFamily(rule.style.fontFamily)))
        .map((rule) =&gt; {
        const baseUrl = rule.parentStyleSheet
            ? rule.parentStyleSheet.href
            : null;
        return (0,_embed_resources__WEBPACK_IMPORTED_MODULE_2__.embedResources)(rule.cssText, baseUrl, options);
    }));
    return cssTexts.join(&#039;\n&#039;);
}
async function embedWebFonts(clonedNode, options) {
    const cssText = options.fontEmbedCSS != null
        ? options.fontEmbedCSS
        : options.skipFonts
            ? null
            : await getWebFontCSS(clonedNode, options);
    if (cssText) {
        const styleNode = document.createElement(&#039;style&#039;);
        const sytleContent = document.createTextNode(cssText);
        styleNode.appendChild(sytleContent);
        if (clonedNode.firstChild) {
            clonedNode.insertBefore(styleNode, clonedNode.firstChild);
        }
        else {
            clonedNode.appendChild(styleNode);
        }
    }
}
//# sourceMappingURL=embed-webfonts.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/index.js&quot;:
/*!*************************************************!*\
  !*** ../node_modules/html-to-image/es/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getFontEmbedCSS: () =&gt; (/* binding */ getFontEmbedCSS),
/* harmony export */   toBlob: () =&gt; (/* binding */ toBlob),
/* harmony export */   toCanvas: () =&gt; (/* binding */ toCanvas),
/* harmony export */   toJpeg: () =&gt; (/* binding */ toJpeg),
/* harmony export */   toPixelData: () =&gt; (/* binding */ toPixelData),
/* harmony export */   toPng: () =&gt; (/* binding */ toPng),
/* harmony export */   toSvg: () =&gt; (/* binding */ toSvg)
/* harmony export */ });
/* harmony import */ var _clone_node__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./clone-node */ &quot;../node_modules/html-to-image/es/clone-node.js&quot;);
/* harmony import */ var _embed_images__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./embed-images */ &quot;../node_modules/html-to-image/es/embed-images.js&quot;);
/* harmony import */ var _apply_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./apply-style */ &quot;../node_modules/html-to-image/es/apply-style.js&quot;);
/* harmony import */ var _embed_webfonts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./embed-webfonts */ &quot;../node_modules/html-to-image/es/embed-webfonts.js&quot;);
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ &quot;../node_modules/html-to-image/es/util.js&quot;);


async function toSvg(node, options = {}) {
    const { width, height } = (0,_util__WEBPACK_IMPORTED_MODULE_4__.getImageSize)(node, options);
    const clonedNode = (await (0,_clone_node__WEBPACK_IMPORTED_MODULE_0__.cloneNode)(node, options, true));
    await (0,_embed_webfonts__WEBPACK_IMPORTED_MODULE_3__.embedWebFonts)(clonedNode, options);
    await (0,_embed_images__WEBPACK_IMPORTED_MODULE_1__.embedImages)(clonedNode, options);
    (0,_apply_style__WEBPACK_IMPORTED_MODULE_2__.applyStyle)(clonedNode, options);
    const datauri = await (0,_util__WEBPACK_IMPORTED_MODULE_4__.nodeToDataURL)(clonedNode, width, height);
    return datauri;
}
async function toCanvas(node, options = {}) {
    const { width, height } = (0,_util__WEBPACK_IMPORTED_MODULE_4__.getImageSize)(node, options);
    const svg = await toSvg(node, options);
    const img = await (0,_util__WEBPACK_IMPORTED_MODULE_4__.createImage)(svg);
    const canvas = document.createElement(&#039;canvas&#039;);
    const context = canvas.getContext(&#039;2d&#039;);
    const ratio = options.pixelRatio || (0,_util__WEBPACK_IMPORTED_MODULE_4__.getPixelRatio)();
    const canvasWidth = options.canvasWidth || width;
    const canvasHeight = options.canvasHeight || height;
    canvas.width = canvasWidth * ratio;
    canvas.height = canvasHeight * ratio;
    if (!options.skipAutoScale) {
        (0,_util__WEBPACK_IMPORTED_MODULE_4__.checkCanvasDimensions)(canvas);
    }
    canvas.style.width = `${canvasWidth}`;
    canvas.style.height = `${canvasHeight}`;
    if (options.backgroundColor) {
        context.fillStyle = options.backgroundColor;
        context.fillRect(0, 0, canvas.width, canvas.height);
    }
    context.drawImage(img, 0, 0, canvas.width, canvas.height);
    return canvas;
}
async function toPixelData(node, options = {}) {
    const { width, height } = (0,_util__WEBPACK_IMPORTED_MODULE_4__.getImageSize)(node, options);
    const canvas = await toCanvas(node, options);
    const ctx = canvas.getContext(&#039;2d&#039;);
    return ctx.getImageData(0, 0, width, height).data;
}
async function toPng(node, options = {}) {
    const canvas = await toCanvas(node, options);
    return canvas.toDataURL();
}
async function toJpeg(node, options = {}) {
    const canvas = await toCanvas(node, options);
    return canvas.toDataURL(&#039;image/jpeg&#039;, options.quality || 1);
}
async function toBlob(node, options = {}) {
    const canvas = await toCanvas(node, options);
    const blob = await (0,_util__WEBPACK_IMPORTED_MODULE_4__.canvasToBlob)(canvas);
    return blob;
}
async function getFontEmbedCSS(node, options = {}) {
    return (0,_embed_webfonts__WEBPACK_IMPORTED_MODULE_3__.getWebFontCSS)(node, options);
}
//# sourceMappingURL=index.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/mimes.js&quot;:
/*!*************************************************!*\
  !*** ../node_modules/html-to-image/es/mimes.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getMimeType: () =&gt; (/* binding */ getMimeType)
/* harmony export */ });
const WOFF = &#039;application/font-woff&#039;;
const JPEG = &#039;image/jpeg&#039;;
const mimes = {
    woff: WOFF,
    woff2: WOFF,
    ttf: &#039;application/font-truetype&#039;,
    eot: &#039;application/vnd.ms-fontobject&#039;,
    png: &#039;image/png&#039;,
    jpg: JPEG,
    jpeg: JPEG,
    gif: &#039;image/gif&#039;,
    tiff: &#039;image/tiff&#039;,
    svg: &#039;image/svg+xml&#039;,
    webp: &#039;image/webp&#039;,
};
function getExtension(url) {
    const match = /\.([^./]*?)$/g.exec(url);
    return match ? match[1] : &#039;&#039;;
}
function getMimeType(url) {
    const extension = getExtension(url).toLowerCase();
    return mimes[extension] || &#039;&#039;;
}
//# sourceMappingURL=mimes.js.map

/***/ }),

/***/ &quot;../node_modules/html-to-image/es/util.js&quot;:
/*!************************************************!*\
  !*** ../node_modules/html-to-image/es/util.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   canvasToBlob: () =&gt; (/* binding */ canvasToBlob),
/* harmony export */   checkCanvasDimensions: () =&gt; (/* binding */ checkCanvasDimensions),
/* harmony export */   createImage: () =&gt; (/* binding */ createImage),
/* harmony export */   delay: () =&gt; (/* binding */ delay),
/* harmony export */   getImageSize: () =&gt; (/* binding */ getImageSize),
/* harmony export */   getPixelRatio: () =&gt; (/* binding */ getPixelRatio),
/* harmony export */   getStyleProperties: () =&gt; (/* binding */ getStyleProperties),
/* harmony export */   isInstanceOfElement: () =&gt; (/* binding */ isInstanceOfElement),
/* harmony export */   nodeToDataURL: () =&gt; (/* binding */ nodeToDataURL),
/* harmony export */   resolveUrl: () =&gt; (/* binding */ resolveUrl),
/* harmony export */   svgToDataURL: () =&gt; (/* binding */ svgToDataURL),
/* harmony export */   toArray: () =&gt; (/* binding */ toArray),
/* harmony export */   uuid: () =&gt; (/* binding */ uuid)
/* harmony export */ });
function resolveUrl(url, baseUrl) {
    // url is absolute already
    if (url.match(/^[a-z]+:\/\//i)) {
        return url;
    }
    // url is absolute already, without protocol
    if (url.match(/^\/\//)) {
        return window.location.protocol + url;
    }
    // dataURI, mailto:, tel:, etc.
    if (url.match(/^[a-z]+:/i)) {
        return url;
    }
    const doc = document.implementation.createHTMLDocument();
    const base = doc.createElement(&#039;base&#039;);
    const a = doc.createElement(&#039;a&#039;);
    doc.head.appendChild(base);
    doc.body.appendChild(a);
    if (baseUrl) {
        base.href = baseUrl;
    }
    a.href = url;
    return a.href;
}
const uuid = (() =&gt; {
    // generate uuid for className of pseudo elements.
    // We should not use GUIDs, otherwise pseudo elements sometimes cannot be captured.
    let counter = 0;
    // ref: http://stackoverflow.com/a/6248722/2519373
    const random = () =&gt; 
    // eslint-disable-next-line no-bitwise
    `0000${((Math.random() * 36 ** 4) &lt;&lt; 0).toString(36)}`.slice(-4);
    return () =&gt; {
        counter += 1;
        return `u${random()}${counter}`;
    };
})();
function delay(ms) {
    return (args) =&gt; new Promise((resolve) =&gt; {
        setTimeout(() =&gt; resolve(args), ms);
    });
}
function toArray(arrayLike) {
    const arr = [];
    for (let i = 0, l = arrayLike.length; i &lt; l; i++) {
        arr.push(arrayLike[i]);
    }
    return arr;
}
let styleProps = null;
function getStyleProperties(options = {}) {
    if (styleProps) {
        return styleProps;
    }
    if (options.includeStyleProperties) {
        styleProps = options.includeStyleProperties;
        return styleProps;
    }
    styleProps = toArray(window.getComputedStyle(document.documentElement));
    return styleProps;
}
function px(node, styleProperty) {
    const win = node.ownerDocument.defaultView || window;
    const val = win.getComputedStyle(node).getPropertyValue(styleProperty);
    return val ? parseFloat(val.replace(&#039;px&#039;, &#039;&#039;)) : 0;
}
function getNodeWidth(node) {
    const leftBorder = px(node, &#039;border-left-width&#039;);
    const rightBorder = px(node, &#039;border-right-width&#039;);
    return node.clientWidth + leftBorder + rightBorder;
}
function getNodeHeight(node) {
    const topBorder = px(node, &#039;border-top-width&#039;);
    const bottomBorder = px(node, &#039;border-bottom-width&#039;);
    return node.clientHeight + topBorder + bottomBorder;
}
function getImageSize(targetNode, options = {}) {
    const width = options.width || getNodeWidth(targetNode);
    const height = options.height || getNodeHeight(targetNode);
    return { width, height };
}
function getPixelRatio() {
    let ratio;
    let FINAL_PROCESS;
    try {
        FINAL_PROCESS = process;
    }
    catch (e) {
        // pass
    }
    const val = FINAL_PROCESS &amp;&amp; FINAL_PROCESS.env
        ? FINAL_PROCESS.env.devicePixelRatio
        : null;
    if (val) {
        ratio = parseInt(val, 10);
        if (Number.isNaN(ratio)) {
            ratio = 1;
        }
    }
    return ratio || window.devicePixelRatio || 1;
}
// @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas#maximum_canvas_size
const canvasDimensionLimit = 16384;
function checkCanvasDimensions(canvas) {
    if (canvas.width &gt; canvasDimensionLimit ||
        canvas.height &gt; canvasDimensionLimit) {
        if (canvas.width &gt; canvasDimensionLimit &amp;&amp;
            canvas.height &gt; canvasDimensionLimit) {
            if (canvas.width &gt; canvas.height) {
                canvas.height *= canvasDimensionLimit / canvas.width;
                canvas.width = canvasDimensionLimit;
            }
            else {
                canvas.width *= canvasDimensionLimit / canvas.height;
                canvas.height = canvasDimensionLimit;
            }
        }
        else if (canvas.width &gt; canvasDimensionLimit) {
            canvas.height *= canvasDimensionLimit / canvas.width;
            canvas.width = canvasDimensionLimit;
        }
        else {
            canvas.width *= canvasDimensionLimit / canvas.height;
            canvas.height = canvasDimensionLimit;
        }
    }
}
function canvasToBlob(canvas, options = {}) {
    if (canvas.toBlob) {
        return new Promise((resolve) =&gt; {
            canvas.toBlob(resolve, options.type ? options.type : &#039;image/png&#039;, options.quality ? options.quality : 1);
        });
    }
    return new Promise((resolve) =&gt; {
        const binaryString = window.atob(canvas
            .toDataURL(options.type ? options.type : undefined, options.quality ? options.quality : undefined)
            .split(&#039;,&#039;)[1]);
        const len = binaryString.length;
        const binaryArray = new Uint8Array(len);
        for (let i = 0; i &lt; len; i += 1) {
            binaryArray[i] = binaryString.charCodeAt(i);
        }
        resolve(new Blob([binaryArray], {
            type: options.type ? options.type : &#039;image/png&#039;,
        }));
    });
}
function createImage(url) {
    return new Promise((resolve, reject) =&gt; {
        const img = new Image();
        img.onload = () =&gt; {
            img.decode().then(() =&gt; {
                requestAnimationFrame(() =&gt; resolve(img));
            });
        };
        img.onerror = reject;
        img.crossOrigin = &#039;anonymous&#039;;
        img.decoding = &#039;async&#039;;
        img.src = url;
    });
}
async function svgToDataURL(svg) {
    return Promise.resolve()
        .then(() =&gt; new XMLSerializer().serializeToString(svg))
        .then(encodeURIComponent)
        .then((html) =&gt; `data:image/svg+xml;charset=utf-8,${html}`);
}
async function nodeToDataURL(node, width, height) {
    const xmlns = &#039;http://www.w3.org/2000/svg&#039;;
    const svg = document.createElementNS(xmlns, &#039;svg&#039;);
    const foreignObject = document.createElementNS(xmlns, &#039;foreignObject&#039;);
    svg.setAttribute(&#039;width&#039;, `${width}`);
    svg.setAttribute(&#039;height&#039;, `${height}`);
    svg.setAttribute(&#039;viewBox&#039;, `0 0 ${width} ${height}`);
    foreignObject.setAttribute(&#039;width&#039;, &#039;100%&#039;);
    foreignObject.setAttribute(&#039;height&#039;, &#039;100%&#039;);
    foreignObject.setAttribute(&#039;x&#039;, &#039;0&#039;);
    foreignObject.setAttribute(&#039;y&#039;, &#039;0&#039;);
    foreignObject.setAttribute(&#039;externalResourcesRequired&#039;, &#039;true&#039;);
    svg.appendChild(foreignObject);
    foreignObject.appendChild(node);
    return svgToDataURL(svg);
}
const isInstanceOfElement = (node, instance) =&gt; {
    if (node instanceof instance)
        return true;
    const nodePrototype = Object.getPrototypeOf(node);
    if (nodePrototype === null)
        return false;
    return (nodePrototype.constructor.name === instance.name ||
        isInstanceOfElement(nodePrototype, instance));
};
//# sourceMappingURL=util.js.map

/***/ }),

/***/ &quot;../node_modules/is-plain-object/dist/is-plain-object.mjs&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/is-plain-object/dist/is-plain-object.mjs ***!
  \****************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   isPlainObject: () =&gt; (/* binding */ isPlainObject)
/* harmony export */ });
/*!
 * is-plain-object &lt;https://github.com/jonschlinkert/is-plain-object&gt;
 *
 * Copyright (c) 2014-2017, Jon Schlinkert.
 * Released under the MIT License.
 */

function isObject(o) {
  return Object.prototype.toString.call(o) === &#039;[object Object]&#039;;
}

function isPlainObject(o) {
  var ctor,prot;

  if (isObject(o) === false) return false;

  // If has modified constructor
  ctor = o.constructor;
  if (ctor === undefined) return true;

  // If has modified prototype
  prot = ctor.prototype;
  if (isObject(prot) === false) return false;

  // If constructor does not have an Object-specific method
  if (prot.hasOwnProperty(&#039;isPrototypeOf&#039;) === false) {
    return false;
  }

  // Most likely a plain Object
  return true;
}


/***/ }),

/***/ &quot;../node_modules/lower-case/dist.es2015/index.js&quot;:
/*!*******************************************************!*\
  !*** ../node_modules/lower-case/dist.es2015/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   localeLowerCase: () =&gt; (/* binding */ localeLowerCase),
/* harmony export */   lowerCase: () =&gt; (/* binding */ lowerCase)
/* harmony export */ });
/**
 * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
 */
var SUPPORTED_LOCALE = {
    tr: {
        regexp: /\u0130|\u0049|\u0049\u0307/g,
        map: {
            İ: &quot;\u0069&quot;,
            I: &quot;\u0131&quot;,
            İ: &quot;\u0069&quot;,
        },
    },
    az: {
        regexp: /\u0130/g,
        map: {
            İ: &quot;\u0069&quot;,
            I: &quot;\u0131&quot;,
            İ: &quot;\u0069&quot;,
        },
    },
    lt: {
        regexp: /\u0049|\u004A|\u012E|\u00CC|\u00CD|\u0128/g,
        map: {
            I: &quot;\u0069\u0307&quot;,
            J: &quot;\u006A\u0307&quot;,
            Į: &quot;\u012F\u0307&quot;,
            Ì: &quot;\u0069\u0307\u0300&quot;,
            Í: &quot;\u0069\u0307\u0301&quot;,
            Ĩ: &quot;\u0069\u0307\u0303&quot;,
        },
    },
};
/**
 * Localized lower case.
 */
function localeLowerCase(str, locale) {
    var lang = SUPPORTED_LOCALE[locale.toLowerCase()];
    if (lang)
        return lowerCase(str.replace(lang.regexp, function (m) { return lang.map[m]; }));
    return lowerCase(str);
}
/**
 * Lower case as a function.
 */
function lowerCase(str) {
    return str.toLowerCase();
}
//# sourceMappingURL=index.js.map

/***/ }),

/***/ &quot;../node_modules/no-case/dist.es2015/index.js&quot;:
/*!****************************************************!*\
  !*** ../node_modules/no-case/dist.es2015/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   noCase: () =&gt; (/* binding */ noCase)
/* harmony export */ });
/* harmony import */ var lower_case__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lower-case */ &quot;../node_modules/lower-case/dist.es2015/index.js&quot;);

// Support camel case (&quot;camelCase&quot; -&gt; &quot;camel Case&quot; and &quot;CAMELCase&quot; -&gt; &quot;CAMEL Case&quot;).
var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
// Remove all non-word characters.
var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
/**
 * Normalize the string into something other libraries can manipulate easier.
 */
function noCase(input, options) {
    if (options === void 0) { options = {}; }
    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lower_case__WEBPACK_IMPORTED_MODULE_0__.lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? &quot; &quot; : _d;
    var result = replace(replace(input, splitRegexp, &quot;$1\0$2&quot;), stripRegexp, &quot;\0&quot;);
    var start = 0;
    var end = result.length;
    // Trim the delimiter from around the output string.
    while (result.charAt(start) === &quot;\0&quot;)
        start++;
    while (result.charAt(end - 1) === &quot;\0&quot;)
        end--;
    // Transform each token independently.
    return result.slice(start, end).split(&quot;\0&quot;).map(transform).join(delimiter);
}
/**
 * Replace `re` in the input string with the replacement value.
 */
function replace(input, re, value) {
    if (re instanceof RegExp)
        return input.replace(re, value);
    return re.reduce(function (input, re) { return input.replace(re, value); }, input);
}
//# sourceMappingURL=index.js.map

/***/ }),

/***/ &quot;../node_modules/object-assign/index.js&quot;:
/*!**********************************************!*\
  !*** ../node_modules/object-assign/index.js ***!
  \**********************************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/


/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;

function toObject(val) {
	if (val === null || val === undefined) {
		throw new TypeError(&#039;Object.assign cannot be called with null or undefined&#039;);
	}

	return Object(val);
}

function shouldUseNative() {
	try {
		if (!Object.assign) {
			return false;
		}

		// Detect buggy property enumeration order in older V8 versions.

		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
		var test1 = new String(&#039;abc&#039;);  // eslint-disable-line no-new-wrappers
		test1[5] = &#039;de&#039;;
		if (Object.getOwnPropertyNames(test1)[0] === &#039;5&#039;) {
			return false;
		}

		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
		var test2 = {};
		for (var i = 0; i &lt; 10; i++) {
			test2[&#039;_&#039; + String.fromCharCode(i)] = i;
		}
		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
			return test2[n];
		});
		if (order2.join(&#039;&#039;) !== &#039;0123456789&#039;) {
			return false;
		}

		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
		var test3 = {};
		&#039;abcdefghijklmnopqrst&#039;.split(&#039;&#039;).forEach(function (letter) {
			test3[letter] = letter;
		});
		if (Object.keys(Object.assign({}, test3)).join(&#039;&#039;) !==
				&#039;abcdefghijklmnopqrst&#039;) {
			return false;
		}

		return true;
	} catch (err) {
		// We don&#039;t expect any of the above to throw, but better to be safe.
		return false;
	}
}

module.exports = shouldUseNative() ? Object.assign : function (target, source) {
	var from;
	var to = toObject(target);
	var symbols;

	for (var s = 1; s &lt; arguments.length; s++) {
		from = Object(arguments[s]);

		for (var key in from) {
			if (hasOwnProperty.call(from, key)) {
				to[key] = from[key];
			}
		}

		if (getOwnPropertySymbols) {
			symbols = getOwnPropertySymbols(from);
			for (var i = 0; i &lt; symbols.length; i++) {
				if (propIsEnumerable.call(from, symbols[i])) {
					to[symbols[i]] = from[symbols[i]];
				}
			}
		}
	}

	return to;
};


/***/ }),

/***/ &quot;../node_modules/param-case/dist.es2015/index.js&quot;:
/*!*******************************************************!*\
  !*** ../node_modules/param-case/dist.es2015/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   paramCase: () =&gt; (/* binding */ paramCase)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ &quot;../node_modules/tslib/tslib.es6.mjs&quot;);
/* harmony import */ var dot_case__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dot-case */ &quot;../node_modules/dot-case/dist.es2015/index.js&quot;);


function paramCase(input, options) {
    if (options === void 0) { options = {}; }
    return (0,dot_case__WEBPACK_IMPORTED_MODULE_1__.dotCase)(input, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({ delimiter: &quot;-&quot; }, options));
}
//# sourceMappingURL=index.js.map

/***/ }),

/***/ &quot;../node_modules/prop-types/checkPropTypes.js&quot;:
/*!****************************************************!*\
  !*** ../node_modules/prop-types/checkPropTypes.js ***!
  \****************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/**
 * Copyright (c) 2013-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */


var printWarning = function() {};

if (true) {
  var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ &quot;../node_modules/prop-types/lib/ReactPropTypesSecret.js&quot;);
  var loggedTypeFailures = {};
  var has = __webpack_require__(/*! ./lib/has */ &quot;../node_modules/prop-types/lib/has.js&quot;);

  printWarning = function(text) {
    var message = &#039;Warning: &#039; + text;
    if (typeof console !== &#039;undefined&#039;) {
      console.error(message);
    }
    try {
      // --- Welcome to debugging React ---
      // This error was thrown as a convenience so that you can use this stack
      // to find the callsite that caused this warning to fire.
      throw new Error(message);
    } catch (x) { /**/ }
  };
}

/**
 * Assert that the values match with the type specs.
 * Error messages are memorized and will only be shown once.
 *
 * @param {object} typeSpecs Map of name to a ReactPropType
 * @param {object} values Runtime values that need to be type-checked
 * @param {string} location e.g. &quot;prop&quot;, &quot;context&quot;, &quot;child context&quot;
 * @param {string} componentName Name of the component for error messages.
 * @param {?Function} getStack Returns the component stack.
 * @private
 */
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
  if (true) {
    for (var typeSpecName in typeSpecs) {
      if (has(typeSpecs, typeSpecName)) {
        var error;
        // Prop type validation may throw. In case they do, we don&#039;t want to
        // fail the render phase where it didn&#039;t fail before. So we log it.
        // After these have been cleaned up, we&#039;ll let them throw.
        try {
          // This is intentionally an invariant that gets caught. It&#039;s the same
          // behavior as without this statement except with a better message.
          if (typeof typeSpecs[typeSpecName] !== &#039;function&#039;) {
            var err = Error(
              (componentName || &#039;React class&#039;) + &#039;: &#039; + location + &#039; type `&#039; + typeSpecName + &#039;` is invalid; &#039; +
              &#039;it must be a function, usually from the `prop-types` package, but received `&#039; + typeof typeSpecs[typeSpecName] + &#039;`.&#039; +
              &#039;This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.&#039;
            );
            err.name = &#039;Invariant Violation&#039;;
            throw err;
          }
          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
        } catch (ex) {
          error = ex;
        }
        if (error &amp;&amp; !(error instanceof Error)) {
          printWarning(
            (componentName || &#039;React class&#039;) + &#039;: type specification of &#039; +
            location + &#039; `&#039; + typeSpecName + &#039;` is invalid; the type checker &#039; +
            &#039;function must return `null` or an `Error` but returned a &#039; + typeof error + &#039;. &#039; +
            &#039;You may have forgotten to pass an argument to the type checker &#039; +
            &#039;creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and &#039; +
            &#039;shape all require an argument).&#039;
          );
        }
        if (error instanceof Error &amp;&amp; !(error.message in loggedTypeFailures)) {
          // Only monitor this failure once because there tends to be a lot of the
          // same error.
          loggedTypeFailures[error.message] = true;

          var stack = getStack ? getStack() : &#039;&#039;;

          printWarning(
            &#039;Failed &#039; + location + &#039; type: &#039; + error.message + (stack != null ? stack : &#039;&#039;)
          );
        }
      }
    }
  }
}

/**
 * Resets warning cache when testing.
 *
 * @private
 */
checkPropTypes.resetWarningCache = function() {
  if (true) {
    loggedTypeFailures = {};
  }
}

module.exports = checkPropTypes;


/***/ }),

/***/ &quot;../node_modules/prop-types/factoryWithTypeCheckers.js&quot;:
/*!*************************************************************!*\
  !*** ../node_modules/prop-types/factoryWithTypeCheckers.js ***!
  \*************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;
/**
 * Copyright (c) 2013-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */


var ReactIs = __webpack_require__(/*! react-is */ &quot;../node_modules/prop-types/node_modules/react-is/index.js&quot;);
var assign = __webpack_require__(/*! object-assign */ &quot;../node_modules/object-assign/index.js&quot;);

var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ &quot;../node_modules/prop-types/lib/ReactPropTypesSecret.js&quot;);
var has = __webpack_require__(/*! ./lib/has */ &quot;../node_modules/prop-types/lib/has.js&quot;);
var checkPropTypes = __webpack_require__(/*! ./checkPropTypes */ &quot;../node_modules/prop-types/checkPropTypes.js&quot;);

var printWarning = function() {};

if (true) {
  printWarning = function(text) {
    var message = &#039;Warning: &#039; + text;
    if (typeof console !== &#039;undefined&#039;) {
      console.error(message);
    }
    try {
      // --- Welcome to debugging React ---
      // This error was thrown as a convenience so that you can use this stack
      // to find the callsite that caused this warning to fire.
      throw new Error(message);
    } catch (x) {}
  };
}

function emptyFunctionThatReturnsNull() {
  return null;
}

module.exports = function(isValidElement, throwOnDirectAccess) {
  /* global Symbol */
  var ITERATOR_SYMBOL = typeof Symbol === &#039;function&#039; &amp;&amp; Symbol.iterator;
  var FAUX_ITERATOR_SYMBOL = &#039;@@iterator&#039;; // Before Symbol spec.

  /**
   * Returns the iterator method function contained on the iterable object.
   *
   * Be sure to invoke the function with the iterable as context:
   *
   *     var iteratorFn = getIteratorFn(myIterable);
   *     if (iteratorFn) {
   *       var iterator = iteratorFn.call(myIterable);
   *       ...
   *     }
   *
   * @param {?object} maybeIterable
   * @return {?function}
   */
  function getIteratorFn(maybeIterable) {
    var iteratorFn = maybeIterable &amp;&amp; (ITERATOR_SYMBOL &amp;&amp; maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
    if (typeof iteratorFn === &#039;function&#039;) {
      return iteratorFn;
    }
  }

  /**
   * Collection of methods that allow declaration and validation of props that are
   * supplied to React components. Example usage:
   *
   *   var Props = require(&#039;ReactPropTypes&#039;);
   *   var MyArticle = React.createClass({
   *     propTypes: {
   *       // An optional string prop named &quot;description&quot;.
   *       description: Props.string,
   *
   *       // A required enum prop named &quot;category&quot;.
   *       category: Props.oneOf([&#039;News&#039;,&#039;Photos&#039;]).isRequired,
   *
   *       // A prop named &quot;dialog&quot; that requires an instance of Dialog.
   *       dialog: Props.instanceOf(Dialog).isRequired
   *     },
   *     render: function() { ... }
   *   });
   *
   * A more formal specification of how these methods are used:
   *
   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
   *   decl := ReactPropTypes.{type}(.isRequired)?
   *
   * Each and every declaration produces a function with the same signature. This
   * allows the creation of custom validation functions. For example:
   *
   *  var MyLink = React.createClass({
   *    propTypes: {
   *      // An optional string or URI prop named &quot;href&quot;.
   *      href: function(props, propName, componentName) {
   *        var propValue = props[propName];
   *        if (propValue != null &amp;&amp; typeof propValue !== &#039;string&#039; &amp;&amp;
   *            !(propValue instanceof URI)) {
   *          return new Error(
   *            &#039;Expected a string or an URI for &#039; + propName + &#039; in &#039; +
   *            componentName
   *          );
   *        }
   *      }
   *    },
   *    render: function() {...}
   *  });
   *
   * @internal
   */

  var ANONYMOUS = &#039;&lt;&lt;anonymous&gt;&gt;&#039;;

  // Important!
  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
  var ReactPropTypes = {
    array: createPrimitiveTypeChecker(&#039;array&#039;),
    bigint: createPrimitiveTypeChecker(&#039;bigint&#039;),
    bool: createPrimitiveTypeChecker(&#039;boolean&#039;),
    func: createPrimitiveTypeChecker(&#039;function&#039;),
    number: createPrimitiveTypeChecker(&#039;number&#039;),
    object: createPrimitiveTypeChecker(&#039;object&#039;),
    string: createPrimitiveTypeChecker(&#039;string&#039;),
    symbol: createPrimitiveTypeChecker(&#039;symbol&#039;),

    any: createAnyTypeChecker(),
    arrayOf: createArrayOfTypeChecker,
    element: createElementTypeChecker(),
    elementType: createElementTypeTypeChecker(),
    instanceOf: createInstanceTypeChecker,
    node: createNodeChecker(),
    objectOf: createObjectOfTypeChecker,
    oneOf: createEnumTypeChecker,
    oneOfType: createUnionTypeChecker,
    shape: createShapeTypeChecker,
    exact: createStrictShapeTypeChecker,
  };

  /**
   * inlined Object.is polyfill to avoid requiring consumers ship their own
   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
   */
  /*eslint-disable no-self-compare*/
  function is(x, y) {
    // SameValue algorithm
    if (x === y) {
      // Steps 1-5, 7-10
      // Steps 6.b-6.e: +0 != -0
      return x !== 0 || 1 / x === 1 / y;
    } else {
      // Step 6.a: NaN == NaN
      return x !== x &amp;&amp; y !== y;
    }
  }
  /*eslint-enable no-self-compare*/

  /**
   * We use an Error-like object for backward compatibility as people may call
   * PropTypes directly and inspect their output. However, we don&#039;t use real
   * Errors anymore. We don&#039;t inspect their stack anyway, and creating them
   * is prohibitively expensive if they are created too often, such as what
   * happens in oneOfType() for any type before the one that matched.
   */
  function PropTypeError(message, data) {
    this.message = message;
    this.data = data &amp;&amp; typeof data === &#039;object&#039; ? data: {};
    this.stack = &#039;&#039;;
  }
  // Make `instanceof Error` still work for returned errors.
  PropTypeError.prototype = Error.prototype;

  function createChainableTypeChecker(validate) {
    if (true) {
      var manualPropTypeCallCache = {};
      var manualPropTypeWarningCount = 0;
    }
    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
      componentName = componentName || ANONYMOUS;
      propFullName = propFullName || propName;

      if (secret !== ReactPropTypesSecret) {
        if (throwOnDirectAccess) {
          // New behavior only for users of `prop-types` package
          var err = new Error(
            &#039;Calling PropTypes validators directly is not supported by the `prop-types` package. &#039; +
            &#039;Use `PropTypes.checkPropTypes()` to call them. &#039; +
            &#039;Read more at http://fb.me/use-check-prop-types&#039;
          );
          err.name = &#039;Invariant Violation&#039;;
          throw err;
        } else if ( true &amp;&amp; typeof console !== &#039;undefined&#039;) {
          // Old behavior for people using React.PropTypes
          var cacheKey = componentName + &#039;:&#039; + propName;
          if (
            !manualPropTypeCallCache[cacheKey] &amp;&amp;
            // Avoid spamming the console because they are often not actionable except for lib authors
            manualPropTypeWarningCount &lt; 3
          ) {
            printWarning(
              &#039;You are manually calling a React.PropTypes validation &#039; +
              &#039;function for the `&#039; + propFullName + &#039;` prop on `&#039; + componentName + &#039;`. This is deprecated &#039; +
              &#039;and will throw in the standalone `prop-types` package. &#039; +
              &#039;You may be seeing this warning due to a third-party PropTypes &#039; +
              &#039;library. See https://fb.me/react-warning-dont-call-proptypes &#039; + &#039;for details.&#039;
            );
            manualPropTypeCallCache[cacheKey] = true;
            manualPropTypeWarningCount++;
          }
        }
      }
      if (props[propName] == null) {
        if (isRequired) {
          if (props[propName] === null) {
            return new PropTypeError(&#039;The &#039; + location + &#039; `&#039; + propFullName + &#039;` is marked as required &#039; + (&#039;in `&#039; + componentName + &#039;`, but its value is `null`.&#039;));
          }
          return new PropTypeError(&#039;The &#039; + location + &#039; `&#039; + propFullName + &#039;` is marked as required in &#039; + (&#039;`&#039; + componentName + &#039;`, but its value is `undefined`.&#039;));
        }
        return null;
      } else {
        return validate(props, propName, componentName, location, propFullName);
      }
    }

    var chainedCheckType = checkType.bind(null, false);
    chainedCheckType.isRequired = checkType.bind(null, true);

    return chainedCheckType;
  }

  function createPrimitiveTypeChecker(expectedType) {
    function validate(props, propName, componentName, location, propFullName, secret) {
      var propValue = props[propName];
      var propType = getPropType(propValue);
      if (propType !== expectedType) {
        // `propValue` being instance of, say, date/regexp, pass the &#039;object&#039;
        // check, but we can offer a more precise error message here rather than
        // &#039;of type `object`&#039;.
        var preciseType = getPreciseType(propValue);

        return new PropTypeError(
          &#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type &#039; + (&#039;`&#039; + preciseType + &#039;` supplied to `&#039; + componentName + &#039;`, expected &#039;) + (&#039;`&#039; + expectedType + &#039;`.&#039;),
          {expectedType: expectedType}
        );
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function createAnyTypeChecker() {
    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
  }

  function createArrayOfTypeChecker(typeChecker) {
    function validate(props, propName, componentName, location, propFullName) {
      if (typeof typeChecker !== &#039;function&#039;) {
        return new PropTypeError(&#039;Property `&#039; + propFullName + &#039;` of component `&#039; + componentName + &#039;` has invalid PropType notation inside arrayOf.&#039;);
      }
      var propValue = props[propName];
      if (!Array.isArray(propValue)) {
        var propType = getPropType(propValue);
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type &#039; + (&#039;`&#039; + propType + &#039;` supplied to `&#039; + componentName + &#039;`, expected an array.&#039;));
      }
      for (var i = 0; i &lt; propValue.length; i++) {
        var error = typeChecker(propValue, i, componentName, location, propFullName + &#039;[&#039; + i + &#039;]&#039;, ReactPropTypesSecret);
        if (error instanceof Error) {
          return error;
        }
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function createElementTypeChecker() {
    function validate(props, propName, componentName, location, propFullName) {
      var propValue = props[propName];
      if (!isValidElement(propValue)) {
        var propType = getPropType(propValue);
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type &#039; + (&#039;`&#039; + propType + &#039;` supplied to `&#039; + componentName + &#039;`, expected a single ReactElement.&#039;));
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function createElementTypeTypeChecker() {
    function validate(props, propName, componentName, location, propFullName) {
      var propValue = props[propName];
      if (!ReactIs.isValidElementType(propValue)) {
        var propType = getPropType(propValue);
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type &#039; + (&#039;`&#039; + propType + &#039;` supplied to `&#039; + componentName + &#039;`, expected a single ReactElement type.&#039;));
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function createInstanceTypeChecker(expectedClass) {
    function validate(props, propName, componentName, location, propFullName) {
      if (!(props[propName] instanceof expectedClass)) {
        var expectedClassName = expectedClass.name || ANONYMOUS;
        var actualClassName = getClassName(props[propName]);
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type &#039; + (&#039;`&#039; + actualClassName + &#039;` supplied to `&#039; + componentName + &#039;`, expected &#039;) + (&#039;instance of `&#039; + expectedClassName + &#039;`.&#039;));
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function createEnumTypeChecker(expectedValues) {
    if (!Array.isArray(expectedValues)) {
      if (true) {
        if (arguments.length &gt; 1) {
          printWarning(
            &#039;Invalid arguments supplied to oneOf, expected an array, got &#039; + arguments.length + &#039; arguments. &#039; +
            &#039;A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).&#039;
          );
        } else {
          printWarning(&#039;Invalid argument supplied to oneOf, expected an array.&#039;);
        }
      }
      return emptyFunctionThatReturnsNull;
    }

    function validate(props, propName, componentName, location, propFullName) {
      var propValue = props[propName];
      for (var i = 0; i &lt; expectedValues.length; i++) {
        if (is(propValue, expectedValues[i])) {
          return null;
        }
      }

      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
        var type = getPreciseType(value);
        if (type === &#039;symbol&#039;) {
          return String(value);
        }
        return value;
      });
      return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of value `&#039; + String(propValue) + &#039;` &#039; + (&#039;supplied to `&#039; + componentName + &#039;`, expected one of &#039; + valuesString + &#039;.&#039;));
    }
    return createChainableTypeChecker(validate);
  }

  function createObjectOfTypeChecker(typeChecker) {
    function validate(props, propName, componentName, location, propFullName) {
      if (typeof typeChecker !== &#039;function&#039;) {
        return new PropTypeError(&#039;Property `&#039; + propFullName + &#039;` of component `&#039; + componentName + &#039;` has invalid PropType notation inside objectOf.&#039;);
      }
      var propValue = props[propName];
      var propType = getPropType(propValue);
      if (propType !== &#039;object&#039;) {
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type &#039; + (&#039;`&#039; + propType + &#039;` supplied to `&#039; + componentName + &#039;`, expected an object.&#039;));
      }
      for (var key in propValue) {
        if (has(propValue, key)) {
          var error = typeChecker(propValue, key, componentName, location, propFullName + &#039;.&#039; + key, ReactPropTypesSecret);
          if (error instanceof Error) {
            return error;
          }
        }
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function createUnionTypeChecker(arrayOfTypeCheckers) {
    if (!Array.isArray(arrayOfTypeCheckers)) {
       true ? printWarning(&#039;Invalid argument supplied to oneOfType, expected an instance of array.&#039;) : 0;
      return emptyFunctionThatReturnsNull;
    }

    for (var i = 0; i &lt; arrayOfTypeCheckers.length; i++) {
      var checker = arrayOfTypeCheckers[i];
      if (typeof checker !== &#039;function&#039;) {
        printWarning(
          &#039;Invalid argument supplied to oneOfType. Expected an array of check functions, but &#039; +
          &#039;received &#039; + getPostfixForTypeWarning(checker) + &#039; at index &#039; + i + &#039;.&#039;
        );
        return emptyFunctionThatReturnsNull;
      }
    }

    function validate(props, propName, componentName, location, propFullName) {
      var expectedTypes = [];
      for (var i = 0; i &lt; arrayOfTypeCheckers.length; i++) {
        var checker = arrayOfTypeCheckers[i];
        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
        if (checkerResult == null) {
          return null;
        }
        if (checkerResult.data &amp;&amp; has(checkerResult.data, &#039;expectedType&#039;)) {
          expectedTypes.push(checkerResult.data.expectedType);
        }
      }
      var expectedTypesMessage = (expectedTypes.length &gt; 0) ? &#039;, expected one of type [&#039; + expectedTypes.join(&#039;, &#039;) + &#039;]&#039;: &#039;&#039;;
      return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` supplied to &#039; + (&#039;`&#039; + componentName + &#039;`&#039; + expectedTypesMessage + &#039;.&#039;));
    }
    return createChainableTypeChecker(validate);
  }

  function createNodeChecker() {
    function validate(props, propName, componentName, location, propFullName) {
      if (!isNode(props[propName])) {
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` supplied to &#039; + (&#039;`&#039; + componentName + &#039;`, expected a ReactNode.&#039;));
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function invalidValidatorError(componentName, location, propFullName, key, type) {
    return new PropTypeError(
      (componentName || &#039;React class&#039;) + &#039;: &#039; + location + &#039; type `&#039; + propFullName + &#039;.&#039; + key + &#039;` is invalid; &#039; +
      &#039;it must be a function, usually from the `prop-types` package, but received `&#039; + type + &#039;`.&#039;
    );
  }

  function createShapeTypeChecker(shapeTypes) {
    function validate(props, propName, componentName, location, propFullName) {
      var propValue = props[propName];
      var propType = getPropType(propValue);
      if (propType !== &#039;object&#039;) {
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type `&#039; + propType + &#039;` &#039; + (&#039;supplied to `&#039; + componentName + &#039;`, expected `object`.&#039;));
      }
      for (var key in shapeTypes) {
        var checker = shapeTypes[key];
        if (typeof checker !== &#039;function&#039;) {
          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
        }
        var error = checker(propValue, key, componentName, location, propFullName + &#039;.&#039; + key, ReactPropTypesSecret);
        if (error) {
          return error;
        }
      }
      return null;
    }
    return createChainableTypeChecker(validate);
  }

  function createStrictShapeTypeChecker(shapeTypes) {
    function validate(props, propName, componentName, location, propFullName) {
      var propValue = props[propName];
      var propType = getPropType(propValue);
      if (propType !== &#039;object&#039;) {
        return new PropTypeError(&#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` of type `&#039; + propType + &#039;` &#039; + (&#039;supplied to `&#039; + componentName + &#039;`, expected `object`.&#039;));
      }
      // We need to check all keys in case some are required but missing from props.
      var allKeys = assign({}, props[propName], shapeTypes);
      for (var key in allKeys) {
        var checker = shapeTypes[key];
        if (has(shapeTypes, key) &amp;&amp; typeof checker !== &#039;function&#039;) {
          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
        }
        if (!checker) {
          return new PropTypeError(
            &#039;Invalid &#039; + location + &#039; `&#039; + propFullName + &#039;` key `&#039; + key + &#039;` supplied to `&#039; + componentName + &#039;`.&#039; +
            &#039;\nBad object: &#039; + JSON.stringify(props[propName], null, &#039;  &#039;) +
            &#039;\nValid keys: &#039; + JSON.stringify(Object.keys(shapeTypes), null, &#039;  &#039;)
          );
        }
        var error = checker(propValue, key, componentName, location, propFullName + &#039;.&#039; + key, ReactPropTypesSecret);
        if (error) {
          return error;
        }
      }
      return null;
    }

    return createChainableTypeChecker(validate);
  }

  function isNode(propValue) {
    switch (typeof propValue) {
      case &#039;number&#039;:
      case &#039;string&#039;:
      case &#039;undefined&#039;:
        return true;
      case &#039;boolean&#039;:
        return !propValue;
      case &#039;object&#039;:
        if (Array.isArray(propValue)) {
          return propValue.every(isNode);
        }
        if (propValue === null || isValidElement(propValue)) {
          return true;
        }

        var iteratorFn = getIteratorFn(propValue);
        if (iteratorFn) {
          var iterator = iteratorFn.call(propValue);
          var step;
          if (iteratorFn !== propValue.entries) {
            while (!(step = iterator.next()).done) {
              if (!isNode(step.value)) {
                return false;
              }
            }
          } else {
            // Iterator will provide entry [k,v] tuples rather than values.
            while (!(step = iterator.next()).done) {
              var entry = step.value;
              if (entry) {
                if (!isNode(entry[1])) {
                  return false;
                }
              }
            }
          }
        } else {
          return false;
        }

        return true;
      default:
        return false;
    }
  }

  function isSymbol(propType, propValue) {
    // Native Symbol.
    if (propType === &#039;symbol&#039;) {
      return true;
    }

    // falsy value can&#039;t be a Symbol
    if (!propValue) {
      return false;
    }

    // 19.4.3.5 Symbol.prototype[@@toStringTag] === &#039;Symbol&#039;
    if (propValue[&#039;@@toStringTag&#039;] === &#039;Symbol&#039;) {
      return true;
    }

    // Fallback for non-spec compliant Symbols which are polyfilled.
    if (typeof Symbol === &#039;function&#039; &amp;&amp; propValue instanceof Symbol) {
      return true;
    }

    return false;
  }

  // Equivalent of `typeof` but with special handling for array and regexp.
  function getPropType(propValue) {
    var propType = typeof propValue;
    if (Array.isArray(propValue)) {
      return &#039;array&#039;;
    }
    if (propValue instanceof RegExp) {
      // Old webkits (at least until Android 4.0) return &#039;function&#039; rather than
      // &#039;object&#039; for typeof a RegExp. We&#039;ll normalize this here so that /bla/
      // passes PropTypes.object.
      return &#039;object&#039;;
    }
    if (isSymbol(propType, propValue)) {
      return &#039;symbol&#039;;
    }
    return propType;
  }

  // This handles more types than `getPropType`. Only used for error messages.
  // See `createPrimitiveTypeChecker`.
  function getPreciseType(propValue) {
    if (typeof propValue === &#039;undefined&#039; || propValue === null) {
      return &#039;&#039; + propValue;
    }
    var propType = getPropType(propValue);
    if (propType === &#039;object&#039;) {
      if (propValue instanceof Date) {
        return &#039;date&#039;;
      } else if (propValue instanceof RegExp) {
        return &#039;regexp&#039;;
      }
    }
    return propType;
  }

  // Returns a string that is postfixed to a warning about an invalid type.
  // For example, &quot;undefined&quot; or &quot;of type array&quot;
  function getPostfixForTypeWarning(value) {
    var type = getPreciseType(value);
    switch (type) {
      case &#039;array&#039;:
      case &#039;object&#039;:
        return &#039;an &#039; + type;
      case &#039;boolean&#039;:
      case &#039;date&#039;:
      case &#039;regexp&#039;:
        return &#039;a &#039; + type;
      default:
        return type;
    }
  }

  // Returns class name of the object, if any.
  function getClassName(propValue) {
    if (!propValue.constructor || !propValue.constructor.name) {
      return ANONYMOUS;
    }
    return propValue.constructor.name;
  }

  ReactPropTypes.checkPropTypes = checkPropTypes;
  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
  ReactPropTypes.PropTypes = ReactPropTypes;

  return ReactPropTypes;
};


/***/ }),

/***/ &quot;../node_modules/prop-types/index.js&quot;:
/*!*******************************************!*\
  !*** ../node_modules/prop-types/index.js ***!
  \*******************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

/**
 * Copyright (c) 2013-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

if (true) {
  var ReactIs = __webpack_require__(/*! react-is */ &quot;../node_modules/prop-types/node_modules/react-is/index.js&quot;);

  // By explicitly using `prop-types` you are opting into new development behavior.
  // http://fb.me/prop-types-in-prod
  var throwOnDirectAccess = true;
  module.exports = __webpack_require__(/*! ./factoryWithTypeCheckers */ &quot;../node_modules/prop-types/factoryWithTypeCheckers.js&quot;)(ReactIs.isElement, throwOnDirectAccess);
} else // removed by dead control flow
{}


/***/ }),

/***/ &quot;../node_modules/prop-types/lib/ReactPropTypesSecret.js&quot;:
/*!**************************************************************!*\
  !*** ../node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
  \**************************************************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
/**
 * Copyright (c) 2013-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */


var ReactPropTypesSecret = &#039;SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED&#039;;

module.exports = ReactPropTypesSecret;


/***/ }),

/***/ &quot;../node_modules/prop-types/lib/has.js&quot;:
/*!*********************************************!*\
  !*** ../node_modules/prop-types/lib/has.js ***!
  \*********************************************/
/***/ ((module) =&gt; {

module.exports = Function.call.bind(Object.prototype.hasOwnProperty);


/***/ }),

/***/ &quot;../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js&quot;:
/*!************************************************************************************!*\
  !*** ../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js ***!
  \************************************************************************************/
/***/ ((__unused_webpack_module, exports) =&gt; {

&quot;use strict&quot;;
/** @license React v16.13.1
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */


if (true) {
  (function() {
&#039;use strict&#039;;

// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
// nor polyfill, then a plain number is used for performance.
var hasSymbol = typeof Symbol === &#039;function&#039; &amp;&amp; Symbol.for;
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for(&#039;react.element&#039;) : 0xeac7;
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for(&#039;react.portal&#039;) : 0xeaca;
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for(&#039;react.fragment&#039;) : 0xeacb;
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for(&#039;react.strict_mode&#039;) : 0xeacc;
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for(&#039;react.profiler&#039;) : 0xead2;
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for(&#039;react.provider&#039;) : 0xeacd;
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for(&#039;react.context&#039;) : 0xeace; // TODO: We don&#039;t use AsyncMode or ConcurrentMode anymore. They were temporary
// (unstable) APIs that have been removed. Can we remove the symbols?

var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for(&#039;react.async_mode&#039;) : 0xeacf;
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for(&#039;react.concurrent_mode&#039;) : 0xeacf;
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for(&#039;react.forward_ref&#039;) : 0xead0;
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for(&#039;react.suspense&#039;) : 0xead1;
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for(&#039;react.suspense_list&#039;) : 0xead8;
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for(&#039;react.memo&#039;) : 0xead3;
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for(&#039;react.lazy&#039;) : 0xead4;
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for(&#039;react.block&#039;) : 0xead9;
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for(&#039;react.fundamental&#039;) : 0xead5;
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for(&#039;react.responder&#039;) : 0xead6;
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for(&#039;react.scope&#039;) : 0xead7;

function isValidElementType(type) {
  return typeof type === &#039;string&#039; || typeof type === &#039;function&#039; || // Note: its typeof might be other than &#039;symbol&#039; or &#039;number&#039; if it&#039;s a polyfill.
  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === &#039;object&#039; &amp;&amp; type !== null &amp;&amp; (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
}

function typeOf(object) {
  if (typeof object === &#039;object&#039; &amp;&amp; object !== null) {
    var $$typeof = object.$$typeof;

    switch ($$typeof) {
      case REACT_ELEMENT_TYPE:
        var type = object.type;

        switch (type) {
          case REACT_ASYNC_MODE_TYPE:
          case REACT_CONCURRENT_MODE_TYPE:
          case REACT_FRAGMENT_TYPE:
          case REACT_PROFILER_TYPE:
          case REACT_STRICT_MODE_TYPE:
          case REACT_SUSPENSE_TYPE:
            return type;

          default:
            var $$typeofType = type &amp;&amp; type.$$typeof;

            switch ($$typeofType) {
              case REACT_CONTEXT_TYPE:
              case REACT_FORWARD_REF_TYPE:
              case REACT_LAZY_TYPE:
              case REACT_MEMO_TYPE:
              case REACT_PROVIDER_TYPE:
                return $$typeofType;

              default:
                return $$typeof;
            }

        }

      case REACT_PORTAL_TYPE:
        return $$typeof;
    }
  }

  return undefined;
} // AsyncMode is deprecated along with isAsyncMode

var AsyncMode = REACT_ASYNC_MODE_TYPE;
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
var ContextConsumer = REACT_CONTEXT_TYPE;
var ContextProvider = REACT_PROVIDER_TYPE;
var Element = REACT_ELEMENT_TYPE;
var ForwardRef = REACT_FORWARD_REF_TYPE;
var Fragment = REACT_FRAGMENT_TYPE;
var Lazy = REACT_LAZY_TYPE;
var Memo = REACT_MEMO_TYPE;
var Portal = REACT_PORTAL_TYPE;
var Profiler = REACT_PROFILER_TYPE;
var StrictMode = REACT_STRICT_MODE_TYPE;
var Suspense = REACT_SUSPENSE_TYPE;
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated

function isAsyncMode(object) {
  {
    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console[&#039;warn&#039;] to evade Babel and ESLint

      console[&#039;warn&#039;](&#039;The ReactIs.isAsyncMode() alias has been deprecated, &#039; + &#039;and will be removed in React 17+. Update your code to use &#039; + &#039;ReactIs.isConcurrentMode() instead. It has the exact same API.&#039;);
    }
  }

  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
}
function isConcurrentMode(object) {
  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
}
function isContextConsumer(object) {
  return typeOf(object) === REACT_CONTEXT_TYPE;
}
function isContextProvider(object) {
  return typeOf(object) === REACT_PROVIDER_TYPE;
}
function isElement(object) {
  return typeof object === &#039;object&#039; &amp;&amp; object !== null &amp;&amp; object.$$typeof === REACT_ELEMENT_TYPE;
}
function isForwardRef(object) {
  return typeOf(object) === REACT_FORWARD_REF_TYPE;
}
function isFragment(object) {
  return typeOf(object) === REACT_FRAGMENT_TYPE;
}
function isLazy(object) {
  return typeOf(object) === REACT_LAZY_TYPE;
}
function isMemo(object) {
  return typeOf(object) === REACT_MEMO_TYPE;
}
function isPortal(object) {
  return typeOf(object) === REACT_PORTAL_TYPE;
}
function isProfiler(object) {
  return typeOf(object) === REACT_PROFILER_TYPE;
}
function isStrictMode(object) {
  return typeOf(object) === REACT_STRICT_MODE_TYPE;
}
function isSuspense(object) {
  return typeOf(object) === REACT_SUSPENSE_TYPE;
}

exports.AsyncMode = AsyncMode;
exports.ConcurrentMode = ConcurrentMode;
exports.ContextConsumer = ContextConsumer;
exports.ContextProvider = ContextProvider;
exports.Element = Element;
exports.ForwardRef = ForwardRef;
exports.Fragment = Fragment;
exports.Lazy = Lazy;
exports.Memo = Memo;
exports.Portal = Portal;
exports.Profiler = Profiler;
exports.StrictMode = StrictMode;
exports.Suspense = Suspense;
exports.isAsyncMode = isAsyncMode;
exports.isConcurrentMode = isConcurrentMode;
exports.isContextConsumer = isContextConsumer;
exports.isContextProvider = isContextProvider;
exports.isElement = isElement;
exports.isForwardRef = isForwardRef;
exports.isFragment = isFragment;
exports.isLazy = isLazy;
exports.isMemo = isMemo;
exports.isPortal = isPortal;
exports.isProfiler = isProfiler;
exports.isStrictMode = isStrictMode;
exports.isSuspense = isSuspense;
exports.isValidElementType = isValidElementType;
exports.typeOf = typeOf;
  })();
}


/***/ }),

/***/ &quot;../node_modules/prop-types/node_modules/react-is/index.js&quot;:
/*!*****************************************************************!*\
  !*** ../node_modules/prop-types/node_modules/react-is/index.js ***!
  \*****************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


if (false) // removed by dead control flow
{} else {
  module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ &quot;../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js&quot;);
}


/***/ }),

/***/ &quot;../node_modules/react-avatar-editor/dist/index.js&quot;:
/*!*********************************************************!*\
  !*** ../node_modules/react-avatar-editor/dist/index.js ***!
  \*********************************************************/
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {

!function(e,t){ true?module.exports=t(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;),__webpack_require__(/*! react */ &quot;react&quot;)):0}(this,function(e,t){&quot;use strict&quot;;function o(e){return e&amp;&amp;&quot;object&quot;==typeof e&amp;&amp;&quot;default&quot;in e?e:{default:e}}var n=o(e),i=o(t);function r(e,t){for(var o=0;o&lt;t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,&quot;value&quot;in n&amp;&amp;(n.writable=!0),Object.defineProperty(e,n.key,n)}}function s(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function u(){return(u=Object.assign||function(e){for(var t=1;t&lt;arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&amp;&amp;(e[n]=o[n])}return e}).apply(this,arguments)}function a(t,e){var o,n=Object.keys(t);return Object.getOwnPropertySymbols&amp;&amp;(o=Object.getOwnPropertySymbols(t),e&amp;&amp;(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,o)),n}function y(t){for(var e=1;e&lt;arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?a(Object(o),!0).forEach(function(e){s(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t){if(null==e)return{};var o,n=function(e,t){if(null==e)return{};for(var o,n={},a=Object.keys(e),r=0;r&lt;a.length;r++)o=a[r],0&lt;=t.indexOf(o)||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols)for(var a=Object.getOwnPropertySymbols(e),r=0;r&lt;a.length;r++)o=a[r],0&lt;=t.indexOf(o)||Object.prototype.propertyIsEnumerable.call(e,o)&amp;&amp;(n[o]=e[o]);return n}function d(e){if(void 0===e)throw new ReferenceError(&quot;this hasn&#039;t been initialised - super() hasn&#039;t been called&quot;);return e}function p(r){var i=function(){if(&quot;undefined&quot;==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(&quot;function&quot;==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t,o,n,a=h(r);return t=i?(e=h(this).constructor,Reflect.construct(a,arguments,e)):a.apply(this,arguments),o=this,!(n=t)||&quot;object&quot;!=typeof n&amp;&amp;&quot;function&quot;!=typeof n?d(o):n}}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(&quot;undefined&quot;==typeof Symbol||!(Symbol.iterator in Object(e)))return;var o=[],n=!0,a=!1,r=void 0;try{for(var i,s=e[Symbol.iterator]();!(n=(i=s.next()).done)&amp;&amp;(o.push(i.value),!t||o.length!==t);n=!0);}catch(e){a=!0,r=e}finally{try{n||null==s.return||s.return()}finally{if(a)throw r}}return o}(e,t)||g(e,t)||function(){throw new TypeError(&quot;Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;)}()}function g(e,t){if(e){if(&quot;string&quot;==typeof e)return f(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return&quot;Object&quot;===o&amp;&amp;e.constructor&amp;&amp;(o=e.constructor.name),&quot;Map&quot;===o||&quot;Set&quot;===o?Array.from(e):&quot;Arguments&quot;===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?f(e,t):void 0}}function f(e,t){(null==t||t&gt;e.length)&amp;&amp;(t=e.length);for(var o=0,n=new Array(t);o&lt;t;o++)n[o]=e[o];return n}function v(a,r){return new Promise(function(e,t){var o,n=new Image;n.onload=function(){return e(n)},n.onerror=t,!1==(null!==(o=a)&amp;&amp;!!o.match(/^\s*data:([a-z]+\/[a-z]+(;[a-z-]+=[a-z-]+)?)?(;base64)?,[a-z0-9!$&amp;&#039;,()*+;=\-._~:@/?%\s]*\s*$/i))&amp;&amp;r&amp;&amp;(n.crossOrigin=r),n.src=a})}var b,w=!(&quot;undefined&quot;==typeof window||&quot;undefined&quot;==typeof navigator||!(&quot;ontouchstart&quot;in window||0&lt;navigator.msMaxTouchPoints)),M=&quot;undefined&quot;!=typeof File,O={touch:{react:{down:&quot;onTouchStart&quot;,mouseDown:&quot;onMouseDown&quot;,drag:&quot;onTouchMove&quot;,move:&quot;onTouchMove&quot;,mouseMove:&quot;onMouseMove&quot;,up:&quot;onTouchEnd&quot;,mouseUp:&quot;onMouseUp&quot;},native:{down:&quot;touchstart&quot;,mouseDown:&quot;mousedown&quot;,drag:&quot;touchmove&quot;,move:&quot;touchmove&quot;,mouseMove:&quot;mousemove&quot;,up:&quot;touchend&quot;,mouseUp:&quot;mouseup&quot;}},desktop:{react:{down:&quot;onMouseDown&quot;,drag:&quot;onDragOver&quot;,move:&quot;onMouseMove&quot;,up:&quot;onMouseUp&quot;},native:{down:&quot;mousedown&quot;,drag:&quot;dragStart&quot;,move:&quot;mousemove&quot;,up:&quot;mouseup&quot;}}},I=w?O.touch:O.desktop,P=&quot;undefined&quot;!=typeof window&amp;&amp;window.devicePixelRatio?window.devicePixelRatio:1,C={x:.5,y:.5},x=function(){!function(e,t){if(&quot;function&quot;!=typeof t&amp;&amp;null!==t)throw new TypeError(&quot;Super expression must either be null or a function&quot;);e.prototype=Object.create(t&amp;&amp;t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&amp;&amp;c(e,t)}(a,i[&quot;default&quot;].Component);var e,t,o,n=p(a);function a(e){var v;return function(e,t){if(!(e instanceof t))throw new TypeError(&quot;Cannot call a class as a function&quot;)}(this,a),s(d(v=n.call(this,e)),&quot;state&quot;,{drag:!1,my:null,mx:null,image:C}),s(d(v),&quot;handleImageReady&quot;,function(e){var t=v.getInitialSize(e.width,e.height);t.resource=e,t.x=.5,t.y=.5,t.backgroundColor=v.props.backgroundColor,v.setState({drag:!1,image:t},v.props.onImageReady),v.props.onLoadSuccess(t)}),s(d(v),&quot;clearImage&quot;,function(){v.canvas.getContext(&quot;2d&quot;).clearRect(0,0,v.canvas.width,v.canvas.height),v.setState({image:C})}),s(d(v),&quot;handleMouseDown&quot;,function(e){(e=e||window.event).preventDefault(),v.setState({drag:!0,mx:null,my:null})}),s(d(v),&quot;handleMouseUp&quot;,function(){v.state.drag&amp;&amp;(v.setState({drag:!1}),v.props.onMouseUp())}),s(d(v),&quot;handleMouseMove&quot;,function(e){var t,o,n,a,r,i,s,u,h,c,l,d,p,g,f,m;e=e||window.event,!1!==v.state.drag&amp;&amp;(e.preventDefault(),n={mx:t=e.targetTouches?e.targetTouches[0].pageX:e.clientX,my:o=e.targetTouches?e.targetTouches[0].pageY:e.clientY},m=v.props.rotate,m=(m%=360)&lt;0?m+360:m,v.state.mx&amp;&amp;v.state.my&amp;&amp;(a=v.state.mx-t,r=v.state.my-o,i=v.state.image.width*v.props.scale,s=v.state.image.height*v.props.scale,h=(u=v.getCroppingRect()).x,c=u.y,h*=i,c*=s,l=function(e){return e*(Math.PI/180)},d=Math.cos(l(m)),g=c+-a*(p=Math.sin(l(m)))+r*d,f={x:(h+a*d+r*p)/i+1/v.props.scale*v.getXScale()/2,y:g/s+1/v.props.scale*v.getYScale()/2},v.props.onPositionChange(f),n.image=y(y({},v.state.image),f)),v.setState(n),v.props.onMouseMove(e))}),s(d(v),&quot;setCanvas&quot;,function(e){v.canvas=e}),v.canvas=null,v}return e=a,(t=[{key:&quot;componentDidMount&quot;,value:function(){this.props.disableHiDPIScaling&amp;&amp;(P=1);var e,t,o=this.canvas.getContext(&quot;2d&quot;);this.props.image&amp;&amp;this.loadImage(this.props.image),this.paint(o),document&amp;&amp;(e=!!function(){var t=!1;try{var e=Object.defineProperty({},&quot;passive&quot;,{get:function(){t=!0}});window.addEventListener(&quot;test&quot;,e,e),window.removeEventListener(&quot;test&quot;,e,e)}catch(e){t=!1}return t}()&amp;&amp;{passive:!1},t=I.native,document.addEventListener(t.move,this.handleMouseMove,e),document.addEventListener(t.up,this.handleMouseUp,e),w&amp;&amp;(document.addEventListener(t.mouseMove,this.handleMouseMove,e),document.addEventListener(t.mouseUp,this.handleMouseUp,e)))}},{key:&quot;componentDidUpdate&quot;,value:function(e,t){this.props.image&amp;&amp;this.props.image!==e.image||this.props.width!==e.width||this.props.height!==e.height||this.props.backgroundColor!==e.backgroundColor?this.loadImage(this.props.image):this.props.image||t.image===C||this.clearImage();var o=this.canvas.getContext(&quot;2d&quot;);o.clearRect(0,0,this.canvas.width,this.canvas.height),this.paint(o),this.paintImage(o,this.state.image,this.props.border),e.image===this.props.image&amp;&amp;e.width===this.props.width&amp;&amp;e.height===this.props.height&amp;&amp;e.position===this.props.position&amp;&amp;e.scale===this.props.scale&amp;&amp;e.rotate===this.props.rotate&amp;&amp;t.my===this.state.my&amp;&amp;t.mx===this.state.mx&amp;&amp;t.image.x===this.state.image.x&amp;&amp;t.image.y===this.state.image.y&amp;&amp;t.backgroundColor===this.state.backgroundColor||this.props.onImageChange()}},{key:&quot;componentWillUnmount&quot;,value:function(){var e;document&amp;&amp;(e=I.native,document.removeEventListener(e.move,this.handleMouseMove,!1),document.removeEventListener(e.up,this.handleMouseUp,!1),w&amp;&amp;(document.removeEventListener(e.mouseMove,this.handleMouseMove,!1),document.removeEventListener(e.mouseUp,this.handleMouseUp,!1)))}},{key:&quot;isVertical&quot;,value:function(){return!this.props.disableCanvasRotation&amp;&amp;this.props.rotate%180!=0}},{key:&quot;getBorders&quot;,value:function(e){var t=0&lt;arguments.length&amp;&amp;void 0!==e?e:this.props.border;return Array.isArray(t)?t:[t,t]}},{key:&quot;getDimensions&quot;,value:function(){var e=this.props,t=e.width,o=e.height,n=e.rotate,a=e.border,r={},i=m(this.getBorders(a),2),s=i[0],u=i[1],h=t,c=o;return this.isVertical()?(r.width=c,r.height=h):(r.width=h,r.height=c),r.width+=2*s,r.height+=2*u,{canvas:r,rotate:n,width:t,height:o,border:a}}},{key:&quot;getImage&quot;,value:function(){var e=this.getCroppingRect(),t=this.state.image;e.x*=t.resource.width,e.y*=t.resource.height,e.width*=t.resource.width,e.height*=t.resource.height;var o=document.createElement(&quot;canvas&quot;);this.isVertical()?(o.width=e.height,o.height=e.width):(o.width=e.width,o.height=e.height);var n=o.getContext(&quot;2d&quot;);return n.translate(o.width/2,o.height/2),n.rotate(this.props.rotate*Math.PI/180),n.translate(-o.width/2,-o.height/2),this.isVertical()&amp;&amp;n.translate((o.width-o.height)/2,(o.height-o.width)/2),t.backgroundColor&amp;&amp;(n.fillStyle=t.backgroundColor,n.fillRect(-e.x,-e.y,t.resource.width,t.resource.height)),n.drawImage(t.resource,-e.x,-e.y),o}},{key:&quot;getImageScaledToCanvas&quot;,value:function(){var e=this.getDimensions(),t=e.width,o=e.height,n=document.createElement(&quot;canvas&quot;);return this.isVertical()?(n.width=o,n.height=t):(n.width=t,n.height=o),this.paintImage(n.getContext(&quot;2d&quot;),this.state.image,0,1),n}},{key:&quot;getXScale&quot;,value:function(){var e=this.props.width/this.props.height,t=this.state.image.width/this.state.image.height;return Math.min(1,e/t)}},{key:&quot;getYScale&quot;,value:function(){var e=this.props.height/this.props.width,t=this.state.image.height/this.state.image.width;return Math.min(1,e/t)}},{key:&quot;getCroppingRect&quot;,value:function(){var e=this.props.position||{x:this.state.image.x,y:this.state.image.y},t=1/this.props.scale*this.getXScale(),o=1/this.props.scale*this.getYScale(),n={x:e.x-t/2,y:e.y-o/2,width:t,height:o},a=0,r=1-n.width,i=0,s=1-n.height;return(this.props.disableBoundaryChecks||1&lt;t||1&lt;o)&amp;&amp;(a=-n.width,i=-n.height,s=r=1),y(y({},n),{},{x:Math.max(a,Math.min(n.x,r)),y:Math.max(i,Math.min(n.y,s))})}},{key:&quot;loadImage&quot;,value:function(e){var t;M&amp;&amp;e instanceof File?this.loadingImage=(t=e,new Promise(function(o,n){var e=new FileReader;e.onload=function(e){try{var t=v(e.target.result);o(t)}catch(e){n(e)}},e.readAsDataURL(t)}).then(this.handleImageReady).catch(this.props.onLoadFailure)):&quot;string&quot;==typeof e&amp;&amp;(this.loadingImage=v(e,this.props.crossOrigin).then(this.handleImageReady).catch(this.props.onLoadFailure))}},{key:&quot;getInitialSize&quot;,value:function(e,t){var o,n,a=this.getDimensions();return t/e&lt;a.height/a.width?n=e*((o=this.getDimensions().height)/t):o=t*((n=this.getDimensions().width)/e),{height:o,width:n}}},{key:&quot;paintImage&quot;,value:function(e,t,o,n){var a,r=3&lt;arguments.length&amp;&amp;void 0!==n?n:P;t.resource&amp;&amp;(a=this.calculatePosition(t,o),e.save(),e.translate(e.canvas.width/2,e.canvas.height/2),e.rotate(this.props.rotate*Math.PI/180),e.translate(-e.canvas.width/2,-e.canvas.height/2),this.isVertical()&amp;&amp;e.translate((e.canvas.width-e.canvas.height)/2,(e.canvas.height-e.canvas.width)/2),e.scale(r,r),e.globalCompositeOperation=&quot;destination-over&quot;,e.drawImage(t.resource,a.x,a.y,a.width,a.height),t.backgroundColor&amp;&amp;(e.fillStyle=t.backgroundColor,e.fillRect(a.x,a.y,a.width,a.height)),e.restore())}},{key:&quot;calculatePosition&quot;,value:function(e,t){e=e||this.state.image;var o=m(this.getBorders(t),2),n=o[0],a=o[1],r=this.getCroppingRect(),i=e.width*this.props.scale,s=e.height*this.props.scale,u=-r.x*i,h=-r.y*s;return this.isVertical()?(u+=a,h+=n):(u+=n,h+=a),{x:u,y:h,height:s,width:i}}},{key:&quot;paint&quot;,value:function(e){e.save(),e.scale(P,P),e.translate(0,0),e.fillStyle=&quot;rgba(&quot;+this.props.color.slice(0,4).join(&quot;,&quot;)+&quot;)&quot;;var t,o,n,a,r,i,s,u,h=this.props.borderRadius,c=this.getDimensions(),l=m(this.getBorders(c.border),2),d=l[0],p=l[1],g=c.canvas.height,f=c.canvas.width,h=Math.max(h,0);h=Math.min(h,f/2-d,g/2-p),e.beginPath(),t=e,a=f-2*(o=d),r=g-2*(n=p),0===(i=h)?t.rect(o,n,a,r):(s=a-i,u=r-i,t.translate(o,n),t.arc(i,i,i,Math.PI,1.5*Math.PI),t.lineTo(s,0),t.arc(s,i,i,1.5*Math.PI,2*Math.PI),t.lineTo(a,u),t.arc(s,u,i,2*Math.PI,.5*Math.PI),t.lineTo(i,r),t.arc(i,u,i,.5*Math.PI,Math.PI),t.translate(-o,-n)),e.rect(f,0,-f,g),e.fill(&quot;evenodd&quot;),e.restore()}},{key:&quot;render&quot;,value:function(){var e=this.props,t=(e.scale,e.rotate,e.image,e.border,e.borderRadius,e.width,e.height,e.position,e.color,e.backgroundColor,e.style),o=(e.crossOrigin,e.onLoadFailure,e.onLoadSuccess,e.onImageReady,e.onImageChange,e.onMouseUp,e.onMouseMove,e.onPositionChange,e.disableBoundaryChecks,e.disableHiDPIScaling,e.disableCanvasRotation,l(e,[&quot;scale&quot;,&quot;rotate&quot;,&quot;image&quot;,&quot;border&quot;,&quot;borderRadius&quot;,&quot;width&quot;,&quot;height&quot;,&quot;position&quot;,&quot;color&quot;,&quot;backgroundColor&quot;,&quot;style&quot;,&quot;crossOrigin&quot;,&quot;onLoadFailure&quot;,&quot;onLoadSuccess&quot;,&quot;onImageReady&quot;,&quot;onImageChange&quot;,&quot;onMouseUp&quot;,&quot;onMouseMove&quot;,&quot;onPositionChange&quot;,&quot;disableBoundaryChecks&quot;,&quot;disableHiDPIScaling&quot;,&quot;disableCanvasRotation&quot;])),n=this.getDimensions(),a={width:n.canvas.width,height:n.canvas.height,cursor:this.state.drag?&quot;grabbing&quot;:&quot;grab&quot;,touchAction:&quot;none&quot;},r={width:n.canvas.width*P,height:n.canvas.height*P,style:y(y({},a),t)};return r[I.react.down]=this.handleMouseDown,w&amp;&amp;(r[I.react.mouseDown]=this.handleMouseDown),i.default.createElement(&quot;canvas&quot;,u({ref:this.setCanvas},r,o))}}])&amp;&amp;r(e.prototype,t),o&amp;&amp;r(e,o),a}();return s(x,&quot;propTypes&quot;,{scale:n.default.number,rotate:n.default.number,image:n.default.oneOfType([n.default.string].concat(function(e){if(Array.isArray(e))return f(e)}(b=M?[n.default.instanceOf(File)]:[])||function(e){if(&quot;undefined&quot;!=typeof Symbol&amp;&amp;Symbol.iterator in Object(e))return Array.from(e)}(b)||g(b)||function(){throw new TypeError(&quot;Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;)}())),border:n.default.oneOfType([n.default.number,n.default.arrayOf(n.default.number)]),borderRadius:n.default.number,width:n.default.number,height:n.default.number,position:n.default.shape({x:n.default.number,y:n.default.number}),color:n.default.arrayOf(n.default.number),backgroundColor:n.default.string,crossOrigin:n.default.oneOf([&quot;&quot;,&quot;anonymous&quot;,&quot;use-credentials&quot;]),onLoadFailure:n.default.func,onLoadSuccess:n.default.func,onImageReady:n.default.func,onImageChange:n.default.func,onMouseUp:n.default.func,onMouseMove:n.default.func,onPositionChange:n.default.func,disableBoundaryChecks:n.default.bool,disableHiDPIScaling:n.default.bool,disableCanvasRotation:n.default.bool}),s(x,&quot;defaultProps&quot;,{scale:1,rotate:0,border:25,borderRadius:0,width:200,height:200,color:[0,0,0,.5],onLoadFailure:function(){},onLoadSuccess:function(){},onImageReady:function(){},onImageChange:function(){},onMouseUp:function(){},onMouseMove:function(){},onPositionChange:function(){},disableBoundaryChecks:!1,disableHiDPIScaling:!1,disableCanvasRotation:!0}),x});


/***/ }),

/***/ &quot;../node_modules/react-colorful/dist/index.js&quot;:
/*!****************************************************!*\
  !*** ../node_modules/react-colorful/dist/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

var e=__webpack_require__(/*! react */ &quot;react&quot;);function r(e){return e&amp;&amp;&quot;object&quot;==typeof e&amp;&amp;&quot;default&quot;in e?e:{default:e}}var t=r(e);function o(){return(o=Object.assign||function(e){for(var r=1;r&lt;arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&amp;&amp;(e[o]=t[o])}return e}).apply(this,arguments)}function n(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o&lt;a.length;o++)r.indexOf(t=a[o])&gt;=0||(n[t]=e[t]);return n}function a(r){var t=e.useRef(r),o=e.useRef(function(e){t.current&amp;&amp;t.current(e)});return t.current=r,o.current}var l=function(e,r,t){return void 0===r&amp;&amp;(r=0),void 0===t&amp;&amp;(t=1),e&gt;t?t:e&lt;r?r:e},u=function(e){return&quot;touches&quot;in e},c=function(e){return e&amp;&amp;e.ownerDocument.defaultView||self},s=function(e,r,t){var o=e.getBoundingClientRect(),n=u(r)?function(e,r){for(var t=0;t&lt;e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:l((n.pageX-(o.left+c(e).pageXOffset))/o.width),top:l((n.pageY-(o.top+c(e).pageYOffset))/o.height)}},f=function(e){!u(e)&amp;&amp;e.preventDefault()},i=t.default.memo(function(r){var l=r.onMove,i=r.onKey,d=n(r,[&quot;onMove&quot;,&quot;onKey&quot;]),v=e.useRef(null),h=a(l),g=a(i),m=e.useRef(null),p=e.useRef(!1),b=e.useMemo(function(){var e=function(e){f(e),(u(e)?e.touches.length&gt;0:e.buttons&gt;0)&amp;&amp;v.current?h(s(v.current,e,m.current)):t(!1)},r=function(){return t(!1)};function t(t){var o=p.current,n=c(v.current),a=t?n.addEventListener:n.removeEventListener;a(o?&quot;touchmove&quot;:&quot;mousemove&quot;,e),a(o?&quot;touchend&quot;:&quot;mouseup&quot;,r)}return[function(e){var r=e.nativeEvent,o=v.current;if(o&amp;&amp;(f(r),!function(e,r){return r&amp;&amp;!u(e)}(r,p.current)&amp;&amp;o)){if(u(r)){p.current=!0;var n=r.changedTouches||[];n.length&amp;&amp;(m.current=n[0].identifier)}o.focus(),h(s(o,r,m.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r&lt;37||r&gt;40||(e.preventDefault(),g({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]},[g,h]),_=b[0],C=b[1],x=b[2];return e.useEffect(function(){return x},[x]),t.default.createElement(&quot;div&quot;,o({},d,{onTouchStart:_,onMouseDown:_,className:&quot;react-colorful__interactive&quot;,ref:v,onKeyDown:C,tabIndex:0,role:&quot;slider&quot;}))}),d=function(e){return e.filter(Boolean).join(&quot; &quot;)},v=function(e){var r=e.color,o=e.left,n=e.top,a=void 0===n?.5:n,l=d([&quot;react-colorful__pointer&quot;,e.className]);return t.default.createElement(&quot;div&quot;,{className:l,style:{top:100*a+&quot;%&quot;,left:100*o+&quot;%&quot;}},t.default.createElement(&quot;div&quot;,{className:&quot;react-colorful__pointer-fill&quot;,style:{backgroundColor:r}}))},h=function(e,r,t){return void 0===r&amp;&amp;(r=0),void 0===t&amp;&amp;(t=Math.pow(10,r)),Math.round(t*e)/t},g={grad:.9,turn:360,rad:360/(2*Math.PI)},m=function(e){return S(p(e))},p=function(e){return&quot;#&quot;===e[0]&amp;&amp;(e=e.substring(1)),e.length&lt;6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?h(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?h(parseInt(e.substring(6,8),16)/255,2):1}},b=function(e,r){return void 0===r&amp;&amp;(r=&quot;deg&quot;),Number(e)*(g[r]||1)},_=function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?x({h:b(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},C=_,x=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t&lt;50?t:100-t)/100)&gt;0?2*r/(t+r)*100:0,v:t+r,a:e.a}},E=function(e){return I(N(e))},H=function(e){var r=e.s,t=e.v,o=e.a,n=(200-r)*t/100;return{h:h(e.h),s:h(n&gt;0&amp;&amp;n&lt;200?r*t/100/(n&lt;=100?n:200-n)*100:0),l:h(n/2),a:h(o,2)}},M=function(e){var r=H(e);return&quot;hsl(&quot;+r.h+&quot;, &quot;+r.s+&quot;%, &quot;+r.l+&quot;%)&quot;},k=function(e){var r=H(e);return&quot;hsla(&quot;+r.h+&quot;, &quot;+r.s+&quot;%, &quot;+r.l+&quot;%, &quot;+r.a+&quot;)&quot;},N=function(e){var r=e.h,t=e.s,o=e.v,n=e.a;r=r/360*6,t/=100,o/=100;var a=Math.floor(r),l=o*(1-t),u=o*(1-(r-a)*t),c=o*(1-(1-r+a)*t),s=a%6;return{r:h(255*[o,u,l,l,c,o][s]),g:h(255*[c,o,o,u,l,l][s]),b:h(255*[l,l,c,o,o,u][s]),a:h(n,2)}},w=function(e){var r=/hsva?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?O({h:b(r[1],r[2]),s:Number(r[3]),v:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},y=w,q=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?S({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=q,R=function(e){var r=e.toString(16);return r.length&lt;2?&quot;0&quot;+r:r},I=function(e){var r=e.r,t=e.g,o=e.b,n=e.a,a=n&lt;1?R(h(255*n)):&quot;&quot;;return&quot;#&quot;+R(r)+R(t)+R(o)+a},S=function(e){var r=e.r,t=e.g,o=e.b,n=e.a,a=Math.max(r,t,o),l=a-Math.min(r,t,o),u=l?a===r?(t-o)/l:a===t?2+(o-r)/l:4+(r-t)/l:0;return{h:h(60*(u&lt;0?u+6:u)),s:h(a?l/a*100:0),v:h(a/255*100),a:n}},O=function(e){return{h:h(e.h),s:h(e.s),v:h(e.v),a:h(e.a,2)}},j=t.default.memo(function(e){var r=e.hue,o=e.onChange,n=d([&quot;react-colorful__hue&quot;,e.className]);return t.default.createElement(&quot;div&quot;,{className:n},t.default.createElement(i,{onMove:function(e){o({h:360*e.left})},onKey:function(e){o({h:l(r+360*e.left,0,360)})},&quot;aria-label&quot;:&quot;Hue&quot;,&quot;aria-valuenow&quot;:h(r),&quot;aria-valuemax&quot;:&quot;360&quot;,&quot;aria-valuemin&quot;:&quot;0&quot;},t.default.createElement(v,{className:&quot;react-colorful__hue-pointer&quot;,left:r/360,color:M({h:r,s:100,v:100,a:1})})))}),z=t.default.memo(function(e){var r=e.hsva,o=e.onChange,n={backgroundColor:M({h:r.h,s:100,v:100,a:1})};return t.default.createElement(&quot;div&quot;,{className:&quot;react-colorful__saturation&quot;,style:n},t.default.createElement(i,{onMove:function(e){o({s:100*e.left,v:100-100*e.top})},onKey:function(e){o({s:l(r.s+100*e.left,0,100),v:l(r.v-100*e.top,0,100)})},&quot;aria-label&quot;:&quot;Color&quot;,&quot;aria-valuetext&quot;:&quot;Saturation &quot;+h(r.s)+&quot;%, Brightness &quot;+h(r.v)+&quot;%&quot;},t.default.createElement(v,{className:&quot;react-colorful__saturation-pointer&quot;,top:1-r.v/100,left:r.s/100,color:M(r)})))}),B=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},D=function(e,r){return e.replace(/\s/g,&quot;&quot;)===r.replace(/\s/g,&quot;&quot;)},K=function(e,r){return e.toLowerCase()===r.toLowerCase()||B(p(e),p(r))};function L(r,t,o){var n=a(o),l=e.useState(function(){return r.toHsva(t)}),u=l[0],c=l[1],s=e.useRef({color:t,hsva:u});e.useEffect(function(){if(!r.equal(t,s.current.color)){var e=r.toHsva(t);s.current={hsva:e,color:t},c(e)}},[t,r]),e.useEffect(function(){var e;B(u,s.current.hsva)||r.equal(e=r.fromHsva(u),s.current.color)||(s.current={hsva:u,color:e},n(e))},[u,r,n]);var f=e.useCallback(function(e){c(function(r){return Object.assign({},r,e)})},[]);return[u,f]}var A,T=&quot;undefined&quot;!=typeof window?e.useLayoutEffect:e.useEffect,F=function(){return A||( true?__webpack_require__.nc:0)},X=new Map,Y=function(e){T(function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&amp;&amp;!X.has(r)){var t=r.createElement(&quot;style&quot;);t.innerHTML=&#039;.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:&quot;&quot;;position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\&#039;data:image/svg+xml;charset=utf-8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;16&quot; height=&quot;16&quot; fill-opacity=&quot;.05&quot;&gt;&lt;path d=&quot;M8 0h8v8H8zM0 8h8v8H0z&quot;/&gt;&lt;/svg&gt;\&#039;)}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}&#039;,X.set(r,t);var o=F();o&amp;&amp;t.setAttribute(&quot;nonce&quot;,o),r.head.appendChild(t)}},[])},V=function(r){var a=r.className,l=r.colorModel,u=r.color,c=void 0===u?l.defaultColor:u,s=r.onChange,f=n(r,[&quot;className&quot;,&quot;colorModel&quot;,&quot;color&quot;,&quot;onChange&quot;]),i=e.useRef(null);Y(i);var v=L(l,c,s),h=v[0],g=v[1],m=d([&quot;react-colorful&quot;,a]);return t.default.createElement(&quot;div&quot;,o({},f,{ref:i,className:m}),t.default.createElement(z,{hsva:h,onChange:g}),t.default.createElement(j,{hue:h.h,onChange:g,className:&quot;react-colorful__last-control&quot;}))},$={defaultColor:&quot;000&quot;,toHsva:m,fromHsva:function(e){return E({h:e.h,s:e.s,v:e.v,a:1})},equal:K},G=function(e){var r=e.className,o=e.hsva,n=e.onChange,a={backgroundImage:&quot;linear-gradient(90deg, &quot;+k(Object.assign({},o,{a:0}))+&quot;, &quot;+k(Object.assign({},o,{a:1}))+&quot;)&quot;},u=d([&quot;react-colorful__alpha&quot;,r]),c=h(100*o.a);return t.default.createElement(&quot;div&quot;,{className:u},t.default.createElement(&quot;div&quot;,{className:&quot;react-colorful__alpha-gradient&quot;,style:a}),t.default.createElement(i,{onMove:function(e){n({a:e.left})},onKey:function(e){n({a:l(o.a+e.left)})},&quot;aria-label&quot;:&quot;Alpha&quot;,&quot;aria-valuetext&quot;:c+&quot;%&quot;,&quot;aria-valuenow&quot;:c,&quot;aria-valuemin&quot;:&quot;0&quot;,&quot;aria-valuemax&quot;:&quot;100&quot;},t.default.createElement(v,{className:&quot;react-colorful__alpha-pointer&quot;,left:o.a,color:k(o)})))},J=function(r){var a=r.className,l=r.colorModel,u=r.color,c=void 0===u?l.defaultColor:u,s=r.onChange,f=n(r,[&quot;className&quot;,&quot;colorModel&quot;,&quot;color&quot;,&quot;onChange&quot;]),i=e.useRef(null);Y(i);var v=L(l,c,s),h=v[0],g=v[1],m=d([&quot;react-colorful&quot;,a]);return t.default.createElement(&quot;div&quot;,o({},f,{ref:i,className:m}),t.default.createElement(z,{hsva:h,onChange:g}),t.default.createElement(j,{hue:h.h,onChange:g}),t.default.createElement(G,{hsva:h,onChange:g,className:&quot;react-colorful__last-control&quot;}))},Q={defaultColor:&quot;0001&quot;,toHsva:m,fromHsva:E,equal:K},U={defaultColor:{h:0,s:0,l:0,a:1},toHsva:x,fromHsva:H,equal:B},W={defaultColor:&quot;hsla(0, 0%, 0%, 1)&quot;,toHsva:_,fromHsva:k,equal:D},Z={defaultColor:{h:0,s:0,l:0},toHsva:function(e){return x({h:e.h,s:e.s,l:e.l,a:1})},fromHsva:function(e){return{h:(r=H(e)).h,s:r.s,l:r.l};// removed by dead control flow
 var r; },equal:B},ee={defaultColor:&quot;hsl(0, 0%, 0%)&quot;,toHsva:C,fromHsva:M,equal:D},re={defaultColor:{h:0,s:0,v:0,a:1},toHsva:function(e){return e},fromHsva:O,equal:B},te={defaultColor:&quot;hsva(0, 0%, 0%, 1)&quot;,toHsva:w,fromHsva:function(e){var r=O(e);return&quot;hsva(&quot;+r.h+&quot;, &quot;+r.s+&quot;%, &quot;+r.v+&quot;%, &quot;+r.a+&quot;)&quot;},equal:D},oe={defaultColor:{h:0,s:0,v:0},toHsva:function(e){return{h:e.h,s:e.s,v:e.v,a:1}},fromHsva:function(e){var r=O(e);return{h:r.h,s:r.s,v:r.v}},equal:B},ne={defaultColor:&quot;hsv(0, 0%, 0%)&quot;,toHsva:y,fromHsva:function(e){var r=O(e);return&quot;hsv(&quot;+r.h+&quot;, &quot;+r.s+&quot;%, &quot;+r.v+&quot;%)&quot;},equal:D},ae={defaultColor:{r:0,g:0,b:0,a:1},toHsva:S,fromHsva:N,equal:B},le={defaultColor:&quot;rgba(0, 0, 0, 1)&quot;,toHsva:q,fromHsva:function(e){var r=N(e);return&quot;rgba(&quot;+r.r+&quot;, &quot;+r.g+&quot;, &quot;+r.b+&quot;, &quot;+r.a+&quot;)&quot;},equal:D},ue={defaultColor:{r:0,g:0,b:0},toHsva:function(e){return S({r:e.r,g:e.g,b:e.b,a:1})},fromHsva:function(e){return{r:(r=N(e)).r,g:r.g,b:r.b};// removed by dead control flow
 var r; },equal:B},ce={defaultColor:&quot;rgb(0, 0, 0)&quot;,toHsva:P,fromHsva:function(e){var r=N(e);return&quot;rgb(&quot;+r.r+&quot;, &quot;+r.g+&quot;, &quot;+r.b+&quot;)&quot;},equal:D},se=/^#?([0-9A-F]{3,8})$/i,fe=function(r){var l=r.color,u=void 0===l?&quot;&quot;:l,c=r.onChange,s=r.onBlur,f=r.escape,i=r.validate,d=r.format,v=r.process,h=n(r,[&quot;color&quot;,&quot;onChange&quot;,&quot;onBlur&quot;,&quot;escape&quot;,&quot;validate&quot;,&quot;format&quot;,&quot;process&quot;]),g=e.useState(function(){return f(u)}),m=g[0],p=g[1],b=a(c),_=a(s),C=e.useCallback(function(e){var r=f(e.target.value);p(r),i(r)&amp;&amp;b(v?v(r):r)},[f,v,i,b]),x=e.useCallback(function(e){i(e.target.value)||p(f(u)),_(e)},[u,f,i,_]);return e.useEffect(function(){p(f(u))},[u,f]),t.default.createElement(&quot;input&quot;,o({},h,{value:d?d(m):m,spellCheck:&quot;false&quot;,onChange:C,onBlur:x}))},ie=function(e){return&quot;#&quot;+e};exports.HexAlphaColorPicker=function(e){return t.default.createElement(J,o({},e,{colorModel:Q}))},exports.HexColorInput=function(r){var a=r.prefixed,l=r.alpha,u=n(r,[&quot;prefixed&quot;,&quot;alpha&quot;]),c=e.useCallback(function(e){return e.replace(/([^0-9A-F]+)/gi,&quot;&quot;).substring(0,l?8:6)},[l]),s=e.useCallback(function(e){return function(e,r){var t=se.exec(e),o=t?t[1].length:0;return 3===o||6===o||!!r&amp;&amp;4===o||!!r&amp;&amp;8===o}(e,l)},[l]);return t.default.createElement(fe,o({},u,{escape:c,format:a?ie:void 0,process:ie,validate:s}))},exports.HexColorPicker=function(e){return t.default.createElement(V,o({},e,{colorModel:$}))},exports.HslColorPicker=function(e){return t.default.createElement(V,o({},e,{colorModel:Z}))},exports.HslStringColorPicker=function(e){return t.default.createElement(V,o({},e,{colorModel:ee}))},exports.HslaColorPicker=function(e){return t.default.createElement(J,o({},e,{colorModel:U}))},exports.HslaStringColorPicker=function(e){return t.default.createElement(J,o({},e,{colorModel:W}))},exports.HsvColorPicker=function(e){return t.default.createElement(V,o({},e,{colorModel:oe}))},exports.HsvStringColorPicker=function(e){return t.default.createElement(V,o({},e,{colorModel:ne}))},exports.HsvaColorPicker=function(e){return t.default.createElement(J,o({},e,{colorModel:re}))},exports.HsvaStringColorPicker=function(e){return t.default.createElement(J,o({},e,{colorModel:te}))},exports.RgbColorPicker=function(e){return t.default.createElement(V,o({},e,{colorModel:ue}))},exports.RgbStringColorPicker=function(e){return t.default.createElement(V,o({},e,{colorModel:ce}))},exports.RgbaColorPicker=function(e){return t.default.createElement(J,o({},e,{colorModel:ae}))},exports.RgbaStringColorPicker=function(e){return t.default.createElement(J,o({},e,{colorModel:le}))},exports.setNonce=function(e){A=e};
//# sourceMappingURL=index.js.map


/***/ }),

/***/ &quot;../node_modules/react-dom/client.js&quot;:
/*!*******************************************!*\
  !*** ../node_modules/react-dom/client.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


var m = __webpack_require__(/*! react-dom */ &quot;react-dom&quot;);
if (false) // removed by dead control flow
{} else {
  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
  exports.createRoot = function(c, o) {
    i.usingClientEntryPoint = true;
    try {
      return m.createRoot(c, o);
    } finally {
      i.usingClientEntryPoint = false;
    }
  };
  exports.hydrateRoot = function(c, h, o) {
    i.usingClientEntryPoint = true;
    try {
      return m.hydrateRoot(c, h, o);
    } finally {
      i.usingClientEntryPoint = false;
    }
  };
}


/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/Draggable.js&quot;:
/*!**************************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/Draggable.js ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
Object.defineProperty(exports, &quot;DraggableCore&quot;, ({
  enumerable: true,
  get: function () {
    return _DraggableCore.default;
  }
}));
exports[&quot;default&quot;] = void 0;
var React = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _reactDom = _interopRequireDefault(__webpack_require__(/*! react-dom */ &quot;react-dom&quot;));
var _clsx = __webpack_require__(/*! clsx */ &quot;../node_modules/react-draggable/node_modules/clsx/dist/clsx.js&quot;);
var _domFns = __webpack_require__(/*! ./utils/domFns */ &quot;../node_modules/react-draggable/build/cjs/utils/domFns.js&quot;);
var _positionFns = __webpack_require__(/*! ./utils/positionFns */ &quot;../node_modules/react-draggable/build/cjs/utils/positionFns.js&quot;);
var _shims = __webpack_require__(/*! ./utils/shims */ &quot;../node_modules/react-draggable/build/cjs/utils/shims.js&quot;);
var _DraggableCore = _interopRequireDefault(__webpack_require__(/*! ./DraggableCore */ &quot;../node_modules/react-draggable/build/cjs/DraggableCore.js&quot;));
var _log = _interopRequireDefault(__webpack_require__(/*! ./utils/log */ &quot;../node_modules/react-draggable/build/cjs/utils/log.js&quot;));
function _interopRequireDefault(e) { return e &amp;&amp; e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != typeof e &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) &quot;default&quot; !== t &amp;&amp; {}.hasOwnProperty.call(e, t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, t)) &amp;&amp; (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e &lt; arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) &amp;&amp; (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, &quot;string&quot;); return &quot;symbol&quot; == typeof i ? i : i + &quot;&quot;; }
function _toPrimitive(t, r) { if (&quot;object&quot; != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || &quot;default&quot;); if (&quot;object&quot; != typeof i) return i; throw new TypeError(&quot;@@toPrimitive must return a primitive value.&quot;); } return (&quot;string&quot; === r ? String : Number)(t); } /*:: import type {ControlPosition, PositionOffsetControlPosition, DraggableCoreProps, DraggableCoreDefaultProps} from &#039;./DraggableCore&#039;;*/
/*:: import type {Bounds, DraggableEventHandler} from &#039;./utils/types&#039;;*/
/*:: import type {Element as ReactElement} from &#039;react&#039;;*/
/*:: type DraggableState = {
  dragging: boolean,
  dragged: boolean,
  x: number, y: number,
  slackX: number, slackY: number,
  isElementSVG: boolean,
  prevPropsPosition: ?ControlPosition,
};*/
/*:: export type DraggableDefaultProps = {
  ...DraggableCoreDefaultProps,
  axis: &#039;both&#039; | &#039;x&#039; | &#039;y&#039; | &#039;none&#039;,
  bounds: Bounds | string | false,
  defaultClassName: string,
  defaultClassNameDragging: string,
  defaultClassNameDragged: string,
  defaultPosition: ControlPosition,
  scale: number,
};*/
/*:: export type DraggableProps = {
  ...DraggableCoreProps,
  ...DraggableDefaultProps,
  positionOffset: PositionOffsetControlPosition,
  position: ControlPosition,
};*/
//
// Define &lt;Draggable&gt;
//
class Draggable extends React.Component /*:: &lt;DraggableProps, DraggableState&gt;*/{
  // React 16.3+
  // Arity (props, state)
  static getDerivedStateFromProps(_ref /*:: */, _ref2 /*:: */) /*: ?Partial&lt;DraggableState&gt;*/{
    let {
      position
    } /*: DraggableProps*/ = _ref /*: DraggableProps*/;
    let {
      prevPropsPosition
    } /*: DraggableState*/ = _ref2 /*: DraggableState*/;
    // Set x/y if a new position is provided in props that is different than the previous.
    if (position &amp;&amp; (!prevPropsPosition || position.x !== prevPropsPosition.x || position.y !== prevPropsPosition.y)) {
      (0, _log.default)(&#039;Draggable: getDerivedStateFromProps %j&#039;, {
        position,
        prevPropsPosition
      });
      return {
        x: position.x,
        y: position.y,
        prevPropsPosition: {
          ...position
        }
      };
    }
    return null;
  }
  constructor(props /*: DraggableProps*/) {
    super(props);
    _defineProperty(this, &quot;onDragStart&quot;, (e, coreData) =&gt; {
      (0, _log.default)(&#039;Draggable: onDragStart: %j&#039;, coreData);

      // Short-circuit if user&#039;s callback killed it.
      const shouldStart = this.props.onStart(e, (0, _positionFns.createDraggableData)(this, coreData));
      // Kills start event on core as well, so move handlers are never bound.
      if (shouldStart === false) return false;
      this.setState({
        dragging: true,
        dragged: true
      });
    });
    _defineProperty(this, &quot;onDrag&quot;, (e, coreData) =&gt; {
      if (!this.state.dragging) return false;
      (0, _log.default)(&#039;Draggable: onDrag: %j&#039;, coreData);
      const uiData = (0, _positionFns.createDraggableData)(this, coreData);
      const newState = {
        x: uiData.x,
        y: uiData.y,
        slackX: 0,
        slackY: 0
      };

      // Keep within bounds.
      if (this.props.bounds) {
        // Save original x and y.
        const {
          x,
          y
        } = newState;

        // Add slack to the values used to calculate bound position. This will ensure that if
        // we start removing slack, the element won&#039;t react to it right away until it&#039;s been
        // completely removed.
        newState.x += this.state.slackX;
        newState.y += this.state.slackY;

        // Get bound position. This will ceil/floor the x and y within the boundaries.
        const [newStateX, newStateY] = (0, _positionFns.getBoundPosition)(this, newState.x, newState.y);
        newState.x = newStateX;
        newState.y = newStateY;

        // Recalculate slack by noting how much was shaved by the boundPosition handler.
        newState.slackX = this.state.slackX + (x - newState.x);
        newState.slackY = this.state.slackY + (y - newState.y);

        // Update the event we fire to reflect what really happened after bounds took effect.
        uiData.x = newState.x;
        uiData.y = newState.y;
        uiData.deltaX = newState.x - this.state.x;
        uiData.deltaY = newState.y - this.state.y;
      }

      // Short-circuit if user&#039;s callback killed it.
      const shouldUpdate = this.props.onDrag(e, uiData);
      if (shouldUpdate === false) return false;
      this.setState(newState);
    });
    _defineProperty(this, &quot;onDragStop&quot;, (e, coreData) =&gt; {
      if (!this.state.dragging) return false;

      // Short-circuit if user&#039;s callback killed it.
      const shouldContinue = this.props.onStop(e, (0, _positionFns.createDraggableData)(this, coreData));
      if (shouldContinue === false) return false;
      (0, _log.default)(&#039;Draggable: onDragStop: %j&#039;, coreData);
      const newState /*: Partial&lt;DraggableState&gt;*/ = {
        dragging: false,
        slackX: 0,
        slackY: 0
      };

      // If this is a controlled component, the result of this operation will be to
      // revert back to the old position. We expect a handler on `onDragStop`, at the least.
      const controlled = Boolean(this.props.position);
      if (controlled) {
        const {
          x,
          y
        } = this.props.position;
        newState.x = x;
        newState.y = y;
      }
      this.setState(newState);
    });
    this.state = {
      // Whether or not we are currently dragging.
      dragging: false,
      // Whether or not we have been dragged before.
      dragged: false,
      // Current transform x and y.
      x: props.position ? props.position.x : props.defaultPosition.x,
      y: props.position ? props.position.y : props.defaultPosition.y,
      prevPropsPosition: {
        ...props.position
      },
      // Used for compensating for out-of-bounds drags
      slackX: 0,
      slackY: 0,
      // Can only determine if SVG after mounting
      isElementSVG: false
    };
    if (props.position &amp;&amp; !(props.onDrag || props.onStop)) {
      // eslint-disable-next-line no-console
      console.warn(&#039;A `position` was applied to this &lt;Draggable&gt;, without drag handlers. This will make this &#039; + &#039;component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the &#039; + &#039;`position` of this element.&#039;);
    }
  }
  componentDidMount() {
    // Check to see if the element passed is an instanceof SVGElement
    if (typeof window.SVGElement !== &#039;undefined&#039; &amp;&amp; this.findDOMNode() instanceof window.SVGElement) {
      this.setState({
        isElementSVG: true
      });
    }
  }
  componentWillUnmount() {
    if (this.state.dragging) {
      this.setState({
        dragging: false
      }); // prevents invariant if unmounted while dragging
    }
  }

  // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
  // the underlying DOM node ourselves. See the README for more information.
  findDOMNode() /*: ?HTMLElement*/{
    return this.props?.nodeRef?.current ?? _reactDom.default.findDOMNode(this);
  }
  render() /*: ReactElement&lt;any&gt;*/{
    const {
      axis,
      bounds,
      children,
      defaultPosition,
      defaultClassName,
      defaultClassNameDragging,
      defaultClassNameDragged,
      position,
      positionOffset,
      scale,
      ...draggableCoreProps
    } = this.props;
    let style = {};
    let svgTransform = null;

    // If this is controlled, we don&#039;t want to move it - unless it&#039;s dragging.
    const controlled = Boolean(position);
    const draggable = !controlled || this.state.dragging;
    const validPosition = position || defaultPosition;
    const transformOpts = {
      // Set left if horizontal drag is enabled
      x: (0, _positionFns.canDragX)(this) &amp;&amp; draggable ? this.state.x : validPosition.x,
      // Set top if vertical drag is enabled
      y: (0, _positionFns.canDragY)(this) &amp;&amp; draggable ? this.state.y : validPosition.y
    };

    // If this element was SVG, we use the `transform` attribute.
    if (this.state.isElementSVG) {
      svgTransform = (0, _domFns.createSVGTransform)(transformOpts, positionOffset);
    } else {
      // Add a CSS transform to move the element around. This allows us to move the element around
      // without worrying about whether or not it is relatively or absolutely positioned.
      // If the item you are dragging already has a transform set, wrap it in a &lt;span&gt; so &lt;Draggable&gt;
      // has a clean slate.
      style = (0, _domFns.createCSSTransform)(transformOpts, positionOffset);
    }

    // Mark with class while dragging
    const className = (0, _clsx.clsx)(children.props.className || &#039;&#039;, defaultClassName, {
      [defaultClassNameDragging]: this.state.dragging,
      [defaultClassNameDragged]: this.state.dragged
    });

    // Reuse the child provided
    // This makes it flexible to use whatever element is wanted (div, ul, etc)
    return /*#__PURE__*/React.createElement(_DraggableCore.default, _extends({}, draggableCoreProps, {
      onStart: this.onDragStart,
      onDrag: this.onDrag,
      onStop: this.onDragStop
    }), /*#__PURE__*/React.cloneElement(React.Children.only(children), {
      className: className,
      style: {
        ...children.props.style,
        ...style
      },
      transform: svgTransform
    }));
  }
}
exports[&quot;default&quot;] = Draggable;
_defineProperty(Draggable, &quot;displayName&quot;, &#039;Draggable&#039;);
_defineProperty(Draggable, &quot;propTypes&quot;, {
  // Accepts all props &lt;DraggableCore&gt; accepts.
  ..._DraggableCore.default.propTypes,
  /**
   * `axis` determines which axis the draggable can move.
   *
   *  Note that all callbacks will still return data as normal. This only
   *  controls flushing to the DOM.
   *
   * &#039;both&#039; allows movement horizontally and vertically.
   * &#039;x&#039; limits movement to horizontal axis.
   * &#039;y&#039; limits movement to vertical axis.
   * &#039;none&#039; limits all movement.
   *
   * Defaults to &#039;both&#039;.
   */
  axis: _propTypes.default.oneOf([&#039;both&#039;, &#039;x&#039;, &#039;y&#039;, &#039;none&#039;]),
  /**
   * `bounds` determines the range of movement available to the element.
   * Available values are:
   *
   * &#039;parent&#039; restricts movement within the Draggable&#039;s parent node.
   *
   * Alternatively, pass an object with the following properties, all of which are optional:
   *
   * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
   *
   * All values are in px.
   *
   * Example:
   *
   * ```jsx
   *   let App = React.createClass({
   *       render: function () {
   *         return (
   *            &lt;Draggable bounds={{right: 300, bottom: 300}}&gt;
   *              &lt;div&gt;Content&lt;/div&gt;
   *           &lt;/Draggable&gt;
   *         );
   *       }
   *   });
   * ```
   */
  bounds: _propTypes.default.oneOfType([_propTypes.default.shape({
    left: _propTypes.default.number,
    right: _propTypes.default.number,
    top: _propTypes.default.number,
    bottom: _propTypes.default.number
  }), _propTypes.default.string, _propTypes.default.oneOf([false])]),
  defaultClassName: _propTypes.default.string,
  defaultClassNameDragging: _propTypes.default.string,
  defaultClassNameDragged: _propTypes.default.string,
  /**
   * `defaultPosition` specifies the x and y that the dragged item should start at
   *
   * Example:
   *
   * ```jsx
   *      let App = React.createClass({
   *          render: function () {
   *              return (
   *                  &lt;Draggable defaultPosition={{x: 25, y: 25}}&gt;
   *                      &lt;div&gt;I start with transformX: 25px and transformY: 25px;&lt;/div&gt;
   *                  &lt;/Draggable&gt;
   *              );
   *          }
   *      });
   * ```
   */
  defaultPosition: _propTypes.default.shape({
    x: _propTypes.default.number,
    y: _propTypes.default.number
  }),
  positionOffset: _propTypes.default.shape({
    x: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
    y: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
  }),
  /**
   * `position`, if present, defines the current position of the element.
   *
   *  This is similar to how form elements in React work - if no `position` is supplied, the component
   *  is uncontrolled.
   *
   * Example:
   *
   * ```jsx
   *      let App = React.createClass({
   *          render: function () {
   *              return (
   *                  &lt;Draggable position={{x: 25, y: 25}}&gt;
   *                      &lt;div&gt;I start with transformX: 25px and transformY: 25px;&lt;/div&gt;
   *                  &lt;/Draggable&gt;
   *              );
   *          }
   *      });
   * ```
   */
  position: _propTypes.default.shape({
    x: _propTypes.default.number,
    y: _propTypes.default.number
  }),
  /**
   * These properties should be defined on the child, not here.
   */
  className: _shims.dontSetMe,
  style: _shims.dontSetMe,
  transform: _shims.dontSetMe
});
_defineProperty(Draggable, &quot;defaultProps&quot;, {
  ..._DraggableCore.default.defaultProps,
  axis: &#039;both&#039;,
  bounds: false,
  defaultClassName: &#039;react-draggable&#039;,
  defaultClassNameDragging: &#039;react-draggable-dragging&#039;,
  defaultClassNameDragged: &#039;react-draggable-dragged&#039;,
  defaultPosition: {
    x: 0,
    y: 0
  },
  scale: 1
});

/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/DraggableCore.js&quot;:
/*!******************************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/DraggableCore.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var React = _interopRequireWildcard(__webpack_require__(/*! react */ &quot;react&quot;));
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;));
var _reactDom = _interopRequireDefault(__webpack_require__(/*! react-dom */ &quot;react-dom&quot;));
var _domFns = __webpack_require__(/*! ./utils/domFns */ &quot;../node_modules/react-draggable/build/cjs/utils/domFns.js&quot;);
var _positionFns = __webpack_require__(/*! ./utils/positionFns */ &quot;../node_modules/react-draggable/build/cjs/utils/positionFns.js&quot;);
var _shims = __webpack_require__(/*! ./utils/shims */ &quot;../node_modules/react-draggable/build/cjs/utils/shims.js&quot;);
var _log = _interopRequireDefault(__webpack_require__(/*! ./utils/log */ &quot;../node_modules/react-draggable/build/cjs/utils/log.js&quot;));
function _interopRequireDefault(e) { return e &amp;&amp; e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != typeof e &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) &quot;default&quot; !== t &amp;&amp; {}.hasOwnProperty.call(e, t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, t)) &amp;&amp; (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, &quot;string&quot;); return &quot;symbol&quot; == typeof i ? i : i + &quot;&quot;; }
function _toPrimitive(t, r) { if (&quot;object&quot; != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || &quot;default&quot;); if (&quot;object&quot; != typeof i) return i; throw new TypeError(&quot;@@toPrimitive must return a primitive value.&quot;); } return (&quot;string&quot; === r ? String : Number)(t); }
/*:: import type {EventHandler, MouseTouchEvent} from &#039;./utils/types&#039;;*/
/*:: import type {Element as ReactElement} from &#039;react&#039;;*/
// Simple abstraction for dragging events names.
const eventsFor = {
  touch: {
    start: &#039;touchstart&#039;,
    move: &#039;touchmove&#039;,
    stop: &#039;touchend&#039;
  },
  mouse: {
    start: &#039;mousedown&#039;,
    move: &#039;mousemove&#039;,
    stop: &#039;mouseup&#039;
  }
};

// Default to mouse events.
let dragEventFor = eventsFor.mouse;
/*:: export type DraggableData = {
  node: HTMLElement,
  x: number, y: number,
  deltaX: number, deltaY: number,
  lastX: number, lastY: number,
};*/
/*:: export type DraggableEventHandler = (e: MouseEvent, data: DraggableData) =&gt; void | false;*/
/*:: export type ControlPosition = {x: number, y: number};*/
/*:: export type PositionOffsetControlPosition = {x: number|string, y: number|string};*/
/*:: export type DraggableCoreDefaultProps = {
  allowAnyClick: boolean,
  allowMobileScroll: boolean,
  disabled: boolean,
  enableUserSelectHack: boolean,
  onStart: DraggableEventHandler,
  onDrag: DraggableEventHandler,
  onStop: DraggableEventHandler,
  onMouseDown: (e: MouseEvent) =&gt; void,
  scale: number,
};*/
/*:: export type DraggableCoreProps = {
  ...DraggableCoreDefaultProps,
  cancel: string,
  children: ReactElement&lt;any&gt;,
  offsetParent: HTMLElement,
  grid: [number, number],
  handle: string,
  nodeRef?: ?React.ElementRef&lt;any&gt;,
};*/
//
// Define &lt;DraggableCore&gt;.
//
// &lt;DraggableCore&gt; is for advanced usage of &lt;Draggable&gt;. It maintains minimal internal state so it can
// work well with libraries that require more control over the element.
//

class DraggableCore extends React.Component /*:: &lt;DraggableCoreProps&gt;*/{
  constructor() {
    super(...arguments);
    _defineProperty(this, &quot;dragging&quot;, false);
    // Used while dragging to determine deltas.
    _defineProperty(this, &quot;lastX&quot;, NaN);
    _defineProperty(this, &quot;lastY&quot;, NaN);
    _defineProperty(this, &quot;touchIdentifier&quot;, null);
    _defineProperty(this, &quot;mounted&quot;, false);
    _defineProperty(this, &quot;handleDragStart&quot;, e =&gt; {
      // Make it possible to attach event handlers on top of this one.
      this.props.onMouseDown(e);

      // Only accept left-clicks.
      if (!this.props.allowAnyClick &amp;&amp; typeof e.button === &#039;number&#039; &amp;&amp; e.button !== 0) return false;

      // Get nodes. Be sure to grab relative document (could be iframed)
      const thisNode = this.findDOMNode();
      if (!thisNode || !thisNode.ownerDocument || !thisNode.ownerDocument.body) {
        throw new Error(&#039;&lt;DraggableCore&gt; not mounted on DragStart!&#039;);
      }
      const {
        ownerDocument
      } = thisNode;

      // Short circuit if handle or cancel prop was provided and selector doesn&#039;t match.
      if (this.props.disabled || !(e.target instanceof ownerDocument.defaultView.Node) || this.props.handle &amp;&amp; !(0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.handle, thisNode) || this.props.cancel &amp;&amp; (0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.cancel, thisNode)) {
        return;
      }

      // Prevent scrolling on mobile devices, like ipad/iphone.
      // Important that this is after handle/cancel.
      if (e.type === &#039;touchstart&#039; &amp;&amp; !this.props.allowMobileScroll) e.preventDefault();

      // Set touch identifier in component state if this is a touch event. This allows us to
      // distinguish between individual touches on multitouch screens by identifying which
      // touchpoint was set to this element.
      const touchIdentifier = (0, _domFns.getTouchIdentifier)(e);
      this.touchIdentifier = touchIdentifier;

      // Get the current drag point from the event. This is used as the offset.
      const position = (0, _positionFns.getControlPosition)(e, touchIdentifier, this);
      if (position == null) return; // not possible but satisfies flow
      const {
        x,
        y
      } = position;

      // Create an event object with all the data parents need to make a decision here.
      const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
      (0, _log.default)(&#039;DraggableCore: handleDragStart: %j&#039;, coreEvent);

      // Call event handler. If it returns explicit false, cancel.
      (0, _log.default)(&#039;calling&#039;, this.props.onStart);
      const shouldUpdate = this.props.onStart(e, coreEvent);
      if (shouldUpdate === false || this.mounted === false) return;

      // Add a style to the body to disable user-select. This prevents text from
      // being selected all over the page.
      if (this.props.enableUserSelectHack) (0, _domFns.addUserSelectStyles)(ownerDocument);

      // Initiate dragging. Set the current x and y as offsets
      // so we know how much we&#039;ve moved during the drag. This allows us
      // to drag elements around even if they have been moved, without issue.
      this.dragging = true;
      this.lastX = x;
      this.lastY = y;

      // Add events to the document directly so we catch when the user&#039;s mouse/touch moves outside of
      // this element. We use different events depending on whether or not we have detected that this
      // is a touch-capable device.
      (0, _domFns.addEvent)(ownerDocument, dragEventFor.move, this.handleDrag);
      (0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, this.handleDragStop);
    });
    _defineProperty(this, &quot;handleDrag&quot;, e =&gt; {
      // Get the current drag point from the event. This is used as the offset.
      const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
      if (position == null) return;
      let {
        x,
        y
      } = position;

      // Snap to grid if prop has been provided
      if (Array.isArray(this.props.grid)) {
        let deltaX = x - this.lastX,
          deltaY = y - this.lastY;
        [deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
        if (!deltaX &amp;&amp; !deltaY) return; // skip useless drag
        x = this.lastX + deltaX, y = this.lastY + deltaY;
      }
      const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
      (0, _log.default)(&#039;DraggableCore: handleDrag: %j&#039;, coreEvent);

      // Call event handler. If it returns explicit false, trigger end.
      const shouldUpdate = this.props.onDrag(e, coreEvent);
      if (shouldUpdate === false || this.mounted === false) {
        try {
          // $FlowIgnore
          this.handleDragStop(new MouseEvent(&#039;mouseup&#039;));
        } catch (err) {
          // Old browsers
          const event = ((document.createEvent(&#039;MouseEvents&#039;) /*: any*/) /*: MouseTouchEvent*/);
          // I see why this insanity was deprecated
          // $FlowIgnore
          event.initMouseEvent(&#039;mouseup&#039;, true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
          this.handleDragStop(event);
        }
        return;
      }
      this.lastX = x;
      this.lastY = y;
    });
    _defineProperty(this, &quot;handleDragStop&quot;, e =&gt; {
      if (!this.dragging) return;
      const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
      if (position == null) return;
      let {
        x,
        y
      } = position;

      // Snap to grid if prop has been provided
      if (Array.isArray(this.props.grid)) {
        let deltaX = x - this.lastX || 0;
        let deltaY = y - this.lastY || 0;
        [deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
        x = this.lastX + deltaX, y = this.lastY + deltaY;
      }
      const coreEvent = (0, _positionFns.createCoreData)(this, x, y);

      // Call event handler
      const shouldContinue = this.props.onStop(e, coreEvent);
      if (shouldContinue === false || this.mounted === false) return false;
      const thisNode = this.findDOMNode();
      if (thisNode) {
        // Remove user-select hack
        if (this.props.enableUserSelectHack) (0, _domFns.scheduleRemoveUserSelectStyles)(thisNode.ownerDocument);
      }
      (0, _log.default)(&#039;DraggableCore: handleDragStop: %j&#039;, coreEvent);

      // Reset the el.
      this.dragging = false;
      this.lastX = NaN;
      this.lastY = NaN;
      if (thisNode) {
        // Remove event handlers
        (0, _log.default)(&#039;DraggableCore: Removing handlers&#039;);
        (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.move, this.handleDrag);
        (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.stop, this.handleDragStop);
      }
    });
    _defineProperty(this, &quot;onMouseDown&quot;, e =&gt; {
      dragEventFor = eventsFor.mouse; // on touchscreen laptops we could switch back to mouse

      return this.handleDragStart(e);
    });
    _defineProperty(this, &quot;onMouseUp&quot;, e =&gt; {
      dragEventFor = eventsFor.mouse;
      return this.handleDragStop(e);
    });
    // Same as onMouseDown (start drag), but now consider this a touch device.
    _defineProperty(this, &quot;onTouchStart&quot;, e =&gt; {
      // We&#039;re on a touch device now, so change the event handlers
      dragEventFor = eventsFor.touch;
      return this.handleDragStart(e);
    });
    _defineProperty(this, &quot;onTouchEnd&quot;, e =&gt; {
      // We&#039;re on a touch device now, so change the event handlers
      dragEventFor = eventsFor.touch;
      return this.handleDragStop(e);
    });
  }
  componentDidMount() {
    this.mounted = true;
    // Touch handlers must be added with {passive: false} to be cancelable.
    // https://developers.google.com/web/updates/2017/01/scrolling-intervention
    const thisNode = this.findDOMNode();
    if (thisNode) {
      (0, _domFns.addEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
        passive: false
      });
    }
  }
  componentWillUnmount() {
    this.mounted = false;
    // Remove any leftover event handlers. Remove both touch and mouse handlers in case
    // some browser quirk caused a touch event to fire during a mouse move, or vice versa.
    const thisNode = this.findDOMNode();
    if (thisNode) {
      const {
        ownerDocument
      } = thisNode;
      (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.move, this.handleDrag);
      (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.move, this.handleDrag);
      (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.stop, this.handleDragStop);
      (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.stop, this.handleDragStop);
      (0, _domFns.removeEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
        passive: false
      });
      if (this.props.enableUserSelectHack) (0, _domFns.scheduleRemoveUserSelectStyles)(ownerDocument);
    }
  }

  // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
  // the underlying DOM node ourselves. See the README for more information.
  findDOMNode() /*: ?HTMLElement*/{
    return this.props?.nodeRef ? this.props?.nodeRef?.current : _reactDom.default.findDOMNode(this);
  }
  render() /*: React.Element&lt;any&gt;*/{
    // Reuse the child provided
    // This makes it flexible to use whatever element is wanted (div, ul, etc)
    return /*#__PURE__*/React.cloneElement(React.Children.only(this.props.children), {
      // Note: mouseMove handler is attached to document so it will still function
      // when the user drags quickly and leaves the bounds of the element.
      onMouseDown: this.onMouseDown,
      onMouseUp: this.onMouseUp,
      // onTouchStart is added on `componentDidMount` so they can be added with
      // {passive: false}, which allows it to cancel. See
      // https://developers.google.com/web/updates/2017/01/scrolling-intervention
      onTouchEnd: this.onTouchEnd
    });
  }
}
exports[&quot;default&quot;] = DraggableCore;
_defineProperty(DraggableCore, &quot;displayName&quot;, &#039;DraggableCore&#039;);
_defineProperty(DraggableCore, &quot;propTypes&quot;, {
  /**
   * `allowAnyClick` allows dragging using any mouse button.
   * By default, we only accept the left button.
   *
   * Defaults to `false`.
   */
  allowAnyClick: _propTypes.default.bool,
  /**
   * `allowMobileScroll` turns off cancellation of the &#039;touchstart&#039; event
   * on mobile devices. Only enable this if you are having trouble with click
   * events. Prefer using &#039;handle&#039; / &#039;cancel&#039; instead.
   *
   * Defaults to `false`.
   */
  allowMobileScroll: _propTypes.default.bool,
  children: _propTypes.default.node.isRequired,
  /**
   * `disabled`, if true, stops the &lt;Draggable&gt; from dragging. All handlers,
   * with the exception of `onMouseDown`, will not fire.
   */
  disabled: _propTypes.default.bool,
  /**
   * By default, we add &#039;user-select:none&#039; attributes to the document body
   * to prevent ugly text selection during drag. If this is causing problems
   * for your app, set this to `false`.
   */
  enableUserSelectHack: _propTypes.default.bool,
  /**
   * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
   * instead of using the parent node.
   */
  offsetParent: function (props /*: DraggableCoreProps*/, propName /*: $Keys&lt;DraggableCoreProps&gt;*/) {
    if (props[propName] &amp;&amp; props[propName].nodeType !== 1) {
      throw new Error(&#039;Draggable\&#039;s offsetParent must be a DOM Node.&#039;);
    }
  },
  /**
   * `grid` specifies the x and y that dragging should snap to.
   */
  grid: _propTypes.default.arrayOf(_propTypes.default.number),
  /**
   * `handle` specifies a selector to be used as the handle that initiates drag.
   *
   * Example:
   *
   * ```jsx
   *   let App = React.createClass({
   *       render: function () {
   *         return (
   *            &lt;Draggable handle=&quot;.handle&quot;&gt;
   *              &lt;div&gt;
   *                  &lt;div className=&quot;handle&quot;&gt;Click me to drag&lt;/div&gt;
   *                  &lt;div&gt;This is some other content&lt;/div&gt;
   *              &lt;/div&gt;
   *           &lt;/Draggable&gt;
   *         );
   *       }
   *   });
   * ```
   */
  handle: _propTypes.default.string,
  /**
   * `cancel` specifies a selector to be used to prevent drag initialization.
   *
   * Example:
   *
   * ```jsx
   *   let App = React.createClass({
   *       render: function () {
   *           return(
   *               &lt;Draggable cancel=&quot;.cancel&quot;&gt;
   *                   &lt;div&gt;
   *                     &lt;div className=&quot;cancel&quot;&gt;You can&#039;t drag from here&lt;/div&gt;
   *                     &lt;div&gt;Dragging here works fine&lt;/div&gt;
   *                   &lt;/div&gt;
   *               &lt;/Draggable&gt;
   *           );
   *       }
   *   });
   * ```
   */
  cancel: _propTypes.default.string,
  /* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
   * Unfortunately, in order for &lt;Draggable&gt; to work properly, we need raw access
   * to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
   * as in this example:
   *
   * function MyComponent() {
   *   const nodeRef = React.useRef(null);
   *   return (
   *     &lt;Draggable nodeRef={nodeRef}&gt;
   *       &lt;div ref={nodeRef}&gt;Example Target&lt;/div&gt;
   *     &lt;/Draggable&gt;
   *   );
   * }
   *
   * This can be used for arbitrarily nested components, so long as the ref ends up
   * pointing to the actual child DOM node and not a custom component.
   */
  nodeRef: _propTypes.default.object,
  /**
   * Called when dragging starts.
   * If this function returns the boolean false, dragging will be canceled.
   */
  onStart: _propTypes.default.func,
  /**
   * Called while dragging.
   * If this function returns the boolean false, dragging will be canceled.
   */
  onDrag: _propTypes.default.func,
  /**
   * Called when dragging stops.
   * If this function returns the boolean false, the drag will remain active.
   */
  onStop: _propTypes.default.func,
  /**
   * A workaround option which can be passed if onMouseDown needs to be accessed,
   * since it&#039;ll always be blocked (as there is internal use of onMouseDown)
   */
  onMouseDown: _propTypes.default.func,
  /**
   * `scale`, if set, applies scaling while dragging an element
   */
  scale: _propTypes.default.number,
  /**
   * These properties should be defined on the child, not here.
   */
  className: _shims.dontSetMe,
  style: _shims.dontSetMe,
  transform: _shims.dontSetMe
});
_defineProperty(DraggableCore, &quot;defaultProps&quot;, {
  allowAnyClick: false,
  // by default only accept left click
  allowMobileScroll: false,
  disabled: false,
  enableUserSelectHack: true,
  onStart: function () {},
  onDrag: function () {},
  onStop: function () {},
  onMouseDown: function () {},
  scale: 1
});

/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/cjs.js&quot;:
/*!********************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/cjs.js ***!
  \********************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


const {
  default: Draggable,
  DraggableCore
} = __webpack_require__(/*! ./Draggable */ &quot;../node_modules/react-draggable/build/cjs/Draggable.js&quot;);

// Previous versions of this lib exported &lt;Draggable&gt; as the root export. As to no-// them, or TypeScript, we export *both* as the root and as &#039;default&#039;.
// See https://github.com/mzabriskie/react-draggable/pull/254
// and https://github.com/mzabriskie/react-draggable/issues/266
module.exports = Draggable;
module.exports[&quot;default&quot;] = Draggable;
module.exports.DraggableCore = DraggableCore;

/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/utils/domFns.js&quot;:
/*!*****************************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/utils/domFns.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.addClassName = addClassName;
exports.addEvent = addEvent;
exports.addUserSelectStyles = addUserSelectStyles;
exports.createCSSTransform = createCSSTransform;
exports.createSVGTransform = createSVGTransform;
exports.getTouch = getTouch;
exports.getTouchIdentifier = getTouchIdentifier;
exports.getTranslation = getTranslation;
exports.innerHeight = innerHeight;
exports.innerWidth = innerWidth;
exports.matchesSelector = matchesSelector;
exports.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;
exports.offsetXYFromParent = offsetXYFromParent;
exports.outerHeight = outerHeight;
exports.outerWidth = outerWidth;
exports.removeClassName = removeClassName;
exports.removeEvent = removeEvent;
exports.scheduleRemoveUserSelectStyles = scheduleRemoveUserSelectStyles;
var _shims = __webpack_require__(/*! ./shims */ &quot;../node_modules/react-draggable/build/cjs/utils/shims.js&quot;);
var _getPrefix = _interopRequireWildcard(__webpack_require__(/*! ./getPrefix */ &quot;../node_modules/react-draggable/build/cjs/utils/getPrefix.js&quot;));
function _interopRequireWildcard(e, t) { if (&quot;function&quot; == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t &amp;&amp; e &amp;&amp; e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || &quot;object&quot; != typeof e &amp;&amp; &quot;function&quot; != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) &quot;default&quot; !== t &amp;&amp; {}.hasOwnProperty.call(e, t) &amp;&amp; ((i = (o = Object.defineProperty) &amp;&amp; Object.getOwnPropertyDescriptor(e, t)) &amp;&amp; (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
/*:: import type {ControlPosition, PositionOffsetControlPosition, MouseTouchEvent} from &#039;./types&#039;;*/
let matchesSelectorFunc = &#039;&#039;;
function matchesSelector(el /*: Node*/, selector /*: string*/) /*: boolean*/{
  if (!matchesSelectorFunc) {
    matchesSelectorFunc = (0, _shims.findInArray)([&#039;matches&#039;, &#039;webkitMatchesSelector&#039;, &#039;mozMatchesSelector&#039;, &#039;msMatchesSelector&#039;, &#039;oMatchesSelector&#039;], function (method) {
      // $FlowIgnore: Doesn&#039;t think elements are indexable
      return (0, _shims.isFunction)(el[method]);
    });
  }

  // Might not be found entirely (not an Element?) - in that case, bail
  // $FlowIgnore: Doesn&#039;t think elements are indexable
  if (!(0, _shims.isFunction)(el[matchesSelectorFunc])) return false;

  // $FlowIgnore: Doesn&#039;t think elements are indexable
  return el[matchesSelectorFunc](selector);
}

// Works up the tree to the draggable itself attempting to match selector.
function matchesSelectorAndParentsTo(el /*: Node*/, selector /*: string*/, baseNode /*: Node*/) /*: boolean*/{
  let node = el;
  do {
    if (matchesSelector(node, selector)) return true;
    if (node === baseNode) return false;
    // $FlowIgnore[incompatible-type]
    node = node.parentNode;
  } while (node);
  return false;
}
function addEvent(el /*: ?Node*/, event /*: string*/, handler /*: Function*/, inputOptions /*: Object*/) /*: void*/{
  if (!el) return;
  const options = {
    capture: true,
    ...inputOptions
  };
  // $FlowIgnore[method-unbinding]
  if (el.addEventListener) {
    el.addEventListener(event, handler, options);
  } else if (el.attachEvent) {
    el.attachEvent(&#039;on&#039; + event, handler);
  } else {
    // $FlowIgnore: Doesn&#039;t think elements are indexable
    el[&#039;on&#039; + event] = handler;
  }
}
function removeEvent(el /*: ?Node*/, event /*: string*/, handler /*: Function*/, inputOptions /*: Object*/) /*: void*/{
  if (!el) return;
  const options = {
    capture: true,
    ...inputOptions
  };
  // $FlowIgnore[method-unbinding]
  if (el.removeEventListener) {
    el.removeEventListener(event, handler, options);
  } else if (el.detachEvent) {
    el.detachEvent(&#039;on&#039; + event, handler);
  } else {
    // $FlowIgnore: Doesn&#039;t think elements are indexable
    el[&#039;on&#039; + event] = null;
  }
}
function outerHeight(node /*: HTMLElement*/) /*: number*/{
  // This is deliberately excluding margin for our calculations, since we are using
  // offsetTop which is including margin. See getBoundPosition
  let height = node.clientHeight;
  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
  height += (0, _shims.int)(computedStyle.borderTopWidth);
  height += (0, _shims.int)(computedStyle.borderBottomWidth);
  return height;
}
function outerWidth(node /*: HTMLElement*/) /*: number*/{
  // This is deliberately excluding margin for our calculations, since we are using
  // offsetLeft which is including margin. See getBoundPosition
  let width = node.clientWidth;
  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
  width += (0, _shims.int)(computedStyle.borderLeftWidth);
  width += (0, _shims.int)(computedStyle.borderRightWidth);
  return width;
}
function innerHeight(node /*: HTMLElement*/) /*: number*/{
  let height = node.clientHeight;
  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
  height -= (0, _shims.int)(computedStyle.paddingTop);
  height -= (0, _shims.int)(computedStyle.paddingBottom);
  return height;
}
function innerWidth(node /*: HTMLElement*/) /*: number*/{
  let width = node.clientWidth;
  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
  width -= (0, _shims.int)(computedStyle.paddingLeft);
  width -= (0, _shims.int)(computedStyle.paddingRight);
  return width;
}
/*:: interface EventWithOffset {
  clientX: number, clientY: number
}*/
// Get from offsetParent
function offsetXYFromParent(evt /*: EventWithOffset*/, offsetParent /*: HTMLElement*/, scale /*: number*/) /*: ControlPosition*/{
  const isBody = offsetParent === offsetParent.ownerDocument.body;
  const offsetParentRect = isBody ? {
    left: 0,
    top: 0
  } : offsetParent.getBoundingClientRect();
  const x = (evt.clientX + offsetParent.scrollLeft - offsetParentRect.left) / scale;
  const y = (evt.clientY + offsetParent.scrollTop - offsetParentRect.top) / scale;
  return {
    x,
    y
  };
}
function createCSSTransform(controlPos /*: ControlPosition*/, positionOffset /*: PositionOffsetControlPosition*/) /*: Object*/{
  const translation = getTranslation(controlPos, positionOffset, &#039;px&#039;);
  return {
    [(0, _getPrefix.browserPrefixToKey)(&#039;transform&#039;, _getPrefix.default)]: translation
  };
}
function createSVGTransform(controlPos /*: ControlPosition*/, positionOffset /*: PositionOffsetControlPosition*/) /*: string*/{
  const translation = getTranslation(controlPos, positionOffset, &#039;&#039;);
  return translation;
}
function getTranslation(_ref /*:: */, positionOffset /*: PositionOffsetControlPosition*/, unitSuffix /*: string*/) /*: string*/{
  let {
    x,
    y
  } /*: ControlPosition*/ = _ref /*: ControlPosition*/;
  let translation = `translate(${x}${unitSuffix},${y}${unitSuffix})`;
  if (positionOffset) {
    const defaultX = `${typeof positionOffset.x === &#039;string&#039; ? positionOffset.x : positionOffset.x + unitSuffix}`;
    const defaultY = `${typeof positionOffset.y === &#039;string&#039; ? positionOffset.y : positionOffset.y + unitSuffix}`;
    translation = `translate(${defaultX}, ${defaultY})` + translation;
  }
  return translation;
}
function getTouch(e /*: MouseTouchEvent*/, identifier /*: number*/) /*: ?{clientX: number, clientY: number}*/{
  return e.targetTouches &amp;&amp; (0, _shims.findInArray)(e.targetTouches, t =&gt; identifier === t.identifier) || e.changedTouches &amp;&amp; (0, _shims.findInArray)(e.changedTouches, t =&gt; identifier === t.identifier);
}
function getTouchIdentifier(e /*: MouseTouchEvent*/) /*: ?number*/{
  if (e.targetTouches &amp;&amp; e.targetTouches[0]) return e.targetTouches[0].identifier;
  if (e.changedTouches &amp;&amp; e.changedTouches[0]) return e.changedTouches[0].identifier;
}

// User-select Hacks:
//
// Useful for preventing blue highlights all over everything when dragging.

// Note we&#039;re passing `document` b/c we could be iframed
function addUserSelectStyles(doc /*: ?Document*/) {
  if (!doc) return;
  let styleEl = doc.getElementById(&#039;react-draggable-style-el&#039;);
  if (!styleEl) {
    styleEl = doc.createElement(&#039;style&#039;);
    styleEl.type = &#039;text/css&#039;;
    styleEl.id = &#039;react-draggable-style-el&#039;;
    styleEl.innerHTML = &#039;.react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n&#039;;
    styleEl.innerHTML += &#039;.react-draggable-transparent-selection *::selection {all: inherit;}\n&#039;;
    doc.getElementsByTagName(&#039;head&#039;)[0].appendChild(styleEl);
  }
  if (doc.body) addClassName(doc.body, &#039;react-draggable-transparent-selection&#039;);
}
function scheduleRemoveUserSelectStyles(doc /*: ?Document*/) {
  // Prevent a possible &quot;forced reflow&quot;
  if (window.requestAnimationFrame) {
    window.requestAnimationFrame(() =&gt; {
      removeUserSelectStyles(doc);
    });
  } else {
    removeUserSelectStyles(doc);
  }
}
function removeUserSelectStyles(doc /*: ?Document*/) {
  if (!doc) return;
  try {
    if (doc.body) removeClassName(doc.body, &#039;react-draggable-transparent-selection&#039;);
    // $FlowIgnore: IE
    if (doc.selection) {
      // $FlowIgnore: IE
      doc.selection.empty();
    } else {
      // Remove selection caused by scroll, unless it&#039;s a focused input
      // (we use doc.defaultView in case we&#039;re in an iframe)
      const selection = (doc.defaultView || window).getSelection();
      if (selection &amp;&amp; selection.type !== &#039;Caret&#039;) {
        selection.removeAllRanges();
      }
    }
  } catch (e) {
    // probably IE
  }
}
function addClassName(el /*: HTMLElement*/, className /*: string*/) {
  if (el.classList) {
    el.classList.add(className);
  } else {
    if (!el.className.match(new RegExp(`(?:^|\\s)${className}(?!\\S)`))) {
      el.className += ` ${className}`;
    }
  }
}
function removeClassName(el /*: HTMLElement*/, className /*: string*/) {
  if (el.classList) {
    el.classList.remove(className);
  } else {
    el.className = el.className.replace(new RegExp(`(?:^|\\s)${className}(?!\\S)`, &#039;g&#039;), &#039;&#039;);
  }
}

/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/utils/getPrefix.js&quot;:
/*!********************************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/utils/getPrefix.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.browserPrefixToKey = browserPrefixToKey;
exports.browserPrefixToStyle = browserPrefixToStyle;
exports[&quot;default&quot;] = void 0;
exports.getPrefix = getPrefix;
const prefixes = [&#039;Moz&#039;, &#039;Webkit&#039;, &#039;O&#039;, &#039;ms&#039;];
function getPrefix() /*: string*/{
  let prop /*: string*/ = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : &#039;transform&#039;;
  // Ensure we&#039;re running in an environment where there is actually a global
  // `window` obj
  if (typeof window === &#039;undefined&#039;) return &#039;&#039;;

  // If we&#039;re in a pseudo-browser server-side environment, this access
  // path may not exist, so bail out if it doesn&#039;t.
  const style = window.document?.documentElement?.style;
  if (!style) return &#039;&#039;;
  if (prop in style) return &#039;&#039;;
  for (let i = 0; i &lt; prefixes.length; i++) {
    if (browserPrefixToKey(prop, prefixes[i]) in style) return prefixes[i];
  }
  return &#039;&#039;;
}
function browserPrefixToKey(prop /*: string*/, prefix /*: string*/) /*: string*/{
  return prefix ? `${prefix}${kebabToTitleCase(prop)}` : prop;
}
function browserPrefixToStyle(prop /*: string*/, prefix /*: string*/) /*: string*/{
  return prefix ? `-${prefix.toLowerCase()}-${prop}` : prop;
}
function kebabToTitleCase(str /*: string*/) /*: string*/{
  let out = &#039;&#039;;
  let shouldCapitalize = true;
  for (let i = 0; i &lt; str.length; i++) {
    if (shouldCapitalize) {
      out += str[i].toUpperCase();
      shouldCapitalize = false;
    } else if (str[i] === &#039;-&#039;) {
      shouldCapitalize = true;
    } else {
      out += str[i];
    }
  }
  return out;
}

// Default export is the prefix itself, like &#039;Moz&#039;, &#039;Webkit&#039;, etc
// Note that you may have to re-test for certain things; for instance, Chrome 50
// can handle unprefixed `transform`, but not unprefixed `user-select`
var _default = exports[&quot;default&quot;] = (getPrefix() /*: string*/);

/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/utils/log.js&quot;:
/*!**************************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/utils/log.js ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = log;
/*eslint no-console:0*/
function log() {
  if (false) // removed by dead control flow
{}
}

/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/utils/positionFns.js&quot;:
/*!**********************************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/utils/positionFns.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.canDragX = canDragX;
exports.canDragY = canDragY;
exports.createCoreData = createCoreData;
exports.createDraggableData = createDraggableData;
exports.getBoundPosition = getBoundPosition;
exports.getControlPosition = getControlPosition;
exports.snapToGrid = snapToGrid;
var _shims = __webpack_require__(/*! ./shims */ &quot;../node_modules/react-draggable/build/cjs/utils/shims.js&quot;);
var _domFns = __webpack_require__(/*! ./domFns */ &quot;../node_modules/react-draggable/build/cjs/utils/domFns.js&quot;);
/*:: import type Draggable from &#039;../Draggable&#039;;*/
/*:: import type {Bounds, ControlPosition, DraggableData, MouseTouchEvent} from &#039;./types&#039;;*/
/*:: import type DraggableCore from &#039;../DraggableCore&#039;;*/
function getBoundPosition(draggable /*: Draggable*/, x /*: number*/, y /*: number*/) /*: [number, number]*/{
  // If no bounds, short-circuit and move on
  if (!draggable.props.bounds) return [x, y];

  // Clone new bounds
  let {
    bounds
  } = draggable.props;
  bounds = typeof bounds === &#039;string&#039; ? bounds : cloneBounds(bounds);
  const node = findDOMNode(draggable);
  if (typeof bounds === &#039;string&#039;) {
    const {
      ownerDocument
    } = node;
    const ownerWindow = ownerDocument.defaultView;
    let boundNode;
    if (bounds === &#039;parent&#039;) {
      boundNode = node.parentNode;
    } else {
      // Flow assigns the wrong return type (Node) for getRootNode(),
      // so we cast it to one of the correct types (Element).
      // The others are Document and ShadowRoot.
      // All three implement querySelector() so it&#039;s safe to call.
      const rootNode = ((node.getRootNode() /*: any*/) /*: Element*/);
      boundNode = rootNode.querySelector(bounds);
    }
    if (!(boundNode instanceof ownerWindow.HTMLElement)) {
      throw new Error(&#039;Bounds selector &quot;&#039; + bounds + &#039;&quot; could not find an element.&#039;);
    }
    const boundNodeEl /*: HTMLElement*/ = boundNode; // for Flow, can&#039;t seem to refine correctly
    const nodeStyle = ownerWindow.getComputedStyle(node);
    const boundNodeStyle = ownerWindow.getComputedStyle(boundNodeEl);
    // Compute bounds. This is a pain with padding and offsets but this gets it exactly right.
    bounds = {
      left: -node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingLeft) + (0, _shims.int)(nodeStyle.marginLeft),
      top: -node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingTop) + (0, _shims.int)(nodeStyle.marginTop),
      right: (0, _domFns.innerWidth)(boundNodeEl) - (0, _domFns.outerWidth)(node) - node.offsetLeft + (0, _shims.int)(boundNodeStyle.paddingRight) - (0, _shims.int)(nodeStyle.marginRight),
      bottom: (0, _domFns.innerHeight)(boundNodeEl) - (0, _domFns.outerHeight)(node) - node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingBottom) - (0, _shims.int)(nodeStyle.marginBottom)
    };
  }

  // Keep x and y below right and bottom limits...
  if ((0, _shims.isNum)(bounds.right)) x = Math.min(x, bounds.right);
  if ((0, _shims.isNum)(bounds.bottom)) y = Math.min(y, bounds.bottom);

  // But above left and top limits.
  if ((0, _shims.isNum)(bounds.left)) x = Math.max(x, bounds.left);
  if ((0, _shims.isNum)(bounds.top)) y = Math.max(y, bounds.top);
  return [x, y];
}
function snapToGrid(grid /*: [number, number]*/, pendingX /*: number*/, pendingY /*: number*/) /*: [number, number]*/{
  const x = Math.round(pendingX / grid[0]) * grid[0];
  const y = Math.round(pendingY / grid[1]) * grid[1];
  return [x, y];
}
function canDragX(draggable /*: Draggable*/) /*: boolean*/{
  return draggable.props.axis === &#039;both&#039; || draggable.props.axis === &#039;x&#039;;
}
function canDragY(draggable /*: Draggable*/) /*: boolean*/{
  return draggable.props.axis === &#039;both&#039; || draggable.props.axis === &#039;y&#039;;
}

// Get {x, y} positions from event.
function getControlPosition(e /*: MouseTouchEvent*/, touchIdentifier /*: ?number*/, draggableCore /*: DraggableCore*/) /*: ?ControlPosition*/{
  const touchObj = typeof touchIdentifier === &#039;number&#039; ? (0, _domFns.getTouch)(e, touchIdentifier) : null;
  if (typeof touchIdentifier === &#039;number&#039; &amp;&amp; !touchObj) return null; // not the right touch
  const node = findDOMNode(draggableCore);
  // User can provide an offsetParent if desired.
  const offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
  return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);
}

// Create an data object exposed by &lt;DraggableCore&gt;&#039;s events
function createCoreData(draggable /*: DraggableCore*/, x /*: number*/, y /*: number*/) /*: DraggableData*/{
  const isStart = !(0, _shims.isNum)(draggable.lastX);
  const node = findDOMNode(draggable);
  if (isStart) {
    // If this is our first move, use the x and y as last coords.
    return {
      node,
      deltaX: 0,
      deltaY: 0,
      lastX: x,
      lastY: y,
      x,
      y
    };
  } else {
    // Otherwise calculate proper values.
    return {
      node,
      deltaX: x - draggable.lastX,
      deltaY: y - draggable.lastY,
      lastX: draggable.lastX,
      lastY: draggable.lastY,
      x,
      y
    };
  }
}

// Create an data exposed by &lt;Draggable&gt;&#039;s events
function createDraggableData(draggable /*: Draggable*/, coreData /*: DraggableData*/) /*: DraggableData*/{
  const scale = draggable.props.scale;
  return {
    node: coreData.node,
    x: draggable.state.x + coreData.deltaX / scale,
    y: draggable.state.y + coreData.deltaY / scale,
    deltaX: coreData.deltaX / scale,
    deltaY: coreData.deltaY / scale,
    lastX: draggable.state.x,
    lastY: draggable.state.y
  };
}

// A lot faster than stringify/parse
function cloneBounds(bounds /*: Bounds*/) /*: Bounds*/{
  return {
    left: bounds.left,
    top: bounds.top,
    right: bounds.right,
    bottom: bounds.bottom
  };
}
function findDOMNode(draggable /*: Draggable | DraggableCore*/) /*: HTMLElement*/{
  const node = draggable.findDOMNode();
  if (!node) {
    throw new Error(&#039;&lt;DraggableCore&gt;: Unmounted during event!&#039;);
  }
  // $FlowIgnore we can&#039;t assert on HTMLElement due to tests... FIXME
  return node;
}

/***/ }),

/***/ &quot;../node_modules/react-draggable/build/cjs/utils/shims.js&quot;:
/*!****************************************************************!*\
  !*** ../node_modules/react-draggable/build/cjs/utils/shims.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports.dontSetMe = dontSetMe;
exports.findInArray = findInArray;
exports.int = int;
exports.isFunction = isFunction;
exports.isNum = isNum;
// @credits https://gist.github.com/rogozhnikoff/a43cfed27c41e4e68cdc
function findInArray(array /*: Array&lt;any&gt; | TouchList*/, callback /*: Function*/) /*: any*/{
  for (let i = 0, length = array.length; i &lt; length; i++) {
    if (callback.apply(callback, [array[i], i, array])) return array[i];
  }
}
function isFunction(func /*: any*/) /*: boolean %checks*/{
  // $FlowIgnore[method-unbinding]
  return typeof func === &#039;function&#039; || Object.prototype.toString.call(func) === &#039;[object Function]&#039;;
}
function isNum(num /*: any*/) /*: boolean %checks*/{
  return typeof num === &#039;number&#039; &amp;&amp; !isNaN(num);
}
function int(a /*: string*/) /*: number*/{
  return parseInt(a, 10);
}
function dontSetMe(props /*: Object*/, propName /*: string*/, componentName /*: string*/) /*: ?Error*/{
  if (props[propName]) {
    return new Error(`Invalid prop ${propName} passed to ${componentName} - do not set this, set it on the child.`);
  }
}

/***/ }),

/***/ &quot;../node_modules/react-draggable/node_modules/clsx/dist/clsx.js&quot;:
/*!**********************************************************************!*\
  !*** ../node_modules/react-draggable/node_modules/clsx/dist/clsx.js ***!
  \**********************************************************************/
/***/ ((module) =&gt; {

function r(e){var o,t,f=&quot;&quot;;if(&quot;string&quot;==typeof e||&quot;number&quot;==typeof e)f+=e;else if(&quot;object&quot;==typeof e)if(Array.isArray(e)){var n=e.length;for(o=0;o&lt;n;o++)e[o]&amp;&amp;(t=r(e[o]))&amp;&amp;(f&amp;&amp;(f+=&quot; &quot;),f+=t)}else for(t in e)e[t]&amp;&amp;(f&amp;&amp;(f+=&quot; &quot;),f+=t);return f}function e(){for(var e,o,t=0,f=&quot;&quot;,n=arguments.length;t&lt;n;t++)(e=arguments[t])&amp;&amp;(o=r(e))&amp;&amp;(f&amp;&amp;(f+=&quot; &quot;),f+=o);return f}module.exports=e,module.exports.clsx=e;

/***/ }),

/***/ &quot;../node_modules/react-infinite-scroller/dist/InfiniteScroll.js&quot;:
/*!**********************************************************************!*\
  !*** ../node_modules/react-infinite-scroller/dist/InfiniteScroll.js ***!
  \**********************************************************************/
/***/ ((module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i &lt; props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (&quot;value&quot; in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(/*! react */ &quot;react&quot;);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(/*! prop-types */ &quot;../node_modules/prop-types/index.js&quot;);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj &amp;&amp; obj.__esModule ? obj : { default: obj }; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) &gt;= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(&quot;Cannot call a class as a function&quot;); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(&quot;this hasn&#039;t been initialised - super() hasn&#039;t been called&quot;); } return call &amp;&amp; (typeof call === &quot;object&quot; || typeof call === &quot;function&quot;) ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== &quot;function&quot; &amp;&amp; superClass !== null) { throw new TypeError(&quot;Super expression must either be null or a function, not &quot; + typeof superClass); } subClass.prototype = Object.create(superClass &amp;&amp; superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var InfiniteScroll = function (_Component) {
  _inherits(InfiniteScroll, _Component);

  function InfiniteScroll(props) {
    _classCallCheck(this, InfiniteScroll);

    var _this = _possibleConstructorReturn(this, (InfiniteScroll.__proto__ || Object.getPrototypeOf(InfiniteScroll)).call(this, props));

    _this.scrollListener = _this.scrollListener.bind(_this);
    _this.eventListenerOptions = _this.eventListenerOptions.bind(_this);
    _this.mousewheelListener = _this.mousewheelListener.bind(_this);
    return _this;
  }

  _createClass(InfiniteScroll, [{
    key: &#039;componentDidMount&#039;,
    value: function componentDidMount() {
      this.pageLoaded = this.props.pageStart;
      this.options = this.eventListenerOptions();
      this.attachScrollListener();
    }
  }, {
    key: &#039;componentDidUpdate&#039;,
    value: function componentDidUpdate() {
      if (this.props.isReverse &amp;&amp; this.loadMore) {
        var parentElement = this.getParentElement(this.scrollComponent);
        parentElement.scrollTop = parentElement.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop;
        this.loadMore = false;
      }
      this.attachScrollListener();
    }
  }, {
    key: &#039;componentWillUnmount&#039;,
    value: function componentWillUnmount() {
      this.detachScrollListener();
      this.detachMousewheelListener();
    }
  }, {
    key: &#039;isPassiveSupported&#039;,
    value: function isPassiveSupported() {
      var passive = false;

      var testOptions = {
        get passive() {
          passive = true;
        }
      };

      try {
        document.addEventListener(&#039;test&#039;, null, testOptions);
        document.removeEventListener(&#039;test&#039;, null, testOptions);
      } catch (e) {
        // ignore
      }
      return passive;
    }
  }, {
    key: &#039;eventListenerOptions&#039;,
    value: function eventListenerOptions() {
      var options = this.props.useCapture;

      if (this.isPassiveSupported()) {
        options = {
          useCapture: this.props.useCapture,
          passive: true
        };
      } else {
        options = {
          passive: false
        };
      }
      return options;
    }

    // Set a defaut loader for all your `InfiniteScroll` components

  }, {
    key: &#039;setDefaultLoader&#039;,
    value: function setDefaultLoader(loader) {
      this.defaultLoader = loader;
    }
  }, {
    key: &#039;detachMousewheelListener&#039;,
    value: function detachMousewheelListener() {
      var scrollEl = window;
      if (this.props.useWindow === false) {
        scrollEl = this.scrollComponent.parentNode;
      }

      scrollEl.removeEventListener(&#039;mousewheel&#039;, this.mousewheelListener, this.options ? this.options : this.props.useCapture);
    }
  }, {
    key: &#039;detachScrollListener&#039;,
    value: function detachScrollListener() {
      var scrollEl = window;
      if (this.props.useWindow === false) {
        scrollEl = this.getParentElement(this.scrollComponent);
      }

      scrollEl.removeEventListener(&#039;scroll&#039;, this.scrollListener, this.options ? this.options : this.props.useCapture);
      scrollEl.removeEventListener(&#039;resize&#039;, this.scrollListener, this.options ? this.options : this.props.useCapture);
    }
  }, {
    key: &#039;getParentElement&#039;,
    value: function getParentElement(el) {
      var scrollParent = this.props.getScrollParent &amp;&amp; this.props.getScrollParent();
      if (scrollParent != null) {
        return scrollParent;
      }
      return el &amp;&amp; el.parentNode;
    }
  }, {
    key: &#039;filterProps&#039;,
    value: function filterProps(props) {
      return props;
    }
  }, {
    key: &#039;attachScrollListener&#039;,
    value: function attachScrollListener() {
      var parentElement = this.getParentElement(this.scrollComponent);

      if (!this.props.hasMore || !parentElement) {
        return;
      }

      var scrollEl = window;
      if (this.props.useWindow === false) {
        scrollEl = parentElement;
      }

      scrollEl.addEventListener(&#039;mousewheel&#039;, this.mousewheelListener, this.options ? this.options : this.props.useCapture);
      scrollEl.addEventListener(&#039;scroll&#039;, this.scrollListener, this.options ? this.options : this.props.useCapture);
      scrollEl.addEventListener(&#039;resize&#039;, this.scrollListener, this.options ? this.options : this.props.useCapture);

      if (this.props.initialLoad) {
        this.scrollListener();
      }
    }
  }, {
    key: &#039;mousewheelListener&#039;,
    value: function mousewheelListener(e) {
      // Prevents Chrome hangups
      // See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
      if (e.deltaY === 1 &amp;&amp; !this.isPassiveSupported()) {
        e.preventDefault();
      }
    }
  }, {
    key: &#039;scrollListener&#039;,
    value: function scrollListener() {
      var el = this.scrollComponent;
      var scrollEl = window;
      var parentNode = this.getParentElement(el);

      var offset = void 0;
      if (this.props.useWindow) {
        var doc = document.documentElement || document.body.parentNode || document.body;
        var scrollTop = scrollEl.pageYOffset !== undefined ? scrollEl.pageYOffset : doc.scrollTop;
        if (this.props.isReverse) {
          offset = scrollTop;
        } else {
          offset = this.calculateOffset(el, scrollTop);
        }
      } else if (this.props.isReverse) {
        offset = parentNode.scrollTop;
      } else {
        offset = el.scrollHeight - parentNode.scrollTop - parentNode.clientHeight;
      }

      // Here we make sure the element is visible as well as checking the offset
      if (offset &lt; Number(this.props.threshold) &amp;&amp; el &amp;&amp; el.offsetParent !== null) {
        this.detachScrollListener();
        this.beforeScrollHeight = parentNode.scrollHeight;
        this.beforeScrollTop = parentNode.scrollTop;
        // Call loadMore after detachScrollListener to allow for non-async loadMore functions
        if (typeof this.props.loadMore === &#039;function&#039;) {
          this.props.loadMore(this.pageLoaded += 1);
          this.loadMore = true;
        }
      }
    }
  }, {
    key: &#039;calculateOffset&#039;,
    value: function calculateOffset(el, scrollTop) {
      if (!el) {
        return 0;
      }

      return this.calculateTopPosition(el) + (el.offsetHeight - scrollTop - window.innerHeight);
    }
  }, {
    key: &#039;calculateTopPosition&#039;,
    value: function calculateTopPosition(el) {
      if (!el) {
        return 0;
      }
      return el.offsetTop + this.calculateTopPosition(el.offsetParent);
    }
  }, {
    key: &#039;render&#039;,
    value: function render() {
      var _this2 = this;

      var renderProps = this.filterProps(this.props);

      var children = renderProps.children,
          element = renderProps.element,
          hasMore = renderProps.hasMore,
          initialLoad = renderProps.initialLoad,
          isReverse = renderProps.isReverse,
          loader = renderProps.loader,
          loadMore = renderProps.loadMore,
          pageStart = renderProps.pageStart,
          ref = renderProps.ref,
          threshold = renderProps.threshold,
          useCapture = renderProps.useCapture,
          useWindow = renderProps.useWindow,
          getScrollParent = renderProps.getScrollParent,
          props = _objectWithoutProperties(renderProps, [&#039;children&#039;, &#039;element&#039;, &#039;hasMore&#039;, &#039;initialLoad&#039;, &#039;isReverse&#039;, &#039;loader&#039;, &#039;loadMore&#039;, &#039;pageStart&#039;, &#039;ref&#039;, &#039;threshold&#039;, &#039;useCapture&#039;, &#039;useWindow&#039;, &#039;getScrollParent&#039;]);

      props.ref = function (node) {
        _this2.scrollComponent = node;
        if (ref) {
          ref(node);
        }
      };

      var childrenArray = [children];
      if (hasMore) {
        if (loader) {
          isReverse ? childrenArray.unshift(loader) : childrenArray.push(loader);
        } else if (this.defaultLoader) {
          isReverse ? childrenArray.unshift(this.defaultLoader) : childrenArray.push(this.defaultLoader);
        }
      }
      return _react2.default.createElement(element, props, childrenArray);
    }
  }]);

  return InfiniteScroll;
}(_react.Component);

InfiniteScroll.propTypes = {
  children: _propTypes2.default.node.isRequired,
  element: _propTypes2.default.node,
  hasMore: _propTypes2.default.bool,
  initialLoad: _propTypes2.default.bool,
  isReverse: _propTypes2.default.bool,
  loader: _propTypes2.default.node,
  loadMore: _propTypes2.default.func.isRequired,
  pageStart: _propTypes2.default.number,
  ref: _propTypes2.default.func,
  getScrollParent: _propTypes2.default.func,
  threshold: _propTypes2.default.number,
  useCapture: _propTypes2.default.bool,
  useWindow: _propTypes2.default.bool
};
InfiniteScroll.defaultProps = {
  element: &#039;div&#039;,
  hasMore: false,
  initialLoad: true,
  pageStart: 0,
  ref: null,
  threshold: 250,
  useWindow: true,
  isReverse: false,
  useCapture: false,
  loader: null,
  getScrollParent: null
};
exports[&quot;default&quot;] = InfiniteScroll;
module.exports = exports[&#039;default&#039;];


/***/ }),

/***/ &quot;../node_modules/react-infinite-scroller/index.js&quot;:
/*!********************************************************!*\
  !*** ../node_modules/react-infinite-scroller/index.js ***!
  \********************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {

module.exports = __webpack_require__(/*! ./dist/InfiniteScroll */ &quot;../node_modules/react-infinite-scroller/dist/InfiniteScroll.js&quot;)


/***/ }),

/***/ &quot;../node_modules/react-sketch-canvas/dist/react-sketch-canvas.esm.js&quot;:
/*!***************************************************************************!*\
  !*** ../node_modules/react-sketch-canvas/dist/react-sketch-canvas.esm.js ***!
  \***************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Canvas: () =&gt; (/* binding */ Canvas),
/* harmony export */   ReactSketchCanvas: () =&gt; (/* binding */ ReactSketchCanvas)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ &quot;react&quot;);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);


function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
  try {
    var info = gen[key](arg);
    var value = info.value;
  } catch (error) {
    reject(error);
    return;
  }

  if (info.done) {
    resolve(value);
  } else {
    Promise.resolve(value).then(_next, _throw);
  }
}

function _asyncToGenerator(fn) {
  return function () {
    var self = this,
        args = arguments;
    return new Promise(function (resolve, reject) {
      var gen = fn.apply(self, args);

      function _next(value) {
        asyncGeneratorStep(gen, resolve, reject, _next, _throw, &quot;next&quot;, value);
      }

      function _throw(err) {
        asyncGeneratorStep(gen, resolve, reject, _next, _throw, &quot;throw&quot;, err);
      }

      _next(undefined);
    });
  };
}

function _extends() {
  _extends = Object.assign || function (target) {
    for (var i = 1; i &lt; arguments.length; i++) {
      var source = arguments[i];

      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }

    return target;
  };

  return _extends.apply(this, arguments);
}

var runtime = {exports: {}};

/**
 * Copyright (c) 2014-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

(function (module) {
var runtime = (function (exports) {

  var Op = Object.prototype;
  var hasOwn = Op.hasOwnProperty;
  var undefined$1; // More compressible than void 0.
  var $Symbol = typeof Symbol === &quot;function&quot; ? Symbol : {};
  var iteratorSymbol = $Symbol.iterator || &quot;@@iterator&quot;;
  var asyncIteratorSymbol = $Symbol.asyncIterator || &quot;@@asyncIterator&quot;;
  var toStringTagSymbol = $Symbol.toStringTag || &quot;@@toStringTag&quot;;

  function define(obj, key, value) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true
    });
    return obj[key];
  }
  try {
    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
    define({}, &quot;&quot;);
  } catch (err) {
    define = function(obj, key, value) {
      return obj[key] = value;
    };
  }

  function wrap(innerFn, outerFn, self, tryLocsList) {
    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
    var protoGenerator = outerFn &amp;&amp; outerFn.prototype instanceof Generator ? outerFn : Generator;
    var generator = Object.create(protoGenerator.prototype);
    var context = new Context(tryLocsList || []);

    // The ._invoke method unifies the implementations of the .next,
    // .throw, and .return methods.
    generator._invoke = makeInvokeMethod(innerFn, self, context);

    return generator;
  }
  exports.wrap = wrap;

  // Try/catch helper to minimize deoptimizations. Returns a completion
  // record like context.tryEntries[i].completion. This interface could
  // have been (and was previously) designed to take a closure to be
  // invoked without arguments, but in all the cases we care about we
  // already have an existing method we want to call, so there&#039;s no need
  // to create a new function object. We can even get away with assuming
  // the method takes exactly one argument, since that happens to be true
  // in every case, so we don&#039;t have to touch the arguments object. The
  // only additional allocation required is the completion record, which
  // has a stable shape and so hopefully should be cheap to allocate.
  function tryCatch(fn, obj, arg) {
    try {
      return { type: &quot;normal&quot;, arg: fn.call(obj, arg) };
    } catch (err) {
      return { type: &quot;throw&quot;, arg: err };
    }
  }

  var GenStateSuspendedStart = &quot;suspendedStart&quot;;
  var GenStateSuspendedYield = &quot;suspendedYield&quot;;
  var GenStateExecuting = &quot;executing&quot;;
  var GenStateCompleted = &quot;completed&quot;;

  // Returning this object from the innerFn has the same effect as
  // breaking out of the dispatch switch statement.
  var ContinueSentinel = {};

  // Dummy constructor functions that we use as the .constructor and
  // .constructor.prototype properties for functions that return Generator
  // objects. For full spec compliance, you may wish to configure your
  // minifier not to mangle the names of these two functions.
  function Generator() {}
  function GeneratorFunction() {}
  function GeneratorFunctionPrototype() {}

  // This is a polyfill for %IteratorPrototype% for environments that
  // don&#039;t natively support it.
  var IteratorPrototype = {};
  define(IteratorPrototype, iteratorSymbol, function () {
    return this;
  });

  var getProto = Object.getPrototypeOf;
  var NativeIteratorPrototype = getProto &amp;&amp; getProto(getProto(values([])));
  if (NativeIteratorPrototype &amp;&amp;
      NativeIteratorPrototype !== Op &amp;&amp;
      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
    // This environment has a native %IteratorPrototype%; use it instead
    // of the polyfill.
    IteratorPrototype = NativeIteratorPrototype;
  }

  var Gp = GeneratorFunctionPrototype.prototype =
    Generator.prototype = Object.create(IteratorPrototype);
  GeneratorFunction.prototype = GeneratorFunctionPrototype;
  define(Gp, &quot;constructor&quot;, GeneratorFunctionPrototype);
  define(GeneratorFunctionPrototype, &quot;constructor&quot;, GeneratorFunction);
  GeneratorFunction.displayName = define(
    GeneratorFunctionPrototype,
    toStringTagSymbol,
    &quot;GeneratorFunction&quot;
  );

  // Helper for defining the .next, .throw, and .return methods of the
  // Iterator interface in terms of a single ._invoke method.
  function defineIteratorMethods(prototype) {
    [&quot;next&quot;, &quot;throw&quot;, &quot;return&quot;].forEach(function(method) {
      define(prototype, method, function(arg) {
        return this._invoke(method, arg);
      });
    });
  }

  exports.isGeneratorFunction = function(genFun) {
    var ctor = typeof genFun === &quot;function&quot; &amp;&amp; genFun.constructor;
    return ctor
      ? ctor === GeneratorFunction ||
        // For the native GeneratorFunction constructor, the best we can
        // do is to check its .name property.
        (ctor.displayName || ctor.name) === &quot;GeneratorFunction&quot;
      : false;
  };

  exports.mark = function(genFun) {
    if (Object.setPrototypeOf) {
      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
    } else {
      genFun.__proto__ = GeneratorFunctionPrototype;
      define(genFun, toStringTagSymbol, &quot;GeneratorFunction&quot;);
    }
    genFun.prototype = Object.create(Gp);
    return genFun;
  };

  // Within the body of any async function, `await x` is transformed to
  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
  // `hasOwn.call(value, &quot;__await&quot;)` to determine if the yielded value is
  // meant to be awaited.
  exports.awrap = function(arg) {
    return { __await: arg };
  };

  function AsyncIterator(generator, PromiseImpl) {
    function invoke(method, arg, resolve, reject) {
      var record = tryCatch(generator[method], generator, arg);
      if (record.type === &quot;throw&quot;) {
        reject(record.arg);
      } else {
        var result = record.arg;
        var value = result.value;
        if (value &amp;&amp;
            typeof value === &quot;object&quot; &amp;&amp;
            hasOwn.call(value, &quot;__await&quot;)) {
          return PromiseImpl.resolve(value.__await).then(function(value) {
            invoke(&quot;next&quot;, value, resolve, reject);
          }, function(err) {
            invoke(&quot;throw&quot;, err, resolve, reject);
          });
        }

        return PromiseImpl.resolve(value).then(function(unwrapped) {
          // When a yielded Promise is resolved, its final value becomes
          // the .value of the Promise&lt;{value,done}&gt; result for the
          // current iteration.
          result.value = unwrapped;
          resolve(result);
        }, function(error) {
          // If a rejected Promise was yielded, throw the rejection back
          // into the async generator function so it can be handled there.
          return invoke(&quot;throw&quot;, error, resolve, reject);
        });
      }
    }

    var previousPromise;

    function enqueue(method, arg) {
      function callInvokeWithMethodAndArg() {
        return new PromiseImpl(function(resolve, reject) {
          invoke(method, arg, resolve, reject);
        });
      }

      return previousPromise =
        // If enqueue has been called before, then we want to wait until
        // all previous Promises have been resolved before calling invoke,
        // so that results are always delivered in the correct order. If
        // enqueue has not been called before, then it is important to
        // call invoke immediately, without waiting on a callback to fire,
        // so that the async generator function has the opportunity to do
        // any necessary setup in a predictable way. This predictability
        // is why the Promise constructor synchronously invokes its
        // executor callback, and why async functions synchronously
        // execute code before the first await. Since we implement simple
        // async functions in terms of async generators, it is especially
        // important to get this right, even though it requires care.
        previousPromise ? previousPromise.then(
          callInvokeWithMethodAndArg,
          // Avoid propagating failures to Promises returned by later
          // invocations of the iterator.
          callInvokeWithMethodAndArg
        ) : callInvokeWithMethodAndArg();
    }

    // Define the unified helper method that is used to implement .next,
    // .throw, and .return (see defineIteratorMethods).
    this._invoke = enqueue;
  }

  defineIteratorMethods(AsyncIterator.prototype);
  define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
    return this;
  });
  exports.AsyncIterator = AsyncIterator;

  // Note that simple async functions are implemented on top of
  // AsyncIterator objects; they just return a Promise for the value of
  // the final result produced by the iterator.
  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
    if (PromiseImpl === void 0) PromiseImpl = Promise;

    var iter = new AsyncIterator(
      wrap(innerFn, outerFn, self, tryLocsList),
      PromiseImpl
    );

    return exports.isGeneratorFunction(outerFn)
      ? iter // If outerFn is a generator, return the full iterator.
      : iter.next().then(function(result) {
          return result.done ? result.value : iter.next();
        });
  };

  function makeInvokeMethod(innerFn, self, context) {
    var state = GenStateSuspendedStart;

    return function invoke(method, arg) {
      if (state === GenStateExecuting) {
        throw new Error(&quot;Generator is already running&quot;);
      }

      if (state === GenStateCompleted) {
        if (method === &quot;throw&quot;) {
          throw arg;
        }

        // Be forgiving, per 25.3.3.3.3 of the spec:
        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
        return doneResult();
      }

      context.method = method;
      context.arg = arg;

      while (true) {
        var delegate = context.delegate;
        if (delegate) {
          var delegateResult = maybeInvokeDelegate(delegate, context);
          if (delegateResult) {
            if (delegateResult === ContinueSentinel) continue;
            return delegateResult;
          }
        }

        if (context.method === &quot;next&quot;) {
          // Setting context._sent for legacy support of Babel&#039;s
          // function.sent implementation.
          context.sent = context._sent = context.arg;

        } else if (context.method === &quot;throw&quot;) {
          if (state === GenStateSuspendedStart) {
            state = GenStateCompleted;
            throw context.arg;
          }

          context.dispatchException(context.arg);

        } else if (context.method === &quot;return&quot;) {
          context.abrupt(&quot;return&quot;, context.arg);
        }

        state = GenStateExecuting;

        var record = tryCatch(innerFn, self, context);
        if (record.type === &quot;normal&quot;) {
          // If an exception is thrown from innerFn, we leave state ===
          // GenStateExecuting and loop back for another invocation.
          state = context.done
            ? GenStateCompleted
            : GenStateSuspendedYield;

          if (record.arg === ContinueSentinel) {
            continue;
          }

          return {
            value: record.arg,
            done: context.done
          };

        } else if (record.type === &quot;throw&quot;) {
          state = GenStateCompleted;
          // Dispatch the exception by looping back around to the
          // context.dispatchException(context.arg) call above.
          context.method = &quot;throw&quot;;
          context.arg = record.arg;
        }
      }
    };
  }

  // Call delegate.iterator[context.method](context.arg) and handle the
  // result, either by returning a { value, done } result from the
  // delegate iterator, or by modifying context.method and context.arg,
  // setting context.delegate to null, and returning the ContinueSentinel.
  function maybeInvokeDelegate(delegate, context) {
    var method = delegate.iterator[context.method];
    if (method === undefined$1) {
      // A .throw or .return when the delegate iterator has no .throw
      // method always terminates the yield* loop.
      context.delegate = null;

      if (context.method === &quot;throw&quot;) {
        // Note: [&quot;return&quot;] must be used for ES3 parsing compatibility.
        if (delegate.iterator[&quot;return&quot;]) {
          // If the delegate iterator has a return method, give it a
          // chance to clean up.
          context.method = &quot;return&quot;;
          context.arg = undefined$1;
          maybeInvokeDelegate(delegate, context);

          if (context.method === &quot;throw&quot;) {
            // If maybeInvokeDelegate(context) changed context.method from
            // &quot;return&quot; to &quot;throw&quot;, let that override the TypeError below.
            return ContinueSentinel;
          }
        }

        context.method = &quot;throw&quot;;
        context.arg = new TypeError(
          &quot;The iterator does not provide a &#039;throw&#039; method&quot;);
      }

      return ContinueSentinel;
    }

    var record = tryCatch(method, delegate.iterator, context.arg);

    if (record.type === &quot;throw&quot;) {
      context.method = &quot;throw&quot;;
      context.arg = record.arg;
      context.delegate = null;
      return ContinueSentinel;
    }

    var info = record.arg;

    if (! info) {
      context.method = &quot;throw&quot;;
      context.arg = new TypeError(&quot;iterator result is not an object&quot;);
      context.delegate = null;
      return ContinueSentinel;
    }

    if (info.done) {
      // Assign the result of the finished delegate to the temporary
      // variable specified by delegate.resultName (see delegateYield).
      context[delegate.resultName] = info.value;

      // Resume execution at the desired location (see delegateYield).
      context.next = delegate.nextLoc;

      // If context.method was &quot;throw&quot; but the delegate handled the
      // exception, let the outer generator proceed normally. If
      // context.method was &quot;next&quot;, forget context.arg since it has been
      // &quot;consumed&quot; by the delegate iterator. If context.method was
      // &quot;return&quot;, allow the original .return call to continue in the
      // outer generator.
      if (context.method !== &quot;return&quot;) {
        context.method = &quot;next&quot;;
        context.arg = undefined$1;
      }

    } else {
      // Re-yield the result returned by the delegate method.
      return info;
    }

    // The delegate iterator is finished, so forget it and continue with
    // the outer generator.
    context.delegate = null;
    return ContinueSentinel;
  }

  // Define Generator.prototype.{next,throw,return} in terms of the
  // unified ._invoke helper method.
  defineIteratorMethods(Gp);

  define(Gp, toStringTagSymbol, &quot;Generator&quot;);

  // A Generator should always return itself as the iterator object when the
  // @@iterator function is called on it. Some browsers&#039; implementations of the
  // iterator prototype chain incorrectly implement this, causing the Generator
  // object to not be returned from this call. This ensures that doesn&#039;t happen.
  // See https://github.com/facebook/regenerator/issues/274 for more details.
  define(Gp, iteratorSymbol, function() {
    return this;
  });

  define(Gp, &quot;toString&quot;, function() {
    return &quot;[object Generator]&quot;;
  });

  function pushTryEntry(locs) {
    var entry = { tryLoc: locs[0] };

    if (1 in locs) {
      entry.catchLoc = locs[1];
    }

    if (2 in locs) {
      entry.finallyLoc = locs[2];
      entry.afterLoc = locs[3];
    }

    this.tryEntries.push(entry);
  }

  function resetTryEntry(entry) {
    var record = entry.completion || {};
    record.type = &quot;normal&quot;;
    delete record.arg;
    entry.completion = record;
  }

  function Context(tryLocsList) {
    // The root entry object (effectively a try statement without a catch
    // or a finally block) gives us a place to store values thrown from
    // locations where there is no enclosing try statement.
    this.tryEntries = [{ tryLoc: &quot;root&quot; }];
    tryLocsList.forEach(pushTryEntry, this);
    this.reset(true);
  }

  exports.keys = function(object) {
    var keys = [];
    for (var key in object) {
      keys.push(key);
    }
    keys.reverse();

    // Rather than returning an object with a next method, we keep
    // things simple and return the next function itself.
    return function next() {
      while (keys.length) {
        var key = keys.pop();
        if (key in object) {
          next.value = key;
          next.done = false;
          return next;
        }
      }

      // To avoid creating an additional object, we just hang the .value
      // and .done properties off the next function object itself. This
      // also ensures that the minifier will not anonymize the function.
      next.done = true;
      return next;
    };
  };

  function values(iterable) {
    if (iterable) {
      var iteratorMethod = iterable[iteratorSymbol];
      if (iteratorMethod) {
        return iteratorMethod.call(iterable);
      }

      if (typeof iterable.next === &quot;function&quot;) {
        return iterable;
      }

      if (!isNaN(iterable.length)) {
        var i = -1, next = function next() {
          while (++i &lt; iterable.length) {
            if (hasOwn.call(iterable, i)) {
              next.value = iterable[i];
              next.done = false;
              return next;
            }
          }

          next.value = undefined$1;
          next.done = true;

          return next;
        };

        return next.next = next;
      }
    }

    // Return an iterator with no values.
    return { next: doneResult };
  }
  exports.values = values;

  function doneResult() {
    return { value: undefined$1, done: true };
  }

  Context.prototype = {
    constructor: Context,

    reset: function(skipTempReset) {
      this.prev = 0;
      this.next = 0;
      // Resetting context._sent for legacy support of Babel&#039;s
      // function.sent implementation.
      this.sent = this._sent = undefined$1;
      this.done = false;
      this.delegate = null;

      this.method = &quot;next&quot;;
      this.arg = undefined$1;

      this.tryEntries.forEach(resetTryEntry);

      if (!skipTempReset) {
        for (var name in this) {
          // Not sure about the optimal order of these conditions:
          if (name.charAt(0) === &quot;t&quot; &amp;&amp;
              hasOwn.call(this, name) &amp;&amp;
              !isNaN(+name.slice(1))) {
            this[name] = undefined$1;
          }
        }
      }
    },

    stop: function() {
      this.done = true;

      var rootEntry = this.tryEntries[0];
      var rootRecord = rootEntry.completion;
      if (rootRecord.type === &quot;throw&quot;) {
        throw rootRecord.arg;
      }

      return this.rval;
    },

    dispatchException: function(exception) {
      if (this.done) {
        throw exception;
      }

      var context = this;
      function handle(loc, caught) {
        record.type = &quot;throw&quot;;
        record.arg = exception;
        context.next = loc;

        if (caught) {
          // If the dispatched exception was caught by a catch block,
          // then let that catch block handle the exception normally.
          context.method = &quot;next&quot;;
          context.arg = undefined$1;
        }

        return !! caught;
      }

      for (var i = this.tryEntries.length - 1; i &gt;= 0; --i) {
        var entry = this.tryEntries[i];
        var record = entry.completion;

        if (entry.tryLoc === &quot;root&quot;) {
          // Exception thrown outside of any try block that could handle
          // it, so set the completion value of the entire function to
          // throw the exception.
          return handle(&quot;end&quot;);
        }

        if (entry.tryLoc &lt;= this.prev) {
          var hasCatch = hasOwn.call(entry, &quot;catchLoc&quot;);
          var hasFinally = hasOwn.call(entry, &quot;finallyLoc&quot;);

          if (hasCatch &amp;&amp; hasFinally) {
            if (this.prev &lt; entry.catchLoc) {
              return handle(entry.catchLoc, true);
            } else if (this.prev &lt; entry.finallyLoc) {
              return handle(entry.finallyLoc);
            }

          } else if (hasCatch) {
            if (this.prev &lt; entry.catchLoc) {
              return handle(entry.catchLoc, true);
            }

          } else if (hasFinally) {
            if (this.prev &lt; entry.finallyLoc) {
              return handle(entry.finallyLoc);
            }

          } else {
            throw new Error(&quot;try statement without catch or finally&quot;);
          }
        }
      }
    },

    abrupt: function(type, arg) {
      for (var i = this.tryEntries.length - 1; i &gt;= 0; --i) {
        var entry = this.tryEntries[i];
        if (entry.tryLoc &lt;= this.prev &amp;&amp;
            hasOwn.call(entry, &quot;finallyLoc&quot;) &amp;&amp;
            this.prev &lt; entry.finallyLoc) {
          var finallyEntry = entry;
          break;
        }
      }

      if (finallyEntry &amp;&amp;
          (type === &quot;break&quot; ||
           type === &quot;continue&quot;) &amp;&amp;
          finallyEntry.tryLoc &lt;= arg &amp;&amp;
          arg &lt;= finallyEntry.finallyLoc) {
        // Ignore the finally entry if control is not jumping to a
        // location outside the try/catch block.
        finallyEntry = null;
      }

      var record = finallyEntry ? finallyEntry.completion : {};
      record.type = type;
      record.arg = arg;

      if (finallyEntry) {
        this.method = &quot;next&quot;;
        this.next = finallyEntry.finallyLoc;
        return ContinueSentinel;
      }

      return this.complete(record);
    },

    complete: function(record, afterLoc) {
      if (record.type === &quot;throw&quot;) {
        throw record.arg;
      }

      if (record.type === &quot;break&quot; ||
          record.type === &quot;continue&quot;) {
        this.next = record.arg;
      } else if (record.type === &quot;return&quot;) {
        this.rval = this.arg = record.arg;
        this.method = &quot;return&quot;;
        this.next = &quot;end&quot;;
      } else if (record.type === &quot;normal&quot; &amp;&amp; afterLoc) {
        this.next = afterLoc;
      }

      return ContinueSentinel;
    },

    finish: function(finallyLoc) {
      for (var i = this.tryEntries.length - 1; i &gt;= 0; --i) {
        var entry = this.tryEntries[i];
        if (entry.finallyLoc === finallyLoc) {
          this.complete(entry.completion, entry.afterLoc);
          resetTryEntry(entry);
          return ContinueSentinel;
        }
      }
    },

    &quot;catch&quot;: function(tryLoc) {
      for (var i = this.tryEntries.length - 1; i &gt;= 0; --i) {
        var entry = this.tryEntries[i];
        if (entry.tryLoc === tryLoc) {
          var record = entry.completion;
          if (record.type === &quot;throw&quot;) {
            var thrown = record.arg;
            resetTryEntry(entry);
          }
          return thrown;
        }
      }

      // The context.catch method must only be called with a location
      // argument that corresponds to a known catch block.
      throw new Error(&quot;illegal catch attempt&quot;);
    },

    delegateYield: function(iterable, resultName, nextLoc) {
      this.delegate = {
        iterator: values(iterable),
        resultName: resultName,
        nextLoc: nextLoc
      };

      if (this.method === &quot;next&quot;) {
        // Deliberately forget the last sent value so that we don&#039;t
        // accidentally pass it on to the delegate.
        this.arg = undefined$1;
      }

      return ContinueSentinel;
    }
  };

  // Regardless of whether this script is executing as a CommonJS module
  // or not, return the runtime object so that we can declare the variable
  // regeneratorRuntime in the outer scope, which allows this module to be
  // injected easily by `bin/regenerator --include-runtime script.js`.
  return exports;

}(
  // If this script is executing as a CommonJS module, use module.exports
  // as the regeneratorRuntime namespace. Otherwise create a new empty
  // object. Either way, the resulting object will be used to initialize
  // the regeneratorRuntime variable at the top of this file.
  module.exports 
));

try {
  regeneratorRuntime = runtime;
} catch (accidentalStrictMode) {
  // This module should not be running in strict mode, so the above
  // assignment should always work unless something is misconfigured. Just
  // in case runtime.js accidentally runs in strict mode, in modern engines
  // we can explicitly access globalThis. In older engines we can escape
  // strict mode using a global Function call. This could conceivably fail
  // if a Content Security Policy forbids using Function, but in that case
  // the proper solution is to fix the accidental strict mode problem. If
  // you&#039;ve misconfigured your bundler to force strict mode and applied a
  // CSP to forbid Function, and you&#039;re not willing to fix either of those
  // problems, please detail your unique predicament in a GitHub issue.
  if (typeof globalThis === &quot;object&quot;) {
    globalThis.regeneratorRuntime = runtime;
  } else {
    Function(&quot;r&quot;, &quot;regeneratorRuntime = r&quot;)(runtime);
  }
}
}(runtime));

var _regeneratorRuntime = runtime.exports;

/**
 * Generate SVG Path tag from the given points
 */

var SvgPath = function SvgPath(_ref) {
  var paths = _ref.paths,
      id = _ref.id,
      strokeWidth = _ref.strokeWidth,
      strokeColor = _ref.strokeColor,
      _ref$command = _ref.command,
      command = _ref$command === void 0 ? bezierCommand : _ref$command;

  if (paths.length === 1) {
    var _paths$ = paths[0],
        x = _paths$.x,
        y = _paths$.y;
    var radius = strokeWidth / 2;
    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;circle&quot;, {
      key: id,
      id: id,
      cx: x,
      cy: y,
      r: radius,
      stroke: strokeColor,
      fill: strokeColor
    });
  }

  var d = paths.reduce(function (acc, point, i, a) {
    return i === 0 ? &quot;M &quot; + point.x + &quot;,&quot; + point.y : acc + &quot; &quot; + command(point, i, a);
  }, &#039;&#039;);
  return react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;path&quot;, {
    key: id,
    id: id,
    d: d,
    fill: &quot;none&quot;,
    strokeLinecap: &quot;round&quot;,
    stroke: strokeColor,
    strokeWidth: strokeWidth
  });
};
var line = function line(pointA, pointB) {
  var lengthX = pointB.x - pointA.x;
  var lengthY = pointB.y - pointA.y;
  return {
    length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
    angle: Math.atan2(lengthY, lengthX)
  };
};

var controlPoint = function controlPoint(controlPoints) {
  var current = controlPoints.current,
      next = controlPoints.next,
      previous = controlPoints.previous,
      reverse = controlPoints.reverse;
  var p = previous || current;
  var n = next || current;
  var smoothing = 0.2;
  var o = line(p, n);
  var angle = o.angle + (reverse ? Math.PI : 0);
  var length = o.length * smoothing;
  var x = current.x + Math.cos(angle) * length;
  var y = current.y + Math.sin(angle) * length;
  return [x, y];
};

var bezierCommand = function bezierCommand(point, i, a) {
  var cpsX = null;
  var cpsY = null;

  switch (i) {
    case 0:
      var _controlPoint = controlPoint({
        current: point
      });

      cpsX = _controlPoint[0];
      cpsY = _controlPoint[1];
      break;

    case 1:
      var _controlPoint2 = controlPoint({
        current: a[i - 1],
        next: point
      });

      cpsX = _controlPoint2[0];
      cpsY = _controlPoint2[1];
      break;

    default:
      var _controlPoint3 = controlPoint({
        current: a[i - 1],
        previous: a[i - 2],
        next: point
      });

      cpsX = _controlPoint3[0];
      cpsY = _controlPoint3[1];
      break;
  }

  var _controlPoint4 = controlPoint({
    current: point,
    previous: a[i - 1],
    next: a[i + 1],
    reverse: true
  }),
      cpeX = _controlPoint4[0],
      cpeY = _controlPoint4[1];

  return &quot;C &quot; + cpsX + &quot;,&quot; + cpsY + &quot; &quot; + cpeX + &quot;,&quot; + cpeY + &quot; &quot; + point.x + &quot;, &quot; + point.y;
};

var Paths = function Paths(_ref2) {
  var id = _ref2.id,
      paths = _ref2.paths;
  return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, paths.map(function (path, index) {
    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SvgPath, {
      key: id + &quot;__&quot; + index,
      paths: path.paths,
      id: id + &quot;__&quot; + index,
      strokeWidth: path.strokeWidth,
      strokeColor: path.strokeColor,
      command: bezierCommand
    });
  }));
};

var loadImage = function loadImage(url) {
  return new Promise(function (resolve, reject) {
    var img = new Image();
    img.addEventListener(&#039;load&#039;, function () {
      if (img.width &gt; 0) {
        resolve(img);
      }

      reject(&#039;Image not found&#039;);
    });
    img.addEventListener(&#039;error&#039;, function (err) {
      return reject(err);
    });
    img.src = url;
    img.setAttribute(&#039;crossorigin&#039;, &#039;anonymous&#039;);
  });
};

function getCanvasWithViewBox(canvas) {
  var _canvas$firstChild;

  var svgCanvas = (_canvas$firstChild = canvas.firstChild) == null ? void 0 : _canvas$firstChild.cloneNode(true);
  var width = canvas.offsetWidth;
  var height = canvas.offsetHeight;
  svgCanvas.setAttribute(&#039;viewBox&#039;, &quot;0 0 &quot; + width + &quot; &quot; + height);
  svgCanvas.setAttribute(&#039;width&#039;, width.toString());
  svgCanvas.setAttribute(&#039;height&#039;, height.toString());
  return {
    svgCanvas: svgCanvas,
    width: width,
    height: height
  };
}

var Canvas = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function (props, ref) {
  var paths = props.paths,
      isDrawing = props.isDrawing,
      onPointerDown = props.onPointerDown,
      onPointerMove = props.onPointerMove,
      onPointerUp = props.onPointerUp,
      _props$id = props.id,
      id = _props$id === void 0 ? &#039;react-sketch-canvas&#039; : _props$id,
      _props$width = props.width,
      width = _props$width === void 0 ? &#039;100%&#039; : _props$width,
      _props$height = props.height,
      height = _props$height === void 0 ? &#039;100%&#039; : _props$height,
      _props$className = props.className,
      className = _props$className === void 0 ? &#039;react-sketch-canvas&#039; : _props$className,
      _props$canvasColor = props.canvasColor,
      canvasColor = _props$canvasColor === void 0 ? &#039;red&#039; : _props$canvasColor,
      _props$backgroundImag = props.backgroundImage,
      backgroundImage = _props$backgroundImag === void 0 ? &#039;&#039; : _props$backgroundImag,
      _props$exportWithBack = props.exportWithBackgroundImage,
      exportWithBackgroundImage = _props$exportWithBack === void 0 ? false : _props$exportWithBack,
      _props$preserveBackgr = props.preserveBackgroundImageAspectRatio,
      preserveBackgroundImageAspectRatio = _props$preserveBackgr === void 0 ? &#039;none&#039; : _props$preserveBackgr,
      _props$allowOnlyPoint = props.allowOnlyPointerType,
      allowOnlyPointerType = _props$allowOnlyPoint === void 0 ? &#039;all&#039; : _props$allowOnlyPoint,
      _props$style = props.style,
      style = _props$style === void 0 ? {
    border: &#039;0.0625rem solid #9c9c9c&#039;,
    borderRadius: &#039;0.25rem&#039;
  } : _props$style,
      _props$svgStyle = props.svgStyle,
      svgStyle = _props$svgStyle === void 0 ? {} : _props$svgStyle;
  var canvasRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null); // Converts mouse coordinates to relative coordinate based on the absolute position of svg

  var getCoordinates = function getCoordinates(pointerEvent) {
    var _canvasRef$current, _window$scrollX, _window$scrollY;

    var boundingArea = (_canvasRef$current = canvasRef.current) == null ? void 0 : _canvasRef$current.getBoundingClientRect();
    var scrollLeft = (_window$scrollX = window.scrollX) != null ? _window$scrollX : 0;
    var scrollTop = (_window$scrollY = window.scrollY) != null ? _window$scrollY : 0;

    if (!boundingArea) {
      return {
        x: 0,
        y: 0
      };
    }

    var point = {
      x: pointerEvent.pageX - boundingArea.left - scrollLeft,
      y: pointerEvent.pageY - boundingArea.top - scrollTop
    };
    return point;
  };
  /* Mouse Handlers - Mouse down, move and up */


  var handlePointerDown = function handlePointerDown(event) {
    // Allow only chosen pointer type
    if (allowOnlyPointerType !== &#039;all&#039; &amp;&amp; event.pointerType !== allowOnlyPointerType) {
      return;
    }

    if (event.pointerType === &#039;mouse&#039; &amp;&amp; event.button !== 0) return;
    var point = getCoordinates(event);
    onPointerDown(point);
  };

  var handlePointerMove = function handlePointerMove(event) {
    if (!isDrawing) return; // Allow only chosen pointer type

    if (allowOnlyPointerType !== &#039;all&#039; &amp;&amp; event.pointerType !== allowOnlyPointerType) {
      return;
    }

    var point = getCoordinates(event);
    onPointerMove(point);
  };

  var handlePointerUp = function handlePointerUp(event) {
    if (event.pointerType === &#039;mouse&#039; &amp;&amp; event.button !== 0) return; // Allow only chosen pointer type

    if (allowOnlyPointerType !== &#039;all&#039; &amp;&amp; event.pointerType !== allowOnlyPointerType) {
      return;
    }

    onPointerUp();
  };
  /* Mouse Handlers ends */


  react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(ref, function () {
    return {
      exportImage: function exportImage(imageType) {
        return new Promise( /*#__PURE__*/function () {
          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
            var canvas, _getCanvasWithViewBox, svgCanvas, _width, _height, canvasSketch, loadImagePromises, img;

            return _regeneratorRuntime.wrap(function _callee$(_context) {
              while (1) {
                switch (_context.prev = _context.next) {
                  case 0:
                    _context.prev = 0;
                    canvas = canvasRef.current;

                    if (canvas) {
                      _context.next = 4;
                      break;
                    }

                    throw Error(&#039;Canvas not rendered yet&#039;);

                  case 4:
                    _getCanvasWithViewBox = getCanvasWithViewBox(canvas), svgCanvas = _getCanvasWithViewBox.svgCanvas, _width = _getCanvasWithViewBox.width, _height = _getCanvasWithViewBox.height;
                    canvasSketch = &quot;data:image/svg+xml;base64,&quot; + btoa(svgCanvas.outerHTML);
                    _context.next = 8;
                    return loadImage(canvasSketch);

                  case 8:
                    _context.t0 = _context.sent;
                    loadImagePromises = [_context.t0];

                    if (!exportWithBackgroundImage) {
                      _context.next = 21;
                      break;
                    }

                    _context.prev = 11;
                    _context.next = 14;
                    return loadImage(backgroundImage);

                  case 14:
                    img = _context.sent;
                    loadImagePromises.push(img);
                    _context.next = 21;
                    break;

                  case 18:
                    _context.prev = 18;
                    _context.t1 = _context[&quot;catch&quot;](11);
                    console.warn(&#039;exportWithBackgroundImage props is set without a valid background image URL. This option is ignored&#039;);

                  case 21:
                    Promise.all(loadImagePromises).then(function (images) {
                      var renderCanvas = document.createElement(&#039;canvas&#039;);
                      renderCanvas.setAttribute(&#039;width&#039;, _width.toString());
                      renderCanvas.setAttribute(&#039;height&#039;, _height.toString());
                      var context = renderCanvas.getContext(&#039;2d&#039;);

                      if (!context) {
                        throw Error(&#039;Canvas not rendered yet&#039;);
                      }

                      images.reverse().forEach(function (image) {
                        context.drawImage(image, 0, 0);
                      });
                      resolve(renderCanvas.toDataURL(&quot;image/&quot; + imageType));
                    })[&quot;catch&quot;](function (e) {
                      throw e;
                    });
                    _context.next = 27;
                    break;

                  case 24:
                    _context.prev = 24;
                    _context.t2 = _context[&quot;catch&quot;](0);
                    reject(_context.t2);

                  case 27:
                  case &quot;end&quot;:
                    return _context.stop();
                }
              }
            }, _callee, null, [[0, 24], [11, 18]]);
          }));

          return function (_x, _x2) {
            return _ref.apply(this, arguments);
          };
        }());
      },
      exportSvg: function exportSvg() {
        return new Promise(function (resolve, reject) {
          try {
            var _canvasRef$current2;

            var canvas = (_canvasRef$current2 = canvasRef.current) != null ? _canvasRef$current2 : null;

            if (canvas !== null) {
              var _svgCanvas$querySelec, _svgCanvas$querySelec2;

              var _getCanvasWithViewBox2 = getCanvasWithViewBox(canvas),
                  svgCanvas = _getCanvasWithViewBox2.svgCanvas;

              if (exportWithBackgroundImage) {
                resolve(svgCanvas.outerHTML);
                return;
              }

              (_svgCanvas$querySelec = svgCanvas.querySelector(&quot;#&quot; + id + &quot;__background&quot;)) == null ? void 0 : _svgCanvas$querySelec.remove();
              (_svgCanvas$querySelec2 = svgCanvas.querySelector(&quot;#&quot; + id + &quot;__canvas-background&quot;)) == null ? void 0 : _svgCanvas$querySelec2.setAttribute(&#039;fill&#039;, canvasColor);
              resolve(svgCanvas.outerHTML);
            }

            reject(new Error(&#039;Canvas not loaded&#039;));
          } catch (e) {
            reject(e);
          }
        });
      }
    };
  });
  /* Add event listener to Mouse up and Touch up to
  release drawing even when point goes out of canvas */

  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
    document.addEventListener(&#039;pointerup&#039;, handlePointerUp);
    return function () {
      document.removeEventListener(&#039;pointerup&#039;, handlePointerUp);
    };
  }, [handlePointerUp]);
  var eraserPaths = paths.filter(function (path) {
    return !path.drawMode;
  });
  var currentGroup = 0;
  var pathGroups = paths.reduce(function (arrayGroup, path) {
    if (!path.drawMode) {
      currentGroup += 1;
      return arrayGroup;
    }

    if (arrayGroup[currentGroup] === undefined) {
      arrayGroup[currentGroup] = [];
    }

    arrayGroup[currentGroup].push(path);
    return arrayGroup;
  }, [[]]);
  return react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;div&quot;, {
    role: &quot;presentation&quot;,
    ref: canvasRef,
    className: className,
    style: _extends({
      touchAction: &#039;none&#039;,
      width: width,
      height: height
    }, style),
    &quot;touch-action&quot;: &quot;none&quot;,
    onPointerDown: handlePointerDown,
    onPointerMove: handlePointerMove,
    onPointerUp: handlePointerUp
  }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;svg&quot;, {
    version: &quot;1.1&quot;,
    baseProfile: &quot;full&quot;,
    xmlns: &quot;http://www.w3.org/2000/svg&quot;,
    xmlnsXlink: &quot;http://www.w3.org/1999/xlink&quot;,
    style: _extends({
      width: &#039;100%&#039;,
      height: &#039;100%&#039;
    }, svgStyle),
    id: id
  }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;g&quot;, {
    id: id + &quot;__eraser-stroke-group&quot;,
    display: &quot;none&quot;
  }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;rect&quot;, {
    id: id + &quot;__mask-background&quot;,
    x: &quot;0&quot;,
    y: &quot;0&quot;,
    width: &quot;100%&quot;,
    height: &quot;100%&quot;,
    fill: &quot;white&quot;
  }), eraserPaths.map(function (eraserPath, i) {
    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SvgPath, {
      key: id + &quot;__eraser-&quot; + i,
      id: id + &quot;__eraser-&quot; + i,
      paths: eraserPath.paths,
      strokeColor: &quot;#000000&quot;,
      strokeWidth: eraserPath.strokeWidth
    });
  })), react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;defs&quot;, null, backgroundImage &amp;&amp; react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;pattern&quot;, {
    id: id + &quot;__background&quot;,
    x: &quot;0&quot;,
    y: &quot;0&quot;,
    width: &quot;100%&quot;,
    height: &quot;100%&quot;,
    patternUnits: &quot;userSpaceOnUse&quot;
  }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;image&quot;, {
    x: &quot;0&quot;,
    y: &quot;0&quot;,
    width: &quot;100%&quot;,
    height: &quot;100%&quot;,
    xlinkHref: backgroundImage,
    preserveAspectRatio: preserveBackgroundImageAspectRatio
  })), eraserPaths.map(function (_, i) {
    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;mask&quot;, {
      id: id + &quot;__eraser-mask-&quot; + i,
      key: id + &quot;__eraser-mask-&quot; + i,
      maskUnits: &quot;userSpaceOnUse&quot;
    }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;use&quot;, {
      href: &quot;#&quot; + id + &quot;__mask-background&quot;
    }), Array.from({
      length: eraserPaths.length - i
    }, function (_, j) {
      return j + i;
    }).map(function (k) {
      return react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;use&quot;, {
        key: k.toString(),
        href: &quot;#&quot; + id + &quot;__eraser-&quot; + k.toString()
      });
    }));
  })), react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;g&quot;, {
    id: id + &quot;__canvas-background-group&quot;
  }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;rect&quot;, {
    id: id + &quot;__canvas-background&quot;,
    x: &quot;0&quot;,
    y: &quot;0&quot;,
    width: &quot;100%&quot;,
    height: &quot;100%&quot;,
    fill: backgroundImage ? &quot;url(#&quot; + id + &quot;__background)&quot; : canvasColor
  })), pathGroups.map(function (pathGroup, i) {
    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(&quot;g&quot;, {
      id: id + &quot;__stroke-group-&quot; + i,
      key: id + &quot;__stroke-group-&quot; + i,
      mask: &quot;url(#&quot; + id + &quot;__eraser-mask-&quot; + i + &quot;)&quot;
    }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(Paths, {
      id: id,
      paths: pathGroup
    }));
  })));
});

var ReactSketchCanvas = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function (props, ref) {
  var _props$id = props.id,
      id = _props$id === void 0 ? &#039;react-sketch-canvas&#039; : _props$id,
      _props$width = props.width,
      width = _props$width === void 0 ? &#039;100%&#039; : _props$width,
      _props$height = props.height,
      height = _props$height === void 0 ? &#039;100%&#039; : _props$height,
      _props$className = props.className,
      className = _props$className === void 0 ? &#039;&#039; : _props$className,
      _props$canvasColor = props.canvasColor,
      canvasColor = _props$canvasColor === void 0 ? &#039;white&#039; : _props$canvasColor,
      _props$strokeColor = props.strokeColor,
      strokeColor = _props$strokeColor === void 0 ? &#039;red&#039; : _props$strokeColor,
      _props$backgroundImag = props.backgroundImage,
      backgroundImage = _props$backgroundImag === void 0 ? &#039;&#039; : _props$backgroundImag,
      _props$exportWithBack = props.exportWithBackgroundImage,
      exportWithBackgroundImage = _props$exportWithBack === void 0 ? false : _props$exportWithBack,
      _props$preserveBackgr = props.preserveBackgroundImageAspectRatio,
      preserveBackgroundImageAspectRatio = _props$preserveBackgr === void 0 ? &#039;none&#039; : _props$preserveBackgr,
      _props$strokeWidth = props.strokeWidth,
      strokeWidth = _props$strokeWidth === void 0 ? 4 : _props$strokeWidth,
      _props$eraserWidth = props.eraserWidth,
      eraserWidth = _props$eraserWidth === void 0 ? 8 : _props$eraserWidth,
      _props$allowOnlyPoint = props.allowOnlyPointerType,
      allowOnlyPointerType = _props$allowOnlyPoint === void 0 ? &#039;all&#039; : _props$allowOnlyPoint,
      _props$style = props.style,
      style = _props$style === void 0 ? {
    border: &#039;0.0625rem solid #9c9c9c&#039;,
    borderRadius: &#039;0.25rem&#039;
  } : _props$style,
      _props$svgStyle = props.svgStyle,
      svgStyle = _props$svgStyle === void 0 ? {} : _props$svgStyle,
      _props$onChange = props.onChange,
      onChange = _props$onChange === void 0 ? function (_paths) {} : _props$onChange,
      _props$onStroke = props.onStroke,
      onStroke = _props$onStroke === void 0 ? function (_path, _isEraser) {} : _props$onStroke,
      _props$withTimestamp = props.withTimestamp,
      withTimestamp = _props$withTimestamp === void 0 ? false : _props$withTimestamp;
  var svgCanvas = react__WEBPACK_IMPORTED_MODULE_0__.createRef();

  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__.useState(true),
      drawMode = _React$useState[0],
      setDrawMode = _React$useState[1];

  var _React$useState2 = react__WEBPACK_IMPORTED_MODULE_0__.useState(false),
      isDrawing = _React$useState2[0],
      setIsDrawing = _React$useState2[1];

  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__.useState([]),
      resetStack = _React$useState3[0],
      setResetStack = _React$useState3[1];

  var _React$useState4 = react__WEBPACK_IMPORTED_MODULE_0__.useState([]),
      undoStack = _React$useState4[0],
      setUndoStack = _React$useState4[1];

  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0__.useState([]),
      currentPaths = _React$useState5[0],
      setCurrentPaths = _React$useState5[1];

  var liftStrokeUp = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function () {
    var _currentPaths$slice$, _currentPaths$slice;

    var lastStroke = (_currentPaths$slice$ = (_currentPaths$slice = currentPaths.slice(-1)) == null ? void 0 : _currentPaths$slice[0]) != null ? _currentPaths$slice$ : null;

    if (lastStroke === null) {
      console.warn(&#039;No stroke found!&#039;);
      return;
    }

    onStroke(lastStroke, !lastStroke.drawMode);
  }, [isDrawing]);
  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
    liftStrokeUp();
  }, [isDrawing]);
  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
    onChange(currentPaths);
  }, [currentPaths]);
  react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(ref, function () {
    return {
      eraseMode: function eraseMode(erase) {
        setDrawMode(!erase);
      },
      clearCanvas: function clearCanvas() {
        setResetStack([].concat(currentPaths));
        setCurrentPaths([]);
      },
      undo: function undo() {
        // If there was a last reset then
        if (resetStack.length !== 0) {
          setCurrentPaths([].concat(resetStack));
          setResetStack([]);
          return;
        }

        setUndoStack(function (undoStack) {
          return [].concat(undoStack, currentPaths.slice(-1));
        });
        setCurrentPaths(function (currentPaths) {
          return currentPaths.slice(0, -1);
        });
      },
      redo: function redo() {
        // Nothing to Redo
        if (undoStack.length === 0) return;
        setCurrentPaths(function (currentPaths) {
          return [].concat(currentPaths, undoStack.slice(-1));
        });
        setUndoStack(function (undoStack) {
          return undoStack.slice(0, -1);
        });
      },
      exportImage: function exportImage(imageType) {
        var _svgCanvas$current;

        var exportImage = (_svgCanvas$current = svgCanvas.current) == null ? void 0 : _svgCanvas$current.exportImage;

        if (!exportImage) {
          throw Error(&#039;Export function called before canvas loaded&#039;);
        } else {
          return exportImage(imageType);
        }
      },
      exportSvg: function exportSvg() {
        return new Promise(function (resolve, reject) {
          var _svgCanvas$current2;

          var exportSvg = (_svgCanvas$current2 = svgCanvas.current) == null ? void 0 : _svgCanvas$current2.exportSvg;

          if (!exportSvg) {
            reject(Error(&#039;Export function called before canvas loaded&#039;));
          } else {
            exportSvg().then(function (data) {
              resolve(data);
            })[&quot;catch&quot;](function (e) {
              reject(e);
            });
          }
        });
      },
      exportPaths: function exportPaths() {
        return new Promise(function (resolve, reject) {
          try {
            resolve(currentPaths);
          } catch (e) {
            reject(e);
          }
        });
      },
      loadPaths: function loadPaths(paths) {
        setCurrentPaths(function (currentPaths) {
          return [].concat(currentPaths, paths);
        });
      },
      getSketchingTime: function getSketchingTime() {
        return new Promise(function (resolve, reject) {
          if (!withTimestamp) {
            reject(new Error(&quot;Set &#039;withTimestamp&#039; prop to get sketching time&quot;));
          }

          try {
            var sketchingTime = currentPaths.reduce(function (totalSketchingTime, path) {
              var _path$startTimestamp, _path$endTimestamp;

              var startTimestamp = (_path$startTimestamp = path.startTimestamp) != null ? _path$startTimestamp : 0;
              var endTimestamp = (_path$endTimestamp = path.endTimestamp) != null ? _path$endTimestamp : 0;
              return totalSketchingTime + (endTimestamp - startTimestamp);
            }, 0);
            resolve(sketchingTime);
          } catch (e) {
            reject(e);
          }
        });
      },
      resetCanvas: function resetCanvas() {
        setResetStack([]);
        setUndoStack([]);
        setCurrentPaths([]);
      }
    };
  });

  var handlePointerDown = function handlePointerDown(point) {
    setIsDrawing(true);
    setUndoStack([]);
    var stroke = {
      drawMode: drawMode,
      strokeColor: drawMode ? strokeColor : &#039;#000000&#039;,
      strokeWidth: drawMode ? strokeWidth : eraserWidth,
      paths: [point]
    };

    if (withTimestamp) {
      stroke = _extends({}, stroke, {
        startTimestamp: Date.now(),
        endTimestamp: 0
      });
    }

    setCurrentPaths(function (currentPaths) {
      return [].concat(currentPaths, [stroke]);
    });
  };

  var handlePointerMove = function handlePointerMove(point) {
    if (!isDrawing) return;
    var currentStroke = currentPaths.slice(-1)[0];

    var updatedStroke = _extends({}, currentStroke, {
      paths: [].concat(currentStroke.paths, [point])
    });

    setCurrentPaths(function (currentPaths) {
      return [].concat(currentPaths.slice(0, -1), [updatedStroke]);
    });
  };

  var handlePointerUp = function handlePointerUp() {
    var _currentPaths$slice$2, _currentPaths$slice2;

    if (!isDrawing) {
      return;
    }

    setIsDrawing(false);

    if (!withTimestamp) {
      return;
    }

    var currentStroke = (_currentPaths$slice$2 = (_currentPaths$slice2 = currentPaths.slice(-1)) == null ? void 0 : _currentPaths$slice2[0]) != null ? _currentPaths$slice$2 : null;

    if (currentStroke === null) {
      return;
    }

    var updatedStroke = _extends({}, currentStroke, {
      endTimestamp: Date.now()
    });

    setCurrentPaths(function (currentPaths) {
      return [].concat(currentPaths.slice(0, -1), [updatedStroke]);
    });
  };

  return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Canvas, {
    ref: svgCanvas,
    id: id,
    width: width,
    height: height,
    className: className,
    canvasColor: canvasColor,
    backgroundImage: backgroundImage,
    exportWithBackgroundImage: exportWithBackgroundImage,
    preserveBackgroundImageAspectRatio: preserveBackgroundImageAspectRatio,
    allowOnlyPointerType: allowOnlyPointerType,
    style: style,
    svgStyle: svgStyle,
    paths: currentPaths,
    isDrawing: isDrawing,
    onPointerDown: handlePointerDown,
    onPointerMove: handlePointerMove,
    onPointerUp: handlePointerUp
  });
});


//# sourceMappingURL=react-sketch-canvas.esm.js.map


/***/ }),

/***/ &quot;../node_modules/tslib/tslib.es6.mjs&quot;:
/*!*******************************************!*\
  !*** ../node_modules/tslib/tslib.es6.mjs ***!
  \*******************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) =&gt; {

&quot;use strict&quot;;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   __addDisposableResource: () =&gt; (/* binding */ __addDisposableResource),
/* harmony export */   __assign: () =&gt; (/* binding */ __assign),
/* harmony export */   __asyncDelegator: () =&gt; (/* binding */ __asyncDelegator),
/* harmony export */   __asyncGenerator: () =&gt; (/* binding */ __asyncGenerator),
/* harmony export */   __asyncValues: () =&gt; (/* binding */ __asyncValues),
/* harmony export */   __await: () =&gt; (/* binding */ __await),
/* harmony export */   __awaiter: () =&gt; (/* binding */ __awaiter),
/* harmony export */   __classPrivateFieldGet: () =&gt; (/* binding */ __classPrivateFieldGet),
/* harmony export */   __classPrivateFieldIn: () =&gt; (/* binding */ __classPrivateFieldIn),
/* harmony export */   __classPrivateFieldSet: () =&gt; (/* binding */ __classPrivateFieldSet),
/* harmony export */   __createBinding: () =&gt; (/* binding */ __createBinding),
/* harmony export */   __decorate: () =&gt; (/* binding */ __decorate),
/* harmony export */   __disposeResources: () =&gt; (/* binding */ __disposeResources),
/* harmony export */   __esDecorate: () =&gt; (/* binding */ __esDecorate),
/* harmony export */   __exportStar: () =&gt; (/* binding */ __exportStar),
/* harmony export */   __extends: () =&gt; (/* binding */ __extends),
/* harmony export */   __generator: () =&gt; (/* binding */ __generator),
/* harmony export */   __importDefault: () =&gt; (/* binding */ __importDefault),
/* harmony export */   __importStar: () =&gt; (/* binding */ __importStar),
/* harmony export */   __makeTemplateObject: () =&gt; (/* binding */ __makeTemplateObject),
/* harmony export */   __metadata: () =&gt; (/* binding */ __metadata),
/* harmony export */   __param: () =&gt; (/* binding */ __param),
/* harmony export */   __propKey: () =&gt; (/* binding */ __propKey),
/* harmony export */   __read: () =&gt; (/* binding */ __read),
/* harmony export */   __rest: () =&gt; (/* binding */ __rest),
/* harmony export */   __rewriteRelativeImportExtension: () =&gt; (/* binding */ __rewriteRelativeImportExtension),
/* harmony export */   __runInitializers: () =&gt; (/* binding */ __runInitializers),
/* harmony export */   __setFunctionName: () =&gt; (/* binding */ __setFunctionName),
/* harmony export */   __spread: () =&gt; (/* binding */ __spread),
/* harmony export */   __spreadArray: () =&gt; (/* binding */ __spreadArray),
/* harmony export */   __spreadArrays: () =&gt; (/* binding */ __spreadArrays),
/* harmony export */   __values: () =&gt; (/* binding */ __values),
/* harmony export */   &quot;default&quot;: () =&gt; (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/******************************************************************************
Copyright (c) Microsoft Corporation.

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.

THE SOFTWARE IS PROVIDED &quot;AS IS&quot; AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */

var extendStatics = function(d, b) {
  extendStatics = Object.setPrototypeOf ||
      ({ __proto__: [] } instanceof Array &amp;&amp; function (d, b) { d.__proto__ = b; }) ||
      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
  return extendStatics(d, b);
};

function __extends(d, b) {
  if (typeof b !== &quot;function&quot; &amp;&amp; b !== null)
      throw new TypeError(&quot;Class extends value &quot; + String(b) + &quot; is not a constructor or null&quot;);
  extendStatics(d, b);
  function __() { this.constructor = d; }
  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}

var __assign = function() {
  __assign = Object.assign || function __assign(t) {
      for (var s, i = 1, n = arguments.length; i &lt; n; i++) {
          s = arguments[i];
          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
      return t;
  }
  return __assign.apply(this, arguments);
}

function __rest(s, e) {
  var t = {};
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) &amp;&amp; e.indexOf(p) &lt; 0)
      t[p] = s[p];
  if (s != null &amp;&amp; typeof Object.getOwnPropertySymbols === &quot;function&quot;)
      for (var i = 0, p = Object.getOwnPropertySymbols(s); i &lt; p.length; i++) {
          if (e.indexOf(p[i]) &lt; 0 &amp;&amp; Object.prototype.propertyIsEnumerable.call(s, p[i]))
              t[p[i]] = s[p[i]];
      }
  return t;
}

function __decorate(decorators, target, key, desc) {
  var c = arguments.length, r = c &lt; 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  if (typeof Reflect === &quot;object&quot; &amp;&amp; typeof Reflect.decorate === &quot;function&quot;) r = Reflect.decorate(decorators, target, key, desc);
  else for (var i = decorators.length - 1; i &gt;= 0; i--) if (d = decorators[i]) r = (c &lt; 3 ? d(r) : c &gt; 3 ? d(target, key, r) : d(target, key)) || r;
  return c &gt; 3 &amp;&amp; r &amp;&amp; Object.defineProperty(target, key, r), r;
}

function __param(paramIndex, decorator) {
  return function (target, key) { decorator(target, key, paramIndex); }
}

function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
  function accept(f) { if (f !== void 0 &amp;&amp; typeof f !== &quot;function&quot;) throw new TypeError(&quot;Function expected&quot;); return f; }
  var kind = contextIn.kind, key = kind === &quot;getter&quot; ? &quot;get&quot; : kind === &quot;setter&quot; ? &quot;set&quot; : &quot;value&quot;;
  var target = !descriptorIn &amp;&amp; ctor ? contextIn[&quot;static&quot;] ? ctor : ctor.prototype : null;
  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
  var _, done = false;
  for (var i = decorators.length - 1; i &gt;= 0; i--) {
      var context = {};
      for (var p in contextIn) context[p] = p === &quot;access&quot; ? {} : contextIn[p];
      for (var p in contextIn.access) context.access[p] = contextIn.access[p];
      context.addInitializer = function (f) { if (done) throw new TypeError(&quot;Cannot add initializers after decoration has completed&quot;); extraInitializers.push(accept(f || null)); };
      var result = (0, decorators[i])(kind === &quot;accessor&quot; ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
      if (kind === &quot;accessor&quot;) {
          if (result === void 0) continue;
          if (result === null || typeof result !== &quot;object&quot;) throw new TypeError(&quot;Object expected&quot;);
          if (_ = accept(result.get)) descriptor.get = _;
          if (_ = accept(result.set)) descriptor.set = _;
          if (_ = accept(result.init)) initializers.unshift(_);
      }
      else if (_ = accept(result)) {
          if (kind === &quot;field&quot;) initializers.unshift(_);
          else descriptor[key] = _;
      }
  }
  if (target) Object.defineProperty(target, contextIn.name, descriptor);
  done = true;
};

function __runInitializers(thisArg, initializers, value) {
  var useValue = arguments.length &gt; 2;
  for (var i = 0; i &lt; initializers.length; i++) {
      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
  }
  return useValue ? value : void 0;
};

function __propKey(x) {
  return typeof x === &quot;symbol&quot; ? x : &quot;&quot;.concat(x);
};

function __setFunctionName(f, name, prefix) {
  if (typeof name === &quot;symbol&quot;) name = name.description ? &quot;[&quot;.concat(name.description, &quot;]&quot;) : &quot;&quot;;
  return Object.defineProperty(f, &quot;name&quot;, { configurable: true, value: prefix ? &quot;&quot;.concat(prefix, &quot; &quot;, name) : name });
};

function __metadata(metadataKey, metadataValue) {
  if (typeof Reflect === &quot;object&quot; &amp;&amp; typeof Reflect.metadata === &quot;function&quot;) return Reflect.metadata(metadataKey, metadataValue);
}

function __awaiter(thisArg, _arguments, P, generator) {
  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
  return new (P || (P = Promise))(function (resolve, reject) {
      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
      function rejected(value) { try { step(generator[&quot;throw&quot;](value)); } catch (e) { reject(e); } }
      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
      step((generator = generator.apply(thisArg, _arguments || [])).next());
  });
}

function __generator(thisArg, body) {
  var _ = { label: 0, sent: function() { if (t[0] &amp; 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === &quot;function&quot; ? Iterator : Object).prototype);
  return g.next = verb(0), g[&quot;throw&quot;] = verb(1), g[&quot;return&quot;] = verb(2), typeof Symbol === &quot;function&quot; &amp;&amp; (g[Symbol.iterator] = function() { return this; }), g;
  function verb(n) { return function (v) { return step([n, v]); }; }
  function step(op) {
      if (f) throw new TypeError(&quot;Generator is already executing.&quot;);
      while (g &amp;&amp; (g = 0, op[0] &amp;&amp; (_ = 0)), _) try {
          if (f = 1, y &amp;&amp; (t = op[0] &amp; 2 ? y[&quot;return&quot;] : op[0] ? y[&quot;throw&quot;] || ((t = y[&quot;return&quot;]) &amp;&amp; t.call(y), 0) : y.next) &amp;&amp; !(t = t.call(y, op[1])).done) return t;
          if (y = 0, t) op = [op[0] &amp; 2, t.value];
          switch (op[0]) {
              case 0: case 1: t = op; break;
              case 4: _.label++; return { value: op[1], done: false };
              case 5: _.label++; y = op[1]; op = [0]; continue;
              case 7: op = _.ops.pop(); _.trys.pop(); continue;
              default:
                  if (!(t = _.trys, t = t.length &gt; 0 &amp;&amp; t[t.length - 1]) &amp;&amp; (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                  if (op[0] === 3 &amp;&amp; (!t || (op[1] &gt; t[0] &amp;&amp; op[1] &lt; t[3]))) { _.label = op[1]; break; }
                  if (op[0] === 6 &amp;&amp; _.label &lt; t[1]) { _.label = t[1]; t = op; break; }
                  if (t &amp;&amp; _.label &lt; t[2]) { _.label = t[2]; _.ops.push(op); break; }
                  if (t[2]) _.ops.pop();
                  _.trys.pop(); continue;
          }
          op = body.call(thisArg, _);
      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
      if (op[0] &amp; 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
  }
}

var __createBinding = Object.create ? (function(o, m, k, k2) {
  if (k2 === undefined) k2 = k;
  var desc = Object.getOwnPropertyDescriptor(m, k);
  if (!desc || (&quot;get&quot; in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
  }
  Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
  if (k2 === undefined) k2 = k;
  o[k2] = m[k];
});

function __exportStar(m, o) {
  for (var p in m) if (p !== &quot;default&quot; &amp;&amp; !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
}

function __values(o) {
  var s = typeof Symbol === &quot;function&quot; &amp;&amp; Symbol.iterator, m = s &amp;&amp; o[s], i = 0;
  if (m) return m.call(o);
  if (o &amp;&amp; typeof o.length === &quot;number&quot;) return {
      next: function () {
          if (o &amp;&amp; i &gt;= o.length) o = void 0;
          return { value: o &amp;&amp; o[i++], done: !o };
      }
  };
  throw new TypeError(s ? &quot;Object is not iterable.&quot; : &quot;Symbol.iterator is not defined.&quot;);
}

function __read(o, n) {
  var m = typeof Symbol === &quot;function&quot; &amp;&amp; o[Symbol.iterator];
  if (!m) return o;
  var i = m.call(o), r, ar = [], e;
  try {
      while ((n === void 0 || n-- &gt; 0) &amp;&amp; !(r = i.next()).done) ar.push(r.value);
  }
  catch (error) { e = { error: error }; }
  finally {
      try {
          if (r &amp;&amp; !r.done &amp;&amp; (m = i[&quot;return&quot;])) m.call(i);
      }
      finally { if (e) throw e.error; }
  }
  return ar;
}

/** @deprecated */
function __spread() {
  for (var ar = [], i = 0; i &lt; arguments.length; i++)
      ar = ar.concat(__read(arguments[i]));
  return ar;
}

/** @deprecated */
function __spreadArrays() {
  for (var s = 0, i = 0, il = arguments.length; i &lt; il; i++) s += arguments[i].length;
  for (var r = Array(s), k = 0, i = 0; i &lt; il; i++)
      for (var a = arguments[i], j = 0, jl = a.length; j &lt; jl; j++, k++)
          r[k] = a[j];
  return r;
}

function __spreadArray(to, from, pack) {
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i &lt; l; i++) {
      if (ar || !(i in from)) {
          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
          ar[i] = from[i];
      }
  }
  return to.concat(ar || Array.prototype.slice.call(from));
}

function __await(v) {
  return this instanceof __await ? (this.v = v, this) : new __await(v);
}

function __asyncGenerator(thisArg, _arguments, generator) {
  if (!Symbol.asyncIterator) throw new TypeError(&quot;Symbol.asyncIterator is not defined.&quot;);
  var g = generator.apply(thisArg, _arguments || []), i, q = [];
  return i = Object.create((typeof AsyncIterator === &quot;function&quot; ? AsyncIterator : Object).prototype), verb(&quot;next&quot;), verb(&quot;throw&quot;), verb(&quot;return&quot;, awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
  function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
  function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) &gt; 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
  function fulfill(value) { resume(&quot;next&quot;, value); }
  function reject(value) { resume(&quot;throw&quot;, value); }
  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
}

function __asyncDelegator(o) {
  var i, p;
  return i = {}, verb(&quot;next&quot;), verb(&quot;throw&quot;, function (e) { throw e; }), verb(&quot;return&quot;), i[Symbol.iterator] = function () { return this; }, i;
  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
}

function __asyncValues(o) {
  if (!Symbol.asyncIterator) throw new TypeError(&quot;Symbol.asyncIterator is not defined.&quot;);
  var m = o[Symbol.asyncIterator], i;
  return m ? m.call(o) : (o = typeof __values === &quot;function&quot; ? __values(o) : o[Symbol.iterator](), i = {}, verb(&quot;next&quot;), verb(&quot;throw&quot;), verb(&quot;return&quot;), i[Symbol.asyncIterator] = function () { return this; }, i);
  function verb(n) { i[n] = o[n] &amp;&amp; function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
}

function __makeTemplateObject(cooked, raw) {
  if (Object.defineProperty) { Object.defineProperty(cooked, &quot;raw&quot;, { value: raw }); } else { cooked.raw = raw; }
  return cooked;
};

var __setModuleDefault = Object.create ? (function(o, v) {
  Object.defineProperty(o, &quot;default&quot;, { enumerable: true, value: v });
}) : function(o, v) {
  o[&quot;default&quot;] = v;
};

var ownKeys = function(o) {
  ownKeys = Object.getOwnPropertyNames || function (o) {
    var ar = [];
    for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
    return ar;
  };
  return ownKeys(o);
};

function __importStar(mod) {
  if (mod &amp;&amp; mod.__esModule) return mod;
  var result = {};
  if (mod != null) for (var k = ownKeys(mod), i = 0; i &lt; k.length; i++) if (k[i] !== &quot;default&quot;) __createBinding(result, mod, k[i]);
  __setModuleDefault(result, mod);
  return result;
}

function __importDefault(mod) {
  return (mod &amp;&amp; mod.__esModule) ? mod : { default: mod };
}

function __classPrivateFieldGet(receiver, state, kind, f) {
  if (kind === &quot;a&quot; &amp;&amp; !f) throw new TypeError(&quot;Private accessor was defined without a getter&quot;);
  if (typeof state === &quot;function&quot; ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(&quot;Cannot read private member from an object whose class did not declare it&quot;);
  return kind === &quot;m&quot; ? f : kind === &quot;a&quot; ? f.call(receiver) : f ? f.value : state.get(receiver);
}

function __classPrivateFieldSet(receiver, state, value, kind, f) {
  if (kind === &quot;m&quot;) throw new TypeError(&quot;Private method is not writable&quot;);
  if (kind === &quot;a&quot; &amp;&amp; !f) throw new TypeError(&quot;Private accessor was defined without a setter&quot;);
  if (typeof state === &quot;function&quot; ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(&quot;Cannot write private member to an object whose class did not declare it&quot;);
  return (kind === &quot;a&quot; ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
}

function __classPrivateFieldIn(state, receiver) {
  if (receiver === null || (typeof receiver !== &quot;object&quot; &amp;&amp; typeof receiver !== &quot;function&quot;)) throw new TypeError(&quot;Cannot use &#039;in&#039; operator on non-object&quot;);
  return typeof state === &quot;function&quot; ? receiver === state : state.has(receiver);
}

function __addDisposableResource(env, value, async) {
  if (value !== null &amp;&amp; value !== void 0) {
    if (typeof value !== &quot;object&quot; &amp;&amp; typeof value !== &quot;function&quot;) throw new TypeError(&quot;Object expected.&quot;);
    var dispose, inner;
    if (async) {
      if (!Symbol.asyncDispose) throw new TypeError(&quot;Symbol.asyncDispose is not defined.&quot;);
      dispose = value[Symbol.asyncDispose];
    }
    if (dispose === void 0) {
      if (!Symbol.dispose) throw new TypeError(&quot;Symbol.dispose is not defined.&quot;);
      dispose = value[Symbol.dispose];
      if (async) inner = dispose;
    }
    if (typeof dispose !== &quot;function&quot;) throw new TypeError(&quot;Object not disposable.&quot;);
    if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };
    env.stack.push({ value: value, dispose: dispose, async: async });
  }
  else if (async) {
    env.stack.push({ async: true });
  }
  return value;
}

var _SuppressedError = typeof SuppressedError === &quot;function&quot; ? SuppressedError : function (error, suppressed, message) {
  var e = new Error(message);
  return e.name = &quot;SuppressedError&quot;, e.error = error, e.suppressed = suppressed, e;
};

function __disposeResources(env) {
  function fail(e) {
    env.error = env.hasError ? new _SuppressedError(e, env.error, &quot;An error was suppressed during disposal.&quot;) : e;
    env.hasError = true;
  }
  var r, s = 0;
  function next() {
    while (r = env.stack.pop()) {
      try {
        if (!r.async &amp;&amp; s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);
        if (r.dispose) {
          var result = r.dispose.call(r.value);
          if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
        }
        else s |= 1;
      }
      catch (e) {
        fail(e);
      }
    }
    if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();
    if (env.hasError) throw env.error;
  }
  return next();
}

function __rewriteRelativeImportExtension(path, preserveJsx) {
  if (typeof path === &quot;string&quot; &amp;&amp; /^\.\.?\//.test(path)) {
      return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
          return tsx ? preserveJsx ? &quot;.jsx&quot; : &quot;.js&quot; : d &amp;&amp; (!ext || !cm) ? m : (d + ext + &quot;.&quot; + cm.toLowerCase() + &quot;js&quot;);
      });
  }
  return path;
}

/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
  __extends,
  __assign,
  __rest,
  __decorate,
  __param,
  __esDecorate,
  __runInitializers,
  __propKey,
  __setFunctionName,
  __metadata,
  __awaiter,
  __generator,
  __createBinding,
  __exportStar,
  __values,
  __read,
  __spread,
  __spreadArrays,
  __spreadArray,
  __await,
  __asyncGenerator,
  __asyncDelegator,
  __asyncValues,
  __makeTemplateObject,
  __importStar,
  __importDefault,
  __classPrivateFieldGet,
  __classPrivateFieldSet,
  __classPrivateFieldIn,
  __addDisposableResource,
  __disposeResources,
  __rewriteRelativeImportExtension,
});


/***/ }),

/***/ &quot;../node_modules/validator/lib/isFQDN.js&quot;:
/*!***********************************************!*\
  !*** ../node_modules/validator/lib/isFQDN.js ***!
  \***********************************************/
/***/ ((module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = isFQDN;
var _assertString = _interopRequireDefault(__webpack_require__(/*! ./util/assertString */ &quot;../node_modules/validator/lib/util/assertString.js&quot;));
var _merge = _interopRequireDefault(__webpack_require__(/*! ./util/merge */ &quot;../node_modules/validator/lib/util/merge.js&quot;));
function _interopRequireDefault(e) { return e &amp;&amp; e.__esModule ? e : { default: e }; }
var default_fqdn_options = {
  require_tld: true,
  allow_underscores: false,
  allow_trailing_dot: false,
  allow_numeric_tld: false,
  allow_wildcard: false,
  ignore_max_length: false
};
function isFQDN(str, options) {
  (0, _assertString.default)(str);
  options = (0, _merge.default)(options, default_fqdn_options);

  /* Remove the optional trailing dot before checking validity */
  if (options.allow_trailing_dot &amp;&amp; str[str.length - 1] === &#039;.&#039;) {
    str = str.substring(0, str.length - 1);
  }

  /* Remove the optional wildcard before checking validity */
  if (options.allow_wildcard === true &amp;&amp; str.indexOf(&#039;*.&#039;) === 0) {
    str = str.substring(2);
  }
  var parts = str.split(&#039;.&#039;);
  var tld = parts[parts.length - 1];
  if (options.require_tld) {
    // disallow fqdns without tld
    if (parts.length &lt; 2) {
      return false;
    }
    if (!options.allow_numeric_tld &amp;&amp; !/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(tld)) {
      return false;
    }

    // disallow spaces
    if (/\s/.test(tld)) {
      return false;
    }
  }

  // reject numeric TLDs
  if (!options.allow_numeric_tld &amp;&amp; /^\d+$/.test(tld)) {
    return false;
  }
  return parts.every(function (part) {
    if (part.length &gt; 63 &amp;&amp; !options.ignore_max_length) {
      return false;
    }
    if (!/^[a-z_\u00a1-\uffff0-9-]+$/i.test(part)) {
      return false;
    }

    // disallow full-width chars
    if (/[\uff01-\uff5e]/.test(part)) {
      return false;
    }

    // disallow parts starting or ending with hyphen
    if (/^-|-$/.test(part)) {
      return false;
    }
    if (!options.allow_underscores &amp;&amp; /_/.test(part)) {
      return false;
    }
    return true;
  });
}
module.exports = exports.default;
module.exports[&quot;default&quot;] = exports.default;

/***/ }),

/***/ &quot;../node_modules/validator/lib/isIP.js&quot;:
/*!*********************************************!*\
  !*** ../node_modules/validator/lib/isIP.js ***!
  \*********************************************/
/***/ ((module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = isIP;
var _assertString = _interopRequireDefault(__webpack_require__(/*! ./util/assertString */ &quot;../node_modules/validator/lib/util/assertString.js&quot;));
function _interopRequireDefault(e) { return e &amp;&amp; e.__esModule ? e : { default: e }; }
function _typeof(o) { &quot;@babel/helpers - typeof&quot;; return _typeof = &quot;function&quot; == typeof Symbol &amp;&amp; &quot;symbol&quot; == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o &amp;&amp; &quot;function&quot; == typeof Symbol &amp;&amp; o.constructor === Symbol &amp;&amp; o !== Symbol.prototype ? &quot;symbol&quot; : typeof o; }, _typeof(o); }
/**
11.3.  Examples

   The following addresses

             fe80::1234 (on the 1st link of the node)
             ff02::5678 (on the 5th link of the node)
             ff08::9abc (on the 10th organization of the node)

   would be represented as follows:

             fe80::1234%1
             ff02::5678%5
             ff08::9abc%10

   (Here we assume a natural translation from a zone index to the
   &lt;zone_id&gt; part, where the Nth zone of any scope is translated into
   &quot;N&quot;.)

   If we use interface names as &lt;zone_id&gt;, those addresses could also be
   represented as follows:

            fe80::1234%ne0
            ff02::5678%pvc1.3
            ff08::9abc%interface10

   where the interface &quot;ne0&quot; belongs to the 1st link, &quot;pvc1.3&quot; belongs
   to the 5th link, and &quot;interface10&quot; belongs to the 10th organization.
 * * */
var IPv4SegmentFormat = &#039;(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])&#039;;
var IPv4AddressFormat = &quot;(&quot;.concat(IPv4SegmentFormat, &quot;[.]){3}&quot;).concat(IPv4SegmentFormat);
var IPv4AddressRegExp = new RegExp(&quot;^&quot;.concat(IPv4AddressFormat, &quot;$&quot;));
var IPv6SegmentFormat = &#039;(?:[0-9a-fA-F]{1,4})&#039;;
var IPv6AddressRegExp = new RegExp(&#039;^(&#039; + &quot;(?:&quot;.concat(IPv6SegmentFormat, &quot;:){7}(?:&quot;).concat(IPv6SegmentFormat, &quot;|:)|&quot;) + &quot;(?:&quot;.concat(IPv6SegmentFormat, &quot;:){6}(?:&quot;).concat(IPv4AddressFormat, &quot;|:&quot;).concat(IPv6SegmentFormat, &quot;|:)|&quot;) + &quot;(?:&quot;.concat(IPv6SegmentFormat, &quot;:){5}(?::&quot;).concat(IPv4AddressFormat, &quot;|(:&quot;).concat(IPv6SegmentFormat, &quot;){1,2}|:)|&quot;) + &quot;(?:&quot;.concat(IPv6SegmentFormat, &quot;:){4}(?:(:&quot;).concat(IPv6SegmentFormat, &quot;){0,1}:&quot;).concat(IPv4AddressFormat, &quot;|(:&quot;).concat(IPv6SegmentFormat, &quot;){1,3}|:)|&quot;) + &quot;(?:&quot;.concat(IPv6SegmentFormat, &quot;:){3}(?:(:&quot;).concat(IPv6SegmentFormat, &quot;){0,2}:&quot;).concat(IPv4AddressFormat, &quot;|(:&quot;).concat(IPv6SegmentFormat, &quot;){1,4}|:)|&quot;) + &quot;(?:&quot;.concat(IPv6SegmentFormat, &quot;:){2}(?:(:&quot;).concat(IPv6SegmentFormat, &quot;){0,3}:&quot;).concat(IPv4AddressFormat, &quot;|(:&quot;).concat(IPv6SegmentFormat, &quot;){1,5}|:)|&quot;) + &quot;(?:&quot;.concat(IPv6SegmentFormat, &quot;:){1}(?:(:&quot;).concat(IPv6SegmentFormat, &quot;){0,4}:&quot;).concat(IPv4AddressFormat, &quot;|(:&quot;).concat(IPv6SegmentFormat, &quot;){1,6}|:)|&quot;) + &quot;(?::((?::&quot;.concat(IPv6SegmentFormat, &quot;){0,5}:&quot;).concat(IPv4AddressFormat, &quot;|(?::&quot;).concat(IPv6SegmentFormat, &quot;){1,7}|:))&quot;) + &#039;)(%[0-9a-zA-Z.]{1,})?$&#039;);
function isIP(ipAddress) {
  var options = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : {};
  (0, _assertString.default)(ipAddress);

  // accessing &#039;arguments&#039; for backwards compatibility: isIP(ipAddress [, version])
  // eslint-disable-next-line prefer-rest-params
  var version = (_typeof(options) === &#039;object&#039; ? options.version : arguments[1]) || &#039;&#039;;
  if (!version) {
    return isIP(ipAddress, {
      version: 4
    }) || isIP(ipAddress, {
      version: 6
    });
  }
  if (version.toString() === &#039;4&#039;) {
    return IPv4AddressRegExp.test(ipAddress);
  }
  if (version.toString() === &#039;6&#039;) {
    return IPv6AddressRegExp.test(ipAddress);
  }
  return false;
}
module.exports = exports.default;
module.exports[&quot;default&quot;] = exports.default;

/***/ }),

/***/ &quot;../node_modules/validator/lib/isURL.js&quot;:
/*!**********************************************!*\
  !*** ../node_modules/validator/lib/isURL.js ***!
  \**********************************************/
/***/ ((module, exports, __webpack_require__) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = isURL;
var _assertString = _interopRequireDefault(__webpack_require__(/*! ./util/assertString */ &quot;../node_modules/validator/lib/util/assertString.js&quot;));
var _checkHost = _interopRequireDefault(__webpack_require__(/*! ./util/checkHost */ &quot;../node_modules/validator/lib/util/checkHost.js&quot;));
var _includesString = _interopRequireDefault(__webpack_require__(/*! ./util/includesString */ &quot;../node_modules/validator/lib/util/includesString.js&quot;));
var _isFQDN = _interopRequireDefault(__webpack_require__(/*! ./isFQDN */ &quot;../node_modules/validator/lib/isFQDN.js&quot;));
var _isIP = _interopRequireDefault(__webpack_require__(/*! ./isIP */ &quot;../node_modules/validator/lib/isIP.js&quot;));
var _merge = _interopRequireDefault(__webpack_require__(/*! ./util/merge */ &quot;../node_modules/validator/lib/util/merge.js&quot;));
function _interopRequireDefault(e) { return e &amp;&amp; e.__esModule ? e : { default: e }; }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError(&quot;Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;); }
function _unsupportedIterableToArray(r, a) { if (r) { if (&quot;string&quot; == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return &quot;Object&quot; === t &amp;&amp; r.constructor &amp;&amp; (t = r.constructor.name), &quot;Map&quot; === t || &quot;Set&quot; === t ? Array.from(r) : &quot;Arguments&quot; === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a &gt; r.length) &amp;&amp; (a = r.length); for (var e = 0, n = Array(a); e &lt; a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : &quot;undefined&quot; != typeof Symbol &amp;&amp; r[Symbol.iterator] || r[&quot;@@iterator&quot;]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) &amp;&amp; (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f &amp;&amp; null != t.return &amp;&amp; (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
/*
options for isURL method

protocols - valid protocols can be modified with this option.
require_tld - If set to false isURL will not check if the URL&#039;s host includes a top-level domain.
require_protocol - if set to true isURL will return false if protocol is not present in the URL.
require_host - if set to false isURL will not check if host is present in the URL.
require_port - if set to true isURL will check if port is present in the URL.
require_valid_protocol - isURL will check if the URL&#039;s protocol is present in the protocols option.
allow_underscores - if set to true, the validator will allow underscores in the URL.
host_whitelist - if set to an array of strings or regexp, and the domain matches none of the strings
                 defined in it, the validation fails.
host_blacklist - if set to an array of strings or regexp, and the domain matches any of the strings
                 defined in it, the validation fails.
allow_trailing_dot - if set to true, the validator will allow the domain to end with
                     a `.` character.
allow_protocol_relative_urls - if set to true protocol relative URLs will be allowed.
allow_fragments - if set to false isURL will return false if fragments are present.
allow_query_components - if set to false isURL will return false if query components are present.
disallow_auth - if set to true, the validator will fail if the URL contains an authentication
                component, e.g. `http://username:password@example.com`
validate_length - if set to false isURL will skip string length validation. `max_allowed_length`
                  will be ignored if this is set as `false`.
max_allowed_length - if set, isURL will not allow URLs longer than the specified value (default is
                     2084 that IE maximum URL length).

*/

var default_url_options = {
  protocols: [&#039;http&#039;, &#039;https&#039;, &#039;ftp&#039;],
  require_tld: true,
  require_protocol: false,
  require_host: true,
  require_port: false,
  require_valid_protocol: true,
  allow_underscores: false,
  allow_trailing_dot: false,
  allow_protocol_relative_urls: false,
  allow_fragments: true,
  allow_query_components: true,
  validate_length: true,
  max_allowed_length: 2084
};
var wrapped_ipv6 = /^\[([^\]]+)\](?::([0-9]+))?$/;
function isURL(url, options) {
  (0, _assertString.default)(url);
  if (!url || /[\s&lt;&gt;]/.test(url)) {
    return false;
  }
  if (url.indexOf(&#039;mailto:&#039;) === 0) {
    return false;
  }
  options = (0, _merge.default)(options, default_url_options);
  if (options.validate_length &amp;&amp; url.length &gt; options.max_allowed_length) {
    return false;
  }
  if (!options.allow_fragments &amp;&amp; (0, _includesString.default)(url, &#039;#&#039;)) {
    return false;
  }
  if (!options.allow_query_components &amp;&amp; ((0, _includesString.default)(url, &#039;?&#039;) || (0, _includesString.default)(url, &#039;&amp;&#039;))) {
    return false;
  }
  var protocol, auth, host, hostname, port, port_str, split, ipv6;
  split = url.split(&#039;#&#039;);
  url = split.shift();
  split = url.split(&#039;?&#039;);
  url = split.shift();

  // Replaced the &#039;split(&quot;://&quot;)&#039; logic with a regex to match the protocol.
  // This correctly identifies schemes like `javascript:` which don&#039;t use `//`.
  // However, we need to be careful not to confuse authentication credentials (user:password@host)
  // with protocols. A colon before an @ symbol might be part of auth, not a protocol separator.
  var protocol_match = url.match(/^([a-z][a-z0-9+\-.]*):/i);
  var had_explicit_protocol = false;
  var cleanUpProtocol = function cleanUpProtocol(potential_protocol) {
    had_explicit_protocol = true;
    protocol = potential_protocol.toLowerCase();
    if (options.require_valid_protocol &amp;&amp; options.protocols.indexOf(protocol) === -1) {
      // The identified protocol is not in the allowed list.
      return false;
    }

    // Remove the protocol from the URL string.
    return url.substring(protocol_match[0].length);
  };
  if (protocol_match) {
    var potential_protocol = protocol_match[1];
    var after_colon = url.substring(protocol_match[0].length);

    // Check if what follows looks like authentication credentials (user:password@host)
    // rather than a protocol. This happens when:
    // 1. There&#039;s no `//` after the colon (protocols like `http://` have this)
    // 2. There&#039;s an `@` symbol before any `/`
    // 3. The part before `@` contains only valid auth characters (alphanumeric, -, _, ., %, :)
    var starts_with_slashes = after_colon.slice(0, 2) === &#039;//&#039;;
    if (!starts_with_slashes) {
      var first_slash_position = after_colon.indexOf(&#039;/&#039;);
      var before_slash = first_slash_position === -1 ? after_colon : after_colon.substring(0, first_slash_position);
      var at_position = before_slash.indexOf(&#039;@&#039;);
      if (at_position !== -1) {
        var before_at = before_slash.substring(0, at_position);
        var valid_auth_regex = /^[a-zA-Z0-9\-_.%:]*$/;
        var is_valid_auth = valid_auth_regex.test(before_at);
        if (is_valid_auth) {
          // This looks like authentication (e.g., user:password@host), not a protocol
          if (options.require_protocol) {
            return false;
          }

          // Don&#039;t consume the colon; let the auth parsing handle it later
        } else {
          // This looks like a malicious protocol (e.g., javascript:alert();@host)
          url = cleanUpProtocol(potential_protocol);
          if (url === false) {
            return false;
          }
        }
      } else {
        // No @ symbol found. Check if this could be a port number instead of a protocol.
        // If what&#039;s after the colon is numeric (or starts with a digit and contains only
        // valid port characters until a path separator), it&#039;s likely hostname:port, not a protocol.
        var looks_like_port = /^[0-9]/.test(after_colon);
        if (looks_like_port) {
          // This looks like hostname:port, not a protocol
          if (options.require_protocol) {
            return false;
          }
          // Don&#039;t consume anything; let it be parsed as hostname:port
        } else {
          // This is definitely a protocol
          url = cleanUpProtocol(potential_protocol);
          if (url === false) {
            return false;
          }
        }
      }
    } else {
      // Starts with &#039;//&#039;, this is definitely a protocol like http://
      url = cleanUpProtocol(potential_protocol);
      if (url === false) {
        return false;
      }
    }
  } else if (options.require_protocol) {
    return false;
  }

  // Handle leading &#039;//&#039; only as protocol-relative when there was NO explicit protocol.
  // If there was an explicit protocol, &#039;//&#039; is the normal separator
  // and should be stripped unconditionally.
  if (url.slice(0, 2) === &#039;//&#039;) {
    if (!had_explicit_protocol &amp;&amp; !options.allow_protocol_relative_urls) {
      return false;
    }
    url = url.slice(2);
  }
  if (url === &#039;&#039;) {
    return false;
  }
  split = url.split(&#039;/&#039;);
  url = split.shift();
  if (url === &#039;&#039; &amp;&amp; !options.require_host) {
    return true;
  }
  split = url.split(&#039;@&#039;);
  if (split.length &gt; 1) {
    if (options.disallow_auth) {
      return false;
    }
    if (split[0] === &#039;&#039;) {
      return false;
    }
    auth = split.shift();
    if (auth.indexOf(&#039;:&#039;) &gt;= 0 &amp;&amp; auth.split(&#039;:&#039;).length &gt; 2) {
      return false;
    }
    var _auth$split = auth.split(&#039;:&#039;),
      _auth$split2 = _slicedToArray(_auth$split, 2),
      user = _auth$split2[0],
      password = _auth$split2[1];
    if (user === &#039;&#039; &amp;&amp; password === &#039;&#039;) {
      return false;
    }
  }
  hostname = split.join(&#039;@&#039;);
  port_str = null;
  ipv6 = null;
  var ipv6_match = hostname.match(wrapped_ipv6);
  if (ipv6_match) {
    host = &#039;&#039;;
    ipv6 = ipv6_match[1];
    port_str = ipv6_match[2] || null;
  } else {
    split = hostname.split(&#039;:&#039;);
    host = split.shift();
    if (split.length) {
      port_str = split.join(&#039;:&#039;);
    }
  }
  if (port_str !== null &amp;&amp; port_str.length &gt; 0) {
    port = parseInt(port_str, 10);
    if (!/^[0-9]+$/.test(port_str) || port &lt;= 0 || port &gt; 65535) {
      return false;
    }
  } else if (options.require_port) {
    return false;
  }
  if (options.host_whitelist) {
    return (0, _checkHost.default)(host, options.host_whitelist);
  }
  if (host === &#039;&#039; &amp;&amp; !options.require_host) {
    return true;
  }
  if (!(0, _isIP.default)(host) &amp;&amp; !(0, _isFQDN.default)(host, options) &amp;&amp; (!ipv6 || !(0, _isIP.default)(ipv6, 6))) {
    return false;
  }
  host = host || ipv6;
  if (options.host_blacklist &amp;&amp; (0, _checkHost.default)(host, options.host_blacklist)) {
    return false;
  }
  return true;
}
module.exports = exports.default;
module.exports[&quot;default&quot;] = exports.default;

/***/ }),

/***/ &quot;../node_modules/validator/lib/util/assertString.js&quot;:
/*!**********************************************************!*\
  !*** ../node_modules/validator/lib/util/assertString.js ***!
  \**********************************************************/
/***/ ((module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = assertString;
function assertString(input) {
  if (input === undefined || input === null) throw new TypeError(&quot;Expected a string but received a &quot;.concat(input));
  if (input.constructor.name !== &#039;String&#039;) throw new TypeError(&quot;Expected a string but received a &quot;.concat(input.constructor.name));
}
module.exports = exports.default;
module.exports[&quot;default&quot;] = exports.default;

/***/ }),

/***/ &quot;../node_modules/validator/lib/util/checkHost.js&quot;:
/*!*******************************************************!*\
  !*** ../node_modules/validator/lib/util/checkHost.js ***!
  \*******************************************************/
/***/ ((module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = checkHost;
function isRegExp(obj) {
  return Object.prototype.toString.call(obj) === &#039;[object RegExp]&#039;;
}
function checkHost(host, matches) {
  for (var i = 0; i &lt; matches.length; i++) {
    var match = matches[i];
    if (host === match || isRegExp(match) &amp;&amp; match.test(host)) {
      return true;
    }
  }
  return false;
}
module.exports = exports.default;
module.exports[&quot;default&quot;] = exports.default;

/***/ }),

/***/ &quot;../node_modules/validator/lib/util/includesString.js&quot;:
/*!************************************************************!*\
  !*** ../node_modules/validator/lib/util/includesString.js ***!
  \************************************************************/
/***/ ((module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = void 0;
var includes = function includes(str, val) {
  return str.indexOf(val) !== -1;
};
var _default = exports[&quot;default&quot;] = includes;
module.exports = exports.default;
module.exports[&quot;default&quot;] = exports.default;

/***/ }),

/***/ &quot;../node_modules/validator/lib/util/merge.js&quot;:
/*!***************************************************!*\
  !*** ../node_modules/validator/lib/util/merge.js ***!
  \***************************************************/
/***/ ((module, exports) =&gt; {

&quot;use strict&quot;;


Object.defineProperty(exports, &quot;__esModule&quot;, ({
  value: true
}));
exports[&quot;default&quot;] = merge;
function merge() {
  var obj = arguments.length &gt; 0 &amp;&amp; arguments[0] !== undefined ? arguments[0] : {};
  var defaults = arguments.length &gt; 1 ? arguments[1] : undefined;
  for (var key in defaults) {
    if (typeof obj[key] === &#039;undefined&#039;) {
      obj[key] = defaults[key];
    }
  }
  return obj;
}
module.exports = exports.default;
module.exports[&quot;default&quot;] = exports.default;

/***/ }),

/***/ &quot;@elementor/icons&quot;:
/*!************************************!*\
  !*** external &quot;elementorV2.icons&quot; ***!
  \************************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
module.exports = elementorV2.icons;

/***/ }),

/***/ &quot;@elementor/ui&quot;:
/*!*********************************!*\
  !*** external &quot;elementorV2.ui&quot; ***!
  \*********************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
module.exports = elementorV2.ui;

/***/ }),

/***/ &quot;@elementor/ui/TextField&quot;:
/*!**********************************************!*\
  !*** external &quot;elementorV2.ui[&#039;TextField&#039;]&quot; ***!
  \**********************************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
module.exports = elementorV2.ui[&#039;TextField&#039;];

/***/ }),

/***/ &quot;@wordpress/i18n&quot;:
/*!**************************!*\
  !*** external &quot;wp.i18n&quot; ***!
  \**************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
module.exports = wp.i18n;

/***/ }),

/***/ &quot;react&quot;:
/*!************************!*\
  !*** external &quot;React&quot; ***!
  \************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
module.exports = React;

/***/ }),

/***/ &quot;react-dom&quot;:
/*!***************************!*\
  !*** external &quot;ReactDOM&quot; ***!
  \***************************/
/***/ ((module) =&gt; {

&quot;use strict&quot;;
module.exports = ReactDOM;

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = __webpack_modules__;
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	(() =&gt; {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = (module) =&gt; {
/******/ 			var getter = module &amp;&amp; module.__esModule ?
/******/ 				() =&gt; (module[&#039;default&#039;]) :
/******/ 				() =&gt; (module);
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() =&gt; {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) =&gt; {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) &amp;&amp; !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/ensure chunk */
/******/ 	(() =&gt; {
/******/ 		__webpack_require__.f = {};
/******/ 		// This file contains only the entry chunk.
/******/ 		// The chunk loading function for additional chunks
/******/ 		__webpack_require__.e = (chunkId) =&gt; {
/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) =&gt; {
/******/ 				__webpack_require__.f[key](chunkId, promises);
/******/ 				return promises;
/******/ 			}, []));
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/get javascript chunk filename */
/******/ 	(() =&gt; {
/******/ 		// This function allow to reference async chunks
/******/ 		__webpack_require__.u = (chunkId) =&gt; {
/******/ 			// return url for filenames not based on template
/******/ 			if (chunkId === &quot;ai-form-code&quot;) return &quot;&quot; + chunkId + &quot;.f1fc9ab9d55b03c0a95d.bundle.js&quot;;
/******/ 			if (chunkId === &quot;ai-react-markdown&quot;) return &quot;&quot; + chunkId + &quot;.cf9412823b81e9b583aa.bundle.js&quot;;
/******/ 			// return url for filenames based on template
/******/ 			return undefined;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/global */
/******/ 	(() =&gt; {
/******/ 		__webpack_require__.g = (function() {
/******/ 			if (typeof globalThis === &#039;object&#039;) return globalThis;
/******/ 			try {
/******/ 				return this || new Function(&#039;return this&#039;)();
/******/ 			} catch (e) {
/******/ 				if (typeof window === &#039;object&#039;) return window;
/******/ 			}
/******/ 		})();
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() =&gt; {
/******/ 		__webpack_require__.o = (obj, prop) =&gt; (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/load script */
/******/ 	(() =&gt; {
/******/ 		var inProgress = {};
/******/ 		var dataWebpackPrefix = &quot;elementor:&quot;;
/******/ 		// loadScript function to load a script via script tag
/******/ 		__webpack_require__.l = (url, done, key, chunkId) =&gt; {
/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
/******/ 			var script, needAttach;
/******/ 			if(key !== undefined) {
/******/ 				var scripts = document.getElementsByTagName(&quot;script&quot;);
/******/ 				for(var i = 0; i &lt; scripts.length; i++) {
/******/ 					var s = scripts[i];
/******/ 					if(s.getAttribute(&quot;src&quot;) == url || s.getAttribute(&quot;data-webpack&quot;) == dataWebpackPrefix + key) { script = s; break; }
/******/ 				}
/******/ 			}
/******/ 			if(!script) {
/******/ 				needAttach = true;
/******/ 				script = document.createElement(&#039;script&#039;);
/******/ 		
/******/ 				script.charset = &#039;utf-8&#039;;
/******/ 				if (__webpack_require__.nc) {
/******/ 					script.setAttribute(&quot;nonce&quot;, __webpack_require__.nc);
/******/ 				}
/******/ 				script.setAttribute(&quot;data-webpack&quot;, dataWebpackPrefix + key);
/******/ 		
/******/ 				script.src = url;
/******/ 			}
/******/ 			inProgress[url] = [done];
/******/ 			var onScriptComplete = (prev, event) =&gt; {
/******/ 				// avoid mem leaks in IE.
/******/ 				script.onerror = script.onload = null;
/******/ 				clearTimeout(timeout);
/******/ 				var doneFns = inProgress[url];
/******/ 				delete inProgress[url];
/******/ 				script.parentNode &amp;&amp; script.parentNode.removeChild(script);
/******/ 				doneFns &amp;&amp; doneFns.forEach((fn) =&gt; (fn(event)));
/******/ 				if(prev) return prev(event);
/******/ 			}
/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: &#039;timeout&#039;, target: script }), 120000);
/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
/******/ 			needAttach &amp;&amp; document.head.appendChild(script);
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() =&gt; {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) =&gt; {
/******/ 			if(typeof Symbol !== &#039;undefined&#039; &amp;&amp; Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: &#039;Module&#039; });
/******/ 			}
/******/ 			Object.defineProperty(exports, &#039;__esModule&#039;, { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/publicPath */
/******/ 	(() =&gt; {
/******/ 		var scriptUrl;
/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + &quot;&quot;;
/******/ 		var document = __webpack_require__.g.document;
/******/ 		if (!scriptUrl &amp;&amp; document) {
/******/ 			if (document.currentScript &amp;&amp; document.currentScript.tagName.toUpperCase() === &#039;SCRIPT&#039;)
/******/ 				scriptUrl = document.currentScript.src;
/******/ 			if (!scriptUrl) {
/******/ 				var scripts = document.getElementsByTagName(&quot;script&quot;);
/******/ 				if(scripts.length) {
/******/ 					var i = scripts.length - 1;
/******/ 					while (i &gt; -1 &amp;&amp; (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
/******/ 				}
/******/ 			}
/******/ 		}
/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
/******/ 		// or pass an empty string (&quot;&quot;) and set the __webpack_public_path__ variable from your code to use your own logic.
/******/ 		if (!scriptUrl) throw new Error(&quot;Automatic publicPath is not supported in this browser&quot;);
/******/ 		scriptUrl = scriptUrl.replace(/^blob:/, &quot;&quot;).replace(/#.*$/, &quot;&quot;).replace(/\?.*$/, &quot;&quot;).replace(/\/[^\/]+$/, &quot;/&quot;);
/******/ 		__webpack_require__.p = scriptUrl;
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/jsonp chunk loading */
/******/ 	(() =&gt; {
/******/ 		// no baseURI
/******/ 		
/******/ 		// object to store loaded and loading chunks
/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ 		var installedChunks = {
/******/ 			&quot;ai-gutenberg&quot;: 0
/******/ 		};
/******/ 		
/******/ 		__webpack_require__.f.j = (chunkId, promises) =&gt; {
/******/ 				// JSONP chunk loading for javascript
/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ 				if(installedChunkData !== 0) { // 0 means &quot;already installed&quot;.
/******/ 		
/******/ 					// a Promise means &quot;currently loading&quot;.
/******/ 					if(installedChunkData) {
/******/ 						promises.push(installedChunkData[2]);
/******/ 					} else {
/******/ 						if(true) { // all chunks have JS
/******/ 							// setup Promise in chunk cache
/******/ 							var promise = new Promise((resolve, reject) =&gt; (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
/******/ 							promises.push(installedChunkData[2] = promise);
/******/ 		
/******/ 							// start chunk loading
/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ 							// create error before stack unwound to get useful stacktrace later
/******/ 							var error = new Error();
/******/ 							var loadingEnded = (event) =&gt; {
/******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ 									installedChunkData = installedChunks[chunkId];
/******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ 									if(installedChunkData) {
/******/ 										var errorType = event &amp;&amp; (event.type === &#039;load&#039; ? &#039;missing&#039; : event.type);
/******/ 										var realSrc = event &amp;&amp; event.target &amp;&amp; event.target.src;
/******/ 										error.message = &#039;Loading chunk &#039; + chunkId + &#039; failed.\n(&#039; + errorType + &#039;: &#039; + realSrc + &#039;)&#039;;
/******/ 										error.name = &#039;ChunkLoadError&#039;;
/******/ 										error.type = errorType;
/******/ 										error.request = realSrc;
/******/ 										installedChunkData[1](error);
/******/ 									}
/******/ 								}
/******/ 							};
/******/ 							__webpack_require__.l(url, loadingEnded, &quot;chunk-&quot; + chunkId, chunkId);
/******/ 						}
/******/ 					}
/******/ 				}
/******/ 		};
/******/ 		
/******/ 		// no prefetching
/******/ 		
/******/ 		// no preloaded
/******/ 		
/******/ 		// no HMR
/******/ 		
/******/ 		// no HMR manifest
/******/ 		
/******/ 		// no on chunks loaded
/******/ 		
/******/ 		// install a JSONP callback for chunk loading
/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) =&gt; {
/******/ 			var [chunkIds, moreModules, runtime] = data;
/******/ 			// add &quot;moreModules&quot; to the modules object,
/******/ 			// then flag all &quot;chunkIds&quot; as loaded and fire callback
/******/ 			var moduleId, chunkId, i = 0;
/******/ 			if(chunkIds.some((id) =&gt; (installedChunks[id] !== 0))) {
/******/ 				for(moduleId in moreModules) {
/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ 					}
/******/ 				}
/******/ 				if(runtime) var result = runtime(__webpack_require__);
/******/ 			}
/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ 			for(;i &lt; chunkIds.length; i++) {
/******/ 				chunkId = chunkIds[i];
/******/ 				if(__webpack_require__.o(installedChunks, chunkId) &amp;&amp; installedChunks[chunkId]) {
/******/ 					installedChunks[chunkId][0]();
/******/ 				}
/******/ 				installedChunks[chunkId] = 0;
/******/ 			}
/******/ 		
/******/ 		}
/******/ 		
/******/ 		var chunkLoadingGlobal = self[&quot;webpackChunkelementor&quot;] = self[&quot;webpackChunkelementor&quot;] || [];
/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/nonce */
/******/ 	(() =&gt; {
/******/ 		__webpack_require__.nc = undefined;
/******/ 	})();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
(() =&gt; {
&quot;use strict&quot;;
/*!**************************************************!*\
  !*** ../modules/ai/assets/js/gutenberg/index.js ***!
  \**************************************************/


var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ &quot;../node_modules/@babel/runtime/helpers/interopRequireDefault.js&quot;);
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ &quot;../node_modules/@babel/runtime/helpers/extends.js&quot;));
var _element = __webpack_require__(/*! @wordpress/element */ &quot;../node_modules/@wordpress/element/build-module/index.js&quot;);
var _excerpt = _interopRequireDefault(__webpack_require__(/*! ./excerpt */ &quot;../modules/ai/assets/js/gutenberg/excerpt.js&quot;));
var _featuredImage = _interopRequireDefault(__webpack_require__(/*! ./featured-image */ &quot;../modules/ai/assets/js/gutenberg/featured-image.js&quot;));
var _textWithAi = __webpack_require__(/*! ./text-with-ai */ &quot;../modules/ai/assets/js/gutenberg/text-with-ai.js&quot;);
var _react = _interopRequireDefault(__webpack_require__(/*! react */ &quot;react&quot;));
var _editTextWithAi = __webpack_require__(/*! ./edit-text-with-ai */ &quot;../modules/ai/assets/js/gutenberg/edit-text-with-ai.js&quot;);
var _requestsIds = __webpack_require__(/*! ../editor/context/requests-ids */ &quot;../modules/ai/assets/js/editor/context/requests-ids.js&quot;);
function _createForOfIteratorHelper(r, e) { var t = &quot;undefined&quot; != typeof Symbol &amp;&amp; r[Symbol.iterator] || r[&quot;@@iterator&quot;]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e &amp;&amp; r &amp;&amp; &quot;number&quot; == typeof r.length) { t &amp;&amp; (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n &gt;= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError(&quot;Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.&quot;); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
function _unsupportedIterableToArray(r, a) { if (r) { if (&quot;string&quot; == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return &quot;Object&quot; === t &amp;&amp; r.constructor &amp;&amp; (t = r.constructor.name), &quot;Map&quot; === t || &quot;Set&quot; === t ? Array.from(r) : &quot;Arguments&quot; === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a &gt; r.length) &amp;&amp; (a = r.length); for (var e = 0, n = Array(a); e &lt; a; e++) n[e] = r[e]; return n; }
(function () {
  &#039;use strict&#039;;

  window.EDITOR_SESSION_ID = (0, _requestsIds.getUniqueId)(&#039;wp-gutenberg-session&#039;);
  // Wait for the Gutenberg editor to initialize
  wp.domReady(function () {
    // Define a function to add the custom link to the excerpt panel
    var addGenerateExcerptWithAI = function addGenerateExcerptWithAI() {
      // Get the excerpt panel
      var excerptPanel = document.querySelector(&#039;.editor-post-excerpt&#039;);
      // Check if the excerpt panel exists and the custom link hasn&#039;t been added
      if (excerptPanel &amp;&amp; !document.querySelector(&#039;.e-excerpt-ai&#039;)) {
        var _elementorCommon;
        var rootElement = document.createElement(&#039;div&#039;);
        rootElement.classList.add(&#039;e-excerpt-ai&#039;);
        excerptPanel.appendChild(rootElement);
        var urlSearchParams = new URLSearchParams(window.location.search);
        (_elementorCommon = elementorCommon) === null || _elementorCommon === void 0 || (_elementorCommon = _elementorCommon.ajax) === null || _elementorCommon === void 0 || _elementorCommon.addRequestConstant(&#039;editor_post_id&#039;, urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.get(&#039;post&#039;));
        var root = (0, _element.createRoot)(rootElement);
        root.render(/*#__PURE__*/_react.default.createElement(_excerpt.default, null));
      }
    };
    var addGenerateFeaturedImageWithAI = function addGenerateFeaturedImageWithAI() {
      var featuredImagePanel = document.querySelector(&#039;.editor-post-featured-image&#039;);
      if (featuredImagePanel &amp;&amp; !document.querySelector(&#039;.e-featured-image-ai&#039;)) {
        var _elementorCommon2;
        var rootElement = document.createElement(&#039;div&#039;);
        rootElement.classList.add(&#039;e-featured-image-ai&#039;);
        featuredImagePanel.appendChild(rootElement);
        var postId = wp.data.select(&#039;core/editor&#039;).getCurrentPostId();
        (_elementorCommon2 = elementorCommon) === null || _elementorCommon2 === void 0 || (_elementorCommon2 = _elementorCommon2.ajax) === null || _elementorCommon2 === void 0 || _elementorCommon2.addRequestConstant(&#039;editor_post_id&#039;, postId);
        var root = (0, _element.createRoot)(rootElement);
        root.render(/*#__PURE__*/_react.default.createElement(_featuredImage.default, null));
      }
    };
    var addTextWithAI = function addTextWithAI(blockName, blockClientId) {
      var textPanel = document.querySelector(&#039;.block-editor-block-card__description, .block-editor-block-card__content&#039;);
      if (textPanel &amp;&amp; !document.querySelector(&quot;.e-text-ai[data-client-id=\&quot;&quot;.concat(blockClientId, &quot;\&quot;]&quot;))) {
        removeAiIndicator();
        var rootElement = document.createElement(&#039;div&#039;);
        rootElement.classList.add(&#039;e-text-ai&#039;);
        rootElement.setAttribute(&#039;data-client-id&#039;, blockClientId);
        textPanel.appendChild(rootElement);
        var root = (0, _element.createRoot)(rootElement);
        root.render(/*#__PURE__*/_react.default.createElement(_textWithAi.GenerateTextWithAi, {
          blockName: blockName,
          blockClientId: blockClientId
        }));
      }
    };
    var removeAiIndicator = function removeAiIndicator() {
      var textPanel = document.querySelector(&#039;.e-text-ai&#039;);
      if (textPanel) {
        textPanel.remove();
      }
    };
    var addAiIndicator = function addAiIndicator(panelName, functionAddAi) {
      var _wp$data$select;
      var isSidebarEnabled = (_wp$data$select = wp.data.select(&#039;core/edit-post&#039;)) === null || _wp$data$select === void 0 ? void 0 : _wp$data$select.isEditorPanelEnabled(panelName);
      if (isSidebarEnabled) {
        setTimeout(function () {
          functionAddAi();
        }, 1);
      }
    };
    var addAiIndicatorToTextBlock = function addAiIndicatorToTextBlock(blockNames) {
      var _wp$data$select2;
      var selectedBlock = (_wp$data$select2 = wp.data.select(&#039;core/block-editor&#039;)) === null || _wp$data$select2 === void 0 ? void 0 : _wp$data$select2.getSelectedBlock();
      if (selectedBlock &amp;&amp; blockNames.some(function (name) {
        return selectedBlock.name.includes(name);
      })) {
        addTextWithAI(selectedBlock.name, selectedBlock.clientId);
      } else {
        removeAiIndicator();
      }
    };
    wp.data.subscribe(function () {
      addAiIndicator(&#039;post-excerpt&#039;, addGenerateExcerptWithAI);
      addAiIndicator(&#039;featured-image&#039;, addGenerateFeaturedImageWithAI);
      addAiIndicatorToTextBlock([&#039;paragraph&#039;, &#039;heading&#039;]);
    });
    var observer = new MutationObserver(function (mutationsList) {
      var _iterator = _createForOfIteratorHelper(mutationsList),
        _step;
      try {
        for (_iterator.s(); !(_step = _iterator.n()).done;) {
          var mutation = _step.value;
          if (&#039;childList&#039; === mutation.type) {
            if (document.querySelector(&#039;.editor-post-excerpt&#039;)) {
              addGenerateExcerptWithAI();
            }
          }
        }
      } catch (err) {
        _iterator.e(err);
      } finally {
        _iterator.f();
      }
    });
    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
    window.addEventListener(&#039;beforeunload&#039;, function () {
      observer.disconnect();
    });
  });
})(jQuery);
(function (wp) {
  var addFilter = wp.hooks.addFilter;
  var addAiButtonToToolbar = function addAiButtonToToolbar(BlockEdit) {
    return function (props) {
      return /*#__PURE__*/_react.default.createElement(_editTextWithAi.EditTextWithAi, (0, _extends2.default)({}, props, {
        blockEdit: BlockEdit
      }));
    };
  };
  addFilter(&#039;editor.BlockEdit&#039;, &#039;elementor-ai-toolbar-button&#039;, addAiButtonToToolbar);
})(window.wp);
(function () {
  &#039;use strict&#039;;

  var setElementorWpAiCurrentContext = function setElementorWpAiCurrentContext() {
    var selectedBlock = wp.data.select(&#039;core/block-editor&#039;).getSelectedBlock();
    if (selectedBlock) {
      var blockName = &#039;core/heading&#039; === selectedBlock.name ? &#039;heading&#039; : selectedBlock.name;
      window.elementorWpAiCurrentContext = {
        widgetType: blockName,
        controlName: blockName
      };
    } else {
      window.elementorWpAiCurrentContext = null;
    }
  };
  wp.data.subscribe(setElementorWpAiCurrentContext);
  var clearElementorAiCurrentContext = function clearElementorAiCurrentContext() {
    window.elementorWpAiCurrentContext = null;
  };
  window.addEventListener(&#039;beforeunload&#039;, clearElementorAiCurrentContext);
})();
})();

/******/ })()
;
//# sourceMappingURL=ai-gutenberg.js.map</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fwp-content%2Fplugins%2Felementor%2Fassets%2Fjs'>⬅ Back to Directory</a>