@mintmoney/react 0.1.0-alpha.23 → 0.1.0-alpha.27

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 (100) hide show
  1. package/dist/css/styles.css +149 -3
  2. package/dist/esm/api/checkouts.js +11 -3
  3. package/dist/esm/api/checkouts.js.map +1 -1
  4. package/dist/esm/api/generated.js +164 -0
  5. package/dist/esm/api/generated.js.map +1 -1
  6. package/dist/esm/api/payments.js +17 -8
  7. package/dist/esm/api/payments.js.map +1 -1
  8. package/dist/esm/checkout/modal.js +14 -11
  9. package/dist/esm/checkout/modal.js.map +1 -1
  10. package/dist/esm/checkout/views/amount-header.js +9 -2
  11. package/dist/esm/checkout/views/amount-header.js.map +1 -1
  12. package/dist/esm/checkout/views/card-intent/details.js +30 -6
  13. package/dist/esm/checkout/views/card-intent/details.js.map +1 -1
  14. package/dist/esm/checkout/views/crypto-intent/currency-select.js +14 -18
  15. package/dist/esm/checkout/views/crypto-intent/currency-select.js.map +1 -1
  16. package/dist/esm/checkout/views/crypto-intent/direct-details.js +169 -8
  17. package/dist/esm/checkout/views/crypto-intent/direct-details.js.map +1 -1
  18. package/dist/esm/checkout/views/crypto-intent/methods.js +43 -17
  19. package/dist/esm/checkout/views/crypto-intent/methods.js.map +1 -1
  20. package/dist/esm/checkout/views/crypto-intent/processing.js +1 -1
  21. package/dist/esm/checkout/views/crypto-intent/processing.js.map +1 -1
  22. package/dist/esm/checkout/views/crypto-intent/test-payment.js +2 -2
  23. package/dist/esm/checkout/views/crypto-intent/test-payment.js.map +1 -1
  24. package/dist/esm/checkout/views/fiat-intent/bank-payment.js +35 -0
  25. package/dist/esm/checkout/views/fiat-intent/bank-payment.js.map +1 -0
  26. package/dist/esm/components/crypto/currency-selector.js +3 -3
  27. package/dist/esm/components/crypto/currency-selector.js.map +1 -1
  28. package/dist/esm/components/crypto/default-currency-selector.js +1 -1
  29. package/dist/esm/components/crypto/default-currency-selector.js.map +1 -1
  30. package/dist/esm/components/icons/clipboard-add.js +20 -0
  31. package/dist/esm/components/icons/clipboard-add.js.map +1 -0
  32. package/dist/esm/components/icons/clipboard-check.js +20 -0
  33. package/dist/esm/components/icons/clipboard-check.js.map +1 -0
  34. package/dist/esm/components/icons/index.js +2 -0
  35. package/dist/esm/components/icons/index.js.map +1 -1
  36. package/dist/esm/components/modals/modal-with-views.js +4 -3
  37. package/dist/esm/components/modals/modal-with-views.js.map +1 -1
  38. package/dist/esm/config.js.map +1 -1
  39. package/dist/esm/index.js +2 -0
  40. package/dist/esm/index.js.map +1 -1
  41. package/dist/esm/integrations/index.js +3 -0
  42. package/dist/esm/integrations/index.js.map +1 -0
  43. package/dist/esm/integrations/instaxchange.js +44 -0
  44. package/dist/esm/integrations/instaxchange.js.map +1 -0
  45. package/dist/esm/integrations/types.js +2 -0
  46. package/dist/esm/integrations/types.js.map +1 -0
  47. package/dist/esm/state/checkout/store.js +39 -5
  48. package/dist/esm/state/checkout/store.js.map +1 -1
  49. package/dist/esm/utils/string.js +34 -0
  50. package/dist/esm/utils/string.js.map +1 -0
  51. package/dist/types/api/checkouts.d.ts +2 -7
  52. package/dist/types/api/checkouts.d.ts.map +1 -1
  53. package/dist/types/api/generated.d.ts +445 -44
  54. package/dist/types/api/generated.d.ts.map +1 -1
  55. package/dist/types/api/payments.d.ts +5 -3
  56. package/dist/types/api/payments.d.ts.map +1 -1
  57. package/dist/types/api/types.d.ts +9 -0
  58. package/dist/types/api/types.d.ts.map +1 -1
  59. package/dist/types/checkout/modal.d.ts.map +1 -1
  60. package/dist/types/checkout/views/amount-header.d.ts +1 -0
  61. package/dist/types/checkout/views/amount-header.d.ts.map +1 -1
  62. package/dist/types/checkout/views/card-intent/details.d.ts +1 -1
  63. package/dist/types/checkout/views/card-intent/details.d.ts.map +1 -1
  64. package/dist/types/checkout/views/crypto-intent/currency-select.d.ts.map +1 -1
  65. package/dist/types/checkout/views/crypto-intent/direct-details.d.ts.map +1 -1
  66. package/dist/types/checkout/views/crypto-intent/methods.d.ts.map +1 -1
  67. package/dist/types/checkout/views/fiat-intent/bank-payment.d.ts +2 -0
  68. package/dist/types/checkout/views/fiat-intent/bank-payment.d.ts.map +1 -0
  69. package/dist/types/components/crypto/currency-selector.d.ts +1 -1
  70. package/dist/types/components/crypto/currency-selector.d.ts.map +1 -1
  71. package/dist/types/components/icons/clipboard-add.d.ts +6 -0
  72. package/dist/types/components/icons/clipboard-add.d.ts.map +1 -0
  73. package/dist/types/components/icons/clipboard-check.d.ts +6 -0
  74. package/dist/types/components/icons/clipboard-check.d.ts.map +1 -0
  75. package/dist/types/components/icons/index.d.ts +2 -0
  76. package/dist/types/components/icons/index.d.ts.map +1 -1
  77. package/dist/types/components/modals/modal-with-views.d.ts +1 -0
  78. package/dist/types/components/modals/modal-with-views.d.ts.map +1 -1
  79. package/dist/types/config.d.ts.map +1 -1
  80. package/dist/types/index.d.ts +2 -0
  81. package/dist/types/index.d.ts.map +1 -1
  82. package/dist/types/integrations/index.d.ts +3 -0
  83. package/dist/types/integrations/index.d.ts.map +1 -0
  84. package/dist/types/integrations/instaxchange.d.ts +4 -0
  85. package/dist/types/integrations/instaxchange.d.ts.map +1 -0
  86. package/dist/types/integrations/types.d.ts +5 -0
  87. package/dist/types/integrations/types.d.ts.map +1 -0
  88. package/dist/types/state/checkout/store.d.ts +34 -7
  89. package/dist/types/state/checkout/store.d.ts.map +1 -1
  90. package/dist/types/utils/string.d.ts +23 -0
  91. package/dist/types/utils/string.d.ts.map +1 -0
  92. package/package.json +8 -8
  93. package/dist/docs/api-examples.md +0 -55
  94. package/dist/docs/guides/customisation.md +0 -45
  95. package/dist/docs/guides/overview.md +0 -19
  96. package/dist/docs/guides/quickstart.md +0 -169
  97. package/dist/docs/index.md +0 -21
  98. package/dist/docs/markdown-examples.md +0 -85
  99. package/dist/docs/package-lock.json +0 -2408
  100. package/dist/docs/package.json +0 -19
@@ -1,12 +1,36 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useRef } from "react";
3
- import { StyledButton } from "../../../components/buttons/index.js";
4
- import { useMintMoneyConfig } from "../../../context.js";
2
+ import { useEffect, useState } from "react";
3
+ import { useModalWithView } from "../../../components/modals/use-modal-with-views.js";
4
+ import { InstaXchangePayment } from "../../../integrations/instaxchange.js";
5
+ import { useCheckoutStore, createCheckoutFiatPaymentAttempt, ACTIONS, } from "../../../state/checkout/store.js";
5
6
  import { ModalViewContainer } from "../../container.js";
6
7
  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, { variant: "primary", theme: config.theme, children: "Connect Wallet" }), _jsx(StyledButton, { variant: "primary", theme: config.theme, children: "Direct Payment" })] }) }));
8
+ const { payment, checkout, fiatPaymentAttempt, error: storeError, loading, } = useCheckoutStore();
9
+ const { goToView } = useModalWithView();
10
+ const [initialized, setInitialized] = useState(false);
11
+ useEffect(() => {
12
+ if (!payment || !checkout) {
13
+ goToView("failed", { reason: "Payment or checkout not found" });
14
+ }
15
+ }, [payment, checkout, goToView]);
16
+ useEffect(() => {
17
+ if (!initialized && payment) {
18
+ setInitialized(true);
19
+ void createCheckoutFiatPaymentAttempt("card");
20
+ }
21
+ }, [initialized, payment]);
22
+ useEffect(() => {
23
+ if (storeError && storeError.CREATE_FIAT_PAYMENT_ATTEMPT) {
24
+ goToView("failed", { reason: storeError.CREATE_FIAT_PAYMENT_ATTEMPT });
25
+ }
26
+ }, [storeError, goToView]);
27
+ if (!payment || !checkout) {
28
+ return null;
29
+ }
30
+ if (loading[ACTIONS.CREATE_FIAT_PAYMENT_ATTEMPT] || !fiatPaymentAttempt) {
31
+ return (_jsx(ModalViewContainer, { children: _jsxs("div", { className: "text-center py-8", children: [_jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto" }), _jsx("p", { className: "mt-2", children: "Initializing payment..." })] }) }));
32
+ }
33
+ return (_jsx(ModalViewContainer, { children: _jsx(InstaXchangePayment, { onError: () => { }, clientParams: fiatPaymentAttempt.client_params }) }));
10
34
  };
11
35
  export { CardIntentViewContent };
12
36
  //# 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;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
+ {"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/card-intent/details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,gCAAgC,EAChC,OAAO,GACR,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,KAAK,EAAE,UAAU,EACjB,OAAO,GACR,GAAG,gBAAgB,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1B,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,+BAA+B,EAAE,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,OAAO,EAAE,CAAC;YAC5B,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,KAAK,gCAAgC,CAAC,MAAM,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,CAAC,2BAA2B,EAAE,CAAC;YACzD,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,2BAA2B,EAAE,CAAC,CAAC;QACzE,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxE,OAAO,CACL,KAAC,kBAAkB,cACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,sEAAsE,GAAO,EAC5F,YAAG,SAAS,EAAC,MAAM,wCAA4B,IAC3C,GACa,CACtB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,cACjB,KAAC,mBAAmB,IAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,YAAY,EAAE,kBAAkB,CAAC,aAAa,GAC9C,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
@@ -1,6 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useRef, useContext, useEffect } from "react";
3
- import { CurrencySelector } from "../../../components/crypto/currency-selector.js";
4
3
  import { DefaultCurrencySelector } from "../../../components/crypto/default-currency-selector.js";
5
4
  import { useModalWithView, Text } from "../../../components/index.js";
6
5
  import { WalletContext } from "../../../components/wallet-selector/provider.js";
@@ -9,16 +8,20 @@ import { useMintMoneyConfig } from "../../../context.js";
9
8
  import { useCheckoutStore } from "../../../state/checkout/store.js";
10
9
  import { ModalViewContainer } from "../../container.js";
11
10
  import { ModalBackButton } from "../back.js";
12
- const getDefaultCurrency = (cryptoCurrencies, checkout) => {
13
- if (!cryptoCurrencies || !checkout?.checkout_config?.crypto?.assets)
11
+ const getDefaultCurrency = (cryptoCurrency, checkout) => {
12
+ if (!cryptoCurrency || !checkout?.checkout_config?.crypto?.settlementConfig)
14
13
  return null;
15
- // Find the first currency in the user's wallet that matches a configured asset
16
- return (cryptoCurrencies.find((currency) => (checkout.checkout_config.crypto?.assets ?? []).some((asset) => asset.chain === currency.chain && asset.asset === currency.asset)) || null);
14
+ // Check if the crypto currency matches the configured settlement asset
15
+ const settlementConfig = checkout.checkout_config.crypto.settlementConfig;
16
+ return cryptoCurrency.chain === settlementConfig.chain &&
17
+ cryptoCurrency.asset === settlementConfig.asset
18
+ ? cryptoCurrency
19
+ : null;
17
20
  };
18
21
  const CryptoIntentSelectCurrencyViewContent = () => {
19
22
  const modalRef = useRef(null);
20
23
  const { goToView } = useModalWithView();
21
- const { checkout, cryptoCurrencies } = useCheckoutStore();
24
+ const { checkout, cryptoCurrency } = useCheckoutStore();
22
25
  const config = useMintMoneyConfig();
23
26
  const { fetchBalances } = useWalletActions();
24
27
  const { wallet } = useContext(WalletContext);
@@ -30,19 +33,12 @@ const CryptoIntentSelectCurrencyViewContent = () => {
30
33
  return null;
31
34
  }
32
35
  useEffect(() => {
33
- if (!wallet || !cryptoCurrencies)
36
+ if (!wallet || !cryptoCurrency)
34
37
  return;
35
- void fetchBalances(cryptoCurrencies);
36
- }, [wallet, cryptoCurrencies, fetchBalances]);
37
- const defaultCurrency = getDefaultCurrency(cryptoCurrencies ?? [], checkout);
38
- const otherCurrencies = cryptoCurrencies && cryptoCurrencies.length > 1
39
- ? cryptoCurrencies.filter((c) => !(defaultCurrency &&
40
- c.chain === defaultCurrency.chain &&
41
- c.asset === defaultCurrency.asset))
42
- : [];
43
- return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "normal", children: "Select a currency to complete payment with" }), defaultCurrency && (_jsx(DefaultCurrencySelector, { currency: defaultCurrency, balance: balances[`${defaultCurrency.chain}-${defaultCurrency.asset}`] ?? "-", buttonVariant: "primary" })), otherCurrencies.length > 0 && (_jsxs("div", { style: { marginTop: 8 }, children: [_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "semibold", style: { marginBottom: 8 }, children: "Other options" }), otherCurrencies.map((currency) => (_jsx(CurrencySelector, { currency: currency, balance: balances[`${currency.chain}-${currency.asset}`] ?? "-", onSelect: async () => {
44
- return Promise.resolve();
45
- }, buttonVariant: "secondary", buttonDisabled: true }, `${currency.chain}-${currency.asset}`)))] })), _jsx(ModalBackButton, { view: "cryptoIntent", disabled: processing })] }));
38
+ void fetchBalances([cryptoCurrency]);
39
+ }, [wallet, cryptoCurrency, fetchBalances]);
40
+ const defaultCurrency = getDefaultCurrency(cryptoCurrency, checkout);
41
+ return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "normal", children: "Select a currency to complete payment with" }), defaultCurrency && (_jsx(DefaultCurrencySelector, { currency: defaultCurrency, balance: balances[`${defaultCurrency.chain}-${defaultCurrency.asset}`] ?? "-", buttonVariant: "primary" })), _jsx(ModalBackButton, { view: "cryptoIntent", disabled: processing })] }));
46
42
  };
47
43
  export { CryptoIntentSelectCurrencyViewContent };
48
44
  //# sourceMappingURL=currency-select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"currency-select.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/currency-select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"currency-select.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/currency-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,OAAO,EACL,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,kBAAkB,GAAG,CACzB,cAAqC,EACrC,QAAyB,EACF,EAAE;IACzB,IAAI,CAAC,cAAc,IAAI,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB;QACzE,OAAO,IAAI,CAAC;IACd,uEAAuE;IACvE,MAAM,gBAAgB,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAC1E,OAAO,cAAc,CAAC,KAAK,KAAK,gBAAgB,CAAC,KAAK;QACpD,cAAc,CAAC,KAAK,KAAK,gBAAgB,CAAC,KAAK;QAC/C,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,qCAAqC,GAAG,GAAG,EAAE;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxD,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,iBAAiB,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAEjE,sEAAsE;IACtE,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;QAC1D,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc;YAAE,OAAO;QACvC,KAAK,aAAa,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,kBAAkB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAErE,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAC,QAAQ,2DAGV,EAEN,eAAe,IAAI,CAClB,KAAC,uBAAuB,IACtB,QAAQ,EAAE,eAAe,EACzB,OAAO,EACL,QAAQ,CAAC,GAAG,eAAe,CAAC,KAAK,IAAI,eAAe,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,EAEtE,aAAa,EAAC,SAAS,GACvB,CACH,EAED,KAAC,eAAe,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,UAAU,GAAI,IAC1C,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qCAAqC,EAAE,CAAC"}
@@ -1,26 +1,187 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useRef } from "react";
2
+ import { useRef, useState } from "react";
3
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 { styled } from "styled-components";
6
+ import { useModalWithView, StyledButton, Text, ClipboardAddIcon, ClipboardCheckIcon, } from "../../../components/index.js";
6
7
  import { useMintMoneyConfig } from "../../../context.js";
7
8
  import { useCheckoutStore } from "../../../state/checkout/store.js";
8
9
  import { ModalViewContainer } from "../../container.js";
10
+ import { ModalBackButton } from "../back.js";
11
+ const StepContainer = styled.div `
12
+ margin-bottom: 16px;
13
+ `;
14
+ const StepHeader = styled.div `
15
+ display: flex;
16
+ align-items: center;
17
+ margin-bottom: 8px;
18
+ `;
19
+ const StepNumber = styled.div `
20
+ background: ${({ theme }) => theme.btn.primary.default.backgroundColor || "#3b82f6"};
21
+ color: white;
22
+ min-width: 24px;
23
+ height: 24px;
24
+ border-radius: 50%;
25
+ display: flex;
26
+ align-items: center;
27
+ justify-content: center;
28
+ font-size: 12px;
29
+ font-weight: 600;
30
+ margin-right: 8px;
31
+ flex-shrink: 0;
32
+ `;
33
+ const StepTitle = styled.div `
34
+ font-size: 14px;
35
+ font-weight: 400;
36
+ color: ${({ theme }) => theme.font.color.primary};
37
+ line-height: 1.3;
38
+ `;
39
+ const QRCard = styled.div `
40
+ background: #f3f7fa;
41
+ border-radius: 12px;
42
+ padding: 16px 12px;
43
+ display: flex;
44
+ flex-direction: column;
45
+ align-items: center;
46
+ margin: 8px 0;
47
+ `;
48
+ const InfoRow = styled.div `
49
+ display: flex;
50
+ align-items: center;
51
+ background: #f3f7fa;
52
+ border-radius: 12px;
53
+ padding: 4px 8px;
54
+ margin: 4px 0 0 0;
55
+ cursor: pointer;
56
+ transition: all 0.2s ease-in-out;
57
+ border: 2px solid transparent;
58
+
59
+ &:hover {
60
+ background: #e8f2f7;
61
+ }
62
+
63
+ ${({ isCopied }) => isCopied &&
64
+ `
65
+ border-color: #10b981;
66
+ background: #f0fdf4;
67
+ animation: copySuccess 0.6s ease-in-out;
68
+ `}
69
+
70
+ @keyframes copySuccess {
71
+ 0% {
72
+ border-color: transparent;
73
+ }
74
+ 50% {
75
+ border-color: #10b981;
76
+ }
77
+ 100% {
78
+ border-color: #10b981;
79
+ }
80
+ }
81
+ `;
82
+ const AddressText = styled.div `
83
+ font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
84
+ font-size: 12px;
85
+ color: ${({ theme }) => theme.font.color.tertiary};
86
+ flex: 1;
87
+ text-overflow: ellipsis;
88
+ white-space: nowrap;
89
+ `;
90
+ const CopyButton = styled.button `
91
+ display: flex;
92
+ align-items: center;
93
+ justify-content: center;
94
+ background: none;
95
+ border: none;
96
+ cursor: pointer;
97
+ padding: 4px;
98
+ border-radius: 4px;
99
+ transition: all 0.2s ease-in-out;
100
+
101
+ &:hover {
102
+ background-color: rgba(0, 0, 0, 0.05);
103
+ }
104
+
105
+ ${({ isCopied }) => isCopied &&
106
+ `
107
+ animation: iconBounce 0.6s ease-in-out;
108
+ `}
109
+
110
+ @keyframes iconBounce {
111
+ 0% {
112
+ transform: scale(1);
113
+ }
114
+ 25% {
115
+ transform: scale(1.2);
116
+ }
117
+ 50% {
118
+ transform: scale(0.9);
119
+ }
120
+ 75% {
121
+ transform: scale(1.1);
122
+ }
123
+ 100% {
124
+ transform: scale(1);
125
+ }
126
+ }
127
+ `;
128
+ const WarningCard = styled.div `
129
+ background: #fef3c7;
130
+ border: 1px solid #f59e0b;
131
+ border-radius: 12px;
132
+ padding: 16px;
133
+ margin: 8px 0;
134
+ text-align: center;
135
+ `;
9
136
  const CryptoIntentDirectDetailsViewContent = () => {
10
137
  const modalRef = useRef(null);
11
138
  const { goToView } = useModalWithView();
12
- const { cryptoPaymentAttempt } = useCheckoutStore();
139
+ const { cryptoPaymentAttempt, cryptoCurrency, payment } = useCheckoutStore();
13
140
  const config = useMintMoneyConfig();
141
+ const [copiedAddress, setCopiedAddress] = useState(false);
142
+ const [copiedAmount, setCopiedAmount] = useState(false);
143
+ const [hasAcknowledged, setHasAcknowledged] = useState(false);
14
144
  const handleConfirm = () => {
15
- goToView("cryptoIntentPaymentStatus");
145
+ goToView("paymentStatus");
16
146
  };
17
- if (!cryptoPaymentAttempt) {
147
+ if (!cryptoPaymentAttempt || !cryptoCurrency) {
18
148
  return null;
19
149
  }
20
- const copyToClipboard = async () => {
21
- await navigator.clipboard.writeText(cryptoPaymentAttempt.destination_address);
150
+ const settlementCurrency = cryptoCurrency;
151
+ if (!settlementCurrency)
152
+ return null;
153
+ const amount = payment?.amount;
154
+ const currency = settlementCurrency.asset_name;
155
+ const chain = settlementCurrency.chain_name;
156
+ const copyToClipboard = async (value, setCopied) => {
157
+ try {
158
+ await navigator.clipboard.writeText(value);
159
+ setCopied(true);
160
+ setTimeout(() => setCopied(false), 2000); // Reset after 2 seconds
161
+ }
162
+ catch (error) {
163
+ console.error("Failed to copy to clipboard:", error);
164
+ }
22
165
  };
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" })] }));
166
+ // Show initial warning state
167
+ if (!hasAcknowledged) {
168
+ return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsxs(WarningCard, { children: [_jsx(Text, { size: "base", weight: "medium", color: config.theme.font.color.primary, style: { marginBottom: 12 }, children: "\u26A0\uFE0F Important" }), _jsx(Text, { size: "sm", weight: "normal", color: config.theme.font.color.secondary, style: { lineHeight: 1.5 }, children: "Please ensure you are using the correct chain and currency and send the exact amount otherwise your transaction will fail." })] }), _jsx(StyledButton, { onClick: () => setHasAcknowledged(true), variant: "primary", style: { marginTop: 8 }, children: "I understand" }), _jsx(ModalBackButton, { view: "cryptoIntent" })] }));
169
+ }
170
+ return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsxs(StepContainer, { children: [_jsxs(StepHeader, { children: [_jsx(StepNumber, { theme: config.theme, children: "1" }), _jsx(StepTitle, { theme: config.theme, children: "Scan QR code or copy wallet address" })] }), _jsx(QRCard, { children: _jsx(QRCode, { value: cryptoPaymentAttempt.destination_address, size: 120 }) }), _jsxs(InfoRow, { isCopied: copiedAddress, onClick: () => copyToClipboard(cryptoPaymentAttempt.destination_address, setCopiedAddress).catch((error) => {
171
+ console.error("Failed to copy address:", error);
172
+ }), title: "Click to copy address", children: [_jsx(AddressText, { theme: config.theme, children: cryptoPaymentAttempt.destination_address }), _jsx("span", { style: { marginLeft: 8 }, children: _jsx(CopyButton, { isCopied: copiedAddress, onClick: (e) => {
173
+ e.stopPropagation();
174
+ copyToClipboard(cryptoPaymentAttempt.destination_address, setCopiedAddress).catch((error) => {
175
+ console.error("Failed to copy address:", error);
176
+ });
177
+ }, title: "Copy address", children: copiedAddress ? (_jsx(ClipboardCheckIcon, { size: 16 })) : (_jsx(ClipboardAddIcon, { size: 16 })) }) })] })] }), _jsxs(StepContainer, { children: [_jsxs(StepHeader, { children: [_jsx(StepNumber, { theme: config.theme, children: "2" }), _jsxs(StepTitle, { theme: config.theme, children: ["Send the exact amount in ", _jsx("strong", { children: currency }), " on", " ", _jsx("strong", { children: chain })] })] }), _jsxs(InfoRow, { isCopied: copiedAmount, onClick: () => copyToClipboard(`${amount}`, setCopiedAmount).catch((error) => {
178
+ console.error("Failed to copy amount:", error);
179
+ }), title: "Click to copy amount", style: { justifyContent: "space-between" }, children: [_jsxs(Text, { size: "base", weight: "bold", color: config.theme.font.color.primary, children: [amount, " ", currency] }), _jsx("span", { style: { marginLeft: 8 }, children: _jsx(CopyButton, { isCopied: copiedAmount, onClick: (e) => {
180
+ e.stopPropagation();
181
+ copyToClipboard(`${amount}`, setCopiedAmount).catch((error) => {
182
+ console.error("Failed to copy amount:", error);
183
+ });
184
+ }, title: "Copy amount", children: copiedAmount ? (_jsx(ClipboardCheckIcon, { size: 16 })) : (_jsx(ClipboardAddIcon, { size: 16 })) }) })] })] }), _jsx(StyledButton, { onClick: handleConfirm, variant: "primary", style: { marginTop: 8 }, children: "Confirm" }), _jsx(ModalBackButton, { view: "cryptoIntent" })] }));
24
185
  };
25
186
  export { CryptoIntentDirectDetailsViewContent };
26
187
  //# 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,+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"}
1
+ {"version":3,"file":"direct-details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/direct-details.tsx"],"names":[],"mappings":"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"}
@@ -1,26 +1,52 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useRef } from "react";
3
- import { useModalWithView, SelectableList } from "../../../components/index.js";
3
+ import { styled } from "styled-components";
4
+ import { StyledButton } from "../../../components/buttons/index.js";
5
+ import { useModalWithView, Text } from "../../../components/index.js";
6
+ import { useMintMoneyConfig } from "../../../context.js";
7
+ import { useCheckoutStore, createCheckoutCryptoPaymentAttempt, } from "../../../state/checkout/store.js";
4
8
  import { ModalViewContainer } from "../../container.js";
9
+ const OptionContainer = styled.div `
10
+ background-color: #f9fafb;
11
+ border-radius: 16px;
12
+ padding: 12px;
13
+ display: flex;
14
+ align-items: center;
15
+ gap: 16px;
16
+ `;
17
+ const OptionsContainer = styled.div `
18
+ display: flex;
19
+ flex-direction: column;
20
+ gap: 16px;
21
+ `;
22
+ const Option = ({ icon, text, buttonLabel, onClick, buttonVariant = "primary", buttonSize = "small", }) => {
23
+ const { theme } = useMintMoneyConfig();
24
+ return (_jsxs(OptionContainer, { children: [icon && _jsx("div", { style: { flexShrink: 0 }, children: icon }), _jsxs("div", { style: { flex: 1, textAlign: icon ? "left" : "center" }, children: [_jsx(Text, { size: "sm", color: theme.font.color.primary, weight: "medium", style: { marginBottom: 8, textAlign: icon ? "left" : "center" }, children: text }), _jsx(StyledButton, { onClick: onClick, variant: buttonVariant, size: buttonSize, theme: theme, children: buttonLabel })] })] }));
25
+ };
5
26
  const CryptoIntentViewContent = () => {
6
27
  const modalRef = useRef(null);
7
28
  const { goToView } = useModalWithView();
8
- const methods = [
9
- {
10
- key: "wallet",
11
- label: "Connect Wallet",
12
- view: "cryptoIntentSelectWallet",
13
- },
14
- {
15
- key: "direct",
16
- label: "Direct Payment",
17
- view: "cryptoIntentSelectCurrency",
18
- },
19
- ];
20
- const handleMethodSelect = (selectedMethod) => {
21
- goToView(selectedMethod.view);
29
+ const { cryptoCurrency } = useCheckoutStore();
30
+ // Get the settlement currency (single currency object)
31
+ const settlementCurrency = cryptoCurrency;
32
+ const handleWalletClick = () => {
33
+ goToView("cryptoIntentSelectWallet");
34
+ };
35
+ const handleDirectPaymentClick = async () => {
36
+ if (settlementCurrency) {
37
+ try {
38
+ await createCheckoutCryptoPaymentAttempt(settlementCurrency);
39
+ goToView("cryptoIntentDirectDetails");
40
+ }
41
+ catch (error) {
42
+ goToView("failure");
43
+ console.error(error);
44
+ }
45
+ }
22
46
  };
23
- return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsx(SelectableList, { items: methods, getKey: (method) => method.key, getLabel: (method) => method.label, onSelect: handleMethodSelect }) }));
47
+ return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsxs(OptionsContainer, { children: [_jsx(Option, { text: "For a wider range of payment options", buttonLabel: "Connect Wallet", onClick: handleWalletClick, buttonVariant: "primary", buttonSize: "small" }), _jsx(Option, { text: settlementCurrency
48
+ ? `In ${settlementCurrency.asset_name} on ${settlementCurrency.chain_name}`
49
+ : "Direct Payment", buttonLabel: "Direct Payment", onClick: handleDirectPaymentClick, buttonVariant: "primary", buttonSize: "small" })] }) }));
24
50
  };
25
51
  export { CryptoIntentViewContent };
26
52
  //# 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;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,0BAA0B;SACjC;QACD;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,4BAA4B;SACnC;KACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,cAAgC,EAAE,EAAE;QAC9D,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAChC,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":"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"}
@@ -23,7 +23,7 @@ const CryptoIntentPaymentStatusViewContent = () => {
23
23
  return;
24
24
  const poller = startPaymentPolling((status) => {
25
25
  if (status === PaymentStatus.PAID) {
26
- goToView("cryptoIntentPaymentSuccess");
26
+ goToView("paymentSuccess");
27
27
  }
28
28
  else if (status === PaymentStatus.FAILED) {
29
29
  goToView("failed");
@@ -1 +1 @@
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;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,UAAU,GACX,MAAM,kCAAkC,CAAC;AAE1C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAAC,UAAU,EAAE;YAAE,OAAO;QAEvD,MAAM,MAAM,GAAG,mBAAmB,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5C,IAAI,MAAM,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;gBAClC,QAAQ,CAAC,4BAA4B,CAAC,CAAC;YACzC,CAAC;iBAAM,IAAI,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE,CAAC;gBAC3C,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,IAAI,EAAE,CAAC;YACd,kBAAkB,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,SAAG,EAClB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,oDAElD,IACG,CACb,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;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,UAAU,GACX,MAAM,kCAAkC,CAAC;AAE1C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAAC,UAAU,EAAE;YAAE,OAAO;QAEvD,MAAM,MAAM,GAAG,mBAAmB,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5C,IAAI,MAAM,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;gBAClC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YAC7B,CAAC;iBAAM,IAAI,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE,CAAC;gBAC3C,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,IAAI,EAAE,CAAC;YACd,kBAAkB,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,SAAG,EAClB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,oDAElD,IACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
@@ -12,7 +12,7 @@ const TestPayment = () => {
12
12
  const handleSuccess = async () => {
13
13
  try {
14
14
  await createSuccessfulTestPaymentAttempt();
15
- goToView("cryptoIntentPaymentStatus");
15
+ goToView("paymentStatus");
16
16
  }
17
17
  catch (error) {
18
18
  goToView("failed", { reason: "test_success" });
@@ -22,7 +22,7 @@ const TestPayment = () => {
22
22
  const handleFailure = async () => {
23
23
  try {
24
24
  await createFailedTestPaymentAttempt();
25
- goToView("cryptoIntentPaymentStatus");
25
+ goToView("paymentStatus");
26
26
  }
27
27
  catch (error) {
28
28
  goToView("failed", { reason: "test_failure" });
@@ -1 +1 @@
1
- {"version":3,"file":"test-payment.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/test-payment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,kCAAkC,EAClC,8BAA8B,GAC/B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,MAAM,kCAAkC,EAAE,CAAC;YAC3C,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QACxC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,MAAM,8BAA8B,EAAE,CAAC;YACvC,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QACxC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAC1B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,oCAGjC,EACP,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,4EAGtB,EACP,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,KAAC,WAAW,IAAC,YAAY,EAAE,aAAa,wBAAuB,EAC/D,KAAC,WAAW,IAAC,YAAY,EAAE,aAAa,uBAAsB,IAC1D,IACa,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"test-payment.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/test-payment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,kCAAkC,EAClC,8BAA8B,GAC/B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,MAAM,kCAAkC,EAAE,CAAC;YAC3C,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,MAAM,8BAA8B,EAAE,CAAC;YACvC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAC1B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,oCAGjC,EACP,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,4EAGtB,EACP,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,KAAC,WAAW,IAAC,YAAY,EAAE,aAAa,wBAAuB,EAC/D,KAAC,WAAW,IAAC,YAAY,EAAE,aAAa,uBAAsB,IAC1D,IACa,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1,35 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect, useState } from "react";
3
+ import { useModalWithView } from "../../../components/modals/use-modal-with-views.js";
4
+ import { InstaXchangePayment } from "../../../integrations/instaxchange.js";
5
+ import { useCheckoutStore, createCheckoutFiatPaymentAttempt, ACTIONS, } from "../../../state/checkout/store.js";
6
+ import { ModalViewContainer } from "../../container.js";
7
+ export const BankIntentViewContent = () => {
8
+ const { payment, fiatPaymentAttempt, error, loading } = useCheckoutStore();
9
+ const { goToView } = useModalWithView();
10
+ const [initialised, setInitialised] = useState(false);
11
+ useEffect(() => {
12
+ if (!initialised && payment) {
13
+ setInitialised(true);
14
+ void createCheckoutFiatPaymentAttempt("bank");
15
+ }
16
+ }, [initialised, payment]);
17
+ useEffect(() => {
18
+ if (!payment) {
19
+ goToView("failed", { reason: "Payment not found" });
20
+ }
21
+ }, [payment, goToView]);
22
+ useEffect(() => {
23
+ if (error && error.CREATE_FIAT_PAYMENT_ATTEMPT) {
24
+ goToView("failed", { reason: error.CREATE_FIAT_PAYMENT_ATTEMPT });
25
+ }
26
+ }, [error, goToView]);
27
+ if (loading[ACTIONS.CREATE_FIAT_PAYMENT_ATTEMPT] || !fiatPaymentAttempt) {
28
+ return (_jsx(ModalViewContainer, { children: _jsxs("div", { className: "text-center py-8", children: [_jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto" }), _jsx("p", { className: "mt-2", children: "Creating bank payment..." })] }) }));
29
+ }
30
+ if (!payment) {
31
+ return null;
32
+ }
33
+ return (_jsx(ModalViewContainer, { children: _jsx(InstaXchangePayment, { onError: () => { }, clientParams: fiatPaymentAttempt.client_params }) }));
34
+ };
35
+ //# sourceMappingURL=bank-payment.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bank-payment.js","sourceRoot":"","sources":["../../../../../src/checkout/views/fiat-intent/bank-payment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,gCAAgC,EAChC,OAAO,GACR,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC3E,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,OAAO,EAAE,CAAC;YAC5B,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,KAAK,gCAAgC,CAAC,MAAM,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,IAAI,KAAK,CAAC,2BAA2B,EAAE,CAAC;YAC/C,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,2BAA2B,EAAE,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,IAAI,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxE,OAAO,CACL,KAAC,kBAAkB,cACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,sEAAsE,GAAO,EAC5F,YAAG,SAAS,EAAC,MAAM,yCAA6B,IAC5C,GACa,CACtB,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,cACjB,KAAC,mBAAmB,IAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,YAAY,EAAE,kBAAkB,CAAC,aAAa,GAC9C,GACiB,CACtB,CAAC;AACJ,CAAC,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
- import { AsyncButton } from "../buttons/async-button.js";
4
+ import { Button } from "../buttons/index.js";
5
5
  import { Text } from "../index.js";
6
6
  const CurrencyRowContainer = styled.div `
7
7
  border: 1px solid #eee;
@@ -18,8 +18,8 @@ const CurrencyRowContent = styled.div `
18
18
  `;
19
19
  const CurrencySelector = ({ currency, balance, onSelect, buttonVariant, buttonDisabled = false, }) => {
20
20
  const config = useMintMoneyConfig();
21
- return (_jsxs(CurrencyRowContainer, { children: [_jsxs(CurrencyRowContent, { children: [_jsx(Text, { size: "base", weight: "semibold", color: config.theme.font.color.primary, children: currency.asset_name }), _jsx("div", { children: _jsxs(Text, { size: "xs", color: config.theme.font.color.secondary, children: [currency.chain_name, " - ", balance] }) })] }), _jsx("div", { children: _jsx(AsyncButton, { variant: buttonVariant, onAsyncClick: async () => {
22
- await onSelect(currency);
21
+ return (_jsxs(CurrencyRowContainer, { children: [_jsxs(CurrencyRowContent, { children: [_jsx(Text, { size: "base", weight: "semibold", color: config.theme.font.color.primary, children: currency.asset_name }), _jsx("div", { children: _jsxs(Text, { size: "xs", color: config.theme.font.color.secondary, children: [currency.chain_name, " ", balance ? `- ${balance}` : ""] }) })] }), _jsx("div", { children: _jsx(Button, { variant: buttonVariant, onClick: () => {
22
+ onSelect(currency);
23
23
  }, size: "small", disabled: buttonDisabled, children: "Select" }) })] }));
24
24
  };
25
25
  export { CurrencySelector };
@@ -1 +1 @@
1
- {"version":3,"file":"currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/currency-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAStC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,cAAc,GAAG,KAAK,GACL,EAAE,EAAE;IACrB,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,oBAAoB,eACnB,MAAC,kBAAkB,eACjB,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,YAErC,QAAQ,CAAC,UAAU,GACf,EACP,wBACE,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,aACrD,QAAQ,CAAC,UAAU,SAAK,OAAO,IAC3B,GACH,IACa,EACrB,wBACE,KAAC,WAAW,IACV,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,KAAK,IAAI,EAAE;wBACvB,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAC;oBAC3B,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,cAAc,uBAGZ,GACV,IACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/currency-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAStC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,cAAc,GAAG,KAAK,GACL,EAAE,EAAE;IACrB,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,oBAAoB,eACnB,MAAC,kBAAkB,eACjB,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,YAErC,QAAQ,CAAC,UAAU,GACf,EACP,wBACE,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,aACrD,QAAQ,CAAC,UAAU,OAAG,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAC/C,GACH,IACa,EACrB,wBACE,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,QAAQ,CAAC,CAAC;oBACrB,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,cAAc,uBAGjB,GACL,IACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -38,7 +38,7 @@ const DefaultCurrencySelector = ({ currency, balance, buttonVariant = "primary",
38
38
  void checkChainStatus(wallet);
39
39
  }
40
40
  await waitForTransferSuccess();
41
- goToView("cryptoIntentPaymentStatus");
41
+ goToView("paymentStatus");
42
42
  }
43
43
  catch (error) {
44
44
  setProcessing(false);
@@ -1 +1 @@
1
- {"version":3,"file":"default-currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/default-currency-selector.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"default-currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/default-currency-selector.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,20 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { styled } from "styled-components";
3
+ import { useMintMoneyConfig } from "../../context.js";
4
+ const StyledSvg = styled.svg `
5
+ stroke: ${({ color }) => color};
6
+ width: ${({ width }) => width}px;
7
+ height: ${({ height }) => height}px;
8
+ cursor: pointer;
9
+ transition: stroke 0.2s ease-in-out;
10
+
11
+ &:hover {
12
+ stroke: ${({ color }) => `${color}CC`}; /* Slight transparency on hover */
13
+ }
14
+ `;
15
+ const ClipboardAddIcon = ({ size = 24 }) => {
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.font.color.primary, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", color: theme.font.color.primary, children: [_jsx("path", { d: "M8 3.5C8 2.67157 8.67157 2 9.5 2H14.5C15.3284 2 16 2.67157 16 3.5V4.5C16 5.32843 15.3284 6 14.5 6H9.5C8.67157 6 8 5.32843 8 4.5V3.5Z" }), _jsx("path", { d: "M15 13L12 13M12 13L9 13M12 13L12 10M12 13L12 16", strokeLinecap: "round" }), _jsx("path", { d: "M21 16.0002C21 18.8286 21 20.2429 20.1213 21.1215C19.2426 22.0002 17.8284 22.0002 15 22.0002H9C6.17157 22.0002 4.75736 22.0002 3.87868 21.1215C3 20.2429 3 18.8286 3 16.0002V13.0002M16 4.00195C18.175 4.01406 19.3529 4.11051 20.1213 4.87889C21 5.75757 21 7.17179 21 10.0002V12.0002M8 4.00195C5.82497 4.01406 4.64706 4.11051 3.87868 4.87889C3.11032 5.64725 3.01385 6.82511 3.00174 9", strokeLinecap: "round" })] }));
18
+ };
19
+ export { ClipboardAddIcon };
20
+ //# sourceMappingURL=clipboard-add.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"clipboard-add.js","sourceRoot":"","sources":["../../../../src/components/icons/clipboard-add.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,CAAkD;YAClE,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,GAAG,KAAK,IAAI;;CAExC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAyB,EAAE,EAAE;IAChE,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,OAAO,EAChC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,aAE/B,eAAM,CAAC,EAAC,sIAAsI,GAAG,EACjJ,eACE,CAAC,EAAC,iDAAiD,EACnD,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,6XAA6X,EAC/X,aAAa,EAAC,OAAO,GACrB,IACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}