@storepecker/storefront-core 2.3.6 → 2.4.0

package/dist/chunk-L43KF3AC.js

@@ -0,0 +1,269 @@
+import { search_dropdown_default, DownChevron } from './chunk-YK4M3SFP.js';
+import { useAddressForm } from './chunk-6Q7QMPOQ.js';
+import { forwardRef, useImperativeHandle, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/address-form/address-form.module.css
+var address_form_default = {};
+var AddressForm = 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
+    } = useAddressForm({
+      address,
+      onSuccess,
+      onError,
+      locationCacheKey,
+      defaultCountryId
+    });
+    useImperativeHandle(
+      ref,
+      () => ({
+        formik,
+        resetForm: () => formik.resetForm()
+      }),
+      [formik]
+    );
+    useEffect(() => {
+      onFormikReady?.(formik);
+    }, [formik, onFormikReady]);
+    return /* @__PURE__ */ jsxs(
+      "form",
+      {
+        name: "address-form",
+        className: `${address_form_default.addressForm} ${className || ""}`,
+        onSubmit: formik.handleSubmit,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: address_form_default.formBody, children: [
+            /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsx("label", { children: "Name *" }),
+              /* @__PURE__ */ 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__ */ jsx("span", { className: address_form_default.error, children: formik.errors.customer_name })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsx("label", { children: "Email *" }),
+              /* @__PURE__ */ 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__ */ jsx("span", { className: address_form_default.error, children: formik.errors.customer_email })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsx("label", { children: "Phone *" }),
+              /* @__PURE__ */ jsxs("div", { className: address_form_default.phoneRow, children: [
+                /* @__PURE__ */ jsx("div", { className: address_form_default.phoneCodeCol, children: /* @__PURE__ */ jsx(
+                  search_dropdown_default,
+                  {
+                    options: countryCodeOptions,
+                    value: formik.values.customer_country_code,
+                    onChange: handlePhoneCountryChange,
+                    placeholder: "Country",
+                    searchPlaceholder: "Search country...",
+                    maxHeight: "250px"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: address_form_default.phoneInputCol, children: /* @__PURE__ */ 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__ */ jsx("span", { className: address_form_default.error, children: formik.errors.customer_phone })
+            ] }),
+            /* @__PURE__ */ jsx("hr", { className: address_form_default.divider }),
+            /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+              /* @__PURE__ */ jsx("label", { children: "Address (House No, Building, Street, Area) *" }),
+              /* @__PURE__ */ 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__ */ jsx("span", { className: address_form_default.error, children: formik.errors.address })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: address_form_default.row, children: [
+              /* @__PURE__ */ jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsx("label", { className: "text-capitalize", children: "Country *" }),
+                /* @__PURE__ */ jsx(
+                  search_dropdown_default,
+                  {
+                    options: countryCodeOptions,
+                    value: selectedCountry?.tld_code,
+                    onChange: handleCountryCodeChange,
+                    placeholder: "Select country",
+                    searchPlaceholder: "Search country...",
+                    maxHeight: "250px",
+                    name: "country_obj"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsxs("label", { style: { textTransform: "capitalize" }, children: [
+                  addressMeta?.regionLabel || "State",
+                  " *"
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: address_form_default.selectWrapper, children: [
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      className: address_form_default.formControl,
+                      "aria-label": "state",
+                      "data-select": "",
+                      ...formik.getFieldProps("state_obj"),
+                      children: [
+                        /* @__PURE__ */ jsxs("option", { value: "", children: [
+                          "Select ",
+                          addressMeta?.regionLabel || "State"
+                        ] }),
+                        states.map((state) => /* @__PURE__ */ jsx("option", { value: state.id, children: state.name }, state.id))
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: address_form_default.selectArrow, children: /* @__PURE__ */ jsx(DownChevron, { width: 12, height: 12 }) })
+                ] }),
+                formik.touched.state_obj && formik.errors.state_obj && /* @__PURE__ */ jsx("span", { className: address_form_default.error, children: formik.errors.state_obj })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: address_form_default.row, children: [
+              addressMeta?.hasPostal && /* @__PURE__ */ jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsxs("label", { children: [
+                  addressMeta?.postalLabel || "Postal Code",
+                  " *"
+                ] }),
+                /* @__PURE__ */ 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__ */ jsx("span", { className: address_form_default.error, children: formik.errors.pincode })
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { className: address_form_default.col, children: /* @__PURE__ */ jsxs("div", { className: address_form_default.formGroup, children: [
+                /* @__PURE__ */ jsx("label", { children: "City/District *" }),
+                /* @__PURE__ */ 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__ */ jsx("span", { className: address_form_default.error, children: formik.errors.city })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsx("hr", { className: address_form_default.divider }),
+            showDefaultCheckbox && /* @__PURE__ */ jsx("div", { className: address_form_default.formGroup, children: /* @__PURE__ */ jsxs("label", { className: address_form_default.checkboxLabel, children: [
+              /* @__PURE__ */ 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__ */ jsxs("div", { className: address_form_default.formFooter, children: [
+            showCancel && onCancel && /* @__PURE__ */ 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__ */ 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;
+
+export { address_form_default2 as address_form_default };

package/dist/chunk-LHF5BSWO.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkDODFO744_cjs = require('./chunk-DODFO744.cjs');
+var react = require('react');
+
+function ThemeDataInitializer({
+  themeData
+}) {
+  const setThemeData = chunkDODFO744_cjs.useThemeData((state) => state.setThemeData);
+  react.useEffect(() => {
+    setThemeData(themeData);
+  }, [themeData]);
+  return null;
+}
+
+exports.ThemeDataInitializer = ThemeDataInitializer;

package/dist/chunk-LJUGNSQQ.cjs

@@ -0,0 +1,149 @@
+'use strict';
+
+// 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}`;
+}
+
+exports.CacheManager = CacheManager;
+exports.cache = cache;
+exports.clearCache = clearCache;
+exports.deleteCache = deleteCache;
+exports.generateCacheKey = generateCacheKey;
+exports.getCache = getCache;
+exports.hasCache = hasCache;
+exports.invalidateCache = invalidateCache;
+exports.setCache = setCache;

package/dist/chunk-NA5GT4D3.js

@@ -0,0 +1,75 @@
+import { timeFromNow, isExpired } from './chunk-HSF2D56O.js';
+import Modal from 'react-responsive-modal';
+import 'react-responsive-modal/styles.css';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var checkIfLimitReached = (attribute) => {
+  return isExpired(attribute.expiry_date) || attribute.download_count === 0;
+};
+var DigitalProductDownloadModal = ({ open, onClose, product, downloadAttribute, onDownload, loading }) => {
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      classNames: {
+        modal: "modal modal-lg modal-confirm",
+        closeButton: "modal-close"
+      },
+      open,
+      onClose,
+      center: true,
+      closeIcon: null,
+      children: /* @__PURE__ */ jsxs("div", { className: "modal-body px-4 py-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-2xl block mb-2 fw-regular", children: [
+          "Download links for ",
+          product?.product_name
+        ] }),
+        /* @__PURE__ */ jsx("hr", { className: "mb-4 mt-2" }),
+        /* @__PURE__ */ jsx("div", { className: "download-links", children: loading ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx("div", { className: "w-100 rounded-1 mb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "w-100", children: [
+            /* @__PURE__ */ jsx("div", { className: "shine line w-75" }),
+            /* @__PURE__ */ jsx("div", { className: "shine line w-50 mt-2" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "shine w-160 h-32 rounded-1" })
+        ] }) }, index)) : downloadAttribute.map((attribute, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between mt-3",
+            children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("span", { className: "block text-md lh-1", children: [
+                  "Download link ",
+                  index + 1
+                ] }),
+                checkIfLimitReached(attribute) ? /* @__PURE__ */ jsx("span", { className: "text-danger text-sm lh-1", children: "Download link expired." }) : /* @__PURE__ */ jsxs("span", { className: "text-textSecondary text-sm lh-1", children: [
+                  "Remaining tries: ",
+                  attribute.download_count,
+                  " ",
+                  "\u2022\xA0 Expires",
+                  " ",
+                  timeFromNow(attribute.expiry_date)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "btn btn-text btn-medium",
+                  onClick: () => onDownload(attribute),
+                  disabled: checkIfLimitReached(attribute),
+                  children: "Download"
+                }
+              )
+            ]
+          },
+          `${attribute.download_link}-${index}`
+        )) }),
+        /* @__PURE__ */ jsxs("p", { className: "text-textSecondary text-sm fw-regular p-2 bg-warning-light rounded-2 mt-4", children: [
+          /* @__PURE__ */ jsx("strong", { className: "text-textSecondary", children: "Warning:" }),
+          " The download link is time-sensitive and will expire after a set period. You are limited to a specific number of download attempts, with each attempt reducing the remaining tries. To avoid any disruptions, please ensure a stable internet connection before proceeding with the download."
+        ] })
+      ] })
+    }
+  );
+};
+var digital_product_download_modal_default = DigitalProductDownloadModal;
+
+export { digital_product_download_modal_default };

package/dist/chunk-OSM73ETC.js

@@ -0,0 +1,139 @@
+// 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}`;
+}
+
+export { CacheManager, cache, clearCache, deleteCache, generateCacheKey, getCache, hasCache, invalidateCache, setCache };