@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.
Files changed (129) hide show
  1. package/dist/css/styles.css +2 -2
  2. package/dist/esm/api/checkouts.js +9 -9
  3. package/dist/esm/api/checkouts.js.map +1 -1
  4. package/dist/esm/api/generated.js +592 -544
  5. package/dist/esm/api/index.js +10 -10
  6. package/dist/esm/api/payments.js +21 -17
  7. package/dist/esm/api/payments.js.map +1 -1
  8. package/dist/esm/api/types.js +1 -1
  9. package/dist/esm/checkout/container.js +2 -2
  10. package/dist/esm/checkout/index.js +41 -10
  11. package/dist/esm/checkout/index.js.map +1 -1
  12. package/dist/esm/checkout/modal.js +66 -55
  13. package/dist/esm/checkout/modal.js.map +1 -1
  14. package/dist/esm/checkout/views/back.js +7 -3
  15. package/dist/esm/checkout/views/card-intent/details.js +22 -5
  16. package/dist/esm/checkout/views/card-intent/details.js.map +1 -1
  17. package/dist/esm/checkout/views/crypto-intent/curreny.js +44 -22
  18. package/dist/esm/checkout/views/crypto-intent/curreny.js.map +1 -1
  19. package/dist/esm/checkout/views/crypto-intent/direct-details.js +61 -17
  20. package/dist/esm/checkout/views/crypto-intent/direct-details.js.map +1 -1
  21. package/dist/esm/checkout/views/crypto-intent/methods.js +27 -19
  22. package/dist/esm/checkout/views/crypto-intent/methods.js.map +1 -1
  23. package/dist/esm/checkout/views/crypto-intent/processing.js +41 -34
  24. package/dist/esm/checkout/views/crypto-intent/processing.js.map +1 -1
  25. package/dist/esm/checkout/views/crypto-intent/success.js +33 -15
  26. package/dist/esm/checkout/views/crypto-intent/success.js.map +1 -1
  27. package/dist/esm/checkout/views/initial.js +29 -26
  28. package/dist/esm/checkout/views/initial.js.map +1 -1
  29. package/dist/esm/checkout/views/method-select.js +24 -10
  30. package/dist/esm/checkout/views/method-select.js.map +1 -1
  31. package/dist/esm/components/buttons/index.js +20 -11
  32. package/dist/esm/components/buttons/index.js.map +1 -1
  33. package/dist/esm/components/icons/checkMark.js +16 -4
  34. package/dist/esm/components/icons/checkMark.js.map +1 -1
  35. package/dist/esm/components/icons/close.js +19 -4
  36. package/dist/esm/components/icons/close.js.map +1 -1
  37. package/dist/esm/components/icons/index.js +1 -1
  38. package/dist/esm/components/index.js +1 -1
  39. package/dist/esm/components/lists/empty.js +5 -2
  40. package/dist/esm/components/lists/index.js +47 -8
  41. package/dist/esm/components/lists/index.js.map +1 -1
  42. package/dist/esm/components/loading/index.js +47 -6
  43. package/dist/esm/components/loading/index.js.map +1 -1
  44. package/dist/esm/components/modals/index.js +1 -1
  45. package/dist/esm/components/modals/modal-with-views.js +62 -23
  46. package/dist/esm/components/modals/modal-with-views.js.map +1 -1
  47. package/dist/esm/components/modals/modal.js +68 -12
  48. package/dist/esm/components/modals/modal.js.map +1 -1
  49. package/dist/esm/components/modals/use-modal-with-views.js +25 -22
  50. package/dist/esm/components/modals/use-modal-with-views.js.map +1 -1
  51. package/dist/esm/components/text/index.js +22 -21
  52. package/dist/esm/components/text/index.js.map +1 -1
  53. package/dist/esm/config.js +5 -5
  54. package/dist/esm/config.js.map +1 -1
  55. package/dist/esm/context.js +19 -11
  56. package/dist/esm/context.js.map +1 -1
  57. package/dist/esm/index.js +1 -1
  58. package/dist/esm/state/checkout/store.js +147 -178
  59. package/dist/esm/state/checkout/store.js.map +1 -1
  60. package/dist/esm/themes/default.js +55 -55
  61. package/dist/esm/themes/default.js.map +1 -1
  62. package/dist/esm/themes/index.js +1 -1
  63. package/dist/esm/themes/types.js +2 -2
  64. package/dist/esm/themes/types.js.map +1 -1
  65. package/dist/esm/utils/cn.js +1 -1
  66. package/dist/types/api/checkouts.d.ts +5 -5
  67. package/dist/types/api/generated.d.ts +924 -835
  68. package/dist/types/api/index.d.ts +2 -1
  69. package/dist/types/api/index.d.ts.map +1 -1
  70. package/dist/types/api/payments.d.ts +10 -3
  71. package/dist/types/api/payments.d.ts.map +1 -1
  72. package/dist/types/api/types.d.ts +14 -10
  73. package/dist/types/checkout/container.d.ts +12 -2
  74. package/dist/types/checkout/index.d.ts +12 -4
  75. package/dist/types/checkout/index.d.ts.map +1 -1
  76. package/dist/types/checkout/modal.d.ts +8 -6
  77. package/dist/types/checkout/modal.d.ts.map +1 -1
  78. package/dist/types/checkout/views/back.d.ts +5 -3
  79. package/dist/types/checkout/views/card-intent/details.d.ts +1 -1
  80. package/dist/types/checkout/views/card-intent/details.d.ts.map +1 -1
  81. package/dist/types/checkout/views/crypto-intent/curreny.d.ts +1 -1
  82. package/dist/types/checkout/views/crypto-intent/curreny.d.ts.map +1 -1
  83. package/dist/types/checkout/views/crypto-intent/direct-details.d.ts +4 -2
  84. package/dist/types/checkout/views/crypto-intent/direct-details.d.ts.map +1 -1
  85. package/dist/types/checkout/views/crypto-intent/methods.d.ts +1 -1
  86. package/dist/types/checkout/views/crypto-intent/methods.d.ts.map +1 -1
  87. package/dist/types/checkout/views/crypto-intent/processing.d.ts +1 -1
  88. package/dist/types/checkout/views/crypto-intent/processing.d.ts.map +1 -1
  89. package/dist/types/checkout/views/crypto-intent/success.d.ts +5 -3
  90. package/dist/types/checkout/views/crypto-intent/success.d.ts.map +1 -1
  91. package/dist/types/checkout/views/initial.d.ts +6 -4
  92. package/dist/types/checkout/views/initial.d.ts.map +1 -1
  93. package/dist/types/checkout/views/method-select.d.ts +1 -1
  94. package/dist/types/checkout/views/method-select.d.ts.map +1 -1
  95. package/dist/types/components/buttons/index.d.ts +16 -6
  96. package/dist/types/components/icons/checkMark.d.ts +5 -3
  97. package/dist/types/components/icons/checkMark.d.ts.map +1 -1
  98. package/dist/types/components/icons/close.d.ts +5 -3
  99. package/dist/types/components/icons/close.d.ts.map +1 -1
  100. package/dist/types/components/icons/index.d.ts +1 -1
  101. package/dist/types/components/index.d.ts +1 -1
  102. package/dist/types/components/lists/empty.d.ts +5 -3
  103. package/dist/types/components/lists/index.d.ts +17 -9
  104. package/dist/types/components/lists/index.d.ts.map +1 -1
  105. package/dist/types/components/loading/index.d.ts +4 -4
  106. package/dist/types/components/loading/index.d.ts.map +1 -1
  107. package/dist/types/components/modals/index.d.ts +1 -1
  108. package/dist/types/components/modals/modal-with-views.d.ts +23 -18
  109. package/dist/types/components/modals/modal-with-views.d.ts.map +1 -1
  110. package/dist/types/components/modals/modal.d.ts +17 -9
  111. package/dist/types/components/modals/modal.d.ts.map +1 -1
  112. package/dist/types/components/modals/use-modal-with-views.d.ts +9 -6
  113. package/dist/types/components/text/index.d.ts +17 -7
  114. package/dist/types/components/text/index.d.ts.map +1 -1
  115. package/dist/types/config.d.ts +12 -9
  116. package/dist/types/config.d.ts.map +1 -1
  117. package/dist/types/context.d.ts +7 -4
  118. package/dist/types/context.d.ts.map +1 -1
  119. package/dist/types/index.d.ts +1 -1
  120. package/dist/types/state/checkout/store.d.ts +75 -54
  121. package/dist/types/state/checkout/store.d.ts.map +1 -1
  122. package/dist/types/themes/default.d.ts +3 -3
  123. package/dist/types/themes/default.d.ts.map +1 -1
  124. package/dist/types/themes/index.d.ts +1 -1
  125. package/dist/types/themes/types.d.ts +28 -24
  126. package/dist/types/themes/types.d.ts.map +1 -1
  127. package/dist/types/utils/cn.d.ts +1 -1
  128. package/package.json +35 -11
  129. package/README.md +0 -94
@@ -1,15 +1,15 @@
1
1
  import { Api } from "./generated.js";
2
2
  const api = new Api({
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
- },
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
@@ -1,24 +1,28 @@
1
1
  import { api } from "./index.js";
2
2
  const paymentDTO = (data) => {
3
- return {
4
- ...data.data,
5
- };
3
+ return {
4
+ ...data.data,
5
+ };
6
6
  };
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);
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(paymentId, currency, confirmations = 5) {
16
- const data = { ...currency, required_confirmations: confirmations };
17
- const resp = await api.v1.paymentsCryptoPayCreate(paymentId, data);
18
- return resp.data.data;
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
- const resp = await api.v1.paymentsDetail(id);
22
- return resp.data.data;
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":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAQjC,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,CAAA;IACnE,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"}
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"}
@@ -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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useState } from "react";
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
- import { StyledButton } from "../components/buttons/index.js";
6
- import { useMintMoneyConfig } from "../context.js";
7
- export function Checkout({ amount }) {
8
- const [isOpen, openModal] = useState(false);
9
- const config = useMintMoneyConfig();
10
- const isDisabled = !amount;
11
- return (_jsxs(_Fragment, { children: [_jsx(StyledButton, { variant: "primary", onClick: () => openModal(!isOpen), disabled: isDisabled, children: "Pay Now" }), amount && (_jsx(CheckoutModal, { open: isOpen, onOpenChange: openModal, checkoutId: config.checkoutId, amount: amount }))] }));
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,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,EAAiB;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC;IAE3B,OAAO,CACL,8BACE,KAAC,YAAY,IACX,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,QAAQ,EAAE,UAAU,wBAGP,EAEd,MAAM,IAAI,CACT,KAAC,aAAa,IACZ,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,MAAM,EAAE,MAAM,GACd,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}
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
- return (_jsx(ModalWithView, { className: "mm-checkout-modal", initialView: "initial", isOpen: props.open, onOpenChange: props.onOpenChange, views: {
14
- initial: {
15
- title: "",
16
- content: () => (_jsx(InitialiseCheckoutViewContent, { checkoutId: props.checkoutId, amount: props.amount })),
17
- },
18
- methods: {
19
- title: "Order Summary",
20
- content: () => _jsx(MethodSelectViewContent, {}),
21
- },
22
- cryptoIntent: {
23
- title: "Pay with Crypto",
24
- content: () => _jsx(CryptoIntentViewContent, {}),
25
- footer: () => _jsx(ModalBackButton, { view: "methods" }),
26
- },
27
- cryptoIntentSelectCurrency: {
28
- title: "Select Currency",
29
- content: () => _jsx(CryptontentSelectCurrencyViewContent, {}),
30
- footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
31
- },
32
- cryptoIntentDirectDetails: {
33
- title: "Pay Direct",
34
- content: () => _jsx(CryptoIntentDirectDetailsViewContent, {}),
35
- footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
36
- },
37
- cryptoIntentPaymentStatus: {
38
- title: "Payment Processing",
39
- content: () => _jsx(CryptoIntentPaymentStatusViewContent, {}),
40
- },
41
- cryptoIntentPaymentSuccess: {
42
- title: "Payment Successful",
43
- content: () => (_jsx(CryptoIntentPaymentSuccessViewContent, { onClose: props.onOpenChange })),
44
- },
45
- cardIntent: {
46
- title: "Pay by Card",
47
- content: () => _jsx(CardIntentViewContent, {}),
48
- footer: () => _jsx(ModalBackButton, { view: "methods" }),
49
- },
50
- success: {
51
- title: "Payment Successful",
52
- header: () => _jsx("p", { className: "", children: "Transfer complete" }),
53
- content: () => _jsx(_Fragment, {}),
54
- footer: () => _jsx("button", { className: "", children: "Success" }),
55
- },
56
- failed: {
57
- title: "Payment Failed",
58
- header: () => _jsx("p", { className: "", children: "Failed" }),
59
- content: () => _jsx(_Fragment, {}),
60
- navigateButtonPosition: "center",
61
- navigateShouldGoToView: "methods",
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":"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"}
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
- const { goToView } = useModalWithView();
5
- return (_jsx(StyledButton, { onClick: () => goToView(view), variant: "secondary", children: "Back" }));
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
- const modalRef = useRef(null);
8
- const config = useMintMoneyConfig();
9
- return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsxs("div", { className: "button-group", children: [_jsx(StyledButton, { theme: config.theme.btn.primary, children: "Connect Wallet" }), _jsx(StyledButton, { theme: config.theme.btn.primary, children: "Direct Payment" })] }) }));
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;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,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,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,+BAE9B,EACf,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,+BAE9B,IACX,GACa,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,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 { useModalWithView, SelectableList, Text, Loader, } from "../../../components/index.js";
4
- import { useCheckoutStore, ACTIONS, createCheckoutCryptoPaymentAttempt, } from "../../../state/checkout/store.js";
5
- import { ModalViewContainer } from "../../container.js";
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
- const modalRef = useRef(null);
9
- const { goToView } = useModalWithView();
10
- const { checkout, cryptoCurrencies, loading } = useCheckoutStore();
11
- const config = useMintMoneyConfig();
12
- const isLoading = loading[ACTIONS.GET_CRYPTO_CURRENCIES] ||
13
- loading[ACTIONS.CREATE_PAYMENT_ATTEMPT];
14
- if (checkout && !checkout.checkout_config.crypto?.enabled)
15
- goToView("failed", { reason: "crypto_not_enabled" });
16
- const handleSelectCurrency = async (currency) => {
17
- try {
18
- await createCheckoutCryptoPaymentAttempt(currency);
19
- goToView("cryptoIntentDirectDetails");
20
- }
21
- catch { }
22
- };
23
- if (isLoading)
24
- return _jsx(Loader, {});
25
- return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", color: config.theme.font.color.tertiary, weight: "normal", children: "Select a currency to complete payment with." }), _jsx(SelectableList, { items: cryptoCurrencies ?? [], getKey: (currency) => currency.asset, getLabel: (currency) => `${currency.chain_name} ${currency.asset_name}`, onSelect: handleSelectCurrency })] }));
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;AAE/B,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,MAAM,GACP,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,kCAAkC,GACnC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,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,IAAI,CAAC;YACH,MAAM,kCAAkC,CAAC,QAAQ,CAAC,CAAC;YACnD,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QACxC,CAAC;QAAC,MAAM,CAAC,CAAA,CAAC;IACZ,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
+ {"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-ignore
3
+ //@ts-expect-error import error
4
4
  import { QRCode } from "react-qr-code";
5
- import { useModalWithView, StyledButton, Text, } from "../../../components/index.js";
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
- const modalRef = useRef(null);
11
- const { goToView } = useModalWithView();
12
- const { cryptoPaymentAttempt } = useCheckoutStore();
13
- const config = useMintMoneyConfig();
14
- const handleConfirm = () => {
15
- goToView("cryptoIntentPaymentStatus");
16
- };
17
- if (!cryptoPaymentAttempt) {
18
- return null;
19
- }
20
- const copyToClipboard = () => {
21
- navigator.clipboard.writeText(cryptoPaymentAttempt.destination_address);
22
- };
23
- return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", weight: "normal", color: config.theme.font.color.secondary, children: "Scan the QR code or copy the address to send payment." }), _jsx("div", { className: "mm-qr-container", children: _jsx(QRCode, { value: cryptoPaymentAttempt.destination_address, size: 160 }) }), _jsxs("div", { className: "mm-address-container", children: [_jsx(Text, { size: "sm", weight: "light", color: config.theme.font.color.tertiary, children: cryptoPaymentAttempt.destination_address }), _jsx("button", { className: "copy-button", onClick: copyToClipboard, children: "Copy" })] }), _jsx(StyledButton, { onClick: handleConfirm, variant: "primary", children: "Confirm" })] }));
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,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,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,GAAG,EAAE;QAC3B,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC1E,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"}
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
- 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, { ref: modalRef, children: _jsx(SelectableList, { items: methods, getKey: (method) => method.key, getLabel: (method) => method.label, onSelect: handleMethodSelect }) }));
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;AAEhF,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"}
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"}