@gem-sdk/core 1.43.0-staging.8 → 1.43.0

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -28,10 +28,11 @@ const root = {
     label: 'Root',
     childrens: []
 };
-const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.createStore((set, get)=>({
+const createBuilderPreviewProvider = (args, pageName, isThemeSectionEditor)=>zustand.createStore((set, get)=>({
             state: args,
             loaded: false,
             isThemeSectionEditor: !!isThemeSectionEditor,
+            pageName: pageName,
             dynamicProduct: null,
             dynamicCollection: null,
             addItem: (args)=>{
@@ -450,13 +451,14 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                 }
             }
         }));
-const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{
+const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, pageName, lazy, ...passProps })=>{
     const Component = lazy ? react.Suspense : react.Fragment;
     const value = react.useMemo(()=>{
-        return createBuilderPreviewProvider(state, isThemeSectionEditor);
+        return createBuilderPreviewProvider(state, pageName, isThemeSectionEditor);
     }, [
         state,
-        isThemeSectionEditor
+        isThemeSectionEditor,
+        pageName
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(Component, {
         children: /*#__PURE__*/ jsxRuntime.jsx(BuilderPreviewContext.Provider, {

package/dist/cjs/helpers/carousel.js

@@ -2,24 +2,21 @@
 
 var getResonsiveValue = require('./get-resonsive-value.js');
 
-const getCarouselContainerHeight = (dotStyle, dotSize, dotGapToCarousel)=>{
-    const getVal = (dotStyle, dotSize, dotGapToCarousel)=>{
-        if (dotStyle === 'outside') {
-            return `calc(100% - ${dotSize ?? '0'}px - ${!dotGapToCarousel || dotGapToCarousel === 'Auto' ? '0' : dotGapToCarousel}px)`;
-        }
-        return '100%';
+const getCarouselContainerHeight = (dotStyle)=>{
+    const getVal = (dotStyle)=>{
+        return dotStyle === 'outside' ? 'auto' : '100%';
     };
     return {
-        desktop: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'desktop')),
-        tablet: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'tablet')),
-        mobile: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'mobile'))
+        desktop: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop')),
+        tablet: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet')),
+        mobile: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'))
     };
 };
 const makeContainerWidthOrHeight = (setting)=>{
     const getStyleName = (vertical)=>{
         return vertical ? 'w' : 'h';
     };
-    const result = getCarouselContainerHeight(setting.dotStyle, setting.dotSize, setting.dotGapToCarousel);
+    const result = getCarouselContainerHeight(setting.dotStyle);
     return {
         [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'desktop'))}`]: result.desktop,
         [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'tablet'))}-tablet`]: result.tablet,

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -26,10 +26,11 @@ const root = {
     label: 'Root',
     childrens: []
 };
-const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((set, get)=>({
+const createBuilderPreviewProvider = (args, pageName, isThemeSectionEditor)=>createStore((set, get)=>({
             state: args,
             loaded: false,
             isThemeSectionEditor: !!isThemeSectionEditor,
+            pageName: pageName,
             dynamicProduct: null,
             dynamicCollection: null,
             addItem: (args)=>{
@@ -448,13 +449,14 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
                 }
             }
         }));
-const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{
+const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, pageName, lazy, ...passProps })=>{
     const Component = lazy ? Suspense : Fragment;
     const value = useMemo(()=>{
-        return createBuilderPreviewProvider(state, isThemeSectionEditor);
+        return createBuilderPreviewProvider(state, pageName, isThemeSectionEditor);
     }, [
         state,
-        isThemeSectionEditor
+        isThemeSectionEditor,
+        pageName
     ]);
     return /*#__PURE__*/ jsx(Component, {
         children: /*#__PURE__*/ jsx(BuilderPreviewContext.Provider, {

package/dist/esm/helpers/carousel.js

@@ -1,23 +1,20 @@
 import { getResponsiveValueByScreen } from './get-resonsive-value.js';
 
-const getCarouselContainerHeight = (dotStyle, dotSize, dotGapToCarousel)=>{
-    const getVal = (dotStyle, dotSize, dotGapToCarousel)=>{
-        if (dotStyle === 'outside') {
-            return `calc(100% - ${dotSize ?? '0'}px - ${!dotGapToCarousel || dotGapToCarousel === 'Auto' ? '0' : dotGapToCarousel}px)`;
-        }
-        return '100%';
+const getCarouselContainerHeight = (dotStyle)=>{
+    const getVal = (dotStyle)=>{
+        return dotStyle === 'outside' ? 'auto' : '100%';
     };
     return {
-        desktop: getVal(getResponsiveValueByScreen(dotStyle, 'desktop'), getResponsiveValueByScreen(dotSize, 'desktop'), getResponsiveValueByScreen(dotGapToCarousel, 'desktop')),
-        tablet: getVal(getResponsiveValueByScreen(dotStyle, 'tablet'), getResponsiveValueByScreen(dotSize, 'tablet'), getResponsiveValueByScreen(dotGapToCarousel, 'tablet')),
-        mobile: getVal(getResponsiveValueByScreen(dotStyle, 'mobile'), getResponsiveValueByScreen(dotSize, 'mobile'), getResponsiveValueByScreen(dotGapToCarousel, 'mobile'))
+        desktop: getVal(getResponsiveValueByScreen(dotStyle, 'desktop')),
+        tablet: getVal(getResponsiveValueByScreen(dotStyle, 'tablet')),
+        mobile: getVal(getResponsiveValueByScreen(dotStyle, 'mobile'))
     };
 };
 const makeContainerWidthOrHeight = (setting)=>{
     const getStyleName = (vertical)=>{
         return vertical ? 'w' : 'h';
     };
-    const result = getCarouselContainerHeight(setting.dotStyle, setting.dotSize, setting.dotGapToCarousel);
+    const result = getCarouselContainerHeight(setting.dotStyle);
     return {
         [`--${getStyleName(getResponsiveValueByScreen(setting?.vertical, 'desktop'))}`]: result.desktop,
         [`--${getStyleName(getResponsiveValueByScreen(setting?.vertical, 'tablet'))}-tablet`]: result.tablet,

package/dist/types/index.d.ts

@@ -7697,6 +7697,7 @@ type ProductOffersControlType<T> = SharedControlType<T> & {
 
 type DiscountAndShippingFee<T> = SharedControlType<T> & {
     type: 'discount-and-shipping-fee-product-offer';
+    multiple: boolean;
 };
 
 type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
@@ -27307,6 +27308,7 @@ declare const useBuilderStore: <U>(selector: (state: ExtractState<StoreApi<Build
 type BuilderPreviewContextProps = {
     state: BuilderState;
     loaded?: boolean;
+    pageName?: string;
     isThemeSectionEditor?: boolean;
     addItem: (args: {
         data: BuilderEntityNested | BuilderEntityNested[];
@@ -27337,6 +27339,7 @@ type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     lazy?: boolean;
     priority?: boolean;
     isThemeSectionEditor?: boolean;
+    pageName?: string;
 };
 declare const BuilderPreviewProvider: React.FC<BuilderPreviewProviderProps>;
 declare const useBuilderPreviewStore: <U>(selector: (state: ExtractState<StoreApi<BuilderPreviewContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
@@ -27908,15 +27911,13 @@ declare const handleConvertClassColorDynamicBtn: (value?: BorderStyle) => string
 declare const composeBorderCss: (borderV?: Border | undefined) => string;
 
 type DotStyle = 'none' | 'inside' | 'outside';
-declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined, dotSize?: ObjectDevices<number>, dotGapToCarousel?: ObjectDevices<number>) => {
+declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined) => {
     desktop: string | undefined;
     tablet: string | undefined;
     mobile: string | undefined;
 };
 declare const makeContainerWidthOrHeight: <T extends ShortHandProperty>(setting: {
     dotStyle?: ObjectDevices<DotStyle>;
-    dotSize?: ObjectDevices<number>;
-    dotGapToCarousel?: ObjectDevices<number>;
     vertical?: ObjectDevices<boolean>;
 }) => {
     [x: string]: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.43.0-staging.8",
+  "version": "1.43.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.43.0-staging.4",
-    "@gem-sdk/styles": "1.43.0-staging.4"
+    "@gem-sdk/adapter-shopify": "1.40.0",
+    "@gem-sdk/styles": "1.41.8"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",