@gem-sdk/pages 1.63.19 → 2.0.0-dev.161

package/dist/types/index.d.ts

@@ -40,7 +40,12 @@ type PageBuilderProps = {
     customCodeBody?: string | null;
     isStorefront?: boolean;
     customFonts?: string | null;
-    interaction?: ShopType.Maybe<Pick<ShopType.PublishedPageInteraction, "id" | "value">>;
+    interaction?: ShopType.Maybe<Pick<ShopType.PublishedPageInteraction, 'id' | 'value'>>;
+    pageBackground?: {
+        isUsePageBackground?: boolean;
+        background?: string;
+    };
+    timezone?: string;
 };
 type PageBuilderPropsV2 = {
     builderData?: {
@@ -118,7 +123,7 @@ declare const usePagePreview: (dataBuilder: ThemePageQueryResponse['themePage'],
     pageConfig: {
         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;
+        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" | "LB" | "LT" | "LU" | "LV" | "MG" | "MK" | "ML" | "MN" | "MR" | "MS" | "MT" | "MY" | "NE" | "NL" | "NO" | "OM" | "PA" | "PL" | "PS" | "PT" | "RO" | "RU" | "RW" | "SD" | "SE" | "SG" | "SI" | "SK" | "SL" | "SN" | "SO" | "SR" | "SV" | "TA" | "TG" | "TH" | "TK" | "TO" | "TR" | "TT" | "UG" | "UZ" | "AK" | "AS" | "CE" | "CS" | "DA" | "EL" | "EN" | "EO" | "EU" | "FA" | "FF" | "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;
         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;
@@ -157,36 +162,6 @@ 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';
@@ -257,6 +232,34 @@ 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;
+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>;
 
-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, CollectionPageProps, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PageBuilderPropsV2, 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, retryWithDelay, usePagePreview, useTrackingView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.63.19",
+  "version": "2.0.0-dev.161",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,10 +26,10 @@
     "next": "latest"
   },
   "devDependencies": {
-    "@gem-sdk/core": "1.63.17",
-    "@gem-sdk/plugin-cookie-bar": "1.58.0",
-    "@gem-sdk/plugin-quick-view": "1.58.0",
-    "@gem-sdk/plugin-sticky-add-to-cart": "1.58.0"
+    "@gem-sdk/core": "2.0.0-dev.160",
+    "@gem-sdk/plugin-cookie-bar": "1.58.0-dev.142",
+    "@gem-sdk/plugin-quick-view": "1.58.0-dev.142",
+    "@gem-sdk/plugin-sticky-add-to-cart": "1.58.0-dev.142"
   },
   "peerDependencies": {
     "next": ">=13"

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

@@ -1,191 +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"
-                })
-            })
-        });
-    };
-    return isSelectOnPage && /*#__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/sentry.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var nextjs = require('@sentry/nextjs');
-
-const sentryCaptureException = (funcName, message, data, options)=>{
-    nextjs.withScope((scope)=>{
-        scope.setLevel(options?.level ?? 'log');
-        if (options?.tag) {
-            scope.setTag(options?.tag.key, options?.tag.value);
-        }
-        scope.setExtra('function', funcName);
-        scope.setExtra('data', JSON.stringify(data));
-        nextjs.captureMessage(`${funcName}: ${message}`);
-    });
-};
-
-exports.sentryCaptureException = sentryCaptureException;

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

@@ -1,187 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { usePageStore, useInteraction } from '@gem-sdk/core';
-import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
-
-const InteractionSelectOnPageHeader = ()=>{
-    const selectType = usePageStore((s)=>s.interactionData?.selectType);
-    const settingType = usePageStore((s)=>s.interactionData?.settingType);
-    const setInteractionSelectType = usePageStore((s)=>s.setInteractionSelectType);
-    const { closeSelectOnPage, changeSelectMode } = useInteraction();
-    const [hoverOption, setHoverOption] = useState(null);
-    const [openDropdown, setOpenDropdown] = useState(false);
-    const popupRef = useRef(null);
-    const isSelectOnPage = usePageStore((s)=>s.interactionData?.isSelectOnPage);
-    const handleSetInteraction = (type)=>{
-        setOpenDropdown(false);
-        setInteractionSelectType(type);
-        changeSelectMode(type);
-        if (type == 'PAGE') closeSelectOnPage();
-    };
-    const handleClickOutside = useCallback((event)=>{
-        if (!openDropdown) return;
-        if (popupRef.current && !popupRef.current.contains(event.target)) {
-            setOpenDropdown(false);
-        }
-    }, [
-        openDropdown
-    ]);
-    useEffect(()=>{
-        document.addEventListener('mousedown', handleClickOutside);
-        return ()=>{
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [
-        handleClickOutside
-    ]);
-    const isShowOverlay = useMemo(()=>{
-        return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE') && settingType === 'TRIGGER';
-    }, [
-        hoverOption,
-        selectType
-    ]);
-    const title = 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__*/ jsx("div", {
-            className: "gp-w-[21px]",
-            children: /*#__PURE__*/ jsx("svg", {
-                width: "21",
-                height: "20",
-                viewBox: "0 0 21 20",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /*#__PURE__*/ 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"
-                })
-            })
-        });
-    };
-    return isSelectOnPage && /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ 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__*/ 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__*/ jsxs("div", {
-                            className: "gp-relative",
-                            children: [
-                                /*#__PURE__*/ 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__*/ jsx("p", {
-                                            className: "gp-grow",
-                                            children: title
-                                        }),
-                                        settingType === 'TRIGGER' && /*#__PURE__*/ jsx("div", {
-                                            className: "gp-w-[21px]",
-                                            children: /*#__PURE__*/ jsx("svg", {
-                                                width: "16",
-                                                height: "16",
-                                                viewBox: "0 0 16 16",
-                                                fill: "currentColor",
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                children: /*#__PURE__*/ 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__*/ 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__*/ 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__*/ jsx("div", {
-                                                    className: "gp-w-[21px]",
-                                                    children: /*#__PURE__*/ jsx("svg", {
-                                                        width: "18",
-                                                        height: "18",
-                                                        viewBox: "0 0 18 18",
-                                                        fill: "none",
-                                                        xmlns: "http://www.w3.org/2000/svg",
-                                                        children: /*#__PURE__*/ 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__*/ jsx("p", {
-                                                    className: "gp-h-[21px]",
-                                                    children: "An element"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ 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__*/ jsx("svg", {
-                                                    width: "21",
-                                                    height: "20",
-                                                    viewBox: "0 0 21 20",
-                                                    fill: "none",
-                                                    xmlns: "http://www.w3.org/2000/svg",
-                                                    children: /*#__PURE__*/ 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__*/ jsx("p", {
-                                                    className: "gp-h-[21px]",
-                                                    children: "Entire page"
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx("button", {
-                            className: "",
-                            onClick: closeSelectOnPage,
-                            children: "Cancel"
-                        })
-                    ]
-                })
-            }),
-            isShowOverlay && /*#__PURE__*/ 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)'
-                }
-            })
-        ]
-    });
-};
-
-export { InteractionSelectOnPageHeader as default };

package/dist/esm/libs/helpers/sentry.js

@@ -1,15 +0,0 @@
-import { withScope, captureMessage } from '@sentry/nextjs';
-
-const sentryCaptureException = (funcName, message, data, options)=>{
-    withScope((scope)=>{
-        scope.setLevel(options?.level ?? 'log');
-        if (options?.tag) {
-            scope.setTag(options?.tag.key, options?.tag.value);
-        }
-        scope.setExtra('function', funcName);
-        scope.setExtra('data', JSON.stringify(data));
-        captureMessage(`${funcName}: ${message}`);
-    });
-};
-
-export { sentryCaptureException };