@mintmoney/react 0.1.0-alpha.10 → 0.1.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/styles.css +2 -2
- package/dist/esm/api/checkouts.js +9 -9
- package/dist/esm/api/checkouts.js.map +1 -1
- package/dist/esm/api/generated.js +592 -544
- package/dist/esm/api/index.js +10 -10
- package/dist/esm/api/payments.js +21 -17
- package/dist/esm/api/payments.js.map +1 -1
- package/dist/esm/api/types.js +1 -1
- package/dist/esm/checkout/container.js +2 -2
- package/dist/esm/checkout/index.js +41 -10
- package/dist/esm/checkout/index.js.map +1 -1
- package/dist/esm/checkout/modal.js +66 -55
- package/dist/esm/checkout/modal.js.map +1 -1
- package/dist/esm/checkout/views/back.js +7 -3
- package/dist/esm/checkout/views/card-intent/details.js +22 -5
- package/dist/esm/checkout/views/card-intent/details.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/curreny.js +44 -22
- package/dist/esm/checkout/views/crypto-intent/curreny.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/direct-details.js +61 -17
- package/dist/esm/checkout/views/crypto-intent/direct-details.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/methods.js +27 -19
- package/dist/esm/checkout/views/crypto-intent/methods.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/processing.js +41 -34
- package/dist/esm/checkout/views/crypto-intent/processing.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/success.js +33 -15
- package/dist/esm/checkout/views/crypto-intent/success.js.map +1 -1
- package/dist/esm/checkout/views/initial.js +29 -26
- package/dist/esm/checkout/views/initial.js.map +1 -1
- package/dist/esm/checkout/views/method-select.js +24 -10
- package/dist/esm/checkout/views/method-select.js.map +1 -1
- package/dist/esm/components/buttons/index.js +20 -11
- package/dist/esm/components/buttons/index.js.map +1 -1
- package/dist/esm/components/icons/checkMark.js +16 -4
- package/dist/esm/components/icons/checkMark.js.map +1 -1
- package/dist/esm/components/icons/close.js +19 -4
- package/dist/esm/components/icons/close.js.map +1 -1
- package/dist/esm/components/icons/index.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/lists/empty.js +5 -2
- package/dist/esm/components/lists/index.js +47 -8
- package/dist/esm/components/lists/index.js.map +1 -1
- package/dist/esm/components/loading/index.js +47 -6
- package/dist/esm/components/loading/index.js.map +1 -1
- package/dist/esm/components/modals/index.js +1 -1
- package/dist/esm/components/modals/modal-with-views.js +62 -23
- package/dist/esm/components/modals/modal-with-views.js.map +1 -1
- package/dist/esm/components/modals/modal.js +68 -12
- package/dist/esm/components/modals/modal.js.map +1 -1
- package/dist/esm/components/modals/use-modal-with-views.js +25 -22
- package/dist/esm/components/modals/use-modal-with-views.js.map +1 -1
- package/dist/esm/components/text/index.js +22 -21
- package/dist/esm/components/text/index.js.map +1 -1
- package/dist/esm/config.js +5 -5
- package/dist/esm/config.js.map +1 -1
- package/dist/esm/context.js +19 -11
- package/dist/esm/context.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/state/checkout/store.js +147 -178
- package/dist/esm/state/checkout/store.js.map +1 -1
- package/dist/esm/themes/default.js +55 -55
- package/dist/esm/themes/default.js.map +1 -1
- package/dist/esm/themes/index.js +1 -1
- package/dist/esm/themes/types.js +2 -2
- package/dist/esm/themes/types.js.map +1 -1
- package/dist/esm/utils/cn.js +1 -1
- package/dist/types/api/checkouts.d.ts +5 -5
- package/dist/types/api/generated.d.ts +924 -835
- package/dist/types/api/index.d.ts +2 -1
- package/dist/types/api/index.d.ts.map +1 -1
- package/dist/types/api/payments.d.ts +10 -3
- package/dist/types/api/payments.d.ts.map +1 -1
- package/dist/types/api/types.d.ts +14 -10
- package/dist/types/checkout/container.d.ts +12 -2
- package/dist/types/checkout/index.d.ts +12 -4
- package/dist/types/checkout/index.d.ts.map +1 -1
- package/dist/types/checkout/modal.d.ts +8 -6
- package/dist/types/checkout/modal.d.ts.map +1 -1
- package/dist/types/checkout/views/back.d.ts +5 -3
- package/dist/types/checkout/views/card-intent/details.d.ts +1 -1
- package/dist/types/checkout/views/card-intent/details.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/curreny.d.ts +1 -1
- package/dist/types/checkout/views/crypto-intent/curreny.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/direct-details.d.ts +4 -2
- package/dist/types/checkout/views/crypto-intent/direct-details.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/methods.d.ts +1 -1
- package/dist/types/checkout/views/crypto-intent/methods.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/processing.d.ts +1 -1
- package/dist/types/checkout/views/crypto-intent/processing.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/success.d.ts +5 -3
- package/dist/types/checkout/views/crypto-intent/success.d.ts.map +1 -1
- package/dist/types/checkout/views/initial.d.ts +6 -4
- package/dist/types/checkout/views/initial.d.ts.map +1 -1
- package/dist/types/checkout/views/method-select.d.ts +1 -1
- package/dist/types/checkout/views/method-select.d.ts.map +1 -1
- package/dist/types/components/buttons/index.d.ts +16 -6
- package/dist/types/components/icons/checkMark.d.ts +5 -3
- package/dist/types/components/icons/checkMark.d.ts.map +1 -1
- package/dist/types/components/icons/close.d.ts +5 -3
- package/dist/types/components/icons/close.d.ts.map +1 -1
- package/dist/types/components/icons/index.d.ts +1 -1
- package/dist/types/components/index.d.ts +1 -1
- package/dist/types/components/lists/empty.d.ts +5 -3
- package/dist/types/components/lists/index.d.ts +17 -9
- package/dist/types/components/lists/index.d.ts.map +1 -1
- package/dist/types/components/loading/index.d.ts +4 -4
- package/dist/types/components/loading/index.d.ts.map +1 -1
- package/dist/types/components/modals/index.d.ts +1 -1
- package/dist/types/components/modals/modal-with-views.d.ts +23 -18
- package/dist/types/components/modals/modal-with-views.d.ts.map +1 -1
- package/dist/types/components/modals/modal.d.ts +17 -9
- package/dist/types/components/modals/modal.d.ts.map +1 -1
- package/dist/types/components/modals/use-modal-with-views.d.ts +9 -6
- package/dist/types/components/text/index.d.ts +17 -7
- package/dist/types/components/text/index.d.ts.map +1 -1
- package/dist/types/config.d.ts +12 -9
- package/dist/types/config.d.ts.map +1 -1
- package/dist/types/context.d.ts +7 -4
- package/dist/types/context.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/state/checkout/store.d.ts +75 -54
- package/dist/types/state/checkout/store.d.ts.map +1 -1
- package/dist/types/themes/default.d.ts +3 -3
- package/dist/types/themes/default.d.ts.map +1 -1
- package/dist/types/themes/index.d.ts +1 -1
- package/dist/types/themes/types.d.ts +28 -24
- package/dist/types/themes/types.d.ts.map +1 -1
- package/dist/types/utils/cn.d.ts +1 -1
- package/package.json +35 -11
- package/README.md +0 -94
|
@@ -1,29 +1,68 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
jsx as _jsx,
|
|
3
|
+
Fragment as _Fragment,
|
|
4
|
+
jsxs as _jsxs,
|
|
5
|
+
} from "react/jsx-runtime";
|
|
2
6
|
import { useEffect } from "react";
|
|
3
7
|
import { Modal } from "./modal.js";
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
import {
|
|
9
|
+
ModalWithViewProvider,
|
|
10
|
+
useModalWithView,
|
|
11
|
+
} from "./use-modal-with-views.js";
|
|
12
|
+
function ModalWithViewInner({
|
|
13
|
+
isOpen,
|
|
14
|
+
className,
|
|
15
|
+
onOpenChange,
|
|
16
|
+
views,
|
|
17
|
+
initialView,
|
|
18
|
+
}) {
|
|
19
|
+
const { currentView, goToView, viewProps } = useModalWithView();
|
|
20
|
+
const currentViewConfig = views[currentView];
|
|
21
|
+
if (!currentViewConfig) {
|
|
22
|
+
throw new Error("No config provided");
|
|
23
|
+
}
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (currentView.includes("success") || currentView.includes("error")) {
|
|
26
|
+
const timer = setTimeout(() => {
|
|
27
|
+
onOpenChange?.(false);
|
|
28
|
+
goToView(initialView);
|
|
29
|
+
}, 2000);
|
|
30
|
+
return () => clearTimeout(timer);
|
|
10
31
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
32
|
+
return undefined;
|
|
33
|
+
}, [currentView, onOpenChange, goToView, initialView]);
|
|
34
|
+
return _jsx(Modal, {
|
|
35
|
+
className: className,
|
|
36
|
+
title: currentViewConfig.title,
|
|
37
|
+
open: isOpen,
|
|
38
|
+
onOpenChange: (open) => {
|
|
39
|
+
onOpenChange?.(open);
|
|
40
|
+
goToView(initialView);
|
|
41
|
+
},
|
|
42
|
+
children: _jsxs(_Fragment, {
|
|
43
|
+
children: [
|
|
44
|
+
currentViewConfig.header &&
|
|
45
|
+
_jsx("div", {
|
|
46
|
+
className: "mm-modal-header",
|
|
47
|
+
children: currentViewConfig.header(viewProps),
|
|
48
|
+
}),
|
|
49
|
+
_jsx("div", {
|
|
50
|
+
className: "mm-modal-body",
|
|
51
|
+
children: currentViewConfig.content(viewProps),
|
|
52
|
+
}),
|
|
53
|
+
currentViewConfig.footer &&
|
|
54
|
+
_jsx("div", {
|
|
55
|
+
className: "mm-modal-footer",
|
|
56
|
+
children: currentViewConfig.footer(viewProps),
|
|
57
|
+
}),
|
|
58
|
+
],
|
|
59
|
+
}),
|
|
60
|
+
});
|
|
25
61
|
}
|
|
26
62
|
export function ModalWithView(props) {
|
|
27
|
-
|
|
63
|
+
return _jsx(ModalWithViewProvider, {
|
|
64
|
+
initialView: props.initialView,
|
|
65
|
+
children: _jsx(ModalWithViewInner, { ...props }),
|
|
66
|
+
});
|
|
28
67
|
}
|
|
29
|
-
//# sourceMappingURL=modal-with-views.js.map
|
|
68
|
+
//# sourceMappingURL=modal-with-views.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAwBnC,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,GACQ;IACnB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAChE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACrE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,CAAC,WAAW,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YACrB,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC,YAED,8BAEG,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,EAGD,cAAK,SAAS,EAAC,eAAe,YAC3B,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,GACjC,EAGL,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,IACA,GACG,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,KAAC,qBAAqB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,YACnD,KAAC,kBAAkB,OAAK,KAAK,GAAI,GACX,CACzB,CAAC;AACJ,CAAC"}
|
|
@@ -1,17 +1,73 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
jsx as _jsx,
|
|
3
|
+
Fragment as _Fragment,
|
|
4
|
+
jsxs as _jsxs,
|
|
5
|
+
} from "react/jsx-runtime";
|
|
2
6
|
import * as Dialog from "@radix-ui/react-dialog";
|
|
3
7
|
import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
|
|
8
|
+
import { useMintMoneyConfig } from "../../context.js";
|
|
4
9
|
import { CloseIcon } from "../icons/close.js";
|
|
5
10
|
import { Text } from "../text/index.js";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
export const Modal = ({
|
|
12
|
+
className,
|
|
13
|
+
open,
|
|
14
|
+
onOpenChange,
|
|
15
|
+
navBarComponent,
|
|
16
|
+
disableCloseOnInteractOutside,
|
|
17
|
+
title,
|
|
18
|
+
children,
|
|
19
|
+
}) => {
|
|
20
|
+
const config = useMintMoneyConfig();
|
|
21
|
+
return _jsx(Dialog.Root, {
|
|
22
|
+
open: open,
|
|
23
|
+
onOpenChange: (open) => {
|
|
24
|
+
onOpenChange?.(open);
|
|
25
|
+
},
|
|
26
|
+
children: _jsxs(Dialog.Portal, {
|
|
27
|
+
children: [
|
|
28
|
+
_jsx(Dialog.Overlay, { className: "mm-modal-overlay" }),
|
|
29
|
+
_jsxs(Dialog.Content, {
|
|
30
|
+
className: `mm-modal-container ${className || ""}`,
|
|
31
|
+
onInteractOutside: (e) => {
|
|
32
|
+
if (disableCloseOnInteractOutside) {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
children: [
|
|
37
|
+
_jsx(VisuallyHidden, {
|
|
38
|
+
children: _jsx(Dialog.Title, { children: title }),
|
|
39
|
+
}),
|
|
40
|
+
_jsxs("div", {
|
|
41
|
+
className: "mm-modal-content",
|
|
42
|
+
children: [
|
|
43
|
+
_jsx("div", {
|
|
44
|
+
className: `mm-modal-nav`,
|
|
45
|
+
children:
|
|
46
|
+
navBarComponent ||
|
|
47
|
+
_jsxs(_Fragment, {
|
|
48
|
+
children: [
|
|
49
|
+
_jsx(Text, {
|
|
50
|
+
size: "xl",
|
|
51
|
+
weight: "semibold",
|
|
52
|
+
color: config.theme.font.color.primary,
|
|
53
|
+
children: title,
|
|
54
|
+
}),
|
|
55
|
+
_jsx(Dialog.Close, {
|
|
56
|
+
asChild: true,
|
|
57
|
+
children: _jsx("button", {
|
|
58
|
+
children: _jsx(CloseIcon, {}),
|
|
59
|
+
}),
|
|
60
|
+
}),
|
|
61
|
+
],
|
|
62
|
+
}),
|
|
63
|
+
}),
|
|
64
|
+
children,
|
|
65
|
+
],
|
|
66
|
+
}),
|
|
67
|
+
],
|
|
68
|
+
}),
|
|
69
|
+
],
|
|
70
|
+
}),
|
|
71
|
+
});
|
|
16
72
|
};
|
|
17
|
-
//# sourceMappingURL=modal.js.map
|
|
73
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAYxC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,6BAA6B,EAC7B,KAAK,EACL,QAAQ,GACG,EAAE,EAAE;IACf,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,YAED,MAAC,MAAM,CAAC,MAAM,eACZ,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC/C,MAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,sBAAsB,SAAS,IAAI,EAAE,EAAE,EAClD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;wBACvB,IAAI,6BAA6B,EAAE,CAAC;4BAClC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACrB,CAAC;oBACH,CAAC,aAED,KAAC,cAAc,cACb,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,GACrB,EACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAE,cAAc,YAC3B,eAAe,IAAI,CAClB,8BACE,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,YAErC,KAAK,GACD,EACP,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,2BACE,KAAC,SAAS,KAAG,GACN,GACI,IACd,CACJ,GACG,EACL,QAAQ,IACL,IACS,IACH,GACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,29 +1,32 @@
|
|
|
1
1
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useContext, useEffect, useState } from "react";
|
|
3
3
|
const ModalContext = createContext({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
currentView: "",
|
|
5
|
+
goToView: () => {},
|
|
6
|
+
viewProps: {},
|
|
7
7
|
});
|
|
8
|
-
export const ModalWithViewProvider = ({ children, initialView
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
8
|
+
export const ModalWithViewProvider = ({ children, initialView }) => {
|
|
9
|
+
const [currentView, setCurrentView] = useState(initialView);
|
|
10
|
+
const [viewProps, setViewProps] = useState({});
|
|
11
|
+
function goToView(view, props = {}) {
|
|
12
|
+
setCurrentView(view);
|
|
13
|
+
setViewProps(props);
|
|
14
|
+
}
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
console.log(initialView);
|
|
17
|
+
setCurrentView(initialView);
|
|
18
|
+
}, [initialView]);
|
|
19
|
+
const context = {
|
|
20
|
+
currentView,
|
|
21
|
+
goToView,
|
|
22
|
+
viewProps,
|
|
23
|
+
};
|
|
24
|
+
return _jsxs(ModalContext.Provider, {
|
|
25
|
+
value: context,
|
|
26
|
+
children: [" ", children, " "],
|
|
27
|
+
});
|
|
25
28
|
};
|
|
26
29
|
export const useModalWithView = () => {
|
|
27
|
-
|
|
30
|
+
return useContext(ModalContext);
|
|
28
31
|
};
|
|
29
|
-
//# sourceMappingURL=use-modal-with-views.js.map
|
|
32
|
+
//# sourceMappingURL=use-modal-with-views.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/use-modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU9E,MAAM,YAAY,GAAG,aAAa,CAA2B;IAC3D,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"use-modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/use-modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU9E,MAAM,YAAY,GAAG,aAAa,CAA2B;IAC3D,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,WAAW,GAGZ,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,WAAW,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAExE,SAAS,QAAQ,CAAC,IAAY,EAAE,QAAiC,EAAE;QACjE,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzB,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,OAAO,GAAG;QACd,WAAW;QACX,QAAQ;QACR,SAAS;KACV,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,kBAAI,QAAQ,SAA0B,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAiB,EAAE;IACjD,OAAO,UAAU,CAAC,YAAY,CAAiB,CAAC;AAClD,CAAC,CAAC"}
|
|
@@ -1,30 +1,31 @@
|
|
|
1
1
|
import { styled } from "styled-components";
|
|
2
2
|
const fontSizes = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
xs: "12px",
|
|
4
|
+
sm: "14px",
|
|
5
|
+
base: "16px",
|
|
6
|
+
lg: "18px",
|
|
7
|
+
xl: "20px",
|
|
8
|
+
"2xl": "24px",
|
|
9
|
+
"3xl": "30px",
|
|
10
10
|
};
|
|
11
11
|
const lineHeights = {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
xs: "12px",
|
|
13
|
+
sm: "14px",
|
|
14
|
+
base: "24px",
|
|
15
|
+
lg: "28px",
|
|
16
|
+
xl: "32px",
|
|
17
|
+
"2xl": "24px",
|
|
18
|
+
"3xl": "30px",
|
|
19
19
|
};
|
|
20
20
|
const fontWeights = {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
light: "300",
|
|
22
|
+
normal: "400",
|
|
23
|
+
medium: "500",
|
|
24
|
+
semibold: "600",
|
|
25
|
+
bold: "700",
|
|
26
26
|
};
|
|
27
|
-
const Text = styled.p
|
|
27
|
+
const Text = styled.p`
|
|
28
|
+
font-family: var(--mm-font-family);
|
|
28
29
|
font-size: ${({ size = "base" }) => fontSizes[size]};
|
|
29
30
|
line-height: ${({ size = "base" }) => lineHeights[size]};
|
|
30
31
|
font-weight: ${({ weight = "normal" }) => fontWeights[weight]};
|
|
@@ -33,4 +34,4 @@ const Text = styled.p `
|
|
|
33
34
|
text-transform: ${({ uppercase }) => (uppercase ? "uppercase" : "none")};
|
|
34
35
|
`;
|
|
35
36
|
export { Text };
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C,MAAM,SAAS,GAAmD;IAChE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAmD;IAClE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAqD;IACpE,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAW
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C,MAAM,SAAS,GAAmD;IAChE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAmD;IAClE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAqD;IACpE,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAW;;eAEjB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;iBACpC,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;iBACxC,CAAC,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC;WACpD,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK;gBAC3B,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,KAAK;oBACzB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;CACxE,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dist/esm/config.js
CHANGED
|
@@ -2,9 +2,9 @@ import merge from "lodash.merge";
|
|
|
2
2
|
import { defaultTheme } from "./themes/default.js";
|
|
3
3
|
const _MINT_API = "https://api.getmint.money";
|
|
4
4
|
export const createConfig = (publicKey, options) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
return {
|
|
6
|
+
publicKey: publicKey,
|
|
7
|
+
...merge({ apiUrl: _MINT_API, theme: defaultTheme }, options),
|
|
8
|
+
};
|
|
9
9
|
};
|
|
10
|
-
//# sourceMappingURL=config.js.map
|
|
10
|
+
//# sourceMappingURL=config.js.map
|
package/dist/esm/config.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAgBnD,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,SAAiB,EACjB,OAAuB,EACf,EAAE;IACV,OAAO;QACL,SAAS,EAAE,SAAS;QACpB,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/esm/context.js
CHANGED
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { createContext, useContext } from "react";
|
|
4
|
-
import { api } from "./api/index.js";
|
|
5
4
|
import { ThemeProvider } from "styled-components";
|
|
5
|
+
import { api } from "./api/index.js";
|
|
6
6
|
const MintMoneyContext = createContext(undefined);
|
|
7
|
-
export function MintMoneyProvider({ config, children
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
export function MintMoneyProvider({ config, children }) {
|
|
8
|
+
api.baseUrl = config.apiUrl;
|
|
9
|
+
api.setSecurityData(config.publicKey);
|
|
10
|
+
return _jsx(MintMoneyContext.Provider, {
|
|
11
|
+
value: config,
|
|
12
|
+
children: _jsx(ThemeProvider, {
|
|
13
|
+
theme: config.theme,
|
|
14
|
+
children: _jsx("div", { className: "mm-root", children: children }),
|
|
15
|
+
}),
|
|
16
|
+
});
|
|
11
17
|
}
|
|
12
18
|
export function useMintMoneyConfig() {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
19
|
+
const context = useContext(MintMoneyContext);
|
|
20
|
+
if (!context) {
|
|
21
|
+
throw new Error(
|
|
22
|
+
"useMintMoneyConfig must be used within a MintMoneyProvider",
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
return context;
|
|
18
26
|
}
|
|
19
|
-
//# sourceMappingURL=context.js.map
|
|
27
|
+
//# sourceMappingURL=context.js.map
|
package/dist/esm/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAIrC,MAAM,gBAAgB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAOtE,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACe;IACvB,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5B,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACtC,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAChC,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,GAC3B,GACU,CAC7B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
package/dist/esm/index.js
CHANGED