@shipengine/elements 0.26.7 → 0.26.15

package/index.cjs

@@ -8052,13 +8052,23 @@ const styles$g = createStyles({
 const ListCarriers = ({
   carriers: _carriers = [],
   errors,
+  features,
   isLoading,
   onRegisterCarrier,
   registerCarrierErrors
 }) => {
+  features = Object.assign({
+    carriers: {
+      enabledCarriers: ["dhl_express_walleted", "ups"]
+    }
+  }, features !== null && features !== void 0 ? features : {});
   const {
     t
   } = reactI18next.useTranslation();
+  const enabledCarriers = _carriers.filter(carrier => {
+    var _a;
+    return carrier.carrier.carrierCode === "stamps_com" || ((_a = features === null || features === void 0 ? void 0 : features.carriers) === null || _a === void 0 ? void 0 : _a.enabledCarriers.includes(carrier.carrier.carrierCode));
+  });
   return jsxRuntime.jsxs(Section, Object.assign({
     title: t("list-carriers:headers.carriers")
   }, {
@@ -8081,7 +8091,7 @@ const ListCarriers = ({
     }, {
       children: isLoading ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(LoadingSkeletonRow, {}), jsxRuntime.jsx(LoadingSkeletonRow, {}), jsxRuntime.jsx(LoadingSkeletonRow, {})]
-      }) : _carriers.map(carrier => jsxRuntime.jsx("li", {
+      }) : enabledCarriers.map(carrier => jsxRuntime.jsx("li", {
         children: jsxRuntime.jsx(ListCarriersRow, {
           connectedCarrier: carrier,
           registerCarrier: values => __awaiter(void 0, void 0, void 0, function* () {
@@ -10201,12 +10211,13 @@ const Onboarding = ({
   registerUpsCarrierErrors,
   warehouses
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    carriers: {
+      enabledCarriers: ["ups", "dhl_express_walleted"]
+    },
+    presentation: {
+      poweredByShipEngine: false
     }
   }, features !== null && features !== void 0 ? features : {});
   const {
@@ -10222,9 +10233,10 @@ const Onboarding = ({
   // Make sure their Stamps carrier is not the Free one
   // Once an account adds a UPS carrier to their Stamps wallet, the carrierCode changes from "stamps_com" => "usps"
   const hasStampsWallet = carriers === null || carriers === void 0 ? void 0 : carriers.some(carrier => carrier.carrierCode === "stamps_com" && carrier.nickname !== "Free" || carrier.carrierCode === "usps");
+  const upsEnabled = (_b = (_a = features === null || features === void 0 ? void 0 : features.carriers) === null || _a === void 0 ? void 0 : _a.enabledCarriers) === null || _b === void 0 ? void 0 : _b.includes("ups");
   const hasUps = carriers === null || carriers === void 0 ? void 0 : carriers.some(c => c.carrierCode === "ups");
   const hasDhl = carriers === null || carriers === void 0 ? void 0 : carriers.some(c => c.carrierCode === "dhl_express_worldwide");
-  const hasCompletedOnboarding = onboardingComplete || warehouses.length && hasStampsWallet && hasUps && hasDhl;
+  const hasCompletedOnboarding = onboardingComplete || warehouses.length && hasStampsWallet && (hasUps || !upsEnabled) && hasDhl;
   const currentStep = React.useMemo(() => {
     if (hasCompletedOnboarding) {
       return 5;
@@ -10243,7 +10255,7 @@ const Onboarding = ({
   }) => __awaiter(void 0, void 0, void 0, function* () {
     setAddress(address);
     try {
-      yield Promise.all([!hasUps && address && registerUpsCarrier({
+      yield Promise.all([upsEnabled && !hasUps && address && registerUpsCarrier({
         address,
         agreeToCarrierTerms: agreedToTerms,
         carrierCode: "ups",
@@ -10253,7 +10265,7 @@ const Onboarding = ({
         carrierCode: "dhl_express_walleted",
         nickname: "dhl_express_walleted"
       })]);
-    } catch (_c) {
+    } catch (_d) {
       // Errors shown inline for recovery
     }
     yield onCarrierCreated();
@@ -10282,7 +10294,7 @@ const Onboarding = ({
     });
   });
   const renderStep = () => {
-    var _a;
+    var _a, _b, _c;
     // Step 5: Onboarding Complete
     if (hasCompletedOnboarding) {
       return jsxRuntime.jsx(CompletionPage, {
@@ -10296,7 +10308,7 @@ const Onboarding = ({
     // Step 2: Agree to Terms and Conditions
     if (!agreedToTerms) {
       return jsxRuntime.jsx(CarrierTermsForm, {
-        carrierCodes: ["stamps_com", "ups", "dhl_express_walleted"],
+        carrierCodes: ["stamps_com"].concat((_b = (_a = features === null || features === void 0 ? void 0 : features.carriers) === null || _a === void 0 ? void 0 : _a.enabledCarriers) !== null && _b !== void 0 ? _b : []),
         onSubmit: () => {
           setAgreedToTerms(true);
           if (!warehouses.length) {
@@ -10346,7 +10358,7 @@ const Onboarding = ({
     }
     // Step 4: Register Stamps Wallet, UPS, DHL
     if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet && !hasCompletedBilling) {
-      const defaultWarehouse = (_a = warehouses.find(w => w.isDefault)) !== null && _a !== void 0 ? _a : warehouses[0];
+      const defaultWarehouse = (_c = warehouses.find(w => w.isDefault)) !== null && _c !== void 0 ? _c : warehouses[0];
       return jsxRuntime.jsx(AddressPreferenceProvider, Object.assign({
         formHeader: jsxRuntime.jsxs("div", Object.assign({
           css: styles$c.walletFormHeader
@@ -10401,7 +10413,7 @@ const Onboarding = ({
     }
     if (hasStampsWallet) {
       // Step 4.1: Handle UPS Registration Errors
-      if (!hasUps && registerUpsCarrierErrors) {
+      if (upsEnabled && !hasUps && registerUpsCarrierErrors) {
         return jsxRuntime.jsx(CarrierRecoveryForm, {
           address: address,
           carrierCode: "ups",
@@ -10447,7 +10459,7 @@ const Onboarding = ({
         css: styles$c.step,
         label: t("onboarding:steps.payment")
       })]
-    })), renderStep(), ((_b = (_a = features === null || features === void 0 ? void 0 : features.global) === null || _a === void 0 ? void 0 : _a.presentation) === null || _b === void 0 ? void 0 : _b.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    })), renderStep(), ((_c = features === null || features === void 0 ? void 0 : features.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(PoweredByShipEngine, {})]
     })]
   }));
@@ -10805,8 +10817,10 @@ const styles$9 = createStyles({
 });
 
 const CarrierBalance = ({
+  balance,
   carrierId
 }) => {
+  var _a;
   const {
     t
   } = reactI18next.useTranslation();
@@ -10815,16 +10829,16 @@ const CarrierBalance = ({
     isLoading: isLoadingCarrier,
     isRefetching: isRefetchingCarrier
   } = alchemy.useGetCarrierById(carrierId);
-  const balance = carrier === null || carrier === void 0 ? void 0 : carrier.balance;
+  const carrierBalance = (_a = carrier === null || carrier === void 0 ? void 0 : carrier.balance) !== null && _a !== void 0 ? _a : balance;
   return jsxRuntime.jsx(InlineLabel, Object.assign({
     label: t("manage-funding:currentBalance")
   }, {
     children: isLoadingCarrier || isRefetchingCarrier ? jsxRuntime.jsx(giger.Spinner, {}) : jsxRuntime.jsx(giger.Typography, Object.assign({
       bold: true,
-      css: styles$9.getBalanceText(balance)
+      css: styles$9.getBalanceText(carrierBalance)
     }, {
-      children: balance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
-        amount: balance,
+      children: carrierBalance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
+        amount: carrierBalance,
         currency: alchemy.SE.Currency.USD
       })
     }))
@@ -10872,6 +10886,7 @@ const styles$8 = createStyles({
  * to submit the funding form followed by the purchase form.
  */
 const FundAndPurchase = ({
+  balance: uspsBalance,
   carrierId,
   className,
   control,
@@ -10947,13 +10962,23 @@ const FundAndPurchase = ({
       }))]
     }))]
   });
-  // Render: not a walleted carrier;
-  //         don't show balance or funding form
-  if (!isFundingRequired) return jsxRuntime.jsx("div", Object.assign({
+  // render when no rate has been selected yet
+  if (!carrierId) return jsxRuntime.jsxs("div", Object.assign({
     className: className,
     css: styles$8.container
   }, {
-    children: renderActionButtons()
+    children: [jsxRuntime.jsxs(Spread, {
+      children: [jsxRuntime.jsx(CarrierBalance, {
+        balance: uspsBalance
+      }), isFundingEnabled ? jsxRuntime.jsx(LinkAction, {
+        icon: "add",
+        isDisabled: !isFundingRequired || isAddFundsFormOpen || isRateFormSubmitting,
+        onClick: () => setIsAddFundsFormOpen(true),
+        title: t("manage-funding:actions.addFunds")
+      }) : null]
+    }), jsxRuntime.jsx(Spacer, {
+      multiplier: 2
+    }), renderActionButtons()]
   }));
   if (isLoadingCarrier) return jsxRuntime.jsx(Loader, {
     message: t("loading.carrier")
@@ -11550,12 +11575,10 @@ const RateForm = ({
   shipment,
   outOfBandDisplayableErrors
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    presentation: {
+      poweredByShipEngine: false
     },
     rateForm: {
       enableGlobalPostFiltering: false,
@@ -11652,6 +11675,10 @@ const RateForm = ({
       }, 0);
     }
   }, [form, rateOptions, errors === null || errors === void 0 ? void 0 : errors.length]);
+  const balance = React.useMemo(() => {
+    var _a;
+    return (_a = carriers === null || carriers === void 0 ? void 0 : carriers.find(carrier => carrier.carrierCode === "usps")) === null || _a === void 0 ? void 0 : _a.balance;
+  }, [carriers]);
   return jsxRuntime.jsxs("form", Object.assign({
     id: "rate-form",
     onSubmit: handleSubmit,
@@ -11717,6 +11744,7 @@ const RateForm = ({
         display: "purchase"
       })
     })), jsxRuntime.jsx(FundAndPurchase, {
+      balance: balance,
       carrierId: selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId,
       control: form.control,
       css: styles$4.fundAndPurchase,
@@ -11726,7 +11754,7 @@ const RateForm = ({
       onPurchase: handleSubmit,
       onSave: handleSaveRate,
       purchaseAmount: getTotalRateAmount(selectedRate)
-    }), ((_f = (_e = features === null || features === void 0 ? void 0 : features.global) === null || _e === void 0 ? void 0 : _e.presentation) === null || _f === void 0 ? void 0 : _f.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    }), ((_e = features === null || features === void 0 ? void 0 : features.presentation) === null || _e === void 0 ? void 0 : _e.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(PoweredByShipEngine, {})]
     })]
   }));
@@ -13054,12 +13082,10 @@ const Shipment = ({
   shipment,
   warehouse
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    presentation: {
+      poweredByShipEngine: false
     }
   }, features !== null && features !== void 0 ? features : {});
   const {
@@ -13242,7 +13268,7 @@ const Shipment = ({
           })), "representative."]
         }))
       }))
-    })), ((_d = (_c = features === null || features === void 0 ? void 0 : features.global) === null || _c === void 0 ? void 0 : _c.presentation) === null || _d === void 0 ? void 0 : _d.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    })), ((_c = features === null || features === void 0 ? void 0 : features.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(PoweredByShipEngine, {})]
     })]
   });
@@ -14372,7 +14398,9 @@ const useListConnectedCarriers = () => {
   };
 };
 
-const Component$5 = () => {
+const Component$5 = ({
+  features
+}) => {
   const {
     data: carriersConnectedStatus,
     error,
@@ -14395,6 +14423,7 @@ const Component$5 = () => {
   return jsxRuntime.jsx(ListCarriers, {
     carriers: carriersConnectedStatus,
     errors: error,
+    features: features,
     isLoading: isLoading,
     onRegisterCarrier: handleRegistration,
     registerCarrierErrors: registerCarrierErrors
@@ -15748,12 +15777,10 @@ const Component = ({
   onSuccess,
   onViewShipment
 }) => {
-  var _a, _b, _c;
+  var _a, _b;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    presentation: {
+      poweredByShipEngine: false
     }
   }, features !== null && features !== void 0 ? features : {});
   // TODO [LMNT-910] - labelId should be a required prop
@@ -15789,7 +15816,7 @@ const Component = ({
       onViewShipment: onViewShipment,
       shipment: shipment.data,
       voidRequest: voidLabel.data
-    }), ((_c = (_b = features === null || features === void 0 ? void 0 : features.global) === null || _b === void 0 ? void 0 : _b.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    }), ((_b = features === null || features === void 0 ? void 0 : features.presentation) === null || _b === void 0 ? void 0 : _b.poweredByShipEngine) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(Spacer, {}), jsxRuntime.jsx(PoweredByShipEngine, {})]
     })]
   });

package/index.js

@@ -8020,13 +8020,23 @@ const styles$g = createStyles({
 const ListCarriers = ({
   carriers: _carriers = [],
   errors,
+  features,
   isLoading,
   onRegisterCarrier,
   registerCarrierErrors
 }) => {
+  features = Object.assign({
+    carriers: {
+      enabledCarriers: ["dhl_express_walleted", "ups"]
+    }
+  }, features !== null && features !== void 0 ? features : {});
   const {
     t
   } = useTranslation();
+  const enabledCarriers = _carriers.filter(carrier => {
+    var _a;
+    return carrier.carrier.carrierCode === "stamps_com" || ((_a = features === null || features === void 0 ? void 0 : features.carriers) === null || _a === void 0 ? void 0 : _a.enabledCarriers.includes(carrier.carrier.carrierCode));
+  });
   return jsxs(Section, Object.assign({
     title: t("list-carriers:headers.carriers")
   }, {
@@ -8049,7 +8059,7 @@ const ListCarriers = ({
     }, {
       children: isLoading ? jsxs(Fragment, {
         children: [jsx(LoadingSkeletonRow, {}), jsx(LoadingSkeletonRow, {}), jsx(LoadingSkeletonRow, {})]
-      }) : _carriers.map(carrier => jsx("li", {
+      }) : enabledCarriers.map(carrier => jsx("li", {
         children: jsx(ListCarriersRow, {
           connectedCarrier: carrier,
           registerCarrier: values => __awaiter(void 0, void 0, void 0, function* () {
@@ -10169,12 +10179,13 @@ const Onboarding = ({
   registerUpsCarrierErrors,
   warehouses
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    carriers: {
+      enabledCarriers: ["ups", "dhl_express_walleted"]
+    },
+    presentation: {
+      poweredByShipEngine: false
     }
   }, features !== null && features !== void 0 ? features : {});
   const {
@@ -10190,9 +10201,10 @@ const Onboarding = ({
   // Make sure their Stamps carrier is not the Free one
   // Once an account adds a UPS carrier to their Stamps wallet, the carrierCode changes from "stamps_com" => "usps"
   const hasStampsWallet = carriers === null || carriers === void 0 ? void 0 : carriers.some(carrier => carrier.carrierCode === "stamps_com" && carrier.nickname !== "Free" || carrier.carrierCode === "usps");
+  const upsEnabled = (_b = (_a = features === null || features === void 0 ? void 0 : features.carriers) === null || _a === void 0 ? void 0 : _a.enabledCarriers) === null || _b === void 0 ? void 0 : _b.includes("ups");
   const hasUps = carriers === null || carriers === void 0 ? void 0 : carriers.some(c => c.carrierCode === "ups");
   const hasDhl = carriers === null || carriers === void 0 ? void 0 : carriers.some(c => c.carrierCode === "dhl_express_worldwide");
-  const hasCompletedOnboarding = onboardingComplete || warehouses.length && hasStampsWallet && hasUps && hasDhl;
+  const hasCompletedOnboarding = onboardingComplete || warehouses.length && hasStampsWallet && (hasUps || !upsEnabled) && hasDhl;
   const currentStep = useMemo(() => {
     if (hasCompletedOnboarding) {
       return 5;
@@ -10211,7 +10223,7 @@ const Onboarding = ({
   }) => __awaiter(void 0, void 0, void 0, function* () {
     setAddress(address);
     try {
-      yield Promise.all([!hasUps && address && registerUpsCarrier({
+      yield Promise.all([upsEnabled && !hasUps && address && registerUpsCarrier({
         address,
         agreeToCarrierTerms: agreedToTerms,
         carrierCode: "ups",
@@ -10221,7 +10233,7 @@ const Onboarding = ({
         carrierCode: "dhl_express_walleted",
         nickname: "dhl_express_walleted"
       })]);
-    } catch (_c) {
+    } catch (_d) {
       // Errors shown inline for recovery
     }
     yield onCarrierCreated();
@@ -10250,7 +10262,7 @@ const Onboarding = ({
     });
   });
   const renderStep = () => {
-    var _a;
+    var _a, _b, _c;
     // Step 5: Onboarding Complete
     if (hasCompletedOnboarding) {
       return jsx(CompletionPage, {
@@ -10264,7 +10276,7 @@ const Onboarding = ({
     // Step 2: Agree to Terms and Conditions
     if (!agreedToTerms) {
       return jsx(CarrierTermsForm, {
-        carrierCodes: ["stamps_com", "ups", "dhl_express_walleted"],
+        carrierCodes: ["stamps_com"].concat((_b = (_a = features === null || features === void 0 ? void 0 : features.carriers) === null || _a === void 0 ? void 0 : _a.enabledCarriers) !== null && _b !== void 0 ? _b : []),
         onSubmit: () => {
           setAgreedToTerms(true);
           if (!warehouses.length) {
@@ -10314,7 +10326,7 @@ const Onboarding = ({
     }
     // Step 4: Register Stamps Wallet, UPS, DHL
     if (agreedToTerms && warehouses.length && hasValidAddress && !hasStampsWallet && !hasCompletedBilling) {
-      const defaultWarehouse = (_a = warehouses.find(w => w.isDefault)) !== null && _a !== void 0 ? _a : warehouses[0];
+      const defaultWarehouse = (_c = warehouses.find(w => w.isDefault)) !== null && _c !== void 0 ? _c : warehouses[0];
       return jsx(AddressPreferenceProvider, Object.assign({
         formHeader: jsxs("div", Object.assign({
           css: styles$c.walletFormHeader
@@ -10369,7 +10381,7 @@ const Onboarding = ({
     }
     if (hasStampsWallet) {
       // Step 4.1: Handle UPS Registration Errors
-      if (!hasUps && registerUpsCarrierErrors) {
+      if (upsEnabled && !hasUps && registerUpsCarrierErrors) {
         return jsx(CarrierRecoveryForm, {
           address: address,
           carrierCode: "ups",
@@ -10415,7 +10427,7 @@ const Onboarding = ({
         css: styles$c.step,
         label: t("onboarding:steps.payment")
       })]
-    })), renderStep(), ((_b = (_a = features === null || features === void 0 ? void 0 : features.global) === null || _a === void 0 ? void 0 : _a.presentation) === null || _b === void 0 ? void 0 : _b.poweredByShipEngine) && jsxs(Fragment, {
+    })), renderStep(), ((_c = features === null || features === void 0 ? void 0 : features.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
     })]
   }));
@@ -10773,8 +10785,10 @@ const styles$9 = createStyles({
 });
 
 const CarrierBalance = ({
+  balance,
   carrierId
 }) => {
+  var _a;
   const {
     t
   } = useTranslation();
@@ -10783,16 +10797,16 @@ const CarrierBalance = ({
     isLoading: isLoadingCarrier,
     isRefetching: isRefetchingCarrier
   } = useGetCarrierById(carrierId);
-  const balance = carrier === null || carrier === void 0 ? void 0 : carrier.balance;
+  const carrierBalance = (_a = carrier === null || carrier === void 0 ? void 0 : carrier.balance) !== null && _a !== void 0 ? _a : balance;
   return jsx(InlineLabel, Object.assign({
     label: t("manage-funding:currentBalance")
   }, {
     children: isLoadingCarrier || isRefetchingCarrier ? jsx(Spinner, {}) : jsx(Typography, Object.assign({
       bold: true,
-      css: styles$9.getBalanceText(balance)
+      css: styles$9.getBalanceText(carrierBalance)
     }, {
-      children: balance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
-        amount: balance,
+      children: carrierBalance === undefined ? t("manage-funding:errors.balanceUnknown") : formatMoney({
+        amount: carrierBalance,
         currency: SE.Currency.USD
       })
     }))
@@ -10840,6 +10854,7 @@ const styles$8 = createStyles({
  * to submit the funding form followed by the purchase form.
  */
 const FundAndPurchase = ({
+  balance: uspsBalance,
   carrierId,
   className,
   control,
@@ -10915,13 +10930,23 @@ const FundAndPurchase = ({
       }))]
     }))]
   });
-  // Render: not a walleted carrier;
-  //         don't show balance or funding form
-  if (!isFundingRequired) return jsx("div", Object.assign({
+  // render when no rate has been selected yet
+  if (!carrierId) return jsxs("div", Object.assign({
     className: className,
     css: styles$8.container
   }, {
-    children: renderActionButtons()
+    children: [jsxs(Spread, {
+      children: [jsx(CarrierBalance, {
+        balance: uspsBalance
+      }), isFundingEnabled ? jsx(LinkAction, {
+        icon: "add",
+        isDisabled: !isFundingRequired || isAddFundsFormOpen || isRateFormSubmitting,
+        onClick: () => setIsAddFundsFormOpen(true),
+        title: t("manage-funding:actions.addFunds")
+      }) : null]
+    }), jsx(Spacer, {
+      multiplier: 2
+    }), renderActionButtons()]
   }));
   if (isLoadingCarrier) return jsx(Loader, {
     message: t("loading.carrier")
@@ -11518,12 +11543,10 @@ const RateForm = ({
   shipment,
   outOfBandDisplayableErrors
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    presentation: {
+      poweredByShipEngine: false
     },
     rateForm: {
       enableGlobalPostFiltering: false,
@@ -11620,6 +11643,10 @@ const RateForm = ({
       }, 0);
     }
   }, [form, rateOptions, errors === null || errors === void 0 ? void 0 : errors.length]);
+  const balance = useMemo(() => {
+    var _a;
+    return (_a = carriers === null || carriers === void 0 ? void 0 : carriers.find(carrier => carrier.carrierCode === "usps")) === null || _a === void 0 ? void 0 : _a.balance;
+  }, [carriers]);
   return jsxs("form", Object.assign({
     id: "rate-form",
     onSubmit: handleSubmit,
@@ -11685,6 +11712,7 @@ const RateForm = ({
         display: "purchase"
       })
     })), jsx(FundAndPurchase, {
+      balance: balance,
       carrierId: selectedRate === null || selectedRate === void 0 ? void 0 : selectedRate.carrierId,
       control: form.control,
       css: styles$4.fundAndPurchase,
@@ -11694,7 +11722,7 @@ const RateForm = ({
       onPurchase: handleSubmit,
       onSave: handleSaveRate,
       purchaseAmount: getTotalRateAmount(selectedRate)
-    }), ((_f = (_e = features === null || features === void 0 ? void 0 : features.global) === null || _e === void 0 ? void 0 : _e.presentation) === null || _f === void 0 ? void 0 : _f.poweredByShipEngine) && jsxs(Fragment, {
+    }), ((_e = features === null || features === void 0 ? void 0 : features.presentation) === null || _e === void 0 ? void 0 : _e.poweredByShipEngine) && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
     })]
   }));
@@ -13022,12 +13050,10 @@ const Shipment = ({
   shipment,
   warehouse
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    presentation: {
+      poweredByShipEngine: false
     }
   }, features !== null && features !== void 0 ? features : {});
   const {
@@ -13210,7 +13236,7 @@ const Shipment = ({
           })), "representative."]
         }))
       }))
-    })), ((_d = (_c = features === null || features === void 0 ? void 0 : features.global) === null || _c === void 0 ? void 0 : _c.presentation) === null || _d === void 0 ? void 0 : _d.poweredByShipEngine) && jsxs(Fragment, {
+    })), ((_c = features === null || features === void 0 ? void 0 : features.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
     })]
   });
@@ -14340,7 +14366,9 @@ const useListConnectedCarriers = () => {
   };
 };
 
-const Component$5 = () => {
+const Component$5 = ({
+  features
+}) => {
   const {
     data: carriersConnectedStatus,
     error,
@@ -14363,6 +14391,7 @@ const Component$5 = () => {
   return jsx(ListCarriers, {
     carriers: carriersConnectedStatus,
     errors: error,
+    features: features,
     isLoading: isLoading,
     onRegisterCarrier: handleRegistration,
     registerCarrierErrors: registerCarrierErrors
@@ -15716,12 +15745,10 @@ const Component = ({
   onSuccess,
   onViewShipment
 }) => {
-  var _a, _b, _c;
+  var _a, _b;
   features = Object.assign({
-    global: {
-      presentation: {
-        poweredByShipEngine: false
-      }
+    presentation: {
+      poweredByShipEngine: false
     }
   }, features !== null && features !== void 0 ? features : {});
   // TODO [LMNT-910] - labelId should be a required prop
@@ -15757,7 +15784,7 @@ const Component = ({
       onViewShipment: onViewShipment,
       shipment: shipment.data,
       voidRequest: voidLabel.data
-    }), ((_c = (_b = features === null || features === void 0 ? void 0 : features.global) === null || _b === void 0 ? void 0 : _b.presentation) === null || _c === void 0 ? void 0 : _c.poweredByShipEngine) && jsxs(Fragment, {
+    }), ((_b = features === null || features === void 0 ? void 0 : features.presentation) === null || _b === void 0 ? void 0 : _b.poweredByShipEngine) && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
     })]
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.26.7",
+  "version": "0.26.15",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",

package/src/components/carrier-balance/carrier-balance.d.ts

@@ -1,4 +1,5 @@
 export type CarrierBalanceProps = {
-    carrierId: string;
+    balance?: number;
+    carrierId?: string;
 };
-export declare const CarrierBalance: ({ carrierId }: CarrierBalanceProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarrierBalance: ({ balance, carrierId }: CarrierBalanceProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/fund-and-purchase/fund-and-purchase.d.ts

@@ -1,5 +1,6 @@
 import { Control } from "react-hook-form";
 export type FundAndPurchaseProps = {
+    balance?: number;
     carrierId?: string;
     className?: string;
     control: Control<any, any>;
@@ -15,4 +16,4 @@ export type FundAndPurchaseProps = {
  * has the necessary funds available and can add them if not. It allows a single button
  * to submit the funding form followed by the purchase form.
  */
-export declare const FundAndPurchase: ({ carrierId, className, control, disabled, isFundingEnabled, isFundingRequired, onSave, purchaseAmount, onPurchase, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FundAndPurchase: ({ balance: uspsBalance, carrierId, className, control, disabled, isFundingEnabled, isFundingRequired, onSave, purchaseAmount, onPurchase, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/list-carriers/list-carriers.d.ts

@@ -1,10 +1,16 @@
 import { CarrierConnection, CodedError } from "@shipengine/alchemy";
 import { ConnectedCarrierMetadata } from "../../../elements/list-carriers/hooks/use-list-connected-carriers";
+export type ListCarriersFeatures = {
+    carriers?: {
+        enabledCarriers: string[];
+    };
+};
 export type ListCarriersProps = {
     carriers?: ConnectedCarrierMetadata[];
     errors?: CodedError[] | null;
+    features?: ListCarriersFeatures;
     isLoading?: boolean;
     onRegisterCarrier: (payload: CarrierConnection) => Promise<void>;
     registerCarrierErrors?: CodedError[] | null;
 };
-export declare const ListCarriers: ({ carriers, errors, isLoading, onRegisterCarrier, registerCarrierErrors, }: ListCarriersProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ListCarriers: ({ carriers, errors, features, isLoading, onRegisterCarrier, registerCarrierErrors, }: ListCarriersProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/onboarding/onboarding.d.ts

@@ -13,10 +13,11 @@ export type ValidateBilling = {
 };
 export type ValidateAddress = ValidateWarehouse | ValidateBilling;
 export type OnboardingFeatures = {
-    global?: {
-        presentation?: {
-            poweredByShipEngine?: boolean;
-        };
+    carriers?: {
+        enabledCarriers: string[];
+    };
+    presentation?: {
+        poweredByShipEngine?: boolean;
     };
 };
 export type OnboardingProps = {

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

@@ -6,7 +6,7 @@ export type RateFormProps = {
     displayableErrors?: string[];
     displayableLabelErrors?: string[];
     errors?: SE.CodedError[];
-    features?: Pick<ConfigureShipmentFeatures, "global" | "rateForm">;
+    features?: ConfigureShipmentFeatures;
     isLoading?: boolean;
     labelErrors?: SE.CodedError[];
     labels?: SE.Label[];

package/src/components/templates/shipment/shipment.d.ts

@@ -1,10 +1,8 @@
 import { SE } from "@shipengine/alchemy";
 export declare const schedulePickupForCarrier: (carrierCode?: string, plaftformSchedulePickupUrl?: string) => string | undefined;
 export type ShipmentFeatures = {
-    global?: {
-        presentation?: {
-            poweredByShipEngine?: boolean;
-        };
+    presentation?: {
+        poweredByShipEngine?: boolean;
     };
     shipment?: {
         schedulePickup?: boolean;

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

@@ -12,10 +12,8 @@ export type RateFormFeatures = {
 };
 export type ConfigureShipmentFeatures = {
     compatibleCountryCodes?: UseShipmentFormProps["compatibleCountryCodes"];
-    global?: {
-        presentation?: {
-            poweredByShipEngine?: boolean;
-        };
+    presentation?: {
+        poweredByShipEngine?: boolean;
     };
     rateForm?: RateFormFeatures;
     shipmentForm?: Templates.ShipmentFormFeatures;

package/src/elements/list-carriers/list-carriers.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const Component: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Element: ({ resources, ...props }: object & {
+import { OnboardingProps } from "../../components/templates";
+export type ComponentProps = {
+    features?: OnboardingProps["features"];
+};
+export declare const Component: ({ features }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Element: ({ resources, ...props }: ComponentProps & {
     resources?: {
         en: {
             "wallet-history": {

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

@@ -2,10 +2,8 @@
 import { SE } from "@shipengine/alchemy";
 export type ComponentProps = {
     features?: {
-        global?: {
-            presentation?: {
-                poweredByShipEngine?: boolean;
-            };
+        presentation?: {
+            poweredByShipEngine?: boolean;
         };
     };
     labelId?: string;