@gem-sdk/pages 3.0.0-pre-production.0 → 3.0.0

package/dist/esm/pages/static.js

@@ -1,71 +1,2 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
-import { NextSeo } from 'next-seo';
-import Head from 'next/head';
-import { useRouter } from 'next/router';
-
-const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fontStyle })=>{
-    const router = useRouter();
-    if (router.isFallback) {
-        return /*#__PURE__*/ jsx("div", {
-            className: "gp-flex gp-h-[100vh] gp-items-center gp-justify-center",
-            children: /*#__PURE__*/ jsxs("div", {
-                className: "gp-flex gp-gap-2",
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"
-                    })
-                ]
-            })
-        });
-    }
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(NextSeo, {
-                ...seo
-            }),
-            /*#__PURE__*/ jsxs(Head, {
-                children: [
-                    themeStyle && /*#__PURE__*/ jsx("style", {
-                        "data-id": "global-style",
-                        type: "text/css",
-                        dangerouslySetInnerHTML: {
-                            __html: themeStyle
-                        }
-                    }),
-                    fontStyle && /*#__PURE__*/ jsx("style", {
-                        "data-id": "google-fonts",
-                        type: "text/css",
-                        dangerouslySetInnerHTML: {
-                            __html: fontStyle
-                        }
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(PageProvider, {
-                children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
-                    components: components,
-                    children: /*#__PURE__*/ jsx(SectionProvider, {
-                        data: sectionData,
-                        children: /*#__PURE__*/ jsx(Fragment, {
-                            children: builderData && /*#__PURE__*/ jsx(BuilderProvider, {
-                                state: builderData,
-                                children: /*#__PURE__*/ jsx(Render, {
-                                    uid: "ROOT"
-                                })
-                            }, "body")
-                        })
-                    })
-                })
-            })
-        ]
-    });
-};
-
-export { StaticPage as default };
+'use client';
+import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{PageProvider as s,BuilderComponentProvider as l,SectionProvider as n,BuilderProvider as r,Render as i}from"@gem-sdk/core";import{NextSeo as p}from"next-seo";import g from"next/head";import{useRouter as d}from"next/router";let StaticPage=({components:m,builderData:c,sectionData:o,seo:h,themeStyle:f,fontStyle:u})=>{let _=d();return _.isFallback?e("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:t("div",{className:"gp-flex gp-gap-2",children:[e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})}):t(a,{children:[e(p,{...h}),t(g,{children:[f&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:f}}),u&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:u}})]}),e(s,{children:e(l,{components:m,children:e(n,{data:o,children:e(a,{children:c&&e(r,{state:c,children:e(i,{uid:"ROOT"})},"body")})})})})]})};export{StaticPage as default};

package/dist/esm/store/libs-store.js

@@ -1,12 +1 @@
-import { create } from 'zustand';
-
-const libsStore = create((set)=>({
-        fontType: 'google',
-        changeFontType: (fontType)=>{
-            set({
-                fontType
-            });
-        }
-    }));
-
-export { libsStore };
+import{create as o}from"zustand";let libsStore=o(o=>({fontType:"google",changeFontType:e=>{o({fontType:e})}}));export{libsStore};

package/dist/types/index.d.ts

@@ -1,14 +1,13 @@
-import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, ProductOffer, PublicStoreFrontData, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment } from '@gem-sdk/core';
+import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, ProductOffer, AppAPIType, PublicStoreFrontData, CollectionQueryResponse, ProductSelectFragment, FetchFunc, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment, TypographyV2FontFamilyType } from '@gem-sdk/core';
 import { NextPage, GetStaticPaths } from 'next';
 import * as next_seo from 'next-seo';
 import { NextSeoProps } from 'next-seo';
 import { AppProps } from 'next/app';
 import { SWRConfig } from 'swr';
-import { OfferDynamicDiscount } from '@gem-sdk/core/src/types/appAPI';
+import * as React$1 from 'react';
+import React__default, { Component } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ShopMetaQueryResponse } from '@gem-sdk/adapter-shopify';
-import * as react from 'react';
-import { Component } from 'react';
 
 type PageBuilderProps = {
     seo?: NextSeoProps;
@@ -17,7 +16,7 @@ type PageBuilderProps = {
     themeStyle?: string | null;
     fontStyle?: string | null;
     elementFontStyle?: string[] | null;
-    swr?: React.ComponentProps<typeof SWRConfig>['value'];
+    swr?: React__default.ComponentProps<typeof SWRConfig>['value'];
     plugins?: string[];
     pageType?: ShopType.PublishedThemePageType;
     storefrontToken?: string | null;
@@ -43,6 +42,10 @@ type PageBuilderProps = {
     customFonts?: string | null;
     interaction?: ShopType.Maybe<Pick<ShopType.PublishedPageInteraction, 'id' | 'value'>>;
     timezone?: string;
+    pageBackground?: {
+        isUsePageBackground?: boolean;
+        background?: string;
+    };
 };
 type PageBuilderPropsV2 = {
     builderData?: {
@@ -53,21 +56,54 @@ type PageBuilderPropsV2 = {
     }[];
 } & Omit<PageBuilderProps, 'builderData'>;
 type AdditionalPageBuilderProps = {
-    components: Record<string, React.ComponentType<any>>;
+    components: Record<string, React__default.ComponentType<any>>;
 };
 type NextPageWithLayout<P = PageBuilderProps, IP = P> = NextPage<P, IP> & {
-    getLayout?: (page: React.ReactElement, pageProps?: any) => React.ReactNode;
+    getLayout?: (page: React__default.ReactElement, pageProps?: any) => React__default.ReactNode;
 };
 type AppPropsWithLayout<P = PageBuilderProps> = AppProps<P> & {
     Component: NextPageWithLayout;
 };
-
-type CollectionPageProps = PageBuilderProps & {
+type BuilderPageProps = {
+    components: Record<string, React__default.ComponentType<any>>;
+    seo?: NextSeoProps;
+    themeStyle?: string | null;
+    fontStyle?: string | null;
+    header?: BuilderState;
+    footer?: BuilderState;
+    sectionData?: Record<string, SectionData$1>;
+    storefrontToken?: string | null;
+    storefrontHandle?: string | null;
+    shopToken?: string | null;
+    mode?: RenderMode;
+    pageType: ShopType.PublishedThemePageType;
+    editorImageToLayout?: boolean;
+    isThemeSectionEditor?: boolean;
+    hiddenToolbar?: boolean;
+    pageName: string;
+    isOriginTemplate?: boolean;
+};
+type CollectionDetailPageProps = PageBuilderProps & {
     collection?: CollectionQueryResponse['collection'];
 };
-declare const CollectionDetailPage: React.FC<CollectionPageProps & AdditionalPageBuilderProps>;
+type PreviewPageProps = {
+    components: Record<string, React__default.ComponentType<any>>;
+    pageType: ShopType.PublishedThemePageType;
+};
+type ProductPageProps = PageBuilderProps & {
+    product?: ProductSelectFragment;
+};
+type StaticPagePropsV2 = PageBuilderPropsV2 & {
+    isPostPurchase?: boolean;
+    shopName?: string;
+    productOffers?: ProductOffer[];
+    dynamicDiscountOffer?: AppAPIType.OfferDynamicDiscount;
+    publicStoreFrontData?: PublicStoreFrontData | null;
+    isPreview?: boolean;
+    domain?: string;
+};
 
-declare const getCollectionProps: (fetcher: FetchFunc) => (handle?: string) => Promise<CollectionPageProps>;
+declare const getCollectionProps: (fetcher: FetchFunc) => (handle?: string) => Promise<CollectionDetailPageProps>;
 
 declare const getHomePageProps: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => () => Promise<PageBuilderProps>;
 
@@ -78,26 +114,10 @@ declare const getPreviewProps: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) =
 type Props$4 = Pick<PageBuilderProps, 'swr' | 'themeStyle' | 'seo' | 'currency' | 'locale' | 'swatches'>;
 declare const getBuilderProps: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => Promise<Props$4>;
 
-type ProductPageProps = PageBuilderProps & {
-    product?: ProductSelectFragment;
-};
-declare const ProductDetailPage: React.FC<ProductPageProps & AdditionalPageBuilderProps>;
-
 declare const getProductProps: (fetcher: FetchFunc) => (handle?: string) => Promise<ProductPageProps>;
 
 declare const getStaticPagePropsV2: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => (slug: string) => Promise<PageBuilderPropsV2>;
 
-type StaticPagePropsV2 = PageBuilderPropsV2 & {
-    isPostPurchase?: boolean;
-    shopName?: string;
-    productOffers?: ProductOffer[];
-    dynamicDiscountOffer?: OfferDynamicDiscount;
-    publicStoreFrontData?: PublicStoreFrontData | null;
-    isPreview?: boolean;
-    domain?: string;
-};
-declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
-
 declare const getPostPurchasePropsPreview: (fetcher: FetchFunc, librarySaleFunnelID?: string, storeFrontFetcher?: FetchFunc) => (data: {
     id: string;
     currentOfferID: string;
@@ -123,7 +143,7 @@ declare const usePagePreview: (dataBuilder: ThemePageQueryResponse['themePage'],
         mobileOnly: boolean;
         locale: string | null;
         languageIsoCode: ("ID" | "AF" | "AM" | "AR" | "AZ" | "BE" | "BG" | "BM" | "BN" | "BO" | "BR" | "BS" | "CA" | "CU" | "CY" | "DE" | "DZ" | "EE" | "ES" | "ET" | "FI" | "FO" | "FR" | "GA" | "GD" | "GL" | "HR" | "HU" | "IS" | "IT" | "KI" | "KM" | "KN" | "KW" | "KY" | "LA" | "LB" | "LT" | "LU" | "LV" | "MG" | "MK" | "ML" | "MN" | "MO" | "MR" | "MS" | "MT" | "MY" | "NE" | "NL" | "NO" | "OM" | "PA" | "PL" | "PS" | "PT" | "RO" | "RU" | "RW" | "SA" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SK" | "SL" | "SN" | "SO" | "SR" | "SV" | "TA" | "TG" | "TH" | "TK" | "TO" | "TR" | "TT" | "UG" | "UZ" | "AK" | "AS" | "CE" | "CKB" | "CS" | "DA" | "EL" | "EN" | "EO" | "EU" | "FA" | "FF" | "FIL" | "FY" | "GU" | "GV" | "HA" | "HE" | "HI" | "HY" | "IA" | "IG" | "II" | "JA" | "JV" | "KA" | "KK" | "KL" | "KO" | "KS" | "KU" | "LG" | "LN" | "LO" | "MI" | "NB" | "ND" | "NN" | "OR" | "OS" | "PT_BR" | "PT_PT" | "QU" | "RM" | "RN" | "SQ" | "SU" | "SW" | "TE" | "TI" | "UK" | "UR" | "VI" | "VO" | "WO" | "XH" | "YI" | "YO" | "ZH" | "ZH_CN" | "ZH_TW" | "ZU") | null;
-        countryIsoCode: ("ID" | "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AN" | "AO" | "AR" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MK" | "ML" | "MM" | "MN" | "MO" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PS" | "PT" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TA" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW" | "ZZ") | null;
+        countryIsoCode: ("ID" | "UA" | "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AN" | "AO" | "AR" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MK" | "ML" | "MM" | "MN" | "MO" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PS" | "PT" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TA" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW" | "ZZ") | null;
         moneyFormat: string | null;
         currency: ("AED" | "AFN" | "ALL" | "AMD" | "ANG" | "AOA" | "ARS" | "AUD" | "AWG" | "AZN" | "BAM" | "BBD" | "BDT" | "BGN" | "BHD" | "BIF" | "BMD" | "BND" | "BOB" | "BRL" | "BSD" | "BTN" | "BWP" | "BYN" | "BYR" | "BZD" | "CAD" | "CDF" | "CHF" | "CLP" | "CNY" | "COP" | "CRC" | "CVE" | "CZK" | "DJF" | "DKK" | "DOP" | "DZD" | "EGP" | "ERN" | "ETB" | "EUR" | "FJD" | "FKP" | "GBP" | "GEL" | "GHS" | "GIP" | "GMD" | "GNF" | "GTQ" | "GYD" | "HKD" | "HNL" | "HRK" | "HTG" | "HUF" | "IDR" | "ILS" | "INR" | "IQD" | "IRR" | "ISK" | "JEP" | "JMD" | "JOD" | "JPY" | "KES" | "KGS" | "KHR" | "KID" | "KMF" | "KRW" | "KWD" | "KYD" | "KZT" | "LAK" | "LBP" | "LKR" | "LRD" | "LSL" | "LTL" | "LVL" | "LYD" | "MAD" | "MDL" | "MGA" | "MKD" | "MMK" | "MNT" | "MOP" | "MRU" | "MUR" | "MVR" | "MWK" | "MXN" | "MYR" | "MZN" | "NAD" | "NGN" | "NIO" | "NOK" | "NPR" | "NZD" | "OMR" | "PAB" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PYG" | "QAR" | "RON" | "RSD" | "RUB" | "RWF" | "SAR" | "SBD" | "SCR" | "SDG" | "SEK" | "SGD" | "SHP" | "SLL" | "SOS" | "SRD" | "SSP" | "STD" | "STN" | "SYP" | "SZL" | "THB" | "TJS" | "TMT" | "TND" | "TOP" | "TRY" | "TTD" | "TWD" | "TZS" | "UAH" | "UGX" | "USD" | "UYU" | "UZS" | "VED" | "VEF" | "VES" | "VND" | "VUV" | "WST" | "XAF" | "XCD" | "XOF" | "XPF" | "XXX" | "YER" | "ZAR" | "ZMW") | null;
         swatches: any;
@@ -168,40 +188,8 @@ type RetryConfig = {
 };
 declare const retryWithDelay: <T = unknown>(fn: () => T, config?: RetryConfig) => Promise<T>;
 
-type PreviewPageProps = {
-    components: Record<string, React.ComponentType<any>>;
-    pageType: ShopType.PublishedThemePageType;
-};
-declare const PreviewPage: React.FC<PreviewPageProps>;
-
-type StaticPageProps = PageBuilderProps;
-declare const StaticPage: React.FC<StaticPageProps & AdditionalPageBuilderProps>;
-
-type BuilderPageProps = {
-    components: Record<string, React.ComponentType<any>>;
-    seo?: NextSeoProps;
-    themeStyle?: string | null;
-    fontStyle?: string | null;
-    header?: BuilderState;
-    footer?: BuilderState;
-    sectionData?: Record<string, SectionData$1>;
-    storefrontToken?: string | null;
-    storefrontHandle?: string | null;
-    shopToken?: string | null;
-    mode?: RenderMode;
-    pageType: ShopType.PublishedThemePageType;
-    editorImageToLayout?: boolean;
-    isThemeSectionEditor?: boolean;
-    hiddenToolbar?: boolean;
-    pageName: string;
-    isOriginTemplate?: boolean;
-};
-declare const BuilderPage: React.FC<BuilderPageProps>;
-
 declare const getStaticPaths: GetStaticPaths;
 
-type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
-
 type FontType = 'bunny' | 'google';
 
 type FontItem = {
@@ -240,7 +228,7 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryS
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     reset: () => void;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): string | number | boolean | Iterable<react.ReactNode> | react.PromiseLikeOfReactNode | react_jsx_runtime.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<React$1.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 }
 
 type Props$3 = {
@@ -268,6 +256,16 @@ type Props = {
 };
 declare const TikTokPixel: ({ pixelId }: Props) => react_jsx_runtime.JSX.Element | null;
 
-declare const parseHtml: (key: string, html?: string | null, isHead?: boolean) => string | JSX.Element | JSX.Element[] | undefined;
+declare const CollectionDetailPage: React.FC<CollectionDetailPageProps & AdditionalPageBuilderProps>;
+
+declare const PreviewPage: React.FC<PreviewPageProps>;
+
+declare const ProductDetailPage: React.FC<ProductPageProps & AdditionalPageBuilderProps>;
+
+declare const StaticPage: React.FC<PageBuilderProps & AdditionalPageBuilderProps>;
+
+declare const BuilderPage: React.FC<BuilderPageProps>;
+
+declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
 
-export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, CollectionPageProps, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PreviewPage, ProductDetailPage, ProductPageProps, StaticPage, StaticPageProps, StaticPagePropsV2, StaticPageV2, TikTokPixel, createAppAPIFetcher, createFetcher, createShopifyFetcher, genCSS, getBuilderProps, getCollectionProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPostPurchasePropsPreview, getPreviewProps, getProductProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, parseHtml, retryWithDelay, usePagePreview, useTrackingView };
+export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PageBuilderPropsV2, PreviewPage, ProductDetailPage, StaticPage, StaticPagePropsV2, StaticPageV2, TikTokPixel, createAppAPIFetcher, createFetcher, createShopifyFetcher, genCSS, getBuilderProps, getCollectionProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPostPurchasePropsPreview, getPreviewProps, getProductProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, usePagePreview, useTrackingView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "3.0.0-pre-production.0",
+  "version": "3.0.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -23,16 +23,16 @@
     "deepmerge": "4.3.1",
     "html-react-parser": "3.0.15",
     "next-seo": "^6.0.0",
-    "next": "latest"
+    "next": "14.2.20"
   },
   "devDependencies": {
-    "@gem-sdk/core": "3.0.0-pre-production.0",
-    "@gem-sdk/plugin-cookie-bar": "3.0.0-pre-production.0",
-    "@gem-sdk/plugin-quick-view": "3.0.0-pre-production.0",
-    "@gem-sdk/plugin-sticky-add-to-cart": "3.0.0-pre-production.0"
+    "@gem-sdk/core": "3.0.0",
+    "@gem-sdk/plugin-cookie-bar": "3.0.0",
+    "@gem-sdk/plugin-quick-view": "3.0.0",
+    "@gem-sdk/plugin-sticky-add-to-cart": "3.0.0"
   },
   "peerDependencies": {
-    "next": ">=13"
+    "next": ">=14"
   },
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/dist/cjs/components/builder/InteractionSelectOnPageHeader.js

@@ -1,192 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var react = require('react');
-
-const InteractionSelectOnPageHeader = ()=>{
-    const selectType = core.usePageStore((s)=>s.interactionData?.selectType);
-    const settingType = core.usePageStore((s)=>s.interactionData?.settingType);
-    const setInteractionSelectType = core.usePageStore((s)=>s.setInteractionSelectType);
-    const { closeSelectOnPage, changeSelectMode } = core.useInteraction();
-    const [hoverOption, setHoverOption] = react.useState(null);
-    const [openDropdown, setOpenDropdown] = react.useState(false);
-    const popupRef = react.useRef(null);
-    const isSelectOnPage = core.usePageStore((s)=>s.interactionData?.isSelectOnPage);
-    const handleSetInteraction = (type)=>{
-        setOpenDropdown(false);
-        setInteractionSelectType(type);
-        changeSelectMode(type);
-        if (type == 'PAGE') closeSelectOnPage();
-    };
-    const handleClickOutside = react.useCallback((event)=>{
-        if (!openDropdown) return;
-        if (popupRef.current && !popupRef.current.contains(event.target)) {
-            setOpenDropdown(false);
-        }
-    }, [
-        openDropdown
-    ]);
-    react.useEffect(()=>{
-        document.addEventListener('mousedown', handleClickOutside);
-        return ()=>{
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [
-        handleClickOutside
-    ]);
-    const isShowOverlay = react.useMemo(()=>{
-        return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE') && settingType === 'TRIGGER';
-    }, [
-        hoverOption,
-        selectType
-    ]);
-    const title = react.useMemo(()=>{
-        const type = selectType === 'ELEMENT' ? 'an element' : 'entire page';
-        if (settingType === 'TRIGGER') return `Start with triggering  ${type}`;
-        return `Set ${selectType === 'ELEMENT' ? 'an element' : 'entire page'} as target`;
-    }, [
-        selectType,
-        settingType
-    ]);
-    const renderIconCheckSvg = ()=>{
-        return /*#__PURE__*/ jsxRuntime.jsx("div", {
-            className: "gp-w-[21px]",
-            children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                width: "21",
-                height: "20",
-                viewBox: "0 0 21 20",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                    fillRule: "evenodd",
-                    clipRule: "evenodd",
-                    d: "M16.3415 5.1766C16.5528 5.41207 16.5528 5.79383 16.3415 6.0293L8.45016 14.8234C8.34869 14.9365 8.21107 15 8.06757 15C7.92408 15 7.78645 14.9365 7.68499 14.8234L4.65846 11.4505C4.44717 11.215 4.44718 10.8333 4.65848 10.5978C4.86978 10.3623 5.21236 10.3623 5.42365 10.5978L8.06759 13.5443L15.5764 5.1766C15.7877 4.94113 16.1302 4.94113 16.3415 5.1766Z",
-                    fill: "#00C853"
-                })
-            })
-        });
-    };
-    if (!isSelectOnPage) return null;
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("header", {
-                className: "gp-flex gp-text-[12px] gp-justify-center gp-items-center gp-h-10 gp-fixed gp-top-0 gp-left-0 gp-w-full gp-z-[1000] gp-bg-[#151515] gp-text-white interaction-select-mode-header",
-                children: /*#__PURE__*/ jsxRuntime.jsxs("section", {
-                    className: "gp-flex gp-bg-[#151515]/[0.15] gp-items-center gp-h-full gp-rounded-b-lg gp-pt-1 gp-gap-2",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                            className: "gp-relative",
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsxs("button", {
-                                    className: `gp-h-full hover:gp-bg-[#7190FF] gp-w-[280px] gp-gap-2 gp-py-2 gp-px-4 gp-items-center gp-justify-center gp-leading-5 gp-font-medium  gp-flex gp-rounded-b-[8px] gp-bg-[#3C67FF] gp-text-[#F9F9F9]`,
-                                    onClick: ()=>setOpenDropdown((prev)=>!prev),
-                                    children: [
-                                        /*#__PURE__*/ jsxRuntime.jsx("p", {
-                                            className: "gp-grow",
-                                            children: title
-                                        }),
-                                        settingType === 'TRIGGER' && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                            className: "gp-w-[21px]",
-                                            children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 16 16",
-                                                fill: "currentColor",
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                                    fillRule: "evenodd",
-                                                    clipRule: "evenodd",
-                                                    d: "M4.13017 6.11716C4.30374 5.96095 4.58515 5.96095 4.75871 6.11716L8 9.03431L11.2413 6.11716C11.4149 5.96095 11.6963 5.96095 11.8698 6.11716C12.0434 6.27337 12.0434 6.52663 11.8698 6.68284L8.31427 9.88284C8.1407 10.0391 7.8593 10.0391 7.68573 9.88284L4.13017 6.68284C3.95661 6.52663 3.95661 6.27337 4.13017 6.11716Z",
-                                                    fill: "currentColor"
-                                                })
-                                            })
-                                        })
-                                    ]
-                                }),
-                                openDropdown && settingType === 'TRIGGER' && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                    ref: popupRef,
-                                    className: "gp-p-2 gp-flex gp-flex-col gp-absolute gp-top-[calc(100%_+_4px)] gp-w-[280px] gp-bg-[#151515] gp-rounded-xl gp-text-white",
-                                    children: [
-                                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                            className: "gp-p-2 gp-flex gp-gap-2 gp-cursor-pointer hover:gp-bg-[#3b3b3b] gp-rounded-lg",
-                                            "aria-hidden": true,
-                                            onClick: ()=>handleSetInteraction('ELEMENT'),
-                                            onMouseOver: ()=>setHoverOption('ELEMENT'),
-                                            onFocus: ()=>setHoverOption('ELEMENT'),
-                                            onMouseLeave: ()=>setHoverOption(null),
-                                            children: [
-                                                selectType === 'ELEMENT' ? renderIconCheckSvg() : /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                                    className: "gp-w-[21px]",
-                                                    children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                                                        width: "18",
-                                                        height: "18",
-                                                        viewBox: "0 0 18 18",
-                                                        fill: "none",
-                                                        xmlns: "http://www.w3.org/2000/svg",
-                                                        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                                            fillRule: "evenodd",
-                                                            clipRule: "evenodd",
-                                                            d: "M8.99983 0.351562C9.34501 0.351562 9.62483 0.631385 9.62483 0.976562V2.15278C12.923 2.45 15.5496 5.07654 15.8468 8.37476H17.0233C17.3684 8.37476 17.6483 8.65458 17.6483 8.99976C17.6483 9.34493 17.3684 9.62476 17.0233 9.62476H15.8468C15.5496 12.923 12.923 15.5495 9.62483 15.8467V17.0232C9.62483 17.3683 9.34501 17.6482 8.99983 17.6482C8.65465 17.6482 8.37483 17.3683 8.37483 17.0232V15.8467C5.07662 15.5495 2.45007 12.923 2.15286 9.62476H0.976562C0.631385 9.62476 0.351562 9.34493 0.351562 8.99976C0.351562 8.65458 0.631385 8.37476 0.976562 8.37476H2.15286C2.45007 5.07654 5.07662 2.45 8.37483 2.15278V0.976562C8.37483 0.631385 8.65465 0.351562 8.99983 0.351562ZM3.40916 9.62476H5.97656C6.32174 9.62476 6.60156 9.34493 6.60156 8.99976C6.60156 8.65458 6.32174 8.37476 5.97656 8.37476H3.40916C3.69738 5.7675 5.76757 3.6973 8.37483 3.40909V5.97656C8.37483 6.32174 8.65465 6.60156 8.99983 6.60156C9.34501 6.60156 9.62483 6.32174 9.62483 5.97656V3.40909C12.2321 3.6973 14.3023 5.7675 14.5905 8.37476H12.0233C11.6781 8.37476 11.3983 8.65458 11.3983 8.99976C11.3983 9.34493 11.6781 9.62476 12.0233 9.62476H14.5905C14.3023 12.232 12.2321 14.3022 9.62483 14.5904V12.0232C9.62483 11.678 9.34501 11.3982 8.99983 11.3982C8.65465 11.3982 8.37483 11.678 8.37483 12.0232V14.5904C5.76757 14.3022 3.69738 12.232 3.40916 9.62476Z",
-                                                            fill: "#AAAAAA"
-                                                        })
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsxRuntime.jsx("p", {
-                                                    className: "gp-h-[21px]",
-                                                    children: "An element"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                            className: "gp-p-2 gp-flex gp-gap-2 gp-cursor-pointer hover:gp-bg-[#3b3b3b] gp-rounded-lg",
-                                            onClick: ()=>handleSetInteraction('PAGE'),
-                                            onMouseOver: ()=>setHoverOption('PAGE'),
-                                            onFocus: ()=>setHoverOption('PAGE'),
-                                            onMouseLeave: ()=>setHoverOption(null),
-                                            "aria-hidden": true,
-                                            children: [
-                                                selectType === 'PAGE' ? renderIconCheckSvg() : /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                                                    width: "21",
-                                                    height: "20",
-                                                    viewBox: "0 0 21 20",
-                                                    fill: "none",
-                                                    xmlns: "http://www.w3.org/2000/svg",
-                                                    children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                                        fillRule: "evenodd",
-                                                        clipRule: "evenodd",
-                                                        d: "M7.25 4.5C6.55964 4.5 6 5.05964 6 5.75V14.25C6 14.9404 6.55964 15.5 7.25 15.5H13.75C14.4404 15.5 15 14.9404 15 14.25V9.5H11.75C10.7835 9.5 10 8.7165 10 7.75V4.5H7.25ZM11.5 5.56066L13.9393 8H11.75C11.6119 8 11.5 7.88807 11.5 7.75V5.56066ZM4.5 5.75C4.5 4.23122 5.73122 3 7.25 3H10.75C10.9489 3 11.1397 3.07902 11.2803 3.21967L16.2803 8.21967C16.421 8.36032 16.5 8.55109 16.5 8.75V14.25C16.5 15.7688 15.2688 17 13.75 17H7.25C5.73122 17 4.5 15.7688 4.5 14.25V5.75Z",
-                                                        fill: "#AAAAAA"
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsxRuntime.jsx("p", {
-                                                    className: "gp-h-[21px]",
-                                                    children: "Entire page"
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsxRuntime.jsx("button", {
-                            className: "",
-                            onClick: closeSelectOnPage,
-                            children: "Cancel"
-                        })
-                    ]
-                })
-            }),
-            isShowOverlay && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: `gp-w-full gp-fixed gp-top-0 gp-left-0 gp-mt-[40px] gp-z-[999] gp-bg-[#3c67ff]/[0.25] gp-pointer-events-none`,
-                style: {
-                    height: 'calc(100% - 40px)'
-                }
-            })
-        ]
-    });
-};
-
-exports.default = InteractionSelectOnPageHeader;

package/dist/cjs/libs/helpers/gen-favicon.js

@@ -1,22 +0,0 @@
-'use strict';
-
-const genResizeFaviconUrl = (faviconUrl, size)=>{
-    if (!faviconUrl) {
-        return '/favicon/favicon-32x32.png';
-    }
-    const urlParts = faviconUrl.split('.');
-    const extension = urlParts.pop();
-    if ([
-        'jpg',
-        'jpeg',
-        'png',
-        'gif',
-        'webp',
-        'ico'
-    ].includes(extension?.toLocaleLowerCase())) {
-        return `${urlParts.join('.')}_x${size}.${extension}`;
-    }
-    return faviconUrl;
-};
-
-exports.genResizeFaviconUrl = genResizeFaviconUrl;