@gem-sdk/components 2.1.11 → 2.1.13-staging.0

package/dist/esm/grid/components/Row.liquid.js

@@ -12,9 +12,7 @@ const Row = ({ className, children, setting, builderAttrs, builderProps, styles,
         'left',
         'bottom',
         'right',
-        'z',
-        'ml',
-        'mr'
+        'z'
     ], style);
     const element = template`
     <div
@@ -24,7 +22,7 @@ const Row = ({ className, children, setting, builderAttrs, builderProps, styles,
         'data-id': builderProps?.uidInteraction ?? builderProps?.uid
     }}
         style="${{
-        ...restStyle,
+        ...isSection ? restStyle : style,
         ...makeStyleResponsive('cg', verticalGutter),
         ...makeStyleResponsive('pc', horizontalAlign),
         ...layout ? composeGridLayout(layout) : makeStyleResponsive('gtc', responsive),
@@ -51,21 +49,21 @@ const Row = ({ className, children, setting, builderAttrs, builderProps, styles,
     }))}
     </div>
   `;
-    const elementTag = isSection ? 'section' : 'div';
     return template`
        ${RenderIf(!!styles?.preloadBgImage, `${RenderIf(!!background?.desktop?.image?.src, `<link rel="preload" href="${background?.desktop?.image?.src}" as="image" />`)}${RenderIf(!!background?.tablet?.image?.src, `<link rel="preload" href="${background?.tablet?.image?.src}" as="image" />`)}${RenderIf(!!background?.mobile?.image?.src, `<link rel="preload" href="${background?.mobile?.image?.src}" as="image" />`)}`)}
-      ${template`
-        <${elementTag}
-          class="gp-max-w-full ${isSection ? getSettingPreloadData('gps-lazy') : ''}"
-          style="${{
+      ${isSection ? template`
+            <section
+              class="gp-mx-auto gp-max-w-full ${getSettingPreloadData('gps-lazy')}"
+              style="${{
         ...wrapStyle,
+        ...makeStyleResponsive('w', styleObject.wrapper),
         ...makeStyleResponsive('pl', styleObject.padding),
         ...makeStyleResponsive('pr', styleObject.padding)
     }}"
-        >
-          ${element}
-        </${elementTag}>
-      `} 
+            >
+              ${element}
+            </section>
+          ` : element} 
     `;
 };
 

package/dist/esm/index.js

@@ -205,6 +205,8 @@ export { default as TrustreviewsProductReviews } from './third-party/components/
 export { default as MyappgurusProductReviews } from './third-party/components/MyappgurusProductReviews.js';
 export { default as HulkProductOptions } from './third-party/components/HulkProductOptions.js';
 export { default as TrustshopProductReviews } from './third-party/components/TrustshopProductReviews.js';
+export { default as HextomCountdownTimerBar } from './third-party/components/HextomCountdownTimerBar.js';
+export { default as TrustBadgesBear } from './third-party/components/TrustBadgesBear.js';
 export { default as thirdPartyInstantSetting } from './third-party-instant/setting/index.js';
 export { default as InstantJudgemeReviews } from './third-party-instant/components/InstantJudgemeReviews.js';
 export { default as InstantLooxReviews } from './third-party-instant/components/InstantLooxReviews.js';

package/dist/esm/index.liquid.js

@@ -159,6 +159,8 @@ export { default as SeoantTrustBadgesIcon } from './third-party/components/Seoan
 export { default as TrustreviewsProductReviews } from './third-party/components/TrustreviewsProductReviews.liquid.js';
 export { default as MyappgurusProductReviews } from './third-party/components/MyappgurusProductReviews.liquid.js';
 export { default as HulkProductOptions } from './third-party/components/HulkProductOptions.liquid.js';
+export { default as HextomCountdownTimerBar } from './third-party/components/HextomCountdownTimerBar.liquid.js';
+export { default as TrustBadgesBear } from './third-party/components/TrustBadgesBear.liquid.js';
 export { default as TrustshopProductReviews } from './third-party/components/TrustshopProductReviews.liquid.js';
 export { default as ImageComparison } from './image-comparison/components/ImageComparison.liquid.js';
 export { default as ThirdPartySlot } from './third-party-slot/components/ThirdPartySlot.liquid.js';

package/dist/esm/third-party/components/HextomCountdownTimerBar.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/HextomCountdownTimerBar.js';
+
+const HextomCountdownTimerBarContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Hextom: Countdown Timer Bar',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const HextomCountdownTimerBar = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(HextomCountdownTimerBarContent, {})
+    });
+};
+
+export { HextomCountdownTimerBar as default };

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

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

package/dist/esm/third-party/components/TrustBadgesBear.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/TrustBadgesBear.js';
+
+const TrustBadgesBearContent = ()=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+                setting: {
+                    label: 'Trust Badges Bear',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const TrustBadgesBear = ({ setting })=>{
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            ...makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsx(TrustBadgesBearContent, {})
+    });
+};
+
+export { TrustBadgesBear as default };

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

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

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'hextom-countdown-timer-bar',
+    label: 'Hextom: Countdown Timer Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png',
+    tag: 'HextomCountdownTimerBar'
+};
+
+export { AppConfig as default };

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'trust-badges-bear',
+    label: 'Trust Badges Bear',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/c9141bfba8db18a258f290a5a639986e/icon/CLDR_q6erfwCEAE=.png',
+    tag: 'TrustBadgesBear'
+};
+
+export { AppConfig as default };

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

@@ -406,6 +406,14 @@ const Selleasy = dynamic(()=>import('./components/Selleasy.js'), {
     ssr: false,
     loading: Loading
 });
+const HextomCountdownTimerBar = dynamic(()=>import('./components/HextomCountdownTimerBar.js'), {
+    ssr: false,
+    loading: Loading
+});
+const TrustBadgesBear = dynamic(()=>import('./components/TrustBadgesBear.js'), {
+    ssr: false,
+    loading: Loading
+});
 var thirdParty = {
     TrustshopProductReviews,
     HulkProductOptions,
@@ -507,7 +515,9 @@ var thirdParty = {
     Releasit,
     RequestQuoteHidePrice,
     BirdChime,
-    FordeerProductLabels
+    FordeerProductLabels,
+    HextomCountdownTimerBar,
+    TrustBadgesBear
 };
 
 export { thirdParty as default };

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

@@ -0,0 +1,124 @@
+import AppConfig from '../configs/HextomCountdownTimerBar.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/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png">',
+    editorConfigs: {
+        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/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png">
+        <span class="preset-item-title">Hextom: Countdown Timer Bar</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Fsb Custom Placement',
+                            value: 'fsb-custom-placement'
+                        }
+                    ],
+                    default: 'fsb-custom-placement'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/event-promotion-bar?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: '',
+                    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 };

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

@@ -0,0 +1,124 @@
+import AppConfig from '../configs/TrustBadgesBear.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/c9141bfba8db18a258f290a5a639986e/icon/CLDR_q6erfwCEAE=.png">',
+    editorConfigs: {
+        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/c9141bfba8db18a258f290a5a639986e/icon/CLDR_q6erfwCEAE=.png">
+        <span class="preset-item-title">Trust Badges Bear</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Widget',
+                            value: 'widget'
+                        }
+                    ],
+                    default: 'widget'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/ultimate-trust-badges?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: 'https://admin.shopify.com/?redirect=/apps/ultimate-trust-badge',
+                    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 };