@gem-sdk/components 2.1.41 → 2.1.44

package/dist/cjs/button/components/Button.liquid.js

@@ -167,7 +167,8 @@ const Button = ({ className, builderProps, customAttrs, pageContext, setting = {
         ...nodePrice && appendTypoStyle,
         '--size': appendTypoStyle['--size'],
         '--size-tablet': appendTypoStyle['--size-tablet'],
-        '--size-mobile': appendTypoStyle['--size-mobile']
+        '--size-mobile': appendTypoStyle['--size-mobile'],
+        ...core.getGlobalColorStateStyle('c', textColor)
     }}"
       >
         ${labelValDisplay}

package/dist/cjs/helpers.js

@@ -58,6 +58,10 @@ const getStaticLocale = (tag, key)=>{
 const getSettingPreloadData = (disabledValue, enabledValue)=>{
     return `{% if section.settings.section_preload == "false" %}${disabledValue} ${enabledValue ? `{% else %}${enabledValue}` : ''}{% endif %}`;
 };
+const getHttpUrl = (link)=>{
+    if (!link) return '';
+    return link.match(/^https?:\/\//i) ? link : `http://${link}`;
+};
 const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
     const URL_START_WITH = [
         '#',
@@ -70,7 +74,7 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
     const isHyperlink = setting?.link !== undefined && setting.link !== '';
     let urlHref = setting?.link ?? '';
     const isHomePageHref = urlHref === '/';
-    const regexHttp = new RegExp(/^https?:\/\//i);
+    const regexHttp = new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i);
     const regexPageType = new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart)\/?/i);
     const isShopifyDomain = isHyperlink && !regexHttp.test(urlHref) && regexPageType.test(urlHref);
     const isDomain = isHyperlink && regexHttp.test(urlHref);
@@ -81,6 +85,7 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
             urlHref = "{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}" + urlHref;
         }
     }
+    if (isDomain) urlHref = getHttpUrl(urlHref);
     const isLink = ()=>{
         if (URL_START_WITH.find((el)=>urlHref.startsWith(el))) return true;
         if (URL_INCLUDES.find((el)=>urlHref.includes(el))) return true;

package/dist/cjs/image/components/AdaptiveImage.js

@@ -5,29 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var Head = require('next/head');
 var Img = require('./Img.js');
+var React = require('react');
+var getSrcSet = require('../helpers/getSrcSet.js');
 
 const AdaptiveImage = ({ srcSet, priority, pictureClass, imagePlaceholder, ...rest })=>{
     const fallBackImage = 'https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif';
+    const imageLinkList = React.useMemo(()=>{
+        if (!priority) return [];
+        return Array.from(new Set(getSrcSet.DEVICES.map((device)=>srcSet?.[device]?.src).filter(Boolean)));
+    }, [
+        srcSet,
+        priority
+    ]);
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
-                children: [
-                    !!srcSet?.desktop?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
+            imageLinkList.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(Head, {
+                children: imageLinkList.map((link)=>/*#__PURE__*/ jsxRuntime.jsx("link", {
                         rel: "preload",
-                        href: srcSet.desktop.src,
+                        href: link,
                         as: "image"
-                    }),
-                    !!srcSet?.tablet?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                        rel: "preload",
-                        href: srcSet.tablet.src,
-                        as: "image"
-                    }),
-                    !!srcSet?.mobile?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                        rel: "preload",
-                        href: srcSet.mobile.src,
-                        as: "image"
-                    })
-                ]
+                    }, link))
             }),
             /*#__PURE__*/ jsxRuntime.jsxs("picture", {
                 style: {

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

@@ -10,7 +10,6 @@ var common = require('./common.js');
 const Text = /*#__PURE__*/ React.forwardRef(({ styles, builderAttrs, style, setting, advanced, builderProps, className, children, ...props }, ref)=>{
     const { text, htmlTag: Element = 'div', options, tagWidth, excludeFlex } = setting ?? {};
     const composeGlobalSize = core.makeGlobalSize(setting?.globalSize);
-    console.log('Text: ', text);
     const mode = core.useEditorMode();
     const getPlaceHolderWhenContentNone = ()=>{
         let classList = '';

package/dist/esm/button/components/Button.liquid.js

@@ -163,7 +163,8 @@ const Button = ({ className, builderProps, customAttrs, pageContext, setting = {
         ...nodePrice && appendTypoStyle,
         '--size': appendTypoStyle['--size'],
         '--size-tablet': appendTypoStyle['--size-tablet'],
-        '--size-mobile': appendTypoStyle['--size-mobile']
+        '--size-mobile': appendTypoStyle['--size-mobile'],
+        ...getGlobalColorStateStyle('c', textColor)
     }}"
       >
         ${labelValDisplay}

package/dist/esm/helpers.js

@@ -56,6 +56,10 @@ const getStaticLocale = (tag, key)=>{
 const getSettingPreloadData = (disabledValue, enabledValue)=>{
     return `{% if section.settings.section_preload == "false" %}${disabledValue} ${enabledValue ? `{% else %}${enabledValue}` : ''}{% endif %}`;
 };
+const getHttpUrl = (link)=>{
+    if (!link) return '';
+    return link.match(/^https?:\/\//i) ? link : `http://${link}`;
+};
 const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
     const URL_START_WITH = [
         '#',
@@ -68,7 +72,7 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
     const isHyperlink = setting?.link !== undefined && setting.link !== '';
     let urlHref = setting?.link ?? '';
     const isHomePageHref = urlHref === '/';
-    const regexHttp = new RegExp(/^https?:\/\//i);
+    const regexHttp = new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i);
     const regexPageType = new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart)\/?/i);
     const isShopifyDomain = isHyperlink && !regexHttp.test(urlHref) && regexPageType.test(urlHref);
     const isDomain = isHyperlink && regexHttp.test(urlHref);
@@ -79,6 +83,7 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
             urlHref = "{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}" + urlHref;
         }
     }
+    if (isDomain) urlHref = getHttpUrl(urlHref);
     const isLink = ()=>{
         if (URL_START_WITH.find((el)=>urlHref.startsWith(el))) return true;
         if (URL_INCLUDES.find((el)=>urlHref.includes(el))) return true;

package/dist/esm/image/components/AdaptiveImage.js

@@ -1,29 +1,26 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Head from 'next/head';
 import Img from './Img.js';
+import { useMemo } from 'react';
+import { DEVICES } from '../helpers/getSrcSet.js';
 
 const AdaptiveImage = ({ srcSet, priority, pictureClass, imagePlaceholder, ...rest })=>{
     const fallBackImage = 'https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif';
+    const imageLinkList = useMemo(()=>{
+        if (!priority) return [];
+        return Array.from(new Set(DEVICES.map((device)=>srcSet?.[device]?.src).filter(Boolean)));
+    }, [
+        srcSet,
+        priority
+    ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsxs(Head, {
-                children: [
-                    !!srcSet?.desktop?.src && /*#__PURE__*/ jsx("link", {
+            imageLinkList.length > 0 && /*#__PURE__*/ jsx(Head, {
+                children: imageLinkList.map((link)=>/*#__PURE__*/ jsx("link", {
                         rel: "preload",
-                        href: srcSet.desktop.src,
+                        href: link,
                         as: "image"
-                    }),
-                    !!srcSet?.tablet?.src && /*#__PURE__*/ jsx("link", {
-                        rel: "preload",
-                        href: srcSet.tablet.src,
-                        as: "image"
-                    }),
-                    !!srcSet?.mobile?.src && /*#__PURE__*/ jsx("link", {
-                        rel: "preload",
-                        href: srcSet.mobile.src,
-                        as: "image"
-                    })
-                ]
+                    }, link))
             }),
             /*#__PURE__*/ jsxs("picture", {
                 style: {

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

@@ -6,7 +6,6 @@ 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 ?? {};
     const composeGlobalSize = makeGlobalSize(setting?.globalSize);
-    console.log('Text: ', text);
     const mode = useEditorMode();
     const getPlaceHolderWhenContentNone = ()=>{
         let classList = '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.1.41",
+  "version": "2.1.44",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -21,7 +21,7 @@
     "format": "prettier --write \"./src/**/*.{ts,tsx}\""
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.1.40",
+    "@gem-sdk/core": "2.1.44",
     "@gem-sdk/styles": "2.1.31",
     "@types/react-transition-group": "^4.4.5"
   },