@shipengine/elements 0.4.3 → 0.4.5

package/index.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var elementsCore = require('@shipengine/elements-core');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var giger = require('@packlink/giger');
 var elementsUi = require('@shipengine/elements-ui');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -20278,36 +20277,26 @@ const SalesOrder = ({
   const handleLabelCreated = react.useCallback(label => __awaiter(void 0, void 0, void 0, function* () {
     if (label) onPurchase === null || onPurchase === void 0 ? void 0 : onPurchase(label);
   }), [onPurchase]);
-  if (salesOrders.isLoading) return jsxRuntime.jsx(giger.Spinner, Object.assign({
-    size: giger.SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.salesOrder")
-  }));
+  if (salesOrders.isLoading) return jsxRuntime.jsx(elementsUi.Loader, {
+    message: t("loading.salesOrder")
+  });
   if (salesOrders.errors) throw new Error(salesOrders.errors.map(e => e.message).join(", "));
-  if (orderSources.isLoading) return jsxRuntime.jsx(giger.Spinner, Object.assign({
-    size: giger.SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.importingSalesOrder")
-  }));
+  if (orderSources.isLoading) return jsxRuntime.jsx(elementsUi.Loader, {
+    message: t("loading.importingSalesOrder")
+  });
   if (orderSources.errors) throw new Error(orderSources.errors.map(e => e.message).join(", "));
   if (!salesOrders.data) throw new Error(t("errorMessages.unableToLoad.salesOrder"));
-  if (salesOrders.data.length === 0) return jsxRuntime.jsx(giger.Spinner, Object.assign({
-    size: giger.SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.importingSalesOrder")
-  }));
-  if (shipments.isLoading) return jsxRuntime.jsx(giger.Spinner, Object.assign({
-    size: giger.SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.shipment")
-  }));
+  if (salesOrders.data.length === 0) return jsxRuntime.jsx(elementsUi.Loader, {
+    message: t("loading.importingSalesOrder")
+  });
+  if (shipments.isLoading) return jsxRuntime.jsx(elementsUi.Loader, {
+    message: t("loading.shipment")
+  });
   if (shipments.errors) throw new Error(shipments.errors.map(e => e.message).join(", "));
   if (!shipments.data) throw new Error(t("errorMessages.unableToLoad.shipment"));
-  if (carriers.isLoading) return jsxRuntime.jsx(giger.Spinner, Object.assign({
-    size: giger.SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.carriers")
-  }));
+  if (carriers.isLoading) return jsxRuntime.jsx(elementsUi.Loader, {
+    message: t("loading.carriers")
+  });
   const salesOrder = salesOrders.data[0];
   const shipment = shipments.data.find(s => s.shipmentStatus === "pending");
   return jsxRuntime.jsxs(elementsUi.Templates.SalesOrder, Object.assign({
@@ -20353,11 +20342,9 @@ const Shipment = ({
   });
   const warehouses = elementsCore.useListWarehouses();
   const carriers = elementsCore.useListCarriers();
-  if (!shipment.data && !shipment.errors) return jsxRuntime.jsx(giger.Spinner, Object.assign({
-    size: giger.SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.shipment")
-  }));
+  if (!shipment.data && !shipment.errors) return jsxRuntime.jsx(elementsUi.Loader, {
+    message: t("loading.shipment")
+  });
   if (shipment.errors) throw new Error(shipment.errors.map(e => e.message).join(", "));
   if (!shipment.data) throw new Error("errorMessages.unableToLoad.shipment");
   const warehouse = (_b = warehouses.data) === null || _b === void 0 ? void 0 : _b.find(w => {

package/index.js

@@ -1,8 +1,7 @@
 import { useTranslation, useLogger, useListWarehouses, useListCarriers, useCreateShipment, useUpdateShipment, useParseAddress, useListCustomPackageTypes, useCreateLabel, isDomesticAddress, useListSalesOrders, useListOrderSources, useRefreshOrderSource, useCalculateRates, useValidateAddresses, useListShipments, registerElement, useGetShipment, useListLabels, useGetLabel, useVoidLabel } from '@shipengine/elements-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback, useMemo, useState, useEffect } from 'react';
-import { Spinner, SpinnerSize } from '@packlink/giger';
-import { Templates } from '@shipengine/elements-ui';
+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 : {};
 
@@ -20274,36 +20273,26 @@ const SalesOrder = ({
   const handleLabelCreated = useCallback(label => __awaiter(void 0, void 0, void 0, function* () {
     if (label) onPurchase === null || onPurchase === void 0 ? void 0 : onPurchase(label);
   }), [onPurchase]);
-  if (salesOrders.isLoading) return jsx(Spinner, Object.assign({
-    size: SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.salesOrder")
-  }));
+  if (salesOrders.isLoading) return jsx(Loader, {
+    message: t("loading.salesOrder")
+  });
   if (salesOrders.errors) throw new Error(salesOrders.errors.map(e => e.message).join(", "));
-  if (orderSources.isLoading) return jsx(Spinner, Object.assign({
-    size: SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.importingSalesOrder")
-  }));
+  if (orderSources.isLoading) return jsx(Loader, {
+    message: t("loading.importingSalesOrder")
+  });
   if (orderSources.errors) throw new Error(orderSources.errors.map(e => e.message).join(", "));
   if (!salesOrders.data) throw new Error(t("errorMessages.unableToLoad.salesOrder"));
-  if (salesOrders.data.length === 0) return jsx(Spinner, Object.assign({
-    size: SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.importingSalesOrder")
-  }));
-  if (shipments.isLoading) return jsx(Spinner, Object.assign({
-    size: SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.shipment")
-  }));
+  if (salesOrders.data.length === 0) return jsx(Loader, {
+    message: t("loading.importingSalesOrder")
+  });
+  if (shipments.isLoading) return jsx(Loader, {
+    message: t("loading.shipment")
+  });
   if (shipments.errors) throw new Error(shipments.errors.map(e => e.message).join(", "));
   if (!shipments.data) throw new Error(t("errorMessages.unableToLoad.shipment"));
-  if (carriers.isLoading) return jsx(Spinner, Object.assign({
-    size: SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.carriers")
-  }));
+  if (carriers.isLoading) return jsx(Loader, {
+    message: t("loading.carriers")
+  });
   const salesOrder = salesOrders.data[0];
   const shipment = shipments.data.find(s => s.shipmentStatus === "pending");
   return jsxs(Templates.SalesOrder, Object.assign({
@@ -20349,11 +20338,9 @@ const Shipment = ({
   });
   const warehouses = useListWarehouses();
   const carriers = useListCarriers();
-  if (!shipment.data && !shipment.errors) return jsx(Spinner, Object.assign({
-    size: SpinnerSize.SIZE_LARGE
-  }, {
-    children: t("loading.shipment")
-  }));
+  if (!shipment.data && !shipment.errors) return jsx(Loader, {
+    message: t("loading.shipment")
+  });
   if (shipment.errors) throw new Error(shipment.errors.map(e => e.message).join(", "));
   if (!shipment.data) throw new Error("errorMessages.unableToLoad.shipment");
   const warehouse = (_b = warehouses.data) === null || _b === void 0 ? void 0 : _b.find(w => {

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
-    "@shipengine/elements-core": "0.4.3",
-    "@shipengine/elements-ui": "0.4.3",
-    "react": "^18.2.0",
-    "@packlink/giger": "^67.3.13"
+    "@shipengine/elements-core": "0.4.5",
+    "@shipengine/elements-ui": "0.4.5",
+    "react": "^18.2.0"
   },
   "peerDependencies": {}
 }