@gem-sdk/core 1.48.0-dev.74 → 1.48.0-dev.79

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

@@ -219,7 +219,7 @@ const RenderCustomCode = (item)=>{
 };
 const appendAnimation = (props, liquid)=>{
     const { advanced, tag } = props;
-    const { animation, op: opacity } = advanced ?? {};
+    const { animation, op: opacity, hasAnimationInteraction } = advanced ?? {};
     const getAnimationType = (settings, type)=>{
         return settings?.triggerConfig?.[type]?.animation ?? 'none';
     };
@@ -233,7 +233,8 @@ const appendAnimation = (props, liquid)=>{
     const hoverDesktop = getAnimationType(getSettingsByDevice('desktop'), 'hover');
     const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
-    const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
+    const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none' || !!hasAnimationInteraction;
+    const enableAnimationWhenInit = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
     if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
@@ -249,7 +250,8 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity
+        opacity,
+        notEnableAnimationWhenInit: !enableAnimationWhenInit
     })}'
     style="${{
         display: 'contents'

package/dist/cjs/helpers/animations.js

@@ -46,7 +46,7 @@ const animations = ()=>{
         });
         return cloneOptions;
     };
-    const slide = (target, options)=>{
+    const slide = (target, options, reverse)=>{
         const normalizedOptions = normalizeOptions(options);
         const { direction, distance } = normalizedOptions;
         const coordinate = [
@@ -67,11 +67,11 @@ const animations = ()=>{
                 transform: `translate${coordinate}(0)`
             }
         ];
-        return generateAnimationInstance(target, preset, {
+        return generateAnimationInstance(target, reverse ? preset.reverse() : preset, {
             ...generateOptions(normalizedOptions, 500)
         });
     };
-    const fade = (target, options)=>{
+    const fade = (target, options, reverse)=>{
         const normalizedOptions = normalizeOptions(options);
         const preset = [
             {
@@ -81,7 +81,7 @@ const animations = ()=>{
                 opacity: 1
             }
         ];
-        return generateAnimationInstance(target, preset, {
+        return generateAnimationInstance(target, reverse ? preset.reverse() : preset, {
             ...generateOptions(normalizedOptions, 500)
         });
     };
@@ -101,7 +101,7 @@ const animations = ()=>{
             easing: EASING[easing ?? 'linear']
         };
     };
-    const zoom = (target, options)=>{
+    const zoom = (target, options, reverse)=>{
         const normalizedOptions = normalizeOptions(options);
         const { scale, zoomDirection, isFade } = normalizedOptions;
         const [i1, i2] = scale.in;
@@ -127,7 +127,7 @@ const animations = ()=>{
             }
         ];
         const zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
-        return generateAnimationInstance(target, zoomPreset, {
+        return generateAnimationInstance(target, reverse ? zoomPreset.reverse() : zoomPreset, {
             ...generateOptions(normalizedOptions, 700)
         });
     };

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

@@ -114,12 +114,19 @@ const PreorderNowWodPresaleConfig = {
         appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
     }
 };
+const JunipProductReviewsUgcConfig = {
+    JunipProductReviewsUgc: {
+        appName: 'junip-product-reviews-ugc',
+        appId: 'dc14f5a8-ed15-41b1-ad08-cfba23f9789b'
+    }
+};
 
 exports.AssortionUpsellBundlesConfig = AssortionUpsellBundlesConfig;
 exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
 exports.EasyBundleBuilderSkailamaConfig = EasyBundleBuilderSkailamaConfig;
 exports.FastBundleBundlesDiscountsConfig = FastBundleBundlesDiscountsConfig;
 exports.FlyBundlesUpsellsFbtConfig = FlyBundlesUpsellsFbtConfig;
+exports.JunipProductReviewsUgcConfig = JunipProductReviewsUgcConfig;
 exports.KPreorderNowPartialPaymentConfig = KPreorderNowPartialPaymentConfig;
 exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;

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

@@ -177,7 +177,41 @@ const PreorderNowWodPresale = {
         'popups-block': null
     }
 };
+const JunipProductReviewsUgc = {
+    JunipProductReviewsUgc: {
+        'junip-review-carousel': {
+            reviewsType: 'product_reviews',
+            showSummary: true,
+            title: 'Reviews',
+            paddingTop: 48,
+            paddingBottom: 48,
+            containerClass: ''
+        },
+        'junip-ugc-gallery': {
+            layout: 'scroll',
+            title: '',
+            product: '{{product}}',
+            paddingTop: 48,
+            paddingBottom: 48,
+            containerClass: ''
+        },
+        'junip-product-review': {
+            product: '{{product}}'
+        },
+        'junip-product-summary': {
+            product: '{{product}}'
+        },
+        'junip-reviews': {
+            layout: 'list',
+            reviewsType: 'all',
+            showSummary: true,
+            reviewsCount: 10,
+            containerClass: ''
+        }
+    }
+};
 const composeSettingsByWidgetType = {
+    ...JunipProductReviewsUgc,
     ...FlyBundlesUpsellsFbt,
     ...PreorderNowWodPresale,
     ...KPreorderNowPartialPayment,

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

@@ -21,7 +21,8 @@ const mapShopifyAppMeta = {
     ...appConfig.PreorderNowPreOrderPqConfig,
     ...appConfig.KPreorderNowPartialPaymentConfig,
     ...appConfig.FlyBundlesUpsellsFbtConfig,
-    ...appConfig.PreorderNowWodPresaleConfig
+    ...appConfig.PreorderNowWodPresaleConfig,
+    ...appConfig.JunipProductReviewsUgcConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

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/esm/components/Render.liquid.js

@@ -215,7 +215,7 @@ const RenderCustomCode = (item)=>{
 };
 const appendAnimation = (props, liquid)=>{
     const { advanced, tag } = props;
-    const { animation, op: opacity } = advanced ?? {};
+    const { animation, op: opacity, hasAnimationInteraction } = advanced ?? {};
     const getAnimationType = (settings, type)=>{
         return settings?.triggerConfig?.[type]?.animation ?? 'none';
     };
@@ -229,7 +229,8 @@ const appendAnimation = (props, liquid)=>{
     const hoverDesktop = getAnimationType(getSettingsByDevice('desktop'), 'hover');
     const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
-    const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
+    const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none' || !!hasAnimationInteraction;
+    const enableAnimationWhenInit = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
     if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
@@ -245,7 +246,8 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity
+        opacity,
+        notEnableAnimationWhenInit: !enableAnimationWhenInit
     })}'
     style="${{
         display: 'contents'

package/dist/esm/helpers/animations.js

@@ -44,7 +44,7 @@ const animations = ()=>{
         });
         return cloneOptions;
     };
-    const slide = (target, options)=>{
+    const slide = (target, options, reverse)=>{
         const normalizedOptions = normalizeOptions(options);
         const { direction, distance } = normalizedOptions;
         const coordinate = [
@@ -65,11 +65,11 @@ const animations = ()=>{
                 transform: `translate${coordinate}(0)`
             }
         ];
-        return generateAnimationInstance(target, preset, {
+        return generateAnimationInstance(target, reverse ? preset.reverse() : preset, {
             ...generateOptions(normalizedOptions, 500)
         });
     };
-    const fade = (target, options)=>{
+    const fade = (target, options, reverse)=>{
         const normalizedOptions = normalizeOptions(options);
         const preset = [
             {
@@ -79,7 +79,7 @@ const animations = ()=>{
                 opacity: 1
             }
         ];
-        return generateAnimationInstance(target, preset, {
+        return generateAnimationInstance(target, reverse ? preset.reverse() : preset, {
             ...generateOptions(normalizedOptions, 500)
         });
     };
@@ -99,7 +99,7 @@ const animations = ()=>{
             easing: EASING[easing ?? 'linear']
         };
     };
-    const zoom = (target, options)=>{
+    const zoom = (target, options, reverse)=>{
         const normalizedOptions = normalizeOptions(options);
         const { scale, zoomDirection, isFade } = normalizedOptions;
         const [i1, i2] = scale.in;
@@ -125,7 +125,7 @@ const animations = ()=>{
             }
         ];
         const zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
-        return generateAnimationInstance(target, zoomPreset, {
+        return generateAnimationInstance(target, reverse ? zoomPreset.reverse() : zoomPreset, {
             ...generateOptions(normalizedOptions, 700)
         });
     };

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

@@ -112,5 +112,11 @@ const PreorderNowWodPresaleConfig = {
         appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
     }
 };
+const JunipProductReviewsUgcConfig = {
+    JunipProductReviewsUgc: {
+        appName: 'junip-product-reviews-ugc',
+        appId: 'dc14f5a8-ed15-41b1-ad08-cfba23f9789b'
+    }
+};
 
-export { AssortionUpsellBundlesConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, KPreorderNowPartialPaymentConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };
+export { AssortionUpsellBundlesConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, KPreorderNowPartialPaymentConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };

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

@@ -175,7 +175,41 @@ const PreorderNowWodPresale = {
         'popups-block': null
     }
 };
+const JunipProductReviewsUgc = {
+    JunipProductReviewsUgc: {
+        'junip-review-carousel': {
+            reviewsType: 'product_reviews',
+            showSummary: true,
+            title: 'Reviews',
+            paddingTop: 48,
+            paddingBottom: 48,
+            containerClass: ''
+        },
+        'junip-ugc-gallery': {
+            layout: 'scroll',
+            title: '',
+            product: '{{product}}',
+            paddingTop: 48,
+            paddingBottom: 48,
+            containerClass: ''
+        },
+        'junip-product-review': {
+            product: '{{product}}'
+        },
+        'junip-product-summary': {
+            product: '{{product}}'
+        },
+        'junip-reviews': {
+            layout: 'list',
+            reviewsType: 'all',
+            showSummary: true,
+            reviewsCount: 10,
+            containerClass: ''
+        }
+    }
+};
 const composeSettingsByWidgetType = {
+    ...JunipProductReviewsUgc,
     ...FlyBundlesUpsellsFbt,
     ...PreorderNowWodPresale,
     ...KPreorderNowPartialPayment,

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, AssortionUpsellBundlesConfig, PreorderNowPreOrderPqConfig, KPreorderNowPartialPaymentConfig, FlyBundlesUpsellsFbtConfig, PreorderNowWodPresaleConfig } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, AssortionUpsellBundlesConfig, PreorderNowPreOrderPqConfig, KPreorderNowPartialPaymentConfig, FlyBundlesUpsellsFbtConfig, PreorderNowWodPresaleConfig, JunipProductReviewsUgcConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -19,7 +19,8 @@ const mapShopifyAppMeta = {
     ...PreorderNowPreOrderPqConfig,
     ...KPreorderNowPartialPaymentConfig,
     ...FlyBundlesUpsellsFbtConfig,
-    ...PreorderNowWodPresaleConfig
+    ...PreorderNowWodPresaleConfig,
+    ...JunipProductReviewsUgcConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

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/types/index.d.ts

@@ -28771,10 +28771,12 @@ declare enum AnimationDirectionType {
     Up = "up",
     Down = "down"
 }
-type AnimationTrigger = 'appear' | 'hover';
+type AnimationTrigger = 'appear' | 'hover' | "hidden" | 'appearByTrigger';
 declare enum AnimationTriggerType {
     Appear = "appear",
-    Hover = "hover"
+    Hover = "hover",
+    Hidden = "hidden",
+    AppearByTrigger = "appearByTrigger"
 }
 declare enum AnimationZoomDirectionType {
     In = "in",
@@ -29559,10 +29561,10 @@ type ClassDictionary = Record<string, boolean | undefined | null>;
 declare function cls(...classes: ClassValue[]): string;
 
 declare const animations: () => {
-    zoom: (target: Element, options: AnimationSettingType) => Animation;
+    zoom: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
     shake: (target: Element, options: AnimationSettingType) => Animation;
-    fade: (target: Element, options: AnimationSettingType) => Animation;
-    slide: (target: Element, options: AnimationSettingType) => Animation;
+    fade: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
+    slide: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
 };
 
 declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.48.0-dev.74",
+  "version": "1.48.0-dev.79",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",