fare-privy-core 1.8.0 → 1.8.2

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 (45) hide show
  1. package/README.md +182 -482
  2. package/dist/index.d.ts +8 -2
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +9 -2
  5. package/dist/index.js.map +1 -1
  6. package/dist/src/components/WalletOverview.js +1 -1
  7. package/dist/src/components/WalletOverview.js.map +1 -1
  8. package/dist/src/components/shared/Modal/Card.d.ts.map +1 -1
  9. package/dist/src/components/shared/Modal/Card.js +2 -2
  10. package/dist/src/components/shared/Modal/Card.js.map +1 -1
  11. package/dist/src/components/shared/Modal/types.d.ts +3 -3
  12. package/dist/src/components/shared/Modal/types.d.ts.map +1 -1
  13. package/dist/src/modals/FundWalletModal/CardCarousel.d.ts +21 -0
  14. package/dist/src/modals/FundWalletModal/CardCarousel.d.ts.map +1 -0
  15. package/dist/src/modals/FundWalletModal/CardCarousel.js +17 -0
  16. package/dist/src/modals/FundWalletModal/CardCarousel.js.map +1 -0
  17. package/dist/src/modals/FundWalletModal/DescriptionDetails.d.ts +4 -0
  18. package/dist/src/modals/FundWalletModal/DescriptionDetails.d.ts.map +1 -0
  19. package/dist/src/modals/FundWalletModal/DescriptionDetails.js +16 -0
  20. package/dist/src/modals/FundWalletModal/DescriptionDetails.js.map +1 -0
  21. package/dist/src/modals/FundWalletModal/FundWalletMenu.d.ts +11 -0
  22. package/dist/src/modals/FundWalletModal/FundWalletMenu.d.ts.map +1 -0
  23. package/dist/src/modals/FundWalletModal/FundWalletMenu.js +26 -0
  24. package/dist/src/modals/FundWalletModal/FundWalletMenu.js.map +1 -0
  25. package/dist/src/modals/FundWalletModal/FundWalletModalState.d.ts +5 -0
  26. package/dist/src/modals/FundWalletModal/FundWalletModalState.d.ts.map +1 -0
  27. package/dist/src/modals/FundWalletModal/FundWalletModalState.js +6 -0
  28. package/dist/src/modals/FundWalletModal/FundWalletModalState.js.map +1 -0
  29. package/dist/src/modals/FundWalletModal/FundsAccordion.d.ts +19 -0
  30. package/dist/src/modals/FundWalletModal/FundsAccordion.d.ts.map +1 -0
  31. package/dist/src/modals/FundWalletModal/FundsAccordion.js +23 -0
  32. package/dist/src/modals/FundWalletModal/FundsAccordion.js.map +1 -0
  33. package/dist/src/modals/FundWalletModal/TransferFunds.d.ts +13 -0
  34. package/dist/src/modals/FundWalletModal/TransferFunds.d.ts.map +1 -0
  35. package/dist/src/modals/FundWalletModal/TransferFunds.js +21 -0
  36. package/dist/src/modals/FundWalletModal/TransferFunds.js.map +1 -0
  37. package/dist/src/modals/FundWalletModal/index.d.ts +2 -0
  38. package/dist/src/modals/FundWalletModal/index.d.ts.map +1 -0
  39. package/dist/src/modals/FundWalletModal/index.js +30 -0
  40. package/dist/src/modals/FundWalletModal/index.js.map +1 -0
  41. package/dist/src/modals/styles.d.ts +2980 -0
  42. package/dist/src/modals/styles.d.ts.map +1 -0
  43. package/dist/src/modals/styles.js +248 -0
  44. package/dist/src/modals/styles.js.map +1 -0
  45. package/package.json +115 -114
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * fare-privy-core - v1.8.0 - Reliable Micro Hooks
2
+ * fare-privy-core - v1.8.2 - 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
@@ -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;AAExE,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAK3B;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAQH;;GAEG"}
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.8.0 - Reliable Micro Hooks
2
+ * fare-privy-core - v1.8.2 - 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;AACxE,wDAAwD;AACxD,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,iDAAiD;AACjD,+CAA+C;AAE/C;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,4BAA4B;AAC5B,8CAA8C;AAE9C,mBAAmB;AACnB,sCAAsC;AAEtC;;GAEG"}
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"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useMemo } from "react";
3
- import { styled } from "styled-components";
3
+ import styled from "styled-components";
4
4
  const SWalletOverview = styled.div `
5
5
  display: flex;
6
6
  align-items: center;
@@ -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;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
+ {"version":3,"file":"WalletOverview.js","sourceRoot":"","sources":["../../../src/components/WalletOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAQ,MAAM,MAAO,mBAAmB,CAAC;AAczC,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,2GAwFd,CAAC;AAEF,eAAe,SAAS,CAAC"}
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":"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"}
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: any;
15
- caretLeftIcon: any;
16
- isMobileScreen: any;
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;IACf,aAAa,EAAE,GAAG,CAAC;IACnB,cAAc,EAAE,GAAG,CAAC;CACrB"}
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,4 @@
1
+ export declare const transferReadMoreText: string[];
2
+ export declare const depositReadMoreText: string[];
3
+ export declare const descriptionDetails: (i: number, text: string) => JSX.Element;
4
+ //# sourceMappingURL=DescriptionDetails.d.ts.map
@@ -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,5 @@
1
+ export declare const fundWalletModalState: {
2
+ isFundModalShowing: boolean;
3
+ stepIdx: number;
4
+ };
5
+ //# sourceMappingURL=FundWalletModalState.d.ts.map
@@ -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,6 @@
1
+ import { proxy } from 'valtio';
2
+ export const fundWalletModalState = proxy({
3
+ isFundModalShowing: false,
4
+ stepIdx: 0,
5
+ });
6
+ //# sourceMappingURL=FundWalletModalState.js.map
@@ -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,2 @@
1
+ export declare const FundWalletModal: () => import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}