@shipengine/elements 2.28.0 → 2.29.1

package/dist/esm/components/grid-filters/components/shipment-id-filter/shipment-id-filter.js

@@ -7,8 +7,8 @@ import { useRef } from 'react';
 import { useForm } from 'react-hook-form';
 import { useTranslation, Trans } from 'react-i18next';
 import * as reactUse from 'react-use';
-import { shipmentIdFormSchema } from './shipment-id-filter-shema.js';
 import { styles } from './shipment-id-filter.styles.js';
+import { shipmentIdFormSchema } from './shipment-id-filter-shema.js';
 import { TextInput } from '../../../field/text-input/text-input.js';
 import { SubmitButton } from '../../../field/submit-button/submit-button.js';
 

package/dist/esm/components/grid-filters/components/tracking-status-filter/tracking-status-filter.js

@@ -6,8 +6,8 @@ import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import * as reactUse from 'react-use';
-import { trackingStatusFormSchema } from './tracking-status-filter-schema.js';
 import { styles } from './tracking-status-filter.styles.js';
+import { trackingStatusFormSchema } from './tracking-status-filter-schema.js';
 import { CheckboxInput } from '../../../field/checkbox-input/checkbox-input.js';
 import { Spacer } from '../../../spacer/spacer.js';
 

package/dist/esm/components/history/history-card/history-card.js

@@ -6,8 +6,8 @@ import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import SvgFunding from '../../../assets/funding.svg.js';
 import { styles } from './history-card.styles.js';
-import { useElements } from '../../../elements-provider/elements-context-provider.js';
 import { Label } from './label/label.js';
+import { useElements } from '../../../elements-provider/elements-context-provider.js';
 
 const HistoryCard = ({
   transaction,

package/dist/esm/components/modal/index.js

@@ -1,2 +1,2 @@
-export { ModalContainer, ModalContext, useModal } from './modal-container.js';
 export { Modal } from './modal.js';
+export { ModalContainer, ModalContext, useModal } from './modal-container.js';

package/dist/esm/components/modal/modal.js

@@ -2,8 +2,8 @@ import { __rest } from '../../_virtual/_tslib.js';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { Dialog, DialogHeader, ButtonIcon, ButtonVariant, ButtonSize, ButtonColor, Typography, DialogContent } from '@shipengine/giger';
 import { IconNames } from '@shipengine/giger-theme';
-import { useModal } from './modal-container.js';
 import { styles } from './modal.styles.js';
+import { useModal } from './modal-container.js';
 
 const Modal = ({
   children,

package/dist/esm/components/payment/payment-method-selector/index.js

@@ -0,0 +1 @@
+export { PaymentMethodSelector } from './payment-method-selector.js';

package/dist/esm/components/payment/payment-method-selector/payment-method-selector.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { RadioGroup, Radio, Icon, IconSize } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
+import { useTranslation } from 'react-i18next';
+import { styles } from './payment-method-selector.styles.js';
+
+const PaymentMethodSelector = ({
+  name = "paymentMethod",
+  onChange,
+  payByBankEnabled = false,
+  value
+}) => {
+  const {
+    t
+  } = useTranslation("register-wallet");
+  const paymentMethods = [{
+    value: "credit_card",
+    icon: IconNames.CREDIT_CARD,
+    label: t("sections.paymentMethod.creditCard")
+  }, payByBankEnabled ? {
+    value: "pay_by_bank_us",
+    icon: IconNames.BANK,
+    label: t("sections.paymentMethod.payByBank")
+  } : undefined];
+  return jsx("div", {
+    css: styles.paymentMethodSelector,
+    children: jsx(RadioGroup, {
+      name: name,
+      onChange: e => onChange(e.target.value),
+      value: value,
+      children: paymentMethods.map(method => {
+        return method !== undefined ? jsx("div", {
+          css: [styles.paymentMethodOption, value === method.value && styles.paymentMethodOptionSelected],
+          onClick: () => onChange(method.value),
+          children: jsx(Radio, {
+            checked: value === method.value,
+            readOnly: true,
+            value: method.value,
+            children: jsxs("div", {
+              css: styles.paymentMethodOptionContent,
+              children: [jsx(Icon, {
+                name: method.icon,
+                size: IconSize.SIZE_SMALL
+              }), method.label]
+            })
+          })
+        }, method.value) : null;
+      })
+    })
+  });
+};
+
+export { PaymentMethodSelector };

package/dist/esm/components/payment/payment-method-selector/payment-method-selector.styles.js

@@ -0,0 +1,56 @@
+import { createStyles, scopeTheme } from '../../../utilities/styles.js';
+
+const styles = createStyles({
+  paymentMethodSelector: () => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    "& .giger-radio-group": {
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px"
+    }
+  }),
+  paymentMethodOption: theme => ({
+    padding: scopeTheme(theme).spacing(2),
+    border: `1px solid ${scopeTheme(theme).palette.gray.light}`,
+    borderRadius: scopeTheme(theme).spacing(),
+    background: scopeTheme(theme).palette.white,
+    marginBottom: scopeTheme(theme).spacing(1),
+    transition: "all 0.2s ease",
+    cursor: "pointer",
+    "&:hover": {
+      borderColor: scopeTheme(theme).palette.primary.main
+    },
+    "& .giger-radio": {
+      margin: 0,
+      width: "100%",
+      pointerEvents: "none",
+      // Disable pointer events on radio to let div handle clicks
+      "& .giger-radio__container": {
+        width: "100%",
+        justifyContent: "flex-start"
+      },
+      "& .giger-radio__label": {
+        fontWeight: 500,
+        marginLeft: scopeTheme(theme).spacing(1),
+        flex: 1,
+        cursor: "pointer"
+      },
+      "& .giger-radio__input": {
+        pointerEvents: "auto" // Re-enable pointer events on the actual input
+      }
+    }
+  }),
+  paymentMethodOptionSelected: theme => ({
+    borderColor: scopeTheme(theme).palette.primary.main,
+    backgroundColor: scopeTheme(theme).palette.gray.megaLight
+  }),
+  paymentMethodOptionContent: () => ({
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  })
+});
+
+export { styles };

package/dist/esm/components/wallet-card/wallet-card.js

@@ -2,8 +2,8 @@ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { Typography } from '@shipengine/giger';
 import { useTranslation } from 'react-i18next';
 import { styles } from './wallet-card.styles.js';
-import { CcProviderLogo } from '../cc-provider-logo/cc-provider-logo.js';
 import { SettingsCard } from '../settings-card/settings-card.js';
+import { CcProviderLogo } from '../cc-provider-logo/cc-provider-logo.js';
 
 const WalletCard = ({
   fundingSource,

package/dist/esm/contexts/auctane-pay-session-context.js

@@ -0,0 +1,155 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useCreateAuctanePaySession } from '@shipengine/react-api';
+import { useState, useRef, useCallback, useMemo, createContext, useContext } from 'react';
+
+const SESSION_STORAGE_KEY = "auctane_pay_session";
+const storeSession = (session, expiresAt) => {
+  try {
+    const data = {
+      session,
+      expiresAt
+    };
+    sessionStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify(data));
+  } catch (error) {
+    console.warn("Failed to store session in sessionStorage:", error);
+  }
+};
+const retrieveStoredSession = () => {
+  try {
+    const stored = sessionStorage.getItem(SESSION_STORAGE_KEY);
+    if (!stored) return null;
+    const data = JSON.parse(stored);
+    return data;
+  } catch (error) {
+    console.warn("Failed to retrieve session from sessionStorage:", error);
+    return null;
+  }
+};
+const clearStoredSession = () => {
+  try {
+    sessionStorage.removeItem(SESSION_STORAGE_KEY);
+  } catch (error) {
+    console.warn("Failed to clear session from sessionStorage:", error);
+  }
+};
+const AuctanePaySessionContext = /*#__PURE__*/createContext(undefined);
+/**
+ * Provider that manages Adyen payment session creation and redirect handling.
+ * Each call to getSessionData() creates a fresh session - sessions are not cached
+ * to avoid reusing sessions after authorization.
+ *
+ * @example
+ * ```tsx
+ * <AuctanePaySessionProvider paymentPreferences={["add_funds", "subscription"]}>
+ *   <OnboardingWizard>
+ *     <FundingStep />
+ *   </OnboardingWizard>
+ * </AuctanePaySessionProvider>
+ * ```
+ */
+const AuctanePaySessionProvider = ({
+  children,
+  paymentPreferences = ["add_funds", "subscription"],
+  returnUrl
+}) => {
+  const [sessionError, setSessionError] = useState(null);
+  // Track the last created session for saveSessionForRedirect
+  const lastSessionRef = useRef(null);
+  const {
+    mutateAsync: createAdyenSession,
+    isLoading: isCreating
+  } = useCreateAuctanePaySession();
+  const createSession = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+      setSessionError(null);
+      const cleanUrl = returnUrl || `${window.location.origin}${window.location.pathname}`;
+      const session = yield createAdyenSession({
+        paymentPreferences,
+        returnUrl: cleanUrl
+      });
+      if (session) {
+        const expiresAt = new Date(session.metadata.adyenExpiration).getTime();
+        lastSessionRef.current = {
+          session,
+          expiresAt
+        };
+      }
+      return session;
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error("Failed to create Adyen session");
+      setSessionError(error);
+      throw error;
+    }
+  }), [createAdyenSession, paymentPreferences, returnUrl]);
+  const getSessionData = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    // Always create a fresh session to avoid reusing sessions after authorization
+    return createSession();
+  }), [createSession]);
+  const clearSession = useCallback(() => {
+    lastSessionRef.current = null;
+    setSessionError(null);
+    clearStoredSession();
+  }, []);
+  const saveSessionForRedirect = useCallback(() => {
+    if (lastSessionRef.current) {
+      storeSession(lastSessionRef.current.session, lastSessionRef.current.expiresAt);
+    }
+  }, []);
+  const restoreSessionAfterRedirect = useCallback(() => {
+    const storedData = retrieveStoredSession();
+    if (!storedData) {
+      return null;
+    }
+    // Check if session is still valid
+    if (Date.now() >= storedData.expiresAt) {
+      clearStoredSession();
+      return null;
+    }
+    // Update lastSessionRef so saveSessionForRedirect can work if needed
+    lastSessionRef.current = storedData;
+    // Clear from storage after restoring (single-use)
+    clearStoredSession();
+    return storedData.session;
+  }, []);
+  const value = useMemo(() => ({
+    isCreating,
+    sessionError,
+    getSessionData,
+    clearSession,
+    saveSessionForRedirect,
+    restoreSessionAfterRedirect
+  }), [isCreating, sessionError, getSessionData, clearSession, saveSessionForRedirect, restoreSessionAfterRedirect]);
+  return jsx(AuctanePaySessionContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+/**
+ * Hook to access the Adyen payment session context
+ *
+ * @throws Error if used outside of AuctanePaySessionProvider
+ *
+ * @example
+ * ```tsx
+ * const WalletForm = () => {
+ *   const { getSessionData, sessionData } = useAuctanePaySession();
+ *
+ *   const { adyenRef, submit } = useFinancialService({
+ *     getAdyenSessionData: getSessionData,  // Uses cached session!
+ *     paymentMethod: "credit_card",
+ *   });
+ *
+ *   return <div ref={adyenRef} />;
+ * };
+ * ```
+ */
+const useAuctanePaySession = () => {
+  const context = useContext(AuctanePaySessionContext);
+  if (!context) {
+    throw new Error("useAuctanePaySession must be used within AuctanePaySessionProvider");
+  }
+  return context;
+};
+
+export { AuctanePaySessionProvider, useAuctanePaySession };

package/dist/esm/contexts/index.js

@@ -0,0 +1 @@
+export { AuctanePaySessionProvider, useAuctanePaySession } from './auctane-pay-session-context.js';

package/dist/esm/create-element/element/element.js

@@ -4,8 +4,8 @@ import cx from 'classnames';
 import { useRef } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { ErrorBoundary } from '../error-boundary/error-boundary.js';
-import { useI18n } from './hooks/use-i18n.js';
 import { useElements } from '../../elements-provider/elements-context-provider.js';
+import { useI18n } from './hooks/use-i18n.js';
 
 const Element = ({
   children,

package/dist/esm/elements/customs-form/customs-form-element.stories.js

@@ -1,9 +1,9 @@
 import { __awaiter } from '../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
-import { action } from '@storybook/addon-actions';
 import { SE } from '@shipengine/react-api';
-import { Element } from './customs-form-element.js';
+import { action } from '@storybook/addon-actions';
 import { salesOrderShipmentFactory } from '../../factories/shipengine/shipment.js';
+import { Element } from './customs-form-element.js';
 
 var customsFormElement_stories = {
   title: "Label Workflow/Nested Elements/CustomsForm Element",

package/dist/esm/elements/index.js

@@ -1,34 +1,34 @@
+import * as carrierServices from '../workflows/carrier-services/carrier-services.js';
+export { carrierServices as CarrierServices };
+import * as customsFormElement from './customs-form/customs-form-element.js';
+export { customsFormElement as CustomsForm };
+export { extractCustomsFormData, getDefaultCustomsFormValues } from './customs-form/customs-form-types.js';
+import * as labelsGrid from './labels-grid/labels-grid.js';
+export { labelsGrid as LabelsGrid };
 import * as manageCarriers from './manage-carriers/manage-carriers.js';
 export { manageCarriers as ManageCarriers };
+import * as manageExternalCarriers from './manage-external-carriers/manage-external-carriers.js';
+export { manageExternalCarriers as ManageExternalCarriers };
+import * as manageFundingElement from './manage-funding/manage-funding-element.js';
+export { manageFundingElement as ManageFunding };
 import * as manageWarehouses from './manage-warehouses/manage-warehouses.js';
 export { manageWarehouses as ManageWarehouses };
+import * as paymentMethodSettingsElement from './payment-method-settings/payment-method-settings-element.js';
+export { paymentMethodSettingsElement as PaymentMethodSettings };
 import * as purchaseLabel from './purchase-label/purchase-label.js';
 export { purchaseLabel as PurchaseLabel };
-import * as manageExternalCarriers from './manage-external-carriers/manage-external-carriers.js';
-export { manageExternalCarriers as ManageExternalCarriers };
-import * as labelsGrid from './labels-grid/labels-grid.js';
-export { labelsGrid as LabelsGrid };
+import * as selectLabelLayoutElement from './select-label-layout/select-label-layout-element.js';
+export { selectLabelLayoutElement as SelectLabelLayout };
+import * as shipmentSummary from './shipment-summary/shipment-summary.js';
+export { shipmentSummary as ShipmentSummary };
 import * as shipmentsGrid from './shipments-grid/shipments-grid.js';
 export { shipmentsGrid as ShipmentsGrid };
 import * as themeCreator from './theme-creator/theme-creator.js';
 export { themeCreator as ThemeCreator };
 export { ThemeCreatorProvider, useThemeCreator } from './theme-creator/theme-creator-provider.js';
-import * as shipmentSummary from './shipment-summary/shipment-summary.js';
-export { shipmentSummary as ShipmentSummary };
-import * as voidLabel from './void-label/void-label.js';
-export { voidLabel as VoidLabel };
-import * as unitSettingsElement from './unit-settings/unit-settings-element.js';
-export { unitSettingsElement as UnitSettings };
-import * as manageFundingElement from './manage-funding/manage-funding-element.js';
-export { manageFundingElement as ManageFunding };
-import * as selectLabelLayoutElement from './select-label-layout/select-label-layout-element.js';
-export { selectLabelLayoutElement as SelectLabelLayout };
-import * as paymentMethodSettingsElement from './payment-method-settings/payment-method-settings-element.js';
-export { paymentMethodSettingsElement as PaymentMethodSettings };
-import * as carrierServices from '../workflows/carrier-services/carrier-services.js';
-export { carrierServices as CarrierServices };
 import * as transactionHistoryElement from './transaction-history/transaction-history-element.js';
 export { transactionHistoryElement as TransactionHistory };
-import * as customsFormElement from './customs-form/customs-form-element.js';
-export { customsFormElement as CustomsForm };
-export { extractCustomsFormData, getDefaultCustomsFormValues } from './customs-form/customs-form-types.js';
+import * as unitSettingsElement from './unit-settings/unit-settings-element.js';
+export { unitSettingsElement as UnitSettings };
+import * as voidLabel from './void-label/void-label.js';
+export { voidLabel as VoidLabel };

package/dist/esm/elements/labels-grid/labels-grid.js

@@ -13,12 +13,12 @@ import { ErrorState } from '../../components/error-state/error-state.js';
 import { GridController } from '../../components/grid-controller/grid-controller.js';
 import { GridFooter } from '../../components/grid-controller/grid-footer.js';
 import { GridFilters } from '../../components/grid-filters/grid-filters.js';
+import { PoweredByShipEngine } from '../../components/powered-by-shipengine/powered-by-shipengine.js';
 import { CellFormattedDate } from '../../components/grid-controller/cell-formatted-date.js';
 import en from '../../locales/en/index.js';
 import { createElement } from '../../create-element/create-element.js';
 import { useElements } from '../../elements-provider/elements-context-provider.js';
 import { Spacer } from '../../components/spacer/spacer.js';
-import { PoweredByShipEngine } from '../../components/powered-by-shipengine/powered-by-shipengine.js';
 import { ErrorFallback } from '../../components/error-fallback/error-fallback.js';
 import { CarrierIcon } from '../../components/carrier-icon/carrier-icon.js';
 

package/dist/esm/elements/manage-carriers/manage-carriers.js

@@ -2,10 +2,10 @@ import { __awaiter } from '../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import { useFundingSourcesAddFunds } from '@shipengine/react-api';
 import { useCallback } from 'react';
+import en from '../../locales/en/index.js';
 import { createElement } from '../../create-element/create-element.js';
 import { ShipEngineCarriers } from '../../features/manage-carriers/manage-carriers.js';
 import { ErrorFallback } from '../../components/error-fallback/error-fallback.js';
-import en from '../../locales/en/index.js';
 
 /**
  * # Manage-Carriers Element

package/dist/esm/elements/manage-external-carriers/manage-external-carriers.js

@@ -29,11 +29,13 @@ import { ErrorFallback } from '../../components/error-fallback/error-fallback.js
  * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<ManageExternalCarriers />` component}
  */
 const Component = ({
-  isModalFullScreen
+  isModalFullScreen,
+  onCarrierConnected
 }) => {
   const props = __rest(useManageExternalCarriers(), []);
   return jsx(ExternalCarriers, Object.assign({
-    isModalFullScreen: isModalFullScreen
+    isModalFullScreen: isModalFullScreen,
+    onCarrierConnected: onCarrierConnected
   }, props));
 };
 const Element = createElement(Component, ErrorFallback, {

package/dist/esm/elements/purchase-label/components/customs-forms/customs-forms.js

@@ -8,10 +8,10 @@ import { WindsorFramework } from './windsor-framework/windsor-framework.js';
 import { moveCustomsItemsToProducts } from '../../../../utilities/shipengine/shipment.js';
 import { useCustomsContentsOptions } from '../../hooks/use-customs-contents-options.js';
 import { useCustomsNonDeliveryOptions } from '../../hooks/use-customs-non-delivery-options.js';
+import { Section } from '../../../../components/section/section.js';
 import { ProductsDisplay } from './products-display/products-display.js';
 import { TaxIds } from './tax-ids/tax-ids.js';
 import { CanadaDeliveredDutyOptions } from '../../../../types/canada-ddp.js';
-import { Section } from '../../../../components/section/section.js';
 import { Select } from '../../../../components/field/select/select.js';
 import { Spacer } from '../../../../components/spacer/spacer.js';
 

package/dist/esm/elements/purchase-label/components/customs-forms/product-form/product-form.js

@@ -9,8 +9,8 @@ import { validationResolver } from '../../../../../utilities/validation.js';
 import { useMemo } from 'react';
 import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { getProductFormSchema } from './product-form-schema.js';
 import { styles } from './product-form.styles.js';
+import { getProductFormSchema } from './product-form-schema.js';
 import { TextArea } from '../../../../../components/field/text-area/text-area.js';
 import { TextInput } from '../../../../../components/field/text-input/text-input.js';
 import { InputGroup } from '../../../../../components/field/input-group/input-group.js';

package/dist/esm/elements/purchase-label/components/rate-form/rate-form.js

@@ -9,12 +9,12 @@ import { useTranslation } from 'react-i18next';
 import { rateSchema } from './rate-schema.js';
 import { RateView } from './rate-view.js';
 import { useRateOptions } from '../../hooks/use-rate-options.js';
-import { Section } from '../../../../components/section/section.js';
 import { FundAndPurchase } from '../fund-and-purchase/fund-and-purchase.js';
-import { PoweredByShipEngine } from '../../../../components/powered-by-shipengine/powered-by-shipengine.js';
 import { useElements } from '../../../../elements-provider/elements-context-provider.js';
+import { Section } from '../../../../components/section/section.js';
 import { Purchase } from '../../../../features/select-label-layout/select-label-layout.js';
 import { Spacer } from '../../../../components/spacer/spacer.js';
+import { PoweredByShipEngine } from '../../../../components/powered-by-shipengine/powered-by-shipengine.js';
 
 const RateForm = ({
   carriers,

package/dist/esm/elements/purchase-label/hooks/index.js

@@ -1,21 +1,21 @@
 export { useAddress } from './use-address.js';
+export { useConfirmationOptions } from './use-confirmation-options.js';
 export { useCustoms } from './use-customs.js';
+export { useCustomsContentsOptions } from './use-customs-contents-options.js';
+export { useCustomsNonDeliveryOptions } from './use-customs-non-delivery-options.js';
+export { COLLAPSED_RATE_VIEW_LIMIT, useFilterVisibleRateOptions } from './use-filter-visible-rate-options/use-filter-visible-rate-options.js';
+export { useInsuranceProviderOptions } from './use-insurance-provider-options.js';
+export { useMovementIndicatorOptions } from './use-movement-indicator-options.js';
+export { usePackageOptions } from './use-package-options/use-package-options.js';
 export { usePresets } from './use-presets.js';
+export { useRateOptions } from './use-rate-options.js';
 export { useRatesForm } from './use-rates-form.js';
-export { useShipmentForm } from './use-shipment-form.js';
 export { useRatesWithCache } from './use-rates-with-cache.js';
-export { useRequestRates } from './use-request-rates.js';
 export { useRequestPreferredRates } from './use-request-preferred-rates.js';
-export { useShipFromAddressOptions } from './use-ship-from-address-options.js';
+export { useRequestRates } from './use-request-rates.js';
 export { useServicePoints } from './use-service-points.js';
-export { useWindsorFramework } from './use-windsor-framework.js';
-export { useRateOptions } from './use-rate-options.js';
-export { usePackageOptions } from './use-package-options/use-package-options.js';
-export { useInsuranceProviderOptions } from './use-insurance-provider-options.js';
-export { useMovementIndicatorOptions } from './use-movement-indicator-options.js';
-export { useCustomsNonDeliveryOptions } from './use-customs-non-delivery-options.js';
-export { useCustomsContentsOptions } from './use-customs-contents-options.js';
-export { useConfirmationOptions } from './use-confirmation-options.js';
+export { useShipFromAddressOptions } from './use-ship-from-address-options.js';
+export { useShipmentForm } from './use-shipment-form.js';
 export { useShippingPresetsOptions } from './use-shipping-presets-options.js';
-export { COLLAPSED_RATE_VIEW_LIMIT, useFilterVisibleRateOptions } from './use-filter-visible-rate-options/use-filter-visible-rate-options.js';
+export { useWindsorFramework } from './use-windsor-framework.js';
 export { useServiceCodeOptions } from './use-service-code-options/use-service-code-options.js';

package/dist/esm/elements/purchase-label/hooks/use-rate-options.js

@@ -57,7 +57,7 @@ const useRateOptions = (rates, fundingOrigin, preferredRates, carriers, shipment
       return [];
     }
     // Only return USPS/stamps_com display schemes for domestic shipments
-    if ((carrierCode === 'usps' || carrierCode === 'stamps_com') && isInternational) {
+    if ((carrierCode === "usps" || carrierCode === "stamps_com") && isInternational) {
       return [];
     }
     return [...carrier.displaySchemes];

package/dist/esm/elements/shipment-summary/components/label-display/label-card.js

@@ -10,8 +10,8 @@ import { styles } from './label-card.styles.js';
 import { PaperlessLabelDisplay } from './paperless-label-display.js';
 import { ServiceCardContainer, ServiceCardHeader, ServiceCardFooter } from '../../../../components/service-card/service-card.js';
 import { InsurancePopover } from '../../../../components/insurance-popover/insurance-popover.js';
-import { useElements } from '../../../../elements-provider/elements-context-provider.js';
 import { CopyButton } from '../../../../components/copy/copy-button.js';
+import { useElements } from '../../../../elements-provider/elements-context-provider.js';
 
 const LabelCard = ({
   fundingSourceInsuranceProvider,

package/dist/esm/elements/theme-creator/components/configure-theme/configure-theme.js

@@ -8,12 +8,12 @@ import { useState, useMemo, useRef, useCallback } from 'react';
 import themeData from '../../../../themes/index.js';
 import { styles } from './configure-theme.styles.js';
 import { Drawer } from '../../../../components/drawer/drawer.js';
-import { CopyButton } from '../../../../components/copy/copy-button.js';
 import { TypographyEditor } from '../typography-editor/typography-editor.js';
 import { ColorPaletteEditor } from '../color-palette-editor/color-palette-editor.js';
 import { SegmentedControl } from '../../../../components/segmented-control/segemented-control.js';
 import { Spacer } from '../../../../components/spacer/spacer.js';
 import { ButtonGroup } from '../../../../components/button-group/button-group.js';
+import { CopyButton } from '../../../../components/copy/copy-button.js';
 
 const ConfigureTheme = ({
   themeConfig,

package/dist/esm/elements/theme-creator/index.js

@@ -1,3 +1,3 @@
-export { ThemeCreatorProvider, useThemeCreator } from './theme-creator-provider.js';
 import * as themeCreator from './theme-creator.js';
 export { themeCreator as ThemeCreator };
+export { ThemeCreatorProvider, useThemeCreator } from './theme-creator-provider.js';

package/dist/esm/features/manage-external-carriers/manage-external-carriers.js

@@ -18,6 +18,7 @@ const ExternalCarriers = ({
   isListCarriersFetching,
   isListCarriersLoading,
   deleteCarrierErrors,
+  onCarrierConnected,
   refetchConnectedCarriers
 }) => {
   const {
@@ -84,8 +85,9 @@ const ExternalCarriers = ({
           textAlign: "left"
         },
         children: jsx(Component, {
-          onCarrierConnected: () => {
+          onCarrierConnected: carrierId => {
             setAddModalOpen(false);
+            void (onCarrierConnected === null || onCarrierConnected === void 0 ? void 0 : onCarrierConnected(carrierId));
             void refetchConnectedCarriers();
             setIsAddingCarrier(true);
           }

package/dist/esm/features/manage-warehouses/manage-warehouses.js

@@ -7,7 +7,6 @@ import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styles } from './manage-warehouse.styles.js';
 import { WarehouseForm } from '../../components/forms/warehouse-form/warehouse-form.js';
-import { SettingsCard } from '../../components/settings-card/settings-card.js';
 import { WarehouseDisplay } from './warehouse-display/warehouse-display.js';
 import { ZeroState } from '../../components/zero-state/zero-state.js';
 import { Loader } from '../../components/loader/loader.js';
@@ -15,6 +14,7 @@ import { AddressPreferenceProvider } from '../../components/address-preference-c
 import { Spacer } from '../../components/spacer/spacer.js';
 import { ButtonGroup } from '../../components/button-group/button-group.js';
 import { LinkAction } from '../../components/link-action/link-action.js';
+import { SettingsCard } from '../../components/settings-card/settings-card.js';
 
 const ManageWarehouses = ({
   createWarehouse,