@bigbinary/neeto-themes-frontend 3.1.20 → 3.1.22

package/dist/cjs/NeetoThemesBuilder.js

@@ -986,7 +986,8 @@ var ImageBlock = function ImageBlock(_ref) {
     } : _ref$uploadConfig,
     attribute = _ref.attribute,
     defaultImageSize = _ref.defaultImageSize,
-    useDefaultImageSize = _ref.useDefaultImageSize;
+    useDefaultImageSize = _ref.useDefaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -1065,6 +1066,7 @@ var ImageBlock = function ImageBlock(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "space-y-3",
       children: [/*#__PURE__*/react.createElement(ImageUploader, {
+        fixedAspectRatio: fixedAspectRatio,
         uploadConfig: uploadConfig,
         className: "h-40 w-full",
         defaultImageSize: useDefaultImageSize ? defaultImageSize : {},
@@ -1091,7 +1093,8 @@ var Images = function Images(_ref) {
     className = _ref.className,
     onPropertiesChange = _ref.onPropertiesChange,
     defaultImageSize = _ref.defaultImageSize,
-    useDefaultImageSize = _ref.useDefaultImageSize;
+    useDefaultImageSize = _ref.useDefaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio;
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values;
   var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
@@ -1111,6 +1114,7 @@ var Images = function Images(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(ImageBlock, {
       attribute: attribute,
       defaultImageSize: defaultImageSize,
+      fixedAspectRatio: fixedAspectRatio,
       imageData: imageData,
       useDefaultImageSize: useDefaultImageSize,
       name: key
@@ -1156,6 +1160,7 @@ var Customize = function Customize(_ref) {
     isApplyingTheme = _ref.isApplyingTheme,
     onPropertiesChange = _ref.onPropertiesChange,
     defaultImageSize = _ref.defaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio,
     onEditCSSClick = _ref.onEditCSSClick,
     currentScreen = _ref.currentScreen;
   var _useTranslation = reactI18next.useTranslation(),
@@ -1298,17 +1303,20 @@ var Customize = function Customize(_ref) {
             kind: "image"
           }, themePropertiesSchema).map(function (_ref6) {
             var key = _ref6.key,
-              useDefaultImageSize = _ref6.useDefaultImageSize;
-            return /*#__PURE__*/react.createElement(Images, {
-              defaultImageSize: defaultImageSize,
+              useDefaultImageSize = _ref6.useDefaultImageSize,
+              propertyDefaultSize = _ref6.defaultImageSize,
+              propertyFixedAspectRatio = _ref6.fixedAspectRatio;
+            return /*#__PURE__*/react.createElement(Images, _defineProperty({
+              fixedAspectRatio: fixedAspectRatio,
               onPropertiesChange: onPropertiesChange,
               useDefaultImageSize: useDefaultImageSize,
               attribute: key,
               className: classnames({
                 hidden: isCustomCssScreen
               }),
+              defaultImageSize: propertyDefaultSize || defaultImageSize,
               key: key
-            });
+            }, "fixedAspectRatio", propertyFixedAspectRatio || fixedAspectRatio));
           }), enabledFeatures.customCSS && /*#__PURE__*/jsxRuntime.jsx(CustomCSS, {
             currentScreen: currentScreen,
             onEditCSSClick: onEditCSSClick
@@ -1910,6 +1918,7 @@ var Sidebar = function Sidebar(_ref) {
   var thumbnail = _ref.thumbnail,
     onPropertiesChange = _ref.onPropertiesChange,
     defaultImageSize = _ref.defaultImageSize,
+    fixedAspectRatio = _ref.fixedAspectRatio,
     onApplyThemeSuccess = _ref.onApplyThemeSuccess,
     onUpdateThemeSuccess = _ref.onUpdateThemeSuccess,
     onApplyGlobalThemeSuccess = _ref.onApplyGlobalThemeSuccess;
@@ -1999,7 +2008,7 @@ var Sidebar = function Sidebar(_ref) {
   var themeToEdit = react.useRef(null);
   var isCustomCssScreen = isScreenCustomCSS(currentScreen);
   var handleCreateNewTheme = function handleCreateNewTheme() {
-    history.push(utils$1.buildUrl(buildPathname(routes.themes["new"])));
+    history.push(buildPathname(routes.themes["new"]));
   };
   var handleEditTheme = function handleEditTheme(theme) {
     themeToEdit.current = theme;
@@ -2018,7 +2027,7 @@ var Sidebar = function Sidebar(_ref) {
   };
   var navigateToThemesScreen = function navigateToThemesScreen(themeId) {
     highlightTheme(neetoCist.isPresent(themeId) ? themeId : currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id);
-    history.push(utils$1.buildUrl(buildPathname(routes.themes.index)));
+    history.push(buildPathname(routes.themes.index));
     themeToEdit.current = null;
   };
   var handleBackPress = function handleBackPress(themeId) {
@@ -2114,6 +2123,7 @@ var Sidebar = function Sidebar(_ref) {
             return /*#__PURE__*/jsxRuntime.jsx(Customize, {
               currentScreen: currentScreen,
               defaultImageSize: defaultImageSize,
+              fixedAspectRatio: fixedAspectRatio,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2129,6 +2139,7 @@ var Sidebar = function Sidebar(_ref) {
             return /*#__PURE__*/jsxRuntime.jsx(Customize, {
               currentScreen: currentScreen,
               defaultImageSize: defaultImageSize,
+              fixedAspectRatio: fixedAspectRatio,
               isApplyingTheme: isApplyingTheme,
               onApplyTheme: onApplyTheme,
               onCreateTheme: onCreateTheme,
@@ -2173,6 +2184,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     onPropertiesChange = _ref.onPropertiesChange,
     _ref$defaultImageSize = _ref.defaultImageSize,
     defaultImageSize = _ref$defaultImageSize === void 0 ? {} : _ref$defaultImageSize,
+    _ref$fixedAspectRatio = _ref.fixedAspectRatio,
+    fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio,
     _ref$helpDocUrl = _ref.helpDocUrl,
     helpDocUrl = _ref$helpDocUrl === void 0 ? null : _ref$helpDocUrl,
     _ref$isTemplateThemes = _ref.isTemplateThemesEnabled,
@@ -2263,6 +2276,7 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
       title: pageTitle || t("neetoThemes.common.theme")
     }), /*#__PURE__*/jsxRuntime.jsx(Sidebar, {
       defaultImageSize: defaultImageSize,
+      fixedAspectRatio: fixedAspectRatio,
       onApplyGlobalThemeSuccess: onApplyGlobalThemeSuccess,
       onApplyThemeSuccess: onApplyThemeSuccess,
       onPropertiesChange: onPropertiesChange,