@gem-sdk/core 1.58.0-dev.13 → 1.58.0-dev.134

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

@@ -99,7 +99,14 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
             {
                 return {
                     ...currentSetting,
-                    ['show-views']: appSetting?.showViews
+                    'show-views': appSetting?.showViews,
+                    heading: appSetting?.heading,
+                    'template-type': appSetting?.templateType,
+                    'title-font-size': parseFloat(appSetting?.titleFontSize),
+                    'landscape-padding': parseFloat(appSetting?.landscapePadding),
+                    'top-bottom-padding': parseFloat(appSetting?.topBottomPadding),
+                    'scroll-video-tile-size': parseFloat(appSetting?.scrollVideoTitleSize),
+                    'scroll-video-tile-size-portrait': parseFloat(appSetting?.scrollVideoTitleSizePortrait)
                 };
             }
         case 'PowerfulContactFormBuilder':
@@ -109,6 +116,27 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     shortcode: appSetting?.shortcode
                 };
             }
+        case 'AftershipEmailMarketingsms':
+            {
+                return {
+                    ...currentSetting,
+                    embedded_form_id: appSetting?.formId
+                };
+            }
+        case 'SeoantTrustBadgesIcon':
+            {
+                return {
+                    ...currentSetting,
+                    badge_id: appSetting?.BadgeId
+                };
+            }
+        case 'PowrContactFormBuilder':
+            {
+                return {
+                    ...currentSetting,
+                    app_id: appSetting?.appId
+                };
+            }
         default:
             return currentSetting;
     }
@@ -443,7 +471,320 @@ 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,
+        'review-widget': null,
+        'photo-carousel': null,
+        'star-rating-widget': {
+            star_size: 20,
+            font_size: 16,
+            block_aligment: 'flex-start'
+        },
+        'text-carousel': null,
+        'card-carousel': null
+    }
+};
+const LooxReviews = {
+    LooxReviews: {
+        'loox-card-carousel-section': {
+            maxWidth: 1100,
+            borderRadius: 8,
+            itemsPerView: 4,
+            mobileItemsPerView: 1,
+            maxNumberOfCharacters: 100,
+            imageRatio: '0.72',
+            reviewerNameColor: '#000000',
+            textColor: '#000000',
+            itemBackgroundColor: '#ffffff',
+            starsColor: '',
+            starsBackgroundColor: '#ffffff',
+            arrows_backgroundColor: '#FFFFFF',
+            arrows_iconColor: '#9A9A9A',
+            shadow: 'offset-dark',
+            border_active: false,
+            border_width: 2,
+            border_color: '#000000',
+            productIds: ''
+        },
+        'loox-gallery-carousel-section': {
+            maxWidth: 1100,
+            borderRadius: 60,
+            itemsPerView: 5,
+            mobileItemsPerView: 1,
+            imageRatio: '1',
+            reviewerNameColor: '#ffffff',
+            starsColor: '#ffffff',
+            arrows_backgroundColor: '#FFFFFF',
+            arrows_iconColor: '#9A9A9A',
+            shadow: 'none',
+            border_active: false,
+            border_width: 2,
+            border_color: '#000000',
+            productIds: ''
+        },
+        'loox-referrals-section': {
+            max_width: 1100,
+            layout: 'with-photo',
+            primary_color: '',
+            text_color: '#000000',
+            text_field_border_color: '#C9CDD4',
+            background: ''
+        },
+        'loox-dynamic-section': {
+            only_photos: false,
+            aggregated: false,
+            limit: 20,
+            hide_thumbnails: false,
+            maxwidth: 1080,
+            is_sample: true
+        },
+        'loox-snippets-widget': {
+            alignment: 'left',
+            'max-width': '',
+            'color-scheme': 'default',
+            shadow: '',
+            'show-rating': true,
+            'show-image': true,
+            'hide-arrows-mobile': false,
+            'font-size': 14,
+            'show-border': false,
+            'border-radius': 16,
+            'background-color': '',
+            'text-color': '',
+            'name-color': '',
+            'rating-icon-color': '',
+            'border-color': '',
+            'shadow-color': '',
+            'reviews-limit': 10
+        },
+        'loox-rating': {
+            contentSize: 16,
+            pattern: '',
+            hideText: false,
+            alignment: '',
+            layout: '',
+            textColor: '',
+            starColor: '',
+            showAllReviews: false,
+            looxOpenFloatingWidget: false,
+            emptyRatingWidget: false
+        },
+        'loox-testimonial-carousel-section': {
+            maxWidth: 1100,
+            desktopFontSize: 32,
+            mobileFontSize: 20,
+            maxNumberOfCharacters: 100,
+            quoteMarkIcon: 'style-1',
+            reviewerNameColor: '#000000',
+            textColor: '#000000',
+            starsColor: '',
+            quotesIconColor: '#EAEAEA',
+            arrows_iconColor: '#000000',
+            arrows_hideOnMobile: true,
+            pagination_active: true,
+            pagination_selectedDotColor: '#000000',
+            pagination_dotColor: '#000000',
+            autoplay_active: false,
+            autoplay_duration: 2,
+            productIds: ''
+        },
+        'loox-trust-badge': {
+            layout: 'horizontal',
+            alignment: 'left',
+            'scheme-type': 'default',
+            'review-title': 'reviews',
+            'rating-icon': true,
+            'average-rating': true,
+            'loox-branding': true,
+            'review-count': true,
+            'open-reviews': true,
+            'show-border': true,
+            'border-radius': 8,
+            'font-size': 20,
+            'background-color': '',
+            'secondary-background-color': '',
+            'text-color': '',
+            'rating-icon-color': '',
+            'border-color': ''
+        },
+        'loox-video-slider': {
+            'show-by-tag': false,
+            layout: 'spotlight',
+            shadow: '',
+            'show-rating': true,
+            'show-reviewer-name': true,
+            'hide-arrows-mobile': true,
+            'auto-play': true,
+            'show-border': false,
+            'border-width': 1,
+            'border-radius': 16,
+            'text-color': '',
+            'rating-icon-color': '',
+            'border-color': '',
+            'play-button-color': '',
+            'shadow-color': '',
+            'product-id': ''
+        }
+    }
+};
+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 composeSettingsByWidgetType = {
+    ...HulkProductOptions,
+    ...MyappgurusProductReviews,
+    ...TrustreviewsProductReviews,
+    ...PowrContactFormBuilder,
+    ...SeoantTrustBadgesIcon,
+    ...SegunoEmailMarketing,
+    ...AftershipEmailMarketingsms,
+    ...BestBuyFulfillment,
     ...GloboProductOptionsVariant,
     ...WishlistKing,
     ...LoloyalLoyaltyReferrals,
@@ -474,7 +815,9 @@ const composeSettingsByWidgetType = {
     ...YotpoReviews,
     ...BoldSubscriptions,
     ...Growave,
-    ...KachingBundles
+    ...KachingBundles,
+    ...Trustoo,
+    ...LooxReviews
 };
 
 exports.composeSettingsByWidgetType = composeSettingsByWidgetType;

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

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

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

@@ -4,9 +4,25 @@ var appSetting = require('./appSetting.js');
 var getAppBlockType = require('./getAppBlockType.js');
 
 const listAppUpdateNewVersion = [
-    'Growave'
+    'Growave',
+    'Trustoo',
+    'LooxReviews'
 ];
+const listThirdPartyRejectAppBlock = {
+    YotpoReviews: {
+        conditionToReject: 'settings?.version === "v1"'
+    },
+    Trustoo: {
+        conditionToReject: 'settings?.version === "v1"'
+    },
+    LooxReviews: {
+        conditionToReject: 'settings?.version === "v1"'
+    }
+};
 const getAppBlockConfig = (tag, appBlockId, settings)=>{
+    if (listThirdPartyRejectAppBlock[tag] && eval(listThirdPartyRejectAppBlock[tag]?.conditionToReject ?? '')) {
+        return;
+    }
     let widgetType = settings?.widgetType;
     if (listAppUpdateNewVersion.includes(tag)) {
         widgetType = settings?.widgetTypeV2;

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');

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