@gem-sdk/core 1.56.2 → 1.57.0-dev.47

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

@@ -74,6 +74,13 @@ const ShopifyForms = {
         }
     }
 };
+const KachingBundles = {
+    KachingBundles: {
+        'app-block': {
+            product: '{{product}}'
+        }
+    }
+};
 const overrideSettings = (tag, currentSetting, appSetting)=>{
     switch(tag){
         case 'ShopifyForms':
@@ -95,6 +102,20 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     selected_product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
+        case 'WhatmoreShoppableVideosreel':
+            {
+                return {
+                    ...currentSetting,
+                    ['show-views']: appSetting?.showViews
+                };
+            }
+        case 'PowerfulContactFormBuilder':
+            {
+                return {
+                    ...currentSetting,
+                    shortcode: appSetting?.shortcode
+                };
+            }
         default:
             return currentSetting;
     }
@@ -330,7 +351,105 @@ const BoldSubscriptions = {
         }
     }
 };
+const SproutPlantTreesGrowSales = {
+    SproutPlantTreesGrowSales: {
+        badge: null,
+        'impact-banner': null
+    }
+};
+const InstasellShoppableInstagram = {
+    InstasellShoppableInstagram: {
+        'app-block': {
+            heading: 'InstaSell: Instagram Gallery+',
+            description: 'Showcase your Instagram Feed on your Shopify Storefront'
+        }
+    }
+};
+const Growave = {
+    Growave: {
+        'block.product.faveButton': {
+            option_button_class: ''
+        },
+        'block.product.reviewWidget': null,
+        'block.product.reviewAvgProfile': null,
+        'v2.product.reviewsMiniSlider': null
+    }
+};
+const LoloyalSettingCommon = {
+    title_font_size: 30,
+    subtitle_font_size: 13,
+    name_font_size: 20,
+    details_font_size: 14,
+    corner_radius: 8,
+    btn_radius: 8,
+    top_padding: 32,
+    bottom_padding: 32,
+    icon_color: '',
+    title_color: '#000000',
+    subtitle_color: '#000000',
+    name_color: '#000000',
+    details_color: '#000000',
+    card_bg_color: '#FFFFFF',
+    background_color: '#ffffff',
+    border_color: '#ececec',
+    primary_button_color: '#000000',
+    primary_button_text_color: '#FFFFFF',
+    secondary_button_color: '#FFFFFF',
+    secondary_button_text_color: '#000000',
+    hover_btn: '#000000',
+    hover_text_color: '#FFFFFF',
+    custom_css: '/* Add your custom styles here */'
+};
+const LoloyalLoyaltyReferrals = {
+    LoloyalLoyaltyReferrals: {
+        'app-banner': {
+            img_opacity: 0,
+            bg_color: '#F6F6F6',
+            banner_height: '400',
+            content_position: 'll-middle-left',
+            content_alignment: 'left',
+            title_font_size: 40,
+            subtitle_font_size: 13,
+            title_color: '#000000',
+            subtitle_color: '#000000',
+            btn_radius: 30,
+            primary_button_color: '#000000',
+            primary_button_text_color: '#FFFFFF',
+            secondary_button_color: '#FFFFFF',
+            secondary_button_text_color: '#000000',
+            hover_btn: '#000000',
+            hover_text_color: '#FFFFFF',
+            custom_css: '/* Add your custom styles here */'
+        },
+        'app-ways-to-earn': LoloyalSettingCommon,
+        'app-ways-to-redeem': LoloyalSettingCommon,
+        'app-referrals': LoloyalSettingCommon
+    }
+};
+const PowerfulContactFormBuilder = {
+    PowerfulContactFormBuilder: {
+        'app-block': {
+            shortcode: ''
+        }
+    }
+};
+const WishlistKing = {
+    WishlistKing: {
+        'wishlist-button-block': null
+    }
+};
+const GloboProductOptionsVariant = {
+    GloboProductOptionsVariant: {
+        'app-block': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...GloboProductOptionsVariant,
+    ...WishlistKing,
+    ...LoloyalLoyaltyReferrals,
+    ...PowerfulContactFormBuilder,
+    ...InstasellShoppableInstagram,
+    ...SproutPlantTreesGrowSales,
     ...AppointmentBookingCowlendar,
     ...ProductOptionsCustomizer,
     ...WhatmoreShoppableVideosreel,
@@ -353,7 +472,9 @@ const composeSettingsByWidgetType = {
     ...SubifySubscriptions,
     ...SelleasyWidget,
     ...YotpoReviews,
-    ...BoldSubscriptions
+    ...BoldSubscriptions,
+    ...Growave,
+    ...KachingBundles
 };
 
 exports.composeSettingsByWidgetType = composeSettingsByWidgetType;

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

@@ -25,7 +25,15 @@ const mapShopifyAppMeta = {
     ...appConfig.WhatmoreShoppableVideosreelConfig,
     ...appConfig.ProductOptionsCustomizerConfig,
     ...appConfig.AppointmentBookingCowlendarConfig,
-    ...appConfig.BoldSubscriptionsConfig
+    ...appConfig.BoldSubscriptionsConfig,
+    ...appConfig.SproutPlantTreesGrowSalesConfig,
+    ...appConfig.InstasellShoppableInstagramConfig,
+    ...appConfig.GrowaveConfig,
+    ...appConfig.KachingBundlesConfig,
+    ...appConfig.LoloyalLoyaltyReferralsConfig,
+    ...appConfig.PowerfulContactFormBuilderConfig,
+    ...appConfig.WishlistKingConfig,
+    ...appConfig.GloboProductOptionsVariantConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

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

@@ -3,10 +3,17 @@
 var appSetting = require('./appSetting.js');
 var getAppBlockType = require('./getAppBlockType.js');
 
+const listAppUpdateNewVersion = [
+    'Growave'
+];
 const getAppBlockConfig = (tag, appBlockId, settings)=>{
+    let widgetType = settings?.widgetType;
+    if (listAppUpdateNewVersion.includes(tag)) {
+        widgetType = settings?.widgetTypeV2;
+    }
     const appBlockType = getAppBlockType.getAppBlockType({
         tag,
-        widgetType: settings?.widgetType
+        widgetType
     });
     const settingByWidget = appSetting.composeSettingsByWidgetType[tag][settings?.widgetType];
     const appSettings = appSetting.overrideSettings(tag, settingByWidget, settings);

package/dist/cjs/hooks/animation/useAnimationConfig.js

@@ -14,7 +14,8 @@ const useAnimationConfig = (props)=>{
         const { animation, setting } = triggerConfig[trigger];
         return {
             type: animation,
-            setting: setting[animation]
+            setting: setting[animation],
+            reverse: trigger === "hidden"
         };
     }, [
         configByDevices

package/dist/cjs/hooks/animation/useAnimationTarget.js

@@ -98,9 +98,12 @@ const useAnimationTarget = (props)=>{
     const initListOfTargets = react.useCallback(()=>{
         if (!isEnabledAnimation) return;
         if (!targets.current) {
-            targets.current = document.querySelectorAll(`[data-uid="${componentUid}"]`);
+            const $storefront = document.body.querySelector('#storefront');
+            if ($storefront) {
+                targets.current = $storefront.querySelectorAll(`[data-uid="${componentUid}"]`);
+            }
         }
-        const targetsArray = Array.from(targets.current);
+        const targetsArray = Array.from(targets.current || []);
         if (!targetsArray.length) return;
         const updatedTargetObjects = getUpdatedTargetObjects(targetsArray);
         targetObjects.current = updatedTargetObjects;

package/dist/cjs/hooks/animation/useApplyAnimation.js

@@ -8,6 +8,7 @@ var useAnimationTarget = require('./useAnimationTarget.js');
 var useAnimationConfig = require('./useAnimationConfig.js');
 var useAnimationActions = require('./useAnimationActions.js');
 var useAnimationPreview = require('./useAnimationPreview.js');
+require('../../types/custom.js');
 var animations = require('../../types/animations.js');
 
 const useApplyAnimation = ({ props })=>{
@@ -24,13 +25,13 @@ const useApplyAnimation = ({ props })=>{
         setAnimationOnFinish,
         setToolbarActive
     });
-    const generateAnimation = react.useCallback(({ target, setting, type })=>{
-        return animation[type](target, setting);
+    const generateAnimation = react.useCallback(({ target, setting, type, reverse })=>{
+        return animation[type](target, setting, reverse);
     }, [
         animation
     ]);
     const initListAnimations = react.useCallback(()=>{
-        const { type, setting } = getAnimationConfig();
+        const { type, setting, reverse } = getAnimationConfig();
         if (!type || type === animations.AnimationType.None || !targetObjects.current.length) {
             cancelAnimation();
             return;
@@ -38,7 +39,8 @@ const useApplyAnimation = ({ props })=>{
         const listAnimations = targetObjects.current.map((item)=>generateAnimation({
                 type,
                 setting,
-                target: item.target
+                target: item.target,
+                reverse
             }));
         cancelAnimation();
         setAnimation(listAnimations);

package/dist/cjs/hooks/useInteraction.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var PageContext = require('../contexts/PageContext.js');
+
+const useInteraction = ()=>{
+    const interactionData = PageContext.usePageStore((state)=>state.interactionData);
+    const { item } = interactionData || {};
+    const getAnimationByUid = (uid)=>{
+        const targets = item?.targets;
+        const targetByUid = targets?.find((target)=>target.uid === uid);
+        const metaDataContainsAnimation = targetByUid?.events?.find((it)=>it.condition?.metaData?.animation);
+        return metaDataContainsAnimation?.condition?.metaData?.animation;
+    };
+    return {
+        getAnimationByUid
+    };
+};
+
+exports.useInteraction = useInteraction;

package/dist/cjs/hooks/useToolbarPostPurchase.js

@@ -31,7 +31,7 @@ const usePostPurchase = (uid, tag)=>{
         return count <= 1;
     };
     const verifyWrapContainsRequireElement = ()=>{
-        const $component = document.querySelector(`[data-uid="${uid}"]`);
+        const $component = document.body.querySelector('#storefront')?.querySelector(`[data-uid="${uid}"]`);
         if (!$component) return false;
         for (const requiredElementTag of constant.postPurchaseRequiredElements){
             const countElementInsidePage = getElementCountInPage(requiredElementTag);
@@ -44,7 +44,7 @@ const usePostPurchase = (uid, tag)=>{
     };
     const countRequiredElement = ()=>{
         return constant.postPurchaseRequiredElements.reduce((acc, requiredElementTag)=>{
-            const $component = document.querySelector(`[data-uid="${uid}"]`);
+            const $component = document.body.querySelector('#storefront')?.querySelector(`[data-uid="${uid}"]`);
             if (!$component) return 0;
             const count = $component.querySelectorAll(`[data-component-tag="${requiredElementTag}"]`).length;
             return acc + count;

package/dist/cjs/index.js

@@ -62,6 +62,7 @@ var isDefined = require('./helpers/is-defined.js');
 var layout = require('./helpers/layout.js');
 var makeStyle = require('./helpers/make-style.js');
 var align = require('./helpers/align.js');
+var variant = require('./helpers/variant.js');
 var product = require('./helpers/product.js');
 var query = require('./helpers/query.js');
 var radius = require('./helpers/radius.js');
@@ -99,6 +100,7 @@ var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
 var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
 var useInitialSwatchesOptions = require('./hooks/useInitialSwatchesOptions.js');
+var custom = require('./types/custom.js');
 var shop$1 = require('./types/shop.js');
 var appAPI = require('./types/appAPI.js');
 var globalStyle = require('./types/global-style.js');
@@ -108,6 +110,7 @@ var getProduct = require('./helpers/queries/get-product.js');
 var getProductBySlug = require('./helpers/queries/get-product-by-slug.js');
 var getAppBlocks = require('./helpers/third-party/getAppBlocks.js');
 var addAppBlockId = require('./helpers/third-party/addAppBlockId.js');
+var index = require('./helpers/interaction/index.js');
 
 
 
@@ -247,6 +250,7 @@ exports.makeStyleState = makeStyle.makeStyleState;
 exports.makeWidth = makeStyle.makeWidth;
 exports.removeNullUndefined = makeStyle.removeNullUndefined;
 exports.convertTextAlignToJustify = align.convertTextAlignToJustify;
+exports.checkInStock = variant.checkInStock;
 exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
 exports.getSelectedVariant = product.getSelectedVariant;
 exports.parseSelectedOption = product.parseSelectedOption;
@@ -268,7 +272,7 @@ exports.removeUndefinedValuesFromObject = render.removeUndefinedValuesFromObject
 exports.styles = render.styles;
 exports.template = render.template;
 exports.composeShadowCss = shadow.composeShadowCss;
-exports.getResonsiveStyleShadow = shadow.getResonsiveStyleShadow;
+exports.getResponsiveStyleShadow = shadow.getResponsiveStyleShadow;
 exports.getStyleShadow = shadow.getStyleShadow;
 exports.getStyleShadowState = shadow.getStyleShadowState;
 exports.parseValueWithUnit = shadow.parseValueWithUnit;
@@ -362,6 +366,14 @@ exports.useProductListStyles = useProductList.useProductListStyles;
 exports.useSuspenseFetch = useSuspenseFetch.default;
 exports.useSwatchesOptions = useSwatchesOptions.default;
 exports.useInitialSwatchesOptions = useInitialSwatchesOptions.default;
+Object.defineProperty(exports, 'InteractionTargetEvent', {
+	enumerable: true,
+	get: function () { return custom.InteractionTargetEvent; }
+});
+Object.defineProperty(exports, 'InteractionTriggerEvent', {
+	enumerable: true,
+	get: function () { return custom.InteractionTriggerEvent; }
+});
 exports.ShopType = shop$1;
 exports.AppAPIType = appAPI;
 exports.OptionNormalStyle = globalStyle.OptionNormalStyle;
@@ -398,3 +410,4 @@ exports.getProduct = getProduct.getProduct;
 exports.getProductBySlug = getProductBySlug.getProductBySlug;
 exports.getAppBlocks = getAppBlocks.getAppBlocks;
 exports.addAppBlockId = addAppBlockId.addAppBlockId;
+exports.useInteraction = index.useInteraction;

package/dist/cjs/types/animations.js

@@ -32,6 +32,8 @@ exports.AnimationTriggerType = void 0;
 (function(AnimationTriggerType) {
     AnimationTriggerType["Appear"] = 'appear';
     AnimationTriggerType["Hover"] = 'hover';
+    AnimationTriggerType["Hidden"] = 'hidden';
+    AnimationTriggerType["AppearByTrigger"] = 'appearByTrigger';
 })(exports.AnimationTriggerType || (exports.AnimationTriggerType = {}));
 exports.AnimationZoomDirectionType = void 0;
 (function(AnimationZoomDirectionType) {

package/dist/cjs/types/custom.js

@@ -0,0 +1,52 @@
+'use strict';
+
+exports.InteractionTargetEvent = void 0;
+(function(InteractionTargetEvent) {
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-background-color'] = 0] = 'gp:change-background-color';
+    InteractionTargetEvent[InteractionTargetEvent['gp:run-animation'] = 1] = 'gp:run-animation';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-element-visibility'] = 2] = 'gp:toggle-element-visibility';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text'] = 3] = 'gp:change-text';
+    InteractionTargetEvent[InteractionTargetEvent['gp:scroll-to'] = 4] = 'gp:scroll-to';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text-style'] = 5] = 'gp:change-text-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-content'] = 6] = 'gp:change-content';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-button-style'] = 7] = 'gp:change-button-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:copy-text'] = 8] = 'gp:copy-text';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-image'] = 9] = 'gp:change-image';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-video-play'] = 10] = 'gp:toggle-video-play';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-slider-ratio'] = 11] = 'gp:change-slider-ratio';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-icon-style'] = 12] = 'gp:change-icon-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-expanded-item'] = 13] = 'gp:change-expanded-item';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-active-item'] = 14] = 'gp:change-active-item';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-slide'] = 15] = 'gp:change-slide';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-image-step'] = 16] = 'gp:change-image-step';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text-value'] = 17] = 'gp:change-text-value';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
+    InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
+})(exports.InteractionTargetEvent || (exports.InteractionTargetEvent = {}));
+exports.InteractionTriggerEvent = void 0;
+(function(InteractionTriggerEvent) {
+    InteractionTriggerEvent[InteractionTriggerEvent['click'] = 0] = 'click';
+    InteractionTriggerEvent[InteractionTriggerEvent["active"] = 1] = "active";
+    InteractionTriggerEvent[InteractionTriggerEvent['mouseover'] = 2] = 'mouseover';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:appear'] = 3] = 'gp:appear';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-selected'] = 4] = 'gp:item-selected';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-unselected'] = 5] = 'gp:item-unselected';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-hovered'] = 6] = 'gp:item-hovered';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-click'] = 7] = 'gp:item-click';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-submit'] = 8] = 'gp:after-submit';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:quantity-change'] = 9] = 'gp:quantity-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-checked-value'] = 10] = 'gp:after-checked-value';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-add-to-cart'] = 11] = 'gp:after-add-to-cart';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-open'] = 12] = 'gp:popup-open';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-close'] = 13] = 'gp:popup-close';
+    InteractionTriggerEvent[InteractionTriggerEvent['scroll-up'] = 14] = 'scroll-up';
+    InteractionTriggerEvent[InteractionTriggerEvent['scroll-down'] = 15] = 'scroll-down';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:price-change'] = 16] = 'gp:price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:rollback-price-change'] = 17] = 'gp:rollback-price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:compare-price-change'] = 18] = 'gp:compare-price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:rollback:compare-price-change'] = 19] = 'gp:rollback:compare-price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:stock-change'] = 20] = 'gp:stock-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:rollback:stock-change'] = 21] = 'gp:rollback:stock-change';
+})(exports.InteractionTriggerEvent || (exports.InteractionTriggerEvent = {}));