@superlogic/spree-pay 0.4.11 → 0.4.12

package/build/{CryptoComTab-OCWI7MFM.js → CryptoComTab-DAKL7IZF.js}

@@ -1,6 +1,6 @@
 import {
   Iframe3ds
-} from "./chunk-VDX65MBD.js";
+} from "./chunk-JXZZJ7NS.js";
 import {
   InfoBanner,
   Legal,
@@ -12,7 +12,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-WRFG6YIS.js";
 
 // src/components/CryptoComTab/CryptoComTab.tsx
 import { useCallback, useEffect } from "react";

package/build/{CryptoTab-4WXYLS43.js → CryptoTab-57MMM4AG.js}

@@ -2,7 +2,7 @@ import {
   CheckoutButton,
   PointsSwitch,
   cn as cn2
-} from "./chunk-WHTBHEIN.js";
+} from "./chunk-RORSHUSF.js";
 import {
   Dialog,
   DialogContent,
@@ -16,7 +16,7 @@ import {
   useSpreePayConfig,
   useSpreePayRegister,
   useSpreePaymentMethod
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-WRFG6YIS.js";
 
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 import { useMemo as useMemo2 } from "react";

package/build/{chunk-VDX65MBD.js → chunk-JXZZJ7NS.js}

@@ -3,7 +3,7 @@ import {
   DialogContent,
   DialogDescription,
   DialogTitle
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-WRFG6YIS.js";
 
 // src/modals/Iframe3ds.tsx
 import { useEffect } from "react";
@@ -37,7 +37,7 @@ var Iframe3ds = NiceModal.create(({ url }) => {
     modal.reject();
     modal.remove();
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[600px] w-full max-w-[680px] p-0", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[90dvh] w-full max-w-[680px] overflow-hidden p-0", children: [
     /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Payment Verification" }),
     /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Complete 3D Secure verification to finalize your payment" }),
     /* @__PURE__ */ jsx(
@@ -45,8 +45,8 @@ var Iframe3ds = NiceModal.create(({ url }) => {
       {
         src: url,
         id: "3ds-iframe",
-        title: "Payment Verificatio",
-        className: "h-[731px] w-full rounded-lg border-0"
+        title: "Payment Verification",
+        className: "h-[731px] max-h-[90dvh] w-full rounded-lg border-0"
       }
     )
   ] }) });

package/build/{chunk-WHTBHEIN.js → chunk-RORSHUSF.js}

@@ -6,7 +6,7 @@ import {
   useSpreePayEnv,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-WRFG6YIS.js";
 
 // src/components/common/PointsSwitch.tsx
 import { useId } from "react";

package/build/{chunk-NAY4SEME.js → chunk-WRFG6YIS.js}

@@ -10,7 +10,7 @@ var PaymentType = /* @__PURE__ */ ((PaymentType2) => {
 })(PaymentType || {});
 
 // package.json
-var version = "0.4.11";
+var version = "0.4.12";
 
 // src/utils/logger.ts
 var LogLevel = /* @__PURE__ */ ((LogLevel2) => {

package/build/index.cjs

@@ -69,7 +69,7 @@ var init_payments = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.4.11";
+    version = "0.4.12";
   }
 });
 
@@ -595,7 +595,7 @@ var init_Iframe3ds = __esm({
         modal.reject();
         modal.remove();
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DialogContent, { className: "max-h-[600px] w-full max-w-[680px] p-0", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dialog, { open: modal.visible, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DialogContent, { className: "max-h-[90dvh] w-full max-w-[680px] overflow-hidden p-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogTitle, { className: "sr-only", children: "Payment Verification" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogDescription, { className: "sr-only", children: "Complete 3D Secure verification to finalize your payment" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -603,8 +603,8 @@ var init_Iframe3ds = __esm({
           {
             src: url,
             id: "3ds-iframe",
-            title: "Payment Verificatio",
-            className: "h-[731px] w-full rounded-lg border-0"
+            title: "Payment Verification",
+            className: "h-[731px] max-h-[90dvh] w-full rounded-lg border-0"
           }
         )
       ] }) });

package/build/index.css

@@ -430,12 +430,12 @@
 .sl-spreepay .max-h-\[40vh\] {
   max-height: 40vh;
 }
+.sl-spreepay .max-h-\[90dvh\] {
+  max-height: 90dvh;
+}
 .sl-spreepay .max-h-\[90vh\] {
   max-height: 90vh;
 }
-.sl-spreepay .max-h-\[600px\] {
-  max-height: 600px;
-}
 .sl-spreepay .min-h-11 {
   min-height: calc(var(--spacing) * 11);
 }

package/build/index.js

@@ -8,10 +8,10 @@ import {
   getSplitAmount,
   getTransactionFee,
   useSlapiBalance
-} from "./chunk-WHTBHEIN.js";
+} from "./chunk-RORSHUSF.js";
 import {
   Iframe3ds
-} from "./chunk-VDX65MBD.js";
+} from "./chunk-JXZZJ7NS.js";
 import {
   InfoBanner,
   LogLevel,
@@ -32,7 +32,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-NAY4SEME.js";
+} from "./chunk-WRFG6YIS.js";
 
 // src/SpreePay.tsx
 import { useCallback as useCallback8, useEffect as useEffect7, useMemo as useMemo9, useState as useState12 } from "react";
@@ -2260,9 +2260,9 @@ var TabButtons = (props) => {
 
 // src/SpreePayContent.tsx
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-var CryptoTab = lazy(() => import("./CryptoTab-4WXYLS43.js").then((module) => ({ default: module.CryptoTab })));
+var CryptoTab = lazy(() => import("./CryptoTab-57MMM4AG.js").then((module) => ({ default: module.CryptoTab })));
 var CryptoComTab = lazy(
-  () => import("./CryptoComTab-OCWI7MFM.js").then((module) => ({ default: module.CryptoComTab }))
+  () => import("./CryptoComTab-DAKL7IZF.js").then((module) => ({ default: module.CryptoComTab }))
 );
 var TabLoadingFallback = () => /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center px-5 py-8 md:px-7", children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center gap-3", children: [
   /* @__PURE__ */ jsx18("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-(--border-component-specific-card) border-t-(--brand-primary)" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",