@gem-sdk/components 2.1.13-staging.3 → 2.1.13-staging.6

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 };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'hextom-free-shipping-bar',
+    label: 'Hextom: Free Shipping Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/635cce572624d1086ac37403cf25b5ee/icon/CMuP4OXt54YDEAE=.png',
+    tag: 'HextomFreeShippingBar'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'okendo-reviews-loyalty',
+    label: 'Okendo: Reviews & Loyalty',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/fe55626671bd5da73785c606c2b0752f/icon/CNKRrIWatfoCEAE=.png',
+    tag: 'OkendoReviewsLoyalty'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'stellar-delivery-date-pickup',
+    label: 'Stellar Delivery Date & Pickup',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/568eee7424b5f70382db5178dd815f6a/icon/CMTw3rn0lu8CEAE=.jpg',
+    tag: 'StellarDeliveryDatePickup'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'trustedsite-trust-badges',
+    label: 'TrustedSite ‑ Trust Badges',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/38fdc008d044b95511d73b59ae0cc83f/icon/CIX8yLf0lu8CEAE=.png',
+    tag: 'TrustedsiteTrustBadges'
+};
+
+export { AppConfig as default };

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

@@ -37,7 +37,7 @@ const getLiquidForAppBlock = (appBlockId, align, cssClass)=>{
     <div
       class="gp-flex gp-w-full gp-items-center ${cssClass}"
       style="${{
-        ...makeStyleResponsive('ta', align)
+        ...makeStyleResponsive('jc', align)
     }}"
     >
       {% for block in app_blocks %}

package/dist/esm/third-party/next.js

@@ -2,6 +2,26 @@ import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
 
+const EstimatedDeliveryDatePlus = dynamic(()=>import('./components/EstimatedDeliveryDatePlus.js'), {
+    ssr: false,
+    loading: Loading
+});
+const OkendoReviewsLoyalty = dynamic(()=>import('./components/OkendoReviewsLoyalty.js'), {
+    ssr: false,
+    loading: Loading
+});
+const EssentialAnnouncementBar = dynamic(()=>import('./components/EssentialAnnouncementBar.js'), {
+    ssr: false,
+    loading: Loading
+});
+const EssentialCountdownTimerBar = dynamic(()=>import('./components/EssentialCountdownTimerBar.js'), {
+    ssr: false,
+    loading: Loading
+});
+const StellarDeliveryDatePickup = dynamic(()=>import('./components/StellarDeliveryDatePickup.js'), {
+    ssr: false,
+    loading: Loading
+});
 const TrustshopProductReviews = dynamic(()=>import('./components/TrustshopProductReviews.js'), {
     ssr: false,
     loading: Loading
@@ -414,7 +434,32 @@ const TrustBadgesBear = dynamic(()=>import('./components/TrustBadgesBear.js'), {
     ssr: false,
     loading: Loading
 });
+const TrustedsiteTrustBadges = dynamic(()=>import('./components/TrustedsiteTrustBadges.js'), {
+    ssr: false,
+    loading: Loading
+});
+const GloColorSwatchvariantImage = dynamic(()=>import('./components/GloColorSwatchvariantImage.js'), {
+    ssr: false,
+    loading: Loading
+});
+const BfSizeChartSizeGuide = dynamic(()=>import('./components/BfSizeChartSizeGuide.js'), {
+    ssr: false,
+    loading: Loading
+});
+const AlsoBoughtCbb = dynamic(()=>import('./components/AlsoBoughtCbb.js'), {
+    ssr: false,
+    loading: Loading
+});
+const HextomFreeShippingBar = dynamic(()=>import('./components/HextomFreeShippingBar.js'), {
+    ssr: false,
+    loading: Loading
+});
 var thirdParty = {
+    EstimatedDeliveryDatePlus,
+    OkendoReviewsLoyalty,
+    EssentialAnnouncementBar,
+    EssentialCountdownTimerBar,
+    StellarDeliveryDatePickup,
     TrustshopProductReviews,
     HulkProductOptions,
     TrustreviewsProductReviews,
@@ -517,7 +562,12 @@ var thirdParty = {
     BirdChime,
     FordeerProductLabels,
     HextomCountdownTimerBar,
-    TrustBadgesBear
+    TrustBadgesBear,
+    TrustedsiteTrustBadges,
+    GloColorSwatchvariantImage,
+    BfSizeChartSizeGuide,
+    AlsoBoughtCbb,
+    HextomFreeShippingBar
 };
 
 export { thirdParty as default };

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

@@ -0,0 +1,123 @@
+import AppConfig from '../configs/AlsoBoughtCbb.js';
+
+const config = {
+    tag: AppConfig.tag,
+    label: AppConfig.label,
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png">',
+    editorConfigs: {
+        placeholder: {
+            flowPage: 'GP_PRODUCT'
+        },
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: AppConfig.id,
+            name: {
+                en: AppConfig.label
+            },
+            hideTextContent: true,
+            icon: {
+                desktop: `<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png">
+        <span class="preset-item-title">Also Bought • CBB</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/also-bought?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: 'https://admin.shopify.com/?redirect=/apps/also-bought',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'guideId',
+                    type: 'group'
+                },
+                {
+                    id: 'align',
+                    label: 'Alignment',
+                    type: 'segment',
+                    options: [
+                        {
+                            label: 'Left',
+                            value: 'left',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Center',
+                            value: 'center',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Right',
+                            value: 'right',
+                            type: 'align'
+                        }
+                    ],
+                    devices: {
+                        desktop: {
+                            default: 'left'
+                        }
+                    }
+                }
+            ]
+        }
+    ],
+    ui: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            info: {
+                en: '<span>To make this element work, copy the class <strong>.gp-integration-also-bought__position</strong> and paste it into the Widget Location Selector input field in the Custom Location Product Page</span>'
+            },
+            setting: {
+                id: 'guideId'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+export { config as default };

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

@@ -0,0 +1,127 @@
+import AppConfig from '../configs/BfSizeChartSizeGuide.js';
+
+const config = {
+    tag: AppConfig.tag,
+    label: AppConfig.label,
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png">',
+    editorConfigs: {
+        placeholder: {
+            flowPage: 'GP_PRODUCT'
+        },
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: AppConfig.id,
+            name: {
+                en: AppConfig.label
+            },
+            hideTextContent: true,
+            icon: {
+                desktop: `<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png">
+        <span class="preset-item-title">BF Size Chart & Size Guide</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Block',
+                            value: 'block'
+                        }
+                    ],
+                    default: 'block'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/best-fit-size-charts-size-guides?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: 'https://admin.shopify.com/?redirect=/apps/size-charts-by-relentless',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'align',
+                    label: 'Alignment',
+                    type: 'segment',
+                    options: [
+                        {
+                            label: 'Left',
+                            value: 'left',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Center',
+                            value: 'center',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Right',
+                            value: 'right',
+                            type: 'align'
+                        }
+                    ],
+                    devices: {
+                        desktop: {
+                            default: 'left'
+                        }
+                    }
+                }
+            ]
+        }
+    ],
+    ui: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+export { config as default };