@payment-kit-js/vanilla 0.1.2 → 0.2.0

package/README.md

@@ -1,6 +1,12 @@
 # @payment-kit-js/vanilla
 
-Vanilla JavaScript SDK for PaymentKit - A type-safe, framework-agnostic payment processing SDK supporting card payments, PayPal, and Google Pay.
+Vanilla JavaScript SDK for PaymentKit. A type-safe, framework-agnostic payment processing library supporting card payments, PayPal, and Google Pay.
+
+## Documentation
+
+For complete documentation, guides, and examples, visit:
+
+**[PaymentKit.js Documentation](https://docs.paymentkit.com/guides/integration/paymentkit-js)**
 
 ## Installation
 
@@ -14,11 +20,9 @@ npm install @payment-kit-js/vanilla
 import PaymentKit from '@payment-kit-js/vanilla';
 import CardPaymentMethod from '@payment-kit-js/vanilla/payment-methods/card';
 
-// Initialize PaymentKit
 const paymentKit = PaymentKit({
-  baseUrl: 'https://your-domain.com',      // For loading iframes
-  apiBaseUrl: 'https://api.domain.com',    // For API calls (optional, defaults to baseUrl)
-  secureToken: 'checkout_session_token',   // From your backend
+  environment: 'production', // 'sandbox' or 'production'
+  secureToken: 'checkout_session_token',
   paymentMethods: [CardPaymentMethod]
 });
 
@@ -46,709 +50,19 @@ paymentKit.cleanup();
 
 ## Payment Methods
 
-### Card Payments
-
-Secure PCI-compliant card payments using isolated iframes.
-
-#### Import
-
-```typescript
-import CardPaymentMethod from '@payment-kit-js/vanilla/payment-methods/card';
-import type { CardInputType } from '@payment-kit-js/vanilla/payment-methods/card';
-```
-
-#### Initialize
-
-```typescript
-const paymentKit = PaymentKit({
-  baseUrl: 'https://your-domain.com',
-  secureToken: 'checkout_token',
-  paymentMethods: [CardPaymentMethod]
-});
-```
-
-#### Create Card Elements
-
-```typescript
-// Card input types: 'card_pan' | 'card_exp' | 'card_cvc'
-const cardNumber = paymentKit.card.createElement('card_pan', {
-  style: {
-    height: '40px',
-    fontSize: '16px',
-    fontFamily: 'Arial, sans-serif',
-    color: '#32325d',
-    padding: '10px'
-  },
-  onLoaded: () => console.log('Card input loaded'),
-  onFocusChange: (isFocused) => console.log('Focus:', isFocused)
-});
-
-// Mount to DOM
-const { unmount } = cardNumber.mount('#card-number-container');
-
-// Unmount when needed
-unmount();
-```
-
-#### Submit Card Payment
-
-```typescript
-paymentKit.submit({
-  fields: {
-    customer_name: 'John Doe',
-    customer_email: 'john@example.com',
-    customer_country: 'US',
-    customer_zip_code: '10001'
-  },
-  paymentMethod: 'card',
-  onSuccess: (result) => {
-    // result: { id, checkoutAttemptId, checkoutSessionId, paymentIntentId, state }
-    console.log('Payment successful:', result);
-  },
-  onError: (errors) => {
-    // errors.card_pan, errors.card_exp, errors.card_cvc
-    // errors.customer_name, errors.customer_email, etc.
-    console.error('Payment failed:', errors);
-  }
-});
-```
-
-#### 3D Secure (3DS) Support
-
-Card payments automatically handle 3D Secure authentication:
-
-1. Submit payment
-2. If 3DS required, user is redirected to bank authentication page
-3. After authentication, payment completes automatically
-4. Success/error callback is triggered
-
-No additional code needed - it's built-in!
-
-### PayPal
-
-PayPal payments using popup-based authentication flow.
-
-#### Import
-
-```typescript
-import PayPalPaymentMethod from '@payment-kit-js/vanilla/payment-methods/paypal';
-import type { PayPalSubmitOptions } from '@payment-kit-js/vanilla/payment-methods/paypal';
-```
-
-#### Initialize
-
-```typescript
-const paymentKit = PaymentKit({
-  baseUrl: 'https://your-domain.com',
-  apiBaseUrl: 'https://api.domain.com',
-  secureToken: 'checkout_token',
-  paymentMethods: [PayPalPaymentMethod]
-});
-```
-
-#### Submit PayPal Payment
-
-```typescript
-paymentKit.submit({
-  fields: {
-    customer_name: 'John Doe',
-    customer_email: 'john@example.com',
-    customer_country: 'US',
-    customer_zip_code: '10001'
-  },
-  paymentMethod: 'paypal',
-  options: {
-    processorId: 'proc_xxx',  // Your PayPal processor ID
-    customerInfo: {
-      first_name: 'John',
-      last_name: 'Doe'
-    }
-  },
-  onSuccess: (result) => {
-    console.log('PayPal payment approved:', result);
-  },
-  onError: (errors) => {
-    if (errors.paypal?.includes('popup')) {
-      alert('Please allow popups for PayPal payments');
-    }
-    console.error('PayPal error:', errors);
-  }
-});
-```
-
-**Important**: PayPal requires browser popups to be enabled. The SDK automatically:
-- Opens PayPal authentication popup
-- Polls for payment completion every 2 seconds
-- Closes popup after completion
-- Handles user cancellation
-
-### Google Pay
-
-Google Pay payments using Stripe Payment Request API.
-
-#### Import
-
-```typescript
-import GooglePayPaymentMethod from '@payment-kit-js/vanilla/payment-methods/google-pay';
-import type { GooglePaySubmitOptions } from '@payment-kit-js/vanilla/payment-methods/google-pay';
-```
-
-#### Prerequisites
-
-Add Stripe.js to your HTML:
-
-```html
-<script src="https://js.stripe.com/v3/"></script>
-```
-
-#### Initialize
-
-```typescript
-const paymentKit = PaymentKit({
-  baseUrl: 'https://your-domain.com',
-  apiBaseUrl: 'https://api.domain.com',
-  secureToken: 'checkout_token',
-  paymentMethods: [GooglePayPaymentMethod]
-});
-```
-
-#### Submit Google Pay Payment
-
-```typescript
-paymentKit.submit({
-  fields: {
-    customer_name: 'John Doe',
-    customer_email: 'john@example.com',
-    customer_country: 'US',
-    customer_zip_code: '10001'
-  },
-  paymentMethod: 'google_pay',
-  options: {
-    processorId: 'proc_xxx',  // Your Google Pay processor ID
-    customerInfo: {
-      first_name: 'John',
-      last_name: 'Doe'
-    }
-  },
-  onSuccess: (result) => {
-    console.log('Google Pay success:', result);
-  },
-  onError: (errors) => {
-    if (errors.google_pay === 'Google Pay not available on this device') {
-      // Show alternative payment methods
-    }
-    console.error('Google Pay error:', errors);
-  }
-});
-```
-
-## Multiple Payment Methods
-
-Enable multiple payment methods in a single instance:
-
-```typescript
-import CardPaymentMethod from '@payment-kit-js/vanilla/payment-methods/card';
-import PayPalPaymentMethod from '@payment-kit-js/vanilla/payment-methods/paypal';
-import GooglePayPaymentMethod from '@payment-kit-js/vanilla/payment-methods/google-pay';
-
-const paymentKit = PaymentKit({
-  baseUrl: 'https://your-domain.com',
-  apiBaseUrl: 'https://api.domain.com',
-  secureToken: 'checkout_token',
-  paymentMethods: [CardPaymentMethod, PayPalPaymentMethod, GooglePayPaymentMethod]
-});
-
-// TypeScript knows all available methods
-paymentKit.card.createElement('card_pan');  // ✓
-paymentKit.submit({ paymentMethod: 'card', ... });      // ✓
-paymentKit.submit({ paymentMethod: 'paypal', ... });    // ✓
-paymentKit.submit({ paymentMethod: 'google_pay', ... }); // ✓
-```
-
-## API Reference
-
-### `PaymentKit(config)`
-
-Initialize PaymentKit instance.
-
-**Parameters**:
-
-```typescript
-{
-  baseUrl: string;              // URL for loading iframes (e.g., https://your-domain.com)
-  apiBaseUrl?: string;          // URL for API calls (defaults to baseUrl)
-  secureToken: string;          // Checkout session token from your backend
-  paymentMethods: PaymentMethod[];  // Array of payment method handlers
-}
-```
-
-**Returns**: Object with payment method APIs + `submit()` + `cleanup()`
-
-### `submit(options)`
-
-Submit a payment using specified payment method.
-
-**Parameters**:
-
-```typescript
-{
-  fields: {
-    customer_name: string;
-    customer_email: string;
-    customer_country: string;
-    customer_zip_code: string;
-  };
-  paymentMethod: 'card' | 'paypal' | 'google_pay';
-  options?: unknown;  // Payment method specific options
-  onSuccess: (result: { [key: string]: unknown }) => void;
-  onError: (errors: PaymentKitErrors) => void;
-}
-```
-
-### `cleanup()`
-
-Clean up all resources (iframes, popups, connections). **Always call this** when unmounting or leaving checkout.
-
-```typescript
-useEffect(() => {
-  return () => {
-    paymentKit.cleanup();
-  };
-}, [paymentKit]);
-```
-
-### Card API
-
-#### `card.createElement(type, options)`
-
-Create a secure card input iframe.
-
-**Types**:
-- `'card_pan'` - Card number
-- `'card_exp'` - Expiration (MM/YY)
-- `'card_cvc'` - Security code
-
-**Options**:
-
-```typescript
-{
-  style?: Record<string, string>;  // CSS properties
-  onLoaded?: () => void;
-  onFocusChange?: (isFocused: boolean) => void;
-}
-```
-
-**Returns**: `{ mount: (selector: string) => { unmount: () => void } }`
-
-## Types
-
-### PaymentKitFields
-
-```typescript
-type PaymentKitFields = {
-  customer_name: string;
-  customer_email: string;
-  customer_country: string;
-  customer_zip_code: string;
-};
-```
-
-### PaymentKitErrors
-
-```typescript
-type PaymentKitErrors = {
-  root?: string;
-
-  // Card errors
-  card_pan?: CardErrorCode;
-  card_exp?: CardErrorCode;
-  card_cvc?: CardErrorCode;
-
-  // PayPal errors
-  paypal?: string;
-
-  // Google Pay errors
-  google_pay?: string;
-
-  // Field validation
-  customer_name?: 'required' | 'invalid';
-  customer_email?: 'required' | 'invalid';
-  customer_country?: 'required' | 'invalid';
-  customer_zip_code?: 'required' | 'invalid';
-
-  // Processor
-  processor_id?: string;
-};
-```
-
-### CardErrorCode
-
-```typescript
-type CardErrorCode =
-  | 'required'
-  | 'invalid'
-  | 'incomplete'
-  | 'invalid_number'
-  | 'invalid_expiry'
-  | 'invalid_cvc';
-```
-
-## React Example
-
-### PaymentKit Provider
-
-```tsx
-import { createContext, useContext, useEffect, useState } from 'react';
-import PaymentKit from '@payment-kit-js/vanilla';
-import CardPaymentMethod from '@payment-kit-js/vanilla/payment-methods/card';
-import PayPalPaymentMethod from '@payment-kit-js/vanilla/payment-methods/paypal';
-import GooglePayPaymentMethod from '@payment-kit-js/vanilla/payment-methods/google-pay';
-
-type PaymentKitInstance = ReturnType<typeof PaymentKit<
-  [typeof CardPaymentMethod, typeof PayPalPaymentMethod, typeof GooglePayPaymentMethod]
->>;
-
-const PaymentKitContext = createContext<PaymentKitInstance | null>(null);
-
-export const usePaymentKit = () => {
-  const pk = useContext(PaymentKitContext);
-  if (!pk) throw new Error('PaymentKit not initialized');
-  return pk;
-};
-
-export const PaymentKitProvider = ({
-  children,
-  secureToken
-}: {
-  children: React.ReactNode;
-  secureToken: string;
-}) => {
-  const [paymentKit, setPaymentKit] = useState<PaymentKitInstance | null>(null);
-
-  useEffect(() => {
-    const pk = PaymentKit({
-      baseUrl: 'https://your-domain.com',
-      apiBaseUrl: 'https://api.domain.com',
-      secureToken,
-      paymentMethods: [CardPaymentMethod, PayPalPaymentMethod, GooglePayPaymentMethod]
-    });
-
-    setPaymentKit(pk);
-    return () => pk.cleanup();
-  }, [secureToken]);
-
-  if (!paymentKit) return null;
-
-  return (
-    <PaymentKitContext.Provider value={paymentKit}>
-      {children}
-    </PaymentKitContext.Provider>
-  );
-};
-```
-
-### Card Input Component
-
-```tsx
-import { useEffect } from 'react';
-import { usePaymentKit } from './PaymentKitProvider';
-import type { CardInputType } from '@payment-kit-js/vanilla/payment-methods/card';
-
-export const CardInput = ({
-  type,
-  className
-}: {
-  type: CardInputType;
-  className?: string;
-}) => {
-  const paymentKit = usePaymentKit();
-
-  useEffect(() => {
-    const element = paymentKit.card.createElement(type, {
-      style: {
-        height: '42px',
-        fontSize: '16px',
-        padding: '10px',
-        border: '1px solid #e0e0e0',
-        borderRadius: '4px'
-      }
-    });
-
-    const { unmount } = element.mount(`#${type}`);
-    return unmount;
-  }, [type, paymentKit]);
-
-  return <div id={type} className={className} />;
-};
-```
-
-### Payment Form
-
-```tsx
-import { useState } from 'react';
-import { usePaymentKit } from './PaymentKitProvider';
-import { CardInput } from './CardInput';
-
-export const PaymentForm = () => {
-  const paymentKit = usePaymentKit();
-  const [loading, setLoading] = useState(false);
-  const [values, setValues] = useState({
-    customer_name: '',
-    customer_email: '',
-    customer_country: '',
-    customer_zip_code: ''
-  });
-
-  const handleCardPayment = () => {
-    setLoading(true);
-    paymentKit.submit({
-      fields: values,
-      paymentMethod: 'card',
-      onSuccess: (result) => {
-        setLoading(false);
-        console.log('Success:', result);
-      },
-      onError: (errors) => {
-        setLoading(false);
-        console.error('Error:', errors);
-      }
-    });
-  };
-
-  const handlePayPalPayment = () => {
-    const [firstName, ...rest] = values.customer_name.split(' ');
-    setLoading(true);
-
-    paymentKit.submit({
-      fields: values,
-      paymentMethod: 'paypal',
-      options: {
-        processorId: 'proc_xxx',
-        customerInfo: {
-          first_name: firstName,
-          last_name: rest.join(' ')
-        }
-      },
-      onSuccess: (result) => {
-        setLoading(false);
-        console.log('PayPal success:', result);
-      },
-      onError: (errors) => {
-        setLoading(false);
-        console.error('PayPal error:', errors);
-      }
-    });
-  };
-
-  const handleGooglePayment = () => {
-    const [firstName, ...rest] = values.customer_name.split(' ');
-    setLoading(true);
-
-    paymentKit.submit({
-      fields: values,
-      paymentMethod: 'google_pay',
-      options: {
-        processorId: 'proc_xxx',
-        customerInfo: {
-          first_name: firstName,
-          last_name: rest.join(' ')
-        }
-      },
-      onSuccess: (result) => {
-        setLoading(false);
-        console.log('Google Pay success:', result);
-      },
-      onError: (errors) => {
-        setLoading(false);
-        console.error('Google Pay error:', errors);
-      }
-    });
-  };
-
-  return (
-    <form onSubmit={(e) => e.preventDefault()}>
-      <input
-        placeholder="Name"
-        value={values.customer_name}
-        onChange={(e) => setValues(prev => ({ ...prev, customer_name: e.target.value }))}
-      />
-      <input
-        placeholder="Email"
-        value={values.customer_email}
-        onChange={(e) => setValues(prev => ({ ...prev, customer_email: e.target.value }))}
-      />
-      <input
-        placeholder="Country"
-        value={values.customer_country}
-        onChange={(e) => setValues(prev => ({ ...prev, customer_country: e.target.value }))}
-      />
-      <input
-        placeholder="Zip Code"
-        value={values.customer_zip_code}
-        onChange={(e) => setValues(prev => ({ ...prev, customer_zip_code: e.target.value }))}
-      />
-
-      <h3>Card Payment</h3>
-      <CardInput type="card_pan" />
-      <CardInput type="card_exp" />
-      <CardInput type="card_cvc" />
-      <button onClick={handleCardPayment} disabled={loading}>
-        Pay with Card
-      </button>
-
-      <h3>Alternative Payments</h3>
-      <button onClick={handlePayPalPayment} disabled={loading}>
-        Pay with PayPal
-      </button>
-      <button onClick={handleGooglePayment} disabled={loading}>
-        Pay with Google Pay
-      </button>
-    </form>
-  );
-};
-```
-
-## Error Handling
-
-### Validation Errors
-
-```typescript
-paymentKit.submit({
-  fields: values,
-  paymentMethod: 'card',
-  onError: (errors) => {
-    if (errors.customer_email === 'required') {
-      showError('Email is required');
-    }
-    if (errors.card_pan === 'invalid_number') {
-      showError('Invalid card number');
-    }
-  },
-  onSuccess: () => { /* ... */ }
-});
-```
-
-### Payment Method Specific Errors
-
-```typescript
-// Card errors
-onError: (errors) => {
-  if (errors.card_pan) console.error('Card number error');
-  if (errors.card_exp) console.error('Expiry error');
-  if (errors.card_cvc) console.error('CVC error');
-}
-
-// PayPal errors
-onError: (errors) => {
-  if (errors.paypal?.includes('popup')) {
-    alert('Please enable popups');
-  }
-  if (errors.paypal?.includes('cancelled')) {
-    console.log('User cancelled PayPal');
-  }
-}
-
-// Google Pay errors
-onError: (errors) => {
-  if (errors.google_pay === 'Google Pay not available on this device') {
-    // Hide Google Pay button
-  }
-  if (errors.google_pay?.includes('cancelled')) {
-    console.log('User cancelled Google Pay');
-  }
-}
-```
-
-## Best Practices
-
-### 1. Always Cleanup
-
-```typescript
-useEffect(() => {
-  const pk = PaymentKit({ /* config */ });
-  return () => pk.cleanup(); // Critical!
-}, []);
-```
-
-### 2. Handle Loading States
-
-```typescript
-const [loading, setLoading] = useState(false);
-
-const handleSubmit = () => {
-  setLoading(true);
-  paymentKit.submit({
-    // ...
-    onSuccess: () => setLoading(false),
-    onError: () => setLoading(false)
-  });
-};
-```
-
-### 3. Validate Before Submit
-
-```typescript
-const handleSubmit = () => {
-  if (!values.customer_email || !values.customer_name) {
-    setError('Please fill required fields');
-    return;
-  }
-  paymentKit.submit({ /* ... */ });
-};
-```
-
-### 4. Provide Fallback for Unsupported Methods
-
-```typescript
-// Check Google Pay availability
-paymentKit.submit({
-  paymentMethod: 'google_pay',
-  onError: (errors) => {
-    if (errors.google_pay?.includes('not available')) {
-      setShowGooglePay(false); // Hide button
-    }
-  }
-});
-```
-
-### 5. Type Safety with TypeScript
-
-```typescript
-// Type the instance based on enabled payment methods
-type PaymentKitInstance = ReturnType<typeof PaymentKit<
-  [typeof CardPaymentMethod, typeof PayPalPaymentMethod]
->>;
-
-// TypeScript enforces correct payment method names
-paymentKit.submit({ paymentMethod: 'card' }); // ✓
-paymentKit.submit({ paymentMethod: 'stripe' }); // ✗ Type error
-```
-
-## Troubleshooting
-
-### Card inputs not showing
-
-- Ensure DOM elements exist before mounting
-- Check `baseUrl` is accessible
-- Verify `secureToken` is valid
-
-### PayPal popup blocked
-
-- Instruct users to allow popups
-- Check browser console for errors
-- Verify `apiBaseUrl` is correct
-
-### Google Pay not available
-
-- Add Stripe.js script tag
-- Test on supported devices (Android Chrome, Safari on iOS)
-- Check `processorId` is valid
+| Method | Import |
+|--------|--------|
+| Card | `@payment-kit-js/vanilla/payment-methods/card` |
+| PayPal | `@payment-kit-js/vanilla/payment-methods/paypal` |
+| Google Pay | `@payment-kit-js/vanilla/payment-methods/google-pay` |
 
-### TypeScript errors
+## Configuration
 
-- Ensure proper typing of PaymentKit instance
-- Import types from correct paths
-- Use `ReturnType<typeof PaymentKit<[...]>>` pattern
+| Parameter | Type | Description |
+|-----------|------|-------------|
+| `environment` | `string` | `'sandbox'` or `'production'` |
+| `secureToken` | `string` | Checkout session token from your backend |
+| `paymentMethods` | `array` | Array of payment method handlers to enable |
 
 ## License
 

package/dist/{connect-card-EaOlRbPS.d.mts → connect-card-C582hcWw.d.mts}

@@ -1,5 +1,3 @@
-import { t as CardSetupIntent } from "./cardsetupintent-D2gBMj3e.mjs";
-import { t as PublicCardCheckoutResponse } from "./publiccardcheckoutresponse-wxFCeVdO.mjs";
 import { Connection } from "penpal";
 
 //#region src/penpal/connect-card.d.ts
@@ -22,4 +20,4 @@ declare const connectToCardIframe: (iframe: HTMLIFrameElement, methods: CardPare
 declare const connectToCardParent: (methods: CardIFrameMethods) => Connection<CardParentMethods>;
 //#endregion
 export { ParentConnection as a, IFrameConnection as i, CardInputType as n, connectToCardIframe as o, CheckoutResponse as r, connectToCardParent as s, CardErrorCode as t };
-//# sourceMappingURL=connect-card-EaOlRbPS.d.mts.map
+//# sourceMappingURL=connect-card-C582hcWw.d.mts.map

package/dist/connect-card-C582hcWw.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-card-C582hcWw.d.mts","names":[],"sources":["../src/penpal/connect-card.ts"],"sourcesContent":[],"mappings":";;;KAIK,iBAAA;EAAA,QAAA,EAAA,CAAA,iBAAiB,EAAA,MAAA,EAAA,GACqB,OADrB,CAC6B,eAD7B,GAAA;IAC6B,KAAA,EAA2B,aAA3B;EAA2B,CAAA,CAAA;EAAnC,UAAA,EAAA,GAAA,GACvB,OADuB,CACf,aADe,GAAA,SAAA,CAAA;CACf;KAGvB,iBAAA,GAHe;EAAO,QAAA,EAAA,GAAA,GAAA,IAAA;EAGtB,aAAA,EAAA,CAAA,SAAiB,EAAA,OAAA,EAAA,GAAA,IAAA;AAKtB,CAAA;AAEY,KAFA,aAAA,GAEa,UAAA,GAAA,UAAA,GAAA,UAAA;AAOb,KAPA,aAAA,GAOgB,SAAc,GAAA,UAAA,GAAX,eAAU,GAAA,sBAAA,GAAA,wBAAA;AAE7B,KAFA,gBAAA,GAAmB,UAEW,CAFA,iBAEX,CAAA;AAEnB,KAFA,gBAAA,GAAmB,UAEA,CAFW,iBAEX,CAAA;AAElB,KAFD,gBAAA,GAAmB,0BAI9B;AAF2C,cAA/B,mBAA+B,EAAA,CAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,EAA4B,iBAA5B,EAAA,GAA6C,UAA7C,CAA6C,iBAA7C,CAAA;AAA4B,cAI3D,mBAJ2D,EAAA,CAAA,OAAA,EAI3B,iBAJ2B,EAAA,GAIV,UAJU,CAIV,iBAJU,CAAA"}

package/dist/{connect-tunnel-x-Ce423Pa2.d.mts → connect-tunnel-x-rLA6I_EO.d.mts}

@@ -1,58 +1,5 @@
-import { t as CardSetupIntent } from "./cardsetupintent-D2gBMj3e.mjs";
 import { Connection } from "penpal";
 
-//#region ../../packages/sdk/esm/models/createcardsetupintentres.d.ts
-type CreateCardSetupIntentRes = {
-  /**
-   * The ID of the card setup intent
-   */
-  cardSetupIntentId: string;
-};
-//#endregion
-//#region ../../packages/sdk/esm/lib/retries.d.ts
-type BackoffStrategy = {
-  initialInterval: number;
-  maxInterval: number;
-  exponent: number;
-  maxElapsedTime: number;
-};
-type RetryConfig = {
-  strategy: "none";
-} | {
-  strategy: "backoff";
-  backoff?: BackoffStrategy;
-  retryConnectionErrors?: boolean;
-};
-//#endregion
-//#region ../../packages/sdk/esm/lib/sdks.d.ts
-type RequestOptions = {
-  /**
-   * Sets a timeout, in milliseconds, on HTTP requests made by an SDK method. If
-   * `fetchOptions.signal` is set then it will take precedence over this option.
-   */
-  timeoutMs?: number;
-  /**
-   * Set or override a retry policy on HTTP calls.
-   */
-  retries?: RetryConfig;
-  /**
-   * Specifies the status codes which should be retried using the given retry policy.
-   */
-  retryCodes?: string[];
-  /**
-   * Overrides the base server URL that will be used by an operation.
-   */
-  serverURL?: string | URL;
-  /**
-   * @deprecated `fetchOptions` has been flattened into `RequestOptions`.
-   *
-   * Sets various request options on the `fetch` call made by an SDK method.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Request/Request#options|Request}
-   */
-  fetchOptions?: Omit<RequestInit, "method" | "body">;
-} & Omit<RequestInit, "method" | "body">;
-//#endregion
 //#region src/penpal/connect-tunnel-x.d.ts
 type TunnelXIFrameMethods = {
   startPayment: () => void;
@@ -89,4 +36,4 @@ declare class TunnelXManager {
 }
 //#endregion
 export { connectToTunnelXParent as a, connectToTunnelXIframe as i, TunnelXManager as n, TunnelXParentConnection as r, TunnelXIFrameConnection as t };
-//# sourceMappingURL=connect-tunnel-x-Ce423Pa2.d.mts.map
+//# sourceMappingURL=connect-tunnel-x-rLA6I_EO.d.mts.map

package/dist/connect-tunnel-x-rLA6I_EO.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-tunnel-x-rLA6I_EO.d.mts","names":[],"sources":["../src/penpal/connect-tunnel-x.ts"],"sourcesContent":[],"mappings":";;;AAEyC,KAMpC,oBAAA,GAAoB;EAGE,YAAA,EAAA,GAAA,GAAA,IAAA;EAA2B,cAAA,EAAA,GAAA,GAAA,IAAA;EAEO,cAAA,EAAA,CAAA,MAAA,EAFlC,MAEkC,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,GAFP,OAEO,CAAA,OAAA,CAAA;EAAR,kBAAA,EAAA,GAAA,GAAA,IAAA;EACK,kBAAA,EAAA,CAAA,iBAAA,EAAA,MAAA,EAAA,GADL,OACK,CADG,eACH,CAAA;EAAR,qBAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,GAAA,OAAA,CAAQ,wBAAR,CAAA;EACqB,mBAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,CAAA,EAAA,cAAA,EAAA,GAAmB,OAAnB,CAAA,OAAA,CAAA;CAAmB;KAGrF,oBAAA,GAAuB,MAHqE,CAAA,MAAA,EAAA,KAAA,CAAA;AAG5F,KAEO,uBAAA,GAA0B,UAFJ,CAEe,oBAFf,CAAA;AAEtB,KAEA,uBAAA,GAA0B,UAFW,CAEA,oBAFX,CAAA;AAE1B,cAEC,sBAFoC,EAAA,CAAA,MAAA,EAEF,iBAFT,EAAA,OAAU,EAE2B,oBAF3B,EAAA,GAE+C,UAF/C,CAE+C,oBAF/C,CAAA;AAEnC,cAIA,sBAFZ,EAAA,CAAA,OAAA,EAE+C,oBAF/C,EAAA,GAEmE,UAFnE,CAEmE,oBAFnE,CAAA;;;;;KAUI,oBAAA,GAZ0F;EAIlF,CAAA,UAAA,EAAA,MAAA,CAAA,EAAA,CAAA,MAEZ,EAAA,OAAA,EAAA,OAAA,CAAA,EAOmD,cAPnD,EAAA,GAOsE,OAPtE,CAAA,OAAA,CAAA;CAF+C;AAAoB,cAYvD,cAAA,CAZuD;EAAA,QAAA,UAAA;EAAA,QAAA,EAcjD,oBAdiD;EAQ/D,OAAA,0BAAoB,EAC2B,CAAA,UAAA,EAOK,uBAPqB,EAAA,GAOE,OAPF,CAOE,cAPF,CAAA;EAGjE,QAAA,WAAc,CAAA;EAER;;;;EAiBM,IAAA,eAAA,CAAA,CAAA,EAAA,oBAAA;EAAoB,OAAA,CAAA,CAAA,EAAA,IAAA"}

package/dist/index.d.mts

@@ -1,8 +1,6 @@
-import "./cardsetupintent-D2gBMj3e.mjs";
-import "./connect-tunnel-x-Ce423Pa2.mjs";
-import "./publiccardcheckoutresponse-wxFCeVdO.mjs";
-import "./connect-card-EaOlRbPS.mjs";
-import { n as PaymentKitFields, t as PaymentKit$1 } from "./types-6mOKdjCh.mjs";
+import "./connect-card-C582hcWw.mjs";
+import "./connect-tunnel-x-rLA6I_EO.mjs";
+import { n as PaymentKitFields, t as PaymentKit$1 } from "./types-WgbMhIYb.mjs";
 
 //#region src/index.d.ts
 declare const PaymentKit: PaymentKit$1;

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";;;;;;;cAwBM,YAAY"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";;;;;cAyBM,YAAY"}

package/dist/index.mjs

@@ -3,7 +3,29 @@ import { n as connectToTunnelXIframe } from "./connect-tunnel-x-BhVAej5Q.mjs";
 import { r as createCheckoutIFrame } from "./utils-h0dxplHy.mjs";
 
 //#region package.json
-var version = "0.1.2";
+var version = "0.2.0";
+
+//#endregion
+//#region src/types.ts
+const ENVIRONMENT_URLS = {
+	local: {
+		baseUrl: "http://localhost:9101",
+		apiBaseUrl: "http://localhost:9000"
+	},
+	sandbox: {
+		baseUrl: "https://staging.paymentkit.com/customer",
+		apiBaseUrl: "https://staging.paymentkit.com"
+	},
+	production: {
+		baseUrl: "https://paymentkit.com/customer",
+		apiBaseUrl: "https://paymentkit.com"
+	}
+};
+function getUrlsForEnvironment(environment) {
+	const urls = ENVIRONMENT_URLS[environment];
+	if (!urls) throw new Error(`Invalid environment: ${environment}. Must be one of: local, sandbox, production`);
+	return urls;
+}
 
 //#endregion
 //#region src/index.ts
@@ -23,8 +45,9 @@ const createTunnelXConnection = (baseUrl, apiBaseUrl, token) => {
 		connection
 	};
 };
-const PaymentKit = ({ baseUrl, apiBaseUrl, secureToken, paymentMethods }) => {
-	console.log(`[PaymentKit] v${version} initialized`);
+const PaymentKit = ({ environment, secureToken, paymentMethods }) => {
+	const { baseUrl, apiBaseUrl } = getUrlsForEnvironment(environment);
+	console.log(`[PaymentKit] v${version} initialized (env: ${environment})`);
 	const { connection: tunnelXConnection, unmount: unmountTunnelX } = createTunnelXConnection(baseUrl, apiBaseUrl, secureToken);
 	const paymentKitStates = {
 		baseUrl,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["PaymentKit: PaymentKitType","PACKAGE_VERSION","externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods>","submit: PaymentKitReturnType[\"submit\"]"],"sources":["../package.json","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@payment-kit-js/vanilla\",\n  \"version\": \"0.1.2\",\n  \"main\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.mts\",\n  \"module\": \"./dist/index.mjs\",\n  \"exports\": {\n    \".\": \"./dist/index.mjs\",\n    \"./payment-methods/card\": \"./dist/payment-methods/card.mjs\",\n    \"./payment-methods/google-pay\": \"./dist/payment-methods/google-pay.mjs\",\n    \"./payment-methods/next-action-handlers\": \"./dist/payment-methods/next-action-handlers.mjs\",\n    \"./payment-methods/paypal\": \"./dist/payment-methods/paypal.mjs\",\n    \"./payment-methods/stripe-google-pay-adapter\": \"./dist/payment-methods/stripe-google-pay-adapter.mjs\",\n    \"./penpal/connect-card\": \"./dist/penpal/connect-card.mjs\",\n    \"./penpal/connect-tunnel-x\": \"./dist/penpal/connect-tunnel-x.mjs\",\n    \"./package.json\": \"./package.json\"\n  },\n  \"license\": \"MIT\",\n  \"description\": \"Vanilla package for PaymentKit\",\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"dev\": \"yarn tsdown --watch ./src\",\n    \"build\": \"yarn tsdown\"\n  },\n  \"packageManager\": \"yarn@4.10.3\",\n  \"dependencies\": {\n    \"@stripe/stripe-js\": \"^5.5.0\",\n    \"penpal\": \"^7.0.4\",\n    \"valibot\": \"^1.1.0\"\n  },\n  \"devDependencies\": {\n    \"@pkg/sdk\": \"workspace:*\",\n    \"@pkg/tsconfig\": \"workspace:*\",\n    \"tsdown\": \"^0.15.10\",\n    \"typescript\": \"^5.9.3\"\n  },\n  \"stableVersion\": \"0.1.2\"\n}\n","import { version as PACKAGE_VERSION } from \"../package.json\";\nimport { connectToTunnelXIframe } from \"./penpal/connect-tunnel-x\";\nimport type { ExternalFuncsMapByPm, PaymentKitFields, PaymentKit as PaymentKitType } from \"./types\";\nimport { createCheckoutIFrame } from \"./utils\";\n\ntype PaymentKitReturnType = ReturnType<PaymentKitType>;\n\nconst createTunnelXConnection = (baseUrl: string, apiBaseUrl: string, token: string) => {\n  const iframe = createCheckoutIFrame(\"tunnel-x\", baseUrl, {\n    checkout_token: token,\n    api_base_url: apiBaseUrl,\n  });\n  document.body.appendChild(iframe);\n\n  const connection = connectToTunnelXIframe(iframe, {});\n\n  const unmount = () => {\n    connection.destroy();\n    document.body.removeChild(iframe);\n  };\n\n  return { unmount, connection };\n};\n\nconst PaymentKit: PaymentKitType = ({ baseUrl, apiBaseUrl, secureToken, paymentMethods }) => {\n  type PaymentMethods = typeof paymentMethods;\n\n  // Log version for debugging\n  console.log(`[PaymentKit] v${PACKAGE_VERSION} initialized`);\n\n  const { connection: tunnelXConnection, unmount: unmountTunnelX } = createTunnelXConnection(\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n  );\n\n  const paymentKitStates = {\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n    tunnelXConnection,\n  };\n\n  const pmInstances = paymentMethods.map((paymentMethod) => paymentMethod(paymentKitStates));\n\n  const externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods> = pmInstances.reduce(\n    (acc, { name, externalFuncs }) => {\n      // @ts-expect-error - typecase this better in future\n      acc[name] = externalFuncs;\n      return acc;\n    },\n    {} as ExternalFuncsMapByPm<PaymentMethods>,\n  );\n\n  const submit: PaymentKitReturnType[\"submit\"] = ({\n    paymentMethod: paymentMethodName,\n    fields,\n    options,\n    onSuccess,\n    onError,\n  }) => {\n    const paymentMethod = pmInstances.find(({ name }) => name === paymentMethodName);\n    if (!paymentMethod) {\n      onError({ root: \"payment_method_not_found\" });\n      return;\n    }\n    paymentMethod.internalFuncs\n      .submitPayment(fields, options)\n      .then(({ data, errors }) => {\n        errors ? onError(errors) : onSuccess(data);\n      })\n      .catch((e) => {\n        console.error(\"PaymentKit:submit:catch\", e);\n\n        // Try to extract error message from response\n        if (e?.response?.data) {\n          onError(e.response.data);\n        } else if (e?.message) {\n          onError({ root: e.message });\n        } else {\n          onError({ root: \"unknown_error\" });\n        }\n      });\n  };\n\n  const cleanup = () => {\n    // Clean up all payment method instances\n    for (const pm of pmInstances) {\n      if (pm.internalFuncs.cleanup) {\n        pm.internalFuncs.cleanup();\n      }\n    }\n    unmountTunnelX();\n  };\n\n  return {\n    submit,\n    cleanup,\n    ...externalFuncsMapByPm,\n  };\n};\n\nexport type { PaymentKitFields };\n\nexport default PaymentKit;\n"],"mappings":";;;;;cAEa;;;;ACKb,MAAM,2BAA2B,SAAiB,YAAoB,UAAkB;CACtF,MAAM,SAAS,qBAAqB,YAAY,SAAS;EACvD,gBAAgB;EAChB,cAAc;EACf,CAAC;AACF,UAAS,KAAK,YAAY,OAAO;CAEjC,MAAM,aAAa,uBAAuB,QAAQ,EAAE,CAAC;CAErD,MAAM,gBAAgB;AACpB,aAAW,SAAS;AACpB,WAAS,KAAK,YAAY,OAAO;;AAGnC,QAAO;EAAE;EAAS;EAAY;;AAGhC,MAAMA,cAA8B,EAAE,SAAS,YAAY,aAAa,qBAAqB;AAI3F,SAAQ,IAAI,iBAAiBC,QAAgB,cAAc;CAE3D,MAAM,EAAE,YAAY,mBAAmB,SAAS,mBAAmB,wBACjE,SACA,YACA,YACD;CAED,MAAM,mBAAmB;EACvB;EACA;EACA;EACA;EACD;CAED,MAAM,cAAc,eAAe,KAAK,kBAAkB,cAAc,iBAAiB,CAAC;CAE1F,MAAMC,uBAA6D,YAAY,QAC5E,KAAK,EAAE,MAAM,oBAAoB;AAEhC,MAAI,QAAQ;AACZ,SAAO;IAET,EAAE,CACH;CAED,MAAMC,UAA0C,EAC9C,eAAe,mBACf,QACA,SACA,WACA,cACI;EACJ,MAAM,gBAAgB,YAAY,MAAM,EAAE,WAAW,SAAS,kBAAkB;AAChF,MAAI,CAAC,eAAe;AAClB,WAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC7C;;AAEF,gBAAc,cACX,cAAc,QAAQ,QAAQ,CAC9B,MAAM,EAAE,MAAM,aAAa;AAC1B,YAAS,QAAQ,OAAO,GAAG,UAAU,KAAK;IAC1C,CACD,OAAO,MAAM;AACZ,WAAQ,MAAM,2BAA2B,EAAE;AAG3C,OAAI,GAAG,UAAU,KACf,SAAQ,EAAE,SAAS,KAAK;YACf,GAAG,QACZ,SAAQ,EAAE,MAAM,EAAE,SAAS,CAAC;OAE5B,SAAQ,EAAE,MAAM,iBAAiB,CAAC;IAEpC;;CAGN,MAAM,gBAAgB;AAEpB,OAAK,MAAM,MAAM,YACf,KAAI,GAAG,cAAc,QACnB,IAAG,cAAc,SAAS;AAG9B,kBAAgB;;AAGlB,QAAO;EACL;EACA;EACA,GAAG;EACJ;;AAKH,kBAAe"}
+{"version":3,"file":"index.mjs","names":["ENVIRONMENT_URLS: Record<PaymentKitEnvironment, EnvironmentUrls>","PaymentKit: PaymentKitType","PACKAGE_VERSION","externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods>","submit: PaymentKitReturnType[\"submit\"]"],"sources":["../package.json","../src/types.ts","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@payment-kit-js/vanilla\",\n  \"version\": \"0.2.0\",\n  \"main\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.mts\",\n  \"module\": \"./dist/index.mjs\",\n  \"exports\": {\n    \".\": \"./dist/index.mjs\",\n    \"./payment-methods/card\": \"./dist/payment-methods/card.mjs\",\n    \"./payment-methods/google-pay\": \"./dist/payment-methods/google-pay.mjs\",\n    \"./payment-methods/next-action-handlers\": \"./dist/payment-methods/next-action-handlers.mjs\",\n    \"./payment-methods/paypal\": \"./dist/payment-methods/paypal.mjs\",\n    \"./payment-methods/stripe-google-pay-adapter\": \"./dist/payment-methods/stripe-google-pay-adapter.mjs\",\n    \"./penpal/connect-card\": \"./dist/penpal/connect-card.mjs\",\n    \"./penpal/connect-tunnel-x\": \"./dist/penpal/connect-tunnel-x.mjs\",\n    \"./package.json\": \"./package.json\"\n  },\n  \"license\": \"MIT\",\n  \"description\": \"Vanilla package for PaymentKit\",\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"dev\": \"yarn tsdown --watch ./src\",\n    \"build\": \"yarn tsdown\"\n  },\n  \"packageManager\": \"yarn@4.10.3\",\n  \"dependencies\": {\n    \"penpal\": \"^7.0.4\",\n    \"valibot\": \"^1.1.0\"\n  },\n  \"devDependencies\": {\n    \"@pkg/sdk\": \"workspace:*\",\n    \"@pkg/tsconfig\": \"workspace:*\",\n    \"@stripe/stripe-js\": \"^5.5.0\",\n    \"tsdown\": \"^0.15.10\",\n    \"typescript\": \"^5.9.3\"\n  },\n  \"stableVersion\": \"0.2.0\"\n}\n","import type { CardErrorCode } from \"./penpal/connect-card\";\nimport type { TunnelXIFrameConnection } from \"./penpal/connect-tunnel-x\";\n\nexport type PaymentKitEnvironment = \"local\" | \"sandbox\" | \"production\";\n\ntype EnvironmentUrls = {\n  baseUrl: string;\n  apiBaseUrl: string;\n};\n\n// TODO: Cleanup this after launch to only use SDK instead of plain fetch.\nconst ENVIRONMENT_URLS: Record<PaymentKitEnvironment, EnvironmentUrls> = {\n  local: {\n    baseUrl: \"http://localhost:9101\",\n    apiBaseUrl: \"http://localhost:9000\",\n  },\n  sandbox: {\n    baseUrl: \"https://staging.paymentkit.com/customer\",\n    apiBaseUrl: \"https://staging.paymentkit.com\",\n  },\n  production: {\n    baseUrl: \"https://paymentkit.com/customer\",\n    apiBaseUrl: \"https://paymentkit.com\",\n  },\n};\n\nexport function getUrlsForEnvironment(environment: string): EnvironmentUrls {\n  const env = environment as PaymentKitEnvironment;\n  const urls = ENVIRONMENT_URLS[env];\n  if (!urls) {\n    throw new Error(`Invalid environment: ${environment}. Must be one of: local, sandbox, production`);\n  }\n  return urls;\n}\n\ntype FormFieldNames = \"customer_name\" | \"customer_email\" | \"customer_country\" | \"customer_zip_code\";\n\nexport type FormErrorCodes = \"required\" | \"invalid\";\n\nexport type TInternalFuncs = {\n  submitPayment: (\n    fields: PaymentKitFields,\n    options?: unknown,\n  ) => Promise<{ data: { [key: string]: unknown }; errors?: never } | { data?: never; errors: PaymentKitErrors }>;\n  cleanup?: () => void;\n};\n\nexport type PaymentKit = <T extends readonly PaymentMethod<unknown>[]>(options: {\n  environment: string;\n  secureToken: string;\n  paymentMethods: T;\n}) => ExternalFuncsMapByPm<T> & {\n  submit: PaymentKitSubmitHandler<T>;\n  cleanup: () => void;\n};\n\ntype PaymentKitSubmitHandler<T extends readonly PaymentMethod<unknown>[]> = <\n  N extends keyof ExternalFuncsMapByPm<T>,\n>(options: {\n  fields: PaymentKitFields;\n  paymentMethod: N;\n  options?: unknown;\n  onError: (error: PaymentKitErrors) => void;\n  onSuccess: (data: { [key: string]: unknown }) => void;\n}) => void;\n\nexport type PaymentKitStates = {\n  baseUrl: string;\n  apiBaseUrl: string;\n  secureToken: string;\n  tunnelXConnection: TunnelXIFrameConnection;\n};\n\nexport type PaymentKitErrors = {\n  root?: string;\n  card_pan?: CardErrorCode;\n  card_exp?: CardErrorCode;\n  card_cvc?: CardErrorCode;\n  paypal?: string;\n  google_pay?: string;\n  processor_id?: string;\n  amount?: string;\n  currency?: string;\n  country?: string;\n} & { [key in FormFieldNames]?: FormErrorCodes | string };\n\nexport type PaymentKitFields = { [key in FormFieldNames]: string };\n\nexport type PaymentMethod<TExternalFuncs = unknown, TName = string> = (paymentKitStates: PaymentKitStates) => {\n  name: TName;\n  externalFuncs: TExternalFuncs;\n  internalFuncs: TInternalFuncs;\n};\n\nexport type ExternalFuncsMapByPm<T extends readonly PaymentMethod<unknown>[]> = {\n  [K in T[number] as ReturnType<K>[\"name\"]]: ReturnType<K>[\"externalFuncs\"];\n};\n","import { version as PACKAGE_VERSION } from \"../package.json\";\nimport { connectToTunnelXIframe } from \"./penpal/connect-tunnel-x\";\nimport type { ExternalFuncsMapByPm, PaymentKitFields, PaymentKit as PaymentKitType } from \"./types\";\nimport { getUrlsForEnvironment } from \"./types\";\nimport { createCheckoutIFrame } from \"./utils\";\n\ntype PaymentKitReturnType = ReturnType<PaymentKitType>;\n\nconst createTunnelXConnection = (baseUrl: string, apiBaseUrl: string, token: string) => {\n  const iframe = createCheckoutIFrame(\"tunnel-x\", baseUrl, {\n    checkout_token: token,\n    api_base_url: apiBaseUrl,\n  });\n  document.body.appendChild(iframe);\n\n  const connection = connectToTunnelXIframe(iframe, {});\n\n  const unmount = () => {\n    connection.destroy();\n    document.body.removeChild(iframe);\n  };\n\n  return { unmount, connection };\n};\n\nconst PaymentKit: PaymentKitType = ({ environment, secureToken, paymentMethods }) => {\n  type PaymentMethods = typeof paymentMethods;\n\n  // Resolve URLs from environment\n  const { baseUrl, apiBaseUrl } = getUrlsForEnvironment(environment);\n\n  // Log version for debugging\n  console.log(`[PaymentKit] v${PACKAGE_VERSION} initialized (env: ${environment})`);\n\n  const { connection: tunnelXConnection, unmount: unmountTunnelX } = createTunnelXConnection(\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n  );\n\n  const paymentKitStates = {\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n    tunnelXConnection,\n  };\n\n  const pmInstances = paymentMethods.map((paymentMethod) => paymentMethod(paymentKitStates));\n\n  const externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods> = pmInstances.reduce(\n    (acc, { name, externalFuncs }) => {\n      // @ts-expect-error - typecase this better in future\n      acc[name] = externalFuncs;\n      return acc;\n    },\n    {} as ExternalFuncsMapByPm<PaymentMethods>,\n  );\n\n  const submit: PaymentKitReturnType[\"submit\"] = ({\n    paymentMethod: paymentMethodName,\n    fields,\n    options,\n    onSuccess,\n    onError,\n  }) => {\n    const paymentMethod = pmInstances.find(({ name }) => name === paymentMethodName);\n    if (!paymentMethod) {\n      onError({ root: \"payment_method_not_found\" });\n      return;\n    }\n    paymentMethod.internalFuncs\n      .submitPayment(fields, options)\n      .then(({ data, errors }) => {\n        errors ? onError(errors) : onSuccess(data);\n      })\n      .catch((e) => {\n        console.error(\"PaymentKit:submit:catch\", e);\n\n        // Try to extract error message from response\n        if (e?.response?.data) {\n          onError(e.response.data);\n        } else if (e?.message) {\n          onError({ root: e.message });\n        } else {\n          onError({ root: \"unknown_error\" });\n        }\n      });\n  };\n\n  const cleanup = () => {\n    // Clean up all payment method instances\n    for (const pm of pmInstances) {\n      if (pm.internalFuncs.cleanup) {\n        pm.internalFuncs.cleanup();\n      }\n    }\n    unmountTunnelX();\n  };\n\n  return {\n    submit,\n    cleanup,\n    ...externalFuncsMapByPm,\n  };\n};\n\nexport type { PaymentKitFields };\n\nexport default PaymentKit;\n"],"mappings":";;;;;cAEa;;;;ACSb,MAAMA,mBAAmE;CACvE,OAAO;EACL,SAAS;EACT,YAAY;EACb;CACD,SAAS;EACP,SAAS;EACT,YAAY;EACb;CACD,YAAY;EACV,SAAS;EACT,YAAY;EACb;CACF;AAED,SAAgB,sBAAsB,aAAsC;CAE1E,MAAM,OAAO,iBADD;AAEZ,KAAI,CAAC,KACH,OAAM,IAAI,MAAM,wBAAwB,YAAY,8CAA8C;AAEpG,QAAO;;;;;ACxBT,MAAM,2BAA2B,SAAiB,YAAoB,UAAkB;CACtF,MAAM,SAAS,qBAAqB,YAAY,SAAS;EACvD,gBAAgB;EAChB,cAAc;EACf,CAAC;AACF,UAAS,KAAK,YAAY,OAAO;CAEjC,MAAM,aAAa,uBAAuB,QAAQ,EAAE,CAAC;CAErD,MAAM,gBAAgB;AACpB,aAAW,SAAS;AACpB,WAAS,KAAK,YAAY,OAAO;;AAGnC,QAAO;EAAE;EAAS;EAAY;;AAGhC,MAAMC,cAA8B,EAAE,aAAa,aAAa,qBAAqB;CAInF,MAAM,EAAE,SAAS,eAAe,sBAAsB,YAAY;AAGlE,SAAQ,IAAI,iBAAiBC,QAAgB,qBAAqB,YAAY,GAAG;CAEjF,MAAM,EAAE,YAAY,mBAAmB,SAAS,mBAAmB,wBACjE,SACA,YACA,YACD;CAED,MAAM,mBAAmB;EACvB;EACA;EACA;EACA;EACD;CAED,MAAM,cAAc,eAAe,KAAK,kBAAkB,cAAc,iBAAiB,CAAC;CAE1F,MAAMC,uBAA6D,YAAY,QAC5E,KAAK,EAAE,MAAM,oBAAoB;AAEhC,MAAI,QAAQ;AACZ,SAAO;IAET,EAAE,CACH;CAED,MAAMC,UAA0C,EAC9C,eAAe,mBACf,QACA,SACA,WACA,cACI;EACJ,MAAM,gBAAgB,YAAY,MAAM,EAAE,WAAW,SAAS,kBAAkB;AAChF,MAAI,CAAC,eAAe;AAClB,WAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC7C;;AAEF,gBAAc,cACX,cAAc,QAAQ,QAAQ,CAC9B,MAAM,EAAE,MAAM,aAAa;AAC1B,YAAS,QAAQ,OAAO,GAAG,UAAU,KAAK;IAC1C,CACD,OAAO,MAAM;AACZ,WAAQ,MAAM,2BAA2B,EAAE;AAG3C,OAAI,GAAG,UAAU,KACf,SAAQ,EAAE,SAAS,KAAK;YACf,GAAG,QACZ,SAAQ,EAAE,MAAM,EAAE,SAAS,CAAC;OAE5B,SAAQ,EAAE,MAAM,iBAAiB,CAAC;IAEpC;;CAGN,MAAM,gBAAgB;AAEpB,OAAK,MAAM,MAAM,YACf,KAAI,GAAG,cAAc,QACnB,IAAG,cAAc,SAAS;AAG9B,kBAAgB;;AAGlB,QAAO;EACL;EACA;EACA,GAAG;EACJ;;AAKH,kBAAe"}

package/dist/payment-methods/card.d.mts

@@ -1,8 +1,6 @@
-import "../cardsetupintent-D2gBMj3e.mjs";
-import "../connect-tunnel-x-Ce423Pa2.mjs";
-import "../publiccardcheckoutresponse-wxFCeVdO.mjs";
-import { n as CardInputType$1, o as connectToCardIframe, r as CheckoutResponse$1 } from "../connect-card-EaOlRbPS.mjs";
-import { r as PaymentMethod } from "../types-6mOKdjCh.mjs";
+import { n as CardInputType$1, o as connectToCardIframe, r as CheckoutResponse$1 } from "../connect-card-C582hcWw.mjs";
+import "../connect-tunnel-x-rLA6I_EO.mjs";
+import { r as PaymentMethod } from "../types-WgbMhIYb.mjs";
 
 //#region src/payment-methods/card.d.ts
 type CardInputType = CardInputType$1;

package/dist/payment-methods/card.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.mts","names":[],"sources":["../../src/payment-methods/card.ts"],"sourcesContent":[],"mappings":";;;;;;;KAQY,aAAA,GAAgB;KAChB,gBAAA,GAAmB;KAgD1B,oBAAA,GAAuB,QAAQ,kBAAkB;UAC5C;;cA+MJ,mBAzM4D;EAxDtD,aAAA,EAAA,CAAa,IAAA,EAwDT,eAxDY,EAAmB,OAAA,EAwDD,oBAxDC,EAAA,GAAA;IACnC,KAAA,EAAA,CAAA,cAAgB,EAAA,MAAG,EAAA,GAAA;MAgD1B,OAAA,EAAA,GAAA,GAAoB,IAAA;IAA6B,CAAA;EAAlB,CAAA;CAAR,EAAA,MAAA,CAAA"}
+{"version":3,"file":"card.d.mts","names":[],"sources":["../../src/payment-methods/card.ts"],"sourcesContent":[],"mappings":";;;;;KAQY,aAAA,GAAgB;KAChB,gBAAA,GAAmB;KAgD1B,oBAAA,GAAuB,QAAQ,kBAAkB;UAC5C;AAlDV,CAAA;AACA,cAgQM,iBAhQsB,EAuDsC,aAvDb,CAAA;EAgDhD,aAAA,EAAA,CAAA,IAAA,EAOW,eAPS,EAAA,OAAA,EAOqB,oBAPrB,EAAA,GAAA;IAA6B,KAAA,EAAA,CAAA,cAAA,EAAA,MAAA,EAAA,GAAA;MAAlB,OAAA,EAAA,GAAA,GAAA,IAAA;IAAR,CAAA;EAClB,CAAA;CAAM,EAAA,MAAA,CAAA"}

package/dist/payment-methods/google-pay.d.mts

@@ -1,9 +1,7 @@
-import "../cardsetupintent-D2gBMj3e.mjs";
-import "../connect-tunnel-x-Ce423Pa2.mjs";
-import "../publiccardcheckoutresponse-wxFCeVdO.mjs";
-import "../connect-card-EaOlRbPS.mjs";
-import { r as PaymentMethod } from "../types-6mOKdjCh.mjs";
-import { n as GooglePayMockScenario } from "../stripe-google-pay-adapter-CkV5HWI-.mjs";
+import "../connect-card-C582hcWw.mjs";
+import "../connect-tunnel-x-rLA6I_EO.mjs";
+import { r as PaymentMethod } from "../types-WgbMhIYb.mjs";
+import { n as GooglePayMockScenario } from "../stripe-google-pay-adapter-DUUB46SG.mjs";
 
 //#region src/payment-methods/google-pay.d.ts
 type GooglePayCustomerInfo = {

package/dist/payment-methods/google-pay.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"google-pay.d.mts","names":[],"sources":["../../src/payment-methods/google-pay.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAKY,qBAAA;;;;KAKA,qBAAA;;iBAEK;EAPL,cAAA,EAAA;IAKA,SAAA,CAAA,EAAA,MAAA;IAWA,WAAA,CAAA,EAAA;MASA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAwB;IAOxB,CAAA;IA8MN,kBAAA,CAAA,EASJ;;;;;;KAvOU,sBAAA;;;;;;;;KASA,wBAAA;;;;;;KAOA,sBAAA;;gBAEI;iBACC;;cA2MX,wBASJ"}
+{"version":3,"file":"google-pay.d.mts","names":[],"sources":["../../src/payment-methods/google-pay.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,qBAAA;;;;KAKA,qBAAA;EALA,YAAA,EAAA,MAAA;EAKA,aAAA,EAEK,qBAAA;EASL,cAAA,EAAA;IASA,SAAA,CAAA,EAAA,MAAA;IAOA,WAAA,CAAA,EAAA;MA8MN,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OASJ;;;;;;;;KAvOU,sBAAA;;;;;;;;KASA,wBAAA;;;;;;KAOA,sBAAA;;gBAEI;iBACC;;cA2MX,wBASJ"}

package/dist/payment-methods/next-action-handlers.d.mts

@@ -1,5 +1,3 @@
-import { t as PublicCardCheckoutResponse } from "../publiccardcheckoutresponse-wxFCeVdO.mjs";
-
 //#region src/payment-methods/next-action-handlers.d.ts
 
 /**

package/dist/payment-methods/next-action-handlers.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"next-action-handlers.d.mts","names":[],"sources":["../../src/payment-methods/next-action-handlers.ts"],"sourcesContent":[],"mappings":";;;;;;;KA6CY,gBAAA;;;;;;;;;;;;;cAgCC,+BACC,YAAY,8CACvB,QAAQ"}
+{"version":3,"file":"next-action-handlers.d.mts","names":[],"sources":["../../src/payment-methods/next-action-handlers.ts"],"sourcesContent":[],"mappings":";;;;;KA6CY,gBAAA;;;;;;;;;;;;;cAgCC,+BACC,YAAY,8CACvB,QAAQ"}

package/dist/payment-methods/paypal.d.mts

@@ -1,8 +1,6 @@
-import "../cardsetupintent-D2gBMj3e.mjs";
-import "../connect-tunnel-x-Ce423Pa2.mjs";
-import "../publiccardcheckoutresponse-wxFCeVdO.mjs";
-import "../connect-card-EaOlRbPS.mjs";
-import { r as PaymentMethod } from "../types-6mOKdjCh.mjs";
+import "../connect-card-C582hcWw.mjs";
+import "../connect-tunnel-x-rLA6I_EO.mjs";
+import { r as PaymentMethod } from "../types-WgbMhIYb.mjs";
 
 //#region src/payment-methods/paypal.d.ts
 type PayPalCustomerInfo = {

package/dist/payment-methods/paypal.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"paypal.d.mts","names":[],"sources":["../../src/payment-methods/paypal.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,kBAAA;;;;KAKA,kBAAA;;iBAEK;EAPL,cAAA,EAAA;IAKA,SAAA,CAAA,EAAA,MAAkB;IAUlB,WAAA,CAAA,EAAA;MAMA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAoB,OAAA;IAOpB,CAAA;IAOA,kBAAmB,CAAA,EAAA;MA0JzB,CAAA,GAAA,EAAA,MAAA,CAAA,EAqBJ,OAAA;;;;KAnMU,mBAAA;;;;;KAMA,oBAAA;;;;;;KAOA,sBAAA;;;;;;KAOA,mBAAA;;gBAEI;;cAwJV,qBAqBJ"}
+{"version":3,"file":"paypal.d.mts","names":[],"sources":["../../src/payment-methods/paypal.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,kBAAA;;;;KAKA,kBAAA;EALA,YAAA,EAAA,MAAA;EAKA,aAAA,EAEK,kBAAA;EAQL,cAAA,EAAA;IAMA,SAAA,CAAA,EAAA,MAAA;IAOA,WAAA,CAAA,EAAA;MAOA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAmB,OAAA;IA0JzB,CAAA;;;;;;KA9KM,mBAAA;;;;;KAMA,oBAAA;;;;;;KAOA,sBAAA;;;;;;KAOA,mBAAA;;gBAEI;;cAwJV,qBAqBJ"}

package/dist/payment-methods/stripe-google-pay-adapter.d.mts

@@ -1,2 +1,2 @@
-import { a as StripeGooglePayAdapter, i as ShowPaymentSheetResult, n as GooglePayMockScenario, r as PaymentRequestConfig, t as ConfirmResult } from "../stripe-google-pay-adapter-CkV5HWI-.mjs";
+import { a as StripeGooglePayAdapter, i as ShowPaymentSheetResult, n as GooglePayMockScenario, r as PaymentRequestConfig, t as ConfirmResult } from "../stripe-google-pay-adapter-DUUB46SG.mjs";
 export { ConfirmResult, GooglePayMockScenario, PaymentRequestConfig, ShowPaymentSheetResult, StripeGooglePayAdapter };

package/dist/penpal/connect-card.d.mts

@@ -1,4 +1,2 @@
-import "../cardsetupintent-D2gBMj3e.mjs";
-import "../publiccardcheckoutresponse-wxFCeVdO.mjs";
-import { a as ParentConnection, i as IFrameConnection, n as CardInputType, o as connectToCardIframe, r as CheckoutResponse, s as connectToCardParent, t as CardErrorCode } from "../connect-card-EaOlRbPS.mjs";
+import { a as ParentConnection, i as IFrameConnection, n as CardInputType, o as connectToCardIframe, r as CheckoutResponse, s as connectToCardParent, t as CardErrorCode } from "../connect-card-C582hcWw.mjs";
 export { CardErrorCode, CardInputType, CheckoutResponse, IFrameConnection, ParentConnection, connectToCardIframe, connectToCardParent };

package/dist/penpal/connect-tunnel-x.d.mts

@@ -1,3 +1,2 @@
-import "../cardsetupintent-D2gBMj3e.mjs";
-import { a as connectToTunnelXParent, i as connectToTunnelXIframe, n as TunnelXManager, r as TunnelXParentConnection, t as TunnelXIFrameConnection } from "../connect-tunnel-x-Ce423Pa2.mjs";
+import { a as connectToTunnelXParent, i as connectToTunnelXIframe, n as TunnelXManager, r as TunnelXParentConnection, t as TunnelXIFrameConnection } from "../connect-tunnel-x-rLA6I_EO.mjs";
 export { TunnelXIFrameConnection, TunnelXManager, TunnelXParentConnection, connectToTunnelXIframe, connectToTunnelXParent };

package/dist/{stripe-google-pay-adapter-CkV5HWI-.d.mts → stripe-google-pay-adapter-DUUB46SG.d.mts}

@@ -51,4 +51,4 @@ declare class StripeGooglePayAdapter {
 }
 //#endregion
 export { StripeGooglePayAdapter as a, ShowPaymentSheetResult as i, GooglePayMockScenario as n, PaymentRequestConfig as r, ConfirmResult as t };
-//# sourceMappingURL=stripe-google-pay-adapter-CkV5HWI-.d.mts.map
+//# sourceMappingURL=stripe-google-pay-adapter-DUUB46SG.d.mts.map

package/dist/{stripe-google-pay-adapter-CkV5HWI-.d.mts.map → stripe-google-pay-adapter-DUUB46SG.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"stripe-google-pay-adapter-CkV5HWI-.d.mts","names":[],"sources":["../src/payment-methods/stripe-google-pay-adapter.ts"],"sourcesContent":[],"mappings":";;;;;IAAqH,MAAA,CAAA,EAKxG,iBALwG;EAAA;;AAKvF,UAIb,oBAAA,CAJa;EAAA,OAAA,EAAA,MAAA;EAIb,QAAA,EAAA,MAAA;EAQL,KAAA,EAAA;IAKA,KAAA,EAAA,MAAa;IAEb,MAAA,EAAA,MAAA;EAMC,CAAA;EAKgB,gBAAA,EAAA,OAAA;EA0BE,iBAAA,EAAA,OAAA;;AAyCK,KArFxB,sBAAA,GAqFwB;EAAR,OAAA,EAAA,IAAA;EAqDqD,eAAA,EAAA,MAAA;EAAR,QAAA,EAAA,CAAA,MAAA,EAAA,SAAA,GAAA,MAAA,EAAA,GAAA,IAAA;CAAO,GAAA;;;;;;;KArIpE,aAAA;;;;;;aAEA,qBAAA;;;;;cAMC,sBAAA;;;;6BAKgB;;+BA0BE;oBAmBL;sBAsBE,QAAQ;mEAqDqC,QAAQ"}
+{"version":3,"file":"stripe-google-pay-adapter-DUUB46SG.d.mts","names":[],"sources":["../src/payment-methods/stripe-google-pay-adapter.ts"],"sourcesContent":[],"mappings":";;;;;IAAqH,MAAA,CAAA,EAKxG,iBALwG;EAAA;;AAKvF,UAIb,oBAAA,CAJa;EAAA,OAAA,EAAA,MAAA;EAIb,QAAA,EAAA,MAAA;EAQL,KAAA,EAAA;IAKA,KAAA,EAAA,MAAa;IAEb,MAAA,EAAA,MAAA;EAMC,CAAA;EAKgB,gBAAA,EAAA,OAAA;EA0BE,iBAAA,EAAA,OAAA;;AAyCK,KArFxB,sBAAA,GAqFwB;EAAR,OAAA,EAAA,IAAA;EAqDqD,eAAA,EAAA,MAAA;EAAR,QAAA,EAAA,CAAA,MAAA,EAAA,SAAA,GAAA,MAAA,EAAA,GAAA,IAAA;CAAO,GAAA;;;;;;;KArIpE,aAAA;;;;;;aAEA,qBAAA;;;;;cAMC,sBAAA;;;;6BAKgB;;+BA0BE;oBAmBL;sBAsBE,QAAQ;mEAqDqC,QAAQ"}

package/dist/{types-6mOKdjCh.d.mts → types-WgbMhIYb.d.mts}

@@ -1,7 +1,8 @@
-import { t as TunnelXIFrameConnection } from "./connect-tunnel-x-Ce423Pa2.mjs";
-import { t as CardErrorCode } from "./connect-card-EaOlRbPS.mjs";
+import { t as CardErrorCode } from "./connect-card-C582hcWw.mjs";
+import { t as TunnelXIFrameConnection } from "./connect-tunnel-x-rLA6I_EO.mjs";
 
 //#region src/types.d.ts
+
 type FormFieldNames = "customer_name" | "customer_email" | "customer_country" | "customer_zip_code";
 type FormErrorCodes = "required" | "invalid";
 type TInternalFuncs = {
@@ -17,8 +18,7 @@ type TInternalFuncs = {
   cleanup?: () => void;
 };
 type PaymentKit = <T extends readonly PaymentMethod<unknown>[]>(options: {
-  baseUrl: string;
-  apiBaseUrl: string;
+  environment: string;
   secureToken: string;
   paymentMethods: T;
 }) => ExternalFuncsMapByPm<T> & {
@@ -61,4 +61,4 @@ type PaymentMethod<TExternalFuncs = unknown, TName = string> = (paymentKitStates
 type ExternalFuncsMapByPm<T extends readonly PaymentMethod<unknown>[]> = { [K in T[number] as ReturnType<K>["name"]]: ReturnType<K>["externalFuncs"] };
 //#endregion
 export { PaymentKitFields as n, PaymentMethod as r, PaymentKit as t };
-//# sourceMappingURL=types-6mOKdjCh.d.mts.map
+//# sourceMappingURL=types-WgbMhIYb.d.mts.map

package/dist/types-WgbMhIYb.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-WgbMhIYb.d.mts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;;;KAmCK,cAAA,GAQyF,eAAA,GAAA,gBAAA,GAAA,kBAAA,GAAA,mBAAA;AAAvF,KANK,cAAA,GAML,UAAA,GAAA,SAAA;AAAO,KAJF,cAAA,GAIE;EAIF,aAAU,EAAA,CAAA,MAAA,EANV,gBAMU,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,GAJf,OAIe,CAAA;IAAuB,IAAA,EAAA;MAG3B,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAA;IACS,CAAA;IAArB,MAAA,CAAA,EAAA,KAAA;EAC4B,CAAA,GAAA;IAAxB,IAAA,CAAA,EAAA,KAAA;IAAuB,MAAA,EAT6D,gBAS7D;EAI5B,CAAA,CAAA;EAA2C,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CACT;AAArB,KAVN,UAAA,GAUM,CAAA,UAAA,SAV2B,aAU3B,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,OAAA,EAAA;EAER,WAAA,EAAA,MAAA;EACO,WAAA,EAAA,MAAA;EAEE,cAAA,EAZD,CAYC;CAAgB,EAAA,GAX7B,oBAW6B,CAXR,CAWQ,CAAA,GAAA;EAIvB,MAAA,EAdF,uBAkBW,CAlBa,CAkBb,CAAA;EAGT,OAAA,EAAA,GAAA,GAAA,IAAgB;CAEf;KAnBR,uBAoBQ,CAAA,UAAA,SApBmC,aAoBnC,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,UAAA,MAnBK,oBAmBL,CAnB0B,CAmB1B,CAAA,CAAA,CAAA,OAAA,EAAA;EACA,MAAA,EAlBH,gBAkBG;EAOC,aAAA,EAxBG,CAwBH;EAAkB,OAAA,CAAA,EAAA,OAAA;EAAc,OAAA,EAAA,CAAA,KAAA,EAtB3B,gBAsB2B,EAAA,GAAA,IAAA;EAElC,SAAA,EAAA,CAAA,IAAA,EAAA;IAEA,CAAA,GAAA,EAAA,MAAa,CAAA,EAAA,OAAA;EAAgE,CAAA,EAAA,GAAA,IAAA;CACjF,EAAA,GAAA,IAAA;AACS,KAxBL,gBAAA,GAwBK;EACA,OAAA,EAAA,MAAA;EAAc,UAAA,EAAA,MAAA;EAGnB,WAAA,EAAA,MAAA;EAAwC,iBAAA,EAxB/B,uBAwB+B;CAC5C;AAAwB,KAtBpB,gBAAA,GAsBoB;EAAX,IAAA,CAAA,EAAA,MAAA;EAAmC,QAAA,CAAA,EApB3C,aAoB2C;EAAX,QAAA,CAAA,EAnBhC,aAmBgC;EAAU,QAAA,CAAA,EAlB1C,aAkB0C;;;;;;;cAXzC,kBAAkB;KAEpB,gBAAA,aAA6B;KAE7B,6EAA6E;QACjF;iBACS;iBACA;;KAGL,wCAAwC,oCAC5C,aAAa,WAAW,aAAa,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payment-kit-js/vanilla",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
   "module": "./dist/index.mjs",
@@ -26,15 +26,15 @@
   },
   "packageManager": "yarn@4.10.3",
   "dependencies": {
-    "@stripe/stripe-js": "^5.5.0",
     "penpal": "^7.0.4",
     "valibot": "^1.1.0"
   },
   "devDependencies": {
-    "@pkg/sdk": "0.10.16",
+    "@pkg/sdk": "0.10.21",
     "@pkg/tsconfig": "0.0.0",
+    "@stripe/stripe-js": "^5.5.0",
     "tsdown": "^0.15.10",
     "typescript": "^5.9.3"
   },
-  "stableVersion": "0.1.2"
+  "stableVersion": "0.2.0"
 }

package/dist/cardsetupintent-D2gBMj3e.d.mts

@@ -1,35 +0,0 @@
-//#region ../../packages/sdk/esm/models/cardsetupintent.d.ts
-
-type CardSetupIntent = {
-  /**
-   * Card setup intent identifier
-   */
-  id: string;
-  /**
-   * Whether all card details have been collected
-   */
-  isCardAllSet: boolean;
-  /**
-   * Whether card PAN is set
-   */
-  isCardPanSet: boolean;
-  /**
-   * Whether card expiry is set
-   */
-  isCardExpSet: boolean;
-  /**
-   * Whether card CVC is set
-   */
-  isCardCvcSet: boolean;
-  /**
-   * When the card setup intent was created
-   */
-  createdAt: Date;
-  /**
-   * When the card setup intent was last updated
-   */
-  updatedAt: Date;
-};
-//#endregion
-export { CardSetupIntent as t };
-//# sourceMappingURL=cardsetupintent-D2gBMj3e.d.mts.map

package/dist/cardsetupintent-D2gBMj3e.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cardsetupintent-D2gBMj3e.d.mts","names":["z","Result","SafeParseResult","SDKValidationError","CardSetupIntent","Date","CardSetupIntent$inboundSchema","ZodTypeDef","ZodType","cardSetupIntentFromJSON"],"sources":["../../../packages/sdk/esm/models/cardsetupintent.d.ts"],"sourcesContent":["import * as z from \"zod/v3\";\nimport { Result as SafeParseResult } from \"../types/fp.js\";\nimport { SDKValidationError } from \"./errors/sdkvalidationerror.js\";\nexport type CardSetupIntent = {\n    /**\n     * Card setup intent identifier\n     */\n    id: string;\n    /**\n     * Whether all card details have been collected\n     */\n    isCardAllSet: boolean;\n    /**\n     * Whether card PAN is set\n     */\n    isCardPanSet: boolean;\n    /**\n     * Whether card expiry is set\n     */\n    isCardExpSet: boolean;\n    /**\n     * Whether card CVC is set\n     */\n    isCardCvcSet: boolean;\n    /**\n     * When the card setup intent was created\n     */\n    createdAt: Date;\n    /**\n     * When the card setup intent was last updated\n     */\n    updatedAt: Date;\n};\n/** @internal */\nexport declare const CardSetupIntent$inboundSchema: z.ZodType<CardSetupIntent, z.ZodTypeDef, unknown>;\nexport declare function cardSetupIntentFromJSON(jsonString: string): SafeParseResult<CardSetupIntent, SDKValidationError>;\n//# sourceMappingURL=cardsetupintent.d.ts.map"],"mappings":";;KAGYI,eAAAA;;;;;;;;;;;;;;;;;;;;;;;;aAwBGC;;;;aAIAA"}

package/dist/connect-card-EaOlRbPS.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connect-card-EaOlRbPS.d.mts","names":[],"sources":["../src/penpal/connect-card.ts"],"sourcesContent":[],"mappings":";;;;;KAIK,iBAAA;2CACsC,QAAQ;WAA2B;EADzE,CAAA,CAAA;EAC8C,UAAA,EAAA,GAAA,GAC/B,OAD+B,CACvB,aADuB,GAAA,SAAA,CAAA;CAA2B;KAIzE,iBAAA,GAJsC;EACf,QAAA,EAAA,GAAA,GAAA,IAAA;EAAR,aAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,GAAA,IAAA;CAAO;AAGtB,KAKO,aAAA,GALU,UAAA,GAAA,UAAA,GAAA,UAAA;AAKV,KAEA,aAAA,GAFa,SAAA,GAAA,UAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,wBAAA;AAEb,KAOA,gBAAA,GAAmB,UAPN,CAOiB,iBAPjB,CAAA;AAOb,KAEA,gBAAA,GAAmB,UAFW,CAEA,iBAFX,CAAA;AAEnB,KAEA,gBAAA,GAAmB,0BAFA;AAEnB,cAEC,mBAFkB,EAAA,CAAA,MAAA,EAEa,iBAFa,EAAA,OAAA,EAEe,iBAFf,EAAA,GAEgC,UAFhC,CAEgC,iBAFhC,CAAA;AAE5C,cAIA,mBAFZ,EAAA,CAAA,OAAA,EAE4C,iBAF5C,EAAA,GAE6D,UAF7D,CAE6D,iBAF7D,CAAA"}

package/dist/connect-tunnel-x-Ce423Pa2.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connect-tunnel-x-Ce423Pa2.d.mts","names":["z","Result","SafeParseResult","SDKValidationError","CreateCardSetupIntentRes","CreateCardSetupIntentRes$inboundSchema","ZodTypeDef","ZodType","createCardSetupIntentResFromJSON","BackoffStrategy","RetryConfig","PermanentError","Error","TemporaryError","Response","retry","Promise","SDKHooks","HookContext","ConnectionError","InvalidRequestError","RequestAbortedError","RequestTimeoutError","UnexpectedClientError","Result","SDKOptions","RetryConfig","SecurityState","RequestOptions","URL","RequestInit","Omit","RequestConfig","HeadersInit","ClientSDK","Request","Response","Promise"],"sources":["../../../packages/sdk/esm/models/createcardsetupintentres.d.ts","../../../packages/sdk/esm/lib/retries.d.ts","../../../packages/sdk/esm/lib/sdks.d.ts","../src/penpal/connect-tunnel-x.ts"],"sourcesContent":["import * as z from \"zod/v3\";\nimport { Result as SafeParseResult } from \"../types/fp.js\";\nimport { SDKValidationError } from \"./errors/sdkvalidationerror.js\";\nexport type CreateCardSetupIntentRes = {\n    /**\n     * The ID of the card setup intent\n     */\n    cardSetupIntentId: string;\n};\n/** @internal */\nexport declare const CreateCardSetupIntentRes$inboundSchema: z.ZodType<CreateCardSetupIntentRes, z.ZodTypeDef, unknown>;\nexport declare function createCardSetupIntentResFromJSON(jsonString: string): SafeParseResult<CreateCardSetupIntentRes, SDKValidationError>;\n//# sourceMappingURL=createcardsetupintentres.d.ts.map","export type BackoffStrategy = {\n    initialInterval: number;\n    maxInterval: number;\n    exponent: number;\n    maxElapsedTime: number;\n};\nexport type RetryConfig = {\n    strategy: \"none\";\n} | {\n    strategy: \"backoff\";\n    backoff?: BackoffStrategy;\n    retryConnectionErrors?: boolean;\n};\n/**\n * PermanentError is an error that is not recoverable. Throwing this error will\n * cause a retry loop to terminate.\n */\nexport declare class PermanentError extends Error {\n    /** The underlying cause of the error. */\n    readonly cause: unknown;\n    constructor(message: string, options?: {\n        cause?: unknown;\n    });\n}\n/**\n * TemporaryError is an error is used to signal that an HTTP request can be\n * retried as part of a retry loop. If retry attempts are exhausted and this\n * error is thrown, the response will be returned to the caller.\n */\nexport declare class TemporaryError extends Error {\n    response: Response;\n    constructor(message: string, response: Response);\n}\nexport declare function retry(fetchFn: () => Promise<Response>, options: {\n    config: RetryConfig;\n    statusCodes: string[];\n}): Promise<Response>;\n//# sourceMappingURL=retries.d.ts.map","import { SDKHooks } from \"../hooks/hooks.js\";\nimport { HookContext } from \"../hooks/types.js\";\nimport { ConnectionError, InvalidRequestError, RequestAbortedError, RequestTimeoutError, UnexpectedClientError } from \"../models/errors/httpclienterrors.js\";\nimport { Result } from \"../types/fp.js\";\nimport { SDKOptions } from \"./config.js\";\nimport { RetryConfig } from \"./retries.js\";\nimport { SecurityState } from \"./security.js\";\nexport type RequestOptions = {\n    /**\n     * Sets a timeout, in milliseconds, on HTTP requests made by an SDK method. If\n     * `fetchOptions.signal` is set then it will take precedence over this option.\n     */\n    timeoutMs?: number;\n    /**\n     * Set or override a retry policy on HTTP calls.\n     */\n    retries?: RetryConfig;\n    /**\n     * Specifies the status codes which should be retried using the given retry policy.\n     */\n    retryCodes?: string[];\n    /**\n     * Overrides the base server URL that will be used by an operation.\n     */\n    serverURL?: string | URL;\n    /**\n     * @deprecated `fetchOptions` has been flattened into `RequestOptions`.\n     *\n     * Sets various request options on the `fetch` call made by an SDK method.\n     *\n     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Request/Request#options|Request}\n     */\n    fetchOptions?: Omit<RequestInit, \"method\" | \"body\">;\n} & Omit<RequestInit, \"method\" | \"body\">;\ntype RequestConfig = {\n    method: string;\n    path: string;\n    baseURL?: string | URL | undefined;\n    query?: string;\n    body?: RequestInit[\"body\"];\n    headers?: HeadersInit;\n    security?: SecurityState | null;\n    uaHeader?: string;\n    userAgent?: string | undefined;\n    timeoutMs?: number;\n};\nexport declare class ClientSDK {\n    #private;\n    readonly _baseURL: URL | null;\n    readonly _options: SDKOptions & {\n        hooks?: SDKHooks;\n    };\n    constructor(options: SDKOptions);\n    _createRequest(context: HookContext, conf: RequestConfig, options?: RequestOptions): Result<Request, InvalidRequestError | UnexpectedClientError>;\n    _do(request: Request, options: {\n        context: HookContext;\n        errorCodes: number | string | (number | string)[];\n        retryConfig: RetryConfig;\n        retryCodes: string[];\n    }): Promise<Result<Response, RequestAbortedError | RequestTimeoutError | ConnectionError | UnexpectedClientError>>;\n}\nexport {};\n//# sourceMappingURL=sdks.d.ts.map"],"mappings":";;;;KAGYI,wBAAAA;EAAAA;;;;ACHZ,CAAA;;;KAAYK,eAAAA;;;;EDGAL,cAAAA,EAAAA,MAAAA;;KCGAM,WAAAA;;AANZ,CAAA,GAAYD;EAMAC,QAAAA,EAAAA,SAAW;YAITD;;;;;KCHFmB,cAAAA;EDPAnB;AAMZ;;;;ECCYmB;;;EAyBYE,OAAAA,CAAAA,EAhBVJ,WAgBUI;EAALC;;;EACX,UAAA,CAAA,EAAA,MAAA,EAAA;;;;ECzBH,SAAA,CAAA,EAAA,MAAA,GDgBoBF,GChBA;EAGE;;;;;;;EAI+D,YAAA,CAAA,EDiBvEE,ICjBuE,CDiBlED,WCjBkE,EAAA,QAAA,GAAA,MAAA,CAAA;CAAO,GDkB7FC,IClB6F,CDkBxFD,WClBwF,EAAA,QAAA,GAAA,MAAA,CAAA;;;KAP5F,oBAAA;EHLO1B,YAAAA,EAAAA,GAAAA,GAAAA,IAAAA;;2BGQe,2BAA2B;;EFX1CK,kBAAe,EAAA,CAAA,iBAAA,EAAA,MAAA,EAAA,GEa0B,OFb1B,CEakC,eFblC,CAAA;EAMfC,qBAAW,EAAA,CAAA,WAITD,EAAAA,MAAAA,EAAe,GEIqB,OFJrB,CEI6B,wBFJ7B,CAAA;uEEK0C,mBAAmB;;KAGrF,oBAAA,GAAuB;ADXhBmB,KCaA,uBAAA,GAA0B,UDbZ,CCauB,oBDbvB,CAAA;AASZF,KCMF,uBAAA,GAA0B,UDNxBA,CCMmC,oBDNnCA,CAAAA;AAQWG,cCAZ,sBDAYA,EAAAA,CAAAA,MAAAA,ECAsB,iBDAtBA,EAAAA,OAAAA,ECAkD,oBDAlDA,EAAAA,GCAsE,UDAtEA,CCAsE,oBDAtEA,CAAAA;AAQDC,cCJX,sBDIWA,EAAAA,CAAAA,OAAAA,ECJwB,oBDIxBA,EAAAA,GCJ4C,UDI5CA,CCJ4C,oBDI5CA,CAAAA;;;;;KCInB,oBAAA;oDAC+C,mBAAmB;;AA7BlE,cAgCQ,cAAA,CAhCY;EAGE,QAAA,UAAA;EAA2B,QAAA,EA+BnC,oBA/BmC;EAEO,OAAA,0BAAA,EAAA,CAAA,UAAA,EA+BJ,uBA/BI,EAAA,GA+BmB,OA/BnB,CA+BmB,cA/BnB,CAAA;EAAR,QAAA,WAAA,CAAA;EACK;;;;EACuC,IAAA,eAAA,CAAA,CAAA,EA4CxE,oBA5CwE;EAG5F,OAAA,CAAA,CAAA,EAAA,IAAA;AAEL"}

package/dist/publiccardcheckoutresponse-wxFCeVdO.d.mts

@@ -1,40 +0,0 @@
-//#region ../../packages/sdk/esm/models/stripe3dsaction.d.ts
-
-/**
- * Stripe 3DS authentication via Stripe.js SDK.
- *
- * @remarks
- *
- * Frontend should use stripe.confirmCardPayment(client_secret) to display
- * the 3DS authentication modal.
- */
-type Stripe3dsAction = {
-  type: "stripe_3ds";
-  /**
-   * PaymentIntent client secret
-   */
-  clientSecret: string;
-  /**
-   * Stripe publishable key
-   */
-  stripePk: string;
-};
-//#endregion
-//#region ../../packages/sdk/esm/models/publiccardcheckoutresponse.d.ts
-/**
- * Public response model for card checkout - uses external IDs only.
- */
-type PublicCardCheckoutResponse = {
-  id: string;
-  checkoutAttemptId: string;
-  checkoutSessionId: string;
-  paymentIntentId: string;
-  subscriptionId?: string | null | undefined;
-  invoiceId?: string | null | undefined;
-  state: string;
-  errorMessage?: string | null | undefined;
-  nextAction?: Stripe3dsAction | null | undefined;
-};
-//#endregion
-export { PublicCardCheckoutResponse as t };
-//# sourceMappingURL=publiccardcheckoutresponse-wxFCeVdO.d.mts.map

package/dist/publiccardcheckoutresponse-wxFCeVdO.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"publiccardcheckoutresponse-wxFCeVdO.d.mts","names":["z","Result","SafeParseResult","SDKValidationError","Stripe3dsAction","Stripe3dsAction$inboundSchema","ZodTypeDef","ZodType","stripe3dsActionFromJSON","z","Result","SafeParseResult","SDKValidationError","Stripe3dsAction","NextAction","PublicCardCheckoutResponse","NextAction$inboundSchema","ZodTypeDef","ZodType","nextActionFromJSON","PublicCardCheckoutResponse$inboundSchema","publicCardCheckoutResponseFromJSON"],"sources":["../../../packages/sdk/esm/models/stripe3dsaction.d.ts","../../../packages/sdk/esm/models/publiccardcheckoutresponse.d.ts"],"sourcesContent":["import * as z from \"zod/v3\";\nimport { Result as SafeParseResult } from \"../types/fp.js\";\nimport { SDKValidationError } from \"./errors/sdkvalidationerror.js\";\n/**\n * Stripe 3DS authentication via Stripe.js SDK.\n *\n * @remarks\n *\n * Frontend should use stripe.confirmCardPayment(client_secret) to display\n * the 3DS authentication modal.\n */\nexport type Stripe3dsAction = {\n    type: \"stripe_3ds\";\n    /**\n     * PaymentIntent client secret\n     */\n    clientSecret: string;\n    /**\n     * Stripe publishable key\n     */\n    stripePk: string;\n};\n/** @internal */\nexport declare const Stripe3dsAction$inboundSchema: z.ZodType<Stripe3dsAction, z.ZodTypeDef, unknown>;\nexport declare function stripe3dsActionFromJSON(jsonString: string): SafeParseResult<Stripe3dsAction, SDKValidationError>;\n//# sourceMappingURL=stripe3dsaction.d.ts.map","import * as z from \"zod/v3\";\nimport { Result as SafeParseResult } from \"../types/fp.js\";\nimport { SDKValidationError } from \"./errors/sdkvalidationerror.js\";\nimport { Stripe3dsAction } from \"./stripe3dsaction.js\";\nexport type NextAction = Stripe3dsAction;\n/**\n * Public response model for card checkout - uses external IDs only.\n */\nexport type PublicCardCheckoutResponse = {\n    id: string;\n    checkoutAttemptId: string;\n    checkoutSessionId: string;\n    paymentIntentId: string;\n    subscriptionId?: string | null | undefined;\n    invoiceId?: string | null | undefined;\n    state: string;\n    errorMessage?: string | null | undefined;\n    nextAction?: Stripe3dsAction | null | undefined;\n};\n/** @internal */\nexport declare const NextAction$inboundSchema: z.ZodType<NextAction, z.ZodTypeDef, unknown>;\nexport declare function nextActionFromJSON(jsonString: string): SafeParseResult<NextAction, SDKValidationError>;\n/** @internal */\nexport declare const PublicCardCheckoutResponse$inboundSchema: z.ZodType<PublicCardCheckoutResponse, z.ZodTypeDef, unknown>;\nexport declare function publicCardCheckoutResponseFromJSON(jsonString: string): SafeParseResult<PublicCardCheckoutResponse, SDKValidationError>;\n//# sourceMappingURL=publiccardcheckoutresponse.d.ts.map"],"mappings":";;;;ACQA;;;;;;KDGYI,eAAAA;;;;;;;;;;;;;ACHZ;;;KAAYW,0BAAAA;;;;;;;;;eASKF"}

package/dist/types-6mOKdjCh.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types-6mOKdjCh.d.mts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;;KAGK,cAAA;KAEO,cAAA;AAFP,KAIO,cAAA,GAJO;EAEP,aAAA,EAAA,CAAA,MAAc,EAId,gBAJc,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,GAMnB,OANmB,CAAA;IAEd,IAAA,EAAA;MAEA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAA;IAEkF,CAAA;IAAvF,MAAA,CAAA,EAAA,KAAA;EAAO,CAAA,GAAA;IAIF,IAAA,CAAA,EAAA,KAAU;IAAuB,MAAA,EAJiD,gBAIjD;EAK3B,CAAA,CAAA;EACS,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CAArB;AAC4B,KAPtB,UAAA,GAOsB,CAAA,UAAA,SAPW,aAOX,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,OAAA,EAAA;EAAxB,OAAA,EAAA,MAAA;EAAuB,UAAA,EAAA,MAAA;EAI5B,WAAA,EAAA,MAAA;EAA2C,cAAA,EAN9B,CAM8B;CACT,EAAA,GANjC,oBAMiC,CANZ,CAMY,CAAA,GAAA;EAArB,MAAA,EALR,uBAKQ,CALgB,CAKhB,CAAA;EAER,OAAA,EAAA,GAAA,GAAA,IAAA;CACO;KAJZ,uBAMc,CAAA,UAAA,SAN6B,aAM7B,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,UAAA,MALD,oBAKC,CALoB,CAKpB,CAAA,CAAA,CAAA,OAAA,EAAA;EAAgB,MAAA,EAHzB,gBAGyB;EAIvB,aAAA,EANK,CAML;EAOA,OAAA,CAAA,EAAA,OAAA;EAEC,OAAA,EAAA,CAAA,KAAA,EAbM,gBAaN,EAAA,GAAA,IAAA;EACA,SAAA,EAAA,CAAA,IAAA,EAAA;IACA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAOC,CAAA,EAAA,GAAA,IAAA;CAAkB,EAAA,GAAA,IAAA;AAAc,KAlBlC,gBAAA,GAkBkC;EAElC,OAAA,EAAA,MAAA;EAEA,UAAA,EAAA,MAAa;EAAgE,WAAA,EAAA,MAAA;EACjF,iBAAA,EAnBa,uBAmBb;CACS;AACA,KAlBL,gBAAA,GAkBK;EAAc,IAAA,CAAA,EAAA,MAAA;EAGnB,QAAA,CAAA,EAnBC,aAmBmB;EAAoB,QAAA,CAAA,EAlBvC,aAkBuC;EAC5C,QAAA,CAAA,EAlBK,aAkBL;EAAwB,MAAA,CAAA,EAAA,MAAA;EAAX,UAAA,CAAA,EAAA,MAAA;EAAmC,YAAA,CAAA,EAAA,MAAA;EAAX,MAAA,CAAA,EAAA,MAAA;EAAU,QAAA,CAAA,EAAA,MAAA;;cAXzC,kBAAkB;KAEpB,gBAAA,aAA6B;KAE7B,6EAA6E;QACjF;iBACS;iBACA;;KAGL,wCAAwC,oCAC5C,aAAa,WAAW,aAAa,WAAW"}