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

package/dist/types/context.d.ts

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

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

@@ -1 +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;AAM1C,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,2CAUxB;AAED,wBAAgB,kBAAkB,WAQjC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,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,2CAUxB;AAED,wBAAgB,kBAAkB,WAQjC"}

package/dist/types/index.d.ts

@@ -2,4 +2,4 @@ export * from "./checkout/index.js";
 export * from "./components/index.js";
 export * from "./api/index.js";
 export * from "./themes/index.js";
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/types/state/checkout/store.d.ts

@@ -1,67 +1,88 @@
-import { Checkout, CheckoutMethod, CryptoCurrency, Payment, CryptoPaymentAttempt } from "../../api/types.js";
+import {
+  Checkout,
+  CheckoutMethod,
+  CryptoCurrency,
+  Payment,
+  CryptoPaymentAttempt,
+} from "../../api/types.js";
 export declare enum ACTIONS {
-    GET_CHECKOUT_CONFIG = "GET_CHECKOUT_CONFIG",
-    GET_CRYPTO_CURRENCIES = "GET_CRYPTO_CURRENCIES",
-    CREATE_PAYMENT = "CREATE_PAYMENT",
-    GET_PAYMENT = "GET_PAYMENT",
-    CREATE_PAYMENT_ATTEMPT = "CREATE_PAYMENT_ATTEMPT"
+  GET_CHECKOUT_CONFIG = "GET_CHECKOUT_CONFIG",
+  GET_CRYPTO_CURRENCIES = "GET_CRYPTO_CURRENCIES",
+  CREATE_PAYMENT = "CREATE_PAYMENT",
+  GET_PAYMENT = "GET_PAYMENT",
+  CREATE_PAYMENT_ATTEMPT = "CREATE_PAYMENT_ATTEMPT",
 }
 interface CheckoutState {
-    checkoutId: string | null;
-    amount: number | null;
-    selectedMethod: CheckoutMethod | null;
-    selectedCurrency: CryptoCurrency | null;
-    checkout: Checkout | null;
-    payment: Payment | null;
-    cryptoPaymentAttempt: CryptoPaymentAttempt | null;
-    methods: CheckoutMethod[] | null;
-    cryptoCurrencies: CryptoCurrency[] | null;
-    loading: Record<ACTIONS, boolean>;
-    error: Record<ACTIONS, string | null | undefined>;
+  checkoutId: string | null;
+  selectedMethod: CheckoutMethod | null;
+  selectedCurrency: CryptoCurrency | null;
+  checkout: Checkout | null;
+  payment: Payment | null;
+  cryptoPaymentAttempt: CryptoPaymentAttempt | null;
+  methods: CheckoutMethod[] | null;
+  cryptoCurrencies: CryptoCurrency[] | null;
+  loading: Record<ACTIONS, boolean>;
+  error: Record<ACTIONS, string | null | undefined>;
 }
-export declare const useCheckoutStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<CheckoutState>, "setState"> & {
-    setState(nextStateOrUpdater: CheckoutState | Partial<CheckoutState> | ((state: import("immer").WritableDraft<CheckoutState>) => void), shouldReplace?: false): void;
-    setState(nextStateOrUpdater: CheckoutState | ((state: import("immer").WritableDraft<CheckoutState>) => void), shouldReplace: true): void;
-}>;
+export declare const useCheckoutStore: import("zustand").UseBoundStore<
+  Omit<import("zustand").StoreApi<CheckoutState>, "setState"> & {
+    setState(
+      nextStateOrUpdater:
+        | CheckoutState
+        | Partial<CheckoutState>
+        | ((state: import("immer").WritableDraft<CheckoutState>) => void),
+      shouldReplace?: false,
+    ): void;
+    setState(
+      nextStateOrUpdater:
+        | CheckoutState
+        | ((state: import("immer").WritableDraft<CheckoutState>) => void),
+      shouldReplace: true,
+    ): void;
+  }
+>;
 export declare const clearErrors: () => void;
-export declare const initialiseStore: (checkoutId: string, amount: number) => Promise<void>;
-export declare const createCheckoutPayment: () => Promise<void>;
-export declare const createCheckoutCryptoPaymentAttempt: (currency: CryptoCurrency) => Promise<void>;
-export declare function getAvailableCheckoutMethods(checkout: Checkout): CheckoutMethod[];
+export declare const initialiseStore: (payment: Payment) => Promise<void>;
+export declare const createCheckoutCryptoPaymentAttempt: (
+  currency: CryptoCurrency,
+) => Promise<void>;
+export declare function getAvailableCheckoutMethods(
+  checkout: Checkout,
+): CheckoutMethod[];
 export declare const getCheckoutConfig: (checkoutId: string) => Promise<void>;
 export declare const getPayment: () => Promise<{
-    id: string;
-    currency: string;
+  id: string;
+  currency: string;
+  created_at: string;
+  updated_at: string;
+  checkout_id: string;
+  organization_id: string;
+  status: "pending" | "confirming_payment" | "paid" | "failed";
+  is_test: boolean;
+  payment_attempt?: {
+    payment_id: string;
+    asset: string;
+    amount: number;
+    amount_formatted: number;
+    chain: string;
+    asset_address: string;
+    destination_address: string;
     created_at: string;
     updated_at: string;
-    checkout_id: string;
-    organization_id: string;
-    status: "pending" | "confirming_payment" | "paid" | "failed";
-    is_test: boolean;
-    payment_attempt?: {
-        payment_id: string;
-        asset: string;
-        amount: number;
-        amount_formatted: number;
-        chain: string;
-        asset_address: string;
-        destination_address: string;
-        created_at: string;
-        updated_at: string;
-        required_confirmations: number;
-    };
-    order_id?: string | null;
-    customer_id?: string;
-    metadata?: Record<string, string | number>;
-    line_items?: {
-        name: string;
-        quantity: number;
-        image_url: string;
-        price: number;
-    }[];
-    amount: number;
+    required_confirmations: number;
+  };
+  order_id?: string | null;
+  customer_id?: string;
+  metadata?: Record<string, string | number>;
+  line_items?: {
+    name: string;
+    quantity: number;
+    image_url: string;
+    price: number;
+  }[];
+  amount: number;
 } | null>;
 export declare const resetCheckoutStore: () => void;
 export declare const setCheckoutMethod: (method: CheckoutMethod) => void;
 export {};
-//# sourceMappingURL=store.d.ts.map
+//# sourceMappingURL=store.d.ts.map

package/dist/types/state/checkout/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/state/checkout/store.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,cAAc,EACd,OAAO,EACP,oBAAoB,EACrB,MAAM,oBAAoB,CAAC;AAE5B,oBAAY,OAAO;IACjB,mBAAmB,wBAAwB;IAC3C,qBAAqB,0BAA0B;IAC/C,cAAc,mBAAmB;IACjC,WAAW,gBAAgB;IAC3B,sBAAsB,2BAA2B;CAClD;AAED,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,gBAAgB,EAAE,cAAc,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClD,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACnD;AAWD,eAAO,MAAM,gBAAgB;;;EAc5B,CAAC;AAQF,eAAO,MAAM,WAAW,YAMvB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAU,YAAY,MAAM,EAAE,QAAQ,MAAM,kBAavE,CAAC;AAEF,eAAO,MAAM,qBAAqB,qBA+BjC,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,UAAU,cAAc,kBA6BzB,CAAC;AAEF,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,QAAQ,GACjB,cAAc,EAAE,CAkBlB;AAED,eAAO,MAAM,iBAAiB,GAAU,YAAY,MAAM,kBA4BzD,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAwCtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAgB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,cAAc,SAIvD,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/state/checkout/store.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,cAAc,EACd,OAAO,EACP,oBAAoB,EACrB,MAAM,oBAAoB,CAAC;AAE5B,oBAAY,OAAO;IACjB,mBAAmB,wBAAwB;IAC3C,qBAAqB,0BAA0B;IAC/C,cAAc,mBAAmB;IACjC,WAAW,gBAAgB;IAC3B,sBAAsB,2BAA2B;CAClD;AAED,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,gBAAgB,EAAE,cAAc,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClD,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACnD;AAWD,eAAO,MAAM,gBAAgB;;;EAa5B,CAAC;AAQF,eAAO,MAAM,WAAW,YAMvB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAU,SAAS,OAAO,kBAYrD,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,UAAU,cAAc,kBA6BzB,CAAC;AAEF,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,QAAQ,GACjB,cAAc,EAAE,CAkBlB;AAED,eAAO,MAAM,iBAAiB,GAAU,YAAY,MAAM,kBA4BzD,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAwCtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAgB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,cAAc,SAIvD,CAAC"}

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

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

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

@@ -1 +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,EA0DpB,WAAW,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,eAAO,MAAM,YAAY,EAAE,YA0D1B,CAAC"}

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

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

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

@@ -1,33 +1,37 @@
+import "styled-components";
 export type BtnThemeOptions = {
-    backgroundColor: string;
-    borderColor: string;
-    textColor: string;
+  backgroundColor: string;
+  borderColor: string;
+  textColor: string;
 };
 export type BtnOptions = {
-    default: BtnThemeOptions;
-    hover: BtnThemeOptions;
-    disabled: BtnThemeOptions;
+  default: BtnThemeOptions;
+  hover: BtnThemeOptions;
+  disabled: BtnThemeOptions;
 };
 export type SvgIconOptions = {
-    strokeColor: string;
-    color: string;
+  strokeColor: string;
+  color: string;
 };
 export type ThemeConfig = {
-    font: {
-        color: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-        };
-    };
-    btn: {
-        primary: BtnOptions;
-        secondary: BtnOptions;
-    };
-    icon: {
-        loader: SvgIconOptions;
-        close: SvgIconOptions;
-        check: SvgIconOptions;
+  font: {
+    color: {
+      primary: string;
+      secondary: string;
+      tertiary: string;
     };
+  };
+  btn: {
+    primary: BtnOptions;
+    secondary: BtnOptions;
+  };
+  icon: {
+    loader: SvgIconOptions;
+    close: SvgIconOptions;
+    check: SvgIconOptions;
+  };
 };
-//# sourceMappingURL=types.d.ts.map
+declare module "styled-components" {
+  interface DefaultTheme extends ThemeConfig {}
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -1 +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,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,CAAC;IACF,GAAG,EAAE;QACH,OAAO,EAAE,UAAU,CAAC;QACpB,SAAS,EAAE,UAAU,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,MAAM,EAAE,cAAc,CAAC;QACvB,KAAK,EAAE,cAAc,CAAC;QACtB,KAAK,EAAE,cAAc,CAAC;KACvB,CAAC;CACH,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,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,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,CAAC;IACF,GAAG,EAAE;QACH,OAAO,EAAE,UAAU,CAAC;QACpB,SAAS,EAAE,UAAU,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,MAAM,EAAE,cAAc,CAAC;QACvB,KAAK,EAAE,cAAc,CAAC;QACtB,KAAK,EAAE,cAAc,CAAC;KACvB,CAAC;CACH,CAAC;AAGF,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAU,YAAa,SAAQ,WAAW;KAAG;CAC9C"}

package/dist/types/utils/cn.d.ts

@@ -1,4 +1,4 @@
 import { type ClassValue } from "clsx";
 export declare const cn: (...inputs: ClassValue[]) => string;
 export default cn;
-//# sourceMappingURL=cn.d.ts.map
+//# sourceMappingURL=cn.d.ts.map

package/package.json

@@ -1,23 +1,21 @@
 {
   "name": "@mintmoney/react",
   "description": "React SDK library for the MintMoney payments network",
-  "version": "0.1.0-alpha.10",
+  "version": "0.1.0-alpha.11",
   "license": "MIT",
   "repository": {
     "type": "git",
     "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"
   ],
+  "lint-staged": {
+    "src/**/*.(ts|tsx)": "bash -c 'pnpm type:check'",
+    "src/**/*.(ts|tsx|js|jsx)": "bash -c 'pnpm lint'",
+    "**/*.(ts|tsx|js|jsx|css|json|md)": "bash -c 'pnpm format'"
+  },
   "sideEffects": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -76,10 +74,36 @@
     "zustand": "^5.0.3"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@ladle/react": "^5.0.2",
+    "@types/eslint": "^9.6.1",
+    "@types/eslint__js": "^8.42.3",
     "@types/lodash.merge": "^4.6.9",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
-    "typescript": ">=5.0.4"
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "lint-staged": "^15.2.7",
+    "prettier": "^3.3.3",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.10.0"
   },
-  "packageManager": "npm@latest"
-}
+  "scripts": {
+    "build": "pnpm run clean && tsc --project tsconfig.build.json && pnpm run copy-css",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo",
+    "test:build": "publint --strict",
+    "lint-staged": "lint-staged",
+    "test": "NODE_OPTIONS='--experimental-json-modules' vitest run",
+    "lint": "eslint --max-warnings=0 --fix src/",
+    "lint:check": "eslint --max-warnings=0 src/",
+    "format": "prettier --write src/",
+    "format:check": "prettier --check src/",
+    "type:check": "bash -c 'npx tsc --noEmit -p tsconfig.json'",
+    "copy-css": "mkdir -p dist/css && cp src/css/styles.css dist/css/styles.css"
+  }
+}

package/README.md

@@ -1,94 +0,0 @@
-# mintmoney-js
-
-Welcome to the mintmoney-js sdk. This library provides to with all the tools needed
-to integrate the mint money payments checkout into your web application.
-
-## Quickstart
-
-The quickest and easiest way to integrate mintmoney into your application is to use the
-
-`@mintmoney/react` react component.
-
-```jsx
-import ReactDOM from 'react-dom/client';
-import { createBrowserRouter, RouterProvider } from 'react-router-dom';
-
-import { routes } from './routes.tsx';
-import { ViewportProvider } from '@/contexts/viewport-context.tsx';
-import { createConfig } from "@mintmoney/react/config"
-import { MintMoneyProvider } from "@mintmoney/react/context"
-
-export const router = createBrowserRouter([routes], {
-  basename: import.meta.env.VITE_BASENAME || '/',
-});
-
-const config = createConfig("pk_8tcytWcpd8vfUuclzqWgRGzW", {
-  checkoutId: 'your-checkout-id',
-});
-
-const App = () => {
-
-  return (
-    <ViewportProvider>
-      <MintMoneyProvider config={config}>
-        <RouterProvider router={router} />;
-      </MintMoneyProvider>
-    </ViewportProvider>
-  );
-};
-
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
-```
-
-```jsx
-import { cn } from "@/util/class-name-merge";
-import { Checkout } from "@mintmoney/react/checkout";
-import { useState } from "react";
-import "@mintmoney/react/css/styles.css";
-
-export default () => {
-  const [amount, setAmount] = (useState < number) | (null > null);
-
-  return (
-    <div className="flex flex-col gap-4 items-center">
-      <h1 className="text-center">Mint Money Connect Demo</h1>
-      <div className="flex gap-4">
-        <button onClick={() => setAmount(10.0)}>$10</button>
-        <button onClick={() => setAmount(50.0)}>$50</button>
-        <button onClick={() => setAmount(150.0)}>$150</button>
-      </div>
-      <div>
-        <Checkout amount={amount} />
-      </div>
-    </div>
-  );
-};
-```
-
-# Developer Setup
-
-🟢 Ensure you're running node version 22
-
-`nvm install 22 && nvm use 22`
-
-🟢 Install dependencies and set up package workspace.
-
-`npm install`
-
-🟢 build the packages
-
-`npm run build`
-
-🟢 create a linkable package for dev
-
-`npm run link`
-
-🟢 Install the @mintmoney/react package
-
-`cd platgrounds/vite-react-app`
-
-`npm link @mintmoney/react`
-
-🟢 Run example app
-
-`npm run dev`