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

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;
-  };
-};