@gem-sdk/core 1.48.0-dev.0 → 1.48.0-dev.102

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -454,6 +454,7 @@ const ComponentToolbarPreview = (props)=>{
                         }
                         return /*#__PURE__*/ jsxRuntime.jsxs("div", {
                             "data-toolbar-parent": true,
+                            "data-component-tag": parent.tag,
                             "data-parent-uid": parent.uid,
                             "data-toolbar-theme-section": isThemeSectionEditor,
                             "data-toolbar-parent-revert": isShowParentRevert,

package/dist/cjs/components/InteractionSuffix.js

@@ -14,10 +14,13 @@ require('react-transition-group');
 require('@gem-sdk/core');
 require('classnames');
 require('dayjs');
+var index = require('../helpers/interaction/index.js');
 require('../helpers/convert.js');
 
 const InteractionSuffix = ({ tag, uid })=>{
+    const { closeSelectOnPage } = index.useInteraction();
     const currentInteraction = PageContext.usePageStore((s)=>s.interactionData?.item);
+    const isSelectOnPage = PageContext.usePageStore((s)=>s.interactionData?.isSelectOnPage);
     const isCurrentInteractionTarget = react.useMemo(()=>{
         return currentInteraction?.targets?.find((t)=>t.uid === uid);
     }, [
@@ -46,10 +49,15 @@ const InteractionSuffix = ({ tag, uid })=>{
         isCurrentInteractionTarget
     ]);
     if (!isDisplay) {
-        return undefined;
+        return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {});
     }
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
+            isSelectOnPage && /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx("div", {
                 className: "hidden gp-left-[-40px] gp-left-[-80px] gp-right-[-40px] gp-right-[-80px]"
             }),

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

@@ -76,8 +76,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     pageContext,
                     ...passProps,
                     builderAttrs: {
-                        ...passProps.builderAttrs,
-                        'data-id': uid
+                        ...passProps.builderAttrs
                     },
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -116,8 +115,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     pageContext,
                     ...passProps,
                     builderAttrs: {
-                        ...passProps.builderAttrs,
-                        'data-id': uid
+                        ...passProps.builderAttrs
                     }
                 });
             });
@@ -138,8 +136,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     pageContext,
                     ...passProps,
                     builderAttrs: {
-                        ...passProps.builderAttrs,
-                        'data-id': uid
+                        ...passProps.builderAttrs
                     },
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -179,8 +176,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     style: componentIconList.includes(item.tag) ? style : null,
                     ...passProps,
                     builderAttrs: {
-                        ...passProps.builderAttrs,
-                        'data-id': uid
+                        ...passProps.builderAttrs
                     }
                 });
             })}
@@ -219,7 +215,7 @@ const RenderCustomCode = (item)=>{
 };
 const appendAnimation = (props, liquid)=>{
     const { advanced, tag } = props;
-    const { animation, op: opacity } = advanced ?? {};
+    const { animation, op: opacity, hasAnimationInteraction, displayInitInteraction = true } = advanced ?? {};
     const getAnimationType = (settings, type)=>{
         return settings?.triggerConfig?.[type]?.animation ?? 'none';
     };
@@ -233,7 +229,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,11 +243,12 @@ const appendAnimation = (props, liquid)=>{
     };
     return render.template`
   <gp-animation
+    display-init="${!displayInitInteraction ? 'hide' : 'show'}"
     gp-data='${JSON.stringify({
         config: animation,
         tag,
         opacity,
-        isEnableInit: enableAnimation
+        notEnableAnimationWhenInit: !enableAnimationWhenInit
     })}'
     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/graphql-app-api/queries/ShopLibraryPage.generated.js

@@ -0,0 +1,17 @@
+'use strict';
+
+/* eslint-disable */ const ShopLibraryPageDocument = `
+    query ShopLibraryPage($shopLibraryPageId: ID!) {
+  shopLibraryPage(id: $shopLibraryPageId) {
+    id
+    name
+    sectionPosition
+    shopLibrarySections {
+      id
+      component
+    }
+  }
+}
+    `;
+
+exports.ShopLibraryPageDocument = ShopLibraryPageDocument;

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

@@ -114,9 +114,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 [
             `-${constant.stateMapping?.[state] || ''}-${type}`,

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/interaction/index.js

@@ -0,0 +1,66 @@
+'use strict';
+
+require('react/jsx-runtime');
+require('zustand');
+require('react');
+require('swr');
+var PageContext = require('../../contexts/PageContext.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../../hooks/useCartUI.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
+require('../convert.js');
+
+const useInteraction = ()=>{
+    const setInteractionIsSelectOnPage = PageContext.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
+    };
+};
+
+exports.useInteraction = useInteraction;

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

@@ -36,7 +36,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/cjs/helpers/render.js

@@ -58,6 +58,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/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/addAppBlockId.js

@@ -13,7 +13,7 @@ const addAppBlockId = (component)=>{
 };
 const handleSetBlockId = (component)=>{
     const { tag, uid } = component;
-    if (component.settings.appBlockId === undefined) return component;
+    if (component.settings?.appBlockId === undefined) return component;
     component.settings.appBlockId = composeAppBlockId.composeAppBlockId(tag, uid);
 };
 

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

@@ -54,13 +54,90 @@ const PumperBundlesVolumeDiscountConfig = {
         appId: '0856870d-2aca-4b1e-a662-cf1797f61270'
     }
 };
+const UnlimitedBundlesDiscountsConfig = {
+    UnlimitedBundlesDiscounts: {
+        appName: 'unlimited-bundles',
+        appId: 'd33d0f48-dee0-42a0-b156-2a5dce91814a'
+    }
+};
+const KiteFreeGiftDiscountConfig = {
+    KiteFreeGiftDiscount: {
+        appName: 'kite-free-gift-discounts',
+        appId: '2c7302c4-455d-4078-a829-48563ba26089'
+    }
+};
+const FastBundleBundlesDiscountsConfig = {
+    FastBundleBundlesDiscounts: {
+        appName: 'fast-bundle',
+        appId: '9e87fbe2-9041-4c23-acf5-322413994cef'
+    }
+};
+const SimpleBundlesKitsConfig = {
+    SimpleBundlesKits: {
+        appName: 'simple-bundles-kits',
+        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'
+    }
+};
 
+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;
+exports.PreorderNowPreOrderPqConfig = PreorderNowPreOrderPqConfig;
+exports.PreorderNowWodPresaleConfig = PreorderNowWodPresaleConfig;
 exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
 exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
 exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;
 exports.SelleasyConfig = SelleasyConfig;
 exports.ShopifyFormsConfig = ShopifyFormsConfig;
+exports.SimpleBundlesKitsConfig = SimpleBundlesKitsConfig;
 exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;
 exports.SubifySubscriptionsConfig = SubifySubscriptionsConfig;
+exports.UnlimitedBundlesDiscountsConfig = UnlimitedBundlesDiscountsConfig;

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;
     }
@@ -105,7 +112,115 @@ const PumperBundlesVolumeDiscount = {
         }
     }
 };
+const UnlimitedBundlesDiscounts = {
+    UnlimitedBundlesDiscounts: {
+        'product-page-placeholder': null
+    }
+};
+const KiteFreeGiftDiscount = {
+    KiteFreeGiftDiscount: {
+        'app-block': null
+    }
+};
+const FastBundleBundlesDiscounts = {
+    FastBundleBundlesDiscounts: {
+        all_bundles: null,
+        fbt_position: null,
+        product_bundles: null,
+        product_bundle_with_ids: null,
+        volume_position: null
+    }
+};
+const SimpleBundlesKits = {
+    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,
+    ...SimpleBundlesKits,
     ...PumperBundlesVolumeDiscount,
     ...ReviewxpoProductReviewsApp,
     ...ShopifyForms,

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

@@ -11,7 +11,18 @@ const mapShopifyAppMeta = {
     ...appConfig.SkioSubscriptionsYcS20Config,
     ...appConfig.ShopifyFormsConfig,
     ...appConfig.ReviewxpoProductReviewsAppConfig,
-    ...appConfig.PumperBundlesVolumeDiscountConfig
+    ...appConfig.PumperBundlesVolumeDiscountConfig,
+    ...appConfig.UnlimitedBundlesDiscountsConfig,
+    ...appConfig.KiteFreeGiftDiscountConfig,
+    ...appConfig.FastBundleBundlesDiscountsConfig,
+    ...appConfig.SimpleBundlesKitsConfig,
+    ...appConfig.EasyBundleBuilderSkailamaConfig,
+    ...appConfig.AssortionUpsellBundlesConfig,
+    ...appConfig.PreorderNowPreOrderPqConfig,
+    ...appConfig.KPreorderNowPartialPaymentConfig,
+    ...appConfig.FlyBundlesUpsellsFbtConfig,
+    ...appConfig.PreorderNowWodPresaleConfig,
+    ...appConfig.JunipProductReviewsUgcConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';