@shipengine/elements 2.20.0 → 2.22.0

package/cjs/features/transaction-history/transaction-history.styles.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  action: theme => ({
+    minWidth: styles$1.scopeTheme(theme).spacing(30),
+    placeContent: "center",
+    width: styles$1.scopeTheme(theme).spacing(30)
+  }),
+  displayStateContainer: theme => ({
+    "& > *:not(:last-child)::after": {
+      borderBottom: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`,
+      content: '""',
+      display: "block",
+      width: "100%"
+    },
+    border: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`,
+    display: "flex",
+    flexDirection: "column",
+    listStyle: "none"
+  }),
+  emptyStateContainer: theme => ({
+    backgroundColor: styles$1.scopeTheme(theme).palette.gray.ultraLight,
+    padding: styles$1.scopeTheme(theme).spacing(2),
+    textAlign: "center"
+  }),
+  gridContainer: {
+    "@media (max-width: 550px)": {
+      display: "flex",
+      flexDirection: "column-reverse"
+    }
+  },
+  linkAction: {
+    margin: "0.5rem auto",
+    textAlign: "end"
+  },
+  pagination: theme => ({
+    "&& button": {
+      background: "none"
+    },
+    "&& button[aria-current='step']": {
+      background: styles$1.scopeTheme(theme).palette.white
+    },
+    textAlign: "center"
+  }),
+  skeletonCard: theme => ({
+    display: "flex",
+    justifyContent: "space-between",
+    padding: styles$1.scopeTheme(theme).spacing(2.25)
+  }),
+  skeletonCardColumnLeft: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between"
+  },
+  skeletonCardColumnRight: theme => ({
+    alignItems: "flex-end",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    rowGap: styles$1.scopeTheme(theme).spacing(2)
+  }),
+  skeletonCardList: theme => ({
+    "& > li:not(:last-child)": {
+      borderBottom: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`
+    },
+    border: `1px solid ${styles$1.scopeTheme(theme).palette.gray.light}`,
+    display: "flex",
+    flexDirection: "column",
+    listStyle: "none"
+  }),
+  skeletonCardLogo: theme => ({
+    alignItems: "center",
+    columnGap: styles$1.scopeTheme(theme).spacing(2),
+    display: "flex"
+  }),
+  skeletonCardTransactionRow: theme => ({
+    columnGap: "8px",
+    display: "flex"
+  }),
+  skeletonPagination: theme => ({
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between",
+    marginLeft: "auto",
+    marginRight: "auto",
+    maxWidth: "16rem"
+  })
+});
+
+exports.styles = styles;

package/cjs/features/transaction-history/use-date-range-options.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createDictionary = require('../../utilities/create-dictionary.cjs');
+var date = require('../../utilities/date.cjs');
+var React = require('react');
+var reactI18next = require('react-i18next');
+
+/**
+ * @internal
+ *
+ * # Date Range Options Hook
+ *
+ * A curated list of date range options relative to the immediate date.
+ *
+ * @see {@link DateRangeOption | The `DateRangeOption` type used in this hook}
+ */
+const useDateRangeOptions = () => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const relativeDates = React.useMemo(() => date.getRelativeDates(), []);
+  const options = React.useMemo(() => [{
+    label: t("wallet-history:historyOptions.custom"),
+    range: undefined,
+    value: "custom"
+  }, {
+    label: t("wallet-history:historyOptions.last30days"),
+    range: {
+      endDate: relativeDates.origin,
+      startDate: relativeDates.thirtyDaysAgo
+    },
+    value: "last30days"
+  }, {
+    label: t("wallet-history:historyOptions.thisMonth"),
+    range: {
+      endDate: relativeDates.lastDayOfTheMonth,
+      startDate: relativeDates.firstDayOfMonth
+    },
+    value: "thisMonth"
+  }, {
+    label: t("wallet-history:historyOptions.lastMonth"),
+    range: {
+      endDate: relativeDates.previousMonthLastDay,
+      startDate: relativeDates.previousMonthFirstDay
+    },
+    value: "lastMonth"
+  }], [relativeDates, t]);
+  const optionsByValue = createDictionary.createDictionary(options, o => ({
+    [o.value]: o
+  }));
+  return [options, optionsByValue];
+};
+
+exports.useDateRangeOptions = useDateRangeOptions;

package/cjs/features/unit-settings/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var unitSettings = require('./unit-settings.cjs');
+var useUnitSettings = require('./use-unit-settings.cjs');
+
+
+
+exports.UnitSettings = unitSettings.UnitSettings;
+exports.useUnitSettings = useUnitSettings.useUnitSettings;

package/cjs/features/unit-settings/unit-settings.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var loader = require('../../components/loader/loader.cjs');
+var spacer = require('../../components/spacer/spacer.cjs');
+
+const UnitSettings = ({
+  accountSettings,
+  getVatSettingsErrors: errors,
+  isLoading,
+  refreshAccountSettings,
+  updateAccountSettings
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["common", "manage-defaults"]);
+  const handleSubmitUpdateAccountSettings = payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    yield updateAccountSettings({
+      dimensionsUnit: payload.dimensionsUnit,
+      weightUnit: payload.weightUnit
+    });
+    yield refreshAccountSettings();
+  });
+  if (errors) throw new Error(errors.map(e => e.message).join(", "));
+  if (isLoading) return jsxRuntime.jsx(loader.Loader, {
+    message: t("loading.accountSettings")
+  });
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+      bold: true,
+      variant: "heading6"
+    }, {
+      children: t("manage-defaults:units.dimensions.title")
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 2.25
+    }), jsxRuntime.jsxs(giger.RadioGroup, Object.assign({
+      name: "dimensionsUnit",
+      onChange: e => handleSubmitUpdateAccountSettings({
+        dimensionsUnit: e.currentTarget.value
+      }),
+      value: accountSettings === null || accountSettings === void 0 ? void 0 : accountSettings.dimensionsUnit
+    }, {
+      children: [jsxRuntime.jsx(giger.Radio, Object.assign({
+        value: "inch"
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true
+        }, {
+          children: t("manage-defaults:units.dimensions.standard")
+        }))
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 1.25
+      }), jsxRuntime.jsx(giger.Radio, Object.assign({
+        value: "centimeter"
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true
+        }, {
+          children: t("manage-defaults:units.dimensions.metric")
+        }))
+      }))]
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 2.25
+    }), jsxRuntime.jsx(giger.Typography, Object.assign({
+      bold: true,
+      variant: "heading6"
+    }, {
+      children: t("manage-defaults:units.weight.title")
+    })), jsxRuntime.jsx(spacer.Spacer, {
+      multiplier: 2.25
+    }), jsxRuntime.jsxs(giger.RadioGroup, Object.assign({
+      name: "weightUnit",
+      onChange: e => handleSubmitUpdateAccountSettings({
+        weightUnit: e.currentTarget.value
+      }),
+      value: accountSettings === null || accountSettings === void 0 ? void 0 : accountSettings.weightUnit
+    }, {
+      children: [jsxRuntime.jsx(giger.Radio, Object.assign({
+        value: "ounce"
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true
+        }, {
+          children: t("manage-defaults:units.weight.standard")
+        }))
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 1.25
+      }), jsxRuntime.jsx(giger.Radio, Object.assign({
+        value: "gram"
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true
+        }, {
+          children: t("manage-defaults:units.weight.g")
+        }))
+      })), jsxRuntime.jsx(spacer.Spacer, {
+        multiplier: 1.25
+      }), jsxRuntime.jsx(giger.Radio, Object.assign({
+        value: "kilogram"
+      }, {
+        children: jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true
+        }, {
+          children: t("manage-defaults:units.weight.kg")
+        }))
+      }))]
+    }))]
+  });
+};
+
+exports.UnitSettings = UnitSettings;

package/cjs/features/unit-settings/use-unit-settings.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var reactApi = require('@shipengine/react-api');
+
+const useUnitSettings = () => {
+  const {
+    error: updateUnitSettingsErrors,
+    isLoading: isUpdatingUnitSettings,
+    mutateAsync: updateAccountSettings
+  } = reactApi.useUpdateAccountSettings();
+  const {
+    isInitialLoading: isLoading,
+    error: getVatSettingsErrors,
+    refetch: refreshAccountSettings,
+    data: accountSettings
+  } = reactApi.useGetAccountSettings();
+  const handleSubmitUpdateAccountSettings = newAccountSetting => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+      yield updateAccountSettings(newAccountSetting);
+    } catch (error) {
+      console.error(error);
+    }
+    yield refreshAccountSettings();
+  });
+  return {
+    accountSettings,
+    getVatSettingsErrors,
+    isLoading,
+    isUpdatingUnitSettings,
+    refreshAccountSettings,
+    updateAccountSettings: handleSubmitUpdateAccountSettings,
+    updateUnitSettingsErrors
+  };
+};
+
+exports.useUnitSettings = useUnitSettings;

package/cjs/features/vat-settings/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vatSettings = require('./vat-settings.cjs');
+
+
+
+exports.VatSettings = vatSettings.VatSettings;

package/cjs/features/vat-settings/vat-settings.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useToggle = require('../../hooks/use-toggle.cjs');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var useVatSettings = require('../../hooks/use-vat-settings.cjs');
+var vatSettings_styles = require('./vat-settings.styles.cjs');
+var vatForm = require('../../components/forms/vat-form/vat-form.cjs');
+var address = require('../../constants/shipengine/address.cjs');
+var buttonGroup = require('../../components/button-group/button-group.cjs');
+var linkAction = require('../../components/link-action/link-action.cjs');
+
+const VatSettings = () => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [showVatForm, toggleShowVatForm] = useToggle.useToggle(false);
+  const {
+    vatSettings
+  } = useVatSettings.useVatSettings();
+  const vatIssuingAuthorityCountry = address.countries.find(({
+    code
+  }) => code === (vatSettings === null || vatSettings === void 0 ? void 0 : vatSettings.issuingAuthority));
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsxs("section", Object.assign({
+      css: vatSettings_styles.styles.addVatSection
+    }, {
+      children: [jsxRuntime.jsxs("div", Object.assign({
+        css: vatSettings_styles.styles.registrationText
+      }, {
+        children: [jsxRuntime.jsx(giger.Typography, {
+          children: t("vat-settings:vatNumber")
+        }), jsxRuntime.jsx(giger.IconTooltip, Object.assign({
+          css: vatSettings_styles.styles.infoIcon,
+          icon: gigerTheme.IconNames.INFO_FILLED,
+          placement: "auto",
+          size: giger.IconSize.SIZE_MEDIUM
+        }, {
+          children: jsxRuntime.jsx("div", Object.assign({
+            css: vatSettings_styles.styles.tooltipContainer
+          }, {
+            children: jsxRuntime.jsx(giger.Typography, Object.assign({
+              component: "small",
+              variant: "small"
+            }, {
+              children: t("vat-settings:vatRegistrationTooltip")
+            }))
+          }))
+        }))]
+      })), !vatSettings && jsxRuntime.jsx(buttonGroup.ButtonGroup, Object.assign({
+        justify: "end"
+      }, {
+        children: jsxRuntime.jsx(linkAction.LinkAction, {
+          icon: "add",
+          isBold: false,
+          isDisabled: showVatForm,
+          onClick: toggleShowVatForm,
+          role: "button",
+          title: t("vat-settings:addNew")
+        })
+      }))]
+    })), vatSettings && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsxs("div", Object.assign({
+        css: vatSettings_styles.styles.vatText
+      }, {
+        children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+          bold: true,
+          component: "p",
+          css: vatSettings_styles.styles.vatParagraph
+        }, {
+          children: vatSettings.identifierType
+        })), jsxRuntime.jsx(giger.Typography, Object.assign({
+          component: "p",
+          css: vatSettings_styles.styles.vatParagraph
+        }, {
+          children: vatSettings.value
+        })), jsxRuntime.jsx(giger.Tag, Object.assign({
+          color: giger.TagColor.SUCCESS
+        }, {
+          children: t("vat-settings:verifiedVat")
+        }))]
+      })), jsxRuntime.jsx(giger.Typography, Object.assign({
+        component: "p",
+        css: vatSettings_styles.styles.vatIssuingAuthority
+      }, {
+        children: (vatIssuingAuthorityCountry === null || vatIssuingAuthorityCountry === void 0 ? void 0 : vatIssuingAuthorityCountry.name) || vatSettings.issuingAuthority
+      }))]
+    }), showVatForm && jsxRuntime.jsx(vatForm.VatForm, {
+      onCancel: toggleShowVatForm,
+      onSuccess: toggleShowVatForm
+    })]
+  });
+};
+
+exports.VatSettings = VatSettings;

package/cjs/features/vat-settings/vat-settings.styles.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  addVatSection: theme => ({
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between",
+    paddingBottom: styles$1.scopeTheme(theme).spacing()
+  }),
+  infoIcon: theme => ({
+    color: styles$1.scopeTheme(theme).palette.secondary.main
+  }),
+  registrationText: theme => ({
+    alignItems: "center",
+    display: "flex",
+    gap: styles$1.scopeTheme(theme).spacing(),
+    minHeight: styles$1.scopeTheme(theme).spacing(5),
+    width: "100%"
+  }),
+  tooltipContainer: theme => ({
+    maxWidth: "200px"
+  }),
+  vatIssuingAuthority: theme => ({
+    color: styles$1.scopeTheme(theme).palette.gray[400],
+    margin: 0
+  }),
+  vatParagraph: () => ({
+    margin: 0
+  }),
+  vatText: theme => ({
+    alignItems: "center",
+    display: "flex",
+    gap: styles$1.scopeTheme(theme).spacing()
+  })
+});
+
+exports.styles = styles;

package/cjs/hooks/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useAddressValidation = require('./use-address-validation.cjs');
+var useHelpers = require('./use-helpers.cjs');
+var useConfigureShipment = require('./use-configure-shipment.cjs');
+var useImportSalesOrder = require('./use-import-sales-order.cjs');
+var useBalanceServices = require('./use-balance-services.cjs');
+
+
+
+exports.useAddressValidation = useAddressValidation.useAddressValidation;
+exports.useHelpers = useHelpers.useHelpers;
+exports.useConfigureShipment = useConfigureShipment.useConfigureShipment;
+exports.useImportSalesOrder = useImportSalesOrder.useImportSalesOrder;
+exports.useBalanceServices = useBalanceServices.useBalanceServices;

package/cjs/hooks/options/format-carrier-label.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createDictionary = require('../../utilities/create-dictionary.cjs');
+
+const getNicknameUniqueness = (carriers, carrier) => {
+  return carriers.filter(c => c.carrierCode === carrier.carrierCode).reduce((acc, c) => {
+    acc[c.nickname] = acc[c.nickname] === undefined;
+    return acc;
+  }, {});
+};
+// Check the uniqueness of the carrierCode, if unique default to friendlyName, else append carrierId or nickname, if present & unique
+const formatCarrierLabel = (carriers, carrier) => {
+  // Dictionary to lookup the uniqueness of each carrierCode
+  const isUniqueByCarrierCode = createDictionary.createDictionary(carriers, (c, partialResults) => ({
+    [c.carrierCode]: partialResults[c.carrierCode] === undefined
+  }));
+  const isCarrierCodeUnique = isUniqueByCarrierCode[carrier.carrierCode];
+  if (isCarrierCodeUnique) {
+    return carrier.friendlyName;
+  }
+  const carrierNicknameIsUnique = getNicknameUniqueness(carriers, carrier)[carrier.nickname];
+  if (!carrier.nickname || !carrierNicknameIsUnique) {
+    return `${carrier.friendlyName} - (${carrier.carrierId})`;
+  }
+  return `${carrier.friendlyName} - ${carrier.nickname}`;
+};
+
+exports.formatCarrierLabel = formatCarrierLabel;

package/cjs/hooks/options/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useCountryCodeOptions = require('./use-country-code-options.cjs');
+var useShipmentMetadata = require('./use-shipment-metadata.cjs');
+var useStateCodeOptions = require('./use-state-code-options.cjs');
+
+
+
+exports.useCountryCodeOptions = useCountryCodeOptions.useCountryCodeOptions;
+exports.useShipmentMetadata = useShipmentMetadata.useShipmentMetadata;
+exports.useStateCodeOptions = useStateCodeOptions.useStateCodeOptions;

package/cjs/hooks/options/use-country-code-options.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactApi = require('@shipengine/react-api');
+var address = require('../../constants/shipengine/address.cjs');
+
+/**
+ * @internal
+ *
+ * # Country Code Options Hook
+ *
+ * @category Hooks
+ */
+const useCountryCodeOptions = () => {
+  var _a, _b;
+  const fundingSourceMetadata = reactApi.useGetFundingSourceMetadata();
+  const fundingSourceRegion = (_b = (_a = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.data) === null || _a === void 0 ? void 0 : _a.defaultRegionProfile) === null || _b === void 0 ? void 0 : _b.countryCode;
+  const countryCodeOptions = React.useMemo(() => address.countries.flatMap(v => {
+    return {
+      label: v.name,
+      value: v.code
+    };
+  }), []);
+  const defaultCountryCodeOption = React.useMemo(() => {
+    const defaultLocale = new Intl.NumberFormat().resolvedOptions().locale;
+    const defaultCountryCode = fundingSourceRegion !== null && fundingSourceRegion !== void 0 ? fundingSourceRegion : defaultLocale.split("-")[1];
+    return countryCodeOptions.find(option => option.value === defaultCountryCode);
+  }, [countryCodeOptions, fundingSourceRegion]);
+  return {
+    countryCodeOptions,
+    defaultCountryCodeOption
+  };
+};
+
+exports.useCountryCodeOptions = useCountryCodeOptions;

package/cjs/hooks/options/use-shipment-metadata.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var address = require('../../utilities/shipengine/address.cjs');
+var shipment = require('../../utilities/shipengine/shipment.cjs');
+var React = require('react');
+
+/**
+ * @internal
+ *
+ * # Shipment Metadata Hook
+ *
+ * @category Hooks
+ */
+const useShipmentMetadata = shipment$1 => {
+  const isInternational = React.useMemo(() => {
+    return shipment$1 ? shipment.getIsInternationalShipment(shipment$1) : false;
+  }, [shipment$1]);
+  const isPoBox = React.useMemo(() => (shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.shipTo) && address.isPoBoxAddress(shipment$1.shipTo), [shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.shipTo]);
+  const isUnsupportedUpsCountry = React.useMemo(() => (shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.shipTo) && address.isUnsupportedByUps(shipment$1.shipTo), [shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.shipTo]);
+  const isCustomsRequired = React.useMemo(() => {
+    return shipment$1 ? shipment.getIsCustomsRequiredForShipment(shipment$1) : false;
+  }, [shipment$1]);
+  const isContentDescriptionRequired = React.useMemo(() => {
+    var _a;
+    return shipment$1 && ((_a = shipment$1.shipFrom) === null || _a === void 0 ? void 0 : _a.countryCode) === "MX" || (shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.shipTo.countryCode) === "MX";
+  }, [shipment$1]);
+  const isCanadaDeliveredDutyEligible = React.useMemo(() => {
+    var _a, _b;
+    return ((_a = shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.shipTo) === null || _a === void 0 ? void 0 : _a.countryCode) === "CA" && ((_b = shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.shipFrom) === null || _b === void 0 ? void 0 : _b.countryCode) === "US";
+  }, [shipment$1]);
+  const shipmentUnits = React.useMemo(() => {
+    const packageDimensions = shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.packages[0].dimensions;
+    const packageWeight = shipment$1 === null || shipment$1 === void 0 ? void 0 : shipment$1.packages[0].weight;
+    const packageMeasurements = [packageDimensions === null || packageDimensions === void 0 ? void 0 : packageDimensions.height, packageDimensions === null || packageDimensions === void 0 ? void 0 : packageDimensions.length, packageDimensions === null || packageDimensions === void 0 ? void 0 : packageDimensions.width, packageWeight === null || packageWeight === void 0 ? void 0 : packageWeight.value];
+    const hasAllZeroMeasurements = packageMeasurements.every(m => m === 0);
+    return {
+      hasAllZeroMeasurements
+    };
+  }, [shipment$1]);
+  return Object.assign({
+    isCanadaDeliveredDutyEligible,
+    isContentDescriptionRequired,
+    isCustomsRequired,
+    isInternational,
+    isPoBox,
+    isUnsupportedUpsCountry
+  }, shipmentUnits);
+};
+
+exports.useShipmentMetadata = useShipmentMetadata;

package/cjs/hooks/options/use-state-code-options.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var address = require('../../constants/shipengine/address.cjs');
+
+/**
+ * @internal
+ *
+ * # State Code Options Hook
+ *
+ * @category Hooks
+ */
+const useStateCodeOptions = () => React.useMemo(() => address.usStates.flatMap(v => {
+  return {
+    label: `${v.code} - ${v.name}`,
+    value: v.code
+  };
+}), []);
+
+exports.useStateCodeOptions = useStateCodeOptions;