@shipengine/elements 0.6.26 → 0.6.28

package/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var elementsCore = require('@shipengine/elements-core');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var reactI18next = require('react-i18next');
 var elementsUi = require('@shipengine/elements-ui');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2873,12 +2874,14 @@ const RateForm = ({
   const updateShipment = elementsCore.useUpdateShipment({
     shipmentId: shipment === null || shipment === void 0 ? void 0 : shipment.shipmentId
   });
-  const handleSubmit = react.useCallback(values => __awaiter(void 0, void 0, void 0, function* () {
-    const rate = rates === null || rates === void 0 ? void 0 : rates.find(r => r.rateId === values.rate.rateId);
+  const handleSubmit = react.useCallback(rateId => __awaiter(void 0, void 0, void 0, function* () {
+    const rate = rates === null || rates === void 0 ? void 0 : rates.find(r => r.rateId === rateId);
 
     if (rate) {
       yield onBeforeLabelCreate === null || onBeforeLabelCreate === void 0 ? void 0 : onBeforeLabelCreate(rate, shipment);
-      const label = yield createLabel.trigger(values.rate);
+      const label = yield createLabel.trigger({
+        rateId
+      });
 
       if (label) {
         yield onLabelCreateSuccess === null || onLabelCreateSuccess === void 0 ? void 0 : onLabelCreateSuccess(label, shipment);
@@ -2888,16 +2891,19 @@ const RateForm = ({
     } else {
       yield onLabelCreateFailure === null || onLabelCreateFailure === void 0 ? void 0 : onLabelCreateFailure(rate, shipment);
     }
-  }), [rates, onBeforeLabelCreate, onLabelCreateSuccess, onLabelCreateFailure, createLabel, shipment]);
-  const handleSave = react.useCallback(rate => __awaiter(void 0, void 0, void 0, function* () {
+  }), [createLabel, onBeforeLabelCreate, onLabelCreateFailure, onLabelCreateSuccess, rates, shipment]);
+  const handleSave = react.useCallback(({
+    carrierId,
+    serviceCode
+  }) => __awaiter(void 0, void 0, void 0, function* () {
     if (shipment) {
       const updatedShipment = yield updateShipment.trigger(Object.assign(Object.assign({}, shipment), {
-        carrierId: rate.carrierId,
-        serviceCode: rate.serviceCode
+        carrierId,
+        serviceCode
       }));
       if (updatedShipment) yield onRateSaved === null || onRateSaved === void 0 ? void 0 : onRateSaved(updatedShipment);
     }
-  }), [shipment, updateShipment, onRateSaved]);
+  }), [onRateSaved, shipment, updateShipment]);
   const carriers = elementsCore.useListCarriers();
   return jsxRuntime.jsx(elementsUi.Templates.RateForm, {
     carriers: carriers.data,
@@ -2906,8 +2912,8 @@ const RateForm = ({
     onSave: handleSave,
     onSubmit: handleSubmit,
     rates: rates,
-    shipment: shipment,
-    scrollToOnLoad: true
+    scrollToOnLoad: true,
+    shipment: shipment
   });
 };
 
@@ -20198,7 +20204,7 @@ const SalesOrder = ({
 
   const {
     t
-  } = elementsCore.useTranslation(["common", "purchase-label"]);
+  } = reactI18next.useTranslation(["common", "purchase-label"]);
   const logger = elementsCore.useLogger();
   const {
     addressPreference,
@@ -20458,7 +20464,7 @@ const Shipment = ({
 
   const {
     t
-  } = elementsCore.useTranslation(["common", "view-shipment"]);
+  } = reactI18next.useTranslation(["common", "view-shipment"]);
   const shipment = elementsCore.useGetShipment({
     shipmentId
   });

package/index.js

@@ -1,6 +1,7 @@
-import { useLogger, useListWarehouses, useListCarriers, useCreateShipment, useUpdateShipment, useParseAddress, useListCustomPackageTypes, useCreateLabel, isDomesticAddress, useTranslation, useListSalesOrders, useListOrderSources, useRefreshOrderSource, useCalculateRates, useValidateAddresses, useListShipments, getIsCustomsRequiredForSalesOrder, getCustomsFromSalesOrder, registerElement, useGetShipment, useListLabels, useGetLabel, useVoidLabel } from '@shipengine/elements-core';
+import { useLogger, useListWarehouses, useListCarriers, useCreateShipment, useUpdateShipment, useParseAddress, useListCustomPackageTypes, useCreateLabel, isDomesticAddress, useListSalesOrders, useListOrderSources, useRefreshOrderSource, useCalculateRates, useValidateAddresses, useListShipments, getIsCustomsRequiredForSalesOrder, getCustomsFromSalesOrder, registerElement, useGetShipment, useListLabels, useGetLabel, useVoidLabel } from '@shipengine/elements-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback, useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Templates, Loader } from '@shipengine/elements-ui';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2869,12 +2870,14 @@ const RateForm = ({
   const updateShipment = useUpdateShipment({
     shipmentId: shipment === null || shipment === void 0 ? void 0 : shipment.shipmentId
   });
-  const handleSubmit = useCallback(values => __awaiter(void 0, void 0, void 0, function* () {
-    const rate = rates === null || rates === void 0 ? void 0 : rates.find(r => r.rateId === values.rate.rateId);
+  const handleSubmit = useCallback(rateId => __awaiter(void 0, void 0, void 0, function* () {
+    const rate = rates === null || rates === void 0 ? void 0 : rates.find(r => r.rateId === rateId);
 
     if (rate) {
       yield onBeforeLabelCreate === null || onBeforeLabelCreate === void 0 ? void 0 : onBeforeLabelCreate(rate, shipment);
-      const label = yield createLabel.trigger(values.rate);
+      const label = yield createLabel.trigger({
+        rateId
+      });
 
       if (label) {
         yield onLabelCreateSuccess === null || onLabelCreateSuccess === void 0 ? void 0 : onLabelCreateSuccess(label, shipment);
@@ -2884,16 +2887,19 @@ const RateForm = ({
     } else {
       yield onLabelCreateFailure === null || onLabelCreateFailure === void 0 ? void 0 : onLabelCreateFailure(rate, shipment);
     }
-  }), [rates, onBeforeLabelCreate, onLabelCreateSuccess, onLabelCreateFailure, createLabel, shipment]);
-  const handleSave = useCallback(rate => __awaiter(void 0, void 0, void 0, function* () {
+  }), [createLabel, onBeforeLabelCreate, onLabelCreateFailure, onLabelCreateSuccess, rates, shipment]);
+  const handleSave = useCallback(({
+    carrierId,
+    serviceCode
+  }) => __awaiter(void 0, void 0, void 0, function* () {
     if (shipment) {
       const updatedShipment = yield updateShipment.trigger(Object.assign(Object.assign({}, shipment), {
-        carrierId: rate.carrierId,
-        serviceCode: rate.serviceCode
+        carrierId,
+        serviceCode
       }));
       if (updatedShipment) yield onRateSaved === null || onRateSaved === void 0 ? void 0 : onRateSaved(updatedShipment);
     }
-  }), [shipment, updateShipment, onRateSaved]);
+  }), [onRateSaved, shipment, updateShipment]);
   const carriers = useListCarriers();
   return jsx(Templates.RateForm, {
     carriers: carriers.data,
@@ -2902,8 +2908,8 @@ const RateForm = ({
     onSave: handleSave,
     onSubmit: handleSubmit,
     rates: rates,
-    shipment: shipment,
-    scrollToOnLoad: true
+    scrollToOnLoad: true,
+    shipment: shipment
   });
 };
 

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.6.26",
+  "version": "0.6.28",
   "peerDependencies": {
-    "@packlink/giger": "*"
+    "@packlink/giger": "*",
+    "react-i18next": "*"
   },
   "module": "./index.js",
   "main": "./index.cjs",
@@ -10,12 +11,11 @@
   "types": "./index.d.ts",
   "dependencies": {
     "react": "^18.2.0",
-    "@shipengine/elements-core": "0.6.26",
-    "react-i18next": "^11.18.4",
+    "@shipengine/elements-core": "0.6.28",
     "i18next": "^21.9.1",
     "i18next-http-backend": "^1.4.1",
     "i18next-browser-languagedetector": "^6.1.4",
-    "@shipengine/types": "0.6.26",
-    "@shipengine/elements-ui": "0.6.26"
+    "@shipengine/types": "0.6.28",
+    "@shipengine/elements-ui": "0.6.28"
   }
 }