@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,41 +1,48 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useState } from "react";
2
+ import { useEffect } from "react";
3
3
  import { useModalWithView, Loader, Text } from "../../../components/index.js";
4
4
  import { useMintMoneyConfig } from "../../../context.js";
5
- import { useCheckoutStore, getPayment } from "../../../state/checkout/store.js";
5
+ import { getPayment } from "../../../state/checkout/store.js";
6
6
  const POLL_INTERVAL = 5000;
7
7
  const CryptoIntentPaymentStatusViewContent = () => {
8
- const { goToView } = useModalWithView();
9
- const { payment } = useCheckoutStore();
10
- const config = useMintMoneyConfig();
11
- const [_status, setStatus] = useState(payment?.status || "pending");
12
- useEffect(() => {
13
- let isMounted = true;
14
- const pollPaymentStatus = async () => {
15
- try {
16
- const updatedPayment = await getPayment();
17
- if (!updatedPayment || !isMounted)
18
- return;
19
- setStatus(updatedPayment.status);
20
- if (updatedPayment.status === "paid") {
21
- goToView("cryptoIntentPaymentSuccess");
22
- }
23
- else if (updatedPayment.status === "failed") {
24
- goToView("failed");
25
- }
26
- }
27
- catch (error) {
28
- console.error("Error fetching payment status:", error);
29
- }
30
- };
31
- pollPaymentStatus();
32
- const interval = setInterval(async () => await pollPaymentStatus(), POLL_INTERVAL);
33
- return () => {
34
- isMounted = false;
35
- clearInterval(interval);
36
- };
37
- }, []);
38
- return (_jsxs("div", { className: "loading-container", children: [_jsx(Loader, { asChild: true }), _jsx(Text, { size: "base", color: config.theme.font.color.tertiary, children: "Payment pending..." })] }));
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,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEhF,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,SAAS,CAAC,CAAC;IAEpE,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,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBAEjC,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,iBAAiB,EAAE,CAAC;QACpB,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
+ {"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 { StyledButton, CheckMarkIcon, useModalWithView, } from "../../../components/index.js";
3
- import { ModalViewContainer } from "../../container.js";
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
- const { goToView } = useModalWithView();
7
- const handleClose = () => {
8
- resetCheckoutStore();
9
- goToView("initial");
10
- onClose(false);
11
- };
12
- return (_jsxs(ModalViewContainer, { style: { justifyContent: "flex-end" }, children: [_jsx("div", { style: {
13
- position: "absolute",
14
- top: "calc(50% - 24px)",
15
- left: "50%",
16
- transform: "translate(-50%, -50%)",
17
- }, children: _jsx(CheckMarkIcon, { size: 64 }) }), _jsx(StyledButton, { style: { marginTop: "auto" }, variant: "primary", onClick: handleClose, children: "Complete" })] }));
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":";AACA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAMtE,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
+ {"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 { ACTIONS, createCheckoutPayment, initialiseStore, useCheckoutStore, } from "../../state/checkout/store.js";
4
+ import {
5
+ ACTIONS,
6
+ initialiseStore,
7
+ useCheckoutStore,
8
+ } from "../../state/checkout/store.js";
5
9
  const InitialiseCheckoutViewContent = (props) => {
6
- const { goToView } = useModalWithView();
7
- const { error, checkout, payment } = useCheckoutStore();
8
- const [loading, setLoading] = useState(true);
9
- useEffect(() => {
10
- const setup = async () => {
11
- await initialiseStore(props.checkoutId, props.amount);
12
- await createCheckoutPayment();
13
- };
14
- setup();
15
- const timeout = setTimeout(() => setLoading(false), 1500);
16
- return () => clearTimeout(timeout);
17
- }, [props.checkoutId, props.amount]);
18
- useEffect(() => {
19
- const hasErrors = error[ACTIONS.GET_CHECKOUT_CONFIG] || error[ACTIONS.CREATE_PAYMENT];
20
- console.log(error);
21
- if (hasErrors) {
22
- goToView("failed", { reason: "get_checkout" });
23
- return;
24
- }
25
- if (checkout && payment && !loading) {
26
- goToView("methods");
27
- }
28
- }, [error, checkout, payment, loading]);
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;AAC5C,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,EACL,OAAO,EACP,qBAAqB,EACrB,eAAe,EACf,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AAOvC,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,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YACtD,MAAM,qBAAqB,EAAE,CAAC;QAChC,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,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,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GACb,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEtE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEnB,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
+ {"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
- const { goToView } = useModalWithView();
8
- const modalRef = useRef(null);
9
- const { methods, loading } = useCheckoutStore();
10
- const handleSelectMethod = (method) => {
11
- setCheckoutMethod(method);
12
- goToView(method.intentName);
13
- };
14
- return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsx(SelectableList, { title: "Select payment method", items: methods || [], getKey: (method) => method.name, getLabel: (method) => method.name, onSelect: handleSelectMethod, loading: loading[ACTIONS.GET_CHECKOUT_CONFIG] }) }));
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;AAC/B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AAEvC,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
+ {"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" }) => theme.btn[variant].default.borderColor};
10
- background-color: ${({ theme, variant = "primary" }) => theme.btn[variant].default.backgroundColor};
11
- color: ${({ theme, variant = "primary" }) => theme.btn[variant].default.textColor};
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" }) => theme.btn[variant].hover.backgroundColor};
25
- border-color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.borderColor};
26
- color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.textColor};
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" }) => theme.btn[variant].disabled.backgroundColor};
31
- border-color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.borderColor};
32
- color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.textColor};
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,CACrC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,WAAW;sBACpB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,eAAe;WACnC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS;;;;;;;;;;;;;wBAahB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACvD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,eAAe;oBACxB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW;aAC3B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC5C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,SAAS;;;;wBAId,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACvD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,eAAe;oBAC3B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,WAAW;aAC9B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC5C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,SAAS;;;CAGxC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
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
- const { theme } = useMintMoneyConfig();
17
- return (_jsx(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.check.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.check.color, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
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;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAsB,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,YAE7B,mBAAU,MAAM,EAAC,gBAAgB,GAAY,GACnC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
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
- const { theme } = useMintMoneyConfig();
17
- return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.close.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.close.color, children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
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;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aAE7B,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAQ,EAC3C,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,IACjC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
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,3 +1,3 @@
1
1
  export * from "./close.js";
2
2
  export * from "./checkMark.js";
3
- //# sourceMappingURL=index.js.map
3
+ //# sourceMappingURL=index.js.map
@@ -4,4 +4,4 @@ export * from "./buttons/index.js";
4
4
  export * from "./loading/index.js";
5
5
  export * from "./text/index.js";
6
6
  export * from "./lists/index.js";
7
- //# sourceMappingURL=index.js.map
7
+ //# sourceMappingURL=index.js.map
@@ -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
- return (_jsx("div", { className: "mm-empty-list__container", children: _jsx(Text, { size: "lg", children: content }) }));
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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
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 = ({ title, items, getKey, getLabel, onSelect, loading = false, noItemsMsg = "No options available", }) => {
8
- const config = useMintMoneyConfig();
9
- if (loading) {
10
- return _jsx(Loader, { asChild: true });
11
- }
12
- return (_jsxs(_Fragment, { children: [title && (_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "semibold", children: title })), _jsx("div", { className: "mm-selectable-list__button-group", children: items.length > 0 ? (items.map((item) => (_jsx(StyledButton, { onClick: () => onSelect(item), variant: "primary", children: getLabel(item) }, getKey(item))))) : (_jsx(ListEmpty, { content: noItemsMsg })) })] }));
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;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,cAAc,GAAG,CAAK,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,sBAAsB,GACZ,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,YAEjB,KAAK,GACD,CACR,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,SAAS,YAEjB,QAAQ,CAAC,IAAI,CAAC,IAJV,MAAM,CAAC,IAAI,CAAC,CAKJ,CAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,OAAO,EAAE,UAAU,GAAI,CACnC,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,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
- return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 280 280", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { 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", fill: color, className: "loading-segment segment-4" }), _jsx("path", { 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", fill: color, className: "loading-segment segment-2" }), _jsx("path", { 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", fill: color, className: "loading-segment segment-3" }), _jsx("path", { 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", fill: color, className: "loading-segment segment-1" })] }));
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
- const config = useMintMoneyConfig();
8
- return asChild ? (_jsx(LoadingSvg, { color: config.theme.icon.loader.color, width: width, height: height })) : (_jsx("div", { className: "loading-container", children: _jsx(LoadingSvg, { color: config.theme.icon.loader.color, width: width, height: height }) }));
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":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAQtD,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,MAAM,GAKP,EAAE,EAAE;IACH,OAAO,CACL,eACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,+XAA+X,EACjY,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,8YAA8Y,EAChZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACrC,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
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"}
@@ -1,4 +1,4 @@
1
1
  export * from "./modal.js";
2
2
  export * from "./modal-with-views.js";
3
3
  export * from "./use-modal-with-views.js";
4
- //# sourceMappingURL=index.js.map
4
+ //# sourceMappingURL=index.js.map