@gem-sdk/core 2.0.0-dev.451 → 2.0.0-dev.455
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/RenderPreview.js +40 -22
- package/dist/cjs/components/constant.js +3 -1
- package/dist/cjs/components/theme-section/CreateThemeSection.js +3 -1
- package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +2 -1
- package/dist/cjs/contexts/I18nContext.js +36 -0
- package/dist/cjs/hooks/useI18n.js +27 -0
- package/dist/cjs/index.js +5 -0
- package/dist/esm/components/RenderPreview.js +40 -22
- package/dist/esm/components/constant.js +3 -1
- package/dist/esm/components/theme-section/CreateThemeSection.js +3 -1
- package/dist/esm/components/theme-section/ThemeSectionTooltip.js +3 -2
- package/dist/esm/contexts/I18nContext.js +33 -0
- package/dist/esm/hooks/useI18n.js +25 -0
- package/dist/esm/index.js +2 -0
- package/dist/types/index.d.ts +15 -1
- package/package.json +1 -1
|
@@ -10,11 +10,26 @@ var BuilderComponent = require('../contexts/BuilderComponent.js');
|
|
|
10
10
|
var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
|
|
11
11
|
var ComponentWrapperPreview = require('./ComponentWrapperPreview.js');
|
|
12
12
|
var RenderSection = require('./RenderSection.js');
|
|
13
|
+
require('zustand');
|
|
14
|
+
var I18nContext = require('../contexts/I18nContext.js');
|
|
15
|
+
require('swr');
|
|
16
|
+
require('@gem-sdk/adapter-shopify');
|
|
17
|
+
require('swr/mutation');
|
|
18
|
+
require('swr/infinite');
|
|
19
|
+
require('vanilla-lazyload');
|
|
20
|
+
require('../hooks/useCartUI.js');
|
|
21
|
+
var useI18n = require('../hooks/useI18n.js');
|
|
22
|
+
require('react-transition-group');
|
|
23
|
+
require('@gem-sdk/core');
|
|
24
|
+
require('classnames');
|
|
25
|
+
require('dayjs');
|
|
26
|
+
require('../helpers/convert.js');
|
|
13
27
|
|
|
14
28
|
const RenderPreview = ({ uid, ...passProps })=>{
|
|
15
29
|
const item = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem(uid));
|
|
16
30
|
BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getState());
|
|
17
31
|
const Component = BuilderComponent.useBuilderComponent(item?.tag);
|
|
32
|
+
const { t } = useI18n.useI18n();
|
|
18
33
|
if (!item) return null;
|
|
19
34
|
if (item?.type === 'section') {
|
|
20
35
|
return /*#__PURE__*/ jsxRuntime.jsx(RenderSection.default, {
|
|
@@ -36,28 +51,31 @@ const RenderPreview = ({ uid, ...passProps })=>{
|
|
|
36
51
|
})
|
|
37
52
|
]
|
|
38
53
|
}),
|
|
39
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(
|
|
40
|
-
|
|
41
|
-
children:
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
54
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(I18nContext.I18nProvider, {
|
|
55
|
+
t: t,
|
|
56
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapperPreview.default, {
|
|
57
|
+
...item,
|
|
58
|
+
children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
|
|
59
|
+
builderProps: {
|
|
60
|
+
uid,
|
|
61
|
+
builderData: item
|
|
62
|
+
},
|
|
63
|
+
styles: item.styles,
|
|
64
|
+
setting: item.settings,
|
|
65
|
+
...passProps,
|
|
66
|
+
children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
|
|
67
|
+
"bundle-item": passProps?.['bundle-item'],
|
|
68
|
+
uid: id
|
|
69
|
+
}, id))
|
|
70
|
+
}) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
|
|
71
|
+
builderProps: {
|
|
72
|
+
uid,
|
|
73
|
+
builderData: item
|
|
74
|
+
},
|
|
75
|
+
styles: item.styles,
|
|
76
|
+
setting: item.settings,
|
|
77
|
+
...passProps
|
|
78
|
+
})
|
|
61
79
|
})
|
|
62
80
|
})
|
|
63
81
|
}, item.uid);
|
|
@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var ThemeSectionTooltip = require('./ThemeSectionTooltip.js');
|
|
7
7
|
require('zustand');
|
|
8
|
+
var I18nContext = require('../../contexts/I18nContext.js');
|
|
8
9
|
var ShopContext = require('../../contexts/ShopContext.js');
|
|
9
10
|
require('swr');
|
|
10
11
|
require('swr/infinite');
|
|
@@ -24,6 +25,7 @@ const LIMIT_PLANS = [
|
|
|
24
25
|
'trial2022'
|
|
25
26
|
];
|
|
26
27
|
const CreateThemeSection = ({ ...props })=>{
|
|
28
|
+
const { t } = I18nContext.useI18nStore();
|
|
27
29
|
const shopPlan = ShopContext.useShopStore((s)=>s.plan);
|
|
28
30
|
const createThemeSectionCount = ShopContext.useShopStore((s)=>s.createThemeSectionCount);
|
|
29
31
|
const limitCreateThemeSection = ShopContext.useShopStore((s)=>s.limitCreateThemeSection);
|
|
@@ -111,7 +113,7 @@ const CreateThemeSection = ({ ...props })=>{
|
|
|
111
113
|
]
|
|
112
114
|
}),
|
|
113
115
|
/*#__PURE__*/ jsxRuntime.jsx("p", {
|
|
114
|
-
children:
|
|
116
|
+
children: t('Create Theme Section')
|
|
115
117
|
})
|
|
116
118
|
]
|
|
117
119
|
})
|
|
@@ -29,6 +29,7 @@ const transitions = {
|
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
|
|
32
|
+
const { t } = core.useI18n();
|
|
32
33
|
const nodeRef = react.useRef(null);
|
|
33
34
|
const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
|
|
34
35
|
const openHelpCenter = ()=>{
|
|
@@ -105,7 +106,7 @@ const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCre
|
|
|
105
106
|
children: [
|
|
106
107
|
/*#__PURE__*/ jsxRuntime.jsx("button", {
|
|
107
108
|
onClick: (e)=>onActions(e),
|
|
108
|
-
children: actionBtnLabel
|
|
109
|
+
children: t(actionBtnLabel)
|
|
109
110
|
}),
|
|
110
111
|
isFreeLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
111
112
|
onClick: openHelpCenter,
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var zustand = require('zustand');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
|
|
8
|
+
const I18nContext = /*#__PURE__*/ react.createContext(null);
|
|
9
|
+
const createI18nStoreProvider = (data)=>zustand.createStore(()=>({
|
|
10
|
+
...data
|
|
11
|
+
}));
|
|
12
|
+
const I18nProvider = ({ children, t })=>{
|
|
13
|
+
const store = react.useMemo(()=>{
|
|
14
|
+
return createI18nStoreProvider({
|
|
15
|
+
t
|
|
16
|
+
});
|
|
17
|
+
}, [
|
|
18
|
+
t
|
|
19
|
+
]);
|
|
20
|
+
return /*#__PURE__*/ jsxRuntime.jsx(I18nContext.Provider, {
|
|
21
|
+
value: store,
|
|
22
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
23
|
+
children: children
|
|
24
|
+
})
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
const useI18nStore = ()=>{
|
|
28
|
+
const store = react.useContext(I18nContext);
|
|
29
|
+
if (!store) {
|
|
30
|
+
throw new Error('Element of article must be used inside a Article');
|
|
31
|
+
}
|
|
32
|
+
return zustand.useStore(store);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
exports.I18nProvider = I18nProvider;
|
|
36
|
+
exports.useI18nStore = useI18nStore;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('react');
|
|
4
|
+
|
|
5
|
+
const useI18n = ()=>{
|
|
6
|
+
const [i18n, setI18n] = react.useState(null);
|
|
7
|
+
const handleChangeLanguage = (e)=>{
|
|
8
|
+
const detail = e.detail;
|
|
9
|
+
if (!detail) return;
|
|
10
|
+
setI18n(detail);
|
|
11
|
+
};
|
|
12
|
+
const t = (string)=>{
|
|
13
|
+
if (!i18n) return string;
|
|
14
|
+
return i18n?.t(string);
|
|
15
|
+
};
|
|
16
|
+
react.useEffect(()=>{
|
|
17
|
+
window.addEventListener('editor:change-language', handleChangeLanguage);
|
|
18
|
+
return ()=>{
|
|
19
|
+
window.removeEventListener('editor:change-language', handleChangeLanguage);
|
|
20
|
+
};
|
|
21
|
+
}, []);
|
|
22
|
+
return {
|
|
23
|
+
t
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
exports.useI18n = useI18n;
|
package/dist/cjs/index.js
CHANGED
|
@@ -18,6 +18,7 @@ var CollectionContext = require('./contexts/CollectionContext.js');
|
|
|
18
18
|
var ModalContext = require('./contexts/ModalContext.js');
|
|
19
19
|
var ArticleListContext = require('./contexts/ArticleListContext.js');
|
|
20
20
|
var ArticleContext = require('./contexts/ArticleContext.js');
|
|
21
|
+
var I18nContext = require('./contexts/I18nContext.js');
|
|
21
22
|
var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
|
|
22
23
|
var collectionDetailFilter_generated = require('./graphql/queries/collection-detail-filter.generated.js');
|
|
23
24
|
var collection_generated = require('./graphql/queries/collection.generated.js');
|
|
@@ -104,6 +105,7 @@ var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
|
|
|
104
105
|
var useLoadScript = require('./hooks/useLoadScript.js');
|
|
105
106
|
var useMoney = require('./hooks/useMoney.js');
|
|
106
107
|
var usePrevious = require('./hooks/usePrevious.js');
|
|
108
|
+
var useI18n = require('./hooks/useI18n.js');
|
|
107
109
|
var useProduct = require('./hooks/useProduct.js');
|
|
108
110
|
var useShopifyLink = require('./hooks/shop/useShopifyLink.js');
|
|
109
111
|
var useProductList = require('./hooks/useProductList.js');
|
|
@@ -160,6 +162,8 @@ exports.ArticleListProvider = ArticleListContext.ArticleListProvider;
|
|
|
160
162
|
exports.useArticleListStore = ArticleListContext.useArticleListStore;
|
|
161
163
|
exports.ArticleProvider = ArticleContext.ArticleProvider;
|
|
162
164
|
exports.useArticleStore = ArticleContext.useArticleStore;
|
|
165
|
+
exports.I18nProvider = I18nContext.I18nProvider;
|
|
166
|
+
exports.useI18nStore = I18nContext.useI18nStore;
|
|
163
167
|
exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
|
|
164
168
|
exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
|
|
165
169
|
exports.CollectionDocument = collection_generated.CollectionDocument;
|
|
@@ -381,6 +385,7 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
|
|
|
381
385
|
exports.useLoadScript = useLoadScript.default;
|
|
382
386
|
exports.useMoney = useMoney.default;
|
|
383
387
|
exports.usePrevious = usePrevious.usePrevious;
|
|
388
|
+
exports.useI18n = useI18n.useI18n;
|
|
384
389
|
exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
|
|
385
390
|
exports.useCurrentVariant = useProduct.useCurrentVariant;
|
|
386
391
|
exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;
|
|
@@ -6,11 +6,26 @@ import { useBuilderComponent } from '../contexts/BuilderComponent.js';
|
|
|
6
6
|
import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
|
|
7
7
|
import ComponentWrapperPreview from './ComponentWrapperPreview.js';
|
|
8
8
|
import RenderSectionMemo from './RenderSection.js';
|
|
9
|
+
import 'zustand';
|
|
10
|
+
import { I18nProvider } from '../contexts/I18nContext.js';
|
|
11
|
+
import 'swr';
|
|
12
|
+
import '@gem-sdk/adapter-shopify';
|
|
13
|
+
import 'swr/mutation';
|
|
14
|
+
import 'swr/infinite';
|
|
15
|
+
import 'vanilla-lazyload';
|
|
16
|
+
import '../hooks/useCartUI.js';
|
|
17
|
+
import { useI18n } from '../hooks/useI18n.js';
|
|
18
|
+
import 'react-transition-group';
|
|
19
|
+
import '@gem-sdk/core';
|
|
20
|
+
import 'classnames';
|
|
21
|
+
import 'dayjs';
|
|
22
|
+
import '../helpers/convert.js';
|
|
9
23
|
|
|
10
24
|
const RenderPreview = ({ uid, ...passProps })=>{
|
|
11
25
|
const item = useBuilderPreviewStore((s)=>s.getItem(uid));
|
|
12
26
|
useBuilderPreviewStore((s)=>s.getState());
|
|
13
27
|
const Component = useBuilderComponent(item?.tag);
|
|
28
|
+
const { t } = useI18n();
|
|
14
29
|
if (!item) return null;
|
|
15
30
|
if (item?.type === 'section') {
|
|
16
31
|
return /*#__PURE__*/ jsx(RenderSectionMemo, {
|
|
@@ -32,28 +47,31 @@ const RenderPreview = ({ uid, ...passProps })=>{
|
|
|
32
47
|
})
|
|
33
48
|
]
|
|
34
49
|
}),
|
|
35
|
-
children: /*#__PURE__*/ jsx(
|
|
36
|
-
|
|
37
|
-
children:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
children: /*#__PURE__*/ jsx(I18nProvider, {
|
|
51
|
+
t: t,
|
|
52
|
+
children: /*#__PURE__*/ jsx(ComponentWrapperPreview, {
|
|
53
|
+
...item,
|
|
54
|
+
children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
|
|
55
|
+
builderProps: {
|
|
56
|
+
uid,
|
|
57
|
+
builderData: item
|
|
58
|
+
},
|
|
59
|
+
styles: item.styles,
|
|
60
|
+
setting: item.settings,
|
|
61
|
+
...passProps,
|
|
62
|
+
children: item.childrens.map((id)=>/*#__PURE__*/ jsx(RenderPreviewMemo, {
|
|
63
|
+
"bundle-item": passProps?.['bundle-item'],
|
|
64
|
+
uid: id
|
|
65
|
+
}, id))
|
|
66
|
+
}) : /*#__PURE__*/ jsx(Component, {
|
|
67
|
+
builderProps: {
|
|
68
|
+
uid,
|
|
69
|
+
builderData: item
|
|
70
|
+
},
|
|
71
|
+
styles: item.styles,
|
|
72
|
+
setting: item.settings,
|
|
73
|
+
...passProps
|
|
74
|
+
})
|
|
57
75
|
})
|
|
58
76
|
})
|
|
59
77
|
}, item.uid);
|
|
@@ -3,6 +3,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useRef, useState } from 'react';
|
|
4
4
|
import { ThemeSectionTooltip } from './ThemeSectionTooltip.js';
|
|
5
5
|
import 'zustand';
|
|
6
|
+
import { useI18nStore } from '../../contexts/I18nContext.js';
|
|
6
7
|
import { useShopStore } from '../../contexts/ShopContext.js';
|
|
7
8
|
import 'swr';
|
|
8
9
|
import 'swr/infinite';
|
|
@@ -22,6 +23,7 @@ const LIMIT_PLANS = [
|
|
|
22
23
|
'trial2022'
|
|
23
24
|
];
|
|
24
25
|
const CreateThemeSection = ({ ...props })=>{
|
|
26
|
+
const { t } = useI18nStore();
|
|
25
27
|
const shopPlan = useShopStore((s)=>s.plan);
|
|
26
28
|
const createThemeSectionCount = useShopStore((s)=>s.createThemeSectionCount);
|
|
27
29
|
const limitCreateThemeSection = useShopStore((s)=>s.limitCreateThemeSection);
|
|
@@ -109,7 +111,7 @@ const CreateThemeSection = ({ ...props })=>{
|
|
|
109
111
|
]
|
|
110
112
|
}),
|
|
111
113
|
/*#__PURE__*/ jsx("p", {
|
|
112
|
-
children:
|
|
114
|
+
children: t('Create Theme Section')
|
|
113
115
|
})
|
|
114
116
|
]
|
|
115
117
|
})
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { Transition } from 'react-transition-group';
|
|
5
|
-
import { cls } from '@gem-sdk/core';
|
|
5
|
+
import { useI18n, cls } from '@gem-sdk/core';
|
|
6
6
|
|
|
7
7
|
const TRANSITION_DURATION = 350;
|
|
8
8
|
const defaultStyles = {
|
|
@@ -27,6 +27,7 @@ const transitions = {
|
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
|
|
30
|
+
const { t } = useI18n();
|
|
30
31
|
const nodeRef = useRef(null);
|
|
31
32
|
const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
|
|
32
33
|
const openHelpCenter = ()=>{
|
|
@@ -103,7 +104,7 @@ const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCre
|
|
|
103
104
|
children: [
|
|
104
105
|
/*#__PURE__*/ jsx("button", {
|
|
105
106
|
onClick: (e)=>onActions(e),
|
|
106
|
-
children: actionBtnLabel
|
|
107
|
+
children: t(actionBtnLabel)
|
|
107
108
|
}),
|
|
108
109
|
isFreeLimit && /*#__PURE__*/ jsx("div", {
|
|
109
110
|
onClick: openHelpCenter,
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
3
|
+
import { useStore, createStore } from 'zustand';
|
|
4
|
+
import { useMemo, useContext, createContext } from 'react';
|
|
5
|
+
|
|
6
|
+
const I18nContext = /*#__PURE__*/ createContext(null);
|
|
7
|
+
const createI18nStoreProvider = (data)=>createStore(()=>({
|
|
8
|
+
...data
|
|
9
|
+
}));
|
|
10
|
+
const I18nProvider = ({ children, t })=>{
|
|
11
|
+
const store = useMemo(()=>{
|
|
12
|
+
return createI18nStoreProvider({
|
|
13
|
+
t
|
|
14
|
+
});
|
|
15
|
+
}, [
|
|
16
|
+
t
|
|
17
|
+
]);
|
|
18
|
+
return /*#__PURE__*/ jsx(I18nContext.Provider, {
|
|
19
|
+
value: store,
|
|
20
|
+
children: /*#__PURE__*/ jsx(Fragment, {
|
|
21
|
+
children: children
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
const useI18nStore = ()=>{
|
|
26
|
+
const store = useContext(I18nContext);
|
|
27
|
+
if (!store) {
|
|
28
|
+
throw new Error('Element of article must be used inside a Article');
|
|
29
|
+
}
|
|
30
|
+
return useStore(store);
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export { I18nProvider, useI18nStore };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
const useI18n = ()=>{
|
|
4
|
+
const [i18n, setI18n] = useState(null);
|
|
5
|
+
const handleChangeLanguage = (e)=>{
|
|
6
|
+
const detail = e.detail;
|
|
7
|
+
if (!detail) return;
|
|
8
|
+
setI18n(detail);
|
|
9
|
+
};
|
|
10
|
+
const t = (string)=>{
|
|
11
|
+
if (!i18n) return string;
|
|
12
|
+
return i18n?.t(string);
|
|
13
|
+
};
|
|
14
|
+
useEffect(()=>{
|
|
15
|
+
window.addEventListener('editor:change-language', handleChangeLanguage);
|
|
16
|
+
return ()=>{
|
|
17
|
+
window.removeEventListener('editor:change-language', handleChangeLanguage);
|
|
18
|
+
};
|
|
19
|
+
}, []);
|
|
20
|
+
return {
|
|
21
|
+
t
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { useI18n };
|
package/dist/esm/index.js
CHANGED
|
@@ -16,6 +16,7 @@ export { CollectionProvider, useCollectionStore } from './contexts/CollectionCon
|
|
|
16
16
|
export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
|
|
17
17
|
export { ArticleListProvider, useArticleListStore } from './contexts/ArticleListContext.js';
|
|
18
18
|
export { ArticleProvider, useArticleStore } from './contexts/ArticleContext.js';
|
|
19
|
+
export { I18nProvider, useI18nStore } from './contexts/I18nContext.js';
|
|
19
20
|
export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';
|
|
20
21
|
export { CollectionDetailFilterDocument } from './graphql/queries/collection-detail-filter.generated.js';
|
|
21
22
|
export { CollectionDocument } from './graphql/queries/collection.generated.js';
|
|
@@ -105,6 +106,7 @@ export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayou
|
|
|
105
106
|
export { default as useLoadScript } from './hooks/useLoadScript.js';
|
|
106
107
|
export { default as useMoney } from './hooks/useMoney.js';
|
|
107
108
|
export { usePrevious } from './hooks/usePrevious.js';
|
|
109
|
+
export { useI18n } from './hooks/useI18n.js';
|
|
108
110
|
export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useHasPreSelected, useIsSyncProduct, useProduct, useProductBundleDiscount, useProductOfferDiscount, useProductProperties, useProductShopifyEditLink, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
|
|
109
111
|
export { useShopifyLink } from './hooks/shop/useShopifyLink.js';
|
|
110
112
|
export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -34978,6 +34978,16 @@ type ArticleProviderProps = Pick<ArticleContextProps, 'article'> & {
|
|
|
34978
34978
|
declare const ArticleProvider: React.FC<ArticleProviderProps>;
|
|
34979
34979
|
declare const useArticleStore: <U>(selector: (state: ExtractState<StoreApi<ArticleContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
|
|
34980
34980
|
|
|
34981
|
+
type I18nContextProps = {
|
|
34982
|
+
t: any;
|
|
34983
|
+
};
|
|
34984
|
+
type I18nProviderProps = I18nContextProps & {
|
|
34985
|
+
readOnly?: boolean;
|
|
34986
|
+
children: React.ReactNode;
|
|
34987
|
+
};
|
|
34988
|
+
declare const I18nProvider: React.FC<I18nProviderProps>;
|
|
34989
|
+
declare const useI18nStore: () => I18nContextProps;
|
|
34990
|
+
|
|
34981
34991
|
type PageViewUpMutationVariables = Exact$1<{
|
|
34982
34992
|
pageHandle: Scalars$2['String'];
|
|
34983
34993
|
}>;
|
|
@@ -47627,6 +47637,10 @@ declare const useMoney: (amount: number) => UseMoneyValue;
|
|
|
47627
47637
|
|
|
47628
47638
|
declare const usePrevious: <T>(value: T) => T | undefined;
|
|
47629
47639
|
|
|
47640
|
+
declare const useI18n: () => {
|
|
47641
|
+
t: (string: string) => any;
|
|
47642
|
+
};
|
|
47643
|
+
|
|
47630
47644
|
declare const useUniqProductID: () => string;
|
|
47631
47645
|
declare const useProduct: () => ProductSelectFragment | undefined;
|
|
47632
47646
|
declare const useFeaturedImageGlobal: () => MediaSelectFragment | undefined;
|
|
@@ -47776,4 +47790,4 @@ declare const useInteraction: () => {
|
|
|
47776
47790
|
|
|
47777
47791
|
declare const DEVICES: NameDevices$1[];
|
|
47778
47792
|
|
|
47779
|
-
export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
47793
|
+
export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, I18nProvider, I18nProviderProps, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|