@shipengine/elements 2.28.0 → 2.29.1

package/dist/cjs/elements/purchase-label/hooks/index.cjs

@@ -1,48 +1,48 @@
 'use strict';
 
 var useAddress = require('./use-address.cjs');
+var useConfirmationOptions = require('./use-confirmation-options.cjs');
 var useCustoms = require('./use-customs.cjs');
+var useCustomsContentsOptions = require('./use-customs-contents-options.cjs');
+var useCustomsNonDeliveryOptions = require('./use-customs-non-delivery-options.cjs');
+var useFilterVisibleRateOptions = require('./use-filter-visible-rate-options/use-filter-visible-rate-options.cjs');
+var useInsuranceProviderOptions = require('./use-insurance-provider-options.cjs');
+var useMovementIndicatorOptions = require('./use-movement-indicator-options.cjs');
+var usePackageOptions = require('./use-package-options/use-package-options.cjs');
 var usePresets = require('./use-presets.cjs');
+var useRateOptions = require('./use-rate-options.cjs');
 var useRatesForm = require('./use-rates-form.cjs');
-var useShipmentForm = require('./use-shipment-form.cjs');
 var useRatesWithCache = require('./use-rates-with-cache.cjs');
-var useRequestRates = require('./use-request-rates.cjs');
 var useRequestPreferredRates = require('./use-request-preferred-rates.cjs');
-var useShipFromAddressOptions = require('./use-ship-from-address-options.cjs');
+var useRequestRates = require('./use-request-rates.cjs');
 var useServicePoints = require('./use-service-points.cjs');
-var useWindsorFramework = require('./use-windsor-framework.cjs');
-var useRateOptions = require('./use-rate-options.cjs');
-var usePackageOptions = require('./use-package-options/use-package-options.cjs');
-var useInsuranceProviderOptions = require('./use-insurance-provider-options.cjs');
-var useMovementIndicatorOptions = require('./use-movement-indicator-options.cjs');
-var useCustomsNonDeliveryOptions = require('./use-customs-non-delivery-options.cjs');
-var useCustomsContentsOptions = require('./use-customs-contents-options.cjs');
-var useConfirmationOptions = require('./use-confirmation-options.cjs');
+var useShipFromAddressOptions = require('./use-ship-from-address-options.cjs');
+var useShipmentForm = require('./use-shipment-form.cjs');
 var useShippingPresetsOptions = require('./use-shipping-presets-options.cjs');
-var useFilterVisibleRateOptions = require('./use-filter-visible-rate-options/use-filter-visible-rate-options.cjs');
+var useWindsorFramework = require('./use-windsor-framework.cjs');
 var useServiceCodeOptions = require('./use-service-code-options/use-service-code-options.cjs');
 
 
 
 exports.useAddress = useAddress.useAddress;
+exports.useConfirmationOptions = useConfirmationOptions.useConfirmationOptions;
 exports.useCustoms = useCustoms.useCustoms;
+exports.useCustomsContentsOptions = useCustomsContentsOptions.useCustomsContentsOptions;
+exports.useCustomsNonDeliveryOptions = useCustomsNonDeliveryOptions.useCustomsNonDeliveryOptions;
+exports.COLLAPSED_RATE_VIEW_LIMIT = useFilterVisibleRateOptions.COLLAPSED_RATE_VIEW_LIMIT;
+exports.useFilterVisibleRateOptions = useFilterVisibleRateOptions.useFilterVisibleRateOptions;
+exports.useInsuranceProviderOptions = useInsuranceProviderOptions.useInsuranceProviderOptions;
+exports.useMovementIndicatorOptions = useMovementIndicatorOptions.useMovementIndicatorOptions;
+exports.usePackageOptions = usePackageOptions.usePackageOptions;
 exports.usePresets = usePresets.usePresets;
+exports.useRateOptions = useRateOptions.useRateOptions;
 exports.useRatesForm = useRatesForm.useRatesForm;
-exports.useShipmentForm = useShipmentForm.useShipmentForm;
 exports.useRatesWithCache = useRatesWithCache.useRatesWithCache;
-exports.useRequestRates = useRequestRates.useRequestRates;
 exports.useRequestPreferredRates = useRequestPreferredRates.useRequestPreferredRates;
-exports.useShipFromAddressOptions = useShipFromAddressOptions.useShipFromAddressOptions;
+exports.useRequestRates = useRequestRates.useRequestRates;
 exports.useServicePoints = useServicePoints.useServicePoints;
-exports.useWindsorFramework = useWindsorFramework.useWindsorFramework;
-exports.useRateOptions = useRateOptions.useRateOptions;
-exports.usePackageOptions = usePackageOptions.usePackageOptions;
-exports.useInsuranceProviderOptions = useInsuranceProviderOptions.useInsuranceProviderOptions;
-exports.useMovementIndicatorOptions = useMovementIndicatorOptions.useMovementIndicatorOptions;
-exports.useCustomsNonDeliveryOptions = useCustomsNonDeliveryOptions.useCustomsNonDeliveryOptions;
-exports.useCustomsContentsOptions = useCustomsContentsOptions.useCustomsContentsOptions;
-exports.useConfirmationOptions = useConfirmationOptions.useConfirmationOptions;
+exports.useShipFromAddressOptions = useShipFromAddressOptions.useShipFromAddressOptions;
+exports.useShipmentForm = useShipmentForm.useShipmentForm;
 exports.useShippingPresetsOptions = useShippingPresetsOptions.useShippingPresetsOptions;
-exports.COLLAPSED_RATE_VIEW_LIMIT = useFilterVisibleRateOptions.COLLAPSED_RATE_VIEW_LIMIT;
-exports.useFilterVisibleRateOptions = useFilterVisibleRateOptions.useFilterVisibleRateOptions;
+exports.useWindsorFramework = useWindsorFramework.useWindsorFramework;
 exports.useServiceCodeOptions = useServiceCodeOptions.useServiceCodeOptions;

package/dist/cjs/elements/purchase-label/hooks/use-rate-options.cjs

@@ -59,7 +59,7 @@ const useRateOptions = (rates$1, fundingOrigin, preferredRates, carriers, shipme
       return [];
     }
     // Only return USPS/stamps_com display schemes for domestic shipments
-    if ((carrierCode === 'usps' || carrierCode === 'stamps_com') && isInternational) {
+    if ((carrierCode === "usps" || carrierCode === "stamps_com") && isInternational) {
       return [];
     }
     return [...carrier.displaySchemes];

package/dist/cjs/elements/shipment-summary/components/label-display/label-card.cjs

@@ -12,8 +12,8 @@ var labelCard_styles = require('./label-card.styles.cjs');
 var paperlessLabelDisplay = require('./paperless-label-display.cjs');
 var serviceCard = require('../../../../components/service-card/service-card.cjs');
 var insurancePopover = require('../../../../components/insurance-popover/insurance-popover.cjs');
-var elementsContextProvider = require('../../../../elements-provider/elements-context-provider.cjs');
 var copyButton = require('../../../../components/copy/copy-button.cjs');
+var elementsContextProvider = require('../../../../elements-provider/elements-context-provider.cjs');
 
 const LabelCard = ({
   fundingSourceInsuranceProvider,

package/dist/cjs/elements/theme-creator/components/configure-theme/configure-theme.cjs

@@ -10,12 +10,12 @@ var React = require('react');
 var index = require('../../../../themes/index.cjs');
 var configureTheme_styles = require('./configure-theme.styles.cjs');
 var drawer = require('../../../../components/drawer/drawer.cjs');
-var copyButton = require('../../../../components/copy/copy-button.cjs');
 var typographyEditor = require('../typography-editor/typography-editor.cjs');
 var colorPaletteEditor = require('../color-palette-editor/color-palette-editor.cjs');
 var segementedControl = require('../../../../components/segmented-control/segemented-control.cjs');
 var spacer = require('../../../../components/spacer/spacer.cjs');
 var buttonGroup = require('../../../../components/button-group/button-group.cjs');
+var copyButton = require('../../../../components/copy/copy-button.cjs');
 
 const ConfigureTheme = ({
   themeConfig,

package/dist/cjs/elements/theme-creator/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var themeCreatorProvider = require('./theme-creator-provider.cjs');
 var themeCreator = require('./theme-creator.cjs');
+var themeCreatorProvider = require('./theme-creator-provider.cjs');
 
 
 
+exports.ThemeCreator = themeCreator;
 exports.ThemeCreatorProvider = themeCreatorProvider.ThemeCreatorProvider;
 exports.useThemeCreator = themeCreatorProvider.useThemeCreator;
-exports.ThemeCreator = themeCreator;

package/dist/cjs/features/manage-external-carriers/manage-external-carriers.cjs

@@ -20,6 +20,7 @@ const ExternalCarriers = ({
   isListCarriersFetching,
   isListCarriersLoading,
   deleteCarrierErrors,
+  onCarrierConnected,
   refetchConnectedCarriers
 }) => {
   const {
@@ -86,8 +87,9 @@ const ExternalCarriers = ({
           textAlign: "left"
         },
         children: jsxRuntime.jsx(connectExternalCarrier.Component, {
-          onCarrierConnected: () => {
+          onCarrierConnected: carrierId => {
             setAddModalOpen(false);
+            void (onCarrierConnected === null || onCarrierConnected === void 0 ? void 0 : onCarrierConnected(carrierId));
             void refetchConnectedCarriers();
             setIsAddingCarrier(true);
           }

package/dist/cjs/features/manage-warehouses/manage-warehouses.cjs

@@ -9,7 +9,6 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var manageWarehouse_styles = require('./manage-warehouse.styles.cjs');
 var warehouseForm = require('../../components/forms/warehouse-form/warehouse-form.cjs');
-var settingsCard = require('../../components/settings-card/settings-card.cjs');
 var warehouseDisplay = require('./warehouse-display/warehouse-display.cjs');
 var zeroState = require('../../components/zero-state/zero-state.cjs');
 var loader = require('../../components/loader/loader.cjs');
@@ -17,6 +16,7 @@ var addressPreferenceContext = require('../../components/address-preference-cont
 var spacer = require('../../components/spacer/spacer.cjs');
 var buttonGroup = require('../../components/button-group/button-group.cjs');
 var linkAction = require('../../components/link-action/link-action.cjs');
+var settingsCard = require('../../components/settings-card/settings-card.cjs');
 
 const ManageWarehouses = ({
   createWarehouse,

package/dist/cjs/features/payment-method-settings/payment-method-settings.cjs

@@ -2,6 +2,7 @@
 
 var _tslib = require('../../_virtual/_tslib.cjs');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var auctanePaySessionContext = require('../../contexts/auctane-pay-session-context.cjs');
 var useToggle = require('../../hooks/use-toggle.cjs');
 var giger = require('@shipengine/giger');
 var reactApi = require('@shipengine/react-api');
@@ -43,13 +44,13 @@ const PaymentMethodSettings = ({
     fundingSourceId,
     billingInfo
   } = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) !== null && _a !== void 0 ? _a : {};
-  const handleUpdateBilling = (billingInfo, creditCardInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+  const handleUpdateBilling = (billingInfo, auctanePayInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     if (fundingSourceId) {
       try {
         setIsUpdatingBilling(true);
         yield updateBilling({
           billingInfo,
-          creditCardInfo,
+          auctanePayInfo,
           fundingSourceId
         });
         yield refetchFundingSources();
@@ -62,7 +63,7 @@ const PaymentMethodSettings = ({
       }
     }
   });
-  if (showEditBilling) return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  if (showEditBilling) return jsxRuntime.jsxs(auctanePaySessionContext.AuctanePaySessionProvider, {
     children: [jsxRuntime.jsx(editBillingForm.EditBillingForm, {
       billingInfo: billingInfo,
       isLoading: isUpdatingBilling,

package/dist/cjs/hooks/financial-services/financial-service.cjs

@@ -0,0 +1,464 @@
+'use strict';
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var adyenWeb = require('@adyen/adyen-web');
+
+/**
+ * ShipstationFinancialService - This class provides a simple, unified interface for initializing and managing Adyen payment flows,
+ * including credit card payments, bank transfers, and handling 3D Secure redirects.
+ *
+ * @example
+ * ```typescript
+ * // 1. Create service instance with session data callback
+ * const financialService = new ShipstationFinancialService({
+ *   getAdyenSessionData: async () => {
+ *     // Fetch Adyen session data from Auctane Pay
+ *     const response = await fetch('/api/adyen/session', {
+ *       method: 'POST',
+ *       headers: { 'Authorization': `Bearer ${token}` },
+ *       body: JSON.stringify({ amount: 1000, currency: 'USD' })
+ *     });
+ *     return response.json();
+ *   }
+ * });
+ *
+ * // 2. Initialize the service
+ * await financialService.init();
+ *
+ * // 3. Create a credit card checkout component
+ * await financialService.createCheckout('credit_card', {
+ *   locale: 'en-US',
+ *   onPaymentCompleted: (result) => {
+ *     if (result.resultCode === 'Authorised') {
+ *       console.log('Payment successful!');
+ *     }
+ *   },
+ *   onError: (error) => {
+ *     console.error('Payment error:', error);
+ *   },
+ *   creditCardOptions: {
+ *     hasHolderName: true,
+ *     placeholders: {
+ *       cardNumber: '1234 5678 9012 3456',
+ *       expiryDate: 'MM/YY',
+ *       securityCodeThreeDigits: '123'
+ *     }
+ *   }
+ * });
+ *
+ * // 4. Mount the component to a DOM element
+ * financialService.mount('#payment-container');
+ *
+ * // 5. Submit payment when user clicks pay button
+ * document.getElementById('pay-button').addEventListener('click', () => {
+ *   financialService.submit();
+ * });
+ * ```
+ */
+class FinancialService {
+  /**
+   * A flag that indicates whether the current instance of the financial services class has been initialized.
+   *
+   * @example
+   * if (financialService.isReady()) {
+   *  financialService.mount("#service-container");
+   * }
+   */
+  isReady() {
+    return !!this.getCurrentSessionData();
+  }
+  constructor(config) {
+    this.paymentConfig = config;
+  }
+  /**
+   * Initializes the service by fetching Adyen session data.
+   * Must be called before creating any payment components.
+   *
+   * @throws Error If session data cannot be retrieved
+   *
+   * @example
+   * ```typescript
+   * try {
+   *   await new ShipstationFinancialService({ getAdyenSessionData }).init()
+   *   console.log('Service initialized successfully');
+   * } catch (error) {
+   *   console.error('Failed to initialize:', error);
+   * }
+   * ```
+   */
+  init() {
+    return _tslib.__awaiter(this, void 0, void 0, function* () {
+      const {
+        getAdyenSessionData
+      } = this.paymentConfig;
+      try {
+        this.adyenCheckoutData = yield getAdyenSessionData();
+        if (!this.adyenCheckoutData) {
+          throw new Error("Failed to retrieve Adyen session data");
+        }
+      } catch (error) {
+        throw new Error(`Failed to initialize: ${error instanceof Error ? error.message : "Unknown error"}`);
+      }
+    });
+  }
+  /**
+   * Creates a payment checkout component for the specified payment method.
+   *
+   * @returns The created Adyen component (Card or PayByBankUS)
+   * @throws {Error} If init() hasn't been called or if payment method is unsupported
+   *
+   * @example Credit card with custom styling
+   * ```typescript
+   * const cardComponent = await financialService.createCheckout('credit_card', {
+   *   locale: 'en-US',
+   *   creditCardOptions: {
+   *     hasHolderName: true,
+   *     holderNameRequired: true,
+   *     showBrandIcon: true,
+   *     placeholders: {
+   *       cardNumber: 'Card number',
+   *       expiryDate: 'MM/YY',
+   *       securityCodeThreeDigits: 'CVV'
+   *     }
+   *   },
+   *   onChange: (state) => {
+   *     // Update UI based on validation state
+   *     submitButton.disabled = !state.isValid;
+   *   }
+   * });
+   * ```
+   */
+  createCheckout(type_1) {
+    return _tslib.__awaiter(this, arguments, void 0, function* (type, options = {}) {
+      if (!this.isReady()) {
+        throw new Error("No session data. Please call init() first.");
+      }
+      const coreConfig = this.getCoreConfig(options);
+      try {
+        this.checkout = yield adyenWeb.AdyenCheckout(coreConfig);
+        // Create the specific component based on payment method type
+        if (type === "credit_card") {
+          this.activeComponent = this.createCreditCardComponent(options.creditCardOptions);
+        } else if (type === "pay_by_bank_us") {
+          this.activeComponent = this.createPayByBankComponent();
+        } else {
+          throw new Error(`Unsupported payment method type: ${type}`);
+        }
+        if (!this.activeComponent) {
+          throw new Error("Failed to create payment component");
+        }
+        return this.activeComponent;
+      } catch (error) {
+        throw new Error(`Failed to create checkout: ${error instanceof Error ? error.message : "Unknown error"}`);
+      }
+    });
+  }
+  /**
+   * Mounts the active payment component to a DOM element.
+   *
+   * @param element - DOM element or CSS selector where the component should be mounted
+   * @throws Error If no active component exists (createCheckout must be called first)
+   *
+   * @example
+   * ```typescript
+   * // Mount to element by ID
+   * financialService.mount('#payment-form');
+   *
+   * // Mount to DOM element
+   * const container = document.getElementById('payment-container');
+   * financialService.mount(container);
+   * ```
+   */
+  mount(element) {
+    if (!this.activeComponent) {
+      throw new Error("No active component. Please call createCheckout() first.");
+    }
+    this.activeComponent.mount(element);
+  }
+  /**
+   * Submits the payment using the active component.
+   * Triggers validation and payment processing.
+   *
+   * @throws Error If no active component exists
+   *
+   * @example
+   * ```typescript
+   * // In a form submit handler
+   * form.addEventListener('submit', (e) => {
+   *   e.preventDefault();
+   *   financialService.submit();
+   * });
+   * ```
+   */
+  submit() {
+    if (!this.activeComponent) {
+      throw new Error("No active component. Please call createCheckout() first.");
+    }
+    this.activeComponent.submit();
+  }
+  /**
+   * Submits the payment and returns a Promise that resolves with the payment result.
+   * This method should be used when you need to wait for payment completion.
+   *
+   * @returns Promise that resolves with PaymentResult
+   * @throws Error If no active component exists
+   *
+   * @example
+   * ```typescript
+   * try {
+   *   const result = await financialService.submitPayment();
+   *   if (result.success) {
+   *     console.log('Payment successful!', result.resultCode);
+   *   } else {
+   *     console.error('Payment failed:', result.error);
+   *   }
+   * } catch (error) {
+   *   console.error('Payment error:', error);
+   * }
+   * ```
+   */
+  submitPromise() {
+    return _tslib.__awaiter(this, void 0, void 0, function* () {
+      if (!this.activeComponent) {
+        throw new Error("No active component. Please call createCheckout() first.");
+      }
+      return new Promise((resolve, reject) => {
+        this.paymentPromise = {
+          resolve,
+          reject
+        };
+        this.activeComponent.submit();
+      });
+    });
+  }
+  /**
+   * Unmounts and cleans up the active payment component.
+   * Should be called when the component is no longer needed.
+   *
+   * @example
+   * ```typescript
+   * // Clean up on component unmount (React example)
+   * useEffect(() => {
+   *   return () => {
+   *     financialService.unmount();
+   *   };
+   * }, []);
+   * ```
+   */
+  unmount() {
+    if (this.activeComponent && "unmount" in this.activeComponent) {
+      this.activeComponent.unmount();
+    }
+    this.activeComponent = undefined;
+  }
+  /**
+   * Resets the payment component to ready state, allowing user to edit fields and retry.
+   * This is useful after a failed payment to unlock the form fields.
+   *
+   * @example
+   * ```typescript
+   * // After a failed payment
+   * const result = await financialService.submitPromise();
+   * if (!result.success) {
+   *   // Reset the component to allow retry
+   *   financialService.resetComponent();
+   *   // Show error message to user
+   * }
+   * ```
+   */
+  resetComponent() {
+    if (this.activeComponent && "setStatus" in this.activeComponent) {
+      this.activeComponent.setStatus("ready");
+    }
+  }
+  /**
+   * Returns the current Adyen session data if available.
+   * Useful for accessing session metadata or debugging.
+   *
+   * @returns The current session data or undefined if not initialized
+   *
+   * @example
+   * ```typescript
+   * const sessionData = financialService.getCurrentSessionData();
+   * if (sessionData) {
+   *   console.log('Session ID:', sessionData.metadata.adyenSessionId);
+   *   console.log('Expires:', sessionData.metadata.adyenExpiration);
+   * }
+   * ```
+   */
+  getCurrentSessionData() {
+    return this.adyenCheckoutData;
+  }
+  /**
+   * Handles the return flow from payment redirects (3D Secure, bank authentication, etc.).
+   * Should be called on your return URL page with the redirect parameters.
+   *
+   * @example
+   * ```typescript
+   * // On your return URL page
+   * const urlParams = new URLSearchParams(window.location.search);
+   *
+   * await financialService.handleRedirect({
+   *   sessionId: urlParams.get('sessionId'),
+   *   redirectResult: urlParams.get('redirectResult'),
+   *   onPaymentCompleted: (result) => {
+   *     switch (result.resultCode) {
+   *       case 'Authorised':
+   *         ...
+   *         break;
+   *       case 'Pending':
+   *         ...
+   *         break;
+   *       default:
+   *         ...
+   *     }
+   *   },
+   *   onError: (error) => {
+   *     console.error('Redirect handling failed:', error);
+   *     showErrorMessage('Payment verification failed');
+   *   }
+   * });
+   * ```
+   */
+  handleRedirect(options) {
+    return _tslib.__awaiter(this, void 0, void 0, function* () {
+      const {
+          sessionId,
+          redirectResult,
+          clientKey,
+          locale = "en-US",
+          countryCode = "US"
+        } = options,
+        rest = _tslib.__rest(options, ["sessionId", "redirectResult", "clientKey", "locale", "countryCode"]);
+      if (!sessionId || !redirectResult) {
+        throw new Error("Missing sessionId or redirectResult, unable to complete checkout");
+      }
+      // Determine client key - use provided one or try to get from existing session data
+      let finalClientKey = clientKey;
+      if (!finalClientKey && this.adyenCheckoutData) {
+        finalClientKey = this.adyenCheckoutData.metadata.adyenClientKey;
+      }
+      if (!finalClientKey) {
+        throw new Error("Client key not found, unable to complete checkout");
+      }
+      const environment = this.parseEnvironment(finalClientKey);
+      try {
+        // Create a new checkout instance specifically for handling the redirect
+        const redirectCheckout = yield adyenWeb.AdyenCheckout(Object.assign({
+          environment,
+          clientKey: finalClientKey,
+          session: {
+            id: sessionId
+          },
+          locale,
+          countryCode
+        }, rest));
+        // Submit the redirect details to complete the payment
+        redirectCheckout.submitDetails({
+          details: {
+            redirectResult
+          }
+        });
+      } catch (error) {
+        throw new Error(`Failed to handle redirect: ${error instanceof Error ? error.message : "Unknown error"}`);
+      }
+    });
+  }
+  getCoreConfig(options) {
+    if (!this.adyenCheckoutData) {
+      throw new Error("No session data available");
+    }
+    const {
+      metadata: {
+        adyenClientKey,
+        adyenSessionId,
+        adyenSessionData
+      }
+    } = this.adyenCheckoutData;
+    // Determine environment from client key
+    const environment = options.environment || this.parseEnvironment(adyenClientKey);
+    // Exclude creditCardOptions from the core config as it's component-specific
+    const coreOptions = _tslib.__rest(options, ["creditCardOptions"]);
+    const config = Object.assign(Object.assign({
+      environment,
+      clientKey: adyenClientKey,
+      session: {
+        id: adyenSessionId,
+        sessionData: adyenSessionData
+      },
+      locale: options.locale || "en-US",
+      countryCode: options.countryCode || "US"
+    }, coreOptions), {
+      // Override callbacks to handle Promise resolution while preserving original callbacks
+      onPaymentCompleted: result => {
+        // Call original callback if provided
+        var _a;
+        (_a = options.onPaymentCompleted) === null || _a === void 0 ? void 0 : _a.call(options, result);
+        // Resolve Promise if waiting
+        if (this.paymentPromise) {
+          const paymentResult = {
+            success: result.resultCode === "Authorised" || result.resultCode === "Received",
+            resultCode: result.resultCode,
+            data: result
+          };
+          this.paymentPromise.resolve(paymentResult);
+          this.paymentPromise = undefined;
+        }
+      },
+      onPaymentFailed: result => {
+        // Call original callback if provided
+        var _a;
+        (_a = options.onPaymentFailed) === null || _a === void 0 ? void 0 : _a.call(options, result);
+        // Reset component to unlock form fields for retry
+        this.resetComponent();
+        // Resolve Promise with failure if waiting
+        if (this.paymentPromise) {
+          const paymentResult = {
+            success: false,
+            resultCode: result === null || result === void 0 ? void 0 : result.resultCode,
+            error: (result === null || result === void 0 ? void 0 : result.resultCode) ? `Payment failed: ${result.resultCode}` : "Payment failed",
+            data: result
+          };
+          this.paymentPromise.resolve(paymentResult);
+          this.paymentPromise = undefined;
+        }
+      },
+      onError: error => {
+        // Call original callback if provided
+        var _a;
+        (_a = options.onError) === null || _a === void 0 ? void 0 : _a.call(options, error);
+        // Reset component to unlock form fields for retry
+        this.resetComponent();
+        // Reject Promise if waiting
+        if (this.paymentPromise) {
+          this.paymentPromise.reject(new Error(error.message || "Payment processing error"));
+          this.paymentPromise = undefined;
+        }
+      }
+    });
+    if (options.beforeSubmit) {
+      config.beforeSubmit = options.beforeSubmit;
+    }
+    if (options.onChange) {
+      config.onChange = options.onChange;
+    }
+    return config;
+  }
+  createCreditCardComponent(creditCardOptions) {
+    if (!this.checkout) {
+      throw new Error("Checkout not initialized");
+    }
+    return new adyenWeb.Card(this.checkout, creditCardOptions);
+  }
+  createPayByBankComponent() {
+    if (!this.checkout) {
+      throw new Error("Checkout not initialized");
+    }
+    return new adyenWeb.PayByBankUS(this.checkout);
+  }
+  parseEnvironment(clientKey) {
+    return clientKey.startsWith("test_") ? "test" : "live";
+  }
+}
+
+exports.FinancialService = FinancialService;

package/dist/cjs/hooks/financial-services/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var financialService = require('./financial-service.cjs');
+var useFinancialService = require('./use-financial-service.cjs');
+
+
+
+exports.FinancialService = financialService.FinancialService;
+exports.useFinancialService = useFinancialService.useFinancialService;