@gem-sdk/core 1.48.0-dev.9 → 1.48.0-dev.91

package/dist/esm/components/InteractionSuffix.js

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import 'zustand';
 import 'swr';
@@ -12,10 +12,13 @@ import 'react-transition-group';
 import '@gem-sdk/core';
 import 'classnames';
 import 'dayjs';
+import { useInteraction } from '../helpers/interaction/index.js';
 import '../helpers/convert.js';
 
 const InteractionSuffix = ({ tag, uid })=>{
+    const { closeSelectOnPage } = useInteraction();
     const currentInteraction = usePageStore((s)=>s.interactionData?.item);
+    const isSelectOnPage = usePageStore((s)=>s.interactionData?.isSelectOnPage);
     const isCurrentInteractionTarget = useMemo(()=>{
         return currentInteraction?.targets?.find((t)=>t.uid === uid);
     }, [
@@ -44,10 +47,15 @@ const InteractionSuffix = ({ tag, uid })=>{
         isCurrentInteractionTarget
     ]);
     if (!isDisplay) {
-        return undefined;
+        return /*#__PURE__*/ jsx(Fragment, {});
     }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
+            isSelectOnPage && /*#__PURE__*/ jsx("button", {
+                className: "gp-bg-[#F4F4F4]  gp-px-2  gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-sm gp-font-medium gp-hidden interaction-use-element-btn",
+                onClick: closeSelectOnPage,
+                children: "Use element"
+            }),
             /*#__PURE__*/ jsx("div", {
                 className: "hidden gp-left-[-40px] gp-left-[-80px] gp-right-[-40px] gp-right-[-80px]"
             }),

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

@@ -55,7 +55,11 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
         const customProps = {
             extraFiles: {}
         };
-        const style = composeAdvanceStyle(item.advanced, item.tag);
+        const d = item.advanced?.displayInitInteraction ?? item.advanced?.d;
+        const style = composeAdvanceStyle({
+            ...item.advanced,
+            d
+        }, item.tag);
         let liquid = '';
         if (disableWrap.includes(item.tag)) {
             liquid = RenderIf(item?.childrens?.length, ()=>{
@@ -215,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';
     };
@@ -229,7 +233,9 @@ 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',
             'none'
@@ -245,7 +251,7 @@ const appendAnimation = (props, liquid)=>{
         config: animation,
         tag,
         opacity,
-        isEnableInit: enableAnimation
+        notEnableAnimationWhenInit: !enableAnimationWhenInit
     })}'
     style="${{
         display: 'contents'

package/dist/esm/graphql/fragments/product-little.generated.js

@@ -4,6 +4,7 @@
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront

package/dist/esm/graphql/fragments/published-theme-page.generated.js

@@ -26,6 +26,10 @@
   themePageCustomFonts {
     ...CustomFontSelect
   }
+  interaction {
+    id
+    value
+  }
 }
     `;
 const PreviewThemePageSelect = `
@@ -53,6 +57,10 @@ const PreviewThemePageSelect = `
     themePageCustomCode {
       ...CustomCodeSelect
     }
+    interaction {
+    id
+    value
+  }
   }
 `;
 

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/background.js

@@ -119,7 +119,7 @@ const getBgAttachmentByDevice = (background, device)=>{
     return background?.[device]?.attachment;
 };
 const composeBackgroundCss = (backgroundColor)=>{
-    return `${backgroundColor ? `background-color: ${getSingleColorVariable(backgroundColor)} !important;` : undefined}`;
+    return `${backgroundColor ? `background-color: ${getSingleColorVariable(backgroundColor)};` : undefined}`;
 };
 const makeFixedBgAttachment = (background)=>{
     if (!background) return;

package/dist/esm/helpers/colors.js

@@ -112,9 +112,9 @@ const getGlobalColorResponsiveStyle = (type, data)=>{
         }
     }));
 };
-const getGlobalColorStateStyle = (type, data)=>{
+const getGlobalColorStateStyle = (type, data, states)=>{
     if (!data) return {};
-    return Object.fromEntries(Object.entries(data).map(([state, value])=>{
+    return Object.fromEntries(Object.entries(data).filter(([state])=>states?.length ? states?.includes(state) : true).map(([state, value])=>{
         if (state === 'active') return [];
         return [
             `-${stateMapping?.[state] || ''}-${type}`,

package/dist/esm/helpers/compose-advance-style.js

@@ -3,7 +3,7 @@ import { isColor } from './colors.js';
 import { layoutComponent } from './constant.js';
 import { makeStyleKey } from './make-style.js';
 import { composeRadius, getCornerCSSFromGlobal } from './radius.js';
-import { getStyleShadowState, getStyleShadow } from './shadow.js';
+import { getResonsiveStyleShadow, getStyleShadowState, getStyleShadow } from './shadow.js';
 
 const composeSpacing = ({ source, spacing, type, suffix = '' })=>{
     const { top, left, bottom, right } = spacing;
@@ -99,6 +99,9 @@ function composeAdvanceStyle(data, tag, pageType) {
                         if (attr === 'rounded') {
                             Object.assign(styles, composeRadius(value));
                         }
+                        if (attr === 'boxShadow') {
+                            Object.assign(styles, getResonsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
+                        }
                         if (composeAttr === 'desktop') {
                             switch(attr){
                                 case 'padding':
@@ -213,20 +216,20 @@ function composeAdvanceStyle(data, tag, pageType) {
                 }));
             }
         }
-        if (attr === 'blockPadding' && pageType === "POST_PURCHASE") {
+        if (attr === 'blockPadding' && pageType === 'POST_PURCHASE') {
             const valueMapped = postPurchasePaddingMapping[value];
             styles[`--pb`] = getAttrValue(attr, valueMapped, tag);
             styles[`--pt`] = getAttrValue(attr, valueMapped, tag);
             styles[`--mb`] = '0px';
             styles[`--mt`] = '0px';
         }
-        if (attr === 'inlinePadding' && pageType === "POST_PURCHASE") {
+        if (attr === 'inlinePadding' && pageType === 'POST_PURCHASE') {
             const valueMapped = postPurchasePaddingMapping[value];
             styles[`--pl`] = getAttrValue(attr, valueMapped, tag);
             styles[`--pr`] = getAttrValue(attr, valueMapped, tag);
         }
     });
-    const advancedPostPurchaseStyles = pageType === "POST_PURCHASE" ? composeAdvanceStyleForPostPurchase(data, tag) : {};
+    const advancedPostPurchaseStyles = pageType === 'POST_PURCHASE' ? composeAdvanceStyleForPostPurchase(data, tag) : {};
     return {
         ...styles,
         ...advancedPostPurchaseStyles

package/dist/esm/helpers/interaction/index.js

@@ -0,0 +1,64 @@
+import 'react/jsx-runtime';
+import 'zustand';
+import 'react';
+import 'swr';
+import { usePageStore } from '../../contexts/PageContext.js';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'swr/infinite';
+import 'vanilla-lazyload';
+import '../../hooks/useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'classnames';
+import 'dayjs';
+import '../convert.js';
+
+const useInteraction = ()=>{
+    const setInteractionIsSelectOnPage = usePageStore((s)=>s.setInteractionIsSelectOnPage);
+    const onListener = ({ event, selector }, callback)=>{
+        const element = document.querySelector(selector);
+        if (!element) return;
+        element.addEventListener(event, (e)=>{
+            const event = e;
+            const params = event.detail;
+            if (callback) callback(params);
+        });
+    };
+    const trigger = ({ event, data, selector })=>{
+        const element = document.querySelector(selector);
+        if (!element) return;
+        const eventDispatch = new CustomEvent(event, {
+            bubbles: false,
+            cancelable: true,
+            detail: {
+                data
+            }
+        });
+        element.dispatchEvent(eventDispatch);
+    };
+    const saveToElementInteractionData = (element, key, value)=>{
+        const interactionData = element.getAttribute('gp-data-interaction');
+        const interactionDataJson = JSON.parse(interactionData || '{}');
+        element.setAttribute('gp-data-interaction', JSON.stringify({
+            ...interactionDataJson,
+            [key]: value
+        }));
+    };
+    const closeSelectOnPage = ()=>{
+        setInteractionIsSelectOnPage(false);
+        const event = new CustomEvent('editor:interaction:change-select-on-page', {
+            bubbles: true,
+            detail: false
+        });
+        window.dispatchEvent(event);
+    };
+    return {
+        onListener,
+        trigger,
+        saveToElementInteractionData,
+        closeSelectOnPage
+    };
+};
+
+export { useInteraction };

package/dist/esm/helpers/queries/get-product.js

@@ -34,7 +34,7 @@ const getProduct = async (fetcher, { id, isSample, isStorefront })=>{
     };
 };
 const orderBy = {
-    field: 'CREATED_AT',
+    field: 'PLATFORM_CREATED_AT',
     direction: 'DESC'
 };
 const fetchProduct = async (fetcher, { id, isSample, isStorefront })=>{

package/dist/esm/helpers/render.js

@@ -56,6 +56,8 @@ const template = (strings, ...keys)=>{
             }
         }
     });
+    str = str.replaceAll(`style=""`, '');
+    str = str.replaceAll(`class=""`, '');
     return str;
 };
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/esm/helpers/shadow.js

@@ -25,10 +25,10 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? stateMapping?.[state] || '' : ''}-${getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? stateMapping?.[state] || '' : ''}-${getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${getSingleColorVariable(value?.color)}` : 'none'
     };
 };
-const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
+const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{
     if (!shadow || !styleAppliedFor) return {};
     const style = {};
     for (const [key, value] of Object.entries(shadow)){
@@ -36,11 +36,22 @@ const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
             value: value,
             state: key,
             styleAppliedFor,
-            isEnableShadow: isEnableShadow?.[key]
+            isEnableShadow: isEnableShadow?.[key],
+            screen: screen ?? ''
         }));
     }
     return style;
 };
+const getResonsiveStyleShadow = (value, styleAppliedFor, isEnableShadow)=>{
+    if (!value) return undefined;
+    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
+        return {
+            ...getStyleShadowState(value.desktop, styleAppliedFor, isEnableShadow.desktop),
+            ...value.tablet && (isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadowState(value.tablet, styleAppliedFor, isEnableShadow.tablet ?? isEnableShadow.desktop, 'tablet') : undefined,
+            ...value.mobile && (isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadowState(value.mobile, styleAppliedFor, isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop, 'mobile') : undefined
+        };
+    }
+};
 const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
     if (!hasBoxShadow) return undefined;
     if (!boxShadowValue) return undefined;
@@ -49,4 +60,4 @@ const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
     return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${getSingleColorVariable(boxShadowValue?.color)}${sub};`;
 };
 
-export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit };
+export { composeShadowCss, getResonsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit };

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

@@ -76,5 +76,47 @@ const SimpleBundlesKitsConfig = {
         appId: 'e553276b-36b2-446d-b80a-aa47fe5f96ac'
     }
 };
+const EasyBundleBuilderSkailamaConfig = {
+    EasyBundleBuilderSkailama: {
+        appName: 'easy-bundles',
+        appId: '05b1325c-6303-4da5-8e2f-b13ab2a50e1a'
+    }
+};
+const AssortionUpsellBundlesConfig = {
+    AssortionUpsellBundles: {
+        appName: 'assortion',
+        appId: '5588d7f9-a5bc-4f4a-9c54-39b7e081dd23'
+    }
+};
+const PreorderNowPreOrderPqConfig = {
+    PreorderNowPreOrderPq: {
+        appName: 'preorder-now-pre-order-pq',
+        appId: '551fab2c-3af6-4a8f-ba21-736a71cb4540'
+    }
+};
+const KPreorderNowPartialPaymentConfig = {
+    KPreorderNowPartialPayment: {
+        appName: 'k-preorder-now-partial-payment',
+        appId: '65705a60-a3b0-43ae-9dc8-15db78d76b3b'
+    }
+};
+const FlyBundlesUpsellsFbtConfig = {
+    FlyBundlesUpsellsFbt: {
+        appName: 'fly-bundles-upsell',
+        appId: '26807bdc-c2ed-4a25-afb2-06e6b1ebf843'
+    }
+};
+const PreorderNowWodPresaleConfig = {
+    PreorderNowWodPresale: {
+        appName: 'preorder-now-wod-presale',
+        appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
+    }
+};
+const JunipProductReviewsUgcConfig = {
+    JunipProductReviewsUgc: {
+        appName: 'junip-product-reviews-ugc',
+        appId: 'dc14f5a8-ed15-41b1-ad08-cfba23f9789b'
+    }
+};
 
-export { BonLoyaltyRewardsReferralsConfig, FastBundleBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, 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

@@ -79,6 +79,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                 ...currentSetting,
                 form_id: appSetting['formId']
             };
+        case 'FlyBundlesUpsellsFbt':
+            {
+                return {
+                    ...currentSetting,
+                    bundle_id: appSetting?.['customBundleId']
+                };
+            }
         default:
             return currentSetting;
     }
@@ -127,7 +134,87 @@ const SimpleBundlesKits = {
         'infinite-options-selector': null
     }
 };
+const EasyBundleBuilderSkailama = {
+    EasyBundleBuilderSkailama: {
+        'app-block-bundlePage': null
+    }
+};
+const AssortionUpsellBundles = {
+    AssortionUpsellBundles: {
+        volume: null,
+        bundle: null,
+        addon: null
+    }
+};
+const PreorderNowPreOrderPq = {
+    PreorderNowPreOrderPq: {
+        'app-block-notifyapp-block-notify': null,
+        'app-block-partial': null,
+        'app-block-timer': null,
+        'app-block': null
+    }
+};
+const KPreorderNowPartialPayment = {
+    KPreorderNowPartialPayment: {
+        'kaktus-bundle': null
+    }
+};
+const FlyBundlesUpsellsFbt = {
+    FlyBundlesUpsellsFbt: {
+        'app-block-volume': null,
+        'app-block-upsell-block': null,
+        'app-block-fbt': null,
+        'app-block-custom': {
+            bundle_id: ''
+        }
+    }
+};
+const PreorderNowWodPresale = {
+    PreorderNowWodPresale: {
+        'app-block': null,
+        '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: '',
+            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,
+    ...PreorderNowPreOrderPq,
+    ...AssortionUpsellBundles,
+    ...EasyBundleBuilderSkailama,
     ...FastBundleBundlesDiscounts,
     ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,

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 } 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,
@@ -13,7 +13,14 @@ const mapShopifyAppMeta = {
     ...UnlimitedBundlesDiscountsConfig,
     ...KiteFreeGiftDiscountConfig,
     ...FastBundleBundlesDiscountsConfig,
-    ...SimpleBundlesKitsConfig
+    ...SimpleBundlesKitsConfig,
+    ...EasyBundleBuilderSkailamaConfig,
+    ...AssortionUpsellBundlesConfig,
+    ...PreorderNowPreOrderPqConfig,
+    ...KPreorderNowPartialPaymentConfig,
+    ...FlyBundlesUpsellsFbtConfig,
+    ...PreorderNowWodPresaleConfig,
+    ...JunipProductReviewsUgcConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/helpers/typography.js

@@ -26,7 +26,8 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const composeImportant = isImportant ? '!important' : '';
     return `
   ${fontFamily ? `font-family: ${composeFontFamilyTypographyV2({
-        fontFamily
+        fontFamily,
+        type: typography?.type
     })} ${composeImportant}` : ''};
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant}` : ''};
   ${bold ? `font-weight: bold ${composeImportant}` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant}` : ''};
@@ -74,8 +75,10 @@ const composeTypographyV2 = (value, attrs)=>{
     });
 };
 const composeFontFamilyTypographyV2 = (value)=>{
-    const fontFamily = value?.fontFamily;
-    if (!fontFamily) return;
+    const { fontFamily, isCustom, fallbackFontFamily, type } = value || {};
+    if (!fontFamily) {
+        return isCustom ? fallbackFontFamily : undefined;
+    }
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
@@ -89,7 +92,7 @@ const composeFontFamilyTypographyV2 = (value)=>{
             default:
                 return getFontUsedByTypographyV2({
                     fontFamily: fontFamily.value,
-                    fallbackFontFamily: value?.fallbackFontFamily
+                    fallbackFontFamily: composeFallbackTypographyStyle(type ?? 'heading')
                 });
         }
     }
@@ -114,18 +117,10 @@ const composeTypographyAttr = (attrs)=>{
     });
 };
 const composeTypographyClassName = (typo, typography)=>{
-    return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
+    return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
 };
 const composeFallbackTypographyStyle = (tag)=>{
-    if ([
-        'heading',
-        'heading-1',
-        'heading-2',
-        'heading-3',
-        'heading-4',
-        'heading-5',
-        'heading-6'
-    ].includes(tag)) {
+    if (tag.toLocaleLowerCase().includes('heading')) {
         return 'var(--g-font-heading, heading)';
     }
     return 'var(--g-font-body, body)';
@@ -135,7 +130,8 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         const fallbackFontFamily = composeFallbackTypographyStyle(typo.type ?? 'heading');
         const customTypo = {
             ...typo.custom,
-            fallbackFontFamily: fallbackFontFamily
+            fallbackFontFamily: fallbackFontFamily,
+            isCustom: isCustomTypo(typo.custom)
         };
         return {
             ...composeTypographyV2(customTypo, typo.attrs),
@@ -146,5 +142,12 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         ...!typography?.type ? composeTypography(typography?.custom) : {}
     };
 };
+const isCustomTypo = (customTypo)=>{
+    return customTypo && Object.keys(customTypo).length > 1 || customTypo && Object.keys(customTypo).length === 1 && !customTypo.fontSize;
+};
+const getSeoTagFromTypo = (typo)=>{
+    if (!typo?.attrs?.seoTagValue) return 'div';
+    return typo?.attrs?.seoTagValue;
+};
 
-export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };
+export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass, getSeoTagFromTypo };

package/dist/esm/index.js

@@ -66,9 +66,9 @@ export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption }
 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, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
+export { composeShadowCss, getResonsiveStyleShadow, 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 { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass, getSeoTagFromTypo } from './helpers/typography.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';
 export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';
@@ -111,3 +111,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

@@ -20,6 +20,7 @@ var InteractionTargetEvent;
     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 = {}));
 var InteractionTriggerEvent;
 (function(InteractionTriggerEvent) {