@youversion/platform-react-ui 0.5.8 → 0.7.0

package/README.md

@@ -27,17 +27,16 @@ Get your App Key at [platform.youversion.com](https://platform.youversion.com/)
 
 ## Usage
 
-Import styles and wrap your app:
+Wrap your app with the provider and use components:
 
 ```tsx
-import { BibleSDKProvider, BibleTextView } from '@youversion/platform-react-ui';
-import '@youversion/platform-react-ui/styles.css';
+import { YouVersionProvider, BibleTextView } from '@youversion/platform-react-ui';
 
 function App() {
   return (
-    <BibleSDKProvider appKey={"YOUR_APP_KEY"}>
+    <YouVersionProvider appKey={"YOUR_APP_KEY"}>
       <BibleTextView reference="JHN.1.1-4" versionId={111} />
-    </BibleSDKProvider>
+    </YouVersionProvider>
   );
 }
 ```
@@ -48,20 +47,20 @@ Toggle theme via the `YVPProvider`:
 
 ```tsx
 import { useState } from 'react';
-import { BibleSDKProvider, YVPProvider, BibleTextView } from '@youversion/platform-react-ui';
+import { YouVersionProvider, YVPProvider, BibleTextView } from '@youversion/platform-react-ui';
 
 export default function App() {
   const [theme, setTheme] = useState<'light' | 'dark'>('light');
 
   return (
-    <BibleSDKProvider appKey="YOUR_APP_KEY">
+    <YouVersionProvider appKey="YOUR_APP_KEY">
       <YVPProvider config={{ appKey: "YOUR_APP_KEY" }} theme={theme}>
         <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>
           Toggle theme
         </button>
         <BibleTextView reference="JHN.1.1-4" versionId={111} />
       </YVPProvider>
-    </BibleSDKProvider>
+    </YouVersionProvider>
   );
 }
 ```

package/dist/components/SignInButton.d.ts

@@ -1,24 +1,16 @@
 import React from 'react';
-import { type SignInWithYouVersionPermissionValues, type SignInWithYouVersionResult } from '@youversion/platform-core';
+import { type SignInWithYouVersionPermissionValues } from '@youversion/platform-core';
 interface SignInAuthProps {
     /**
      * Called when the sign-in flow fails.
      * @param error - The error thrown by the sign-in flow.
      */
     onAuthError?: (error: Error) => void;
-    /**
-     * Called when the sign-in flow succeeds.
-     * @param result - The result of the sign-in flow.
-     */
-    onSuccess?: (result: SignInWithYouVersionResult) => void;
     /**
      * Permissions that are requested but not required for sign-in to succeed.
      */
-    optionalPermissions?: SignInWithYouVersionPermissionValues[];
-    /**
-     * Permissions that must be granted for sign-in to succeed.
-     */
-    requiredPermissions?: SignInWithYouVersionPermissionValues[];
+    permissions?: SignInWithYouVersionPermissionValues[];
+    redirectUrl: string;
 }
 export interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, SignInAuthProps {
     /**
@@ -55,7 +47,6 @@ export interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButton
  *
  * Key behaviors:
  * - Prevents default click behavior and triggers the SDK `signIn` method.
- * - Calls `onSuccess` with the SignInWithYouVersionResult when sign-in succeeds.
  * - Calls `onAuthError` when the underlying sign-in flow throws.
  *
  * @param {SignInButtonProps} props - Component props (see {@link SignInButtonProps}).
@@ -63,10 +54,10 @@ export interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButton
  *
  * @example
  * import { SignInButton, SignInWithYouVersionPermission } from '@youversion/platform-react-ui';
- * import { useAuthentication } from '@youversion/platform-react-ui';
+ * import { useYVAuth } from '@youversion/platform-react-hooks';
  *
  * export default function UnauthenticatedView() {
- *   const auth = useAuthentication();
+ *   const { auth } = useYVAuth();
  *
  *   return (
  *     <div>
@@ -74,7 +65,6 @@ export interface SignInButtonProps extends React.ButtonHTMLAttributes<HTMLButton
  *       <SignInButton
  *         requiredPermissions={[SignInWithYouVersionPermission.bibles]}
  *         optionalPermissions={[SignInWithYouVersionPermission.highlights]}
- *         onSuccess={(result) => console.log('signed in', result)}
  *         onAuthError={(err) => console.error(err)}
  *       />
  *     </div>

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

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.d.ts","sourceRoot":"","sources":["../../src/components/SignInButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,oCAAoC,EACzC,KAAK,0BAA0B,EAChC,MAAM,2BAA2B,CAAC;AAMnC,UAAU,eAAe;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,mBAAmB,CAAC,EAAE,oCAAoC,EAAE,CAAC;IAC7D;;OAEG;IACH,mBAAmB,CAAC,EAAE,oCAAoC,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,eAAe;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACnC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,YAAY,6FAwHxB,CAAC"}
+{"version":3,"file":"SignInButton.d.ts","sourceRoot":"","sources":["../../src/components/SignInButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,oCAAoC,EAAE,MAAM,2BAA2B,CAAC;AAMtF,UAAU,eAAe;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,oCAAoC,EAAE,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,eAAe;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACnC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,YAAY,6FA+GxB,CAAC"}

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

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     beforeEach(): Promise<void>;
     args: {
-        onSuccess: import("storybook/test").Mock<(...args: any[]) => any>;
+        redirectUrl: string;
         onAuthError: import("storybook/test").Mock<(...args: any[]) => any>;
     };
     argTypes: {
@@ -17,17 +17,7 @@ declare const meta: {
                 disable: true;
             };
         };
-        onSuccess: {
-            table: {
-                disable: true;
-            };
-        };
-        optionalPermissions: {
-            table: {
-                disable: true;
-            };
-        };
-        requiredPermissions: {
+        permissions: {
             table: {
                 disable: true;
             };

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

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.stories.d.ts","sourceRoot":"","sources":["../../src/components/SignInButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoE2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAKnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAMxC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAMvC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAOvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAOtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAuB3C,CAAC"}
+{"version":3,"file":"SignInButton.stories.d.ts","sourceRoot":"","sources":["../../src/components/SignInButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAKnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAMxC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAMvC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAOvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAOtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAc3C,CAAC"}

package/dist/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
     size?: "default" | "sm" | "lg" | "icon";
 } & import("class-variance-authority/types").ClassProp) => string;
 type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {

package/dist/components/verse-of-the-day.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"verse-of-the-day.stories.d.ts","sourceRoot":"","sources":["../../src/components/verse-of-the-day.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAA,MAAM,IAAI;;;;;;;;;yBA2CE,KAAK,CAAC,aAAa,KAAG,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCd,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
+{"version":3,"file":"verse-of-the-day.stories.d.ts","sourceRoot":"","sources":["../../src/components/verse-of-the-day.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAA,MAAM,IAAI;;;;;;;;;yBA2CE,KAAK,CAAC,aAAa,KAAG,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCd,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmCrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}