@gem-sdk/core 1.63.17 → 2.0.0-dev.156

package/dist/cjs/helpers/third-party/appSetting.js

@@ -95,6 +95,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     selected_product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
+        case 'TrustshopProductReviews':
+            {
+                return {
+                    ...currentSetting,
+                    selected_product: appSetting?.['productHandle'] || '{{ product }}'
+                };
+            }
         case 'WhatmoreShoppableVideosreel':
             {
                 return {
@@ -109,25 +116,32 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     'scroll-video-tile-size-portrait': parseFloat(appSetting?.scrollVideoTitleSizePortrait)
                 };
             }
-        case 'KachingBundles':
+        case 'PowerfulContactFormBuilder':
             {
                 return {
                     ...currentSetting,
-                    product: appSetting?.['productHandle'] || '{{ product }}'
+                    shortcode: appSetting?.shortcode
                 };
             }
-        case 'PowerfulContactFormBuilder':
+        case 'AftershipEmailMarketingsms':
             {
                 return {
                     ...currentSetting,
-                    shortcode: appSetting?.shortcode
+                    embedded_form_id: appSetting?.formId
+                };
+            }
+        case 'SeoantTrustBadgesIcon':
+            {
+                return {
+                    ...currentSetting,
+                    badge_id: appSetting?.BadgeId
                 };
             }
-        case 'YotpoReviews':
+        case 'PowrContactFormBuilder':
             {
                 return {
                     ...currentSetting,
-                    product: appSetting?.['productHandle'] || '{{ product }}'
+                    app_id: appSetting?.appId
                 };
             }
         default:
@@ -464,6 +478,70 @@ const GloboProductOptionsVariant = {
         'app-block': null
     }
 };
+const BestBuyFulfillment = {
+    BestBuyFulfillment: {
+        'pickup-selector': null
+    }
+};
+const AftershipEmailMarketingsms = {
+    AftershipEmailMarketingsms: {
+        embeded_form: {
+            embedded_form_id: ''
+        }
+    }
+};
+const SegunoEmailMarketing = {
+    SegunoEmailMarketing: {
+        back_in_stock: {
+            heading: '<h3>Get notified when this is back in stock</h3>',
+            label_email: 'Email',
+            placeholder_email: '',
+            show_permission_checkbox: true,
+            label_permission: '<p>Also, sign up to receive newsletters</p>',
+            label_notify: 'Notify me',
+            label_success: '<p>Thanks! You will be notified once the product is back in stock.</p>',
+            product_exclusion_tag: 'back-in-stock-excluded',
+            default_variant: 'available',
+            padding: 0,
+            form_gap: 16,
+            button_alignment: 'stretch',
+            font_size: 16,
+            input_font_size: 16,
+            button_font_size: 16,
+            background_color: '#ffffff',
+            text_color: '#121212',
+            button_background_color: '#121212',
+            button_border_color: '#121212',
+            button_text_color: '#ffffff',
+            input_background_color: '#ffffff',
+            input_border_color: '#121212',
+            input_text_color: '#121212',
+            custom_css: ''
+        },
+        newsletter_form: {
+            heading: 'Subscribe to our newsletter',
+            subheading: '<p>Be the first to know about new collections and exclusive offers.</p>',
+            show_first_name: false,
+            show_last_name: false,
+            show_permission_checkbox: false,
+            tags: 'newsletter',
+            return_to: '',
+            label_first_name: 'First name',
+            placeholder_first_name: '',
+            label_last_name: 'Last name',
+            placeholder_last_name: '',
+            label_email: 'Email',
+            placeholder_email: '',
+            label_permission: '<p>I agree to receive marketing emails</p>',
+            label_subscribe: 'Subscribe',
+            success_message: 'Thanks for subscribing',
+            background_color: '#ffffff',
+            text_color: '#1a1b18',
+            button_background_color: '#445958',
+            button_text_color: '#ffffff'
+        }
+    }
+};
 const Trustoo = {
     Trustoo: {
         'barrage-carousel': null,
@@ -621,7 +699,110 @@ const LooxReviews = {
         }
     }
 };
+const SeoantTrustBadgesIcon = {
+    SeoantTrustBadgesIcon: {
+        star_rating: {
+            badge_id: null
+        }
+    }
+};
+const PowrContactFormBuilder = {
+    PowrContactFormBuilder: {
+        'app-block': {
+            app_id: ''
+        }
+    }
+};
+const MyappgurusProductReviews = {
+    MyappgurusProductReviews: {
+        allReviews: {
+            Show_by_label: ''
+        },
+        allReviewsCounter: {
+            out_of_label: '',
+            stars_based_on_label: '',
+            reviews_label: ''
+        },
+        form: {
+            block_heading: '',
+            no_rating: '',
+            subtitle2: '',
+            review_btn: '',
+            see_all_reviews_label: '',
+            form_heading: '',
+            name_label: '',
+            email_label: '',
+            review_title_label: '',
+            review_description_label: '',
+            ratings_label: '',
+            delivery_ratings_label: '',
+            payment_ratings_label: '',
+            price_ratings_label: '',
+            review_image_label: '',
+            submit_btn_label: '',
+            cancel_btn_label: '',
+            sort_label: '',
+            sort1_label: '',
+            sort2_label: '',
+            sort3_label: '',
+            showing_label: '',
+            to_label: '',
+            of_label: '',
+            results_label: ''
+        },
+        star: null
+    }
+};
+const TrustreviewsProductReviews = {
+    TrustreviewsProductReviews: {
+        questions_widget: {
+            product: '{{ product }}'
+        },
+        'review-carousel': null,
+        reviews_text_widget: null,
+        reviews_widget: {
+            product: '{{ product }}'
+        },
+        shop_reviews_widget: null,
+        star_rating: {
+            product: '{{product}}',
+            hide_on_no_reviews: false,
+            enable_jsonld: false,
+            starsize: 16,
+            addtional_text: ''
+        },
+        'reviews-testimonials': null,
+        all_reviews_widget: null,
+        'review-cards': null,
+        'review-gallery': null,
+        medals: null
+    }
+};
+const HulkProductOptions = {
+    HulkProductOptions: {
+        option_block: null
+    }
+};
+const TrustshopProductReviews = {
+    TrustshopProductReviews: {
+        'widget-product-rating': {
+            selected_product: '{{ product }}'
+        },
+        'all-reviews': null,
+        'widget-box': null,
+        'review-testimonial': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...TrustshopProductReviews,
+    ...HulkProductOptions,
+    ...MyappgurusProductReviews,
+    ...TrustreviewsProductReviews,
+    ...PowrContactFormBuilder,
+    ...SeoantTrustBadgesIcon,
+    ...SegunoEmailMarketing,
+    ...AftershipEmailMarketingsms,
+    ...BestBuyFulfillment,
     ...GloboProductOptionsVariant,
     ...WishlistKing,
     ...LoloyalLoyaltyReferrals,

package/dist/cjs/helpers/third-party/constant.js

@@ -34,8 +34,17 @@ const mapShopifyAppMeta = {
     ...appConfig.WishlistKingConfig,
     ...appConfig.GloboProductOptionsVariantConfig,
     ...appConfig.KachingBundlesConfig,
+    ...appConfig.BestBuyFulfillmentConfig,
+    ...appConfig.AftershipEmailMarketingsmsConfig,
+    ...appConfig.SegunoEmailMarketingConfig,
     ...appConfig.TrustooConfig,
-    ...appConfig.LooxReviewsConfig
+    ...appConfig.LooxReviewsConfig,
+    ...appConfig.SeoantTrustBadgesIconConfig,
+    ...appConfig.PowrContactFormBuilderConfig,
+    ...appConfig.MyappgurusProductReviewsConfig,
+    ...appConfig.TrustreviewsProductReviewsConfig,
+    ...appConfig.HulkProductOptionsConfig,
+    ...appConfig.TrustshopProductReviewsConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/helpers/typography.js

@@ -24,7 +24,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const typographyCustom = typography?.custom;
     const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
     const typographyAttrs = typography?.attrs;
-    const { bold, italic, underline, transform } = typographyAttrs ?? {};
+    const { bold, italic, underline, transform, color } = typographyAttrs ?? {};
     const composeImportant = isImportant ? '!important' : '';
     return `
   ${fontFamily ? `font-family: ${composeFontFamilyTypographyV2({
@@ -32,6 +32,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
         type: typography?.type
     })} ${composeImportant}` : ''};
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant}` : ''};
+  ${color ? `color: ${color} ${composeImportant}` : ''};
   ${bold ? `font-weight: bold ${composeImportant}` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant}` : ''};
   ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant}` : ''};
   ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant}` : ''};
@@ -40,6 +41,13 @@ const composeTypographyV2Css = (typography, isImportant)=>{
   ${transform ? `text-transform: ${transform} ${composeImportant}` : ''};
   `;
 };
+const composeTextHoverColorCss = (device, colorHoverConfig, isImportant)=>{
+    if (colorHoverConfig) {
+        const composeImportant = isImportant ? '!important' : '';
+        const color = colorHoverConfig[device]?.hover;
+        return `${color ? `color: ${color} ${composeImportant}` : ''}`;
+    }
+};
 function getCustomCSSByDevice(typography, device) {
     if (!typography || !device) return {};
     const suffix = device === 'desktop' || !device ? '' : `-${device}`;
@@ -150,6 +158,7 @@ const isCustomTypo = (customTypo)=>{
 
 exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
 exports.composeFontFamilyTypographyV2 = composeFontFamilyTypographyV2;
+exports.composeTextHoverColorCss = composeTextHoverColorCss;
 exports.composeTypography = composeTypography;
 exports.composeTypographyAttr = composeTypographyAttr;
 exports.composeTypographyClassName = composeTypographyClassName;

package/dist/cjs/hooks/animation/useAnimationActions.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/animation/useAnimationConfig.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/animation/useAnimationPreview.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/animation/useAnimationTarget.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/animation/useApplyAnimation.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var articles_generated = require('../../graphql/queries/articles.generated.js');

package/dist/cjs/hooks/cart/use-add-to-cart.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-cart-data.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-cart-note-update.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-create-cart.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-remove-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-update-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/shop/use-collection-query.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

package/dist/cjs/hooks/shop/use-collections-query.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

package/dist/cjs/hooks/shop/use-product-query.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

package/dist/cjs/hooks/shop/use-products-query.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

package/dist/cjs/hooks/shop/useShopifyLink.js

@@ -0,0 +1,47 @@
+'use client';
+'use strict';
+
+var react = require('react');
+var ShopContext = require('../../contexts/ShopContext.js');
+
+const useShopifyLink = ({ productId, articleId })=>{
+    const storefrontUrl = ShopContext.useShopStore((s)=>s.storefrontUrl);
+    //
+    // const productId = useMemo(() => {
+    //   const ele = document.querySelector(`[data-uid="${parentProductUid}"]`);
+    //   return ele?.getAttribute('data-product-id');
+    // }, [parentProductUid]);
+    const shopName = react.useMemo(()=>{
+        const pattern = /^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;
+        if (storefrontUrl) {
+            return storefrontUrl.match(pattern)?.[1];
+        }
+        return '';
+    }, [
+        storefrontUrl
+    ]);
+    const linkShopDefault = react.useMemo(()=>{
+        return `https://admin.shopify.com/store/${shopName}`;
+    }, [
+        shopName
+    ]);
+    const linkEditProduct = react.useMemo(()=>{
+        return productId ? `${linkShopDefault}/products/${productId}` : '';
+    }, [
+        linkShopDefault,
+        productId
+    ]);
+    const linkEditArticle = react.useMemo(()=>{
+        return articleId ? `${linkShopDefault}/articles/${articleId}` : '';
+    }, [
+        articleId,
+        linkShopDefault
+    ]);
+    return {
+        linkShopDefault,
+        linkEditProduct,
+        linkEditArticle
+    };
+};
+
+exports.useShopifyLink = useShopifyLink;

package/dist/cjs/hooks/shop.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -26,6 +27,14 @@ const useCurrency = ()=>{
         changeCurrency
     ]);
 };
+const useTimezone = ()=>{
+    const timezone = ShopContext.useShopStore((state)=>state.timezone);
+    return react.useMemo(()=>({
+            timezone
+        }), [
+        timezone
+    ]);
+};
 const useMoneyFormat = ()=>{
     const moneyFormat = ShopContext.useShopStore((state)=>state.moneyFormat);
     const moneyWithCurrencyFormat = ShopContext.useShopStore((state)=>state.moneyWithCurrencyFormat);
@@ -124,3 +133,4 @@ exports.usePageType = usePageType;
 exports.usePluginEnable = usePluginEnable;
 exports.useStoreFront = useStoreFront;
 exports.useSwatches = useSwatches;
+exports.useTimezone = useTimezone;

package/dist/cjs/hooks/use-current-device.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -19,7 +20,7 @@ const useCurrentDevice = ()=>{
     return react.useSyncExternalStore(subscribe, ()=>{
         if (window.innerWidth < 768) {
             return 'mobile';
-        } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {
+        } else if (window.innerWidth >= 768 && window.innerWidth < 1025) {
             return 'tablet';
         } else {
             return 'desktop';

package/dist/cjs/hooks/use-lazy-video.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/useAnimations.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var animations = require('../helpers/animations.js');

package/dist/cjs/hooks/useCartId.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useCartLine.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useCartUI.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useCollection.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var CollectionContext = require('../contexts/CollectionContext.js');

package/dist/cjs/hooks/useFetchHandle.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

package/dist/cjs/hooks/useFormatMoney.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var shop = require('./shop.js');

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useInteraction.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var PageContext = require('../contexts/PageContext.js');

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useLoadScript.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useMoney.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/usePrevious.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/useProduct.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -12,6 +13,7 @@ require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 var variant = require('../helpers/variant.js');
+var useShopifyLink = require('./shop/useShopifyLink.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 require('classnames');
@@ -43,6 +45,21 @@ const useProductBundleDiscount = ()=>{
         seUseProductCompareAtPrice
     };
 };
+const useProductShopifyEditLink = ()=>{
+    const product = ProductContext.useProductStore((s)=>s.product);
+    const productId = product?.baseID?.replace('gid://shopify/Product/', '');
+    const { linkEditProduct } = useShopifyLink.useShopifyLink({
+        productId
+    });
+    const redirectProductShopifyLink = ()=>{
+        if (!linkEditProduct) return;
+        window.open(linkEditProduct, '_blank');
+    };
+    return {
+        linkEditProduct,
+        redirectProductShopifyLink
+    };
+};
 const useQuantity = ()=>{
     const quantity = ProductContext.useProductStore((s)=>s.quantity);
     const hasUpdatePrice = ProductContext.useProductStore((s)=>s.updatePrice);
@@ -237,6 +254,7 @@ exports.useProduct = useProduct;
 exports.useProductBundleDiscount = useProductBundleDiscount;
 exports.useProductOfferDiscount = useProductOfferDiscount;
 exports.useProductProperties = useProductProperties;
+exports.useProductShopifyEditLink = useProductShopifyEditLink;
 exports.useQuantity = useQuantity;
 exports.useSelectedOption = useSelectedOption;
 exports.useUniqProductID = useUniqProductID;

package/dist/cjs/hooks/useProductList.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var ProductListContext = require('../contexts/ProductListContext.js');

package/dist/cjs/hooks/useSuspenseFetch.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useSwatchesOptions.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/hooks/useToolbarPostPurchase.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var constant = require('../components/constant.js');