@mintmoney/react 0.1.0-alpha-1 → 0.1.0-alpha.10

package/package.json

@@ -1,96 +1,85 @@
 {
   "name": "@mintmoney/react",
-  "description": "React SDK library for the mintmoney playments network",
-  "version": "0.1.0-alpha-1",
+  "description": "React SDK library for the MintMoney payments network",
+  "version": "0.1.0-alpha.10",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/getmintmoney/mintmoney-js.git",
-    "directory": "packages/react"
+    "url": "https://github.com/getmintmoney/mintmoney-js.git"
+  },
+  "scripts": {
+    "build": "npm run clean && tsc --project tsconfig.build.json && npm run copy-css",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo",
+    "check:types": "tsc --noEmit",
+    "test:build": "publint --strict",
+    "copy-css": "mkdir -p dist/css && cp src/css/styles.css dist/css/styles.css"
   },
   "files": [
     "dist/**",
-    "!dist/**/*.tsbuildinfo",
-    "src/**/*.ts",
-    "!src/**/*.test.ts",
-    "!src/**/*.test-d.ts",
-    "/ui"
+    "!dist/**/*.tsbuildinfo"
   ],
   "sideEffects": false,
   "type": "module",
-  "main": "./dist/esm/exports/index.js",
-  "types": "./dist/types/exports/index.d.ts",
-  "typings": "./dist/types/exports/index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/exports/index.d.ts",
-      "default": "./dist/esm/exports/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/esm/index.js",
+      "types": "./dist/types/index.d.ts"
     },
-    "./hooks": {
-      "types": "./dist/types/exports/hooks.d.ts",
-      "default": "./dist/esm/exports/hooks.js"
+    "./checkout": {
+      "import": "./dist/esm/checkout/index.js",
+      "require": "./dist/esm/checkout/index.js",
+      "types": "./dist/types/checkout/index.d.ts"
+    },
+    "./components": {
+      "import": "./dist/esm/components/index.js",
+      "require": "./dist/esm/components/index.js",
+      "types": "./dist/types/components/index.d.ts"
+    },
+    "./api": {
+      "import": "./dist/esm/api/index.js",
+      "require": "./dist/esm/api/index.js",
+      "types": "./dist/types/api/index.d.ts"
+    },
+    "./themes": {
+      "import": "./dist/esm/themes/index.js",
+      "require": "./dist/esm/themes/index.js",
+      "types": "./dist/types/themes/index.d.ts"
     },
     "./config": {
-      "types": "./dist/types/exports/config.d.ts",
-      "default": "./dist/esm/exports/config.js"
+      "import": "./dist/esm/config.js",
+      "require": "./dist/esm/config.js",
+      "types": "./dist/types/config.d.ts"
     },
-    "./components": {
-      "types": "./dist/types/exports/components.d.ts",
-      "default": "./dist/esm/exports/components.js"
+    "./context": {
+      "import": "./dist/esm/context.js",
+      "require": "./dist/esm/context.js",
+      "types": "./dist/types/context.d.ts"
     },
     "./css/styles.css": "./dist/css/styles.css",
     "./package.json": "./package.json"
   },
-  "typesVersions": {
-    "*": {
-      "hooks": [
-        "./dist/types/exports/hooks.d.ts"
-      ]
-    }
-  },
   "peerDependencies": {
     "react": ">=18 <20",
-    "react-dom": ">=18 <20",
-    "typescript": ">=5.0.4"
-  },
-  "peerDependenciesMeta": {
-    "typescript": {
-      "optional": true
-    }
+    "react-dom": ">=18 <20"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-visually-hidden": "^1.1.2",
-    "@types/lodash.merge": "^4.6.9",
+    "clsx": "^2.1.1",
+    "immer": "^10.0.0",
     "lodash.merge": "^4.6.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react-qr-code": "^2.0.15",
     "styled-components": "^6.1.15",
-    "@mintmoney/core": "0.1.0-alpha-1"
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
-    "postcss": "^8.5.1",
-    "postcss-cli": "^11.0.0"
+    "@types/lodash.merge": "^4.6.9",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "typescript": ">=5.0.4"
   },
-  "keywords": [
-    "payments",
-    "react",
-    "hooks",
-    "eth",
-    "ethereum",
-    "dapps",
-    "wallet",
-    "web3"
-  ],
-  "scripts": {
-    "build": "pnpm run clean && pnpm run build:css && pnpm run build:esm+types",
-    "build:watch": "pnpm run clean && pnpm run build:css && tsc --project tsconfig.build.json --outDir ./dist/esm --declaration --declarationMap --declarationDir ./dist/types --watch",
-    "build:css": "postcss src/css/styles.css -o dist/css/styles.css",
-    "build:esm+types": "tsc --project tsconfig.build.json --outDir ./dist/esm --declaration --declarationMap --declarationDir ./dist/types",
-    "check:types": "tsc --noEmit",
-    "clean": "rm -rf dist tsconfig.tsbuildinfo components",
-    "test:build": "publint --strict && attw --pack --ignore-rules cjs-resolves-to-esm"
-  }
-}
+  "packageManager": "npm@latest"
+}

package/dist/esm/exports/components.js

@@ -1,2 +0,0 @@
-export * from "../components/index.js";
-//# sourceMappingURL=components.js.map

package/dist/esm/exports/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/exports/components.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/esm/exports/config.js

@@ -1,3 +0,0 @@
-export { createConfig } from "../config.js";
-export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
-//# sourceMappingURL=config.js.map

package/dist/esm/exports/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/exports/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/exports/hooks.js

@@ -1,2 +0,0 @@
-export { useCheckout, usePayments } from "../hooks/index.js";
-//# sourceMappingURL=hooks.js.map

package/dist/esm/exports/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/exports/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/exports/index.js

@@ -1,4 +0,0 @@
-export { createConfig } from "../config.js";
-export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
-export * from "../components/index.js";
-//# sourceMappingURL=index.js.map

package/dist/esm/exports/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAItE,cAAc,wBAAwB,CAAC"}

package/dist/esm/exports/themes.js

@@ -1,2 +0,0 @@
-export * from "../themes/index.js";
-//# sourceMappingURL=themes.js.map

package/dist/esm/exports/themes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../src/exports/themes.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/hooks/index.js

@@ -1,3 +0,0 @@
-export { useCheckout } from "./useCheckout.js";
-export { usePayments } from "./usePayment.js";
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/hooks/useCheckout.js

@@ -1,36 +0,0 @@
-import { useEffect, useState } from "react";
-import { useMintMoneyConfig } from "@mintmoney/react";
-import { getCheckoutById } from "@mintmoney/core/checkouts";
-export function useCheckout(checkoutId) {
-    const config = useMintMoneyConfig();
-    const [checkout, setCheckout] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        async function fetchCheckout() {
-            try {
-                setLoading(true);
-                setError(null);
-                const checkoutData = await getCheckoutById(checkoutId);
-                setCheckout(checkoutData);
-            }
-            catch (err) {
-                setError("Failed to fetch checkout details");
-            }
-            finally {
-                setLoading(false);
-            }
-        }
-        if (checkoutId) {
-            fetchCheckout();
-        }
-    }, [config.apiUrl, checkoutId]);
-    return {
-        checkout,
-        loading,
-        error,
-        refresh: () => getCheckoutById(checkoutId).then(setCheckout),
-        isReady: checkout !== null && !loading && !error,
-    };
-}
-//# sourceMappingURL=useCheckout.js.map

package/dist/esm/hooks/useCheckout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCheckout.js","sourceRoot":"","sources":["../../../src/hooks/useCheckout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAY,MAAM,2BAA2B,CAAC;AAEtE,MAAM,UAAU,WAAW,CAAC,UAAkB;IAC5C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,UAAU,aAAa;YAC1B,IAAI,CAAC;gBACH,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAEf,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,UAAU,CAAC,CAAC;gBACvD,WAAW,CAAC,YAAY,CAAC,CAAC;YAC5B,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,QAAQ,CAAC,kCAAkC,CAAC,CAAC;YAC/C,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,OAAO;QACL,QAAQ;QACR,OAAO;QACP,KAAK;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QAC5D,OAAO,EAAE,QAAQ,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;KACjD,CAAC;AACJ,CAAC"}

package/dist/esm/hooks/usePayment.js

@@ -1,31 +0,0 @@
-import { useState } from "react";
-import { createPayment, } from "@mintmoney/core/payments";
-export function usePayments() {
-    const [payment, setPayment] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(null);
-    async function handleCreatePayment(params) {
-        try {
-            setLoading(true);
-            setError(null);
-            const newPayment = await createPayment({ ...params });
-            setPayment(newPayment);
-            return newPayment;
-        }
-        catch (err) {
-            setError("Failed to create payment");
-            return null;
-        }
-        finally {
-            setLoading(false);
-        }
-    }
-    return {
-        payment,
-        loading,
-        error,
-        createPayment: handleCreatePayment,
-        isReady: payment !== null && !loading && !error,
-    };
-}
-//# sourceMappingURL=usePayment.js.map

package/dist/esm/hooks/usePayment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePayment.js","sourceRoot":"","sources":["../../../src/hooks/usePayment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,aAAa,GAGd,MAAM,0BAA0B,CAAC;AAElC,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,KAAK,UAAU,mBAAmB,CAAC,MAA2B;QAC5D,IAAI,CAAC;YACH,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEf,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;YACtD,UAAU,CAAC,UAAU,CAAC,CAAC;YAEvB,OAAO,UAAU,CAAC;QACpB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,0BAA0B,CAAC,CAAC;YACrC,OAAO,IAAI,CAAC;QACd,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO;QACL,OAAO;QACP,OAAO;QACP,KAAK;QACL,aAAa,EAAE,mBAAmB;QAClC,OAAO,EAAE,OAAO,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;KAChD,CAAC;AACJ,CAAC"}

package/dist/types/exports/components.d.ts

@@ -1,2 +0,0 @@
-export * from "../components/index.js";
-//# sourceMappingURL=components.d.ts.map

package/dist/types/exports/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/exports/components.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/types/exports/config.d.ts

@@ -1,3 +0,0 @@
-export { type Config, createConfig } from "../config.js";
-export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
-//# sourceMappingURL=config.d.ts.map

package/dist/types/exports/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/exports/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/exports/hooks.d.ts

@@ -1,2 +0,0 @@
-export { useCheckout, usePayments } from "../hooks/index.js";
-//# sourceMappingURL=hooks.d.ts.map

package/dist/types/exports/hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/exports/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/exports/index.d.ts

@@ -1,6 +0,0 @@
-export { ThemeConfig } from "../themes/index.jsx";
-export { type Config, createConfig } from "../config.js";
-export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
-export { Payment } from "@mintmoney/core/payments";
-export * from "../components/index.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/exports/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,KAAK,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,cAAc,wBAAwB,CAAC"}

package/dist/types/exports/themes.d.ts

@@ -1,2 +0,0 @@
-export * from "../themes/index.js";
-//# sourceMappingURL=themes.d.ts.map

package/dist/types/exports/themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/exports/themes.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/types/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export { useCheckout } from "./useCheckout.js";
-export { usePayments } from "./usePayment.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/hooks/useCheckout.d.ts

@@ -1,9 +0,0 @@
-import { Checkout } from "@mintmoney/core/checkouts";
-export declare function useCheckout(checkoutId: string): {
-    checkout: Checkout | null;
-    loading: boolean;
-    error: string | null;
-    refresh: () => Promise<void>;
-    isReady: boolean;
-};
-//# sourceMappingURL=useCheckout.d.ts.map

package/dist/types/hooks/useCheckout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCheckout.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCheckout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEtE,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM;;;;;;EAiC7C"}

package/dist/types/hooks/usePayment.d.ts

@@ -1,9 +0,0 @@
-import { Payment, CreatePaymentParams } from "@mintmoney/core/payments";
-export declare function usePayments(): {
-    payment: Payment | null;
-    loading: boolean;
-    error: string | null;
-    createPayment: (params: CreatePaymentParams) => Promise<Payment | null>;
-    isReady: boolean;
-};
-//# sourceMappingURL=usePayment.d.ts.map

package/dist/types/hooks/usePayment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePayment.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePayment.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EACP,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,wBAAgB,WAAW;;;;4BAKkB,mBAAmB;;EAwB/D"}

package/src/components/index.ts

@@ -1,3 +0,0 @@
-export * from "./modals/index.js";
-export * from "./icons/index.js";
-export * from "./buttons/index.js";

package/src/components/modals/index.ts

@@ -1,3 +0,0 @@
-export * from "./modal.js";
-export * from "./modal-with-views.js";
-export * from "./use-modal-with-views.js";

package/src/config.ts

@@ -1,27 +0,0 @@
-import merge from "lodash.merge";
-
-import { ThemeConfig } from "./themes/types.js";
-import { defaultTheme } from "./themes/default.js";
-
-export type Config = {
-  publicKey: string;
-  apiUrl: string;
-  theme: ThemeConfig;
-};
-
-type ConfigOptions = {
-  apiUrl?: string;
-  theme: Partial<ThemeConfig>;
-};
-
-const _MINT_API = "https://api.getmint.money";
-
-export const createConfig = (
-  publicKey: string,
-  options?: ConfigOptions,
-): Config => {
-  return {
-    publicKey: publicKey,
-    ...merge({ apiUrl: _MINT_API, theme: defaultTheme }, options),
-  };
-};

package/src/exports/components.ts

@@ -1 +0,0 @@
-export * from "../components/index.js";

package/src/exports/config.ts

@@ -1,2 +0,0 @@
-export { type Config, createConfig } from "../config.js";
-export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";

package/src/exports/hooks.ts

@@ -1 +0,0 @@
-export { useCheckout, usePayments } from "../hooks/index.js";

package/src/exports/index.ts

@@ -1,9 +0,0 @@
-export { ThemeConfig } from "../themes/index.jsx";
-
-export { type Config, createConfig } from "../config.js";
-
-export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
-
-export { Payment } from "@mintmoney/core/payments";
-
-export * from "../components/index.js";

package/src/exports/themes.ts

@@ -1 +0,0 @@
-export * from "../themes/index.js";

package/src/hooks/index.ts

@@ -1,2 +0,0 @@
-export { useCheckout } from "./useCheckout.js";
-export { usePayments } from "./usePayment.js";

package/src/hooks/useCheckout.ts

@@ -1,38 +0,0 @@
-import { useEffect, useState } from "react";
-import { useMintMoneyConfig } from "@mintmoney/react";
-import { getCheckoutById, Checkout } from "@mintmoney/core/checkouts";
-
-export function useCheckout(checkoutId: string) {
-  const config = useMintMoneyConfig();
-  const [checkout, setCheckout] = useState<Checkout | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    async function fetchCheckout() {
-      try {
-        setLoading(true);
-        setError(null);
-
-        const checkoutData = await getCheckoutById(checkoutId);
-        setCheckout(checkoutData);
-      } catch (err) {
-        setError("Failed to fetch checkout details");
-      } finally {
-        setLoading(false);
-      }
-    }
-
-    if (checkoutId) {
-      fetchCheckout();
-    }
-  }, [config.apiUrl, checkoutId]);
-
-  return {
-    checkout,
-    loading,
-    error,
-    refresh: () => getCheckoutById(checkoutId).then(setCheckout),
-    isReady: checkout !== null && !loading && !error,
-  };
-}

package/src/hooks/usePayment.ts

@@ -1,37 +0,0 @@
-import { useState } from "react";
-import {
-  createPayment,
-  Payment,
-  CreatePaymentParams,
-} from "@mintmoney/core/payments";
-
-export function usePayments() {
-  const [payment, setPayment] = useState<Payment | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  async function handleCreatePayment(params: CreatePaymentParams) {
-    try {
-      setLoading(true);
-      setError(null);
-
-      const newPayment = await createPayment({ ...params });
-      setPayment(newPayment);
-
-      return newPayment;
-    } catch (err) {
-      setError("Failed to create payment");
-      return null;
-    } finally {
-      setLoading(false);
-    }
-  }
-
-  return {
-    payment,
-    loading,
-    error,
-    createPayment: handleCreatePayment,
-    isReady: payment !== null && !loading && !error,
-  };
-}

package/src/themes/types.ts

@@ -1,26 +0,0 @@
-export type BtnThemeOptions = {
-  backgroundColor: string;
-  borderColor: string;
-  textColor: string;
-};
-
-export type BtnOptions = {
-  default: BtnThemeOptions;
-  hover: BtnThemeOptions;
-  disabled: BtnThemeOptions;
-};
-
-export type SvgIconOptions = {
-  strokeColor: string;
-  color: string;
-};
-
-export type ThemeConfig = {
-  btn: {
-    primary: BtnOptions;
-    back: BtnOptions;
-  };
-  icon: {
-    close: SvgIconOptions;
-  };
-};