@shipengine/elements 2.20.0 → 2.21.0

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  grid: theme => ({
+    margin: styles$1.scopeTheme(theme).spacing(4)
+  }),
+  heading: {
+    textAlign: "center"
+  },
+  subtitle: {
+    textAlign: "center"
+  }
+});
+
+exports.styles = styles;

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var carrierRecoveryForm = require('./carrier-recovery-form.cjs');
+
+
+
+exports.CarrierRecoveryForm = carrierRecoveryForm.CarrierRecoveryForm;

package/cjs/workflows/onboarding/components/completion-page/completion-page.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var spacer = require('../../../../components/spacer/spacer.cjs');
+var buttonGroup = require('../../../../components/button-group/button-group.cjs');
+
+const CompletionPage = ({
+  onContinue
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["common", "onboarding"]);
+  return jsxRuntime.jsxs("div", Object.assign({
+    css: {
+      alignItems: "center",
+      display: "flex",
+      flexDirection: "column"
+    },
+    "data-testid": "onboarding-complete"
+  }, {
+    children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+      variant: "heading4"
+    }, {
+      children: t("onboarding:success.title")
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 2
+    }), jsxRuntime.jsx(giger.Typography, Object.assign({
+      variant: "subtitle1"
+    }, {
+      children: t("onboarding:success.subtitle")
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 10
+    }), jsxRuntime.jsxs("svg", Object.assign({
+      fill: "none",
+      height: "86",
+      viewBox: "0 0 86 86",
+      width: "86",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, {
+      children: [jsxRuntime.jsx("circle", {
+        cx: "43",
+        cy: "43.3379",
+        fill: "#E8F6FF",
+        r: "42.5"
+      }), jsxRuntime.jsx("path", {
+        d: "M56.6583 26.4724C57.2882 25.8425 58.3095 25.8425 58.9393 26.4724L64.1038 31.6369C64.7337 32.2668 64.7337 33.288 64.1038 33.9179L37.8303 60.1915L30.3848 52.746L56.6583 26.4724Z",
+        fill: "#006FBB"
+      }), jsxRuntime.jsx("path", {
+        d: "M21.4724 43.8446C20.8425 43.2147 20.8425 42.1935 21.4724 41.5636L26.4689 36.5671C27.0988 35.9372 28.12 35.9372 28.7499 36.5671L45.1032 52.9204L37.8257 60.1979L21.4724 43.8446Z",
+        fill: "#006FBB"
+      })]
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 10
+    }), jsxRuntime.jsx(buttonGroup.ButtonGroup, Object.assign({
+      justify: "center"
+    }, {
+      children: jsxRuntime.jsx(giger.Button, Object.assign({
+        bold: false,
+        color: giger.ButtonColor.PRIMARY,
+        onClick: onContinue,
+        type: "button",
+        variant: giger.ButtonVariant.FILLED
+      }, {
+        children: t("onboarding:success.action")
+      }))
+    }))]
+  }));
+};
+
+exports.CompletionPage = CompletionPage;

package/cjs/workflows/onboarding/components/completion-page/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var completionPage = require('./completion-page.cjs');
+
+
+
+exports.CompletionPage = completionPage.CompletionPage;

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

@@ -0,0 +1,231 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useBlackBoxDetection = require('../../../../hooks/use-black-box-detection.cjs');
+var styles = require('../../../../utilities/styles.cjs');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var stepHeader = require('../step-header/step-header.cjs');
+var spacer = require('../../../../components/spacer/spacer.cjs');
+var addressDisplay = require('../../../../components/address-display/address-display.cjs');
+var linkAction = require('../../../../components/link-action/link-action.cjs');
+var buttonGroup = require('../../../../components/button-group/button-group.cjs');
+var ccProviderLogo = require('../../../../components/cc-provider-logo/cc-provider-logo.cjs');
+
+const ConfirmationAndSubmissionStep = ({
+  createFundingSourceErrors,
+  fundingSourcePaymentInfo,
+  onEdit,
+  onSubmit,
+  registerCarrierErrors,
+  updatePaymentMethodErrors,
+  walletPayload,
+  warehousePayload
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["onboarding"]);
+  const [iovationBlackBox, setIovationBlackBox] = React.useState();
+  // if a user has a payment method and did not update the billing info to create a walletPayload
+  // capture an individual iovationBlackbox to register carriers to existing funding source after confirmation submission
+  useBlackBoxDetection.useBlackboxDetection({
+    onError: () => {
+      setIovationBlackBox(undefined);
+    },
+    onSuccess: blackbox => {
+      setIovationBlackBox(blackbox);
+    }
+  });
+  const handleSubmit = React.useCallback(() => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    walletPayload ? yield onSubmit(warehousePayload, walletPayload) : yield onSubmit(warehousePayload, undefined, iovationBlackBox);
+  }), [onSubmit, walletPayload, warehousePayload, iovationBlackBox]);
+  const showBillingAddress = React.useMemo(() => {
+    const originAddress = warehousePayload.originAddress;
+    if (!originAddress) return false;
+    if (fundingSourcePaymentInfo === null || fundingSourcePaymentInfo === void 0 ? void 0 : fundingSourcePaymentInfo.billingInfo) {
+      const {
+        addressLine1,
+        fullName
+      } = fundingSourcePaymentInfo.billingInfo;
+      return addressLine1 !== originAddress.addressLine1 || fullName !== originAddress.name;
+    }
+    if (walletPayload === null || walletPayload === void 0 ? void 0 : walletPayload.address) {
+      const {
+        addressLine1,
+        name
+      } = walletPayload.address;
+      return addressLine1 !== originAddress.addressLine1 || name !== originAddress.name;
+    }
+    return false;
+  }, [walletPayload, warehousePayload.originAddress, fundingSourcePaymentInfo]);
+  const CreditCardDisplay = ({
+    provider,
+    last4
+  }) => {
+    return jsxRuntime.jsxs("div", Object.assign({
+      css: theme => ({
+        alignItems: "center",
+        display: "flex",
+        gap: styles.scopeTheme(theme).spacing(1),
+        marginTop: styles.scopeTheme(theme).spacing(1)
+      })
+    }, {
+      children: [jsxRuntime.jsx(ccProviderLogo.CcProviderLogo, {
+        provider: provider,
+        width: 36
+      }), jsxRuntime.jsx(giger.Typography, Object.assign({
+        variant: "body2"
+      }, {
+        children: `**** **** **** ${last4 !== null && last4 !== void 0 ? last4 : "****"}`
+      }))]
+    }));
+  };
+  const PaymentInfoDisplay = () => {
+    var _a, _b;
+    return jsxRuntime.jsx(giger.GridChild, Object.assign({
+      colSpan: 9
+    }, {
+      children: walletPayload ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(CreditCardDisplay, {
+          last4: walletPayload.creditCard.cardNumber.slice(-4),
+          provider: walletPayload.creditCard.provider
+        }), showBillingAddress && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx(spacer.Spacer, {
+            multiplier: 1
+          }), jsxRuntime.jsx(giger.Typography, Object.assign({
+            variant: "subtitle2"
+          }, {
+            children: t("confirmation.billingAddress")
+          })), jsxRuntime.jsx(addressDisplay.AddressDisplay, {
+            address: walletPayload.address
+          })]
+        })]
+      }) : fundingSourcePaymentInfo ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(CreditCardDisplay, {
+          last4: (_a = fundingSourcePaymentInfo.paymentMethod.creditCardInfo) === null || _a === void 0 ? void 0 : _a.cardNumberLastFour,
+          provider: (_b = fundingSourcePaymentInfo.paymentMethod.creditCardInfo) === null || _b === void 0 ? void 0 : _b.provider
+        }), jsxRuntime.jsx(spacer.Spacer, {
+          multiplier: 1
+        }), jsxRuntime.jsx(giger.Typography, Object.assign({
+          variant: "subtitle2"
+        }, {
+          children: t("confirmation.billingAddress")
+        })), jsxRuntime.jsx(addressDisplay.AddressDisplay, {
+          address: Object.assign(Object.assign({}, fundingSourcePaymentInfo.billingInfo), {
+            companyName: fundingSourcePaymentInfo.billingInfo.company,
+            name: fundingSourcePaymentInfo.billingInfo.fullName
+          })
+        })]
+      }) : jsxRuntime.jsx(giger.Typography, Object.assign({
+        variant: "body2"
+      }, {
+        children: t("confirmation.noPaymentMethod")
+      }))
+    }));
+  };
+  return jsxRuntime.jsxs("div", Object.assign({
+    "data-testid": "confirmation-step"
+  }, {
+    children: [jsxRuntime.jsx(stepHeader.StepHeader, {
+      title: t("confirmation.title")
+    }), !!(updatePaymentMethodErrors === null || updatePaymentMethodErrors === void 0 ? void 0 : updatePaymentMethodErrors.length) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 1
+      }), jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        title: t("register-wallet:sections.notifications.error.title"),
+        type: giger.NotificationType.ERROR
+      }, {
+        children: updatePaymentMethodErrors.map(({
+          message
+        }) => message).join(" ")
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 2
+      })]
+    }), !!(createFundingSourceErrors === null || createFundingSourceErrors === void 0 ? void 0 : createFundingSourceErrors.length) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 1
+      }), jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        title: t("register-wallet:sections.notifications.error.title"),
+        type: giger.NotificationType.ERROR
+      }, {
+        children: createFundingSourceErrors.map(({
+          message
+        }) => message).join(" ")
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 2
+      })]
+    }), !!(registerCarrierErrors === null || registerCarrierErrors === void 0 ? void 0 : registerCarrierErrors.length) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 1
+      }), jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        title: t("register-wallet:sections.notifications.error.title"),
+        type: giger.NotificationType.ERROR
+      }, {
+        children: registerCarrierErrors.map(({
+          message
+        }) => message).join(" ")
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 2
+      })]
+    }), jsxRuntime.jsxs("section", {
+      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+        css: {
+          textAlign: "left"
+        },
+        variant: "subtitle2"
+      }, {
+        children: t("confirmation.warehouse")
+      })), jsxRuntime.jsx(addressDisplay.AddressDisplay, {
+        address: warehousePayload.originAddress,
+        onEdit: () => onEdit(1),
+        showEmail: true
+      })]
+    }), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 3
+    }), jsxRuntime.jsxs("section", {
+      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+        variant: "subtitle2"
+      }, {
+        children: t("confirmation.paymentMethod")
+      })), jsxRuntime.jsxs(giger.Grid, Object.assign({
+        "data-testid": "address-display",
+        noPadding: true
+      }, {
+        children: [jsxRuntime.jsx(PaymentInfoDisplay, {}), jsxRuntime.jsx(giger.GridChild, Object.assign({
+          colSpan: 3,
+          css: {
+            textAlign: "right"
+          }
+        }, {
+          children: jsxRuntime.jsx(linkAction.LinkAction, {
+            css: {
+              alignSelf: "end"
+            },
+            onClick: () => onEdit(2),
+            title: t("actions.edit")
+          })
+        }))]
+      }))]
+    }), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 4
+    }), jsxRuntime.jsx(buttonGroup.ButtonGroup, Object.assign({
+      justify: "center"
+    }, {
+      children: jsxRuntime.jsx(giger.Button, Object.assign({
+        bold: false,
+        color: giger.ButtonColor.PRIMARY,
+        onClick: handleSubmit,
+        type: "button",
+        variant: giger.ButtonVariant.FILLED
+      }, {
+        children: t("confirmation.action")
+      }))
+    }))]
+  }));
+};
+
+exports.ConfirmationAndSubmissionStep = ConfirmationAndSubmissionStep;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var confirmationAndSubmissionStep = require('./confirmation-and-submission-step.cjs');
+var useConfirmationAndSubmissionStep = require('./use-confirmation-and-submission-step.cjs');
+
+
+
+exports.ConfirmationAndSubmissionStep = confirmationAndSubmissionStep.ConfirmationAndSubmissionStep;
+exports.useConfirmationAndSubmissionStep = useConfirmationAndSubmissionStep.useConfirmationAndSubmissionStep;

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

@@ -0,0 +1,315 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var checks = require('../../../../utilities/checks.cjs');
+var warehouses = require('../../../../utilities/shipengine/warehouses.cjs');
+var React = require('react');
+var reactApi = require('@shipengine/react-api');
+var useManageWarehouses = require('../../../../features/manage-warehouses/use-manage-warehouses.cjs');
+var elementsContextProvider = require('../../../../elements-provider/elements-context-provider.cjs');
+
+const useConfirmationAndSubmissionStep = ({
+  onStepComplete
+}) => {
+  const {
+    globalFeatures,
+    getToken
+  } = elementsContextProvider.useElements();
+  const [isSubmittingOnboarding, setIsSubmittingOnboarding] = React.useState(false);
+  const {
+    createWarehouse,
+    updateWarehouse,
+    updateWarehouseErrors,
+    refreshListWarehouses,
+    warehouses: warehouses$1,
+    isCreatingWarehouse,
+    isUpdatingWarehouse,
+    isLoadingWarehouses
+  } = useManageWarehouses.useManageWarehouses();
+  const {
+    mutateAsync: addSandboxCarriers
+  } = reactApi.useAddSandboxCarriers();
+  const {
+    error: createFundingSourceErrors,
+    isLoading: isCreatingFundingSource,
+    mutateAsync: createFundingSource,
+    reset: resetCreateFundingSource
+  } = reactApi.useCreateFundingSource();
+  const {
+    error: updatePaymentMethodErrors,
+    isLoading: isUpdatingPaymentMethod,
+    mutateAsync: updatePaymentMethod
+  } = reactApi.useUpdateFundingSource();
+  // TODO - This endpoint registers an array of carriers; shouldn't it be named useRegisterCarriers?
+  const {
+    error: registerCarrierErrors,
+    mutateAsync: registerCarrier,
+    isLoading: isRegisteringCarriers,
+    reset: resetRegisterCarrier
+  } = reactApi.useRegisterCarrier();
+  const resetMutations = React.useCallback(() => {
+    resetCreateFundingSource();
+    resetRegisterCarrier();
+  }, [resetCreateFundingSource, resetRegisterCarrier]);
+  const createOrUpdateWarehouse = React.useCallback(warehousePayload => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+      if (warehousePayload.warehouseId) {
+        yield updateWarehouse(Object.assign(Object.assign({}, warehousePayload), {
+          warehouseId: warehousePayload.warehouseId
+        }));
+        if (!(updateWarehouseErrors === null || updateWarehouseErrors === void 0 ? void 0 : updateWarehouseErrors.length)) {
+          return warehousePayload;
+        }
+      }
+      // Ex: partner provides a defaultShipFromAddress, but the seller has existing warehouses
+      // update the default warehouse instead of creating a new one
+      const defaultWarehouse = warehouses.getDefaultWarehouse(warehouses$1);
+      const shouldUpdateDefaultWarehouse = (warehouses$1 === null || warehouses$1 === void 0 ? void 0 : warehouses$1.length) && (defaultWarehouse === null || defaultWarehouse === void 0 ? void 0 : defaultWarehouse.warehouseId) && warehousePayload.isDefault;
+      if (shouldUpdateDefaultWarehouse) {
+        yield updateWarehouse(Object.assign(Object.assign({}, warehousePayload), {
+          warehouseId: defaultWarehouse.warehouseId
+        }));
+        if (!(updateWarehouseErrors === null || updateWarehouseErrors === void 0 ? void 0 : updateWarehouseErrors.length)) {
+          return warehousePayload;
+        }
+      }
+      // create a new warehouse if the seller doesn't have any warehouses
+      // or, if payload isDefault is false
+      const result = yield createWarehouse(warehousePayload);
+      return result;
+    } catch (error) {
+      console.error(error);
+      throw error;
+    } finally {
+      yield refreshListWarehouses();
+    }
+  }), [updateWarehouse, updateWarehouseErrors, warehouses$1, createWarehouse, refreshListWarehouses]);
+  const createHandleCarrierConnections = React.useCallback(({
+    carrierProfiles,
+    defaultWarehouse,
+    insuranceProviderProfiles
+  }) => (fundingSourceId, {
+    address,
+    iovationBlackbox
+  }) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const addressToRegister = address !== null && address !== void 0 ? address : defaultWarehouse.originAddress;
+    // parcel guard check
+    const insuranceProviders = globalFeatures.enableParcelGuard ? insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => ({
+      acceptedTerms: [{
+        termType: p.terms.termType,
+        version: p.terms.version
+      }],
+      agreeToTerms: true,
+      fundingSourceId,
+      provider: p.provider
+    })) : undefined;
+    try {
+      yield registerCarrier({
+        carriers: carrierProfiles.map(c => ({
+          acceptedTerms: c.requiredTerms.map(({
+            termType,
+            version
+          }) => ({
+            termType,
+            version
+          })),
+          agreeToTerms: true,
+          carrierCode: c.carrierCode,
+          fundingSourceId,
+          // TODO - Annoying; we should capitalize `Box` in WalletPayload so we can shorthand this property
+          iovationBlackBox: iovationBlackbox,
+          pickupAddress: Object.assign(Object.assign({}, addressToRegister), {
+            company: addressToRegister.companyName || "",
+            email: defaultWarehouse.originAddress.email,
+            fullName: addressToRegister.name,
+            // This is a hack to get around the fact that the API will only accept the 5 digit zip code for US addresses
+            postalCode: addressToRegister.postalCode.length === 10 ? addressToRegister.postalCode.slice(0, -5) : addressToRegister.postalCode
+          })
+        })),
+        insuranceProviders
+      });
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }), [registerCarrier, globalFeatures.enableParcelGuard]);
+  const onboardSeller = React.useCallback(({
+    carrierProfiles,
+    fundingSourceRequiredTerms,
+    insuranceProviderProfiles
+  }) => ({
+    address,
+    creditCard,
+    iovationBlackbox
+  }, warehousePayload) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    const warehouse = yield createOrUpdateWarehouse(warehousePayload);
+    if (globalFeatures.isSandbox) {
+      try {
+        // Sandbox seller
+        const token = yield getToken();
+        const sellerId = (_a = checks.getSellerIdFromToken(token)) !== null && _a !== void 0 ? _a : "";
+        yield addSandboxCarriers({
+          sellerId,
+          tryReuseCarrierConnection: true
+        });
+      } catch (error) {
+        console.error(error);
+        throw error;
+      }
+    } else {
+      // Standard seller
+      let fundingSource;
+      try {
+        fundingSource = yield createFundingSource({
+          acceptedTerms: fundingSourceRequiredTerms.map(({
+            termType,
+            version
+          }) => ({
+            termType,
+            version
+          })),
+          agreeToTerms: true,
+          billingInfo: Object.assign(Object.assign({}, address), {
+            company: address.companyName || "",
+            email: (_b = address.email) !== null && _b !== void 0 ? _b : warehousePayload.originAddress.email,
+            fullName: address.name
+          }),
+          iovationBlackBox: iovationBlackbox,
+          paymentMethod: {
+            creditCardInfo: Object.assign({}, creditCard)
+          }
+        });
+      } catch (error) {
+        console.error(error);
+        throw error;
+      }
+      // TODO - need to be more programmatic for funding source required-fields
+      // https://auctane.atlassian.net/wiki/spaces/SE/pages/3628370266/ShipEngine+Funding+Sources+API
+      if (warehouse && fundingSource) {
+        try {
+          yield createHandleCarrierConnections({
+            carrierProfiles,
+            defaultWarehouse: warehouse,
+            insuranceProviderProfiles: globalFeatures.enableParcelGuard ? insuranceProviderProfiles : undefined
+          })(fundingSource.fundingSource.fundingSourceId, {
+            iovationBlackbox
+          });
+        } catch (error) {
+          console.error(error);
+          throw error;
+        }
+      }
+    }
+  }), [addSandboxCarriers, createFundingSource, createHandleCarrierConnections, createOrUpdateWarehouse, getToken, globalFeatures.enableParcelGuard, globalFeatures.isSandbox]);
+  const updateExistingFundingSource = React.useCallback(({
+    carrierProfiles,
+    fundingSource,
+    insuranceProviderProfiles
+  }) => (warehousePayload, walletPayload, iovationBlackBox) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _c, _d;
+    if (!fundingSource) return;
+    const {
+      fundingSourceId
+    } = fundingSource;
+    // Create register carrier payload from either wallet payload or existing funding source
+    const registerCarrierPayload = walletPayload ? {
+      address: walletPayload.address,
+      iovationBlackbox: walletPayload.iovationBlackbox
+    } : {
+      address: Object.assign(Object.assign({}, fundingSource.billingInfo), {
+        company: fundingSource.billingInfo.company,
+        email: fundingSource.billingInfo.email,
+        name: fundingSource.billingInfo.fullName
+      }),
+      iovationBlackbox: iovationBlackBox !== null && iovationBlackBox !== void 0 ? iovationBlackBox : ""
+    };
+    try {
+      // User updated their payment method in the previous step
+      // Update the funding source with the new payment method
+      if (walletPayload) {
+        yield updatePaymentMethod({
+          billingInfo: Object.assign(Object.assign({}, walletPayload.address), {
+            company: walletPayload.address.companyName,
+            email: (_c = walletPayload.address.email) !== null && _c !== void 0 ? _c : "",
+            fullName: walletPayload.address.name
+          }),
+          creditCardInfo: walletPayload.creditCard,
+          fundingSourceId
+        });
+      }
+      // User is missing some or all walleted carriers/insurance providers
+      // Register the missing carriers/insurance providers
+      const hasCarriersToRegister = carrierProfiles.length > 0 || ((_d = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) !== null && _d !== void 0 ? _d : 0) > 0;
+      if (hasCarriersToRegister) {
+        yield createHandleCarrierConnections({
+          carrierProfiles,
+          defaultWarehouse: warehousePayload,
+          insuranceProviderProfiles
+        })(fundingSourceId, registerCarrierPayload);
+      }
+      // Create or update warehouse
+      yield createOrUpdateWarehouse(warehousePayload);
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }), [createHandleCarrierConnections, createOrUpdateWarehouse, updatePaymentMethod]);
+  const createOnboardingSubmissionHandler = React.useCallback(({
+    carrierProfiles,
+    fundingSourceRequiredTerms,
+    insuranceProviderProfiles,
+    fundingSource
+  }) => (warehousePayload, walletPayload, iovationBlackBox) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    let hasSubmissionError = false;
+    setIsSubmittingOnboarding(true);
+    // no funding source, onboard the seller
+    if (!fundingSource && walletPayload) {
+      try {
+        yield onboardSeller({
+          carrierProfiles,
+          fundingSourceRequiredTerms,
+          insuranceProviderProfiles
+        })(walletPayload, warehousePayload);
+      } catch (error) {
+        hasSubmissionError = true;
+      }
+    }
+    // handle seller with existing funding source
+    if (fundingSource) {
+      try {
+        yield updateExistingFundingSource({
+          carrierProfiles,
+          fundingSource,
+          insuranceProviderProfiles
+        })(warehousePayload, walletPayload, iovationBlackBox);
+      } catch (error) {
+        hasSubmissionError = true;
+      }
+    }
+    const hasErrors = !!((createFundingSourceErrors === null || createFundingSourceErrors === void 0 ? void 0 : createFundingSourceErrors.length) || (registerCarrierErrors === null || registerCarrierErrors === void 0 ? void 0 : registerCarrierErrors.length) || (updatePaymentMethodErrors === null || updatePaymentMethodErrors === void 0 ? void 0 : updatePaymentMethodErrors.length) || (updateWarehouseErrors === null || updateWarehouseErrors === void 0 ? void 0 : updateWarehouseErrors.length) || hasSubmissionError);
+    if (!hasErrors) {
+      onStepComplete();
+    }
+    setIsSubmittingOnboarding(false);
+  }), [onboardSeller, updateExistingFundingSource, onStepComplete, createFundingSourceErrors, registerCarrierErrors, updatePaymentMethodErrors, updateWarehouseErrors]);
+  return {
+    createFundingSourceErrors,
+    createOnboardingSubmissionHandler,
+    isLoading: {
+      connectingCarriers: isRegisteringCarriers,
+      creatingFundingSource: isCreatingFundingSource,
+      submittingOnboarding: isSubmittingOnboarding,
+      submittingWarehouse: isCreatingWarehouse || isUpdatingWarehouse || isLoadingWarehouses,
+      updatingPaymentMethod: isUpdatingPaymentMethod
+    },
+    registerCarrierErrors,
+    resetMutations,
+    updatePaymentMethodErrors,
+    updateWarehouseErrors
+  };
+};
+
+exports.useConfirmationAndSubmissionStep = useConfirmationAndSubmissionStep;