@shipengine/elements 2.20.0 → 2.22.0

package/cjs/locales/en/wallet-history.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var walletHistory = {
+	"wallet-history": {
+	actions: {
+		downloadCsv: "Download a CSV",
+		chooseDate: "Choose a date",
+		tryAgain: "Refresh the page and try again."
+	},
+	errors: {
+		failureToFetch: "Unable to load history"
+	},
+	dateRange: "Date range",
+	details: {
+		inaccurateWeight: "Inaccurate Weight"
+	},
+	historyOptions: {
+		custom: "Custom",
+		last30days: "Last 30 days",
+		thisMonth: "This month",
+		lastMonth: "Last month"
+	},
+	category: {
+		fundsAdded: "Balance Funded"
+	}
+}
+};
+
+module.exports = walletHistory;

package/cjs/locales/index.cjs

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

package/cjs/package.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var version = "2.22.0";
+
+exports.version = version;

package/cjs/schemas/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var money = require('./shipengine/money.cjs');
+var phone = require('./shipengine/phone.cjs');
+
+
+
+exports.moneySchema = money.moneySchema;
+exports.phoneSchema = phone.phoneSchema;
+exports.phoneSchemaUnvalidated = phone.phoneSchemaUnvalidated;

package/cjs/schemas/shipengine/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var money = require('./money.cjs');
+var phone = require('./phone.cjs');
+
+
+
+exports.moneySchema = money.moneySchema;
+exports.phoneSchema = phone.phoneSchema;
+exports.phoneSchemaUnvalidated = phone.phoneSchemaUnvalidated;

package/cjs/schemas/shipengine/money.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zod = require('zod');
+var reactApi = require('@shipengine/react-api');
+
+/**
+ * @internal
+ *
+ * # Money Schema
+ *
+ * @category Form Validation
+ */
+const moneySchema = zod.z.object({
+  amount: zod.z.number().nonnegative(),
+  currency: zod.z.nativeEnum(reactApi.SE.Currency)
+});
+
+exports.moneySchema = moneySchema;

package/cjs/schemas/shipengine/phone.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var min = require('libphonenumber-js/min');
+var zod = require('zod');
+
+/**
+ * @internal
+ *
+ * # Phone utils
+ *
+ * @category Form Validation
+ */
+const phoneSchema = (defaultCountryCode = "US") => zod.z.string().trim().refine(val => min.isValidPhoneNumber(val, defaultCountryCode), "schemaErrors.notAValidPhoneNumber");
+/**
+ * @internal
+ *
+ * # Phone utils
+ *
+ * @category Form Validation
+ */
+const phoneSchemaUnvalidated = zod.z.string().trim();
+
+exports.phoneSchema = phoneSchema;
+exports.phoneSchemaUnvalidated = phoneSchemaUnvalidated;

package/cjs/themes/auctane.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+const auctaneThemeData = {
+  components: {
+    Typography: {
+      body1: {
+        fontSize: "14px",
+        fontWeight: 400
+      },
+      body2: {
+        fontSize: "14px",
+        fontWeight: 400
+      },
+      heading3: {
+        fontSize: "24px",
+        fontWeight: 700
+      },
+      heading4: {
+        fontSize: "20px",
+        fontWeight: 700
+      },
+      heading5: {
+        fontSize: "18px",
+        fontWeight: 700
+      },
+      heading6: {
+        fontSize: "16px",
+        fontWeight: 700
+      },
+      small: {
+        fontSize: "12px",
+        fontWeight: 400
+      },
+      subtitle1: {
+        fontSize: "16px",
+        fontWeight: 600
+      },
+      subtitle2: {
+        fontSize: "14px",
+        fontWeight: 600
+      }
+    }
+  },
+  palette: {
+    alert: {
+      light: "#FFF6EB",
+      main: "#BD6E00"
+    },
+    error: {
+      light: "#FDF7F7",
+      main: "#A91919"
+    },
+    gray: {
+      dark: "#0F0F10",
+      light: "#CFD1D3",
+      main: "#56595D",
+      megaLight: "#F1F2F3",
+      ultraLight: "#E4E5E7"
+    },
+    info: {
+      light: "#E5EBFF",
+      main: "#002CCC"
+    },
+    primary: {
+      dark: "#1E0257",
+      light: "#9D96FF",
+      main: "#11003A",
+      ultraLight: "#D8D8FF"
+    },
+    secondary: {
+      dark: "#002199",
+      light: "#E5EBFF",
+      main: "#1448FF",
+      ultraLight: "#E5EBFF"
+    },
+    success: {
+      light: "#EBFFF5",
+      main: "#00572B"
+    }
+  }
+};
+
+module.exports = auctaneThemeData;

package/cjs/themes/fallback.cjs

@@ -0,0 +1,359 @@
+'use strict';
+
+const fallbackThemeData = {
+  borderRadius: {
+    L: "16px",
+    M: "8px",
+    S: "4px",
+    XL: "32px",
+    XS: "2px"
+  },
+  breakPoints: {
+    desktop: 1280,
+    mobileLarge: 480,
+    tablet: 768,
+    tabletLarge: 960
+  },
+  card: {
+    borderRadius: {
+      desktop: "8px",
+      mobile: "4px",
+      tablet: "8px"
+    }
+  },
+  components: {
+    Button: {
+      borderRadius: "4px"
+    },
+    Checkbox: {
+      borderRadius: "2px",
+      square: false
+    },
+    Chip: {
+      backgroundColor: "#f4f4f4",
+      border: "none",
+      borderRadius: "16px",
+      color: "#706f6f",
+      fontWeight: 600,
+      isSelected: {
+        backgroundColor: "#EDEDED",
+        border: "none",
+        color: "#7A7A7A"
+      },
+      padding: "4px 16px"
+    },
+    Dialog: {
+      action: {
+        justifyContent: "center"
+      },
+      content: {
+        padding: 24,
+        textAlign: "center"
+      },
+      dialog: {
+        backgroundColor: "rgba(0, 0, 0, 0.26)",
+        borderRadius: "4px"
+      },
+      header: {
+        borderBottom: "2px solid #d3d3d3",
+        padding: 24,
+        titleColor: "#616161"
+      }
+    },
+    Field: {
+      color: "#373737",
+      fontWeight: 700,
+      placeholder: {
+        fontWeight: 700
+      }
+    },
+    FieldContainer: {
+      borderRadius: "4px"
+    },
+    Link: {
+      activeColor: "#787878",
+      defaultColor: "#616161",
+      hoverColor: "#303030",
+      isDark: {
+        activeColor: "#787878",
+        defaultColor: "#fff",
+        hoverColor: "#fff",
+        visitedColor: "#fff"
+      },
+      visitedColor: "#303030"
+    },
+    Table: {
+      border: "none",
+      borderRadius: "4px",
+      boxShadow: "0 0 12px rgba(0, 0, 0, 0.1)"
+    },
+    Typography: {
+      body1: {
+        fontSize: "16px",
+        fontWeight: 400,
+        letterSpacing: 0,
+        lineHeight: "24px"
+      },
+      body2: {
+        fontSize: "14px",
+        fontWeight: 400,
+        letterSpacing: 3,
+        lineHeight: "20px"
+      },
+      heading1: {
+        fontSize: "48px",
+        fontWeight: 700,
+        letterSpacing: 0,
+        lineHeight: "72px"
+      },
+      heading2: {
+        fontSize: "32px",
+        fontWeight: 700,
+        letterSpacing: 1,
+        lineHeight: "48px"
+      },
+      heading3: {
+        fontSize: "24px",
+        fontWeight: 700,
+        letterSpacing: 3,
+        lineHeight: "48px"
+      },
+      heading4: {
+        fontSize: "20px",
+        fontWeight: 700,
+        letterSpacing: 3,
+        lineHeight: "32px"
+      },
+      heading5: {
+        fontSize: "18px",
+        fontWeight: 700,
+        letterSpacing: 3,
+        lineHeight: "28px"
+      },
+      heading6: {
+        fontSize: "16px",
+        fontWeight: 700,
+        letterSpacing: 3,
+        lineHeight: "24px"
+      },
+      small: {
+        fontSize: "12px",
+        fontWeight: 400,
+        letterSpacing: 5,
+        lineHeight: "20px"
+      },
+      subtitle1: {
+        fontSize: "16px",
+        fontWeight: 600,
+        letterSpacing: 3,
+        lineHeight: "24px"
+      },
+      subtitle2: {
+        fontSize: "14px",
+        fontWeight: 600,
+        letterSpacing: 5,
+        lineHeight: "20px"
+      }
+    }
+  },
+  defaultFontFamily: "Arial",
+  elevations: {
+    above: {
+      boxShadow: "0 0 12px rgba(0, 0, 0, 0.1)",
+      zIndex: 1000
+    },
+    backdrop: {
+      boxShadow: "none",
+      zIndex: 1007
+    },
+    flat1: {
+      boxShadow: "0 2px 2px rgba(0, 0, 0, 0.1)",
+      zIndex: 1
+    },
+    flat2: {
+      boxShadow: "0 2px 2px rgba(0, 0, 0, 0.1)",
+      zIndex: 1000
+    },
+    overlay1: {
+      boxShadow: "0 0 24px rgba(0, 0, 0, 0.1)",
+      zIndex: 1006
+    },
+    overlay2: {
+      boxShadow: "0 0 24px rgba(0, 0, 0, 0.1)",
+      zIndex: 1008
+    },
+    popout1: {
+      boxShadow: "0 4px 16px rgba(0, 0, 0, 0.1)",
+      zIndex: 1004
+    },
+    popout2: {
+      boxShadow: "0 4px 16px rgba(0, 0, 0, 0.1)",
+      zIndex: 1005
+    },
+    raised: {
+      boxShadow: "0 8px 8px rgba(0, 0, 0, 0.1)",
+      zIndex: 1002
+    },
+    raisedInverted1: {
+      boxShadow: "0 -8px 8px rgba(0, 0, 0, 0.1)",
+      zIndex: 1002
+    },
+    raisedInverted2: {
+      boxShadow: "0 -8px 8px rgba(0, 0, 0, 0.1)",
+      zIndex: 1003
+    },
+    sticky: {
+      boxShadow: "none",
+      zIndex: 1001
+    }
+  },
+  fontFaces: [],
+  grid: {
+    desktop: {
+      columns: 12,
+      gutter: 24,
+      horizontalSpace: 16,
+      verticalSpace: 24
+    },
+    desktopLarge: {
+      columns: 12,
+      gutter: 24,
+      horizontalSpace: 16,
+      verticalSpace: 24
+    },
+    mobile: {
+      columns: 4,
+      gutter: 16,
+      horizontalSpace: 16,
+      verticalSpace: 16
+    },
+    mobileLarge: {
+      columns: 4,
+      gutter: 16,
+      horizontalSpace: 16,
+      verticalSpace: 16
+    },
+    tablet: {
+      columns: 12,
+      gutter: 24,
+      horizontalSpace: 16,
+      verticalSpace: 24
+    },
+    tabletLarge: {
+      columns: 12,
+      gutter: 24,
+      horizontalSpace: 16,
+      verticalSpace: 24
+    }
+  },
+  iconSize: {
+    extra_large: "48px",
+    large: "32px",
+    medium: "20px",
+    regular: "24px",
+    small: "16px"
+  },
+  palette: {
+    alert: {
+      light: "#ffe7ca",
+      main: "#725200"
+    },
+    black: "#000",
+    dataVisualization: {
+      highContrast: {
+        blue: "#3970C1",
+        blueDark: "#002039",
+        coral: "#F95D6A",
+        cyan: "#45CEE0",
+        green: "#B3D849",
+        orange: "#FFA600",
+        orangeDark: "#FF7C43",
+        pink: "#D12771",
+        purple: "#A05195",
+        purpleDark: "#665191"
+      },
+      lowContrast: {
+        blue: "#96B3DE",
+        blueDark: "#5283AB",
+        coral: "#FCA6AD",
+        cyan: "#BAE6FF",
+        green: "#DEF895",
+        orange: "#FDDFA5",
+        orangeDark: "#FCC2A9",
+        pink: "#E995BA",
+        purple: "#D4BBFF",
+        purpleDark: "#B1A2D0"
+      }
+    },
+    error: {
+      light: "#fee5e4",
+      main: "#a72514"
+    },
+    gray: {
+      dark: "#373737",
+      light: "#d3d3d3",
+      main: "#706f6f",
+      megaLight: "#f4f4f4",
+      ultraLight: "#f4f4f4"
+    },
+    info: {
+      light: "#dbedfd",
+      main: "#195f7f"
+    },
+    primary: {
+      dark: "#626262",
+      light: "#D6D6D6",
+      main: "#7A7A7A",
+      ultraLight: "#EDEDED"
+    },
+    secondary: {
+      dark: "#303030",
+      light: "#787878",
+      main: "#616161",
+      ultraLight: "#F4F4F4"
+    },
+    success: {
+      light: "#dcfddb",
+      main: "#286327"
+    },
+    white: "#fff"
+  },
+  spacingBase: 8,
+  typography: {
+    fontSize: {
+      L: "18px",
+      M: "16px",
+      S: "14px",
+      XL: "20px",
+      XS: "12px",
+      XXL: "24px",
+      XXS: "10px",
+      XXXL: "32px",
+      XXXXL: "48px"
+    },
+    fontWeight: {
+      bold: 700,
+      light: 200,
+      normal: 400,
+      semibold: 600
+    },
+    letterSpacing: {
+      L: 3,
+      M: 1,
+      S: 0,
+      XL: 5,
+      XXL: 8,
+      XXXL: 12
+    },
+    lineHeight: {
+      L: "28px",
+      M: "24px",
+      S: "20px",
+      XL: "32px",
+      XXL: "48px",
+      XXXL: "72px"
+    }
+  }
+};
+
+module.exports = fallbackThemeData;

package/cjs/themes/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var auctane = require('./auctane.cjs');
+var fallback = require('./fallback.cjs');
+
+const themeData = {
+  auctane,
+  fallback
+};
+
+module.exports = themeData;

package/cjs/types/canada-ddp.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.CanadaDeliveredDutyOptions = void 0;
+(function (CanadaDeliveredDutyOptions) {
+  CanadaDeliveredDutyOptions["RECIPIENT_PAYS"] = "recipient_pays";
+  CanadaDeliveredDutyOptions["SENDER_PREPAY"] = "sender_prepay";
+})(exports.CanadaDeliveredDutyOptions || (exports.CanadaDeliveredDutyOptions = {}));

package/cjs/types/pudo.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * @internal
+ *
+ * PUDO type
+ */
+exports.PudoType = void 0;
+(function (PudoType) {
+  PudoType["PICKUP"] = "pick_up";
+  PudoType["DROPOFF"] = "drop_off";
+})(exports.PudoType || (exports.PudoType = {}));

package/cjs/utilities/assertions.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function assert(condition, errorMessage) {
+  if (!condition) throw new Error(errorMessage);
+}
+function raise(errorMessage) {
+  throw new Error(errorMessage);
+}
+
+exports.assert = assert;
+exports.raise = raise;

package/cjs/utilities/checks.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jwtDecode = require('jwt-decode');
+var isEqual = require('lodash/isEqual.js');
+var shipFromAddressFormSchema = require('../components/forms/ship-from-address-form/ship-from-address-form-schema.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
+
+const isOnboarded = (warehouses, carriers) => {
+  if (!(warehouses === null || warehouses === void 0 ? void 0 : warehouses.length)) return false;
+  // Ensure there is a carrier that is not the free trial carrier
+  // Free trial carriers are stamps_com and have no account number
+  if (!carriers || !carriers.find(c => !(!c.accountNumber && c.carrierCode === "stamps_com"))) return false;
+  return true;
+};
+const getSellerIdFromToken = token => {
+  try {
+    const decoded = jwtDecode.jwtDecode(token);
+    return decoded.tenant;
+  } catch (_a) {
+    return undefined;
+  }
+};
+/**
+ * Validates a ship-from address against the shipFromAddressFormSchema.
+ *
+ * @param shipFromAddress The ship-from address to validate.
+ * @returns An object indicating validation status and any error messages.
+ *
+ * @example
+ * const result = validateShipFromAddress(myAddress);
+ * if (result.isValid) {
+ * console.log("Address is valid.");
+ * } else {
+ * console.error("Address is invalid:", result.errors);
+ * }
+ */
+const validateShipFromAddress = shipFromAddress => {
+  try {
+    shipFromAddressFormSchema.shipFromAddressFormSchema.parse(Object.assign(Object.assign({}, shipFromAddress), {
+      returnToAddressIsDifferent: !isEqual__default["default"](shipFromAddress === null || shipFromAddress === void 0 ? void 0 : shipFromAddress.originAddress, shipFromAddress === null || shipFromAddress === void 0 ? void 0 : shipFromAddress.returnAddress)
+    }));
+  } catch (error) {
+    return {
+      errors: error,
+      isValid: false
+    };
+  }
+  return {
+    errors: null,
+    isValid: true
+  };
+};
+
+exports.getSellerIdFromToken = getSellerIdFromToken;
+exports.isOnboarded = isOnboarded;
+exports.validateShipFromAddress = validateShipFromAddress;

package/cjs/utilities/create-dictionary.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * @internal
+ *
+ * # Create Dictionary Utility Function
+ *
+ * @category Utilities
+ */
+const createDictionary = (items, getEntry) => {
+  var _a;
+  return (_a = items === null || items === void 0 ? void 0 : items.reduce((results, item) => Object.assign(Object.assign({}, results), getEntry(item, results)), {})) !== null && _a !== void 0 ? _a : {};
+};
+
+exports.createDictionary = createDictionary;