@shipengine/elements 2.19.0 → 2.20.0

package/esm/components/suspend/suspend-text.js

@@ -0,0 +1,19 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Skeleton, SkeletonAnimation, SkeletonVariant } from '@shipengine/giger';
+
+const SuspendText = ({
+  children,
+  loading
+}) => {
+  if (loading) {
+    return jsx(Skeleton, {
+      animation: SkeletonAnimation.WAVE,
+      variant: SkeletonVariant.TEXT
+    });
+  }
+  return jsx("span", {
+    children: children
+  });
+};
+
+export { SuspendText };

package/esm/components/suspend-purchase/index.js

@@ -0,0 +1 @@
+export { SuspendPurchase } from './suspend-purchase.js';

package/esm/components/suspend-purchase/suspend-purchase.js

@@ -0,0 +1,49 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { Loader } from '../loader/loader.js';
+
+const SuspendPurchase = ({
+  children,
+  errors,
+  isLoading,
+  data
+}) => {
+  const {
+    t
+  } = useTranslation(["common", "purchase-label"]);
+  if (isLoading) return jsx(Loader, {
+    message: t("loading.shipment")
+  });
+  if (errors) {
+    errors.forEach(error => {
+      switch (error.message) {
+        case "no_carriers":
+          throw new Error(t("common:errorMessages.incompleteLabelPurchaseRequirements", {
+            requirements: t("purchase-label:requirements.noCarrier")
+          }));
+        case "no_warehouses":
+          throw new Error(t("common:errorMessages.incompleteLabelPurchaseRequirements", {
+            requirements: t("purchase-label:requirements.noWarehouse")
+          }));
+        case "no_carriers_and_warehouses":
+          throw new Error(t("common:errorMessages.incompleteLabelPurchaseRequirements", {
+            requirements: t("purchase-label:requirements.noWarehouseOrCarrier")
+          }));
+        case "label_purchased":
+          throw new Error(t("common:errorMessages.labelHasBeenPurchased"));
+      }
+    });
+    throw new Error(errors.map(e => e.message).join(", "));
+  }
+  if (!data) throw new Error("errorMessages.unableToLoad.shipment");
+  return jsx("div", Object.assign({
+    css: {
+      height: "100%",
+      width: "100%"
+    }
+  }, {
+    children: children
+  }));
+};
+
+export { SuspendPurchase };

package/esm/components/tabs/index.js

@@ -0,0 +1 @@
+export { Tabs } from './tabs.js';

package/esm/components/tabs/tabs.js

@@ -0,0 +1,30 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { styles } from './tabs.styles.js';
+
+const Tabs = ({
+  fullWidth,
+  onSelectTab,
+  selectedTab,
+  tabs
+}) => {
+  return jsx("div", Object.assign({
+    css: styles.getContainerStyles(fullWidth),
+    role: "tablist"
+  }, {
+    children: tabs.map(tab => jsx("button", Object.assign({
+      "aria-label": tab.value,
+      "aria-selected": selectedTab === tab.value ? "true" : "false",
+      css: styles.getTabStyles(selectedTab === tab.value, fullWidth),
+      onClick: e => {
+        e.preventDefault();
+        onSelectTab(tab.value);
+      },
+      role: "tab",
+      tabIndex: 0
+    }, {
+      children: tab.label
+    }), tab.value))
+  }));
+};
+
+export { Tabs };

package/esm/components/tabs/tabs.styles.js

@@ -0,0 +1,25 @@
+import { createStyles, scopeTheme } from '../../utilities/styles.js';
+
+const styles = createStyles({
+  getContainerStyles: fullWidth => theme => ({
+    border: `1px solid ${scopeTheme(theme).palette.gray.light}`,
+    borderRadius: "4px",
+    display: "flex",
+    gap: scopeTheme(theme).spacing(1),
+    padding: scopeTheme(theme).spacing(0.5),
+    width: fullWidth ? "auto" : "max-content"
+  }),
+  getTabStyles: (selected, fullWidth) => theme => ({
+    backgroundColor: selected ? scopeTheme(theme).palette.gray.light : "transparent",
+    border: "none",
+    borderRadius: "4px",
+    color: selected ? scopeTheme(theme).palette.black : scopeTheme(theme).palette.gray.main,
+    cursor: "pointer",
+    fontWeight: selected ? "bold" : "normal",
+    padding: `${scopeTheme(theme).spacing(1)}px ${scopeTheme(theme).spacing(1.5)}px`,
+    textWrap: "nowrap",
+    width: fullWidth ? "100%" : "auto"
+  })
+});
+
+export { styles };

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

@@ -0,0 +1 @@
+export { WalletCard } from './wallet-card.js';

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

@@ -0,0 +1,57 @@
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { Icon, IconSize, Typography } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
+import AmericanExpress from '../../assets/cc-logos/amex.js';
+import Discover from '../../assets/cc-logos/discover.js';
+import MasterCard from '../../assets/cc-logos/mastercard.js';
+import Visa from '../../assets/cc-logos/visa.js';
+import { styles } from './wallet-card.styles.js';
+import { SettingsCard } from '../settings-card/settings-card.js';
+
+const WalletCard = ({
+  fundingSource,
+  onEdit
+}) => {
+  var _a, _b;
+  const {
+    t
+  } = useTranslation("common");
+  const provider = (_a = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource.paymentMethod.creditCardInfo) === null || _a === void 0 ? void 0 : _a.provider;
+  const last4 = (_b = fundingSource === null || fundingSource === void 0 ? void 0 : fundingSource.paymentMethod.creditCardInfo) === null || _b === void 0 ? void 0 : _b.cardNumberLastFour;
+  const logos = {
+    americanExpress: AmericanExpress,
+    discover: Discover,
+    mastercard: MasterCard,
+    visa: Visa
+  };
+  const Logo = provider ? logos[provider] : undefined;
+  return jsx("div", Object.assign({
+    css: styles.container
+  }, {
+    children: jsx(SettingsCard, {
+      cardAction: {
+        action: onEdit,
+        name: t("actions.edit")
+      },
+      title: jsxs(Fragment, {
+        children: [Logo ? jsx("img", {
+          alt: "credit card logo",
+          src: Logo,
+          width: 56
+        }) : jsx(Icon, {
+          css: styles.icon,
+          name: IconNames.CREDIT_CARD,
+          size: IconSize.SIZE_LARGE
+        }), jsx(Typography, Object.assign({
+          variant: "body1"
+        }, {
+          children: `**** **** **** ${last4 || "****"}`
+        }))]
+      }),
+      verticallyAligned: true
+    })
+  }));
+};
+
+export { WalletCard };

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

@@ -0,0 +1,15 @@
+import { createStyles, scopeTheme } from '../../utilities/styles.js';
+
+const styles = createStyles({
+  container: {
+    display: "flex",
+    height: "72px",
+    justifyContent: "center",
+    width: "100%"
+  },
+  icon: theme => ({
+    color: scopeTheme(theme).palette.gray.main
+  })
+});
+
+export { styles };

package/esm/components/zero-state/index.js

@@ -0,0 +1 @@
+export { ZeroState } from './zero-state.js';

package/esm/components/zero-state/zero-state.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { Typography } from '@shipengine/giger';
+import { styles } from './zero-state.styles.js';
+import { LinkAction } from '../link-action/link-action.js';
+
+const ZeroState = ({
+  description,
+  showLinkAction
+}) => {
+  return jsxs("div", Object.assign({
+    css: styles.container
+  }, {
+    children: [jsx(Typography, {
+      children: description
+    }), showLinkAction && jsx(LinkAction, Object.assign({}, showLinkAction))]
+  }));
+};
+
+export { ZeroState };

package/esm/components/zero-state/zero-state.styles.js

@@ -0,0 +1,18 @@
+import { createStyles, scopeTheme } from '../../utilities/styles.js';
+
+const styles = createStyles({
+  container: theme => ({
+    alignItems: "center",
+    borderColor: scopeTheme(theme).palette.gray.light,
+    borderRadius: scopeTheme(theme).borderRadius.M,
+    borderStyle: "dashed",
+    borderWidth: "1px",
+    display: "flex",
+    flexDirection: "column",
+    gap: scopeTheme(theme).spacing(2),
+    padding: `${scopeTheme(theme).spacing(3)}px ${scopeTheme(theme).spacing(2)}px`,
+    textAlign: "center"
+  })
+});
+
+export { styles };

package/esm/constants/index.js

@@ -0,0 +1 @@
+export { Country, UsState, UsaCity, addressNameRegex, countries, countryCodes, euCountryCodes, postalCodeRegex, usCities, usStateCodes, usStates } from './shipengine/address.js';

package/esm/constants/shipengine/address.js

@@ -0,0 +1,263 @@
+// Declaring these flags to allow shorthand object syntax, i.e. { flagName } instead of { flagName: true }
+const hasEuCustomsRules = true,
+  hasProvinces = true,
+  isMilitary = true,
+  // United States territories that ship domestic but require customs
+  // https://blog.stamps.com/2015/09/23/how-to-ship-packages-to-u-s-territories/
+  isUnitedStatesTerritory = true,
+  isUnsupportedByUps = true,
+  supportsByoa = true;
+/**
+ * @internal
+ *
+ * # Address Utils - Country Type
+ */
+class Country {
+  constructor(name, code, rules = {}) {
+    var _a, _b, _c, _d, _e;
+    this.name = name;
+    this.code = code;
+    this.hasEuCustomsRules = (_a = rules.hasEuCustomsRules) !== null && _a !== void 0 ? _a : false;
+    this.hasProvinces = (_b = rules.hasProvinces) !== null && _b !== void 0 ? _b : false;
+    this.isUnitedStatesTerritory = (_c = rules.isUnitedStatesTerritory) !== null && _c !== void 0 ? _c : false;
+    this.supportsByoa = (_d = rules.supportsByoa) !== null && _d !== void 0 ? _d : false;
+    this.isUnsupportedByUps = (_e = rules.isUnsupportedByUps) !== null && _e !== void 0 ? _e : false;
+  }
+}
+/**
+ * @internal
+ *
+ * # Address Utils - Array of Countries and their codes
+ */
+const countries = [new Country("Afghanistan", "AF"), new Country("Aland Islands", "AX"), new Country("Albania", "AL"), new Country("Algeria", "DZ"), new Country("American Samoa", "AS", {
+  isUnitedStatesTerritory
+}), new Country("Andorra", "AD"), new Country("Angola", "AO"), new Country("Anguilla", "AI"), new Country("Antarctica", "AQ"), new Country("Antigua Barbuda", "AG"), new Country("Argentina", "AR"), new Country("Armenia", "AM"), new Country("Aruba", "AW"), new Country("Australia", "AU", {
+  hasProvinces,
+  supportsByoa
+}), new Country("Austria", "AT", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Azerbaijan", "AZ"), new Country("Bahamas", "BS"), new Country("Bahrain", "BH"), new Country("Bangladesh", "BD"), new Country("Barbados", "BB"), new Country("Belarus", "BY"), new Country("Belgium", "BE", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Belize", "BZ"), new Country("Benin", "BJ"), new Country("Bermuda", "BM"), new Country("Bhutan", "BT"), new Country("Bolivia", "BO"), new Country("Bonaire, Sint Eustatius And Saba", "BQ"), new Country("Bosnia and Herzegovina", "BA"), new Country("Botswana", "BW"), new Country("Brazil", "BR", {
+  hasProvinces
+}), new Country("British Indian Ocean Territory", "IO"), new Country("British Virgin Islands", "VG"), new Country("Brunei Darussalam", "BN"), new Country("Bulgaria", "BG", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Burkina Faso", "BF"), new Country("Burundi", "BI"), new Country("Canada", "CA", {
+  hasProvinces
+}), new Country("Cambodia", "KH", {
+  isUnsupportedByUps
+}), new Country("Cameroon", "CM"), new Country("Cape Verde Islands", "CV"), new Country("Cayman Islands", "KY"), new Country("Central African Republic", "CF"), new Country("Chad", "TD"), new Country("Chile", "CL"), new Country("China", "CN"), new Country("Christmas Island", "CX"), new Country("Cocos(Keeling) Islands", "CC"), new Country("Colombia", "CO"), new Country("Comoros", "KM"), new Country("Congo", "CG"), new Country("Congo, The Democratic Republic of", "CD"), new Country("Cook Islands", "CK"), new Country("Costa Rica", "CR"), new Country("Croatia", "HR", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Cuba", "CU"), new Country("Curacao", "CW"), new Country("Cyprus", "CY", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Czech Republic", "CZ", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Denmark", "DK", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Djibouti", "DJ"), new Country("Dominica", "DM"), new Country("Dominican Republic", "DO"), new Country("Ecuador", "EC"), new Country("Egypt", "EG"), new Country("El Salvador", "SV"), new Country("Equatorial Guinea", "GQ"), new Country("Eritrea", "ER"), new Country("Estonia", "EE", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Ethiopia", "ET"), new Country("Falkland Islands", "FK"), new Country("Faroe Islands", "FO"), new Country("Federated States of Micronesia", "FM", {
+  isUnitedStatesTerritory
+}), new Country("Fiji", "FJ"), new Country("Finland", "FI", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("France", "FR", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("French Guiana", "GF"), new Country("French Polynesia", "PF"), new Country("French Southern Territories", "TF"), new Country("Gabon", "GA"), new Country("Gambia", "GM"), new Country("Georgia", "GE"), new Country("Germany", "DE", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Ghana", "GH"), new Country("Gibraltar", "GI"), new Country("Greece", "GR", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Greenland", "GL"), new Country("Grenada", "GD"), new Country("Guadeloupe", "GP"), new Country("Guam", "GU", {
+  isUnitedStatesTerritory
+}), new Country("Guatemala", "GT"), new Country("Guernsey", "GG"), new Country("Guinea", "GN"), new Country("Guinea - Bissau", "GW"), new Country("Guyana", "GY"), new Country("Haiti", "HT"), new Country("Holy See", "VA"), new Country("Honduras", "HN"), new Country("Hong Kong", "HK"), new Country("Hungary", "HU", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Iceland", "IS"), new Country("India", "IN"), new Country("Indonesia", "ID"), new Country("Iran", "IR"), new Country("Iraq", "IQ"), new Country("Ireland", "IE", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Isle of Man", "IM"), new Country("Israel", "IL"), new Country("Italy", "IT", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Ivory Coast", "CI"), new Country("Jamaica", "JM"), new Country("Japan", "JP", {
+  hasProvinces
+}), new Country("Jersey", "JE"), new Country("Jordan", "JO"), new Country("Kazakhstan", "KZ"), new Country("Kenya", "KE"), new Country("Kiribati", "KI"), new Country("Korea, Republic of", "KR"), new Country("Kuwait", "KW"), new Country("Kyrgyzstan", "KG"), new Country("Laos", "LA"), new Country("Latvia", "LV", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Lebanon", "LB"), new Country("Lesotho", "LS"), new Country("Liberia", "LR"), new Country("Libya", "LY"), new Country("Liechtenstein", "LI"), new Country("Lithuania", "LT", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Luxembourg", "LU", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Macao", "MO"), new Country("Macedonia", "MK"), new Country("Madagascar", "MG"), new Country("Malawi", "MW"), new Country("Malaysia", "MY"), new Country("Maldives", "MV"), new Country("Mali", "ML"), new Country("Malta", "MT", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Marshall Islands", "MH", {
+  isUnitedStatesTerritory
+}), new Country("Martinique", "MQ"), new Country("Mauritania", "MR"), new Country("Mauritius0", "MU"), new Country("Mayotte", "YT"), new Country("Mexico", "MX", {
+  supportsByoa
+}), new Country("Moldova", "MD"), new Country("Monaco", "MC"), new Country("Mongolia", "MN"), new Country("Montenegro", "ME"), new Country("Montserrat", "MS"), new Country("Morocco", "MA"), new Country("Mozambique", "MZ"), new Country("Myanmar", "MM"), new Country("Namibia", "NA"), new Country("Nauru", "NR"), new Country("Nepal", "NP"), new Country("Netherlands", "NL", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Netherlands Antilles", "AN"), new Country("New Caledonia", "NC", {
+  isUnsupportedByUps
+}), new Country("New Zealand", "NZ", {
+  supportsByoa
+}), new Country("Nicaragua", "NI"), new Country("Niger", "NE"), new Country("Nigeria", "NG"), new Country("Niue", "NU"), new Country("Norfolk Island", "NF"), new Country("North Korea", "KP"), new Country("Northern Mariana Islands", "MP", {
+  isUnitedStatesTerritory
+}), new Country("Norway", "NO", {
+  hasEuCustomsRules
+}), new Country("Oman", "OM"), new Country("Pakistan", "PK"), new Country("Palau", "PW", {
+  isUnitedStatesTerritory
+}), new Country("Palestinian Territory", "PS"), new Country("Panama", "PA"), new Country("Papua New Guinea", "PG"), new Country("Paraguay", "PY"), new Country("Peru", "PE"), new Country("Philippines", "PH"), new Country("Pitcairn Island", "PN"), new Country("Poland", "PL", {
+  hasEuCustomsRules
+}), new Country("Portugal", "PT", {
+  hasEuCustomsRules,
+  supportsByoa
+}),
+// TODO - Puerto Rico is a US territory but there are some funky rules with USPS that need to be addressed
+new Country("Puerto Rico", "PR", {
+  isUnitedStatesTerritory,
+  supportsByoa
+}), new Country("Qatar", "QA"), new Country("Reunion", "RE"), new Country("Romania", "RO", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Russia", "RU"), new Country("Rwanda", "RW"), new Country("Saint Barthelemy", "BL"), new Country("Saint Helena", "SH"), new Country("Saint Kitts and Nevis", "KN"), new Country("Saint Lucia", "LC"), new Country("Saint Martin", "MF"), new Country("Saint Pierre and Miquelon", "PM"), new Country("Saint Vincent & the Grenadines", "VC"), new Country("Samoa", "WS"), new Country("San Marino", "SM"), new Country("Sao Tome and Principe", "ST"), new Country("Saudi Arabia", "SA"), new Country("Senegal", "SN"), new Country("Serbia", "RS"), new Country("Seychelles", "SC"), new Country("Sierra Leone", "SL"), new Country("Singapore", "SG"), new Country("Sint Maarten(Dutch)", "SX"), new Country("Slovakia", "SK", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Slovenia", "SI", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Solomon Islands", "SB"), new Country("Somalia", "SO"), new Country("South Africa", "ZA"), new Country("South Georgia & the South Sandwich Islands", "GS"), new Country("South Sudan", "SS"), new Country("Spain", "ES", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Sri Lanka", "LK"), new Country("Sudan", "SD"), new Country("Suriname", "SR"), new Country("Svalbard & Jan Mayen Islands", "SJ"), new Country("Swaziland", "SZ"), new Country("Sweden", "SE", {
+  hasEuCustomsRules,
+  supportsByoa
+}), new Country("Switzerland", "CH", {
+  hasEuCustomsRules
+}), new Country("Syria", "SY"), new Country("Taiwan", "TW"), new Country("Tajikistan", "TJ"), new Country("Tanzania", "TZ"), new Country("Thailand", "TH"), new Country("Timor - Leste(formerly East Timor)", "TL"), new Country("Togo", "TG"), new Country("Tokelau", "TK"), new Country("Tonga", "TO"), new Country("Trinidad and Tobago", "TT"), new Country("Tunisia", "TN"), new Country("Turkey", "TR"), new Country("Turkmenistan", "TM"), new Country("Turks and Caicos Islands", "TC"), new Country("Tuvalu", "TV"), new Country("Uganda", "UG"), new Country("Ukraine", "UA"), new Country("United Arab Emirates", "AE"), new Country("United Kingdom", "GB", {
+  supportsByoa
+}), new Country("United States Virgin Islands", "VI", {
+  isUnitedStatesTerritory
+}), new Country("U.S. Minor Outlying Islands", "UM", {
+  isUnitedStatesTerritory
+}), new Country("United States of America", "US", {
+  hasProvinces,
+  supportsByoa
+}), new Country("Uruguay", "UY"), new Country("Uzbekistan", "UZ"), new Country("Vanuatu", "VU"), new Country("Venezuela", "VE"), new Country("Vietnam", "VN"), new Country("Wallis and Futuna Islands", "WF"), new Country("Western Sahara", "EH"), new Country("Yemen", "YE"), new Country("Zambia", "ZM"), new Country("Zimbabwe", "ZW")];
+/**
+ * @internal
+ *
+ * # Address Utils - Map of Country Codes
+ */
+const countryCodes = countries.map(c => c.code);
+/**
+ * @internal
+ *
+ * # Address Utils - EU Country Codes
+ */
+const euCountryCodes = countries.filter(c => c.hasEuCustomsRules).map(c => c.code);
+// #endregion
+// #region [ rgba(0,0,0,0) ] Address Regex
+/**
+ * @internal
+ *
+ * # Address Utils - Postal Code Regex
+ */
+const postalCodeRegex = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
+/**
+ * @internal
+ *
+ * # Address Utils - Address Name Regex
+ */
+const addressNameRegex = /^[a-zA-Z']{2,} [a-zA-Z']{2,}/;
+/**
+ * @internal
+ *
+ * # Address Utils - US State Type
+ */
+class UsState {
+  constructor(name, code, rules = {}) {
+    var _a, _b;
+    this.name = name;
+    this.code = code;
+    this.isMilitary = (_a = rules.isMilitary) !== null && _a !== void 0 ? _a : false;
+    this.isUnitedStatesTerritory = (_b = rules.isUnitedStatesTerritory) !== null && _b !== void 0 ? _b : false;
+  }
+}
+/**
+ * @internal
+ *
+ * # Address Utils - Array US States and their codes
+ */
+const usStates = [new UsState("Alabama", "AL"), new UsState("Alaska", "AK"), new UsState("American Samoa", "AS", {
+  isUnitedStatesTerritory
+}), new UsState("Arizona", "AZ"), new UsState("Arkansas", "AR"), new UsState("Armed Forces Americas", "AA", {
+  isMilitary
+}), new UsState("Armed Forces Europe", "AE", {
+  isMilitary
+}), new UsState("Armed Forces Pacific", "AP", {
+  isMilitary
+}), new UsState("California", "CA"), new UsState("Colorado", "CO"), new UsState("Connecticut", "CT"), new UsState("Delaware", "DE"), new UsState("District of Columbia", "DC"), new UsState("Florida", "FL"), new UsState("Georgia", "GA"), new UsState("Guam", "GU", {
+  isUnitedStatesTerritory
+}), new UsState("Hawaii", "HI"), new UsState("Idaho", "ID"), new UsState("Illinois", "IL"), new UsState("Indiana", "IN"), new UsState("Iowa", "IA"), new UsState("Kansas", "KS"), new UsState("Kentucky", "KY"), new UsState("Louisiana", "LA"), new UsState("Maine", "ME"), new UsState("Marshall Islands", "MH", {
+  isUnitedStatesTerritory
+}), new UsState("Maryland", "MD"), new UsState("Massachusetts", "MA"), new UsState("Michigan", "MI"), new UsState("Micronesia", "FM", {
+  isUnitedStatesTerritory
+}), new UsState("Minnesota", "MN"), new UsState("Mississippi", "MS"), new UsState("Missouri", "MO"), new UsState("Montana", "MT"), new UsState("Nebraska", "NE"), new UsState("Nevada", "NV"), new UsState("New Hampshire", "NH"), new UsState("New Jersey", "NJ"), new UsState("New Mexico", "NM"), new UsState("New York", "NY"), new UsState("North Carolina", "NC"), new UsState("North Dakota", "ND"), new UsState("Northern Mariana Islands", "MP", {
+  isUnitedStatesTerritory
+}), new UsState("Ohio", "OH"), new UsState("Oklahoma", "OK"), new UsState("Oregon", "OR"), new UsState("Palau", "PW", {
+  isUnitedStatesTerritory
+}), new UsState("Pennsylvania", "PA"), new UsState("Puerto Rico", "PR", {
+  isUnitedStatesTerritory
+}), new UsState("Rhode Island", "RI"), new UsState("South Carolina", "SC"), new UsState("South Dakota", "SD"), new UsState("Tennessee", "TN"), new UsState("Texas", "TX"), new UsState("Utah", "UT"), new UsState("Vermont", "VT"), new UsState("Virgin Islands", "VI", {
+  isUnitedStatesTerritory
+}), new UsState("Virginia", "VA"), new UsState("Washington", "WA"), new UsState("West Virginia", "WV"), new UsState("Wisconsin", "WI"), new UsState("Wyoming", "WY"), new UsState("U.S. Minor Outlying Islands", "UM", {
+  isUnitedStatesTerritory
+})];
+/**
+ * @internal
+ *
+ * # Address Utils - Map of US State Codes
+ */
+const usStateCodes = usStates.map(item => item.code);
+/**
+ * @internal
+ *
+ * # Address Utils - USA City Type
+ */
+class UsaCity {
+  constructor(name, code, rules = {}) {
+    var _a;
+    this.name = name;
+    this.code = code;
+    this.isMilitary = (_a = rules.isMilitary) !== null && _a !== void 0 ? _a : false;
+  }
+}
+/**
+ * @internal
+ *
+ * # Address Utils - US Cities
+ */
+const usCities = [new UsaCity("Army Post Office", "APO", {
+  isMilitary
+}), new UsaCity("Diplomatic Post Office", "DPO", {
+  isMilitary
+}), new UsaCity("Fleet Post Office", "FPO", {
+  isMilitary
+})];
+// #endregion
+
+export { Country, UsState, UsaCity, addressNameRegex, countries, countryCodes, euCountryCodes, postalCodeRegex, usCities, usStateCodes, usStates };

package/esm/constants/shipengine/index.js

@@ -0,0 +1 @@
+export { Country, UsState, UsaCity, addressNameRegex, countries, countryCodes, euCountryCodes, postalCodeRegex, usCities, usStateCodes, usStates } from './address.js';

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

@@ -0,0 +1,40 @@
+import { __rest } from 'tslib';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Element } from './element/element.js';
+
+const mergeResources = (defaultResources, resources) => {
+  if (!defaultResources) return undefined;
+  const mergedResources = defaultResources;
+  if (defaultResources && resources) {
+    Object.entries(defaultResources).forEach(([localeKey, namespaces]) => {
+      Object.keys(namespaces).forEach(namespaceKey => {
+        var _a;
+        mergedResources[localeKey][namespaceKey] = Object.assign(Object.assign({}, mergedResources[localeKey][namespaceKey]), (_a = resources[localeKey]) === null || _a === void 0 ? void 0 : _a[namespaceKey]);
+      });
+    });
+  }
+  return mergedResources;
+};
+const createElement = (Component, fallback, options) => {
+  return _a => {
+    var _b;
+    var {
+        resources
+      } = _a,
+      props = __rest(_a, ["resources"]);
+    return jsx(Element, Object.assign({
+      css: (_b = options === null || options === void 0 ? void 0 : options.css) !== null && _b !== void 0 ? _b : {
+        height: "100%",
+        maxWidth: "800px",
+        minWidth: "440px",
+        width: "100%"
+      },
+      fallback: fallback,
+      resources: mergeResources(options === null || options === void 0 ? void 0 : options.resources, resources)
+    }, {
+      children: jsx(Component, Object.assign({}, props))
+    }));
+  };
+};
+
+export { createElement };

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

@@ -0,0 +1,47 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import cx from 'classnames';
+import { useRef } from 'react';
+import { I18nextProvider } from 'react-i18next';
+import { DefaultPortalRefProvider } from '@shipengine/giger';
+import { ErrorBoundary } from '../error-boundary/error-boundary.js';
+import { useI18n } from './hooks/use-i18n.js';
+import { useElements } from '../../elements-provider/elements-context-provider.js';
+
+const Element = ({
+  children,
+  className,
+  fallback: FallbackComponent,
+  resources
+}) => {
+  const {
+    scope,
+    onError
+  } = useElements();
+  const i18n = useI18n({
+    resources
+  });
+  const elementContainerRef = useRef(null);
+  const renderProviders = () => jsx(I18nextProvider, Object.assign({
+    i18n: i18n
+  }, {
+    children: jsx(ErrorBoundary, Object.assign({
+      fallback: FallbackComponent,
+      onError: onError
+    }, {
+      children: children
+    }))
+  }));
+  return jsx("div", Object.assign({
+    className: cx(scope, className),
+    "data-testid": scope,
+    ref: elementContainerRef
+  }, {
+    children: jsx(DefaultPortalRefProvider, Object.assign({
+      portalRef: elementContainerRef
+    }, {
+      children: renderProviders()
+    }))
+  }));
+};
+
+export { Element };

package/esm/create-element/element/hooks/index.js

@@ -0,0 +1 @@
+export { useI18n } from './use-i18n.js';

package/esm/create-element/element/hooks/use-i18n.js

@@ -0,0 +1,29 @@
+import i18n from 'i18next';
+import languageDetector from 'i18next-browser-languagedetector';
+import { useMemo } from 'react';
+
+const useI18n = ({
+  resources
+}) => {
+  return useMemo(() => {
+    return i18n.createInstance({
+      defaultNS: "common",
+      fallbackLng: "en",
+      fallbackNS: "common",
+      load: "languageOnly",
+      ns: ["common"],
+      overloadTranslationOptionHandler: args => ({
+        defaultValue: args[1]
+      }),
+      react: {
+        useSuspense: false
+      },
+      resources,
+      supportedLngs: resources ? Object.keys(resources) : []
+    }, err => {
+      if (err) return console.error(err);
+    }).use(languageDetector);
+  }, [resources]);
+};
+
+export { useI18n };

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

@@ -0,0 +1,2 @@
+export { Element } from './element.js';
+export { useI18n } from './hooks/use-i18n.js';