@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,41 +1,48 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect
|
|
2
|
+
import { useEffect } from "react";
|
|
3
3
|
import { useModalWithView, Loader, Text } from "../../../components/index.js";
|
|
4
4
|
import { useMintMoneyConfig } from "../../../context.js";
|
|
5
|
-
import {
|
|
5
|
+
import { getPayment } from "../../../state/checkout/store.js";
|
|
6
6
|
const POLL_INTERVAL = 5000;
|
|
7
7
|
const CryptoIntentPaymentStatusViewContent = () => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
8
|
+
const { goToView } = useModalWithView();
|
|
9
|
+
const config = useMintMoneyConfig();
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
let isMounted = true;
|
|
12
|
+
const pollPaymentStatus = async () => {
|
|
13
|
+
try {
|
|
14
|
+
const updatedPayment = await getPayment();
|
|
15
|
+
if (!updatedPayment || !isMounted) return;
|
|
16
|
+
if (updatedPayment.status === "paid") {
|
|
17
|
+
goToView("cryptoIntentPaymentSuccess");
|
|
18
|
+
} else if (updatedPayment.status === "failed") {
|
|
19
|
+
goToView("failed");
|
|
20
|
+
}
|
|
21
|
+
} catch (error) {
|
|
22
|
+
console.error("Error fetching payment status:", error);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
void pollPaymentStatus();
|
|
26
|
+
const interval = setInterval(
|
|
27
|
+
async () => await pollPaymentStatus(),
|
|
28
|
+
POLL_INTERVAL,
|
|
29
|
+
);
|
|
30
|
+
return () => {
|
|
31
|
+
isMounted = false;
|
|
32
|
+
clearInterval(interval);
|
|
33
|
+
};
|
|
34
|
+
}, []);
|
|
35
|
+
return _jsxs("div", {
|
|
36
|
+
className: "loading-container",
|
|
37
|
+
children: [
|
|
38
|
+
_jsx(Loader, { asChild: true }),
|
|
39
|
+
_jsx(Text, {
|
|
40
|
+
size: "base",
|
|
41
|
+
color: config.theme.font.color.tertiary,
|
|
42
|
+
children: "Payment pending...",
|
|
43
|
+
}),
|
|
44
|
+
],
|
|
45
|
+
});
|
|
39
46
|
};
|
|
40
47
|
export { CryptoIntentPaymentStatusViewContent };
|
|
41
|
-
//# sourceMappingURL=processing.js.map
|
|
48
|
+
//# sourceMappingURL=processing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"processing.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/processing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"processing.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/processing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;YACnC,IAAI,CAAC;gBACH,MAAM,cAAc,GAAG,MAAM,UAAU,EAAE,CAAC;gBAC1C,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAE1C,IAAI,cAAc,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;oBACrC,QAAQ,CAAC,4BAA4B,CAAC,CAAC;gBACzC,CAAC;qBAAM,IAAI,cAAc,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;oBAC9C,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;QAEF,KAAK,iBAAiB,EAAE,CAAC;QACzB,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,IAAI,EAAE,CAAC,MAAM,iBAAiB,EAAE,EACrC,aAAa,CACd,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;YAClB,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,EACzB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAElD,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
|
|
@@ -1,20 +1,38 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import {
|
|
3
|
+
StyledButton,
|
|
4
|
+
CheckMarkIcon,
|
|
5
|
+
useModalWithView,
|
|
6
|
+
} from "../../../components/index.js";
|
|
4
7
|
import { resetCheckoutStore } from "../../../state/checkout/store.js";
|
|
8
|
+
import { ModalViewContainer } from "../../container.js";
|
|
5
9
|
const CryptoIntentPaymentSuccessViewContent = ({ onClose }) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
const { goToView } = useModalWithView();
|
|
11
|
+
const handleClose = () => {
|
|
12
|
+
resetCheckoutStore();
|
|
13
|
+
goToView("initial");
|
|
14
|
+
onClose(false);
|
|
15
|
+
};
|
|
16
|
+
return _jsxs(ModalViewContainer, {
|
|
17
|
+
style: { justifyContent: "flex-end" },
|
|
18
|
+
children: [
|
|
19
|
+
_jsx("div", {
|
|
20
|
+
style: {
|
|
21
|
+
position: "absolute",
|
|
22
|
+
top: "calc(50% - 24px)",
|
|
23
|
+
left: "50%",
|
|
24
|
+
transform: "translate(-50%, -50%)",
|
|
25
|
+
},
|
|
26
|
+
children: _jsx(CheckMarkIcon, { size: 64 }),
|
|
27
|
+
}),
|
|
28
|
+
_jsx(StyledButton, {
|
|
29
|
+
style: { marginTop: "auto" },
|
|
30
|
+
variant: "primary",
|
|
31
|
+
onClick: handleClose,
|
|
32
|
+
children: "Complete",
|
|
33
|
+
}),
|
|
34
|
+
],
|
|
35
|
+
});
|
|
18
36
|
};
|
|
19
37
|
export { CryptoIntentPaymentSuccessViewContent };
|
|
20
|
-
//# sourceMappingURL=success.js.map
|
|
38
|
+
//# sourceMappingURL=success.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/success.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/success.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAMxD,MAAM,qCAAqC,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,kBAAkB,EAAE,CAAC;QACrB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,aACvD,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,kBAAkB;oBACvB,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,uBAAuB;iBACnC,YAED,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACvB,EACN,KAAC,YAAY,IACX,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAC5B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,WAAW,yBAGP,IACI,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qCAAqC,EAAE,CAAC"}
|
|
@@ -1,32 +1,35 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from "react";
|
|
3
3
|
import { Loader, useModalWithView } from "../../components/index.js";
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
ACTIONS,
|
|
6
|
+
initialiseStore,
|
|
7
|
+
useCheckoutStore,
|
|
8
|
+
} from "../../state/checkout/store.js";
|
|
5
9
|
const InitialiseCheckoutViewContent = (props) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return loading ? _jsx(Loader, {}) : null;
|
|
10
|
+
const { goToView } = useModalWithView();
|
|
11
|
+
const { error, checkout, payment } = useCheckoutStore();
|
|
12
|
+
const [loading, setLoading] = useState(true);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const setup = async () => {
|
|
15
|
+
await initialiseStore(props.payment);
|
|
16
|
+
};
|
|
17
|
+
void setup();
|
|
18
|
+
const timeout = setTimeout(() => setLoading(false), 1500);
|
|
19
|
+
return () => clearTimeout(timeout);
|
|
20
|
+
}, [props.payment]);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
const hasErrors =
|
|
23
|
+
error[ACTIONS.GET_CHECKOUT_CONFIG] || error[ACTIONS.CREATE_PAYMENT];
|
|
24
|
+
if (hasErrors) {
|
|
25
|
+
goToView("failed", { reason: "get_checkout" });
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
if (checkout && payment && !loading) {
|
|
29
|
+
goToView("methods");
|
|
30
|
+
}
|
|
31
|
+
}, [error, checkout, payment, loading]);
|
|
32
|
+
return loading ? _jsx(Loader, {}) : null;
|
|
30
33
|
};
|
|
31
34
|
export { InitialiseCheckoutViewContent };
|
|
32
|
-
//# sourceMappingURL=initial.js.map
|
|
35
|
+
//# sourceMappingURL=initial.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from "react";
|
|
3
3
|
import { useModalWithView, SelectableList } from "../../components/index.js";
|
|
4
|
+
import {
|
|
5
|
+
useCheckoutStore,
|
|
6
|
+
ACTIONS,
|
|
7
|
+
setCheckoutMethod,
|
|
8
|
+
} from "../../state/checkout/store.js";
|
|
4
9
|
import { ModalViewContainer } from "../container.js";
|
|
5
|
-
import { useCheckoutStore, ACTIONS, setCheckoutMethod, } from "../../state/checkout/store.js";
|
|
6
10
|
const MethodSelectViewContent = () => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
const { goToView } = useModalWithView();
|
|
12
|
+
const modalRef = useRef(null);
|
|
13
|
+
const { methods, loading } = useCheckoutStore();
|
|
14
|
+
const handleSelectMethod = (method) => {
|
|
15
|
+
setCheckoutMethod(method);
|
|
16
|
+
goToView(method.intentName);
|
|
17
|
+
};
|
|
18
|
+
return _jsx(ModalViewContainer, {
|
|
19
|
+
ref: modalRef,
|
|
20
|
+
children: _jsx(SelectableList, {
|
|
21
|
+
title: "Select payment method",
|
|
22
|
+
items: methods || [],
|
|
23
|
+
getKey: (method) => method.name,
|
|
24
|
+
getLabel: (method) => method.name,
|
|
25
|
+
onSelect: handleSelectMethod,
|
|
26
|
+
loading: loading[ACTIONS.GET_CHECKOUT_CONFIG],
|
|
27
|
+
}),
|
|
28
|
+
});
|
|
15
29
|
};
|
|
16
30
|
export { MethodSelectViewContent };
|
|
17
|
-
//# sourceMappingURL=method-select.js.map
|
|
31
|
+
//# sourceMappingURL=method-select.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,GAClB,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,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,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"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import { styled } from "styled-components";
|
|
2
|
-
const StyledButton = styled.button
|
|
2
|
+
const StyledButton = styled.button`
|
|
3
3
|
width: 100%;
|
|
4
4
|
height: 48px;
|
|
5
5
|
padding: 10px 16px;
|
|
6
6
|
border-radius: 48px;
|
|
7
7
|
font-family: var(--mm-font-family);
|
|
8
8
|
border: 2px solid
|
|
9
|
-
${({ theme, variant = "primary" }) =>
|
|
10
|
-
|
|
11
|
-
color: ${({ theme, variant = "primary" }) =>
|
|
9
|
+
${({ theme, variant = "primary" }) =>
|
|
10
|
+
theme?.btn?.[variant]?.default.borderColor};
|
|
11
|
+
background-color: ${({ theme, variant = "primary" }) =>
|
|
12
|
+
theme?.btn?.[variant]?.default.backgroundColor};
|
|
13
|
+
color: ${({ theme, variant = "primary" }) =>
|
|
14
|
+
theme?.btn?.[variant]?.default.textColor};
|
|
12
15
|
transition: all 0.3s ease-in-out;
|
|
13
16
|
font-size: 16px;
|
|
14
17
|
font-weight: 700;
|
|
@@ -21,17 +24,23 @@ const StyledButton = styled.button `
|
|
|
21
24
|
color 0.3s ease-in-out;
|
|
22
25
|
|
|
23
26
|
&:hover {
|
|
24
|
-
background-color: ${({ theme, variant = "primary" }) =>
|
|
25
|
-
|
|
26
|
-
color: ${({ theme, variant = "primary" }) =>
|
|
27
|
+
background-color: ${({ theme, variant = "primary" }) =>
|
|
28
|
+
theme?.btn?.[variant]?.hover.backgroundColor};
|
|
29
|
+
border-color: ${({ theme, variant = "primary" }) =>
|
|
30
|
+
theme?.btn?.[variant]?.hover.borderColor};
|
|
31
|
+
color: ${({ theme, variant = "primary" }) =>
|
|
32
|
+
theme?.btn?.[variant]?.hover.textColor};
|
|
27
33
|
}
|
|
28
34
|
|
|
29
35
|
&:disabled {
|
|
30
|
-
background-color: ${({ theme, variant = "primary" }) =>
|
|
31
|
-
|
|
32
|
-
color: ${({ theme, variant = "primary" }) =>
|
|
36
|
+
background-color: ${({ theme, variant = "primary" }) =>
|
|
37
|
+
theme?.btn?.[variant]?.disabled.backgroundColor};
|
|
38
|
+
border-color: ${({ theme, variant = "primary" }) =>
|
|
39
|
+
theme?.btn?.[variant]?.disabled.borderColor};
|
|
40
|
+
color: ${({ theme, variant = "primary" }) =>
|
|
41
|
+
theme?.btn?.[variant]?.disabled.textColor};
|
|
33
42
|
cursor: not-allowed;
|
|
34
43
|
}
|
|
35
44
|
`;
|
|
36
45
|
export { StyledButton };
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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,
|
|
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,CACnC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW;sBAC1B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe;WACvC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,SAAS;;;;;;;;;;;;;wBAapB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,eAAe;oBAC9B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACjD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW;aACjC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS;;;;wBAIpB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe;oBACjC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACjD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW;aACpC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS;;;CAG9C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { styled } from "styled-components";
|
|
3
3
|
import { useMintMoneyConfig } from "../../context.js";
|
|
4
|
-
const StyledSvg = styled.svg
|
|
4
|
+
const StyledSvg = styled.svg`
|
|
5
5
|
stroke: ${({ color }) => color};
|
|
6
6
|
width: ${({ width }) => width}px;
|
|
7
7
|
height: ${({ height }) => height}px;
|
|
@@ -13,8 +13,20 @@ const StyledSvg = styled.svg `
|
|
|
13
13
|
}
|
|
14
14
|
`;
|
|
15
15
|
const CheckMarkIcon = ({ size = 20 }) => {
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
const { theme } = useMintMoneyConfig();
|
|
17
|
+
return _jsx(StyledSvg, {
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
width: size,
|
|
20
|
+
height: size,
|
|
21
|
+
viewBox: "0 0 24 24",
|
|
22
|
+
fill: "none",
|
|
23
|
+
stroke: theme.icon.check.strokeColor,
|
|
24
|
+
strokeWidth: "2",
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
strokeLinejoin: "round",
|
|
27
|
+
color: theme.icon.check.color,
|
|
28
|
+
children: _jsx("polyline", { points: "20 6 9 17 4 12" }),
|
|
29
|
+
});
|
|
18
30
|
};
|
|
19
31
|
export { CheckMarkIcon };
|
|
20
|
-
//# sourceMappingURL=checkMark.js.map
|
|
32
|
+
//# sourceMappingURL=checkMark.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkMark.js","sourceRoot":"","sources":["../../../../src/components/icons/checkMark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { styled } from "styled-components";
|
|
3
3
|
import { useMintMoneyConfig } from "../../context.js";
|
|
4
|
-
const StyledSvg = styled.svg
|
|
4
|
+
const StyledSvg = styled.svg`
|
|
5
5
|
stroke: ${({ color }) => color};
|
|
6
6
|
width: ${({ width }) => width}px;
|
|
7
7
|
height: ${({ height }) => height}px;
|
|
@@ -13,8 +13,23 @@ const StyledSvg = styled.svg `
|
|
|
13
13
|
}
|
|
14
14
|
`;
|
|
15
15
|
const CloseIcon = ({ size = 20 }) => {
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
const { theme } = useMintMoneyConfig();
|
|
17
|
+
return _jsxs(StyledSvg, {
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
width: size,
|
|
20
|
+
height: size,
|
|
21
|
+
viewBox: "0 0 24 24",
|
|
22
|
+
fill: "none",
|
|
23
|
+
stroke: theme.icon.close.strokeColor,
|
|
24
|
+
strokeWidth: "2",
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
strokeLinejoin: "round",
|
|
27
|
+
color: theme.icon.close.color,
|
|
28
|
+
children: [
|
|
29
|
+
_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
30
|
+
_jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
|
|
31
|
+
],
|
|
32
|
+
});
|
|
18
33
|
};
|
|
19
34
|
export { CloseIcon };
|
|
20
|
-
//# sourceMappingURL=close.js.map
|
|
35
|
+
//# sourceMappingURL=close.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"close.js","sourceRoot":"","sources":["../../../../src/components/icons/close.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Text } from "../text/index.js";
|
|
3
3
|
export const ListEmpty = ({ content }) => {
|
|
4
|
-
|
|
4
|
+
return _jsx("div", {
|
|
5
|
+
className: "mm-empty-list__container",
|
|
6
|
+
children: _jsx(Text, { size: "lg", children: content }),
|
|
7
|
+
});
|
|
5
8
|
};
|
|
6
|
-
//# sourceMappingURL=empty.js.map
|
|
9
|
+
//# sourceMappingURL=empty.js.map
|
|
@@ -1,15 +1,54 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
jsx as _jsx,
|
|
3
|
+
Fragment as _Fragment,
|
|
4
|
+
jsxs as _jsxs,
|
|
5
|
+
} from "react/jsx-runtime";
|
|
2
6
|
import { useMintMoneyConfig } from "../../context.js";
|
|
3
7
|
import { StyledButton } from "../buttons/index.js";
|
|
4
8
|
import { Loader } from "../loading/index.js";
|
|
5
9
|
import { Text } from "../text/index.js";
|
|
6
10
|
import { ListEmpty } from "./empty.js";
|
|
7
|
-
const SelectableList = ({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const SelectableList = ({
|
|
12
|
+
title,
|
|
13
|
+
items,
|
|
14
|
+
getKey,
|
|
15
|
+
getLabel,
|
|
16
|
+
onSelect,
|
|
17
|
+
loading = false,
|
|
18
|
+
noItemsMsg = "No options available",
|
|
19
|
+
}) => {
|
|
20
|
+
const config = useMintMoneyConfig();
|
|
21
|
+
if (loading) {
|
|
22
|
+
return _jsx(Loader, { asChild: true });
|
|
23
|
+
}
|
|
24
|
+
return _jsxs(_Fragment, {
|
|
25
|
+
children: [
|
|
26
|
+
title &&
|
|
27
|
+
_jsx(Text, {
|
|
28
|
+
size: "base",
|
|
29
|
+
color: config.theme.font.color.secondary,
|
|
30
|
+
weight: "semibold",
|
|
31
|
+
children: title,
|
|
32
|
+
}),
|
|
33
|
+
_jsx("div", {
|
|
34
|
+
className: "mm-selectable-list__button-group",
|
|
35
|
+
children:
|
|
36
|
+
items.length > 0
|
|
37
|
+
? items.map((item) =>
|
|
38
|
+
_jsx(
|
|
39
|
+
StyledButton,
|
|
40
|
+
{
|
|
41
|
+
onClick: () => onSelect(item),
|
|
42
|
+
variant: "primary",
|
|
43
|
+
children: getLabel(item),
|
|
44
|
+
},
|
|
45
|
+
getKey(item),
|
|
46
|
+
),
|
|
47
|
+
)
|
|
48
|
+
: _jsx(ListEmpty, { content: noItemsMsg }),
|
|
49
|
+
}),
|
|
50
|
+
],
|
|
51
|
+
});
|
|
13
52
|
};
|
|
14
53
|
export { SelectableList, ListEmpty };
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
54
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -1,11 +1,52 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useMintMoneyConfig } from "../../context.js";
|
|
3
|
-
const LoadingSvg = ({ color, width, height
|
|
4
|
-
|
|
3
|
+
const LoadingSvg = ({ color, width, height }) => {
|
|
4
|
+
return _jsxs("svg", {
|
|
5
|
+
width: width,
|
|
6
|
+
height: height,
|
|
7
|
+
viewBox: "0 0 280 280",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
children: [
|
|
11
|
+
_jsx("path", {
|
|
12
|
+
d: "M54.2176 109.195C58.1631 100.647 66.7189 95.1726 76.1339 95.1726H85.4871C90.2278 95.1726 93.555 99.8452 92.0042 104.325L80.4361 137.744C79.9302 139.206 79.9302 140.795 80.4361 142.256L92.0042 175.675C93.555 180.155 90.2278 184.828 85.4871 184.828H76.1339C66.7189 184.828 58.1631 179.354 54.2176 170.805L41.3339 142.89C40.4875 141.056 40.4875 138.944 41.3339 137.11L54.2176 109.195Z",
|
|
13
|
+
fill: color,
|
|
14
|
+
className: "loading-segment segment-4",
|
|
15
|
+
}),
|
|
16
|
+
_jsx("path", {
|
|
17
|
+
d: "M225.782 170.805C221.837 179.353 213.281 184.828 203.866 184.828L194.513 184.828C189.772 184.828 186.445 180.155 187.996 175.675L199.564 142.256C200.07 140.795 200.07 139.206 199.564 137.744L187.996 104.325C186.445 99.8451 189.772 95.1725 194.513 95.1725L203.866 95.1725C213.281 95.1725 221.837 100.647 225.782 109.195L238.666 137.11C239.512 138.944 239.512 141.056 238.666 142.89L225.782 170.805Z",
|
|
18
|
+
fill: color,
|
|
19
|
+
className: "loading-segment segment-2",
|
|
20
|
+
}),
|
|
21
|
+
_jsx("path", {
|
|
22
|
+
d: "M109.195 225.782C100.647 221.837 95.1724 213.281 95.1724 203.866L95.1724 194.513C95.1724 189.772 99.845 186.445 104.325 187.996L137.744 199.564C139.205 200.07 140.794 200.07 142.256 199.564L175.675 187.996C180.155 186.445 184.828 189.772 184.828 194.513L184.828 203.866C184.828 213.281 179.353 221.837 170.805 225.782L142.89 238.666C141.056 239.512 138.944 239.512 137.11 238.666L109.195 225.782Z",
|
|
23
|
+
fill: color,
|
|
24
|
+
className: "loading-segment segment-3",
|
|
25
|
+
}),
|
|
26
|
+
_jsx("path", {
|
|
27
|
+
d: "M170.805 54.2176C179.353 58.1631 184.828 66.7189 184.828 76.1339L184.828 85.4871C184.828 90.2278 180.155 93.555 175.675 92.0042L142.256 80.4361C140.795 79.9302 139.206 79.9302 137.744 80.4361L104.325 92.0042C99.8451 93.555 95.1725 90.2278 95.1725 85.4871L95.1725 76.1339C95.1725 66.7188 100.647 58.1631 109.195 54.2176L137.11 41.3339C138.944 40.4875 141.056 40.4875 142.89 41.3339L170.805 54.2176Z",
|
|
28
|
+
fill: color,
|
|
29
|
+
className: "loading-segment segment-1",
|
|
30
|
+
}),
|
|
31
|
+
],
|
|
32
|
+
});
|
|
5
33
|
};
|
|
6
|
-
const Loader = ({ width = 64, height = 64, asChild = false
|
|
7
|
-
|
|
8
|
-
|
|
34
|
+
const Loader = ({ width = 64, height = 64, asChild = false }) => {
|
|
35
|
+
const config = useMintMoneyConfig();
|
|
36
|
+
return asChild
|
|
37
|
+
? _jsx(LoadingSvg, {
|
|
38
|
+
color: config.theme.icon.loader.color,
|
|
39
|
+
width: width,
|
|
40
|
+
height: height,
|
|
41
|
+
})
|
|
42
|
+
: _jsx("div", {
|
|
43
|
+
className: "loading-container",
|
|
44
|
+
children: _jsx(LoadingSvg, {
|
|
45
|
+
color: config.theme.icon.loader.color,
|
|
46
|
+
width: width,
|
|
47
|
+
height: height,
|
|
48
|
+
}),
|
|
49
|
+
});
|
|
9
50
|
};
|
|
10
51
|
export { Loader };
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
52
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/loading/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"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"}
|