fare-privy-core 1.7.9 → 1.8.1
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/README.md +182 -485
- package/dist/index.d.ts +8 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -2
- package/dist/index.js.map +1 -1
- package/dist/src/components/WalletOverview.d.ts +1 -3
- package/dist/src/components/WalletOverview.d.ts.map +1 -1
- package/dist/src/components/WalletOverview.js +2 -2
- package/dist/src/components/WalletOverview.js.map +1 -1
- package/dist/src/components/shared/Modal/Card.d.ts.map +1 -1
- package/dist/src/components/shared/Modal/Card.js +2 -2
- package/dist/src/components/shared/Modal/Card.js.map +1 -1
- package/dist/src/components/shared/Modal/types.d.ts +3 -3
- package/dist/src/components/shared/Modal/types.d.ts.map +1 -1
- package/dist/src/modals/FundWalletModal/CardCarousel.d.ts +21 -0
- package/dist/src/modals/FundWalletModal/CardCarousel.d.ts.map +1 -0
- package/dist/src/modals/FundWalletModal/CardCarousel.js +17 -0
- package/dist/src/modals/FundWalletModal/CardCarousel.js.map +1 -0
- package/dist/src/modals/FundWalletModal/DescriptionDetails.d.ts +4 -0
- package/dist/src/modals/FundWalletModal/DescriptionDetails.d.ts.map +1 -0
- package/dist/src/modals/FundWalletModal/DescriptionDetails.js +16 -0
- package/dist/src/modals/FundWalletModal/DescriptionDetails.js.map +1 -0
- package/dist/src/modals/FundWalletModal/FundWalletMenu.d.ts +11 -0
- package/dist/src/modals/FundWalletModal/FundWalletMenu.d.ts.map +1 -0
- package/dist/src/modals/FundWalletModal/FundWalletMenu.js +26 -0
- package/dist/src/modals/FundWalletModal/FundWalletMenu.js.map +1 -0
- package/dist/src/modals/FundWalletModal/FundWalletModalState.d.ts +5 -0
- package/dist/src/modals/FundWalletModal/FundWalletModalState.d.ts.map +1 -0
- package/dist/src/modals/FundWalletModal/FundWalletModalState.js +6 -0
- package/dist/src/modals/FundWalletModal/FundWalletModalState.js.map +1 -0
- package/dist/src/modals/FundWalletModal/FundsAccordion.d.ts +19 -0
- package/dist/src/modals/FundWalletModal/FundsAccordion.d.ts.map +1 -0
- package/dist/src/modals/FundWalletModal/FundsAccordion.js +23 -0
- package/dist/src/modals/FundWalletModal/FundsAccordion.js.map +1 -0
- package/dist/src/modals/FundWalletModal/TransferFunds.d.ts +13 -0
- package/dist/src/modals/FundWalletModal/TransferFunds.d.ts.map +1 -0
- package/dist/src/modals/FundWalletModal/TransferFunds.js +21 -0
- package/dist/src/modals/FundWalletModal/TransferFunds.js.map +1 -0
- package/dist/src/modals/FundWalletModal/index.d.ts +2 -0
- package/dist/src/modals/FundWalletModal/index.d.ts.map +1 -0
- package/dist/src/modals/FundWalletModal/index.js +30 -0
- package/dist/src/modals/FundWalletModal/index.js.map +1 -0
- package/dist/src/modals/styles.d.ts +2980 -0
- package/dist/src/modals/styles.d.ts.map +1 -0
- package/dist/src/modals/styles.js +248 -0
- package/dist/src/modals/styles.js.map +1 -0
- package/package.json +115 -114
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* fare-privy-core - v1.
|
|
2
|
+
* fare-privy-core - v1.8.1 - Reliable Micro Hooks
|
|
3
3
|
* Proven wallet patterns with simplified balance fetching and focused micro-hooks architecture.
|
|
4
4
|
*/
|
|
5
5
|
export { PrivyProvider, type PrivyProviderProps } from "./PrivyProviderTest";
|
|
@@ -11,6 +11,10 @@ export { default as ModalCard } from "./src/components/shared/Modal/Card";
|
|
|
11
11
|
export { ModalHeader } from "./src/components/shared/Modal/ModalHeader";
|
|
12
12
|
export { ModalFooter } from "./src/components/shared/Modal/ModalFooter";
|
|
13
13
|
export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenticated, useAuthActions, useWalletBalance, } from "./src/hooks/index";
|
|
14
|
+
export { FundWalletModal } from "./src/modals/FundWalletModal/index";
|
|
15
|
+
export { CardCarousel } from "./src/modals/FundWalletModal/CardCarousel";
|
|
16
|
+
export { TransferModalFunds } from "./src/modals/FundWalletModal/TransferFunds";
|
|
17
|
+
export { FundWalletMenu } from "./src/modals/FundWalletModal/FundWalletMenu";
|
|
14
18
|
/**
|
|
15
19
|
* ✅ PRODUCTION READY - v1.7.6:
|
|
16
20
|
*
|
|
@@ -36,6 +40,8 @@ export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenti
|
|
|
36
40
|
* - useIsAuthenticated: Check authentication status
|
|
37
41
|
* - useAuthActions: Login/logout functions for casino entry
|
|
38
42
|
* - useWalletBalance: Simplified balance fetching using reliable patterns (ETH/SOL)
|
|
43
|
+
* ✅ FundWalletModal - Ready-to-use wallet funding modal with animated carousel and minimal required props
|
|
44
|
+
* ✅ CardCarousel, TransferModalFunds, FundWalletMenu - Modular, npm-friendly wallet funding UI components
|
|
39
45
|
*
|
|
40
46
|
* 💡 Configuration:
|
|
41
47
|
* Users should provide their own Privy configuration.
|
|
@@ -43,5 +49,5 @@ export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenti
|
|
|
43
49
|
*/
|
|
44
50
|
/**
|
|
45
51
|
* 💡 Usage:
|
|
46
|
-
*/
|
|
52
|
+
*/
|
|
47
53
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,cAAc,0BAA0B,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,cAAc,0BAA0B,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAGxE,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAK7E;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AAQH;;GAEG"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* fare-privy-core - v1.
|
|
2
|
+
* fare-privy-core - v1.8.1 - Reliable Micro Hooks
|
|
3
3
|
* Proven wallet patterns with simplified balance fetching and focused micro-hooks architecture.
|
|
4
4
|
*/
|
|
5
5
|
// ✅ CURRENT EXPORTS - Available Now
|
|
@@ -16,6 +16,11 @@ export { ModalHeader } from "./src/components/shared/Modal/ModalHeader";
|
|
|
16
16
|
export { ModalFooter } from "./src/components/shared/Modal/ModalFooter";
|
|
17
17
|
// ✅ SIMPLIFIED WALLET HOOKS - Micro hooks architecture!
|
|
18
18
|
export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenticated, useAuthActions, useWalletBalance, } from "./src/hooks/index";
|
|
19
|
+
// ✅ NEW: FundWalletModal and related components (npm-friendly, minimal props)
|
|
20
|
+
export { FundWalletModal } from "./src/modals/FundWalletModal/index";
|
|
21
|
+
export { CardCarousel } from "./src/modals/FundWalletModal/CardCarousel";
|
|
22
|
+
export { TransferModalFunds } from "./src/modals/FundWalletModal/TransferFunds";
|
|
23
|
+
export { FundWalletMenu } from "./src/modals/FundWalletModal/FundWalletMenu";
|
|
19
24
|
// ❌ REMOVED - Had too many external dependencies
|
|
20
25
|
// export * from "./farePrivy/modals/index.js";
|
|
21
26
|
/**
|
|
@@ -43,6 +48,8 @@ export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenti
|
|
|
43
48
|
* - useIsAuthenticated: Check authentication status
|
|
44
49
|
* - useAuthActions: Login/logout functions for casino entry
|
|
45
50
|
* - useWalletBalance: Simplified balance fetching using reliable patterns (ETH/SOL)
|
|
51
|
+
* ✅ FundWalletModal - Ready-to-use wallet funding modal with animated carousel and minimal required props
|
|
52
|
+
* ✅ CardCarousel, TransferModalFunds, FundWalletMenu - Modular, npm-friendly wallet funding UI components
|
|
46
53
|
*
|
|
47
54
|
* 💡 Configuration:
|
|
48
55
|
* Users should provide their own Privy configuration.
|
|
@@ -54,5 +61,5 @@ export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenti
|
|
|
54
61
|
// export * from './farePrivy/utility'
|
|
55
62
|
/**
|
|
56
63
|
* 💡 Usage:
|
|
57
|
-
*/
|
|
64
|
+
*/
|
|
58
65
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oCAAoC;AACpC,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAE7E,yCAAyC;AACzC,cAAc,0BAA0B,CAAC;AAEzC,0CAA0C;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,iCAAiC;AACjC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oCAAoC;AACpC,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAE7E,yCAAyC;AACzC,cAAc,0BAA0B,CAAC;AAEzC,0CAA0C;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,iCAAiC;AACjC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAExE,wDAAwD;AACxD,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,8EAA8E;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAE7E,iDAAiD;AACjD,+CAA+C;AAE/C;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AAEH,4BAA4B;AAC5B,8CAA8C;AAE9C,mBAAmB;AACnB,sCAAsC;AAEtC;;GAEG"}
|
|
@@ -7,8 +7,6 @@ export interface WalletOverviewProps {
|
|
|
7
7
|
};
|
|
8
8
|
onClick?: () => void;
|
|
9
9
|
fallbackIcon?: string;
|
|
10
|
-
isTabletScreen?: boolean;
|
|
11
|
-
isMobileScreen?: boolean;
|
|
12
10
|
}
|
|
13
|
-
export declare const WalletOverview: ({ activeWallet, onClick, fallbackIcon,
|
|
11
|
+
export declare const WalletOverview: ({ activeWallet, onClick, fallbackIcon, }: WalletOverviewProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
12
|
//# sourceMappingURL=WalletOverview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletOverview.d.ts","sourceRoot":"","sources":["../../../src/components/WalletOverview.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletOverview.d.ts","sourceRoot":"","sources":["../../../src/components/WalletOverview.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuCD,eAAO,MAAM,cAAc,GAAI,0CAI5B,mBAAmB,4CAarB,CAAC"}
|
|
@@ -37,10 +37,10 @@ const SWalletOverview = styled.div `
|
|
|
37
37
|
text-wrap: nowrap;
|
|
38
38
|
}
|
|
39
39
|
`;
|
|
40
|
-
export const WalletOverview = ({ activeWallet, onClick, fallbackIcon,
|
|
40
|
+
export const WalletOverview = ({ activeWallet, onClick, fallbackIcon, }) => {
|
|
41
41
|
const walletIcon = useMemo(() => {
|
|
42
42
|
return activeWallet?.meta.icon || fallbackIcon;
|
|
43
43
|
}, [activeWallet, fallbackIcon]);
|
|
44
|
-
return (_jsxs(SWalletOverview, { onClick: onClick, children: [walletIcon && (_jsx("img", { alt: activeWallet?.meta.name || "wallet", src: walletIcon })),
|
|
44
|
+
return (_jsxs(SWalletOverview, { onClick: onClick, children: [walletIcon && (_jsx("img", { alt: activeWallet?.meta.name || "wallet", src: walletIcon })), _jsx("span", { children: activeWallet?.meta.name })] }));
|
|
45
45
|
};
|
|
46
46
|
//# sourceMappingURL=WalletOverview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletOverview.js","sourceRoot":"","sources":["../../../src/components/WalletOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletOverview.js","sourceRoot":"","sources":["../../../src/components/WalletOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAc3C,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCjC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,YAAY,EACZ,OAAO,EACP,YAAY,GACQ,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,YAAY,EAAE,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC;IACjD,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,MAAC,eAAe,IAAC,OAAO,EAAE,OAAO,aAC9B,UAAU,IAAI,CACb,cAAK,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CACnE,EACD,yBAAO,YAAY,EAAE,IAAI,CAAC,IAAI,GAAQ,IACtB,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/Card.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAM9C,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/Card.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAM9C,QAAA,MAAM,SAAS,2GAyFd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { ModalHeader } from "./ModalHeader";
|
|
|
7
7
|
import { ModalFooter } from "./ModalFooter";
|
|
8
8
|
import { forwardRef, useEffect } from "react";
|
|
9
9
|
// For npm: Accept icons as props and remove path aliases
|
|
10
|
-
const ModalCard = forwardRef(({ title, description, children, submit, onClose, isVisible, setIsVisible = () => { }, className, stepIdx = 0, setStepIdx = () => { }, style, closeIcon, caretLeftIcon, isMobileScreen, }, ref) => {
|
|
10
|
+
const ModalCard = forwardRef(({ title, description, children, submit, onClose, isVisible, setIsVisible = () => { }, className, stepIdx = 0, setStepIdx = () => { }, style, closeIcon, caretLeftIcon, isMobileScreen, maxHeight }, ref) => {
|
|
11
11
|
useEffect(() => {
|
|
12
12
|
if (!isVisible)
|
|
13
13
|
return;
|
|
@@ -23,7 +23,7 @@ const ModalCard = forwardRef(({ title, description, children, submit, onClose, i
|
|
|
23
23
|
if (!isVisible) {
|
|
24
24
|
return null;
|
|
25
25
|
}
|
|
26
|
-
const renderContent = () => (_jsxs(SModalContent, { className: className, style: style, children: [_jsx(ModalHeader, { title: title, description: description, className: className, onClose: onClose, setIsVisible: setIsVisible, closeIcon: closeIcon, isMobileScreen: isMobileScreen }), _jsx(SModalBody, { children: children }), className === "offer-modal" ? null : (_jsx(ModalFooter, { stepIdx: stepIdx, setStepIdx: setStepIdx, submit: submit, caretLeftIcon: caretLeftIcon }))] }));
|
|
26
|
+
const renderContent = () => (_jsxs(SModalContent, { className: className, style: { ...style, maxHeight }, children: [_jsx(ModalHeader, { title: title, description: description, className: className, onClose: onClose, setIsVisible: setIsVisible, closeIcon: closeIcon, isMobileScreen: isMobileScreen }), _jsx(SModalBody, { children: children }), className === "offer-modal" ? null : (_jsx(ModalFooter, { stepIdx: stepIdx, setStepIdx: setStepIdx, submit: submit, caretLeftIcon: caretLeftIcon }))] }));
|
|
27
27
|
return (_jsx(SModalOverlayContainer, { variants: modalOverlayVarient, initial: "initial", animate: "animate", exit: "exit", role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-title", "aria-describedby": description ? "modal-desc" : undefined, children: _jsx(SModalWrapper, { ref: ref, variants: modalVariants, initial: "initial", animate: "animate", exit: "exit", children: className === "fund-modal-content" ? (renderContent()) : (_jsx(SGradientWalletModalContent, { children: renderContent() })) }) }));
|
|
28
28
|
});
|
|
29
29
|
export default ModalCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AACvF,OAAO,EACL,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,yDAAyD;AACzD,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EACE,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,SAAS,EACT,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,KAAK,EACL,SAAS,EACT,aAAa,EACb,cAAc,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,8 +11,8 @@ export interface ModalCardProps {
|
|
|
11
11
|
setStepIdx?: (idx: number) => void;
|
|
12
12
|
maxHeight?: string;
|
|
13
13
|
style?: React.CSSProperties;
|
|
14
|
-
closeIcon
|
|
15
|
-
caretLeftIcon
|
|
16
|
-
isMobileScreen
|
|
14
|
+
closeIcon?: any;
|
|
15
|
+
caretLeftIcon?: any;
|
|
16
|
+
isMobileScreen?: any;
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* CardCarousel - Animated card carousel for wallet funding flows.
|
|
4
|
+
*
|
|
5
|
+
* Props:
|
|
6
|
+
* stepIndex: number - Index of the currently visible card (0 or 1)
|
|
7
|
+
* className?: string - Optional for styled-components
|
|
8
|
+
* style?: React.CSSProperties
|
|
9
|
+
* footer?: React.ReactNode - Optional footer below the carousel
|
|
10
|
+
*
|
|
11
|
+
* Usage:
|
|
12
|
+
* <CardCarousel stepIndex={step} />
|
|
13
|
+
*/
|
|
14
|
+
export interface CardCarouselProps {
|
|
15
|
+
stepIndex: number;
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
footer?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export declare const CardCarousel: React.FC<CardCarouselProps>;
|
|
21
|
+
//# sourceMappingURL=CardCarousel.d.ts.map
|
|
@@ -0,0 +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,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,CAsCpD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { AnimatePresence, motion } from "framer-motion";
|
|
4
|
+
import { FundWalletMenu } from "./FundWalletMenu";
|
|
5
|
+
import { TransferModalFunds } from "./TransferFunds";
|
|
6
|
+
import { Container, ContentWrapper } from "../styles";
|
|
7
|
+
import { useWalletBalance } from "../../hooks/useWalletBalance";
|
|
8
|
+
export const CardCarousel = ({ stepIndex, className, style, footer, }) => {
|
|
9
|
+
const { ethereumBalance } = useWalletBalance();
|
|
10
|
+
const cards = useMemo(() => [
|
|
11
|
+
_jsx(FundWalletMenu, {}, 0),
|
|
12
|
+
_jsx(TransferModalFunds, { selectedCurrencyBalance: ethereumBalance ?? 0 }, 1),
|
|
13
|
+
], [ethereumBalance]);
|
|
14
|
+
const selectedCardElem = cards[stepIndex] ?? cards[0];
|
|
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
|
+
};
|
|
17
|
+
//# sourceMappingURL=CardCarousel.js.map
|
|
@@ -0,0 +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;AAsBhE,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,SAAS,EACT,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,MAAM,CAAC,CAAI;QAC1B,KAAC,kBAAkB,IAEjB,uBAAuB,EAAE,eAAe,IAAI,CAAC,IADxC,CAAC,CAEN;KACH,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IACtD,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DescriptionDetails.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/DescriptionDetails.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,UAIhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAI/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,GAAG,MAAM,EAAE,MAAM,MAAM,KAAG,GAAG,CAAC,OAahE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { motion } from "framer-motion";
|
|
3
|
+
export const transferReadMoreText = [
|
|
4
|
+
"Deposit funds into your wallet from Coinbase, Binance or whichever exchange you hold your crypto on.",
|
|
5
|
+
"You control the wallet that your funds go to. Fareplay has no access to your funds and cannot block withdrawals.",
|
|
6
|
+
"Fareplay will never ask for your identification (no KYC).",
|
|
7
|
+
];
|
|
8
|
+
export const depositReadMoreText = [
|
|
9
|
+
"Deposit funds into your wallet with Visa, Mastercard, Apple Pay or Google Pay.",
|
|
10
|
+
"Powered by Coinbase, the world's largest and most trusted crypto on-ramp.",
|
|
11
|
+
"Previous Coinbase users will not be asked to repeat KYC.",
|
|
12
|
+
];
|
|
13
|
+
export const descriptionDetails = (i, text) => {
|
|
14
|
+
return (_jsx(motion.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, transition: { duration: 0.12 } }, transition: { type: "spring", stiffness: 100 }, style: { fontFamily: "system-ui, sans-serif", lineHeight: "1.25" }, children: text }, i));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=DescriptionDetails.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DescriptionDetails.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/DescriptionDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,sGAAsG;IACtG,kHAAkH;IAClH,2DAA2D;CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,gFAAgF;IAChF,2EAA2E;IAC3E,0DAA0D;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAS,EAAE,IAAY,EAAe,EAAE;IACzE,OAAO,CACL,KAAC,MAAM,CAAC,CAAC,IAEP,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EACpD,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,EAC9C,KAAK,EAAE,EAAE,UAAU,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,EAAE,YAEjE,IAAI,IAPA,CAAC,CAQG,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Simplified and npm-friendly FundWalletMenu.
|
|
3
|
+
* Only requires optional handlers for next actions.
|
|
4
|
+
* Images are hardcoded for typical use.
|
|
5
|
+
*/
|
|
6
|
+
export interface FundWalletMenuProps {
|
|
7
|
+
onTransferNext?: () => void;
|
|
8
|
+
onDepositNext?: () => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const FundWalletMenu: React.FC<FundWalletMenuProps>;
|
|
11
|
+
//# sourceMappingURL=FundWalletMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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;CAC5B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4DxD,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { LayoutGroup, motion } from "framer-motion";
|
|
3
|
+
import { FundsAccordion } from "./FundsAccordion";
|
|
4
|
+
import { useState } from "react";
|
|
5
|
+
import { AccordionDetails } from "../styles";
|
|
6
|
+
import { depositReadMoreText, descriptionDetails, transferReadMoreText, } from "./DescriptionDetails";
|
|
7
|
+
export const FundWalletMenu = ({ onTransferNext = () => { }, onDepositNext = () => { }, }) => {
|
|
8
|
+
const [activeAccordion, setActiveAccordion] = useState(null);
|
|
9
|
+
const handleAccordionToggle = (id) => {
|
|
10
|
+
setActiveAccordion(activeAccordion === id ? null : id);
|
|
11
|
+
};
|
|
12
|
+
const truncatedDescription = (description) => {
|
|
13
|
+
if (description.length <= 50)
|
|
14
|
+
return description;
|
|
15
|
+
return description.substring(0, 50).trim() + "...";
|
|
16
|
+
};
|
|
17
|
+
// Hardcoded images for typical exchanges/cards
|
|
18
|
+
const images = [
|
|
19
|
+
"/icons/coinbase.svg",
|
|
20
|
+
"/icons/binance.svg",
|
|
21
|
+
"/icons/kraken.svg",
|
|
22
|
+
"/icons/card.svg",
|
|
23
|
+
];
|
|
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: images.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: images.slice(0, 4), description: truncatedDescription(depositReadMoreText.join(" ")), fullContent: _jsx(AccordionDetails, { children: depositReadMoreText.map((text, i) => descriptionDetails(i, text)) }) })] }) }));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=FundWalletMenu.js.map
|
|
@@ -0,0 +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;AAY9B,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GACzB,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;IACF,+CAA+C;IAC/C,MAAM,MAAM,GAAG;QACb,qBAAqB;QACrB,oBAAoB;QACpB,mBAAmB;QACnB,iBAAiB;KAClB,CAAC;IAEF,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,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1B,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,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1B,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FundWalletModalState.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundWalletModalState.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;CAG/B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FundWalletModalState.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundWalletModalState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC;IACxC,kBAAkB,EAAE,KAAK;IACzB,OAAO,EAAE,CAAC;CACX,CAAC,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
interface FundsAccordionProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
images?: string[];
|
|
4
|
+
description?: React.ReactNode;
|
|
5
|
+
fullContent?: React.ReactNode;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
next: () => void;
|
|
8
|
+
isOpen: boolean;
|
|
9
|
+
id: string;
|
|
10
|
+
onToggle: (id: string) => void;
|
|
11
|
+
caretRightIcon?: string;
|
|
12
|
+
caretDownIcon?: string;
|
|
13
|
+
renderButton?: (props: React.ButtonHTMLAttributes<HTMLButtonElement>) => React.ReactNode;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const FundsAccordion: React.FC<FundsAccordionProps>;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=FundsAccordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FundsAccordion.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundsAccordion.tsx"],"names":[],"mappings":"AAYA,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,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,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8FxD,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { AnimatePresence, motion } from "framer-motion";
|
|
3
|
+
import { Button, ButtonEnum } from "../../components/shared/Button";
|
|
4
|
+
import { AccordionContainer, AccordionContent, AccordionCurrencyImgWrapper, AccordionDescription, AccordionHeader, AccordionTitle, ReadMoreButton, } from "../styles";
|
|
5
|
+
const nextButtonVariant = {
|
|
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, caretRightIcon, caretDownIcon, }) => {
|
|
11
|
+
return (_jsxs(AccordionContainer, { layout: true, transition: {
|
|
12
|
+
layout: { duration: 0.4, type: "spring" },
|
|
13
|
+
}, onClick: next, children: [_jsxs(AccordionHeader, { children: [_jsx(AccordionTitle, { children: _jsx("h1", { children: title }) }), _jsxs(AccordionDescription, { children: [isOpen
|
|
14
|
+
? fullContent
|
|
15
|
+
: `${(description ?? "").toString().substring(0, 50)}...`, _jsx(Button, { style: { border: "none", backgroundColor: "transparent" }, onClick: (e) => {
|
|
16
|
+
e.stopPropagation();
|
|
17
|
+
next();
|
|
18
|
+
}, buttonType: ButtonEnum.BASE, disabled: false, children: caretRightIcon && (_jsx(motion.img, { src: caretRightIcon, width: 18, initial: "initial", animate: "animate", whileHover: "hover", variants: nextButtonVariant })) })] })] }), title !== "Buy Fare Chips" && (_jsxs(motion.div, { style: { display: "inline-flex" }, children: [_jsxs(ReadMoreButton, { onClick: (e) => {
|
|
19
|
+
e.stopPropagation();
|
|
20
|
+
onToggle(id);
|
|
21
|
+
}, buttonType: ButtonEnum.BASE, disabled: false, children: [isOpen ? "Read less" : "Read more", caretDownIcon && (_jsx(motion.img, { src: caretDownIcon, width: 18, style: { verticalAlign: "bottom", marginLeft: "5px" }, animate: { rotate: isOpen ? -180 : 0 }, transition: { duration: 0.3 } }))] }), _jsx(AccordionCurrencyImgWrapper, { children: images.slice(0, 4).map((img, i) => (_jsx("img", { src: img, width: 18, alt: `currency-${i}` }, i))) })] })), _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
|
+
};
|
|
23
|
+
//# sourceMappingURL=FundsAccordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FundsAccordion.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundsAccordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface TransferModalFundsProps {
|
|
2
|
+
selectedCurrencyBalance: number | string;
|
|
3
|
+
CopyWalletInputComponent?: React.ReactNode;
|
|
4
|
+
currencyName?: string;
|
|
5
|
+
networkName?: string;
|
|
6
|
+
currencyIcon?: string;
|
|
7
|
+
networkLogo?: string;
|
|
8
|
+
coinbaseIcon?: string;
|
|
9
|
+
binanceIcon?: string;
|
|
10
|
+
krakenIcon?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const TransferModalFunds: React.FC<TransferModalFundsProps>;
|
|
13
|
+
//# sourceMappingURL=TransferFunds.d.ts.map
|
|
@@ -0,0 +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;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8DhE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import numeral from "numeral";
|
|
3
|
+
import { useEffect, useState, useRef } from "react";
|
|
4
|
+
import { BubbleWrapper, DepositBoxWrapper, DepositContent, DepositTitle, SBalanceDisplay, } from "../styles";
|
|
5
|
+
export const TransferModalFunds = ({ selectedCurrencyBalance, CopyWalletInputComponent, currencyName = "ETH", networkName = "Arbitrum", currencyIcon = "/icons/eth.svg", networkLogo = "/icons/arbitrum.svg", coinbaseIcon = "/icons/coinbase.svg", binanceIcon = "/icons/binance.svg", krakenIcon = "/icons/kraken.svg", }) => {
|
|
6
|
+
const prevBalanceRef = useRef(selectedCurrencyBalance);
|
|
7
|
+
const [balanceDifference, setBalanceDifference] = useState("0.00");
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
const currentNum = numeral(selectedCurrencyBalance).value() ?? 0;
|
|
10
|
+
const prevNum = numeral(prevBalanceRef.current).value() ?? 0;
|
|
11
|
+
if (currentNum !== prevNum) {
|
|
12
|
+
const diff = currentNum - prevNum;
|
|
13
|
+
// Only show positive differences (deposits)
|
|
14
|
+
setBalanceDifference(diff > 0 ? numeral(diff).format("0,0.00") : "0.00");
|
|
15
|
+
prevBalanceRef.current = selectedCurrencyBalance;
|
|
16
|
+
}
|
|
17
|
+
}, [selectedCurrencyBalance]);
|
|
18
|
+
return (_jsxs(DepositBoxWrapper, { children: [_jsxs(DepositTitle, { children: ["Deposit ", currencyName, " (", networkName, ")"] }), _jsxs(BubbleWrapper, { children: [_jsx("img", { src: coinbaseIcon, width: 18, alt: "coinbase logo" }), _jsx("img", { src: binanceIcon, width: 18, alt: "binance logo" }), _jsx("img", { src: krakenIcon, width: 18, alt: "kraken logo" })] }), _jsxs(DepositContent, { children: [_jsxs("p", { children: ["Buy ", currencyName, " on Coinbase, Binance, or another exchange.", _jsxs(BubbleWrapper, { className: "currencyBubble", children: [_jsx("img", { src: currencyIcon, width: 14, alt: currencyName }), " ", currencyName] })] }), _jsxs("p", { children: ["Send/Withdraw ", currencyName, " to the address below and select", " ", networkName, " as the network.", _jsxs(BubbleWrapper, { className: "arbitrumBubble", children: [_jsx("img", { src: networkLogo, width: 14, alt: "network logo" }), networkName] })] })] }), _jsx("div", { className: "balance-received", children: balanceDifference !== "0.00" &&
|
|
19
|
+
`Received: ${balanceDifference} ${currencyName}` }), CopyWalletInputComponent, _jsxs(SBalanceDisplay, { children: [currencyName, " balance:", " ", numeral(selectedCurrencyBalance).format("0,0.00")] })] }));
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=TransferFunds.js.map
|
|
@@ -0,0 +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;AAEpD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,eAAe,GAChB,MAAM,WAAW,CAAC;AAcnB,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,uBAAuB,EACvB,wBAAwB,EACxB,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,gBAAgB,EAC/B,WAAW,GAAG,qBAAqB,EACnC,YAAY,GAAG,qBAAqB,EACpC,WAAW,GAAG,oBAAoB,EAClC,UAAU,GAAG,mBAAmB,GACjC,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,EACf,MAAC,aAAa,eACZ,cAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAC,eAAe,GAAG,EACzD,cAAK,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAC,cAAc,GAAG,EACvD,cAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAC,aAAa,GAAG,IACvC,EAChB,MAAC,cAAc,eACb,gCACO,YAAY,iDACjB,MAAC,aAAa,IAAC,SAAS,EAAC,gBAAgB,aACvC,cAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,GAAI,EAAC,GAAG,EAC3D,YAAY,IACC,IACd,EACJ,0CACiB,YAAY,sCAAkC,GAAG,EAC/D,WAAW,sBACZ,MAAC,aAAa,IAAC,SAAS,EAAC,gBAAgB,aACvC,cAAK,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAC,cAAc,GAAG,EACtD,WAAW,IACE,IACd,IACW,EACjB,cAAK,SAAS,EAAC,kBAAkB,YAC9B,iBAAiB,KAAK,MAAM;oBAC3B,aAAa,iBAAiB,IAAI,YAAY,EAAE,GAC9C,EACL,wBAAwB,EACzB,MAAC,eAAe,eACb,YAAY,eAAW,GAAG,EAC1B,OAAO,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAClC,IACA,CACrB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/index.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,+CAgD3B,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo, useRef } from "react";
|
|
3
|
+
import { useActiveWallet } from "../../hooks/useActiveWallet";
|
|
4
|
+
import { CardCarousel } from "./CardCarousel";
|
|
5
|
+
import { useSnapshot } from "valtio";
|
|
6
|
+
import ModalCard from "../../components/shared/Modal/Card";
|
|
7
|
+
import { AnimatePresence } from "framer-motion";
|
|
8
|
+
import { fundWalletModalState } from "./FundWalletModalState";
|
|
9
|
+
export const FundWalletModal = () => {
|
|
10
|
+
const modalRef = useRef(null);
|
|
11
|
+
const { activeWallet } = useActiveWallet();
|
|
12
|
+
const { isFundModalShowing, stepIdx } = useSnapshot(fundWalletModalState);
|
|
13
|
+
const setIsVisible = (isVisible) => {
|
|
14
|
+
fundWalletModalState.stepIdx = 0;
|
|
15
|
+
fundWalletModalState.isFundModalShowing = isVisible;
|
|
16
|
+
};
|
|
17
|
+
const setStepIdx = (idx) => {
|
|
18
|
+
fundWalletModalState.stepIdx = idx;
|
|
19
|
+
};
|
|
20
|
+
const maxHeight = useMemo(() => {
|
|
21
|
+
if (stepIdx === 2)
|
|
22
|
+
return "92vh";
|
|
23
|
+
return "650px";
|
|
24
|
+
}, [stepIdx]);
|
|
25
|
+
if (!activeWallet) {
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
28
|
+
return (_jsx(AnimatePresence, { children: isFundModalShowing && (_jsx(ModalCard, { maxHeight: maxHeight, stepIdx: stepIdx, setStepIdx: setStepIdx, isVisible: isFundModalShowing, 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 }) })) }));
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,SAAS,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAE1E,MAAM,YAAY,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC1C,oBAAoB,CAAC,OAAO,GAAG,CAAC,CAAC;QACjC,oBAAoB,CAAC,kBAAkB,GAAG,SAAS,CAAC;IACtD,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QACjC,oBAAoB,CAAC,OAAO,GAAG,GAAG,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,OAAO,KAAK,CAAC;YAAE,OAAO,MAAM,CAAC;QAEjC,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,kBAAkB,IAAI,CACrB,KAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,eAAe,EACrB,WAAW,EACT,kFAEE,cAAM,8DAEL,EAEL,SAAS,EAAC,oBAAoB,YAE9B,KAAC,YAAY,IAAC,SAAS,EAAE,OAAO,GAAI,GAC1B,CACb,GACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
|