@gem-sdk/core 1.22.31-staging.1 → 1.23.0

package/dist/cjs/index.js

@@ -83,7 +83,6 @@ var useProduct = require('./hooks/useProduct.js');
 var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
 var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
-var useInitialSwatchesOptions = require('./hooks/useInitialSwatchesOptions.js');
 var shop$1 = require('./types/shop.js');
 var globalStyle = require('./types/global-style.js');
 var getCollection = require('./helpers/queries/get-collection.js');
@@ -285,7 +284,6 @@ exports.useProductListSettings = useProductList.useProductListSettings;
 exports.useProductListStyles = useProductList.useProductListStyles;
 exports.useSuspenseFetch = useSuspenseFetch.default;
 exports.useSwatchesOptions = useSwatchesOptions.default;
-exports.useInitialSwatchesOptions = useInitialSwatchesOptions.default;
 exports.ShopType = shop$1;
 exports.OptionNormalStyle = globalStyle.OptionNormalStyle;
 exports.OptionSpecialStyle = globalStyle.OptionSpecialStyle;

package/dist/esm/index.js

@@ -84,7 +84,6 @@ export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantIn
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
 export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';
-export { default as useInitialSwatchesOptions } from './hooks/useInitialSwatchesOptions.js';
 import * as shop from './types/shop.js';
 export { shop as ShopType };
 export { OptionNormalStyle, OptionSpecialStyle } from './types/global-style.js';

package/dist/types/index.d.ts

@@ -9732,8 +9732,6 @@ declare const useSuspenseFetch: <T>(key: string | any[], promise: () => Promise<
 
 declare const useSwatchesOptions: (options?: ProductOption[]) => ProductOption[];
 
-declare const useInitialSwatchesOptions: (options?: ProductOption[]) => never[] | undefined;
-
 type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' | 'handle' | 'isMobile' | 'sectionPosition'> & {
     pageSections?: Maybe<Array<Maybe<Pick<PublishedPageSection, 'cid' | 'component' | 'id'>>>>;
     themePageCustomSections?: Maybe<Array<Maybe<Pick<PublishedCustomSection, 'cid' | 'component' | 'id' | 'type'>>>>;
@@ -9745,4 +9743,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, 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, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, 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, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.22.31-staging.1",
+  "version": "1.23.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -24,8 +24,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.22.31-staging.1",
-    "@gem-sdk/styles": "1.22.31-staging.1"
+    "@gem-sdk/adapter-shopify": "1.23.0",
+    "@gem-sdk/styles": "1.23.0"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",

package/dist/cjs/components/src/product/helpers/variant-presets.js

@@ -1,56 +0,0 @@
-'use strict';
-
-const colorPreset = {
-    black: '#000000',
-    white: '#FFFFFF',
-    gray: '#808080',
-    red: '#FF0000',
-    blue: '#0000FF',
-    green: '#008000',
-    yellow: '#FFFF00',
-    orange: '#FFA500',
-    pink: '#FFC0CB',
-    purple: '#800080',
-    brown: '#A52A2A',
-    cyan: '#00FFFF',
-    magenta: '#FF00FF',
-    teal: '#008080',
-    navy: '#000080',
-    maroon: '#800000',
-    gold: '#FFD700',
-    silver: '#C0C0C0',
-    beige: '#F5F5DC',
-    ivory: '#FFFFF0',
-    lavender: '#E6E6FA',
-    indigo: '#4B0082',
-    coral: '#FF7F50',
-    mint: '#98FF98',
-    'sky blue': '#87CEEB',
-    salmon: '#FA8072',
-    olive: '#808000',
-    lilac: '#C8A2C8',
-    peach: '#FFDAB9',
-    turquoise: '#40E0D0',
-    ruby: '#E0115F',
-    bronze: '#CD7F32',
-    slate: '#708090',
-    charcoal: '#36454F',
-    sand: '#C2B280',
-    mauve: '#E0B0FF',
-    tangerine: '#FF4500',
-    'mint green': '#00FF99',
-    'forest green': '#228B22',
-    'ruby red': '#9B111E',
-    marigold: '#FFB928',
-    eggplant: '#990066',
-    'coral pink': '#F88379',
-    mustard: '#FFDB58',
-    'sky gray': '#B0C4DE',
-    'dusty rose': '#FF9BAE',
-    'olive green': '#556B2F',
-    coffee: '#6F4E37',
-    'lilac gray': '#C8A2C8',
-    'steel blue': '#4682B4'
-};
-
-exports.colorPreset = colorPreset;

package/dist/cjs/graphql/queries/product-value-label.generated.js

@@ -1,11 +0,0 @@
-'use strict';
-
-const ProductOptionNameDocument = `
-  query productOptionName($limit: Int, $offset: Int) {
-    productOptionName(
-      limit: $limit,
-      offset: $offset
-    )
-  }`;
-
-exports.ProductOptionNameDocument = ProductOptionNameDocument;

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -1,111 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var useSWR = require('swr');
-var productValueLabel_generated = require('../graphql/queries/product-value-label.generated.js');
-var variantPresets = require('../components/src/product/helpers/variant-presets.js');
-var shop = require('./shop.js');
-var useFetchHandle = require('./useFetchHandle.js');
-var ShopContext = require('../contexts/ShopContext.js');
-
-let swatchChange = false;
-let colorChange = false;
-const useInitialSwatchesOptions = (options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const changeSwatches = ShopContext.useShopStore((s)=>s.changeSwatches);
-    const { swatches } = shop.useSwatches();
-    const { data: productOptionName } = useSWR([
-        '/query/productOptionName',
-        {}
-    ], async ()=>fetchProductValueLabel(fetcher), {
-        revalidateOnMount: true
-    });
-    const swatchesTitleList = [];
-    swatches?.forEach((el)=>{
-        swatchesTitleList.push(el.optionTitle);
-    });
-    productOptionName?.productOptionName?.forEach((el)=>{
-        if (!swatchesTitleList.includes(el)) {
-            swatchChange = true;
-            swatches?.push({
-                optionTitle: el,
-                optionType: 'rectangle_list',
-                optionValues: []
-            });
-        }
-    });
-    if (!options) return [];
-    setDefaultSwatches(swatches, options);
-    if (swatches?.length && (swatchChange || colorChange)) {
-        window?.parent?.postMessage?.(JSON.stringify({
-            type: 'update-swatches',
-            swatches
-        }), '*');
-        changeSwatches(swatches);
-    }
-};
-const getColorDefault = (label, color)=>{
-    const colorByLabel = label ? variantPresets.colorPreset[label.toLocaleLowerCase()] : undefined;
-    const colorArray = colorByLabel ? [
-        colorByLabel
-    ] : [];
-    const firstColor = color?.[0];
-    if (!firstColor && colorArray.length) colorChange = true;
-    return firstColor ? [
-        firstColor
-    ] : colorArray;
-};
-const getProductOptionsLabelByName = (options, name)=>{
-    const labels = [];
-    const optionByName = options.find((op)=>op.name === name);
-    optionByName?.values.forEach((val)=>{
-        labels.push(val.label ?? '');
-    });
-    return labels;
-};
-const getSwatchesOptionsLabel = (options)=>{
-    const labels = [];
-    options.forEach((op)=>{
-        labels.push(op.label ?? '');
-        return;
-    });
-    return labels;
-};
-const setDefaultSwatches = (swatches, options)=>{
-    if (swatches) {
-        swatches?.map((sw)=>{
-            const productLabels = getProductOptionsLabelByName(options, sw.optionTitle);
-            const swLabels = getSwatchesOptionsLabel(sw.optionValues);
-            productLabels.forEach((label)=>{
-                if (!swLabels.includes(label)) {
-                    sw.optionValues.push({
-                        label,
-                        colors: getColorDefault(label),
-                        imageUrl: ''
-                    });
-                }
-            });
-            sw.optionValues.map((op)=>{
-                return {
-                    ...op,
-                    colors: getColorDefault(op.label, op.colors)
-                };
-            });
-        });
-    }
-    return swatches;
-};
-const fetchProductValueLabel = async (fetcher)=>{
-    const initVariables = {};
-    const query = async (variables)=>{
-        const response = await fetcher([
-            productValueLabel_generated.ProductOptionNameDocument,
-            variables
-        ]);
-        return response;
-    };
-    return query(initVariables);
-};
-
-exports.default = useInitialSwatchesOptions;

package/dist/esm/components/src/product/helpers/variant-presets.js

@@ -1,54 +0,0 @@
-const colorPreset = {
-    black: '#000000',
-    white: '#FFFFFF',
-    gray: '#808080',
-    red: '#FF0000',
-    blue: '#0000FF',
-    green: '#008000',
-    yellow: '#FFFF00',
-    orange: '#FFA500',
-    pink: '#FFC0CB',
-    purple: '#800080',
-    brown: '#A52A2A',
-    cyan: '#00FFFF',
-    magenta: '#FF00FF',
-    teal: '#008080',
-    navy: '#000080',
-    maroon: '#800000',
-    gold: '#FFD700',
-    silver: '#C0C0C0',
-    beige: '#F5F5DC',
-    ivory: '#FFFFF0',
-    lavender: '#E6E6FA',
-    indigo: '#4B0082',
-    coral: '#FF7F50',
-    mint: '#98FF98',
-    'sky blue': '#87CEEB',
-    salmon: '#FA8072',
-    olive: '#808000',
-    lilac: '#C8A2C8',
-    peach: '#FFDAB9',
-    turquoise: '#40E0D0',
-    ruby: '#E0115F',
-    bronze: '#CD7F32',
-    slate: '#708090',
-    charcoal: '#36454F',
-    sand: '#C2B280',
-    mauve: '#E0B0FF',
-    tangerine: '#FF4500',
-    'mint green': '#00FF99',
-    'forest green': '#228B22',
-    'ruby red': '#9B111E',
-    marigold: '#FFB928',
-    eggplant: '#990066',
-    'coral pink': '#F88379',
-    mustard: '#FFDB58',
-    'sky gray': '#B0C4DE',
-    'dusty rose': '#FF9BAE',
-    'olive green': '#556B2F',
-    coffee: '#6F4E37',
-    'lilac gray': '#C8A2C8',
-    'steel blue': '#4682B4'
-};
-
-export { colorPreset };

package/dist/esm/graphql/queries/product-value-label.generated.js

@@ -1,9 +0,0 @@
-const ProductOptionNameDocument = `
-  query productOptionName($limit: Int, $offset: Int) {
-    productOptionName(
-      limit: $limit,
-      offset: $offset
-    )
-  }`;
-
-export { ProductOptionNameDocument };

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -1,107 +0,0 @@
-import useSWR from 'swr';
-import { ProductOptionNameDocument } from '../graphql/queries/product-value-label.generated.js';
-import { colorPreset } from '../components/src/product/helpers/variant-presets.js';
-import { useSwatches } from './shop.js';
-import { useFetchHandle } from './useFetchHandle.js';
-import { useShopStore } from '../contexts/ShopContext.js';
-
-let swatchChange = false;
-let colorChange = false;
-const useInitialSwatchesOptions = (options)=>{
-    const fetcher = useFetchHandle();
-    const changeSwatches = useShopStore((s)=>s.changeSwatches);
-    const { swatches } = useSwatches();
-    const { data: productOptionName } = useSWR([
-        '/query/productOptionName',
-        {}
-    ], async ()=>fetchProductValueLabel(fetcher), {
-        revalidateOnMount: true
-    });
-    const swatchesTitleList = [];
-    swatches?.forEach((el)=>{
-        swatchesTitleList.push(el.optionTitle);
-    });
-    productOptionName?.productOptionName?.forEach((el)=>{
-        if (!swatchesTitleList.includes(el)) {
-            swatchChange = true;
-            swatches?.push({
-                optionTitle: el,
-                optionType: 'rectangle_list',
-                optionValues: []
-            });
-        }
-    });
-    if (!options) return [];
-    setDefaultSwatches(swatches, options);
-    if (swatches?.length && (swatchChange || colorChange)) {
-        window?.parent?.postMessage?.(JSON.stringify({
-            type: 'update-swatches',
-            swatches
-        }), '*');
-        changeSwatches(swatches);
-    }
-};
-const getColorDefault = (label, color)=>{
-    const colorByLabel = label ? colorPreset[label.toLocaleLowerCase()] : undefined;
-    const colorArray = colorByLabel ? [
-        colorByLabel
-    ] : [];
-    const firstColor = color?.[0];
-    if (!firstColor && colorArray.length) colorChange = true;
-    return firstColor ? [
-        firstColor
-    ] : colorArray;
-};
-const getProductOptionsLabelByName = (options, name)=>{
-    const labels = [];
-    const optionByName = options.find((op)=>op.name === name);
-    optionByName?.values.forEach((val)=>{
-        labels.push(val.label ?? '');
-    });
-    return labels;
-};
-const getSwatchesOptionsLabel = (options)=>{
-    const labels = [];
-    options.forEach((op)=>{
-        labels.push(op.label ?? '');
-        return;
-    });
-    return labels;
-};
-const setDefaultSwatches = (swatches, options)=>{
-    if (swatches) {
-        swatches?.map((sw)=>{
-            const productLabels = getProductOptionsLabelByName(options, sw.optionTitle);
-            const swLabels = getSwatchesOptionsLabel(sw.optionValues);
-            productLabels.forEach((label)=>{
-                if (!swLabels.includes(label)) {
-                    sw.optionValues.push({
-                        label,
-                        colors: getColorDefault(label),
-                        imageUrl: ''
-                    });
-                }
-            });
-            sw.optionValues.map((op)=>{
-                return {
-                    ...op,
-                    colors: getColorDefault(op.label, op.colors)
-                };
-            });
-        });
-    }
-    return swatches;
-};
-const fetchProductValueLabel = async (fetcher)=>{
-    const initVariables = {};
-    const query = async (variables)=>{
-        const response = await fetcher([
-            ProductOptionNameDocument,
-            variables
-        ]);
-        return response;
-    };
-    return query(initVariables);
-};
-
-export { useInitialSwatchesOptions as default };