@shipengine/elements 0.31.0 → 0.32.0

package/index.cjs

@@ -3872,44 +3872,56 @@ const getContainerStyles = theme => /*#__PURE__*/react.css({
   flexDirection: "column",
   height: "100%",
   paddingTop: theme.spacing(0.5),
-  width: "100%"
-}, process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldERpbWVuc2lvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkubWFpbixcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFhTLFxyXG4gICAgbGluZUhlaWdodDogMCxcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRQcmVzZXROYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbiAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHQuYm9sZCxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
+  width: "max-content"
+}, process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwibWF4LWNvbnRlbnRcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0V2FybmluZ1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygtMyksXHJcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoLTUpLFxyXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
 const getDimensionStyles = theme => /*#__PURE__*/react.css({
   color: theme.palette.gray.main,
   fontSize: theme.typography.fontSize.XS
-}, process.env.NODE_ENV === "production" ? "" : ";label:getDimensionStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldERpbWVuc2lvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkubWFpbixcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFhTLFxyXG4gICAgbGluZUhlaWdodDogMCxcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRQcmVzZXROYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbiAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHQuYm9sZCxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : ";label:getDimensionStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkMiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwibWF4LWNvbnRlbnRcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0V2FybmluZ1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygtMyksXHJcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoLTUpLFxyXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
 const getServiceNameStyles = theme => /*#__PURE__*/react.css({
   fontSize: theme.typography.fontSize.XXS,
   lineHeight: 0,
   paddingTop: theme.spacing()
-}, process.env.NODE_ENV === "production" ? "" : ";label:getServiceNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0MiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldERpbWVuc2lvblN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmdyYXkubWFpbixcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFNlcnZpY2VOYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFhTLFxyXG4gICAgbGluZUhlaWdodDogMCxcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRQcmVzZXROYW1lU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbiAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHQuYm9sZCxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : ";label:getServiceNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0MiLCJmaWxlIjoicHJlc2V0LWRlc2NyaXB0b3Iuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XHJcbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcclxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXHJcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygwLjUpLFxyXG4gICAgd2lkdGg6IFwibWF4LWNvbnRlbnRcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0V2FybmluZ1N0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxyXG4gICAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXHJcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygtMyksXHJcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoLTUpLFxyXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNpbmcoKSxcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy5qcy5tYXAiXX0= */");
 const getPresetNameStyles = theme => /*#__PURE__*/react.css({
   fontSize: theme.typography.fontSize.XS,
   fontWeight: theme.typography.fontWeight.bold
-}, process.env.NODE_ENV === "production" ? "" : ";label:getPresetNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6InByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMC41KSxcclxuICAgIHdpZHRoOiBcIjEwMCVcIixcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXREaW1lbnNpb25TdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmF5Lm1haW4sXHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxufSk7XHJcbmV4cG9ydCBjb25zdCBnZXRTZXJ2aWNlTmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhYUyxcclxuICAgIGxpbmVIZWlnaHQ6IDAsXHJcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0UHJlc2V0TmFtZVN0eWxlcyA9ICh0aGVtZSkgPT4gY3NzKHtcclxuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplLlhTLFxyXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0LmJvbGQsXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1wcmVzZXQtZGVzY3JpcHRvci5zdHlsZXMuanMubWFwIl19 */");
-
-const PresetDescriptor = preset => jsxRuntime.jsxs("div", Object.assign({
+}, process.env.NODE_ENV === "production" ? "" : ";label:getPresetNameStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6InByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMC41KSxcclxuICAgIHdpZHRoOiBcIm1heC1jb250ZW50XCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGltZW5zaW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JheS5tYWluLFxyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VydmljZU5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YWFMsXHJcbiAgICBsaW5lSGVpZ2h0OiAwLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByZXNldE5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFdlaWdodC5ib2xkLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFdhcm5pbmdTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcclxuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoLTMpLFxyXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKC01KSxcclxuICAgIHdpZHRoOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1wcmVzZXQtZGVzY3JpcHRvci5zdHlsZXMuanMubWFwIl19 */");
+const getWarningStyles = theme => /*#__PURE__*/react.css({
+  background: "none",
+  marginLeft: "auto",
+  marginRight: theme.spacing(-3),
+  marginTop: theme.spacing(-5),
+  width: theme.spacing()
+}, process.env.NODE_ENV === "production" ? "" : ";label:getWarningStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjJDIiwiZmlsZSI6InByZXNldC1kZXNjcmlwdG9yLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcclxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMC41KSxcclxuICAgIHdpZHRoOiBcIm1heC1jb250ZW50XCIsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0RGltZW5zaW9uU3R5bGVzID0gKHRoZW1lKSA9PiBjc3Moe1xyXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JheS5tYWluLFxyXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUuWFMsXHJcbn0pO1xyXG5leHBvcnQgY29uc3QgZ2V0U2VydmljZU5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YWFMsXHJcbiAgICBsaW5lSGVpZ2h0OiAwLFxyXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygpLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFByZXNldE5hbWVTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZS5YUyxcclxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFdlaWdodC5ib2xkLFxyXG59KTtcclxuZXhwb3J0IGNvbnN0IGdldFdhcm5pbmdTdHlsZXMgPSAodGhlbWUpID0+IGNzcyh7XHJcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcclxuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxyXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoLTMpLFxyXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKC01KSxcclxuICAgIHdpZHRoOiB0aGVtZS5zcGFjaW5nKCksXHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1wcmVzZXQtZGVzY3JpcHRvci5zdHlsZXMuanMubWFwIl19 */");
+
+const PresetDescriptor = preset => jsxRuntime.jsx("div", Object.assign({
   css: getContainerStyles
 }, {
-  children: [jsxRuntime.jsxs("div", {
-    children: [jsxRuntime.jsx("span", Object.assign({
-      css: getPresetNameStyles
-    }, {
-      children: preset.name
-    })), jsxRuntime.jsx("span", Object.assign({
-      css: getDimensionStyles
-    }, {
-      children: (preset.dimensions || preset.weight) && " - "
-    })), preset.dimensions && jsxRuntime.jsxs("span", Object.assign({
-      css: getDimensionStyles
+  children: jsxRuntime.jsxs("div", {
+    children: [jsxRuntime.jsxs("div", {
+      children: [jsxRuntime.jsx("span", Object.assign({
+        css: getPresetNameStyles
+      }, {
+        children: preset.name
+      })), jsxRuntime.jsx("span", Object.assign({
+        css: getDimensionStyles
+      }, {
+        children: (preset.dimensions || preset.weight) && " - "
+      })), preset.dimensions && jsxRuntime.jsxs("span", Object.assign({
+        css: getDimensionStyles
+      }, {
+        children: [preset.dimensions.length, "x", preset.dimensions.height, "x", preset.dimensions.width]
+      }))]
+    }), jsxRuntime.jsx("div", Object.assign({
+      css: getServiceNameStyles
     }, {
-      children: [preset.dimensions.length, "x", preset.dimensions.height, "x", preset.dimensions.width]
-    }))]
-  }), jsxRuntime.jsx("div", Object.assign({
-    css: getServiceNameStyles
-  }, {
-    children: preset.serviceName && preset.serviceName
-  }))]
+      children: preset.serviceName && preset.serviceName
+    })), preset.serviceName && ["USPS Parcel Select Ground", "USPS First Class Mail"].includes(preset.serviceName) && jsxRuntime.jsx(giger.InlineNotification, {
+      css: getWarningStyles,
+      type: giger.NotificationType.ALERT
+    })]
+  })
 }));
 
 const createCategoryFromShippingPresets = (categoryName, presets) => presets ? [{
@@ -3960,7 +3972,7 @@ var _carrierMetadata = [
 		],
 		shortname: "DHL",
 		terms: {
-			title: "DHL Agreements",
+			title: "DHL Express Agreement",
 			content: [
 			],
 			links: [
@@ -8795,7 +8807,209 @@ const AddFundsForm = ({
   });
 };
 
-const styles$n = isLabelRight => createStyles({
+const styles$n = createStyles({
+  edit: theme => ({
+    color: theme.palette.primary.main,
+    padding: `0 ${theme.spacing(2)}`
+  }),
+  getForm: showForm => theme => ({
+    backgroundColor: theme.palette.gray.megaLight,
+    display: showForm ? "flex" : "none",
+    flexDirection: "column",
+    padding: theme.spacing(2)
+  }),
+  input: theme => ({
+    width: theme.spacing(13)
+  }),
+  marginLeft: {
+    marginLeft: "auto"
+  }
+});
+
+const autoFundingSchema = zod.z.object({
+  isEnabled: zod.z.boolean(),
+  lowBalancePurchaseThreshold: moneySchema.extend({
+    amount: zod.z.number().min(10)
+  }),
+  maximumPurchasesPerDay: zod.z.number().min(1),
+  purchaseAmount: moneySchema.extend({
+    amount: zod.z.number().min(10).max(10000)
+  })
+});
+
+/**
+ * This form that allows users to enable or disable auto funding, and
+ * configure auto funding rules in ShipEngine API.
+ *
+ * @param carrierId The carrierId of the carrier provider you wish to configure auto-funding rules for.
+ */
+const AutoFundingForm = ({
+  carrierId
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const updateAutoFunding = alchemy.useUpdateAutoFunding(carrierId);
+  const autoFundingConfiguration = alchemy.useGetAutoFundingConfiguration(carrierId);
+  const {
+    data: autoFundingSettings
+  } = autoFundingConfiguration;
+  const [showForm, setShowForm] = React.useState(false);
+  const [isSwitchOn, setIsSwitchOn] = React.useState(false);
+  const form = reactHookForm.useForm({
+    resolver: validationResolver(autoFundingSchema)
+  });
+  const watchIsEnabled = form.watch("isEnabled");
+  const formReset = isEnabled => form.reset(values => Object.assign(Object.assign({}, values), {
+    isEnabled
+  }), {
+    keepDirty: true
+  });
+  const handleSubmit = formLogger.capture(form.handleSubmit(values => {
+    setShowForm(prev => !prev);
+    setIsSwitchOn(true);
+    const payload = values;
+    updateAutoFunding.mutate(payload, {
+      onSuccess: () => autoFundingConfiguration.refetch()
+    });
+  }));
+  /**
+   * This function toggles the form visibility and conditionally disables auto-funding
+   * when falsy. This is because when someone toggles the enable auto-funding switch
+   * off, they do not want to have auto-funding enabled at all.
+   */
+  const handleToggle = isEnabled => {
+    setIsSwitchOn(isEnabled);
+    setShowForm(isEnabled);
+    formReset(isEnabled);
+    if (!isEnabled) {
+      setIsSwitchOn(isEnabled);
+      updateAutoFunding.mutate(form.getValues(), {
+        onSuccess: () => autoFundingConfiguration.refetch()
+      });
+    }
+  };
+  if (autoFundingConfiguration.isLoading || updateAutoFunding.isLoading) return jsxRuntime.jsx(Loader, {
+    message: t("manage-funding:autoFunding.isLoading")
+  });
+  if (!autoFundingSettings) throw new Error(t("errorMessages:unableToLoad.autoFundingSettings"));
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsxs(Spread, {
+      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+        bold: !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled),
+        variant: "body1"
+      }, {
+        children: t("manage-funding:autoFunding:isEnabledCTA")
+      })), jsxRuntime.jsx(Switch, {
+        "data-testid": "auto-funding-toggle",
+        defaultChecked: isSwitchOn,
+        name: "isEnabled",
+        onChange: e => handleToggle(e.target.checked),
+        value: isSwitchOn
+      })]
+    }), jsxRuntime.jsx(Spacer, {
+      multiplier: 1
+    }), !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled) && !showForm && jsxRuntime.jsxs(Spread, {
+      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+        variant: "body1"
+      }, {
+        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingSettings))
+      })), jsxRuntime.jsx(LinkAction, {
+        css: styles$n.edit,
+        onClick: () => handleToggle(true),
+        title: t("manage-funding:autoFunding:edit")
+      })]
+    }), jsxRuntime.jsxs("form", Object.assign({
+      css: styles$n.getForm(showForm),
+      "data-testid": "auto-funding-form",
+      id: "auto-funding-form",
+      onSubmit: handleSubmit
+    }, {
+      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+        bold: true,
+        variant: "body1"
+      }, {
+        children: t("manage-funding:autoFunding:editSettings")
+      })), jsxRuntime.jsx("div", Object.assign({
+        css: styles$n.marginLeft
+      }, {
+        children: jsxRuntime.jsx(MoneyInput, {
+          control: form.control,
+          css: styles$n.input,
+          "data-testid": "auto-funding-threshold-input",
+          defaultValue: {
+            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseThreshold,
+            currency: alchemy.Currency.USD
+          },
+          disabled: !watchIsEnabled,
+          label: t("manage-funding:autoFunding.lowBalancePurchaseThreshold"),
+          labelWeight: "normal",
+          name: "lowBalancePurchaseThreshold",
+          showCurrencySymbol: true
+        })
+      })), jsxRuntime.jsx("div", Object.assign({
+        css: styles$n.marginLeft
+      }, {
+        children: jsxRuntime.jsx(MoneyInput, {
+          control: form.control,
+          css: styles$n.input,
+          "data-testid": "auto-funding-purchase-amount-input",
+          defaultValue: {
+            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseAmount,
+            currency: alchemy.Currency.USD
+          },
+          disabled: !watchIsEnabled,
+          label: t("manage-funding:autoFunding.purchaseAmount"),
+          labelWeight: "normal",
+          name: "purchaseAmount",
+          showCurrencySymbol: true
+        })
+      })), jsxRuntime.jsx("div", Object.assign({
+        css: styles$n.marginLeft
+      }, {
+        children: jsxRuntime.jsx(NumberInput, {
+          control: form.control,
+          css: styles$n.input,
+          "data-testid": "auto-funding-max-per-day-input",
+          defaultValue: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseCutoff,
+          disabled: !watchIsEnabled,
+          isInteger: true,
+          label: t("manage-funding:autoFunding.maximumPurchasesPerDay"),
+          labelWeight: "normal",
+          name: "maximumPurchasesPerDay"
+        })
+      })), jsxRuntime.jsxs(ButtonGroup, Object.assign({
+        justify: "end"
+      }, {
+        children: [jsxRuntime.jsx(giger.Button, Object.assign({
+          onClick: isSwitchOn ? () => setShowForm(false) : () => handleToggle(false),
+          variant: giger.ButtonVariant.TEXT
+        }, {
+          children: t("actions.cancel")
+        })), jsxRuntime.jsx(SubmitButton, Object.assign({
+          control: form.control,
+          "data-testid": "submit-auto-funding",
+          disabled: !watchIsEnabled,
+          requireDirty: true,
+          variant: giger.ButtonVariant.OUTLINED
+        }, {
+          children: t("manage-funding:actions.saveRule")
+        }))]
+      }))]
+    })), autoFundingConfiguration.error && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(Spacer, {
+        multiplier: 1
+      }), jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+        title: t("manage-funding:autoFunding.error.title"),
+        type: giger.NotificationType.ERROR
+      }, {
+        children: autoFundingConfiguration.error[0].message
+      }))]
+    })]
+  });
+};
+
+const styles$m = isLabelRight => createStyles({
   inlineContainer: theme => ({
     alignItems: "center",
     display: "flex",
@@ -8810,14 +9024,14 @@ const InlineLabel = ({
   isLabelRight,
   labelProps: _labelProps = {}
 }) => jsxRuntime.jsxs("div", Object.assign({
-  css: styles$n(isLabelRight).inlineContainer
+  css: styles$m(isLabelRight).inlineContainer
 }, {
   children: [jsxRuntime.jsx(giger.Typography, Object.assign({}, _labelProps, {
     children: label
   })), children]
 }));
 
-const styles$m = createStyles({
+const styles$l = createStyles({
   getBalanceText: balance => theme => ({
     color: balance === undefined ? theme.palette.alert.main : balance >= 0 ? theme.palette.secondary.dark : theme.palette.error.main
   })
@@ -8842,7 +9056,7 @@ const CarrierBalance = ({
   }, {
     children: isLoadingCarrier || isRefetchingCarrier ? jsxRuntime.jsx(giger.Spinner, {}) : jsxRuntime.jsx(giger.Typography, Object.assign({
       bold: true,
-      css: styles$m.getBalanceText(carrierBalance)
+      css: styles$l.getBalanceText(carrierBalance)
     }, {
       children: carrierBalance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
         amount: carrierBalance,
@@ -8895,6 +9109,8 @@ const ManageFunding = ({
         })]
       }), jsxRuntime.jsx(Spacer, {
         multiplier: 2
+      }), jsxRuntime.jsx(AutoFundingForm, {
+        carrierId: carrierId
       })]
     })
   }));
@@ -8968,7 +9184,7 @@ const AddressParser = ({
   }));
 };
 
-const styles$l = createStyles({
+const styles$k = createStyles({
   grow: {
     flexGrow: 1
   },
@@ -9029,6 +9245,22 @@ const AddressFields = ({
       labelWeight: "normal",
       name: _formatFieldName("companyName"),
       nativeLabel: true
+    }), jsxRuntime.jsx(SelectAutoComplete, {
+      control: form.control,
+      form: formId,
+      label: t("address.fields.countryCode"),
+      labelWeight: "normal",
+      name: _formatFieldName("countryCode"),
+      nativeLabel: true,
+      noResultsLabel: t("address.noResults"),
+      onChange: value => {
+        if (value) {
+          form.setValue(_formatFieldName("stateProvince"), null, {
+            shouldValidate: isSubmitted
+          });
+        }
+      },
+      options: countryCodeOptions
     }), jsxRuntime.jsx(TextInput, {
       control: form.control,
       form: formId,
@@ -9051,30 +9283,14 @@ const AddressFields = ({
       labelWeight: "normal",
       name: _formatFieldName("cityLocality"),
       nativeLabel: true
-    }), jsxRuntime.jsx(SelectAutoComplete, {
-      control: form.control,
-      form: formId,
-      label: t("address.fields.countryCode"),
-      labelWeight: "normal",
-      name: _formatFieldName("countryCode"),
-      nativeLabel: true,
-      noResultsLabel: t("address.noResults"),
-      onChange: value => {
-        if (value) {
-          form.setValue(_formatFieldName("stateProvince"), null, {
-            shouldValidate: isSubmitted
-          });
-        }
-      },
-      options: countryCodeOptions
     }), jsxRuntime.jsxs("div", Object.assign({
-      css: styles$l.stateZipWrapper
+      css: styles$k.stateZipWrapper
     }, {
       children: [jsxRuntime.jsx("div", Object.assign({
-        css: styles$l.stateWrapper
+        css: styles$k.stateWrapper
       }, {
         children: jsxRuntime.jsx("div", Object.assign({
-          css: styles$l.grow
+          css: styles$k.grow
         }, {
           children: watchCountryCode === "US" ?
           // Domestic States
@@ -9099,10 +9315,10 @@ const AddressFields = ({
           })
         }))
       })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$l.zipWrapper
+        css: styles$k.zipWrapper
       }, {
         children: jsxRuntime.jsx("div", Object.assign({
-          css: styles$l.grow
+          css: styles$k.grow
         }, {
           children: jsxRuntime.jsx(TextInput, {
             control: form.control,
@@ -9897,7 +10113,7 @@ const EditWalletAddressForm = ({
   }));
 };
 
-const styles$k = createStyles({
+const styles$j = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
   })
@@ -9959,7 +10175,7 @@ const WalletForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxRuntime.jsxs(giger.Grid, Object.assign({
-      css: styles$k.grid,
+      css: styles$j.grid,
       noPadding: true
     }, {
       children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
@@ -10041,7 +10257,7 @@ const WalletForm = ({
   }));
 };
 
-const styles$j = createStyles({
+const styles$i = createStyles({
   boldLink: theme => ({
     fontWeight: theme.typography.fontWeight.bold
   }),
@@ -10083,11 +10299,11 @@ const EditBillingForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxRuntime.jsxs(giger.Grid, Object.assign({
-      css: styles$j.container
+      css: styles$i.container
     }, {
       children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
         colSpan: 12,
-        css: styles$j.subtitle
+        css: styles$i.subtitle
       }, {
         children: jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
@@ -10102,7 +10318,7 @@ const EditBillingForm = ({
         })
       })), jsxRuntime.jsx(giger.GridChild, Object.assign({
         colSpan: 12,
-        css: styles$j.subtitle
+        css: styles$i.subtitle
       }, {
         children: jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
@@ -10138,7 +10354,7 @@ const EditBillingForm = ({
             children: t("actions.cancel")
           })), jsxRuntime.jsx(SubmitButton, Object.assign({
             control: form.control,
-            css: styles$j.boldLink,
+            css: styles$i.boldLink,
             variant: giger.ButtonVariant.OUTLINED
           }, {
             children: t("actions.save")
@@ -10157,7 +10373,7 @@ var img$1 = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150
 
 var img = "data:image/svg+xml,%3csvg width='150' height='96' viewBox='0 0 150 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5173_115335)'%3e%3cpath d='M7.69231 0H142.308C146.556 0 150 3.42938 150 7.65957V88.0851C150 92.3155 146.556 95.7447 142.308 95.7447H7.69231C3.44404 95.7447 0 92.3155 0 88.0851V7.65957C0 3.42938 3.44404 0 7.69231 0Z' fill='%230E4595'/%3e%3cpath d='M56.3845 66.7782L62.8001 29.2922H73.0616L66.6414 66.7782H56.3845ZM103.713 30.1003C101.681 29.3409 98.4947 28.5259 94.5168 28.5259C84.3774 28.5259 77.2351 33.6099 77.1745 40.8967C77.117 46.2833 82.2733 49.2881 86.1653 51.0812C90.1597 52.9186 91.5022 54.0903 91.4833 55.7312C91.4582 58.2437 88.2937 59.3917 85.3445 59.3917C81.2374 59.3917 79.0555 58.8235 75.6855 57.4239L74.3632 56.8284L72.923 65.22C75.3197 66.2663 79.7518 67.1728 84.3533 67.2198C95.1399 67.2198 102.142 62.1939 102.222 54.4126C102.26 50.1483 99.5264 46.9031 93.6062 44.2276C90.0197 42.4937 87.8232 41.3363 87.8464 39.5806C87.8464 38.0224 89.7057 36.3561 93.7228 36.3561C97.0783 36.3044 99.5093 37.033 101.403 37.7922L102.323 38.225L103.713 30.1003ZM130.119 29.2916H122.19C119.734 29.2916 117.895 29.9594 116.817 32.4003L101.577 66.7535H112.353C112.353 66.7535 114.114 62.1342 114.513 61.1202C115.69 61.1202 126.158 61.1363 127.654 61.1363C127.961 62.4486 128.903 66.7535 128.903 66.7535H138.424L130.119 29.2905V29.2916ZM117.539 53.4978C118.387 51.338 121.627 43.0189 121.627 43.0189C121.566 43.1189 122.469 40.8486 122.988 39.4412L123.681 42.6733C123.681 42.6733 125.646 51.6214 126.057 53.4978H117.539ZM47.6733 29.2916L37.6272 54.8555L36.5566 49.6604C34.6864 43.6719 28.8595 37.1839 22.3455 33.9356L31.5312 66.7186L42.3882 66.7064L58.5428 29.2913H47.6733' fill='white'/%3e%3cpath d='M28.254 29.2903H11.7076L11.5767 30.0703C24.4494 33.1731 32.967 40.6717 36.5036 49.6807L32.9055 32.4543C32.2844 30.0808 30.483 29.3725 28.2544 29.2896' fill='%23F2AE14'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5173_115335'%3e%3crect width='150' height='95.7447' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 
-const styles$i = createStyles({
+const styles$h = createStyles({
   body: theme => ({
     borderTop: `1px solid ${theme.palette.gray.light}`,
     color: theme.palette.black,
@@ -10208,14 +10424,14 @@ const SettingsCard = ({
   verticallyAligned
 }) => {
   return jsxRuntime.jsxs("div", Object.assign({
-    css: verticallyAligned ? styles$i.verticalContainer : styles$i.container,
+    css: verticallyAligned ? styles$h.verticalContainer : styles$h.container,
     "data-testid": "settingsCard"
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$i.header
+      css: styles$h.header
     }, {
       children: [jsxRuntime.jsxs("div", Object.assign({
-        css: styles$i.title
+        css: styles$h.title
       }, {
         children: [typeof title === "string" ? jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle2"
@@ -10243,7 +10459,7 @@ const SettingsCard = ({
         }))
       }))]
     })), children && jsxRuntime.jsx("div", Object.assign({
-      css: styles$i.body
+      css: styles$h.body
     }, {
       children: jsxRuntime.jsxs("div", {
         children: [children, accessoryAction && jsxRuntime.jsx(ButtonGroup, Object.assign({
@@ -10264,7 +10480,7 @@ const SettingsCard = ({
   }));
 };
 
-const styles$h = createStyles({
+const styles$g = createStyles({
   container: {
     display: "flex",
     height: "72px",
@@ -10294,7 +10510,7 @@ const WalletCard = ({
   };
   const Logo = provider ? logos[provider] : undefined;
   return jsxRuntime.jsx("div", Object.assign({
-    css: styles$h.container
+    css: styles$g.container
   }, {
     children: jsxRuntime.jsx(SettingsCard, {
       cardAction: {
@@ -10308,7 +10524,7 @@ const WalletCard = ({
           src: Logo,
           width: 56
         }) : jsxRuntime.jsx(giger.Icon, {
-          css: styles$h.icon,
+          css: styles$g.icon,
           name: gigerTheme.IconNames.CREDIT_CARD,
           size: giger.IconSize.SIZE_LARGE
         }), jsxRuntime.jsx(giger.Typography, Object.assign({
@@ -10392,7 +10608,7 @@ var SvgShipengineLogo = function SvgShipengineLogo(props) {
   })))));
 };
 
-const styles$g = createStyles({
+const styles$f = createStyles({
   poweredByShipEngine: {
     alignItems: "center",
     color: "#818F9C",
@@ -10409,7 +10625,7 @@ const PoweredByShipEngine = () => {
     t
   } = reactI18next.useTranslation();
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$g.poweredByShipEngine
+    css: styles$f.poweredByShipEngine
   }, {
     children: [jsxRuntime.jsx(giger.Typography, Object.assign({
       variant: "body2"
@@ -10568,7 +10784,7 @@ const AccountSettings = _a => {
   });
 };
 
-const styles$f = createStyles({
+const styles$e = createStyles({
   agreement: {
     alignItems: "center",
     display: "flex",
@@ -10646,10 +10862,10 @@ const DisplayCarrierTerms = c => {
   const listCarrierLinks = () => {
     return c.carrierTerms.links.map((term, index) => {
       return jsxRuntime.jsx("li", Object.assign({
-        css: styles$f.listItems
+        css: styles$e.listItems
       }, {
         children: jsxRuntime.jsx(giger.Link, Object.assign({
-          css: styles$f.link,
+          css: styles$e.link,
           href: term.url,
           isExternal: true,
           target: "_blank"
@@ -10668,18 +10884,18 @@ const DisplayCarrierTerms = c => {
       children: [jsxRuntime.jsx(Spacer, {
         multiplier: 3
       }), jsxRuntime.jsxs("div", Object.assign({
-        css: styles$f.terms
+        css: styles$e.terms
       }, {
         children: [jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
         }, {
           children: c.carrierTerms.title
         })), !!listCarrierContent().length && jsxRuntime.jsx("div", Object.assign({
-          css: styles$f.terms
+          css: styles$e.terms
         }, {
           children: listCarrierContent()
         })), jsxRuntime.jsx("ul", Object.assign({
-          css: styles$f.links
+          css: styles$e.links
         }, {
           children: listCarrierLinks()
         }))]
@@ -10829,7 +11045,7 @@ const AddCarrierForm = ({
   }));
 };
 
-const styles$e = createStyles({
+const styles$d = createStyles({
   container: theme => ({
     display: "flex",
     gap: theme.spacing()
@@ -10867,13 +11083,13 @@ const Disclosure = ({
   }, [open]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$e.container
+      css: styles$d.container
     }, {
       children: [jsxRuntime.jsx("div", {
         children: label
       }), _showToggle && jsxRuntime.jsx("button", Object.assign({
         "aria-expanded": isOpen,
-        css: styles$e.toggle,
+        css: styles$d.toggle,
         onClick: () => {
           setIsOpen(!isOpen);
           onToggle(!isOpen);
@@ -10881,12 +11097,12 @@ const Disclosure = ({
         type: "button"
       }, {
         children: jsxRuntime.jsx(giger.Icon, {
-          css: styles$e.icon,
+          css: styles$d.icon,
           name: isOpen ? gigerTheme.IconNames.CHEVRON_TOP : gigerTheme.IconNames.CHEVRON_BOTTOM
         })
       }))]
     })), isOpen && jsxRuntime.jsx("div", Object.assign({
-      css: styles$e.content
+      css: styles$d.content
     }, {
       children: typeof children === "function" ? children(() => setIsOpen(!isOpen)) : children
     }))]
@@ -11014,7 +11230,7 @@ const getCarrierRecoverySchema = requiresAddress => zod.z.object({
   address: requiresAddress ? baseSchema : baseSchema.optional()
 });
 
-const styles$d = createStyles({
+const styles$c = createStyles({
   grid: theme => ({
     margin: theme.spacing(4)
   }),
@@ -11058,7 +11274,7 @@ const CarrierRecoveryForm = ({
     onSubmit: formLogger.capture(handleSubmit)
   }, {
     children: jsxRuntime.jsxs(giger.Grid, Object.assign({
-      css: styles$d.grid,
+      css: styles$c.grid,
       noPadding: true
     }, {
       children: [requiresAddress && jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -11066,14 +11282,14 @@ const CarrierRecoveryForm = ({
           colSpan: 12
         }, {
           children: jsxRuntime.jsx(giger.Typography, Object.assign({
-            css: styles$d.heading,
+            css: styles$c.heading,
             variant: "heading4"
           }, {
             children: t("register-wallet:sections.carriers.title")
           }))
         })), jsxRuntime.jsx(giger.GridChild, Object.assign({
           colSpan: 12,
-          css: styles$d.subtitle
+          css: styles$c.subtitle
         }, {
           children: jsxRuntime.jsx(giger.Typography, Object.assign({
             variant: "subtitle1"
@@ -11159,7 +11375,7 @@ const CarrierTermsForm = ({
     onSubmit(payload.agreement);
   }));
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$f.termsForm,
+    css: styles$e.termsForm,
     "data-testid": "carrier-terms-form"
   }, {
     children: [jsxRuntime.jsx(giger.Typography, Object.assign({
@@ -11175,7 +11391,7 @@ const CarrierTermsForm = ({
     })), jsxRuntime.jsx(Spacer, {
       multiplier: 1
     }), jsxRuntime.jsx("div", Object.assign({
-      css: styles$f.carrierLogos
+      css: styles$e.carrierLogos
     }, {
       children: metadatas.map(({
         name,
@@ -11191,7 +11407,7 @@ const CarrierTermsForm = ({
         onSubmit: formLogger.capture(handleSubmit)
       }, {
         children: jsxRuntime.jsxs("div", Object.assign({
-          css: styles$f.agreement
+          css: styles$e.agreement
         }, {
           children: [jsxRuntime.jsx("div", {
             children: jsxRuntime.jsx(CheckboxInput, {
@@ -11202,7 +11418,7 @@ const CarrierTermsForm = ({
                     size: giger.IconSize.SIZE_SMALL
                   }),
                   terms: jsxRuntime.jsx(giger.Link, {
-                    css: styles$f.termsLink,
+                    css: styles$e.termsLink,
                     "data-testid": "terms-link",
                     onClick: e => {
                       e.preventDefault();
@@ -11220,7 +11436,7 @@ const CarrierTermsForm = ({
               name: "agreement"
             })
           }), showTerms && jsxRuntime.jsxs("div", Object.assign({
-            css: styles$f.well
+            css: styles$e.well
           }, {
             children: [jsxRuntime.jsx(giger.Typography, Object.assign({
               variant: "heading4"
@@ -11229,7 +11445,7 @@ const CarrierTermsForm = ({
             })), terms.map(t => jsxRuntime.jsx(DisplayCarrierTerms, {
               carrierTerms: t
             }, t.title)), jsxRuntime.jsx("div", Object.assign({
-              css: styles$f.close
+              css: styles$e.close
             }, {
               children: jsxRuntime.jsx(giger.Button, Object.assign({
                 onClick: () => setShowTerms(false),
@@ -11484,7 +11700,7 @@ const CopyButton = ({
   }));
 };
 
-const styles$c = createStyles({
+const styles$b = createStyles({
   trackingNumber: theme => ({
     alignItems: "center",
     display: "flex"
@@ -11530,10 +11746,10 @@ const Label = ({
       shippingAmount: label.shipmentCost
     }, {
       children: label.trackingNumber && jsxRuntime.jsxs("div", Object.assign({
-        css: styles$c.trackingNumber
+        css: styles$b.trackingNumber
       }, {
         children: [jsxRuntime.jsx("div", Object.assign({
-          css: styles$c.truncatedTrackingNumber
+          css: styles$b.truncatedTrackingNumber
         }, {
           children: label.trackingNumber.toString()
         })), jsxRuntime.jsx(CopyButton, {
@@ -11645,7 +11861,7 @@ const LandingPageForm = ({
   }));
 };
 
-const styles$b = createStyles({
+const styles$a = createStyles({
   container: theme => ({
     padding: theme.spacing(2)
   }),
@@ -11667,11 +11883,11 @@ const LandingPage = ({
     t
   } = reactI18next.useTranslation();
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$b.container,
+    css: styles$a.container,
     "data-testid": "landing-page"
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$b.header
+      css: styles$a.header
     }, {
       children: [jsxRuntime.jsx(giger.Typography, Object.assign({
         variant: "heading4"
@@ -11689,7 +11905,7 @@ const LandingPage = ({
     })), jsxRuntime.jsx(LandingPageForm, {
       onSubmit: onSubmit
     }), jsxRuntime.jsxs("div", Object.assign({
-      css: styles$b.header
+      css: styles$a.header
     }, {
       children: [jsxRuntime.jsx(Spacer, {
         multiplier: 6
@@ -11700,14 +11916,14 @@ const LandingPage = ({
       })), jsxRuntime.jsx(Spacer, {
         multiplier: 2
       }), jsxRuntime.jsx(giger.Typography, Object.assign({
-        css: styles$b.description,
+        css: styles$a.description,
         variant: "body1"
       }, {
         children: t("onboarding:landing.messageLine1")
       })), jsxRuntime.jsx(Spacer, {
         multiplier: 2
       }), jsxRuntime.jsx(giger.Typography, Object.assign({
-        css: styles$b.description,
+        css: styles$a.description,
         variant: "body1"
       }, {
         children: t("onboarding:landing.messageLine2")
@@ -11718,7 +11934,7 @@ const LandingPage = ({
   }));
 };
 
-const styles$a = createStyles({
+const styles$9 = createStyles({
   container: {
     display: "flex",
     flexDirection: "column"
@@ -11778,14 +11994,14 @@ const ListCarriersRow = ({
     setIsSubmitting(false);
   });
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$a.container,
+    css: styles$9.container,
     "data-testid": "carrier-row"
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$a.rowContainer
+      css: styles$9.rowContainer
     }, {
       children: [jsxRuntime.jsxs("div", Object.assign({
-        css: styles$a.logoContainer
+        css: styles$9.logoContainer
       }, {
         children: [jsxRuntime.jsx("div", {
           children: jsxRuntime.jsx("img", {
@@ -11803,7 +12019,7 @@ const ListCarriersRow = ({
         css: _ref
       }, {
         children: jsxRuntime.jsx(LinkAction, {
-          css: styles$a.getConnectButton(isConnected),
+          css: styles$9.getConnectButton(isConnected),
           isDisabled: isConnected || showDropDown,
           isLoading: isSubmitting,
           onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -11821,7 +12037,7 @@ const ListCarriersRow = ({
   }));
 };
 
-const styles$9 = createStyles({
+const styles$8 = createStyles({
   carriersList: theme => ({
     "& > li:not(:last-of-type)": {
       borderBottom: `1px solid ${theme.palette.gray.light}`
@@ -11882,7 +12098,7 @@ const ListCarriers = ({
         }))
       })), jsxRuntime.jsx(Spacer, {})]
     }), jsxRuntime.jsx("ul", Object.assign({
-      css: styles$9.carriersList,
+      css: styles$8.carriersList,
       "data-testid": "carriers-list"
     }, {
       children: isLoading ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -11904,11 +12120,11 @@ const ListCarriers = ({
 };
 const LoadingSkeletonRow = () => {
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$9.skeletonRow,
+    css: styles$8.skeletonRow,
     "data-testid": "skeleton-carrier-row"
   }, {
     children: [jsxRuntime.jsxs("div", Object.assign({
-      css: styles$9.skeletonLogoContainer
+      css: styles$8.skeletonLogoContainer
     }, {
       children: [jsxRuntime.jsx(giger.Skeleton, {
         animation: giger.SkeletonAnimation.WAVE,
@@ -12167,7 +12383,7 @@ const WarehouseForm = ({
   }));
 };
 
-const styles$8 = createStyles({
+const styles$7 = createStyles({
   cardSpacing: theme => ({
     display: "flex",
     flexDirection: "column",
@@ -12197,9 +12413,9 @@ const ManageWarehouses = ({
   const [showAddNewWarehouseForm, toggleShowAddNewWarehouseForm] = useToggle(false);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [showAddNewWarehouseForm ? jsxRuntime.jsx(AddressPreferenceProvider, Object.assign({
-      css: styles$8.well,
+      css: styles$7.well,
       formHeader: jsxRuntime.jsxs("div", Object.assign({
-        css: styles$8.header
+        css: styles$7.header
       }, {
         children: [jsxRuntime.jsx(giger.Typography, Object.assign({
           variant: "subtitle1"
@@ -12244,14 +12460,14 @@ const ManageWarehouses = ({
         })]
       }))
     })), jsxRuntime.jsx("div", Object.assign({
-      css: styles$8.cardSpacing
+      css: styles$7.cardSpacing
     }, {
       children: warehouses.map(warehouse => {
         if (editWarehouseId && editWarehouseId === warehouse.warehouseId) {
           return jsxRuntime.jsx(AddressPreferenceProvider, Object.assign({
-            css: styles$8.well,
+            css: styles$7.well,
             formHeader: jsxRuntime.jsxs("div", Object.assign({
-              css: styles$8.header
+              css: styles$7.header
             }, {
               children: [jsxRuntime.jsx(giger.Typography, Object.assign({
                 variant: "subtitle1"
@@ -12370,7 +12586,7 @@ const CompletionPage = ({
   }));
 };
 
-const styles$7 = createStyles({
+const styles$6 = createStyles({
   container: theme => ({
     padding: theme.spacing(2)
   }),
@@ -12600,10 +12816,10 @@ const Onboarding = ({
     if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet && !hasCompletedBilling) {
       return jsxRuntime.jsx(AddressPreferenceProvider, Object.assign({
         formHeader: jsxRuntime.jsxs("div", Object.assign({
-          css: styles$7.walletFormHeader
+          css: styles$6.walletFormHeader
         }, {
           children: [jsxRuntime.jsxs("div", Object.assign({
-            css: styles$7.walletFormTitle
+            css: styles$6.walletFormTitle
           }, {
             children: [jsxRuntime.jsx(giger.Typography, Object.assign({
               variant: "heading4"
@@ -12682,22 +12898,22 @@ const Onboarding = ({
     });
   };
   return jsxRuntime.jsxs("div", Object.assign({
-    css: styles$7.container
+    css: styles$6.container
   }, {
     children: [jsxRuntime.jsxs(giger.Stepper, Object.assign({
       currentStep: currentStep
     }, {
       children: [jsxRuntime.jsx(giger.Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.login")
       }), jsxRuntime.jsx(giger.Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.carriers")
       }), jsxRuntime.jsx(giger.Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.addresses")
       }), jsxRuntime.jsx(giger.Step, {
-        css: styles$7.step,
+        css: styles$6.step,
         label: t("onboarding:steps.payment")
       })]
     })), renderStep(), ((_c = features === null || features === void 0 ? void 0 : features.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -12771,7 +12987,7 @@ const Cube = _a => {
   }));
 };
 
-const styles$6 = createStyles({
+const styles$5 = createStyles({
   balanceText: theme => ({
     color: theme.palette.secondary.dark
   }),
@@ -12794,7 +13010,7 @@ const styles$6 = createStyles({
   }
 });
 
-const styles$5 = createStyles({
+const styles$4 = createStyles({
   icon: theme => ({
     color: theme.palette.primary.main,
     marginRight: theme.spacing(2)
@@ -12839,10 +13055,10 @@ const Section = _a => {
     rest = __rest(_a, ["bold", "title", "children", "rightContent"]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [title && jsxRuntime.jsx("summary", Object.assign({
-      css: styles$5.summary
+      css: styles$4.summary
     }, {
       children: jsxRuntime.jsxs("div", Object.assign({
-        css: styles$5.summaryWrapper
+        css: styles$4.summaryWrapper
       }, {
         children: [jsxRuntime.jsx(giger.Typography, Object.assign({
           bold: bold,
@@ -12850,13 +13066,13 @@ const Section = _a => {
         }, {
           children: title
         })), rightContent && jsxRuntime.jsx("div", Object.assign({
-          css: styles$5.rightContentWrapper
+          css: styles$4.rightContentWrapper
         }, {
           children: rightContent
         }))]
       }))
     })), jsxRuntime.jsx("section", Object.assign({
-      css: styles$5.section
+      css: styles$4.section
     }, rest, {
       children: children
     }))]
@@ -12928,7 +13144,7 @@ const FundAndPurchase = ({
     }, {
       children: [jsxRuntime.jsx(giger.Button, Object.assign({
         bold: false,
-        css: styles$6.saveRateButton,
+        css: styles$5.saveRateButton,
         disabled: disabled || !carrierId || addFundsForm.isSubmitting || isRateFormSubmitting,
         isLoading: isSavingRate,
         onClick: handleSaveRate,
@@ -12948,7 +13164,7 @@ const FundAndPurchase = ({
   // render when no rate has been selected yet
   if (!carrierId) return jsxRuntime.jsxs("div", Object.assign({
     className: className,
-    css: styles$6.container
+    css: styles$5.container
   }, {
     children: [jsxRuntime.jsxs(Spread, {
       children: [jsxRuntime.jsx(CarrierBalance, {
@@ -12972,7 +13188,7 @@ const FundAndPurchase = ({
   //         show balance, but not the funding form.
   if (!isFundingEnabled) return jsxRuntime.jsxs("div", Object.assign({
     className: className,
-    css: styles$6.container
+    css: styles$5.container
   }, {
     children: [jsxRuntime.jsx(CarrierBalance, {
       carrierId: carrierId
@@ -13014,13 +13230,13 @@ const FundAndPurchase = ({
         var _a, _b;
         return jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [jsxRuntime.jsxs("section", Object.assign({
-            css: styles$6.getFormExtension(addFundsForm.isCustomAmount)
+            css: styles$5.getFormExtension(addFundsForm.isCustomAmount)
           }, {
             children: [jsxRuntime.jsx(InlineLabel, Object.assign({
               label: t("manage-funding:fundAndPurchase.newBalance")
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
-                css: styles$6.balanceText
+                css: styles$5.balanceText
               }, {
                 children: formatMoney({
                   amount: balance + ((_a = addFundsForm.selectedAmount) !== null && _a !== void 0 ? _a : 0),
@@ -13031,7 +13247,7 @@ const FundAndPurchase = ({
               label: t("manage-funding:fundAndPurchase.finalBalance")
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
-                css: styles$6.balanceText
+                css: styles$5.balanceText
               }, {
                 children: formatMoney({
                   amount: balance + ((_b = addFundsForm.selectedAmount) !== null && _b !== void 0 ? _b : 0) - purchaseAmount,
@@ -13058,7 +13274,7 @@ const FundAndPurchase = ({
   }));
 };
 
-const styles$4 = createStyles({
+const styles$3 = createStyles({
   fundAndPurchase: theme => ({
     borderTop: `1px solid ${theme.palette.gray.ultraLight}`
   }),
@@ -13227,7 +13443,7 @@ const RateForm = ({
           onClick: onSelectRate,
           options: showHiddenRates ? rateOptions : filteredRateOptions
         }), rateOptions.some(option => option.requiresAcknowledgement) && rateOptions.length > 5 && jsxRuntime.jsx(giger.Link, Object.assign({
-          css: styles$4.showMoreOrLessRatesButton,
+          css: styles$3.showMoreOrLessRatesButton,
           onClick: () => {
             var _a;
             setShowHiddenRates(!showHiddenRates);
@@ -13248,7 +13464,7 @@ const RateForm = ({
           }))
         }))]
       }) : !isLoading && !!allDisplayableErrors.length ? null : jsxRuntime.jsxs("article", Object.assign({
-        css: styles$4.ratesInterstitial,
+        css: styles$3.ratesInterstitial,
         role: "presentation"
       }, {
         children: [jsxRuntime.jsx(Cube, {
@@ -13274,7 +13490,7 @@ const RateForm = ({
       balance: balance,
       carrierId: selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId,
       control: form.control,
-      css: styles$4.fundAndPurchase,
+      css: styles$3.fundAndPurchase,
       disabled: disabled,
       isFundingEnabled: !!((_d = features === null || features === void 0 ? void 0 : features.rateForm) === null || _d === void 0 ? void 0 : _d.enableFunding),
       isFundingRequired: (selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.balance) !== undefined && !!selectedRate.requiresFundedAmount,
@@ -13311,7 +13527,7 @@ const SuspendSalesOrder = ({
   }));
 };
 
-const styles$3 = createStyles({
+const styles$2 = createStyles({
   itemDetail: theme => ({
     padding: `${theme.spacing(0)}px ${theme.spacing(2)}px ${theme.spacing(2)}px ${theme.spacing(0)}px`
   }),
@@ -13339,15 +13555,15 @@ const ItemsBreakdownTableHeader = ({
 }) => jsxRuntime.jsx(giger.TableHeader, {
   children: jsxRuntime.jsxs(giger.TableBaseRow, {
     children: [jsxRuntime.jsx(giger.TableHeaderCell, {}), jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-      css: styles$3.numericCell
+      css: styles$2.numericCell
     }, {
       children: "Qty"
     })), hasValue && jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-      css: styles$3.numericCell
+      css: styles$2.numericCell
     }, {
       children: "$/ea"
     })), hasTotal && jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-      css: styles$3.numericCell
+      css: styles$2.numericCell
     }, {
       children: "$ Total"
     }))]
@@ -13359,7 +13575,7 @@ const ItemsBreakdown = ({
   const hasValue = items.some(item => item.value !== undefined);
   const hasTotal = items.some(item => item.totalValue !== undefined);
   return jsxRuntime.jsx("div", Object.assign({
-    css: styles$3.tableWrapper
+    css: styles$2.tableWrapper
   }, {
     children: jsxRuntime.jsx(giger.Table, Object.assign({
       header: jsxRuntime.jsx(ItemsBreakdownTableHeader, {
@@ -13378,7 +13594,7 @@ const ItemsBreakdown = ({
           children: [jsxRuntime.jsx(giger.TableBaseRow, {
             children: jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
               colSpan: 4,
-              css: styles$3.itemName
+              css: styles$2.itemName
             }, {
               children: jsxRuntime.jsx(giger.Typography, {
                 children: name
@@ -13386,21 +13602,21 @@ const ItemsBreakdown = ({
             }))
           }), jsxRuntime.jsxs(giger.TableBaseRow, {
             children: [jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-              css: styles$3.itemDetail
+              css: styles$2.itemDetail
             }, {
               children: jsxRuntime.jsx(giger.Typography, {
                 children: detail
               })
             })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-              css: [styles$3.numericCell, styles$3.itemDetail]
+              css: [styles$2.numericCell, styles$2.itemDetail]
             }, {
               children: quantity
             })), hasValue && jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-              css: [styles$3.numericCell, styles$3.itemDetail]
+              css: [styles$2.numericCell, styles$2.itemDetail]
             }, {
               children: value && formatMoney(value)
             })), hasTotal && jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-              css: [styles$3.numericCell, styles$3.itemDetail]
+              css: [styles$2.numericCell, styles$2.itemDetail]
             }, {
               children: totalValue && formatMoney(totalValue)
             }))]
@@ -13411,7 +13627,7 @@ const ItemsBreakdown = ({
   }));
 };
 
-const styles$2 = createStyles({
+const styles$1 = createStyles({
   actions: theme => ({
     background: "white",
     display: "flex",
@@ -13483,7 +13699,7 @@ const CustomsItemActions = ({
   const buttonRef = React.useRef(null);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(giger.Button, Object.assign({
-      css: styles$2.actionsButton,
+      css: styles$1.actionsButton,
       onClick: toggleShowCustomsPopover,
       ref: buttonRef,
       variant: giger.ButtonVariant.TEXT
@@ -13506,7 +13722,7 @@ const CustomsItemActions = ({
       reference: buttonRef.current
     }, {
       children: jsxRuntime.jsxs("div", Object.assign({
-        css: styles$2.actions
+        css: styles$1.actions
       }, {
         children: [jsxRuntime.jsx(giger.Button, Object.assign({
           bold: false,
@@ -13582,7 +13798,7 @@ const CustomsItemsDisplay = ({
         header: jsxRuntime.jsx(giger.TableHeader, {
           children: jsxRuntime.jsxs(giger.TableBaseRow, {
             children: [jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-              css: styles$2.headerDescription
+              css: styles$1.headerDescription
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
                 variant: "subtitle2"
@@ -13590,7 +13806,7 @@ const CustomsItemsDisplay = ({
                 children: t("customs.fields.description")
               }))
             })), jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-              css: styles$2.headerEach
+              css: styles$1.headerEach
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
                 variant: "subtitle2"
@@ -13600,7 +13816,7 @@ const CustomsItemsDisplay = ({
                 })
               }))
             })), jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-              css: styles$2.headerQty
+              css: styles$1.headerQty
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
                 variant: "subtitle2"
@@ -13608,7 +13824,7 @@ const CustomsItemsDisplay = ({
                 children: t("customs.fields.quantity")
               }))
             })), jsxRuntime.jsx(giger.TableHeaderCell, Object.assign({
-              css: styles$2.headerTotal
+              css: styles$1.headerTotal
             }, {
               children: jsxRuntime.jsx(giger.Typography, Object.assign({
                 variant: "subtitle2"
@@ -13618,7 +13834,7 @@ const CustomsItemsDisplay = ({
                 })
               }))
             })), jsxRuntime.jsx(giger.TableHeaderCell, {
-              css: styles$2.actionsColumn
+              css: styles$1.actionsColumn
             })]
           })
         })
@@ -13632,29 +13848,29 @@ const CustomsItemsDisplay = ({
                 children: customsItemForm
               })) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
                 children: [jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-                  css: styles$2.itemInfoLeft
+                  css: styles$1.itemInfoLeft
                 }, {
                   children: item.description
                 })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-                  css: styles$2.itemEach
+                  css: styles$1.itemEach
                 }, {
                   children: formatMoney({
                     amount: Number(item.value),
                     currency: alchemy.SE.Currency.USD
                   })
                 })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-                  css: styles$2.itemQty
+                  css: styles$1.itemQty
                 }, {
                   children: item.quantity
                 })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-                  css: styles$2.itemTotal
+                  css: styles$1.itemTotal
                 }, {
                   children: formatMoney({
                     amount: Number(item.value) * item.quantity,
                     currency: alchemy.SE.Currency.USD
                   })
                 })), jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-                  css: styles$2.actionsColumn
+                  css: styles$1.actionsColumn
                 }, {
                   children: jsxRuntime.jsx(CustomsItemActions, {
                     onDeleteClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -13670,7 +13886,7 @@ const CustomsItemsDisplay = ({
               })
             }), item.customsItemId !== (customsItemBeingEdited === null || customsItemBeingEdited === void 0 ? void 0 : customsItemBeingEdited.customsItemId) && jsxRuntime.jsx(giger.TableBaseRow, {
               children: jsxRuntime.jsx(giger.TableBodyCell, Object.assign({
-                css: styles$2.hsCode
+                css: styles$1.hsCode
               }, {
                 children: item.harmonizedTariffCode
               }))
@@ -14642,6 +14858,7 @@ const Shipment = ({
   } = convertWeight(weight);
   const requestedServices = React.useMemo(() => getRequestedServices(salesOrder), [salesOrder]);
   const activeLabel = React.useMemo(() => labels === null || labels === void 0 ? void 0 : labels.find(l => l.status === "completed"), [labels]);
+  const hasSalesOrder = React.useMemo(() => shipment.salesOrderIds.length > 0, [shipment.salesOrderIds.length]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsxs(Section, Object.assign({
       "data-testid": "orderDetail"
@@ -14663,12 +14880,12 @@ const Shipment = ({
         children: [jsxRuntime.jsx(AddressDisplay, {
           address: shipment.shipTo
         }), jsxRuntime.jsx(Spacer, {})]
-      })), jsxRuntime.jsxs(FieldLabel, Object.assign({
+      })), hasSalesOrder && jsxRuntime.jsxs(FieldLabel, Object.assign({
         "data-testid": "orderDate",
         label: t("view-shipment:fields.orderDate")
       }, {
         children: [salesOrder ? formatDate(salesOrder.orderDate) : t("loading.salesOrder"), jsxRuntime.jsx(Spacer, {})]
-      })), jsxRuntime.jsxs(FieldLabel, Object.assign({
+      })), hasSalesOrder && jsxRuntime.jsxs(FieldLabel, Object.assign({
         "data-testid": "orderValue",
         label: t("view-shipment:fields.orderValue")
       }, {
@@ -14751,7 +14968,11 @@ const Shipment = ({
       })) : undefined,
       title: t("view-shipment:sections.labels")
     }, {
-      children: [(_b = sortLabels(labels)) === null || _b === void 0 ? void 0 : _b.map((label, i, data) => {
+      children: [!(labels === null || labels === void 0 ? void 0 : labels.length) && jsxRuntime.jsx(giger.Typography, Object.assign({
+        variant: "body2"
+      }, {
+        children: t("view-shipment:noLabels")
+      })), (_b = sortLabels(labels)) === null || _b === void 0 ? void 0 : _b.map((label, i, data) => {
         const carrier = carriers === null || carriers === void 0 ? void 0 : carriers.find(c => c.carrierCode === label.carrierCode);
         const service = carrier === null || carrier === void 0 ? void 0 : carrier.services.find(s => s.serviceCode === label.serviceCode);
         return jsxRuntime.jsxs(React.Fragment, {
@@ -14867,7 +15088,7 @@ var index = /*#__PURE__*/Object.freeze({
 	SuspendShipment: SuspendShipment,
 	WarehouseForm: WarehouseForm,
 	WalletForm: WalletForm,
-	styles: styles$k,
+	styles: styles$j,
 	billingAddressSchema: billingAddressSchema,
 	walletSchema: walletSchema,
 	BillingFields: BillingFields,
@@ -14877,208 +15098,6 @@ var index = /*#__PURE__*/Object.freeze({
 	AddressPreferenceSelect: AddressPreferenceSelect
 });
 
-const styles$1 = createStyles({
-  edit: theme => ({
-    color: theme.palette.primary.main,
-    padding: `0 ${theme.spacing(2)}`
-  }),
-  getForm: showForm => theme => ({
-    backgroundColor: theme.palette.gray.megaLight,
-    display: showForm ? "flex" : "none",
-    flexDirection: "column",
-    padding: theme.spacing(2)
-  }),
-  input: theme => ({
-    width: theme.spacing(13)
-  }),
-  marginLeft: {
-    marginLeft: "auto"
-  }
-});
-
-const autoFundingSchema = zod.z.object({
-  isEnabled: zod.z.boolean(),
-  lowBalancePurchaseThreshold: moneySchema.extend({
-    amount: zod.z.number().min(10)
-  }),
-  maximumPurchasesPerDay: zod.z.number().min(1),
-  purchaseAmount: moneySchema.extend({
-    amount: zod.z.number().min(10).max(10000)
-  })
-});
-
-/**
- * This form that allows users to enable or disable auto funding, and
- * configure auto funding rules in ShipEngine API.
- *
- * @param carrierId The carrierId of the carrier provider you wish to configure auto-funding rules for.
- */
-const AutoFundingForm = ({
-  carrierId
-}) => {
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const updateAutoFunding = alchemy.useUpdateAutoFunding(carrierId);
-  const autoFundingConfiguration = alchemy.useGetAutoFundingConfiguration(carrierId);
-  const {
-    data: autoFundingSettings
-  } = autoFundingConfiguration;
-  const [showForm, setShowForm] = React.useState(false);
-  const [isSwitchOn, setIsSwitchOn] = React.useState(false);
-  const form = reactHookForm.useForm({
-    resolver: validationResolver(autoFundingSchema)
-  });
-  const watchIsEnabled = form.watch("isEnabled");
-  const formReset = isEnabled => form.reset(values => Object.assign(Object.assign({}, values), {
-    isEnabled
-  }), {
-    keepDirty: true
-  });
-  const handleSubmit = formLogger.capture(form.handleSubmit(values => {
-    setShowForm(prev => !prev);
-    setIsSwitchOn(true);
-    const payload = values;
-    updateAutoFunding.mutate(payload, {
-      onSuccess: () => autoFundingConfiguration.refetch()
-    });
-  }));
-  /**
-   * This function toggles the form visibility and conditionally disables auto-funding
-   * when falsy. This is because when someone toggles the enable auto-funding switch
-   * off, they do not want to have auto-funding enabled at all.
-   */
-  const handleToggle = isEnabled => {
-    setIsSwitchOn(isEnabled);
-    setShowForm(isEnabled);
-    formReset(isEnabled);
-    if (!isEnabled) {
-      setIsSwitchOn(isEnabled);
-      updateAutoFunding.mutate(form.getValues(), {
-        onSuccess: () => autoFundingConfiguration.refetch()
-      });
-    }
-  };
-  if (autoFundingConfiguration.isLoading || updateAutoFunding.isLoading) return jsxRuntime.jsx(Loader, {
-    message: t("manage-funding:autoFunding.isLoading")
-  });
-  if (!autoFundingSettings) throw new Error(t("errorMessages:unableToLoad.autoFundingSettings"));
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsxs(Spread, {
-      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
-        bold: !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled),
-        variant: "body1"
-      }, {
-        children: t("manage-funding:autoFunding:isEnabledCTA")
-      })), jsxRuntime.jsx(Switch, {
-        "data-testid": "auto-funding-toggle",
-        defaultChecked: isSwitchOn,
-        name: "isEnabled",
-        onChange: e => handleToggle(e.target.checked),
-        value: isSwitchOn
-      })]
-    }), jsxRuntime.jsx(Spacer, {
-      multiplier: 1
-    }), !!(autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.isAutoPurchaseEnabled) && !showForm && jsxRuntime.jsxs(Spread, {
-      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
-        variant: "body1"
-      }, {
-        children: t("manage-funding:autoFunding.readSettings", Object.assign({}, autoFundingSettings))
-      })), jsxRuntime.jsx(LinkAction, {
-        css: styles$1.edit,
-        onClick: () => handleToggle(true),
-        title: t("manage-funding:autoFunding:edit")
-      })]
-    }), jsxRuntime.jsxs("form", Object.assign({
-      css: styles$1.getForm(showForm),
-      "data-testid": "auto-funding-form",
-      id: "auto-funding-form",
-      onSubmit: handleSubmit
-    }, {
-      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
-        bold: true,
-        variant: "body1"
-      }, {
-        children: t("manage-funding:autoFunding:editSettings")
-      })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$1.marginLeft
-      }, {
-        children: jsxRuntime.jsx(MoneyInput, {
-          control: form.control,
-          css: styles$1.input,
-          "data-testid": "auto-funding-threshold-input",
-          defaultValue: {
-            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseThreshold,
-            currency: alchemy.Currency.USD
-          },
-          disabled: !watchIsEnabled,
-          label: t("manage-funding:autoFunding.lowBalancePurchaseThreshold"),
-          labelWeight: "normal",
-          name: "lowBalancePurchaseThreshold",
-          showCurrencySymbol: true
-        })
-      })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$1.marginLeft
-      }, {
-        children: jsxRuntime.jsx(MoneyInput, {
-          control: form.control,
-          css: styles$1.input,
-          "data-testid": "auto-funding-purchase-amount-input",
-          defaultValue: {
-            amount: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseAmount,
-            currency: alchemy.Currency.USD
-          },
-          disabled: !watchIsEnabled,
-          label: t("manage-funding:autoFunding.purchaseAmount"),
-          labelWeight: "normal",
-          name: "purchaseAmount",
-          showCurrencySymbol: true
-        })
-      })), jsxRuntime.jsx("div", Object.assign({
-        css: styles$1.marginLeft
-      }, {
-        children: jsxRuntime.jsx(NumberInput, {
-          control: form.control,
-          css: styles$1.input,
-          "data-testid": "auto-funding-max-per-day-input",
-          defaultValue: autoFundingSettings === null || autoFundingSettings === void 0 ? void 0 : autoFundingSettings.autoPurchaseCutoff,
-          disabled: !watchIsEnabled,
-          isInteger: true,
-          label: t("manage-funding:autoFunding.maximumPurchasesPerDay"),
-          labelWeight: "normal",
-          name: "maximumPurchasesPerDay"
-        })
-      })), jsxRuntime.jsxs(ButtonGroup, Object.assign({
-        justify: "end"
-      }, {
-        children: [jsxRuntime.jsx(giger.Button, Object.assign({
-          onClick: isSwitchOn ? () => setShowForm(false) : () => handleToggle(false),
-          variant: giger.ButtonVariant.TEXT
-        }, {
-          children: t("actions.cancel")
-        })), jsxRuntime.jsx(SubmitButton, Object.assign({
-          control: form.control,
-          "data-testid": "submit-auto-funding",
-          disabled: !watchIsEnabled,
-          requireDirty: true,
-          variant: giger.ButtonVariant.OUTLINED
-        }, {
-          children: t("manage-funding:actions.saveRule")
-        }))]
-      }))]
-    })), autoFundingConfiguration.error && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(Spacer, {
-        multiplier: 1
-      }), jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-        title: t("manage-funding:autoFunding.error.title"),
-        type: giger.NotificationType.ERROR
-      }, {
-        children: autoFundingConfiguration.error[0].message
-      }))]
-    })]
-  });
-};
-
 const styles = createStyles({
   getDateRangeSelect: fullWidth => theme => ({
     minWidth: theme.spacing(30),
@@ -15850,7 +15869,8 @@ var viewShipment$1 = {
 	multipleShippingServices: "Multiple shipping services",
 	sections: {
 		labels: "Labels"
-	}
+	},
+	noLabels: "No Labels"
 }
 };