@oxyhq/services 0.0.4 → 0.0.6

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface SignInButtonProps {
+    onClick: () => void;
+}
+declare const SignInButton: React.FC<SignInButtonProps>;
+export default SignInButton;
+//# sourceMappingURL=SignInButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignInButton.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SignInButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAM7C,CAAC;AAmCF,eAAe,YAAY,CAAC"}

package/dist/components/auth/SignInButton.js

@@ -0,0 +1,37 @@
+import React from "react";
+const SignInButton = ({ onClick }) => {
+    return (React.createElement("button", { onClick: onClick, style: styles.button }, "Sign in with Oxy"));
+};
+const styles = {
+    button: {
+        padding: "0.7em",
+        borderRadius: "100vmax",
+        fontSize: "var(--fs-milli)",
+        fontWeight: "var(--fw-700)",
+        color: "var(--clr-dark)",
+        backgroundColor: "var(--clr-light)",
+        border: "1px solid var(--clr-auth-border)",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        cursor: "pointer",
+        transition: "background 0.2s ease-in-out",
+        "&:hover": {
+            backgroundColor: "var(--clr-auth-button-hover)",
+        },
+        "&:active": {
+            backgroundColor: "var(--clr-auth-button-active)",
+        },
+        "&:focus-visible": {
+            outline: "2px solid var(--clr-light)",
+            backgroundColor: "var(--clr-auth-button-hover)",
+        },
+        svg: {
+            width: "var(--fs-h2)",
+            height: "var(--fs-h2)",
+            fill: "var(--clr-dark)",
+            marginRight: "0.5em",
+        },
+    },
+};
+export default SignInButton;

package/dist/components/auth/index.d.ts

@@ -0,0 +1,3 @@
+import SignInButton from "./SignInButton";
+export { SignInButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/auth/index.js

@@ -0,0 +1,2 @@
+import SignInButton from "./SignInButton";
+export { SignInButton };

package/dist/hooks/useOxySession.d.ts

@@ -0,0 +1,26 @@
+interface SessionModel {
+    user: {
+        id: string;
+        username: string;
+        name: string;
+        lastname: string;
+        email: string;
+        verified: boolean;
+        profile_image_url: string;
+        created_at: string;
+    };
+}
+type SessionState = {
+    session: SessionModel | null;
+    status: string;
+    error: any;
+    fetchSessionData: () => void;
+};
+export declare const useSessionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SessionState>>;
+declare function useOxySession(): {
+    session: SessionModel | null;
+    status: string;
+    error: any;
+};
+export default useOxySession;
+//# sourceMappingURL=useOxySession.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOxySession.d.ts","sourceRoot":"","sources":["../../src/hooks/useOxySession.ts"],"names":[],"mappings":"AAOA,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,iBAAiB,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;KACpB,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,2EAmC1B,CAAC;AAEH,iBAAS,aAAa;;;;EAQrB;AAED,eAAe,aAAa,CAAC"}

package/dist/hooks/useOxySession.js

@@ -0,0 +1,45 @@
+import { useEffect } from "react";
+import axios from "axios";
+import { create } from "zustand";
+import localforage from "localforage";
+import { OXY_AUTH_URL } from "../config";
+export const useSessionStore = create((set) => {
+    let isFirstFetch = true;
+    return {
+        session: null,
+        status: "loading",
+        error: null,
+        fetchSessionData: async () => {
+            try {
+                if (isFirstFetch) {
+                    set({ status: "loading" });
+                    isFirstFetch = false;
+                }
+                // Get the session ID from the URL parameters if it exists
+                const urlParams = new URLSearchParams(window.location.search);
+                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");
+                }
+                else {
+                    // If the session ID was found in the URL parameters, set it in local storage
+                    await localforage.setItem("clientKey", clientKey);
+                }
+                const response = await axios.get(OXY_AUTH_URL + "/api/session/" + clientKey);
+                set({ session: response.data, status: "success" });
+            }
+            catch (error) {
+                set({ error, status: "error" });
+            }
+        },
+    };
+});
+function useOxySession() {
+    const { session, status, error, fetchSessionData } = useSessionStore();
+    useEffect(() => {
+        fetchSessionData();
+    }, []);
+    return { session, status, error };
+}
+export default useOxySession;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import useOxySession from "./hooks/useOxySession";
 import getUserById from "./hooks/getUserById";
-export { useOxySession, getUserById };
+import SignInButton from "./components/auth/SignInButton";
+export { useOxySession, getUserById, SignInButton };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
 import useOxySession from "./hooks/useOxySession";
 import getUserById from "./hooks/getUserById";
-export { useOxySession, getUserById };
+import SignInButton from "./components/auth/SignInButton";
+export { useOxySession, getUserById, SignInButton };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/services",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "",
   "homepage": "https://oxy.so/",
   "main": "./dist/index.js",
@@ -24,21 +24,22 @@
   "devDependencies": {
     "@types/next-auth": "^3.15.0",
     "@types/node": "^20.11.17",
-    "@types/react": "^18.2.55",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.0.1",
     "@typescript-eslint/parser": "^7.0.1",
     "autoprefixer": "^10.4.17",
     "eslint": "^8.56.0",
     "postcss": "^8.4.35",
     "tailwindcss": "^3.4.1",
-    "typescript": "^5.3.3"
+    "typescript": "^5.4.5"
   },
   "dependencies": {
     "axios": "^1.6.8",
     "dotenv": "^16.4.5",
     "localforage": "^1.10.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "zod": "^3.23.8",
     "zustand": "^4.5.2"
   }