@shipengine/elements 0.37.1 → 0.37.2

package/index.cjs

@@ -12832,7 +12832,7 @@ const CustomsItemForm = ({
   }));
   const formInterface = jsxRuntime.jsxs("section", Object.assign({
     css: theme => ({
-      backgroundColor: theme.palette.gray.megaLight,
+      backgroundColor: theme.palette.gray.ultraLight,
       padding: theme.spacing(2)
     })
   }, {
@@ -14635,22 +14635,21 @@ const rateSchema = zod.z.object({
 const RateForm = ({
   carriers,
   disabled,
-  errors,
   displayableRateErrors,
-  displayableLabelErrors,
+  errors,
   features,
+  isLoading,
   labelErrors,
   labels,
   labelsLoading,
-  isLoading,
   onSave,
   onSelectRate,
   onSubmit,
-  rates,
-  preferredRates,
-  shipment,
   outOfBandDisplayableErrors,
-  preferredServiceCodes
+  preferredRates,
+  preferredServiceCodes,
+  rates,
+  shipment
 }) => {
   var _a, _b, _c, _d, _e, _f;
   features = Object.assign({
@@ -14664,7 +14663,6 @@ const RateForm = ({
       saveRate: true
     }
   }, features !== null && features !== void 0 ? features : {});
-  const allDisplayableErrors = [...(displayableRateErrors !== null && displayableRateErrors !== void 0 ? displayableRateErrors : []), ...(outOfBandDisplayableErrors !== null && outOfBandDisplayableErrors !== void 0 ? outOfBandDisplayableErrors : [])];
   const {
     t
   } = reactI18next.useTranslation();
@@ -14762,6 +14760,22 @@ const RateForm = ({
     const preferredRate = preferredRates === null || preferredRates === void 0 ? void 0 : preferredRates.find(r => r.rate.rateId === (selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.rateId));
     return !!preferredRate;
   }, [preferredRates, selectedRate]);
+  const displayableErrors = React.useMemo(() => {
+    const rateAndShipmentErrors = [...(displayableRateErrors !== null && displayableRateErrors !== void 0 ? displayableRateErrors : []), ...(outOfBandDisplayableErrors !== null && outOfBandDisplayableErrors !== void 0 ? outOfBandDisplayableErrors : [])];
+    if (rateAndShipmentErrors.length && rateOptions.length === 0) {
+      return {
+        messages: rateAndShipmentErrors,
+        title: "errorTypes.rateInvalid"
+      };
+    }
+    if (labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length) {
+      return {
+        messages: labelErrors,
+        title: "errorTypes.purchase"
+      };
+    }
+    return undefined;
+  }, [rateOptions, labelErrors, displayableRateErrors, outOfBandDisplayableErrors]);
   return jsxRuntime.jsxs("form", Object.assign({
     id: "rate-form",
     onSubmit: handleSubmit,
@@ -14806,7 +14820,7 @@ const RateForm = ({
             children: showHiddenRates ? t("purchase-label:actions.showFewerRates") : t("purchase-label:actions.showMoreRates")
           }))
         }))]
-      }) : !isLoading && !!allDisplayableErrors.length ? null : jsxRuntime.jsxs("article", Object.assign({
+      }) : !isLoading && !!displayableErrors ? null : jsxRuntime.jsxs("article", Object.assign({
         css: styles$3.ratesInterstitial,
         role: "presentation"
       }, {
@@ -14815,13 +14829,11 @@ const RateForm = ({
         }), jsxRuntime.jsx(Spacer, {}), isLoading ? t("purchase-label:loading.calculatingRates") : t("purchase-label:cta.addPackageDetails")]
       })), jsxRuntime.jsx(Spacer, {
         multiplier: 2
-      }), !isLoading && (!!allDisplayableErrors.length && rateOptions.length === 0 || !!(labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length)) && jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-        title: t("errorTypes.rateInvalid"),
+      }), !isLoading && !!displayableErrors && jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        title: t(displayableErrors.title),
         type: giger.NotificationType.ERROR
       }, {
-        children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [displayableRateErrors, outOfBandDisplayableErrors, displayableLabelErrors]
-        })
+        children: displayableErrors.messages
       }))]
     })), ((_d = features === null || features === void 0 ? void 0 : features.rateForm) === null || _d === void 0 ? void 0 : _d.labelLayout) && !labelsLoading && !(labels === null || labels === void 0 ? void 0 : labels.length) && jsxRuntime.jsx(Section, Object.assign({
       title: t("manage-defaults:label.title")
@@ -14990,21 +15002,37 @@ const styles$1 = createStyles({
     padding: `${theme.spacing(1)}px ${theme.spacing(2)}px 0 ${theme.spacing(1)}px`,
     width: theme.spacing(5)
   }),
+  header: theme => ({
+    "& > tr > th": {
+      "&:after": {
+        borderBottom: "none"
+      }
+    }
+  }),
+  headerActions: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
+    padding: `${theme.spacing(1)}px ${theme.spacing(2)}px 0 ${theme.spacing(1)}px`,
+    width: theme.spacing(5)
+  }),
   headerDescription: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     overflow: "visible",
     padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`
   }),
   headerEach: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     padding: `${theme.spacing(1)}px ${theme.spacing(1)}px ${theme.spacing(1)}px 0`,
     textAlign: "right",
     width: theme.spacing(10)
   }),
   headerQty: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     padding: theme.spacing(1),
     textAlign: "right",
     width: theme.spacing(5)
   }),
   headerTotal: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     padding: `${theme.spacing(1)}px 0 ${theme.spacing(1)}px ${theme.spacing(1)}px`,
     textAlign: "right",
     width: theme.spacing(10)
@@ -15026,7 +15054,7 @@ const styles$1 = createStyles({
   itemQty: theme => ({
     overflow: "visible",
     padding: `${theme.spacing(1)}px ${theme.spacing(1)}px 0`,
-    textAlign: "center",
+    textAlign: "right",
     width: theme.spacing(5)
   }),
   itemTotal: theme => ({
@@ -15034,6 +15062,14 @@ const styles$1 = createStyles({
     padding: `${theme.spacing(1)}px 0 0 ${theme.spacing(1)}px`,
     textAlign: "right",
     width: theme.spacing(10)
+  }),
+  subtitle: () => ({
+    letterSpacing: "0.01em"
+  }),
+  table: () => ({
+    border: "1px solid #d4e4e8",
+    borderRadius: "0",
+    boxShadow: "none"
   })
 });
 
@@ -15144,12 +15180,15 @@ const CustomsItemsDisplay = ({
       }))]
     })), customsItems.length > 0 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(giger.Table, Object.assign({
-        header: jsxRuntime.jsx(giger.TableHeader, {
+        header: jsxRuntime.jsx(giger.TableHeader, Object.assign({
+          css: styles$1.header
+        }, {
           children: jsxRuntime.jsxs(giger.TableBaseRow, {
             children: [jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
               css: styles$1.headerDescription
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.fields.description")
@@ -15158,6 +15197,7 @@ const CustomsItemsDisplay = ({
               css: styles$1.headerEach
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.each", {
@@ -15168,6 +15208,7 @@ const CustomsItemsDisplay = ({
               css: styles$1.headerQty
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.fields.quantity")
@@ -15176,6 +15217,7 @@ const CustomsItemsDisplay = ({
               css: styles$1.headerTotal
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.total", {
@@ -15183,10 +15225,11 @@ const CustomsItemsDisplay = ({
                 })
               }))
             })), jsxRuntime.jsx(giger.TableHeaderCell, {
-              css: styles$1.actionsColumn
+              css: styles$1.headerActions
             })]
           })
-        })
+        })),
+        outerWrapperStyles: styles$1.table
       }, {
         children: jsxRuntime.jsx(giger.TableBody, {
           children: customsItems.map(item => jsxRuntime.jsxs(React.Fragment, {
@@ -16897,7 +16940,7 @@ var common = {
 		invalidAddressNameStrict: "Recipient Name must have two characters in First and Last Name.",
 		invalidAddressPoBox: "A physical address is required for wallet registration. You can add a PO Box as a Ship From address.",
 		invalidCreditCardType: "Card type must be Visa, Mastercard, American Express, or Discover",
-		invalidExpiration: "Invalid Expiration Date",
+		invalidExpirationDate: "Invalid Expiration Date",
 		invalidPostalCode: "Invalid Postal Code",
 		invalidStateProvince: "Invalid State",
 		invalidString: "{{fieldLabel}} is invalid",
@@ -17933,12 +17976,12 @@ const useRequestRates = ({
     getPreferredRates
   });
   const requestRates = React.useCallback((shipment, isInternational) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    const internationalCarrierIds = (_a = carriers === null || carriers === void 0 ? void 0 : carriers.map(c => c.carrierId)) !== null && _a !== void 0 ? _a : [];
-    const domesticCarrierIds = (_b = carriers === null || carriers === void 0 ? void 0 : carriers.filter(c => !["dhl"].includes(c.carrierCode)).map(c => c.carrierId)) !== null && _b !== void 0 ? _b : [];
+    var _a;
+    // filter out DHL for domestic shipments
+    const carrierIds = (_a = carriers === null || carriers === void 0 ? void 0 : carriers.filter(c => isInternational || !c.carrierCode.includes("dhl")).map(c => c.carrierId)) !== null && _a !== void 0 ? _a : [];
     const standardRatesResponse = yield calculateRates({
       rateOptions: {
-        carrierIds: shipment.carrierId ? [shipment.carrierId] : isInternational ? internationalCarrierIds : domesticCarrierIds,
+        carrierIds: shipment.carrierId ? [shipment.carrierId] : carrierIds,
         packageTypes: (customPackageTypes === null || customPackageTypes === void 0 ? void 0 : customPackageTypes.find(p => p.packageId === shipment.packages[0].packageId)) ? ["package"] // Only specify package types for non-custom packages
         : shipment.packages.map(pkg => pkg.packageCode),
         serviceCodes: shipment.serviceCode ? [shipment.serviceCode] : undefined
@@ -18236,11 +18279,10 @@ const useRatesForm = ({
   });
   return {
     carriers,
-    displayableLabelErrors,
     displayableRateErrors,
     errors: errors.length > 0 ? errors : undefined,
     isLoading: ratesCalculating,
-    labelErrors: (labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length) ? labelErrors : undefined,
+    labelErrors: displayableLabelErrors,
     labels,
     labelsLoading,
     onSave: handleSave,

package/index.js

@@ -12800,7 +12800,7 @@ const CustomsItemForm = ({
   }));
   const formInterface = jsxs("section", Object.assign({
     css: theme => ({
-      backgroundColor: theme.palette.gray.megaLight,
+      backgroundColor: theme.palette.gray.ultraLight,
       padding: theme.spacing(2)
     })
   }, {
@@ -14603,22 +14603,21 @@ const rateSchema = z.object({
 const RateForm = ({
   carriers,
   disabled,
-  errors,
   displayableRateErrors,
-  displayableLabelErrors,
+  errors,
   features,
+  isLoading,
   labelErrors,
   labels,
   labelsLoading,
-  isLoading,
   onSave,
   onSelectRate,
   onSubmit,
-  rates,
-  preferredRates,
-  shipment,
   outOfBandDisplayableErrors,
-  preferredServiceCodes
+  preferredRates,
+  preferredServiceCodes,
+  rates,
+  shipment
 }) => {
   var _a, _b, _c, _d, _e, _f;
   features = Object.assign({
@@ -14632,7 +14631,6 @@ const RateForm = ({
       saveRate: true
     }
   }, features !== null && features !== void 0 ? features : {});
-  const allDisplayableErrors = [...(displayableRateErrors !== null && displayableRateErrors !== void 0 ? displayableRateErrors : []), ...(outOfBandDisplayableErrors !== null && outOfBandDisplayableErrors !== void 0 ? outOfBandDisplayableErrors : [])];
   const {
     t
   } = useTranslation();
@@ -14730,6 +14728,22 @@ const RateForm = ({
     const preferredRate = preferredRates === null || preferredRates === void 0 ? void 0 : preferredRates.find(r => r.rate.rateId === (selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.rateId));
     return !!preferredRate;
   }, [preferredRates, selectedRate]);
+  const displayableErrors = useMemo(() => {
+    const rateAndShipmentErrors = [...(displayableRateErrors !== null && displayableRateErrors !== void 0 ? displayableRateErrors : []), ...(outOfBandDisplayableErrors !== null && outOfBandDisplayableErrors !== void 0 ? outOfBandDisplayableErrors : [])];
+    if (rateAndShipmentErrors.length && rateOptions.length === 0) {
+      return {
+        messages: rateAndShipmentErrors,
+        title: "errorTypes.rateInvalid"
+      };
+    }
+    if (labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length) {
+      return {
+        messages: labelErrors,
+        title: "errorTypes.purchase"
+      };
+    }
+    return undefined;
+  }, [rateOptions, labelErrors, displayableRateErrors, outOfBandDisplayableErrors]);
   return jsxs("form", Object.assign({
     id: "rate-form",
     onSubmit: handleSubmit,
@@ -14774,7 +14788,7 @@ const RateForm = ({
             children: showHiddenRates ? t("purchase-label:actions.showFewerRates") : t("purchase-label:actions.showMoreRates")
           }))
         }))]
-      }) : !isLoading && !!allDisplayableErrors.length ? null : jsxs("article", Object.assign({
+      }) : !isLoading && !!displayableErrors ? null : jsxs("article", Object.assign({
         css: styles$3.ratesInterstitial,
         role: "presentation"
       }, {
@@ -14783,13 +14797,11 @@ const RateForm = ({
         }), jsx(Spacer, {}), isLoading ? t("purchase-label:loading.calculatingRates") : t("purchase-label:cta.addPackageDetails")]
       })), jsx(Spacer, {
         multiplier: 2
-      }), !isLoading && (!!allDisplayableErrors.length && rateOptions.length === 0 || !!(labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length)) && jsx(InlineNotification, Object.assign({
-        title: t("errorTypes.rateInvalid"),
+      }), !isLoading && !!displayableErrors && jsx(InlineNotification, Object.assign({
+        title: t(displayableErrors.title),
         type: NotificationType.ERROR
       }, {
-        children: jsxs(Fragment, {
-          children: [displayableRateErrors, outOfBandDisplayableErrors, displayableLabelErrors]
-        })
+        children: displayableErrors.messages
       }))]
     })), ((_d = features === null || features === void 0 ? void 0 : features.rateForm) === null || _d === void 0 ? void 0 : _d.labelLayout) && !labelsLoading && !(labels === null || labels === void 0 ? void 0 : labels.length) && jsx(Section, Object.assign({
       title: t("manage-defaults:label.title")
@@ -14958,21 +14970,37 @@ const styles$1 = createStyles({
     padding: `${theme.spacing(1)}px ${theme.spacing(2)}px 0 ${theme.spacing(1)}px`,
     width: theme.spacing(5)
   }),
+  header: theme => ({
+    "& > tr > th": {
+      "&:after": {
+        borderBottom: "none"
+      }
+    }
+  }),
+  headerActions: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
+    padding: `${theme.spacing(1)}px ${theme.spacing(2)}px 0 ${theme.spacing(1)}px`,
+    width: theme.spacing(5)
+  }),
   headerDescription: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     overflow: "visible",
     padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`
   }),
   headerEach: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     padding: `${theme.spacing(1)}px ${theme.spacing(1)}px ${theme.spacing(1)}px 0`,
     textAlign: "right",
     width: theme.spacing(10)
   }),
   headerQty: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     padding: theme.spacing(1),
     textAlign: "right",
     width: theme.spacing(5)
   }),
   headerTotal: theme => ({
+    backgroundColor: theme.palette.gray.ultraLight,
     padding: `${theme.spacing(1)}px 0 ${theme.spacing(1)}px ${theme.spacing(1)}px`,
     textAlign: "right",
     width: theme.spacing(10)
@@ -14994,7 +15022,7 @@ const styles$1 = createStyles({
   itemQty: theme => ({
     overflow: "visible",
     padding: `${theme.spacing(1)}px ${theme.spacing(1)}px 0`,
-    textAlign: "center",
+    textAlign: "right",
     width: theme.spacing(5)
   }),
   itemTotal: theme => ({
@@ -15002,6 +15030,14 @@ const styles$1 = createStyles({
     padding: `${theme.spacing(1)}px 0 0 ${theme.spacing(1)}px`,
     textAlign: "right",
     width: theme.spacing(10)
+  }),
+  subtitle: () => ({
+    letterSpacing: "0.01em"
+  }),
+  table: () => ({
+    border: "1px solid #d4e4e8",
+    borderRadius: "0",
+    boxShadow: "none"
   })
 });
 
@@ -15112,12 +15148,15 @@ const CustomsItemsDisplay = ({
       }))]
     })), customsItems.length > 0 && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(Table, Object.assign({
-        header: jsx(TableHeader, {
+        header: jsx(TableHeader, Object.assign({
+          css: styles$1.header
+        }, {
           children: jsxs(TableBaseRow, {
             children: [jsx(TableHeaderCell, Object.assign({
               css: styles$1.headerDescription
             }, {
               children: jsx(Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.fields.description")
@@ -15126,6 +15165,7 @@ const CustomsItemsDisplay = ({
               css: styles$1.headerEach
             }, {
               children: jsx(Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.each", {
@@ -15136,6 +15176,7 @@ const CustomsItemsDisplay = ({
               css: styles$1.headerQty
             }, {
               children: jsx(Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.fields.quantity")
@@ -15144,6 +15185,7 @@ const CustomsItemsDisplay = ({
               css: styles$1.headerTotal
             }, {
               children: jsx(Typography, Object.assign({
+                css: styles$1.subtitle,
                 variant: "subtitle2"
               }, {
                 children: t("customs.total", {
@@ -15151,10 +15193,11 @@ const CustomsItemsDisplay = ({
                 })
               }))
             })), jsx(TableHeaderCell, {
-              css: styles$1.actionsColumn
+              css: styles$1.headerActions
             })]
           })
-        })
+        })),
+        outerWrapperStyles: styles$1.table
       }, {
         children: jsx(TableBody, {
           children: customsItems.map(item => jsxs(Fragment$1, {
@@ -16865,7 +16908,7 @@ var common = {
 		invalidAddressNameStrict: "Recipient Name must have two characters in First and Last Name.",
 		invalidAddressPoBox: "A physical address is required for wallet registration. You can add a PO Box as a Ship From address.",
 		invalidCreditCardType: "Card type must be Visa, Mastercard, American Express, or Discover",
-		invalidExpiration: "Invalid Expiration Date",
+		invalidExpirationDate: "Invalid Expiration Date",
 		invalidPostalCode: "Invalid Postal Code",
 		invalidStateProvince: "Invalid State",
 		invalidString: "{{fieldLabel}} is invalid",
@@ -17901,12 +17944,12 @@ const useRequestRates = ({
     getPreferredRates
   });
   const requestRates = useCallback((shipment, isInternational) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    const internationalCarrierIds = (_a = carriers === null || carriers === void 0 ? void 0 : carriers.map(c => c.carrierId)) !== null && _a !== void 0 ? _a : [];
-    const domesticCarrierIds = (_b = carriers === null || carriers === void 0 ? void 0 : carriers.filter(c => !["dhl"].includes(c.carrierCode)).map(c => c.carrierId)) !== null && _b !== void 0 ? _b : [];
+    var _a;
+    // filter out DHL for domestic shipments
+    const carrierIds = (_a = carriers === null || carriers === void 0 ? void 0 : carriers.filter(c => isInternational || !c.carrierCode.includes("dhl")).map(c => c.carrierId)) !== null && _a !== void 0 ? _a : [];
     const standardRatesResponse = yield calculateRates({
       rateOptions: {
-        carrierIds: shipment.carrierId ? [shipment.carrierId] : isInternational ? internationalCarrierIds : domesticCarrierIds,
+        carrierIds: shipment.carrierId ? [shipment.carrierId] : carrierIds,
         packageTypes: (customPackageTypes === null || customPackageTypes === void 0 ? void 0 : customPackageTypes.find(p => p.packageId === shipment.packages[0].packageId)) ? ["package"] // Only specify package types for non-custom packages
         : shipment.packages.map(pkg => pkg.packageCode),
         serviceCodes: shipment.serviceCode ? [shipment.serviceCode] : undefined
@@ -18204,11 +18247,10 @@ const useRatesForm = ({
   });
   return {
     carriers,
-    displayableLabelErrors,
     displayableRateErrors,
     errors: errors.length > 0 ? errors : undefined,
     isLoading: ratesCalculating,
-    labelErrors: (labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length) ? labelErrors : undefined,
+    labelErrors: displayableLabelErrors,
     labels,
     labelsLoading,
     onSave: handleSave,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.37.1",
+  "version": "0.37.2",
   "peerDependencies": {
     "@packlink/giger": "*",
     "react-i18next": "*",

package/src/components/templates/customs-items-display/customs-items-display.styles.d.ts

@@ -12,21 +12,37 @@ export declare const styles: {
         padding: string;
         width: number;
     };
+    header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        "& > tr > th": {
+            "&:after": {
+                borderBottom: string;
+            };
+        };
+    };
+    headerActions: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: string;
+        width: number;
+    };
     headerDescription: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
         overflow: "visible";
         padding: string;
     };
     headerEach: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
         padding: string;
         textAlign: "right";
         width: number;
     };
     headerQty: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
         padding: number;
         textAlign: "right";
         width: number;
     };
     headerTotal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
         padding: string;
         textAlign: "right";
         width: number;
@@ -48,7 +64,7 @@ export declare const styles: {
     itemQty: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         overflow: "visible";
         padding: string;
-        textAlign: "center";
+        textAlign: "right";
         width: number;
     };
     itemTotal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
@@ -57,4 +73,12 @@ export declare const styles: {
         textAlign: "right";
         width: number;
     };
+    subtitle: () => {
+        letterSpacing: string;
+    };
+    table: () => {
+        border: string;
+        borderRadius: string;
+        boxShadow: "none";
+    };
 };

package/src/components/templates/rate-form/rate-form.d.ts

@@ -3,12 +3,11 @@ import { ConfigureShipmentFeatures, PreferredRatesResponse } from "../../../elem
 export type RateFormProps = {
     carriers?: SE.Carrier[];
     disabled?: boolean;
-    displayableLabelErrors?: string[];
     displayableRateErrors?: string[];
     errors?: SE.CodedError[];
     features?: ConfigureShipmentFeatures;
     isLoading?: boolean;
-    labelErrors?: SE.CodedError[];
+    labelErrors?: string[];
     labels?: SE.Label[];
     labelsLoading?: boolean;
     onSave?: (rate: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void> | void;
@@ -20,4 +19,4 @@ export type RateFormProps = {
     rates?: SE.Rate[];
     shipment?: SE.SalesOrderShipment;
 };
-export declare const RateForm: ({ carriers, disabled, errors, displayableRateErrors, displayableLabelErrors, features, labelErrors, labels, labelsLoading, isLoading, onSave, onSelectRate, onSubmit, rates, preferredRates, shipment, outOfBandDisplayableErrors, preferredServiceCodes, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateForm: ({ carriers, disabled, displayableRateErrors, errors, features, isLoading, labelErrors, labels, labelsLoading, onSave, onSelectRate, onSubmit, outOfBandDisplayableErrors, preferredRates, preferredServiceCodes, rates, shipment, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/elements/account-settings/account-settings.d.ts

@@ -702,7 +702,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidAddressNameStrict: string;
                     invalidAddressPoBox: string;
                     invalidCreditCardType: string;
-                    invalidExpiration: string;
+                    invalidExpirationDate: string;
                     invalidPostalCode: string;
                     invalidStateProvince: string;
                     invalidString: string;

package/src/elements/configure-shipment/hooks/use-rates-form.d.ts

@@ -5,7 +5,7 @@ export type UseRatesFormProps = {
     onBeforeLabelCreate?: (rate: SE.Rate, shipment: SE.SalesOrderShipment) => Promise<void> | Promise<{
         error?: SE.CodedError;
         rate?: SE.Rate;
-    }> | void;
+    } | undefined> | void;
     onBeforeRateSaved?: (carrierId: string, serviceCode: string) => Promise<void> | Promise<{
         data?: {
             carrierId: string;
@@ -23,11 +23,10 @@ export type UseRatesFormProps = {
 };
 export declare const useRatesForm: ({ getPreferredRates, onBeforeRateSaved, onBeforeLabelCreate, onLabelCreateFailure, onLabelCreateSuccess, onRateSaved, onRatesCalculated, onShipmentUpdated, printLabelLayout, shipment, }: UseRatesFormProps) => {
     carriers: SE.Carrier[] | undefined;
-    displayableLabelErrors: string[] | undefined;
     displayableRateErrors: string[] | undefined;
     errors: SE.CodedError[] | undefined;
     isLoading: boolean;
-    labelErrors: SE.CodedError[] | undefined;
+    labelErrors: string[] | undefined;
     labels: SE.Label[] | undefined;
     labelsLoading: boolean;
     onSave: ({ carrierId, serviceCode }: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void>;

package/src/elements/onboarding/onboarding.d.ts

@@ -664,7 +664,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidAddressNameStrict: string;
                     invalidAddressPoBox: string;
                     invalidCreditCardType: string;
-                    invalidExpiration: string;
+                    invalidExpirationDate: string;
                     invalidPostalCode: string;
                     invalidStateProvince: string;
                     invalidString: string;

package/src/elements/purchase-label/purchase-label.d.ts

@@ -792,7 +792,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     invalidAddressNameStrict: string;
                     invalidAddressPoBox: string;
                     invalidCreditCardType: string;
-                    invalidExpiration: string;
+                    invalidExpirationDate: string;
                     invalidPostalCode: string;
                     invalidStateProvince: string;
                     invalidString: string;

package/src/elements/view-shipment/view-shipment.d.ts

@@ -699,7 +699,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidAddressNameStrict: string;
                     invalidAddressPoBox: string;
                     invalidCreditCardType: string;
-                    invalidExpiration: string;
+                    invalidExpirationDate: string;
                     invalidPostalCode: string;
                     invalidStateProvince: string;
                     invalidString: string;

package/src/elements/void-label/void-label.d.ts

@@ -702,7 +702,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidAddressNameStrict: string;
                     invalidAddressPoBox: string;
                     invalidCreditCardType: string;
-                    invalidExpiration: string;
+                    invalidExpirationDate: string;
                     invalidPostalCode: string;
                     invalidStateProvince: string;
                     invalidString: string;

package/src/locales/en/index.d.ts

@@ -574,7 +574,7 @@ declare const _default: {
             invalidAddressNameStrict: string;
             invalidAddressPoBox: string;
             invalidCreditCardType: string;
-            invalidExpiration: string;
+            invalidExpirationDate: string;
             invalidPostalCode: string;
             invalidStateProvince: string;
             invalidString: string;