@mintmoney/react 0.1.0-alpha-1

package/dist/types/components/modals/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC"}

package/dist/types/components/modals/modal-with-views.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface ModalWithViewProps {
+    isOpen: boolean;
+    className?: string;
+    onOpenChange?: (open: boolean) => void;
+    initialView: string;
+    views: Record<string, {
+        title: string;
+        header?: (viewProps: Record<string, unknown>) => React.ReactNode;
+        content: (viewProps: Record<string, unknown>) => React.ReactNode;
+        footer?: (viewProps: Record<string, unknown>) => React.ReactNode;
+        navigateButtonPosition?: "left" | "center" | "right";
+        navigateComponent?: React.ReactNode;
+        navigateShouldGoToView?: string;
+    }>;
+    defaultNavigateButtonPosition?: "left" | "center" | "right";
+    defaultNavigateButtonComponent?: React.ReactNode;
+}
+export declare function ModalWithView(props: ModalWithViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal-with-views.d.ts.map

package/dist/types/components/modals/modal-with-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-with-views.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CACX,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,sBAAsB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACrD,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CACF,CAAC;IACF,6BAA6B,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5D,8BAA8B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClD;AA6DD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAMtD"}

package/dist/types/components/modals/modal.d.ts

@@ -0,0 +1,11 @@
+export interface ModalProps {
+    className?: string;
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    navBarComponent?: React.ReactNode;
+    disableCloseOnInteractOutside?: boolean;
+    children: React.ReactNode;
+    title: string;
+}
+export declare const Modal: ({ className, open, onOpenChange, navBarComponent, disableCloseOnInteractOutside, title, children, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal.d.ts.map

package/dist/types/components/modals/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,wGAQf,UAAU,4CAwCZ,CAAC"}

package/dist/types/components/modals/use-modal-with-views.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ModalWithViewProps } from "./modal-with-views.jsx";
+type ModalContext = {
+    currentView: string;
+    goToView: (view: string, props?: Record<string, unknown>) => void;
+    viewProps: Record<string, unknown>;
+};
+declare const ModalContext: React.Context<ModalContext | undefined>;
+export declare const ModalWithViewProvider: ({ children, initialView, }: Pick<ModalWithViewProps, "initialView"> & {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useModalWithView: () => ModalContext;
+export {};
+//# sourceMappingURL=use-modal-with-views.d.ts.map

package/dist/types/components/modals/use-modal-with-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-with-views.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/use-modal-with-views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,KAAK,YAAY,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,YAAY,yCAIhB,CAAC;AAEH,eAAO,MAAM,qBAAqB,+BAG/B,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAuBA,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,YAEnC,CAAC"}

package/dist/types/config.d.ts

@@ -0,0 +1,13 @@
+import { ThemeConfig } from "./themes/types.js";
+export type Config = {
+    publicKey: string;
+    apiUrl: string;
+    theme: ThemeConfig;
+};
+type ConfigOptions = {
+    apiUrl?: string;
+    theme: Partial<ThemeConfig>;
+};
+export declare const createConfig: (publicKey: string, options?: ConfigOptions) => Config;
+export {};
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,YAAY,cACZ,MAAM,YACP,aAAa,KACtB,MAKF,CAAC"}

package/dist/types/context.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { Config } from "./config.js";
+export type MintMoneyProviderProps = {
+    config: Config;
+    children: React.ReactNode;
+};
+export declare function MintMoneyProvider({ config, children, }: MintMoneyProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useMintMoneyConfig(): Config;
+//# sourceMappingURL=context.d.ts.map

package/dist/types/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,2CAMxB;AAED,wBAAgB,kBAAkB,WAQjC"}

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import { ThemeConfig } from "./types.js";
+export declare const defaultTheme: ThemeConfig;
+//# sourceMappingURL=default.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,YAAY,EA2CpB,WAAW,CAAC"}

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

@@ -0,0 +1,3 @@
+export { defaultTheme } from "./default.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,24 @@
+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;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE;QACH,OAAO,EAAE,UAAU,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC;KAClB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC;KACvB,CAAC;CACH,CAAC"}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@mintmoney/react",
+  "description": "React SDK library for the mintmoney playments network",
+  "version": "0.1.0-alpha-1",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/getmintmoney/mintmoney-js.git",
+    "directory": "packages/react"
+  },
+  "files": [
+    "dist/**",
+    "!dist/**/*.tsbuildinfo",
+    "src/**/*.ts",
+    "!src/**/*.test.ts",
+    "!src/**/*.test-d.ts",
+    "/ui"
+  ],
+  "sideEffects": false,
+  "type": "module",
+  "main": "./dist/esm/exports/index.js",
+  "types": "./dist/types/exports/index.d.ts",
+  "typings": "./dist/types/exports/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/exports/index.d.ts",
+      "default": "./dist/esm/exports/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/types/exports/hooks.d.ts",
+      "default": "./dist/esm/exports/hooks.js"
+    },
+    "./config": {
+      "types": "./dist/types/exports/config.d.ts",
+      "default": "./dist/esm/exports/config.js"
+    },
+    "./components": {
+      "types": "./dist/types/exports/components.d.ts",
+      "default": "./dist/esm/exports/components.js"
+    },
+    "./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
+    }
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-visually-hidden": "^1.1.2",
+    "@types/lodash.merge": "^4.6.9",
+    "lodash.merge": "^4.6.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "styled-components": "^6.1.15",
+    "@mintmoney/core": "0.1.0-alpha-1"
+  },
+  "devDependencies": {
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0",
+    "postcss": "^8.5.1",
+    "postcss-cli": "^11.0.0"
+  },
+  "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"
+  }
+}

package/src/components/index.ts

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

package/src/components/modals/index.ts

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

package/src/config.ts

@@ -0,0 +1,27 @@
+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

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

package/src/exports/config.ts

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

package/src/exports/hooks.ts

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

package/src/exports/index.ts

@@ -0,0 +1,9 @@
+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

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

package/src/hooks/index.ts

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

package/src/hooks/useCheckout.ts

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,26 @@
+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;
+  };
+};