@storepecker/storefront-core 2.3.5 → 2.4.0

package/dist/pixelEvents-C1rFPOwb.d.cts

@@ -0,0 +1,371 @@
+import { b as Category$1, C as Cart } from './cart-kJoawc_Z.cjs';
+import { C as CollectionResponse } from './collections-WzvTO0OQ.cjs';
+import { O as Order } from './orders-CjNmCY5I.cjs';
+import { f as ProductDetail, d as Product } from './product-DJMdi4D4.cjs';
+
+interface PageProps {
+    nav_bar: NavBar;
+    store: string;
+    store_desc: string;
+    page_meta_data: PageMeta;
+    primary_color: string;
+    social_media: SocialMedia[];
+}
+type PageMeta = {
+    title: string;
+    description: string;
+    image: string;
+    url: string;
+    canonical_url: string;
+    appleTouchIcon: string;
+    twitter_card_size: string;
+    favIcon: string;
+};
+interface TemplateTheme {
+    primary: string;
+    secondary: string;
+}
+interface Logo {
+    url: string;
+    title: string;
+}
+interface NavElementOld {
+    title: string;
+    is_dropdown: boolean;
+    link?: string;
+    menuitems?: Menuitem[];
+}
+interface Menuitem {
+    id: number;
+    title: string;
+    link: string;
+    sub_categories?: SubCategory[];
+}
+interface SubCategory {
+    id: number;
+    title: string;
+    link: string;
+}
+interface SocialMedia {
+    type: string;
+    link: string;
+}
+interface PagePropsFull {
+    store: number;
+    theme: Theme;
+    privacy_policy: any;
+    terms_and_condition: any;
+    custom_css: string;
+    custom_js: string;
+    navbar: NavBar;
+    color_scheme: ColorScheme;
+    social_links: SocialLinks;
+    hero: Hero;
+    sections: Section[];
+    footer: Footer;
+    start_head_tag: string;
+    end_head_tag: string;
+    start_body_tag: string;
+    end_body_tag: string;
+    logo: string;
+    favicon: string;
+    store_name: string;
+    store_description: string;
+    social_image: string;
+    url: string;
+    categories: HeaderCategory[];
+    store_phone: string;
+    store_email: string;
+    store_address: string;
+    google_tag_manager_id?: string;
+}
+type PageHeaderProps = Pick<PagePropsFull, "navbar" | "logo" | "store_name" | "store_description" | "color_scheme" | "social_image" | "social_links" | "url" | "footer" | "categories" | "store_phone" | "store_email" | "store_address" | "start_head_tag" | "end_head_tag" | "start_body_tag" | "end_body_tag" | "google_tag_manager_id"> & {
+    currency_code: string;
+    currency_symbol: string;
+    is_cod_enabled: boolean;
+    cod_amount: number;
+    store_review_enabled: boolean;
+    product_review_enabled: boolean;
+    store_review_popup_delay: number;
+    store_review_popup_delay_unit: "hours" | "days" | "weeks" | "months" | "minutes" | "seconds";
+    popup_enabled: boolean;
+    popup_heading_text: string;
+    popup_message_text: string;
+    popup_thank_you_message: string;
+    public_checkout_enabled: boolean;
+    booking_success_message: string;
+    order_success_message: string;
+};
+type HomePageContents = Pick<PagePropsFull, "hero" | "sections">;
+interface Theme {
+    id: number;
+    name: string;
+    slug: string;
+    color_scheme: ColorScheme;
+    is_active: boolean;
+}
+interface ColorScheme {
+    primary: string;
+    secondary: string;
+    bodyBackground: string;
+    bodyBackground1: string;
+    bodyBackgroundSecondary: string;
+    bodyBackgroundDark: string;
+    borderBackground: string;
+    textPrimary: string;
+    textPrimaryLight: string;
+    textSecondary: string;
+    btnText: string;
+}
+interface RibbonMessage {
+    id: string;
+    message: string;
+    link: string;
+}
+interface RibbonBar {
+    type: "ribbon-bar";
+    messages: RibbonMessage[];
+    textColor: string;
+    id: string;
+    position: "top" | "bottom";
+    animation: string;
+    switchInterval: number;
+}
+interface NavBar {
+    wishlist: boolean;
+    cart: boolean;
+    navElements: NavElement[];
+}
+interface NavBar {
+    wishlist: boolean;
+    cart: boolean;
+    navElements: NavElement[];
+    ribbonbar: RibbonBar;
+    logoPosition: "left" | "center";
+}
+interface NavElement {
+    key: string;
+    title: string;
+    is_dropdown: boolean;
+    link?: string;
+    enabled?: boolean;
+    description: string;
+}
+interface NavElement {
+    key: string;
+    title: string;
+    is_dropdown: boolean;
+    link?: string;
+    enabled?: boolean;
+    description: string;
+}
+interface HeaderCategory {
+    id: number;
+    name: string;
+    link: string;
+    slug: string;
+    children?: HeaderCategory[];
+}
+interface SliderSettings {
+    id: string;
+    title: string;
+    description: string;
+    cta: string;
+    ctaLink: string;
+    bannerImage: string;
+    bannerImageMobile: string;
+    showContents?: boolean;
+}
+interface Hero {
+    title: string;
+    cta: string;
+    ctaLink: string;
+    heroImage: string;
+    description: string;
+    heroImageMobile: string;
+    showTitle: boolean;
+    showCTA: boolean;
+    bannerLink: string;
+    enableSlider: boolean;
+    sliderSettings: SliderSettings[];
+    switchInterval: number;
+    showHeroBanner: boolean;
+}
+type FilterType = "category" | "badge" | "title";
+type FilterOption = "select" | "equals" | "contain" | "startWith" | "endWith";
+type AvailableFilter = {
+    id: number;
+    label: string;
+    value: FilterType;
+    options: FilterOption[];
+};
+interface SectionFilters {
+    id: string;
+    type: FilterType;
+    label: string;
+    condition: FilterOption;
+    value: string | string[];
+}
+interface SectionFilters {
+    id: string;
+    type: FilterType;
+    label: string;
+    condition: FilterOption;
+    value: string | string[];
+}
+interface ProductCollection {
+    type: "product-collection";
+    title?: string;
+    filters?: SectionFilters[];
+    id: string;
+    row_count: number;
+}
+interface Category {
+    type: "categories";
+    title?: string;
+    id?: string;
+    categories?: Category$1.Root[];
+    selectedCategories?: string[];
+}
+interface Banner {
+    type: "banner";
+    title: string;
+    description?: string;
+    bannerImage: string;
+    ctaText?: string;
+    ctaLink?: string;
+    id: string;
+    bannerLink: string;
+    showContents: boolean;
+    mobileBannerImage: string;
+}
+interface SubCategorySection {
+    type: "sub-categories";
+    id: number;
+    title: string;
+    category?: Category$1.Root;
+}
+interface preFooterContent {
+    id: string;
+    image: string;
+    title: string;
+    description: string;
+}
+interface PreFooter {
+    type: "pre-footer";
+    id: string;
+    contents: preFooterContent[];
+}
+interface CategoryHighlights {
+    type: "category-highlights";
+    title?: string;
+    id?: string;
+    categories: Category$1.Root[];
+}
+interface StoreReview {
+    type: "store-review";
+    id: string;
+    title: string;
+    filter: string;
+    reviewsCount: number;
+    starColor: string;
+    autoPlayEnabled: boolean;
+}
+interface ProductHighlight {
+    type: "product-highlight";
+    id: string;
+    title: string;
+    productSlug: string;
+}
+interface ImageWithText {
+    type: "image-with-text";
+    id: string;
+    title: string;
+    content: string;
+    image: string;
+    showCta: boolean;
+    ctaText: string;
+    ctaLink: string;
+    imagePosition: 'left' | 'right';
+}
+interface Collections {
+    type: "collections";
+    id: string;
+    slug: string;
+    title?: string;
+    description?: string;
+    variants?: CollectionResponse[];
+}
+interface ValueHighlights {
+    type: "value-highlights";
+    id: string;
+    title: string;
+    description: string;
+    highlights: {
+        value: string;
+        label: string;
+        image: string;
+        social: null | string;
+    }[];
+}
+type SectionType = "product-collection" | "categories" | "banner" | "sub-categories" | "pre-footer" | "category-highlights" | "store-review" | "product-highlight" | "image-with-text" | "collections" | "value-highlights";
+type Section = ProductCollection | Category | Banner | PreFooter | StoreReview | CategoryHighlights | SubCategorySection | ProductHighlight | ImageWithText | Collections | ValueHighlights;
+interface Footer {
+    showSocialLinks: boolean;
+    showContactDetails: boolean;
+    showNameWithLogo: boolean;
+    showWhatsappBubble: boolean;
+    showMadeWithStorepecker: boolean;
+}
+interface SocialLinks {
+}
+interface LocationData {
+    country_code: string;
+    city: string;
+}
+
+declare global {
+    interface Window {
+        fbq: any;
+    }
+}
+declare const pixelEvents: {
+    /**
+     * Track when a user views a product
+     */
+    productView: (product: ProductDetail.Root) => void;
+    /**
+     * Track when a product is added to cart
+     */
+    addToCart: (product: Product.ProductList, quantity?: number) => void;
+    removeFromCart: (product: ProductDetail.Root) => void;
+    /**
+     * Track when a product is added to wishlist
+     */
+    addToWishlist: (product: Product.ProductList) => void;
+    /**
+     * Track when user initiates checkout
+     */
+    initiateCheckout: (orderSummary: Order.OrderSummary, paymentMethod: string) => void;
+    /**
+     * Track successful purchases
+     */
+    purchase: (orderSummary: Order.OrderSummary) => void;
+    /**
+     * Track search events
+     */
+    search: (searchTerm: string, resultCount: number) => void;
+    /**
+     * Track when a user views their cart
+     */
+    cartView: (cart: Cart.Root) => void;
+    /**
+     * Track when a user completes a checkout
+     */
+    checkoutCompleted: (orderSummary: Order.OrderSummary) => void;
+    addressInfoSubmitted: () => void;
+    checkoutStarted: (cart: Cart.Root) => void;
+    pageViewed: () => void;
+};
+
+export { type AvailableFilter as A, type Banner as B, type Category as C, pixelEvents as D, type preFooterContent as E, type FilterOption as F, type HeaderCategory as H, type ImageWithText as I, type LocationData as L, type Menuitem as M, type NavBar as N, type PageHeaderProps as P, type RibbonBar as R, type SectionFilters as S, type TemplateTheme as T, type ValueHighlights as V, type CategoryHighlights as a, type Collections as b, type ColorScheme as c, type FilterType as d, type Footer as e, type Hero as f, type HomePageContents as g, type Logo as h, type NavElement as i, type NavElementOld as j, type PageMeta as k, type PageProps as l, type PagePropsFull as m, type PreFooter as n, type ProductCollection as o, type ProductHighlight as p, type RibbonMessage as q, type Section as r, type SectionType as s, type SliderSettings as t, type SocialLinks as u, type SocialMedia as v, type StoreReview as w, type SubCategory as x, type SubCategorySection as y, type Theme as z };

package/dist/store/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkJH4JJBXE_cjs = require('../chunk-JH4JJBXE.cjs');
+var chunkTTIQRDHX_cjs = require('../chunk-TTIQRDHX.cjs');
 var chunkY2CPMT34_cjs = require('../chunk-Y2CPMT34.cjs');
 require('../chunk-SMHJRNCR.cjs');
-require('../chunk-HTFVROIV.cjs');
+require('../chunk-7UK3E7SL.cjs');
+var chunkDODFO744_cjs = require('../chunk-DODFO744.cjs');
 require('../chunk-ECHV2JSY.cjs');
 require('../chunk-BBRXE57K.cjs');
 require('../chunk-NE3ZHELZ.cjs');
@@ -68,15 +69,19 @@ var useProductStore = zustand.create((set, get) => ({
 
 Object.defineProperty(exports, "loginUser", {
   enumerable: true,
-  get: function () { return chunkJH4JJBXE_cjs.loginUser; }
+  get: function () { return chunkTTIQRDHX_cjs.loginUser; }
 });
 Object.defineProperty(exports, "useAuthStore", {
   enumerable: true,
-  get: function () { return chunkJH4JJBXE_cjs.useAuthStore; }
+  get: function () { return chunkTTIQRDHX_cjs.useAuthStore; }
 });
 Object.defineProperty(exports, "useCartStore", {
   enumerable: true,
-  get: function () { return chunkJH4JJBXE_cjs.useCartStore; }
+  get: function () { return chunkTTIQRDHX_cjs.useCartStore; }
+});
+Object.defineProperty(exports, "useThemeData", {
+  enumerable: true,
+  get: function () { return chunkDODFO744_cjs.useThemeData; }
 });
 exports.useProductStore = useProductStore;
 exports.useWishlistStore = useWishlistStore;

package/dist/store/index.d.cts

@@ -2,7 +2,10 @@ import * as zustand from 'zustand';
 import { a as CartState, C as Cart, U as User } from '../cart-kJoawc_Z.cjs';
 import { W as Wishlist } from '../wishlist-CUuCTSVJ.cjs';
 import { d as Product } from '../product-DJMdi4D4.cjs';
+import { P as PageHeaderProps } from '../pixelEvents-C1rFPOwb.cjs';
 import 'react-toastify';
+import '../collections-WzvTO0OQ.cjs';
+import '../orders-CjNmCY5I.cjs';
 
 interface CartStore extends CartState {
     setCart: (cart: Cart.Root) => void;
@@ -71,4 +74,10 @@ interface ProductStore extends Product.ProductState {
 }
 declare const useProductStore: zustand.UseBoundStore<zustand.StoreApi<ProductStore>>;
 
-export { loginUser, useAuthStore, useCartStore, useProductStore, useWishlistStore };
+interface ThemeStore {
+    themeData: PageHeaderProps | null;
+    setThemeData: (themeData: PageHeaderProps | null) => void;
+}
+declare const useThemeData: zustand.UseBoundStore<zustand.StoreApi<ThemeStore>>;
+
+export { loginUser, useAuthStore, useCartStore, useProductStore, useThemeData, useWishlistStore };

package/dist/store/index.d.ts

@@ -2,7 +2,10 @@ import * as zustand from 'zustand';
 import { a as CartState, C as Cart, U as User } from '../cart-y-7RPmnQ.js';
 import { W as Wishlist } from '../wishlist-DKYFZR0s.js';
 import { d as Product } from '../product-DJMdi4D4.js';
+import { P as PageHeaderProps } from '../pixelEvents-Bo-VjAx8.js';
 import 'react-toastify';
+import '../collections-BDSVfRNo.js';
+import '../orders-L_8eIkUS.js';
 
 interface CartStore extends CartState {
     setCart: (cart: Cart.Root) => void;
@@ -71,4 +74,10 @@ interface ProductStore extends Product.ProductState {
 }
 declare const useProductStore: zustand.UseBoundStore<zustand.StoreApi<ProductStore>>;
 
-export { loginUser, useAuthStore, useCartStore, useProductStore, useWishlistStore };
+interface ThemeStore {
+    themeData: PageHeaderProps | null;
+    setThemeData: (themeData: PageHeaderProps | null) => void;
+}
+declare const useThemeData: zustand.UseBoundStore<zustand.StoreApi<ThemeStore>>;
+
+export { loginUser, useAuthStore, useCartStore, useProductStore, useThemeData, useWishlistStore };

package/dist/store/index.js

@@ -1,7 +1,8 @@
-export { loginUser, useAuthStore, useCartStore } from '../chunk-TF2KMTB6.js';
+export { loginUser, useAuthStore, useCartStore } from '../chunk-JRYWZMNT.js';
 import { getWishlist, getProducts } from '../chunk-U25T7M6S.js';
 import '../chunk-QAC72HKO.js';
-import '../chunk-LW3V53WJ.js';
+import '../chunk-UVU7H4E6.js';
+export { useThemeData } from '../chunk-5NUDTIQ2.js';
 import '../chunk-3SYYP3XV.js';
 import '../chunk-WEMNXIRS.js';
 import '../chunk-BQ256JKN.js';

package/dist/utils/index.cjs

@@ -5,7 +5,8 @@ var chunk2AHH3XBW_cjs = require('../chunk-2AHH3XBW.cjs');
 var chunkSMHJRNCR_cjs = require('../chunk-SMHJRNCR.cjs');
 var chunkK44JZ5NL_cjs = require('../chunk-K44JZ5NL.cjs');
 var chunkBBRB475I_cjs = require('../chunk-BBRB475I.cjs');
-var chunk4CVKE6CC_cjs = require('../chunk-4CVKE6CC.cjs');
+var chunkLJUGNSQQ_cjs = require('../chunk-LJUGNSQQ.cjs');
+var chunkOTMTHA5C_cjs = require('../chunk-OTMTHA5C.cjs');
 var chunkBBRXE57K_cjs = require('../chunk-BBRXE57K.cjs');
 var chunkNE3ZHELZ_cjs = require('../chunk-NE3ZHELZ.cjs');
 var chunkN3CTXRFT_cjs = require('../chunk-N3CTXRFT.cjs');
@@ -86,7 +87,7 @@ var constructPaymentPayload = async (amount, orderId, userId, phoneNumber, merch
   const dataPayload = JSON.stringify(paymentPayload);
   console.log(dataPayload);
   const dataBase64 = Buffer.from(dataPayload).toString("base64");
-  const checksum = await chunk4CVKE6CC_cjs.digestMessage(`${dataBase64}/pg/v1/pay${saltKey}`);
+  const checksum = await chunkOTMTHA5C_cjs.digestMessage(`${dataBase64}/pg/v1/pay${saltKey}`);
   const finalChecksum = `${checksum}###${saltIndex}`;
   return {
     base64Payload: dataBase64,
@@ -94,7 +95,7 @@ var constructPaymentPayload = async (amount, orderId, userId, phoneNumber, merch
   };
 };
 var createXVerifyHeader = async (merchantId, transactionId, saltKey, saltIndex) => {
-  const checksum = await chunk4CVKE6CC_cjs.digestMessage(
+  const checksum = await chunkOTMTHA5C_cjs.digestMessage(
     `/pg/v1/status/${merchantId}/${transactionId}${saltKey}`
   );
   const finalChecksum = `${checksum}###${saltIndex}`;
@@ -370,91 +371,91 @@ Object.defineProperty(exports, "timeFromNow", {
 });
 Object.defineProperty(exports, "CacheManager", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.CacheManager; }
+  get: function () { return chunkLJUGNSQQ_cjs.CacheManager; }
 });
 Object.defineProperty(exports, "cache", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.cache; }
+  get: function () { return chunkLJUGNSQQ_cjs.cache; }
 });
 Object.defineProperty(exports, "clearCache", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.clearCache; }
+  get: function () { return chunkLJUGNSQQ_cjs.clearCache; }
 });
-Object.defineProperty(exports, "constructFilter", {
+Object.defineProperty(exports, "deleteCache", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.constructFilter; }
+  get: function () { return chunkLJUGNSQQ_cjs.deleteCache; }
 });
-Object.defineProperty(exports, "convertObjectToParams", {
+Object.defineProperty(exports, "generateCacheKey", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.convertObjectToParams; }
+  get: function () { return chunkLJUGNSQQ_cjs.generateCacheKey; }
 });
-Object.defineProperty(exports, "convertToCurrency", {
+Object.defineProperty(exports, "getCache", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.convertToCurrency; }
+  get: function () { return chunkLJUGNSQQ_cjs.getCache; }
 });
-Object.defineProperty(exports, "deleteCache", {
+Object.defineProperty(exports, "hasCache", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.deleteCache; }
+  get: function () { return chunkLJUGNSQQ_cjs.hasCache; }
 });
-Object.defineProperty(exports, "digestMessage", {
+Object.defineProperty(exports, "invalidateCache", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.digestMessage; }
+  get: function () { return chunkLJUGNSQQ_cjs.invalidateCache; }
 });
-Object.defineProperty(exports, "formatDateTime", {
+Object.defineProperty(exports, "setCache", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.formatDateTime; }
+  get: function () { return chunkLJUGNSQQ_cjs.setCache; }
 });
-Object.defineProperty(exports, "formatPostalLabel", {
+Object.defineProperty(exports, "constructFilter", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.formatPostalLabel; }
+  get: function () { return chunkOTMTHA5C_cjs.constructFilter; }
 });
-Object.defineProperty(exports, "generateCacheKey", {
+Object.defineProperty(exports, "convertObjectToParams", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.generateCacheKey; }
+  get: function () { return chunkOTMTHA5C_cjs.convertObjectToParams; }
 });
-Object.defineProperty(exports, "getAddressMeta", {
+Object.defineProperty(exports, "convertToCurrency", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.getAddressMeta; }
+  get: function () { return chunkOTMTHA5C_cjs.convertToCurrency; }
 });
-Object.defineProperty(exports, "getCache", {
+Object.defineProperty(exports, "digestMessage", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.getCache; }
+  get: function () { return chunkOTMTHA5C_cjs.digestMessage; }
 });
-Object.defineProperty(exports, "getDelayInMilliseconds", {
+Object.defineProperty(exports, "formatDateTime", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.getDelayInMilliseconds; }
+  get: function () { return chunkOTMTHA5C_cjs.formatDateTime; }
 });
-Object.defineProperty(exports, "getParamsFromURL", {
+Object.defineProperty(exports, "formatPostalLabel", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.getParamsFromURL; }
+  get: function () { return chunkOTMTHA5C_cjs.formatPostalLabel; }
 });
-Object.defineProperty(exports, "getQueryParams", {
+Object.defineProperty(exports, "getAddressMeta", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.getQueryParams; }
+  get: function () { return chunkOTMTHA5C_cjs.getAddressMeta; }
 });
-Object.defineProperty(exports, "hasCache", {
+Object.defineProperty(exports, "getDelayInMilliseconds", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.hasCache; }
+  get: function () { return chunkOTMTHA5C_cjs.getDelayInMilliseconds; }
 });
-Object.defineProperty(exports, "invalidateCache", {
+Object.defineProperty(exports, "getParamsFromURL", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.invalidateCache; }
+  get: function () { return chunkOTMTHA5C_cjs.getParamsFromURL; }
 });
-Object.defineProperty(exports, "pluralize", {
+Object.defineProperty(exports, "getQueryParams", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.pluralize; }
+  get: function () { return chunkOTMTHA5C_cjs.getQueryParams; }
 });
-Object.defineProperty(exports, "pushParamsToURL", {
+Object.defineProperty(exports, "pluralize", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.pushParamsToURL; }
+  get: function () { return chunkOTMTHA5C_cjs.pluralize; }
 });
-Object.defineProperty(exports, "setCache", {
+Object.defineProperty(exports, "pushParamsToURL", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.setCache; }
+  get: function () { return chunkOTMTHA5C_cjs.pushParamsToURL; }
 });
 Object.defineProperty(exports, "shareLink", {
   enumerable: true,
-  get: function () { return chunk4CVKE6CC_cjs.shareLink; }
+  get: function () { return chunkOTMTHA5C_cjs.shareLink; }
 });
 Object.defineProperty(exports, "Auth", {
   enumerable: true,