@gem-sdk/core 1.53.0-dev.11 → 1.53.0-dev.15

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 !== undefined) {
+            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/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 !== undefined) {
+            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/types/index.d.ts

@@ -38096,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.11",
+  "version": "1.53.0-dev.15",
   "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": {