@bigbinary/neeto-themes-frontend 4.2.4-beta1 → 4.2.4-beta2

package/dist/v2/NeetoThemesBuilder.js

@@ -1,5 +1,5 @@
 import { shallow } from 'zustand/shallow';
-import { Suspense, lazy, useId, useEffect, createElement, useState, memo, useRef, useCallback, useMemo } from 'react';
+import { Suspense, lazy, useId, useEffect, createElement, useState, useMemo, memo, useRef, useCallback } from 'react';
 import { Toastr, Spinner, Typography, Button, Label, ColorPicker, Select, Slider, Checkbox, Switch, Input, Tooltip, Popover, Badge, Alert } from '@bigbinary/neeto-atoms';
 import { hyphenate, isPresent, findBy, findIndexBy, isNot, filterBy, snakeToCamelCase, isNotPresent, toLabelAndValue, capitalize, humanize, isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { useQueryParams, useBreakpoints, PageTitle } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
@@ -1433,9 +1433,13 @@ var Customize = function Customize(_ref) {
     _useListThemes$data2$ = _useListThemes$data2.defaultThemes,
     defaultThemes = _useListThemes$data2$ === void 0 ? [] : _useListThemes$data2$,
     isLoadingSystemThemes = _useListThemes.isLoading;
-  var themeToCustomize = isCustomizingSystemTheme ? buildSystemThemeCopy(findBy({
+  var sourceTheme = isCustomizingSystemTheme ? findBy({
     id: sourceThemeId
-  }, defaultThemes)) : themeData;
+  }, defaultThemes) : null;
+  var systemThemeCopy = useMemo(function () {
+    return buildSystemThemeCopy(sourceTheme);
+  }, [sourceTheme === null || sourceTheme === void 0 ? void 0 : sourceTheme.id]);
+  var themeToCustomize = isCustomizingSystemTheme ? systemThemeCopy : themeData;
   var isLoading = isFetchingSchema || isLoadingTheme || isCustomizingSystemTheme && isLoadingSystemThemes;
   var isThemeGlobalTheme = themeId && (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === themeId;
   var isCurrentThemeAndGlobalThemeSame = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id);