@gem-sdk/components 2.1.27-staging.2 → 2.1.27-staging.21

package/dist/esm/product/components/ProductTag.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useMoneyFormat, makeGlobalSize, useEditorMode, useProduct, useCurrentVariant, useFormatMoney, useProductBundleDiscount, formatMoney, getGlobalColorClass, cls, makeStyleResponsive, makeStyle, getRadiusCSSFromGlobal, getCustomRadius } from '@gem-sdk/core';
+import { useMoneyFormat, makeGlobalSize, useEditorMode, useProduct, useCurrentVariant, useQuantity, useFormatMoney, useProductBundleDiscount, formatMoney, getGlobalColorClass, cls, makeStyleResponsive, makeStyle, getRadiusCSSFromGlobal, getCustomRadius } from '@gem-sdk/core';
 import { useMemo } from 'react';
 import Text from '../../text/components/Text.js';
 import { DiscountType } from './constants/product-bundle.js';
@@ -14,9 +14,17 @@ const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
     const mode = useEditorMode();
     const product = useProduct();
     const currentVariant = useCurrentVariant();
+    const { quantity, hasUpdatePrice } = useQuantity();
+    const quantityProduct = useMemo(()=>{
+        return hasUpdatePrice && customContent?.unit !== 'percentage' ? quantity || 1 : 1;
+    }, [
+        hasUpdatePrice,
+        customContent?.unit,
+        quantity
+    ]);
     const price = currentVariant?.price ?? 0;
     const salePrice = currentVariant?.salePrice ?? 0;
-    const priceSave = salePrice - price;
+    const priceSave = (salePrice - price) * quantityProduct;
     const moneyFormatted = useFormatMoney(priceSave < 0 ? 0 : priceSave, setting?.moneyWithCurrentFormat || false);
     const customDisplayWithUnit = useMemo(()=>{
         if (!salePrice && salePrice !== 0 || !price && price !== 0) return `${customContent?.unit === 'percentage' ? '0%' : moneyFormatted}`;

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

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeGlobalSize, useEditorMode, composeTypographyClassName, composeTypographyStyle, cls, makeStyle, makeStyleResponsive, getGlobalColorClass, getGlobalColorStateClass, getStyleShadowState, getStyleShadow, makeLineClamp, getGlobalColorStyle, getGlobalColorStateStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, getCornerStyle } from '@gem-sdk/core';
 import { forwardRef, useMemo } from 'react';
+import { getDisplayText } from './common.js';
 
 const Text = /*#__PURE__*/ forwardRef(({ styles, builderAttrs, style, setting, advanced, builderProps, className, children, ...props }, ref)=>{
     const { text, htmlTag: Element = 'div', options, tagWidth, excludeFlex } = setting ?? {};
@@ -85,7 +86,7 @@ const Text = /*#__PURE__*/ forwardRef(({ styles, builderAttrs, style, setting, a
                         overflow: 'hidden'
                     },
                     dangerouslySetInnerHTML: {
-                        __html: styles?.typo?.attrs?.transform === 'capitalize' ? text?.toString().toLocaleLowerCase() : text?.toString() || '<p><br></p>'
+                        __html: getDisplayText(text?.toString() ?? '<p><br></p>')
                     }
                 })
             }),

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

@@ -1,5 +1,6 @@
 import { makeGlobalSize, composeTypographyClassName, composeTypographyStyle, template, makeStyle, makeStyleResponsive, cls, getGlobalColorClass, getGlobalColorStateClass, getStyleShadowState, getStyleShadow, makeLineClamp, getGlobalColorStyle, getGlobalColorStateStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, getCornerStyle } from '@gem-sdk/core';
 import { replaceLinkData, getDynamicSourceLocales } from '../../helpers.js';
+import { getDisplayText } from './common.js';
 
 const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, className, isText, pageContext, elementAttrs, ...props })=>{
     const { text, htmlTag: Element = 'div', tagWidth, excludeFlex, isForceValue } = setting ?? {};
@@ -27,7 +28,6 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
             uid: builderProps?.uid,
             settingId: setting?.translate,
             pageContext,
-            isCapitalize: styles?.typo?.attrs?.transform === 'capitalize',
             translate: setting.translate,
             isReplaceLocationOrigin: isViewliveHeadingOrTextComponent
         });
@@ -35,7 +35,7 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
             displayText = renderText;
         }
     } else {
-        displayText = styles?.typo?.attrs?.transform === 'capitalize' ? renderText?.toString().toLocaleLowerCase() : renderText;
+        displayText = getDisplayText(renderText ?? '');
     }
     return template`
   {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}

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

@@ -0,0 +1,12 @@
+import { getAllHrefFromString, replaceAllHrefFromString } from '../../helpers.js';
+
+const getDisplayText = (renderText, isTextCapitalize = false)=>{
+    let displayText = renderText;
+    if (isTextCapitalize) {
+        const links = getAllHrefFromString(renderText ?? '');
+        displayText = replaceAllHrefFromString(renderText?.toString().toLocaleLowerCase(), links);
+    }
+    return displayText;
+};
+
+export { getDisplayText };

package/dist/esm/third-party/components/Bogos/BogosSampleContent.js

@@ -1,4 +1,4 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import BogosConfig from '../../configs/Bogos.js';
 import ThirdPartyPreview from '../ThirdPartyPreview.js';
@@ -9,7 +9,8 @@ const mapWidgetLabel = {
     slider: 'Gift slider',
     message: 'Cart message',
     ['classic-bundle']: 'Classic bundle',
-    ['quantity-break']: 'Quantity break'
+    ['quantity-break']: 'Quantity break',
+    ['mix-match']: 'Mix and match'
 };
 const BogosSampleContent = ({ setting })=>{
     const widgetLabel = setting?.widgetType && mapWidgetLabel[setting.widgetType];
@@ -18,15 +19,13 @@ const BogosSampleContent = ({ setting })=>{
     }, [
         widgetLabel
     ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx("div", {
-            className: "p-2",
-            children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
-                setting: {
-                    label,
-                    iconSvg: `<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${BogosConfig.logoUrl}">`
-                }
-            })
+    return /*#__PURE__*/ jsx("div", {
+        className: "p-2",
+        children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
+            setting: {
+                label,
+                iconSvg: `<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${BogosConfig.logoUrl}">`
+            }
         })
     });
 };

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

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

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

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

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

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

@@ -1,8 +1,10 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
 import { template, makeStyleResponsive } from '@gem-sdk/core';
 
 const Releasit = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+    const { align, version, appBlockId } = setting ?? {};
+    console.log('version', version);
+    return version === 'v2' ? getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''}!gp-block`) : template`
     <div
       class="${advanced?.cssClass}"
       style="${{

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

@@ -1,7 +1,7 @@
 var BoldProductOptionsConfig = {
     id: 'bold-product-options',
-    label: 'Bold Product Options',
-    logoUrl: 'https://ucarecdn.com/cae13b55-18b6-416a-a447-c18211d78cfe/-/format/auto/-/preview/3000x3000/-/quality/lighter/Bold%20Product%20Options.png',
+    label: 'SC Product Options',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9a0bf1159f79c6ab0660ec422f350445/icon/CP2Uwo_GuYIDEAE=.png',
     tag: 'BoldProductOptions'
 };
 

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

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'ecoboostify-shoppable-reel-ugc',
+    label: 'EcoBoostify Shoppable Reel UGC',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png',
+    tag: 'EcoboostifyShoppableReelUgc'
+};
+
+export { AppConfig as default };

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

@@ -454,7 +454,12 @@ const HextomFreeShippingBar = dynamic(()=>import('./components/HextomFreeShippin
     ssr: false,
     loading: Loading
 });
+const EcoboostifyShoppableReelUgc = dynamic(()=>import('./components/EcoboostifyShoppableReelUgc.js'), {
+    ssr: false,
+    loading: Loading
+});
 var thirdParty = {
+    EcoboostifyShoppableReelUgc,
     EstimatedDeliveryDatePlus,
     OkendoReviewsLoyalty,
     EssentialAnnouncementBar,

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

@@ -0,0 +1,138 @@
+import AppConfig from '../configs/EcoboostifyShoppableReelUgc.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/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.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/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">
+        <span class="preset-item-title">EcoBoostify Shoppable Reel UGC</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Reel Playlist',
+                            value: 'reel-playlist'
+                        }
+                    ],
+                    default: 'reel-playlist'
+                },
+                {
+                    id: 'playlistId',
+                    label: 'Playlist ID',
+                    type: 'input'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/ecoboostify?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: 'https://admin.shopify.com/?redirect=/apps/ecoboostify',
+                    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: 'playlistId'
+            },
+            label: {
+                en: 'Playlist ID'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+export { config as default };

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

@@ -50,8 +50,11 @@ const config = {
                     options: [
                         {
                             label: 'Subscription Widget',
-                            value: 'subscription-widget',
-                            maxOption: 1
+                            value: 'subscription-widget'
+                        },
+                        {
+                            label: 'Subscription Widget 2.0',
+                            value: 'subscription-widget-v2'
                         }
                     ],
                     default: 'subscription-widget'

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

@@ -7,6 +7,11 @@ const config = {
     editorConfigs: {
         component: {
             isThirdParty: true
+        },
+        placeholder: {
+            flowTag: [
+                'Product'
+            ]
         }
     },
     presets: [
@@ -35,6 +40,16 @@ const config = {
         {
             id: 'setting',
             controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'productHandle',
+                    type: 'input',
+                    default: ''
+                },
                 {
                     id: 'install',
                     type: 'open-link',
@@ -51,6 +66,38 @@ const config = {
                     href: 'https://admin.shopify.com/?redirect=/apps/releasit-cod-order-form',
                     appName: ReleasitConfig.label
                 },
+                {
+                    id: 'version',
+                    label: 'Choose version',
+                    type: 'select',
+                    default: 'v1',
+                    options: [
+                        {
+                            label: 'V1',
+                            value: 'v1'
+                        },
+                        {
+                            label: 'V2',
+                            value: 'v2'
+                        }
+                    ]
+                },
+                {
+                    id: 'widgetTypeV2',
+                    label: 'Choose widget',
+                    type: 'select',
+                    default: 'button-app-block',
+                    options: [
+                        {
+                            label: 'Releasit button',
+                            value: 'button-app-block'
+                        },
+                        {
+                            label: 'Releasit embedded form',
+                            value: 'form-app-block'
+                        }
+                    ]
+                },
                 {
                     id: 'align',
                     label: 'Alignment',
@@ -91,12 +138,22 @@ const config = {
         {
             type: 'control',
             label: {
-                en: 'Choose widget'
+                en: 'Choose version'
             },
             setting: {
-                id: 'widgetType'
+                id: 'version'
             }
         },
+        {
+            type: 'control',
+            label: {
+                en: 'Choose widget'
+            },
+            setting: {
+                id: 'widgetTypeV2'
+            },
+            condition: 'version === "v2"'
+        },
         {
             type: 'control',
             setting: {

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

@@ -111,6 +111,7 @@ import config$1J from './GloColorSwatchvariantImage.js';
 import config$1K from './BfSizeChartSizeGuide.js';
 import config$1L from './AlsoBoughtCbb.js';
 import config$1M from './HextomFreeShippingBar.js';
+import config$1N from './EcoboostifyShoppableReelUgc.js';
 
 var index = {
     HextomCountdownTimerBar: config,
@@ -225,7 +226,8 @@ var index = {
     GloColorSwatchvariantImage: config$1J,
     BfSizeChartSizeGuide: config$1K,
     AlsoBoughtCbb: config$1L,
-    HextomFreeShippingBar: config$1M
+    HextomFreeShippingBar: config$1M,
+    EcoboostifyShoppableReelUgc: config$1N
 };
 
 export { index as default };