@shipengine/elements 0.10.0 → 0.10.1

package/components/configure-shipment/hooks/use-rates-form.d.ts

@@ -13,11 +13,13 @@ export type UseRatesFormProps = {
 export declare const useRatesForm: ({ onBeforeLabelCreate, onLabelCreateFailure, onLabelCreateSuccess, onRateSaved, onRatesCalculated, onShipmentUpdated, printLabelLayout, shipment, }: UseRatesFormProps) => {
     carriers: SE.Carrier[] | undefined;
     errors: SE.CodedError[] | undefined;
+    labelErrors: SE.CodedError[] | undefined;
     isLoading: boolean;
     onSave: ({ carrierId, serviceCode }: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void>;
     onSubmit: (rateId: string) => Promise<void>;
     rates: SE.Rate[] | undefined;
     requestRates: (shipment: SE.SalesOrderShipment) => Promise<void>;
+    resetLabel: () => void;
     resetRates: () => void;
     shipment: SE.SalesOrderShipment | undefined;
 };

package/index.cjs

@@ -19339,6 +19339,8 @@ const useRatesForm = ({
     shipmentId: shipment === null || shipment === void 0 ? void 0 : shipment.shipmentId
   });
   const {
+    errors: labelErrors,
+    reset: resetLabel,
     trigger: createLabel
   } = elementsCore.useCreateLabel(printLabelLayout);
   const {
@@ -19409,11 +19411,13 @@ const useRatesForm = ({
   return {
     carriers,
     errors: errors.length > 0 ? errors : undefined,
+    labelErrors: (labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length) ? labelErrors : undefined,
     isLoading: ratesCalculating,
     onSave: handleSave,
     onSubmit: handleSubmit,
     rates: ratesResponse === null || ratesResponse === void 0 ? void 0 : ratesResponse.rates,
     requestRates,
+    resetLabel,
     resetRates,
     shipment
   };
@@ -19527,10 +19531,11 @@ const ConfigureShipment = _a => {
       shipment
     }),
     {
+      requestRates,
       resetRates,
-      requestRates
+      resetLabel
     } = _b,
-    rateFormProps = __rest(_b, ["resetRates", "requestRates"]);
+    rateFormProps = __rest(_b, ["requestRates", "resetRates", "resetLabel"]);
   const shipmentFormProps = useShipmentForm({
     onAddressValidation,
     onApplyPreset: react.useCallback((_preset, shipment) => __awaiter(void 0, void 0, void 0, function* () {
@@ -19554,14 +19559,19 @@ const ConfigureShipment = _a => {
       setRateFormDisabled(false);
     }
   }, []);
+  const handleOnDirty = react.useCallback(() => {
+    resetRates();
+    resetLabel();
+  }, [resetRates, resetLabel]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(elementsUi.Templates.ShipmentForm, Object.assign({}, shipmentFormProps, props, {
-      onDirty: resetRates,
+      onDirty: handleOnDirty,
       onCharsetWarning: handleCharsetWarning,
       features: features === null || features === void 0 ? void 0 : features.shipmentForm
     })), jsxRuntime.jsx(elementsUi.Templates.RateForm, Object.assign({}, rateFormProps, {
       disabled: rateFormDisabled,
-      features: features === null || features === void 0 ? void 0 : features.rateForm
+      features: features === null || features === void 0 ? void 0 : features.rateForm,
+      onSelectRate: resetLabel
     }))]
   });
 };

package/index.js

@@ -19335,6 +19335,8 @@ const useRatesForm = ({
     shipmentId: shipment === null || shipment === void 0 ? void 0 : shipment.shipmentId
   });
   const {
+    errors: labelErrors,
+    reset: resetLabel,
     trigger: createLabel
   } = useCreateLabel(printLabelLayout);
   const {
@@ -19405,11 +19407,13 @@ const useRatesForm = ({
   return {
     carriers,
     errors: errors.length > 0 ? errors : undefined,
+    labelErrors: (labelErrors === null || labelErrors === void 0 ? void 0 : labelErrors.length) ? labelErrors : undefined,
     isLoading: ratesCalculating,
     onSave: handleSave,
     onSubmit: handleSubmit,
     rates: ratesResponse === null || ratesResponse === void 0 ? void 0 : ratesResponse.rates,
     requestRates,
+    resetLabel,
     resetRates,
     shipment
   };
@@ -19523,10 +19527,11 @@ const ConfigureShipment = _a => {
       shipment
     }),
     {
+      requestRates,
       resetRates,
-      requestRates
+      resetLabel
     } = _b,
-    rateFormProps = __rest(_b, ["resetRates", "requestRates"]);
+    rateFormProps = __rest(_b, ["requestRates", "resetRates", "resetLabel"]);
   const shipmentFormProps = useShipmentForm({
     onAddressValidation,
     onApplyPreset: useCallback((_preset, shipment) => __awaiter(void 0, void 0, void 0, function* () {
@@ -19550,14 +19555,19 @@ const ConfigureShipment = _a => {
       setRateFormDisabled(false);
     }
   }, []);
+  const handleOnDirty = useCallback(() => {
+    resetRates();
+    resetLabel();
+  }, [resetRates, resetLabel]);
   return jsxs(Fragment, {
     children: [jsx(Templates.ShipmentForm, Object.assign({}, shipmentFormProps, props, {
-      onDirty: resetRates,
+      onDirty: handleOnDirty,
       onCharsetWarning: handleCharsetWarning,
       features: features === null || features === void 0 ? void 0 : features.shipmentForm
     })), jsx(Templates.RateForm, Object.assign({}, rateFormProps, {
       disabled: rateFormDisabled,
-      features: features === null || features === void 0 ? void 0 : features.rateForm
+      features: features === null || features === void 0 ? void 0 : features.rateForm,
+      onSelectRate: resetLabel
     }))]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "peerDependencies": {
     "@packlink/giger": "*",
     "react-i18next": "*",
@@ -12,9 +12,9 @@
   "types": "./index.d.ts",
   "dependencies": {
     "react": "^18.2.0",
-    "@shipengine/elements-core": "0.10.0",
-    "@shipengine/elements-ui": "0.10.0",
-    "@shipengine/types": "0.10.0",
+    "@shipengine/elements-core": "0.10.1",
+    "@shipengine/elements-ui": "0.10.1",
+    "@shipengine/types": "0.10.1",
     "@emotion/react": "^11.10.0",
     "@packlink/brands": "^3.18.0"
   }