@oxyhq/services 0.0.27 → 0.0.29

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.
@@ -1 +1 @@
1
- {"version":3,"file":"AccountSwitcherModal.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AccountSwitcherModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,oBAAoB;aAEpB,MAAM,IAAI;2CAmCrB,CAAC"}
1
+ {"version":3,"file":"AccountSwitcherModal.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AccountSwitcherModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,eAAO,MAAM,oBAAoB;aAEpB,MAAM,IAAI;2CA8CrB,CAAC"}
@@ -1,14 +1,24 @@
1
- "use client";
2
1
  import * as React from "react";
2
+ ("use client");
3
+ import { useEffect, useState } from "react";
3
4
  import { motion } from "framer-motion";
4
5
  import Link from "next/link";
5
6
  import useOxySession from "../../hooks/useOxySession";
6
7
  import { forwardRef } from "react";
7
- import { useUser } from "../../hooks/use-user";
8
+ import getUserById from "../../hooks/getUserById";
8
9
  import styles from "./styles/session-owner-modal.module.css";
9
10
  export const AccountSwitcherModal = forwardRef(({ onClose }, ref) => {
10
11
  const { session } = useOxySession();
11
- const { data: user } = useUser({ id: session?.user?.id });
12
+ const [user, setUser] = useState(null);
13
+ useEffect(() => {
14
+ const fetchUser = async () => {
15
+ const fetchedUser = await getUserById(session?.user?.id);
16
+ setUser(fetchedUser);
17
+ };
18
+ if (session) {
19
+ fetchUser();
20
+ }
21
+ }, [session]);
12
22
  const style = {
13
23
  position: "fixed",
14
24
  top: "50%",
@@ -1 +1 @@
1
- {"version":3,"file":"SessionOwnerButton.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SessionOwnerButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,kBAAkB,yBAoD9B,CAAC"}
1
+ {"version":3,"file":"SessionOwnerButton.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SessionOwnerButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,kBAAkB,yBAmD9B,CAAC"}
@@ -3,7 +3,6 @@ import * as React from "react";
3
3
  import { AnimatePresence } from "framer-motion";
4
4
  import useOxySession from "../../hooks/useOxySession";
5
5
  import { useRef, useState } from "react";
6
- import { useUser } from "../../hooks/use-user";
7
6
  import { DotIcon } from "../../assets/dot-icon";
8
7
  import { Button } from "../../components/elements/button";
9
8
  import { EllipsisWrapper } from "../../components/elements/ellipsis-wrapper";
@@ -12,7 +11,6 @@ import { Avatar, UserName, UserUsername } from "../../features/profile";
12
11
  import { AccountSwitcherModal } from "./AccountSwitcherModal";
13
12
  export const SessionOwnerButton = () => {
14
13
  const { session } = useOxySession();
15
- const { data: user } = useUser({ id: session?.user?.id });
16
14
  const [isModalOpen, setIsModalOpen] = useState(false);
17
15
  const buttonRef = useRef(null);
18
16
  const openModal = () => {
@@ -24,7 +22,7 @@ export const SessionOwnerButton = () => {
24
22
  React.createElement("div", { className: "hidden flex-1 flex-col xxl:flex" },
25
23
  React.createElement(UserName, { name: session?.user?.name, isVerified: session?.user?.verified }),
26
24
  React.createElement(EllipsisWrapper, null,
27
- React.createElement(UserUsername, { username: user?.username }))),
25
+ React.createElement(UserUsername, { username: session?.user?.username }))),
28
26
  React.createElement("div", { className: "hidden fill-secondary-100 xxl:inline [&>svg]:size-h2" },
29
27
  React.createElement(DotIcon, null))),
30
28
  React.createElement(AnimatePresence, null, isModalOpen && (React.createElement(Modal, { onClose: () => setIsModalOpen(false), background: "none", minViewportWidth: 500 },
@@ -1 +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,MAAM,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,sBAcA,CAAC;AAEF,eAAe,YAAY,CAAC"}
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,MAAM,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,sBAgBA,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,10 +1,12 @@
1
1
  import React from "react";
2
2
  import styles from "./styles/sign-in-button.module.css";
3
3
  import { OxyLogo } from "../assets/oxy-logo";
4
- export const SignInButton = ({ icon = React.createElement(OxyLogo, null), text = "Sign in with Oxy", callback = window.location.href, }) => {
4
+ export const SignInButton = ({ icon = React.createElement(OxyLogo, null), text = "Sign in with Oxy", callback = typeof window !== "undefined" ? window.location.href : "", }) => {
5
5
  const onClick = () => {
6
- const redirectUrl = `https://auth.oxy.so/?callback=${encodeURIComponent(callback)}`;
7
- window.location.href = redirectUrl;
6
+ if (typeof window !== "undefined") {
7
+ const redirectUrl = `https://auth.oxy.so/?callback=${encodeURIComponent(callback)}`;
8
+ window.location.href = redirectUrl;
9
+ }
8
10
  };
9
11
  return (React.createElement("button", { onClick: onClick, className: styles.container },
10
12
  icon && icon,
@@ -1,10 +1,11 @@
1
1
  interface User {
2
2
  id: string;
3
+ username: string;
3
4
  name: string;
4
5
  email: string;
5
6
  role: string;
6
7
  avatar: string;
7
8
  }
8
- declare const getUserById: (id?: string[], fields?: (keyof User)[]) => Promise<any>;
9
+ declare const getUserById: (id?: string | string[], fields?: (keyof User)[]) => Promise<User>;
9
10
  export default getUserById;
10
11
  //# sourceMappingURL=getUserById.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"getUserById.d.ts","sourceRoot":"","sources":["../../src/hooks/getUserById.ts"],"names":[],"mappings":"AAGA,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,QAAe,MAAM,EAAE,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE,iBAiBhE,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"getUserById.d.ts","sourceRoot":"","sources":["../../src/hooks/getUserById.ts"],"names":[],"mappings":"AAGA,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,QAAe,MAAM,GAAG,MAAM,EAAE,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE,kBAiBzE,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -7,8 +7,8 @@ export interface IUser {
7
7
  avatar: string;
8
8
  color: string;
9
9
  }
10
- export declare const useUser: ({ id, initialData, }: {
10
+ export declare const useUser: ({ id, initialData: IUser, }: {
11
11
  id: string | undefined;
12
12
  initialData?: IUser;
13
- }) => import("@tanstack/react-query").UseQueryResult<IUser, Error>;
13
+ }) => Promise<any>;
14
14
  //# sourceMappingURL=use-user.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-user.d.ts","sourceRoot":"","sources":["../../src/hooks/use-user.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO,yBAGjB;IACD,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,iEAcA,CAAC"}
1
+ {"version":3,"file":"use-user.d.ts","sourceRoot":"","sources":["../../src/hooks/use-user.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO,gCAGjB;IACD,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,iBAMA,CAAC"}
@@ -1,17 +1,8 @@
1
- import { useQuery } from "@tanstack/react-query";
2
1
  import { getUser } from "./get-user";
3
- export const useUser = ({ id, initialData, }) => {
4
- return useQuery({
5
- queryKey: ["users", id],
6
- queryFn: async () => {
7
- if (!id) {
8
- // Return a default value or null when id is not provided
9
- return null;
10
- }
11
- return getUser(id);
12
- },
13
- refetchOnWindowFocus: false,
14
- initialData: initialData ?? undefined,
15
- enabled: !!id, // Only run the query if the id is provided
16
- });
2
+ export const useUser = async ({ id, initialData: IUser, }) => {
3
+ if (!id) {
4
+ // Return a default value or null when id is not provided
5
+ return null;
6
+ }
7
+ return getUser(id);
17
8
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oxyhq/services",
3
- "version": "0.0.27",
3
+ "version": "0.0.29",
4
4
  "description": "",
5
5
  "homepage": "https://oxy.so/",
6
6
  "main": "./dist/index.js",