@superlogic/spree-pay 0.3.0 → 0.3.2

package/README.md

@@ -18,7 +18,7 @@ import { useCapture3DS } from '@superlogic/spree-pay';
 import '@superlogic/spree-pay/styles.css';
 
 const spreeEnv = {
-  tenantId: 'moca' as const, // Keep moca for crypto payments on BASE network
+  tenantId: 'your-tenant-id', // Tenant identifier provided during onboarding
   environment: 'dev' as const,
   redirect3dsURI: '/3ds', // Any valid URI in your app that captures 3ds redirect
   ssoPageURI: '/silent-check-sso.html', // Any valid URI in your app that will handle Keycloak SSO (example below)
@@ -115,7 +115,7 @@ type SpreePayProps = {
 ```typescript
 type ENV = {
   environment: 'dev' | 'stg' | 'prod'; // Environment for API endpoints and logging
-  tenantId: 'bookit' | 'moca' | 'qiibee' | 'umhp' | 'cdc'; // Tenant identifier
+  tenantId: string; // Tenant identifier
   ssoPageURI: string; // Path to Keycloak SSO page (e.g., '/silent-check-sso.html')
   redirect3dsURI: string; // Path to 3DS redirect handler (e.g., '/3ds')
   accessToken?: string; // Optional: provide pre-authenticated token to skip Keycloak SSO

package/build/{CryptoComTab-56XWMDNP.js → CryptoComTab-XPQRAAD5.js}

@@ -1,6 +1,6 @@
 import {
   Iframe3ds
-} from "./chunk-5N74UPWG.js";
+} from "./chunk-256NJIJQ.js";
 import {
   InfoBanner,
   Legal,
@@ -12,7 +12,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-72WHAUEF.js";
+} from "./chunk-QNXCPSL7.js";
 
 // src/components/CryptoComTab/CryptoComTab.tsx
 import { useCallback, useEffect } from "react";

package/build/{CryptoTab-3T5GBOMU.js → CryptoTab-VDQLJRGP.js}

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

package/build/{chunk-5N74UPWG.js → chunk-256NJIJQ.js}

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

package/build/{chunk-72WHAUEF.js → chunk-QNXCPSL7.js}

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

package/build/{chunk-2NS5OFHY.js → chunk-STFEOIP4.js}

@@ -6,7 +6,7 @@ import {
   useSpreePayEnv,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-72WHAUEF.js";
+} from "./chunk-QNXCPSL7.js";
 
 // src/components/common/PointsSwitch.tsx
 import { useId } from "react";
@@ -235,12 +235,12 @@ var CheckoutButton = ({ isLoggedIn }) => {
     return "Checkout";
   };
   const checkoutClass = "text-(--inverse) h-14 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-4 text-center text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
-  return /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-4 bg-(--s-default) p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-4 p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
     /* @__PURE__ */ jsx5(Legal, {}),
     isLoggedIn ? /* @__PURE__ */ jsx5(Fragment, { children: onProcess && /* @__PURE__ */ jsx5("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ jsx5(
       "a",
       {
-        href: `${staticConfig.keycloakUrl}/realms/${env.tenantId}/protocol/openid-connect/auth?client_id=${staticConfig.keycloakClientId}&response_type=code&redirect_uri=${window.location.href}`,
+        href: `${staticConfig.keycloakUrl}/realms/${env.tenantId}/protocol/openid-connect/auth?client_id=${env.keycloakClientId ?? "oneof-next"}&response_type=code&redirect_uri=${window.location.href}`,
         className: checkoutClass,
         children: "Log in / Sign up for an AIR account"
       }

package/build/index.cjs

@@ -68,7 +68,7 @@ var init_payments = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.3.0";
+    version = "0.3.2";
   }
 });
 
@@ -1262,12 +1262,12 @@ var init_CheckoutButton = __esm({
         return "Checkout";
       };
       const checkoutClass = "text-(--inverse) h-14 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-4 text-center text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex w-full flex-col gap-4 bg-(--s-default) p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex w-full flex-col gap-4 p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Legal, {}),
         isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: onProcess && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "a",
           {
-            href: `${staticConfig.keycloakUrl}/realms/${env.tenantId}/protocol/openid-connect/auth?client_id=${staticConfig.keycloakClientId}&response_type=code&redirect_uri=${window.location.href}`,
+            href: `${staticConfig.keycloakUrl}/realms/${env.tenantId}/protocol/openid-connect/auth?client_id=${env.keycloakClientId ?? "oneof-next"}&response_type=code&redirect_uri=${window.location.href}`,
             className: checkoutClass,
             children: "Log in / Sign up for an AIR account"
           }
@@ -3379,7 +3379,7 @@ var CreditCard = () => {
         {
           onClick: () => setShowForm(true),
           disabled: !spreePayConfig?.stripePublicKey,
-          className: "text-md text-(--brand-primary) hover:underline",
+          className: "text-md text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
           children: "Add new card"
         }
       )

package/build/index.css

@@ -1315,6 +1315,11 @@
     color: var(--disabled);
   }
 }
+.sl-spreepay .disabled\:no-underline {
+  &:disabled {
+    text-decoration-line: none;
+  }
+}
 .sl-spreepay .disabled\:opacity-50 {
   &:disabled {
     opacity: 50%;

package/build/index.d.cts

@@ -14,13 +14,11 @@ declare const SpreePay: FC<SpreePayProps>;
 
 declare const useCapture3DS: (searchParams: Record<string, string | null>) => void;
 
-type TenantId = 'bookit' | 'moca' | 'qiibee' | 'umhp' | 'cdc' | 'tria';
-
 type Environment = 'dev' | 'stg' | 'prod';
 type ENV = {
     environment: Environment;
     ssoPageURI: string;
-    tenantId: TenantId;
+    tenantId: string;
     redirect3dsURI: string;
     accessToken?: string;
     useWeb3Points?: boolean;

package/build/index.d.ts

@@ -14,13 +14,11 @@ declare const SpreePay: FC<SpreePayProps>;
 
 declare const useCapture3DS: (searchParams: Record<string, string | null>) => void;
 
-type TenantId = 'bookit' | 'moca' | 'qiibee' | 'umhp' | 'cdc' | 'tria';
-
 type Environment = 'dev' | 'stg' | 'prod';
 type ENV = {
     environment: Environment;
     ssoPageURI: string;
-    tenantId: TenantId;
+    tenantId: string;
     redirect3dsURI: string;
     accessToken?: string;
     useWeb3Points?: boolean;

package/build/index.js

@@ -8,10 +8,10 @@ import {
   getSplitAmount,
   getTransactionFee,
   useSlapiBalance
-} from "./chunk-2NS5OFHY.js";
+} from "./chunk-STFEOIP4.js";
 import {
   Iframe3ds
-} from "./chunk-5N74UPWG.js";
+} from "./chunk-256NJIJQ.js";
 import {
   InfoBanner,
   LogLevel,
@@ -31,7 +31,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-72WHAUEF.js";
+} from "./chunk-QNXCPSL7.js";
 
 // src/SpreePay.tsx
 import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo7, useState as useState10 } from "react";
@@ -868,7 +868,7 @@ var CreditCard = () => {
         {
           onClick: () => setShowForm(true),
           disabled: !spreePayConfig?.stripePublicKey,
-          className: "text-md text-(--brand-primary) hover:underline",
+          className: "text-md text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
           children: "Add new card"
         }
       )
@@ -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-3T5GBOMU.js").then((module) => ({ default: module.CryptoTab })));
+var CryptoTab = lazy(() => import("./CryptoTab-VDQLJRGP.js").then((module) => ({ default: module.CryptoTab })));
 var CryptoComTab = lazy(
-  () => import("./CryptoComTab-56XWMDNP.js").then((module) => ({ default: module.CryptoComTab }))
+  () => import("./CryptoComTab-XPQRAAD5.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.3.0",
+  "version": "0.3.2",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",