@gem-sdk/components 2.1.3 → 2.1.5

package/dist/cjs/article/components/ArticleDate.js

@@ -18,11 +18,11 @@ const ArticleDate = ({ setting, builderProps, styles })=>{
         }));
     };
     const formattedDate = React.useMemo(()=>{
-        const date = convertTZ(new Date(article.platformUpdatedAt), timezone ?? '');
+        const date = convertTZ(new Date(article.publishedAt), timezone ?? '');
         const { locales, options } = JSON.parse(dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');
         return date.toLocaleDateString(locales, options);
     }, [
-        article.platformUpdatedAt,
+        article.publishedAt,
         timezone,
         dateFormat
     ]);

package/dist/cjs/article/components/ArticleDate.liquid.js

@@ -20,7 +20,7 @@ const ArticleDate = ({ setting, styles, advanced, builderProps })=>{
         styles: styles,
         setting: {
             ...setting,
-            text: `{{ article.updated_at | date: '${FORMAT_MAP[dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,
+            text: `{{ article.published_at | date: '${FORMAT_MAP[dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,
             excludeFlex: true
         },
         advanced: advanced,

package/dist/cjs/article/components/ArticleList.js

@@ -22,7 +22,7 @@ const ArticleList = ({ styles, setting, className, children, builderProps })=>{
         },
         orderBy: {
             direction: 'DESC',
-            field: 'PLATFORM_UPDATED_AT'
+            field: 'PUBLISHED_AT'
         }
     };
     const blogsQuery = {

package/dist/cjs/dialog/components/Dialog.js

@@ -251,19 +251,7 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
         style
     ]);
     const borderStyle = React.useMemo(()=>{
-        return Object.keys(style ?? {}).filter((key)=>[
-                '--bw',
-                '--bw-mobile',
-                '--bw-tablet',
-                '--bc',
-                '--b',
-                '--bs',
-                '--radius',
-                '--bblr',
-                '--bbrr',
-                '--btlr',
-                '--btrr'
-            ].includes(key)).reduce((curr, key)=>({
+        return Object.keys(style ?? {}).filter((key)=>common.advancedBorderStyle.includes(key)).reduce((curr, key)=>({
                 ...curr,
                 [key]: style?.[key]
             }), {});

package/dist/cjs/dialog/components/Dialog.liquid.js

@@ -28,19 +28,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
             ...curr,
             [key]: style?.[key]
         }), {});
-    const borderStyle = Object.keys(style ?? {}).filter((key)=>[
-            '--bw',
-            '--bw-mobile',
-            '--bw-tablet',
-            '--bc',
-            '--b',
-            '--bs',
-            '--radius',
-            '--bblr',
-            '--bbrr',
-            '--btlr',
-            '--btrr'
-        ].includes(key)).reduce((curr, key)=>({
+    const borderStyle = Object.keys(style ?? {}).filter((key)=>common.advancedBorderStyle.includes(key)).reduce((curr, key)=>({
             ...curr,
             [key]: style?.[key]
         }), {});

package/dist/cjs/dialog/helpers/common.js

@@ -9,6 +9,35 @@ const isShowModal = (startDate, numberOfDay = 0)=>{
     const diff = Math.abs(c / 24 / 60 / 60 / 1000);
     return diff >= numberOfDay;
 };
+const advancedBorderStyle = [
+    '--bw',
+    '--bw-mobile',
+    '--bw-tablet',
+    '--bc',
+    '--bc-tablet',
+    '--bc-mobile',
+    '--b',
+    '--b-tablet',
+    '--b-mobile',
+    '--bs',
+    '--bs-tablet',
+    '--bs-mobile',
+    '--radius',
+    '--radius-tablet',
+    '--radius-mobile',
+    '--bblr',
+    '--bbrr',
+    '--btlr',
+    '--btrr',
+    '--bblr-tablet',
+    '--bbrr-tablet',
+    '--btlr-tablet',
+    '--btrr-tablet',
+    '--bblr-mobile',
+    '--bbrr-mobile',
+    '--btlr-mobile',
+    '--btrr-mobile'
+];
 const isMobile = (userAgent)=>{
     if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
         return true;
@@ -46,6 +75,7 @@ const inheritStyleBody = {
 };
 const bodyDialogClass = 'gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen';
 
+exports.advancedBorderStyle = advancedBorderStyle;
 exports.bodyDialogClass = bodyDialogClass;
 exports.getPropertyByDevice = getPropertyByDevice;
 exports.heightStyle = heightStyle;

package/dist/cjs/stock-counter/components/StockCounter.liquid.js

@@ -120,7 +120,7 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
               class="${appendTypoClass} gp-stock-counter-mark"
               style="${appendTypoStyle}"
             >
-              {% if inventory_management == null or inventory_management != "shopify" and inventory_quantity <= 0 %}
+              {% if inventory_management == null and inventory_quantity <= 0 %}
                 ${helpers.transformHighlighTag(unlimitedQuantityMessage ?? helpers$1.getStaticLocale('StockCounter', 'let_buy_now'), mainColor)}
               {% elsif available == false %}
                 ${helpers.transformHighlighTag(outOfStockMessage || '', mainColor)}

package/dist/cjs/third-party/components/BoldSubscriptions.liquid.js

@@ -19,7 +19,7 @@ const BoldSubscriptions = ({ setting, advanced })=>{
       {% else %}
         {% assign app_blocks = section.blocks | where: "type", "@app" %}
         {% for block in app_blocks %}
-          {% if block.type == '@app' and block.id == '${appBlockId}' %}
+          {% if block.type == '@app' and block.id contains '${appBlockId}' %}
             {% render block %}
           {% endif %}
         {% endfor %}

package/dist/esm/article/components/ArticleDate.js

@@ -14,11 +14,11 @@ const ArticleDate = ({ setting, builderProps, styles })=>{
         }));
     };
     const formattedDate = useMemo(()=>{
-        const date = convertTZ(new Date(article.platformUpdatedAt), timezone ?? '');
+        const date = convertTZ(new Date(article.publishedAt), timezone ?? '');
         const { locales, options } = JSON.parse(dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');
         return date.toLocaleDateString(locales, options);
     }, [
-        article.platformUpdatedAt,
+        article.publishedAt,
         timezone,
         dateFormat
     ]);

package/dist/esm/article/components/ArticleDate.liquid.js

@@ -16,7 +16,7 @@ const ArticleDate = ({ setting, styles, advanced, builderProps })=>{
         styles: styles,
         setting: {
             ...setting,
-            text: `{{ article.updated_at | date: '${FORMAT_MAP[dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,
+            text: `{{ article.published_at | date: '${FORMAT_MAP[dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,
             excludeFlex: true
         },
         advanced: advanced,

package/dist/esm/article/components/ArticleList.js

@@ -18,7 +18,7 @@ const ArticleList = ({ styles, setting, className, children, builderProps })=>{
         },
         orderBy: {
             direction: 'DESC',
-            field: 'PLATFORM_UPDATED_AT'
+            field: 'PUBLISHED_AT'
         }
     };
     const blogsQuery = {

package/dist/esm/dialog/components/Dialog.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useModalStore, useEditorMode, useInteraction, globalEvent, makeWidth, cls, makeStyle, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isEmptyChildren, filterToolbarPreview } from '@gem-sdk/core';
 import { useMemo, useRef, useState, useCallback, useEffect } from 'react';
-import { isShowModal, isMobile, heightStyle, removeHeightPercentForContent, inheritStyleBody, bodyDialogClass } from '../helpers/common.js';
+import { isShowModal, isMobile, advancedBorderStyle, heightStyle, removeHeightPercentForContent, inheritStyleBody, bodyDialogClass } from '../helpers/common.js';
 import { useScrollPercentage } from '../hooks/use-scroll-percentage.js';
 import ChildrenDroppable from '../../grid/components/ChildrenDroppable.js';
 import { ELEMENT_Z_INDEX } from '../../common/const.js';
@@ -247,19 +247,7 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
         style
     ]);
     const borderStyle = useMemo(()=>{
-        return Object.keys(style ?? {}).filter((key)=>[
-                '--bw',
-                '--bw-mobile',
-                '--bw-tablet',
-                '--bc',
-                '--b',
-                '--bs',
-                '--radius',
-                '--bblr',
-                '--bbrr',
-                '--btlr',
-                '--btrr'
-            ].includes(key)).reduce((curr, key)=>({
+        return Object.keys(style ?? {}).filter((key)=>advancedBorderStyle.includes(key)).reduce((curr, key)=>({
                 ...curr,
                 [key]: style?.[key]
             }), {});

package/dist/esm/dialog/components/Dialog.liquid.js

@@ -1,6 +1,6 @@
 import { makeWidth, template, cls, RenderIf, makeStyle, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
 import { isTransparentColor } from '../../helpers.js';
-import { heightStyle, removeHeightPercentForContent, inheritStyleBody, bodyDialogClass } from '../helpers/common.js';
+import { advancedBorderStyle, heightStyle, removeHeightPercentForContent, inheritStyleBody, bodyDialogClass } from '../helpers/common.js';
 import 'react/jsx-runtime';
 import { ELEMENT_Z_INDEX } from '../../common/const.js';
 
@@ -24,19 +24,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
             ...curr,
             [key]: style?.[key]
         }), {});
-    const borderStyle = Object.keys(style ?? {}).filter((key)=>[
-            '--bw',
-            '--bw-mobile',
-            '--bw-tablet',
-            '--bc',
-            '--b',
-            '--bs',
-            '--radius',
-            '--bblr',
-            '--bbrr',
-            '--btlr',
-            '--btrr'
-        ].includes(key)).reduce((curr, key)=>({
+    const borderStyle = Object.keys(style ?? {}).filter((key)=>advancedBorderStyle.includes(key)).reduce((curr, key)=>({
             ...curr,
             [key]: style?.[key]
         }), {});

package/dist/esm/dialog/helpers/common.js

@@ -7,6 +7,35 @@ const isShowModal = (startDate, numberOfDay = 0)=>{
     const diff = Math.abs(c / 24 / 60 / 60 / 1000);
     return diff >= numberOfDay;
 };
+const advancedBorderStyle = [
+    '--bw',
+    '--bw-mobile',
+    '--bw-tablet',
+    '--bc',
+    '--bc-tablet',
+    '--bc-mobile',
+    '--b',
+    '--b-tablet',
+    '--b-mobile',
+    '--bs',
+    '--bs-tablet',
+    '--bs-mobile',
+    '--radius',
+    '--radius-tablet',
+    '--radius-mobile',
+    '--bblr',
+    '--bbrr',
+    '--btlr',
+    '--btrr',
+    '--bblr-tablet',
+    '--bbrr-tablet',
+    '--btlr-tablet',
+    '--btrr-tablet',
+    '--bblr-mobile',
+    '--bbrr-mobile',
+    '--btlr-mobile',
+    '--btrr-mobile'
+];
 const isMobile = (userAgent)=>{
     if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
         return true;
@@ -44,4 +73,4 @@ const inheritStyleBody = {
 };
 const bodyDialogClass = 'gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen';
 
-export { bodyDialogClass, getPropertyByDevice, heightStyle, inheritStyleBody, isMobile, isShowModal, removeHeightPercentForContent };
+export { advancedBorderStyle, bodyDialogClass, getPropertyByDevice, heightStyle, inheritStyleBody, isMobile, isShowModal, removeHeightPercentForContent };

package/dist/esm/stock-counter/components/StockCounter.liquid.js

@@ -116,7 +116,7 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
               class="${appendTypoClass} gp-stock-counter-mark"
               style="${appendTypoStyle}"
             >
-              {% if inventory_management == null or inventory_management != "shopify" and inventory_quantity <= 0 %}
+              {% if inventory_management == null and inventory_quantity <= 0 %}
                 ${transformHighlighTag(unlimitedQuantityMessage ?? getStaticLocale('StockCounter', 'let_buy_now'), mainColor)}
               {% elsif available == false %}
                 ${transformHighlighTag(outOfStockMessage || '', mainColor)}

package/dist/esm/third-party/components/BoldSubscriptions.liquid.js

@@ -15,7 +15,7 @@ const BoldSubscriptions = ({ setting, advanced })=>{
       {% else %}
         {% assign app_blocks = section.blocks | where: "type", "@app" %}
         {% for block in app_blocks %}
-          {% if block.type == '@app' and block.id == '${appBlockId}' %}
+          {% if block.type == '@app' and block.id contains '${appBlockId}' %}
             {% render block %}
           {% endif %}
         {% endfor %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "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.0",
+    "@gem-sdk/core": "2.1.4",
     "@gem-sdk/styles": "2.1.0",
     "@types/react-transition-group": "^4.4.5"
   },