@gem-sdk/core 1.53.0-dev.16 → 1.53.0-dev.160

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

@@ -31,7 +31,7 @@ const componentIconList = [
 const componentUsingAdvanced = [
     'IconList'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, largeComponent = [], sizeLargeComponent = 50, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -70,6 +70,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
+                    largeComponent,
+                    sizeLargeComponent,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -81,7 +83,9 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             builder,
                             components,
                             customProps,
-                            pageContext
+                            pageContext,
+                            largeComponent,
+                            sizeLargeComponent
                         };
                     }),
                     children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -93,11 +97,13 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             parentTag: item.tag,
-                            pageContext
+                            pageContext,
+                            largeComponent,
+                            sizeLargeComponent
                         }))) : ''
                 });
             }, ()=>{
-                return Component({
+                const liquid = Component({
                     builderProps: {
                         uid,
                         builderData: item
@@ -109,11 +115,20 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
+                    largeComponent,
+                    sizeLargeComponent,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
                     }
                 });
+                if (isLimitSize(liquid, sizeLargeComponent)) {
+                    largeComponent.push({
+                        uid: item.uid,
+                        tag: item.tag
+                    });
+                }
+                return liquid;
             });
         } else {
             liquid = template`<div gp-el-wrapper style="${!componentIconList.includes(item.tag) ? style : ''}" class="${item.uid} ${!item?.childrens?.length && item.tag === 'IconListItemHoz' ? 'hidden' : ''}">
@@ -130,6 +145,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,
+                    largeComponent,
+                    sizeLargeComponent,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -141,7 +158,9 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             builder,
                             components,
                             customProps,
-                            pageContext
+                            pageContext,
+                            largeComponent,
+                            sizeLargeComponent
                         };
                     }),
                     children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -153,11 +172,13 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             parentTag: item.tag,
-                            pageContext
+                            pageContext,
+                            largeComponent,
+                            sizeLargeComponent
                         }))) : ''
                 });
             }, ()=>{
-                return Component({
+                const liquid = Component({
                     builderProps: {
                         uid,
                         builderData: item
@@ -175,6 +196,13 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         ...passProps.builderAttrs
                     }
                 });
+                if (isLimitSize(liquid, sizeLargeComponent)) {
+                    largeComponent.push({
+                        uid: item.uid,
+                        tag: item.tag
+                    });
+                }
+                return liquid;
             })}
       </div>`;
         }
@@ -299,5 +327,10 @@ const WrapRenderChildren = ({ uid, customProps }, codes)=>{
     }
     return liquid;
 };
+const isLimitSize = (liquid, size = 50)=>{
+    const textEncoder = new TextEncoder();
+    const byteSize = textEncoder.encode(liquid).length;
+    return byteSize >= size * 1024;
+};
 
 export { RenderChildren, WrapRenderChildren, Render as default };

package/dist/esm/contexts/PageContext.js

@@ -54,6 +54,14 @@ const createPageStoreProvider = (data)=>createStore((set)=>({
                             selectType
                         }
                     }));
+            },
+            setInteractionSettingType: (settingType)=>{
+                set((state)=>({
+                        interactionData: {
+                            ...state.interactionData,
+                            settingType
+                        }
+                    }));
             }
         }));
 const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
@@ -63,7 +71,7 @@ const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffe
             productOffers,
             publicStoreFrontData,
             interactionData: {
-                selectType: 'element'
+                selectType: 'ELEMENT'
             }
         }), [
         dynamicProduct,

package/dist/esm/graphql/queries/published-shop-metas.js

@@ -0,0 +1,13 @@
+const PublishedShopMetasDocument = `
+    query PublishedShopMetas($keys: [String!]) {
+  publishedShopMetas(keys: $keys) {
+    id
+    createdAt
+    updatedAt
+    key
+    value
+  }
+}
+    `;
+
+export { PublishedShopMetasDocument };

package/dist/esm/helpers/animations.js

@@ -51,10 +51,16 @@ const animations = ()=>{
             'left',
             'right'
         ].includes(direction ?? '') ? 'X' : 'Y';
-        const isNeg = [
+        let isNeg = [
             'left',
             'down'
         ].includes(direction ?? '') ? '-' : '';
+        if (reverse) {
+            isNeg = [
+                'left',
+                'down'
+            ].includes(direction ?? '') ? '' : '-';
+        }
         const preset = [
             {
                 opacity: 0,
@@ -124,7 +130,10 @@ const animations = ()=>{
                 opacity: 1
             }
         ];
-        const zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
+        let zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
+        if (reverse) {
+            zoomPreset = zoomDirection === 'in' ? zoomOutPreset : zoomInPreset;
+        }
         return generateAnimationInstance(target, reverse ? zoomPreset.reverse() : zoomPreset, {
             ...generateOptions(normalizedOptions, 700)
         });

package/dist/esm/helpers/background.js

@@ -11,7 +11,9 @@ const getStyleBackgroundByDevice = (background, options)=>{
             ...getStyleBgColor(background)
         } : {},
         ...!options?.ignoreBackgroundImage ? {
-            ...getStyleBgImage(background, options),
+            ...getStyleBgImage(background, options)
+        } : {},
+        ...!options?.ignoreBackgroundImageProperties ? {
             ...getStyleBgPosition(background),
             ...getStyleBgSize(background),
             ...getStyleBgRepeat(background)
@@ -72,6 +74,9 @@ const getBgImageByDevice = (background, device, options)=>{
     if (typeof imageByDevice === 'string') {
         return `url(${imageByDevice})`;
     }
+    if (imageByDevice !== undefined) {
+        return 'none';
+    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {
@@ -203,7 +208,7 @@ const getGradientBgrStyleForButton = (backgroundStyle)=>{
     });
     return bgrStyle;
 };
-const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = false)=>{
+const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
     if (!backgroundStyle) return;
     const bgrStyle = {};
     [
@@ -211,10 +216,10 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = fa
         'tablet',
         'mobile'
     ].forEach((device)=>{
-        if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
+        if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY) && backgroundStyle[device]?.type !== 'video') {
             Object.assign(bgrStyle, {
-                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: ignoreBackgroundImage ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: backgroundStyle[device]?.color,
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
             });
         }
     });

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 { getResonsiveStyleShadow, getStyleShadowState, getStyleShadow } from './shadow.js';
+import { getResponsiveStyleShadow, getStyleShadowState, getStyleShadow } from './shadow.js';
 
 const composeSpacing = ({ source, spacing, type, suffix = '' })=>{
     const { top, left, bottom, right } = spacing;
@@ -100,7 +100,12 @@ function composeAdvanceStyle(data, tag, pageType) {
                             Object.assign(styles, composeRadius(value));
                         }
                         if (attr === 'boxShadow') {
-                            Object.assign(styles, getResonsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
+                            const hasBoxShadow = {
+                                desktop: value.desktop ?? false,
+                                tablet: value.tablet ?? value.desktop ?? false,
+                                mobile: value.mobile ?? value.tablet ?? value.desktop ?? false
+                            };
+                            Object.assign(styles, getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
                         }
                         if (composeAttr === 'desktop') {
                             switch(attr){

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

@@ -1,6 +1,6 @@
+import { useRef } from 'react';
 import 'react/jsx-runtime';
 import 'zustand';
-import 'react';
 import 'swr';
 import { usePageStore } from '../../contexts/PageContext.js';
 import '@gem-sdk/adapter-shopify';
@@ -15,9 +15,17 @@ import 'dayjs';
 import '../convert.js';
 
 const useInteraction = ()=>{
+    const ref = useRef();
     const setInteractionIsSelectOnPage = usePageStore((s)=>s.setInteractionIsSelectOnPage);
-    const onListener = ({ event, selector }, callback)=>{
-        const element = document.querySelector(selector);
+    function findElementIncludingSelf(element, selector) {
+        if (!(element instanceof Document) && element?.matches(selector)) {
+            return element;
+        } else {
+            return element?.querySelector(selector);
+        }
+    }
+    const onListener = ({ event, selector, elementRef }, callback)=>{
+        const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
         if (!element) return;
         element.addEventListener(event, (e)=>{
             const event = e;
@@ -25,8 +33,8 @@ const useInteraction = ()=>{
             if (callback) callback(params);
         });
     };
-    const trigger = ({ event, data, selector })=>{
-        const element = document.querySelector(selector);
+    const trigger = ({ event, data, selector, element: elementParam })=>{
+        const element = elementParam || document.querySelector(selector);
         if (!element) return;
         const eventDispatch = new CustomEvent(event, {
             bubbles: false,
@@ -45,6 +53,14 @@ const useInteraction = ()=>{
             [key]: value
         }));
     };
+    const getInteractionPreviousData = (element, key)=>{
+        const interactionData = element.getAttribute('gp-data-interaction');
+        const interactionDataJson = JSON.parse(interactionData || '{}');
+        return {
+            previousData: interactionDataJson[key],
+            interactionDataJson
+        };
+    };
     const closeSelectOnPage = ()=>{
         setInteractionIsSelectOnPage(false);
         const event = new CustomEvent('editor:interaction:change-select-on-page', {
@@ -57,7 +73,10 @@ const useInteraction = ()=>{
         onListener,
         trigger,
         saveToElementInteractionData,
-        closeSelectOnPage
+        closeSelectOnPage,
+        ref,
+        findElementIncludingSelf,
+        getInteractionPreviousData
     };
 };
 

package/dist/esm/helpers/radius.js

@@ -25,7 +25,14 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
     };
 };
 const getCustomRadius = (state, radius, device)=>{
-    if (!radius || !state || radius?.radiusType !== 'custom') return {};
+    const list = [
+        'custom',
+        'pill',
+        'rounded',
+        'single',
+        'none'
+    ];
+    if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
     const suffix = device && device !== 'desktop' ? devicesMapping?.[device] : '';
     const mState = stateMapping?.[state];
     return {
@@ -60,6 +67,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
     }
@@ -72,6 +80,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
     }
@@ -84,6 +93,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
     }

package/dist/esm/helpers/shadow.js

@@ -24,8 +24,9 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     if (!styleAppliedFor || !value) return {};
     if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
+    const isNoneValue = value.type === 'none';
     return {
-        [`-${!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'
+        [`-${!isActiveState ? stateMapping?.[state] || '' : ''}-${getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow && !isNoneValue ? `${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, screen)=>{
@@ -42,7 +43,7 @@ const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{
     }
     return style;
 };
-const getResonsiveStyleShadow = (value, styleAppliedFor, isEnableShadow)=>{
+const getResponsiveStyleShadow = (value, styleAppliedFor, isEnableShadow)=>{
     if (!value) return undefined;
     if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
         return {
@@ -60,4 +61,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, getResonsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit };
+export { composeShadowCss, getResponsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit };

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

@@ -112,5 +112,41 @@ const YotpoReviewsV3UgcConfig = {
         appId: 'eb7dfd7d-db44-4334-bc49-c893b51b36cf'
     }
 };
+const WhatmoreShoppableVideosreelConfig = {
+    WhatmoreShoppableVideosreel: {
+        appName: 'whatmore-shoppable-videos',
+        appId: '20db8a72-315a-4364-8885-64219ee48303'
+    }
+};
+const ProductOptionsCustomizerConfig = {
+    ProductOptionsCustomizer: {
+        appName: 'product-options-customizer',
+        appId: '6857ca6c-35eb-4b6f-9d58-a039f31d9406'
+    }
+};
+const AppointmentBookingCowlendarConfig = {
+    AppointmentBookingCowlendar: {
+        appName: 'cowlendar-booking',
+        appId: '6d8b8f6a-9b3c-42b8-b2e6-a758c38d45bf'
+    }
+};
+const SproutPlantTreesGrowSalesConfig = {
+    SproutPlantTreesGrowSales: {
+        appName: 'sprout-plant-trees',
+        appId: '7db5ee24-2195-4099-b98e-1547c600e4aa'
+    }
+};
+const InstasellShoppableInstagramConfig = {
+    InstasellShoppableInstagram: {
+        appName: 'instasell-instagram-gallery',
+        appId: '38d643ac-410a-4b2c-a727-6125ff08e444'
+    }
+};
+const BoldSubscriptionsConfig = {
+    BoldSubscriptions: {
+        appName: 'bold-subscriptions',
+        appId: '9ceb49f0-5fe5-4b5e-943d-f8af8985167d'
+    }
+};
 
-export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, YotpoReviewsV3UgcConfig };
+export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, YotpoReviewsV3UgcConfig };

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

@@ -93,6 +93,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     selected_product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
+        case 'WhatmoreShoppableVideosreel':
+            {
+                return {
+                    ...currentSetting,
+                    ['show-views']: appSetting?.showViews
+                };
+            }
         default:
             return currentSetting;
     }
@@ -212,7 +219,142 @@ const YotpoReviews = {
         }
     }
 };
+const WhatmoreShoppableVideosreel = {
+    WhatmoreShoppableVideosreel: {
+        'app-block': {
+            heading: 'Watch and Buy',
+            'template-type': 'template-f',
+            'show-views': 'show',
+            'ui-theme': 'round',
+            'color-primary': '#343434',
+            'color-secondary': '#343434',
+            'title-font': 'poppins_n4',
+            'primary-font': 'poppins_n4',
+            'title-font-size': 40,
+            'title-font-size-portrait': 24,
+            'landscape-padding': 40,
+            'top-bottom-padding': 20,
+            'scroll-video-tile-size': 80,
+            'scroll-video-tile-size-portrait': 80,
+            'min-height': 380
+        },
+        'app-block-banner': {
+            'template-type': 'template-banner-a',
+            'ui-theme': 'round',
+            'banner-video-tile-size': 80
+        },
+        'app-block-collections': {
+            collectionHeading: 'W',
+            'template-type': 'template-collections-b',
+            'ui-theme': 'round',
+            'color-secondary': '#343434',
+            'primary-font': 'poppins_n4',
+            'tile-size': 60,
+            'tile-size-portrait': 60,
+            'min-height': 250
+        },
+        'app-block-stories': {
+            'template-type': 'template-stories-a',
+            'ui-theme': 'round',
+            'color-primary': '#343434',
+            'color-secondary': '#343434',
+            'primary-font': 'poppins_n4',
+            'stories-top-bottom-padding': 0,
+            'story-tile-size': 40,
+            'story-tile-size-desktop': 40
+        }
+    }
+};
+const ProductOptionsCustomizer = {
+    ProductOptionsCustomizer: {
+        'product-page-customizer': {
+            pc_container_size: 100,
+            pc_show_options_total: 'initial',
+            pc_customizations_total_text: 'Customizations Total:',
+            pc_show_preloader: 'hide',
+            pc_preloader_color: '',
+            pc_ignore_redirect_command: true,
+            pc_basic_label_text_color: '#000000',
+            pc_basic_label_font_size: 14,
+            pc_basic_label_bolden: 'unset',
+            pc_basic_label_space_above: 0,
+            pc_basic_option_background_color: '#FFFFFF',
+            pc_basic_option_text_color: '#000000',
+            pc_basic_option_border_color: '#000000',
+            pc_basic_option_border_style: 'solid',
+            pc_basic_option_border_width: 1,
+            pc_basic_option_curve_the_corners: 'none',
+            pc_basic_option_font_size: 14,
+            pc_basic_option_bolden: 'none',
+            pc_basic_option_width: 100,
+            pc_basic_option_space_above: 0,
+            pc_basic_option_space_below: 0,
+            pc_basic_option_space_inside: 10,
+            pc_advanced_custom_css: '',
+            pc_advanced_custom_js: '',
+            pc_show_image_swatch_preview: false
+        }
+    }
+};
+const AppointmentBookingCowlendar = {
+    AppointmentBookingCowlendar: {
+        'app-section': {
+            section_title: 'Services list',
+            section_type: 'services-list'
+        }
+    }
+};
+const SproutPlantTreesGrowSales = {
+    SproutPlantTreesGrowSales: {
+        badge: null,
+        'impact-banner': null
+    }
+};
+const InstasellShoppableInstagram = {
+    InstasellShoppableInstagram: {
+        'app-block': {
+            heading: 'InstaSell: Instagram Gallery+',
+            description: 'Showcase your Instagram Feed on your Shopify Storefront'
+        }
+    }
+};
+const BoldSubscriptions = {
+    BoldSubscriptions: {
+        'bsub-widget-block': {
+            default_subscribe: true,
+            primary_color: '#3b63ff',
+            secondary_color: '#7dba63',
+            background_color: '#f8f9f9',
+            border_radius: 4,
+            header_text: 'Purchase Options',
+            one_time_text: 'One-time Purchase',
+            recurring_text: 'Subscribe and Save',
+            prepaid_recurring_text: 'Prepaid Subscribe and Save',
+            discount_summary_text: '(Save {discount})',
+            discount_summary_plural_text: '(Save up to {discount})',
+            frequency_header: 'Delivery Frequency',
+            frequency_text: 'delivery',
+            prepaid_checkbox_label_text: 'Prepay for subscription',
+            billing_frequency_header: 'Billing Frequency',
+            billing_frequency_text: '{count} Orders',
+            delivery_frequency_discount_text: '({discount} off)',
+            billing_frequency_discount_text: '({discount} off)',
+            prepaid_total_text: 'Billed {price} today',
+            prepaid_continue_as_prepaid_text: 'Prepaid order will auto-renew after {count} orders',
+            prepaid_continue_as_standard_text: 'Becomes a regular subscription after {count} orders',
+            convertible_header: 'Converts to',
+            eligible_for_subscription_header: 'Eligible for Subscription',
+            initial_dynamic_discount_text: 'Save {initial_percent_discount}% ({initial_fixed_discount})',
+            subsequent_dynamic_discounts_text: '{subsequent_percent_discount}% ({subsequent_fixed_discount}) after {order_count} order(s)'
+        }
+    }
+};
 const composeSettingsByWidgetType = {
+    ...InstasellShoppableInstagram,
+    ...SproutPlantTreesGrowSales,
+    ...AppointmentBookingCowlendar,
+    ...ProductOptionsCustomizer,
+    ...WhatmoreShoppableVideosreel,
     ...JunipProductReviewsUgc,
     ...FlyBundlesUpsellsFbt,
     ...PreorderNowWodPresale,
@@ -231,7 +373,8 @@ const composeSettingsByWidgetType = {
     ...LoyaltyRewardsReferrals,
     ...SubifySubscriptions,
     ...SelleasyWidget,
-    ...YotpoReviews
+    ...YotpoReviews,
+    ...BoldSubscriptions
 };
 
 export { composeSettingsByWidgetType, overrideSettings };

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

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

package/dist/esm/helpers/typography.js

@@ -82,7 +82,7 @@ const composeFontFamilyTypographyV2 = (value)=>{
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
-            fallbackFontFamily: value?.fallbackFontFamily
+            fallbackFontFamily: getFallbackFontFamily(value?.fallbackFontFamily, type)
         });
     }
     if (typeof fontFamily === 'object' && typeof fontFamily?.value === 'string') {
@@ -92,12 +92,15 @@ const composeFontFamilyTypographyV2 = (value)=>{
             default:
                 return getFontUsedByTypographyV2({
                     fontFamily: fontFamily.value,
-                    fallbackFontFamily: composeFallbackTypographyStyle(type ?? 'heading')
+                    fallbackFontFamily: getFallbackFontFamily(value?.fallbackFontFamily, type)
                 });
         }
     }
     return;
 };
+const getFallbackFontFamily = (fallbackFontFamilyDefault, type)=>{
+    return fallbackFontFamilyDefault || composeFallbackTypographyStyle(type ?? 'heading');
+};
 const getFontUsedByTypographyV2 = ({ fontFamily, fallbackFontFamily })=>{
     if (fontFamily) {
         return `var(--g-font-${fontFamily?.replace(/ /g, '-')}, '${fontFamily}'), ${fallbackFontFamily}`;

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

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