@youversion/platform-react-ui 0.5.0 → 0.5.1

package/dist/components/bible-widget-view.d.ts

@@ -1,8 +1,7 @@
-type BibleWidgetViewProps = {
+export type BibleWidgetViewProps = {
     reference: string;
     versionId: number;
     background?: 'light' | 'dark';
 };
 export declare function BibleWidgetView({ reference, versionId, background, }: BibleWidgetViewProps): React.ReactNode;
-export {};
 //# sourceMappingURL=bible-widget-view.d.ts.map

package/dist/components/bible-widget-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bible-widget-view.d.ts","sourceRoot":"","sources":["../../src/components/bible-widget-view.tsx"],"names":[],"mappings":"AAIA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,UAAoB,GACrB,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAuCxC"}
+{"version":3,"file":"bible-widget-view.d.ts","sourceRoot":"","sources":["../../src/components/bible-widget-view.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,UAAoB,GACrB,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAuCxC"}

package/dist/components/index.d.ts

@@ -4,4 +4,5 @@ export { BibleVersionPicker, type BibleVersionPickerRootProps, type BibleVersion
 export { SignInButton, type SignInButtonProps } from './SignInButton';
 export { VerseOfTheDay, type VerseOfTheDayProps } from './verse-of-the-day';
 export { BibleTextView, type BibleTextViewProps } from './verse';
+export { BibleWidgetView, type BibleWidgetViewProps } from './bible-widget-view';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EACL,kBAAkB,EAClB,KAAK,2BAA2B,EAChC,KAAK,8BAA8B,GACpC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EACL,kBAAkB,EAClB,KAAK,2BAA2B,EAChC,KAAK,8BAA8B,GACpC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.cjs

@@ -40,9 +40,10 @@ __export(index_exports, {
   BibleChapterPicker: () => BibleChapterPicker,
   BibleClient: () => BibleClient,
   BibleReader: () => BibleReader,
-  BibleSDKProvider: () => import_platform_react_hooks6.BibleSDKProvider,
+  BibleSDKProvider: () => import_platform_react_hooks7.BibleSDKProvider,
   BibleTextView: () => BibleTextView,
   BibleVersionPicker: () => BibleVersionPicker,
+  BibleWidgetView: () => BibleWidgetView,
   HighlightsClient: () => HighlightsClient,
   LanguagesClient: () => LanguagesClient,
   MemoryStorageStrategy: () => MemoryStorageStrategy,
@@ -15651,8 +15652,53 @@ function VerseOfTheDay({
   );
 }
 
-// src/index.ts
+// src/components/bible-widget-view.tsx
 var import_platform_react_hooks6 = require("@youversion/platform-react-hooks");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function BibleWidgetView({
+  reference,
+  versionId,
+  background = "light"
+}) {
+  const { version: version2 } = (0, import_platform_react_hooks6.useVersion)(versionId);
+  const { passage } = (0, import_platform_react_hooks6.usePassage)({
+    versionId,
+    usfm: reference,
+    include_headings: true,
+    include_notes: true
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "section",
+    {
+      "data-yv-sdk": true,
+      "data-yv-theme": background === "dark" ? "dark" : "light",
+      className: "yv:flex yv:flex-col yv:bg-card yv:p-6 yv:max-w-md yv:rounded-2xl",
+      children: [
+        passage?.human_reference ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("h2", { className: "yv:font-bold yv:tracking-widest yv:text-xs yv:uppercase", children: [
+          passage.human_reference,
+          " ",
+          version2?.local_abbreviation
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          BibleTextView,
+          {
+            fontSize: 16,
+            fontFamily: "'Source Serif Pro', serif",
+            reference,
+            versionId
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "yv:grid yv:grid-cols-[1fr_auto] yv:gap-4 yv:items-center yv:mt-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "yv:text-balance yv:text-muted-foreground yv:justify-self-start yv:font-bold yv:text-[0.5rem]", children: version2?.copyright_short }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "yv:justify-self-end", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SvgComponent3, { fontSize: 12 }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/index.ts
+var import_platform_react_hooks7 = require("@youversion/platform-react-hooks");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ApiClient,
@@ -15666,6 +15712,7 @@ var import_platform_react_hooks6 = require("@youversion/platform-react-hooks");
   BibleSDKProvider,
   BibleTextView,
   BibleVersionPicker,
+  BibleWidgetView,
   HighlightsClient,
   LanguagesClient,
   MemoryStorageStrategy,

package/dist/index.js

@@ -15616,6 +15616,51 @@ function VerseOfTheDay({
   );
 }
 
+// src/components/bible-widget-view.tsx
+import { usePassage as usePassage3, useVersion as useVersion4 } from "@youversion/platform-react-hooks";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+function BibleWidgetView({
+  reference,
+  versionId,
+  background = "light"
+}) {
+  const { version: version2 } = useVersion4(versionId);
+  const { passage } = usePassage3({
+    versionId,
+    usfm: reference,
+    include_headings: true,
+    include_notes: true
+  });
+  return /* @__PURE__ */ jsxs13(
+    "section",
+    {
+      "data-yv-sdk": true,
+      "data-yv-theme": background === "dark" ? "dark" : "light",
+      className: "yv:flex yv:flex-col yv:bg-card yv:p-6 yv:max-w-md yv:rounded-2xl",
+      children: [
+        passage?.human_reference ? /* @__PURE__ */ jsxs13("h2", { className: "yv:font-bold yv:tracking-widest yv:text-xs yv:uppercase", children: [
+          passage.human_reference,
+          " ",
+          version2?.local_abbreviation
+        ] }) : null,
+        /* @__PURE__ */ jsx20(
+          BibleTextView,
+          {
+            fontSize: 16,
+            fontFamily: "'Source Serif Pro', serif",
+            reference,
+            versionId
+          }
+        ),
+        /* @__PURE__ */ jsxs13("div", { className: "yv:grid yv:grid-cols-[1fr_auto] yv:gap-4 yv:items-center yv:mt-4", children: [
+          /* @__PURE__ */ jsx20("div", { className: "yv:text-balance yv:text-muted-foreground yv:justify-self-start yv:font-bold yv:text-[0.5rem]", children: version2?.copyright_short }),
+          /* @__PURE__ */ jsx20("div", { className: "yv:justify-self-end", children: /* @__PURE__ */ jsx20(SvgComponent3, { fontSize: 12 }) })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/index.ts
 import { BibleSDKProvider } from "@youversion/platform-react-hooks";
 export {
@@ -15630,6 +15675,7 @@ export {
   BibleSDKProvider,
   BibleTextView,
   BibleVersionPicker,
+  BibleWidgetView,
   HighlightsClient,
   LanguagesClient,
   MemoryStorageStrategy,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youversion/platform-react-ui",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "React SDK for YouVersion Platform",
   "license": "TBD",
   "type": "module",
@@ -40,8 +40,8 @@
     "lucide-react": "0.546.0",
     "tailwind-merge": "3.3.1",
     "tw-animate-css": "1.4.0",
-    "@youversion/platform-core": "0.5.0",
-    "@youversion/platform-react-hooks": "0.5.0"
+    "@youversion/platform-core": "0.5.1",
+    "@youversion/platform-react-hooks": "0.5.1"
   },
   "peerDependencies": {
     "react": ">=19.1.0 <20.0.0",
@@ -74,8 +74,8 @@
     "vite": "7.1.11",
     "vitest": "4.0.4",
     "vitest-browser-react": "2.0.2",
-    "@internal/tsconfig": "0.0.0",
-    "@internal/eslint-config": "0.0.0"
+    "@internal/eslint-config": "0.0.0",
+    "@internal/tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public",