"use strict";
/*
 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
(self["webpackChunkwoocommerce_rtm_custom_emails"] = self["webpackChunkwoocommerce_rtm_custom_emails"] || []).push([["assets_src_js_react_layout_EmailLayout_tsx"],{

/***/ 97333:
/*!******************************************************************************!*\
  !*** ./node_modules/@fortawesome/free-solid-svg-icons/faArrowRotateRight.js ***!
  \******************************************************************************/
/***/ ((__unused_webpack_module, exports) => {

eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nvar prefix = 'fas';\nvar iconName = 'arrow-rotate-right';\nvar width = 512;\nvar height = 512;\nvar aliases = [8635,\"arrow-right-rotate\",\"arrow-rotate-forward\",\"redo\"];\nvar unicode = 'f01e';\nvar svgPathData = 'M386.3 160H336c-17.7 0-32 14.3-32 32s14.3 32 32 32H464c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0s-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3s163.8-62.5 226.3 0L386.3 160z';\n\nexports.definition = {\n  prefix: prefix,\n  iconName: iconName,\n  icon: [\n    width,\n    height,\n    aliases,\n    unicode,\n    svgPathData\n  ]};\n\nexports.faArrowRotateRight = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = aliases;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;\nexports.aliases = aliases;\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./node_modules/@fortawesome/free-solid-svg-icons/faArrowRotateRight.js?");

/***/ }),

/***/ 47810:
/*!******************************************************************!*\
  !*** ./node_modules/@fortawesome/free-solid-svg-icons/faCogs.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nvar source = __webpack_require__(/*! ./faGears */ 96348);\nexports.definition = {\n  prefix: source.prefix,\n  iconName: source.iconName,\n  icon: [\n    source.width,\n    source.height,\n    source.aliases,\n    source.unicode,\n    source.svgPathData\n  ]};\n\nexports.faCogs = exports.definition;\nexports.prefix = source.prefix;\nexports.iconName = source.iconName;\nexports.width = source.width;\nexports.height = source.height;\nexports.ligatures = source.aliases;\nexports.unicode = source.unicode;\nexports.svgPathData = source.svgPathData;\nexports.aliases = source.aliases;\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./node_modules/@fortawesome/free-solid-svg-icons/faCogs.js?");

/***/ }),

/***/ 20446:
/*!*****************************************************************!*\
  !*** ./node_modules/@fortawesome/free-solid-svg-icons/faEye.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports) => {

eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nvar prefix = 'fas';\nvar iconName = 'eye';\nvar width = 576;\nvar height = 512;\nvar aliases = [128065];\nvar unicode = 'f06e';\nvar svgPathData = 'M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z';\n\nexports.definition = {\n  prefix: prefix,\n  iconName: iconName,\n  icon: [\n    width,\n    height,\n    aliases,\n    unicode,\n    svgPathData\n  ]};\n\nexports.faEye = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = aliases;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;\nexports.aliases = aliases;\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./node_modules/@fortawesome/free-solid-svg-icons/faEye.js?");

/***/ }),

/***/ 8296:
/*!**********************************************************************!*\
  !*** ./node_modules/@fortawesome/free-solid-svg-icons/faFileCode.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, exports) => {

eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nvar prefix = 'fas';\nvar iconName = 'file-code';\nvar width = 384;\nvar height = 512;\nvar aliases = [];\nvar unicode = 'f1c9';\nvar svgPathData = 'M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM153 289l-31 31 31 31c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L71 337c-9.4-9.4-9.4-24.6 0-33.9l48-48c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM265 255l48 48c9.4 9.4 9.4 24.6 0 33.9l-48 48c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z';\n\nexports.definition = {\n  prefix: prefix,\n  iconName: iconName,\n  icon: [\n    width,\n    height,\n    aliases,\n    unicode,\n    svgPathData\n  ]};\n\nexports.faFileCode = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = aliases;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;\nexports.aliases = aliases;\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./node_modules/@fortawesome/free-solid-svg-icons/faFileCode.js?");

/***/ }),

/***/ 96348:
/*!*******************************************************************!*\
  !*** ./node_modules/@fortawesome/free-solid-svg-icons/faGears.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, exports) => {

eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nvar prefix = 'fas';\nvar iconName = 'gears';\nvar width = 640;\nvar height = 512;\nvar aliases = [\"cogs\"];\nvar unicode = 'f085';\nvar svgPathData = 'M308.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L304 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L199 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C173.9 8.4 167.2 8 160.4 8h-.7c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L115 56.1c-13.3 5-25.5 12.1-36.2 20.9L50.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C32.6 161.9 32 168.9 32 176s.6 14.1 1.7 20.9L11.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM112 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM504.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L583.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L315.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM464 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z';\n\nexports.definition = {\n  prefix: prefix,\n  iconName: iconName,\n  icon: [\n    width,\n    height,\n    aliases,\n    unicode,\n    svgPathData\n  ]};\n\nexports.faGears = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = aliases;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;\nexports.aliases = aliases;\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./node_modules/@fortawesome/free-solid-svg-icons/faGears.js?");

/***/ }),

/***/ 26778:
/*!******************************************************************!*\
  !*** ./node_modules/@fortawesome/free-solid-svg-icons/faRedo.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nvar source = __webpack_require__(/*! ./faArrowRotateRight */ 97333);\nexports.definition = {\n  prefix: source.prefix,\n  iconName: source.iconName,\n  icon: [\n    source.width,\n    source.height,\n    source.aliases,\n    source.unicode,\n    source.svgPathData\n  ]};\n\nexports.faRedo = exports.definition;\nexports.prefix = source.prefix;\nexports.iconName = source.iconName;\nexports.width = source.width;\nexports.height = source.height;\nexports.ligatures = source.aliases;\nexports.unicode = source.unicode;\nexports.svgPathData = source.svgPathData;\nexports.aliases = source.aliases;\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./node_modules/@fortawesome/free-solid-svg-icons/faRedo.js?");

/***/ }),

/***/ 65344:
/*!*********************************************************!*\
  !*** ./assets/src/js/react/components/EmailPreview.tsx ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 99196);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _ObjectSearch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ObjectSearch */ 51038);\n/* harmony import */ var _EmailPreviewFrame__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EmailPreviewFrame */ 50569);\n/* harmony import */ var _material_tailwind_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material-tailwind/react */ 59335);\n/* harmony import */ var _material_tailwind_react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ 67814);\n/* harmony import */ var _fortawesome_free_solid_svg_icons_faRedo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons/faRedo */ 26778);\n/* harmony import */ var _lib_datafetching_email__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../lib/datafetching/email */ 21954);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ 94184);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);\n\n\n\n\n\n\n\n\nfunction persistObjectSearch(objectType, id) {\n    localStorage.setItem(`objectSearch-${objectType}`, id.toString());\n}\nfunction loadObjectSearch(objectType) {\n    return objectType ? localStorage.getItem(`objectSearch-${objectType}`) : null;\n}\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__({ email, className }) {\n    const [selectedPreviewObject, setSelectedPreviewObject] = react__WEBPACK_IMPORTED_MODULE_0___default().useState(loadObjectSearch(email.objectType));\n    const onSetObjectSearch = (id) => {\n        if (email && id) {\n            persistObjectSearch(email.objectType, id);\n        }\n        setSelectedPreviewObject(id);\n    };\n    const { mutate } = (0,_lib_datafetching_email__WEBPACK_IMPORTED_MODULE_5__.useEmailPreview)(email.id, selectedPreviewObject);\n    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(`flex flex-col h-full`, className) },\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: 'flex w-full items-center' },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ObjectSearch__WEBPACK_IMPORTED_MODULE_1__[\"default\"], { objectType: email.objectType, onChange: opt => onSetObjectSearch(opt?.value ?? null), selected: selectedPreviewObject }),\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_3__.Button, { color: 'white', size: 'sm', onClick: () => mutate() },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons_faRedo__WEBPACK_IMPORTED_MODULE_7__.faRedo }))),\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_EmailPreviewFrame__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { key: email.objectType, email: email, objectId: selectedPreviewObject })));\n}\n\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./assets/src/js/react/components/EmailPreview.tsx?");

/***/ }),

/***/ 50569:
/*!**************************************************************!*\
  !*** ./assets/src/js/react/components/EmailPreviewFrame.tsx ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _lib_datafetching_email__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../lib/datafetching/email */ 21954);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 99196);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _material_tailwind_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material-tailwind/react */ 59335);\n/* harmony import */ var _material_tailwind_react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__({ email, objectId }) {\n    const { isLoading, isValidating, error, data } = (0,_lib_datafetching_email__WEBPACK_IMPORTED_MODULE_0__.useEmailPreview)(email?.id, objectId);\n    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", { className: 'flex-1 text-center relative' },\n        (isLoading || isValidating) && react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", { className: 'absolute flex justify-center w-full h-full bg-black bg-opacity-20' },\n            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_2__.Spinner, { className: 'mt-2' })),\n        error && react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null,\n            \"Error: \",\n            error.message),\n        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"iframe\", { className: 'w-full h-full', srcDoc: data?.content }));\n}\n\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./assets/src/js/react/components/EmailPreviewFrame.tsx?");

/***/ }),

/***/ 51038:
/*!*********************************************************!*\
  !*** ./assets/src/js/react/components/ObjectSearch.tsx ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 99196);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select */ 23157);\n/* harmony import */ var js_convert_case__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! js-convert-case */ 24417);\n/* harmony import */ var _lib_datafetching_email__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/datafetching/email */ 21954);\n\n\n\n\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__({ objectType, onChange, selected }) {\n    const [timerNumber, setTimerNumber] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);\n    const [searchString, setSearchString] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');\n    const { data: foundObjects, isLoading: isSearchLoading } = (0,_lib_datafetching_email__WEBPACK_IMPORTED_MODULE_2__.useObjectSearch)(objectType, searchString);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n        if (!foundObjects?.length) {\n            return;\n        }\n        if (!selected) {\n            onChange(foundObjects[0]);\n        }\n    }, [foundObjects]);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n        if (objectType) {\n            onChange(null);\n        }\n    }, [objectType]);\n    const searchObjects = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((inputValue) => {\n        if (!inputValue?.length || !objectType) {\n            return;\n        }\n        if (timerNumber) {\n            clearTimeout(timerNumber);\n        }\n        setTimerNumber(window.setTimeout(() => {\n            setSearchString(inputValue);\n        }, 750));\n    }, [timerNumber]);\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { isDisabled: !objectType, id: 'search-courses', placeholder: `Search ${(0,js_convert_case__WEBPACK_IMPORTED_MODULE_1__.toSentenceCase)(objectType)}...`, className: 'w-full', classNames: {\n            control: () => '!rounded-md',\n            input: () => '!mh-0'\n        }, isSearchable: true, value: foundObjects?.find(opt => opt.value == selected) ?? null, onInputChange: searchObjects, isLoading: isSearchLoading, options: foundObjects, onChange: evt => onChange(evt) });\n}\n\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./assets/src/js/react/components/ObjectSearch.tsx?");

/***/ }),

/***/ 42680:
/*!****************************************************!*\
  !*** ./assets/src/js/react/layout/EmailLayout.tsx ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 99196);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material-tailwind/react */ 59335);\n/* harmony import */ var _material_tailwind_react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _lib_routing__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/routing */ 41297);\n/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router */ 89250);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ 94184);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _components_EmailPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/EmailPreview */ 65344);\n/* harmony import */ var _fortawesome_free_solid_svg_icons_faEye__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons/faEye */ 20446);\n/* harmony import */ var _fortawesome_free_solid_svg_icons_faCogs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons/faCogs */ 47810);\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ 67814);\n/* harmony import */ var _fortawesome_free_solid_svg_icons_faFileCode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons/faFileCode */ 8296);\n/* harmony import */ var _fortawesome_free_solid_svg_icons_faPaperclip__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons/faPaperclip */ 31156);\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__() {\n    const { email } = (0,react_router__WEBPACK_IMPORTED_MODULE_6__.useOutletContext)();\n    const routeId = (0,_lib_routing__WEBPACK_IMPORTED_MODULE_2__.useRouteId)();\n    const navigate = (0,react_router__WEBPACK_IMPORTED_MODULE_6__.useNavigate)();\n    const [tab, setTab] = react__WEBPACK_IMPORTED_MODULE_0___default().useState('config');\n    const onClickTab = (value) => {\n        navigate(`/${email.id}/${value}`);\n    };\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.Tabs, { value: tab, className: '2xl:hidden' },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.TabsHeader, null,\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.Tab, { value: 'config', onClick: () => setTab('config') },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons_faCogs__WEBPACK_IMPORTED_MODULE_7__.faCogs })),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.Tab, { value: 'preview', onClick: () => setTab('preview') },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons_faEye__WEBPACK_IMPORTED_MODULE_8__.faEye })))),\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: 'flex h-full min-h-[80vh]' },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('2xl:w-full overflow-hidden transition-all duration-300 whitespace-nowrap', {\n                    'w-full': tab === 'config',\n                    'w-0': tab === 'preview'\n                }) },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.Tabs, { value: routeId },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.TabsHeader, null,\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.Tab, { value: 'sections', onClick: () => onClickTab('sections') },\n                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.FontAwesomeIcon, { className: 'pr-1', icon: _fortawesome_free_solid_svg_icons_faFileCode__WEBPACK_IMPORTED_MODULE_9__.faFileCode }),\n                            \"Sections\"),\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.Tab, { value: 'attachments', onClick: () => onClickTab('attachments') },\n                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.FontAwesomeIcon, { className: 'pr-1', icon: _fortawesome_free_solid_svg_icons_faPaperclip__WEBPACK_IMPORTED_MODULE_10__.faPaperclip }),\n                            \"Attachments\"),\n                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_material_tailwind_react__WEBPACK_IMPORTED_MODULE_1__.Tab, { value: 'settings', onClick: () => onClickTab('settings') },\n                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__.FontAwesomeIcon, { className: 'pr-1', icon: _fortawesome_free_solid_svg_icons_faCogs__WEBPACK_IMPORTED_MODULE_7__.faCogs }),\n                            \"Settings\"))),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router__WEBPACK_IMPORTED_MODULE_6__.Outlet, { context: { email } })),\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('2xl:w-full overflow-hidden transition-all duration-300 whitespace-nowrap', {\n                    'w-full': tab === 'preview',\n                    'w-0': tab === 'config'\n                }) },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_EmailPreview__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { email: email }))));\n}\n\n\n//# sourceURL=webpack://woocommerce-rtm-custom-emails/./assets/src/js/react/layout/EmailLayout.tsx?");

/***/ })

}]);