@storepecker/storefront-core 2.3.5 → 2.4.0

package/dist/chunk-B3BXKMQA.cjs

@@ -0,0 +1,271 @@
+'use strict';
+
+var chunkV447PVRV_cjs = require('./chunk-V447PVRV.cjs');
+var chunkKLNKIQQM_cjs = require('./chunk-KLNKIQQM.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/address-form/address-form.module.css
+var address_form_default = {};
+var AddressForm = react.forwardRef(
+  ({
+    address,
+    onSuccess,
+    onError,
+    locationCacheKey,
+    defaultCountryId,
+    renderButton,
+    onFormikReady,
+    onCancel,
+    showCancel = true,
+    showDefaultCheckbox = true,
+    className,
+    submitLabel = "Save"
+  }, ref) => {
+    const {
+      formik,
+      states,
+      supportedCountries,
+      selectedCountry,
+      countryCodeOptions,
+      addressMeta,
+      handlePhoneCountryChange,
+      handleCountryCodeChange,
+      handlePhoneChange,
+      isSubmitting,
+      isEditing
+    } = chunkKLNKIQQM_cjs.useAddressForm({
+      address,
+      onSuccess,
+      onError,
+      locationCacheKey,
+      defaultCountryId
+    });
+    react.useImperativeHandle(
+      ref,
+      () => ({
+        formik,
+        resetForm: () => formik.resetForm()
+      }),
+      [formik]
+    );
+    react.useEffect(() => {
+      onFormikReady?.(formik);
+    }, [formik, onFormikReady]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        name: "address-form",
+        className: `${address_form_default.addressForm} ${className || ""}`,
+        onSubmit: formik.handleSubmit,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formBody, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { children: "Name *" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  className: address_form_default.formControl,
+                  type: "text",
+                  placeholder: "Name",
+                  "aria-label": "name",
+                  autoFocus: true,
+                  ...formik.getFieldProps("customer_name")
+                }
+              ),
+              formik.touched.customer_name && formik.errors.customer_name && /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.error, children: formik.errors.customer_name })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { children: "Email *" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  className: address_form_default.formControl,
+                  type: "email",
+                  placeholder: "Email",
+                  "aria-label": "email",
+                  ...formik.getFieldProps("customer_email")
+                }
+              ),
+              formik.touched.customer_email && formik.errors.customer_email && /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.error, children: formik.errors.customer_email })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { children: "Phone *" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.phoneRow, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: address_form_default.phoneCodeCol, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkV447PVRV_cjs.search_dropdown_default,
+                  {
+                    options: countryCodeOptions,
+                    value: formik.values.customer_country_code,
+                    onChange: handlePhoneCountryChange,
+                    placeholder: "Country",
+                    searchPlaceholder: "Search country...",
+                    maxHeight: "250px"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: address_form_default.phoneInputCol, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: address_form_default.formControl,
+                    type: "tel",
+                    placeholder: "Phone",
+                    "aria-label": "phone",
+                    name: "customer_phone",
+                    value: formik.values.customer_phone,
+                    onBlur: formik.handleBlur,
+                    onChange: handlePhoneChange
+                  }
+                ) })
+              ] }),
+              formik.touched.customer_phone && formik.errors.customer_phone && /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.error, children: formik.errors.customer_phone })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("hr", { className: address_form_default.divider }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { children: "Address (House No, Building, Street, Area) *" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  className: address_form_default.formControl,
+                  type: "text",
+                  placeholder: "E.g. 1st Cross, 2nd Main, 3rd Stage",
+                  "aria-label": "address",
+                  ...formik.getFieldProps("address")
+                }
+              ),
+              formik.touched.address && formik.errors.address && /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.error, children: formik.errors.address })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.row, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-capitalize", children: "Country *" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkV447PVRV_cjs.search_dropdown_default,
+                  {
+                    options: countryCodeOptions,
+                    value: selectedCountry?.tld_code,
+                    onChange: handleCountryCodeChange,
+                    placeholder: "Select country",
+                    searchPlaceholder: "Search country...",
+                    maxHeight: "250px",
+                    name: "country_obj"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { textTransform: "capitalize" }, children: [
+                  addressMeta?.regionLabel || "State",
+                  " *"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.selectWrapper, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "select",
+                    {
+                      className: address_form_default.formControl,
+                      "aria-label": "state",
+                      "data-select": "",
+                      ...formik.getFieldProps("state_obj"),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("option", { value: "", children: [
+                          "Select ",
+                          addressMeta?.regionLabel || "State"
+                        ] }),
+                        states.map((state) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: state.id, children: state.name }, state.id))
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.selectArrow, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV447PVRV_cjs.DownChevron, { width: 12, height: 12 }) })
+                ] }),
+                formik.touched.state_obj && formik.errors.state_obj && /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.error, children: formik.errors.state_obj })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.row, children: [
+              addressMeta?.hasPostal && /* @__PURE__ */ jsxRuntime.jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+                  addressMeta?.postalLabel || "Postal Code",
+                  " *"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: address_form_default.formControl,
+                    type: "tel",
+                    placeholder: addressMeta?.postalLabel || "Postal Code",
+                    "aria-label": "pincode",
+                    ...formik.getFieldProps("pincode")
+                  }
+                ),
+                formik.touched.pincode && formik.errors.pincode && /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.error, children: formik.errors.pincode })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("label", { children: "City/District *" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: address_form_default.formControl,
+                    type: "text",
+                    placeholder: "E.g. Kochi, Bangalore",
+                    "aria-label": "city",
+                    ...formik.getFieldProps("city")
+                  }
+                ),
+                formik.touched.city && formik.errors.city && /* @__PURE__ */ jsxRuntime.jsx("span", { className: address_form_default.error, children: formik.errors.city })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("hr", { className: address_form_default.divider }),
+            showDefaultCheckbox && /* @__PURE__ */ jsxRuntime.jsx("div", { className: address_form_default.formGroup, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: address_form_default.checkboxLabel, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  className: address_form_default.checkboxInput,
+                  checked: formik.values.is_default || false,
+                  onChange: (e) => {
+                    formik.setFieldValue("is_default", e.target.checked);
+                  }
+                }
+              ),
+              "Make this your default address"
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: address_form_default.formFooter, children: [
+            showCancel && onCancel && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: address_form_default.cancelBtn,
+                onClick: onCancel,
+                children: "Cancel"
+              }
+            ),
+            renderButton ? renderButton({
+              type: "submit",
+              disabled: !formik.isValid || isSubmitting,
+              loading: isSubmitting,
+              children: isEditing ? submitLabel : submitLabel
+            }) : /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: !formik.isValid || isSubmitting,
+                className: address_form_default.formControl,
+                style: {
+                  width: "auto",
+                  cursor: !formik.isValid || isSubmitting ? "not-allowed" : "pointer",
+                  backgroundColor: "var(--primary, #003d29)",
+                  color: "var(--btn-text, #fff)",
+                  border: "none",
+                  padding: "0.5rem 1.5rem",
+                  opacity: !formik.isValid || isSubmitting ? 0.6 : 1
+                },
+                children: isSubmitting ? "Saving..." : submitLabel
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+AddressForm.displayName = "AddressForm";
+var address_form_default2 = AddressForm;
+
+exports.address_form_default = address_form_default2;

package/dist/chunk-BTR3HLL4.js

@@ -0,0 +1,14 @@
+import { useThemeData } from './chunk-5NUDTIQ2.js';
+import { useEffect } from 'react';
+
+function ThemeDataInitializer({
+  themeData
+}) {
+  const setThemeData = useThemeData((state) => state.setThemeData);
+  useEffect(() => {
+    setThemeData(themeData);
+  }, [themeData]);
+  return null;
+}
+
+export { ThemeDataInitializer };

package/dist/chunk-DODFO744.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var zustand = require('zustand');
+
+// src/store/themeData.ts
+var useThemeData = zustand.create((set) => ({
+  themeData: null,
+  setThemeData: (data) => set({ themeData: data })
+}));
+
+exports.useThemeData = useThemeData;

package/dist/chunk-EGFOTJPC.js

@@ -0,0 +1,22 @@
+import { ShareIcon } from './chunk-U7EXLQCT.js';
+import { shareLink, convertToCurrency } from './chunk-F45S7UWC.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ShareButton = ({
+  product,
+  className = "flex space-x-2 items-center hover:text-textSecondary transition-all duration-100",
+  iconSize = 22
+}) => {
+  const _handleShare = () => {
+    shareLink(
+      `Buy ${product.name} at ${convertToCurrency(
+        Number(product.selling_price)
+      )}`,
+      product.name
+    );
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex items-start gap-4", children: /* @__PURE__ */ jsx("button", { className, onClick: _handleShare, children: /* @__PURE__ */ jsx(ShareIcon, { width: iconSize, height: iconSize }) }) });
+};
+var share_button_default = ShareButton;
+
+export { share_button_default };

package/dist/{chunk-YUPBTD4M.js → chunk-F45S7UWC.js}

@@ -1,141 +1,3 @@
-// src/utils/cache.ts
-var DEFAULT_EXPIRY_HOURS = 24;
-var CacheManager = class _CacheManager {
-  constructor() {
-    this.cache = /* @__PURE__ */ new Map();
-    this.loadFromStorage();
-  }
-  static getInstance() {
-    if (!_CacheManager.instance) {
-      _CacheManager.instance = new _CacheManager();
-    }
-    return _CacheManager.instance;
-  }
-  loadFromStorage() {
-    if (typeof window === "undefined") return;
-    try {
-      const stored = localStorage.getItem("app_cache");
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        this.cache = new Map(Object.entries(parsed));
-        this.cleanExpired();
-      }
-    } catch (error) {
-      console.warn("Failed to load cache from storage:", error);
-    }
-  }
-  saveToStorage() {
-    if (typeof window === "undefined") return;
-    try {
-      const cacheObject = Object.fromEntries(this.cache);
-      localStorage.setItem("app_cache", JSON.stringify(cacheObject));
-    } catch (error) {
-      console.warn("Failed to save cache to storage:", error);
-    }
-  }
-  cleanExpired() {
-    const now = Date.now();
-    const keysToDelete = [];
-    this.cache.forEach((item, key) => {
-      if (now > item.expiry) {
-        keysToDelete.push(key);
-      }
-    });
-    keysToDelete.forEach((key) => {
-      this.cache.delete(key);
-    });
-    this.saveToStorage();
-  }
-  set(key, data, options = {}) {
-    const expiryHours = options.expiryHours || DEFAULT_EXPIRY_HOURS;
-    const now = Date.now();
-    const expiry = now + expiryHours * 60 * 60 * 1e3;
-    const cacheItem = {
-      data,
-      timestamp: now,
-      expiry
-    };
-    this.cache.set(key, cacheItem);
-    this.saveToStorage();
-  }
-  get(key) {
-    this.cleanExpired();
-    const item = this.cache.get(key);
-    if (!item) return null;
-    const now = Date.now();
-    if (now > item.expiry) {
-      this.cache.delete(key);
-      this.saveToStorage();
-      return null;
-    }
-    return item.data;
-  }
-  has(key) {
-    this.cleanExpired();
-    return this.cache.has(key);
-  }
-  delete(key) {
-    this.cache.delete(key);
-    this.saveToStorage();
-  }
-  clear() {
-    this.cache.clear();
-    if (typeof window !== "undefined") {
-      localStorage.removeItem("app_cache");
-    }
-  }
-  getCacheInfo() {
-    this.cleanExpired();
-    return {
-      size: this.cache.size,
-      keys: Array.from(this.cache.keys())
-    };
-  }
-  invalidateCache(pattern) {
-    this.cleanExpired();
-    if (!pattern) {
-      this.clear();
-      return;
-    }
-    const keysToDelete = [];
-    this.cache.forEach((item, key) => {
-      if (key.includes(pattern)) {
-        keysToDelete.push(key);
-      }
-    });
-    keysToDelete.forEach((key) => {
-      this.cache.delete(key);
-    });
-    this.saveToStorage();
-  }
-};
-var cache = CacheManager.getInstance();
-function setCache(key, data, options = {}) {
-  cache.set(key, data, options);
-}
-function getCache(key) {
-  return cache.get(key);
-}
-function hasCache(key) {
-  return cache.has(key);
-}
-function deleteCache(key) {
-  cache.delete(key);
-}
-function clearCache() {
-  cache.clear();
-}
-function invalidateCache(pattern) {
-  cache.invalidateCache(pattern);
-}
-function generateCacheKey(endpoint, params) {
-  const baseKey = endpoint.replace(/[^a-zA-Z0-9]/g, "_");
-  if (!params) return baseKey;
-  const paramString = JSON.stringify(params);
-  const hash = btoa(paramString).replace(/[^a-zA-Z0-9]/g, "");
-  return `${baseKey}_${hash}`;
-}
-
 // src/utils/misc.ts
 function convertObjectToParams(params) {
   const cleanedParams = Object.fromEntries(
@@ -286,4 +148,4 @@ async function getAddressMeta(countryCode) {
   };
 }
 
-export { CacheManager, cache, clearCache, constructFilter, convertObjectToParams, convertToCurrency, deleteCache, digestMessage, formatDateTime, formatPostalLabel, generateCacheKey, getAddressMeta, getCache, getDelayInMilliseconds, getParamsFromURL, getQueryParams, hasCache, invalidateCache, pluralize, pushParamsToURL, setCache, shareLink };
+export { constructFilter, convertObjectToParams, convertToCurrency, digestMessage, formatDateTime, formatPostalLabel, getAddressMeta, getDelayInMilliseconds, getParamsFromURL, getQueryParams, pluralize, pushParamsToURL, shareLink };

package/dist/chunk-HAQWCNDY.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var chunk3YRSHPM6_cjs = require('./chunk-3YRSHPM6.cjs');
+var chunkOTMTHA5C_cjs = require('./chunk-OTMTHA5C.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ShareButton = ({
+  product,
+  className = "flex space-x-2 items-center hover:text-textSecondary transition-all duration-100",
+  iconSize = 22
+}) => {
+  const _handleShare = () => {
+    chunkOTMTHA5C_cjs.shareLink(
+      `Buy ${product.name} at ${chunkOTMTHA5C_cjs.convertToCurrency(
+        Number(product.selling_price)
+      )}`,
+      product.name
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className, onClick: _handleShare, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3YRSHPM6_cjs.ShareIcon, { width: iconSize, height: iconSize }) }) });
+};
+var share_button_default = ShareButton;
+
+exports.share_button_default = share_button_default;

package/dist/{chunk-Y4NGR42Z.js → chunk-HUIT4JCR.js}

@@ -1,6 +1,6 @@
 import { getCoupons, getAppliedCoupon, applyCoupon, removeCoupon } from './chunk-7M5CVYZJ.js';
 import { pixelEvents } from './chunk-WFDKKOO7.js';
-import { razorpayOrderSuccess, razorpayOrderFail, publicMakeCODOrder, makeCODOrder, stripeOrderSuccess } from './chunk-LW3V53WJ.js';
+import { razorpayOrderSuccess, razorpayOrderFail, publicMakeCODOrder, makeCODOrder, stripeOrderSuccess } from './chunk-UVU7H4E6.js';
 import { getCloudFront } from './chunk-JQMLHRWL.js';
 import { AxiosError } from 'axios';
 

package/dist/{chunk-TF2KMTB6.js → chunk-JRYWZMNT.js}

@@ -1,6 +1,6 @@
 import { updateCart, removeFromCart, addToCart, getCart } from './chunk-U25T7M6S.js';
 import { cart_default } from './chunk-QAC72HKO.js';
-import { updateOrderCustomization } from './chunk-LW3V53WJ.js';
+import { updateOrderCustomization } from './chunk-UVU7H4E6.js';
 import { auth_default } from './chunk-WEMNXIRS.js';
 import { USER_CRED_TOKEN, USER_CREDENTIALS } from './chunk-BQ256JKN.js';
 import { create } from 'zustand';

package/dist/{chunk-JCOOINQF.cjs → chunk-KLNKIQQM.cjs}

@@ -1,7 +1,8 @@
 'use strict';
 
 var chunkRDUT4W3B_cjs = require('./chunk-RDUT4W3B.cjs');
-var chunk4CVKE6CC_cjs = require('./chunk-4CVKE6CC.cjs');
+var chunkLJUGNSQQ_cjs = require('./chunk-LJUGNSQQ.cjs');
+var chunkOTMTHA5C_cjs = require('./chunk-OTMTHA5C.cjs');
 var chunkTB72NPRM_cjs = require('./chunk-TB72NPRM.cjs');
 var react = require('react');
 var formik = require('formik');
@@ -96,7 +97,7 @@ function useAddressForm(options = {}) {
     };
     const fetchAddressMeta = async () => {
       try {
-        const response = await chunk4CVKE6CC_cjs.getAddressMeta(
+        const response = await chunkOTMTHA5C_cjs.getAddressMeta(
           selectedCountry.tld_code
         );
         setAddressMeta(response);
@@ -146,7 +147,7 @@ function useAddressForm(options = {}) {
       }
       formik$1.setValues(addressValues);
     } else {
-      const locationData = chunk4CVKE6CC_cjs.getCache(locationCacheKey);
+      const locationData = chunkLJUGNSQQ_cjs.getCache(locationCacheKey);
       if (locationData) {
         const { country_code = "IN" } = locationData;
         const foundCountry = supportedCountries.find(