@gem-sdk/core 1.58.0-dev.20 → 1.58.0-dev.25

package/dist/esm/components/ai-generator/components/PickProduct.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useMemo, useEffect } from 'react';
 import { SearchIcon } from '../icons/SearchIcon.js';

package/dist/esm/components/ai-generator/components/ToneAndVoice.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { DropdownIcon, TickIcon } from '../icons/DropdownIcon.js';

package/dist/esm/components/ai-generator/icons/AIIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const AIIcon = ()=>{

package/dist/esm/components/ai-generator/icons/CloseIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const CloseIcon = ()=>{

package/dist/esm/components/ai-generator/icons/DropdownIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const DropdownIcon = ()=>{

package/dist/esm/components/ai-generator/icons/SearchIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const SearchIcon = ()=>{

package/dist/esm/components/ai-generator/icons/ShowMoreIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const ShowMoreIcon = ()=>{

package/dist/esm/components/ai-generator/icons/UpgradeIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const UpgradeIcon = ()=>{

package/dist/esm/components/ai-generator/icons/WarningIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const WarningIcon = ()=>{

package/dist/esm/components/resize/Resize.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import Spacing from './Spacing.js';
 

package/dist/esm/components/resize/Spacing.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import 'zustand';

package/dist/esm/components/theme-section/CreateThemeSection.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState } from 'react';
 import { ThemeSectionTooltip } from './ThemeSectionTooltip.js';

package/dist/esm/components/theme-section/ThemeSectionStatus.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 const getStatusMessage = (status)=>{

package/dist/esm/components/theme-section/ThemeSectionTooltip.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { Transition } from 'react-transition-group';

package/dist/esm/components/toolbar/Tooltip.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function Tooltip({ children, enable, text = 'Tooltip Text', position = 'right', width, ...props }) {

package/dist/esm/contexts/AddonContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useContext, useMemo, createContext } from 'react';
 import Empty from '../components/Empty.js';

package/dist/esm/contexts/ArticleContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
 import { useId, useMemo, useContext, createContext } from 'react';

package/dist/esm/contexts/ArticleListContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/BuilderComponent.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
 import { useContext, createContext } from 'react';

package/dist/esm/contexts/BuilderContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useContext, createContext, Suspense, Fragment } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useMemo, useContext, createContext, Suspense, Fragment } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/CartLineContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
 import { useContext, createContext } from 'react';

package/dist/esm/contexts/CollectionContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useMemo, useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/ModalContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/PageContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useMemo, useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/ProductContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useId, useMemo, useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/ProductListContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useContext, createContext } from 'react';
 import { useStore, createStore } from 'zustand';

package/dist/esm/contexts/SectionContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
 import { useContext, createContext } from 'react';

package/dist/esm/contexts/ShopContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { SWRConfig } from 'swr';
 import { useStore, createStore } from 'zustand';

package/dist/esm/helpers/filter-toolbar-preview.js

@@ -1,3 +1,4 @@
+'use client';
 import { Children } from 'react';
 import ComponentToolbarPreview from '../components/ComponentToolbarPreview.js';
 

package/dist/esm/helpers/interaction/index.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useMemo, useCallback } from 'react';
 import 'react/jsx-runtime';
 import 'zustand';

package/dist/esm/helpers/is-empty-children.js

@@ -1,3 +1,4 @@
+'use client';
 import { Children } from 'react';
 import ComponentToolbarPreview from '../components/ComponentToolbarPreview.js';
 

package/dist/esm/hooks/animation/useAnimationActions.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback } from 'react';
 
 const useAnimationActions = ()=>{

package/dist/esm/hooks/animation/useAnimationConfig.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo, useCallback } from 'react';
 import { useCurrentDevice } from '../use-current-device.js';
 

package/dist/esm/hooks/animation/useAnimationPreview.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback } from 'react';
 
 const useAnimationPreview = ({ props, playAnimation, cancelAnimation, setAnimationOnFinish, setToolbarActive })=>{

package/dist/esm/hooks/animation/useAnimationTarget.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback } from 'react';
 import { useAnimationConfig } from './useAnimationConfig.js';
 

package/dist/esm/hooks/animation/useApplyAnimation.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useEffect } from 'react';
 import { useAnimations } from '../useAnimations.js';
 import { useAnimationTarget } from './useAnimationTarget.js';

package/dist/esm/hooks/articles/useArticlesQuery.js

@@ -1,3 +1,4 @@
+'use client';
 import { ArticlesDocument } from '../../graphql/queries/articles.generated.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 import useSWR from 'swr';

package/dist/esm/hooks/cart/use-add-to-cart.js

@@ -1,3 +1,4 @@
+'use client';
 import { addToCartOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-cart-data.js

@@ -1,3 +1,4 @@
+'use client';
 import { getCartOperation } from '@gem-sdk/adapter-shopify';
 import useSWR from 'swr';
 import { useStoreFront } from '../shop.js';

package/dist/esm/hooks/cart/use-cart-discount-codes-update.js

@@ -1,3 +1,4 @@
+'use client';
 import { cartDiscountCodesUpdateOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-cart-note-update.js

@@ -1,3 +1,4 @@
+'use client';
 import { cartNoteUpdateOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-create-cart.js

@@ -1,3 +1,4 @@
+'use client';
 import { createCartOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-remove-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 import { removeCartItemOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-update-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 import { updateCartLineOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/shop/use-collection-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { getCollection } from '../../helpers/queries/get-collection.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';

package/dist/esm/hooks/shop/use-collections-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { getCollections } from '../../helpers/queries/get-collections.js';
 import { useFetchHandle } from '../useFetchHandle.js';

package/dist/esm/hooks/shop/use-product-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { getProduct } from '../../helpers/queries/get-product.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';

package/dist/esm/hooks/shop/use-products-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import useSWRInfinite from 'swr/infinite';
 import { getProducts, getProductQueryAll, getListProductByVariables } from '../../helpers/queries/get-products.js';

package/dist/esm/hooks/shop/useShopifyLink.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import { useShopStore } from '../../contexts/ShopContext.js';
 

package/dist/esm/hooks/shop.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import { useSWRConfig } from 'swr';
 import { useShopStore } from '../contexts/ShopContext.js';

package/dist/esm/hooks/use-current-device.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSyncExternalStore } from 'react';
 
 // Hàm debounce với TypeScript

package/dist/esm/hooks/use-lazy-video.js

@@ -1,3 +1,4 @@
+'use client';
 import { useEffect } from 'react';
 import LazyLoad from 'vanilla-lazyload';
 

package/dist/esm/hooks/useAnimations.js

@@ -1,3 +1,4 @@
+'use client';
 import { animations } from '../helpers/animations.js';
 import 'react';
 import 'react/jsx-runtime';

package/dist/esm/hooks/useCartId.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSyncExternalStore, useCallback, useMemo } from 'react';
 
 const cartKey = 'cart-id';

package/dist/esm/hooks/useCartLine.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCartLineStore } from '../contexts/CartLineContext.js';
 
 const useCartLine = ()=>{

package/dist/esm/hooks/useCartUI.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback } from 'react';
 import { create } from 'zustand';
 import { usePluginEnable } from './shop.js';

package/dist/esm/hooks/useCollection.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCollectionStore } from '../contexts/CollectionContext.js';
 
 const useCollection = ()=>{

package/dist/esm/hooks/useFetchHandle.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSWRConfig } from 'swr';
 
 const useFetchHandle = ()=>{

package/dist/esm/hooks/useFormatMoney.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMoneyFormat } from './shop.js';
 
 const shopifyPriceRounding = (amount, precision)=>{

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { ProductOptionNameDocument } from '../graphql/queries/product-value-label.generated.js';
 import { colorPreset } from '../components/src/product/helpers/variant-presets.js';

package/dist/esm/hooks/useInteraction.js

@@ -1,3 +1,4 @@
+'use client';
 import { usePageStore } from '../contexts/PageContext.js';
 
 const useInteraction = ()=>{

package/dist/esm/hooks/useIsomorphicLayoutEffect.js

@@ -1,3 +1,4 @@
+'use client';
 import { useLayoutEffect } from 'react';
 
 // const isBrowser = typeof window !== 'undefined';

package/dist/esm/hooks/useLoadScript.js

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from 'react';
 import { loadScript } from '../helpers/load-script.js';
 

package/dist/esm/hooks/useMoney.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import { useLocale, useCurrency } from './shop.js';
 

package/dist/esm/hooks/usePrevious.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useEffect } from 'react';
 
 const usePrevious = (value)=>{

package/dist/esm/hooks/useProduct.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useEffect, useMemo } from 'react';
 import { useProductStore } from '../contexts/ProductContext.js';
 import 'react/jsx-runtime';

package/dist/esm/hooks/useProductList.js

@@ -1,3 +1,4 @@
+'use client';
 import { useProductListStore } from '../contexts/ProductListContext.js';
 
 const useProductList = ()=>{

package/dist/esm/hooks/useSuspenseFetch.js

@@ -1,3 +1,4 @@
+'use client';
 const cache = new Map();
 const useSuspenseFetch = (key, promise)=>{
     const value = cache.get(key) || {

package/dist/esm/hooks/useSwatchesOptions.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSwatches } from './shop.js';
 
 const initialSwatchOptionValue = {

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -1,3 +1,4 @@
+'use client';
 import { postPurchaseRequiredElements, postPurchaseWrapElements } from '../components/constant.js';
 import { useShopStore } from '../contexts/ShopContext.js';
 

package/dist/types/index.d.ts

@@ -7290,6 +7290,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         mobileOnly?: boolean;
     };
     hide?: boolean;
+    dynamicSource?: true;
     ignoreReRender?: boolean;
     allowBackgroundImageAndVideo?: boolean;
     hideOnState?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.58.0-dev.20",
+  "version": "1.58.0-dev.25",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.58.0-dev.13",
-    "@gem-sdk/styles": "1.58.0-dev.17",
+    "@gem-sdk/styles": "1.58.0-dev.25",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {