@gem-sdk/core 1.53.0-dev.10 → 1.53.0-dev.14

package/dist/cjs/components/ComponentWrapper.js

@@ -12,6 +12,16 @@ const ComponentWrapper = ({ children, pageType, ...props })=>{
     if (props.type === 'section') return null;
     const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag, pageType);
     const advanced = props.advanced;
+    const interactionAttributes = ()=>{
+        let result = {};
+        if (props.advanced?.displayInitInteraction === false) {
+            result = {
+                'display-init': props.advanced?.displayInitInteraction === false ? 'hide' : 'show',
+                'gp-interaction-wrapper': ''
+            };
+        }
+        return result;
+    };
     if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
         return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [
@@ -23,7 +33,11 @@ const ComponentWrapper = ({ children, pageType, ...props })=>{
                     className: advanced?.cssClass,
                     ...children.props,
                     style,
-                    advanced
+                    advanced,
+                    builderAttrs: {
+                        ...children.props.builderAttrs,
+                        ...interactionAttributes()
+                    }
                 })
             ]
         });
@@ -36,6 +50,7 @@ const ComponentWrapper = ({ children, pageType, ...props })=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
                 style: style,
+                ...interactionAttributes(),
                 className: `${props.uid} ${advanced?.cssClass}`,
                 children: children
             })

package/dist/cjs/components/Render.liquid.js

@@ -215,7 +215,7 @@ const RenderCustomCode = (item)=>{
 };
 const appendAnimation = (props, liquid)=>{
     const { advanced, tag } = props;
-    const { animation, op: opacity, hasAnimationInteraction, displayInitInteraction = true } = advanced ?? {};
+    const { animation, op: opacity, hasAnimationInteraction, displayInitInteraction } = advanced ?? {};
     const getAnimationType = (settings, type)=>{
         return settings?.triggerConfig?.[type]?.animation ?? 'none';
     };
@@ -243,7 +243,8 @@ const appendAnimation = (props, liquid)=>{
     };
     return render.template`
   <gp-animation
-    display-init="${!displayInitInteraction ? 'hide' : 'show'}"
+    gp-interaction-wrapper
+    display-init="${displayInitInteraction === false ? 'hide' : 'show'}"
     gp-data='${JSON.stringify({
         config: animation,
         tag,

package/dist/cjs/helpers/convert.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const isLocalEnv = process.env.NEXT_CONVERT_ENV === 'local';
+const isLocalEnv = true;
 const baseAssetURL = process.env.GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
 
 exports.baseAssetURL = baseAssetURL;

package/dist/cjs/helpers/third-party/appSetting.js

@@ -88,6 +88,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     bundle_id: appSetting?.['customBundleId']
                 };
             }
+        case 'PumperBundlesVolumeDiscount':
+            {
+                return {
+                    ...currentSetting,
+                    selected_product: appSetting?.['productHandle'] || '{{ product }}'
+                };
+            }
         default:
             return currentSetting;
     }
@@ -107,7 +114,7 @@ const ReviewxpoProductReviewsApp = {
 const PumperBundlesVolumeDiscount = {
     PumperBundlesVolumeDiscount: {
         'app-block': {
-            selected_product: '{{product}}',
+            selected_product: '{{ product }}',
             using_page_builder: false
         }
     }

package/dist/esm/components/ComponentWrapper.js

@@ -8,6 +8,16 @@ const ComponentWrapper = ({ children, pageType, ...props })=>{
     if (props.type === 'section') return null;
     const style = composeAdvanceStyle(props.advanced, props.tag, pageType);
     const advanced = props.advanced;
+    const interactionAttributes = ()=>{
+        let result = {};
+        if (props.advanced?.displayInitInteraction === false) {
+            result = {
+                'display-init': props.advanced?.displayInitInteraction === false ? 'hide' : 'show',
+                'gp-interaction-wrapper': ''
+            };
+        }
+        return result;
+    };
     if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
         return /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -19,7 +29,11 @@ const ComponentWrapper = ({ children, pageType, ...props })=>{
                     className: advanced?.cssClass,
                     ...children.props,
                     style,
-                    advanced
+                    advanced,
+                    builderAttrs: {
+                        ...children.props.builderAttrs,
+                        ...interactionAttributes()
+                    }
                 })
             ]
         });
@@ -32,6 +46,7 @@ const ComponentWrapper = ({ children, pageType, ...props })=>{
             }),
             /*#__PURE__*/ jsx("div", {
                 style: style,
+                ...interactionAttributes(),
                 className: `${props.uid} ${advanced?.cssClass}`,
                 children: children
             })

package/dist/esm/components/Render.liquid.js

@@ -211,7 +211,7 @@ const RenderCustomCode = (item)=>{
 };
 const appendAnimation = (props, liquid)=>{
     const { advanced, tag } = props;
-    const { animation, op: opacity, hasAnimationInteraction, displayInitInteraction = true } = advanced ?? {};
+    const { animation, op: opacity, hasAnimationInteraction, displayInitInteraction } = advanced ?? {};
     const getAnimationType = (settings, type)=>{
         return settings?.triggerConfig?.[type]?.animation ?? 'none';
     };
@@ -239,7 +239,8 @@ const appendAnimation = (props, liquid)=>{
     };
     return template`
   <gp-animation
-    display-init="${!displayInitInteraction ? 'hide' : 'show'}"
+    gp-interaction-wrapper
+    display-init="${displayInitInteraction === false ? 'hide' : 'show'}"
     gp-data='${JSON.stringify({
         config: animation,
         tag,

package/dist/esm/helpers/convert.js

@@ -1,4 +1,4 @@
-const isLocalEnv = process.env.NEXT_CONVERT_ENV === 'local';
+const isLocalEnv = true;
 const baseAssetURL = process.env.GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
 
 export { baseAssetURL, isLocalEnv };

package/dist/esm/helpers/third-party/appSetting.js

@@ -86,6 +86,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     bundle_id: appSetting?.['customBundleId']
                 };
             }
+        case 'PumperBundlesVolumeDiscount':
+            {
+                return {
+                    ...currentSetting,
+                    selected_product: appSetting?.['productHandle'] || '{{ product }}'
+                };
+            }
         default:
             return currentSetting;
     }
@@ -105,7 +112,7 @@ const ReviewxpoProductReviewsApp = {
 const PumperBundlesVolumeDiscount = {
     PumperBundlesVolumeDiscount: {
         'app-block': {
-            selected_product: '{{product}}',
+            selected_product: '{{ product }}',
             using_page_builder: false
         }
     }

package/dist/types/index.d.ts

@@ -8239,7 +8239,11 @@ type SettingUIGroup = {
     };
 };
 
-type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T>;
+type ProductHandleType<T> = SharedControlType<T> & {
+    type: 'product-handle';
+};
+
+type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -38092,7 +38096,7 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
 
-declare const isLocalEnv: boolean;
+declare const isLocalEnv = true;
 declare const baseAssetURL: string;
 
 declare const convertHTML: (str: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.53.0-dev.10",
+  "version": "1.53.0-dev.14",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.53.0-dev.4",
-    "@gem-sdk/styles": "1.53.0-dev.8",
+    "@gem-sdk/styles": "1.53.0-dev.14",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {