@shipengine/elements 2.18.0 → 2.20.0

package/esm/elements/vat-settings/vat-settings-element.js

@@ -0,0 +1,16 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { VatSettings } from '../../features/vat-settings/vat-settings.js';
+import en from '../../locales/en/index.js';
+import { createElement } from '../../create-element/create-element.js';
+import { ErrorFallback } from '../../components/error-fallback/error-fallback.js';
+
+const Component = () => {
+  return jsx(VatSettings, {});
+};
+const Element = createElement(Component, ErrorFallback, {
+  resources: {
+    en
+  }
+});
+
+export { Component, Element };

package/esm/elements/void-label/components/actions/actions.js

@@ -0,0 +1,75 @@
+import { __awaiter } from 'tslib';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { scopeTheme } from '../../../../utilities/styles.js';
+import { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { BottomSheet, Button, ButtonVariant } from '@shipengine/giger';
+import { ButtonGroup } from '../../../../components/button-group/button-group.js';
+
+const Actions = ({
+  onComplete,
+  onSubmit,
+  onViewShipment,
+  shipment,
+  voidRequest,
+  onFail
+}) => {
+  const {
+    t
+  } = useTranslation(["common", "void-label"]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const handleSubmit = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    setIsSubmitting(true);
+    try {
+      yield onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
+    } catch (_a) {
+      void (onFail === null || onFail === void 0 ? void 0 : onFail());
+    } finally {
+      // even if an exception is thrown, reset this state
+      setIsSubmitting(false);
+    }
+  }), [onSubmit, onFail]);
+  return jsx(BottomSheet, Object.assign({
+    alwaysVisible: true,
+    css: theme => ({
+      borderTop: `1px solid ${scopeTheme(theme).palette.gray.ultraLight}`,
+      boxShadow: "none",
+      position: "static"
+    })
+  }, {
+    children: (voidRequest === null || voidRequest === void 0 ? void 0 : voidRequest.approved) ?
+    // The void request has been approved
+    jsxs(ButtonGroup, Object.assign({
+      breakpoint: "mobileLarge",
+      justify: "center"
+    }, {
+      children: [onComplete && jsx(Button, Object.assign({
+        bold: false,
+        onClick: () => onComplete(voidRequest, shipment),
+        variant: ButtonVariant.OUTLINED
+      }, {
+        children: t("void-label:actions.complete")
+      })), onViewShipment && jsx(Button, Object.assign({
+        bold: false,
+        onClick: () => onViewShipment(shipment)
+      }, {
+        children: t("void-label:actions.viewShipment")
+      }))]
+    })) :
+    // The void request has yet to be made or was rejected
+    onSubmit && jsx(ButtonGroup, Object.assign({
+      breakpoint: "mobileLarge",
+      justify: "center"
+    }, {
+      children: jsx(Button, Object.assign({
+        bold: false,
+        isLoading: isSubmitting,
+        onClick: handleSubmit
+      }, {
+        children: t("void-label:actions.confirmVoid")
+      }))
+    }))
+  }));
+};
+
+export { Actions };

package/esm/elements/void-label/components/actions/index.js

@@ -0,0 +1 @@
+export { Actions } from './actions.js';

package/esm/elements/void-label/components/index.js

@@ -0,0 +1,2 @@
+export { Actions } from './actions/actions.js';
+export { Message } from './message/message.js';

package/esm/elements/void-label/components/message/index.js

@@ -0,0 +1 @@
+export { Message } from './message.js';

package/esm/elements/void-label/components/message/message.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { scopeTheme } from '../../../../utilities/styles.js';
+import { useTranslation, Trans } from 'react-i18next';
+import { Icon, IconSize, Typography, Link } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
+import { Section } from '../../../../components/section/section.js';
+
+const Message = ({
+  voidRequest,
+  carrier
+}) => {
+  const {
+    t
+  } = useTranslation(["common", "void-label"]);
+  return jsx(Section, {
+    children: voidRequest ? jsxs("section", Object.assign({
+      css: {
+        textAlign: "center",
+        width: "100%"
+      }
+    }, {
+      children: [jsx(Icon, {
+        css: theme => ({
+          color: (voidRequest === null || voidRequest === void 0 ? void 0 : voidRequest.approved) ? scopeTheme(theme).palette.success.main : scopeTheme(theme).palette.error.main
+        }),
+        name: (voidRequest === null || voidRequest === void 0 ? void 0 : voidRequest.approved) ? IconNames.CHECK_FILLED : IconNames.ALERT,
+        size: IconSize.SIZE_LARGE
+      }), (voidRequest === null || voidRequest === void 0 ? void 0 : voidRequest.approved) ? jsxs(Fragment, {
+        children: [jsx(Typography, Object.assign({
+          component: "h2"
+        }, {
+          children: t("void-label:resultTitles.approved")
+        })), jsx(Typography, {
+          children: t("void-label:resultMessages.approved")
+        })]
+      }) : jsxs(Fragment, {
+        children: [jsx(Typography, Object.assign({
+          component: "h2"
+        }, {
+          children: t("void-label:resultTitles.rejected")
+        })), jsx(Typography, {
+          children: carrier ? jsxs(Trans, Object.assign({
+            i18nKey: `void-label:resultMessages.${carrier}`
+          }, {
+            children: ["To void this shipping label, ", jsx(Link, Object.assign({
+              href: "https://survey.alchemer.com/s3/7830390/ShipEngine-UK-Carrier-Services-Refund-Request ",
+              target: "_blank"
+            }, {
+              children: "submit a request"
+            }))]
+          })) : jsxs(Trans, Object.assign({
+            i18nKey: "void-label:resultMessages.rejected"
+          }, {
+            children: ["Your label may have already been scanned by the carrier or the label type is ineligible for voiding.", jsx("br", {}), jsx("br", {}), "Contact your carrier for assistance with shipments currently in transit."]
+          }))
+        })]
+      })]
+    })) : jsxs(Fragment, {
+      children: [jsx(Typography, {
+        children: t("void-label:refund_process")
+      }), jsx(Typography, Object.assign({
+        component: "p"
+      }, {
+        children: t("void-label:refund_rules")
+      }))]
+    })
+  });
+};
+
+export { Message };

package/esm/elements/void-label/index.js

@@ -0,0 +1,2 @@
+import * as voidLabel from './void-label.js';
+export { voidLabel as VoidLabel };

package/esm/elements/void-label/void-label.js

@@ -0,0 +1,138 @@
+import { __awaiter } from 'tslib';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { useToggle } from '../../hooks/use-toggle.js';
+import { throwAny } from '../../utilities/error.js';
+import { useTranslation } from 'react-i18next';
+import { InlineNotification, NotificationType } from '@shipengine/giger';
+import { useGetLabel, useGetSalesOrderShipment, useVoidLabel, useGetCarrierById } from '@shipengine/react-api';
+import { Message } from './components/message/message.js';
+import { Actions } from './components/actions/actions.js';
+import en from '../../locales/en/index.js';
+import { useElements } from '../../elements-provider/elements-context-provider.js';
+import { Loader } from '../../components/loader/loader.js';
+import { Spacer } from '../../components/spacer/spacer.js';
+import { PoweredByShipEngine } from '../../components/powered-by-shipengine/powered-by-shipengine.js';
+import { createElement } from '../../create-element/create-element.js';
+import { ErrorFallback } from '../../components/error-fallback/error-fallback.js';
+
+/**
+ * # Void Label Component
+ *
+ * - The `<VoidLabel />` component is used to void a given shipping label. When a label is voided,
+ * you then get the option to view the associated shipment via the `Shipment Summary` Element, or
+ * you can purchase another label for the shipment via the `Purchase Label` Element.
+ *
+ * @param ComponentProps The base props that will be passed into the `<VoidLabel />` component.
+ *
+ * @returns Element An EmotionJSX.Element that will render the `<VoidLabel />` 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, {
+ *
+ *   resources: { en },
+ * });
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link VoidLabel.Element | The **Element** created to render `<VoidLabel />`}
+ */
+const Component = ({
+  labelId,
+  onComplete,
+  onSuccess,
+  onViewShipment
+}) => {
+  var _a, _b, _c;
+  const {
+    globalFeatures
+  } = useElements();
+  const {
+    t
+  } = useTranslation();
+  const [displayError, toggleDisplayError] = useToggle(false);
+  // TODO [LMNT-910] - labelId should be a required prop
+  if (!labelId) throw new Error("void-label:errorMessages.labelIdRequired");
+  const label = useGetLabel(labelId);
+  const shipment = useGetSalesOrderShipment((_a = label.data) === null || _a === void 0 ? void 0 : _a.shipmentId);
+  const voidLabel = useVoidLabel();
+  const carrier = useGetCarrierById((_b = label.data) === null || _b === void 0 ? void 0 : _b.carrierId);
+  if (label.isInitialLoading || carrier.isInitialLoading) return jsx(Loader, {
+    message: t("loading.label")
+  });
+  if (shipment.isInitialLoading) return jsx(Loader, {
+    message: t("loading.shipment")
+  });
+  throwAny(label.error);
+  throwAny(shipment.error);
+  throwAny(carrier.error);
+  if (!label.data) throw new Error("errorMessages.unableToLoad.label");
+  if (!shipment.data) throw new Error("errorMessages.unableToLoad.shipment");
+  const handleVoidLabelSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+    toggleDisplayError(false);
+    const result = yield voidLabel.mutateAsync(labelId);
+    if (result.approved) {
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(label.data, shipment.data);
+    }
+  });
+  return jsxs(Fragment, {
+    children: [displayError && jsx(InlineNotification, Object.assign({
+      type: NotificationType.ERROR
+    }, {
+      children: t("void-label:errorMessages.request_failed_to_complete")
+    })), jsx(Message, {
+      carrier: ((_c = carrier === null || carrier === void 0 ? void 0 : carrier.data) === null || _c === void 0 ? void 0 : _c.requiresFundedAmount) ? carrier.data.carrierCode : undefined,
+      voidRequest: voidLabel.data
+    }), jsx(Actions, {
+      onComplete: onComplete,
+      onFail: () => toggleDisplayError(true),
+      onSubmit: handleVoidLabelSubmit,
+      onViewShipment: onViewShipment,
+      shipment: shipment.data,
+      voidRequest: voidLabel.data
+    }), globalFeatures.poweredByShipEngine && jsxs(Fragment, {
+      children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
+    })]
+  });
+};
+/**
+ * # Registered Void Label Element
+ *
+ * - This is the registered `<VoidLabel />` element that will be used to render the
+ * `<VoidLabel.Element />` component.
+ *
+ * @param ElementProps The props, callbacks, and resources necessary to render
+ * the `<VoidLabel.Element />` component.
+ *
+ * @example
+ * The `<Component />` is the source JSX that is rendered when you make use of the `VoidLabel`
+ * Element directly. Here is a brief example of how you would use it within your application.
+ * ```tsx
+ * <VoidLabel.Element
+ *   labelId="se-1234567"
+ *   onComplete={() => console.log('onComplete')}
+ *   onSuccess={(_, { salesOrderIds: [salesOrderId] }) =>
+ *     console.log('sales order ID', salesOrderId)
+ *   }
+ *   onViewShipment={({ shipmentId }) => {
+ *     console.log('onViewShipment', shipmentId);
+ *   }}
+ * />
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link VoidLabel.ComponentProps | The **props** that can be passed into the `<VoidLabel.Element />` component}
+ *
+ * @see {@link PurchaseLabel.Element | Go back to the frst step in the label purchase workflow `<PurchaseLabel.Element />`}
+ */
+const Element = createElement(Component, ErrorFallback, {
+  resources: {
+    en
+  }
+});
+
+export { Component, Element };

package/esm/elements-provider/elements-context-provider.js

@@ -0,0 +1,79 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { createContext, useContext } from 'react';
+import { getDefaultFeatures, deepMergeFeatures } from '../utilities/feature-flags/feature-flags.js';
+
+const DEFAULT_LOCALE = "en-US";
+/**
+ * @category Contexts
+ */
+const ElementsContext = /*#__PURE__*/createContext(undefined);
+const getDefaultLocale = () => {
+  var _a;
+  /**
+   * We need to check if window is defined as some applications
+   * use Elements with a Server Side framework where window.navigator is not defined
+   */
+  if (typeof window === "undefined") {
+    return DEFAULT_LOCALE;
+  }
+  return (_a = navigator === null || navigator === void 0 ? void 0 : navigator.language) !== null && _a !== void 0 ? _a : DEFAULT_LOCALE;
+};
+/**
+ * @category Providers
+ */
+const ElementsContextProvider = ({
+  baseURL: _baseURL = "https://elements.shipengine.com",
+  cdnURL: _cdnURL = "https://cdn.packlink.com",
+  children,
+  container,
+  features,
+  getToken,
+  locale: localeProp,
+  onError: _onError = () => {},
+  scope: _scope = "lmnt",
+  theme,
+  emotionCacheShadowRootContainer
+}) => {
+  var _a;
+  const locale = localeProp || getDefaultLocale();
+  const defaultGlobalFeatures = getDefaultFeatures(["globalFeatures"]);
+  const globalFeatures = Object.assign(Object.assign({}, defaultGlobalFeatures), (_a = features === null || features === void 0 ? void 0 : features.globalFeatures) !== null && _a !== void 0 ? _a : {});
+  const getFeatures = key => {
+    var _a;
+    return deepMergeFeatures((_a = getDefaultFeatures([key])) !== null && _a !== void 0 ? _a : {}, features === null || features === void 0 ? void 0 : features[key]);
+  };
+  const value = {
+    baseURL: _baseURL,
+    cdnURL: _cdnURL,
+    container,
+    emotionCacheShadowRootContainer,
+    getFeatures,
+    getToken,
+    globalFeatures,
+    locale,
+    onError: _onError,
+    scope: _scope,
+    theme
+  };
+  return jsx(ElementsContext.Provider, Object.assign({
+    value: value
+  }, {
+    children: children
+  }));
+};
+/**
+ * Must be used within {@link ElementsProvider}
+ *
+ * @category Elements Hooks
+ *
+ * @see {@link registerElement}
+ */
+const useElements = () => {
+  const context = useContext(ElementsContext);
+  if (!context) {
+    throw new Error("useElements must be called from within the scope of ElementsProvider");
+  }
+  return context;
+};
+
+export { ElementsContext, ElementsContextProvider, useElements };

package/esm/elements-provider/elements-provider.js

@@ -0,0 +1,123 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { RootPortalProvider } from '../hooks/use-root-portal.js';
+import { AxiosHeaders } from 'axios';
+import { useMemo, useRef, useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { THEME_ID, GigerProvider } from '@shipengine/giger';
+import { Theme } from '@shipengine/giger-theme';
+import { ShipEngine } from '@shipengine/react-api';
+import { version } from '../package.js';
+import themeData from '../themes/index.js';
+import { ElementsContextProvider } from './elements-context-provider.js';
+import { useLoadIcons } from './hooks/use-load-icons.js';
+
+/**
+ * @category Providers
+ */
+const ElementsProvider = ({
+  baseURL: _baseURL = "https://elements.shipengine.com",
+  cdnURL: _cdnURL = "https://cdn.packlink.com",
+  children,
+  container,
+  features,
+  getToken,
+  headers,
+  locale,
+  onApiError,
+  onError: _onError = () => {},
+  scope: _scope = "lmnt",
+  themeConfig,
+  defaultQueryClientOptions,
+  emotionCacheShadowRootContainer
+}) => {
+  var _a;
+  const resolveIcon = useLoadIcons({
+    cdnURL: _cdnURL
+  });
+  const theme = useMemo(() => {
+    var _a;
+    // The theme class expects a basic theme object, but we allow a THEME_ID key wrapped object to be used
+    // using the THEME_ID key in the prop causes the resultant theme clas to be passed to the GigerProvider
+    // wrapped with the THEME_ID key which causes it to use a "scoped" css-in-js emotion provider
+    const themeObject = new Theme((_a = themeConfig && THEME_ID in themeConfig ? themeConfig[THEME_ID] : themeConfig) !== null && _a !== void 0 ? _a : themeData.fallback);
+    return themeConfig && THEME_ID in themeConfig ? {
+      [THEME_ID]: themeObject
+    } : themeObject;
+  }, [themeConfig]);
+  const elementsContainerRef = useRef(null);
+  const [shadowRoot, setShadowRoot] = useState();
+  const isShadowDomEnabled = "attachShadow" in HTMLElement.prototype && !((_a = features === null || features === void 0 ? void 0 : features.globalFeatures) === null || _a === void 0 ? void 0 : _a.disableShadowDOM);
+  useEffect(() => {
+    var _a;
+    if (isShadowDomEnabled) {
+      // use provided container as shadow dom root
+      if (container && !(container instanceof ShadowRoot) && !container.shadowRoot) {
+        setShadowRoot(container.attachShadow({
+          mode: "open"
+        }));
+      } else if (emotionCacheShadowRootContainer) {
+        // use provided shadow dom root
+        setShadowRoot(emotionCacheShadowRootContainer);
+      } else if (
+      // if no container was provided, use the elements-container
+      elementsContainerRef.current && !((_a = elementsContainerRef.current) === null || _a === void 0 ? void 0 : _a.shadowRoot)) {
+        setShadowRoot(elementsContainerRef.current.attachShadow({
+          mode: "open"
+        }));
+      }
+    }
+  }, [emotionCacheShadowRootContainer, elementsContainerRef, container, isShadowDomEnabled]);
+  const elementsContextProps = {
+    baseURL: _baseURL,
+    cdnURL: _cdnURL,
+    container,
+    emotionCacheShadowRootContainer: shadowRoot,
+    features,
+    getToken,
+    locale,
+    onError: _onError,
+    scope: _scope,
+    theme
+  };
+  const Elements = jsx(ElementsContextProvider, Object.assign({}, elementsContextProps, {
+    children: jsx(GigerProvider, Object.assign({
+      cdnUrl: _cdnURL,
+      emotionCacheShadowRootContainer: shadowRoot,
+      reference: _scope || undefined,
+      resolveIcon: resolveIcon,
+      theme: theme
+    }, {
+      children: jsx(ShipEngine, Object.assign({
+        baseURL: _baseURL,
+        defaultQueryClientOptions: defaultQueryClientOptions,
+        getToken: getToken,
+        headers: new AxiosHeaders(Object.assign(Object.assign({}, headers), {
+          "x-se-elements-version": `react-${version}`
+        })),
+        onApiError: onApiError
+      }, {
+        children: jsx(RootPortalProvider, Object.assign({
+          emotionCacheShadowRootContainer: shadowRoot
+        }, {
+          children: children
+        }))
+      }))
+    }))
+  }));
+  if (!isShadowDomEnabled) return Elements;
+  if (container) {
+    // if a container was provided, that will be used as the root element
+    return shadowRoot ? /*#__PURE__*/createPortal(Elements, shadowRoot) : null;
+  }
+  return (
+    // if no container was provided, we will create a new root element
+    jsx("div", Object.assign({
+      id: "elements-container",
+      ref: elementsContainerRef
+    }, {
+      children: shadowRoot && /*#__PURE__*/createPortal(Elements, shadowRoot)
+    }))
+  );
+};
+
+export { ElementsProvider };

package/esm/elements-provider/elements-test-provider.js

@@ -0,0 +1,51 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useMemo, useCallback } from 'react';
+import { GigerTestProvider } from '@shipengine/giger';
+import { Theme } from '@shipengine/giger-theme';
+import { ShipEngine } from '@shipengine/react-api';
+import { ElementsContext } from './elements-context-provider.js';
+import { getDefaultFeatures, deepMergeFeatures } from '../utilities/feature-flags/feature-flags.js';
+
+const ElementsTestProvider = ({
+  baseURL,
+  children,
+  features
+}) => {
+  const scope = "lmnt";
+  const theme = useMemo(() => new Theme(), []);
+  const defaultGlobalFeatures = getDefaultFeatures(["globalFeatures"]);
+  const getToken = useCallback(() => "none", []);
+  const globalFeatures = Object.assign(Object.assign({
+    enabledExternalCarriers: ["apc", "asendia", "better_trucks", "canpar", "chronopost", "couriers_please", "courierpost", "dpd", "hermes_germany", "intelliquick_delivery", "lso", "ontrac", "seko", "ups", "yodel"]
+  }, defaultGlobalFeatures), features.globalFeatures);
+  const getFeatures = key => {
+    var _a;
+    return deepMergeFeatures((_a = getDefaultFeatures([key])) !== null && _a !== void 0 ? _a : {}, features === null || features === void 0 ? void 0 : features[key]);
+  };
+  const contextValue = {
+    baseURL,
+    cdnURL: "mockCdnUrl",
+    getFeatures,
+    getToken,
+    globalFeatures,
+    onError: () => {},
+    scope,
+    theme
+  };
+  return jsx(ElementsContext.Provider, Object.assign({
+    value: contextValue
+  }, {
+    children: jsx(GigerTestProvider, Object.assign({
+      theme: theme
+    }, {
+      children: jsx(ShipEngine, Object.assign({
+        baseURL: baseURL,
+        getToken: getToken
+      }, {
+        children: children
+      }))
+    }))
+  }));
+};
+
+export { ElementsTestProvider };

package/esm/elements-provider/hooks/index.js

@@ -0,0 +1 @@
+export { useLoadIcons } from './use-load-icons.js';

package/esm/elements-provider/hooks/use-load-icons.js

@@ -0,0 +1,21 @@
+import { __awaiter } from 'tslib';
+import axios from 'axios';
+import { useCallback } from 'react';
+
+const useLoadIcons = ({
+  cdnURL
+}) => {
+  return useCallback(iconName => __awaiter(void 0, void 0, void 0, function* () {
+    // In order to remove dependencies on Giger brand library, this temporarily
+    // precludes the use of brand-specific icon overrides, until an updated
+    // Giger provider allows a different mechanism for such overrides.
+    const fallbackBrandName = "fallback";
+    const result = yield axios.get(`/brand/${fallbackBrandName}/icons/${iconName.toLowerCase()}.svg`, {
+      baseURL: cdnURL,
+      responseType: "text"
+    });
+    return result.data;
+  }), [cdnURL]);
+};
+
+export { useLoadIcons };

package/esm/elements-provider/index.js

@@ -0,0 +1,3 @@
+export { ElementsContext, ElementsContextProvider, useElements } from './elements-context-provider.js';
+export { ElementsProvider } from './elements-provider.js';
+export { ElementsTestProvider } from './elements-test-provider.js';

package/esm/extensions/index.js

@@ -0,0 +1 @@
+export { extendZod } from './zod.js';

package/esm/extensions/zod.js

@@ -0,0 +1,20 @@
+import { z } from 'zod';
+
+/* eslint-disable @typescript-eslint/no-unused-vars -- Allow unused generics in ZodObject interface overload */
+function nullishDefault(defaultValue) {
+  return this.nullish().transform(v => v !== null && v !== void 0 ? v : defaultValue);
+}
+/**
+ * @internal
+ *
+ * # Form Utilities
+ *
+ * @category Form Validation
+ */
+const extendZod = () => {
+  z.ZodString.prototype.nullishDefault = nullishDefault;
+  z.ZodNumber.prototype.nullishDefault = nullishDefault;
+  z.ZodObject.prototype.nullishDefault = nullishDefault;
+};
+
+export { extendZod };

package/esm/features/manage-carriers/hooks/index.js

@@ -0,0 +1,2 @@
+export { useCarrierMetadata } from './use-carrier-metadata.js';
+export { useListFundingSourceCarriers } from './use-list-funding-source-carriers.js';

package/esm/features/manage-carriers/hooks/use-carrier-metadata.js

@@ -0,0 +1,7 @@
+import _carrierMetadata from '../../../data/carrier-metadatas.js';
+
+const useCarrierMetadata = () => {
+  return _carrierMetadata;
+};
+
+export { useCarrierMetadata };