@bigbinary/neeto-themes-frontend 2.1.5 → 2.1.7

package/dist/cjs/NeetoThemesBuilder.js

@@ -8,8 +8,8 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var utils = require('../index-33a71cf7.js');
-var useThemeUtils = require('../useThemeUtils-8ebfd58f.js');
+var utils = require('../index-D6l2IgrM.js');
+var useThemeUtils = require('../useThemeUtils-VrVvqk7M.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');
 var Collapse = require('@bigbinary/neeto-icons/Collapse');
@@ -29,7 +29,7 @@ var Down = require('@bigbinary/neeto-icons/Down');
 var jsxRuntime = require('react/jsx-runtime');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-frontend');
+var ImageUploader = require('@bigbinary/neeto-image-uploader-frontend/ImageUploader');
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
 var Toastr = require('@bigbinary/neetoui/Toastr');
 var ramda = require('ramda');
@@ -47,10 +47,7 @@ var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 require('zustand');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -63,43 +60,14 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Collapse__default = /*#__PURE__*/_interopDefaultLegacy(Collapse);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
-var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
-var Editor__default = /*#__PURE__*/_interopDefaultLegacy(Editor);
-var Down__default = /*#__PURE__*/_interopDefaultLegacy(Down);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var CenterAlign__default = /*#__PURE__*/_interopDefaultLegacy(CenterAlign);
-var LeftAlign__default = /*#__PURE__*/_interopDefaultLegacy(LeftAlign);
-var ColorPicker__default = /*#__PURE__*/_interopDefaultLegacy(ColorPicker);
-var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var LeftArrow__default = /*#__PURE__*/_interopDefaultLegacy(LeftArrow);
-var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 var show$1 = function show(entityId) {
-  return axios__default["default"].get("".concat(utils.BASE_URL, "/api/v1/entities/").concat(entityId));
+  return axios.get("".concat(utils.BASE_URL, "/api/v1/entities/").concat(entityId));
 };
 var entitiesApi = {
   show: show$1
@@ -122,37 +90,37 @@ n(css,{});
 
 var _excluded$1 = ["themeId"];
 var list = function list(entityId) {
-  return axios__default["default"].get("".concat(utils.BASE_URL, "/api/v1/themes"), {
+  return axios.get("".concat(utils.BASE_URL, "/api/v1/themes"), {
     params: {
       entity_id: entityId
     }
   });
 };
 var show = function show(id) {
-  return axios__default["default"].get("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id));
+  return axios.get("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id));
 };
 var create = function create(payload) {
-  return axios__default["default"].post("".concat(utils.BASE_URL, "/api/v1/themes"), {
+  return axios.post("".concat(utils.BASE_URL, "/api/v1/themes"), {
     theme: payload
   });
 };
 var update = function update(_ref) {
   var id = _ref.id,
     payload = _ref.payload;
-  return axios__default["default"].put("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id), {
+  return axios.put("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id), {
     theme: payload
   });
 };
 var destroy = function destroy(id) {
-  return axios__default["default"]["delete"]("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id));
+  return axios["delete"]("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id));
 };
 var clone = function clone(id) {
-  return axios__default["default"].post("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id, "/clone"));
+  return axios.post("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id, "/clone"));
 };
 var apply = function apply(_ref2) {
   var themeId = _ref2.themeId,
-    payload = _objectWithoutProperties__default["default"](_ref2, _excluded$1);
-  return axios__default["default"].post("".concat(utils.BASE_URL, "/api/v1/themes/").concat(themeId, "/apply"), {
+    payload = _objectWithoutProperties(_ref2, _excluded$1);
+  return axios.post("".concat(utils.BASE_URL, "/api/v1/themes/").concat(themeId, "/apply"), {
     entity: payload
   });
 };
@@ -281,6 +249,12 @@ var FONT_OPTIONS = [{
 }, {
   label: "Dancing Script",
   value: "Dancing Script, cursive"
+}, {
+  label: "Tw Cent",
+  value: "Tw Cen MT, Tahoma, sans-serif"
+}, {
+  label: "Comic Sans",
+  value: "Comic Sans MS, cursive"
 }];
 var THEME_VALIDATION_SCHEMA = yup__namespace.object().shape({
   name: yup__namespace.string().required("Name is required")
@@ -304,7 +278,7 @@ var DESIGN_SCREENS = {
 var ONE_MEGABYTE = 1;
 
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Card$2 = function Card(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
@@ -312,12 +286,12 @@ var Card$2 = function Card(_ref) {
     name = _ref.name,
     className = _ref.className;
   var _useState = react.useState(ACCORDIAN_OPEN_STATE),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     accordianOpenState = _useState2[0],
     setAccordianOpenState = _useState2[1];
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     "data-cy": "theme-".concat(neetoCist.hyphenate(title), "-properties"),
-    className: classnames__default["default"]("neeto-themes-nano-section neeto-ui-border-gray-200 border-b pt-2 transition-all duration-300 last:border-none", className, {
+    className: classnames("neeto-themes-nano-section neeto-ui-border-gray-200 border-b pt-2 transition-all duration-300 last:border-none", className, {
       "pb-2": !accordianOpenState[name],
       "pb-3": accordianOpenState[name]
     }),
@@ -325,9 +299,9 @@ var Card$2 = function Card(_ref) {
       className: "neeto-themes-nano-section__title flex w-full cursor-pointer items-center justify-between px-1 py-2 focus:outline-none",
       type: "button",
       onClick: function onClick() {
-        return setAccordianOpenState(_objectSpread$5(_objectSpread$5({}, accordianOpenState), {}, _defineProperty__default["default"]({}, name, !accordianOpenState[name])));
+        return setAccordianOpenState(_objectSpread$5(_objectSpread$5({}, accordianOpenState), {}, _defineProperty({}, name, !accordianOpenState[name])));
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "min-w-0 flex-grow text-left",
         component: "span",
         "data-cy": "theme-properties",
@@ -335,14 +309,14 @@ var Card$2 = function Card(_ref) {
         style: "h4",
         weight: "semibold",
         children: title
-      }), /*#__PURE__*/jsxRuntime.jsx(Down__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Down, {
         size: 20,
-        className: classnames__default["default"]("transition-all duration-300", {
+        className: classnames("transition-all duration-300", {
           "rotate-180": accordianOpenState[name]
         })
       })]
     }), children && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: classnames__default["default"]("neeto-themes-nano-section__content w-full space-y-3 overflow-hidden px-1 transition-all duration-300", {
+      className: classnames("neeto-themes-nano-section__content w-full space-y-3 overflow-hidden px-1 transition-all duration-300", {
         "neeto-themes-nano-section__content--closed": !accordianOpenState[name],
         "neeto-themes-nano-section__content--open pb-1": accordianOpenState[name]
       }),
@@ -407,17 +381,17 @@ var CustomCSS = function CustomCSS(_ref) {
         className: "w-full",
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "neeto-themes-sidebar__custom-css-editor-header w-full justify-end gap-1 rounded-b-none p-2",
-          children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(Button, {
             size: "small",
             style: "secondary",
             label: isCustomCssScreen ? t("neetoThemes.buttons.minimizeEditor") : t("neetoThemes.buttons.expandEditor"),
             onClick: handleEditorToggle
           })
-        }), /*#__PURE__*/jsxRuntime.jsx(Editor__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Editor, {
           language: "css",
           theme: "vs-dark",
           value: customCSS.value,
-          className: classnames__default["default"]({
+          className: classnames({
             rounded: true,
             "css-editor-height__expanded": isCustomCssScreen,
             "css-editor-height__regular": !isCustomCssScreen
@@ -436,7 +410,7 @@ var CustomCSS = function CustomCSS(_ref) {
 };
 
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildInitialValues = function buildInitialValues(theme, themePropertiesSchema) {
   if (neetoCist.isPresent(theme)) return theme;
   return {
@@ -572,13 +546,13 @@ var SelectBlock = function SelectBlock(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between",
     "data-cy": "theme-style-".concat(utils$1.joinHyphenCase(label)),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       "data-cy": "logo-field-labels",
       style: "body2",
       children: label
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "w-40",
-      children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Select, {
         onChange: onChange,
         options: options,
         placeholder: placeholder,
@@ -623,9 +597,9 @@ var ImageBlock = function ImageBlock(_ref) {
     key: "".concat(name, "_position")
   }, values.properties);
   var handleImageChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(image) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(image) {
       var dominantColor;
-      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -653,7 +627,7 @@ var ImageBlock = function ImageBlock(_ref) {
           case 10:
             _context.prev = 10;
             _context.t0 = _context["catch"](0);
-            Toastr__default["default"].error(_context.t0);
+            Toastr.error(_context.t0);
           case 13:
           case "end":
             return _context.stop();
@@ -666,17 +640,17 @@ var ImageBlock = function ImageBlock(_ref) {
   }();
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "space-y-3",
-    "data-cy": "theme-style-".concat(utils$1.joinHyphenCase(label)),
+    "data-cy": "theme-style-".concat(label ? utils$1.joinHyphenCase(label) : "image-block"),
     children: [label && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex items-center justify-between",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         "data-cy": "style-fields-labels",
         style: "body2",
         children: label
       })
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "space-y-3",
-      children: [/*#__PURE__*/react.createElement(neetoImageUploaderFrontend.ImageUploader, {
+      children: [/*#__PURE__*/react.createElement(ImageUploader, {
         uploadConfig: uploadConfig,
         className: "h-40 w-full",
         key: imageData === null || imageData === void 0 ? void 0 : imageData.url,
@@ -723,7 +697,7 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between gap-2",
     "data-cy": utils$1.joinHyphenCase(label),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       "data-cy": "style-fields-labels",
       style: "body2",
       children: label
@@ -734,15 +708,15 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
           setFieldValue = _ref2.form.setFieldValue;
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "neeto-ui-border-gray-300 neeto-themes-nano-alignment-block flex items-center border",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
             className: "neeto-themes-nano-alignment-button neeto-themes-nano-alignment-button__alignment-left",
             "data-cy": "alignment-left",
             size: "medium",
             style: value === "left" ? "primary" : "text",
             icon: function icon() {
-              return /*#__PURE__*/jsxRuntime.jsx(LeftAlign__default["default"], {
+              return /*#__PURE__*/jsxRuntime.jsx(LeftAlign, {
                 size: 20,
-                className: classnames__default["default"]({
+                className: classnames({
                   rounded: true,
                   "neeto-ui-text-primary-800": value === "left",
                   "neeto-ui-text-gray-600": value !== "left"
@@ -758,15 +732,15 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
             }
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "neeto-themes-nano-alignment-divider"
-          }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Button, {
             className: "neeto-themes-nano-alignment-button neeto-themes-nano-alignment-button__alignment-center",
             "data-cy": "alignment-center",
             size: "medium",
             style: value === "center" ? "primary" : "text",
             icon: function icon() {
-              return /*#__PURE__*/jsxRuntime.jsx(CenterAlign__default["default"], {
+              return /*#__PURE__*/jsxRuntime.jsx(CenterAlign, {
                 size: 20,
-                className: classnames__default["default"]({
+                className: classnames({
                   rounded: true,
                   "neeto-ui-text-primary-800": value === "center",
                   "neeto-ui-text-gray-600": value !== "center"
@@ -796,11 +770,11 @@ var ColorBlock = function ColorBlock(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between",
     "data-cy": "theme-style-".concat(utils$1.joinHyphenCase(label)),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       "data-cy": "style-fields-labels",
       style: "body2",
       children: label
-    }), /*#__PURE__*/jsxRuntime.jsx(ColorPicker__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(ColorPicker, {
       color: color,
       onChange: onChange,
       showTransparencyControl: showTransparencyControl,
@@ -811,7 +785,7 @@ var ColorBlock = function ColorBlock(_ref) {
 };
 
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FontPickerBlock = function FontPickerBlock(_ref) {
   var label = _ref.label,
     _ref$placeholder = _ref.placeholder,
@@ -822,13 +796,13 @@ var FontPickerBlock = function FontPickerBlock(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between",
     "data-cy": "theme-style-".concat(utils$1.joinHyphenCase(label)),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       "data-cy": "style-fields-labels",
       style: "body2",
       children: label
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "w-40",
-      children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Select, {
         onChange: onChange,
         options: options,
         placeholder: placeholder,
@@ -857,7 +831,7 @@ var SliderBlock = function SliderBlock(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between gap-3",
     "data-cy": "theme-style-".concat(utils$1.joinHyphenCase(label)),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       "data-cy": "style-fields-labels",
       style: "body2",
       children: label
@@ -877,11 +851,11 @@ var SliderBlock = function SliderBlock(_ref) {
 
 var _excluded = ["label", "name"];
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SwitchBlock = function SwitchBlock(_ref) {
   var label = _ref.label,
     name = _ref.name,
-    switchProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    switchProps = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
@@ -891,19 +865,19 @@ var SwitchBlock = function SwitchBlock(_ref) {
     className: "flex items-center justify-between",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "inline-flex items-center gap-4",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         "data-cy": "style-fields-labels",
         style: "body2",
-        className: classnames__default["default"]({
+        className: classnames({
           "w-32": doesHelpTextExist,
           "w-auto": !doesHelpTextExist
         }),
         children: label
-      }), doesHelpTextExist && /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
+      }), doesHelpTextExist && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
         className: "flex-shrink-0",
         description: t(translationKey)
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
+    }), /*#__PURE__*/jsxRuntime.jsx(Switch, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
       name: name
     }, switchProps)), {}, {
       "data-cy": "enable-background-color-toggle"
@@ -964,7 +938,7 @@ var Properties = function Properties(_ref) {
     }
   };
   react.useEffect(function () {
-    onPropertiesChange === null || onPropertiesChange === void 0 || onPropertiesChange(values, handleChange, handleColorChange);
+    onPropertiesChange === null || onPropertiesChange === void 0 ? void 0 : onPropertiesChange(values, handleChange, handleColorChange);
     setTheme(values);
     setThemeState({
       previewingTheme: values
@@ -1034,13 +1008,13 @@ var Properties = function Properties(_ref) {
           }, key);
         case "position_selector":
           {
-            var _findBy3;
+            var _findBy3, _findBy3$options;
             var index = neetoCist.findIndexBy({
               key: key
             }, values.properties);
             var options = (_findBy3 = neetoCist.findBy({
               key: key
-            }, themePropertiesSchema)) === null || _findBy3 === void 0 || (_findBy3 = _findBy3.options) === null || _findBy3 === void 0 ? void 0 : _findBy3.map(neetoCist.toLabelAndValue);
+            }, themePropertiesSchema)) === null || _findBy3 === void 0 ? void 0 : (_findBy3$options = _findBy3.options) === null || _findBy3$options === void 0 ? void 0 : _findBy3$options.map(neetoCist.toLabelAndValue);
             return /*#__PURE__*/jsxRuntime.jsx(SelectBlock, {
               label: buildLabel(key, kind),
               options: options || POSITION_OPTIONS,
@@ -1089,7 +1063,7 @@ var ThemeMeta = reactUtils.withT(function (_ref) {
     className: className,
     name: "name",
     title: t("neetoThemes.common.name"),
-    children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(Input, {
       autoFocus: true,
       "data-cy": "theme-name-property",
       name: "name"
@@ -1098,7 +1072,7 @@ var ThemeMeta = reactUtils.withT(function (_ref) {
 });
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Customize = function Customize(_ref) {
   var themeId = _ref.themeId,
     theme = _ref.theme,
@@ -1112,7 +1086,7 @@ var Customize = function Customize(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = react.useState({}),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     popoverInstance = _useState2[0],
     setPopoverInstance = _useState2[1];
   var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
@@ -1158,11 +1132,11 @@ var Customize = function Customize(_ref) {
         resetForm({
           values: values
         });
-        onUpdateThemeSuccess === null || onUpdateThemeSuccess === void 0 || onUpdateThemeSuccess(values);
+        onUpdateThemeSuccess === null || onUpdateThemeSuccess === void 0 ? void 0 : onUpdateThemeSuccess(values);
       }
     });
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Form, {
     formikProps: {
       initialValues: buildInitialValues(theme, themePropertiesSchema),
       validationSchema: THEME_VALIDATION_SCHEMA,
@@ -1175,12 +1149,12 @@ var Customize = function Customize(_ref) {
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "neeto-themes-sidebar__scroll-content flex flex-grow flex-col px-4 pb-4 lg:px-5",
           children: [/*#__PURE__*/jsxRuntime.jsx(ThemeMeta, {
-            className: classnames__default["default"]({
+            className: classnames({
               hidden: isCustomCssScreen
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Properties, {
             onPropertiesChange: onPropertiesChange,
-            className: classnames__default["default"]({
+            className: classnames({
               hidden: isCustomCssScreen
             })
           }), neetoCist.filterBy({
@@ -1189,7 +1163,7 @@ var Customize = function Customize(_ref) {
             var key = _ref5.key;
             return /*#__PURE__*/jsxRuntime.jsx(Images, {
               attribute: key,
-              className: classnames__default["default"]({
+              className: classnames({
                 hidden: isCustomCssScreen
               })
             }, key);
@@ -1199,13 +1173,13 @@ var Customize = function Customize(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "neeto-ui-bg-white neeto-ui-shadow-s sticky bottom-0 left-0 right-0 flex justify-end gap-x-2 px-4 py-6 lg:px-5 xl:px-6",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
             "data-cy": "reset-button",
             disabled: !dirty || isSubmitting,
             label: t("neetoThemes.buttons.reset"),
             style: "text",
             type: "reset"
-          }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Button, {
             "data-cy": "save-changes-button",
             disabled: !dirty && (theme === null || theme === void 0 ? void 0 : theme.id) || isSubmitting,
             label: t("neetoThemes.buttons.save"),
@@ -1213,7 +1187,7 @@ var Customize = function Customize(_ref) {
             ref: submitBtnRef,
             type: "submit"
           })]
-        }), /*#__PURE__*/jsxRuntime.jsx(Popover__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Popover, {
           appendTo: function appendTo() {
             return document.body;
           },
@@ -1223,16 +1197,16 @@ var Customize = function Customize(_ref) {
           trigger: "click",
           content: /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-col items-start gap-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
               className: "absolute right-1 top-1 z-0",
-              icon: Close__default["default"],
+              icon: Close,
               size: "small",
               style: "text",
               onClick: function onClick() {
                 var _popoverInstance$hide;
-                return popoverInstance === null || popoverInstance === void 0 || (_popoverInstance$hide = popoverInstance.hide) === null || _popoverInstance$hide === void 0 ? void 0 : _popoverInstance$hide.call(popoverInstance);
+                return popoverInstance === null || popoverInstance === void 0 ? void 0 : (_popoverInstance$hide = popoverInstance.hide) === null || _popoverInstance$hide === void 0 ? void 0 : _popoverInstance$hide.call(popoverInstance);
               }
-            }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "w-72 pr-5",
               style: "body2",
               weight: "normal",
@@ -1245,7 +1219,7 @@ var Customize = function Customize(_ref) {
                   entityType: entityType
                 }
               })
-            }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            }), /*#__PURE__*/jsxRuntime.jsx(Button, {
               disabled: isApplyingTheme,
               label: t("neetoThemes.buttons.applyThisTheme"),
               loading: isApplyingTheme,
@@ -1262,7 +1236,7 @@ var Customize = function Customize(_ref) {
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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 Check = function Check(props) {
   return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({
     fill: "none",
@@ -1344,7 +1318,7 @@ var Thumbnail = function Thumbnail(_ref) {
     }, shallow.shallow),
     _useConfigStore$theme = _useConfigStore.themePropertiesSchema,
     themePropertiesSchema = _useConfigStore$theme === void 0 ? [] : _useConfigStore$theme;
-  var _themePropertiesSchem = _slicedToArray__default["default"](themePropertiesSchema, 2),
+  var _themePropertiesSchem = _slicedToArray(themePropertiesSchema, 2),
     colorObject1 = _themePropertiesSchem[0],
     colorObject2 = _themePropertiesSchem[1];
   var primaryLabel = neetoCist.humanize(colorObject1 === null || colorObject1 === void 0 ? void 0 : colorObject1.key);
@@ -1364,7 +1338,7 @@ var Thumbnail = function Thumbnail(_ref) {
     }, themePropertiesSchema)) === null || _findBy2 === void 0 ? void 0 : _findBy2.key
   }, theme.properties)) === null || _findBy === void 0 ? void 0 : _findBy.value;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"]("neeto-themes-theme-thumbnail neeto-ui-rounded-lg border transition-all duration-300 ease-in-out", {
+    className: classnames("neeto-themes-theme-thumbnail neeto-ui-rounded-lg border transition-all duration-300 ease-in-out", {
       "neeto-ui-border-gray-400": !active,
       "neeto-ui-border-gray-800 neeto-themes-theme-thumbnail--active": active,
       "neeto-themes-theme-thumbnail--preview-active": isPreviewing,
@@ -1380,7 +1354,7 @@ var Thumbnail = function Thumbnail(_ref) {
         className: "neeto-ui-rounded-lg p-3",
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "mb-3",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
             style: "h3",
             weight: "semibold",
             children: /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -1389,7 +1363,7 @@ var Thumbnail = function Thumbnail(_ref) {
               },
               children: primaryLabel
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
             className: "neeto-ui-text-gray-600",
             style: "body2",
             children: /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -1442,7 +1416,7 @@ var Card = function Card(_ref) {
     "data-cy": active ? "active-theme-card" : "theme-card",
     id: theme.id,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: classnames__default["default"]("neeto-themes-theme-thumbnail neeto-ui-rounded-lg cursor-pointer border transition-all duration-300 ease-in-out", {
+      className: classnames("neeto-themes-theme-thumbnail neeto-ui-rounded-lg cursor-pointer border transition-all duration-300 ease-in-out", {
         "neeto-ui-border-gray-200": !active,
         "neeto-themes-theme-thumbnail--active": active,
         "neeto-themes-theme-thumbnail--preview-active": isPreviewing,
@@ -1459,11 +1433,11 @@ var Card = function Card(_ref) {
             className: "flex-shrink-0",
             "data-cy": "active-theme-label"
           }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classnames__default["default"]({
+            className: classnames({
               hidden: !isPreviewing,
               "group-hover:block": true
             }),
-            children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            children: /*#__PURE__*/jsxRuntime.jsx(Button, {
               className: "neeto-themes-theme-thumbnail__apply-btn flex-shrink-0",
               "data-cy": "apply-theme-button",
               disabled: isApplyingTheme,
@@ -1489,13 +1463,13 @@ var Card = function Card(_ref) {
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "neeto-ui-border-gray-100 flex items-start justify-between gap-1 border-t p-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "line-clamp-2 min-w-0 flex-grow break-words pt-1",
           "data-cy": "theme-name",
           lineHeight: "snug",
           style: "body2",
           children: name
-        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
           dropdownButtonProps: {
             size: "small"
           },
@@ -1566,7 +1540,7 @@ var Themes = function Themes(_ref) {
     setThemeState = _useThemeStore.setThemeState,
     previewingTheme = _useThemeStore.previewingTheme;
   var _useState = react.useState(""),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     searchQuery = _useState2[0],
     setSearchQuery = _useState2[1];
   var _useCloneTheme = useCloneTheme(),
@@ -1602,25 +1576,25 @@ var Themes = function Themes(_ref) {
   if (isLoading || isCurrentThemeLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-themes-sidebar__scroll",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mb-6 space-y-3",
-      children: [isSearchFieldVisible && /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {
+      children: [isSearchFieldVisible && /*#__PURE__*/jsxRuntime.jsx(Search, {
         autoFocus: true,
         autoComplete: "off",
         className: "mb-4 mt-1 px-6",
         placeholder: t("neetoThemes.common.searchThemes"),
         onSearch: setSearchQuery
-      }), ramda.isEmpty(filteredThemes) && ramda.isEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      }), ramda.isEmpty(filteredThemes) && ramda.isEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "text-center",
         style: "body2",
         children: t("neetoThemes.common.noResultsFound")
       }), neetoCist.isNotEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "my-4 px-6 uppercase lg:px-5 xl:px-6",
           "data-cy": "system-themes-header",
           style: "h6",
@@ -1646,7 +1620,7 @@ var Themes = function Themes(_ref) {
       })]
     }), neetoCist.isNotEmpty(filteredThemes) && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mb-6 space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "my-4 px-6 uppercase",
         "data-cy": "custom-themes-header",
         style: "h6",
@@ -1692,7 +1666,7 @@ var TitleBar = function TitleBar(_ref) {
       className: "neeto-themes-sidebar__header px-6 lg:px-5 xl:px-6",
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center justify-between space-x-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
           "data-cy": "themes-header",
           lineHeight: "normal",
           style: "h3",
@@ -1700,9 +1674,9 @@ var TitleBar = function TitleBar(_ref) {
           children: t("neetoThemes.build.leftSideBar.headerTabs.themes")
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "self-end",
-          children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(Button, {
             "data-cy": "customize-themes-add-theme-button",
-            icon: Plus__default["default"],
+            icon: Plus,
             iconPosition: "left",
             style: "text",
             tooltipProps: {
@@ -1719,9 +1693,9 @@ var TitleBar = function TitleBar(_ref) {
     className: "neeto-themes-sidebar__header px-4",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex items-center justify-start space-x-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "customize-themes-back-button",
-        icon: LeftArrow__default["default"],
+        icon: LeftArrow,
         iconPosition: "left",
         style: "text",
         tooltipProps: {
@@ -1731,7 +1705,7 @@ var TitleBar = function TitleBar(_ref) {
         onClick: function onClick() {
           return handleBackPress(themeToEdit);
         }
-      }), /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsxs(Typography, {
         "data-cy": "themes-header",
         lineHeight: "normal",
         style: "h3",
@@ -1742,7 +1716,7 @@ var TitleBar = function TitleBar(_ref) {
   });
 };
 
-var MemoizedAlert = /*#__PURE__*/react.memo(Alert__default["default"]);
+var MemoizedAlert = /*#__PURE__*/react.memo(Alert);
 var Sidebar = function Sidebar(_ref) {
   var _themeToEdit$current, _themeToEdit$current2, _themeToDelete$curren2, _themeToDelete$curren3, _themeToDelete$curren4;
   var thumbnail = _ref.thumbnail,
@@ -1750,26 +1724,26 @@ var Sidebar = function Sidebar(_ref) {
     onApplyThemeSuccess = _ref.onApplyThemeSuccess,
     onUpdateThemeSuccess = _ref.onUpdateThemeSuccess;
   var _useState = react.useState(DESIGN_SCREENS.THEMES),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     currentScreen = _useState2[0],
     setCurrentScreen = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isDeleteAlertOpen = _useState4[0],
     setIsDeleteAlertOpen = _useState4[1];
   var _useState5 = react.useState(null),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     themeToHighlight = _useState6[0],
     setThemeToHighlight = _useState6[1];
   var _useState7 = react.useState({}),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     themeBeingApplied = _useState8[0],
     setThemeBeingApplied = _useState8[1];
   var _useBreakpoints = reactUtils.useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   var isLargerScreen = !isSize("mobile");
   var _useState9 = react.useState(!isLargerScreen),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     isThemesSidebarCollapsed = _useState10[0],
     setIsThemesSidebarCollapsed = _useState10[1];
   react.useEffect(function () {
@@ -1825,7 +1799,7 @@ var Sidebar = function Sidebar(_ref) {
         });
         setThemeBeingApplied({});
         setCurrentScreen(DESIGN_SCREENS.THEMES);
-        onApplyThemeSuccess === null || onApplyThemeSuccess === void 0 || onApplyThemeSuccess(theme);
+        onApplyThemeSuccess === null || onApplyThemeSuccess === void 0 ? void 0 : onApplyThemeSuccess(theme);
       }
     }),
     applyTheme = _useApplyTheme.mutate,
@@ -1899,7 +1873,7 @@ var Sidebar = function Sidebar(_ref) {
         setIsThemesSidebarCollapsed(!isThemesSidebarCollapsed);
       }
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: classnames__default["default"]("neeto-themes-sidebar neeto-ui-border-gray-200 flex-shrink-0 border-r transition-all duration-300", {
+      className: classnames("neeto-themes-sidebar neeto-ui-border-gray-200 flex-shrink-0 border-r transition-all duration-300", {
         "neeto-themes-sidebar--expanded": isCustomCssScreen
       }, {
         "neeto-themes-sidebar--collapsed": isThemesSidebarCollapsed
@@ -1951,9 +1925,9 @@ var Sidebar = function Sidebar(_ref) {
         }),
         onClose: handleCloseDeleteAlert,
         onSubmit: handleDeleteTheme
-      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
         className: "neeto-themes-sidebar__toggler",
-        icon: Collapse__default["default"],
+        icon: Collapse,
         style: "secondary",
         onClick: function onClick() {
           setIsThemesSidebarCollapsed(!isThemesSidebarCollapsed);
@@ -2029,7 +2003,7 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
       className: "neeto-themes-preview__wrapper",
       children: isCurrentThemeLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "m-auto flex h-full w-full items-center justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
       }) : children
     })]
   });