@gem-sdk/core 1.48.0-dev.6 → 1.48.0-dev.60

package/dist/cjs/components/InteractionSuffix.js

@@ -46,7 +46,7 @@ const InteractionSuffix = ({ tag, uid })=>{
         isCurrentInteractionTarget
     ]);
     if (!isDisplay) {
-        return undefined;
+        return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {});
     }
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [

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

@@ -234,6 +234,7 @@ const appendAnimation = (props, liquid)=>{
     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';
+    if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
@@ -248,8 +249,7 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity,
-        isEnableInit: enableAnimation
+        opacity
     })}'
     style="${{
         display: 'contents'

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

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

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

@@ -28,6 +28,10 @@
   themePageCustomFonts {
     ...CustomFontSelect
   }
+  interaction {
+    id
+    value
+  }
 }
     `;
 const PreviewThemePageSelect = `
@@ -55,6 +59,10 @@ const PreviewThemePageSelect = `
     themePageCustomCode {
       ...CustomCodeSelect
     }
+    interaction {
+    id
+    value
+  }
   }
 `;
 

package/dist/cjs/helpers/background.js

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

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

@@ -101,6 +101,9 @@ function composeAdvanceStyle(data, tag, pageType) {
                         if (attr === 'rounded') {
                             Object.assign(styles, radius.composeRadius(value));
                         }
+                        if (attr === 'boxShadow') {
+                            Object.assign(styles, shadow.getResonsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
+                        }
                         if (composeAttr === 'desktop') {
                             switch(attr){
                                 case 'padding':
@@ -215,20 +218,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/cjs/helpers/shadow.js

@@ -27,10 +27,10 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.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 + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.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 + ' ' : ''}${colors.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)){
@@ -38,11 +38,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;
@@ -52,6 +63,7 @@ const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
 };
 
 exports.composeShadowCss = composeShadowCss;
+exports.getResonsiveStyleShadow = getResonsiveStyleShadow;
 exports.getStyleShadow = getStyleShadow;
 exports.getStyleShadowState = getStyleShadowState;
 exports.parseValueWithUnit = parseValueWithUnit;

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

@@ -78,11 +78,46 @@ 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'
+    }
+};
 
+exports.AssortionUpsellBundlesConfig = AssortionUpsellBundlesConfig;
 exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
+exports.EasyBundleBuilderSkailamaConfig = EasyBundleBuilderSkailamaConfig;
 exports.FastBundleBundlesDiscountsConfig = FastBundleBundlesDiscountsConfig;
+exports.FlyBundlesUpsellsFbtConfig = FlyBundlesUpsellsFbtConfig;
+exports.KPreorderNowPartialPaymentConfig = KPreorderNowPartialPaymentConfig;
 exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
+exports.PreorderNowPreOrderPqConfig = PreorderNowPreOrderPqConfig;
 exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
 exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
 exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;

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

@@ -81,6 +81,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                 ...currentSetting,
                 form_id: appSetting['formId']
             };
+        case 'FlyBundlesUpsellsFbt':
+            {
+                return {
+                    ...currentSetting,
+                    bundle_id: appSetting?.['customBundleId']
+                };
+            }
         default:
             return currentSetting;
     }
@@ -129,7 +136,47 @@ 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 composeSettingsByWidgetType = {
+    ...FlyBundlesUpsellsFbt,
+    ...KPreorderNowPartialPayment,
+    ...PreorderNowPreOrderPq,
+    ...AssortionUpsellBundles,
+    ...EasyBundleBuilderSkailama,
     ...FastBundleBundlesDiscounts,
     ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,

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

@@ -15,7 +15,12 @@ const mapShopifyAppMeta = {
     ...appConfig.UnlimitedBundlesDiscountsConfig,
     ...appConfig.KiteFreeGiftDiscountConfig,
     ...appConfig.FastBundleBundlesDiscountsConfig,
-    ...appConfig.SimpleBundlesKitsConfig
+    ...appConfig.SimpleBundlesKitsConfig,
+    ...appConfig.EasyBundleBuilderSkailamaConfig,
+    ...appConfig.AssortionUpsellBundlesConfig,
+    ...appConfig.PreorderNowPreOrderPqConfig,
+    ...appConfig.KPreorderNowPartialPaymentConfig,
+    ...appConfig.FlyBundlesUpsellsFbtConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/helpers/typography.js

@@ -76,8 +76,10 @@ const composeTypographyV2 = (value, attrs)=>{
     });
 };
 const composeFontFamilyTypographyV2 = (value)=>{
-    const fontFamily = value?.fontFamily;
-    if (!fontFamily) return;
+    const { fontFamily, isCustom, fallbackFontFamily } = value || {};
+    if (!fontFamily) {
+        return isCustom ? fallbackFontFamily : undefined;
+    }
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
@@ -119,15 +121,7 @@ const composeTypographyClassName = (typo, typography)=>{
     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)';
@@ -137,7 +131,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),
@@ -148,8 +143,8 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         ...!typography?.type ? composeTypography(typography?.custom) : {}
     };
 };
-const isCustomTypo = (typoProps)=>{
-    return typoProps && Object.keys(typoProps).length > 1 || typoProps && Object.keys(typoProps).length === 1 && !typoProps.fontSize;
+const isCustomTypo = (customTypo)=>{
+    return customTypo && Object.keys(customTypo).length > 1 || customTypo && Object.keys(customTypo).length === 1 && !customTypo.fontSize;
 };
 
 exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;

package/dist/cjs/index.js

@@ -267,6 +267,7 @@ exports.removeUndefinedValuesFromObject = render.removeUndefinedValuesFromObject
 exports.styles = render.styles;
 exports.template = render.template;
 exports.composeShadowCss = shadow.composeShadowCss;
+exports.getResonsiveStyleShadow = shadow.getResonsiveStyleShadow;
 exports.getStyleShadow = shadow.getStyleShadow;
 exports.getStyleShadowState = shadow.getStyleShadowState;
 exports.parseValueWithUnit = shadow.parseValueWithUnit;

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';
@@ -44,7 +44,7 @@ const InteractionSuffix = ({ tag, uid })=>{
         isCurrentInteractionTarget
     ]);
     if (!isDisplay) {
-        return undefined;
+        return /*#__PURE__*/ jsx(Fragment, {});
     }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [

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

@@ -230,6 +230,7 @@ const appendAnimation = (props, liquid)=>{
     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';
+    if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
@@ -244,8 +245,7 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity,
-        isEnableInit: enableAnimation
+        opacity
     })}'
     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/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/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/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,35 @@ 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'
+    }
+};
 
-export { BonLoyaltyRewardsReferralsConfig, FastBundleBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };
+export { AssortionUpsellBundlesConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, KPreorderNowPartialPaymentConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, 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,47 @@ 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 composeSettingsByWidgetType = {
+    ...FlyBundlesUpsellsFbt,
+    ...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 } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -13,7 +13,12 @@ const mapShopifyAppMeta = {
     ...UnlimitedBundlesDiscountsConfig,
     ...KiteFreeGiftDiscountConfig,
     ...FastBundleBundlesDiscountsConfig,
-    ...SimpleBundlesKitsConfig
+    ...SimpleBundlesKitsConfig,
+    ...EasyBundleBuilderSkailamaConfig,
+    ...AssortionUpsellBundlesConfig,
+    ...PreorderNowPreOrderPqConfig,
+    ...KPreorderNowPartialPaymentConfig,
+    ...FlyBundlesUpsellsFbtConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';