@shipengine/elements 2.20.0 → 2.22.0

package/cjs/hooks/use-helpers.stories.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var giger = require('@shipengine/giger');
+var useHelpers = require('./use-helpers.cjs');
+
+var useHelpers_stories = {
+  parameters: {
+    controls: {
+      expanded: false
+    },
+    previewTabs: {
+      "storybook/docs/panel": {
+        hidden: true
+      }
+    },
+    viewMode: "story"
+  },
+  title: "Hooks/Helpers"
+};
+const DisplayBoolean = ({
+  loading,
+  name,
+  value
+}) => jsxRuntime.jsxs("div", Object.assign({
+  style: {
+    alignItems: "center",
+    display: "flex",
+    flexDirection: "row",
+    gap: "5px"
+  }
+}, {
+  children: [jsxRuntime.jsx("div", Object.assign({
+    style: {
+      width: "130px"
+    }
+  }, {
+    children: jsxRuntime.jsxs("b", {
+      children: [name, ":"]
+    })
+  })), jsxRuntime.jsx("div", {
+    children: value ? jsxRuntime.jsx(giger.Tag, Object.assign({
+      color: giger.TagColor.PRIMARY
+    }, {
+      children: "true"
+    })) : jsxRuntime.jsx(giger.Tag, Object.assign({
+      color: giger.TagColor.ERROR
+    }, {
+      children: "false"
+    }))
+  }), loading && jsxRuntime.jsx(giger.Spinner, {
+    size: giger.SpinnerSize.SIZE_SMALL
+  })]
+}));
+const Template = () => {
+  const {
+    helpersReady,
+    sellerOnboarded
+  } = useHelpers.useHelpers();
+  return jsxRuntime.jsxs("ul", {
+    children: [jsxRuntime.jsx("li", {
+      children: jsxRuntime.jsx(DisplayBoolean, {
+        loading: !helpersReady,
+        name: "helpersReady",
+        value: helpersReady
+      })
+    }), jsxRuntime.jsx("li", {
+      children: jsxRuntime.jsx(DisplayBoolean, {
+        name: "sellerOnboarded",
+        value: sellerOnboarded
+      })
+    })]
+  });
+};
+const Default = Template.bind({});
+
+exports.Default = Default;
+exports["default"] = useHelpers_stories;

package/cjs/hooks/use-import-sales-order.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var reactQuery = require('@tanstack/react-query');
+var React = require('react');
+var reactApi = require('@shipengine/react-api');
+
+const useImportSalesOrder = ({
+  enabled,
+  externalOrderId,
+  orderSourceCode,
+  salesOrderId
+}) => {
+  var _a, _b, _c;
+  const queryClient = reactQuery.useQueryClient();
+  const [refreshAttempted, setRefreshAttempted] = React.useState(false);
+  // attempt to get sales order through external id means
+  const orderByExternalIdQuery = reactApi.useGetSalesOrderByExternalOrderId(externalOrderId, {
+    enabled: enabled && !!externalOrderId && !salesOrderId
+  });
+  // if an order was found through external search disable this query
+  const orderByIdQuery = reactApi.useGetSalesOrder(salesOrderId, {
+    enabled: enabled && !!salesOrderId
+  });
+  const salesOrder = React.useMemo(() => salesOrderId ? orderByIdQuery.data : orderByExternalIdQuery.data, [salesOrderId, orderByIdQuery.data, orderByExternalIdQuery.data]);
+  // Determine if the initial fetch attempts (if applicable) have settled without finding data
+  const initialFetchSettled = (salesOrderId ? !orderByIdQuery.isInitialLoading && !orderByIdQuery.isFetching : true) && (externalOrderId && !salesOrderId ? !orderByExternalIdQuery.isLoading && !orderByExternalIdQuery.isFetching : true);
+  const shouldAttemptRefresh = enabled && initialFetchSettled && !salesOrder && !refreshAttempted;
+  const listOrderSourcesQuery = reactApi.useListOrderSources({
+    enabled: shouldAttemptRefresh
+  });
+  const {
+    error: refreshOrderSourceErrors,
+    isLoading: isRefreshingOrderSource,
+    mutateAsync: refreshOrderSource
+  } = reactApi.useRefreshOrderSource();
+  React.useEffect(() => {
+    if (listOrderSourcesQuery.isSuccess && listOrderSourcesQuery.data && shouldAttemptRefresh && !isRefreshingOrderSource) {
+      const orderSourcesToRefresh = orderSourceCode ? listOrderSourcesQuery.data.filter(o => o.orderSourceCode.includes(orderSourceCode) && o.active) : listOrderSourcesQuery.data.filter(o => o.active);
+      if (orderSourcesToRefresh && orderSourcesToRefresh.length > 0) {
+        setRefreshAttempted(true);
+        void (() => tslib.__awaiter(void 0, void 0, void 0, function* () {
+          yield Promise.all(orderSourcesToRefresh.map(o => refreshOrderSource(o.orderSourceId, {
+            // Invalidate relevant queries on successful refresh
+            onSuccess: () => {
+              if (salesOrderId) {
+                void queryClient.invalidateQueries({
+                  queryKey: ["useGetSalesOrder", salesOrderId]
+                });
+              }
+              if (externalOrderId && !salesOrderId) {
+                void queryClient.invalidateQueries({
+                  queryKey: ["useGetSalesOrderByExternalOrderId", externalOrderId]
+                });
+              }
+            }
+          })));
+        }))();
+      }
+    }
+  }, [externalOrderId, isRefreshingOrderSource, listOrderSourcesQuery.data, listOrderSourcesQuery.isSuccess, orderSourceCode, queryClient, refreshOrderSource, salesOrderId, shouldAttemptRefresh]);
+  const isLoading = orderByIdQuery.isInitialLoading || orderByExternalIdQuery.isInitialLoading || listOrderSourcesQuery.isInitialLoading || isRefreshingOrderSource;
+  const errors = [...((_a = orderByIdQuery.error) !== null && _a !== void 0 ? _a : []), ...((_b = orderByExternalIdQuery.error) !== null && _b !== void 0 ? _b : []), ...((_c = listOrderSourcesQuery.error) !== null && _c !== void 0 ? _c : []), ...(refreshOrderSourceErrors !== null && refreshOrderSourceErrors !== void 0 ? refreshOrderSourceErrors : [])];
+  return {
+    errors: errors.length > 0 ? errors : undefined,
+    isLoading,
+    salesOrder
+  };
+};
+
+exports.useImportSalesOrder = useImportSalesOrder;

package/cjs/hooks/use-manage-funding-source-insurance.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var reactApi = require('@shipengine/react-api');
+var elementsContextProvider = require('../elements-provider/elements-context-provider.cjs');
+
+const useManageFundingSourceInsurance = () => {
+  var _a;
+  const {
+    globalFeatures: {
+      enableParcelGuard
+    }
+  } = elementsContextProvider.useElements();
+  const {
+    data: fundingSources,
+    isLoading: loadingFundingSources
+  } = reactApi.useListFundingSources();
+  const fundingSourceMetadata = reactApi.useGetFundingSourceMetadata();
+  const {
+    data: insuranceAcceptedTerms,
+    isLoading: loadingInsuranceAcceptedTerms
+  } = reactApi.useGetInsuranceFundingSourceAcceptedTerms({
+    enabled: enableParcelGuard
+  });
+  const insuranceProviderProfiles = React.useMemo(() => {
+    var _a;
+    return (_a = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.data) === null || _a === void 0 ? void 0 : _a.defaultFundingSourceProfile.optionalTerms.map(terms => {
+      const providerLookup = {
+        parcelguard_terms: "parcelguard"
+      };
+      const friendlyNameLookup = {
+        parcelguard_terms: "ParcelGuard"
+      };
+      const provider = providerLookup[terms.termType];
+      const friendlyName = friendlyNameLookup[terms.termType];
+      return {
+        friendlyName,
+        provider,
+        terms
+      };
+    });
+  }, [fundingSourceMetadata]);
+  const {
+    mutateAsync: registerCarrier
+  } = reactApi.useRegisterCarrier();
+  const registerInsuranceProvider = React.useCallback(() => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _b, _c;
+    if (!fundingSources || !insuranceProviderProfiles) {
+      return {
+        isSuccessful: false
+      };
+    }
+    try {
+      const response = yield registerCarrier({
+        insuranceProviders: [{
+          acceptedTerms: insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.flatMap(p => p.terms).map(term => ({
+            termType: term.termType,
+            version: term.version
+          })),
+          agreeToTerms: true,
+          fundingSourceId: (_b = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) === null || _b === void 0 ? void 0 : _b.fundingSourceId,
+          provider: insuranceProviderProfiles[0].provider
+        }]
+      });
+      if ((_c = response.insuranceProviderAttachmentResults) === null || _c === void 0 ? void 0 : _c[0].isSuccessful) {
+        return {
+          isSuccessful: true
+        };
+      }
+      return {
+        isSuccessful: false
+      };
+    } catch (error) {
+      console.error(error);
+      return {
+        isSuccessful: false
+      };
+    }
+  }), [fundingSources, insuranceProviderProfiles, registerCarrier]);
+  const hasInsuranceToRegister = React.useMemo(() => {
+    return enableParcelGuard &&
+    // has insurance provider profiles but none have been accepted AND has a funding source
+    !!(insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) && (insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms.length) === 0 && !!(fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length);
+  }, [enableParcelGuard, insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length, insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms.length, fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length]);
+  return {
+    fundingSourceCountryCode: (_a = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.data) === null || _a === void 0 ? void 0 : _a.defaultFundingSourceProfile.countryCode,
+    hasInsuranceToRegister,
+    insuranceAcceptedTerms: insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms,
+    insuranceProviderProfiles,
+    loading: loadingFundingSources || loadingInsuranceAcceptedTerms,
+    registerInsuranceProvider
+  };
+};
+
+exports.useManageFundingSourceInsurance = useManageFundingSourceInsurance;

package/cjs/hooks/use-nested-form.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var React = require('react');
+var useRootPortal = require('./use-root-portal.cjs');
+var portal = require('../components/portal/portal.cjs');
+
+/**
+ * @internal
+ *
+ * # Nested Form Hook Component
+ *
+ * Returns a nested form element that can be rendered within another form
+ *
+ * Handles closing the form on cancel or submission
+ *
+ * Mounts on the root portal, and must be used within {@link RootPortalProvider}
+ *
+ * @category Elements Hooks
+ */
+const useNestedForm = (form, props, hookProps = {}) => {
+  const {
+    initialOpenState = false
+  } = hookProps;
+  const {
+    onSubmit,
+    onCancel
+  } = props;
+  const rootPortal = useRootPortal.useRootPortal();
+  const [interfacePortalRef, setInterfacePortalRef] = React.useState(null);
+  const [isFormOpen, toggleIsFormOpen] = React.useReducer(isFormOpen => !isFormOpen, initialOpenState);
+  const handleCancel = React.useCallback(() => {
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    toggleIsFormOpen();
+  }, [toggleIsFormOpen, onCancel]);
+  const handleSubmit = React.useCallback(payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const response = yield onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(payload);
+    const keepOpen = (response === null || response === void 0 ? void 0 : response.isSuccessful) === false;
+    !keepOpen && toggleIsFormOpen();
+    return response;
+  }), [toggleIsFormOpen, onSubmit]);
+  const handleRefChange = React.useCallback(ref => {
+    if (ref) setInterfacePortalRef(ref);
+  }, []);
+  const formContainer = jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isFormOpen && jsxRuntime.jsx(portal.Portal, Object.assign({
+      target: rootPortal
+    }, {
+      children: /*#__PURE__*/React.createElement(form, Object.assign(Object.assign({}, props), {
+        onCancel: handleCancel,
+        onSubmit: handleSubmit,
+        portalRef: interfacePortalRef
+      }))
+    })), jsxRuntime.jsx("div", {
+      css: {
+        width: "100%"
+      },
+      id: props.formId + "-interface",
+      ref: handleRefChange
+    })]
+  });
+  return [formContainer, isFormOpen, toggleIsFormOpen];
+};
+
+exports.useNestedForm = useNestedForm;

package/cjs/hooks/use-page-layout.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var React = require('react');
+var portal = require('../components/portal/portal.cjs');
+
+const PageLayoutContext = /*#__PURE__*/React.createContext(undefined);
+PageLayoutContext.displayName = "PageLayoutContext";
+/**
+ * @internal
+ *
+ * # Page Layout Component
+ *
+ * @see {@link PageLayoutProviderProps | The props passed into the `<PageLayoutProvider />` component}
+ */
+const PageLayoutProvider = ({
+  children
+}) => {
+  const headerRef = React.useRef(null);
+  const footerRef = React.useRef(null);
+  // eslint-disable-next-line react/hook-use-state -- We don't need a setter
+  const [layoutPortals] = React.useState({
+    FooterPortal: p => jsxRuntime.jsx(portal.Portal, Object.assign({
+      target: footerRef
+    }, {
+      children: p.children
+    })),
+    HeaderPortal: p => jsxRuntime.jsx(portal.Portal, Object.assign({
+      target: headerRef
+    }, {
+      children: p.children
+    }))
+  });
+  return jsxRuntime.jsx(PageLayoutContext.Provider, Object.assign({
+    value: layoutPortals
+  }, {
+    children: jsxRuntime.jsxs("div", Object.assign({
+      css: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%"
+      }
+    }, {
+      children: [jsxRuntime.jsx("div", {
+        css: {
+          flexShrink: 0
+        },
+        id: "page-layout-header",
+        ref: headerRef
+      }), jsxRuntime.jsx("div", Object.assign({
+        css: {
+          overflow: "scroll"
+        },
+        id: "page-layout-content"
+      }, {
+        children: children
+      })), jsxRuntime.jsx("div", {
+        css: {
+          flexShrink: 0
+        },
+        id: "page-layout-footer",
+        ref: footerRef
+      })]
+    }))
+  }));
+};
+/**
+ * @internal
+ *
+ * # Page Layout Hook
+ *
+ * @category Hooks
+ */
+const usePageLayout = () => {
+  const layoutPortals = React.useContext(PageLayoutContext);
+  if (!layoutPortals) {
+    throw new Error("usePageLayout must be called from within the scope of PageLayoutProvider");
+  }
+  return layoutPortals;
+};
+
+exports.PageLayoutProvider = PageLayoutProvider;
+exports.usePageLayout = usePageLayout;

package/cjs/hooks/use-replace-support-email.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var elementsContextProvider = require('../elements-provider/elements-context-provider.cjs');
+
+/**
+ * Hook that provides functions to replace support email in error messages
+ * using the configured support email address from feature flags
+ *
+ * @returns Functions to replace support email in error messages
+ */
+const useReplaceSupportEmail = () => {
+  const {
+    globalFeatures
+  } = elementsContextProvider.useElements();
+  const supportEmail = globalFeatures.supportEmailAddress || "platform@shipengine.com";
+  // Replace support email in a single string
+  const replaceEmailInString = text => {
+    // Replace both support@shipengine.com and support@shipstation.com with the configured email
+    return text.replace(/support@shipengine\.com/g, supportEmail).replace(/support@shipstation\.com/g, supportEmail);
+  };
+  // Replace support email in a single error object
+  const replaceEmailInError = error => {
+    return Object.assign(Object.assign({}, error), {
+      message: replaceEmailInString(error.message)
+    });
+  };
+  // Replace support email in an array of errors
+  const replaceEmailInErrors = errors => {
+    if (!errors || errors.length === 0) return undefined;
+    return errors.map(replaceEmailInError);
+  };
+  return {
+    replaceEmailInError,
+    replaceEmailInErrors,
+    replaceEmailInString
+  };
+};
+
+exports.useReplaceSupportEmail = useReplaceSupportEmail;

package/cjs/hooks/use-root-portal.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var React = require('react');
+
+const RootPortalContext = /*#__PURE__*/React.createContext(undefined);
+RootPortalContext.displayName = "RootPortalContext";
+/**
+ * @internal
+ *
+ * # Root Portal Provider
+ *
+ * Provides access to a top-level 'root-portal' DOM node, adjacent the app 'root' div
+ *
+ * @category Providers
+ *
+ * @see {@link useRootPortal | The associated `hook` for this provider}
+ */
+const RootPortalProvider = ({
+  children,
+  emotionCacheShadowRootContainer
+}) => {
+  const rootPortal = React.useMemo(() => {
+    if (emotionCacheShadowRootContainer) {
+      return emotionCacheShadowRootContainer;
+    } else {
+      let rootPortal = document.getElementById("root-portal");
+      if (!rootPortal) {
+        rootPortal = document.createElement("div");
+        rootPortal.setAttribute("id", "root-portal");
+        document.body.appendChild(rootPortal);
+      }
+      return rootPortal;
+    }
+  }, [emotionCacheShadowRootContainer]);
+  return jsxRuntime.jsx(RootPortalContext.Provider, Object.assign({
+    value: rootPortal
+  }, {
+    children: children
+  }));
+};
+/**
+ * @internal
+ *
+ * # Root Portal Provider Hook
+ *
+ * The `useRootPortal` hook provides access to a top-level 'root-portal' DOM node, adjacent
+ * the app 'root' div.
+ *
+ * -  Must be used within {@link RootPortalProvider | a `<RootPortalProvider />`}
+ *
+ * @category Elements Hooks
+ *
+ * @see {@link RootPortalProvider | The associated `provider` for this hook}
+ */
+const useRootPortal = () => {
+  const rootPortal = React.useContext(RootPortalContext);
+  if (!rootPortal) {
+    throw new Error("useRootPortal must be called from within the scope of RootPortalProvider");
+  }
+  return rootPortal;
+};
+
+exports.RootPortalProvider = RootPortalProvider;
+exports.useRootPortal = useRootPortal;

package/cjs/hooks/use-run-once-on-true.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * @internal
+ *
+ * # Run Once On True Hook
+ *
+ * - Runs a callback once and only once when a condition is true.
+ *
+ * @param conditionalEffect A logical expression ending with a callback
+ * @example useRunOnceOnTrue(testValue && anotherTestValue && (() => console.log("Hello world!")));
+ */
+const useRunOnceOnTrue = conditionalEffect => {
+  const hasRunRef = React.useRef(false);
+  React.useEffect(() => {
+    if (typeof conditionalEffect === "function" && !hasRunRef.current) {
+      hasRunRef.current = true;
+      conditionalEffect();
+    }
+  }, [conditionalEffect]);
+};
+
+exports.useRunOnceOnTrue = useRunOnceOnTrue;

package/cjs/hooks/use-scrub-errors.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsBase64 = require('js-base64');
+var React = require('react');
+var reactI18next = require('react-i18next');
+
+/**
+ * @internal
+ *
+ * # Scrub Errors Hook
+ *
+ * Generic error pretty printer
+ *
+ * @category Hooks
+ */
+const useScrubErrors = ({
+  scrubber,
+  errors,
+  predicate
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  return React.useMemo(() => errors === null || errors === void 0 ? void 0 : errors.map(e => {
+    return t(jsBase64.encode(e.message), {
+      defaultValue: !predicate || predicate(e) ? t(scrubber(e)) : networkErrorPrettyPrinter(e)
+    });
+  }), [errors, predicate, scrubber, t]);
+};
+const networkErrorPrettyPrinter = e => {
+  return e.message.replaceAll(/Invalid rate\. Invalid rate\./g, "Invalid rate.");
+};
+
+exports.useScrubErrors = useScrubErrors;

package/cjs/hooks/use-sortable-query.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useSortableQuery = ({
+  defaultSortBy: _defaultSortBy = "modified_at",
+  defaultSortDir: _defaultSortDir = "desc"
+}) => {
+  const [sortState, setSortState] = React.useState({
+    by: _defaultSortBy,
+    createdAtDir: _defaultSortDir,
+    dir: _defaultSortDir,
+    modifiedAtDir: _defaultSortDir
+  });
+  const toggleSort = sortQuery => {
+    const newSortState = Object.assign({}, sortState);
+    if (sortQuery === "created_at") {
+      newSortState.createdAtDir = sortState.createdAtDir === "asc" ? "desc" : "asc";
+      newSortState.dir = newSortState.createdAtDir;
+      newSortState.by = "created_at";
+    } else if (sortQuery === "modified_at") {
+      newSortState.modifiedAtDir = sortState.modifiedAtDir === "asc" ? "desc" : "asc";
+      newSortState.dir = newSortState.modifiedAtDir;
+      newSortState.by = "modified_at";
+    }
+    setSortState(newSortState);
+  };
+  return {
+    sortState,
+    toggleSort
+  };
+};
+
+exports.useSortableQuery = useSortableQuery;

package/cjs/hooks/use-toggle.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * @internal
+ *
+ * # Toggle Hook
+ *
+ * - Create a boolean that can be toggled or set to a specific value
+ *
+ * @example
+ * ```tsx
+ * const [isOn, toggle] = useToggle();
+ * toggle(); // isOn = true
+ * toggle(); // isOn = false
+ * toggle(false); // isOn = false
+ * ```
+ */
+const useToggle = (initialValue = false) => React.useReducer((prev, next) => next !== undefined && typeof next !== "object" ? next : !prev, initialValue);
+
+exports.useToggle = useToggle;

package/cjs/hooks/use-vat-settings.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactApi = require('@shipengine/react-api');
+
+const useVatSettings = () => {
+  var _a, _b;
+  const {
+    error: updateVatSettingsErrors,
+    mutateAsync: updateVatSettings
+  } = reactApi.useUpdateAccountSettings();
+  const {
+    isInitialLoading: isLoading,
+    error: getVatSettingsErrors,
+    refetch: refreshVatSettings,
+    data
+  } = reactApi.useGetAccountSettings();
+  return {
+    getVatSettingsErrors,
+    isLoading,
+    refreshVatSettings,
+    updateVatSettings,
+    updateVatSettingsErrors,
+    vatSettings: ((_b = (_a = data === null || data === void 0 ? void 0 : data.taxIdentifiers) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value) ? data.taxIdentifiers[0] : undefined
+  };
+};
+
+exports.useVatSettings = useVatSettings;