@youversion/platform-react-ui 1.12.0 → 1.12.2

package/dist/components/bible-reader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bible-reader.d.ts","sourceRoot":"","sources":["../../src/components/bible-reader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuChG,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF,iBAAS,IAAI,CAAC,EACZ,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,OAAO,EAAE,iBAAiB,EAC1B,cAAoB,EACpB,eAAe,EACf,SAAS,EAAE,mBAAmB,EAC9B,gBAAsB,EACtB,eAAe,EACf,UAAoB,EACpB,QAA4B,EAC5B,UAAU,EACV,gBAAuB,EACvB,UAAU,EACV,QAAQ,GACT,EAAE,SAAS,2CAwEX;AAED,iBAAS,OAAO,4CAoEf;AAED,iBAAS,OAAO,CAAC,EAAE,MAAc,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CAAE,2CAqMjE;AAED,eAAO,MAAM,WAAW;;;;CAAgD,CAAC;AACzE,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC"}
+{"version":3,"file":"bible-reader.d.ts","sourceRoot":"","sources":["../../src/components/bible-reader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA6Cf,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF,iBAAS,IAAI,CAAC,EACZ,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,OAAO,EAAE,iBAAiB,EAC1B,cAAoB,EACpB,eAAe,EACf,SAAS,EAAE,mBAAmB,EAC9B,gBAAsB,EACtB,eAAe,EACf,UAAoB,EACpB,QAA4B,EAC5B,UAAU,EACV,gBAAuB,EACvB,UAAU,EACV,QAAQ,GACT,EAAE,SAAS,2CAgFX;AAED,iBAAS,OAAO,4CAoEf;AAuCD,iBAAS,OAAO,CAAC,EAAE,MAAc,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CAAE,2CAmKjE;AAED,eAAO,MAAM,WAAW;;;;CAAgD,CAAC;AACzE,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC"}

package/dist/index.cjs

@@ -15970,22 +15970,26 @@ function Root5({
     defaultProp: defaultVersionId,
     onChange: onVersionChange
   });
-  const [currentFontSize, setCurrentFontSize] = (0, import_react4.useState)(() => {
-    const validatedFontSize = fontSize > MAX_FONT_SIZE || fontSize < MIN_FONT_SIZE ? DEFAULT_FONT_SIZE : fontSize;
-    if (typeof window === "undefined") return validatedFontSize;
-    const size = localStorage.getItem("youversion-platform:reader:font-size");
-    return size ? parseInt(size) : validatedFontSize;
-  });
-  const [currentFontFamily, setCurrentFontFamily] = (0, import_react4.useState)(() => {
-    if (typeof window === "undefined") return fontFamily;
-    return localStorage.getItem("youversion-platform:reader:font-family") || fontFamily;
-  });
+  const validatedFontSize = fontSize > MAX_FONT_SIZE || fontSize < MIN_FONT_SIZE ? DEFAULT_FONT_SIZE : fontSize;
+  const [currentFontSize, setCurrentFontSize] = (0, import_react4.useState)(validatedFontSize);
+  const [currentFontFamily, setCurrentFontFamily] = (0, import_react4.useState)(fontFamily);
+  (0, import_react4.useLayoutEffect)(() => {
+    const savedFontSize = localStorage.getItem("youversion-platform:reader:font-size");
+    if (savedFontSize) {
+      const parsed = parseInt(savedFontSize);
+      if (parsed >= MIN_FONT_SIZE && parsed <= MAX_FONT_SIZE) {
+        setCurrentFontSize(parsed);
+      }
+    }
+    const savedFontFamily = localStorage.getItem("youversion-platform:reader:font-family");
+    if (savedFontFamily) {
+      setCurrentFontFamily(savedFontFamily);
+    }
+  }, []);
   (0, import_react4.useEffect)(() => {
-    if (typeof window === "undefined") return;
     localStorage.setItem("youversion-platform:reader:font-size", currentFontSize.toString());
   }, [currentFontSize]);
   (0, import_react4.useEffect)(() => {
-    if (typeof window === "undefined") return;
     localStorage.setItem("youversion-platform:reader:font-family", currentFontFamily);
   }, [currentFontFamily]);
   const providerTheme = (0, import_platform_react_hooks4.useTheme)();
@@ -16083,6 +16087,30 @@ function Content4() {
     )
   ] });
 }
+function UserMenu() {
+  const { auth, signIn, signOut, userInfo } = (0, import_platform_react_hooks4.useYVAuth)();
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      PopoverTrigger,
+      {
+        "data-testid": "user-menu-trigger",
+        className: cn(
+          "yv:inline-flex yv:items-center yv:justify-center yv:justify-self-end yv:mr-4 yv:h-9 yv:rounded-md yv:bg-muted yv:text-foreground yv:hover:bg-muted/80 yv:hover:cursor-pointer yv:overflow-hidden",
+          !(auth.isAuthenticated && userInfo?.avatarUrlFormat) && "yv:px-2"
+        ),
+        children: auth.isAuthenticated && userInfo?.avatarUrlFormat ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "img",
+          {
+            src: userInfo.getAvatarUrl(32, 32)?.toString(),
+            alt: userInfo.name || "User avatar",
+            className: "yv:size-full yv:rounded-full yv:object-cover"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PersonIcon, {})
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverContent, { className: "yv:rounded-[6px] yv:sm:w-min yv:px-4 yv:mb-6", showHeader: false, children: auth.isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { className: "yv:text-black", onClick: () => signOut(), children: "Sign Out" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { className: "yv:text-black", onClick: () => void signIn({ scopes: ["profile"] }), children: "Sign In" }) })
+  ] });
+}
 function Toolbar({ border = "top" }) {
   const {
     book,
@@ -16096,7 +16124,8 @@ function Toolbar({ border = "top" }) {
     setCurrentFontSize,
     background
   } = useBibleReaderContext();
-  const { auth, signIn, signOut, userInfo } = (0, import_platform_react_hooks4.useYVAuth)();
+  const yvContext = (0, import_react4.useContext)(import_platform_react_hooks4.YouVersionContext);
+  const authEnabled = yvContext?.authEnabled || false;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "section",
     {
@@ -16106,41 +16135,7 @@ function Toolbar({ border = "top" }) {
         border === "bottom" && "yv:border-b"
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "yv:grid yv:w-full yv:grid-cols-7 yv:items-center yv:max-w-lg yv:gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Popover, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            PopoverTrigger,
-            {
-              "data-testid": "user-menu-trigger",
-              className: cn(
-                "yv:inline-flex yv:items-center yv:justify-center yv:justify-self-end yv:mr-4 yv:h-9 yv:rounded-md yv:bg-muted yv:text-foreground yv:hover:bg-muted/80 yv:hover:cursor-pointer yv:overflow-hidden",
-                !(auth.isAuthenticated && userInfo?.avatarUrlFormat) && "yv:px-2"
-              ),
-              children: auth.isAuthenticated && userInfo?.avatarUrlFormat ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                "img",
-                {
-                  src: userInfo.getAvatarUrl(32, 32)?.toString(),
-                  alt: userInfo.name || "User avatar",
-                  className: "yv:size-full yv:rounded-full yv:object-cover"
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PersonIcon, {})
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            PopoverContent,
-            {
-              className: "yv:rounded-[6px] yv:sm:w-min yv:px-4 yv:mb-6",
-              showHeader: false,
-              children: auth.isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { className: "yv:text-black", onClick: signOut, children: "Sign Out" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                Button,
-                {
-                  className: "yv:text-black",
-                  onClick: () => void signIn({ scopes: ["profile"] }),
-                  children: "Sign In"
-                }
-              )
-            }
-          )
-        ] }),
+        authEnabled && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(UserMenu, {}),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           BibleChapterPicker.Root,
           {

package/dist/index.js

@@ -14705,9 +14705,22 @@ function Trigger3({ asChild = true, children, ...props }) {
 var BibleChapterPicker = Object.assign({}, { Root: Root3, Trigger: Trigger3 });
 
 // src/components/bible-reader.tsx
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3, useState as useState4, useEffect as useEffect4 } from "react";
+import {
+  createContext as createContext3,
+  useContext as useContext3,
+  useMemo as useMemo3,
+  useState as useState4,
+  useEffect as useEffect4,
+  useLayoutEffect as useLayoutEffect2
+} from "react";
 import { useControllableState as useControllableState3 } from "@radix-ui/react-use-controllable-state";
-import { useBooks as useBooks2, useVersion as useVersion2, useTheme as useTheme4, useYVAuth } from "@youversion/platform-react-hooks";
+import {
+  useBooks as useBooks2,
+  useVersion as useVersion2,
+  useTheme as useTheme4,
+  useYVAuth,
+  YouVersionContext
+} from "@youversion/platform-react-hooks";
 
 // src/components/bible-version-picker.tsx
 import { useControllableState as useControllableState2 } from "@radix-ui/react-use-controllable-state";
@@ -15946,22 +15959,26 @@ function Root5({
     defaultProp: defaultVersionId,
     onChange: onVersionChange
   });
-  const [currentFontSize, setCurrentFontSize] = useState4(() => {
-    const validatedFontSize = fontSize > MAX_FONT_SIZE || fontSize < MIN_FONT_SIZE ? DEFAULT_FONT_SIZE : fontSize;
-    if (typeof window === "undefined") return validatedFontSize;
-    const size = localStorage.getItem("youversion-platform:reader:font-size");
-    return size ? parseInt(size) : validatedFontSize;
-  });
-  const [currentFontFamily, setCurrentFontFamily] = useState4(() => {
-    if (typeof window === "undefined") return fontFamily;
-    return localStorage.getItem("youversion-platform:reader:font-family") || fontFamily;
-  });
+  const validatedFontSize = fontSize > MAX_FONT_SIZE || fontSize < MIN_FONT_SIZE ? DEFAULT_FONT_SIZE : fontSize;
+  const [currentFontSize, setCurrentFontSize] = useState4(validatedFontSize);
+  const [currentFontFamily, setCurrentFontFamily] = useState4(fontFamily);
+  useLayoutEffect2(() => {
+    const savedFontSize = localStorage.getItem("youversion-platform:reader:font-size");
+    if (savedFontSize) {
+      const parsed = parseInt(savedFontSize);
+      if (parsed >= MIN_FONT_SIZE && parsed <= MAX_FONT_SIZE) {
+        setCurrentFontSize(parsed);
+      }
+    }
+    const savedFontFamily = localStorage.getItem("youversion-platform:reader:font-family");
+    if (savedFontFamily) {
+      setCurrentFontFamily(savedFontFamily);
+    }
+  }, []);
   useEffect4(() => {
-    if (typeof window === "undefined") return;
     localStorage.setItem("youversion-platform:reader:font-size", currentFontSize.toString());
   }, [currentFontSize]);
   useEffect4(() => {
-    if (typeof window === "undefined") return;
     localStorage.setItem("youversion-platform:reader:font-family", currentFontFamily);
   }, [currentFontFamily]);
   const providerTheme = useTheme4();
@@ -16059,6 +16076,30 @@ function Content4() {
     )
   ] });
 }
+function UserMenu() {
+  const { auth, signIn, signOut, userInfo } = useYVAuth();
+  return /* @__PURE__ */ jsxs7(Popover, { children: [
+    /* @__PURE__ */ jsx20(
+      PopoverTrigger,
+      {
+        "data-testid": "user-menu-trigger",
+        className: cn(
+          "yv:inline-flex yv:items-center yv:justify-center yv:justify-self-end yv:mr-4 yv:h-9 yv:rounded-md yv:bg-muted yv:text-foreground yv:hover:bg-muted/80 yv:hover:cursor-pointer yv:overflow-hidden",
+          !(auth.isAuthenticated && userInfo?.avatarUrlFormat) && "yv:px-2"
+        ),
+        children: auth.isAuthenticated && userInfo?.avatarUrlFormat ? /* @__PURE__ */ jsx20(
+          "img",
+          {
+            src: userInfo.getAvatarUrl(32, 32)?.toString(),
+            alt: userInfo.name || "User avatar",
+            className: "yv:size-full yv:rounded-full yv:object-cover"
+          }
+        ) : /* @__PURE__ */ jsx20(PersonIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsx20(PopoverContent, { className: "yv:rounded-[6px] yv:sm:w-min yv:px-4 yv:mb-6", showHeader: false, children: auth.isAuthenticated ? /* @__PURE__ */ jsx20(Button, { className: "yv:text-black", onClick: () => signOut(), children: "Sign Out" }) : /* @__PURE__ */ jsx20(Button, { className: "yv:text-black", onClick: () => void signIn({ scopes: ["profile"] }), children: "Sign In" }) })
+  ] });
+}
 function Toolbar({ border = "top" }) {
   const {
     book,
@@ -16072,7 +16113,8 @@ function Toolbar({ border = "top" }) {
     setCurrentFontSize,
     background
   } = useBibleReaderContext();
-  const { auth, signIn, signOut, userInfo } = useYVAuth();
+  const yvContext = useContext3(YouVersionContext);
+  const authEnabled = yvContext?.authEnabled || false;
   return /* @__PURE__ */ jsx20(
     "section",
     {
@@ -16082,41 +16124,7 @@ function Toolbar({ border = "top" }) {
         border === "bottom" && "yv:border-b"
       ),
       children: /* @__PURE__ */ jsxs7("div", { className: "yv:grid yv:w-full yv:grid-cols-7 yv:items-center yv:max-w-lg yv:gap-0.5", children: [
-        /* @__PURE__ */ jsxs7(Popover, { children: [
-          /* @__PURE__ */ jsx20(
-            PopoverTrigger,
-            {
-              "data-testid": "user-menu-trigger",
-              className: cn(
-                "yv:inline-flex yv:items-center yv:justify-center yv:justify-self-end yv:mr-4 yv:h-9 yv:rounded-md yv:bg-muted yv:text-foreground yv:hover:bg-muted/80 yv:hover:cursor-pointer yv:overflow-hidden",
-                !(auth.isAuthenticated && userInfo?.avatarUrlFormat) && "yv:px-2"
-              ),
-              children: auth.isAuthenticated && userInfo?.avatarUrlFormat ? /* @__PURE__ */ jsx20(
-                "img",
-                {
-                  src: userInfo.getAvatarUrl(32, 32)?.toString(),
-                  alt: userInfo.name || "User avatar",
-                  className: "yv:size-full yv:rounded-full yv:object-cover"
-                }
-              ) : /* @__PURE__ */ jsx20(PersonIcon, {})
-            }
-          ),
-          /* @__PURE__ */ jsx20(
-            PopoverContent,
-            {
-              className: "yv:rounded-[6px] yv:sm:w-min yv:px-4 yv:mb-6",
-              showHeader: false,
-              children: auth.isAuthenticated ? /* @__PURE__ */ jsx20(Button, { className: "yv:text-black", onClick: signOut, children: "Sign Out" }) : /* @__PURE__ */ jsx20(
-                Button,
-                {
-                  className: "yv:text-black",
-                  onClick: () => void signIn({ scopes: ["profile"] }),
-                  children: "Sign In"
-                }
-              )
-            }
-          )
-        ] }),
+        authEnabled && /* @__PURE__ */ jsx20(UserMenu, {}),
         /* @__PURE__ */ jsx20(
           BibleChapterPicker.Root,
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youversion/platform-react-ui",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "description": "React SDK for YouVersion Platform",
   "license": "TBD",
   "type": "module",
@@ -38,8 +38,8 @@
     "isomorphic-dompurify": "2.23.0",
     "tailwind-merge": "3.3.1",
     "tw-animate-css": "1.4.0",
-    "@youversion/platform-core": "1.12.0",
-    "@youversion/platform-react-hooks": "1.12.0"
+    "@youversion/platform-core": "1.12.2",
+    "@youversion/platform-react-hooks": "1.12.2"
   },
   "peerDependencies": {
     "react": ">=19.1.0 <20.0.0",