@gem-sdk/pages 17.0.0-dev.57 → 17.0.0-staging.15

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, PublicStoreFrontData, ProductSelectFragment, ProductOffer, AppAPIType, FetchFunc, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment, TypographyV2FontFamilyType } 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';
@@ -87,20 +87,13 @@ type BuilderPageProps = {
     storefrontHandle?: string | null;
     shopToken?: string | null;
     mode?: RenderMode;
-    pageType: ShopType.PublishedThemePageType | 'THEME_SECTION';
+    pageType: ShopType.PublishedThemePageType;
     editorImageToLayout?: boolean;
     isThemeSectionEditor?: boolean;
     hiddenToolbar?: boolean;
-    pageName?: string;
+    pageName: string;
     isOriginTemplate?: boolean;
 };
-type BuilderUpsellPageProps = {
-    components: Record<string, React__default.ComponentType<any>>;
-    themeStyle?: string | null;
-    fontStyle?: string | null;
-    widgetName?: string;
-    upsellType?: string;
-};
 type CollectionDetailPageProps = PageBuilderProps & {
     collection?: CollectionQueryResponse['collection'];
 };
@@ -155,9 +148,9 @@ type SharePageProps = PageBuilderPropsV2 & {
     themeStyle?: any;
     share?: SharePageType;
     pageSections?: {
-        id: bigint;
-        themePageID: bigint;
-        shopID: bigint;
+        id: BigInt;
+        themePageID: BigInt;
+        shopID: BigInt;
         cid: string;
         name: string;
         component: any;
@@ -202,7 +195,7 @@ declare const getPostPurchasePropsPreview: (fetcher: FetchFunc, librarySaleFunne
     isLibraryTemplate?: boolean;
     isShopLibraryPage?: boolean;
     sellingPlanSetting?: Record<string, any>;
-}) => Promise<Omit<StaticPagePropsV2, "publicStoreFrontData">>;
+}) => Promise<Omit<StaticPagePropsV2, 'publicStoreFrontData'>>;
 
 declare const getStaticPagePropsPreview: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => (slug: string) => Promise<PageBuilderPropsV2>;
 
@@ -226,13 +219,13 @@ declare const sendPageViewedTracking: (params: SendPageViewedTrackingParams) =>
 
 declare const useTrackingView: (token?: string | null, handle?: string | null, isFallback?: boolean) => void;
 
-declare const usePagePreview: (dataBuilder: ThemePageQueryResponse["themePage"], storeProperty: PromiseSettledResult<StorePropertyQueryResponse>, shopifyMeta?: PromiseSettledResult<ShopMetaQueryResponse>) => {
+declare const usePagePreview: (dataBuilder: ThemePageQueryResponse['themePage'], storeProperty: PromiseSettledResult<StorePropertyQueryResponse>, shopifyMeta?: PromiseSettledResult<ShopMetaQueryResponse>) => {
     seo: next_seo.NextSeoProps;
     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;
-        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;
@@ -322,7 +315,7 @@ declare const getFontFromGroupSetting: (fonts: FontItem[], groupSetting: Record<
     type: TypographyV2FontFamilyType;
 }>) => void;
 
-declare const getStorefrontApi: (handle: string, provider?: "BIGCOMMERCE" | "SHOPIFY") => string;
+declare const getStorefrontApi: (handle: string, provider?: 'BIGCOMMERCE' | 'SHOPIFY') => string;
 
 type ErrorBoundaryProps = {
     children?: React.ReactNode;
@@ -379,11 +372,8 @@ declare const StaticPage: React.FC<PageBuilderProps & AdditionalPageBuilderProps
 
 declare const BuilderPage: React.FC<BuilderPageProps>;
 
-declare const BuilderUpsellPage: React.FC<BuilderUpsellPageProps>;
-
 declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
 
 declare const PreviewTemplate: React.FC<SharePageProps & AdditionalPageBuilderProps>;
 
-export { BuilderPage, BuilderUpsellPage, CollectionDetailPage, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, Page404, Page500, PreviewPage, PreviewTemplate, ProductDetailPage, SharePageTracking, StaticPage, StaticPageV2, TikTokPixel, createAppAPIFetcher, createFetcher, createShopifyFetcher, createTemplateFetcher, genCSS, getBuilderProps, getCollectionProps, getCollectionSharePageProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFontLinkFromGlobalStyle, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPostPurchasePropsPreview, getPreviewProps, getProductProps, getSharePageContentProps, getSharePageProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, sendPageViewedTracking, usePagePreview, usePageViewedTracking, useTrackingView };
-export type { AppPropsWithLayout, NextPageWithLayout, PageBuilderProps, PageBuilderPropsV2, SharePageAPIResponse, SharePageProps, StaticPagePropsV2 };
+export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PageBuilderPropsV2, PreviewPage, PreviewTemplate, ProductDetailPage, SharePageAPIResponse, SharePageProps, SharePageTracking, StaticPage, StaticPagePropsV2, StaticPageV2, TikTokPixel, createAppAPIFetcher, createFetcher, createShopifyFetcher, createTemplateFetcher, genCSS, getBuilderProps, getCollectionProps, getCollectionSharePageProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFontLinkFromGlobalStyle, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPostPurchasePropsPreview, getPreviewProps, getProductProps, getSharePageContentProps, getSharePageProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, sendPageViewedTracking, usePagePreview, usePageViewedTracking, useTrackingView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "17.0.0-dev.57",
+  "version": "17.0.0-staging.15",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -14,23 +14,23 @@
     "post:publish": "node ./../../helpers/convert-publish.js",
     "watch": "rollup -c ./../../helpers/rollup.config.mjs -w",
     "build": "rollup -c ./../../helpers/rollup.config.mjs --environment NODE_ENV:production",
-    "lint": "oxlint  --format=stylish ./src",
+    "lint": "eslint ./src --ext .tsx,.ts",
     "type-check": "yarn tsc --noEmit",
     "test": "jest -c ./../../helpers/jest.config.ts",
     "gen-google-fonts": "node ./scripts/genFontGoogle.js"
   },
   "dependencies": {
-    "@sentry/nextjs": "7.100.0",
+    "@sentry/nextjs": "7.77.0",
     "deepmerge": "4.3.1",
     "html-react-parser": "4.2.10",
     "next-seo": "6.8.0",
     "next": "14.2.35"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-dev.57",
-    "@gem-sdk/plugin-cookie-bar": "17.0.0-dev.38",
-    "@gem-sdk/plugin-quick-view": "17.0.0-dev.38",
-    "@gem-sdk/plugin-sticky-add-to-cart": "17.0.0-dev.38"
+    "@gem-sdk/core": "17.0.0-staging.14",
+    "@gem-sdk/plugin-cookie-bar": "16.1.0-staging.0",
+    "@gem-sdk/plugin-quick-view": "16.1.0-staging.0",
+    "@gem-sdk/plugin-sticky-add-to-cart": "16.1.0-staging.0"
   },
   "peerDependencies": {
     "next": "14.2.35"

package/dist/cjs/components/builder-upsell/BodyUpsell.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("./DropElement.js");exports.default=()=>{let s=r.useBuilderPreviewUpsellStore(e=>e.hasWidgetTemplate);return s?e.jsx("div",{id:"storefront",children:e.jsx(r.RenderPreviewUpsell,{})}):e.jsx(t.DropElementUpsell,{})};

package/dist/cjs/components/builder-upsell/DropElement.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),l=require("../../constants/index.js");exports.DropElementUpsell=()=>{let{t:i}=t.useI18nStore(),p=t.useBuilderPreviewUpsellStore(e=>e.loaded);if(!p)return null;let s=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e.jsx("div",{id:"gp-img-to-layout-wrapper",className:"sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4] gp-flex",style:{height:"100vh"},children:e.jsx("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:e.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e.jsxs("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),e.jsx("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),e.jsx("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),e.jsx("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),e.jsx("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),e.jsx("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),e.jsx("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),e.jsx("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),e.jsx("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center",children:[e.jsx("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:i("Start building widget")}),e.jsx("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:e.jsx("button",{"data-button-add-elements":!0,onClick:()=>{s(l.LIBRARY_TYPE_ENUM.POST_PURCHASE_UPSELL)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:i("Choose widget template")})})]})]})})})};

package/dist/cjs/components/builder-upsell/ToolboxUpsell.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),n=require("../../libs/get-storefront-api.js"),o=require("../../libs/google-fonts.js"),l=require("../../libs/helpers/gen-css.js"),i=require("../../libs/helpers/gen-fonts.js"),a=require("../../libs/shopify-cdn-with-google-fonts.js"),s=require("../../store/libs-store.js"),d=require("../../libs/helpers/check-option-font.js");const u="global-style";var p=r.memo(()=>{let p=t.useMatchMutate(),c=t.useShopStore(e=>e.provider),f=t.useShopStore(e=>e.changeStorefrontInfo),g=t.useBuilderPreviewUpsellStore(e=>e.initState),m=t.useBuilderPreviewUpsellStore(e=>e.changeItemPropByKey),v=t.useBuilderPreviewUpsellStore(e=>e.state),h=t.useBuilderPreviewUpsellStore(e=>e.forceChangeState),y=t.useShopStore(e=>e.changeShopPlan),w=s.libsStore(e=>e.changeFontType),b=s.libsStore(e=>e.fontType),S=t.useModalStore(e=>e.clearModal),E=r.useMemo(()=>i.getFontsFromDataBuilder(v),[v]),k=({currentFontTypeSetting:e,fontType:t,fontHref:r})=>{let n;return r.includes("bunny.net")?n="bunny":r.includes("googleapis.com")&&(n="google"),!n||t===n&&n===e},q=r.useCallback((e,t)=>{if(!b)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let r=document.querySelectorAll(`.${e}`);for(let n of(r.forEach(e=>{let r=e.getAttribute("data-font"),n=e.getAttribute("data-font-variant"),o=e.getAttribute("href")||"";if(!r||!n){e.remove();return}let l=t.find(e=>{let t=e.family===r,l=e.variants.includes(n);return!!t&&!!l&&k({currentFontTypeSetting:e.type,fontType:b,fontHref:o})});l||e.remove()}),t))if(!(["bunny","google"].includes(n.type)&&d.checkNotInOptionFont(n.family,b))&&"custom"!==n.type&&n.variants?.length)for(let t of n.variants){let r={...n,variants:[t.toString()]},l=o.createFontUrls([r],void 0,b,!0)||[];if(l?.length)for(let r of l){let o=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),l=document.querySelector(`link.${e}[href="${o(r)}"]`);if(l)continue;let i=document.createElement("link");i.className=e,i.rel="stylesheet",i.href=r,i.dataset.font=n.family,i.dataset.fontVariant=t,document.head.appendChild(i)}}},[b]),C=r.useCallback(()=>{p(/query\//,{revalidate:!0})},[p]),L=r.useCallback(e=>{let t=e.detail;f({url:t.shopHandle?n.getStorefrontApi(t.shopHandle,c):void 0,token:t.shopToken})},[f,c]),j=r.useCallback(e=>{let t=e.detail;try{if(t.data){let e=l.genCSS(t.data,t.mobileOnly),r=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=a.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),n=document.getElementById(u);if(q("google-font-builder",r),n)n.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[q]),M=r.useCallback(e=>{S();try{let t=e.detail;if(!t.data)return;g(t.data)}catch{}},[h,g,S]),B=r.useCallback(e=>{let t=e.detail;t&&y(t)},[y]),F=r.useCallback(e=>{let t=e.detail;t&&w(t)},[w]),I=r.useCallback(e=>{try{let t=e.detail;t.widgetId&&t.propName&&m({widgetId:t.widgetId,key:t.propName,data:t.propValue,group:t.group})}catch{}},[m]);return r.useEffect(()=>{E&&b&&q("google-font-element",E)},[E,b,q]),r.useEffect(()=>(window.addEventListener("update-shop-info",L),window.addEventListener("revalidate-query",C),window.addEventListener("init-builder-upsell",M),window.addEventListener("set-global-style",j),window.addEventListener("update-shop-plan",B),window.addEventListener("update-font-type",F),window.addEventListener("update-entity-prop",I),()=>{window.removeEventListener("update-shop-info",L),window.removeEventListener("revalidate-query",C),window.removeEventListener("init-builder-upsell",M),window.removeEventListener("set-global-style",j),window.removeEventListener("update-shop-plan",B),window.removeEventListener("update-font-type",F),window.removeEventListener("update-entity-prop",I)}),[B,M,j,C,L,F,I]),e.jsx("div",{className:"toolbox"})});exports.default=p;

package/dist/cjs/pages/builder-upsell.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("next/head"),t=require("react"),l=require("../components/builder-upsell/BodyUpsell.js"),i=require("../components/builder-upsell/ToolboxUpsell.js");exports.BuilderUpsellPage=({components:d,themeStyle:n,fontStyle:u,widgetName:o})=>{let[a,c]=t.useState(!1),{t:g}=s.useI18n(),p=t.useMemo(()=>({widgetId:"",layoutCid:"",tag:""}),[]),x=t.useMemo(()=>({widget:p}),[]);return t.useEffect(()=>{c(!0)},[]),e.jsxs(e.Fragment,{children:[e.jsxs(r,{children:[n&&e.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:n}}),u&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:u}})]}),e.jsx(s.BuilderUpsellWidgetProvider,{components:d,children:e.jsx(s.I18nProvider,{t:g,children:e.jsxs(s.BuilderPreviewUpsellProvider,{widgetName:o,widget:p,state:x,children:[e.jsx(i.default,{}),a&&e.jsxs("div",{className:"builder gp-z-1 gp-relative gp-w-full gp-h-screen gp-flex gp-justify-center gp-items-center",children:[e.jsx(l.default,{}),e.jsx("div",{id:"visual-content"})]})]},"preview")})})]})};

package/dist/esm/components/builder-upsell/BodyUpsell.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsx as e}from"react/jsx-runtime";import{useBuilderPreviewUpsellStore as r,RenderPreviewUpsell as t}from"@gem-sdk/core";import{DropElementUpsell as o}from"./DropElement.js";let m=()=>{let m=r(e=>e.hasWidgetTemplate);return m?e("div",{id:"storefront",children:e(t,{})}):e(o,{})};export{m as default};

package/dist/esm/components/builder-upsell/DropElement.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useI18nStore as l,useBuilderPreviewUpsellStore as i}from"@gem-sdk/core";import{LIBRARY_TYPE_ENUM as p}from"../../constants/index.js";let g=()=>{let{t:g}=l(),r=i(e=>e.loaded);if(!r)return null;let d=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e("div",{id:"gp-img-to-layout-wrapper",className:"sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4] gp-flex",style:{height:"100vh"},children:e("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:t("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[t("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[e("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),e("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),e("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),e("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),e("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),e("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),e("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),e("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),e("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),e("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),t("div",{className:"gp-flex gp-flex-col gp-items-center",children:[e("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:g("Start building widget")}),e("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:e("button",{"data-button-add-elements":!0,onClick:()=>{d(p.POST_PURCHASE_UPSELL)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:g("Choose widget template")})})]})]})})})};export{g as DropElementUpsell};

package/dist/esm/components/builder-upsell/ToolboxUpsell.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as o,useBuilderPreviewUpsellStore as n,useModalStore as r}from"@gem-sdk/core";import{memo as i,useMemo as l,useCallback as a,useEffect as d}from"react";import{getStorefrontApi as s}from"../../libs/get-storefront-api.js";import{createFontUrls as p}from"../../libs/google-fonts.js";import{genCSS as f}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as m}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as u}from"../../libs/shopify-cdn-with-google-fonts.js";import{libsStore as c}from"../../store/libs-store.js";import{checkNotInOptionFont as g}from"../../libs/helpers/check-option-font.js";let y="global-style";var v=i(()=>{let i=t(),v=o(e=>e.provider),h=o(e=>e.changeStorefrontInfo),w=n(e=>e.initState),b=n(e=>e.changeItemPropByKey),E=n(e=>e.state),L=n(e=>e.forceChangeState),S=o(e=>e.changeShopPlan),j=c(e=>e.changeFontType),k=c(e=>e.fontType),T=r(e=>e.clearModal),q=l(()=>m(E),[E]),C=({currentFontTypeSetting:e,fontType:t,fontHref:o})=>{let n;return o.includes("bunny.net")?n="bunny":o.includes("googleapis.com")&&(n="google"),!n||t===n&&n===e},I=a((e,t)=>{if(!k)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let o=document.querySelectorAll(`.${e}`);for(let n of(o.forEach(e=>{let o=e.getAttribute("data-font"),n=e.getAttribute("data-font-variant"),r=e.getAttribute("href")||"";if(!o||!n){e.remove();return}let i=t.find(e=>{let t=e.family===o,i=e.variants.includes(n);return!!t&&!!i&&C({currentFontTypeSetting:e.type,fontType:k,fontHref:r})});i||e.remove()}),t))if(!(["bunny","google"].includes(n.type)&&g(n.family,k))&&"custom"!==n.type&&n.variants?.length)for(let t of n.variants){let o={...n,variants:[t.toString()]},r=p([o],void 0,k,!0)||[];if(r?.length)for(let o of r){let r=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),i=document.querySelector(`link.${e}[href="${r(o)}"]`);if(i)continue;let l=document.createElement("link");l.className=e,l.rel="stylesheet",l.href=o,l.dataset.font=n.family,l.dataset.fontVariant=t,document.head.appendChild(l)}}},[k]),A=a(()=>{i(/query\//,{revalidate:!0})},[i]),x=a(e=>{let t=e.detail;h({url:t.shopHandle?s(t.shopHandle,v):void 0,token:t.shopToken})},[h,v]),H=a(e=>{let t=e.detail;try{if(t.data){let e=f(t.data,t.mobileOnly),o=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=u.find(t=>t.family==e.family);if(t)return t}return e}),n=document.getElementById(y);if(I("google-font-builder",o),n)n.innerHTML=e;else{let t=document.createElement("style");t.id=y,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[I]),N=a(e=>{T();try{let t=e.detail;if(!t.data)return;w(t.data)}catch{}},[L,w,T]),$=a(e=>{let t=e.detail;t&&S(t)},[S]),M=a(e=>{let t=e.detail;t&&j(t)},[j]),B=a(e=>{try{let t=e.detail;t.widgetId&&t.propName&&b({widgetId:t.widgetId,key:t.propName,data:t.propValue,group:t.group})}catch{}},[b]);return d(()=>{q&&k&&I("google-font-element",q)},[q,k,I]),d(()=>(window.addEventListener("update-shop-info",x),window.addEventListener("revalidate-query",A),window.addEventListener("init-builder-upsell",N),window.addEventListener("set-global-style",H),window.addEventListener("update-shop-plan",$),window.addEventListener("update-font-type",M),window.addEventListener("update-entity-prop",B),()=>{window.removeEventListener("update-shop-info",x),window.removeEventListener("revalidate-query",A),window.removeEventListener("init-builder-upsell",N),window.removeEventListener("set-global-style",H),window.removeEventListener("update-shop-plan",$),window.removeEventListener("update-font-type",M),window.removeEventListener("update-entity-prop",B)}),[$,N,H,A,x,M,B]),e("div",{className:"toolbox"})});export{v as default};

package/dist/esm/pages/builder-upsell.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsxs as e,Fragment as t,jsx as l}from"react/jsx-runtime";import{useI18n as r,BuilderUpsellWidgetProvider as i,I18nProvider as o,BuilderPreviewUpsellProvider as s}from"@gem-sdk/core";import d from"next/head";import{useState as n,useMemo as p,useEffect as m}from"react";import c from"../components/builder-upsell/BodyUpsell.js";import g from"../components/builder-upsell/ToolboxUpsell.js";let a=({components:a,themeStyle:u,fontStyle:f,widgetName:h})=>{let[y,x]=n(!1),{t:w}=r(),b=p(()=>({widgetId:"",layoutCid:"",tag:""}),[]),v=p(()=>({widget:b}),[]);return m(()=>{x(!0)},[]),e(t,{children:[e(d,{children:[u&&l("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:u}}),f&&l("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:f}})]}),l(i,{components:a,children:l(o,{t:w,children:e(s,{widgetName:h,widget:b,state:v,children:[l(g,{}),y&&e("div",{className:"builder gp-z-1 gp-relative gp-w-full gp-h-screen gp-flex gp-justify-center gp-items-center",children:[l(c,{}),l("div",{id:"visual-content"})]})]},"preview")})})]})};export{a as BuilderUpsellPage};