npm - @idonatedev/idonate-sdk - Versions diffs - 1.1.0-dev9 → 1.2.0-dev1 - Mend

@idonatedev/idonate-sdk 1.1.0-dev9 → 1.2.0-dev1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/README.md +308 -7
package/dist/constants.d.ts +1 -1
package/dist/constants.js +2 -6
package/dist/esm/apple-pay.d.ts +12 -0
package/dist/esm/apple-pay.js +74 -0
package/dist/esm/cloudflare-challenge-handler.d.ts +5 -0
package/dist/esm/cloudflare-challenge-handler.js +77 -0
package/dist/esm/config-handler.d.ts +22 -0
package/dist/esm/config-handler.js +47 -0
package/dist/esm/constants.d.ts +18 -0
package/dist/esm/constants.js +81 -0
package/dist/esm/google-pay.d.ts +18 -0
package/dist/esm/google-pay.js +140 -0
package/dist/esm/idonate-client.d.ts +32 -0
package/dist/esm/idonate-client.js +294 -0
package/dist/esm/index.d.ts +11 -0
package/dist/esm/index.js +11 -0
package/dist/esm/recaptcha.d.ts +12 -0
package/dist/esm/recaptcha.js +89 -0
package/dist/esm/shared.d.ts +4 -0
package/dist/esm/shared.js +21 -0
package/dist/esm/test-utils.d.ts +81 -0
package/dist/esm/test-utils.js +94 -0
package/dist/esm/tokenize/CardConnectTokenizer.d.ts +51 -0
package/dist/esm/tokenize/CardConnectTokenizer.js +726 -0
package/dist/esm/tokenize/PayPalTokenizer.d.ts +76 -0
package/dist/esm/tokenize/PayPalTokenizer.js +258 -0
package/dist/esm/tokenize/SpreedlyTokenizer.d.ts +91 -0
package/dist/esm/tokenize/SpreedlyTokenizer.js +1137 -0
package/dist/esm/tokenize/Tokenizer.d.ts +39 -0
package/dist/esm/tokenize/Tokenizer.js +164 -0
package/dist/esm/tokenize/iats.d.ts +3 -0
package/dist/esm/tokenize/iats.js +48 -0
package/dist/esm/tokenize/index.d.ts +7 -0
package/dist/esm/tokenize/index.js +7 -0
package/dist/esm/tokenize/spreedly-secure.d.ts +8 -0
package/dist/esm/tokenize/spreedly-secure.js +40 -0
package/dist/esm/tokenize/styles.d.ts +4 -0
package/dist/esm/tokenize/styles.js +46 -0
package/dist/esm/tokenize/tokenizer-constants.d.ts +62 -0
package/dist/esm/tokenize/tokenizer-constants.js +62 -0
package/dist/esm/tokenize/tokenizer-utils.d.ts +19 -0
package/dist/esm/tokenize/tokenizer-utils.js +139 -0
package/dist/esm/tokenize/types.d.ts +146 -0
package/dist/esm/tokenize/types.js +26 -0
package/dist/esm/typeAdapters.d.ts +29 -0
package/dist/esm/typeAdapters.js +189 -0
package/dist/esm/types.d.ts +378 -0
package/dist/esm/types.js +14 -0
package/dist/esm/util.d.ts +17 -0
package/dist/esm/util.js +113 -0
package/dist/idonate-client.d.ts +6 -2
package/dist/idonate-client.js +40 -2
package/dist/shared.d.ts +2 -1
package/dist/shared.js +9 -0
package/dist/tokenize/CardConnectTokenizer.d.ts +1 -1
package/dist/tokenize/CardConnectTokenizer.js +67 -86
package/dist/tokenize/PayPalTokenizer.d.ts +76 -0
package/dist/tokenize/PayPalTokenizer.js +262 -0
package/dist/tokenize/SpreedlyTokenizer.d.ts +0 -1
package/dist/tokenize/SpreedlyTokenizer.js +6 -9
package/dist/tokenize/Tokenizer.d.ts +2 -0
package/dist/tokenize/Tokenizer.js +20 -2
package/dist/tokenize/index.d.ts +1 -0
package/dist/tokenize/index.js +3 -1
package/dist/tokenize/tokenizer-utils.js +1 -1
package/dist/tokenize/types.d.ts +3 -7
package/dist/typeAdapters.js +3 -2
package/dist/types.d.ts +16 -5
package/package.json +24 -3
package/umd/idonate-sdk.js +1 -1

package/README.md CHANGED Viewed

@@ -4,6 +4,34 @@ Javascript libraries for integrating with iDonate services.
 A rough usage example can be found below the Changelog.
 # Changes
+## 1.2.0 (Upcoming)
+### PayPal and Venmo Support
+#### New Features
+* **PayPal Checkout Integration**: Native PayPal Orders API v2 support via `paypal_checkout` backend
+  * Direct PayPal integration (not through intermediaries like Spreedly)
+  * Auto-tokenization mode - token available immediately after user approval
+  * Button-based UI with PayPal and Venmo buttons
+  * Popup blocker prevention through synchronous order creation
+  * Full support for sandbox and production environments
+* **Venmo Support**: Enable Venmo button alongside PayPal for mobile-first checkout
+* **Enhanced Tokenizer API**: New configuration options for PayPal:
+  * `currency` parameter (required for PayPal)
+  * `amount` parameter (optional, for display purposes)
+  * `enableVenmo` parameter (defaults to true)
+* **Auto-Loading Embed Configuration**: SDK automatically fetches gateway configurations from backend
+  * New `getEmbedConfig()` method to fetch and cache embed configuration
+  * New `getGateway(gatewayId)` method to fetch specific gateway by ID
+  * Constructor now accepts `EmbedConfig` object in addition to string to avoid duplicate fetches
+  * Lazy-loading pattern with instance-level caching for optimal performance
+  * Gateway configs include `client_id`, `auth_mode`, and other public settings
+#### Important Notes
+* PayPal tokenizer uses `backend_name: 'paypal_checkout'` (distinct from legacy Spreedly PayPal)
+* PayPal order ID serves as the payment token in the SDK flow
+* Backend capture happens via `createDonation` using the order ID token
+* Gateway configuration is automatically fetched when using `getGateway()` - no manual config needed
 ## 1.1.0
 ### Major Tokenizer Improvements and Canadian Bank Account Support
@@ -147,8 +175,9 @@ A rough usage example can be found below the Changelog.
   <script>
     // config will usually be supplied statically, at the page level.
     const config = {
-      organizationId: '2aa2e362-51aa-483d-bedd-645ae18cc1f3',
-      paymentGatewayId: '12344321-e605-429e-b9a9-4516738635db',
+      organizationId: 'ff1f9f90-0cca-4623-963b-47cfdfcf11c5',
+      embedId: '88af6f97-5db6-40c9-9fde-bca3a2059583',
+      paymentGatewayId: '11111111-e605-429e-b9a9-4516738635db',
       enableSandboxMode: true, // the SDK client will use Staging resources if true
       recaptchaType: 'v2', // 'v2' and 'invisible' recaptcha types are supported.
     };
@@ -174,9 +203,13 @@ A rough usage example can be found below the Changelog.
       accountNumber: '123456789',
     }
-    idonateClient = new idonate.Client(config.organizationId, {
-      enableSandboxMode: config.enableSandboxMode,
-    });
+    idonateClient = new idonate.Client(
+      config.organizationId,
+      config.embedId,
+      {
+        enableSandboxMode: config.enableSandboxMode,
+      }
+    );
     function recaptchaCallback(recaptchaToken) {
       /**
@@ -192,8 +225,10 @@ A rough usage example can be found below the Changelog.
        */
       idonateClient
         .tokenizeCardConnectBankAccount({
-          routingNumber: bankPaymentInput.routingNumber,
-          accountNumber: bankPaymentInput.accountNumber
+          routingNumber: bankAccountInput.routingNumber,
+          accountNumber: bankAccountInput.accountNumber,
+          accountHolderType: 'personal',
+          accountType: 'checking',
         })
         .then((tokenResult) => {
           console.log('received tokenResult', tokenResult);
@@ -241,3 +276,269 @@ A rough usage example can be found below the Changelog.
   </script>
 </html>
 ```
+# Example: PayPal Checkout with Unified Tokenizer
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>PayPal Checkout Demo</title>
+    <script src="https://unpkg.com/@idonatedev/idonate-sdk@latest"></script>
+    <style>
+      #paypal-container {
+        max-width: 400px;
+        margin: 20px auto;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>PayPal & Venmo Checkout</h1>
+    <!-- Container for PayPal/Venmo buttons -->
+    <div id="paypal-container"></div>
+    <div id="status"></div>
+  </body>
+  <script>
+    // Configuration (example uses dev environment)
+    const config = {
+      organizationId: 'ff1f9f90-0cca-4623-963b-47cfdfcf11c5',
+      embedId: '88af6f97-5db6-40c9-9fde-bca3a2059583',
+      paymentGatewayId: 'a1ef1db0-6a60-4e33-b5e9-e1e963c35cd8',
+      enableSandboxMode: true, // Use sandbox for testing
+    };
+    const donationAmount = 25.00;
+    // Initialize client
+    const client = new idonate.Client(
+      config.organizationId,
+      config.embedId,
+      {
+        enableSandboxMode: config.enableSandboxMode,
+      }
+    );
+    // Initialize PayPal tokenizer
+    async function initializePayPal() {
+      try {
+        // Fetch gateway configuration automatically from backend
+        // This includes client_id, auth_mode, and other settings
+        const gateway = await client.getGateway(config.paymentGatewayId);
+        // Create PayPal tokenizer
+        const tokenizer = await client.createTokenizer(gateway, {
+          containerId: 'paypal-container',
+          currency: 'USD',              // Required for PayPal
+          amount: donationAmount,        // Optional, for display
+          enableVenmo: true,             // Enable Venmo button (default: true)
+        });
+        // Listen for tokenReady event
+        tokenizer.on('tokenReady', async (token) => {
+          console.log('PayPal order approved:', token);
+          document.getElementById('status').textContent =
+            'Payment approved! Order ID: ' + token.token;
+          // Complete the donation
+          // Backend already created payment method and pending transaction
+          try {
+            const donation = await client.createDonation({
+              paymentGatewayId: config.paymentGatewayId,
+              paymentMethodId: token.paymentMethodId,           // From backend
+              paymentTransactionId: token.paymentTransactionId, // Links to pending transaction
+              paymentAmount: donationAmount,
+              currency: 'USD',
+              recurringFrequency: 'once',
+              billingContact: {
+                firstName: 'John',
+                lastName: 'Doe',
+                email: 'john.doe@example.com',
+              },
+              billingAddress: {
+                address1: '123 Main St',
+                city: 'Anytown',
+                state: 'CA',
+                zip: '12345',
+                country: 'US',
+              },
+              recaptchaType: 'organization',
+              recaptchaToken: 'dummy-token', // Use actual reCAPTCHA in production
+            });
+            console.log('Donation created:', donation);
+            document.getElementById('status').textContent =
+              'Donation successful! Transaction ID: ' + donation.transaction?.id;
+          } catch (error) {
+            console.error('Donation failed:', error);
+            document.getElementById('status').textContent =
+              'Donation failed: ' + error.message;
+          }
+        });
+        // Listen for errors
+        tokenizer.on('error', (error) => {
+          console.error('PayPal error:', error);
+          document.getElementById('status').textContent =
+            'Error: ' + error.message;
+        });
+        // Listen for ready event
+        tokenizer.on('ready', () => {
+          console.log('PayPal tokenizer ready');
+          document.getElementById('status').textContent =
+            'Ready - Click PayPal or Venmo button to donate $' + donationAmount;
+        });
+      } catch (error) {
+        console.error('Failed to initialize PayPal:', error);
+        document.getElementById('status').textContent =
+          'Initialization failed: ' + error.message;
+      }
+    }
+    // Initialize when page loads
+    initializePayPal();
+  </script>
+</html>
+```
+## Embed Configuration & Gateway Management
+### Automatic Gateway Configuration (Recommended)
+The SDK can automatically fetch gateway configurations from the backend:
+```javascript
+const client = new idonate.Client(organizationId, embedId, options);
+// Fetch a specific gateway by ID - includes client_id and all settings
+const gateway = await client.getGateway('gateway-id-here');
+// Use with tokenizer
+const tokenizer = await client.createTokenizer(gateway, {
+  containerId: 'payment-container',
+  // ... other options
+});
+```
+**Benefits:**
+- No need to hardcode sensitive credentials
+- Configuration managed centrally in backend
+- Automatic updates when gateway settings change
+- Supports both sandbox and production modes
+### Fetching All Available Gateways
+```javascript
+// Get complete embed configuration
+const embedConfig = await client.getEmbedConfig();
+console.log(embedConfig.available_gateways);
+// Returns array of all gateways configured for this embed
+```
+### Using Pre-Fetched Configuration
+If you already have embed configuration (e.g., from a separate API call), pass it directly to avoid duplicate requests:
+```javascript
+const embedConfig = {
+  embed_id: '88af6f97-5db6-40c9-9fde-bca3a2059583',
+  organization_id: 'ff1f9f90-0cca-4623-963b-47cfdfcf11c5',
+  available_gateways: [/* ... */]
+};
+// Pass config object instead of embed ID string
+const client = new idonate.Client(organizationId, embedConfig, options);
+// No fetch needed - uses cached config
+const gateway = await client.getGateway('gateway-id');
+```
+## PayPal Configuration Notes
+### Gateway Setup
+#### Automatic Configuration (Recommended)
+The SDK fetches PayPal configuration automatically from your backend:
+```javascript
+// Gateway config is fetched automatically - no hardcoding needed
+const gateway = await client.getGateway(paypalGatewayId);
+// gateway.config includes:
+// - client_id (from your PayPal app)
+// - auth_mode ('manual' or 'partner')
+// - sandbox_mode (true/false)
+```
+#### Manual Configuration (Advanced)
+For advanced use cases, you can provide gateway configuration manually:
+```javascript
+const gateway = {
+  id: 'gateway-id',
+  name: 'PayPal Gateway',
+  backend_name: 'paypal_checkout',  // Use this backend name for native PayPal
+  config: {
+    client_id: 'your-paypal-client-id',
+    auth_mode: 'manual',
+    sandbox_mode: 'true'  // String 'true' or 'false'
+  }
+};
+```
+**Note:** Manual configuration requires you to manage credentials. Get your PayPal app credentials from https://developer.paypal.com/dashboard/
+### Container Configuration
+PayPal tokenizer requires specific configuration:
+```javascript
+const containerConfig = {
+  containerId: 'paypal-container',  // Required: DOM element ID
+  currency: 'USD',                  // Required: ISO 4217 currency code
+  amount: 25.00,                    // Optional: Amount for display
+  enableVenmo: true,                // Optional: Enable Venmo (default: true)
+};
+```
+### Auto-Tokenization Mode
+Unlike card tokenizers, PayPal operates in auto-tokenization mode:
+- Token becomes available automatically when user approves payment
+- No need to call `tokenize()` explicitly
+- Listen for `tokenReady` event to receive token with payment details
+- Backend pre-creates payment method and pending transaction during order creation
+- Token includes `paymentMethodId` and `paymentTransactionId` for linking
+- Pass both IDs to `createDonation()` to complete the payment
+### Popup Blocker Prevention
+The PayPal tokenizer is designed to prevent popup blockers:
+- Order creation starts synchronously in user's click event
+- Network request happens during browser's "grace period" for popups
+- No additional user interaction required
+### Venmo Support
+Venmo button appears when:
+- `enableVenmo` is set to `true` (defaults to `true`)
+- User is on a supported platform (primarily mobile)
+- Venmo is enabled in your PayPal account
+When `enableVenmo: false`, Venmo is **explicitly disabled** and will not appear.
+**⚠️ Important Venmo Sandbox Limitation:**
+- **Venmo does NOT work in PayPal sandbox mode**
+- Venmo button will appear but redirects to production Venmo
+- Sandbox test accounts cannot be used with Venmo
+- To test Venmo: use production mode with real accounts
+- **For sandbox testing: set `enableVenmo: false`** to hide Venmo button
+### Testing
+Use PayPal Sandbox accounts for testing:
+1. Create sandbox account at https://developer.paypal.com
+2. Use sandbox client ID in gateway configuration
+3. Set `sandbox_mode: true` in gateway config
+4. Use sandbox buyer account for test transactions
+```

package/dist/constants.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const SDK_VERSION: string;
+export declare const SDK_VERSION = "__SDK_VERSION__";
 export declare const PRODUCTION_BASE_URL = "https://secure-api.idonate.com";
 export declare const SANDBOX_BASE_URL = "https://api.qa-idonate.com";
 export declare const PRODUCTION_CARD_CONNECT_BASE_URL = "https://boltgw.cardconnect.com:8443";

package/dist/constants.js CHANGED Viewed

@@ -1,11 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CLIENT_HEADERS = exports.CARD_CONNECT_DEFAULT_STYLE = exports.DEFAULT_APP_NAME = exports.DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL = exports.FALLBACK_CF_TURNSTILE_SITE_KEY = exports.FALLBACK_PC_SCRIPT_ID = exports.FALLBACK_PC_SCRIPT_URL = exports.SANDBOX_APPLE_PAY_URL = exports.APPLE_PAY_URL = exports.SPREEDLY_TOKENIZER_URL = exports.SANDBOX_CARD_CONNECT_BASE_URL = exports.PRODUCTION_CARD_CONNECT_BASE_URL = exports.SANDBOX_BASE_URL = exports.PRODUCTION_BASE_URL = exports.SDK_VERSION = void 0;
-const package_json_1 = __importDefault(require("../package.json"));
-exports.SDK_VERSION = package_json_1.default.version;
+exports.SDK_VERSION = '1.2.0-dev1';
 exports.PRODUCTION_BASE_URL = 'https://secure-api.idonate.com';
 exports.SANDBOX_BASE_URL = 'https://api.qa-idonate.com';
 exports.PRODUCTION_CARD_CONNECT_BASE_URL = 'https://boltgw.cardconnect.com:8443';
@@ -83,6 +79,6 @@ input#cccvvfield {
 }
 `.replace(/\s+/gi, ' ');
 exports.CLIENT_HEADERS = {
-    'User-Agent': navigator.userAgent + ` idonate-sdk@${package_json_1.default.version}`,
+    'User-Agent': navigator.userAgent + ` idonate-sdk@${exports.SDK_VERSION}`,
     'Content-Type': 'application/json',
 };

package/dist/esm/apple-pay.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ApplePayMerchantValidationPayload, MerchantSession, TokenizeCardConnectApplePayResult } from './types';
+export default class ApplePay {
+    private appleSession;
+    private paymentRequest;
+    private readonly paymentRequestDefaults;
+    private static readonly ApplePayApiVersion;
+    constructor(paymentRequest: Partial<ApplePayJS.ApplePayPaymentRequest>);
+    static isSupported(): boolean;
+    begin(): Promise<ApplePaySession>;
+    createSession(payload: ApplePayMerchantValidationPayload, embedApiBaseUrl: string): Promise<MerchantSession>;
+    tokenizeWithCardConnect(applePaymentMethod: ApplePayJS.ApplePayPayment, cardConnectBaseUrl: string): Promise<TokenizeCardConnectApplePayResult>;
+}

package/dist/esm/apple-pay.js ADDED Viewed

@@ -0,0 +1,74 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { CLIENT_HEADERS } from './constants';
+class ApplePay {
+    constructor(paymentRequest) {
+        this.appleSession = null;
+        this.paymentRequestDefaults = {
+            currencyCode: 'USD',
+            countryCode: 'US',
+            merchantCapabilities: ['supports3DS', 'supportsCredit', 'supportsDebit'],
+            supportedNetworks: ['amex', 'masterCard', 'visa', 'discover'],
+            requiredBillingContactFields: ['postalAddress', 'name'],
+            requiredShippingContactFields: ['email', 'phone'],
+            total: {
+                label: 'iDonate',
+                amount: '',
+                type: 'final',
+            },
+        };
+        this.paymentRequest = Object.assign({}, this.paymentRequestDefaults, paymentRequest);
+    }
+    static isSupported() {
+        return (window.ApplePaySession &&
+            ApplePaySession.canMakePayments() &&
+            ApplePaySession.supportsVersion(ApplePay.ApplePayApiVersion));
+    }
+    begin() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!ApplePay.isSupported()) {
+                throw new Error('Apple Pay Not Supported');
+            }
+            this.appleSession = new ApplePaySession(ApplePay.ApplePayApiVersion, this.paymentRequest);
+            this.appleSession.begin();
+            return this.appleSession;
+        });
+    }
+    createSession(payload, embedApiBaseUrl) {
+        return fetch(`${embedApiBaseUrl}/payment/create-session`, {
+            method: 'POST',
+            headers: CLIENT_HEADERS,
+            body: JSON.stringify(payload),
+        }).then((response) => response.json());
+    }
+    tokenizeWithCardConnect(applePaymentMethod, cardConnectBaseUrl) {
+        const paymentData = applePaymentMethod.token.paymentData;
+        const token = paymentData.data;
+        const ectype = 'apple';
+        const ecsig = paymentData.signature;
+        const eckey = paymentData.header.ephemeralPublicKey;
+        const ectid = paymentData.header.transactionId;
+        const ecpublickeyhash = paymentData.header.publicKeyHash;
+        const dataString = `${token}&ectype=${ectype}&ecsig=${ecsig}&eckey=${eckey}&ectid=${ectid}&echash=&ecpublickeyhash=${ecpublickeyhash}`;
+        return fetch(`${cardConnectBaseUrl}/cardsecure/api/v1/ccn/tokenize`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                encryptionhandler: 'EC_APPLE_PAY',
+                devicedata: dataString,
+                unique: true,
+            }),
+        }).then((response) => response.json());
+    }
+}
+ApplePay.ApplePayApiVersion = 6;
+export default ApplePay;

package/dist/esm/cloudflare-challenge-handler.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import iDonateClient from './idonate-client';
+export declare const handleCFChallenge: (challengeResponse: Response, sdkClient: iDonateClient) => Promise<{
+    token: string;
+    preClearance?: boolean;
+} | null>;

package/dist/esm/cloudflare-challenge-handler.js ADDED Viewed

@@ -0,0 +1,77 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+let turnstileInstance = null;
+export const handleCFChallenge = (challengeResponse, sdkClient) => new Promise((resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c;
+    try {
+        const document = window === null || window === void 0 ? void 0 : window.document;
+        if (!document || !window) {
+            throw new Error('document is not present on window');
+        }
+        const challengeWrapper = document.createElement('div');
+        const challengeDiv = document.createElement('div');
+        const showChallenge = (turnstile) => {
+            var _a;
+            (_a = turnstile === null || turnstile === void 0 ? void 0 : turnstile.render) === null || _a === void 0 ? void 0 : _a.call(turnstile, '#iDonateTurnstileBox', {
+                sitekey: sdkClient.config.turnstileSiteKey,
+                callback(token, preClearance) {
+                    challengeWrapper.remove();
+                    resolve({ token, preClearance });
+                },
+            });
+        };
+        window.idonateTurnstileLoadedHandler = () => {
+            const turnstile = window.turnstile;
+            challengeDiv.innerHTML = '';
+            if (turnstile) {
+                turnstileInstance = turnstile;
+            }
+            showChallenge(turnstile);
+        };
+        challengeWrapper.setAttribute('id', 'idonateTurnstileWrapper');
+        challengeWrapper.style.position = 'fixed';
+        challengeWrapper.style.top = '0';
+        challengeWrapper.style.bottom = '0';
+        challengeWrapper.style.left = '0';
+        challengeWrapper.style.right = '0';
+        challengeWrapper.style.backgroundColor = 'rgba(0,0,0,0.9)';
+        challengeWrapper.style.transition = 'all 400ms';
+        challengeWrapper.style.display = 'flex';
+        challengeWrapper.style.flexDirection = 'column';
+        challengeWrapper.style.padding = '40px 30px';
+        challengeWrapper.style.opacity = '0';
+        challengeWrapper.style.color = 'white';
+        challengeWrapper.style.fontFamily = 'sans-serif';
+        challengeWrapper.style.zIndex = '1000';
+        challengeWrapper.innerHTML =
+            '<h1 id="idonateTurnstileVerificationHeader">Last tiny step before we submit your payment:</h1>';
+        challengeDiv.setAttribute('id', 'iDonateTurnstileBox');
+        challengeWrapper.append(challengeDiv);
+        document.body.append(challengeWrapper);
+        if (turnstileInstance) {
+            showChallenge(turnstileInstance);
+        }
+        else {
+            const cloudflareScript = document.createElement('script');
+            challengeDiv.innerHTML = 'loading ...';
+            cloudflareScript.src =
+                sdkClient.config.turnstileCdnUrl +
+                    '?render=explicit&onload=idonateTurnstileLoadedHandler';
+            document.body.append(cloudflareScript);
+        }
+        (_a = challengeDiv.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(challengeDiv);
+        challengeWrapper.style.opacity = '1';
+    }
+    catch (e) {
+        (_b = console === null || console === void 0 ? void 0 : console.error) === null || _b === void 0 ? void 0 : _b.call(console, e);
+        (_c = console === null || console === void 0 ? void 0 : console.warn) === null || _c === void 0 ? void 0 : _c.call(console, 'iDonate SDK: Could not handle request, please reload the page and try again');
+        reject(null);
+    }
+}));

package/dist/esm/config-handler.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { ClientOptions } from './types';
+export default class ConfigHandler {
+    readonly apiBaseUrl: string;
+    readonly embedApiBaseUrl: string;
+    readonly cardConnectBaseUrl: string;
+    readonly cardConnectTokenizerUrl: string;
+    readonly authApiBaseUrl: string;
+    readonly donorApiBaseUrl: string;
+    readonly spreedlyEnvironmentKey: string | undefined;
+    readonly applePayUrl: string;
+    readonly pcScriptBase: string;
+    readonly pcScriptId: string;
+    readonly enableDelay: boolean;
+    readonly secondsToDelay: number;
+    readonly turnstileCdnUrl: string;
+    readonly turnstileSiteKey: string;
+    readonly client: string;
+    readonly enableSpreedlySecureTokenization: boolean;
+    readonly organizationId: number | undefined;
+    readonly embedId: string | undefined;
+    constructor(options: Partial<ClientOptions>);
+}

package/dist/esm/config-handler.js ADDED Viewed

@@ -0,0 +1,47 @@
+import { SANDBOX_BASE_URL, PRODUCTION_CARD_CONNECT_BASE_URL, PRODUCTION_BASE_URL, SANDBOX_CARD_CONNECT_BASE_URL, SANDBOX_APPLE_PAY_URL, APPLE_PAY_URL, FALLBACK_PC_SCRIPT_URL, FALLBACK_PC_SCRIPT_ID, FALLBACK_CF_TURNSTILE_SITE_KEY, DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL, DEFAULT_APP_NAME, } from './constants';
+export default class ConfigHandler {
+    constructor(options) {
+        if (options.enableSandboxMode) {
+            this.apiBaseUrl = SANDBOX_BASE_URL;
+            this.cardConnectBaseUrl = SANDBOX_CARD_CONNECT_BASE_URL;
+            this.applePayUrl = SANDBOX_APPLE_PAY_URL;
+        }
+        else {
+            this.apiBaseUrl = PRODUCTION_BASE_URL;
+            this.cardConnectBaseUrl = PRODUCTION_CARD_CONNECT_BASE_URL;
+            this.applePayUrl = APPLE_PAY_URL;
+        }
+        this.client = options.sdkClientName || DEFAULT_APP_NAME;
+        if (options.overrideBaseUrl) {
+            this.apiBaseUrl = options.overrideBaseUrl;
+        }
+        this.authApiBaseUrl =
+            options.overrideAuthApiBaseUrl || `${this.apiBaseUrl}/auth`;
+        this.donorApiBaseUrl =
+            options.overrideDonorApiBaseUrl || `${this.apiBaseUrl}/donor`;
+        this.embedApiBaseUrl =
+            options.overrideEmbedApiBaseUrl || `${this.apiBaseUrl}/embed`;
+        if (options.overrideApplePayUrl) {
+            this.applePayUrl = options.overrideApplePayUrl;
+        }
+        if (options.overrideCardConnectBaseUrl) {
+            this.cardConnectBaseUrl = options.overrideCardConnectBaseUrl;
+        }
+        this.pcScriptBase = options.pcScriptBase || FALLBACK_PC_SCRIPT_URL;
+        this.pcScriptId = options.pcScriptId || FALLBACK_PC_SCRIPT_ID;
+        this.turnstileCdnUrl =
+            options.turnstileCdnUrl || DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL;
+        this.turnstileSiteKey =
+            options.turnstileSiteKey || FALLBACK_CF_TURNSTILE_SITE_KEY;
+        if (options === null || options === void 0 ? void 0 : options.spreedlyEnvironmentKey) {
+            this.spreedlyEnvironmentKey = options.spreedlyEnvironmentKey;
+        }
+        this.enableDelay = options.enableDelay || false;
+        this.secondsToDelay = options.secondsToDelay || 0;
+        this.enableSpreedlySecureTokenization =
+            options.enableSpreedlySecureTokenization || false;
+        this.organizationId = options.organizationId;
+        this.embedId = options.embedId;
+        this.cardConnectTokenizerUrl = `${this.cardConnectBaseUrl}/itoke/ajax-tokenizer.html`;
+    }
+}

package/dist/esm/constants.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+export declare const SDK_VERSION = "__SDK_VERSION__";
+export declare const PRODUCTION_BASE_URL = "https://secure-api.idonate.com";
+export declare const SANDBOX_BASE_URL = "https://api.qa-idonate.com";
+export declare const PRODUCTION_CARD_CONNECT_BASE_URL = "https://boltgw.cardconnect.com:8443";
+export declare const SANDBOX_CARD_CONNECT_BASE_URL = "https://boltgw-uat.cardconnect.com";
+export declare const SPREEDLY_TOKENIZER_URL = "https://core.spreedly.com/v1/payment_methods.json";
+export declare const APPLE_PAY_URL = "https://apple-pay-gateway.apple.com/paymentservices/paymentSession";
+export declare const SANDBOX_APPLE_PAY_URL = "https://apple-pay-gateway-cert.apple.com/paymentservices/paymentSession";
+export declare const FALLBACK_PC_SCRIPT_URL = "https://p.idonate.com/r";
+export declare const FALLBACK_PC_SCRIPT_ID = "_3fd4dad26e8c277bc50fb2ddf8233b50bc8d9704";
+export declare const FALLBACK_CF_TURNSTILE_SITE_KEY = "0x4AAAAAAAxuRxNZTvX8shIj";
+export declare const DEFAULT_CF_TURNSTILE_CDN_EXPLICIT_URL = "https://challenges.cloudflare.com/turnstile/v0/api.js";
+export declare const DEFAULT_APP_NAME = "unnamed-sdk-client";
+export declare const CARD_CONNECT_DEFAULT_STYLE: string;
+export declare const CLIENT_HEADERS: {
+    'User-Agent': string;
+    'Content-Type': string;
+};