@gem-sdk/components 2.1.13-staging.1 → 2.1.13-staging.11

package/dist/esm/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js

@@ -9,7 +9,7 @@ import NextImage from '../../../../image/components/NextImage.liquid.js';
 import Video from '../../../../image/components/Video.liquid.js';
 import { getStyleOfObject } from '../../../helpers/function.js';
 
-const ProductFeaturedImageCarousel = ({ builderPropUID, children, enableLazyloadImage, ...setting })=>{
+const ProductFeaturedImageCarousel = ({ builderPropUID, children, enableLazyLoadImage, ...setting })=>{
     const ftAspectRatio = getAspectRatio(setting.ftShape);
     const getStyleFeaturedImageDisplay = ()=>{
         return getDisplayStyle((device)=>![
@@ -149,7 +149,7 @@ const ProductFeaturedImageCarousel = ({ builderPropUID, children, enableLazyload
             },
             priority: setting?.preload,
             className: `gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${className}`,
-            enableLazyloadImage
+            enableLazyLoadImage
         })}`;
     };
     const renderNoImage = ()=>{
@@ -167,7 +167,7 @@ const ProductFeaturedImageCarousel = ({ builderPropUID, children, enableLazyload
             },
             priority: setting?.preload,
             className: `gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none`,
-            enableLazyloadImage
+            enableLazyLoadImage
         })}`;
     };
     const getValueFromValueContainUnit = (value)=>{
@@ -394,7 +394,7 @@ const ProductFeaturedImageCarousel = ({ builderPropUID, children, enableLazyload
                 },
                 className: `gp-w-full featured-image-only !gp-rounded-none`,
                 customLazyload: true,
-                enableLazyloadImage
+                enableLazyLoadImage
             })}
           {%- endif -%}
         `

package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryCarousel.liquid.js

@@ -6,7 +6,7 @@ import { convertSpacing, getDisplayStyle, getAspectRatio, getSrcImage } from '..
 import { getShapeByLayout, getSettingMinWidthForCarouselItem, getSettingWidthForCarouselItem, getMinHeightByPosition, getSliderPerShowConfig, getAllowDotConfig, getDotStyleConfig, getCarouselVerticalConfigByPosition, checkDisplayGalleryByWidth, getZoomDisplay } from '../common/productGallery.js';
 import { getStyleOfObject } from '../../../helpers/function.js';
 
-const ProductGalleryCarousel = ({ builderPropUID, children, enableLazyloadImage, ...setting })=>{
+const ProductGalleryCarousel = ({ builderPropUID, children, enableLazyLoadImage, ...setting })=>{
     const getCarouselDisplay = ()=>{
         const isDisplayCarousel = (type, position, device)=>{
             const layout = getResponsiveValueByScreen(position, device);
@@ -86,7 +86,7 @@ const ProductGalleryCarousel = ({ builderPropUID, children, enableLazyloadImage,
             customLazyload: true,
             style: style,
             className: '!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer',
-            enableLazyloadImage
+            enableLazyLoadImage
         })}`;
     };
     const aspectRatioToPaddingBottom = ()=>{

package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryGrid.liquid.js

@@ -8,7 +8,7 @@ import Model3d from '../../../../image/components/Modal3d.liquid.js';
 import Video from '../../../../image/components/Video.liquid.js';
 import HTML5Embed from '../../../../video/components/HTML5Embed.liquid.js';
 
-const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazyloadImage, ...setting })=>{
+const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazyLoadImage, ...setting })=>{
     const getGridDisplay = ()=>{
         const isDisplayGrid = (type, position, device)=>{
             const layout = getResponsiveValueByScreen(position, device);
@@ -97,7 +97,7 @@ const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazy
             style: style,
             className: '!gp-rounded-none',
             customLazyload: false,
-            enableLazyloadImage
+            enableLazyLoadImage
         })}
       ${setting?.galleryHoverEffect !== 'none' ? `<div class="${cls('zoom-element !gp-max-w-none', getZoomImageClass())}">
           ${NextImage({
@@ -111,7 +111,7 @@ const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazy
             style: style,
             className: '!gp-rounded-none gp-w-full gp-h-full',
             customLazyload: false,
-            enableLazyloadImage
+            enableLazyLoadImage
         })}
           </div>` : ''}
       ${setting?.galleryHoverEffect == 'zoom' && setting?.galleryZoomType == 'glasses' ? `
@@ -294,7 +294,7 @@ const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazy
             },
             className: '!gp-rounded-none',
             customLazyload: false,
-            enableLazyloadImage
+            enableLazyLoadImage
         })}`;
     };
     return template`

package/dist/esm/product/components/ProductImagesV2/liquid/ProductImages.liquid.js

@@ -7,7 +7,7 @@ import { getSettingPreloadData } from '../../../../helpers.js';
 import { getShapeByLayout, sizeSettingDefaultForNewLayout } from '../common/productGallery.js';
 
 const ProductImages = (productImageProps)=>{
-    const { setting, styles, builderProps, style, advanced, rawChildren, pageContext, enableLazyloadImage } = productImageProps;
+    const { setting, styles, builderProps, style, advanced, rawChildren, pageContext, enableLazyLoadImage } = productImageProps;
     const settings = {
         ...setting,
         ...styles
@@ -112,7 +112,7 @@ const ProductImages = (productImageProps)=>{
         builderPropUID: `gp-carousel-${builderProps?.uid}`,
         ...settings,
         children: renderProductBadge(),
-        enableLazyloadImage
+        enableLazyLoadImage
     })}
         ${shouldSkipLiquidRenderForSingleImage(settings?.position, template`
             <div
@@ -128,7 +128,7 @@ const ProductImages = (productImageProps)=>{
               ${ProductGalleryCarousel({
         builderPropUID: `gp-gallery-${builderProps?.uid}`,
         ...settings,
-        enableLazyloadImage
+        enableLazyLoadImage
     })}
             </div>
             ${ProductGalleryGrid({
@@ -138,7 +138,7 @@ const ProductImages = (productImageProps)=>{
         },
         children: renderProductBadge(),
         ...settings,
-        enableLazyloadImage
+        enableLazyLoadImage
     })}
           `)}
       </div>

package/dist/esm/tab/hooks/useTabInteraction.js

@@ -1,20 +1,19 @@
 import { useInteraction, useEditorMode } from '@gem-sdk/core';
-import { useState, useEffect } from 'react';
+import { useEffect } from 'react';
 
 const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, componentUid })=>{
-    const [previousTab, setPreviousTab] = useState(activeKey || 1);
-    const { trigger, onListener, interactionListenerLoaded } = useInteraction();
+    const { trigger, onListener, interactionListenerLoaded, saveToElementInteractionData, findElementIncludingSelf } = useInteraction();
     const mode = useEditorMode();
     const changeOpenTabInteraction = (params)=>{
-        const { data, isRollback } = params || {};
-        if (data === undefined && isRollback === undefined) return;
+        const { data, isRollback, element, key } = params || {};
+        if (data === undefined && isRollback) return;
+        const newData = Number(data) + 1;
         if (isRollback) {
-            setActiveKey(previousTab);
-            setPreviousTab(activeTab);
+            setActiveKey(newData);
             return;
         }
-        setPreviousTab(activeTab);
-        setActiveKey(data + 1);
+        saveToElementInteractionData(element, key, String(activeKey));
+        setActiveKey(newData);
     };
     const dispatchEventTabActive = (index)=>{
         trigger({
@@ -35,11 +34,16 @@ const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, c
             dispatchEventTabActive(activeTab - 1);
         });
         const selector = `[data-id="${componentUid}"]`;
+        const element = findElementIncludingSelf(document, selector);
         const removeListener = onListener({
             event: 'gp:change-open-tab',
             selector
         }, (params)=>{
-            changeOpenTabInteraction(params);
+            changeOpenTabInteraction({
+                ...params,
+                element,
+                key: params?.uniqueStorageKey
+            });
         });
         return ()=>{
             removeListener?.();

package/dist/esm/text/components/Text.js

@@ -5,7 +5,6 @@ import { forwardRef, useMemo } from 'react';
 const Text = /*#__PURE__*/ forwardRef(({ styles, builderAttrs, style, setting, advanced, builderProps, className, children, ...props }, ref)=>{
     const { text, htmlTag: Element = 'div', options, tagWidth, excludeFlex } = setting ?? {};
     const composeGlobalSize = makeGlobalSize(setting?.globalSize);
-    console.log('Text: ', text);
     const mode = useEditorMode();
     const getPlaceHolderWhenContentNone = ()=>{
         let classList = '';

package/dist/esm/third-party/components/AlsoBoughtCbb.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/AlsoBoughtCbb.js';
+
+const AlsoBoughtCbbContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Also Bought • CBB',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const AlsoBoughtCbb = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(AlsoBoughtCbbContent, {})
+    });
+};
+
+export { AlsoBoughtCbb as default };

package/dist/esm/third-party/components/AlsoBoughtCbb.liquid.js

@@ -0,0 +1,17 @@
+import { template, makeStyleResponsive } from '@gem-sdk/core';
+
+const AlsoBoughtCbb = ({ setting, advanced })=>{
+    const { align } = setting ?? {};
+    return template`
+    <div
+      class="${advanced?.cssClass}"
+      style="${{
+        ...makeStyleResponsive('ta', align)
+    }}"
+    >
+      <div class="gp-integration-also-bought__position" />
+    </div>
+  `;
+};
+
+export { AlsoBoughtCbb as default };

package/dist/esm/third-party/components/BfSizeChartSizeGuide.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/BfSizeChartSizeGuide.js';
+
+const BfSizeChartSizeGuideContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'BF Size Chart & Size Guide',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const BfSizeChartSizeGuide = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(BfSizeChartSizeGuideContent, {})
+    });
+};
+
+export { BfSizeChartSizeGuide as default };

package/dist/esm/third-party/components/BfSizeChartSizeGuide.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const BfSizeChartSizeGuide = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
+};
+
+export { BfSizeChartSizeGuide as default };

package/dist/esm/third-party/components/EssentialAnnouncementBar.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/EssentialAnnouncementBar.js';
+
+const EssentialAnnouncementBarContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Essential Announcement Bar',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const EssentialAnnouncementBar = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(EssentialAnnouncementBarContent, {})
+    });
+};
+
+export { EssentialAnnouncementBar as default };

package/dist/esm/third-party/components/EssentialAnnouncementBar.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const EssentialAnnouncementBar = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block `);
+};
+
+export { EssentialAnnouncementBar as default };

package/dist/esm/third-party/components/EssentialCountdownTimerBar.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/EssentialCountdownTimerBar.js';
+
+const EssentialCountdownTimerBarContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Essential Countdown Timer Bar',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const EssentialCountdownTimerBar = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(EssentialCountdownTimerBarContent, {})
+    });
+};
+
+export { EssentialCountdownTimerBar as default };

package/dist/esm/third-party/components/EssentialCountdownTimerBar.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const EssentialCountdownTimerBar = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block `);
+};
+
+export { EssentialCountdownTimerBar as default };

package/dist/esm/third-party/components/EstimatedDeliveryDatePlus.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/EstimatedDeliveryDatePlus.js';
+
+const EstimatedDeliveryDatePlusContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Estimated Delivery Date ‑ Plus',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const EstimatedDeliveryDatePlus = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(EstimatedDeliveryDatePlusContent, {})
+    });
+};
+
+export { EstimatedDeliveryDatePlus as default };

package/dist/esm/third-party/components/EstimatedDeliveryDatePlus.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const EstimatedDeliveryDatePlus = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+export { EstimatedDeliveryDatePlus as default };

package/dist/esm/third-party/components/GloColorSwatchvariantImage.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/GloColorSwatchvariantImage.js';
+
+const GloColorSwatchvariantImageContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'GLO Color Swatch,Variant Image',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const GloColorSwatchvariantImage = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(GloColorSwatchvariantImageContent, {})
+    });
+};
+
+export { GloColorSwatchvariantImage as default };

package/dist/esm/third-party/components/GloColorSwatchvariantImage.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const GloColorSwatchvariantImage = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+export { GloColorSwatchvariantImage as default };

package/dist/esm/third-party/components/HextomFreeShippingBar.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/HextomFreeShippingBar.js';
+
+const HextomFreeShippingBarContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Hextom: Free Shipping Bar',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const HextomFreeShippingBar = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(HextomFreeShippingBarContent, {})
+    });
+};
+
+export { HextomFreeShippingBar as default };

package/dist/esm/third-party/components/HextomFreeShippingBar.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const HextomFreeShippingBar = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+export { HextomFreeShippingBar as default };

package/dist/esm/third-party/components/OkendoReviewsLoyalty.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/OkendoReviewsLoyalty.js';
+
+const OkendoReviewsLoyaltyContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Okendo: Reviews & Loyalty',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const OkendoReviewsLoyalty = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(OkendoReviewsLoyaltyContent, {})
+    });
+};
+
+export { OkendoReviewsLoyalty as default };

package/dist/esm/third-party/components/OkendoReviewsLoyalty.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const OkendoReviewsLoyalty = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block [&_*]:gp-max-w-none`);
+};
+
+export { OkendoReviewsLoyalty as default };

package/dist/esm/third-party/components/StellarDeliveryDatePickup.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/StellarDeliveryDatePickup.js';
+
+const StellarDeliveryDatePickupContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Stellar Delivery Date & Pickup',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const StellarDeliveryDatePickup = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(StellarDeliveryDatePickupContent, {})
+    });
+};
+
+export { StellarDeliveryDatePickup as default };

package/dist/esm/third-party/components/StellarDeliveryDatePickup.liquid.js

@@ -0,0 +1,17 @@
+import { template, makeStyleResponsive } from '@gem-sdk/core';
+
+const StellarDeliveryDatePickup = ({ setting, advanced })=>{
+    const { align } = setting ?? {};
+    return template`
+    <div
+      class="${advanced?.cssClass}"
+      style="${{
+        ...makeStyleResponsive('ta', align)
+    }}"
+    >
+      <div class="gp-integration-stellar-delivery__position" ></div>
+    </div>
+  `;
+};
+
+export { StellarDeliveryDatePickup as default };

package/dist/esm/third-party/components/TrustedsiteTrustBadges.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyleResponsive } from '@gem-sdk/core';
+import ThirdPartyPreview from './ThirdPartyPreview.js';
+import AppConfig from '../configs/TrustedsiteTrustBadges.js';
+
+const TrustedsiteTrustBadgesContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'TrustedSite ‑ Trust Badges',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const TrustedsiteTrustBadges = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(TrustedsiteTrustBadgesContent, {})
+    });
+};
+
+export { TrustedsiteTrustBadges as default };

package/dist/esm/third-party/components/TrustedsiteTrustBadges.liquid.js

@@ -0,0 +1,8 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
+
+const TrustedsiteTrustBadges = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+export { TrustedsiteTrustBadges as default };

package/dist/esm/third-party/configs/AlsoBoughtCbb.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'also-bought-cbb',
+    label: 'Also Bought • CBB',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png',
+    tag: 'AlsoBoughtCbb'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/configs/BfSizeChartSizeGuide.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'bf-size-chart-size-guide',
+    label: 'BF Size Chart & Size Guide',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png',
+    tag: 'BfSizeChartSizeGuide'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/configs/EssentialAnnouncementBar.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'essential-announcement-bar',
+    label: 'Essential Announcement Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/15e8255158a042a1eab34a4c45c72aa5/icon/CMK1jPv9uoADEAE=.png',
+    tag: 'EssentialAnnouncementBar'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/configs/EssentialCountdownTimerBar.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'essential-countdown-timer-bar',
+    label: 'Essential Countdown Timer Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/icon/CPzKxLTD4_UCEAE=.png',
+    tag: 'EssentialCountdownTimerBar'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/configs/EstimatedDeliveryDatePlus.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'estimated-delivery-date-plus',
+    label: 'Estimated Delivery Date ‑ Plus',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/e4733a4cb318126885ef06c1a11c2c35/icon/COTnt4SChPkCEAE=.jpeg',
+    tag: 'EstimatedDeliveryDatePlus'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/configs/GloColorSwatchvariantImage.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'glo-color-swatchvariant-image',
+    label: 'GLO Color Swatch,Variant Image',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9995b073cfe955d98eb8e9961e8dd7be/icon/CM-Kw8-05_4CEAE=.png',
+    tag: 'GloColorSwatchvariantImage'
+};
+
+export { AppConfig as default };