@mintmoney/react 0.1.0-alpha.3 → 0.1.0-alpha.5

package/README.md

@@ -0,0 +1,109 @@
+# 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/connect` react component.
+
+```jsx
+import ReactDOM from 'react-dom/client';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
+
+import '@fontsource/inter';
+import '@fontsource/inter/400.css';
+import '@fontsource/inter/400-italic.css';
+
+import { routes } from './routes.tsx';
+import { ViewportProvider } from '@/contexts/viewport-context.tsx';
+import { createConfig, MintMoneyProvider } from "@mintmoney/react"
+
+export const router = createBrowserRouter([routes], {
+  basename: import.meta.env.VITE_BASENAME || '/',
+});
+
+const config = createConfig("pubkey")
+
+const App = () => {
+
+  return (
+    <MintMoneyProvider config={config}>
+      <RouterProvider router={router} />;
+    </MintMoneyProvider>
+  );
+};
+
+ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
+```
+
+```jsx
+import { cn } from '@/util/class-name-merge';
+import { Checkout } from "@mintmoney/connect/checkout"
+import { Payment } from '@mintmoney/react';
+import { useState } from 'react';
+
+export default () => {
+
+  // your app manages gather payment info
+  const [payment, setPayment] = useState<Partial<Payment>>({})
+
+  const handleAmount = (amount: number) => {
+    setPayment({ ...payment, amount })
+  }
+
+  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 className={cn("h-[150px] w-[150px] rounded-lg p-8 bg-[#f1f1f1] border border-[#ccc]", { "bg-[#6200ea] text-[#fff]": payment.amount === 10.00 })} onClick={() => handleAmount(10.00)}>$10</button>
+        <button className={cn("h-[150px] w-[150px] rounded-lg p-8 bg-[#f1f1f1] border border-[#ccc]", { "bg-[#6200ea] text-[#fff]": payment.amount === 50.00 })} onClick={() => handleAmount(50.00)}>$50</button>
+        <button className={cn("h-[150px] w-[150px] rounded-lg p-8 bg-[#f1f1f1] border border-[#ccc]", { "bg-[#6200ea] text-[#fff]": payment.amount === 150.00 })} onClick={() => handleAmount(150.00)}>$150</button>
+      </div>
+      {payment.amount && <Checkout checkoutId={"checkout-1"} data={payment} />}
+    </div>
+  );
+};
+
+```
+
+## Looking for other ways to integrate ?
+
+### @mintmoney/react
+
+If you want control over the UI for the user checkout but want to harness the power of the sdk
+to manage the core business logic, we provide the react package that provides access to the
+hooks and core data management flows used by @mintmoney/connect.
+
+### @mintmoney/core
+
+Vanilla javascript code base that exposes low level apis for interacting with the mintmoney platform.
+
+This give developers the most amount of flexability when working with the platform but it requires the most
+amount of work.
+
+# Developer Setup
+
+🟢 Ensure you're running node version 22
+
+`nvm install 22 && nvm use 22`
+
+🟢 Install pnpm
+
+`npm -g install pnpm`
+
+🟢 Install dependencies and set up package workspace.
+
+`pnpm install`
+
+🟢 build the packages
+
+`pnpm build`
+
+🟢 Run example app
+
+`cd platgrounds/vite-react-app`
+
+`pnpm dev`

package/dist/css/styles.css

@@ -288,5 +288,3 @@
     transform: translateX(-20px) scale(1);
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3Mvc3R5bGVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCB1cmwoXCJodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2NzczI/ZmFtaWx5PU51bml0bytTYW5zOndnaHRAMjAwLi4xMDAwJmRpc3BsYXk9c3dhcFwiKTtcblxuLm1tLXJvb3Qge1xuICBmb250LWZhbWlseTogdmFyKC0tbW0tZm9udC1mYW1pbHksIFwiTnVuaXRvIFNhbnNcIiksIHNhbnMtc2VyaWY7XG59XG5cbi5tbS1xci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogI2U2ZjBmZjtcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbn1cblxuLm1tLWFkZHJlc3MtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBiYWNrZ3JvdW5kOiAjZWVmNWZmO1xuICBwYWRkaW5nOiA4cHggMTJweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xufVxuXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogTU9EQUxTXG4gKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuLm1tLW1vZGFsLW92ZXJsYXkge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiA1MDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjIpO1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoNHB4KTtcbn1cblxuLm1tLW1vZGFsLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHotaW5kZXg6IDUwO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgcGFkZGluZzogMjRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMzAwcHg7XG4gIG1pbi13aWR0aDogNDAwcHg7XG4gIG1heC13aWR0aDogNDAwcHg7XG4gIG1heC1oZWlnaHQ6IDYwMHB4O1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICBtYXJnaW46IGF1dG87XG59XG5cbi5tbS1tb2RhbC1jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4taGVpZ2h0OiBjYWxjKDMwMHB4IC0gNDhweCk7XG59XG5cbi5tbS1tb2RhbC1uYXYge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5tbS1tb2RhbC1uYXYtbGVmdCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLm1tLW1vZGFsLW5hdi1jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLm1tLW1vZGFsLW5hdi1yaWdodCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5cbi5tbS1tb2RhbC1oZWFkZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMTJweDtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLm1tLW1vZGFsLWJvZHkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbn1cblxuLm1tLW1vZGFsLWZvb3RlciB7XG4gIHBhZGRpbmctdG9wOiAyNHB4O1xufVxuXG5Aa2V5ZnJhbWVzIHNwaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgfVxufVxuXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogVGV4dCBcbiAqICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXG5cbi8qICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBCdXR0b25zIFxuICogKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cbi5jb3B5LWJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMxYTUzZmY7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA4cHggMTZweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG4uY29weS1idXR0b246aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAzOWNjO1xufVxuXG4uY29weS1idXR0b246YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwMmE5OTtcbn1cblxuLmNvcHktYnV0dG9uOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgM3B4IHJnYmEoMjYsIDgzLCAyNTUsIDAuNCk7XG59XG5cbi8qICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBMaXN0cyBcbiAqICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXG5cbi5tbS1lbXB0eS1saXN0X19jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLm1tLXNlbGVjdGFibGUtbGlzdF9fYnV0dG9uLWdyb3VwIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxNnB4O1xufVxuXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogTG9hZGluZyBDb21wb25lbnRzXG4gKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuLmxvYWRpbmctY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbn1cblxuLmxvYWRpbmctc2VnbWVudCB7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zZm9ybTogc2NhbGUoMC44KTtcbiAgYW5pbWF0aW9uOiBmYWRlSW5TZXF1ZW5jZSAzcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIGluZmluaXRlO1xufVxuXG4uc2VnbWVudC0xIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwcztcbiAgYW5pbWF0aW9uLW5hbWU6IGZhZGVJblNsaWRlVXA7XG59XG4uc2VnbWVudC0yIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzO1xuICBhbmltYXRpb24tbmFtZTogZmFkZUluU2xpZGVSaWdodDtcbn1cbi5zZWdtZW50LTMge1xuICBhbmltYXRpb24tZGVsYXk6IDAuNnM7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW5TbGlkZURvd247XG59XG4uc2VnbWVudC00IHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjlzO1xuICBhbmltYXRpb24tbmFtZTogZmFkZUluU2xpZGVMZWZ0O1xufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJblNsaWRlVXAge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCkgc2NhbGUoMSk7XG4gIH1cbiAgMzAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKSBzY2FsZSgxKTtcbiAgfVxuICA3MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApIHNjYWxlKDEpO1xuICB9XG4gIDkwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTEwcHgpIHNjYWxlKDEpO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0yMHB4KSBzY2FsZSgxKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJblNsaWRlUmlnaHQge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwcHgpIHNjYWxlKDEpO1xuICB9XG4gIDMwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGUoMSk7XG4gIH1cbiAgNzAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKSBzY2FsZSgxKTtcbiAgfVxuICA5MCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpIHNjYWxlKDEpO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwcHgpIHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZmFkZUluU2xpZGVEb3duIHtcbiAgMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0yMHB4KSBzY2FsZSgxKTtcbiAgfVxuICAzMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApIHNjYWxlKDEpO1xuICB9XG4gIDcwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCkgc2NhbGUoMSk7XG4gIH1cbiAgOTAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMHB4KSBzY2FsZSgxKTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgyMHB4KSBzY2FsZSgxKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJblNsaWRlTGVmdCB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KSBzY2FsZSgxKTtcbiAgfVxuICAzMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApIHNjYWxlKDEpO1xuICB9XG4gIDcwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGUoMSk7XG4gIH1cbiAgOTAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTBweCkgc2NhbGUoMSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwcHgpIHNjYWxlKDEpO1xuICB9XG59XG4iXX0= */

package/dist/esm/api/checkouts.js

@@ -0,0 +1,16 @@
+import { api } from "../api/index.js";
+const checkoutDTO = (data) => {
+    return {
+        ...data.data,
+    };
+};
+export const getCheckoutCryptoCurrencies = (checkout) => {
+    return checkout.checkout_config.crypto?.enabled
+        ? checkout.checkout_config.crypto.assets || []
+        : [];
+};
+export async function getCheckoutById(checkoutId) {
+    const resp = await api.v1.checkoutsDetail(checkoutId);
+    return checkoutDTO(resp.data);
+}
+//# sourceMappingURL=checkouts.js.map

package/dist/esm/api/checkouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkouts.js","sourceRoot":"","sources":["../../../src/api/checkouts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAKtC,MAAM,WAAW,GAAG,CAAC,IAAyB,EAAE,EAAE;IAChD,OAAO;QACL,GAAG,IAAI,CAAC,IAAI;KACD,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,QAAkB,EAMhB,EAAE;IACJ,OAAO,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO;QAC7C,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE;QAC9C,CAAC,CAAC,EAAE,CAAC;AACT,CAAC,CAAC;AAEF,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,UAAkB;IACtD,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACtD,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC"}