@storepecker/storefront-core 2.4.0 → 2.4.1

package/dist/{chunk-VWQR3A7V.cjs → chunk-6DXB4O6P.cjs}

@@ -1,29 +1,69 @@
 'use strict';
 
 var chunkBBRB475I_cjs = require('./chunk-BBRB475I.cjs');
-var Modal = require('react-responsive-modal');
-require('react-responsive-modal/styles.css');
+var react = require('react');
+var reactDom = require('react-dom');
+var clsx = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var Modal__default = /*#__PURE__*/_interopDefault(Modal);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
+function Modal({
+  open,
+  onClose,
+  className,
+  children
+}) {
+  react.useEffect(() => {
+    if (!open) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKey);
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [open, onClose]);
+  if (!open || typeof document === "undefined") return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+        onClick: onClose,
+        role: "dialog",
+        "aria-modal": "true",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: clsx__default.default(
+              "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg bg-white shadow-xl",
+              className
+            ),
+            onClick: (e) => e.stopPropagation(),
+            children
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
 var checkIfLimitReached = (attribute) => {
   return chunkBBRB475I_cjs.isExpired(attribute.expiry_date) || attribute.download_count === 0;
 };
 var DigitalProductDownloadModal = ({ open, onClose, product, downloadAttribute, onDownload, loading }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Modal__default.default,
+    Modal,
     {
-      classNames: {
-        modal: "modal modal-lg modal-confirm",
-        closeButton: "modal-close"
-      },
       open,
       onClose,
-      center: true,
-      closeIcon: null,
+      className: "modal modal-lg modal-confirm max-w-2xl",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-body px-4 py-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-2xl block mb-2 fw-regular", children: [
           "Download links for ",

package/dist/{chunk-NA5GT4D3.js → chunk-LLRSKDH5.js}

@@ -1,8 +1,53 @@
 import { timeFromNow, isExpired } from './chunk-HSF2D56O.js';
-import Modal from 'react-responsive-modal';
-import 'react-responsive-modal/styles.css';
+import { useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import clsx from 'clsx';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+function Modal({
+  open,
+  onClose,
+  className,
+  children
+}) {
+  useEffect(() => {
+    if (!open) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKey);
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [open, onClose]);
+  if (!open || typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+        onClick: onClose,
+        role: "dialog",
+        "aria-modal": "true",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg bg-white shadow-xl",
+              className
+            ),
+            onClick: (e) => e.stopPropagation(),
+            children
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
 var checkIfLimitReached = (attribute) => {
   return isExpired(attribute.expiry_date) || attribute.download_count === 0;
 };
@@ -10,14 +55,9 @@ var DigitalProductDownloadModal = ({ open, onClose, product, downloadAttribute,
   return /* @__PURE__ */ jsx(
     Modal,
     {
-      classNames: {
-        modal: "modal modal-lg modal-confirm",
-        closeButton: "modal-close"
-      },
       open,
       onClose,
-      center: true,
-      closeIcon: null,
+      className: "modal modal-lg modal-confirm max-w-2xl",
       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 ",

package/dist/components/digital-product-download-modal.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkVWQR3A7V_cjs = require('../chunk-VWQR3A7V.cjs');
+var chunk6DXB4O6P_cjs = require('../chunk-6DXB4O6P.cjs');
 require('../chunk-BBRB475I.cjs');
 
 
 
-module.exports = chunkVWQR3A7V_cjs.digital_product_download_modal_default;
+module.exports = chunk6DXB4O6P_cjs.digital_product_download_modal_default;

package/dist/components/digital-product-download-modal.js

@@ -1,2 +1,2 @@
-export { digital_product_download_modal_default as default } from '../chunk-NA5GT4D3.js';
+export { digital_product_download_modal_default as default } from '../chunk-LLRSKDH5.js';
 import '../chunk-HSF2D56O.js';

package/dist/components/index.cjs

@@ -4,7 +4,7 @@ var chunkB3BXKMQA_cjs = require('../chunk-B3BXKMQA.cjs');
 var chunkV447PVRV_cjs = require('../chunk-V447PVRV.cjs');
 var chunkHAQWCNDY_cjs = require('../chunk-HAQWCNDY.cjs');
 var chunk3YRSHPM6_cjs = require('../chunk-3YRSHPM6.cjs');
-var chunkVWQR3A7V_cjs = require('../chunk-VWQR3A7V.cjs');
+var chunk6DXB4O6P_cjs = require('../chunk-6DXB4O6P.cjs');
 var chunkLHF5BSWO_cjs = require('../chunk-LHF5BSWO.cjs');
 require('../chunk-BBRB475I.cjs');
 require('../chunk-KLNKIQQM.cjs');
@@ -38,7 +38,7 @@ Object.defineProperty(exports, "ShareIcon", {
 });
 Object.defineProperty(exports, "DigitalProductDownloadModal", {
   enumerable: true,
-  get: function () { return chunkVWQR3A7V_cjs.digital_product_download_modal_default; }
+  get: function () { return chunk6DXB4O6P_cjs.digital_product_download_modal_default; }
 });
 Object.defineProperty(exports, "ThemeDataInitializer", {
   enumerable: true,

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { address_form_default as AddressForm } from '../chunk-L43KF3AC.js';
 export { search_dropdown_default as SearchDropdown } from '../chunk-YK4M3SFP.js';
 export { share_button_default as ShareButton } from '../chunk-EGFOTJPC.js';
 export { ShareIcon } from '../chunk-U7EXLQCT.js';
-export { digital_product_download_modal_default as DigitalProductDownloadModal } from '../chunk-NA5GT4D3.js';
+export { digital_product_download_modal_default as DigitalProductDownloadModal } from '../chunk-LLRSKDH5.js';
 export { ThemeDataInitializer } from '../chunk-BTR3HLL4.js';
 import '../chunk-HSF2D56O.js';
 import '../chunk-6Q7QMPOQ.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storepecker/storefront-core",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "Shared logic and utilities for Snapstore themes",
   "type": "module",
   "main": "./dist/index.js",
@@ -149,7 +149,6 @@
     "libphonenumber-js": "^1.10.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "react-responsive-modal": "^6.0.0",
     "typescript-cookie": "^1.0.0",
     "yup": "^1.0.0",
     "zustand": "^5.0.0"
@@ -169,15 +168,13 @@
     },
     "jwt-decode": {
       "optional": true
-    },
-    "react-responsive-modal": {
-      "optional": true
     }
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
     "@types/node": "^25.3.3",
     "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.3.7",
     "axios": "^1.7.0",
     "clsx": "^2.1.1",
     "esbuild-css-modules-plugin": "^3.1.5",
@@ -189,7 +186,6 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-easy-crop": "^5.5.6",
-    "react-responsive-modal": "^6.4.0",
     "react-toastify": "^11.0.5",
     "sass": "^1.97.3",
     "tsup": "^8.0.0",