@bigbinary/neeto-themes-frontend 2.1.5 → 2.1.7

package/dist/NeetoThemesBuilder.js

@@ -6,8 +6,8 @@ import { useMutationWithInvalidation, withT, useBreakpoints, withTitle } from '@
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
-import { B as BASE_URL, a as scrollElementIntoView, b as setCustomCSS, g as getDominantColorFromUrl, i as isFunction } from './index-da3e7846.js';
-import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils } from './useThemeUtils-500caefe.js';
+import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isFunction } from './index-CvV1tFYS.js';
+import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils } from './useThemeUtils-j1OwYSmN.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';
 import Collapse from '@bigbinary/neeto-icons/Collapse';
@@ -27,7 +27,7 @@ import Down from '@bigbinary/neeto-icons/Down';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
+import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
 import Toastr from '@bigbinary/neetoui/Toastr';
 import { isEmpty, negate } from 'ramda';
@@ -228,6 +228,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.object().shape({
   name: yup.string().required("Name is required")
@@ -570,7 +576,7 @@ var ImageBlock = function ImageBlock(_ref) {
     key: "".concat(name, "_position")
   }, values.properties);
   var handleImageChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(image) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(image) {
       var dominantColor;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -613,7 +619,7 @@ var ImageBlock = function ImageBlock(_ref) {
   }();
   return /*#__PURE__*/jsxs("div", {
     className: "space-y-3",
-    "data-cy": "theme-style-".concat(joinHyphenCase(label)),
+    "data-cy": "theme-style-".concat(label ? joinHyphenCase(label) : "image-block"),
     children: [label && /*#__PURE__*/jsx("div", {
       className: "flex items-center justify-between",
       children: /*#__PURE__*/jsx(Typography, {
@@ -911,7 +917,7 @@ var Properties = function Properties(_ref) {
     }
   };
   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
@@ -981,13 +987,13 @@ var Properties = function Properties(_ref) {
           }, key);
         case "position_selector":
           {
-            var _findBy3;
+            var _findBy3, _findBy3$options;
             var index = findIndexBy({
               key: key
             }, values.properties);
             var options = (_findBy3 = findBy({
               key: key
-            }, themePropertiesSchema)) === null || _findBy3 === void 0 || (_findBy3 = _findBy3.options) === null || _findBy3 === void 0 ? void 0 : _findBy3.map(toLabelAndValue);
+            }, themePropertiesSchema)) === null || _findBy3 === void 0 ? void 0 : (_findBy3$options = _findBy3.options) === null || _findBy3$options === void 0 ? void 0 : _findBy3$options.map(toLabelAndValue);
             return /*#__PURE__*/jsx(SelectBlock, {
               label: buildLabel(key, kind),
               options: options || POSITION_OPTIONS,
@@ -1105,7 +1111,7 @@ var Customize = function Customize(_ref) {
         resetForm({
           values: values
         });
-        onUpdateThemeSuccess === null || onUpdateThemeSuccess === void 0 || onUpdateThemeSuccess(values);
+        onUpdateThemeSuccess === null || onUpdateThemeSuccess === void 0 ? void 0 : onUpdateThemeSuccess(values);
       }
     });
   };
@@ -1177,7 +1183,7 @@ var Customize = function Customize(_ref) {
               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__*/jsx(Typography, {
               className: "w-72 pr-5",
@@ -1772,7 +1778,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,