@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
package/dist/esm/api/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { Api } from "./generated.js";
|
|
2
2
|
const api = new Api({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
securityWorker: (publicKey) => {
|
|
4
|
+
const headers = {};
|
|
5
|
+
headers["x-api-key"] = publicKey;
|
|
6
|
+
return { headers };
|
|
7
|
+
},
|
|
8
|
+
baseUrl: "https://api.getmint.money",
|
|
9
|
+
baseApiParams: {
|
|
10
|
+
secure: true,
|
|
11
|
+
},
|
|
12
12
|
});
|
|
13
13
|
export { api };
|
|
14
14
|
export * from "./generated.js";
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
package/dist/esm/api/payments.js
CHANGED
|
@@ -1,24 +1,28 @@
|
|
|
1
1
|
import { api } from "./index.js";
|
|
2
2
|
const paymentDTO = (data) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
return {
|
|
4
|
+
...data.data,
|
|
5
|
+
};
|
|
6
6
|
};
|
|
7
|
-
export async function createPayment({ amount, checkoutId
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
export async function createPayment({ amount, checkoutId }) {
|
|
8
|
+
const resp = await api.v1.paymentsCreate({
|
|
9
|
+
currency: "USD",
|
|
10
|
+
amount: amount,
|
|
11
|
+
checkout_id: checkoutId,
|
|
12
|
+
});
|
|
13
|
+
return paymentDTO(resp.data);
|
|
14
14
|
}
|
|
15
|
-
export async function createPaymentAttempt(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
export async function createPaymentAttempt(
|
|
16
|
+
paymentId,
|
|
17
|
+
currency,
|
|
18
|
+
confirmations = 5,
|
|
19
|
+
) {
|
|
20
|
+
const data = { ...currency, required_confirmations: confirmations };
|
|
21
|
+
const resp = await api.v1.paymentsCryptoPayCreate(paymentId, data);
|
|
22
|
+
return resp.data.data;
|
|
19
23
|
}
|
|
20
24
|
export async function getPaymentById(id) {
|
|
21
|
-
|
|
22
|
-
|
|
25
|
+
const resp = await api.v1.paymentsDetail(id);
|
|
26
|
+
return resp.data.data;
|
|
23
27
|
}
|
|
24
|
-
//# sourceMappingURL=payments.js.map
|
|
28
|
+
//# sourceMappingURL=payments.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"payments.js","sourceRoot":"","sources":["../../../src/api/payments.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"payments.js","sourceRoot":"","sources":["../../../src/api/payments.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,MAAM,UAAU,GAAG,CAAC,IAAwB,EAAE,EAAE;IAC9C,OAAO;QACL,GAAG,IAAI,CAAC,IAAI;KACF,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,EAClC,MAAM,EACN,UAAU,GACU;IACpB,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC;QACvC,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,UAAU;KACxB,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,SAAiB,EACjB,QAAwB,EACxB,gBAAwB,CAAC;IAEzB,MAAM,IAAI,GAAG,EAAE,GAAG,QAAQ,EAAE,sBAAsB,EAAE,aAAa,EAAE,CAAC;IACpE,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,uBAAuB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACnE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,EAAU;IAC7C,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC7C,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,CAAC"}
|
package/dist/esm/api/types.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=types.js.map
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { styled } from "styled-components";
|
|
2
|
-
export const ModalViewContainer = styled.div
|
|
2
|
+
export const ModalViewContainer = styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex: 1;
|
|
@@ -7,4 +7,4 @@ export const ModalViewContainer = styled.div `
|
|
|
7
7
|
gap: 24px;
|
|
8
8
|
width: 100%;
|
|
9
9
|
`;
|
|
10
|
-
//# sourceMappingURL=container.js.map
|
|
10
|
+
//# sourceMappingURL=container.js.map
|
|
@@ -1,13 +1,44 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import {
|
|
3
|
+
jsx as _jsx,
|
|
4
|
+
Fragment as _Fragment,
|
|
5
|
+
jsxs as _jsxs,
|
|
6
|
+
} from "react/jsx-runtime";
|
|
7
|
+
import { useState, cloneElement } from "react";
|
|
8
|
+
import { StyledButton } from "../components/index.js";
|
|
4
9
|
import { CheckoutModal } from "./modal.js";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
export function Checkout({ createPayment, asChild, children }) {
|
|
11
|
+
const [isOpen, openModal] = useState(false);
|
|
12
|
+
const [payment, setPayment] = useState(null);
|
|
13
|
+
const handleCheckout = async () => {
|
|
14
|
+
try {
|
|
15
|
+
const payment = await createPayment();
|
|
16
|
+
setPayment(payment);
|
|
17
|
+
openModal(true);
|
|
18
|
+
} catch (error) {
|
|
19
|
+
console.error("Error creating payment:", error);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const trigger =
|
|
23
|
+
asChild && children
|
|
24
|
+
? cloneElement(children, {
|
|
25
|
+
onClick: handleCheckout,
|
|
26
|
+
})
|
|
27
|
+
: _jsx(StyledButton, {
|
|
28
|
+
variant: "primary",
|
|
29
|
+
onClick: handleCheckout,
|
|
30
|
+
children: "Pay Now",
|
|
31
|
+
});
|
|
32
|
+
return _jsxs(_Fragment, {
|
|
33
|
+
children: [
|
|
34
|
+
trigger,
|
|
35
|
+
payment &&
|
|
36
|
+
_jsx(CheckoutModal, {
|
|
37
|
+
open: isOpen,
|
|
38
|
+
onOpenChange: openModal,
|
|
39
|
+
payment: payment,
|
|
40
|
+
}),
|
|
41
|
+
],
|
|
42
|
+
});
|
|
12
43
|
}
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAS3C,MAAM,UAAU,QAAQ,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAiB;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE7D,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,CAAC;YACH,MAAM,OAAO,GAAG,MAAM,aAAa,EAAE,CAAC;YACtC,UAAU,CAAC,OAAO,CAAC,CAAC;YACpB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GACX,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,CACpB,YAAY,CAAC,QAA8B,EAAE;QAC3C,OAAO,EAAE,cAAc;KACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,wBAE1C,CAChB,CAAC;IAEJ,OAAO,CACL,8BACG,OAAO,EAEP,OAAO,IAAI,CACV,KAAC,aAAa,IACZ,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,OAAO,GAChB,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,65 +1,76 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { ModalWithView } from "../components/modals/modal-with-views.js";
|
|
3
|
-
import { MethodSelectViewContent } from "./views/method-select.js";
|
|
4
3
|
import { ModalBackButton } from "./views/back.js";
|
|
5
|
-
import { CryptoIntentViewContent } from "./views/crypto-intent/methods.js";
|
|
6
4
|
import { CardIntentViewContent } from "./views/card-intent/details.js";
|
|
7
5
|
import { CryptontentSelectCurrencyViewContent } from "./views/crypto-intent/curreny.js";
|
|
8
6
|
import { CryptoIntentDirectDetailsViewContent } from "./views/crypto-intent/direct-details.js";
|
|
7
|
+
import { CryptoIntentViewContent } from "./views/crypto-intent/methods.js";
|
|
9
8
|
import { CryptoIntentPaymentStatusViewContent } from "./views/crypto-intent/processing.js";
|
|
10
|
-
import { InitialiseCheckoutViewContent } from "./views/initial.js";
|
|
11
9
|
import { CryptoIntentPaymentSuccessViewContent } from "./views/crypto-intent/success.js";
|
|
10
|
+
import { InitialiseCheckoutViewContent } from "./views/initial.js";
|
|
11
|
+
import { MethodSelectViewContent } from "./views/method-select.js";
|
|
12
12
|
export const CheckoutModal = (props) => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
13
|
+
return _jsx(ModalWithView, {
|
|
14
|
+
className: "mm-checkout-modal",
|
|
15
|
+
initialView: "initial",
|
|
16
|
+
isOpen: props.open,
|
|
17
|
+
onOpenChange: props.onOpenChange,
|
|
18
|
+
views: {
|
|
19
|
+
initial: {
|
|
20
|
+
title: "",
|
|
21
|
+
content: () =>
|
|
22
|
+
_jsx(InitialiseCheckoutViewContent, { payment: props.payment }),
|
|
23
|
+
},
|
|
24
|
+
methods: {
|
|
25
|
+
title: "Order Summary",
|
|
26
|
+
content: () => _jsx(MethodSelectViewContent, {}),
|
|
27
|
+
},
|
|
28
|
+
cryptoIntent: {
|
|
29
|
+
title: "Pay with Crypto",
|
|
30
|
+
content: () => _jsx(CryptoIntentViewContent, {}),
|
|
31
|
+
footer: () => _jsx(ModalBackButton, { view: "methods" }),
|
|
32
|
+
},
|
|
33
|
+
cryptoIntentSelectCurrency: {
|
|
34
|
+
title: "Select Currency",
|
|
35
|
+
content: () => _jsx(CryptontentSelectCurrencyViewContent, {}),
|
|
36
|
+
footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
|
|
37
|
+
},
|
|
38
|
+
cryptoIntentDirectDetails: {
|
|
39
|
+
title: "Pay Direct",
|
|
40
|
+
content: () => _jsx(CryptoIntentDirectDetailsViewContent, {}),
|
|
41
|
+
footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
|
|
42
|
+
},
|
|
43
|
+
cryptoIntentPaymentStatus: {
|
|
44
|
+
title: "Payment Processing",
|
|
45
|
+
content: () => _jsx(CryptoIntentPaymentStatusViewContent, {}),
|
|
46
|
+
},
|
|
47
|
+
cryptoIntentPaymentSuccess: {
|
|
48
|
+
title: "Payment Successful",
|
|
49
|
+
content: () =>
|
|
50
|
+
_jsx(CryptoIntentPaymentSuccessViewContent, {
|
|
51
|
+
onClose: props.onOpenChange,
|
|
52
|
+
}),
|
|
53
|
+
},
|
|
54
|
+
cardIntent: {
|
|
55
|
+
title: "Pay by Card",
|
|
56
|
+
content: () => _jsx(CardIntentViewContent, {}),
|
|
57
|
+
footer: () => _jsx(ModalBackButton, { view: "methods" }),
|
|
58
|
+
},
|
|
59
|
+
success: {
|
|
60
|
+
title: "Payment Successful",
|
|
61
|
+
header: () =>
|
|
62
|
+
_jsx("p", { className: "", children: "Transfer complete" }),
|
|
63
|
+
content: () => _jsx(_Fragment, {}),
|
|
64
|
+
footer: () => _jsx("button", { className: "", children: "Success" }),
|
|
65
|
+
},
|
|
66
|
+
failed: {
|
|
67
|
+
title: "Payment Failed",
|
|
68
|
+
header: () => _jsx("p", { className: "", children: "Failed" }),
|
|
69
|
+
content: () => _jsx(_Fragment, {}),
|
|
70
|
+
navigateButtonPosition: "center",
|
|
71
|
+
navigateShouldGoToView: "methods",
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
});
|
|
64
75
|
};
|
|
65
|
-
//# sourceMappingURL=modal.js.map
|
|
76
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/checkout/modal.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/checkout/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useModalWithView, StyledButton } from "../../components/index.js";
|
|
3
3
|
const ModalBackButton = ({ view }) => {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const { goToView } = useModalWithView();
|
|
5
|
+
return _jsx(StyledButton, {
|
|
6
|
+
onClick: () => goToView(view),
|
|
7
|
+
variant: "secondary",
|
|
8
|
+
children: "Back",
|
|
9
|
+
});
|
|
6
10
|
};
|
|
7
11
|
export { ModalBackButton };
|
|
8
|
-
//# sourceMappingURL=back.js.map
|
|
12
|
+
//# sourceMappingURL=back.js.map
|
|
@@ -1,12 +1,29 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from "react";
|
|
3
|
-
import { useMintMoneyConfig } from "../../../context.js";
|
|
4
3
|
import { StyledButton } from "../../../components/buttons/index.js";
|
|
4
|
+
import { useMintMoneyConfig } from "../../../context.js";
|
|
5
5
|
import { ModalViewContainer } from "../../container.js";
|
|
6
6
|
const CardIntentViewContent = () => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const modalRef = useRef(null);
|
|
8
|
+
const config = useMintMoneyConfig();
|
|
9
|
+
return _jsx(ModalViewContainer, {
|
|
10
|
+
ref: modalRef,
|
|
11
|
+
children: _jsxs("div", {
|
|
12
|
+
className: "button-group",
|
|
13
|
+
children: [
|
|
14
|
+
_jsx(StyledButton, {
|
|
15
|
+
variant: "primary",
|
|
16
|
+
theme: config.theme,
|
|
17
|
+
children: "Connect Wallet",
|
|
18
|
+
}),
|
|
19
|
+
_jsx(StyledButton, {
|
|
20
|
+
variant: "primary",
|
|
21
|
+
theme: config.theme,
|
|
22
|
+
children: "Direct Payment",
|
|
23
|
+
}),
|
|
24
|
+
],
|
|
25
|
+
}),
|
|
26
|
+
});
|
|
10
27
|
};
|
|
11
28
|
export { CardIntentViewContent };
|
|
12
|
-
//# sourceMappingURL=details.js.map
|
|
29
|
+
//# sourceMappingURL=details.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/card-intent/details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/card-intent/details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAC/B,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,+BAEtC,EACf,KAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,+BAEtC,IACX,GACa,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -1,28 +1,50 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from "react";
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import {
|
|
4
|
+
useModalWithView,
|
|
5
|
+
SelectableList,
|
|
6
|
+
Text,
|
|
7
|
+
Loader,
|
|
8
|
+
} from "../../../components/index.js";
|
|
6
9
|
import { useMintMoneyConfig } from "../../../context.js";
|
|
10
|
+
import {
|
|
11
|
+
useCheckoutStore,
|
|
12
|
+
ACTIONS,
|
|
13
|
+
createCheckoutCryptoPaymentAttempt,
|
|
14
|
+
} from "../../../state/checkout/store.js";
|
|
15
|
+
import { ModalViewContainer } from "../../container.js";
|
|
7
16
|
const CryptontentSelectCurrencyViewContent = () => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
const modalRef = useRef(null);
|
|
18
|
+
const { goToView } = useModalWithView();
|
|
19
|
+
const { checkout, cryptoCurrencies, loading } = useCheckoutStore();
|
|
20
|
+
const config = useMintMoneyConfig();
|
|
21
|
+
const isLoading =
|
|
22
|
+
loading[ACTIONS.GET_CRYPTO_CURRENCIES] ||
|
|
23
|
+
loading[ACTIONS.CREATE_PAYMENT_ATTEMPT];
|
|
24
|
+
if (checkout && !checkout.checkout_config.crypto?.enabled)
|
|
25
|
+
goToView("failed", { reason: "crypto_not_enabled" });
|
|
26
|
+
const handleSelectCurrency = async (currency) => {
|
|
27
|
+
await createCheckoutCryptoPaymentAttempt(currency);
|
|
28
|
+
goToView("cryptoIntentDirectDetails");
|
|
29
|
+
};
|
|
30
|
+
if (isLoading) return _jsx(Loader, {});
|
|
31
|
+
return _jsxs(ModalViewContainer, {
|
|
32
|
+
ref: modalRef,
|
|
33
|
+
children: [
|
|
34
|
+
_jsx(Text, {
|
|
35
|
+
size: "base",
|
|
36
|
+
color: config.theme.font.color.tertiary,
|
|
37
|
+
weight: "normal",
|
|
38
|
+
children: "Select a currency to complete payment with.",
|
|
39
|
+
}),
|
|
40
|
+
_jsx(SelectableList, {
|
|
41
|
+
items: cryptoCurrencies ?? [],
|
|
42
|
+
getKey: (currency) => currency.asset,
|
|
43
|
+
getLabel: (currency) => `${currency.chain_name} ${currency.asset_name}`,
|
|
44
|
+
onSelect: handleSelectCurrency,
|
|
45
|
+
}),
|
|
46
|
+
],
|
|
47
|
+
});
|
|
26
48
|
};
|
|
27
49
|
export { CryptontentSelectCurrencyViewContent };
|
|
28
|
-
//# sourceMappingURL=curreny.js.map
|
|
50
|
+
//# sourceMappingURL=curreny.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"curreny.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/curreny.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"curreny.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/curreny.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,MAAM,GACP,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,kCAAkC,GACnC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnE,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,SAAS,GACb,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC;QACtC,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAE1C,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO;QACvD,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;IAEvD,MAAM,oBAAoB,GAAG,KAAK,EAAE,QAAwB,EAAE,EAAE;QAC9D,MAAM,kCAAkC,CAAC,QAAQ,CAAC,CAAC;QACnD,QAAQ,CAAC,2BAA2B,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,IAAI,SAAS;QAAE,OAAO,KAAC,MAAM,KAAG,CAAC;IAEjC,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EACvC,MAAM,EAAE,QAAQ,4DAGX,EAEP,KAAC,cAAc,IACb,KAAK,EAAE,gBAAgB,IAAI,EAAE,EAC7B,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvE,QAAQ,EAAE,oBAAoB,GAC9B,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
|
|
@@ -1,26 +1,70 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from "react";
|
|
3
|
-
//@ts-
|
|
3
|
+
//@ts-expect-error import error
|
|
4
4
|
import { QRCode } from "react-qr-code";
|
|
5
|
-
import {
|
|
5
|
+
import {
|
|
6
|
+
useModalWithView,
|
|
7
|
+
StyledButton,
|
|
8
|
+
Text,
|
|
9
|
+
} from "../../../components/index.js";
|
|
6
10
|
import { useMintMoneyConfig } from "../../../context.js";
|
|
7
11
|
import { useCheckoutStore } from "../../../state/checkout/store.js";
|
|
8
12
|
import { ModalViewContainer } from "../../container.js";
|
|
9
13
|
const CryptoIntentDirectDetailsViewContent = () => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
const modalRef = useRef(null);
|
|
15
|
+
const { goToView } = useModalWithView();
|
|
16
|
+
const { cryptoPaymentAttempt } = useCheckoutStore();
|
|
17
|
+
const config = useMintMoneyConfig();
|
|
18
|
+
const handleConfirm = () => {
|
|
19
|
+
goToView("cryptoIntentPaymentStatus");
|
|
20
|
+
};
|
|
21
|
+
if (!cryptoPaymentAttempt) {
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
const copyToClipboard = async () => {
|
|
25
|
+
await navigator.clipboard.writeText(
|
|
26
|
+
cryptoPaymentAttempt.destination_address,
|
|
27
|
+
);
|
|
28
|
+
};
|
|
29
|
+
return _jsxs(ModalViewContainer, {
|
|
30
|
+
ref: modalRef,
|
|
31
|
+
children: [
|
|
32
|
+
_jsx(Text, {
|
|
33
|
+
size: "base",
|
|
34
|
+
weight: "normal",
|
|
35
|
+
color: config.theme.font.color.secondary,
|
|
36
|
+
children: "Scan the QR code or copy the address to send payment.",
|
|
37
|
+
}),
|
|
38
|
+
_jsx("div", {
|
|
39
|
+
className: "mm-qr-container",
|
|
40
|
+
children: _jsx(QRCode, {
|
|
41
|
+
value: cryptoPaymentAttempt.destination_address,
|
|
42
|
+
size: 160,
|
|
43
|
+
}),
|
|
44
|
+
}),
|
|
45
|
+
_jsxs("div", {
|
|
46
|
+
className: "mm-address-container",
|
|
47
|
+
children: [
|
|
48
|
+
_jsx(Text, {
|
|
49
|
+
size: "sm",
|
|
50
|
+
weight: "light",
|
|
51
|
+
color: config.theme.font.color.tertiary,
|
|
52
|
+
children: cryptoPaymentAttempt.destination_address,
|
|
53
|
+
}),
|
|
54
|
+
_jsx("button", {
|
|
55
|
+
className: "copy-button",
|
|
56
|
+
onClick: copyToClipboard,
|
|
57
|
+
children: "Copy",
|
|
58
|
+
}),
|
|
59
|
+
],
|
|
60
|
+
}),
|
|
61
|
+
_jsx(StyledButton, {
|
|
62
|
+
onClick: handleConfirm,
|
|
63
|
+
variant: "primary",
|
|
64
|
+
children: "Confirm",
|
|
65
|
+
}),
|
|
66
|
+
],
|
|
67
|
+
});
|
|
24
68
|
};
|
|
25
69
|
export { CryptoIntentDirectDetailsViewContent };
|
|
26
|
-
//# sourceMappingURL=direct-details.js.map
|
|
70
|
+
//# sourceMappingURL=direct-details.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"direct-details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/direct-details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B
|
|
1
|
+
{"version":3,"file":"direct-details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/direct-details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,oBAAoB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACpD,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,2BAA2B,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CACjC,oBAAoB,CAAC,mBAAmB,CACzC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,sEAGnC,EAEP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,MAAM,IAAC,KAAK,EAAE,oBAAoB,CAAC,mBAAmB,EAAE,IAAI,EAAE,GAAG,GAAI,GAClE,EAEN,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,YACnE,oBAAoB,CAAC,mBAAmB,GACpC,EACP,iBAAQ,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,eAAe,qBAE/C,IACL,EAEN,KAAC,YAAY,IAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,wBAEzC,IACI,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
|
|
@@ -3,24 +3,32 @@ import { useRef } from "react";
|
|
|
3
3
|
import { useModalWithView, SelectableList } from "../../../components/index.js";
|
|
4
4
|
import { ModalViewContainer } from "../../container.js";
|
|
5
5
|
const CryptoIntentViewContent = () => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
6
|
+
const modalRef = useRef(null);
|
|
7
|
+
const { goToView } = useModalWithView();
|
|
8
|
+
const methods = [
|
|
9
|
+
{
|
|
10
|
+
key: "wallet",
|
|
11
|
+
label: "Connect Wallet",
|
|
12
|
+
view: "cryptoIntentSelectCurrency",
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
key: "direct",
|
|
16
|
+
label: "Direct Payment",
|
|
17
|
+
view: "cryptoIntentSelectCurrency",
|
|
18
|
+
},
|
|
19
|
+
];
|
|
20
|
+
const handleMethodSelect = () => {
|
|
21
|
+
goToView("cryptoIntentSelectCurrency");
|
|
22
|
+
};
|
|
23
|
+
return _jsx(ModalViewContainer, {
|
|
24
|
+
ref: modalRef,
|
|
25
|
+
children: _jsx(SelectableList, {
|
|
26
|
+
items: methods,
|
|
27
|
+
getKey: (method) => method.key,
|
|
28
|
+
getLabel: (method) => method.label,
|
|
29
|
+
onSelect: handleMethodSelect,
|
|
30
|
+
}),
|
|
31
|
+
});
|
|
24
32
|
};
|
|
25
33
|
export { CryptoIntentViewContent };
|
|
26
|
-
//# sourceMappingURL=methods.js.map
|
|
34
|
+
//# sourceMappingURL=methods.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"methods.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/methods.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"methods.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/methods.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAQxC,MAAM,OAAO,GAAuB;QAClC;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,4BAA4B;SACnC;QACD;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,4BAA4B;SACnC;KACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,QAAQ,CAAC,4BAA4B,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAC/B,KAAC,cAAc,IACb,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,CAAC,MAAwB,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAChD,QAAQ,EAAE,CAAC,MAAwB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EACpD,QAAQ,EAAE,kBAAkB,GAC5B,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
|