@superlogic/spree-pay 0.2.1 → 0.2.2

package/build/{CryptoComTab-WWW23OV5.js → CryptoComTab-7DN7HG7M.js}

@@ -1,6 +1,6 @@
 import {
   Iframe3ds
-} from "./chunk-2V675UEC.js";
+} from "./chunk-4BDR3N7M.js";
 import {
   InfoBanner,
   Legal,
@@ -12,7 +12,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-RQX2IOTB.js";
+} from "./chunk-KPMIOTDR.js";
 
 // src/components/CryptoComTab/CryptoComTab.tsx
 import { useCallback, useEffect } from "react";

package/build/{CryptoTab-HISSGXAC.js → CryptoTab-Z46HR527.js}

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

package/build/{chunk-2V675UEC.js → chunk-4BDR3N7M.js}

@@ -2,7 +2,7 @@ import {
   Dialog,
   DialogContent,
   DialogTitle
-} from "./chunk-RQX2IOTB.js";
+} from "./chunk-KPMIOTDR.js";
 
 // src/modals/Iframe3ds.tsx
 import { useEffect } from "react";

package/build/{chunk-RQX2IOTB.js → chunk-KPMIOTDR.js}

@@ -9,7 +9,7 @@ var PaymentType = /* @__PURE__ */ ((PaymentType2) => {
 })(PaymentType || {});
 
 // package.json
-var version = "0.2.1";
+var version = "0.2.2";
 
 // src/utils/logger.ts
 var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
@@ -534,7 +534,7 @@ var InfoBanner = (props) => {
         /* @__PURE__ */ jsx3(
           "p",
           {
-            className: "text-[14px] leading-5 text-(--primary) [&_a]:underline",
+            className: "break-anywhere text-[14px] leading-5 text-(--primary) [&_a]:underline",
             dangerouslySetInnerHTML: { __html: xss(message) }
           }
         )

package/build/{chunk-FGNS5H2Q.js → chunk-NQAB4YTR.js}

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

package/build/index.cjs

@@ -68,7 +68,7 @@ var init_payments = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.2.1";
+    version = "0.2.2";
   }
 });
 
@@ -1119,7 +1119,7 @@ var init_InfoBanner = __esm({
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "p",
               {
-                className: "text-[14px] leading-5 text-(--primary) [&_a]:underline",
+                className: "break-anywhere text-[14px] leading-5 text-(--primary) [&_a]:underline",
                 dangerouslySetInnerHTML: { __html: (0, import_xss.default)(message) }
               }
             )
@@ -4679,7 +4679,7 @@ var TabButtons = (props) => {
       onChange({ type, method: null });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full gap-4 overflow-x-scroll px-5 py-2 md:px-7", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full gap-4 overflow-x-auto px-5 py-2 md:px-7", children: [
     configIsLoading && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "h-[74px] w-[180px] animate-pulse rounded-md bg-(--s-primary)" }),
     spreePayConfig?.creditCard.enabled && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TabButton, { onClick: handleChange("CREDIT_CARD" /* CREDIT_CARD */), isActive: value === "CREDIT_CARD" /* CREDIT_CARD */, children: [
       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "size-8", viewBox: "0 0 32 32", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(

package/build/index.css

@@ -561,6 +561,9 @@
 .sl-spreepay .overflow-hidden {
   overflow: hidden;
 }
+.sl-spreepay .overflow-x-auto {
+  overflow-x: auto;
+}
 .sl-spreepay .overflow-x-scroll {
   overflow-x: scroll;
 }

package/build/index.js

@@ -8,10 +8,10 @@ import {
   getSplitAmount,
   getTransactionFee,
   useSlapiBalance
-} from "./chunk-FGNS5H2Q.js";
+} from "./chunk-NQAB4YTR.js";
 import {
   Iframe3ds
-} from "./chunk-2V675UEC.js";
+} from "./chunk-4BDR3N7M.js";
 import {
   InfoBanner,
   LogLevel,
@@ -31,7 +31,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-RQX2IOTB.js";
+} from "./chunk-KPMIOTDR.js";
 
 // src/SpreePay.tsx
 import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo7, useState as useState10 } from "react";
@@ -2144,7 +2144,7 @@ var TabButtons = (props) => {
       onChange({ type, method: null });
     }
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "flex w-full gap-4 overflow-x-scroll px-5 py-2 md:px-7", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "flex w-full gap-4 overflow-x-auto px-5 py-2 md:px-7", children: [
     configIsLoading && /* @__PURE__ */ jsx17("div", { className: "h-[74px] w-[180px] animate-pulse rounded-md bg-(--s-primary)" }),
     spreePayConfig?.creditCard.enabled && /* @__PURE__ */ jsxs10(TabButton, { onClick: handleChange("CREDIT_CARD" /* CREDIT_CARD */), isActive: value === "CREDIT_CARD" /* CREDIT_CARD */, children: [
       /* @__PURE__ */ jsx17("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "size-8", viewBox: "0 0 32 32", children: /* @__PURE__ */ jsx17(
@@ -2190,9 +2190,9 @@ var TabButtons = (props) => {
 
 // src/SpreePayContent.tsx
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-var CryptoTab = lazy(() => import("./CryptoTab-HISSGXAC.js").then((module) => ({ default: module.CryptoTab })));
+var CryptoTab = lazy(() => import("./CryptoTab-Z46HR527.js").then((module) => ({ default: module.CryptoTab })));
 var CryptoComTab = lazy(
-  () => import("./CryptoComTab-WWW23OV5.js").then((module) => ({ default: module.CryptoComTab }))
+  () => import("./CryptoComTab-7DN7HG7M.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.2.1",
+  "version": "0.2.2",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",