@gem-sdk/components 2.0.0 → 2.0.2

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

@@ -10,13 +10,21 @@ var core = require('@gem-sdk/core');
 const ArticleDate = ({ setting, builderProps, styles })=>{
     const { dateFormat } = setting ?? {};
     const article = core.useArticleStore((s)=>s.article);
+    const { timezone } = core.useTimezone();
+    const convertTZ = (date, tzString)=>{
+        const tz = tzString?.split(' ')?.[1] ?? '';
+        return new Date(new Date(date).toLocaleString('en-US', {
+            timeZone: tz
+        }));
+    };
     const formattedDate = React.useMemo(()=>{
-        const date = new Date(article.platformCreatedAt);
+        const date = convertTZ(new Date(article.platformUpdatedAt), timezone ?? '');
         const { locales, options } = JSON.parse(dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');
         return date.toLocaleDateString(locales, options);
     }, [
-        dateFormat,
-        article
+        article.platformUpdatedAt,
+        timezone,
+        dateFormat
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         id: `shopify-text-element-${builderProps?.uid}`,

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

@@ -85,7 +85,7 @@ const Text = /*#__PURE__*/ React.forwardRef(({ styles, builderAttrs, style, sett
                         ...core.getStyleBackgroundByDevice(setting?.background),
                         ...composeGlobalSize.padding,
                         ...core.getGradientBgrStyleByDevice(setting?.background),
-                        ...core.filterCornerInStyle(style),
+                        ...core.getCornerStyle(advanced),
                         overflow: 'hidden'
                     },
                     dangerouslySetInnerHTML: {

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

@@ -104,7 +104,7 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
         ...core.getStyleBackgroundByDevice(setting?.background),
         ...composeGlobalSize.padding,
         ...core.getGradientBgrStyleByDevice(setting?.background),
-        ...core.filterCornerInStyle(style),
+        ...core.getCornerStyle(advanced),
         overflow: 'hidden'
     }}"
         >${displayText}</${Element}>

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

@@ -1,18 +1,26 @@
 import { jsx } from 'react/jsx-runtime';
 import Text from '../../text/components/Text.js';
 import { useMemo } from 'react';
-import { useArticleStore } from '@gem-sdk/core';
+import { useArticleStore, useTimezone } from '@gem-sdk/core';
 
 const ArticleDate = ({ setting, builderProps, styles })=>{
     const { dateFormat } = setting ?? {};
     const article = useArticleStore((s)=>s.article);
+    const { timezone } = useTimezone();
+    const convertTZ = (date, tzString)=>{
+        const tz = tzString?.split(' ')?.[1] ?? '';
+        return new Date(new Date(date).toLocaleString('en-US', {
+            timeZone: tz
+        }));
+    };
     const formattedDate = useMemo(()=>{
-        const date = new Date(article.platformCreatedAt);
+        const date = convertTZ(new Date(article.platformUpdatedAt), timezone ?? '');
         const { locales, options } = JSON.parse(dateFormat ?? '{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');
         return date.toLocaleDateString(locales, options);
     }, [
-        dateFormat,
-        article
+        article.platformUpdatedAt,
+        timezone,
+        dateFormat
     ]);
     return /*#__PURE__*/ jsx("div", {
         id: `shopify-text-element-${builderProps?.uid}`,

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeGlobalSize, useEditorMode, composeTypographyClassName, composeTypographyStyle, cls, makeStyle, makeStyleResponsive, getGlobalColorClass, getGlobalColorStateClass, getStyleShadowState, getStyleShadow, makeLineClamp, getGlobalColorStyle, getGlobalColorStateStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, filterCornerInStyle } from '@gem-sdk/core';
+import { makeGlobalSize, useEditorMode, composeTypographyClassName, composeTypographyStyle, cls, makeStyle, makeStyleResponsive, getGlobalColorClass, getGlobalColorStateClass, getStyleShadowState, getStyleShadow, makeLineClamp, getGlobalColorStyle, getGlobalColorStateStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, getCornerStyle } from '@gem-sdk/core';
 import { forwardRef, useMemo } from 'react';
 
 const Text = /*#__PURE__*/ forwardRef(({ styles, builderAttrs, style, setting, advanced, builderProps, className, children, ...props }, ref)=>{
@@ -81,7 +81,7 @@ const Text = /*#__PURE__*/ forwardRef(({ styles, builderAttrs, style, setting, a
                         ...getStyleBackgroundByDevice(setting?.background),
                         ...composeGlobalSize.padding,
                         ...getGradientBgrStyleByDevice(setting?.background),
-                        ...filterCornerInStyle(style),
+                        ...getCornerStyle(advanced),
                         overflow: 'hidden'
                     },
                     dangerouslySetInnerHTML: {

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

@@ -1,4 +1,4 @@
-import { makeGlobalSize, composeTypographyClassName, composeTypographyStyle, template, makeStyle, makeStyleResponsive, cls, getGlobalColorClass, getGlobalColorStateClass, getStyleShadowState, getStyleShadow, makeLineClamp, getGlobalColorStyle, getGlobalColorStateStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, filterCornerInStyle } from '@gem-sdk/core';
+import { makeGlobalSize, composeTypographyClassName, composeTypographyStyle, template, makeStyle, makeStyleResponsive, cls, getGlobalColorClass, getGlobalColorStateClass, getStyleShadowState, getStyleShadow, makeLineClamp, getGlobalColorStyle, getGlobalColorStateStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, getCornerStyle } from '@gem-sdk/core';
 import { getInsertLinkData, getDynamicSourceLocales } from '../../helpers.js';
 
 const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, className, isText, pageContext, elementAttrs, ...props })=>{
@@ -100,7 +100,7 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
         ...getStyleBackgroundByDevice(setting?.background),
         ...composeGlobalSize.padding,
         ...getGradientBgrStyleByDevice(setting?.background),
-        ...filterCornerInStyle(style),
+        ...getCornerStyle(advanced),
         overflow: 'hidden'
     }}"
         >${displayText}</${Element}>

package/package.json

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