@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

package/dist/esm/third-party/components/Klaviyo/KlaviyoSampleContent.js

@@ -1,19 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-import KlaviyoConfig from '../../configs/Klaviyo.js';
-
-const KlaviyoSampleContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: KlaviyoConfig.label,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${KlaviyoConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-
-export { KlaviyoSampleContent as default };
+'use client';
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import o from"../ThirdPartyPreview.js";import l from"../../configs/Klaviyo.js";let KlaviyoSampleContent=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(o,{setting:{label:l.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${l.logoUrl}">`}})})});export{KlaviyoSampleContent as default};

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

@@ -1,26 +1,2 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const KlaviyoSampleContent = dynamic(()=>import('./Klaviyo/KlaviyoSampleContent.js'));
-const Klaviyo = ({ setting })=>{
-    const { formCode, align } = setting ?? {};
-    const mode = useEditorMode();
-    const codeClass = `klaviyo-form-${formCode}`;
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsxs("div", {
-            style: {
-                ...makeStyleResponsive('ta', align)
-            },
-            className: "gp-h-full gp-w-full",
-            children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: codeClass
-                }),
-                mode === 'edit' && /*#__PURE__*/ jsx(KlaviyoSampleContent, {})
-            ]
-        })
-    });
-};
-
-export { Klaviyo as default };
+'use client';
+import{jsx as e,Fragment as l,jsxs as t}from"react/jsx-runtime";import{useEditorMode as o,makeStyleResponsive as a}from"@gem-sdk/core";import i from"next/dynamic";let KlaviyoSampleContent=i(()=>import("./Klaviyo/KlaviyoSampleContent.js")),Klaviyo=({setting:i})=>{let{formCode:m,align:r}=i??{},n=o(),p=`klaviyo-form-${m}`;return e(l,{children:t("div",{style:{...a("ta",r)},className:"gp-h-full gp-w-full",children:[e("div",{className:p}),"edit"===n&&e(KlaviyoSampleContent,{})]})})};export{Klaviyo as default};

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

@@ -1,19 +1,9 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const Klaviyo = ({ setting, advanced })=>{
-    const { formCode, align } = setting ?? {};
-    const codeClass = `klaviyo-form-${formCode}`;
-    return template`
+import{template as l,makeStyleResponsive as s}from"@gem-sdk/core";let Klaviyo=({setting:a,advanced:e})=>{let{formCode:i,align:o}=a??{},t=`klaviyo-form-${i}`;return l`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${e?.cssClass}"
+      style="${{...s("ta",o)}}"
       class="gp-h-full gp-w-full"
     >
-      <div class="${codeClass}"></div>
+      <div class="${t}"></div>
     </div>
-  `;
-};
-
-export { Klaviyo as default };
+  `};export{Klaviyo as default};

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

@@ -1,33 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-
-const AppConfig = {
-    id: 'koala-bundle-quantity-discount',
-    label: 'Koala Bundle Quantity Discount',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cff2122857af908351bfd5156ba3052a/icon/COGWoM-s-4MDEAE=.png',
-    tag: 'KoalaBundleQuantityDiscount'
-};
-const KoalaBundleQuantityDiscountContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'Koala Bundle Quantity Discount',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const KoalaBundleQuantityDiscount = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(KoalaBundleQuantityDiscountContent, {})
-    });
-};
-
-export { AppConfig, KoalaBundleQuantityDiscount as default };
+'use client';
+import{jsx as t,Fragment as n}from"react/jsx-runtime";import{makeStyleResponsive as o}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";import a from"../configs/KoalaBundleQuantityDiscount.js";let KoalaBundleQuantityDiscountContent=()=>t(n,{children:t("div",{className:"gp-p-2",children:t(i,{setting:{label:"Koala Bundle Quantity Discount",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${a.logoUrl}">`}})})}),KoalaBundleQuantityDiscount=({setting:n})=>t("div",{style:{...o("ta",n?.align)},children:t(KoalaBundleQuantityDiscountContent,{})});export{KoalaBundleQuantityDiscount as default};

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

@@ -1,17 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const KoalaBundleQuantityDiscount = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+import{template as a,makeStyleResponsive as t}from"@gem-sdk/core";let KoalaBundleQuantityDiscount=({setting:l,advanced:d})=>{let{align:e}=l??{};return a`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${d?.cssClass}"
+      style="${{...t("ta",e)}}"
     >
       <koala-deal product-id="{{product.id}}"></koala-deal>
     </div>
-  `;
-};
-
-export { KoalaBundleQuantityDiscount as default };
+  `};export{KoalaBundleQuantityDiscount as default};

package/dist/esm/third-party/components/LaiProductReviews/LaiProductReviewsSampleContent.js

@@ -1,54 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-import LaiProductReviewsConfig from '../../configs/LaiProductReviews.js';
-import { useCallback, useMemo } from 'react';
-
-const ADVANCED_WIDGETS = 'advanced_widget';
-const mapWidgetLabel = {
-    reviews_widget: 'Product Review Widget',
-    star_ratings: 'Star ratings',
-    homepage_reviews: 'Homepage Reviews',
-    happy_customer_reviews: 'Happy Customer Reviews',
-    star_ratings_in_list: 'Star Ratings in the List',
-    advanced_widget: 'Advanced Widget'
-};
-const mapAdvancedWidgetLabel = {
-    cardCarousel: 'Card Carousel',
-    testimonialCarousel: 'Testimonial carousel',
-    mediaGallery: 'Media gallery',
-    cardGrid: 'Card grid'
-};
-const LaiProductReviewsSampleContent = ({ setting })=>{
-    const getWidgetLabel = ()=>{
-        const widgetType = setting?.widgetType;
-        const advancedWidgetType = setting?.advancedWidgetType;
-        if (widgetType === ADVANCED_WIDGETS && advancedWidgetType) {
-            return mapAdvancedWidgetLabel[advancedWidgetType] || '';
-        } else if (widgetType) {
-            return mapWidgetLabel[widgetType] || '';
-        }
-        return '';
-    };
-    const getLabel = useCallback((widgetLabel)=>{
-        if (setting?.widgetType === ADVANCED_WIDGETS) return `${LaiProductReviewsConfig.label} - Advanced - ${widgetLabel}`;
-        return `${LaiProductReviewsConfig.label} - ${widgetLabel}`;
-    }, [
-        setting?.widgetType
-    ]);
-    const widgetLabel = getWidgetLabel();
-    const label = useMemo(()=>getLabel(widgetLabel), [
-        widgetLabel,
-        getLabel
-    ]);
-    return /*#__PURE__*/ jsx("div", {
-        className: "gp-p-2",
-        children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-            setting: {
-                label,
-                iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${LaiProductReviewsConfig.logoUrl}">`
-            }
-        })
-    });
-};
-
-export { LaiProductReviewsSampleContent as default };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import a from"../ThirdPartyPreview.js";import r from"../../configs/LaiProductReviews.js";import{useCallback as i,useMemo as t}from"react";let ADVANCED_WIDGETS="advanced_widget",mapWidgetLabel={reviews_widget:"Product Review Widget",star_ratings:"Star ratings",homepage_reviews:"Homepage Reviews",happy_customer_reviews:"Happy Customer Reviews",star_ratings_in_list:"Star Ratings in the List",advanced_widget:"Advanced Widget"},mapAdvancedWidgetLabel={cardCarousel:"Card Carousel",testimonialCarousel:"Testimonial carousel",mediaGallery:"Media gallery",cardGrid:"Card grid"},LaiProductReviewsSampleContent=({setting:d})=>{let s=()=>{let e=d?.widgetType,a=d?.advancedWidgetType;return e===ADVANCED_WIDGETS&&a?mapAdvancedWidgetLabel[a]||"":e&&mapWidgetLabel[e]||""},o=i(e=>d?.widgetType===ADVANCED_WIDGETS?`${r.label} - Advanced - ${e}`:`${r.label} - ${e}`,[d?.widgetType]),g=s(),l=t(()=>o(g),[g,o]);return e("div",{className:"gp-p-2",children:e(a,{setting:{label:l,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${r.logoUrl}">`}})})};export{LaiProductReviewsSampleContent as default};

package/dist/esm/third-party/components/LaiProductReviews/LiquidTemplateByWiget.js

@@ -1,23 +1,4 @@
-const ADVANCED_WIDGETS = 'advanced_widget';
-const getTemplateByWidget = (setting)=>{
-    const templateMap = {
-        reviews_widget: productReviewWidget,
-        star_ratings: starRatings,
-        homepage_reviews: homePageReviews,
-        happy_customer_reviews: happyCustomerReviews,
-        star_ratings_in_list: starRatingsInList
-    };
-    const templateAdvancedWidgetMap = {
-        cardCarousel: cardCarousel,
-        testimonialCarousel: testimonialCarousel,
-        mediaGallery: mediaGallery,
-        cardGrid: cardGrid
-    };
-    const widgetId = setting?.widgetType ?? 'reviews_widget';
-    const widgetAdvancedTypeId = setting?.advancedWidgetType ?? 'mediaGallery';
-    return widgetId === ADVANCED_WIDGETS ? templateAdvancedWidgetMap[widgetAdvancedTypeId] : templateMap[widgetId];
-};
-const productReviewWidget = `
+let ADVANCED_WIDGETS="advanced_widget",getTemplateByWidget=e=>{let t={reviews_widget:productReviewWidget,star_ratings:starRatings,homepage_reviews:homePageReviews,happy_customer_reviews:happyCustomerReviews,star_ratings_in_list:starRatingsInList},a={cardCarousel:cardCarousel,testimonialCarousel:testimonialCarousel,mediaGallery:mediaGallery,cardGrid:cardGrid},s=e?.widgetType??"reviews_widget",i=e?.advancedWidgetType??"mediaGallery";return"advanced_widget"===s?a[i]:t[s]},productReviewWidget=`
   {% assign random_number = "now" | date: "%N" | modulo: 1000 | plus: 0 %}
   <script>
     var sectionConfig = (typeof sectionConfig == "undefined" || sectionConfig == null) ? {} : sectionConfig;
@@ -43,44 +24,32 @@ const productReviewWidget = `
           <iframe class="scm-reviews-importer-iframe" width="100%" title="Sma reviews section Product page" data-idIframe="{{ random_number }}"></iframe>
       </div>
   </div>
-`;
-const starRatings = `
-  <div class="scm-reviews-rate" data-rate-version2="{{ product.metafields.scm_review_importer.reviewsData.reviewCountInfo | json | escape}}" data-product-id="{{ product.id }}"></div> 
-`;
-// Advanced
-const cardCarousel = `
+`,starRatings=`
+  <div class="scm-reviews-rate" data-rate-version2="{{ product.metafields.scm_review_importer.reviewsData.reviewCountInfo | json | escape}}" data-product-id="{{ product.id }}"></div>
+`,cardCarousel=`
   <script>var sectionConfig={ "type_layout" : "cardCarousel", "source" : "default_layout"};</script>{% assign random_number = "now" | date: "%N" | modulo: 1000 | plus: 0 %}<script>var sectionConfig=  (typeof sectionConfig == "undefined" || sectionConfig == null) ? {} : sectionConfig;var scmCustomData= (typeof scmCustomData == "undefined" || scmCustomData == null) ? {} : scmCustomData;var scmCustomDataWigetAll= (typeof scmCustomDataWigetAll == "undefined" || scmCustomDataWigetAll == null) ? [] : scmCustomDataWigetAll; scmCustomDataWigetAll['{{ random_number }}'] ={ "id_iframe" : "{{ random_number }}","productId" : "","typePage" : 'homePage',"sectionConfig" : JSON.stringify(sectionConfig),"scmCustomData" : JSON.stringify(scmCustomData),'dataProduct' : []};sectionConfig= null;scmCustomData= null;</script><div class="scm-container" style="display: none;"><div class="scm-reviews-importer"><iframe class="scm-reviews-importer-iframe" width="100%" title="Sma reviews section Home Page" data-idIframe="{{ random_number }}"></iframe></div></div>
-`;
-const testimonialCarousel = `
+`,testimonialCarousel=`
   <script>var sectionConfig={ "type_layout" : "testimonial", "source" : "default_layout"};</script>{% assign random_number = "now" | date: "%N" | modulo: 1000 | plus: 0 %}<script>var sectionConfig=  (typeof sectionConfig == "undefined" || sectionConfig == null) ? {} : sectionConfig;var scmCustomData= (typeof scmCustomData == "undefined" || scmCustomData == null) ? {} : scmCustomData;var scmCustomDataWigetAll= (typeof scmCustomDataWigetAll == "undefined" || scmCustomDataWigetAll == null) ? [] : scmCustomDataWigetAll; scmCustomDataWigetAll['{{ random_number }}'] ={ "id_iframe" : "{{ random_number }}","productId" : "","typePage" : 'homePage',"sectionConfig" : JSON.stringify(sectionConfig),"scmCustomData" : JSON.stringify(scmCustomData),'dataProduct' : []};sectionConfig= null;scmCustomData= null;</script><div class="scm-container" style="display: none;"><div class="scm-reviews-importer"><iframe class="scm-reviews-importer-iframe" width="100%" title="Sma reviews section Home Page" data-idIframe="{{ random_number }}"></iframe></div></div>
-`;
-const mediaGallery = `
+`,mediaGallery=`
   <script>var sectionConfig={ "type_layout" : "gallery", "source" : "default_layout"};</script>{% assign random_number = "now" | date: "%N" | modulo: 1000 | plus: 0 %}<script>var sectionConfig=  (typeof sectionConfig == "undefined" || sectionConfig == null) ? {} : sectionConfig;var scmCustomData= (typeof scmCustomData == "undefined" || scmCustomData == null) ? {} : scmCustomData;var scmCustomDataWigetAll= (typeof scmCustomDataWigetAll == "undefined" || scmCustomDataWigetAll == null) ? [] : scmCustomDataWigetAll; scmCustomDataWigetAll['{{ random_number }}'] ={ "id_iframe" : "{{ random_number }}","productId" : "","typePage" : 'homePage',"sectionConfig" : JSON.stringify(sectionConfig),"scmCustomData" : JSON.stringify(scmCustomData),'dataProduct' : []};sectionConfig= null;scmCustomData= null;</script><div class="scm-container" style="display: none;"><div class="scm-reviews-importer"><iframe class="scm-reviews-importer-iframe" width="100%" title="Sma reviews section Home Page" data-idIframe="{{ random_number }}"></iframe></div></div>
-`;
-const cardGrid = `
+`,cardGrid=`
   <script>var sectionConfig={ "type_layout" : "grid", "source" : "default_layout"};</script>{% assign random_number = "now" | date: "%N" | modulo: 1000 | plus: 0 %}<script>var sectionConfig=  (typeof sectionConfig == "undefined" || sectionConfig == null) ? {} : sectionConfig;var scmCustomData= (typeof scmCustomData == "undefined" || scmCustomData == null) ? {} : scmCustomData;var scmCustomDataWigetAll= (typeof scmCustomDataWigetAll == "undefined" || scmCustomDataWigetAll == null) ? [] : scmCustomDataWigetAll; scmCustomDataWigetAll['{{ random_number }}'] ={ "id_iframe" : "{{ random_number }}","productId" : "","typePage" : 'homePage',"sectionConfig" : JSON.stringify(sectionConfig),"scmCustomData" : JSON.stringify(scmCustomData),'dataProduct' : []};sectionConfig= null;scmCustomData= null;</script><div class="scm-container" style="display: none;"><div class="scm-reviews-importer"><iframe class="scm-reviews-importer-iframe" width="100%" title="Sma reviews section Home Page" data-idIframe="{{ random_number }}"></iframe></div></div>
-`;
-// Deprecated;
-const homePageReviews = `
+`,homePageReviews=`
   {% capture laisnippet %}
     {% render "lai-home-page" %}
   {% endcapture %}
   {% unless laisnippet contains "Liquid error" %}
       {{ laisnippet }}
   {% endunless %}
-`;
-const happyCustomerReviews = `
+`,happyCustomerReviews=`
   {% capture laisnippet %}
     {% render "reviews-happy-page" %}
   {% endcapture %}
   {% unless laisnippet contains "Liquid error" %}
       {{ laisnippet }}
   {% endunless %}
-`;
-const starRatingsInList = `
-  <div class="scm-reviews-rate" 
-    data-rate-version2="{{ product.metafields.scm_review_importer.reviewsData.reviewCountInfo | json | escape }}" 
+`,starRatingsInList=`
+  <div class="scm-reviews-rate"
+    data-rate-version2="{{ product.metafields.scm_review_importer.reviewsData.reviewCountInfo | json | escape }}"
     data-product-id="{{ product.id }}"></div>
-`;
-
-export { getTemplateByWidget };
+`;export{getTemplateByWidget};

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

@@ -1,20 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const LaiProductReviewsSampleContent = dynamic(()=>import('./LaiProductReviews/LaiProductReviewsSampleContent.js'));
-const LaiProductReviews = ({ setting })=>{
-    const { align } = setting ?? {};
-    const mode = useEditorMode();
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', align)
-        },
-        className: "gp-h-full gp-w-full",
-        children: mode === 'edit' && /*#__PURE__*/ jsx(LaiProductReviewsSampleContent, {
-            setting: setting
-        })
-    });
-};
-
-export { LaiProductReviews as default };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useEditorMode as t,makeStyleResponsive as i}from"@gem-sdk/core";import r from"next/dynamic";let LaiProductReviewsSampleContent=r(()=>import("./LaiProductReviews/LaiProductReviewsSampleContent.js")),LaiProductReviews=({setting:r})=>{let{align:o}=r??{},a=t();return e("div",{style:{...i("ta",o)},className:"gp-h-full gp-w-full",children:"edit"===a&&e(LaiProductReviewsSampleContent,{setting:r})})};export{LaiProductReviews as default};

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

@@ -1,20 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-import { getTemplateByWidget } from './LaiProductReviews/LiquidTemplateByWiget.js';
-
-//
-const LaiProductReviews = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    const currentTemplate = getTemplateByWidget(setting);
-    return template`
+import{template as e,makeStyleResponsive as t}from"@gem-sdk/core";import{getTemplateByWidget as i}from"./LaiProductReviews/LiquidTemplateByWiget.js";let LaiProductReviews=({setting:s,advanced:r})=>{let{align:a}=s??{},o=i(s);return e`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${r?.cssClass}"
+      style="${{...t("ta",a)}}"
     >
-      ${currentTemplate}
+      ${o}
     </div>
-  `;
-};
-
-export { LaiProductReviews as default };
+  `};export{LaiProductReviews as default};

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

@@ -1,33 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-
-const AppConfig = {
-    id: 'loloyal-loyalty-referrals',
-    label: 'Loloyal: Loyalty & Referrals ',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/90c0cbb40b9748b853b2851473234440/icon/COOnx_mftYgDEAE=.png',
-    tag: 'LoloyalLoyaltyReferrals'
-};
-const LoloyalLoyaltyReferralsContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'Loloyal: Loyalty & Referrals ',
-                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const LoloyalLoyaltyReferrals = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(LoloyalLoyaltyReferralsContent, {})
-    });
-};
-
-export { AppConfig, LoloyalLoyaltyReferrals as default };
+'use client';
+import{jsx as l,Fragment as o}from"react/jsx-runtime";import{makeStyleResponsive as r}from"@gem-sdk/core";import e from"./ThirdPartyPreview.js";import a from"../configs/LoloyalLoyaltyReferrals.js";let LoloyalLoyaltyReferralsContent=()=>l(o,{children:l("div",{className:"gp-p-2",children:l(e,{setting:{label:"Loloyal: Loyalty & Referrals ",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${a.logoUrl}">`}})})}),LoloyalLoyaltyReferrals=({setting:o})=>l("div",{style:{...r("ta",o?.align)},children:l(LoloyalLoyaltyReferralsContent,{})});export{LoloyalLoyaltyReferrals as default};

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

@@ -1,8 +1 @@
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
-
-const LoloyalLoyaltyReferrals = ({ setting, advanced })=>{
-    const { align, appBlockId } = setting ?? {};
-    return getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
-};
-
-export { LoloyalLoyaltyReferrals as default };
+import{getLiquidForAppBlock as l}from"../common/helpers.js";let LoloyalLoyaltyReferrals=({setting:e,advanced:o})=>{let{align:r,appBlockId:a}=e??{};return l(a,r,o?.cssClass)};export{LoloyalLoyaltyReferrals as default};

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

@@ -1,33 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-
-const AppConfig = {
-    id: 'loop-subscriptions',
-    label: 'Loop Subscriptions',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/afedc08b31165df4c41d3d60cc6051dc/icon/COiF1YeknoQDEAE=.jpeg',
-    tag: 'LoopSubscriptions'
-};
-const LoopSubscriptionsContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'Loop Subscriptions',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const LoopSubscriptions = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(LoopSubscriptionsContent, {})
-    });
-};
-
-export { AppConfig, LoopSubscriptions as default };
+'use client';
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as i}from"@gem-sdk/core";import p from"./ThirdPartyPreview.js";import s from"../configs/LoopSubscriptions.js";let LoopSubscriptionsContent=()=>o(r,{children:o("div",{className:"gp-p-2",children:o(p,{setting:{label:"Loop Subscriptions",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${s.logoUrl}">`}})})}),LoopSubscriptions=({setting:r})=>o("div",{style:{...i("ta",r?.align)},children:o(LoopSubscriptionsContent,{})});export{LoopSubscriptions as default};

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

@@ -1,14 +1,3 @@
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
-import { template } from '@gem-sdk/core';
-
-const LoopSubscriptions = ({ setting, advanced })=>{
-    const { align, appBlockId, widgetType } = setting ?? {};
-    if (widgetType == 'subscription_widget') {
-        return template`
+import{getLiquidForAppBlock as o}from"../common/helpers.js";import{template as r}from"@gem-sdk/core";let LoopSubscriptions=({setting:s,advanced:t})=>{let{align:p,appBlockId:e,widgetType:i}=s??{};return"subscription_widget"==i?r`
       {% render 'loop-subscriptions' type: 'product-widget', product: product %}
-    `;
-    }
-    return getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
-};
-
-export { LoopSubscriptions as default };
+    `:o(e,p,t?.cssClass)};export{LoopSubscriptions as default};

package/dist/esm/third-party/components/LooxReviews/LooxReviewsSampleContent.js

@@ -1,31 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import ThirdPartyPreview from '../ThirdPartyPreview.js';
-import LooxReviewsConfig from '../../configs/LooxReviews.js';
-import { useMemo } from 'react';
-
-const mapWidgetLabel = {
-    rating_widget: 'Rating widget',
-    reviews_widget: 'Reviews widget',
-    carousel_widget: 'Carousel widget'
-};
-const LooxReviewsSampleContent = ({ setting })=>{
-    const widgetLabel = setting?.widgetType && mapWidgetLabel[setting.widgetType];
-    const label = useMemo(()=>{
-        return widgetLabel ? `${LooxReviewsConfig.label} - ${widgetLabel}` : LooxReviewsConfig.label;
-    }, [
-        widgetLabel
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label,
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${LooxReviewsConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-
-export { LooxReviewsSampleContent as default };
+'use client';
+import{jsx as e,Fragment as i}from"react/jsx-runtime";import t from"../ThirdPartyPreview.js";import r from"../../configs/LooxReviews.js";import{useMemo as o}from"react";let mapWidgetLabel={rating_widget:"Rating widget",reviews_widget:"Reviews widget",carousel_widget:"Carousel widget"},LooxReviewsSampleContent=({setting:g})=>{let a=g?.widgetType&&mapWidgetLabel[g.widgetType],d=o(()=>a?`${r.label} - ${a}`:r.label,[a]);return e(i,{children:e("div",{className:"gp-p-2",children:e(t,{setting:{label:d,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${r.logoUrl}">`}})})})};export{LooxReviewsSampleContent as default};

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

@@ -1,18 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEditorMode, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-
-const LooxReviewsSampleContent = dynamic(()=>import('./LooxReviews/LooxReviewsSampleContent.js'));
-const LooxReviews = ({ setting })=>{
-    const mode = useEditorMode();
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: mode === 'edit' && /*#__PURE__*/ jsx(LooxReviewsSampleContent, {
-            setting: setting
-        })
-    });
-};
-
-export { LooxReviews as default };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useEditorMode as o,makeStyleResponsive as t}from"@gem-sdk/core";import i from"next/dynamic";let LooxReviewsSampleContent=i(()=>import("./LooxReviews/LooxReviewsSampleContent.js")),LooxReviews=({setting:i})=>{let r=o();return e("div",{style:{...t("ta",i?.align)},children:"edit"===r&&e(LooxReviewsSampleContent,{setting:i})})};export{LooxReviews as default};

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

@@ -1,63 +1,24 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
-
-const LooxReviews = ({ setting, advanced })=>{
-    const { widgetType, showAllReviews, showRatingWidgetAllReviews, version, appBlockId, align } = setting ?? {};
-    const props = (productId)=>{
-        switch(widgetType){
-            case 'reviews_widget':
-                return {
-                    id: 'looxReviews',
-                    'data-product-id': productId,
-                    ...showAllReviews ? {
-                        'data-loox-aggregate': 'true'
-                    } : {}
-                };
-            case 'rating_widget':
-                return {
-                    class: 'loox-rating',
-                    'data-id': productId,
-                    'data-fetch': '',
-                    'data-rating': '{{ product.metafields.loox.avg_rating }}',
-                    'data-raters': '{{ product.metafields.loox.num_reviews }}'
-                };
-            case 'carousel_widget':
-                return {
-                    id: 'looxCarousel',
-                    'data-show-more': 'true'
-                };
-        }
-    };
-    return version === 'v2' ? getLiquidForAppBlock(appBlockId, align, advanced?.cssClass) : template`
-    <script defer strategy="lazyOnload" src="${`//loox.io/widget/loox.js?shop={{ request.host }}`}"></script>
+import{template as e,makeStyleResponsive as t}from"@gem-sdk/core";import{getLiquidForAppBlock as s}from"../common/helpers.js";let LooxReviews=({setting:a,advanced:o})=>{let{widgetType:i,showAllReviews:r,showRatingWidgetAllReviews:d,version:l,appBlockId:g,align:c}=a??{},n=e=>{switch(i){case"reviews_widget":return{id:"looxReviews","data-product-id":e,...r?{"data-loox-aggregate":"true"}:{}};case"rating_widget":return{class:"loox-rating","data-id":e,"data-fetch":"","data-rating":"{{ product.metafields.loox.avg_rating }}","data-raters":"{{ product.metafields.loox.num_reviews }}"};case"carousel_widget":return{id:"looxCarousel","data-show-more":"true"}}};return"v2"===l?s(g,c,o?.cssClass):e`
+    <script defer strategy="lazyOnload" src="${"//loox.io/widget/loox.js?shop={{ request.host }}"}"></script>
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', setting?.align)
-    }}"
+      class="${o?.cssClass}"
+      style="${{...t("ta",a?.align)}}"
     >
-      {% if '${widgetType}' == "rating_widget"  %}
-        {% if '${showRatingWidgetAllReviews}' == 'true' %}
+      {% if '${i}' == "rating_widget"  %}
+        {% if '${d}' == 'true' %}
           {% if shop.metafields.loox["global_stats"]  %}
-            {% assign looxstats = shop.metafields.loox["global_stats"] | split: ',' %} 
+            {% assign looxstats = shop.metafields.loox["global_stats"] | split: ',' %}
             <a href="#looxReviews">
               <div class="loox-rating" data-rating="{{ looxstats[0] }}" data-raters="{{ looxstats[1] }}"></div>
             </a>
           {% endif %}
         {% else %}
           <a href="#looxReviews">
-            <div ${{
-        ...props('{{ product.id }}')
-    }}></div>
+            <div ${{...n("{{ product.id }}")}}></div>
           </a>
         {% endif %}
       {% else %}
-        <div ${{
-        ...props('{{ product.id }}')
-    }}></div>
+        <div ${{...n("{{ product.id }}")}}></div>
       {% endif %}
     </div>
-  `;
-};
-
-export { LooxReviews as default };
+  `};export{LooxReviews as default};

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

@@ -1,33 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyleResponsive } from '@gem-sdk/core';
-import ThirdPartyPreview from './ThirdPartyPreview.js';
-
-const AppConfig = {
-    id: 'maxbundle-product-bundles',
-    label: 'MaxBundle ‑ Product Bundles',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/53fea1a55803b89be1c1c0dac90ac6e3/icon/CIbNuMK9p4ADEAE=.png',
-    tag: 'MaxbundleProductBundles'
-};
-const MaxbundleProductBundlesContent = ()=>{
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "gp-p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label: 'MaxBundle ‑ Product Bundles',
-                    iconSvg: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
-                }
-            })
-        })
-    });
-};
-const MaxbundleProductBundles = ({ setting })=>{
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            ...makeStyleResponsive('ta', setting?.align)
-        },
-        children: /*#__PURE__*/ jsx(MaxbundleProductBundlesContent, {})
-    });
-};
-
-export { AppConfig, MaxbundleProductBundles as default };
+'use client';
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as d}from"@gem-sdk/core";import l from"./ThirdPartyPreview.js";import n from"../configs/MaxbundleProductBundles.js";let MaxbundleProductBundlesContent=()=>e(r,{children:e("div",{className:"gp-p-2",children:e(l,{setting:{label:"MaxBundle ‑ Product Bundles",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${n.logoUrl}">`}})})}),MaxbundleProductBundles=({setting:r})=>e("div",{style:{...d("ta",r?.align)},children:e(MaxbundleProductBundlesContent,{})});export{MaxbundleProductBundles as default};

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

@@ -1,17 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
-
-const MaxbundleProductBundles = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+import{template as e,makeStyleResponsive as d}from"@gem-sdk/core";let MaxbundleProductBundles=({setting:s,advanced:l})=>{let{align:t}=s??{};return e`
     <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
+      class="${l?.cssClass}"
+      style="${{...d("ta",t)}}"
     >
-     <div class="${setting?.widgetType}"></div>
+     <div class="${s?.widgetType}"></div>
     </div>
-  `;
-};
-
-export { MaxbundleProductBundles as default };
+  `};export{MaxbundleProductBundles as default};