fare-privy-core 1.8.1 → 1.8.3

package/README.md

@@ -161,7 +161,29 @@ A ready-to-use modal for funding your wallet, with animated carousel and exchang
 - Uses `useWalletBalance` for live balances
 - Minimal required props, npm-friendly defaults
 
-**Usage:**
+**Props:**
+| Prop      | Type         | Description                       |
+|-----------|--------------|-----------------------------------|
+| `isOpen`  | `boolean`    | Controls modal visibility         |
+| `onClose` | `() => void` | Function to close the modal       |
+
+**Usage Example:**
+```tsx
+import React, { useState } from "react";
+import { FundWalletModal } from "fare-privy-core";
+
+export function FundWalletModalDemo() {
+  const [isOpen, setIsOpen] = useState(false);
+  return (
+    <>
+      <button onClick={() => setIsOpen(true)}>Open Fund Wallet Modal</button>
+      <FundWalletModal isOpen={isOpen} onClose={() => setIsOpen(false)} />
+    </>
+  );
+}
+```
+
+You must manage the open/close state in your app. The modal will call `onClose` when the user closes it.
 ---
 
 ## 🪝 Hooks Overview

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * fare-privy-core - v1.8.1 - Reliable Micro Hooks
+ * fare-privy-core - v1.8.3 - Reliable Micro Hooks
  * Proven wallet patterns with simplified balance fetching and focused micro-hooks architecture.
  */
 export { PrivyProvider, type PrivyProviderProps } from "./PrivyProviderTest";

package/dist/index.js

@@ -1,5 +1,5 @@
 /**
- * fare-privy-core - v1.8.1 - Reliable Micro Hooks
+ * fare-privy-core - v1.8.3 - Reliable Micro Hooks
  * Proven wallet patterns with simplified balance fetching and focused micro-hooks architecture.
  */
 // ✅ CURRENT EXPORTS - Available Now

package/dist/src/components/WalletOverview.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { styled } from "styled-components";
+import styled from "styled-components";
 const SWalletOverview = styled.div `
   display: flex;
   align-items: center;

package/dist/src/components/WalletOverview.js.map

@@ -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"}
+{"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"}

package/dist/src/modals/FundWalletModal/index.d.ts

@@ -1,2 +1,6 @@
-export declare const FundWalletModal: () => import("react/jsx-runtime").JSX.Element;
+export interface FundWalletModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const FundWalletModal: React.FC<FundWalletModalProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/modals/FundWalletModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/index.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,+CAgD3B,CAAC"}
+{"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;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+C1D,CAAC"}

package/dist/src/modals/FundWalletModal/index.js

@@ -1,21 +1,17 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef } from "react";
+import { useMemo, useRef, useState } from "react";
 import { useActiveWallet } from "../../hooks/useActiveWallet";
 import { CardCarousel } from "./CardCarousel";
-import { useSnapshot } from "valtio";
 import ModalCard from "../../components/shared/Modal/Card";
 import { AnimatePresence } from "framer-motion";
-import { fundWalletModalState } from "./FundWalletModalState";
-export const FundWalletModal = () => {
+export const FundWalletModal = ({ isOpen, onClose, }) => {
     const modalRef = useRef(null);
     const { activeWallet } = useActiveWallet();
-    const { isFundModalShowing, stepIdx } = useSnapshot(fundWalletModalState);
+    const [stepIdx, setStepIdx] = useState(0);
     const setIsVisible = (isVisible) => {
-        fundWalletModalState.stepIdx = 0;
-        fundWalletModalState.isFundModalShowing = isVisible;
-    };
-    const setStepIdx = (idx) => {
-        fundWalletModalState.stepIdx = idx;
+        setStepIdx(0);
+        if (!isVisible)
+            onClose();
     };
     const maxHeight = useMemo(() => {
         if (stepIdx === 2)
@@ -25,6 +21,6 @@ export const FundWalletModal = () => {
     if (!activeWallet) {
         return null;
     }
-    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 }) })) }));
+    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 }) })) }));
 };
 //# sourceMappingURL=index.js.map

package/dist/src/modals/FundWalletModal/index.js.map

@@ -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"}
+{"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;AAOhD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1C,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,IAAC,SAAS,EAAE,OAAO,GAAI,GAC1B,CACb,GACe,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fare-privy-core",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "A comprehensive React library for Privy authentication and wallet management with casino gaming features, featuring reliable micro-hooks based on proven patterns",
   "keywords": [
     "privy",

package/dist/src/modals/FundWalletModal/FundWalletModalState.d.ts

@@ -1,5 +0,0 @@
-export declare const fundWalletModalState: {
-    isFundModalShowing: boolean;
-    stepIdx: number;
-};
-//# sourceMappingURL=FundWalletModalState.d.ts.map

package/dist/src/modals/FundWalletModal/FundWalletModalState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FundWalletModalState.d.ts","sourceRoot":"","sources":["../../../../src/modals/FundWalletModal/FundWalletModalState.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;CAG/B,CAAA"}

package/dist/src/modals/FundWalletModal/FundWalletModalState.js

@@ -1,6 +0,0 @@
-import { proxy } from 'valtio';
-export const fundWalletModalState = proxy({
-    isFundModalShowing: false,
-    stepIdx: 0,
-});
-//# sourceMappingURL=FundWalletModalState.js.map

package/dist/src/modals/FundWalletModal/FundWalletModalState.js.map

@@ -1 +0,0 @@
-{"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"}