@paykit-sdk/react 1.1.81 → 1.1.91

package/README.md

@@ -14,9 +14,9 @@ npm install @paykit-sdk/react
 
 ```tsx
 import { PayKit } from '@paykit-sdk/core';
-import { local } from '@paykit-sdk/local';
+import { paypal } from '@paykit-sdk/paypal';
 
-const provider = local();
+const provider = paypal();
 const paykit = new PayKit(provider);
 
 export { provider, paykit };

package/dist/hooks/use-async-fn.d.mts

@@ -0,0 +1,9 @@
+import { EndpointPath } from '@paykit-sdk/core';
+
+type AsyncResult<T> = [data: T, error: undefined] | [data: undefined, error: Error];
+declare const useAsyncFn: <Args extends unknown[], Response>(path: EndpointPath, apiUrl: string, headersEsque: Record<string, string> | (() => Record<string, string>)) => {
+    run: (...args: Args) => Promise<AsyncResult<Response>>;
+    loading: boolean;
+};
+
+export { useAsyncFn };

package/dist/hooks/use-async-fn.d.ts

@@ -0,0 +1,9 @@
+import { EndpointPath } from '@paykit-sdk/core';
+
+type AsyncResult<T> = [data: T, error: undefined] | [data: undefined, error: Error];
+declare const useAsyncFn: <Args extends unknown[], Response>(path: EndpointPath, apiUrl: string, headersEsque: Record<string, string> | (() => Record<string, string>)) => {
+    run: (...args: Args) => Promise<AsyncResult<Response>>;
+    loading: boolean;
+};
+
+export { useAsyncFn };

package/dist/hooks/use-async-fn.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/hooks/use-async-fn.ts
+var useAsyncFn = (path, apiUrl, headersEsque) => {
+  const [loading, setLoading] = React__namespace.useState(false);
+  const run = React__namespace.useCallback(
+    async (...args) => {
+      setLoading(true);
+      try {
+        const headers = typeof headersEsque === "function" ? headersEsque() : headersEsque != null ? headersEsque : {};
+        const response = await fetch(`${apiUrl}${path}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...headers },
+          credentials: "include",
+          body: JSON.stringify({ args })
+        });
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({ message: "Request failed" }));
+          throw new Error(errorData.message || `HTTP ${response.status}`);
+        }
+        const data = await response.json();
+        setLoading(false);
+        return [data.result, void 0];
+      } catch (error) {
+        setLoading(false);
+        return [void 0, error instanceof Error ? error : new Error(String(error))];
+      }
+    },
+    [path, apiUrl, headersEsque]
+  );
+  return { run, loading };
+};
+
+exports.useAsyncFn = useAsyncFn;

package/dist/hooks/use-async-fn.mjs

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+// src/hooks/use-async-fn.ts
+var useAsyncFn = (path, apiUrl, headersEsque) => {
+  const [loading, setLoading] = React.useState(false);
+  const run = React.useCallback(
+    async (...args) => {
+      setLoading(true);
+      try {
+        const headers = typeof headersEsque === "function" ? headersEsque() : headersEsque != null ? headersEsque : {};
+        const response = await fetch(`${apiUrl}${path}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...headers },
+          credentials: "include",
+          body: JSON.stringify({ args })
+        });
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({ message: "Request failed" }));
+          throw new Error(errorData.message || `HTTP ${response.status}`);
+        }
+        const data = await response.json();
+        setLoading(false);
+        return [data.result, void 0];
+      } catch (error) {
+        setLoading(false);
+        return [void 0, error instanceof Error ? error : new Error(String(error))];
+      }
+    },
+    [path, apiUrl, headersEsque]
+  );
+  return { run, loading };
+};
+
+export { useAsyncFn };

package/dist/index.d.mts

@@ -1,72 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import * as _paykit_sdk_core from '@paykit-sdk/core';
-import { PayKitProvider } from '@paykit-sdk/core';
+export { useCustomer } from './resources/customer.mjs';
+export { useSubscription } from './resources/subscription.mjs';
+export { useCheckout } from './resources/checkout.mjs';
+export { useRefund } from './resources/refund.mjs';
+import '@paykit-sdk/core';
 
-interface PaykitProviderProps {
-    children: React.ReactNode;
-    provider: PayKitProvider;
+interface PaykitProviderProps extends React.PropsWithChildren {
+    apiUrl: string;
+    headers: Record<string, string> | (() => Record<string, string>);
 }
-declare const PaykitProvider: ({ provider, children }: PaykitProviderProps) => react_jsx_runtime.JSX.Element;
-declare const usePaykitContext: () => {
-    provider: PayKitProvider;
-} | undefined;
+declare const PaykitProvider: ({ apiUrl, headers, children }: PaykitProviderProps) => react_jsx_runtime.JSX.Element;
+declare const usePaykitContext: () => PaykitProviderProps;
 
-declare const useCustomer: () => {
-    retrieve: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer | null, error: undefined]>;
-        loading: boolean;
-    };
-    create: {
-        run: (params: {
-            email: string;
-            metadata?: Record<string, string> | undefined;
-            name?: string | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer, error: undefined]>;
-        loading: boolean;
-    };
-    update: {
-        run: (id: string, params: {
-            email?: string | undefined;
-            metadata?: Record<string, string> | undefined;
-            name?: string | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer, error: undefined]>;
-        loading: boolean;
-    };
-};
-
-declare const useSubscription: () => {
-    retrieve: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Subscription | null, error: undefined]>;
-        loading: boolean;
-    };
-    update: {
-        run: (id: string, params: {
-            metadata?: Record<string, string> | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Subscription, error: undefined]>;
-        loading: boolean;
-    };
-    cancel: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: null, error: undefined]>;
-        loading: boolean;
-    };
-};
-
-declare const useCheckout: () => {
-    create: {
-        run: (params: {
-            customer_id: string;
-            metadata: Record<string, string>;
-            session_type: "one_time" | "recurring";
-            item_id: string;
-            provider_metadata?: Record<string, unknown> | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Checkout, error: undefined]>;
-        loading: boolean;
-    };
-    retrieve: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Checkout | null, error: undefined]>;
-        loading: boolean;
-    };
-};
-
-export { PaykitProvider, useCheckout, useCustomer, usePaykitContext, useSubscription };
+export { PaykitProvider, usePaykitContext };

package/dist/index.d.ts

@@ -1,72 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import * as _paykit_sdk_core from '@paykit-sdk/core';
-import { PayKitProvider } from '@paykit-sdk/core';
+export { useCustomer } from './resources/customer.js';
+export { useSubscription } from './resources/subscription.js';
+export { useCheckout } from './resources/checkout.js';
+export { useRefund } from './resources/refund.js';
+import '@paykit-sdk/core';
 
-interface PaykitProviderProps {
-    children: React.ReactNode;
-    provider: PayKitProvider;
+interface PaykitProviderProps extends React.PropsWithChildren {
+    apiUrl: string;
+    headers: Record<string, string> | (() => Record<string, string>);
 }
-declare const PaykitProvider: ({ provider, children }: PaykitProviderProps) => react_jsx_runtime.JSX.Element;
-declare const usePaykitContext: () => {
-    provider: PayKitProvider;
-} | undefined;
+declare const PaykitProvider: ({ apiUrl, headers, children }: PaykitProviderProps) => react_jsx_runtime.JSX.Element;
+declare const usePaykitContext: () => PaykitProviderProps;
 
-declare const useCustomer: () => {
-    retrieve: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer | null, error: undefined]>;
-        loading: boolean;
-    };
-    create: {
-        run: (params: {
-            email: string;
-            metadata?: Record<string, string> | undefined;
-            name?: string | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer, error: undefined]>;
-        loading: boolean;
-    };
-    update: {
-        run: (id: string, params: {
-            email?: string | undefined;
-            metadata?: Record<string, string> | undefined;
-            name?: string | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer, error: undefined]>;
-        loading: boolean;
-    };
-};
-
-declare const useSubscription: () => {
-    retrieve: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Subscription | null, error: undefined]>;
-        loading: boolean;
-    };
-    update: {
-        run: (id: string, params: {
-            metadata?: Record<string, string> | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Subscription, error: undefined]>;
-        loading: boolean;
-    };
-    cancel: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: null, error: undefined]>;
-        loading: boolean;
-    };
-};
-
-declare const useCheckout: () => {
-    create: {
-        run: (params: {
-            customer_id: string;
-            metadata: Record<string, string>;
-            session_type: "one_time" | "recurring";
-            item_id: string;
-            provider_metadata?: Record<string, unknown> | undefined;
-        }) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Checkout, error: undefined]>;
-        loading: boolean;
-    };
-    retrieve: {
-        run: (id: string) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Checkout | null, error: undefined]>;
-        loading: boolean;
-    };
-};
-
-export { PaykitProvider, useCheckout, useCustomer, usePaykitContext, useSubscription };
+export { PaykitProvider, usePaykitContext };

package/dist/index.js

@@ -1,76 +1,65 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  PaykitProvider: () => PaykitProvider,
-  useCheckout: () => useCheckout,
-  useCustomer: () => useCustomer,
-  usePaykitContext: () => usePaykitContext,
-  useSubscription: () => useSubscription
-});
-module.exports = __toCommonJS(index_exports);
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
-// src/core.tsx
-var React = __toESM(require("react"));
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-// src/util.ts
-var parseElementContext = (ctx, name) => {
-  if (!ctx) throw new Error(`${name}Context must be used within the ${name}Provider`);
-  return ctx;
-};
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/core.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var PaykitContext = React.createContext(void 0);
-var PaykitProvider = ({ provider, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaykitContext.Provider, { value: { provider }, children });
+// src/context.tsx
+var PaykitContext = React__namespace.createContext(void 0);
+var PaykitProvider = ({ apiUrl, headers, children }) => {
+  const value = React__namespace.useMemo(() => ({ apiUrl, headers }), [apiUrl, headers]);
+  return /* @__PURE__ */ jsxRuntime.jsx(PaykitContext.Provider, { value, children });
 };
-var usePaykitContext = () => parseElementContext(React.useContext(PaykitContext), "PaykitContext");
-
-// src/hooks/use-async-fn.ts
-var React2 = __toESM(require("react"));
-var import_core = require("@paykit-sdk/core");
-var useAsyncFn = (fn) => {
-  const [loading, setLoading] = React2.useState(false);
-  const run = React2.useCallback(
+var usePaykitContext = () => {
+  const ctx = React__namespace.useContext(PaykitContext);
+  if (!ctx) throw new Error("Your app must be wrapped in PayKitProvider to use PayKit hooks.");
+  return ctx;
+};
+var useAsyncFn = (path, apiUrl, headersEsque) => {
+  const [loading, setLoading] = React__namespace.useState(false);
+  const run = React__namespace.useCallback(
     async (...args) => {
       setLoading(true);
-      const [data, error] = await (0, import_core.tryCatchAsync)(fn(...args));
-      setLoading(false);
-      if (error) {
-        return [void 0, error];
+      try {
+        const headers = typeof headersEsque === "function" ? headersEsque() : headersEsque != null ? headersEsque : {};
+        const response = await fetch(`${apiUrl}${path}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...headers },
+          credentials: "include",
+          body: JSON.stringify({ args })
+        });
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({ message: "Request failed" }));
+          throw new Error(errorData.message || `HTTP ${response.status}`);
+        }
+        const data = await response.json();
+        setLoading(false);
+        return [data.result, void 0];
+      } catch (error) {
+        setLoading(false);
+        return [void 0, error instanceof Error ? error : new Error(String(error))];
       }
-      return [data, void 0];
     },
-    [fn]
+    [path, apiUrl, headersEsque]
   );
   return { run, loading };
 };
@@ -78,42 +67,100 @@ var useAsyncFn = (fn) => {
 // src/resources/customer.ts
 var useCustomer = () => {
   const ctx = usePaykitContext();
-  if (!ctx) {
-    throw new Error("Your app must be wrapped in PayKitProvider to use PayKit hooks.");
-  }
-  const retrieve = useAsyncFn(ctx.provider.retrieveCustomer);
-  const create = useAsyncFn(ctx.provider.createCustomer);
-  const update = useAsyncFn(ctx.provider.updateCustomer);
-  return { retrieve, create, update };
+  const retrieve = useAsyncFn(
+    "/customer/retrieve",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const create = useAsyncFn(
+    "/customer/create",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const update = useAsyncFn(
+    "/customer/update",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const remove = useAsyncFn(
+    "/customer/delete",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  return { retrieve, create, update, remove };
 };
 
 // src/resources/subscription.ts
 var useSubscription = () => {
   const ctx = usePaykitContext();
-  if (!ctx) {
-    throw new Error("Your app must be wrapped in PayKitProvider to use PayKit hooks.");
-  }
-  const retrieve = useAsyncFn(ctx.provider.retrieveSubscription);
-  const update = useAsyncFn(ctx.provider.updateSubscription);
-  const cancel = useAsyncFn(ctx.provider.cancelSubscription);
-  return { retrieve, update, cancel };
+  const create = useAsyncFn(
+    "/subscription/create",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const update = useAsyncFn(
+    "/subscription/update",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const retrieve = useAsyncFn(
+    "/subscription/retrieve",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const cancel = useAsyncFn(
+    "/subscription/cancel",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const remove = useAsyncFn(
+    "/subscription/delete",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  return { create, update, retrieve, cancel, remove };
 };
 
 // src/resources/checkout.ts
 var useCheckout = () => {
   const ctx = usePaykitContext();
-  if (!ctx) {
-    throw new Error("Your app must be wrapped in PayKitProvider to use PayKit hooks.");
-  }
-  const create = useAsyncFn(ctx.provider.createCheckout);
-  const retrieve = useAsyncFn(ctx.provider.retrieveCheckout);
-  return { create, retrieve };
+  const create = useAsyncFn(
+    "/checkout/create",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const retrieve = useAsyncFn(
+    "/checkout/retrieve",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const update = useAsyncFn(
+    "/checkout/update",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  const remove = useAsyncFn(
+    "/checkout/delete",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  return { create, retrieve, update, remove };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PaykitProvider,
-  useCheckout,
-  useCustomer,
-  usePaykitContext,
-  useSubscription
-});
+
+// src/resources/refund.ts
+var useRefund = () => {
+  const ctx = usePaykitContext();
+  const create = useAsyncFn(
+    "/refund/create",
+    ctx.apiUrl,
+    ctx.headers
+  );
+  return { create };
+};
+
+exports.PaykitProvider = PaykitProvider;
+exports.useCheckout = useCheckout;
+exports.useCustomer = useCustomer;
+exports.usePaykitContext = usePaykitContext;
+exports.useRefund = useRefund;
+exports.useSubscription = useSubscription;