@shipengine/elements 2.27.0 → 2.29.0

package/dist/cjs/components/payment/payment-method-selector/payment-method-selector.styles.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var styles$1 = require('../../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  paymentMethodSelector: () => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    "& .giger-radio-group": {
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px"
+    }
+  }),
+  paymentMethodOption: theme => ({
+    padding: styles$1.scopeTheme(theme).spacing(2),
+    border: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`,
+    borderRadius: styles$1.scopeTheme(theme).spacing(),
+    background: styles$1.scopeTheme(theme).palette.white,
+    marginBottom: styles$1.scopeTheme(theme).spacing(1),
+    transition: "all 0.2s ease",
+    cursor: "pointer",
+    "&:hover": {
+      borderColor: styles$1.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: styles$1.scopeTheme(theme).spacing(1),
+        flex: 1,
+        cursor: "pointer"
+      },
+      "& .giger-radio__input": {
+        pointerEvents: "auto" // Re-enable pointer events on the actual input
+      }
+    }
+  }),
+  paymentMethodOptionSelected: theme => ({
+    borderColor: styles$1.scopeTheme(theme).palette.primary.main,
+    backgroundColor: styles$1.scopeTheme(theme).palette.gray.megaLight
+  }),
+  paymentMethodOptionContent: () => ({
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  })
+});
+
+exports.styles = styles;

package/dist/cjs/components/service-card/service-card.cjs

@@ -37,7 +37,8 @@ const ServiceCardHeader = ({
   rateDetailsProps,
   costBreakdownProps,
   rightContentCss,
-  voided
+  voided,
+  hasRateAttributes
 }) => {
   const {
     type,
@@ -48,7 +49,7 @@ const ServiceCardHeader = ({
   return jsxRuntime.jsxs("div", {
     "data-testid": "service-card-header",
     children: [jsxRuntime.jsxs("section", {
-      css: serviceCard_styles.styles.section,
+      css: serviceCard_styles.styles.getSectionStyles(hasRateAttributes),
       children: [carrierCode && jsxRuntime.jsx("div", {
         css: serviceCard_styles.styles.carrierImage,
         children: jsxRuntime.jsx(carrierIcon.CarrierIcon, {

package/dist/cjs/components/service-card/service-card.styles.cjs

@@ -47,12 +47,14 @@ const styles = styles$1.createStyles({
   headerChildren: theme => ({
     padding: `${styles$1.scopeTheme(theme).spacing(0)}px ${styles$1.scopeTheme(theme).spacing(2)}px ${styles$1.scopeTheme(theme).spacing(2)}px ${styles$1.scopeTheme(theme).spacing(2)}px`
   }),
-  section: theme => ({
+  getSectionStyles: hasRateAttributes => theme => Object.assign({
     alignItems: "flex-start",
     display: "flex",
     flexDirection: "row",
     flexWrap: "nowrap",
-    padding: styles$1.scopeTheme(theme).spacing(2)
+    padding: styles$1.scopeTheme(theme).spacing(1.5)
+  }, hasRateAttributes && {
+    paddingTop: styles$1.scopeTheme(theme).spacing(0.75)
   }),
   serviceInfo: theme => ({
     display: "flex",

package/dist/cjs/contexts/auctane-pay-session-context.cjs

@@ -0,0 +1,158 @@
+'use strict';
+
+var _tslib = require('../_virtual/_tslib.cjs');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactApi = require('@shipengine/react-api');
+var React = require('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__*/React.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] = React.useState(null);
+  // Track the last created session for saveSessionForRedirect
+  const lastSessionRef = React.useRef(null);
+  const {
+    mutateAsync: createAdyenSession,
+    isLoading: isCreating
+  } = reactApi.useCreateAuctanePaySession();
+  const createSession = React.useCallback(() => _tslib.__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 = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    // Always create a fresh session to avoid reusing sessions after authorization
+    return createSession();
+  }), [createSession]);
+  const clearSession = React.useCallback(() => {
+    lastSessionRef.current = null;
+    setSessionError(null);
+    clearStoredSession();
+  }, []);
+  const saveSessionForRedirect = React.useCallback(() => {
+    if (lastSessionRef.current) {
+      storeSession(lastSessionRef.current.session, lastSessionRef.current.expiresAt);
+    }
+  }, []);
+  const restoreSessionAfterRedirect = React.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 = React.useMemo(() => ({
+    isCreating,
+    sessionError,
+    getSessionData,
+    clearSession,
+    saveSessionForRedirect,
+    restoreSessionAfterRedirect
+  }), [isCreating, sessionError, getSessionData, clearSession, saveSessionForRedirect, restoreSessionAfterRedirect]);
+  return jsxRuntime.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 = React.useContext(AuctanePaySessionContext);
+  if (!context) {
+    throw new Error("useAuctanePaySession must be used within AuctanePaySessionProvider");
+  }
+  return context;
+};
+
+exports.AuctanePaySessionProvider = AuctanePaySessionProvider;
+exports.useAuctanePaySession = useAuctanePaySession;

package/dist/cjs/contexts/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var auctanePaySessionContext = require('./auctane-pay-session-context.cjs');
+
+
+
+exports.AuctanePaySessionProvider = auctanePaySessionContext.AuctanePaySessionProvider;
+exports.useAuctanePaySession = auctanePaySessionContext.useAuctanePaySession;

package/dist/cjs/elements/labels-grid/hooks/use-labels-grid.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var react = require('@emotion/react');
-var useGetServiceName = require('../../../hooks/use-get-service-name.cjs');
+var useGetServiceData = require('../../../hooks/use-get-service-data.cjs');
 var reactApi = require('@shipengine/react-api');
 var files = require('../../../utilities/files.cjs');
 var styles = require('../../../utilities/styles.cjs');
@@ -42,7 +42,7 @@ const useLabelsGrid = ({
   const theme = react.useTheme();
   const {
     getServiceName
-  } = useGetServiceName.useGetServiceName();
+  } = useGetServiceData.useGetServiceData();
   const {
     page,
     pageSize,

package/dist/cjs/elements/labels-grid/labels-grid.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useGetServiceData = require('../../hooks/use-get-service-data.cjs');
 var useSortableQuery = require('../../hooks/use-sortable-query.cjs');
 var giger = require('@shipengine/giger');
 var formatString = require('../../utilities/formatString.cjs');
@@ -21,6 +22,7 @@ var elementsContextProvider = require('../../elements-provider/elements-context-
 var spacer = require('../../components/spacer/spacer.cjs');
 var poweredByShipengine = require('../../components/powered-by-shipengine/powered-by-shipengine.cjs');
 var errorFallback = require('../../components/error-fallback/error-fallback.cjs');
+var carrierIcon = require('../../components/carrier-icon/carrier-icon.cjs');
 
 const Component = ({
   labelStatus,
@@ -106,6 +108,10 @@ const Component = ({
     sortDir: sortState.dir,
     columns: columnsArray
   });
+  const {
+    getServiceInfo,
+    isLoadingCarriers
+  } = useGetServiceData.useGetServiceData();
   React.useEffect(() => {
     if (prevStatus.current !== labelStatus) {
       pageConfig.pagerProps.resetCurrentPage();
@@ -292,14 +298,22 @@ const Component = ({
         }
       },
       shippingService: {
-        headerContent: t("list-labels:headers.shipping"),
+        headerContent: t("list-labels:headers.service"),
         renderCellContent: label => {
+          const serviceInfo = getServiceInfo(label);
           return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [jsxRuntime.jsx(giger.Typography, {
-              component: "p",
-              css: labelsGrid_styles.styles.tableParagraph,
-              variant: "body2",
-              children: label.serviceName || label.serviceCode
+            children: [isLoadingCarriers ? jsxRuntime.jsx(giger.Skeleton, {}) : jsxRuntime.jsxs("div", {
+              css: labelsGrid_styles.styles.serviceCell,
+              children: [serviceInfo.hasCarrierIcon && serviceInfo.carrierCode && jsxRuntime.jsx(carrierIcon.CarrierIcon, {
+                carrierCode: serviceInfo.carrierCode,
+                carrierName: serviceInfo.serviceName || serviceInfo.carrierCode,
+                size: giger.IconSize.SIZE_SMALL
+              }), jsxRuntime.jsx(giger.Typography, {
+                component: "p",
+                css: labelsGrid_styles.styles.tableParagraph,
+                variant: "body2",
+                children: serviceInfo.serviceName || t("list-labels:none")
+              })]
             }), label.trackable && jsxRuntime.jsx(giger.Next.Link, {
               bold: false,
               href: label.trackingUrl,
@@ -352,17 +366,23 @@ const Component = ({
         }
       }
     });
+    const labelExpired = label => {
+      const ninetyDaysAgo = new Date();
+      ninetyDaysAgo.setDate(ninetyDaysAgo.getDate() - 90);
+      return new Date(label.createdAt) < ninetyDaysAgo;
+    };
     // Actual actions are only allowed for completed labels
     if ((features === null || features === void 0 ? void 0 : features.showActions) && labels.some(label => label.status === "completed")) {
       cols.push({
         headerContent: "",
         renderCellContent: label => {
           var _a, _b;
+          const isLabelExpired = labelExpired(label);
           const isLabelDelivered = label.trackingStatus === "delivered";
-          const isReprintAllowed = !!((_a = label.labelDownload) === null || _a === void 0 ? void 0 : _a.href) && label.status === "completed";
           const isVoidAllowed = !!onClickVoidLabel && label.status === "completed";
-          const isPrintFormsAllowed = !!((_b = label.formDownload) === null || _b === void 0 ? void 0 : _b.href) && label.status === "completed";
           const isViewDetailsAllowed = !!onClickViewDetails;
+          const isReprintAllowed = !!((_a = label.labelDownload) === null || _a === void 0 ? void 0 : _a.href) && label.status === "completed" && !isLabelExpired;
+          const isPrintFormsAllowed = !!((_b = label.formDownload) === null || _b === void 0 ? void 0 : _b.href) && label.status === "completed" && !isLabelExpired;
           const allowActionsMenu = isReprintAllowed || isVoidAllowed || isPrintFormsAllowed || isViewDetailsAllowed;
           if (isLabelDelivered || !allowActionsMenu) {
             return null;
@@ -391,7 +411,7 @@ const Component = ({
       });
     }
     return cols;
-  }, [t, toggleCreatedDateSort, sortState.createdAtDir, features === null || features === void 0 ? void 0 : features.columns, features === null || features === void 0 ? void 0 : features.showActions, labels, onClickExternalOrderId, onClickExternalShipmentId, onClickShipmentNumber, onClickTrackingNumber, onClickVoidLabel, onClickViewDetails, onClickPrintLabel, onClickPrintForms]);
+  }, [t, toggleCreatedDateSort, sortState.createdAtDir, features === null || features === void 0 ? void 0 : features.columns, features === null || features === void 0 ? void 0 : features.showActions, labels, onClickExternalOrderId, onClickExternalShipmentId, onClickShipmentNumber, getServiceInfo, isLoadingCarriers, onClickTrackingNumber, onClickVoidLabel, onClickViewDetails, onClickPrintLabel, onClickPrintForms]);
   const emptyContentComponent = React.useMemo(() => {
     if (isLoading) {
       return undefined;

package/dist/cjs/elements/labels-grid/labels-grid.styles.cjs

@@ -8,6 +8,11 @@ const styles = styles$1.createStyles({
   }, styles$1.scopeTheme(theme).getComponentOverride("Table")),
   tableParagraph: {
     margin: 0
+  },
+  serviceCell: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
   }
 });
 

package/dist/cjs/elements/purchase-label/components/rate-form/rate-view.cjs

@@ -34,7 +34,6 @@ const RateView = ({
   rateOptions,
   rates,
   salesOrder: salesOrder$1,
-  selectedRate,
   shipment,
   showVatFeatures
 }) => {
@@ -78,9 +77,8 @@ const RateView = ({
   }, [features === null || features === void 0 ? void 0 : features.enablePudoUI, pudoRateOptions, rateOptions]);
   const {
     collapsedRateOptionList,
-    COLLAPSED_RATE_VIEW_LIMIT,
     filterVisibleRateOptions
-  } = useFilterVisibleRateOptions.useFilterVisibleRateOptions(expandedRateOptionList);
+  } = useFilterVisibleRateOptions.useFilterVisibleRateOptions(expandedRateOptionList, features);
   const handleShowMoreRates = React.useCallback(() => {
     var _a;
     setShowHiddenRates === null || setShowHiddenRates === void 0 ? void 0 : setShowHiddenRates(!showHiddenRates);
@@ -199,8 +197,8 @@ const RateView = ({
         onClick: onSelectRate,
         onPaperlessAcknowledgementChange: onPaperlessAcknowledgementChange,
         onSelectServicePoint: onSelectServicePoint,
-        options: showHiddenRates ? expandedRateOptionList : collapsedRateOptionList
-      }, rateSelectCommonProps)), expandedRateOptionList.length > COLLAPSED_RATE_VIEW_LIMIT && jsxRuntime.jsx(linkAction.LinkAction, {
+        options: showHiddenRates || !collapsedRateOptionList.length ? expandedRateOptionList : collapsedRateOptionList
+      }, rateSelectCommonProps)), expandedRateOptionList.length > collapsedRateOptionList.length && !!collapsedRateOptionList.length && jsxRuntime.jsx(linkAction.LinkAction, {
         css: rateForm_styles.styles.showMoreOrLessRatesButton,
         icon: showHiddenRates ? "chevronTop" : "chevronBottom",
         iconPlacement: "right",

package/dist/cjs/elements/purchase-label/components/shipment-form/shipment-form.cjs

@@ -517,13 +517,15 @@ const ShipmentForm = ({
   React.useEffect(() => {
     hasShipFromAddressErrors && toggleIsEditShipFromAddressFormOpen();
   }, [hasShipFromAddressErrors, toggleIsEditShipFromAddressFormOpen]);
+  const warehouseToEdit = React.useMemo(() => warehouses$1 === null || warehouses$1 === void 0 ? void 0 : warehouses$1.find(w => w.warehouseId === editShipFromAddressId), [editShipFromAddressId, warehouses$1]);
   const [editWarehouseForm, isEditWarehouseFormOpen, toggleIsEditWarehouseFormOpen] = useNestedForm.useNestedForm(warehouseForm.WarehouseForm, {
     formId: "edit-warehouse-form",
     onSubmit: payload => _tslib.__awaiter(void 0, void 0, void 0, function* () {
       editShipFromAddressId && (yield handleSubmitEditWarehouse(payload, editShipFromAddressId));
     }),
     submitButtonTitle: t("actions.save"),
-    warehouse: warehouses$1 === null || warehouses$1 === void 0 ? void 0 : warehouses$1.find(w => w.warehouseId === editShipFromAddressId)
+    warehouse: warehouseToEdit,
+    shouldForceDefault: warehouseToEdit === null || warehouseToEdit === void 0 ? void 0 : warehouseToEdit.isDefault
   });
   const getFundingSourceInsuranceProviderKey = React.useCallback(provider => {
     if (provider === "parcelguard") {

package/dist/cjs/elements/purchase-label/hooks/use-filter-visible-rate-options/use-filter-visible-rate-options.cjs

@@ -3,7 +3,7 @@
 var React = require('react');
 
 const COLLAPSED_RATE_VIEW_LIMIT = 4;
-const filterRateOptions = rateOptions => {
+const filterRateOptions = (rateOptions, showMediaMail) => {
   const hasRateAttributes = option => {
     var _a;
     return !!((_a = option.rateAttributes) === null || _a === void 0 ? void 0 : _a.length);
@@ -14,7 +14,7 @@ const filterRateOptions = rateOptions => {
   const ratesWithoutAttributes = [];
   // Classify rates (excluding Media Mail from both categories)
   for (const option of rateOptions) {
-    if (isMediaMail(option)) {
+    if (!showMediaMail && isMediaMail(option)) {
       continue; // Skip Media Mail entirely - it will only show in "Show more"
     }
     if (hasRateAttributes(option)) {
@@ -42,9 +42,9 @@ const filterRateOptions = rateOptions => {
  * - Fill remaining slots with regular rates
  * - Media Mail is always excluded from the collapsed view
  */
-const useFilterVisibleRateOptions = rateOptions => {
-  const collapsedRateOptionList = React.useMemo(() => filterRateOptions(rateOptions), [rateOptions]);
-  const filterVisibleRateOptions = React.useCallback(options => filterRateOptions(options), []);
+const useFilterVisibleRateOptions = (rateOptions, features) => {
+  const collapsedRateOptionList = React.useMemo(() => filterRateOptions(rateOptions, features === null || features === void 0 ? void 0 : features.showMediaMail), [rateOptions, features]);
+  const filterVisibleRateOptions = React.useCallback(options => filterRateOptions(options, features === null || features === void 0 ? void 0 : features.showMediaMail), [features]);
   return {
     COLLAPSED_RATE_VIEW_LIMIT,
     collapsedRateOptionList,

package/dist/cjs/elements/shipments-grid/hooks/use-shipments-grid.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var useGetServiceName = require('../../../hooks/use-get-service-name.cjs');
+var useGetServiceData = require('../../../hooks/use-get-service-data.cjs');
 var reactApi = require('@shipengine/react-api');
 var files = require('../../../utilities/files.cjs');
 var React = require('react');
@@ -30,7 +30,7 @@ const useShipmentsGrid = ({
   const initialFilters = getInitialFilters(showShipmentIdFilter, showCreatedDateFilter);
   const {
     getServiceName
-  } = useGetServiceName.useGetServiceName();
+  } = useGetServiceData.useGetServiceData();
   const {
     page,
     pageSize,

package/dist/cjs/elements/shipments-grid/shipments-grid.cjs

@@ -2,6 +2,7 @@
 
 var _tslib = require('../../_virtual/_tslib.cjs');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useGetServiceData = require('../../hooks/use-get-service-data.cjs');
 var useSortableQuery = require('../../hooks/use-sortable-query.cjs');
 var giger = require('@shipengine/giger');
 var React = require('react');
@@ -14,6 +15,7 @@ var index = require('../../locales/en/index.cjs');
 var createElement = require('../../create-element/create-element.cjs');
 var elementsContextProvider = require('../../elements-provider/elements-context-provider.cjs');
 var errorState = require('../../components/error-state/error-state.cjs');
+var carrierIcon = require('../../components/carrier-icon/carrier-icon.cjs');
 var cellFormattedDate = require('../../components/grid-controller/cell-formatted-date.cjs');
 var sortableHeader = require('../../components/grid-controller/sortable-header/sortable-header.cjs');
 var gridController = require('../../components/grid-controller/grid-controller.cjs');
@@ -87,6 +89,10 @@ const Component = ({
     sortBy: sortState.by,
     sortDir: sortState.dir
   });
+  const {
+    getServiceInfo,
+    isLoadingCarriers
+  } = useGetServiceData.useGetServiceData();
   const onRowClick = shipment => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     setActiveShipmentId(shipment.shipmentId);
     yield onRowClickProp === null || onRowClickProp === void 0 ? void 0 : onRowClickProp(shipment);
@@ -190,13 +196,21 @@ const Component = ({
       }) : "--";
     }
   }, {
-    headerContent: t("list-shipments:headers.shipping"),
+    headerContent: t("list-shipments:headers.service"),
     renderCellContent: shipment => {
-      return jsxRuntime.jsx(giger.Typography, {
-        component: "p",
-        css: shipmentsGrid_styles.styles.tableParagraph,
-        variant: "body2",
-        children: shipment.serviceName || t("list-shipments:none")
+      const serviceInfo = getServiceInfo(shipment);
+      return isLoadingCarriers ? jsxRuntime.jsx(giger.Skeleton, {}) : jsxRuntime.jsxs("div", {
+        css: shipmentsGrid_styles.styles.serviceCell,
+        children: [serviceInfo.hasCarrierIcon && serviceInfo.carrierCode && jsxRuntime.jsx(carrierIcon.CarrierIcon, {
+          carrierCode: serviceInfo.carrierCode,
+          carrierName: serviceInfo.serviceName || serviceInfo.carrierCode,
+          size: giger.IconSize.SIZE_SMALL
+        }), jsxRuntime.jsx(giger.Typography, {
+          component: "p",
+          css: shipmentsGrid_styles.styles.tableParagraph,
+          variant: "body2",
+          children: serviceInfo.serviceName || t("list-shipments:none")
+        })]
       });
     }
   }, {

package/dist/cjs/elements/shipments-grid/shipments-grid.styles.cjs

@@ -8,6 +8,11 @@ const styles = styles$1.createStyles({
   }, styles$1.scopeTheme(theme).getComponentOverride("Table")),
   tableParagraph: {
     margin: 0
+  },
+  serviceCell: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
   }
 });
 

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

@@ -107,6 +107,7 @@ const ManageWarehouses = ({
           yield handleSubmitAddNewWarehouse(payload);
           toggleShowAddNewWarehouseForm(false);
         }),
+        shouldForceDefault: !(warehouses === null || warehouses === void 0 ? void 0 : warehouses.length),
         submitButtonTitle: t("actions.save")
       })
     }) : jsxRuntime.jsx(buttonGroup.ButtonGroup, {
@@ -141,17 +142,20 @@ const ManageWarehouses = ({
               yield handleSubmitEditWarehouse(Object.assign(Object.assign({}, rest), warehouseData), warehouse.warehouseId);
               setEditWarehouseId(undefined);
             }),
-            children: jsxRuntime.jsx(warehouseForm.WarehouseForm, {
-              onCancel: () => setEditWarehouseId(undefined),
-              // eslint-disable-next-line @typescript-eslint/no-misused-promises
-              onDelete: warehouse.isDefault ? undefined : () => handleDeleteWarehouse(warehouse.warehouseId),
+            children: jsxRuntime.jsx(warehouseForm.WarehouseForm
+            // eslint-disable-next-line @typescript-eslint/no-misused-promises
+            , {
               // eslint-disable-next-line @typescript-eslint/no-misused-promises
               onSubmit: payload => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 yield handleSubmitEditWarehouse(payload, warehouse.warehouseId);
                 setEditWarehouseId(undefined);
               }),
+              shouldForceDefault: warehouse.isDefault,
               submitButtonTitle: t("actions.save"),
-              warehouse: warehouse
+              warehouse: warehouse,
+              onCancel: () => setEditWarehouseId(undefined),
+              // eslint-disable-next-line @typescript-eslint/no-misused-promises
+              onDelete: warehouse.isDefault ? undefined : () => handleDeleteWarehouse(warehouse.warehouseId)
             })
           }, warehouse.warehouseId);
         } else {

package/dist/cjs/features/payment-method-settings/payment-method-settings.cjs

@@ -2,6 +2,7 @@
 
 var _tslib = require('../../_virtual/_tslib.cjs');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var auctanePaySessionContext = require('../../contexts/auctane-pay-session-context.cjs');
 var useToggle = require('../../hooks/use-toggle.cjs');
 var giger = require('@shipengine/giger');
 var reactApi = require('@shipengine/react-api');
@@ -43,13 +44,13 @@ const PaymentMethodSettings = ({
     fundingSourceId,
     billingInfo
   } = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) !== null && _a !== void 0 ? _a : {};
-  const handleUpdateBilling = (billingInfo, creditCardInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+  const handleUpdateBilling = (billingInfo, auctanePayInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     if (fundingSourceId) {
       try {
         setIsUpdatingBilling(true);
         yield updateBilling({
           billingInfo,
-          creditCardInfo,
+          auctanePayInfo,
           fundingSourceId
         });
         yield refetchFundingSources();
@@ -62,7 +63,7 @@ const PaymentMethodSettings = ({
       }
     }
   });
-  if (showEditBilling) return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  if (showEditBilling) return jsxRuntime.jsxs(auctanePaySessionContext.AuctanePaySessionProvider, {
     children: [jsxRuntime.jsx(editBillingForm.EditBillingForm, {
       billingInfo: billingInfo,
       isLoading: isUpdatingBilling,