@gem-sdk/core 1.48.0-dev.0 → 1.48.0
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/components/ComponentToolbarPreview.js +100 -114
- package/dist/cjs/components/ComponentWrapperPreview.js +2 -16
- package/dist/cjs/components/Render.liquid.js +6 -21
- package/dist/cjs/components/RenderPreview.js +0 -1
- package/dist/cjs/components/constant.js +1 -2
- package/dist/cjs/contexts/PageContext.js +1 -29
- package/dist/cjs/contexts/SectionContext.js +1 -0
- package/dist/cjs/helpers/colors.js +1 -1
- package/dist/cjs/helpers/shadow.js +1 -1
- package/dist/cjs/helpers/third-party/addAppBlockId.js +1 -1
- package/dist/cjs/helpers/third-party/appConfig.js +0 -14
- package/dist/cjs/helpers/third-party/appSetting.js +0 -22
- package/dist/cjs/helpers/third-party/constant.js +1 -3
- package/dist/cjs/hooks/animation/useApplyAnimation.js +0 -1
- package/dist/cjs/hooks/useFormatMoney.js +60 -61
- package/dist/cjs/index.js +0 -12
- package/dist/esm/components/ComponentToolbarPreview.js +100 -114
- package/dist/esm/components/ComponentWrapperPreview.js +2 -16
- package/dist/esm/components/Render.liquid.js +6 -21
- package/dist/esm/components/RenderPreview.js +0 -1
- package/dist/esm/components/constant.js +1 -2
- package/dist/esm/contexts/PageContext.js +1 -29
- package/dist/esm/contexts/SectionContext.js +1 -0
- package/dist/esm/helpers/colors.js +1 -1
- package/dist/esm/helpers/shadow.js +1 -1
- package/dist/esm/helpers/third-party/addAppBlockId.js +1 -1
- package/dist/esm/helpers/third-party/appConfig.js +1 -13
- package/dist/esm/helpers/third-party/appSetting.js +0 -22
- package/dist/esm/helpers/third-party/constant.js +2 -4
- package/dist/esm/hooks/animation/useApplyAnimation.js +0 -1
- package/dist/esm/hooks/useFormatMoney.js +61 -61
- package/dist/esm/index.js +1 -3
- package/dist/types/index.d.ts +3 -168
- package/package.json +3 -3
- package/dist/cjs/components/InteractionSuffix.js +0 -107
- package/dist/cjs/helpers/align.js +0 -19
- package/dist/cjs/hooks/useInteraction.js +0 -19
- package/dist/cjs/types/custom.js +0 -44
- package/dist/esm/components/InteractionSuffix.js +0 -105
- package/dist/esm/helpers/align.js +0 -17
- package/dist/esm/hooks/useInteraction.js +0 -17
- package/dist/esm/types/custom.js +0 -44
|
@@ -7,7 +7,6 @@ var react = require('react');
|
|
|
7
7
|
require('zustand');
|
|
8
8
|
var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
|
|
9
9
|
var ShopContext = require('../contexts/ShopContext.js');
|
|
10
|
-
var PageContext = require('../contexts/PageContext.js');
|
|
11
10
|
require('@gem-sdk/adapter-shopify');
|
|
12
11
|
require('swr');
|
|
13
12
|
require('swr/mutation');
|
|
@@ -22,7 +21,6 @@ var useToolbarPostPurchase = require('../hooks/useToolbarPostPurchase.js');
|
|
|
22
21
|
var constant = require('./constant.js');
|
|
23
22
|
var AIContentGenerator = require('./ai-generator/AIContentGenerator.js');
|
|
24
23
|
var AIGenContentLoading = require('./ai-generator/AIGenContentLoading.js');
|
|
25
|
-
var InteractionSuffix = require('./InteractionSuffix.js');
|
|
26
24
|
require('../helpers/convert.js');
|
|
27
25
|
|
|
28
26
|
const SECTION_LIMIT = 25;
|
|
@@ -39,7 +37,6 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
39
37
|
const isShopifySection = props.isShopifySection;
|
|
40
38
|
const storefrontUrl = ShopContext.useShopStore((s)=>s.storefrontUrl);
|
|
41
39
|
const editingPageType = ShopContext.useShopStore((s)=>s.pageType);
|
|
42
|
-
const interactionData = PageContext.usePageStore((s)=>s.interactionData);
|
|
43
40
|
const getParents = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getParents);
|
|
44
41
|
const root = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem('ROOT'));
|
|
45
42
|
const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
|
|
@@ -59,9 +56,6 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
59
56
|
const isSaleFunnelPage = react.useMemo(()=>editingPageType === 'POST_PURCHASE', [
|
|
60
57
|
editingPageType
|
|
61
58
|
]);
|
|
62
|
-
const isSelectOnPage = react.useMemo(()=>interactionData?.isSelectOnPage, [
|
|
63
|
-
interactionData
|
|
64
|
-
]);
|
|
65
59
|
const { checkDisableDelete, getTooltipText, checkDisableDuplicate } = useToolbarPostPurchase.usePostPurchase(props.uid, props.tag || '');
|
|
66
60
|
const editProductElementList = [
|
|
67
61
|
'Product Title',
|
|
@@ -504,117 +498,109 @@ const ComponentToolbarPreview = (props)=>{
|
|
|
504
498
|
]
|
|
505
499
|
}, parent.uid);
|
|
506
500
|
}),
|
|
507
|
-
!
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
d: "M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",
|
|
564
|
-
fill: "currentColor"
|
|
565
|
-
})
|
|
566
|
-
]
|
|
567
|
-
})
|
|
568
|
-
}),
|
|
569
|
-
/*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
|
|
570
|
-
enable: props.tag == 'Section' && getSectionNumber() >= SECTION_LIMIT,
|
|
571
|
-
text: "Page has reached Shopify’s 25 section-limit",
|
|
572
|
-
position: "bottom",
|
|
573
|
-
"data-toolbar-duplicate": true,
|
|
574
|
-
"data-toolbar-disable": props.tag == 'Section' && getSectionNumber() >= SECTION_LIMIT || isDisableDuplicate,
|
|
575
|
-
onClick: isDisableDuplicate ? undefined : (e)=>onDuplicate(e),
|
|
576
|
-
"aria-hidden": "true",
|
|
577
|
-
className: isDisableDuplicate ? '!gp-cursor-not-allowed' : '',
|
|
578
|
-
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
579
|
-
width: "16",
|
|
580
|
-
height: "16",
|
|
581
|
-
viewBox: "0 0 16 16",
|
|
582
|
-
fill: "none",
|
|
583
|
-
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
584
|
-
fillRule: "evenodd",
|
|
585
|
-
clipRule: "evenodd",
|
|
586
|
-
d: "M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",
|
|
587
|
-
fill: "currentColor"
|
|
588
|
-
})
|
|
589
|
-
})
|
|
590
|
-
}),
|
|
591
|
-
/*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
|
|
592
|
-
"data-toolbar-delete": true,
|
|
593
|
-
onClick: (e)=>isDisableDelete ? null : onDelete(e),
|
|
594
|
-
enable: isDisableDelete,
|
|
595
|
-
"data-toolbar-disable": isDisableDelete,
|
|
596
|
-
width: tooltipText.width,
|
|
597
|
-
text: tooltipText.text,
|
|
598
|
-
position: deleteTooltipPosition,
|
|
599
|
-
"aria-hidden": "true",
|
|
600
|
-
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
601
|
-
width: "16",
|
|
602
|
-
height: "16",
|
|
603
|
-
viewBox: "0 0 16 16",
|
|
604
|
-
fill: "none",
|
|
605
|
-
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
606
|
-
fillRule: "evenodd",
|
|
607
|
-
clipRule: "evenodd",
|
|
608
|
-
d: "M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",
|
|
609
|
-
fill: "currentColor"
|
|
610
|
-
})
|
|
501
|
+
props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && !props.isShopifySection && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
|
|
502
|
+
...props
|
|
503
|
+
}),
|
|
504
|
+
isEnableAIContent() && /*#__PURE__*/ jsxRuntime.jsx(AIContentGenerator.AIContentGenerator, {
|
|
505
|
+
...props
|
|
506
|
+
}),
|
|
507
|
+
props.tag == 'Sticky' && /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
508
|
+
"data-toolbar-zoom-out": true,
|
|
509
|
+
onClick: (e)=>onZoomOut(e),
|
|
510
|
+
"aria-hidden": "true",
|
|
511
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
512
|
+
width: "16",
|
|
513
|
+
height: "16",
|
|
514
|
+
viewBox: "0 0 16 16",
|
|
515
|
+
fill: "none",
|
|
516
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
517
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
518
|
+
fillRule: "evenodd",
|
|
519
|
+
clipRule: "evenodd",
|
|
520
|
+
d: "M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",
|
|
521
|
+
fill: "currentColor"
|
|
522
|
+
})
|
|
523
|
+
})
|
|
524
|
+
}),
|
|
525
|
+
editAbleElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
|
|
526
|
+
"data-toolbar-title": true,
|
|
527
|
+
enable: true,
|
|
528
|
+
"data-toolbar-disable": false,
|
|
529
|
+
text: "Edit content in Shopify",
|
|
530
|
+
position: "top",
|
|
531
|
+
onClick: goToShopifyEditLink,
|
|
532
|
+
"aria-hidden": "true",
|
|
533
|
+
children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
534
|
+
width: "16",
|
|
535
|
+
height: "16",
|
|
536
|
+
viewBox: "0 0 16 16",
|
|
537
|
+
fill: "none",
|
|
538
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
539
|
+
children: [
|
|
540
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
541
|
+
fillRule: "evenodd",
|
|
542
|
+
clipRule: "evenodd",
|
|
543
|
+
d: "M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",
|
|
544
|
+
fill: "currentColor"
|
|
545
|
+
}),
|
|
546
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
547
|
+
d: "M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",
|
|
548
|
+
fill: "currentColor"
|
|
549
|
+
}),
|
|
550
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
551
|
+
d: "M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",
|
|
552
|
+
fill: "currentColor"
|
|
553
|
+
}),
|
|
554
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
555
|
+
d: "M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",
|
|
556
|
+
fill: "currentColor"
|
|
611
557
|
})
|
|
558
|
+
]
|
|
559
|
+
})
|
|
560
|
+
}),
|
|
561
|
+
/*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
|
|
562
|
+
enable: props.tag == 'Section' && getSectionNumber() >= SECTION_LIMIT,
|
|
563
|
+
text: "Page has reached Shopify’s 25 section-limit",
|
|
564
|
+
position: "bottom",
|
|
565
|
+
"data-toolbar-duplicate": true,
|
|
566
|
+
"data-toolbar-disable": props.tag == 'Section' && getSectionNumber() >= SECTION_LIMIT || isDisableDuplicate,
|
|
567
|
+
onClick: isDisableDuplicate ? undefined : (e)=>onDuplicate(e),
|
|
568
|
+
"aria-hidden": "true",
|
|
569
|
+
className: isDisableDuplicate ? '!gp-cursor-not-allowed' : '',
|
|
570
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
571
|
+
width: "16",
|
|
572
|
+
height: "16",
|
|
573
|
+
viewBox: "0 0 16 16",
|
|
574
|
+
fill: "none",
|
|
575
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
576
|
+
fillRule: "evenodd",
|
|
577
|
+
clipRule: "evenodd",
|
|
578
|
+
d: "M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",
|
|
579
|
+
fill: "currentColor"
|
|
612
580
|
})
|
|
613
|
-
|
|
581
|
+
})
|
|
614
582
|
}),
|
|
615
|
-
/*#__PURE__*/ jsxRuntime.jsx(
|
|
616
|
-
|
|
617
|
-
|
|
583
|
+
/*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
|
|
584
|
+
"data-toolbar-delete": true,
|
|
585
|
+
onClick: (e)=>isDisableDelete ? null : onDelete(e),
|
|
586
|
+
enable: isDisableDelete,
|
|
587
|
+
"data-toolbar-disable": isDisableDelete,
|
|
588
|
+
width: tooltipText.width,
|
|
589
|
+
text: tooltipText.text,
|
|
590
|
+
position: deleteTooltipPosition,
|
|
591
|
+
"aria-hidden": "true",
|
|
592
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
593
|
+
width: "16",
|
|
594
|
+
height: "16",
|
|
595
|
+
viewBox: "0 0 16 16",
|
|
596
|
+
fill: "none",
|
|
597
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
598
|
+
fillRule: "evenodd",
|
|
599
|
+
clipRule: "evenodd",
|
|
600
|
+
d: "M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",
|
|
601
|
+
fill: "currentColor"
|
|
602
|
+
})
|
|
603
|
+
})
|
|
618
604
|
})
|
|
619
605
|
]
|
|
620
606
|
}, props.uid),
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
|
|
8
|
-
var useInteraction = require('../hooks/useInteraction.js');
|
|
9
8
|
var constant = require('./constant.js');
|
|
10
9
|
var RenderCustomCode = require('./RenderCustomCode.js');
|
|
11
10
|
var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
|
|
@@ -33,19 +32,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
|
|
|
33
32
|
}, [
|
|
34
33
|
props.uid
|
|
35
34
|
]);
|
|
36
|
-
const currentProps = props;
|
|
37
|
-
const { getAnimationByUid } = useInteraction.useInteraction();
|
|
38
|
-
const animationByInteraction = getAnimationByUid(props.uid);
|
|
39
|
-
if (animationByInteraction) {
|
|
40
|
-
currentProps.advanced = {
|
|
41
|
-
...currentProps.advanced,
|
|
42
|
-
animation: {
|
|
43
|
-
desktop: animationByInteraction,
|
|
44
|
-
tablet: animationByInteraction,
|
|
45
|
-
mobile: animationByInteraction
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
35
|
const pageType = shop.usePageType();
|
|
50
36
|
if (props.type === 'section') {
|
|
51
37
|
return null;
|
|
@@ -150,7 +136,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
|
|
|
150
136
|
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
151
137
|
children: [
|
|
152
138
|
/*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
|
|
153
|
-
...
|
|
139
|
+
...props
|
|
154
140
|
}),
|
|
155
141
|
/*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
|
|
156
142
|
uid: props.uid,
|
|
@@ -179,7 +165,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
|
|
|
179
165
|
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
180
166
|
children: [
|
|
181
167
|
/*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
|
|
182
|
-
...
|
|
168
|
+
...props
|
|
183
169
|
}),
|
|
184
170
|
/*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
|
|
185
171
|
uid: props.uid,
|
|
@@ -39,6 +39,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
39
39
|
const item = builder[uid];
|
|
40
40
|
const Component = components[item?.tag];
|
|
41
41
|
if (!Component) {
|
|
42
|
+
console.log('Miss component: ', item);
|
|
42
43
|
return {
|
|
43
44
|
liquid: '',
|
|
44
45
|
extraFiles
|
|
@@ -75,10 +76,6 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
75
76
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
76
77
|
pageContext,
|
|
77
78
|
...passProps,
|
|
78
|
-
builderAttrs: {
|
|
79
|
-
...passProps.builderAttrs,
|
|
80
|
-
'data-id': uid
|
|
81
|
-
},
|
|
82
79
|
rawChildren: item.childrens.map((id)=>{
|
|
83
80
|
return {
|
|
84
81
|
...builder[id],
|
|
@@ -114,15 +111,11 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
114
111
|
isText: componentTexts.includes(item.tag) ? true : null,
|
|
115
112
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
116
113
|
pageContext,
|
|
117
|
-
...passProps
|
|
118
|
-
builderAttrs: {
|
|
119
|
-
...passProps.builderAttrs,
|
|
120
|
-
'data-id': uid
|
|
121
|
-
}
|
|
114
|
+
...passProps
|
|
122
115
|
});
|
|
123
116
|
});
|
|
124
117
|
} else {
|
|
125
|
-
liquid = render.template`<div
|
|
118
|
+
liquid = render.template`<div style="${!componentIconList.includes(item.tag) ? style : ''}" class="${item.uid} ${!item?.childrens?.length && item.tag === 'IconListItemHoz' ? 'hidden' : ''}">
|
|
126
119
|
${render.RenderIf(item?.childrens?.length, ()=>{
|
|
127
120
|
return Component({
|
|
128
121
|
builderProps: {
|
|
@@ -137,10 +130,6 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
137
130
|
},
|
|
138
131
|
pageContext,
|
|
139
132
|
...passProps,
|
|
140
|
-
builderAttrs: {
|
|
141
|
-
...passProps.builderAttrs,
|
|
142
|
-
'data-id': uid
|
|
143
|
-
},
|
|
144
133
|
rawChildren: item.childrens.map((id)=>{
|
|
145
134
|
return {
|
|
146
135
|
...builder[id],
|
|
@@ -177,11 +166,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
|
|
|
177
166
|
pageContext,
|
|
178
167
|
isText: componentTexts.includes(item.tag) ? true : null,
|
|
179
168
|
style: componentIconList.includes(item.tag) ? style : null,
|
|
180
|
-
...passProps
|
|
181
|
-
builderAttrs: {
|
|
182
|
-
...passProps.builderAttrs,
|
|
183
|
-
'data-id': uid
|
|
184
|
-
}
|
|
169
|
+
...passProps
|
|
185
170
|
});
|
|
186
171
|
})}
|
|
187
172
|
</div>`;
|
|
@@ -234,6 +219,7 @@ const appendAnimation = (props, liquid)=>{
|
|
|
234
219
|
const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
|
|
235
220
|
const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
|
|
236
221
|
const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
|
|
222
|
+
if (!enableAnimation) return liquid;
|
|
237
223
|
const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
|
|
238
224
|
'shake',
|
|
239
225
|
'none'
|
|
@@ -248,8 +234,7 @@ const appendAnimation = (props, liquid)=>{
|
|
|
248
234
|
gp-data='${JSON.stringify({
|
|
249
235
|
config: animation,
|
|
250
236
|
tag,
|
|
251
|
-
opacity
|
|
252
|
-
isEnableInit: enableAnimation
|
|
237
|
+
opacity
|
|
253
238
|
})}'
|
|
254
239
|
style="${{
|
|
255
240
|
display: 'contents'
|
|
@@ -45,7 +45,6 @@ const RenderPreview = ({ uid, ...passProps })=>{
|
|
|
45
45
|
setting: item.settings,
|
|
46
46
|
...passProps,
|
|
47
47
|
children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
|
|
48
|
-
bundleItem: passProps?.bundleItem,
|
|
49
48
|
uid: id
|
|
50
49
|
}, id))
|
|
51
50
|
}) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
|
|
@@ -31,31 +31,6 @@ const createPageStoreProvider = (data)=>zustand.createStore((set)=>({
|
|
|
31
31
|
set({
|
|
32
32
|
publicStoreFrontData: publicStoreFrontData
|
|
33
33
|
});
|
|
34
|
-
},
|
|
35
|
-
setInteractionIsSelectOnPage: (value)=>{
|
|
36
|
-
set((state)=>({
|
|
37
|
-
interactionData: {
|
|
38
|
-
...state.interactionData,
|
|
39
|
-
isSelectOnPage: value
|
|
40
|
-
}
|
|
41
|
-
}));
|
|
42
|
-
},
|
|
43
|
-
setInteractionItem: (item)=>{
|
|
44
|
-
set((state)=>({
|
|
45
|
-
interactionData: {
|
|
46
|
-
...state.interactionData,
|
|
47
|
-
item,
|
|
48
|
-
isSelectOnPage: state.interactionData?.isSelectOnPage || false
|
|
49
|
-
}
|
|
50
|
-
}));
|
|
51
|
-
},
|
|
52
|
-
setInteractionSelectType: (selectType)=>{
|
|
53
|
-
set((state)=>({
|
|
54
|
-
interactionData: {
|
|
55
|
-
...state.interactionData,
|
|
56
|
-
selectType
|
|
57
|
-
}
|
|
58
|
-
}));
|
|
59
34
|
}
|
|
60
35
|
}));
|
|
61
36
|
const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffers, publicStoreFrontData, ...passProps })=>{
|
|
@@ -63,10 +38,7 @@ const PageProvider = ({ children, dynamicProduct, dynamicCollection, productOffe
|
|
|
63
38
|
dynamicProduct,
|
|
64
39
|
dynamicCollection,
|
|
65
40
|
productOffers,
|
|
66
|
-
publicStoreFrontData
|
|
67
|
-
interactionData: {
|
|
68
|
-
selectType: 'element'
|
|
69
|
-
}
|
|
41
|
+
publicStoreFrontData
|
|
70
42
|
}), [
|
|
71
43
|
dynamicProduct,
|
|
72
44
|
dynamicCollection,
|
|
@@ -10,6 +10,7 @@ const SectionContext = /*#__PURE__*/ react.createContext(null);
|
|
|
10
10
|
const createSectionProvider = (data)=>zustand.createStore((set, get)=>({
|
|
11
11
|
data: data ?? {},
|
|
12
12
|
getSection: (id)=>{
|
|
13
|
+
console.log('get().data', get().data);
|
|
13
14
|
const section = get().data[id];
|
|
14
15
|
return section ?? undefined;
|
|
15
16
|
},
|
|
@@ -119,7 +119,7 @@ const getGlobalColorStateStyle = (type, data)=>{
|
|
|
119
119
|
return Object.fromEntries(Object.entries(data).map(([state, value])=>{
|
|
120
120
|
if (state === 'active') return [];
|
|
121
121
|
return [
|
|
122
|
-
`-${constant.stateMapping?.[state]
|
|
122
|
+
`-${constant.stateMapping?.[state]}-${type}`,
|
|
123
123
|
getSingleColorVariable(value)
|
|
124
124
|
];
|
|
125
125
|
}).filter(isDefined.isDefined));
|
|
@@ -27,7 +27,7 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
|
|
|
27
27
|
if (typeof value.distance == 'undefined') return {};
|
|
28
28
|
const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
|
|
29
29
|
return {
|
|
30
|
-
[`-${!isActiveState ? constant.stateMapping?.[state]
|
|
30
|
+
[`-${!isActiveState ? constant.stateMapping?.[state] : ''}-${getShortname.getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
|
|
@@ -13,7 +13,7 @@ const addAppBlockId = (component)=>{
|
|
|
13
13
|
};
|
|
14
14
|
const handleSetBlockId = (component)=>{
|
|
15
15
|
const { tag, uid } = component;
|
|
16
|
-
if (component.settings
|
|
16
|
+
if (component.settings?.appBlockId === undefined) return component;
|
|
17
17
|
component.settings.appBlockId = composeAppBlockId.composeAppBlockId(tag, uid);
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -42,24 +42,10 @@ const ShopifyFormsConfig = {
|
|
|
42
42
|
appId: '8744a304-fcb1-4347-b211-bb6b4759a76a'
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
const ReviewxpoProductReviewsAppConfig = {
|
|
46
|
-
ReviewxpoProductReviewsApp: {
|
|
47
|
-
appName: 'reviewxpo-product-reviews-app',
|
|
48
|
-
appId: '3e3d94fa-8b53-4134-942c-f7662dc9282f'
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
const PumperBundlesVolumeDiscountConfig = {
|
|
52
|
-
PumperBundlesVolumeDiscount: {
|
|
53
|
-
appName: 'Pumper Bundles Volume Discount',
|
|
54
|
-
appId: '0856870d-2aca-4b1e-a662-cf1797f61270'
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
45
|
|
|
58
46
|
exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
|
|
59
47
|
exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
|
|
60
|
-
exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
|
|
61
48
|
exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
|
|
62
|
-
exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;
|
|
63
49
|
exports.SelleasyConfig = SelleasyConfig;
|
|
64
50
|
exports.ShopifyFormsConfig = ShopifyFormsConfig;
|
|
65
51
|
exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;
|
|
@@ -85,29 +85,7 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
|
|
|
85
85
|
return currentSetting;
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
|
-
const ReviewxpoProductReviewsApp = {
|
|
89
|
-
ReviewxpoProductReviewsApp: {
|
|
90
|
-
'five-star-badge-widget': null,
|
|
91
|
-
'allreviews-widget': null,
|
|
92
|
-
'carousel-widget': null,
|
|
93
|
-
'gallery-widget': null,
|
|
94
|
-
'badge-widget': null,
|
|
95
|
-
'testimonial-widget': null,
|
|
96
|
-
'star-widget': null,
|
|
97
|
-
'revews-widget': null
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
const PumperBundlesVolumeDiscount = {
|
|
101
|
-
PumperBundlesVolumeDiscount: {
|
|
102
|
-
'app-block': {
|
|
103
|
-
selected_product: '{{product}}',
|
|
104
|
-
using_page_builder: false
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
88
|
const composeSettingsByWidgetType = {
|
|
109
|
-
...PumperBundlesVolumeDiscount,
|
|
110
|
-
...ReviewxpoProductReviewsApp,
|
|
111
89
|
...ShopifyForms,
|
|
112
90
|
...SkioSubscriptionsYcS20,
|
|
113
91
|
...LoopSubscriptions,
|
|
@@ -9,9 +9,7 @@ const mapShopifyAppMeta = {
|
|
|
9
9
|
...appConfig.SelleasyConfig,
|
|
10
10
|
...appConfig.LoopSubscriptionsConfig,
|
|
11
11
|
...appConfig.SkioSubscriptionsYcS20Config,
|
|
12
|
-
...appConfig.ShopifyFormsConfig
|
|
13
|
-
...appConfig.ReviewxpoProductReviewsAppConfig,
|
|
14
|
-
...appConfig.PumperBundlesVolumeDiscountConfig
|
|
12
|
+
...appConfig.ShopifyFormsConfig
|
|
15
13
|
};
|
|
16
14
|
const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
|
|
17
15
|
|
|
@@ -8,7 +8,6 @@ var useAnimationTarget = require('./useAnimationTarget.js');
|
|
|
8
8
|
var useAnimationConfig = require('./useAnimationConfig.js');
|
|
9
9
|
var useAnimationActions = require('./useAnimationActions.js');
|
|
10
10
|
var useAnimationPreview = require('./useAnimationPreview.js');
|
|
11
|
-
require('../../types/custom.js');
|
|
12
11
|
var animations = require('../../types/animations.js');
|
|
13
12
|
|
|
14
13
|
const useApplyAnimation = ({ props })=>{
|