@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.
Files changed (42) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +100 -114
  2. package/dist/cjs/components/ComponentWrapperPreview.js +2 -16
  3. package/dist/cjs/components/Render.liquid.js +6 -21
  4. package/dist/cjs/components/RenderPreview.js +0 -1
  5. package/dist/cjs/components/constant.js +1 -2
  6. package/dist/cjs/contexts/PageContext.js +1 -29
  7. package/dist/cjs/contexts/SectionContext.js +1 -0
  8. package/dist/cjs/helpers/colors.js +1 -1
  9. package/dist/cjs/helpers/shadow.js +1 -1
  10. package/dist/cjs/helpers/third-party/addAppBlockId.js +1 -1
  11. package/dist/cjs/helpers/third-party/appConfig.js +0 -14
  12. package/dist/cjs/helpers/third-party/appSetting.js +0 -22
  13. package/dist/cjs/helpers/third-party/constant.js +1 -3
  14. package/dist/cjs/hooks/animation/useApplyAnimation.js +0 -1
  15. package/dist/cjs/hooks/useFormatMoney.js +60 -61
  16. package/dist/cjs/index.js +0 -12
  17. package/dist/esm/components/ComponentToolbarPreview.js +100 -114
  18. package/dist/esm/components/ComponentWrapperPreview.js +2 -16
  19. package/dist/esm/components/Render.liquid.js +6 -21
  20. package/dist/esm/components/RenderPreview.js +0 -1
  21. package/dist/esm/components/constant.js +1 -2
  22. package/dist/esm/contexts/PageContext.js +1 -29
  23. package/dist/esm/contexts/SectionContext.js +1 -0
  24. package/dist/esm/helpers/colors.js +1 -1
  25. package/dist/esm/helpers/shadow.js +1 -1
  26. package/dist/esm/helpers/third-party/addAppBlockId.js +1 -1
  27. package/dist/esm/helpers/third-party/appConfig.js +1 -13
  28. package/dist/esm/helpers/third-party/appSetting.js +0 -22
  29. package/dist/esm/helpers/third-party/constant.js +2 -4
  30. package/dist/esm/hooks/animation/useApplyAnimation.js +0 -1
  31. package/dist/esm/hooks/useFormatMoney.js +61 -61
  32. package/dist/esm/index.js +1 -3
  33. package/dist/types/index.d.ts +3 -168
  34. package/package.json +3 -3
  35. package/dist/cjs/components/InteractionSuffix.js +0 -107
  36. package/dist/cjs/helpers/align.js +0 -19
  37. package/dist/cjs/hooks/useInteraction.js +0 -19
  38. package/dist/cjs/types/custom.js +0 -44
  39. package/dist/esm/components/InteractionSuffix.js +0 -105
  40. package/dist/esm/helpers/align.js +0 -17
  41. package/dist/esm/hooks/useInteraction.js +0 -17
  42. package/dist/esm/types/custom.js +0 -44
@@ -1,107 +0,0 @@
1
- 'use strict';
2
-
3
- var jsxRuntime = require('react/jsx-runtime');
4
- var react = require('react');
5
- require('zustand');
6
- require('swr');
7
- var PageContext = require('../contexts/PageContext.js');
8
- require('@gem-sdk/adapter-shopify');
9
- require('swr/mutation');
10
- require('swr/infinite');
11
- require('vanilla-lazyload');
12
- require('../hooks/useCartUI.js');
13
- require('react-transition-group');
14
- require('@gem-sdk/core');
15
- require('classnames');
16
- require('dayjs');
17
- require('../helpers/convert.js');
18
-
19
- const InteractionSuffix = ({ tag, uid })=>{
20
- const currentInteraction = PageContext.usePageStore((s)=>s.interactionData?.item);
21
- const isCurrentInteractionTarget = react.useMemo(()=>{
22
- return currentInteraction?.targets?.find((t)=>t.uid === uid);
23
- }, [
24
- currentInteraction,
25
- uid
26
- ]);
27
- const isCurrentInteractionTrigger = react.useMemo(()=>{
28
- return currentInteraction?.self?.uid === uid;
29
- }, [
30
- currentInteraction,
31
- uid
32
- ]);
33
- const isDisplay = react.useMemo(()=>{
34
- return isCurrentInteractionTarget || isCurrentInteractionTrigger;
35
- }, [
36
- isCurrentInteractionTarget,
37
- isCurrentInteractionTrigger
38
- ]);
39
- const positionOffset = react.useMemo(()=>{
40
- if (isCurrentInteractionTrigger && isCurrentInteractionTarget) {
41
- return 80;
42
- }
43
- return 40;
44
- }, [
45
- isCurrentInteractionTrigger,
46
- isCurrentInteractionTarget
47
- ]);
48
- if (!isDisplay) {
49
- return undefined;
50
- }
51
- return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
52
- children: [
53
- /*#__PURE__*/ jsxRuntime.jsx("div", {
54
- className: "hidden gp-left-[-40px] gp-left-[-80px] gp-right-[-40px] gp-right-[-80px]"
55
- }),
56
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
57
- className: `gp-hidden gp-absolute interaction-suffix gp-gap-[8px] ${tag == 'Section' ? `gp-left-[-${positionOffset}px]` : `gp-right-[-${positionOffset}px]`}`,
58
- children: [
59
- isCurrentInteractionTrigger && /*#__PURE__*/ jsxRuntime.jsx("div", {
60
- className: `gp-h-8 gp-rounded-[8px] gp-w-8 gp-bg-[#212121] gp-flex gp-justify-center gp-items-center `,
61
- children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
62
- width: "16",
63
- height: "16",
64
- viewBox: "0 0 16 16",
65
- fill: "none",
66
- xmlns: "http://www.w3.org/2000/svg",
67
- children: /*#__PURE__*/ jsxRuntime.jsx("path", {
68
- fillRule: "evenodd",
69
- clipRule: "evenodd",
70
- d: "M12.9196 5.80449C13.0989 5.80449 13.1876 6.02216 13.0595 6.14749L4.83569 14.1892C4.69517 14.3267 4.46149 14.2002 4.49967 14.0074L5.50422 8.93537C5.53483 8.7808 5.41656 8.6368 5.25898 8.6368H3.08019C2.92551 8.6368 2.82938 8.46874 2.90779 8.33541L6.72099 1.85154C6.75692 1.79045 6.8225 1.75293 6.89338 1.75293H12.5729C12.7386 1.75293 12.8324 1.94273 12.7319 2.07435L10.1891 5.40272C10.0634 5.56724 10.1807 5.80449 10.3877 5.80449H12.9196Z",
71
- fill: "#F9F9F9"
72
- })
73
- })
74
- }),
75
- isCurrentInteractionTarget && /*#__PURE__*/ jsxRuntime.jsx("div", {
76
- className: `gp-h-8 min-w-8 gp-rounded-[8px] gp-w-8 gp-bg-[#212121] gp-flex gp-justify-center gp-items-center`,
77
- children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
78
- width: "16",
79
- height: "16",
80
- viewBox: "0 0 16 16",
81
- fill: "none",
82
- xmlns: "http://www.w3.org/2000/svg",
83
- children: [
84
- /*#__PURE__*/ jsxRuntime.jsx("path", {
85
- d: "M8.58987 2.11238C8.62815 2.66333 8.21254 3.141 7.66158 3.17928C6.73192 3.24386 5.84034 3.57396 5.09276 4.13034C4.34519 4.68673 3.77304 5.44602 3.44429 6.31801C3.11554 7.19 3.04401 8.13803 3.23821 9.04947C3.4324 9.96092 3.88415 10.7975 4.53978 11.4597C5.19541 12.122 6.02737 12.5821 6.93682 12.7854C7.84626 12.9888 8.79496 12.9268 9.67021 12.6068C10.5455 12.2869 11.3105 11.7224 11.8743 10.9804C12.4382 10.2385 12.7772 9.35025 12.8512 8.42129C12.895 7.87074 13.3768 7.45996 13.9273 7.50377C14.4779 7.54758 14.8887 8.0294 14.8449 8.57994C14.7406 9.8906 14.2622 11.1438 13.4667 12.1906C12.6711 13.2374 11.5918 14.0338 10.3569 14.4852C9.12204 14.9367 7.78353 15.0241 6.50041 14.7373C5.2173 14.4504 4.0435 13.8012 3.11848 12.8668C2.19345 11.9324 1.55609 10.7522 1.28211 9.46624C1.00813 8.1803 1.10905 6.84274 1.57287 5.61247C2.03669 4.3822 2.84393 3.31093 3.89867 2.52593C4.95342 1.74093 6.21133 1.27521 7.52297 1.18409C8.07393 1.14581 8.5516 1.56142 8.58987 2.11238Z",
86
- fill: "#F9F9F9"
87
- }),
88
- /*#__PURE__*/ jsxRuntime.jsx("path", {
89
- fillRule: "evenodd",
90
- clipRule: "evenodd",
91
- d: "M11.9757 1.25658C12.184 1.31428 12.3452 1.47958 12.3976 1.68929L12.7872 3.24774L14.3457 3.63736C14.5554 3.68978 14.7207 3.85096 14.7784 4.05928C14.8361 4.2676 14.7773 4.49085 14.6244 4.64371L12.7167 6.55141C12.5677 6.70044 12.3514 6.76035 12.1469 6.70924L10.5688 6.3147L8.42436 8.45912C8.19005 8.69344 7.81015 8.69344 7.57583 8.45912C7.34152 8.22481 7.34152 7.84491 7.57583 7.61059L9.72025 5.46617L9.32572 3.88804C9.2746 3.68357 9.33451 3.46728 9.48354 3.31825L11.3912 1.41054C11.5441 1.25769 11.7674 1.19888 11.9757 1.25658ZM10.8795 5.15545L12.1084 5.46267L13.0266 4.54451L12.1469 4.3246C11.9319 4.27086 11.7641 4.10301 11.7104 3.88804L11.4904 3.0084L10.5723 3.92656L10.8795 5.15545Z",
92
- fill: "#F9F9F9"
93
- }),
94
- /*#__PURE__*/ jsxRuntime.jsx("path", {
95
- d: "M7.35783 6.45343C7.87208 6.25201 8.12568 5.67185 7.92426 5.15761C7.72284 4.64336 7.14268 4.38976 6.62844 4.59118C6.05705 4.81498 5.55049 5.17772 5.15453 5.64655C4.75858 6.11538 4.4857 6.67552 4.36055 7.27631C4.23539 7.87709 4.26189 8.49961 4.43764 9.08758C4.6134 9.67555 4.93289 10.2105 5.36727 10.6439C5.80165 11.0774 6.33722 11.3958 6.92556 11.5702C7.51391 11.7445 8.13643 11.7695 8.73683 11.6427C9.33723 11.5158 9.89652 11.2413 10.3641 10.8439C10.8318 10.4465 11.1929 9.93885 11.4151 9.36679C11.615 8.85196 11.3597 8.27254 10.8449 8.07262C10.3301 7.87269 9.75066 8.12797 9.55073 8.6428C9.44887 8.9051 9.28329 9.1378 9.06901 9.3199C8.85474 9.50199 8.59851 9.62774 8.32352 9.68582C8.04853 9.7439 7.76341 9.73249 7.49394 9.65262C7.22445 9.57274 6.97907 9.42691 6.78001 9.22825C6.58093 9.0296 6.43446 8.78439 6.35386 8.51478C6.27327 8.24517 6.26112 7.9597 6.31851 7.6842C6.37591 7.4087 6.50102 7.1519 6.68251 6.93702C6.86399 6.72214 7.0961 6.55595 7.35783 6.45343Z",
96
- fill: "#F9F9F9"
97
- })
98
- ]
99
- })
100
- })
101
- ]
102
- })
103
- ]
104
- });
105
- };
106
-
107
- exports.InteractionSuffix = InteractionSuffix;
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- const convertTextAlignToJustify = (align)=>{
4
- const devices = [
5
- 'desktop',
6
- 'tablet',
7
- 'mobile'
8
- ];
9
- const result = {};
10
- devices.forEach((device)=>{
11
- const deviceType = device === 'desktop' ? '' : `${device}:`;
12
- result[`${deviceType}gp-justify-start`] = align?.[device] === 'left';
13
- result[`${deviceType}gp-justify-center`] = align?.[device] === 'center';
14
- result[`${deviceType}gp-justify-end`] = align?.[device] === 'right';
15
- });
16
- return result;
17
- };
18
-
19
- exports.convertTextAlignToJustify = convertTextAlignToJustify;
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- var PageContext = require('../contexts/PageContext.js');
4
-
5
- const useInteraction = ()=>{
6
- const interactionData = PageContext.usePageStore((state)=>state.interactionData);
7
- const { item } = interactionData || {};
8
- const getAnimationByUid = (uid)=>{
9
- const targets = item?.targets;
10
- const targetByUid = targets?.find((target)=>target.uid === uid);
11
- const metaDataContainsAnimation = targetByUid?.events?.find((it)=>it.condition?.metaData?.animation);
12
- return metaDataContainsAnimation?.condition?.metaData?.animation;
13
- };
14
- return {
15
- getAnimationByUid
16
- };
17
- };
18
-
19
- exports.useInteraction = useInteraction;
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- exports.InteractionTargetEvent = void 0;
4
- (function(InteractionTargetEvent) {
5
- InteractionTargetEvent[InteractionTargetEvent['gp:change-background-color'] = 0] = 'gp:change-background-color';
6
- InteractionTargetEvent[InteractionTargetEvent['gp:run-animation'] = 1] = 'gp:run-animation';
7
- InteractionTargetEvent[InteractionTargetEvent['gp:toggle-element-visibility'] = 2] = 'gp:toggle-element-visibility';
8
- InteractionTargetEvent[InteractionTargetEvent['gp:change-text'] = 3] = 'gp:change-text';
9
- InteractionTargetEvent[InteractionTargetEvent['gp:scroll-to'] = 4] = 'gp:scroll-to';
10
- InteractionTargetEvent[InteractionTargetEvent['gp:change-text-style'] = 5] = 'gp:change-text-style';
11
- InteractionTargetEvent[InteractionTargetEvent['gp:change-content'] = 6] = 'gp:change-content';
12
- InteractionTargetEvent[InteractionTargetEvent['gp:change-button-style'] = 7] = 'gp:change-button-style';
13
- InteractionTargetEvent[InteractionTargetEvent['gp:copy-text'] = 8] = 'gp:copy-text';
14
- InteractionTargetEvent[InteractionTargetEvent['gp:change-image'] = 9] = 'gp:change-image';
15
- InteractionTargetEvent[InteractionTargetEvent['gp:toggle-video-play'] = 10] = 'gp:toggle-video-play';
16
- InteractionTargetEvent[InteractionTargetEvent['gp:change-slider-ratio'] = 11] = 'gp:change-slider-ratio';
17
- InteractionTargetEvent[InteractionTargetEvent['gp:change-icon-style'] = 12] = 'gp:change-icon-style';
18
- InteractionTargetEvent[InteractionTargetEvent['gp:change-expanded-item'] = 13] = 'gp:change-expanded-item';
19
- InteractionTargetEvent[InteractionTargetEvent['gp:change-active-item'] = 14] = 'gp:change-active-item';
20
- InteractionTargetEvent[InteractionTargetEvent['gp:change-slide'] = 15] = 'gp:change-slide';
21
- InteractionTargetEvent[InteractionTargetEvent['gp:change-image-step'] = 16] = 'gp:change-image-step';
22
- InteractionTargetEvent[InteractionTargetEvent['gp:change-text-value'] = 17] = 'gp:change-text-value';
23
- InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
24
- InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
25
- })(exports.InteractionTargetEvent || (exports.InteractionTargetEvent = {}));
26
- exports.InteractionTriggerEvent = void 0;
27
- (function(InteractionTriggerEvent) {
28
- InteractionTriggerEvent[InteractionTriggerEvent['click'] = 0] = 'click';
29
- InteractionTriggerEvent[InteractionTriggerEvent["active"] = 1] = "active";
30
- InteractionTriggerEvent[InteractionTriggerEvent['mouseover'] = 2] = 'mouseover';
31
- InteractionTriggerEvent[InteractionTriggerEvent['gp:appear'] = 3] = 'gp:appear';
32
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-selected'] = 4] = 'gp:item-selected';
33
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-unselected'] = 5] = 'gp:item-unselected';
34
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-hovered'] = 6] = 'gp:item-hovered';
35
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-click'] = 7] = 'gp:item-click';
36
- InteractionTriggerEvent[InteractionTriggerEvent['gp:after-submit'] = 8] = 'gp:after-submit';
37
- InteractionTriggerEvent[InteractionTriggerEvent['gp:quantity-change'] = 9] = 'gp:quantity-change';
38
- InteractionTriggerEvent[InteractionTriggerEvent['gp:after-checked-value'] = 10] = 'gp:after-checked-value';
39
- InteractionTriggerEvent[InteractionTriggerEvent['gp:after-add-to-cart'] = 11] = 'gp:after-add-to-cart';
40
- InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-open'] = 12] = 'gp:popup-open';
41
- InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-close'] = 13] = 'gp:popup-close';
42
- InteractionTriggerEvent[InteractionTriggerEvent['scroll-up'] = 14] = 'scroll-up';
43
- InteractionTriggerEvent[InteractionTriggerEvent['scroll-down'] = 15] = 'scroll-down';
44
- })(exports.InteractionTriggerEvent || (exports.InteractionTriggerEvent = {}));
@@ -1,105 +0,0 @@
1
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { useMemo } from 'react';
3
- import 'zustand';
4
- import 'swr';
5
- import { usePageStore } from '../contexts/PageContext.js';
6
- import '@gem-sdk/adapter-shopify';
7
- import 'swr/mutation';
8
- import 'swr/infinite';
9
- import 'vanilla-lazyload';
10
- import '../hooks/useCartUI.js';
11
- import 'react-transition-group';
12
- import '@gem-sdk/core';
13
- import 'classnames';
14
- import 'dayjs';
15
- import '../helpers/convert.js';
16
-
17
- const InteractionSuffix = ({ tag, uid })=>{
18
- const currentInteraction = usePageStore((s)=>s.interactionData?.item);
19
- const isCurrentInteractionTarget = useMemo(()=>{
20
- return currentInteraction?.targets?.find((t)=>t.uid === uid);
21
- }, [
22
- currentInteraction,
23
- uid
24
- ]);
25
- const isCurrentInteractionTrigger = useMemo(()=>{
26
- return currentInteraction?.self?.uid === uid;
27
- }, [
28
- currentInteraction,
29
- uid
30
- ]);
31
- const isDisplay = useMemo(()=>{
32
- return isCurrentInteractionTarget || isCurrentInteractionTrigger;
33
- }, [
34
- isCurrentInteractionTarget,
35
- isCurrentInteractionTrigger
36
- ]);
37
- const positionOffset = useMemo(()=>{
38
- if (isCurrentInteractionTrigger && isCurrentInteractionTarget) {
39
- return 80;
40
- }
41
- return 40;
42
- }, [
43
- isCurrentInteractionTrigger,
44
- isCurrentInteractionTarget
45
- ]);
46
- if (!isDisplay) {
47
- return undefined;
48
- }
49
- return /*#__PURE__*/ jsxs(Fragment, {
50
- children: [
51
- /*#__PURE__*/ jsx("div", {
52
- className: "hidden gp-left-[-40px] gp-left-[-80px] gp-right-[-40px] gp-right-[-80px]"
53
- }),
54
- /*#__PURE__*/ jsxs("div", {
55
- className: `gp-hidden gp-absolute interaction-suffix gp-gap-[8px] ${tag == 'Section' ? `gp-left-[-${positionOffset}px]` : `gp-right-[-${positionOffset}px]`}`,
56
- children: [
57
- isCurrentInteractionTrigger && /*#__PURE__*/ jsx("div", {
58
- className: `gp-h-8 gp-rounded-[8px] gp-w-8 gp-bg-[#212121] gp-flex gp-justify-center gp-items-center `,
59
- children: /*#__PURE__*/ jsx("svg", {
60
- width: "16",
61
- height: "16",
62
- viewBox: "0 0 16 16",
63
- fill: "none",
64
- xmlns: "http://www.w3.org/2000/svg",
65
- children: /*#__PURE__*/ jsx("path", {
66
- fillRule: "evenodd",
67
- clipRule: "evenodd",
68
- d: "M12.9196 5.80449C13.0989 5.80449 13.1876 6.02216 13.0595 6.14749L4.83569 14.1892C4.69517 14.3267 4.46149 14.2002 4.49967 14.0074L5.50422 8.93537C5.53483 8.7808 5.41656 8.6368 5.25898 8.6368H3.08019C2.92551 8.6368 2.82938 8.46874 2.90779 8.33541L6.72099 1.85154C6.75692 1.79045 6.8225 1.75293 6.89338 1.75293H12.5729C12.7386 1.75293 12.8324 1.94273 12.7319 2.07435L10.1891 5.40272C10.0634 5.56724 10.1807 5.80449 10.3877 5.80449H12.9196Z",
69
- fill: "#F9F9F9"
70
- })
71
- })
72
- }),
73
- isCurrentInteractionTarget && /*#__PURE__*/ jsx("div", {
74
- className: `gp-h-8 min-w-8 gp-rounded-[8px] gp-w-8 gp-bg-[#212121] gp-flex gp-justify-center gp-items-center`,
75
- children: /*#__PURE__*/ jsxs("svg", {
76
- width: "16",
77
- height: "16",
78
- viewBox: "0 0 16 16",
79
- fill: "none",
80
- xmlns: "http://www.w3.org/2000/svg",
81
- children: [
82
- /*#__PURE__*/ jsx("path", {
83
- d: "M8.58987 2.11238C8.62815 2.66333 8.21254 3.141 7.66158 3.17928C6.73192 3.24386 5.84034 3.57396 5.09276 4.13034C4.34519 4.68673 3.77304 5.44602 3.44429 6.31801C3.11554 7.19 3.04401 8.13803 3.23821 9.04947C3.4324 9.96092 3.88415 10.7975 4.53978 11.4597C5.19541 12.122 6.02737 12.5821 6.93682 12.7854C7.84626 12.9888 8.79496 12.9268 9.67021 12.6068C10.5455 12.2869 11.3105 11.7224 11.8743 10.9804C12.4382 10.2385 12.7772 9.35025 12.8512 8.42129C12.895 7.87074 13.3768 7.45996 13.9273 7.50377C14.4779 7.54758 14.8887 8.0294 14.8449 8.57994C14.7406 9.8906 14.2622 11.1438 13.4667 12.1906C12.6711 13.2374 11.5918 14.0338 10.3569 14.4852C9.12204 14.9367 7.78353 15.0241 6.50041 14.7373C5.2173 14.4504 4.0435 13.8012 3.11848 12.8668C2.19345 11.9324 1.55609 10.7522 1.28211 9.46624C1.00813 8.1803 1.10905 6.84274 1.57287 5.61247C2.03669 4.3822 2.84393 3.31093 3.89867 2.52593C4.95342 1.74093 6.21133 1.27521 7.52297 1.18409C8.07393 1.14581 8.5516 1.56142 8.58987 2.11238Z",
84
- fill: "#F9F9F9"
85
- }),
86
- /*#__PURE__*/ jsx("path", {
87
- fillRule: "evenodd",
88
- clipRule: "evenodd",
89
- d: "M11.9757 1.25658C12.184 1.31428 12.3452 1.47958 12.3976 1.68929L12.7872 3.24774L14.3457 3.63736C14.5554 3.68978 14.7207 3.85096 14.7784 4.05928C14.8361 4.2676 14.7773 4.49085 14.6244 4.64371L12.7167 6.55141C12.5677 6.70044 12.3514 6.76035 12.1469 6.70924L10.5688 6.3147L8.42436 8.45912C8.19005 8.69344 7.81015 8.69344 7.57583 8.45912C7.34152 8.22481 7.34152 7.84491 7.57583 7.61059L9.72025 5.46617L9.32572 3.88804C9.2746 3.68357 9.33451 3.46728 9.48354 3.31825L11.3912 1.41054C11.5441 1.25769 11.7674 1.19888 11.9757 1.25658ZM10.8795 5.15545L12.1084 5.46267L13.0266 4.54451L12.1469 4.3246C11.9319 4.27086 11.7641 4.10301 11.7104 3.88804L11.4904 3.0084L10.5723 3.92656L10.8795 5.15545Z",
90
- fill: "#F9F9F9"
91
- }),
92
- /*#__PURE__*/ jsx("path", {
93
- d: "M7.35783 6.45343C7.87208 6.25201 8.12568 5.67185 7.92426 5.15761C7.72284 4.64336 7.14268 4.38976 6.62844 4.59118C6.05705 4.81498 5.55049 5.17772 5.15453 5.64655C4.75858 6.11538 4.4857 6.67552 4.36055 7.27631C4.23539 7.87709 4.26189 8.49961 4.43764 9.08758C4.6134 9.67555 4.93289 10.2105 5.36727 10.6439C5.80165 11.0774 6.33722 11.3958 6.92556 11.5702C7.51391 11.7445 8.13643 11.7695 8.73683 11.6427C9.33723 11.5158 9.89652 11.2413 10.3641 10.8439C10.8318 10.4465 11.1929 9.93885 11.4151 9.36679C11.615 8.85196 11.3597 8.27254 10.8449 8.07262C10.3301 7.87269 9.75066 8.12797 9.55073 8.6428C9.44887 8.9051 9.28329 9.1378 9.06901 9.3199C8.85474 9.50199 8.59851 9.62774 8.32352 9.68582C8.04853 9.7439 7.76341 9.73249 7.49394 9.65262C7.22445 9.57274 6.97907 9.42691 6.78001 9.22825C6.58093 9.0296 6.43446 8.78439 6.35386 8.51478C6.27327 8.24517 6.26112 7.9597 6.31851 7.6842C6.37591 7.4087 6.50102 7.1519 6.68251 6.93702C6.86399 6.72214 7.0961 6.55595 7.35783 6.45343Z",
94
- fill: "#F9F9F9"
95
- })
96
- ]
97
- })
98
- })
99
- ]
100
- })
101
- ]
102
- });
103
- };
104
-
105
- export { InteractionSuffix };
@@ -1,17 +0,0 @@
1
- const convertTextAlignToJustify = (align)=>{
2
- const devices = [
3
- 'desktop',
4
- 'tablet',
5
- 'mobile'
6
- ];
7
- const result = {};
8
- devices.forEach((device)=>{
9
- const deviceType = device === 'desktop' ? '' : `${device}:`;
10
- result[`${deviceType}gp-justify-start`] = align?.[device] === 'left';
11
- result[`${deviceType}gp-justify-center`] = align?.[device] === 'center';
12
- result[`${deviceType}gp-justify-end`] = align?.[device] === 'right';
13
- });
14
- return result;
15
- };
16
-
17
- export { convertTextAlignToJustify };
@@ -1,17 +0,0 @@
1
- import { usePageStore } from '../contexts/PageContext.js';
2
-
3
- const useInteraction = ()=>{
4
- const interactionData = usePageStore((state)=>state.interactionData);
5
- const { item } = interactionData || {};
6
- const getAnimationByUid = (uid)=>{
7
- const targets = item?.targets;
8
- const targetByUid = targets?.find((target)=>target.uid === uid);
9
- const metaDataContainsAnimation = targetByUid?.events?.find((it)=>it.condition?.metaData?.animation);
10
- return metaDataContainsAnimation?.condition?.metaData?.animation;
11
- };
12
- return {
13
- getAnimationByUid
14
- };
15
- };
16
-
17
- export { useInteraction };
@@ -1,44 +0,0 @@
1
- var InteractionTargetEvent;
2
- (function(InteractionTargetEvent) {
3
- InteractionTargetEvent[InteractionTargetEvent['gp:change-background-color'] = 0] = 'gp:change-background-color';
4
- InteractionTargetEvent[InteractionTargetEvent['gp:run-animation'] = 1] = 'gp:run-animation';
5
- InteractionTargetEvent[InteractionTargetEvent['gp:toggle-element-visibility'] = 2] = 'gp:toggle-element-visibility';
6
- InteractionTargetEvent[InteractionTargetEvent['gp:change-text'] = 3] = 'gp:change-text';
7
- InteractionTargetEvent[InteractionTargetEvent['gp:scroll-to'] = 4] = 'gp:scroll-to';
8
- InteractionTargetEvent[InteractionTargetEvent['gp:change-text-style'] = 5] = 'gp:change-text-style';
9
- InteractionTargetEvent[InteractionTargetEvent['gp:change-content'] = 6] = 'gp:change-content';
10
- InteractionTargetEvent[InteractionTargetEvent['gp:change-button-style'] = 7] = 'gp:change-button-style';
11
- InteractionTargetEvent[InteractionTargetEvent['gp:copy-text'] = 8] = 'gp:copy-text';
12
- InteractionTargetEvent[InteractionTargetEvent['gp:change-image'] = 9] = 'gp:change-image';
13
- InteractionTargetEvent[InteractionTargetEvent['gp:toggle-video-play'] = 10] = 'gp:toggle-video-play';
14
- InteractionTargetEvent[InteractionTargetEvent['gp:change-slider-ratio'] = 11] = 'gp:change-slider-ratio';
15
- InteractionTargetEvent[InteractionTargetEvent['gp:change-icon-style'] = 12] = 'gp:change-icon-style';
16
- InteractionTargetEvent[InteractionTargetEvent['gp:change-expanded-item'] = 13] = 'gp:change-expanded-item';
17
- InteractionTargetEvent[InteractionTargetEvent['gp:change-active-item'] = 14] = 'gp:change-active-item';
18
- InteractionTargetEvent[InteractionTargetEvent['gp:change-slide'] = 15] = 'gp:change-slide';
19
- InteractionTargetEvent[InteractionTargetEvent['gp:change-image-step'] = 16] = 'gp:change-image-step';
20
- InteractionTargetEvent[InteractionTargetEvent['gp:change-text-value'] = 17] = 'gp:change-text-value';
21
- InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
22
- InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
23
- })(InteractionTargetEvent || (InteractionTargetEvent = {}));
24
- var InteractionTriggerEvent;
25
- (function(InteractionTriggerEvent) {
26
- InteractionTriggerEvent[InteractionTriggerEvent['click'] = 0] = 'click';
27
- InteractionTriggerEvent[InteractionTriggerEvent["active"] = 1] = "active";
28
- InteractionTriggerEvent[InteractionTriggerEvent['mouseover'] = 2] = 'mouseover';
29
- InteractionTriggerEvent[InteractionTriggerEvent['gp:appear'] = 3] = 'gp:appear';
30
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-selected'] = 4] = 'gp:item-selected';
31
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-unselected'] = 5] = 'gp:item-unselected';
32
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-hovered'] = 6] = 'gp:item-hovered';
33
- InteractionTriggerEvent[InteractionTriggerEvent['gp:item-click'] = 7] = 'gp:item-click';
34
- InteractionTriggerEvent[InteractionTriggerEvent['gp:after-submit'] = 8] = 'gp:after-submit';
35
- InteractionTriggerEvent[InteractionTriggerEvent['gp:quantity-change'] = 9] = 'gp:quantity-change';
36
- InteractionTriggerEvent[InteractionTriggerEvent['gp:after-checked-value'] = 10] = 'gp:after-checked-value';
37
- InteractionTriggerEvent[InteractionTriggerEvent['gp:after-add-to-cart'] = 11] = 'gp:after-add-to-cart';
38
- InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-open'] = 12] = 'gp:popup-open';
39
- InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-close'] = 13] = 'gp:popup-close';
40
- InteractionTriggerEvent[InteractionTriggerEvent['scroll-up'] = 14] = 'scroll-up';
41
- InteractionTriggerEvent[InteractionTriggerEvent['scroll-down'] = 15] = 'scroll-down';
42
- })(InteractionTriggerEvent || (InteractionTriggerEvent = {}));
43
-
44
- export { InteractionTargetEvent, InteractionTriggerEvent };