@mintmoney/react 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/esm/checkout/views/failed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"failed.js","sourceRoot":"","sources":["../../../../src/checkout/views/failed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQjC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAgB,CAAC;IAE1C,OAAO,CACL,MAAC,eAAe,eACd,KAAC,aAAa,cACZ,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,GAC/B,EAEhB,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,EACjB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,+BAG5B,EAEN,MAAM,IAAI,CACT,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YACzD,MAAM,GACF,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/checkout/views/initial.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Loader, useModalWithView } from "../../components/index.js";
+import { ACTIONS, initialiseStore, useCheckoutStore, } from "../../state/checkout/store.js";
+const InitialiseCheckoutViewContent = (props) => {
+    const { goToView } = useModalWithView();
+    const { error, checkout, payment } = useCheckoutStore();
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        const setup = async () => {
+            await initialiseStore(props.payment);
+        };
+        void setup();
+        const timeout = setTimeout(() => setLoading(false), 1500);
+        return () => clearTimeout(timeout);
+    }, [props.payment]);
+    useEffect(() => {
+        const hasErrors = error[ACTIONS.GET_CHECKOUT_CONFIG] || error[ACTIONS.CREATE_PAYMENT];
+        if (hasErrors) {
+            goToView("failed", { reason: "get_checkout" });
+            return;
+        }
+        if (checkout && payment && !loading) {
+            goToView("methods");
+        }
+    }, [error, checkout, payment, loading]);
+    return loading ? _jsx(Loader, {}) : null;
+};
+export { InitialiseCheckoutViewContent };
+//# sourceMappingURL=initial.js.map

package/dist/esm/checkout/views/initial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initial.js","sourceRoot":"","sources":["../../../../src/checkout/views/initial.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EACL,OAAO,EACP,eAAe,EACf,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AAMvC,MAAM,6BAA6B,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC5D,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,KAAK,IAAI,EAAE;YACvB,MAAM,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,KAAK,KAAK,EAAE,CAAC;QAEb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAE1D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GACb,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEtE,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAExC,OAAO,OAAO,CAAC,CAAC,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,EAAE,6BAA6B,EAAE,CAAC"}

package/dist/esm/checkout/views/method-select.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useModalWithView, SelectableList } from "../../components/index.js";
+import { useCheckoutStore, ACTIONS, setCheckoutMethod, isTestMode, } from "../../state/checkout/store.js";
+import { ModalViewContainer } from "../container.js";
+const MethodSelectViewContent = () => {
+    const { goToView } = useModalWithView();
+    const modalRef = useRef(null);
+    const { methods, loading } = useCheckoutStore();
+    const handleSelectMethod = (method) => {
+        setCheckoutMethod(method);
+        if (isTestMode()) {
+            // go to test payment view
+            goToView("cryptoTestPayment");
+        }
+        else {
+            goToView(method.intentName);
+        }
+    };
+    return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsx(SelectableList, { title: "Select payment method", items: methods || [], getKey: (method) => method.name, getLabel: (method) => method.name, onSelect: handleSelectMethod, loading: loading[ACTIONS.GET_CHECKOUT_CONFIG] }) }));
+};
+export { MethodSelectViewContent };
+//# sourceMappingURL=method-select.js.map

package/dist/esm/checkout/views/method-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"method-select.js","sourceRoot":"","sources":["../../../../src/checkout/views/method-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,iBAAiB,EACjB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,CAAC,MAAsB,EAAE,EAAE;QACpD,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC1B,IAAI,UAAU,EAAE,EAAE,CAAC;YACjB,0BAA0B;YAC1B,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAC/B,KAAC,cAAc,IACb,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE,OAAO,IAAI,EAAE,EACpB,MAAM,EAAE,CAAC,MAAsB,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAC/C,QAAQ,EAAE,CAAC,MAAsB,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EACjD,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAC7C,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/esm/checkout/views/restart.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, useModalWithView } from "../../components/index.js";
+export const RestartCheckoutButton = (props) => {
+    const { goToView } = useModalWithView();
+    return (_jsx(Button, { onClick: async () => {
+            await props.restartCheckout();
+            goToView("initial");
+        }, variant: "secondary", children: "Restart Checkout" }));
+};
+//# sourceMappingURL=restart.js.map

package/dist/esm/checkout/views/restart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"restart.js","sourceRoot":"","sources":["../../../../src/checkout/views/restart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAErC,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,KAAK,CAAC,eAAe,EAAE,CAAC;YAC9B,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC,EACD,OAAO,EAAC,WAAW,iCAGZ,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/buttons/async-button.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAsyncButton } from "./use-async-button.js";
+import { Button } from "./index.js";
+export const AsyncButton = ({ onAsyncClick, onSuccess, successDuration, successContent, loadingContent, errorContent, successMessage, ...buttonProps }) => {
+    const { loading, success, error, handleAsyncClick, handleSuccessComplete, handleErrorComplete, } = useAsyncButton();
+    const handleClick = async (e) => {
+        e.preventDefault();
+        await handleAsyncClick(onAsyncClick);
+    };
+    const onSuccessComplete = () => {
+        handleSuccessComplete();
+        onSuccess?.();
+    };
+    return (_jsx(Button, { ...buttonProps, loading: loading, success: success, error: error, onClick: handleClick, onSuccessComplete: onSuccessComplete, onErrorComplete: handleErrorComplete, successDuration: successDuration, successMessage: successMessage, loadingContent: loadingContent, successContent: successContent, errorContent: errorContent }));
+};
+//# sourceMappingURL=async-button.js.map

package/dist/esm/components/buttons/async-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-button.js","sourceRoot":"","sources":["../../../../src/components/buttons/async-button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAe,MAAM,YAAY,CAAC;AAajD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,YAAY,EACZ,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,GACpB,GAAG,cAAc,EAAE,CAAC;IAErB,MAAM,WAAW,GAAG,KAAK,EAAE,CAAsC,EAAE,EAAE;QACnE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,qBAAqB,EAAE,CAAC;QACxB,SAAS,EAAE,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,OACD,WAAW,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,mBAAmB,EACpC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/buttons/index.js

@@ -1,19 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, forwardRef } from "react";
 import { styled } from "styled-components";
+import { LoaderCircleIcon, CheckMarkIcon, AlertCircleIcon, } from "../icons/index.js";
 const StyledButton = styled.button `
   width: 100%;
-  height: 48px;
-  padding: 10px 16px;
-  border-radius: 48px;
+  height: ${({ size = "medium" }) => (size === "small" ? "auto" : "48px")};
+  padding: ${({ size = "medium" }) => size === "small" ? "6px 12px" : "10px 16px"};
+  border-radius: ${({ size = "medium" }) => size === "small" ? "8px" : "48px"};
   font-family: var(--mm-font-family);
   border: 2px solid
-    ${({ theme, variant = "primary" }) => theme.btn[variant].default.borderColor};
-  background-color: ${({ theme, variant = "primary" }) => theme.btn[variant].default.backgroundColor};
-  color: ${({ theme, variant = "primary" }) => theme.btn[variant].default.textColor};
+    ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.default.borderColor};
+  background-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.default.backgroundColor};
+  color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.default.textColor};
   transition: all 0.3s ease-in-out;
-  font-size: 16px;
+  font-size: ${({ size = "medium" }) => (size === "small" ? "14px" : "16px")};
   font-weight: 700;
   text-align: center;
-  line-height: 28px;
+  line-height: ${({ size = "medium" }) => (size === "small" ? "20px" : "28px")};
+  min-width: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 
   transition:
     background-color 0.3s ease-in-out,
@@ -21,17 +28,93 @@ const StyledButton = styled.button `
     color 0.3s ease-in-out;
 
   &:hover {
-    background-color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.backgroundColor};
-    border-color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.borderColor};
-    color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.textColor};
+    background-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.hover.backgroundColor};
+    border-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.hover.borderColor};
+    color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.hover.textColor};
   }
 
   &:disabled {
-    background-color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.backgroundColor};
-    border-color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.borderColor};
-    color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.textColor};
+    background-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.disabled.backgroundColor};
+    border-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.disabled.borderColor};
+    color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.disabled.textColor};
     cursor: not-allowed;
   }
+
+  /* Success and Error States */
+  ${({ status, theme }) => status === "success" &&
+    `
+      background-color: ${theme?.btn?.success?.default.backgroundColor};
+      color: ${theme?.btn.success.default.textColor};
+      border-color: ${theme?.btn?.success?.default.backgroundColor};
+      opacity: 1;
+      &:disabled {
+        background-color: ${theme?.btn?.success?.disabled.backgroundColor};
+        border-color: ${theme?.btn?.success?.disabled.borderColor};
+        color: ${theme?.btn.success.disabled.textColor};
+        opacity: 1;
+        cursor: default;
+      }
+    `}
+
+  ${({ status, theme }) => status === "error" &&
+    `
+      background-color: ${theme?.btn?.error?.default.backgroundColor};
+      color: ${theme?.btn.error.default.textColor};
+      border-color: ${theme?.btn?.error?.default.backgroundColor};
+      opacity: 1;
+      &:disabled {
+        background-color: ${theme?.btn?.error?.disabled.backgroundColor};
+        border-color: ${theme?.btn?.error?.disabled.borderColor};
+        color: ${theme?.btn.error.disabled.textColor};
+        opacity: 1;
+        cursor: default;
+      }
+    `}
+
+  .content {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
 `;
-export { StyledButton };
+const Button = forwardRef(({ loading, loadingContent, success, successContent, successDuration = 1000, onSuccessComplete, error, errorContent, errorString, errorDuration = 3000, onErrorComplete, successMessage, children, size = "medium", ...props }, ref) => {
+    const [status, setStatus] = useState("idle");
+    useEffect(() => {
+        if (loading) {
+            setStatus("loading");
+            return undefined;
+        }
+        else if (success) {
+            setStatus("success");
+            const timer = setTimeout(() => {
+                setStatus("idle");
+                onSuccessComplete?.();
+            }, successDuration);
+            return () => clearTimeout(timer);
+        }
+        else if (error) {
+            setStatus("error");
+            const timer = setTimeout(() => {
+                setStatus("idle");
+                onErrorComplete?.();
+            }, errorDuration);
+            return () => clearTimeout(timer);
+        }
+        else {
+            setStatus("idle");
+            return undefined;
+        }
+    }, [
+        loading,
+        success,
+        error,
+        successDuration,
+        errorDuration,
+        onSuccessComplete,
+        onErrorComplete,
+    ]);
+    return (_jsx(StyledButton, { ref: ref, ...props, status: status, disabled: props.disabled || status !== "idle", size: size, children: status === "loading" ? (_jsx("div", { className: "loading-animation", children: loadingContent || _jsx(LoaderCircleIcon, {}) })) : status === "success" ? (_jsx("div", { className: "success-animation", children: successContent || (_jsxs("div", { className: "content", children: [_jsx(CheckMarkIcon, {}), successMessage || "Success!"] })) })) : status === "error" ? (_jsx("div", { className: "error-animation", children: errorContent || (_jsxs("div", { className: "content", children: [_jsx(AlertCircleIcon, {}), errorString || "Error"] })) })) : (_jsx(_Fragment, { children: children })) }));
+});
+Button.displayName = "Button";
+export { StyledButton, Button };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAS3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;;;;MAO/C,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,WAAW;sBACpB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,eAAe;WACnC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS;;;;;;;;;;;;;wBAahB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACvD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,eAAe;oBACxB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW;aAC3B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC5C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,SAAS;;;;wBAId,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACvD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,eAAe;oBAC3B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,WAAW;aAC9B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC5C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,SAAS;;;CAGxC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/buttons/use-async-button.js

@@ -0,0 +1,44 @@
+import { useState, useCallback } from "react";
+/**
+ * Hook to manage async button states for loading, success, and error
+ * @returns State and handlers for async button operations
+ */
+export const useAsyncButton = () => {
+    const [loading, setLoading] = useState(false);
+    const [success, setSuccess] = useState(false);
+    const [error, setError] = useState(false);
+    const handleAsyncClick = useCallback(async (asyncFunction) => {
+        setLoading(true);
+        try {
+            await asyncFunction();
+            setLoading(false);
+            setSuccess(true);
+        }
+        catch (err) {
+            console.error(err);
+            setLoading(false);
+            setError(true);
+        }
+    }, []);
+    const handleSuccessComplete = useCallback(() => {
+        setSuccess(false);
+    }, []);
+    const handleErrorComplete = useCallback(() => {
+        setError(false);
+    }, []);
+    const reset = useCallback(() => {
+        setLoading(false);
+        setSuccess(false);
+        setError(false);
+    }, []);
+    return {
+        loading,
+        success,
+        error,
+        handleAsyncClick,
+        handleSuccessComplete,
+        handleErrorComplete,
+        reset,
+    };
+};
+//# sourceMappingURL=use-async-button.js.map

package/dist/esm/components/buttons/use-async-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-button.js","sourceRoot":"","sources":["../../../../src/components/buttons/use-async-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAY9C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAqB,EAAE;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAG,WAAW,CAClC,KAAK,EAAE,aAAkC,EAAE,EAAE;QAC3C,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,aAAa,EAAE,CAAC;YACtB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,OAAO;QACP,OAAO;QACP,KAAK;QACL,gBAAgB;QAChB,qBAAqB;QACrB,mBAAmB;QACnB,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/crypto/currency-selector.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+import { AsyncButton } from "../buttons/async-button.js";
+import { Text } from "../index.js";
+const CurrencyRowContainer = styled.div `
+  border: 1px solid #eee;
+  border-radius: 12px;
+  padding: 8px 8px 8px 12px;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-family: var(--mm-font-family);
+`;
+const CurrencyRowContent = styled.div `
+  flex: 1;
+`;
+const CurrencySelector = ({ currency, balance, onSelect, buttonVariant, buttonDisabled = false, }) => {
+    const config = useMintMoneyConfig();
+    return (_jsxs(CurrencyRowContainer, { children: [_jsxs(CurrencyRowContent, { children: [_jsx(Text, { size: "base", weight: "semibold", color: config.theme.font.color.primary, children: currency.asset_name }), _jsx("div", { children: _jsxs(Text, { size: "xs", color: config.theme.font.color.secondary, children: [currency.chain_name, " - ", balance] }) })] }), _jsx("div", { children: _jsx(AsyncButton, { variant: buttonVariant, onAsyncClick: async () => {
+                        await onSelect(currency);
+                    }, size: "small", disabled: buttonDisabled, children: "Select" }) })] }));
+};
+export { CurrencySelector };
+//# sourceMappingURL=currency-selector.js.map

package/dist/esm/components/crypto/currency-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/currency-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAStC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,cAAc,GAAG,KAAK,GACL,EAAE,EAAE;IACrB,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,oBAAoB,eACnB,MAAC,kBAAkB,eACjB,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,YAErC,QAAQ,CAAC,UAAU,GACf,EACP,wBACE,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,aACrD,QAAQ,CAAC,UAAU,SAAK,OAAO,IAC3B,GACH,IACa,EACrB,wBACE,KAAC,WAAW,IACV,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,KAAK,IAAI,EAAE;wBACvB,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAC;oBAC3B,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,cAAc,uBAGZ,GACV,IACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/esm/components/crypto/default-currency-selector.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { useCheckoutStore, createCheckoutCryptoPaymentAttempt, setProcessing, executeTransfer, setSelectedCurrency, checkChainStatus, } from "../../state/checkout/store.js";
+import { useModalWithView } from "../index.js";
+import { WalletContext } from "../wallet-selector/provider.js";
+import { CurrencySelector } from "./currency-selector.js";
+function waitForTransferSuccess() {
+    return new Promise((resolve, reject) => {
+        const unsubscribe = useCheckoutStore.subscribe((state) => {
+            if (state.transfer.chainStatus === "confirmed") {
+                unsubscribe();
+                resolve();
+            }
+            else if (state.transfer.chainStatus === "failed") {
+                unsubscribe();
+                reject(new Error(state.transfer.error || "Transaction failed on chain"));
+            }
+        });
+    });
+}
+const DefaultCurrencySelector = ({ currency, balance, buttonVariant = "primary", }) => {
+    const { goToView } = useModalWithView();
+    const { wallet } = useContext(WalletContext);
+    const processing = useCheckoutStore((state) => state.processing);
+    const handleSelectCurrency = async (currency) => {
+        setProcessing(true);
+        setSelectedCurrency(currency);
+        try {
+            await createCheckoutCryptoPaymentAttempt(currency);
+            if (!wallet) {
+                goToView("cryptoIntentSelectWallet");
+                setProcessing(false);
+                setSelectedCurrency(null);
+                return;
+            }
+            await executeTransfer(wallet);
+            if (wallet) {
+                void checkChainStatus(wallet);
+            }
+            await waitForTransferSuccess();
+            goToView("cryptoIntentPaymentStatus");
+        }
+        catch (error) {
+            setProcessing(false);
+            setSelectedCurrency(null);
+            if (error instanceof Error) {
+                goToView("failed", { reason: error.message });
+            }
+            else {
+                goToView("failed", { reason: "payment_failed" });
+            }
+        }
+    };
+    return (_jsx(CurrencySelector, { currency: currency, balance: balance, onSelect: handleSelectCurrency, buttonVariant: buttonVariant, buttonDisabled: processing }));
+};
+export { DefaultCurrencySelector };
+//# sourceMappingURL=default-currency-selector.js.map

package/dist/esm/components/crypto/default-currency-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/default-currency-selector.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/icons/alert.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+const StyledSvg = styled.svg `
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  transition: stroke 0.2s ease-in-out;
+
+  &:hover {
+    stroke: ${({ color }) => color}CC;
+  }
+`;
+const AlertCircleIcon = ({ size = 20, color }) => {
+    const { theme } = useMintMoneyConfig();
+    const iconColor = color || theme.icon.alert.color;
+    return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: iconColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: iconColor, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }));
+};
+export { AlertCircleIcon };
+//# sourceMappingURL=alert.js.map

package/dist/esm/components/icons/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/icons/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAOtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;cAIpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAwB,EAAE,EAAE;IACrE,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAElD,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,SAAS,EACjB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,SAAS,aAEhB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACjC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/esm/components/icons/checkMark.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from "styled-components";
-import { useMintMoneyConfig } from "@mintmoney/react";
+import { useMintMoneyConfig } from "../../context.js";
 const StyledSvg = styled.svg `
   stroke: ${({ color }) => color};
   width: ${({ width }) => width}px;

package/dist/esm/components/icons/checkMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkMark.js","sourceRoot":"","sources":["../../../../src/components/icons/checkMark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAsB,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,YAE7B,mBAAU,MAAM,EAAC,gBAAgB,GAAY,GACnC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"checkMark.js","sourceRoot":"","sources":["../../../../src/components/icons/checkMark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAsB,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,YAE7B,mBAAU,MAAM,EAAC,gBAAgB,GAAY,GACnC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/icons/close.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from "styled-components";
-import { useMintMoneyConfig } from "@mintmoney/react";
+import { useMintMoneyConfig } from "../../context.js";
 const StyledSvg = styled.svg `
   stroke: ${({ color }) => color};
   width: ${({ width }) => width}px;

package/dist/esm/components/icons/close.js.map

@@ -1 +1 @@
-{"version":3,"file":"close.js","sourceRoot":"","sources":["../../../../src/components/icons/close.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aAE7B,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAQ,EAC3C,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,IACjC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"close.js","sourceRoot":"","sources":["../../../../src/components/icons/close.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aAE7B,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAQ,EAC3C,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,IACjC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/icons/index.js

@@ -1,3 +1,6 @@
 export * from "./close.js";
 export * from "./checkMark.js";
+export * from "./alert.js";
+export * from "./link.js";
+export * from "./loading.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/esm/components/icons/link.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+const StyledSvg = styled.svg `
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  cursor: pointer;
+  transition: stroke 0.2s ease-in-out;
+
+  &:hover {
+    stroke: ${({ color }) => `${color}CC`}; /* Slight transparency on hover */
+  }
+`;
+const LinkIcon = ({ size = 24 }) => {
+    const { theme } = useMintMoneyConfig();
+    return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.link.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.link.color, children: [_jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), _jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })] }));
+};
+export { LinkIcon };
+//# sourceMappingURL=link.js.map

package/dist/esm/components/icons/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/icons/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAkD;YAClE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI;;CAExC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAiB,EAAE,EAAE;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,aAE5B,eAAM,CAAC,EAAC,6DAA6D,GAAG,EACxE,eAAM,CAAC,EAAC,8DAA8D,GAAG,IAC/D,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/esm/components/icons/loading.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled, keyframes } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+const spin = keyframes `
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+const StyledSvg = styled.svg `
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  cursor: pointer;
+  transition: stroke 0.2s ease-in-out;
+  animation: ${spin} 1s linear infinite;
+
+  &:hover {
+    stroke: ${({ color }) => color}CC;
+  }
+`;
+const LoaderCircleIcon = ({ size = 20 }) => {
+    const { theme } = useMintMoneyConfig();
+    return (_jsx(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.loader.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.loader.color, children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
+};
+export { LoaderCircleIcon };
+//# sourceMappingURL=loading.js.map

package/dist/esm/components/icons/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/components/icons/loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,IAAI,GAAG,SAAS,CAAA;;;;CAIrB,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;eAGnB,IAAI;;;cAGL,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAyB,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EACrC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,YAE9B,eAAM,CAAC,EAAC,6BAA6B,GAAG,GAC9B,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/esm/components/inputs/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+const StyledInput = styled.input `
+  width: 100%;
+  height: 56px;
+  padding: 8px 16px;
+  border-radius: 8px;
+  font-family: var(--mm-font-family);
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  font-size: 16px;
+  line-height: 24px;
+
+  &::placeholder {
+    color: #999;
+  }
+
+  &:focus {
+    outline: none;
+    border-color: #000;
+  }
+
+  &:disabled {
+    background-color: #f0f0f0;
+    color: #999;
+    cursor: not-allowed;
+  }
+`;
+const Input = ({ className, ...props }) => (_jsx(StyledInput, { autoComplete: "off", className: className, ...props }));
+export { Input };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjD,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE,CAAC,CAC3D,KAAC,WAAW,IAAC,YAAY,EAAC,KAAK,EAAC,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CACpE,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/lists/index.js

@@ -11,5 +11,5 @@ const SelectableList = ({ title, items, getKey, getLabel, onSelect, loading = fa
     }
     return (_jsxs(_Fragment, { children: [title && (_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "semibold", children: title })), _jsx("div", { className: "mm-selectable-list__button-group", children: items.length > 0 ? (items.map((item) => (_jsx(StyledButton, { onClick: () => onSelect(item), variant: "primary", children: getLabel(item) }, getKey(item))))) : (_jsx(ListEmpty, { content: noItemsMsg })) })] }));
 };
-export { SelectableList };
+export { SelectableList, ListEmpty };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/lists/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lists/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,cAAc,GAAG,CAAK,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,sBAAsB,GACZ,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,YAEjB,KAAK,GACD,CACR,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,SAAS,YAEjB,QAAQ,CAAC,IAAI,CAAC,IAJV,MAAM,CAAC,IAAI,CAAC,CAKJ,CAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,OAAO,EAAE,UAAU,GAAI,CACnC,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lists/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,cAAc,GAAG,CAAK,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,sBAAsB,GACZ,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,YAEjB,KAAK,GACD,CACR,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,SAAS,YAEjB,QAAQ,CAAC,IAAI,CAAC,IAJV,MAAM,CAAC,IAAI,CAAC,CAKJ,CAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,OAAO,EAAE,UAAU,GAAI,CACnC,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/loading/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAQtD,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,MAAM,GAKP,EAAE,EAAE;IACH,OAAO,CACL,eACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,+XAA+X,EACjY,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,8YAA8Y,EAChZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACrC,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/loading/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAQtD,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,MAAM,GAKP,EAAE,EAAE;IACH,OAAO,CACL,eACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,+XAA+X,EACjY,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,8YAA8Y,EAChZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACrC,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/modals/modal-with-views.js

@@ -5,7 +5,6 @@ import { ModalWithViewProvider, useModalWithView, } from "./use-modal-with-views
 function ModalWithViewInner({ isOpen, className, onOpenChange, views, initialView, }) {
     const { currentView, goToView, viewProps } = useModalWithView();
     const currentViewConfig = views[currentView];
-    console.log(currentView, currentViewConfig);
     if (!currentViewConfig) {
         throw new Error("No config provided");
     }