@shipengine/react-api 2.1.0 → 2.1.2

package/hooks/account-billing-plan/use-get-account-billing-plan.d.ts

@@ -1 +1 @@
-export declare const useGetAccountBillingPlan: () => import("@tanstack/react-query").UseQueryResult<import("packages/shipengine-api/javascript/src/types").AccountBillingPlanResponse, import("@shipengine/js-api").CodedError[]>;
+export declare const useGetAccountBillingPlan: () => import("@tanstack/react-query").UseQueryResult<import("packages/shipengine-api/javascript/src/account-billing-plan").AccountBillingPlanResponse, import("@shipengine/js-api").CodedError[]>;

package/hooks/account-billing-plan/use-update-account-billing-plan.d.ts

@@ -1,4 +1,4 @@
 /**
  * @category ShipEngine API Hooks
  *  */
-export declare const useUpdateAccountBillingPlan: () => import("@tanstack/react-query").UseMutationResult<import("packages/shipengine-api/javascript/src/types").UpdateAccountBillingPlanResponse, import("@shipengine/js-api").CodedError[], string, unknown>;
+export declare const useUpdateAccountBillingPlan: () => import("@tanstack/react-query").UseMutationResult<import("packages/shipengine-api/javascript/src/account-billing-plan").UpdateAccountBillingPlanResponse, import("@shipengine/js-api").CodedError[], string, unknown>;

package/index.js

@@ -15,28 +15,24 @@ const ShipEngine = ({
   getToken,
   onApiError
 }) => {
+  const [client, setClient] = react.useState();
   const [queryClient] = react.useState(() => new reactQuery.QueryClient());
-  const [client, setClient] = react.useState(() => {
+  react.useEffect(() => {
     const token = getToken();
-    if (typeof token === "string")
-      return new jsApi.ShipEngineAPI(token, {
-        baseURL,
-        getToken,
-        headers: headers != null ? headers : {},
-        onApiError
+    const commonClientProps = {
+      baseURL,
+      getToken,
+      headers: headers != null ? headers : {},
+      onApiError
+    };
+    if (typeof token === "string") {
+      setClient(new jsApi.ShipEngineAPI(token, commonClientProps));
+    } else {
+      token.then((t) => {
+        setClient(new jsApi.ShipEngineAPI(t, commonClientProps));
       });
-    token.then(
-      (t) => setClient(
-        new jsApi.ShipEngineAPI(t, {
-          baseURL,
-          getToken,
-          headers: headers != null ? headers : {},
-          onApiError
-        })
-      )
-    );
-    return void 0;
-  });
+    }
+  }, []);
   if (!client) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",

package/index.mjs

@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useContext } from 'react';
+import { createContext, useState, useEffect, useContext } from 'react';
 import { ShipEngineAPI, SE } from '@shipengine/js-api';
 export * from '@shipengine/js-api';
 
@@ -12,28 +12,24 @@ const ShipEngine = ({
   getToken,
   onApiError
 }) => {
+  const [client, setClient] = useState();
   const [queryClient] = useState(() => new QueryClient());
-  const [client, setClient] = useState(() => {
+  useEffect(() => {
     const token = getToken();
-    if (typeof token === "string")
-      return new ShipEngineAPI(token, {
-        baseURL,
-        getToken,
-        headers: headers != null ? headers : {},
-        onApiError
+    const commonClientProps = {
+      baseURL,
+      getToken,
+      headers: headers != null ? headers : {},
+      onApiError
+    };
+    if (typeof token === "string") {
+      setClient(new ShipEngineAPI(token, commonClientProps));
+    } else {
+      token.then((t) => {
+        setClient(new ShipEngineAPI(t, commonClientProps));
       });
-    token.then(
-      (t) => setClient(
-        new ShipEngineAPI(t, {
-          baseURL,
-          getToken,
-          headers: headers != null ? headers : {},
-          onApiError
-        })
-      )
-    );
-    return void 0;
-  });
+    }
+  }, []);
   if (!client) {
     return /* @__PURE__ */ jsx(
       "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/react-api",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {