@paykit-sdk/react 1.1.9 → 1.1.91

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;

package/dist/index.mjs

@@ -1,36 +1,43 @@
-// src/core.tsx
-import * as React from "react";
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-// src/util.ts
-var parseElementContext = (ctx, name) => {
-  if (!ctx) throw new Error(`${name}Context must be used within the ${name}Provider`);
-  return ctx;
-};
-
-// src/core.tsx
-import { jsx } from "react/jsx-runtime";
+// src/context.tsx
 var PaykitContext = React.createContext(void 0);
-var PaykitProvider = ({ provider, children }) => {
-  return /* @__PURE__ */ jsx(PaykitContext.Provider, { value: { provider }, children });
+var PaykitProvider = ({ apiUrl, headers, children }) => {
+  const value = React.useMemo(() => ({ apiUrl, headers }), [apiUrl, headers]);
+  return /* @__PURE__ */ jsx(PaykitContext.Provider, { value, children });
 };
-var usePaykitContext = () => parseElementContext(React.useContext(PaykitContext), "PaykitContext");
-
-// src/hooks/use-async-fn.ts
-import * as React2 from "react";
-import { tryCatchAsync } from "@paykit-sdk/core";
-var useAsyncFn = (fn) => {
-  const [loading, setLoading] = React2.useState(false);
-  const run = React2.useCallback(
+var usePaykitContext = () => {
+  const ctx = React.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.useState(false);
+  const run = React.useCallback(
     async (...args) => {
       setLoading(true);
-      const [data, error] = await 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 };
 };
@@ -38,41 +45,95 @@ 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 };
 };
-export {
-  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 };
 };
+
+export { PaykitProvider, useCheckout, useCustomer, usePaykitContext, useRefund, useSubscription };

package/dist/resources/checkout.d.mts

@@ -0,0 +1,22 @@
+import * as _paykit_sdk_core from '@paykit-sdk/core';
+
+declare const useCheckout: () => {
+    create: {
+        run: (params: _paykit_sdk_core.CreateCheckoutSchema) => 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;
+    };
+    update: {
+        run: (id: string, params: _paykit_sdk_core.UpdateCheckoutSchema) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Checkout, error: undefined]>;
+        loading: boolean;
+    };
+    remove: {
+        run: (id: string) => Promise<[data: undefined, error: Error] | [data: null, error: undefined]>;
+        loading: boolean;
+    };
+};
+
+export { useCheckout };

package/dist/resources/checkout.d.ts

@@ -0,0 +1,22 @@
+import * as _paykit_sdk_core from '@paykit-sdk/core';
+
+declare const useCheckout: () => {
+    create: {
+        run: (params: _paykit_sdk_core.CreateCheckoutSchema) => 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;
+    };
+    update: {
+        run: (id: string, params: _paykit_sdk_core.UpdateCheckoutSchema) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Checkout, error: undefined]>;
+        loading: boolean;
+    };
+    remove: {
+        run: (id: string) => Promise<[data: undefined, error: Error] | [data: null, error: undefined]>;
+        loading: boolean;
+    };
+};
+
+export { useCheckout };

package/dist/resources/checkout.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var React = require('react');
+require('react/jsx-runtime');
+
+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/context.tsx
+var PaykitContext = React__namespace.createContext(void 0);
+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);
+      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 };
+};
+
+// src/resources/checkout.ts
+var useCheckout = () => {
+  const ctx = usePaykitContext();
+  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 };
+};
+
+exports.useCheckout = useCheckout;

package/dist/resources/checkout.mjs

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import 'react/jsx-runtime';
+
+// src/context.tsx
+var PaykitContext = React.createContext(void 0);
+var usePaykitContext = () => {
+  const ctx = React.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.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 };
+};
+
+// src/resources/checkout.ts
+var useCheckout = () => {
+  const ctx = usePaykitContext();
+  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 };
+};
+
+export { useCheckout };

package/dist/resources/customer.d.mts

@@ -0,0 +1,22 @@
+import * as _paykit_sdk_core from '@paykit-sdk/core';
+
+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: _paykit_sdk_core.CreateCustomerParams) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer, error: undefined]>;
+        loading: boolean;
+    };
+    update: {
+        run: (id: string, params: _paykit_sdk_core.UpdateCustomerParams) => Promise<[data: undefined, error: Error] | [data: _paykit_sdk_core.Customer, error: undefined]>;
+        loading: boolean;
+    };
+    remove: {
+        run: (id: string) => Promise<[data: undefined, error: Error] | [data: null, error: undefined]>;
+        loading: boolean;
+    };
+};
+
+export { useCustomer };