fare-privy-core 1.8.6 → 1.8.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/src/components/shared/CopyInput/CopyToClipboard.d.ts +16 -0
- package/dist/src/components/shared/CopyInput/CopyToClipboard.d.ts.map +1 -0
- package/dist/src/components/shared/CopyInput/CopyToClipboard.js +31 -0
- package/dist/src/components/shared/CopyInput/CopyToClipboard.js.map +1 -0
- package/dist/src/components/shared/CopyInput/index.d.ts +2 -0
- package/dist/src/components/shared/CopyInput/index.d.ts.map +1 -0
- package/dist/src/components/shared/CopyInput/index.js +13 -0
- package/dist/src/components/shared/CopyInput/index.js.map +1 -0
- package/dist/src/components/shared/CopyInput/styles.d.ts +1111 -0
- package/dist/src/components/shared/CopyInput/styles.d.ts.map +1 -0
- package/dist/src/components/shared/CopyInput/styles.js +90 -0
- package/dist/src/components/shared/CopyInput/styles.js.map +1 -0
- package/dist/src/components/shared/Modal/ModalFooter.d.ts.map +1 -1
- package/dist/src/components/shared/Modal/ModalFooter.js.map +1 -1
- package/dist/src/modals/FundWalletModal/CardCarousel.d.ts +0 -1
- package/dist/src/modals/FundWalletModal/CardCarousel.d.ts.map +1 -1
- package/dist/src/modals/FundWalletModal/CardCarousel.js +4 -4
- package/dist/src/modals/FundWalletModal/CardCarousel.js.map +1 -1
- package/dist/src/modals/FundWalletModal/FundWalletMenu.d.ts +0 -1
- package/dist/src/modals/FundWalletModal/FundWalletMenu.d.ts.map +1 -1
- package/dist/src/modals/FundWalletModal/FundWalletMenu.js +2 -9
- package/dist/src/modals/FundWalletModal/FundWalletMenu.js.map +1 -1
- package/dist/src/modals/FundWalletModal/FundsAccordion.d.ts +0 -1
- package/dist/src/modals/FundWalletModal/FundsAccordion.d.ts.map +1 -1
- package/dist/src/modals/FundWalletModal/FundsAccordion.js +6 -11
- package/dist/src/modals/FundWalletModal/FundsAccordion.js.map +1 -1
- package/dist/src/modals/FundWalletModal/TransferFunds.d.ts +0 -5
- package/dist/src/modals/FundWalletModal/TransferFunds.d.ts.map +1 -1
- package/dist/src/modals/FundWalletModal/TransferFunds.js +5 -4
- package/dist/src/modals/FundWalletModal/TransferFunds.js.map +1 -1
- package/dist/src/modals/FundWalletModal/index.d.ts +0 -1
- package/dist/src/modals/FundWalletModal/index.d.ts.map +1 -1
- package/dist/src/modals/FundWalletModal/index.js +2 -2
- package/dist/src/modals/FundWalletModal/index.js.map +1 -1
- package/dist/src/modals/styles.d.ts +3 -543
- package/dist/src/modals/styles.d.ts.map +1 -1
- package/dist/src/modals/styles.js +1 -34
- package/dist/src/modals/styles.js.map +1 -1
- package/dist/src/store/useNotiStore.d.ts +22 -0
- package/dist/src/store/useNotiStore.d.ts.map +1 -0
- package/dist/src/store/useNotiStore.js +30 -0
- package/dist/src/store/useNotiStore.js.map +1 -0
- package/package.json +4 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/CopyInput/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBxB,CAAC;AAGF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0B5B,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
export const CopyInputWrapper = styled.div `
|
|
3
|
+
display: flex;
|
|
4
|
+
justify-content: space-between;
|
|
5
|
+
flex-wrap: wrap;
|
|
6
|
+
align-items: center;
|
|
7
|
+
margin-block: 16px;
|
|
8
|
+
|
|
9
|
+
@media (min-width: 768px) {
|
|
10
|
+
flex-wrap: nowrap;
|
|
11
|
+
}
|
|
12
|
+
`;
|
|
13
|
+
export const InputAddress = styled.input `
|
|
14
|
+
background: #2c2c2e;
|
|
15
|
+
border: 1px solid #1b1d26;
|
|
16
|
+
color: #ffffff;
|
|
17
|
+
border-radius: 12px;
|
|
18
|
+
font-family: "system-ui, sans-serif";
|
|
19
|
+
padding: 8px 16px;
|
|
20
|
+
font-size: 14px;
|
|
21
|
+
flex: 1;
|
|
22
|
+
height: 40px;
|
|
23
|
+
|
|
24
|
+
/* Firefox */
|
|
25
|
+
&[type="number"] {
|
|
26
|
+
-moz-appearance: textfield;
|
|
27
|
+
appearance: textfield;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&:focus {
|
|
31
|
+
outline: none;
|
|
32
|
+
border: 1px solid #7d00ff;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@media (min-width: 768px) {
|
|
36
|
+
width: auto;
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
export const SClickToCopy = styled.div `
|
|
40
|
+
flex: 1;
|
|
41
|
+
all: unset;
|
|
42
|
+
cursor: pointer;
|
|
43
|
+
padding: 0px 18px;
|
|
44
|
+
border-radius: 6px;
|
|
45
|
+
font-size: 14px;
|
|
46
|
+
color: rgba(255, 255, 255, 0.8);
|
|
47
|
+
height: 100%;
|
|
48
|
+
transition: ease-in-out all 0.12s;
|
|
49
|
+
border: 1px solid #1b1d26;
|
|
50
|
+
box-shadow: inset 0px 0px 56px #410dff00;
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
width: 72px;
|
|
55
|
+
text-wrap: nowrap;
|
|
56
|
+
user-select: none;
|
|
57
|
+
|
|
58
|
+
&:hover {
|
|
59
|
+
border: 1px solid #410dff;
|
|
60
|
+
box-shadow: inset 0px 0px 56px #410dff75;
|
|
61
|
+
}
|
|
62
|
+
`;
|
|
63
|
+
export const SClickTextToCopy = styled.div `
|
|
64
|
+
position: relative;
|
|
65
|
+
display: flex;
|
|
66
|
+
justify-content: center;
|
|
67
|
+
color: #aaa;
|
|
68
|
+
font-size: 12px;
|
|
69
|
+
font-family: GohuUppercase, monospace;
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
|
|
72
|
+
> span {
|
|
73
|
+
transition: all ease-in-out 0.16;
|
|
74
|
+
color: #aaa;
|
|
75
|
+
font-size: 12px;
|
|
76
|
+
line-height: 9px;
|
|
77
|
+
padding-top: 1px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&:hover {
|
|
81
|
+
> span {
|
|
82
|
+
color: white;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&.leaderboard {
|
|
87
|
+
width: auto;
|
|
88
|
+
}
|
|
89
|
+
`;
|
|
90
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/shared/CopyInput/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUzC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBvC,CAAC;AAGF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBrC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BzC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;CAClE;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAQjD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACnC,OAAO,CACL,MAAC,YAAY,eACV,OAAO,GAAG,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAC/B,KAAC,gBAAgB,IACf,OAAO,EAAE,MAAM,gBACJ,SAAS,EACpB,UAAU,EAAE,UAAU,CAAC,IAAI,EAC3B,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,kBAGrB,CACpB,EACD,cAAK,SAAS,EAAC,eAAe,YAAE,MAAM,GAAO,IAChC,CAChB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarousel.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/CardCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,
|
|
1
|
+
{"version":3,"file":"CardCarousel.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/CardCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgDpD,CAAC"}
|
|
@@ -5,13 +5,13 @@ import { FundWalletMenu } from "./FundWalletMenu";
|
|
|
5
5
|
import { TransferModalFunds } from "./TransferFunds";
|
|
6
6
|
import { Container, ContentWrapper } from "../styles";
|
|
7
7
|
import { useWalletBalance } from "../../hooks/useWalletBalance";
|
|
8
|
-
export const CardCarousel = ({ stepIndex, setStepIdx,
|
|
8
|
+
export const CardCarousel = ({ stepIndex, setStepIdx, onTransferNext, onDepositNext, className, style, footer, }) => {
|
|
9
9
|
const { ethereumBalance } = useWalletBalance();
|
|
10
10
|
const cards = useMemo(() => [
|
|
11
|
-
_jsx(FundWalletMenu, {
|
|
11
|
+
_jsx(FundWalletMenu, { onTransferNext: onTransferNext, onDepositNext: onDepositNext, setStepIdx: setStepIdx }, 0),
|
|
12
12
|
_jsx(TransferModalFunds, { selectedCurrencyBalance: ethereumBalance ?? 0 }, 1),
|
|
13
|
-
], [ethereumBalance,
|
|
14
|
-
const selectedCardElem = cards[stepIndex]
|
|
13
|
+
], [ethereumBalance, onTransferNext, onDepositNext, setStepIdx]);
|
|
14
|
+
const selectedCardElem = useMemo(() => cards[stepIndex], [stepIndex]);
|
|
15
15
|
return (_jsxs(Container, { className: className, style: style, children: [_jsx(ContentWrapper, { children: _jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.div, { layout: true, transition: { layout: { duration: 0.2, type: "spring" } }, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -20 }, children: selectedCardElem }, stepIndex) }) }), footer && _jsx("div", { children: footer })] }));
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=CardCarousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarousel.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/CardCarousel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"CardCarousel.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/CardCarousel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAyBhE,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,SAAS,EACT,UAAU,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE/C,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC;QACJ,KAAC,cAAc,IAEb,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,IAHjB,CAAC,CAIN;QACF,KAAC,kBAAkB,IAEjB,uBAAuB,EAAE,eAAe,IAAI,CAAC,IADxC,CAAC,CAEN;KACH,EACD,CAAC,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,CAAC,CAC7D,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aAC3C,KAAC,cAAc,cACb,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,YAC1B,KAAC,MAAM,CAAC,GAAG,IAET,MAAM,QACN,UAAU,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EACzD,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,YAE3B,gBAAgB,IAPZ,SAAS,CAQH,GACG,GACH,EAChB,MAAM,IAAI,wBAAM,MAAM,GAAO,IACpB,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FundWalletMenu.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundWalletMenu.tsx"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,
|
|
1
|
+
{"version":3,"file":"FundWalletMenu.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundWalletMenu.tsx"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqDxD,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { FundsAccordion } from "./FundsAccordion";
|
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { AccordionDetails } from "../styles";
|
|
6
6
|
import { depositReadMoreText, descriptionDetails, transferReadMoreText, } from "./DescriptionDetails";
|
|
7
|
-
export const FundWalletMenu = ({
|
|
7
|
+
export const FundWalletMenu = ({ onTransferNext = () => { }, onDepositNext = () => { }, setStepIdx, }) => {
|
|
8
8
|
const [activeAccordion, setActiveAccordion] = useState(null);
|
|
9
9
|
const handleAccordionToggle = (id) => {
|
|
10
10
|
setActiveAccordion(activeAccordion === id ? null : id);
|
|
@@ -14,13 +14,6 @@ export const FundWalletMenu = ({ images, onTransferNext = () => { }, onDepositNe
|
|
|
14
14
|
return description;
|
|
15
15
|
return description.substring(0, 50).trim() + "...";
|
|
16
16
|
};
|
|
17
|
-
|
|
18
|
-
"/icons/coinbase.svg",
|
|
19
|
-
"/icons/binance.svg",
|
|
20
|
-
"/icons/kraken.svg",
|
|
21
|
-
"/icons/card.svg",
|
|
22
|
-
];
|
|
23
|
-
const usedImages = images && images.length > 0 ? images : defaultImages;
|
|
24
|
-
return (_jsx(motion.div, { layout: true, children: _jsxs(LayoutGroup, { children: [_jsx(FundsAccordion, { id: "accordion1", isOpen: activeAccordion === "accordion1", onToggle: handleAccordionToggle, next: onTransferNext, title: "Transfer Crypto", images: usedImages.slice(0, 3), description: truncatedDescription(transferReadMoreText.join(" ")), fullContent: _jsx(AccordionDetails, { children: transferReadMoreText.map((text, i) => descriptionDetails(i, text)) }) }), _jsx(FundsAccordion, { id: "accordion2", isOpen: activeAccordion === "accordion2", onToggle: handleAccordionToggle, next: onDepositNext, title: "Card Deposit", images: [usedImages[3]], description: truncatedDescription(depositReadMoreText.join(" ")), fullContent: _jsx(AccordionDetails, { children: depositReadMoreText.map((text, i) => descriptionDetails(i, text)) }) })] }) }));
|
|
17
|
+
return (_jsx(motion.div, { layout: true, children: _jsxs(LayoutGroup, { children: [_jsx(FundsAccordion, { id: "accordion1", isOpen: activeAccordion === "accordion1", onToggle: handleAccordionToggle, next: onTransferNext, title: "Transfer Crypto", description: truncatedDescription(transferReadMoreText.join(" ")), fullContent: _jsx(AccordionDetails, { children: transferReadMoreText.map((text, i) => descriptionDetails(i, text)) }) }), _jsx(FundsAccordion, { id: "accordion2", isOpen: activeAccordion === "accordion2", onToggle: handleAccordionToggle, next: onDepositNext, title: "Card Deposit", description: truncatedDescription(depositReadMoreText.join(" ")), fullContent: _jsx(AccordionDetails, { children: depositReadMoreText.map((text, i) => descriptionDetails(i, text)) }) })] }) }));
|
|
25
18
|
};
|
|
26
19
|
//# sourceMappingURL=FundWalletMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FundWalletMenu.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundWalletMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"FundWalletMenu.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundWalletMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAa9B,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,UAAU,GACX,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,MAAM,qBAAqB,GAAG,CAAC,EAAU,EAAE,EAAE;QAC3C,kBAAkB,CAAC,eAAe,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,WAAmB,EAAU,EAAE;QAC3D,IAAI,WAAW,CAAC,MAAM,IAAI,EAAE;YAAE,OAAO,WAAW,CAAC;QACjD,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,CAAC,CAAC;IAGF,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IAAC,MAAM,kBAChB,MAAC,WAAW,eACV,KAAC,cAAc,IACb,EAAE,EAAC,YAAY,EACf,MAAM,EAAE,eAAe,KAAK,YAAY,EACxC,QAAQ,EAAE,qBAAqB,EAC/B,IAAI,EAAE,cAAc,EACpB,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAE,oBAAoB,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EACjE,WAAW,EACT,KAAC,gBAAgB,cACd,oBAAoB,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,CAAS,EAAE,EAAE,CACpD,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,CAC5B,GACgB,GAErB,EACF,KAAC,cAAc,IACb,EAAE,EAAC,YAAY,EACf,MAAM,EAAE,eAAe,KAAK,YAAY,EACxC,QAAQ,EAAE,qBAAqB,EAC/B,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAChE,WAAW,EACT,KAAC,gBAAgB,cACd,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,CAAS,EAAE,EAAE,CACnD,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,CAC5B,GACgB,GAErB,IACU,GACH,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FundsAccordion.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundsAccordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FundsAccordion.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundsAccordion.tsx"],"names":[],"mappings":"AAWA,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KACjD,KAAK,CAAC,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmExD,CAAC"}
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { AnimatePresence, motion } from "framer-motion";
|
|
3
3
|
import { Button, ButtonEnum } from "../../components/shared/Button";
|
|
4
|
-
import { AccordionContainer, AccordionContent,
|
|
5
|
-
const
|
|
6
|
-
initial: { x: 0 },
|
|
7
|
-
animate: { x: 0 },
|
|
8
|
-
hover: { x: [0, 5, 0] },
|
|
9
|
-
};
|
|
10
|
-
export const FundsAccordion = ({ title, images = [], description, fullContent, children, next, isOpen, id, onToggle, }) => {
|
|
4
|
+
import { AccordionContainer, AccordionContent, AccordionDescription, AccordionHeader, AccordionTitle, ReadMoreButton, } from "../styles";
|
|
5
|
+
export const FundsAccordion = ({ title, description, fullContent, children, next, isOpen, id, onToggle, }) => {
|
|
11
6
|
return (_jsxs(AccordionContainer, { layout: true, transition: {
|
|
12
7
|
layout: { duration: 0.4, type: "spring" },
|
|
13
8
|
}, onClick: next, children: [_jsxs(AccordionHeader, { children: [_jsx(AccordionTitle, { children: _jsx("h1", { children: title }) }), _jsxs(AccordionDescription, { children: [isOpen
|
|
@@ -15,9 +10,9 @@ export const FundsAccordion = ({ title, images = [], description, fullContent, c
|
|
|
15
10
|
: `${(description ?? "").toString().substring(0, 50)}...`, _jsx(Button, { style: { border: "none", backgroundColor: "transparent", fontSize: 16 }, onClick: (e) => {
|
|
16
11
|
e.stopPropagation();
|
|
17
12
|
next();
|
|
18
|
-
}, buttonType: ButtonEnum.BASE, disabled: false, children: ">" })] })] }), title !== "Buy Fare Chips" && (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
}, buttonType: ButtonEnum.BASE, disabled: false, children: ">" })] })] }), title !== "Buy Fare Chips" && (_jsx(motion.div, { style: { display: "inline-flex" }, children: _jsx(ReadMoreButton, { onClick: (e) => {
|
|
14
|
+
e.stopPropagation();
|
|
15
|
+
onToggle(id);
|
|
16
|
+
}, buttonType: ButtonEnum.BASE, disabled: false, children: isOpen ? "Read less" : "Read more" }) })), _jsx(AnimatePresence, { initial: false, children: isOpen && (_jsx(AccordionContent, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.3 }, children: children })) })] }));
|
|
22
17
|
};
|
|
23
18
|
//# sourceMappingURL=FundsAccordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FundsAccordion.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundsAccordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FundsAccordion.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundsAccordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,WAAW,CAAC;AAkBnB,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,EAAE,EACF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,kBAAkB,IACjB,MAAM,QACN,UAAU,EAAE;YACV,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC1C,EACD,OAAO,EAAE,IAAI,aAEb,MAAC,eAAe,eACd,KAAC,cAAc,cACb,uBAAK,KAAK,GAAM,GACD,EACjB,MAAC,oBAAoB,eAClB,MAAM;gCACL,CAAC,CAAC,WAAW;gCACb,CAAC,CAAC,GAAG,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,EAC3D,KAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,EACvE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oCACb,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,IAAI,EAAE,CAAC;gCACT,CAAC,EACD,UAAU,EAAE,UAAU,CAAC,IAAI,EAC3B,QAAQ,EAAE,KAAK,kBAGR,IACY,IACP,EACjB,KAAK,KAAK,gBAAgB,IAAI,CAC7B,KAAC,MAAM,CAAC,GAAG,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,YAC3C,KAAC,cAAc,IACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACf,CAAC,EACD,UAAU,EAAE,UAAU,CAAC,IAAI,EAC3B,QAAQ,EAAE,KAAK,YAEd,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GACpB,GACN,CACd,EACD,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,YAC5B,MAAM,IAAI,CACT,KAAC,gBAAgB,IACf,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAClC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EACvC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAC/B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAE5B,QAAQ,GACQ,CACpB,GACe,IACC,CACtB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,11 +3,6 @@ export interface TransferModalFundsProps {
|
|
|
3
3
|
CopyWalletInputComponent?: React.ReactNode;
|
|
4
4
|
currencyName?: string;
|
|
5
5
|
networkName?: string;
|
|
6
|
-
currencyIcon?: string;
|
|
7
|
-
networkLogo?: string;
|
|
8
|
-
coinbaseIcon?: string;
|
|
9
|
-
binanceIcon?: string;
|
|
10
|
-
krakenIcon?: string;
|
|
11
6
|
}
|
|
12
7
|
export declare const TransferModalFunds: React.FC<TransferModalFundsProps>;
|
|
13
8
|
//# sourceMappingURL=TransferFunds.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransferFunds.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/TransferFunds.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,uBAAuB;IACtC,uBAAuB,EAAE,MAAM,GAAG,MAAM,CAAC;IACzC,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"TransferFunds.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/TransferFunds.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,uBAAuB;IACtC,uBAAuB,EAAE,MAAM,GAAG,MAAM,CAAC;IACzC,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0ChE,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import numeral from "numeral";
|
|
3
3
|
import { useEffect, useState, useRef } from "react";
|
|
4
|
-
import {
|
|
5
|
-
|
|
4
|
+
import { CopyWalletInput } from "../../components/shared/CopyInput";
|
|
5
|
+
import { DepositBoxWrapper, DepositContent, DepositTitle, SBalanceDisplay, } from "../styles";
|
|
6
|
+
export const TransferModalFunds = ({ selectedCurrencyBalance, currencyName = "ETH", networkName = "Arbitrum", }) => {
|
|
6
7
|
const prevBalanceRef = useRef(selectedCurrencyBalance);
|
|
7
8
|
const [balanceDifference, setBalanceDifference] = useState("0.00");
|
|
8
9
|
useEffect(() => {
|
|
@@ -15,7 +16,7 @@ export const TransferModalFunds = ({ selectedCurrencyBalance, CopyWalletInputCom
|
|
|
15
16
|
prevBalanceRef.current = selectedCurrencyBalance;
|
|
16
17
|
}
|
|
17
18
|
}, [selectedCurrencyBalance]);
|
|
18
|
-
return (_jsxs(DepositBoxWrapper, { children: [_jsxs(DepositTitle, { children: ["Deposit ", currencyName, " (", networkName, ")"] }), _jsxs(
|
|
19
|
-
`Received: ${balanceDifference} ${currencyName}` }),
|
|
19
|
+
return (_jsxs(DepositBoxWrapper, { children: [_jsxs(DepositTitle, { children: ["Deposit ", currencyName, " (", networkName, ")"] }), _jsxs(DepositContent, { children: [_jsxs("p", { children: ["Buy ", currencyName, " on Coinbase, Binance, or another exchange."] }), _jsxs("p", { children: ["Send/Withdraw ", currencyName, " to the address below and select", " ", networkName, " as the network."] })] }), _jsx("div", { className: "balance-received", children: balanceDifference !== "0.00" &&
|
|
20
|
+
`Received: ${balanceDifference} ${currencyName}` }), _jsx(CopyWalletInput, {}), _jsxs(SBalanceDisplay, { children: [currencyName, " balance:", " ", numeral(selectedCurrencyBalance).format("0,0.00")] })] }));
|
|
20
21
|
};
|
|
21
22
|
//# sourceMappingURL=TransferFunds.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransferFunds.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/TransferFunds.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TransferFunds.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/TransferFunds.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,eAAe,GAChB,MAAM,WAAW,CAAC;AASnB,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,uBAAuB,EACvB,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,UAAU,GACzB,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IACvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACjE,MAAM,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC7D,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,UAAU,GAAG,OAAO,CAAC;YAClC,4CAA4C;YAC5C,oBAAoB,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACzE,cAAc,CAAC,OAAO,GAAG,uBAAuB,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAC9B,OAAO,CACL,MAAC,iBAAiB,eAChB,MAAC,YAAY,2BACF,YAAY,QAAI,WAAW,SACvB,EAEf,MAAC,cAAc,eACb,gCAAQ,YAAY,mDAAgD,EACpE,0CACiB,YAAY,sCAAkC,GAAG,EAC/D,WAAW,wBACV,IACW,EACjB,cAAK,SAAS,EAAC,kBAAkB,YAC9B,iBAAiB,KAAK,MAAM;oBAC3B,aAAa,iBAAiB,IAAI,YAAY,EAAE,GAC9C,EACN,KAAC,eAAe,KAAG,EACnB,MAAC,eAAe,eACb,YAAY,eAAW,GAAG,EAC1B,OAAO,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAClC,IACA,CACrB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/index.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/index.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2D1D,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { useActiveWallet } from "../../hooks/useActiveWallet";
|
|
|
4
4
|
import { CardCarousel } from "./CardCarousel";
|
|
5
5
|
import ModalCard from "../../components/shared/Modal/Card";
|
|
6
6
|
import { AnimatePresence } from "framer-motion";
|
|
7
|
-
export const FundWalletModal = ({ isOpen, onClose, stepIdx: controlledStepIdx, setStepIdx: controlledSetStepIdx,
|
|
7
|
+
export const FundWalletModal = ({ isOpen, onClose, stepIdx: controlledStepIdx, setStepIdx: controlledSetStepIdx, onTransferNext, onDepositNext, }) => {
|
|
8
8
|
const modalRef = useRef(null);
|
|
9
9
|
const { activeWallet } = useActiveWallet();
|
|
10
10
|
const [internalStepIdx, setInternalStepIdx] = useState(0);
|
|
@@ -23,6 +23,6 @@ export const FundWalletModal = ({ isOpen, onClose, stepIdx: controlledStepIdx, s
|
|
|
23
23
|
if (!activeWallet) {
|
|
24
24
|
return null;
|
|
25
25
|
}
|
|
26
|
-
return (_jsx(AnimatePresence, { children: isOpen && (_jsx(ModalCard, { maxHeight: maxHeight, stepIdx: stepIdx, setStepIdx: setStepIdx, isVisible: isOpen, setIsVisible: setIsVisible, ref: modalRef, title: "Deposit Funds", description: _jsxs(_Fragment, { children: ["There are 2 fast and easy ways to deposit funds.", _jsx("br", {}), "No KYC. You'll be ready to play in just a few minutes!"] }), className: "fund-modal-content", children: _jsx(CardCarousel, { stepIndex: stepIdx, setStepIdx: setStepIdx,
|
|
26
|
+
return (_jsx(AnimatePresence, { children: isOpen && (_jsx(ModalCard, { maxHeight: maxHeight, stepIdx: stepIdx, setStepIdx: setStepIdx, isVisible: isOpen, setIsVisible: setIsVisible, ref: modalRef, title: "Deposit Funds", description: _jsxs(_Fragment, { children: ["There are 2 fast and easy ways to deposit funds.", _jsx("br", {}), "No KYC. You'll be ready to play in just a few minutes!"] }), className: "fund-modal-content", children: _jsx(CardCarousel, { stepIndex: stepIdx, setStepIdx: setStepIdx, onTransferNext: onTransferNext, onDepositNext: onDepositNext }) })) }));
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,SAAS,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,SAAS,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAWhD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,MAAM,EACN,OAAO,EACP,OAAO,EAAE,iBAAiB,EAC1B,UAAU,EAAE,oBAAoB,EAChC,cAAc,EACd,aAAa,GACd,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,OAAO,GACX,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC;IACxE,MAAM,UAAU,GAAG,oBAAoB,IAAI,kBAAkB,CAAC;IAE9D,MAAM,YAAY,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC1C,UAAU,CAAC,CAAC,CAAC,CAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAO,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,OAAO,KAAK,CAAC;YAAE,OAAO,MAAM,CAAC;QACjC,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,eAAe,cACb,MAAM,IAAI,CACT,KAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,eAAe,EACrB,WAAW,EACT,kFAEE,cAAM,8DAEL,EAEL,SAAS,EAAC,oBAAoB,YAE9B,KAAC,YAAY,IACX,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,GAC5B,GACQ,CACb,GACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
|