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

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

@@ -1,4 +1,4 @@
-import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig, KachingBundlesConfig, LoloyalLoyaltyReferralsConfig, PowerfulContactFormBuilderConfig, WishlistKingConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -23,7 +23,14 @@ const mapShopifyAppMeta = {
     ...WhatmoreShoppableVideosreelConfig,
     ...ProductOptionsCustomizerConfig,
     ...AppointmentBookingCowlendarConfig,
-    ...BoldSubscriptionsConfig
+    ...BoldSubscriptionsConfig,
+    ...SproutPlantTreesGrowSalesConfig,
+    ...InstasellShoppableInstagramConfig,
+    ...GrowaveConfig,
+    ...KachingBundlesConfig,
+    ...LoloyalLoyaltyReferralsConfig,
+    ...PowerfulContactFormBuilderConfig,
+    ...WishlistKingConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

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

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

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

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

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

@@ -96,9 +96,12 @@ const useAnimationTarget = (props)=>{
     const initListOfTargets = 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/esm/hooks/animation/useApplyAnimation.js

@@ -4,6 +4,7 @@ import { useAnimationTarget } from './useAnimationTarget.js';
 import { useAnimationConfig } from './useAnimationConfig.js';
 import { useAnimationActions } from './useAnimationActions.js';
 import { useAnimationPreview } from './useAnimationPreview.js';
+import '../../types/custom.js';
 import { AnimationType } from '../../types/animations.js';
 
 const useApplyAnimation = ({ props })=>{
@@ -20,13 +21,13 @@ const useApplyAnimation = ({ props })=>{
         setAnimationOnFinish,
         setToolbarActive
     });
-    const generateAnimation = useCallback(({ target, setting, type })=>{
-        return animation[type](target, setting);
+    const generateAnimation = useCallback(({ target, setting, type, reverse })=>{
+        return animation[type](target, setting, reverse);
     }, [
         animation
     ]);
     const initListAnimations = useCallback(()=>{
-        const { type, setting } = getAnimationConfig();
+        const { type, setting, reverse } = getAnimationConfig();
         if (!type || type === AnimationType.None || !targetObjects.current.length) {
             cancelAnimation();
             return;
@@ -34,7 +35,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/esm/hooks/useInteraction.js

@@ -0,0 +1,17 @@
+import { usePageStore } from '../contexts/PageContext.js';
+
+const useInteraction = ()=>{
+    const interactionData = 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
+    };
+};
+
+export { useInteraction };

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -29,7 +29,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 postPurchaseRequiredElements){
             const countElementInsidePage = getElementCountInPage(requiredElementTag);
@@ -42,7 +42,7 @@ const usePostPurchase = (uid, tag)=>{
     };
     const countRequiredElement = ()=>{
         return 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/esm/index.js

@@ -63,11 +63,12 @@ export { isDefined } from './helpers/is-defined.js';
 export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
 export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
 export { convertTextAlignToJustify } from './helpers/align.js';
+export { checkInStock } from './helpers/variant.js';
 export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
 export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
 export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
-export { composeShadowCss, getResonsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
+export { composeShadowCss, getResponsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
 export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
 export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
@@ -100,6 +101,7 @@ export { useProductList, useProductListProducts, useProductListSettings, useProd
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
 export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';
 export { default as useInitialSwatchesOptions } from './hooks/useInitialSwatchesOptions.js';
+export { InteractionTargetEvent, InteractionTriggerEvent } from './types/custom.js';
 import * as shop from './types/shop.js';
 export { shop as ShopType };
 import * as appAPI from './types/appAPI.js';
@@ -111,3 +113,4 @@ export { fetchMedias, fetchVariants, getProduct } from './helpers/queries/get-pr
 export { getProductBySlug } from './helpers/queries/get-product-by-slug.js';
 export { getAppBlocks } from './helpers/third-party/getAppBlocks.js';
 export { addAppBlockId } from './helpers/third-party/addAppBlockId.js';
+export { useInteraction } from './helpers/interaction/index.js';

package/dist/esm/types/animations.js

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

package/dist/esm/types/custom.js

@@ -0,0 +1,52 @@
+var InteractionTargetEvent;
+(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';
+})(InteractionTargetEvent || (InteractionTargetEvent = {}));
+var InteractionTriggerEvent;
+(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';
+})(InteractionTriggerEvent || (InteractionTriggerEvent = {}));
+
+export { InteractionTargetEvent, InteractionTriggerEvent };