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

package/dist/esm/context.js

@@ -4,24 +4,16 @@ import { createContext, useContext } from "react";
 import { ThemeProvider } from "styled-components";
 import { api } from "./api/index.js";
 const MintMoneyContext = createContext(undefined);
-export function MintMoneyProvider({ config, children }) {
-  api.baseUrl = config.apiUrl;
-  api.setSecurityData(config.publicKey);
-  return _jsx(MintMoneyContext.Provider, {
-    value: config,
-    children: _jsx(ThemeProvider, {
-      theme: config.theme,
-      children: _jsx("div", { className: "mm-root", children: children }),
-    }),
-  });
+export function MintMoneyProvider({ config, children, }) {
+    api.baseUrl = config.apiUrl;
+    api.setSecurityData(config.publicKey);
+    return (_jsx(MintMoneyContext.Provider, { value: config, children: _jsx(ThemeProvider, { theme: config.theme, children: _jsx("div", { className: "mm-root", children: children }) }) }));
 }
 export function useMintMoneyConfig() {
-  const context = useContext(MintMoneyContext);
-  if (!context) {
-    throw new Error(
-      "useMintMoneyConfig must be used within a MintMoneyProvider",
-    );
-  }
-  return context;
+    const context = useContext(MintMoneyContext);
+    if (!context) {
+        throw new Error("useMintMoneyConfig must be used within a MintMoneyProvider");
+    }
+    return context;
 }
-//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/dist/esm/index.js

@@ -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.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/state/checkout/store.js

@@ -1,25 +1,20 @@
 import { create } from "zustand";
 import { immer } from "zustand/middleware/immer";
-import {
-  getCheckoutById,
-  getCheckoutCryptoCurrencies,
-} from "../../api/checkouts.js";
+import { getCheckoutById, getCheckoutCryptoCurrencies, } from "../../api/checkouts.js";
 import { createPaymentAttempt, getPaymentById } from "../../api/payments.js";
 export var ACTIONS;
 (function (ACTIONS) {
-  ACTIONS["GET_CHECKOUT_CONFIG"] = "GET_CHECKOUT_CONFIG";
-  ACTIONS["GET_CRYPTO_CURRENCIES"] = "GET_CRYPTO_CURRENCIES";
-  ACTIONS["CREATE_PAYMENT"] = "CREATE_PAYMENT";
-  ACTIONS["GET_PAYMENT"] = "GET_PAYMENT";
-  ACTIONS["CREATE_PAYMENT_ATTEMPT"] = "CREATE_PAYMENT_ATTEMPT";
+    ACTIONS["GET_CHECKOUT_CONFIG"] = "GET_CHECKOUT_CONFIG";
+    ACTIONS["GET_CRYPTO_CURRENCIES"] = "GET_CRYPTO_CURRENCIES";
+    ACTIONS["CREATE_PAYMENT"] = "CREATE_PAYMENT";
+    ACTIONS["GET_PAYMENT"] = "GET_PAYMENT";
+    ACTIONS["CREATE_PAYMENT_ATTEMPT"] = "CREATE_PAYMENT_ATTEMPT";
 })(ACTIONS || (ACTIONS = {}));
-const initialActionState = (initialValue) =>
-  Object.values(ACTIONS).reduce((acc, action) => {
+const initialActionState = (initialValue) => Object.values(ACTIONS).reduce((acc, action) => {
     acc[action] = initialValue;
     return acc;
-  }, {});
-export const useCheckoutStore = create()(
-  immer((_set, _get) => ({
+}, {});
+export const useCheckoutStore = create()(immer((_set, _get) => ({
     checkoutId: null,
     selectedMethod: null,
     selectedCurrency: null,
@@ -30,160 +25,165 @@ export const useCheckoutStore = create()(
     cryptoPaymentAttempt: null,
     loading: initialActionState(false),
     error: initialActionState(null),
-  })),
-);
+})));
 const set = (fn) => {
-  useCheckoutStore.setState(fn);
+    useCheckoutStore.setState(fn);
 };
 const get = () => useCheckoutStore.getState();
 export const clearErrors = () => {
-  set((state) => {
-    Object.values(ACTIONS).forEach((action) => {
-      state.error[action] = null;
+    set((state) => {
+        Object.values(ACTIONS).forEach((action) => {
+            state.error[action] = null;
+        });
     });
-  });
 };
 export const initialiseStore = async (payment) => {
-  set((state) => {
-    state.payment = payment;
-  });
-  try {
-    await getCheckoutConfig(payment.checkout_id);
-  } catch (err) {
     set((state) => {
-      state.error[ACTIONS.GET_CHECKOUT_CONFIG] = "Failed to load checkout";
+        state.payment = payment;
     });
-  }
+    try {
+        await getCheckoutConfig(payment.checkout_id);
+    }
+    catch (err) {
+        set((state) => {
+            state.error[ACTIONS.GET_CHECKOUT_CONFIG] = "Failed to load checkout";
+        });
+    }
 };
 export const createCheckoutCryptoPaymentAttempt = async (currency) => {
-  const paymentId = useCheckoutStore.getState().payment?.id;
-  if (!paymentId) {
-    throw Error("Cannot create payment attempt without payment object.");
-  }
-  try {
-    set((state) => {
-      state.error[ACTIONS.CREATE_PAYMENT_ATTEMPT] = null;
-      state.loading[ACTIONS.CREATE_PAYMENT_ATTEMPT] = true;
-    });
-    const attempt = await createPaymentAttempt(paymentId, currency);
-    const payment = await getPaymentById(paymentId);
-    set((state) => {
-      state.payment = payment;
-      state.cryptoPaymentAttempt = attempt;
-      state.error[ACTIONS.CREATE_PAYMENT_ATTEMPT] = null;
-      state.loading[ACTIONS.CREATE_PAYMENT_ATTEMPT] = false;
-    });
-  } catch (err) {
-    const error = err;
-    set((state) => {
-      state.error[ACTIONS.CREATE_PAYMENT_ATTEMPT] = error.message;
-      state.loading[ACTIONS.CREATE_PAYMENT_ATTEMPT] = false;
-    });
-  }
+    const paymentId = useCheckoutStore.getState().payment?.id;
+    if (!paymentId) {
+        throw Error("Cannot create payment attempt without payment object.");
+    }
+    try {
+        set((state) => {
+            state.error[ACTIONS.CREATE_PAYMENT_ATTEMPT] = null;
+            state.loading[ACTIONS.CREATE_PAYMENT_ATTEMPT] = true;
+        });
+        const attempt = await createPaymentAttempt(paymentId, currency);
+        const payment = await getPaymentById(paymentId);
+        set((state) => {
+            state.payment = payment;
+            state.cryptoPaymentAttempt = attempt;
+            state.error[ACTIONS.CREATE_PAYMENT_ATTEMPT] = null;
+            state.loading[ACTIONS.CREATE_PAYMENT_ATTEMPT] = false;
+        });
+    }
+    catch (err) {
+        const error = err;
+        set((state) => {
+            state.error[ACTIONS.CREATE_PAYMENT_ATTEMPT] = error.message;
+            state.loading[ACTIONS.CREATE_PAYMENT_ATTEMPT] = false;
+        });
+    }
 };
 export function getAvailableCheckoutMethods(checkout) {
-  const methods = [];
-  if (checkout.checkout_config.crypto?.enabled) {
-    methods.push({
-      name: "Pay with Crypto",
-      intentName: "cryptoIntent",
-    });
-  }
-  if (checkout.checkout_config.card?.enabled) {
-    methods.push({
-      name: "Pay by Card",
-      intentName: "cardIntent",
-    });
-  }
-  return methods;
+    const methods = [];
+    if (checkout.checkout_config.crypto?.enabled) {
+        methods.push({
+            name: "Pay with Crypto",
+            intentName: "cryptoIntent",
+        });
+    }
+    if (checkout.checkout_config.card?.enabled) {
+        methods.push({
+            name: "Pay by Card",
+            intentName: "cardIntent",
+        });
+    }
+    return methods;
 }
 export const getCheckoutConfig = async (checkoutId) => {
-  const ACTION = ACTIONS.GET_CHECKOUT_CONFIG;
-  set((state) => {
-    state.loading[ACTION] = true;
-    state.error[ACTION] = null;
-  });
-  try {
-    const resp = await getCheckoutById(checkoutId);
-    if (resp) {
-      set((state) => {
-        state.checkout = resp;
-        state.methods = getAvailableCheckoutMethods(resp);
-        state.cryptoCurrencies = getCheckoutCryptoCurrencies(resp);
-        state.loading[ACTION] = false;
-        state.error[ACTION] = null;
-      });
-    } else {
-      set((state) => {
-        state.loading[ACTION] = false;
-        state.error[ACTION] = "Failed to load checkout";
-      });
-    }
-  } catch (error) {
+    const ACTION = ACTIONS.GET_CHECKOUT_CONFIG;
     set((state) => {
-      state.loading[ACTION] = false;
-      state.error[ACTION] = "Failed to load checkout methods";
+        state.loading[ACTION] = true;
+        state.error[ACTION] = null;
     });
-  }
+    try {
+        const resp = await getCheckoutById(checkoutId);
+        if (resp) {
+            set((state) => {
+                state.checkout = resp;
+                state.methods = getAvailableCheckoutMethods(resp);
+                state.cryptoCurrencies = getCheckoutCryptoCurrencies(resp);
+                state.loading[ACTION] = false;
+                state.error[ACTION] = null;
+            });
+        }
+        else {
+            set((state) => {
+                state.loading[ACTION] = false;
+                state.error[ACTION] = "Failed to load checkout";
+            });
+        }
+    }
+    catch (error) {
+        set((state) => {
+            state.loading[ACTION] = false;
+            state.error[ACTION] = "Failed to load checkout methods";
+        });
+    }
 };
 export const getPayment = async () => {
-  const ACTION = ACTIONS.GET_PAYMENT;
-  set((state) => {
-    state.loading[ACTION] = true;
-    state.error[ACTION] = null;
-  });
-  const payment = get().payment;
-  if (!payment) {
+    const ACTION = ACTIONS.GET_PAYMENT;
     set((state) => {
-      state.loading[ACTION] = false;
-      state.error[ACTION] = "No payment found";
-    });
-    return null;
-  }
-  try {
-    const resp = await getPaymentById(payment.id);
-    if (resp) {
-      set((state) => {
-        state.payment = resp;
-        state.loading[ACTION] = false;
+        state.loading[ACTION] = true;
         state.error[ACTION] = null;
-      });
-      return resp;
-    } else {
-      set((state) => {
-        state.loading[ACTION] = false;
-        state.error[ACTION] = "Failed to load payment";
-      });
-      return null;
-    }
-  } catch (error) {
-    set((state) => {
-      state.loading[ACTION] = false;
-      state.error[ACTION] = "Failed to load payment";
     });
-    return null;
-  }
+    const payment = get().payment;
+    if (!payment) {
+        set((state) => {
+            state.loading[ACTION] = false;
+            state.error[ACTION] = "No payment found";
+        });
+        return null;
+    }
+    try {
+        const resp = await getPaymentById(payment.id);
+        if (resp) {
+            set((state) => {
+                state.payment = resp;
+                state.loading[ACTION] = false;
+                state.error[ACTION] = null;
+            });
+            return resp;
+        }
+        else {
+            set((state) => {
+                state.loading[ACTION] = false;
+                state.error[ACTION] = "Failed to load payment";
+            });
+            return null;
+        }
+    }
+    catch (error) {
+        set((state) => {
+            state.loading[ACTION] = false;
+            state.error[ACTION] = "Failed to load payment";
+        });
+        return null;
+    }
 };
 export const resetCheckoutStore = () => {
-  set((state) => {
-    Object.assign(state, {
-      amount: null,
-      checkoutId: null,
-      selectedMethod: null,
-      selectedCurrency: null,
-      methods: null,
-      cryptoCurrencies: null,
-      checkout: null,
-      payment: null,
-      cryptoPaymentAttempt: null,
-      loading: initialActionState(false),
-      error: initialActionState(null),
+    set((state) => {
+        Object.assign(state, {
+            amount: null,
+            checkoutId: null,
+            selectedMethod: null,
+            selectedCurrency: null,
+            methods: null,
+            cryptoCurrencies: null,
+            checkout: null,
+            payment: null,
+            cryptoPaymentAttempt: null,
+            loading: initialActionState(false),
+            error: initialActionState(null),
+        });
     });
-  });
 };
 export const setCheckoutMethod = (method) => {
-  set((state) => {
-    state.selectedMethod = method;
-  });
+    set((state) => {
+        state.selectedMethod = method;
+    });
 };
-//# sourceMappingURL=store.js.map
+//# sourceMappingURL=store.js.map

package/dist/esm/themes/default.js

@@ -1,60 +1,102 @@
 export const defaultTheme = {
-  font: {
-    color: {
-      primary: "#131212",
-      secondary: "#232032",
-      tertiary: "#585773",
+    font: {
+        color: {
+            primary: "#131212",
+            secondary: "#232032",
+            tertiary: "#585773",
+        },
     },
-  },
-  btn: {
-    primary: {
-      default: {
-        backgroundColor: "#48DAB5",
-        borderColor: "#48DAB5",
-        textColor: "#131222",
-      },
-      hover: {
-        backgroundColor: "#41F4C8",
-        borderColor: "#41F4C8",
-        textColor: "#131222",
-      },
-      disabled: {
-        backgroundColor: "#BAEFE2",
-        borderColor: "#BAEFE2",
-        textColor: "#7AAA9E",
-      },
+    btn: {
+        primary: {
+            default: {
+                backgroundColor: "#48DAB5",
+                borderColor: "#48DAB5",
+                textColor: "#131222",
+            },
+            hover: {
+                backgroundColor: "#41F4C8",
+                borderColor: "#41F4C8",
+                textColor: "#131222",
+            },
+            disabled: {
+                backgroundColor: "#BAEFE2",
+                borderColor: "#BAEFE2",
+                textColor: "#7AAA9E",
+            },
+        },
+        secondary: {
+            default: {
+                backgroundColor: "#FFF",
+                borderColor: "#DFDFFD",
+                textColor: "#131222",
+            },
+            hover: {
+                backgroundColor: "#FFF",
+                borderColor: "#00C694",
+                textColor: "#00C694",
+            },
+            disabled: {
+                backgroundColor: "#FAFBFF",
+                borderColor: "#C9D0E3",
+                textColor: "#8F8FAE",
+            },
+        },
+        success: {
+            default: {
+                backgroundColor: "#22C55E",
+                borderColor: "#22C55E",
+                textColor: "#FEFEFE",
+            },
+            hover: {
+                backgroundColor: "#22C55E",
+                borderColor: "#22C55E",
+                textColor: "#FEFEFE",
+            },
+            disabled: {
+                backgroundColor: "#22C55E",
+                borderColor: "#22C55E",
+                textColor: "#FEFEFE",
+            },
+        },
+        error: {
+            default: {
+                backgroundColor: "#FF4B4B",
+                borderColor: "#FF4B4B",
+                textColor: "#FEFEFE",
+            },
+            hover: {
+                backgroundColor: "#FF4B4B",
+                borderColor: "#FF4B4B",
+                textColor: "#FEFEFE",
+            },
+            disabled: {
+                backgroundColor: "#FF4B4B",
+                borderColor: "#FF4B4B",
+                textColor: "#FEFEFE",
+            },
+        },
     },
-    secondary: {
-      default: {
-        backgroundColor: "#FFF",
-        borderColor: "#DFDFFD",
-        textColor: "#131222",
-      },
-      hover: {
-        backgroundColor: "#FFF",
-        borderColor: "#00C694",
-        textColor: "#00C694",
-      },
-      disabled: {
-        backgroundColor: "#FAFBFF",
-        borderColor: "#C9D0E3",
-        textColor: "#8F8FAE",
-      },
+    icon: {
+        loader: {
+            color: "#48DAB5",
+            strokeColor: "#48DAB5",
+        },
+        link: {
+            color: "#48DAB5",
+            strokeColor: "#48DAB5",
+        },
+        close: {
+            strokeColor: "#ccc",
+            color: "#ccc",
+        },
+        check: {
+            color: "#48DAB5",
+            strokeColor: "#48DAB5",
+        },
+        alert: {
+            strokeColor: "#fefefe",
+            color: "fefefe",
+        },
     },
-  },
-  icon: {
-    loader: {
-      color: "#48DAB5",
-      strokeColor: "#48DAB5",
-    },
-    close: {
-      strokeColor: "#ccc",
-      color: "#ccc",
-    },
-    check: {
-      color: "#48DAB5",
-      strokeColor: "#48DAB5",
-    },
-  },
 };
-//# sourceMappingURL=default.js.map
+//# sourceMappingURL=default.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,SAAS;SACpB;KACF;IACD,GAAG,EAAE;QACH,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;SACvB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,MAAM;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;SACvB;KACF;CACF,CAAC"}
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,SAAS;SACpB;KACF;IACD,GAAG,EAAE;QACH,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;SACvB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;SACvB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,MAAM;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;SACvB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,QAAQ;SAChB;KACF;CACF,CAAC"}

package/dist/esm/themes/index.js

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

package/dist/esm/themes/types.js

@@ -1,2 +1,2 @@
 import "styled-components";
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/esm/utils/cn.js

@@ -1,4 +1,4 @@
 import { clsx } from "clsx";
 export const cn = (...inputs) => clsx(inputs);
 export default cn;
-//# sourceMappingURL=cn.js.map
+//# sourceMappingURL=cn.js.map

package/dist/types/api/checkouts.d.ts

@@ -1,9 +1,9 @@
 import { Checkout } from "./types.js";
 export declare const getCheckoutCryptoCurrencies: (checkout: Checkout) => {
-  chain: string;
-  asset: string;
-  chain_name: string;
-  asset_name: string;
+    chain: string;
+    asset: string;
+    chain_name: string;
+    asset_name: string;
 }[];
 export declare function getCheckoutById(checkoutId: string): Promise<Checkout>;
-//# sourceMappingURL=checkouts.d.ts.map
+//# sourceMappingURL=checkouts.d.ts.map