@shipengine/elements 2.20.0 → 2.21.0

package/cjs/features/manage-carriers/register-funding-source-carrier-form/register-funding-source-carrier-form.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({
+  editAddressForm: theme => ({
+    padding: `0 ${styles$1.scopeTheme(theme).spacing(2)}px ${styles$1.scopeTheme(theme).spacing(2)}px`
+  }),
+  expanderLink: theme => ({
+    alignItems: "center",
+    display: "inline-flex",
+    fontWeight: styles$1.scopeTheme(theme).typography.fontWeight.normal
+  }),
+  getFormHeaderStyles: addressFormOpen => theme => ({
+    backgroundColor: addressFormOpen ? styles$1.scopeTheme(theme).palette.gray.ultraLight : "none",
+    padding: addressFormOpen ? `${styles$1.scopeTheme(theme).spacing(2)}px ${styles$1.scopeTheme(theme).spacing(2)}px 0` : 0,
+    textAlign: "left"
+  }),
+  newAddressForm: theme => ({
+    backgroundColor: styles$1.scopeTheme(theme).palette.gray.ultraLight,
+    marginBottom: styles$1.scopeTheme(theme).spacing(2),
+    padding: `0 ${styles$1.scopeTheme(theme).spacing(2)}px`
+  }),
+  termsWell: theme => ({
+    backgroundColor: styles$1.scopeTheme(theme).palette.gray.ultraLight,
+    padding: styles$1.scopeTheme(theme).spacing(2),
+    width: "100%"
+  })
+});
+
+exports.styles = styles;

package/cjs/features/manage-carriers/register-funding-source-carrier-form/register-funding-source-carrier-schema.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zod = require('zod');
+var addressSchema = require('../../../components/forms/address-form/address-schema.cjs');
+
+const getRegisterFundingSourceCarrierSchema = addressRequired => {
+  return zod.z.object({
+    agreeToTerms: zod.z.boolean().refine(v => v, {
+      message: "schemaErrors.mustAgreeToTerms"
+    }),
+    pickupAddress: addressRequired ? addressSchema.addressSchema : addressSchema.addressSchema.optional()
+  });
+};
+
+exports.getRegisterFundingSourceCarrierSchema = getRegisterFundingSourceCarrierSchema;

package/cjs/features/manage-carriers/use-manage-carriers.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var reactApi = require('@shipengine/react-api');
+
+const useManageCarriers = () => {
+  const {
+    error,
+    isLoading,
+    isError,
+    isSuccess,
+    mutateAsync,
+    isIdle
+  } = reactApi.useFundingSourcesAddFunds();
+  const handleAddFunds = payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+      yield mutateAsync(payload);
+    } catch (error) {
+      console.log({
+        addFundsError: error
+      });
+    }
+  });
+  return {
+    addFunds: handleAddFunds,
+    addFundsError: error,
+    isAddFundsSuccess: isSuccess,
+    isAddingFunds: isLoading,
+    isAddingFundsError: isError,
+    isAddingFundsIdle: isIdle
+  };
+};
+
+exports.useManageCarriers = useManageCarriers;

package/cjs/features/manage-external-carriers/connected-carrier-list/connected-carrier-list.cjs

@@ -0,0 +1,76 @@
+'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 connectedCarrierList_styles = require('./connected-carrier-list.styles.cjs');
+var connectedCarrierRow = require('./connected-carrier-row/connected-carrier-row.cjs');
+var linkAction = require('../../../components/link-action/link-action.cjs');
+var spacer = require('../../../components/spacer/spacer.cjs');
+var skeletonCarrierRow = require('../../../components/skeleton/skeleton-carrier-row.cjs');
+var zeroState = require('../../../components/zero-state/zero-state.cjs');
+
+const ConnectedCarrierList = ({
+  carriers: _carriers = [],
+  isAddingCarrier,
+  isLoading,
+  onAddCarrier,
+  onDeleteCarrier,
+  deleteCarrierErrors
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation("connect-carrier");
+  return isLoading || _carriers.length ? jsxRuntime.jsxs("div", Object.assign({
+    css: connectedCarrierList_styles.styles.carriersListContainer
+  }, {
+    children: [!!onAddCarrier && jsxRuntime.jsx(linkAction.LinkAction, {
+      css: connectedCarrierList_styles.styles.connectButton,
+      icon: "add",
+      onClick: () => {
+        onAddCarrier === null || onAddCarrier === void 0 ? void 0 : onAddCarrier();
+      },
+      title: t("actions.connectCarriers")
+    }), deleteCarrierErrors && (deleteCarrierErrors === null || deleteCarrierErrors === void 0 ? void 0 : deleteCarrierErrors.length) > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        css: {
+          width: "100%"
+        },
+        title: t("connect-carrier:deleteCarrierErrorTitle"),
+        type: giger.NotificationType.ERROR
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, {
+          children: t("connect-carrier:deleteCarrierErrorMessage")
+        })
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 2
+      })]
+    }), jsxRuntime.jsx("ul", Object.assign({
+      css: connectedCarrierList_styles.styles.carriersList,
+      "data-testid": "connected-carrier-list"
+    }, {
+      children: isLoading ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(skeletonCarrierRow.SkeletonCarrierRow, {}), " ", jsxRuntime.jsx(skeletonCarrierRow.SkeletonCarrierRow, {}), " ", jsxRuntime.jsx(skeletonCarrierRow.SkeletonCarrierRow, {})]
+      }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [_carriers.map(carrier => jsxRuntime.jsx("li", {
+          children: jsxRuntime.jsx(connectedCarrierRow.ConnectedCarrierRow, Object.assign({}, carrier, {
+            onDeleteCarrier: onDeleteCarrier
+          }))
+        }, `external-carrier-${carrier.carrierId}`)), !!isAddingCarrier && jsxRuntime.jsx("li", {
+          children: jsxRuntime.jsx(skeletonCarrierRow.SkeletonCarrierRow, {})
+        })]
+      })
+    }))]
+  })) : jsxRuntime.jsx(zeroState.ZeroState, {
+    description: t("connect-carrier:noCarriersDescription"),
+    showLinkAction: {
+      icon: "add",
+      onClick: () => onAddCarrier === null || onAddCarrier === void 0 ? void 0 : onAddCarrier(),
+      title: t("actions.connectCarriers")
+    }
+  });
+};
+
+exports.ConnectedCarrierList = ConnectedCarrierList;

package/cjs/features/manage-external-carriers/connected-carrier-list/connected-carrier-list.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({
+  carriersList: theme => ({
+    "& > li:not(:last-of-type)": {
+      borderBottom: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`
+    },
+    border: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`,
+    borderRadius: styles$1.scopeTheme(theme).borderRadius.S,
+    listStyle: "none",
+    marginTop: styles$1.scopeTheme(theme).spacing(1),
+    width: "100%"
+  }),
+  carriersListContainer: () => ({
+    alignItems: "flex-end",
+    display: "flex",
+    flexDirection: "column"
+  }),
+  connectButton: theme => ({
+    paddingBottom: styles$1.scopeTheme(theme).spacing(1.5)
+  }),
+  noCarriersDescription: theme => ({
+    color: styles$1.scopeTheme(theme).palette.gray.main,
+    marginBottom: styles$1.scopeTheme(theme).spacing(2),
+    textAlign: "center"
+  })
+});
+
+exports.styles = styles;

package/cjs/features/manage-external-carriers/connected-carrier-list/connected-carrier-row/connected-carrier-row.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useToggle = require('../../../../hooks/use-toggle.cjs');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var connectedCarrierRow_styles = require('./connected-carrier-row.styles.cjs');
+var buttonGroup = require('../../../../components/button-group/button-group.cjs');
+
+const ConnectedCarrierRow = ({
+  carrierId,
+  friendlyName,
+  iconUrl,
+  nickname,
+  onDeleteCarrier
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["connect-carrier"]);
+  const [showDropDown, toggleShowDropDown] = useToggle.useToggle(false);
+  const toggleDropDown = React.useCallback(() => toggleShowDropDown(!showDropDown), [toggleShowDropDown, showDropDown]);
+  const handleDeleteCarrier = React.useCallback(() => onDeleteCarrier(carrierId), [onDeleteCarrier, carrierId]);
+  return jsxRuntime.jsxs("div", Object.assign({
+    css: connectedCarrierRow_styles.styles.container,
+    "data-testid": "carrier-row"
+  }, {
+    children: [jsxRuntime.jsxs("div", Object.assign({
+      css: connectedCarrierRow_styles.styles.rowContainer
+    }, {
+      children: [jsxRuntime.jsxs("div", Object.assign({
+        css: connectedCarrierRow_styles.styles.logoContainer
+      }, {
+        children: [jsxRuntime.jsx("div", {
+          children: jsxRuntime.jsx("img", {
+            alt: `${friendlyName} logo`,
+            css: connectedCarrierRow_styles.styles.carrierLogo,
+            src: iconUrl
+          })
+        }), jsxRuntime.jsxs("div", Object.assign({
+          css: connectedCarrierRow_styles.styles.nameContainer
+        }, {
+          children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+            variant: "subtitle1"
+          }, {
+            children: friendlyName
+          })), jsxRuntime.jsx(giger.Typography, Object.assign({
+            variant: "small"
+          }, {
+            children: nickname
+          }))]
+        }))]
+      })), !showDropDown && jsxRuntime.jsxs("div", Object.assign({
+        css: connectedCarrierRow_styles.styles.rightContentContainer
+      }, {
+        children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+          css: connectedCarrierRow_styles.styles.statusTag
+        }, {
+          children: t("connect-carrier:status.connected")
+        })), jsxRuntime.jsx(giger.Button, Object.assign({
+          "aria-label": "Disconnect Carrier",
+          css: connectedCarrierRow_styles.styles.iconButton,
+          onClick: toggleDropDown,
+          variant: giger.ButtonVariant.TEXT
+        }, {
+          children: jsxRuntime.jsx(giger.Icon, {
+            name: gigerTheme.IconNames.TRASH,
+            size: giger.IconSize.SIZE_SMALL
+          })
+        }))]
+      }))]
+    })), showDropDown && jsxRuntime.jsxs("div", Object.assign({
+      css: connectedCarrierRow_styles.styles.dropdownContainer
+    }, {
+      children: [jsxRuntime.jsxs("div", Object.assign({
+        css: connectedCarrierRow_styles.styles.disconnectTitle
+      }, {
+        children: [jsxRuntime.jsx(giger.Icon, {
+          name: gigerTheme.IconNames.ALERT,
+          size: giger.IconSize.SIZE_REGULAR
+        }), jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true,
+          component: "p",
+          css: {
+            margin: 0
+          }
+        }, {
+          children: t("connect-carrier:disconnectDropdown.toastTitle")
+        }))]
+      })), jsxRuntime.jsx(giger.Typography, Object.assign({
+        css: {
+          padding: "0 24px"
+        }
+      }, {
+        children: t("connect-carrier:disconnectDropdown.toastBody")
+      })), jsxRuntime.jsxs(buttonGroup.ButtonGroup, Object.assign({
+        justify: "end"
+      }, {
+        children: [jsxRuntime.jsx(giger.Button, Object.assign({
+          color: giger.ButtonColor.SECONDARY,
+          onClick: toggleDropDown,
+          variant: giger.ButtonVariant.TEXT
+        }, {
+          children: t("connect-carrier:actions.cancel")
+        })), jsxRuntime.jsx(giger.Button, Object.assign({
+          color: giger.ButtonColor.ERROR,
+          onClick: handleDeleteCarrier
+        }, {
+          children: t("connect-carrier:actions.disconnect")
+        }))]
+      }))]
+    }))]
+  }));
+};
+
+exports.ConnectedCarrierRow = ConnectedCarrierRow;

package/cjs/features/manage-external-carriers/connected-carrier-list/connected-carrier-row/connected-carrier-row.styles.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  carrierLogo: theme => ({
+    flex: "0 0 auto",
+    marginRight: styles$1.scopeTheme(theme).spacing(2),
+    maxHeight: styles$1.scopeTheme(theme).iconSize.large,
+    width: styles$1.scopeTheme(theme).iconSize.large
+  }),
+  container: {
+    display: "flex",
+    flexDirection: "column"
+  },
+  disconnectCarrierOption: theme => ({
+    color: styles$1.scopeTheme(theme).palette.error.main
+  }),
+  disconnectTitle: theme => ({
+    alignItems: "center",
+    color: styles$1.scopeTheme(theme).palette.alert.main,
+    display: "flex",
+    gap: styles$1.scopeTheme(theme).spacing(0.5)
+  }),
+  dropdownContainer: theme => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: styles$1.scopeTheme(theme).spacing(1),
+    padding: `${styles$1.scopeTheme(theme).spacing(0)}px ${styles$1.scopeTheme(theme).spacing(2)}px ${styles$1.scopeTheme(theme).spacing(2)}px`
+  }),
+  iconButton: {
+    padding: "0",
+    verticalAlign: "middle"
+  },
+  logoContainer: theme => ({
+    alignItems: "center",
+    columnGap: `${styles$1.scopeTheme(theme).spacing(1)}px`,
+    display: "flex"
+  }),
+  nameContainer: theme => ({
+    alignItems: "left",
+    columnGap: `${styles$1.scopeTheme(theme).spacing(1)}px`,
+    display: "flex",
+    flexDirection: "column"
+  }),
+  rightContentContainer: theme => ({
+    alignItems: "center",
+    display: "flex",
+    gap: styles$1.scopeTheme(theme).spacing(1)
+  }),
+  rowContainer: theme => ({
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between",
+    padding: `${styles$1.scopeTheme(theme).spacing(2)}px`
+  }),
+  statusTag: theme => ({
+    backgroundColor: styles$1.scopeTheme(theme).palette.success.main,
+    borderRadius: styles$1.scopeTheme(theme).borderRadius.XS,
+    color: styles$1.scopeTheme(theme).palette.white,
+    fontWeight: styles$1.scopeTheme(theme).typography.fontWeight.bold,
+    padding: `0 ${styles$1.scopeTheme(theme).spacing(0.5)}px`
+  })
+});
+
+exports.styles = styles;

package/cjs/features/manage-external-carriers/connected-carrier-list/connected-carrier-row/index.cjs

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

package/cjs/features/manage-external-carriers/connected-carrier-list/index.cjs

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

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var manageExternalCarriers = require('./manage-external-carriers.cjs');
+var useManageExternalCarriers = require('./use-manage-external-carriers.cjs');
+
+
+
+exports.ExternalCarriers = manageExternalCarriers.ExternalCarriers;
+exports.useManageExternalCarriers = useManageExternalCarriers.useManageExternalCarriers;

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

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactQuery = require('@tanstack/react-query');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var connectedCarrierList = require('./connected-carrier-list/connected-carrier-list.cjs');
+var modal = require('../../components/modal/modal.cjs');
+var loader = require('../../components/loader/loader.cjs');
+var connectExternalCarrier = require('../../workflows/connect-external-carrier/connect-external-carrier.cjs');
+
+const ExternalCarriers = ({
+  isModalFullScreen: _isModalFullScreen = false,
+  carrierMetadata,
+  carrierMetadataLoading,
+  connectedExternalCarriers,
+  deleteCarrier,
+  isDeletingCarrier,
+  isListCarriersFetching,
+  isListCarriersLoading,
+  deleteCarrierErrors,
+  refetchConnectedCarriers
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation("connect-carrier");
+  const queryClient = reactQuery.useQueryClient();
+  const [addModalOpen, setAddModalOpen] = React.useState(false);
+  const [isAddingCarrier, setIsAddingCarrier] = React.useState(false);
+  React.useEffect(() => {
+    if (isAddingCarrier && !isListCarriersFetching) {
+      setIsAddingCarrier(false);
+    }
+  }, [isAddingCarrier, isListCarriersFetching]);
+  const carrierList = React.useMemo(() => {
+    const carriers = [];
+    connectedExternalCarriers === null || connectedExternalCarriers === void 0 ? void 0 : connectedExternalCarriers.forEach(carrier => {
+      const metadata = carrierMetadata === null || carrierMetadata === void 0 ? void 0 : carrierMetadata.find(m => m.carrierName === carrier.carrierCode);
+      if (metadata) {
+        carriers.push({
+          carrierCode: carrier.carrierCode,
+          carrierId: carrier.carrierId,
+          friendlyName: carrier.friendlyName,
+          iconUrl: metadata.iconUrl,
+          nickname: carrier.nickname
+        });
+      }
+    });
+    return carriers;
+  }, [carrierMetadata, connectedExternalCarriers]);
+  if (isDeletingCarrier) {
+    return jsxRuntime.jsx(loader.Loader, {
+      message: t("connect-carrier:loadingDeletingCarrier")
+    });
+  }
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(connectedCarrierList.ConnectedCarrierList, {
+      carriers: carrierList,
+      deleteCarrierErrors: deleteCarrierErrors,
+      isAddingCarrier: isAddingCarrier,
+      isLoading: carrierMetadataLoading || isListCarriersLoading || isListCarriersFetching || isDeletingCarrier,
+      onAddCarrier: () => setAddModalOpen(true),
+      onDeleteCarrier: carrierId => tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield deleteCarrier(carrierId).finally(() => {
+          void refetchConnectedCarriers();
+        });
+      })
+    }), jsxRuntime.jsx(modal.Modal, Object.assign({
+      closeAriaLabel: t("connect-carrier:settingsModal.closeDialog"),
+      isFullScreen: _isModalFullScreen,
+      isOpen: addModalOpen,
+      onClose: () => {
+        setAddModalOpen(false);
+        // clear the form query cache to clear errors and reset form data
+        void queryClient.removeQueries({
+          predicate: query => query.queryKey[0] === "useGetCarrierConnectionForm"
+        });
+      },
+      title: t("connect-carrier:settingsModal.header")
+    }, {
+      children: jsxRuntime.jsx("div", Object.assign({
+        css: {
+          textAlign: "left"
+        }
+      }, {
+        children: jsxRuntime.jsx(connectExternalCarrier.Component, {
+          onCarrierConnected: () => {
+            setAddModalOpen(false);
+            void refetchConnectedCarriers();
+            setIsAddingCarrier(true);
+          }
+        })
+      }))
+    }))]
+  });
+};
+
+exports.ExternalCarriers = ExternalCarriers;

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactApi = require('@shipengine/react-api');
+
+const useManageExternalCarriers = () => {
+  const {
+    data: connectedCarriersList,
+    isLoading: isListCarriersLoading,
+    isFetching: isListCarriersFetching,
+    refetch: refetchConnectedCarriers
+  } = reactApi.useListCarriers();
+  const {
+    error: deleteCarrierErrors,
+    isLoading: isDeletingCarrier,
+    isSuccess: deleteCarrierSuccess,
+    mutateAsync: deleteCarrier
+  } = reactApi.useDeleteCarrier();
+  const {
+    data: carrierMetadata,
+    isLoading: carrierMetadataLoading
+  } = reactApi.useListCarrierConnections();
+  return {
+    carrierMetadata,
+    carrierMetadataLoading,
+    connectedExternalCarriers: connectedCarriersList === null || connectedCarriersList === void 0 ? void 0 : connectedCarriersList.filter(carrier => !carrier.fundingSourceId && !(carrier.carrierCode === "stamps_com" && carrier.nickname === "Free")),
+    deleteCarrier,
+    deleteCarrierErrors,
+    deleteCarrierSuccess,
+    isDeletingCarrier,
+    isListCarriersFetching,
+    isListCarriersLoading,
+    refetchConnectedCarriers
+  };
+};
+
+exports.useManageExternalCarriers = useManageExternalCarriers;

package/cjs/features/manage-funding/index.cjs

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

package/cjs/features/manage-funding/manage-funding.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactQuery = require('@tanstack/react-query');
+var money = require('../../utilities/money.cjs');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var zeroState = require('../../components/zero-state/zero-state.cjs');
+var carrierBalance = require('../../components/carrier-balance/carrier-balance.cjs');
+var addFundsForm = require('../../components/forms/add-funds-form/add-funds-form.cjs');
+var autoFundingForm = require('../../components/forms/auto-funding-form/auto-funding-form.cjs');
+var spread = require('../../components/spread/spread.cjs');
+var linkAction = require('../../components/link-action/link-action.cjs');
+var spacer = require('../../components/spacer/spacer.cjs');
+
+const ManageFunding = ({
+  onRedirectToOnboarding,
+  addFunds,
+  addFundsError,
+  fundingSource
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const queryClient = reactQuery.useQueryClient();
+  const {
+    balance,
+    currencyCode,
+    defaultCarrierId
+  } = fundingSource !== null && fundingSource !== void 0 ? fundingSource : {};
+  const currency = money.getCurrencyFromString(currencyCode);
+  const [isAddFundsFormOpen, setIsAddFundsFormOpen] = React.useState(false);
+  if (!fundingSource) return onRedirectToOnboarding ? jsxRuntime.jsx(zeroState.ZeroState, {
+    description: t("account-settings:messages.noFundingSourceDescription", {
+      section: "funding"
+    }),
+    showLinkAction: {
+      icon: "add",
+      onClick: () => onRedirectToOnboarding(),
+      title: t("account-settings:messages.noFundingSourceAction")
+    }
+  }) : jsxRuntime.jsx(zeroState.ZeroState, {
+    description: t("account-settings:messages.noFundingSourceDescription", {
+      section: "carrier services"
+    })
+  });
+  return jsxRuntime.jsxs("section", {
+    children: [jsxRuntime.jsxs(spread.Spread, {
+      children: [jsxRuntime.jsx(carrierBalance.CarrierBalance, {
+        balance: balance,
+        currency: currency
+      }), jsxRuntime.jsx("div", Object.assign({
+        css: {
+          flexShrink: 0
+        }
+      }, {
+        children: jsxRuntime.jsx(linkAction.LinkAction, {
+          icon: "add",
+          isDisabled: isAddFundsFormOpen,
+          onClick: () => setIsAddFundsFormOpen(true),
+          title: t("manage-funding:actions.addFunds")
+        })
+      }))]
+    }), isAddFundsFormOpen && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 2
+      }), jsxRuntime.jsx(addFundsForm.AddFundsForm, {
+        addFunds: addFunds,
+        addFundsError: addFundsError,
+        balance: balance,
+        currency: currency,
+        onCancel: () => setIsAddFundsFormOpen(false),
+        onSuccess: () => {
+          void queryClient.invalidateQueries(["useListFundingSources"], {
+            exact: true
+          });
+        }
+      })]
+    }), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 2
+    }), defaultCarrierId && jsxRuntime.jsx(autoFundingForm.AutoFundingForm, {
+      carrierId: defaultCarrierId,
+      currency: currency
+    })]
+  });
+};
+
+exports.ManageFunding = ManageFunding;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var manageWarehouses = require('./manage-warehouses.cjs');
+var useManageWarehouses = require('./use-manage-warehouses.cjs');
+
+
+
+exports.ManageWarehouses = manageWarehouses.ManageWarehouses;
+exports.useManageWarehouses = useManageWarehouses.useManageWarehouses;