@oxyhq/services 0.0.78 → 0.0.79

package/dist/components/auth/AccountSwitcherModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSwitcherModal.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AccountSwitcherModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,kGA0G/B,CAAC"}
+{"version":3,"file":"AccountSwitcherModal.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AccountSwitcherModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,kGAiH/B,CAAC"}

package/dist/components/auth/AccountSwitcherModal.js

@@ -9,17 +9,25 @@ import { PiSignOutBold } from "react-icons/pi";
 import { AiOutlineClose } from "react-icons/ai";
 import { Avatar } from "../../features/profile";
 import getUserById from "../../hooks/getUserById";
+import useCrossDomainStorage from "../../hooks/useCrossDomainStorage";
 import styles from "./styles/account-switcher-modal.module.css";
 export const AccountSwitcherModal = forwardRef((props, ref) => {
     const { onClose } = props;
     const { session } = useOxySession();
+    const { get, set } = useCrossDomainStorage();
     const [user, setUser] = useState(null);
     const [error, setError] = useState(null);
     useEffect(() => {
         const fetchUser = async () => {
             try {
-                const fetchedUser = await getUserById(session?.user?.id);
-                setUser(fetchedUser);
+                const clientKey = get("clientKey");
+                if (clientKey) {
+                    const fetchedUser = await getUserById(clientKey);
+                    setUser(fetchedUser);
+                }
+                else {
+                    setError("Client key is missing");
+                }
             }
             catch (error) {
                 if (error instanceof Error) {
@@ -33,12 +41,13 @@ export const AccountSwitcherModal = forwardRef((props, ref) => {
         if (session) {
             fetchUser();
         }
-    }, [session]);
+    }, [session, get]);
     if (!session)
         return null;
     const handleBackdropClick = (e) => {
         e.stopPropagation();
         if (e.currentTarget === e.target) {
+            set("clientKey", "");
             onClose();
         }
     };

package/dist/components/auth/SignInButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SignInButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,YAAY,8BAItB;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,sBAgBA,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SignInButton.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SignInButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,YAAY,8BAItB;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,sBAmBA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/auth/SignInButton.js

@@ -1,10 +1,13 @@
 import React from "react";
 import styles from "./styles/sign-in-button.module.css";
 import { OxyLogo } from "../assets/oxy-logo";
+import useCrossDomainStorage from "../../hooks/useCrossDomainStorage";
 export const SignInButton = ({ icon = React.createElement(OxyLogo, null), text = "Sign in with Oxy", callback = typeof window !== "undefined" ? window.location.href : "", }) => {
+    const { set } = useCrossDomainStorage();
     const onClick = () => {
         if (typeof window !== "undefined") {
             const redirectUrl = `https://auth.oxy.so/?callback=${encodeURIComponent(callback)}`;
+            set("clientKey", ""); // Clear the clientKey before redirecting
             window.location.href = redirectUrl;
         }
     };

package/dist/hooks/useCrossDomainStorage.d.ts

@@ -0,0 +1,6 @@
+declare const useCrossDomainStorage: () => {
+    set: (key: string, value: string) => void;
+    get: (key: string) => string | null;
+};
+export default useCrossDomainStorage;
+//# sourceMappingURL=useCrossDomainStorage.d.ts.map

package/dist/hooks/useCrossDomainStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossDomainStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCrossDomainStorage.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB;eACP,MAAM,SAAS,MAAM;eAKrB,MAAM;CAmBzB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/hooks/useCrossDomainStorage.js

@@ -0,0 +1,24 @@
+import { useEffect } from "react";
+const useCrossDomainStorage = () => {
+    const set = (key, value) => {
+        localStorage.setItem(key, value);
+        window.postMessage({ key, value }, "*");
+    };
+    const get = (key) => {
+        return localStorage.getItem(key);
+    };
+    const handlePostMessage = (event) => {
+        if (event.origin !== window.location.origin) {
+            const { key, value } = event.data;
+            localStorage.setItem(key, value);
+        }
+    };
+    useEffect(() => {
+        window.addEventListener("message", handlePostMessage);
+        return () => {
+            window.removeEventListener("message", handlePostMessage);
+        };
+    }, []);
+    return { set, get };
+};
+export default useCrossDomainStorage;

package/dist/hooks/useOxySession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOxySession.d.ts","sourceRoot":"","sources":["../../src/hooks/useOxySession.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,YAAY;IACpB,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,QAAQ,CAAC;QACf,OAAO,EAAE,OAAO,CAAC;QACjB,kBAAkB,EAAE,OAAO,CAAC;KAC7B,CAAC;CACH;AAED,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,eAAe,2EA4D1B,CAAC;AAEH,iBAAS,aAAa;;;;EAQrB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useOxySession.d.ts","sourceRoot":"","sources":["../../src/hooks/useOxySession.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,UAAU,YAAY;IACpB,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,QAAQ,CAAC;QACf,OAAO,EAAE,OAAO,CAAC;QACjB,kBAAkB,EAAE,OAAO,CAAC;KAC7B,CAAC;CACH;AAED,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,eAAe,2EA8D1B,CAAC;AAEH,iBAAS,aAAa;;;;EAQrB;AAED,eAAe,aAAa,CAAC"}

package/dist/hooks/useOxySession.js

@@ -1,8 +1,8 @@
 import { useEffect } from "react";
 import axios from "axios";
 import { create } from "zustand";
-import localforage from "localforage";
 import { OXY_AUTH_URL } from "../config";
+import useCrossDomainStorage from "./useCrossDomainStorage";
 export const useSessionStore = create((set) => {
     let isFirstFetch = true;
     return {
@@ -20,11 +20,13 @@ export const useSessionStore = create((set) => {
                 let clientKey = urlParams.get("clientKey");
                 // If the session ID was not found in the URL parameters, get it from local storage
                 if (!clientKey) {
-                    clientKey = await localforage.getItem("clientKey");
+                    const { get } = useCrossDomainStorage();
+                    clientKey = get("clientKey");
                 }
                 else {
                     // If the session ID was found in the URL parameters, set it in local storage
-                    await localforage.setItem("clientKey", clientKey);
+                    const { set } = useCrossDomainStorage();
+                    set("clientKey", clientKey);
                 }
                 const response = await axios.get(OXY_AUTH_URL + "/api/session/" + clientKey);
                 if (response.status !== 200) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/services",
-  "version": "0.0.78",
+  "version": "0.0.79",
   "description": "",
   "homepage": "https://oxy.so/",
   "main": "./dist/index.js",