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

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/intersection-observer/useInView.js

@@ -46,13 +46,11 @@ function useInView({ triggerOnce, skip, addRootMargin = 0, initialInView, onChan
         // Add listeners for visibility change
         window.addEventListener('scroll', handleVisibilityChange);
         window.addEventListener('resize', handleVisibilityChange);
-        window.addEventListener('trigger-change-in-view', handleVisibilityChange);
         // Initial check
         handleVisibilityChange();
         unobserve.current = ()=>{
             window.removeEventListener('scroll', handleVisibilityChange);
             window.removeEventListener('resize', handleVisibilityChange);
-            window.removeEventListener('trigger-change-in-view', handleVisibilityChange);
             if (frameId.current) cancelAnimationFrame(frameId.current);
             frameId.current = undefined;
         };

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/intersection-observer/useInView.js

@@ -44,13 +44,11 @@ function useInView({ triggerOnce, skip, addRootMargin = 0, initialInView, onChan
         // Add listeners for visibility change
         window.addEventListener('scroll', handleVisibilityChange);
         window.addEventListener('resize', handleVisibilityChange);
-        window.addEventListener('trigger-change-in-view', handleVisibilityChange);
         // Initial check
         handleVisibilityChange();
         unobserve.current = ()=>{
             window.removeEventListener('scroll', handleVisibilityChange);
             window.removeEventListener('resize', handleVisibilityChange);
-            window.removeEventListener('trigger-change-in-view', handleVisibilityChange);
             if (frameId.current) cancelAnimationFrame(frameId.current);
             frameId.current = undefined;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.1.27-staging.21",
+  "version": "2.1.27-staging.25",
   "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.27-staging.21",
+    "@gem-sdk/core": "2.1.27-staging.23",
     "@gem-sdk/styles": "2.1.27-staging.13",
     "@types/react-transition-group": "^4.4.5"
   },