@shipengine/elements 2.20.0 → 2.21.0

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

@@ -0,0 +1,152 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var formLogger = require('../../../../utilities/form-logger.cjs');
+var validation = require('../../../../utilities/validation.cjs');
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var termsAgreementFormSchema = require('./terms-agreement-form-schema.cjs');
+var termsAgreementForm_styles = require('./terms-agreement-form.styles.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');
+var spacer = require('../../../../components/spacer/spacer.cjs');
+var buttonGroup = require('../../../../components/button-group/button-group.cjs');
+var submitButton = require('../../../../components/field/submit-button/submit-button.cjs');
+
+const TermsAgreementForm = ({
+  carrierTerms,
+  hideTerms,
+  insuranceProviderTerms,
+  isSubmitDisabled,
+  onSubmit
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    globalFeatures: {
+      enableParcelGuard
+    }
+  } = elementsContextProvider.useElements();
+  const [showTerms, setShowTerms] = React.useState(false);
+  const form = reactHookForm.useForm({
+    defaultValues: {
+      agreement: hideTerms
+    },
+    resolver: validation.validationResolver(termsAgreementFormSchema.termsAgreementFormSchema)
+  });
+  const handleSubmit = form.handleSubmit(values => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const payload = values;
+    onSubmit(payload.agreement);
+  }));
+  return jsxRuntime.jsxs("form", Object.assign({
+    css: termsAgreementForm_styles.styles.container,
+    onSubmit: formLogger.formLogger.capture(handleSubmit)
+  }, {
+    children: [!hideTerms && jsxRuntime.jsx("div", {
+      children: jsxRuntime.jsx(checkboxInput.CheckboxInput, {
+        ariaLabel: "I agree to the Terms of Service",
+        checkboxLabel: jsxRuntime.jsx(reactI18next.Trans, {
+          components: {
+            icon: jsxRuntime.jsx(giger.Icon, {
+              name: showTerms ? gigerTheme.IconNames.CHEVRON_TOP : gigerTheme.IconNames.CHEVRON_BOTTOM,
+              size: giger.IconSize.SIZE_SMALL
+            }),
+            terms: jsxRuntime.jsx(giger.Link, {
+              css: termsAgreementForm_styles.styles.expanderLink,
+              "data-testid": "terms-link",
+              onClick: e => {
+                e.preventDefault();
+                setShowTerms(prev => !prev);
+              },
+              onKeyDown: e => {
+                if (e.key === "Enter") {
+                  setShowTerms(prev => !prev);
+                }
+              },
+              role: "button",
+              tabIndex: 0
+            })
+          },
+          defaults: "I agree to the <terms>Terms of Service</terms>",
+          i18nKey: "terms.agreeToTerms"
+        }),
+        control: form.control,
+        "data-testid": "fields.agreement",
+        label: t("terms.fields.agreement"),
+        name: "agreement"
+      })
+    }), showTerms && jsxRuntime.jsxs("div", Object.assign({
+      css: termsAgreementForm_styles.styles.termsWell
+    }, {
+      children: [jsxRuntime.jsxs("div", {
+        children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true,
+          variant: "body1"
+        }, {
+          children: t("terms.shipEngineTitle")
+        })), jsxRuntime.jsx(displayTerm.DisplayTerm, {
+          term: {
+            links: [{
+              link: "https://www.shipengine.com/terms-of-service/",
+              locale: "en-US",
+              title: t("onboarding:termsAndAgreementLinkText.shipEngineToS")
+            }, {
+              link: "https://auctane.com/legal/privacy-policy/",
+              locale: "en-US",
+              title: t("onboarding:termsAndAgreementLinkText.auctanePrivacyPolicy")
+            }]
+          }
+        }), !!carrierTerms.length && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx(spacer.Spacer, {}), jsxRuntime.jsx(giger.Typography, Object.assign({
+            bold: true,
+            variant: "body1"
+          }, {
+            children: t("terms.carriersTitle")
+          })), carrierTerms.map(term => jsxRuntime.jsx(displayTerm.DisplayTerm, {
+            term: term
+          }, term.termType))]
+        }), enableParcelGuard && !!insuranceProviderTerms.length && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx(spacer.Spacer, {}), jsxRuntime.jsx(giger.Typography, Object.assign({
+            bold: true,
+            variant: "body1"
+          }, {
+            children: t("terms.insuranceProvidersTitle")
+          })), insuranceProviderTerms.map(term => jsxRuntime.jsx(displayTerm.DisplayTerm, {
+            term: term
+          }, term.termType))]
+        })]
+      }), jsxRuntime.jsx(buttonGroup.ButtonGroup, Object.assign({
+        justify: "end"
+      }, {
+        children: jsxRuntime.jsx(giger.Button, Object.assign({
+          onClick: () => setShowTerms(false),
+          variant: giger.ButtonVariant.OUTLINED
+        }, {
+          children: t("actions.close")
+        }))
+      }))]
+    })), jsxRuntime.jsx(buttonGroup.ButtonGroup, Object.assign({
+      justify: "center"
+    }, {
+      children: jsxRuntime.jsx(submitButton.SubmitButton, Object.assign({
+        alwaysRequireValidity: true,
+        control: form.control,
+        "data-testid": "actions.continue",
+        disabled: isSubmitDisabled,
+        variant: giger.ButtonVariant.FILLED
+      }, {
+        children: t("actions.continue")
+      }))
+    }))]
+  }));
+};
+
+exports.TermsAgreementForm = TermsAgreementForm;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  container: {
+    alignItems: "center",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    textAlign: "left"
+  },
+  expanderLink: theme => ({
+    alignItems: "center",
+    display: "inline-flex",
+    fontWeight: styles$1.scopeTheme(theme).typography.fontWeight.normal
+  }),
+  fullWidth: {
+    width: "100%"
+  },
+  termsWell: theme => ({
+    backgroundColor: styles$1.scopeTheme(theme).palette.gray.ultraLight,
+    marginBottom: styles$1.scopeTheme(theme).spacing(6),
+    padding: styles$1.scopeTheme(theme).spacing(2),
+    width: "100%"
+  })
+});
+
+exports.styles = styles;

package/cjs/workflows/onboarding/components/terms-agreement-step/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var termsAgreementStep = require('./terms-agreement-step.cjs');
+
+
+
+exports.TermsAgreementStep = termsAgreementStep.TermsAgreementStep;

package/cjs/workflows/onboarding/components/terms-agreement-step/terms-agreement-step.cjs

@@ -0,0 +1,117 @@
+'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 gigerTheme = require('@shipengine/giger-theme');
+var termsAgreementStep_styles = require('./terms-agreement-step.styles.cjs');
+var termsAgreementForm = require('../terms-agreement-form/terms-agreement-form.cjs');
+var useCarrierMetadata = require('../../../../features/manage-carriers/hooks/use-carrier-metadata.cjs');
+var elementsContextProvider = require('../../../../elements-provider/elements-context-provider.cjs');
+var spacer = require('../../../../components/spacer/spacer.cjs');
+var stepHeader = require('../step-header/step-header.cjs');
+var carrierLogo = require('../../../../components/carrier-logo/carrier-logo.cjs');
+
+const TermsAgreementStep = ({
+  carrierProfilesToRegister,
+  insuranceProviderProfiles,
+  onSubmit,
+  enabledCarrierProfiles
+}) => {
+  var _a, _b, _c, _d, _e;
+  const {
+    t
+  } = reactI18next.useTranslation("onboarding");
+  const {
+    globalFeatures: {
+      enableParcelGuard
+    }
+  } = elementsContextProvider.useElements();
+  const carrierFriendlyNames = useCarrierMetadata.useCarrierMetadata();
+  const hideTerms = carrierProfilesToRegister.length === 0 && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) === 0;
+  const carrierTerms = carrierProfilesToRegister.flatMap(c => c.requiredTerms);
+  const insuranceProviderTerms = (_a = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.flatMap(p => p.terms)) !== null && _a !== void 0 ? _a : [];
+  const showParcelGuard = enableParcelGuard && ((_b = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) !== null && _b !== void 0 ? _b : 0) > 0;
+  const hasInsuranceToRegister = showParcelGuard && ((_c = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) !== null && _c !== void 0 ? _c : 0) > 0;
+  const hasEnabledCarriersConfigurationError = !enabledCarrierProfiles || (enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) === 0;
+  const hasAlreadyConnectedCarriers = ((_d = enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) !== null && _d !== void 0 ? _d : 0) > 0 && carrierProfilesToRegister.length === 0 && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) === 0;
+  const hasCarriersToRegister = ((_e = enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) !== null && _e !== void 0 ? _e : 0) > 0 && carrierProfilesToRegister.length > 0;
+  // Handle case where partner has not correctly enabled carriers and there is no insurance to register
+  // Insurance does not get set in the same enabled carriers list and should bypass this check
+  if (hasEnabledCarriersConfigurationError && !hasInsuranceToRegister) {
+    return jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+      css: {
+        textAlign: "left"
+      },
+      title: t("errors.noCarriers.title"),
+      type: giger.NotificationType.ERROR
+    }, {
+      children: t("errors.noCarriers.subtitle")
+    }));
+  }
+  const renderCarrierLogos = () => {
+    if (!carrierProfilesToRegister.length) return null;
+    return carrierProfilesToRegister.map(p => {
+      var _a;
+      return jsxRuntime.jsx(carrierLogo.CarrierLogo, {
+        carrierCode: p.carrierCode,
+        carrierName: ((_a = carrierFriendlyNames[p.carrierCode]) === null || _a === void 0 ? void 0 : _a.name) || p.carrierCode,
+        size: "lg"
+      }, p.carrierCode);
+    });
+  };
+  const renderInsuranceLogos = () => {
+    if (!hasInsuranceToRegister) return null;
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [hasCarriersToRegister && jsxRuntime.jsx(giger.Icon, {
+        css: termsAgreementStep_styles.styles.plus,
+        name: gigerTheme.IconNames.PLUS,
+        size: giger.IconSize.SIZE_SMALL
+      }), insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => jsxRuntime.jsx(carrierLogo.CarrierLogo, {
+        carrierCode: p.provider,
+        carrierName: p.friendlyName,
+        size: "lg"
+      }, p.provider))]
+    });
+  };
+  return jsxRuntime.jsxs("div", Object.assign({
+    css: termsAgreementStep_styles.styles.container,
+    "data-testid": "terms-agreement-step"
+  }, {
+    children: [hasAlreadyConnectedCarriers && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        css: {
+          textAlign: "left"
+        },
+        title: t("previouslyOnboarded.title"),
+        type: giger.NotificationType.INFO
+      }, {
+        children: t("previouslyOnboarded.subtitle")
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 4
+      })]
+    }), (hasCarriersToRegister || hasInsuranceToRegister) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(stepHeader.StepHeader, {
+        subtitle: t("termsAgreement.subtitle"),
+        title: t("termsAgreement.title")
+      }), jsxRuntime.jsxs("div", Object.assign({
+        css: termsAgreementStep_styles.styles.carrierLogos
+      }, {
+        children: [renderCarrierLogos(), renderInsuranceLogos()]
+      }))]
+    }), jsxRuntime.jsx("div", Object.assign({
+      css: termsAgreementStep_styles.styles.fullWidth
+    }, {
+      children: jsxRuntime.jsx(termsAgreementForm.TermsAgreementForm, {
+        carrierTerms: carrierTerms,
+        hideTerms: hideTerms,
+        insuranceProviderTerms: insuranceProviderTerms,
+        onSubmit: onSubmit
+      })
+    }))]
+  }));
+};
+
+exports.TermsAgreementStep = TermsAgreementStep;

package/cjs/workflows/onboarding/components/terms-agreement-step/terms-agreement-step.styles.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  carrierLogos: theme => ({
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: styles$1.scopeTheme(theme).spacing(1),
+    justifyContent: "center",
+    padding: `${styles$1.scopeTheme(theme).spacing(3)}px 0`
+  }),
+  container: theme => ({
+    alignItems: "center",
+    display: "flex",
+    flexDirection: "column",
+    paddingBottom: styles$1.scopeTheme(theme).spacing(8),
+    paddingTop: styles$1.scopeTheme(theme).spacing(2),
+    textAlign: "center"
+  }),
+  fullWidth: {
+    width: "100%"
+  },
+  plus: () => ({
+    alignItems: "center",
+    display: "flex"
+  })
+});
+
+exports.styles = styles;

package/cjs/workflows/onboarding/components/terms-agreement-step/use-terms-agreement-step.cjs

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var carrier = require('../../../../utilities/shipengine/carrier.cjs');
+var insurance = require('../../../../utilities/shipengine/insurance.cjs');
+var React = require('react');
+var reactApi = require('@shipengine/react-api');
+
+const useTermsAgreementStep = ({
+  enabledCarriers,
+  onStepComplete
+}) => {
+  const {
+    data: fundingSources,
+    isLoading: isLoadingFundingSources,
+    error: listFundingSourcesError
+  } = reactApi.useListFundingSources();
+  const {
+    data: carriers,
+    isLoading: isLoadingCarriers,
+    error: listCarriersError
+  } = reactApi.useListCarriers();
+  const {
+    data: fundingSourceMetadata,
+    isLoading: isLoadingFundingSourceMetadata,
+    error: listFundingSourceMetadataError
+  } = reactApi.useGetFundingSourceMetadata();
+  const {
+    data: insuranceAcceptedTerms,
+    isLoading: isLoadingInsuranceAcceptedTerms
+  } = reactApi.useGetInsuranceFundingSourceAcceptedTerms();
+  const fundingSourceRequiredTerms = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.defaultFundingSourceProfile.requiredTerms;
+  const fundingSourceRegion = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.defaultRegionProfile.countryCode;
+  const fundingSourceCarrierProfiles = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.defaultRegionProfile.carrierProfiles;
+  const carrierProfilesFilteredByRegion = carrier.filterFundingSourceCarriers(fundingSourceCarrierProfiles, fundingSourceRegion);
+  // filter carrier profiles based on enabled carriers
+  const enabledCarrierProfiles = carrierProfilesFilteredByRegion === null || carrierProfilesFilteredByRegion === void 0 ? void 0 : carrierProfilesFilteredByRegion.filter(c => enabledCarriers.includes(c.carrierCode));
+  const carrierProfilesToRegister = React.useMemo(() => {
+    if (!enabledCarrierProfiles) return [];
+    // add Stamps/USPS carrier ToS from funding source terms
+    const carrierProfiles = enabledCarrierProfiles.map(c => {
+      if (c.carrierCode === "stamps_com" && fundingSourceRequiredTerms) {
+        return Object.assign(Object.assign({}, c), {
+          requiredTerms: [...fundingSourceRequiredTerms, ...c.requiredTerms]
+        });
+      }
+      return c;
+    });
+    // handle existing funding source
+    const {
+      fundingSourceId
+    } = (fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) || {};
+    if (!fundingSourceId || !carriers) return carrierProfiles;
+    const connectedCarriers = carriers.filter(c => c.fundingSourceId === fundingSourceId);
+    return carrierProfiles.filter(profile => {
+      // filter out carriers that are already connected
+      const isConnected = connectedCarriers.some(c => c.carrierCode === profile.carrierCode && c.fundingSourceId === fundingSourceId);
+      // if stamps_com is enabled, and usps is connected to the funding source,
+      // remove stamps_com from the list of carriers to register
+      const hasWalletedUspsConnected = connectedCarriers.some(c => c.carrierCode === "usps" && c.fundingSourceId === fundingSourceId);
+      const hasEnabledStamps = enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.some(c => c.carrierCode === "stamps_com");
+      if (isConnected) {
+        return false;
+      }
+      if (hasEnabledStamps && hasWalletedUspsConnected && profile.carrierCode === "stamps_com") {
+        return false;
+      }
+      return true;
+    });
+  }, [fundingSourceRequiredTerms, fundingSources, carriers, enabledCarrierProfiles]);
+  const insuranceProviderProfiles = React.useMemo(() => {
+    const insuranceProfiles = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.defaultFundingSourceProfile.optionalTerms.map(terms => {
+      return Object.assign(Object.assign({}, insurance.getInsuranceProviderWithFriendlyName(terms.termType)), {
+        terms
+      });
+    });
+    if (!insuranceProfiles) return [];
+    // filter out insurance profiles that are already connected from insurance accepted terms
+    const connectedInsuranceProfiles = insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms.map(terms => {
+      return Object.assign(Object.assign({}, insurance.getInsuranceProviderWithFriendlyName(terms.termType)), {
+        terms
+      });
+    });
+    return insuranceProfiles.filter(profile => {
+      const isConnected = connectedInsuranceProfiles === null || connectedInsuranceProfiles === void 0 ? void 0 : connectedInsuranceProfiles.some(c => c.terms.termType === profile.terms.termType);
+      if (isConnected) {
+        return false;
+      }
+      return true;
+    });
+  }, [fundingSourceMetadata, insuranceAcceptedTerms]);
+  const handleSubmitTermsAgreement = React.useCallback(() => {
+    onStepComplete();
+  }, [onStepComplete]);
+  const termsAgreementErrors = React.useMemo(() => {
+    return [...(listFundingSourcesError || []), ...(listCarriersError || []), ...(listFundingSourceMetadataError || [])];
+  }, [listFundingSourcesError, listCarriersError, listFundingSourceMetadataError]);
+  return {
+    carrierProfilesToRegister,
+    enabledCarrierProfiles,
+    fundingSourceMetadata,
+    fundingSourceRequiredTerms,
+    fundingSources,
+    handleSubmitTermsAgreement,
+    insuranceProviderProfiles,
+    isLoadingTermsAgreementStep: isLoadingFundingSources || isLoadingCarriers || isLoadingFundingSourceMetadata || isLoadingInsuranceAcceptedTerms,
+    termsAgreementErrors
+  };
+};
+
+exports.useTermsAgreementStep = useTermsAgreementStep;

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

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

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

@@ -0,0 +1,59 @@
+'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 onboardingGlobe = require('../../../../assets/onboarding-globe.cjs');
+var spacer = require('../../../../components/spacer/spacer.cjs');
+
+const WelcomePage = ({
+  onContinue
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["onboarding"]);
+  return jsxRuntime.jsxs("div", Object.assign({
+    css: {
+      alignItems: "center",
+      display: "flex",
+      flexDirection: "column",
+      textAlign: "center"
+    },
+    "data-testid": "welcome-page"
+  }, {
+    children: [jsxRuntime.jsx("img", {
+      alt: "Globe",
+      src: onboardingGlobe
+    }), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 4
+    }), jsxRuntime.jsx(giger.Typography, Object.assign({
+      variant: "heading4"
+    }, {
+      children: t("onboarding:welcomePage.title")
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 2
+    }), jsxRuntime.jsx(giger.Typography, Object.assign({
+      css: {
+        textAlign: "center"
+      },
+      variant: "body2"
+    }, {
+      children: t("onboarding:welcomePage.message")
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 4
+    }), jsxRuntime.jsx(giger.Button, Object.assign({
+      bold: false,
+      color: giger.ButtonColor.PRIMARY,
+      "data-testid": "onboarding:welcomePage.action",
+      onClick: onContinue,
+      type: "button",
+      variant: giger.ButtonVariant.FILLED
+    }, {
+      children: t("onboarding:welcomePage.action")
+    }))]
+  }));
+};
+
+exports.WelcomePage = WelcomePage;

package/cjs/workflows/onboarding/index.cjs

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

package/cjs/workflows/onboarding/onboarding.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var onboardingWizard = require('./components/onboarding-wizard/onboarding-wizard.cjs');
+var index = require('../../locales/en/index.cjs');
+var createElement = require('../../create-element/create-element.cjs');
+var errorFallback = require('../../components/error-fallback/error-fallback.cjs');
+
+/**
+ * # Onboarding Component
+ *
+ * - The `<Onboarding />` component is used to onboard a new user to the ShipEngine platform. This
+ * component will allow the user to create a warehouse, register a carrier, and create a funding
+ * source for their account. This is everything a user needs to begin fulfilling their shipments
+ * using the ShipEngine Platform.
+ *
+ * @param ComponentProps The base props that will be passed into the `<Onboarding />` component.
+ *
+ * @returns Element An EmotionJSX.Element that will render the `<Onboarding />` component
+ * with all the appropriate wrappers.
+ *
+ * @example
+ * You can see how the `<Component />` is used in the `createElement` function call below.
+ * ```tsx
+ * export const Element = createElement(Component, ErrorFallback, {
+ *   css: {
+ *     height: "100%",
+ *     maxWidth: "800px",
+ *     minWidth: "375px",
+ *     overflow: "auto",
+ *     scrollbarGutter: "stable both-edges",
+ *     width: "100%",
+ *   },
+ *   resources: { en },
+ * });
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link Onboarding.Element | The **Element** created to render `<Onboarding />`}
+ */
+const Component = ({
+  defaultShipFromAddress,
+  onComplete,
+  onSellerOnboarded,
+  skipWelcomePage
+}) => {
+  return jsxRuntime.jsx(onboardingWizard.OnboardingWizard, {
+    defaultShipFromAddress: defaultShipFromAddress,
+    onComplete: onComplete,
+    onSellerOnboarded: onSellerOnboarded,
+    skipWelcomePage: skipWelcomePage
+  });
+};
+/**
+ * # Registered Onboarding Element
+ *
+ * - This is the registered `<Onboarding />` element that will be used to render the
+ * `<Onboarding.Element />` component.
+ *
+ * @param ElementProps The props, callbacks, and resources necessary to render
+ * the `<Onboarding.Element />` component.
+ *
+ * @example
+ * The `<Component />` is the source JSX that is rendered when you make use of the `Onboarding`
+ * Element directly. Here is a brief example of how you would use it within your application.
+ * ```tsx
+ * <Onboarding.Element
+ *   onComplete={() => console.log('Onboarding Complete!')}
+ * />
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link Onboarding.ComponentProps | The **props** that can be passed into the `<Onboarding.Element />` component}
+ */
+const Element = createElement.createElement(Component, errorFallback.ErrorFallback, {
+  css: {
+    height: "100%",
+    maxWidth: "800px",
+    minWidth: "375px",
+    overflow: "auto",
+    scrollbarGutter: "stable both-edges",
+    width: "100%"
+  },
+  resources: {
+    en: index
+  }
+});
+
+exports.Component = Component;
+exports.Element = Element;

package/esm/assets/cc-logos/amex.js

@@ -1,4 +1,4 @@
 var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='96' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%232557D6' d='M7.692 0h134.616C146.556 0 150 3.43 150 7.66v80.425c0 4.23-3.444 7.66-7.692 7.66H7.692c-4.248 0-7.692-3.43-7.692-7.66V7.66C0 3.43 3.444 0 7.692 0'/%3e%3cpath fill='white' d='M.049 45.132h7.2l1.623-3.736h3.635l1.62 3.736h14.166v-2.856l1.265 2.868h7.354l1.265-2.91v2.898h35.207L73.368 39h.681c.477.016.616.057.616.809v5.323h18.21v-1.427c1.469.75 3.753 1.427 6.759 1.427h7.661l1.639-3.736h3.635l1.603 3.736h14.763v-3.548l2.235 3.548H143v-23.46h-11.708v2.771l-1.638-2.77H117.64v2.77l-1.505-2.77H99.908c-2.716 0-5.104.362-7.033 1.37v-1.37H81.677v1.37c-1.227-1.04-2.9-1.37-4.76-1.37h-40.91l-2.746 6.059-2.819-6.06H17.557v2.771l-1.416-2.77H5.15L.048 32.826v12.306m45.45-3.384h-4.32l-.016-13.173-6.111 13.173h-3.7l-6.126-13.185v13.185h-8.572l-1.619-3.751H6.261l-1.636 3.751H.048l7.546-16.82h6.262l7.167 15.925V24.928H27.9l5.515 11.41 5.066-11.41h7.016zm-31.904-7.242L10.71 27.8l-2.868 6.706zm49.096 7.242H48.613v-16.82h14.078v3.503h-9.863v3.032h9.627v3.447h-9.628v3.36h9.864zm19.838-12.29a4.74 4.74 0 0 1-2.969 4.483c.922.335 1.71.927 2.085 1.417.595.836.698 1.584.698 3.086v3.304h-4.251l-.016-2.121c0-1.012.101-2.468-.665-3.277-.616-.592-1.555-.72-3.072-.72h-4.523v6.118H65.6v-16.82h9.693c2.153 0 3.74.054 5.103.806 1.333.751 2.132 1.848 2.132 3.724m-5.326 2.498c-.58.335-1.264.346-2.085.346h-5.12v-3.736h5.19c.734 0 1.5.032 1.998.304.547.245.885.766.885 1.486 0 .736-.322 1.327-.868 1.6m12.085 9.792h-4.3v-16.82h4.3zm49.915 0h-5.971l-7.988-12.624v12.624h-8.582l-1.64-3.752h-8.754l-1.591 3.752h-4.932c-2.048 0-4.642-.432-6.11-1.86-1.481-1.428-2.252-3.363-2.252-6.421 0-2.495.461-4.775 2.272-6.578 1.362-1.342 3.496-1.96 6.4-1.96h4.08v3.603h-3.995c-1.538 0-2.406.218-3.242.997-.719.708-1.212 2.047-1.212 3.81 0 1.802.376 3.1 1.159 3.95.648.665 1.828.867 2.937.867h1.892l5.94-13.227h6.314l7.135 15.909v-15.91h6.417l7.407 11.715V24.93h4.316zm-25.615-7.242-2.916-6.706-2.901 6.706zm36.354 34.1c-1.024 1.428-3.018 2.152-5.719 2.152h-8.138v-3.607h8.105c.804 0 1.367-.101 1.706-.417.32-.282.501-.68.498-1.097 0-.49-.205-.88-.515-1.113-.306-.257-.751-.373-1.485-.373-3.956-.128-8.893.116-8.893-5.207 0-2.44 1.624-5.009 6.046-5.009h8.394v-3.347h-7.799c-2.354 0-4.064.538-5.274 1.374v-1.374h-11.536c-1.845 0-4.01.436-5.034 1.374v-1.374h-20.6v1.374c-1.64-1.129-4.406-1.374-5.683-1.374H80.427v1.374c-1.297-1.199-4.18-1.374-5.94-1.374H59.282L55.8 54.18l-3.26-3.593H29.825v23.474h22.289l3.586-3.65 3.378 3.65 13.738.012v-5.522h1.35c1.823.027 3.974-.044 5.87-.826v6.336h11.333v-6.119h.546c.698 0 .766.028.766.692v5.426h34.425c2.186 0 4.47-.534 5.736-1.502v1.502h10.919c2.272 0 4.491-.304 6.18-1.082v-4.373zm-68.258-9.03c0 4.674-3.655 5.639-7.338 5.639h-5.258v5.643h-8.191l-5.19-5.57-5.392 5.57H33.622V54.034h16.95l5.184 5.515 5.36-5.515h13.466c3.345 0 7.102.883 7.102 5.543M48.18 67.32H37.82v-3.347h9.251V60.54H37.82v-3.058h10.565l4.61 4.902zm16.694 1.927-6.47-6.853 6.47-6.636zm9.57-7.481h-5.447v-4.284h5.495c1.522 0 2.578.591 2.578 2.062 0 1.455-1.008 2.222-2.627 2.222m28.53-7.731h14.065v3.48h-9.868v3.058h9.627v3.433h-9.627v3.347l9.868.015v3.491h-14.065zm-5.407 9.005c.938.33 1.704.923 2.064 1.413.595.821.681 1.588.698 3.07v3.336h-4.231v-2.105c0-1.012.102-2.51-.681-3.293-.616-.603-1.555-.747-3.092-.747h-4.504v6.145h-4.234V54.034h9.73c2.133 0 3.686.09 5.07.794 1.33.767 2.166 1.817 2.166 3.736a4.72 4.72 0 0 1-2.986 4.475m-2.382-2.126c-.564.319-1.261.347-2.08.347h-5.12V57.48h5.189c.75 0 1.5.015 2.01.304.547.272.873.794.873 1.513 0 .72-.326 1.3-.872 1.615m38.042 1.071c.821.81 1.26 1.833 1.26 3.565 0 3.619-2.369 5.308-6.62 5.308h-8.207V67.25h8.175c.799 0 1.366-.1 1.721-.417.29-.26.498-.638.498-1.097 0-.49-.225-.88-.515-1.113-.322-.256-.766-.373-1.5-.373-3.941-.128-8.877.117-8.877-5.207 0-2.44 1.607-5.009 6.025-5.009h8.449v3.581h-7.731c-.766 0-1.264.028-1.688.304-.461.272-.633.677-.633 1.21 0 .635.392 1.067.922 1.253.445.148.923.191 1.64.191l2.269.059c2.287.052 3.858.43 4.812 1.352m16.722-4.503h-7.68c-.767 0-1.277.027-1.705.303-.445.273-.616.677-.616 1.211 0 .635.375 1.066.921 1.253.445.148.922.19 1.624.19l2.284.06c2.305.053 3.843.431 4.781 1.353.171.129.273.273.391.417z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h150v95.745H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
-var AmericanExpress = img;
+var americanExpress = img;
 
-export { AmericanExpress as default };
+export { americanExpress as default };

package/esm/assets/cc-logos/discover.js

@@ -1,4 +1,4 @@
 var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='97' fill='none'%3e%3cg fill-rule='evenodd' clip-path='url(%23a)' clip-rule='evenodd'%3e%3cpath fill='%234D4D4D' d='M10.575 0C4.736 0 0 4.737 0 10.578v75.19c0 5.843 4.734 10.578 10.575 10.578h128.85c5.839 0 10.575-4.736 10.575-10.577V10.578C150 4.735 145.266 0 139.425 0z'/%3e%3cpath fill='white' d='M62.914 31.133c1.7 0 3.124.343 4.859 1.171v4.376c-1.643-1.513-3.068-2.145-4.953-2.145-3.705 0-6.618 2.887-6.618 6.548 0 3.86 2.823 6.576 6.802 6.576 1.79 0 3.19-.6 4.769-2.088v4.378c-1.796.796-3.252 1.11-4.953 1.11-6.015 0-10.689-4.345-10.689-9.95 0-5.543 4.798-9.976 10.783-9.976m-18.676.12c2.22 0 4.252.716 5.95 2.115l-2.066 2.548c-1.029-1.086-2.002-1.544-3.186-1.544-1.702 0-2.942.913-2.942 2.113 0 1.03.696 1.575 3.066 2.4 4.493 1.547 5.825 2.92 5.825 5.948 0 3.69-2.88 6.26-6.984 6.26-3.006 0-5.192-1.114-7.012-3.63l2.552-2.313c.91 1.656 2.427 2.543 4.312 2.543 1.762 0 3.066-1.145 3.066-2.69 0-.8-.395-1.486-1.184-1.972-.397-.23-1.184-.572-2.73-1.086-3.71-1.257-4.983-2.601-4.983-5.228 0-3.12 2.733-5.463 6.316-5.463m45.14.333h4.314l5.4 12.806 5.471-12.806h4.282l-8.749 19.555h-2.125zm-76.414.03h5.798c6.406 0 10.872 3.919 10.872 9.546 0 2.806-1.366 5.518-3.676 7.318-1.944 1.52-4.16 2.201-7.226 2.201h-5.768zm18.488 0h3.95V50.68h-3.95zm79.179 0h11.203v3.23h-7.255v4.232h6.987v3.229h-6.987v5.146h7.255v3.228h-11.203zm13.819 0h5.857c4.556 0 7.166 2.059 7.166 5.629 0 2.919-1.637 4.834-4.613 5.405l6.375 8.031h-4.858l-5.467-7.659h-.515v7.66h-3.945zm3.945 3.002v5.774h1.155c2.522 0 3.859-1.03 3.859-2.947 0-1.855-1.337-2.827-3.797-2.827zm-111.484.228v12.608h1.06c2.553 0 4.165-.46 5.406-1.516 1.366-1.145 2.188-2.974 2.188-4.804 0-1.827-.822-3.6-2.188-4.746-1.305-1.112-2.853-1.542-5.406-1.542z'/%3e%3cpath fill='%23F47216' d='M79.833 31.002c5.95 0 10.773 4.534 10.773 10.136v.007c0 5.601-4.823 10.142-10.773 10.142s-10.774-4.54-10.774-10.142v-.007c0-5.602 4.824-10.136 10.774-10.136m70.163 24.452c-5.01 3.525-42.515 28.72-107.452 40.888h96.877c5.84 0 10.576-4.736 10.576-10.577V55.453z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h150v96.154H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
-var Discover = img;
+var discover = img;
 
-export { Discover as default };
+export { discover as default };