@gem-sdk/core 1.54.0-staging.49 → 1.54.0-staging.50

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.
Files changed (3) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +18 -25
  2. package/dist/esm/components/ComponentToolbarPreview.js +18 -25
  3. package/package.json +1 -1
package/dist/cjs/components/ComponentToolbarPreview.js CHANGED
@@ -46,7 +46,7 @@ const ComponentToolbarPreview = (props)=>{
46
46
  const [parents, setParents] = react.useState([]);
47
47
  const [deleteTooltipPosition, setDeleteTooltipPosition] = react.useState('top');
48
48
  const [isDisableDelete, setIsUnableDelete] = react.useState(false);
49
- const [parentProductUid, setParentProductUid] = react.useState('');
49
+ const [productId, setProductId] = react.useState('');
50
50
  const [articleUid, setArticleUid] = react.useState('');
51
51
  const [tooltipText, setTooltipText] = react.useState({
52
52
  width: '',
@@ -58,19 +58,19 @@ const ComponentToolbarPreview = (props)=>{
58
58
  ]);
59
59
  const { checkDisableDelete, getTooltipText, checkDisableDuplicate } = useToolbarPostPurchase.usePostPurchase(props.uid, props.tag || '');
60
60
  const editProductElementList = [
61
- 'Product Title',
62
- 'Product Description',
63
- 'Product Price'
61
+ 'ProductTitle',
62
+ 'ProductDescription',
63
+ 'ProductPrice'
64
64
  ];
65
65
  const editArticleElementList = [
66
- 'Article Title',
67
- 'Article Content',
68
- 'Article Image',
69
- 'Article Author',
70
- 'Article Category',
71
- 'Article Date',
72
- 'Article Excerpt',
73
- 'Article Tags'
66
+ 'ArticleTitle',
67
+ 'ArticleContent',
68
+ 'ArticleImage',
69
+ 'ArticleAuthor',
70
+ 'ArticleCategory',
71
+ 'ArticleDate',
72
+ 'ArticleExcerpt',
73
+ 'ArticleTags'
74
74
  ];
75
75
  const editAbleElementList = [
76
76
  ...editProductElementList,
@@ -106,12 +106,6 @@ const ComponentToolbarPreview = (props)=>{
106
106
  }, [
107
107
  props.tag
108
108
  ]);
109
- const productId = react.useMemo(()=>{
110
- const ele = document.querySelector(`[data-uid="${parentProductUid}"]`);
111
- return ele?.getAttribute('data-product-id');
112
- }, [
113
- parentProductUid
114
- ]);
115
109
  const shopName = react.useMemo(()=>{
116
110
  const pattern = /^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;
117
111
  if (storefrontUrl) {
@@ -144,6 +138,9 @@ const ComponentToolbarPreview = (props)=>{
144
138
  if (detail?.articleId) {
145
139
  setArticleUid(detail.articleId);
146
140
  }
141
+ if (detail?.productId) {
142
+ setProductId(detail.productId);
143
+ }
147
144
  if (detail?.componentUid == props.uid) {
148
145
  getDeleteTooltipPosition();
149
146
  if (isSaleFunnelPage) {
@@ -159,10 +156,6 @@ const ComponentToolbarPreview = (props)=>{
159
156
  return true;
160
157
  }).slice(0, 3);
161
158
  setParents(currentParents);
162
- const parentFindUid = currentParents.find((item)=>item.tag === 'Product')?.uid;
163
- if (parentFindUid) {
164
- setParentProductUid(parentFindUid);
165
- }
166
159
  } else {
167
160
  setParents([]);
168
161
  setIsShowParent(false);
@@ -235,11 +228,11 @@ const ComponentToolbarPreview = (props)=>{
235
228
  window.dispatchEvent(event);
236
229
  };
237
230
  const goToShopifyEditLink = ()=>{
238
- if (editArticleElementList.includes(toolbarName() ?? '')) {
231
+ if (editArticleElementList.includes(props.tag)) {
239
232
  window.open(linkEditArticle, '_blank');
240
233
  return;
241
234
  }
242
- if (editProductElementList.includes(toolbarName() ?? '')) {
235
+ if (editProductElementList.includes(props.tag)) {
243
236
  window.open(linkEditProduct, '_blank');
244
237
  return;
245
238
  }
@@ -522,7 +515,7 @@ const ComponentToolbarPreview = (props)=>{
522
515
  })
523
516
  })
524
517
  }),
525
- editAbleElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
518
+ editAbleElementList.includes(props.tag) && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
526
519
  "data-toolbar-title": true,
527
520
  enable: true,
528
521
  "data-toolbar-disable": false,
package/dist/esm/components/ComponentToolbarPreview.js CHANGED
@@ -42,7 +42,7 @@ const ComponentToolbarPreview = (props)=>{
42
42
  const [parents, setParents] = useState([]);
43
43
  const [deleteTooltipPosition, setDeleteTooltipPosition] = useState('top');
44
44
  const [isDisableDelete, setIsUnableDelete] = useState(false);
45
- const [parentProductUid, setParentProductUid] = useState('');
45
+ const [productId, setProductId] = useState('');
46
46
  const [articleUid, setArticleUid] = useState('');
47
47
  const [tooltipText, setTooltipText] = useState({
48
48
  width: '',
@@ -54,19 +54,19 @@ const ComponentToolbarPreview = (props)=>{
54
54
  ]);
55
55
  const { checkDisableDelete, getTooltipText, checkDisableDuplicate } = usePostPurchase(props.uid, props.tag || '');
56
56
  const editProductElementList = [
57
- 'Product Title',
58
- 'Product Description',
59
- 'Product Price'
57
+ 'ProductTitle',
58
+ 'ProductDescription',
59
+ 'ProductPrice'
60
60
  ];
61
61
  const editArticleElementList = [
62
- 'Article Title',
63
- 'Article Content',
64
- 'Article Image',
65
- 'Article Author',
66
- 'Article Category',
67
- 'Article Date',
68
- 'Article Excerpt',
69
- 'Article Tags'
62
+ 'ArticleTitle',
63
+ 'ArticleContent',
64
+ 'ArticleImage',
65
+ 'ArticleAuthor',
66
+ 'ArticleCategory',
67
+ 'ArticleDate',
68
+ 'ArticleExcerpt',
69
+ 'ArticleTags'
70
70
  ];
71
71
  const editAbleElementList = [
72
72
  ...editProductElementList,
@@ -102,12 +102,6 @@ const ComponentToolbarPreview = (props)=>{
102
102
  }, [
103
103
  props.tag
104
104
  ]);
105
- const productId = useMemo(()=>{
106
- const ele = document.querySelector(`[data-uid="${parentProductUid}"]`);
107
- return ele?.getAttribute('data-product-id');
108
- }, [
109
- parentProductUid
110
- ]);
111
105
  const shopName = useMemo(()=>{
112
106
  const pattern = /^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;
113
107
  if (storefrontUrl) {
@@ -140,6 +134,9 @@ const ComponentToolbarPreview = (props)=>{
140
134
  if (detail?.articleId) {
141
135
  setArticleUid(detail.articleId);
142
136
  }
137
+ if (detail?.productId) {
138
+ setProductId(detail.productId);
139
+ }
143
140
  if (detail?.componentUid == props.uid) {
144
141
  getDeleteTooltipPosition();
145
142
  if (isSaleFunnelPage) {
@@ -155,10 +152,6 @@ const ComponentToolbarPreview = (props)=>{
155
152
  return true;
156
153
  }).slice(0, 3);
157
154
  setParents(currentParents);
158
- const parentFindUid = currentParents.find((item)=>item.tag === 'Product')?.uid;
159
- if (parentFindUid) {
160
- setParentProductUid(parentFindUid);
161
- }
162
155
  } else {
163
156
  setParents([]);
164
157
  setIsShowParent(false);
@@ -231,11 +224,11 @@ const ComponentToolbarPreview = (props)=>{
231
224
  window.dispatchEvent(event);
232
225
  };
233
226
  const goToShopifyEditLink = ()=>{
234
- if (editArticleElementList.includes(toolbarName() ?? '')) {
227
+ if (editArticleElementList.includes(props.tag)) {
235
228
  window.open(linkEditArticle, '_blank');
236
229
  return;
237
230
  }
238
- if (editProductElementList.includes(toolbarName() ?? '')) {
231
+ if (editProductElementList.includes(props.tag)) {
239
232
  window.open(linkEditProduct, '_blank');
240
233
  return;
241
234
  }
@@ -518,7 +511,7 @@ const ComponentToolbarPreview = (props)=>{
518
511
  })
519
512
  })
520
513
  }),
521
- editAbleElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsx(Tooltip, {
514
+ editAbleElementList.includes(props.tag) && /*#__PURE__*/ jsx(Tooltip, {
522
515
  "data-toolbar-title": true,
523
516
  enable: true,
524
517
  "data-toolbar-disable": false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.54.0-staging.49",
3
+ "version": "1.54.0-staging.50",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",