@gem-sdk/components 4.0.0-staging.1162 → 4.0.0-staging.1165
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/helpers.js +1 -1
- package/dist/cjs/icon/common/helpers.js +1 -1
- package/dist/cjs/icon/components/Icon.liquid.js +1 -1
- package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js +4 -4
- package/dist/cjs/product/components/product-badge/utils/generateLiquidContent.js +3 -3
- package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js +2 -2
- package/dist/esm/helpers.js +1 -1
- package/dist/esm/icon/common/helpers.js +1 -1
- package/dist/esm/icon/components/Icon.liquid.js +1 -1
- package/dist/esm/product/components/product-badge/ProductBadge.liquid.js +17 -17
- package/dist/esm/product/components/product-badge/utils/generateLiquidContent.js +3 -3
- package/dist/esm/product/components/product-badge/utils/renderBadgeLiquid.js +2 -2
- package/dist/types/index.d.ts +2 -1
- package/package.json +2 -2
package/dist/cjs/helpers.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js");const REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&®EX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),o=t?255&i:void 0;return 0===o||!!o},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:o,isCapitalize:
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js");const REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&®EX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),o=t?255&i:void 0;return 0===o||!!o},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:o,isCapitalize:l,defaultVal:n="",translate:s,isReplaceLocationOrigin:a,isReplaceMaxSize:p,isReplaceInventoryQuantity:c})=>{let g=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),u=o?.isTranslateWithLocale?1e3:5e3;if(!s||!e?.toString().trim()||e.toString().length>u||g||o?.isPreviewing)return e??n;let h=`g${t}_${r}`,f=`section.settings.${h}`;return(o?.isTranslateWithLocale&&(f=`'sections.${o.sectionName}.${h}_html' | t`),a&&(f+=" | replace: '$locationOrigin', locationOrigin"),p&&(f+=" | replace: '$max_size', '10MB'"),c&&(f+=" | replace: '<$quantity$>', inventory_quantity | replace: '<$quantity$>', inventory_quantity"),l&&(f=`${f} | downcase`),i)?f:`{{ ${f} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}const getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],o=["product.url"],l=t?.link!==void 0&&""!==t.link,n=t?.link??"",s="/"===n,a=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),p=l&&a.test(n);p&&(n=getHttpUrl(n)),l&&n.toLowerCase().startsWith("mailto:")&&n.includes("+")&&(n=normalizeMailto(n));let c=()=>!!(i.find(e=>n.startsWith(e))||o.find(e=>n.includes(e))),g=p||isShopifyDomain(l,n)||c()||s||isLinkedToSalesPage(t?.type);(isShopifyDomain(l,n)||s)&&(n=t?.isTranslate?"$locationOrigin"+n:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+n);let u=g?t?.isLiquid?"a":Link.default:e,h={href:n,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},f=g?h:l?{...h,type:r}:{type:r};return{Wrap:u,urlData:f,shouldRenderLink:g}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:o=!1})=>{let l=["product.url"],n=["#","mailto:","tel:"],s=e?.link??"",a="/"===s,p=e?.link!==void 0&&""!==e.link,c=new RegExp(/^https?:\/\//i),g=p&&c.test(s);p&&s.toLowerCase().startsWith("mailto:")&&s.includes("+")&&(s=normalizeMailto(s));let u=()=>!!(l.find(e=>s.includes(e))||n.find(e=>s.startsWith(e))),h=o&&(g||isShopifyDomain(p,s)||u()||a||isLinkedToSalesPage(e?.type)),f=s;i&&(isShopifyDomain(p,s)||a)&&(f=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+s);let k=h?i?"a":Link.default:r,m={href:f,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},y=h?m:p?{...m,type:t}:{type:t};return{Wrapper:k,urlData:y,shouldRenderLink:h}},replaceLinkData=(e,t)=>{let r=/<a\s[^>]*>.*?<\/a>/;if(e&&r.test(e)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,o=e.toString();for(;null!==(r=i.exec(o));){let e=r[1],{urlData:i}=getInsertLinkData("",{link:e,isTranslate:t});o=o.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return o}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getDisplayStyle=(e,t)=>{let r={};return core.DEVICES.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},getAllHrefFromString=e=>{let t;if(!e)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},replaceAllHrefFromString=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,o=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[o]??""),o++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}const handleClickLink=(e,t)=>{if("edit"!==t){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let t=e?.link?.replace("#el-","#");core.globalEvent.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&core.globalEvent.dispatch("onOpenDialog",{popupUId:e?.link})}};exports.REGEX_PAGE_TYPE=REGEX_PAGE_TYPE,exports.checkIsOpenPopup=checkIsOpenPopup,exports.checkIsScrollToTop=checkIsScrollToTop,exports.convertUnitToNumber=convertUnitToNumber,exports.filterTruthyObject=filterTruthyObject,exports.filterTruthyStyles=filterTruthyStyles,exports.getAllHrefFromString=getAllHrefFromString,exports.getDisplayStyle=getDisplayStyle,exports.getDynamicSourceLocales=getDynamicSourceLocales,exports.getInsertLinkData=getInsertLinkData,exports.getLinkArticle=getLinkArticle,exports.getLinkData=getLinkData,exports.getSettingPreloadData=getSettingPreloadData,exports.getStaticLocale=getStaticLocale,exports.handleClickLink=handleClickLink,exports.isEmptyObject=isEmptyObject,exports.isHexTransparent=isHexTransparent,exports.isLinkedToSalesPage=isLinkedToSalesPage,exports.isShopifyDomain=isShopifyDomain,exports.isTransparentColor=isTransparentColor,exports.isTransparentRGBA=isTransparentRGBA,exports.normalizeMailto=normalizeMailto,exports.replaceAllHrefFromString=replaceAllHrefFromString,exports.replaceLinkData=replaceLinkData,exports.youtubeShortsRegex=youtubeShortsRegex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var helpers=require("../../helpers.js"),constant=require("../../constant.js");const getLink=e=>{let{iconLink:
|
|
1
|
+
"use strict";var helpers=require("../../helpers.js"),constant=require("../../constant.js");const getLink=(e,t)=>{let{iconLink:s}=e??{};return s?.type==="go-to-sales-page"&&(s={type:"go-to-sales-page",link:constant.HREF_TO_SALES_PAGE,target:"_self"}),{iconLink:s,...helpers.getInsertLinkData("div",{...s,isLiquid:t})}};exports.getLink=getLink;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),attrs=require("../common/attrs.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const Icon=({style:e,builderAttrs:s,builderProps:t,setting:r={},styles:l,advanced:a})=>{let{iconSvg:c,iconLinkEnable:y}=r,{Wrap:i,urlData:m,iconLink:o}=helpers.getLink(r),n=o?.link&&y?{href:m.href,target:m?.target,title:o?.title,rel:m?.rel}:{},d=system.createAttr({...attrs.getAttr({uid:t?.uid??"",builderAttrs:s})}),u=system.createAttr({...t?.uid&&{"data-id":t?.uid}}),p=system.createClass({"gp-leading-[0]":!0,...t?.uid&&{[t.uid]:!0},...a?.cssClass&&{[a.cssClass]:!0}}),g=system.createClass({...classes.getContainerClasses({styles:l,builderProps:t})}),$=system.createClass({...classes.getIconClasses({styles:l})}),C=system.createStyle({...styles.getWrapperStyle(e,l)}),q=system.createStyle({...styles.getContainerStyle(l)}),v=system.createStyle({...styles.getIconStyle(l)});return system.Liquid(core.template`
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),attrs=require("../common/attrs.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const Icon=({style:e,builderAttrs:s,builderProps:t,setting:r={},styles:l,advanced:a})=>{let{iconSvg:c,iconLinkEnable:y}=r,{Wrap:i,urlData:m,iconLink:o}=helpers.getLink(r,!0),n=o?.link&&y?{href:m.href,target:m?.target,title:o?.title,rel:m?.rel}:{},d=system.createAttr({...attrs.getAttr({uid:t?.uid??"",builderAttrs:s})}),u=system.createAttr({...t?.uid&&{"data-id":t?.uid}}),p=system.createClass({"gp-leading-[0]":!0,...t?.uid&&{[t.uid]:!0},...a?.cssClass&&{[a.cssClass]:!0}}),g=system.createClass({...classes.getContainerClasses({styles:l,builderProps:t})}),$=system.createClass({...classes.getIconClasses({styles:l})}),C=system.createStyle({...styles.getWrapperStyle(e,l)}),q=system.createStyle({...styles.getContainerStyle(l)}),v=system.createStyle({...styles.getIconStyle(l)});return system.Liquid(core.template`
|
|
2
2
|
<div ${d} class="${p}" style="${C}">
|
|
3
3
|
<div ${u} class="${g}" style="${q}">
|
|
4
4
|
${system.If(!!c,core.template`
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),common=require("./utils/common.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:r,pageContext:a}=e,i=s?.shape!=="image",c=common.checkDiscountContentProductBadge(s?.displayContent),n=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),l=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),d=system.createStyle({...styles.getSubWrapperStyle(e)}),p=system.createAttr({...attrs.getSubWrapperAttrs(e)}),u=styles.getContentStyleInternal(e),y=system.createClass({...classes.getTextContainerClasses()}),g=system.createAttr({...attrs.getContainerAttrs(e)}),m=system.createClass({...classes.getTextWrapperClasses()}),C=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),v=system.createClass({...classes.getTextContentClasses(t)})
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),common=require("./utils/common.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:r,pageContext:a}=e,i=s?.shape!=="image",c=common.checkDiscountContentProductBadge(s?.displayContent),n=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),l=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),d=system.createStyle({...styles.getSubWrapperStyle(e)}),p=system.createAttr({...attrs.getSubWrapperAttrs(e)}),u=styles.getContentStyleInternal(e),y=system.createClass({...classes.getTextContainerClasses()}),g=system.createAttr({...attrs.getContainerAttrs(e)}),m=system.createClass({...classes.getTextWrapperClasses()}),C=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),v=system.createClass({...classes.getTextContentClasses(t)}),S=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),$=system.createAttr({...attrs.getTextContentAttrs()}),q=system.createClass({...classes.getImageContainerClasses()}),I=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),j=system.createClass({...classes.getImageClasses()}),D=system.createAttr({...attrs.getImageAttr({setting:s})}),P=system.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{ product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(s?.displayTrigger).replaceAll("'","'")),uid:e.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:'{{ product.tags | join: "," | escape }}',isTextBadge:i}),{displayContent:f,translate:A}=s??{},L=helpers.getDynamicSourceLocales({val:f?.trim(),uid:r?.uid,settingId:"displayContent",isLiquid:!0,pageContext:a,translate:A});return core.template`
|
|
2
2
|
{% if product %}
|
|
3
|
-
${generateLiquidContent.generateBadgeContent(L)}
|
|
3
|
+
${generateLiquidContent.generateBadgeContent(L,a?.isPreviewing)}
|
|
4
4
|
${renderBadgeLiquid.renderBadgeInFirstTime(s?.displayTrigger,c,i)}
|
|
5
5
|
<gp-product-badge
|
|
6
6
|
${{...g}}
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
style="${C}"
|
|
24
24
|
>
|
|
25
25
|
<pre
|
|
26
|
-
${{
|
|
26
|
+
${{...$}}
|
|
27
27
|
class="${v}"
|
|
28
|
-
style="${
|
|
28
|
+
style="${S}"
|
|
29
29
|
>{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
|
|
30
30
|
</div>
|
|
31
31
|
</div>`,core.template`<div class="${q}" style="${I}">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";const generateBadgeContent=
|
|
2
|
-
{% assign content = ${
|
|
1
|
+
"use strict";const generateBadgeContent=(n,i)=>`
|
|
2
|
+
{% assign content = ${i?JSON.stringify(n):n} %}
|
|
3
3
|
|
|
4
4
|
{%if content.size > 0 %}
|
|
5
5
|
{% if variant.compare_at_price and variant.compare_at_price > 0 %}
|
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
{% assign minPriceKey = "{min_price}" %}
|
|
22
22
|
{% assign inventoryQuantityKey = "{inventory_quantity}" %}
|
|
23
23
|
{% endif %}
|
|
24
|
-
|
|
24
|
+
`;exports.generateBadgeContent=generateBadgeContent;
|
|
@@ -127,8 +127,8 @@
|
|
|
127
127
|
{% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
|
|
128
128
|
{% endif %}
|
|
129
129
|
|
|
130
|
-
`},checkProductTagCondition=e=>{let{searchTag:i}=e,n=i.join(", ");return`
|
|
131
|
-
{% assign productTags = product.tags %}
|
|
130
|
+
`},checkProductTagCondition=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","'")).join(", ");return`
|
|
131
|
+
{% assign productTags = product.tags | escape %}
|
|
132
132
|
{% assign searchTag = '${n}' %}
|
|
133
133
|
{% for tag in productTags %}
|
|
134
134
|
{% if searchTag contains tag %}
|
package/dist/esm/helpers.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEVICES as e,globalEvent as t}from"@gem-sdk/core";import r from"./link/components/Link.js";let REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&®EX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),l=t?255&i:void 0;return 0===l||!!l},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:l,isCapitalize:n,defaultVal:o="",translate:a,isReplaceLocationOrigin:s,isReplaceMaxSize:p,isReplaceInventoryQuantity:c})=>{let g=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),u=l?.isTranslateWithLocale?1e3:5e3;if(!a||!e?.toString().trim()||e.toString().length>u||g||l?.isPreviewing)return e??o;let h=`g${t}_${r}`,f=`section.settings.${h}`;return(l?.isTranslateWithLocale&&(f=`'sections.${l.sectionName}.${h}_html' | t`),s&&(f+=" | replace: '$locationOrigin', locationOrigin"),p&&(f+=" | replace: '$max_size', '10MB'"),c&&(f+=" | replace: '<$quantity$>', inventory_quantity | replace: '<$quantity$>', inventory_quantity"),n&&(f=`${f} | downcase`),i)?f:`{{ ${f} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}let getInsertLinkData=(e,t,
|
|
1
|
+
import{DEVICES as e,globalEvent as t}from"@gem-sdk/core";import r from"./link/components/Link.js";let REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&®EX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),l=t?255&i:void 0;return 0===l||!!l},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:l,isCapitalize:n,defaultVal:o="",translate:a,isReplaceLocationOrigin:s,isReplaceMaxSize:p,isReplaceInventoryQuantity:c})=>{let g=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),u=l?.isTranslateWithLocale?1e3:5e3;if(!a||!e?.toString().trim()||e.toString().length>u||g||l?.isPreviewing)return e??o;let h=`g${t}_${r}`,f=`section.settings.${h}`;return(l?.isTranslateWithLocale&&(f=`'sections.${l.sectionName}.${h}_html' | t`),s&&(f+=" | replace: '$locationOrigin', locationOrigin"),p&&(f+=" | replace: '$max_size', '10MB'"),c&&(f+=" | replace: '<$quantity$>', inventory_quantity | replace: '<$quantity$>', inventory_quantity"),n&&(f=`${f} | downcase`),i)?f:`{{ ${f} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}let getInsertLinkData=(e,t,i)=>{let l=["#","mailto:","tel:"],n=["product.url"],o=t?.link!==void 0&&""!==t.link,a=t?.link??"",s="/"===a,p=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),c=o&&p.test(a);c&&(a=getHttpUrl(a)),o&&a.toLowerCase().startsWith("mailto:")&&a.includes("+")&&(a=normalizeMailto(a));let g=()=>!!(l.find(e=>a.startsWith(e))||n.find(e=>a.includes(e))),u=c||isShopifyDomain(o,a)||g()||s||isLinkedToSalesPage(t?.type);(isShopifyDomain(o,a)||s)&&(a=t?.isTranslate?"$locationOrigin"+a:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+a);let h=u?t?.isLiquid?"a":r:e,f={href:a,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},m=u?f:o?{...f,type:i}:{type:i};return{Wrap:h,urlData:m,shouldRenderLink:u}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:i,isLiquid:l=!1,enableImageLink:n=!1})=>{let o=["product.url"],a=["#","mailto:","tel:"],s=e?.link??"",p="/"===s,c=e?.link!==void 0&&""!==e.link,g=new RegExp(/^https?:\/\//i),u=c&&g.test(s);c&&s.toLowerCase().startsWith("mailto:")&&s.includes("+")&&(s=normalizeMailto(s));let h=()=>!!(o.find(e=>s.includes(e))||a.find(e=>s.startsWith(e))),f=n&&(u||isShopifyDomain(c,s)||h()||p||isLinkedToSalesPage(e?.type)),m=s;l&&(isShopifyDomain(c,s)||p)&&(m=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+s);let k=f?l?"a":r:i,y={href:m,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},d=f?y:c?{...y,type:t}:{type:t};return{Wrapper:k,urlData:d,shouldRenderLink:f}},replaceLinkData=(e,t)=>{let r=/<a\s[^>]*>.*?<\/a>/;if(e&&r.test(e)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,l=e.toString();for(;null!==(r=i.exec(l));){let e=r[1],{urlData:i}=getInsertLinkData("",{link:e,isTranslate:t});l=l.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return l}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getDisplayStyle=(t,r)=>{let i={};return e.forEach(e=>{i={...i,[`--d${"desktop"===e?"":`-${e}`}`]:`${t(e)?"none":r}`}}),i},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},getAllHrefFromString=e=>{let t;if(!e)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},replaceAllHrefFromString=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,l=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[l]??""),l++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}let handleClickLink=(e,r)=>{if("edit"!==r){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let r=e?.link?.replace("#el-","#");t.dispatch("onOpenDialog",{popupUId:r});return}e?.link?.startsWith("#")&&t.dispatch("onOpenDialog",{popupUId:e?.link})}};export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getInsertLinkData as e}from"../../helpers.js";import{HREF_TO_SALES_PAGE as t}from"../../constant.js";let getLink=o=>{let{iconLink:
|
|
1
|
+
import{getInsertLinkData as e}from"../../helpers.js";import{HREF_TO_SALES_PAGE as t}from"../../constant.js";let getLink=(o,r)=>{let{iconLink:s}=o??{};return s?.type==="go-to-sales-page"&&(s={type:"go-to-sales-page",link:t,target:"_self"}),{iconLink:s,...e("div",{...s,isLiquid:r})}};export{getLink};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{template as s}from"@gem-sdk/core";import{createAttr as t,createClass as e,createStyle as r,Liquid as o,If as m}from"@gem-sdk/system";import{getLink as i}from"../common/helpers.js";import{getAttr as l}from"../common/attrs.js";import{getContainerClasses as a,getIconClasses as d}from"../common/classes.js";import{getWrapperStyle as c,getContainerStyle as $,getIconStyle as p}from"../common/styles.js";let Icon=({style:n,builderAttrs:f,builderProps:u,setting:g={},styles:y,advanced:j})=>{let{iconSvg:v,iconLinkEnable:h}=g,{Wrap:k,urlData:C,iconLink:I}=i(g),x=I?.link&&h?{href:C.href,target:C?.target,title:I?.title,rel:C?.rel}:{},W=t({...l({uid:u?.uid??"",builderAttrs:f})}),b=t({...u?.uid&&{"data-id":u?.uid}}),q=e({"gp-leading-[0]":!0,...u?.uid&&{[u.uid]:!0},...j?.cssClass&&{[j.cssClass]:!0}}),w=e({...a({styles:y,builderProps:u})}),z=e({...d({styles:y})}),A=r({...c(n,y)}),B=r({...$(y)}),D=r({...p(y)});return o(s`
|
|
1
|
+
import{template as s}from"@gem-sdk/core";import{createAttr as t,createClass as e,createStyle as r,Liquid as o,If as m}from"@gem-sdk/system";import{getLink as i}from"../common/helpers.js";import{getAttr as l}from"../common/attrs.js";import{getContainerClasses as a,getIconClasses as d}from"../common/classes.js";import{getWrapperStyle as c,getContainerStyle as $,getIconStyle as p}from"../common/styles.js";let Icon=({style:n,builderAttrs:f,builderProps:u,setting:g={},styles:y,advanced:j})=>{let{iconSvg:v,iconLinkEnable:h}=g,{Wrap:k,urlData:C,iconLink:I}=i(g,!0),x=I?.link&&h?{href:C.href,target:C?.target,title:I?.title,rel:C?.rel}:{},W=t({...l({uid:u?.uid??"",builderAttrs:f})}),b=t({...u?.uid&&{"data-id":u?.uid}}),q=e({"gp-leading-[0]":!0,...u?.uid&&{[u.uid]:!0},...j?.cssClass&&{[j.cssClass]:!0}}),w=e({...a({styles:y,builderProps:u})}),z=e({...d({styles:y})}),A=r({...c(n,y)}),B=r({...$(y)}),D=r({...p(y)});return o(s`
|
|
2
2
|
<div ${W} class="${q}" style="${A}">
|
|
3
3
|
<div ${b} class="${w}" style="${B}">
|
|
4
4
|
${m(!!v,s`
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import{template as e,dataStringify as
|
|
1
|
+
import{template as e,dataStringify as s,sanitizeLiquid as t,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as c,getSettingPreloadData as o}from"../../../helpers.js";import{checkDiscountContentProductBadge as n}from"./utils/common.js";import{generateBadgeContent as p}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as d}from"./utils/renderBadgeLiquid.js";import{createStyle as l,createClass as u,createAttr as m,createStateOrContext as g}from"@gem-sdk/system";import{IS_LIQUID as y}from"./constants.js";import{getContainerStyle as $,getSubWrapperStyle as v,getContentStyleInternal as f,getTextBadgeWrapperStyles as j,getTextContentStyle as P,getImageContainerStyles as D}from"./common/styles.js";import{getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as T,getImageContainerClasses as k,getImageClasses as q}from"./common/classes.js";import{getSubWrapperAttrs as A,getContainerAttrs as E,getTextContentAttrs as I,getImageAttr as K}from"./common/attrs.js";let ProductBadge=N=>{let{styles:_,setting:h,builderProps:B,pageContext:L}=N,O=h?.shape!=="image",Q=n(h?.displayContent),w=l({...$(N,y)}),G=u({...V(N)}),J=u({...S(N)}),x=l({...v(N)}),M=m({...A(N)}),R=f(N),Y=u({...b()}),z=m({...E(N)}),F=u({...C()}),H=l({...j({setting:h,styles:_})}),U=u({...T(_)}),W=l({...P({setting:h,styles:_})}),X=m({...I()}),Z=u({...k()}),ee=l({...D({setting:h,styles:_})}),es=u({...q()}),et=m({...K({setting:h})}),ei=g({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{ product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(h?.displayTrigger).replaceAll("'","'")),uid:N.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:'{{ product.tags | join: "," | escape }}',isTextBadge:O}),{displayContent:er,translate:ea}=h??{},ec=c({val:er?.trim(),uid:B?.uid,settingId:"displayContent",isLiquid:!0,pageContext:L,translate:ea});return e`
|
|
2
2
|
{% if product %}
|
|
3
|
-
${
|
|
4
|
-
${
|
|
3
|
+
${p(ec,L?.isPreviewing)}
|
|
4
|
+
${d(h?.displayTrigger,Q,O)}
|
|
5
5
|
<gp-product-badge
|
|
6
|
-
${{...
|
|
7
|
-
gp-data='${
|
|
6
|
+
${{...z}}
|
|
7
|
+
gp-data='${s(ei)}'
|
|
8
8
|
class="containerClass {{className}}"
|
|
9
9
|
style="${w}"
|
|
10
|
-
data-display-content="${
|
|
10
|
+
data-display-content="${L?.isPreviewing?ec:t(`{{${ec}}}`)}"
|
|
11
11
|
>
|
|
12
|
-
<div class="${
|
|
12
|
+
<div class="${G}">
|
|
13
13
|
<div
|
|
14
|
-
${{...
|
|
15
|
-
class="${
|
|
16
|
-
style="${
|
|
14
|
+
${{...M}}
|
|
15
|
+
class="${J}"
|
|
16
|
+
style="${x}"
|
|
17
17
|
>
|
|
18
|
-
<style>${
|
|
19
|
-
${i(
|
|
20
|
-
<div class="${
|
|
18
|
+
<style>${R}</style>
|
|
19
|
+
${i(O,e`
|
|
20
|
+
<div class="${Y}">
|
|
21
21
|
<div
|
|
22
|
-
class="${
|
|
23
|
-
style="${
|
|
22
|
+
class="${F}"
|
|
23
|
+
style="${H}"
|
|
24
24
|
>
|
|
25
25
|
<pre
|
|
26
26
|
${{...X}}
|
|
@@ -29,11 +29,11 @@ import{template as e,dataStringify as t,sanitizeLiquid as s,RenderIf as i,isLoca
|
|
|
29
29
|
>{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
|
|
30
30
|
</div>
|
|
31
31
|
</div>`,e`<div class="${Z}" style="${ee}">
|
|
32
|
-
<img ${{...
|
|
32
|
+
<img ${{...et}} class="${es}" alt="" />
|
|
33
33
|
</div>`)}
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
36
|
</gp-product-badge>
|
|
37
|
-
${i(r,`<script ${
|
|
37
|
+
${i(r,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
38
38
|
{% endif %}
|
|
39
39
|
`};export{ProductBadge as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
let generateBadgeContent=n
|
|
2
|
-
{% assign content = ${i} %}
|
|
1
|
+
let generateBadgeContent=(n,i)=>`
|
|
2
|
+
{% assign content = ${i?JSON.stringify(n):n} %}
|
|
3
3
|
|
|
4
4
|
{%if content.size > 0 %}
|
|
5
5
|
{% if variant.compare_at_price and variant.compare_at_price > 0 %}
|
|
@@ -21,4 +21,4 @@ let generateBadgeContent=n=>{let i;try{i=JSON.stringify(n)}catch(n){i=""}return`
|
|
|
21
21
|
{% assign minPriceKey = "{min_price}" %}
|
|
22
22
|
{% assign inventoryQuantityKey = "{inventory_quantity}" %}
|
|
23
23
|
{% endif %}
|
|
24
|
-
|
|
24
|
+
`;export{generateBadgeContent};
|
|
@@ -127,8 +127,8 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
|
|
|
127
127
|
{% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
|
|
128
128
|
{% endif %}
|
|
129
129
|
|
|
130
|
-
`},checkProductTagCondition=e=>{let{searchTag:i}=e,n=i.join(", ");return`
|
|
131
|
-
{% assign productTags = product.tags %}
|
|
130
|
+
`},checkProductTagCondition=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","'")).join(", ");return`
|
|
131
|
+
{% assign productTags = product.tags | escape %}
|
|
132
132
|
{% assign searchTag = '${n}' %}
|
|
133
133
|
{% for tag in productTags %}
|
|
134
134
|
{% if searchTag contains tag %}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -7404,8 +7404,9 @@ declare const getInsertLinkData: (defaultWrap: string, setting?: {
|
|
|
7404
7404
|
isTranslate?: boolean;
|
|
7405
7405
|
type?: string;
|
|
7406
7406
|
noFollow?: boolean;
|
|
7407
|
+
isLiquid?: boolean;
|
|
7407
7408
|
}, htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'] | 'link') => {
|
|
7408
|
-
Wrap: string
|
|
7409
|
+
Wrap: string | React.FC<LinkProps>;
|
|
7409
7410
|
urlData: Record<string, any>;
|
|
7410
7411
|
shouldRenderLink: boolean;
|
|
7411
7412
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "4.0.0-staging.
|
|
3
|
+
"version": "4.0.0-staging.1165",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@gem-sdk/core": "
|
|
28
|
+
"@gem-sdk/core": "4.0.0-staging.1164",
|
|
29
29
|
"@gem-sdk/styles": "3.1.0-staging.1137",
|
|
30
30
|
"@gem-sdk/system": "3.1.0-staging.1137",
|
|
31
31
|
"tsup": "^8.5.0",
|