@shipengine/elements 2.28.0 → 2.29.1

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

@@ -0,0 +1,188 @@
+'use strict';
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var React = require('react');
+var financialService = require('./financial-service.cjs');
+var elementsContextProvider = require('../../elements-provider/elements-context-provider.cjs');
+
+/**
+ * React hook for managing Adyen payment components lifecycle
+ *
+ * @example
+ * ```tsx
+ * const { adyenRef, adyenSubmit, isLoading, error } = useFinancialService({
+ *   serviceParams: { getAdyenSessionData: fetchSession },
+ *   paymentMethod: "credit_card",
+ *   options: { locale: 'en-US' }
+ * });
+ *
+ * return (
+ *   <div>
+ *     {isLoading && <Spinner />}
+ *     {error && <ErrorMessage>{error.message}</ErrorMessage>}
+ *     <div ref={adyenRef} />
+ *     <button onClick={adyenSubmit}>Pay</button>
+ *   </div>
+ * );
+ * ```
+ */
+const useFinancialService = ({
+  getAdyenSessionData,
+  paymentMethod,
+  options
+}) => {
+  const {
+    emotionCacheShadowRootContainer
+  } = elementsContextProvider.useElements();
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [isMounted, setIsMounted] = React.useState(false);
+  const adyenRef = React.useRef(null);
+  const currentPaymentMethodRef = React.useRef(null);
+  const service = React.useRef(new financialService.FinancialService({
+    getAdyenSessionData
+  })).current;
+  /**
+   * Indicates if the current page is a redirect return (i.e., Coming back from bank account authorization).
+   */
+  const isRedirectReturn = !!new URLSearchParams(window.location.search).get("redirectResult");
+  const handleRedirect = React.useCallback(options => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const params = new URLSearchParams(window.location.search);
+    const sessionId = params.get("sessionId");
+    const redirectResult = params.get("redirectResult");
+    if (!redirectResult || !sessionId) {
+      console.error("No redirectResult or sessionId param found in redirect URL");
+      return;
+    }
+    setIsLoading(true);
+    try {
+      yield service.handleRedirect(Object.assign({
+        redirectResult,
+        sessionId
+      }, options));
+    } catch (err) {
+      console.warn("Redirect handling failed:", err);
+      throw err;
+    } finally {
+      setIsLoading(false);
+    }
+  }), [service]);
+  const submit = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (!isMounted) {
+      throw new Error("Adyen component is not mounted. Cannot submit payment.");
+    }
+    return service.submitPromise();
+  }), [isMounted, service]);
+  const createCheckout = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (service.isReady()) {
+      yield service.createCheckout(paymentMethod, options);
+    } else {
+      throw new Error("Financial Services is not ready");
+    }
+  }), [options, paymentMethod, service]);
+  const init = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (!service.isReady()) {
+      yield service.init();
+    } else {
+      throw new Error("Financial Service already initialized");
+    }
+  }), [service]);
+  const mount = React.useCallback(() => {
+    if (!service.isReady()) {
+      throw new Error("Financial Services is not ready");
+    } else {
+      if (adyenRef.current) {
+        // Mount Adyen styles
+        const adyenStyles = document.createElement("link");
+        adyenStyles.rel = "stylesheet";
+        adyenStyles.href = "https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/6.19.0/adyen.css";
+        adyenStyles.id = "adyen-styles";
+        emotionCacheShadowRootContainer === null || emotionCacheShadowRootContainer === void 0 ? void 0 : emotionCacheShadowRootContainer.appendChild(adyenStyles);
+        // Mount Adyen component
+        service.mount(adyenRef.current);
+        setIsMounted(true);
+      } else {
+        throw new Error("Failed to mount Adyen component");
+      }
+    }
+  }, [service, emotionCacheShadowRootContainer]);
+  React.useEffect(() => {
+    if (service.isReady()) {
+      setIsLoading(false);
+      return;
+    }
+    const initCheckout = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+      setIsLoading(true);
+      setError(null);
+      try {
+        yield init();
+        yield createCheckout();
+        mount();
+        // Set the initial payment method
+        currentPaymentMethodRef.current = paymentMethod;
+      } catch (e) {
+        if (e instanceof Error) {
+          console.error("Financial Services Lifecycle Error: failed to initialize.", e);
+          setError(e);
+        }
+      } finally {
+        setIsLoading(false);
+      }
+    });
+    void initCheckout();
+    return () => {
+      var _a;
+      service.unmount();
+      (_a = document.getElementById("adyen-styles")) === null || _a === void 0 ? void 0 : _a.remove();
+    };
+  }, []); // Only run once on mount
+  // Handle payment method changes - recreate component when payment method changes
+  React.useEffect(() => {
+    if (!service.isReady() || currentPaymentMethodRef.current === paymentMethod) {
+      return;
+    }
+    const recreateComponent = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+      setIsLoading(true);
+      setError(null);
+      setIsMounted(false);
+      try {
+        // Unmount the existing component
+        service.unmount();
+        if (service.isReady()) {
+          yield service.createCheckout(paymentMethod, options);
+        } else {
+          throw new Error("Financial Services is not ready");
+        }
+        // Mount the new component
+        if (adyenRef.current) {
+          service.mount(adyenRef.current);
+          setIsMounted(true);
+        } else {
+          throw new Error("Failed to mount Adyen component");
+        }
+        // Update the ref to track current payment method
+        currentPaymentMethodRef.current = paymentMethod;
+      } catch (e) {
+        if (e instanceof Error) {
+          console.error("Financial Services Error: failed to recreate component for payment method change.", e);
+          setError(e);
+        }
+      } finally {
+        setIsLoading(false);
+      }
+    });
+    void recreateComponent();
+  }, [paymentMethod, options, service]);
+  return {
+    adyenRef,
+    submit,
+    handleRedirect,
+    isRedirectReturn,
+    isLoading,
+    error,
+    isMounted,
+    getSessionData: () => service.getCurrentSessionData()
+  };
+};
+
+exports.useFinancialService = useFinancialService;

package/dist/cjs/hooks/index.cjs

@@ -1,18 +1,18 @@
 'use strict';
 
 var useAddressValidation = require('./use-address-validation.cjs');
-var useHelpers = require('./use-helpers.cjs');
+var useBalanceServices = require('./use-balance-services.cjs');
 var useConfigureShipment = require('./use-configure-shipment.cjs');
+var useHelpers = require('./use-helpers.cjs');
 var useImportSalesOrder = require('./use-import-sales-order.cjs');
-var useBalanceServices = require('./use-balance-services.cjs');
 var useRootPortal = require('./use-root-portal.cjs');
 
 
 
 exports.useAddressValidation = useAddressValidation.useAddressValidation;
-exports.useHelpers = useHelpers.useHelpers;
+exports.useBalanceServices = useBalanceServices.useBalanceServices;
 exports.useConfigureShipment = useConfigureShipment.useConfigureShipment;
+exports.useHelpers = useHelpers.useHelpers;
 exports.useImportSalesOrder = useImportSalesOrder.useImportSalesOrder;
-exports.useBalanceServices = useBalanceServices.useBalanceServices;
 exports.RootPortalProvider = useRootPortal.RootPortalProvider;
 exports.useRootPortal = useRootPortal.useRootPortal;

package/dist/cjs/index.cjs

@@ -2,55 +2,55 @@
 
 var reactApi = require('@shipengine/react-api');
 var styles = require('./utilities/styles.cjs');
+var address = require('./utilities/address.cjs');
 var featureFlags = require('./utilities/feature-flags/feature-flags.cjs');
 var checks = require('./utilities/checks.cjs');
-var address = require('./utilities/address.cjs');
 var address$1 = require('./constants/shipengine/address.cjs');
+var createElement = require('./create-element/create-element.cjs');
+var carrierServices = require('./workflows/carrier-services/carrier-services.cjs');
+var customsFormElement = require('./elements/customs-form/customs-form-element.cjs');
+var customsFormTypes = require('./elements/customs-form/customs-form-types.cjs');
+var labelsGrid = require('./elements/labels-grid/labels-grid.cjs');
 var manageCarriers = require('./elements/manage-carriers/manage-carriers.cjs');
+var manageExternalCarriers = require('./elements/manage-external-carriers/manage-external-carriers.cjs');
+var manageFundingElement = require('./elements/manage-funding/manage-funding-element.cjs');
 var manageWarehouses = require('./elements/manage-warehouses/manage-warehouses.cjs');
+var paymentMethodSettingsElement = require('./elements/payment-method-settings/payment-method-settings-element.cjs');
 var purchaseLabel = require('./elements/purchase-label/purchase-label.cjs');
-var manageExternalCarriers = require('./elements/manage-external-carriers/manage-external-carriers.cjs');
-var labelsGrid = require('./elements/labels-grid/labels-grid.cjs');
+var selectLabelLayoutElement = require('./elements/select-label-layout/select-label-layout-element.cjs');
+var shipmentSummary = require('./elements/shipment-summary/shipment-summary.cjs');
 var shipmentsGrid = require('./elements/shipments-grid/shipments-grid.cjs');
 var themeCreator = require('./elements/theme-creator/theme-creator.cjs');
 var themeCreatorProvider = require('./elements/theme-creator/theme-creator-provider.cjs');
-var shipmentSummary = require('./elements/shipment-summary/shipment-summary.cjs');
-var voidLabel = require('./elements/void-label/void-label.cjs');
-var unitSettingsElement = require('./elements/unit-settings/unit-settings-element.cjs');
-var manageFundingElement = require('./elements/manage-funding/manage-funding-element.cjs');
-var selectLabelLayoutElement = require('./elements/select-label-layout/select-label-layout-element.cjs');
-var paymentMethodSettingsElement = require('./elements/payment-method-settings/payment-method-settings-element.cjs');
-var carrierServices = require('./workflows/carrier-services/carrier-services.cjs');
 var transactionHistoryElement = require('./elements/transaction-history/transaction-history-element.cjs');
-var customsFormElement = require('./elements/customs-form/customs-form-element.cjs');
-var customsFormTypes = require('./elements/customs-form/customs-form-types.cjs');
+var unitSettingsElement = require('./elements/unit-settings/unit-settings-element.cjs');
+var voidLabel = require('./elements/void-label/void-label.cjs');
+var elementsContextProvider = require('./elements-provider/elements-context-provider.cjs');
+var elementsProvider = require('./elements-provider/elements-provider.cjs');
+var elementsTestProvider = require('./elements-provider/elements-test-provider.cjs');
 var useAddressValidation = require('./hooks/use-address-validation.cjs');
-var useHelpers = require('./hooks/use-helpers.cjs');
+var useBalanceServices = require('./hooks/use-balance-services.cjs');
 var useConfigureShipment = require('./hooks/use-configure-shipment.cjs');
+var useHelpers = require('./hooks/use-helpers.cjs');
 var useImportSalesOrder = require('./hooks/use-import-sales-order.cjs');
-var useBalanceServices = require('./hooks/use-balance-services.cjs');
 var useRootPortal = require('./hooks/use-root-portal.cjs');
 var canadaDdp = require('./types/canada-ddp.cjs');
 var pudo = require('./types/pudo.cjs');
-var onboarding = require('./workflows/onboarding/onboarding.cjs');
-var labelWorkflow = require('./workflows/label-workflow/label-workflow.cjs');
 var accountSettings = require('./workflows/account-settings/account-settings.cjs');
 var connectExternalCarrier = require('./workflows/connect-external-carrier/connect-external-carrier.cjs');
-var elementsContextProvider = require('./elements-provider/elements-context-provider.cjs');
-var elementsProvider = require('./elements-provider/elements-provider.cjs');
-var elementsTestProvider = require('./elements-provider/elements-test-provider.cjs');
-var createElement = require('./create-element/create-element.cjs');
+var labelWorkflow = require('./workflows/label-workflow/label-workflow.cjs');
+var onboarding = require('./workflows/onboarding/onboarding.cjs');
 
 
 
 exports.createStyles = styles.createStyles;
 exports.scopeTheme = styles.scopeTheme;
+exports.getCountries = address.getCountries;
+exports.getUsStates = address.getUsStates;
 exports.getDefaultFeatures = featureFlags.getDefaultFeatures;
 exports.getSellerIdFromToken = checks.getSellerIdFromToken;
 exports.isOnboarded = checks.isOnboarded;
 exports.validateShipFromAddress = checks.validateShipFromAddress;
-exports.getCountries = address.getCountries;
-exports.getUsStates = address.getUsStates;
 exports.Country = address$1.Country;
 exports.UsState = address$1.UsState;
 exports.UsaCity = address$1.UsaCity;
@@ -62,31 +62,37 @@ exports.postalCodeRegex = address$1.postalCodeRegex;
 exports.usCities = address$1.usCities;
 exports.usStateCodes = address$1.usStateCodes;
 exports.usStates = address$1.usStates;
+exports.createElement = createElement.createElement;
+exports.CarrierServices = carrierServices;
+exports.CustomsForm = customsFormElement;
+exports.extractCustomsFormData = customsFormTypes.extractCustomsFormData;
+exports.getDefaultCustomsFormValues = customsFormTypes.getDefaultCustomsFormValues;
+exports.LabelsGrid = labelsGrid;
 exports.ManageCarriers = manageCarriers;
+exports.ManageExternalCarriers = manageExternalCarriers;
+exports.ManageFunding = manageFundingElement;
 exports.ManageWarehouses = manageWarehouses;
+exports.PaymentMethodSettings = paymentMethodSettingsElement;
 exports.PurchaseLabel = purchaseLabel;
-exports.ManageExternalCarriers = manageExternalCarriers;
-exports.LabelsGrid = labelsGrid;
+exports.SelectLabelLayout = selectLabelLayoutElement;
+exports.ShipmentSummary = shipmentSummary;
 exports.ShipmentsGrid = shipmentsGrid;
 exports.ThemeCreator = themeCreator;
 exports.ThemeCreatorProvider = themeCreatorProvider.ThemeCreatorProvider;
 exports.useThemeCreator = themeCreatorProvider.useThemeCreator;
-exports.ShipmentSummary = shipmentSummary;
-exports.VoidLabel = voidLabel;
-exports.UnitSettings = unitSettingsElement;
-exports.ManageFunding = manageFundingElement;
-exports.SelectLabelLayout = selectLabelLayoutElement;
-exports.PaymentMethodSettings = paymentMethodSettingsElement;
-exports.CarrierServices = carrierServices;
 exports.TransactionHistory = transactionHistoryElement;
-exports.CustomsForm = customsFormElement;
-exports.extractCustomsFormData = customsFormTypes.extractCustomsFormData;
-exports.getDefaultCustomsFormValues = customsFormTypes.getDefaultCustomsFormValues;
+exports.UnitSettings = unitSettingsElement;
+exports.VoidLabel = voidLabel;
+exports.ElementsContext = elementsContextProvider.ElementsContext;
+exports.ElementsContextProvider = elementsContextProvider.ElementsContextProvider;
+exports.useElements = elementsContextProvider.useElements;
+exports.ElementsProvider = elementsProvider.ElementsProvider;
+exports.ElementsTestProvider = elementsTestProvider.ElementsTestProvider;
 exports.useAddressValidation = useAddressValidation.useAddressValidation;
-exports.useHelpers = useHelpers.useHelpers;
+exports.useBalanceServices = useBalanceServices.useBalanceServices;
 exports.useConfigureShipment = useConfigureShipment.useConfigureShipment;
+exports.useHelpers = useHelpers.useHelpers;
 exports.useImportSalesOrder = useImportSalesOrder.useImportSalesOrder;
-exports.useBalanceServices = useBalanceServices.useBalanceServices;
 exports.RootPortalProvider = useRootPortal.RootPortalProvider;
 exports.useRootPortal = useRootPortal.useRootPortal;
 Object.defineProperty(exports, "CanadaDeliveredDutyOptions", {
@@ -97,16 +103,10 @@ Object.defineProperty(exports, "PudoType", {
   enumerable: true,
   get: function () { return pudo.PudoType; }
 });
-exports.Onboarding = onboarding;
-exports.LabelWorkflow = labelWorkflow;
 exports.AccountSettings = accountSettings;
 exports.ConnectExternalCarrier = connectExternalCarrier;
-exports.ElementsContext = elementsContextProvider.ElementsContext;
-exports.ElementsContextProvider = elementsContextProvider.ElementsContextProvider;
-exports.useElements = elementsContextProvider.useElements;
-exports.ElementsProvider = elementsProvider.ElementsProvider;
-exports.ElementsTestProvider = elementsTestProvider.ElementsTestProvider;
-exports.createElement = createElement.createElement;
+exports.LabelWorkflow = labelWorkflow;
+exports.Onboarding = onboarding;
 Object.keys(reactApi).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/cjs/locales/en/register-wallet.json.cjs

@@ -8,6 +8,11 @@ var registerWallet = {
 			cardSubTitle: "Enter your payment details",
 			addressSubTitle: "Billing Address"
 		},
+		paymentMethod: {
+			title: "Payment Method",
+			creditCard: "Credit Card",
+			payByBank: "Pay by Bank"
+		},
 		vatSettings: {
 			title: "Tax Settings"
 		},

package/dist/cjs/package.json.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var version = "2.28.0";
+var version = "2.29.1";
 
 exports.version = version;

package/dist/cjs/utilities/form-logger.cjs

@@ -35,11 +35,11 @@ const formLogger = {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-call
       reactApi.logger.error({
         obj: validationResult.errors
-      }, "Validation failed. Errors object:");else
+      }, "Validation failed. Errors object:");
       // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      reactApi.logger.info({
-        obj: sanitizeValues(validationResult.values, sensitiveValues)
-      }, "Validation passed. Final payload after defaults & transforms:");
+    else reactApi.logger.info({
+      obj: sanitizeValues(validationResult.values, sensitiveValues)
+    }, "Validation passed. Final payload after defaults & transforms:");
     return validationResult;
   })
 };

package/dist/cjs/utilities/index.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
-var styles = require('./styles.cjs');
+var address = require('./address.cjs');
 var checks = require('./checks.cjs');
 var files = require('./files.cjs');
-var address = require('./address.cjs');
+var styles = require('./styles.cjs');
 var featureFlags = require('./feature-flags/feature-flags.cjs');
 
 
 
-exports.createStyles = styles.createStyles;
-exports.scopeTheme = styles.scopeTheme;
+exports.getCountries = address.getCountries;
+exports.getUsStates = address.getUsStates;
 exports.getSellerIdFromToken = checks.getSellerIdFromToken;
 exports.isOnboarded = checks.isOnboarded;
 exports.validateShipFromAddress = checks.validateShipFromAddress;
 exports.createLocalFileFromBlobResponse = files.createLocalFileFromBlobResponse;
-exports.getCountries = address.getCountries;
-exports.getUsStates = address.getUsStates;
+exports.createStyles = styles.createStyles;
+exports.scopeTheme = styles.scopeTheme;
 exports.getDefaultFeatures = featureFlags.getDefaultFeatures;

package/dist/cjs/utilities/shipengine/index.cjs

@@ -3,12 +3,12 @@
 var address = require('./address.cjs');
 var carrier = require('./carrier.cjs');
 var dimensions = require('./dimensions.cjs');
+var insurance = require('./insurance.cjs');
+var _package = require('./package.cjs');
 var salesOrder = require('./sales-order.cjs');
 var shipment = require('./shipment.cjs');
-var weight = require('./weight.cjs');
-var _package = require('./package.cjs');
 var warehouses = require('./warehouses.cjs');
-var insurance = require('./insurance.cjs');
+var weight = require('./weight.cjs');
 
 
 
@@ -34,6 +34,12 @@ exports.isUspsCarrier = carrier.isUspsCarrier;
 exports.isYodelCarrier = carrier.isYodelCarrier;
 exports.convertDimensions = dimensions.convertDimensions;
 exports.formatDimensions = dimensions.formatDimensions;
+exports.filterProfilesByAcceptedTerms = insurance.filterProfilesByAcceptedTerms;
+exports.getInsuranceProviderWithFriendlyName = insurance.getInsuranceProviderWithFriendlyName;
+exports.getIsFundingSourceInsuranceProviderEnabledAndSupported = insurance.getIsFundingSourceInsuranceProviderEnabledAndSupported;
+exports.getIsInsuraceProviderAccepted = insurance.getIsInsuraceProviderAccepted;
+exports.groupTermsByProvider = insurance.groupTermsByProvider;
+exports.isFlatRatePackageCode = _package.isFlatRatePackageCode;
 exports.getCustomsFromSalesOrder = salesOrder.getCustomsFromSalesOrder;
 exports.getIsCustomsRequiredForSalesOrder = salesOrder.getIsCustomsRequiredForSalesOrder;
 exports.getRequestedServices = salesOrder.getRequestedServices;
@@ -44,6 +50,8 @@ exports.getIsInternationalShipment = shipment.getIsInternationalShipment;
 exports.getPendingShipment = shipment.getPendingShipment;
 exports.getShipmentByStatus = shipment.getShipmentByStatus;
 exports.moveCustomsItemsToProducts = shipment.moveCustomsItemsToProducts;
+exports.getDefaultWarehouse = warehouses.getDefaultWarehouse;
+exports.getWarehouseById = warehouses.getWarehouseById;
 exports.convertDecimalWeightToFractionalWeight = weight.convertDecimalWeightToFractionalWeight;
 exports.convertFractionalWeightToDecimalWeight = weight.convertFractionalWeightToDecimalWeight;
 exports.convertPoundsAndOuncesToOunces = weight.convertPoundsAndOuncesToOunces;
@@ -51,11 +59,3 @@ exports.convertWeight = weight.convertWeight;
 exports.formatFractionalWeight = weight.formatFractionalWeight;
 exports.isDecimalWeight = weight.isDecimalWeight;
 exports.isMetricWeightUnit = weight.isMetricWeightUnit;
-exports.isFlatRatePackageCode = _package.isFlatRatePackageCode;
-exports.getDefaultWarehouse = warehouses.getDefaultWarehouse;
-exports.getWarehouseById = warehouses.getWarehouseById;
-exports.filterProfilesByAcceptedTerms = insurance.filterProfilesByAcceptedTerms;
-exports.getInsuranceProviderWithFriendlyName = insurance.getInsuranceProviderWithFriendlyName;
-exports.getIsFundingSourceInsuranceProviderEnabledAndSupported = insurance.getIsFundingSourceInsuranceProviderEnabledAndSupported;
-exports.getIsInsuraceProviderAccepted = insurance.getIsInsuraceProviderAccepted;
-exports.groupTermsByProvider = insurance.groupTermsByProvider;

package/dist/cjs/workflows/carrier-services/carrier-services.cjs

@@ -7,16 +7,16 @@ var reactApi = require('@shipengine/react-api');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var useGetWalletPanelProps = require('./use-get-wallet-panel-props.cjs');
+var createElement = require('../../create-element/create-element.cjs');
+var manageCarriers = require('../../features/manage-carriers/manage-carriers.cjs');
 var transactionHistory = require('../../features/transaction-history/transaction-history.cjs');
 var paymentMethodSettings = require('../../features/payment-method-settings/payment-method-settings.cjs');
 var collapsiblePanel = require('../../components/collapsible-panel/collapsible-panel.cjs');
+var errorFallback = require('../../components/error-fallback/error-fallback.cjs');
 var index = require('../../locales/en/index.cjs');
-var createElement = require('../../create-element/create-element.cjs');
 var zeroState = require('../../components/zero-state/zero-state.cjs');
 var loader = require('../../components/loader/loader.cjs');
-var manageCarriers = require('../../features/manage-carriers/manage-carriers.cjs');
 var spacer = require('../../components/spacer/spacer.cjs');
-var errorFallback = require('../../components/error-fallback/error-fallback.cjs');
 
 const Component = ({
   onRedirectToOnboarding,

package/dist/cjs/workflows/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var onboarding = require('./onboarding/onboarding.cjs');
-var labelWorkflow = require('./label-workflow/label-workflow.cjs');
 var accountSettings = require('./account-settings/account-settings.cjs');
-var connectExternalCarrier = require('./connect-external-carrier/connect-external-carrier.cjs');
 var carrierServices = require('./carrier-services/carrier-services.cjs');
+var connectExternalCarrier = require('./connect-external-carrier/connect-external-carrier.cjs');
+var labelWorkflow = require('./label-workflow/label-workflow.cjs');
+var onboarding = require('./onboarding/onboarding.cjs');
 
 
 
-exports.Onboarding = onboarding;
-exports.LabelWorkflow = labelWorkflow;
 exports.AccountSettings = accountSettings;
-exports.ConnectExternalCarrier = connectExternalCarrier;
 exports.CarrierServices = carrierServices;
+exports.ConnectExternalCarrier = connectExternalCarrier;
+exports.LabelWorkflow = labelWorkflow;
+exports.Onboarding = onboarding;

package/dist/cjs/workflows/onboarding/components/carrier-recovery-form/carrier-recovery-form.cjs

@@ -9,8 +9,8 @@ var validation = require('../../../../utilities/validation.cjs');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var reactI18next = require('react-i18next');
-var carrierRecoveryFormSchema = require('./carrier-recovery-form-schema.cjs');
 var carrierRecoveryForm_styles = require('./carrier-recovery-form.styles.cjs');
+var carrierRecoveryFormSchema = require('./carrier-recovery-form-schema.cjs');
 var addressFields = require('../../../../components/forms/address-form/address-fields.cjs');
 var buttonGroup = require('../../../../components/button-group/button-group.cjs');
 var submitButton = require('../../../../components/field/submit-button/submit-button.cjs');

package/dist/cjs/workflows/onboarding/components/confirmation-and-submission-step/confirmation-and-submission-step.cjs

@@ -72,22 +72,33 @@ const ConfirmationAndSubmissionStep = ({
         marginTop: styles.scopeTheme(theme).spacing(1)
       }),
       children: [jsxRuntime.jsx(ccProviderLogo.CcProviderLogo, {
-        provider: provider,
-        width: 56
+        provider: provider
       }), jsxRuntime.jsx(giger.Typography, {
         variant: "body2",
         children: `**** **** **** ${last4 !== null && last4 !== void 0 ? last4 : "****"}`
       })]
     });
   };
+  const mapAdyenBrandToProvider = brand => {
+    if (!brand) return undefined;
+    const brandMap = {
+      visa: "visa",
+      mc: "mastercard",
+      amex: "american_express",
+      discover: "discover"
+    };
+    return brandMap[brand.toLowerCase()];
+  };
   const PaymentInfoDisplay = () => {
     var _a, _b;
     return jsxRuntime.jsx(giger.GridChild, {
       colSpan: 9,
       children: walletPayload ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [jsxRuntime.jsx(CreditCardDisplay, {
-          last4: walletPayload.creditCard.cardNumber.slice(-4),
-          provider: walletPayload.creditCard.provider
+        children: [walletPayload.paymentMethod === "credit_card" ? jsxRuntime.jsx(CreditCardDisplay, {
+          provider: mapAdyenBrandToProvider(walletPayload.cardBrand)
+        }) : jsxRuntime.jsx(giger.Typography, {
+          variant: "body2",
+          children: "Pay by Bank"
         }), showBillingAddress && jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [jsxRuntime.jsx(spacer.Spacer, {
             multiplier: 1

package/dist/cjs/workflows/onboarding/components/confirmation-and-submission-step/use-confirmation-and-submission-step.cjs

@@ -153,8 +153,8 @@ const useConfirmationAndSubmissionStep = ({
     insuranceProviderProfiles
   }) => (_a, warehousePayload_1) => _tslib.__awaiter(void 0, [_a, warehousePayload_1], void 0, function* ({
     address,
-    creditCard,
-    iovationBlackbox
+    iovationBlackbox,
+    auctanePaySessionId
   }, warehousePayload) {
     var _b, _c;
     const warehouse = yield createOrUpdateWarehouse(warehousePayload);
@@ -175,7 +175,7 @@ const useConfirmationAndSubmissionStep = ({
       // Standard seller
       let fundingSource;
       try {
-        fundingSource = yield createFundingSource({
+        const fundingSourcePayload = {
           acceptedTerms: fundingSourceRequiredTerms.map(({
             termType,
             version
@@ -191,9 +191,10 @@ const useConfirmationAndSubmissionStep = ({
           }),
           iovationBlackBox: iovationBlackbox,
           paymentMethod: {
-            creditCardInfo: Object.assign({}, creditCard)
+            sessionId: auctanePaySessionId
           }
-        });
+        };
+        fundingSource = yield createFundingSource(fundingSourcePayload);
       } catch (error) {
         console.error(error);
         throw error;
@@ -248,7 +249,6 @@ const useConfirmationAndSubmissionStep = ({
             email: (_a = walletPayload.address.email) !== null && _a !== void 0 ? _a : "",
             fullName: walletPayload.address.name
           }),
-          creditCardInfo: walletPayload.creditCard,
           fundingSourceId
         });
       }

package/dist/cjs/workflows/onboarding/components/funding-step/funding-step.cjs

@@ -29,9 +29,13 @@ const FundingStep = ({
           passengerData
         } = _a,
         rest = _tslib.__rest(_a, ["passengerData"]);
-      return onSubmit(Object.assign(Object.assign({}, passengerData), {
-        address: rest.originAddress
-      }));
+      const walletData = passengerData;
+      const walletPayload = {
+        address: rest.originAddress,
+        iovationBlackbox: walletData.iovationBlackbox,
+        paymentMethod: "credit_card"
+      };
+      onSubmit(walletPayload);
     },
     children: jsxRuntime.jsx(walletForm.WalletForm, {
       address: address,

package/dist/cjs/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.cjs

@@ -8,8 +8,8 @@ var validation = require('../../../../utilities/validation.cjs');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var reactI18next = require('react-i18next');
-var termsAgreementFormSchema = require('./terms-agreement-form-schema.cjs');
 var termsAgreementForm_styles = require('./terms-agreement-form.styles.cjs');
+var termsAgreementFormSchema = require('./terms-agreement-form-schema.cjs');
 var elementsContextProvider = require('../../../../elements-provider/elements-context-provider.cjs');
 var checkboxInput = require('../../../../components/field/checkbox-input/checkbox-input.cjs');
 var displayTerm = require('../../../../components/display-term/display-term.cjs');