@bigbinary/neeto-themes-frontend 4.0.28 → 4.0.30

package/README.md

@@ -245,6 +245,8 @@ dependency. Please install it in the host application for proper working.
 
 ## Instructions for Publishing
 
+TBD
+
 Consult the
 [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages)
 guide for details on how to publish.

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-06-26T22:17:12.742Z
+Built at 2026-06-30T13:52:28.940Z

package/dist/NeetoThemesBuilder.js

@@ -4,9 +4,11 @@ import { isPresent, hyphenate, findBy, findIndexBy, isNot, filterBy, snakeToCame
 import { withT, useQueryParams, useBreakpoints, PageTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation, Trans } from 'react-i18next';
-import { b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-BZB12oJt.js';
-import { u as useShowGlobalTheme, a as useFetchTheme, b as useCreateTheme, c as useUpdateTheme, d as routes, e as useCloneTheme, f as useApplyTheme, g as useListThemes, h as useShowThemeEntity, i as useDeleteTheme, r as registerNeetoThemesTranslations } from './useGlobalThemesApi-NQA1B1Zs.js';
-import { a as useExpandedSection, b as useConfigStore, c as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, H as HUNDRED, O as OVERLAY_OPACITY_SLIDER_MARKS, F as FONT_OPTIONS, d as useSyncExpandedSectionFromUrl, T as THEME_VALIDATION_SCHEMA, A as APPLY_SPINNER_DELAY } from './useExpandedSection-CelNLEKQ.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import Toastr from '@bigbinary/neetoui/Toastr';
+import { u as useShowGlobalTheme, a as useFetchTheme, b as useCreateTheme, c as useUpdateTheme, d as routes, e as useCloneTheme, f as useApplyTheme, g as useListThemes, h as useShowThemeEntity, i as useDeleteTheme, r as registerNeetoThemesTranslations } from './useGlobalThemesApi-BTyTasTb.js';
+import { a as useExpandedSection, b as useConfigStore, c as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, H as HUNDRED, O as OVERLAY_OPACITY_SLIDER_MARKS, F as FONT_OPTIONS, d as useSyncExpandedSectionFromUrl, T as THEME_VALIDATION_SCHEMA, A as APPLY_SPINNER_DELAY } from './useExpandedSection-MjgB7rh6.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';
 import { joinHyphenCase, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
@@ -24,6 +26,7 @@ import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Form from '@bigbinary/neetoui/formik/Form';
 import BlockNavigation from '@bigbinary/neetoui/formik/BlockNavigation';
 import { useFormikContext, Field } from 'formik';
+import { b as setCustomCSS } from './index-CzRk-Wf1.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import i18n, { t } from 'i18next';
 import Right from '@bigbinary/neeto-icons/Right';
@@ -42,10 +45,7 @@ import Help from '@bigbinary/neeto-icons/Help';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import Modal from '@bigbinary/neetoui/Modal';
 import Input from '@bigbinary/neetoui/Input';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
 import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
-import Toastr from '@bigbinary/neetoui/Toastr';
 import Input$1 from '@bigbinary/neetoui/formik/Input';
 import Search from '@bigbinary/neeto-molecules/Search';
 import AddImage from '@bigbinary/neeto-icons/AddImage';
@@ -60,6 +60,74 @@ import 'axios';
 import 'zustand';
 import 'yup';
 
+var getImageFromUrl = function getImageFromUrl(source) {
+  var image = new Image();
+  image.crossOrigin = "anonymous";
+  image.src = source;
+  return new Promise(function (resolve) {
+    image.onload = function () {
+      resolve(image);
+    };
+  });
+};
+var getDominantColorFromUrl = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(imageUrl) {
+    var image, context, c;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return getImageFromUrl(imageUrl);
+        case 3:
+          image = _context.sent;
+          context = document.createElement("canvas").getContext("2d");
+          context === null || context === void 0 || context.drawImage(image, 0, 0, 1, 1);
+          c = context === null || context === void 0 ? void 0 : context.getImageData(0, 0, 1, 1).data;
+          if (!c) {
+            _context.next = 9;
+            break;
+          }
+          return _context.abrupt("return", "#".concat(((1 << 24) + (c[0] << 16) + (c[1] << 8) + c[2]).toString(16).slice(1)));
+        case 9:
+          return _context.abrupt("return", null);
+        case 12:
+          _context.prev = 12;
+          _context.t0 = _context["catch"](0);
+          Toastr.error(_context.t0);
+          return _context.abrupt("return", null);
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 12]]);
+  }));
+  return function getDominantColorFromUrl(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var scrollElementIntoView = function scrollElementIntoView(elementId) {
+  var elementToScroll = document.getElementById(elementId);
+  var sidebarContainer = document.querySelector(".neeto-themes-sidebar__scroll");
+  if (!elementToScroll || !sidebarContainer) return;
+  var elementRect = elementToScroll.getBoundingClientRect();
+  var sidebarContainerRect = sidebarContainer.getBoundingClientRect();
+  var offset = elementRect.top - sidebarContainerRect.top + sidebarContainer.scrollTop;
+  sidebarContainer.scrollTo({
+    top: offset,
+    behavior: "smooth"
+  });
+};
+var isFunction = function isFunction(obj) {
+  return typeof obj === "function";
+};
+var isNewThemeRoute = function isNewThemeRoute() {
+  return location.pathname.endsWith("new");
+};
+var isEditThemeRoute = function isEditThemeRoute() {
+  return location.pathname.endsWith("edit");
+};
+
 var DESIGN_SCREENS = {
   THEMES: "Themes",
   Customize: "Customize",