@bigbinary/neeto-themes-frontend 1.1.24 → 1.1.25

package/dist/index.cjs.js

@@ -23423,10 +23423,12 @@ var Properties = function Properties() {
     t = _useTranslation.t;
   var _useConfigStore = useConfigStore(function (store) {
       return {
-        themePropertiesSchema: store["themePropertiesSchema"]
+        themePropertiesSchema: store["themePropertiesSchema"],
+        onPropertiesChange: store["onPropertiesChange"]
       };
     }, shallow.shallow),
-    themePropertiesSchema = _useConfigStore.themePropertiesSchema;
+    themePropertiesSchema = _useConfigStore.themePropertiesSchema,
+    onPropertiesChange = _useConfigStore.onPropertiesChange;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
@@ -23467,6 +23469,7 @@ var Properties = function Properties() {
     }
   };
   React.useEffect(function () {
+    onPropertiesChange === null || onPropertiesChange === void 0 || onPropertiesChange(values, setFieldValue);
     setTheme(values);
     setThemeState({
       previewingTheme: values
@@ -23790,19 +23793,21 @@ var Card = function Card(_ref) {
     className: "group space-y-2 pt-0.5",
     "data-cy": active ? "active-theme-card" : "theme-card",
     id: theme.id,
-    onClick: function onClick() {
-      return onSetPreviewTheme(theme);
-    },
-    children: [Thumbnail$1 ? /*#__PURE__*/jsxRuntime.jsx(Thumbnail$1, {
-      active: active,
-      isHighLightedTheme: isHighLightedTheme,
-      isPreviewing: isPreviewing,
-      theme: theme
-    }) : /*#__PURE__*/jsxRuntime.jsx(Thumbnail, {
-      active: active,
-      isHighLightedTheme: isHighLightedTheme,
-      isPreviewing: isPreviewing,
-      theme: theme
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      onClick: function onClick() {
+        return onSetPreviewTheme(theme);
+      },
+      children: Thumbnail$1 ? /*#__PURE__*/jsxRuntime.jsx(Thumbnail$1, {
+        active: active,
+        isHighLightedTheme: isHighLightedTheme,
+        isPreviewing: isPreviewing,
+        theme: theme
+      }) : /*#__PURE__*/jsxRuntime.jsx(Thumbnail, {
+        active: active,
+        isHighLightedTheme: isHighLightedTheme,
+        isPreviewing: isPreviewing,
+        theme: theme
+      })
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex items-start justify-between gap-1",
       children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
@@ -24239,7 +24244,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   var children = _ref.children,
     entityType = _ref.entityType,
     entityId = _ref.entityId,
-    thumbnail = _ref.thumbnail;
+    thumbnail = _ref.thumbnail,
+    onPropertiesChange = _ref.onPropertiesChange;
   var _useThemeStore = useThemeStore(function (store) {
       return {
         isCurrentThemeLoading: store["isCurrentThemeLoading"]
@@ -24255,7 +24261,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
   React.useEffect(function () {
     setConfigState({
       entityType: entityType,
-      entityId: entityId
+      entityId: entityId,
+      onPropertiesChange: onPropertiesChange
     });
   }, []);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {