@oxyhq/services 0.0.61 → 0.0.63

package/README.md

@@ -1,4 +1,11 @@
-# OxyServicesModule
+# Oxy Services Module 🚀
+
+The Oxy Services Module is a comprehensive package designed to provide reusable services and components for building front-end applications with Oxy. It includes hooks and components for session management, user handling, and more, making it easier to integrate Oxy-based functionalities into your React applications.
+
+## Features ✨
+- **Session Management**: Easily manage user sessions with hooks like `useOxySession`.
+- **User Handling**: Fetch and display user information using functions like `getUserById`.
+- **Components**: Ready-to-use components such as `SignInButton`, `AccountSwitcherModal`, and `SessionOwnerButton`.
 
 ## Usage Instructions
 

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,eAAO,MAAM,oBAAoB;aAEpB,MAAM,IAAI;2CA0ErB,CAAC"}
+{"version":3,"file":"AccountSwitcherModal.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AccountSwitcherModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,eAAO,MAAM,oBAAoB;aAEpB,MAAM,IAAI;2CAoFrB,CAAC"}

package/dist/components/auth/AccountSwitcherModal.js

@@ -13,10 +13,21 @@ import styles from "./styles/session-owner-modal.module.css";
 export const AccountSwitcherModal = forwardRef(({ onClose }, ref) => {
     const { session } = useOxySession();
     const [user, setUser] = useState(null);
+    const [error, setError] = useState(null);
     useEffect(() => {
         const fetchUser = async () => {
-            const fetchedUser = await getUserById(session?.user?.id);
-            setUser(fetchedUser);
+            try {
+                const fetchedUser = await getUserById(session?.user?.id);
+                setUser(fetchedUser);
+            }
+            catch (error) {
+                if (error instanceof Error) {
+                    setError(error.message);
+                }
+                else {
+                    setError("An unknown error occurred");
+                }
+            }
         };
         if (session) {
             fetchUser();
@@ -25,6 +36,7 @@ export const AccountSwitcherModal = forwardRef(({ onClose }, ref) => {
     if (!session)
         return null;
     const handleBackdropClick = (e) => {
+        e.stopPropagation();
         if (e.currentTarget === e.target) {
             onClose();
         }

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

@@ -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,yBAmD9B,CAAC"}
+{"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,yBAuD9B,CAAC"}

package/dist/components/auth/SessionOwnerButton.js

@@ -10,12 +10,17 @@ import { Modal } from "../../components/elements/modal";
 import { Avatar, UserName, UserUsername } from "../../features/profile";
 import { AccountSwitcherModal } from "./AccountSwitcherModal";
 export const SessionOwnerButton = () => {
-    const { session } = useOxySession();
+    const { session, error } = useOxySession();
     const [isModalOpen, setIsModalOpen] = useState(false);
     const buttonRef = useRef(null);
-    const openModal = () => {
+    const openModal = React.useCallback(() => {
         setIsModalOpen(true);
-    };
+    }, []);
+    if (error) {
+        return React.createElement("div", null,
+            "Error: ",
+            error);
+    }
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { "aria-label": "Account menu", onClick: openModal, ref: buttonRef, "aria-haspopup": "menu", "aria-expanded": isModalOpen, className: "p-[0.75em] hover:bg-neutral-500 focus-visible:bg-neutral-500 focus-visible:outline-secondary-100 active:bg-neutral-600 xxl:flex xxl:w-full xxl:gap-3" },
             React.createElement(Avatar, { userImage: session?.user?.avatar }),

package/dist/components/elements/button/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/button/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,OAAQ,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,mFAoBlB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/button/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,OAAQ,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,mFAwBlB,CAAC"}

package/dist/components/elements/button/components/button.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from "react";
 import { cn } from "../../../../utils/cn";
 export const Button = forwardRef(({ children, className, ...props }, ref) => {
-    return (React.createElement("button", { ref: ref, ...props, className: cn("grid cursor-pointer place-items-center rounded-full", "transition-colors duration-200 ease-in-out", "fill-secondary-100 p-[0.5em]", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-100", "fill-secondary-100 [&>svg]:w-h2", "disabled-button", className) }, children));
+    return (React.createElement("button", { ref: ref, ...props, className: cn("grid cursor-pointer place-items-center rounded-full", "transition-colors duration-200 ease-in-out", "fill-secondary-100 p-[0.5em]", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-100", "fill-secondary-100 [&>svg]:w-h2", "disabled-button", className, "hover:bg-neutral-500 active:bg-neutral-600", "focus-visible:bg-neutral-500 focus-visible:outline-secondary-100"), "aria-pressed": props["aria-pressed"], "aria-disabled": props.disabled }, children));
 });
 Button.displayName = "Button";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/services",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "description": "",
   "homepage": "https://oxy.so/",
   "main": "./dist/index.js",
@@ -56,4 +56,4 @@
     "zod": "^3.23.8",
     "zustand": "^4.5.2"
   }
-}
+}