@kerne/react 0.1.2 → 0.1.3

package/dist/{chunk-3PROPZWW.cjs → chunk-7U3QBMA7.cjs}

@@ -18,7 +18,19 @@ var defaultLocalization = {
     sending: "Sending...",
     continueWith: "Continue with {provider}",
     securedByKerne: "Secured by Kerne",
-    loading: "Loading"
+    loading: "Loading",
+    showPassword: "Show password",
+    hidePassword: "Hide password",
+    capsLockOn: "Caps Lock is on",
+    passwordHint: "At least {count} characters",
+    passwordRequireUppercase: "One uppercase letter",
+    passwordRequireNumber: "One number",
+    passwordRequireSymbol: "One special character",
+    strengthLabel: "Password strength",
+    strengthWeak: "Weak",
+    strengthFair: "Fair",
+    strengthGood: "Good",
+    strengthStrong: "Strong"
   },
   signIn: {
     title: "Welcome back",
@@ -319,6 +331,7 @@ var KerneClient = (_class = class {
   
   
   
+  
   __init() {this.refreshTimer = null}
   __init2() {this.listeners = /* @__PURE__ */ new Set()}
   __init3() {this._user = null}
@@ -335,6 +348,7 @@ var KerneClient = (_class = class {
     this.storage = _nullishCoalesce(config.storage, () => ( (typeof window !== "undefined" ? localStorage : null)));
     this.storageKey = _nullishCoalesce(config.storageKey, () => ( DEFAULT_STORAGE_KEY));
     this.onAuthChange = config.onAuthChange;
+    this.onHandoffError = config.onHandoffError;
     this.autoRefresh = _nullishCoalesce(config.autoRefresh, () => ( true));
     this.refreshBuffer = _nullishCoalesce(config.refreshBuffer, () => ( DEFAULT_REFRESH_BUFFER));
     this.kerne = new (0, _server.Kerne)({
@@ -455,6 +469,7 @@ var KerneClient = (_class = class {
             continue;
           }
           console.warn("[Kerne] Handoff exchange failed:", e);
+          _optionalChain([this, 'access', _4 => _4.onHandoffError, 'optionalCall', _5 => _5(e)]);
           return;
         }
       }
@@ -473,7 +488,7 @@ var KerneClient = (_class = class {
     } catch (e) {
       console.warn("[Kerne] Startup refresh failed, clearing session:", e);
       this._refreshToken = null;
-      _optionalChain([this, 'access', _4 => _4.storage, 'optionalAccess', _5 => _5.removeItem, 'call', _6 => _6(this.storageKey)]);
+      _optionalChain([this, 'access', _6 => _6.storage, 'optionalAccess', _7 => _7.removeItem, 'call', _8 => _8(this.storageKey)]);
     } finally {
       this._isLoading = false;
       this.notify();
@@ -491,7 +506,13 @@ var KerneClient = (_class = class {
     this._refreshToken = response.refresh_token;
     this._expiresAt = response.expires_at ? new Date(response.expires_at) : null;
     this.kerne = this.kerne.withToken(response.token);
-    this._user = await this.kerne.users.me();
+    try {
+      this._user = await this.kerne.users.me();
+    } catch (e) {
+      const sameUser = _optionalChain([this, 'access', _9 => _9._user, 'optionalAccess', _10 => _10.id]) === _optionalChain([response, 'access', _11 => _11.user, 'optionalAccess', _12 => _12.id]);
+      console.error("[Kerne] Failed to load the user profile:", e);
+      this._user = sameUser ? this._user : null;
+    }
     if (this.storage) {
       this.storage.setItem(
         this.storageKey,
@@ -504,7 +525,7 @@ var KerneClient = (_class = class {
       );
     }
     this.scheduleRefresh();
-    _optionalChain([this, 'access', _7 => _7.onAuthChange, 'optionalCall', _8 => _8(this._user)]);
+    _optionalChain([this, 'access', _13 => _13.onAuthChange, 'optionalCall', _14 => _14(this._user)]);
     this.notify();
   }
   clearSession() {
@@ -516,7 +537,7 @@ var KerneClient = (_class = class {
     if (this.storage) {
       this.storage.removeItem(this.storageKey);
     }
-    _optionalChain([this, 'access', _9 => _9.onAuthChange, 'optionalCall', _10 => _10(null)]);
+    _optionalChain([this, 'access', _15 => _15.onAuthChange, 'optionalCall', _16 => _16(null)]);
     this.notify();
   }
   scheduleRefresh() {
@@ -579,7 +600,7 @@ var KerneClient = (_class = class {
     try {
       const user = await this.kerne.users.me();
       this._user = user;
-      _optionalChain([this, 'access', _11 => _11.onAuthChange, 'optionalCall', _12 => _12(user)]);
+      _optionalChain([this, 'access', _17 => _17.onAuthChange, 'optionalCall', _18 => _18(user)]);
       this.notify();
       return user;
     } catch (e2) {
@@ -604,7 +625,7 @@ var KerneClient = (_class = class {
       } catch (e) {
       }
     }
-    _optionalChain([this, 'access', _13 => _13.onAuthChange, 'optionalCall', _14 => _14(updated)]);
+    _optionalChain([this, 'access', _19 => _19.onAuthChange, 'optionalCall', _20 => _20(updated)]);
     this.notify();
     return updated;
   }
@@ -777,7 +798,7 @@ function KerneProvider({ children, localization, ...config }) {
   }, [config.appId, config.baseUrl]);
   _react.useEffect.call(void 0, () => {
     return () => {
-      _optionalChain([client, 'access', _15 => _15.cancelRefresh, 'optionalCall', _16 => _16()]);
+      _optionalChain([client, 'access', _21 => _21.cancelRefresh, 'optionalCall', _22 => _22()]);
     };
   }, [client]);
   const l10n = _react.useMemo.call(void 0, () => mergeLocalization(localization), [localization]);
@@ -951,8 +972,8 @@ function useSubscription(productSlug) {
       mounted = false;
     };
   }, [client, productSlug]);
-  const isActive = _optionalChain([state, 'access', _17 => _17.subscription, 'optionalAccess', _18 => _18.status]) === "ACTIVE" || _optionalChain([state, 'access', _19 => _19.subscription, 'optionalAccess', _20 => _20.status]) === "TRIALING";
-  const planSlug = _optionalChain([state, 'access', _21 => _21.subscription, 'optionalAccess', _22 => _22.plan, 'optionalAccess', _23 => _23.slug]);
+  const isActive = _optionalChain([state, 'access', _23 => _23.subscription, 'optionalAccess', _24 => _24.status]) === "ACTIVE" || _optionalChain([state, 'access', _25 => _25.subscription, 'optionalAccess', _26 => _26.status]) === "TRIALING";
+  const planSlug = _optionalChain([state, 'access', _27 => _27.subscription, 'optionalAccess', _28 => _28.plan, 'optionalAccess', _29 => _29.slug]);
   return {
     ...state,
     isActive,
@@ -1099,9 +1120,9 @@ function useUser() {
     update: updateProfile,
     // Computed properties
     fullName: user ? `${user.first_name || ""} ${user.last_name || ""}`.trim() : null,
-    initials: user ? `${_optionalChain([user, 'access', _24 => _24.first_name, 'optionalAccess', _25 => _25[0]]) || ""}${_optionalChain([user, 'access', _26 => _26.last_name, 'optionalAccess', _27 => _27[0]]) || ""}`.toUpperCase() : null,
-    email: _optionalChain([user, 'optionalAccess', _28 => _28.email]) || null,
-    emailVerified: _optionalChain([user, 'optionalAccess', _29 => _29.email_verified]) || false
+    initials: user ? `${_optionalChain([user, 'access', _30 => _30.first_name, 'optionalAccess', _31 => _31[0]]) || ""}${_optionalChain([user, 'access', _32 => _32.last_name, 'optionalAccess', _33 => _33[0]]) || ""}`.toUpperCase() : null,
+    email: _optionalChain([user, 'optionalAccess', _34 => _34.email]) || null,
+    emailVerified: _optionalChain([user, 'optionalAccess', _35 => _35.email_verified]) || false
   };
 }
 

package/dist/{chunk-AIUIBAYB.js → chunk-F6NV76OR.js}

@@ -18,7 +18,19 @@ var defaultLocalization = {
     sending: "Sending...",
     continueWith: "Continue with {provider}",
     securedByKerne: "Secured by Kerne",
-    loading: "Loading"
+    loading: "Loading",
+    showPassword: "Show password",
+    hidePassword: "Hide password",
+    capsLockOn: "Caps Lock is on",
+    passwordHint: "At least {count} characters",
+    passwordRequireUppercase: "One uppercase letter",
+    passwordRequireNumber: "One number",
+    passwordRequireSymbol: "One special character",
+    strengthLabel: "Password strength",
+    strengthWeak: "Weak",
+    strengthFair: "Fair",
+    strengthGood: "Good",
+    strengthStrong: "Strong"
   },
   signIn: {
     title: "Welcome back",
@@ -317,6 +329,7 @@ var KerneClient = class {
   storage;
   storageKey;
   onAuthChange;
+  onHandoffError;
   autoRefresh;
   refreshBuffer;
   refreshTimer = null;
@@ -335,6 +348,7 @@ var KerneClient = class {
     this.storage = config.storage ?? (typeof window !== "undefined" ? localStorage : null);
     this.storageKey = config.storageKey ?? DEFAULT_STORAGE_KEY;
     this.onAuthChange = config.onAuthChange;
+    this.onHandoffError = config.onHandoffError;
     this.autoRefresh = config.autoRefresh ?? true;
     this.refreshBuffer = config.refreshBuffer ?? DEFAULT_REFRESH_BUFFER;
     this.kerne = new Kerne({
@@ -455,6 +469,7 @@ var KerneClient = class {
             continue;
           }
           console.warn("[Kerne] Handoff exchange failed:", e);
+          this.onHandoffError?.(e);
           return;
         }
       }
@@ -491,7 +506,13 @@ var KerneClient = class {
     this._refreshToken = response.refresh_token;
     this._expiresAt = response.expires_at ? new Date(response.expires_at) : null;
     this.kerne = this.kerne.withToken(response.token);
-    this._user = await this.kerne.users.me();
+    try {
+      this._user = await this.kerne.users.me();
+    } catch (e) {
+      const sameUser = this._user?.id === response.user?.id;
+      console.error("[Kerne] Failed to load the user profile:", e);
+      this._user = sameUser ? this._user : null;
+    }
     if (this.storage) {
       this.storage.setItem(
         this.storageKey,

package/dist/{i18n-Qketn1RF.d.cts → i18n-BWTT1DWD.d.cts}

@@ -16,6 +16,22 @@ interface KerneLocalization {
         continueWith: string;
         securedByKerne: string;
         loading: string;
+        showPassword: string;
+        hidePassword: string;
+        capsLockOn: string;
+        /**
+         * The tenant's password rules, stated before the server can reject them.
+         * Only the rules that tenant actually enforces are rendered.
+         */
+        passwordHint: string;
+        passwordRequireUppercase: string;
+        passwordRequireNumber: string;
+        passwordRequireSymbol: string;
+        strengthLabel: string;
+        strengthWeak: string;
+        strengthFair: string;
+        strengthGood: string;
+        strengthStrong: string;
     };
     signIn: {
         title: string;

package/dist/{i18n-Qketn1RF.d.ts → i18n-BWTT1DWD.d.ts}

@@ -16,6 +16,22 @@ interface KerneLocalization {
         continueWith: string;
         securedByKerne: string;
         loading: string;
+        showPassword: string;
+        hidePassword: string;
+        capsLockOn: string;
+        /**
+         * The tenant's password rules, stated before the server can reject them.
+         * Only the rules that tenant actually enforces are rendered.
+         */
+        passwordHint: string;
+        passwordRequireUppercase: string;
+        passwordRequireNumber: string;
+        passwordRequireSymbol: string;
+        strengthLabel: string;
+        strengthWeak: string;
+        strengthFair: string;
+        strengthGood: string;
+        strengthStrong: string;
     };
     signIn: {
         title: string;

package/dist/index.cjs

@@ -17,25 +17,25 @@
 
 
 
-var _chunk3PROPZWWcjs = require('./chunk-3PROPZWW.cjs');
+var _chunk7U3QBMA7cjs = require('./chunk-7U3QBMA7.cjs');
 
 // src/components.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _jsxruntime = require('react/jsx-runtime');
 function Authenticated({ children, fallback = null }) {
-  const { isAuthenticated } = _chunk3PROPZWWcjs.useAuth.call(void 0, );
+  const { isAuthenticated } = _chunk7U3QBMA7cjs.useAuth.call(void 0, );
   return isAuthenticated ? children : fallback;
 }
 function Unauthenticated({ children, fallback = null }) {
-  const { isAuthenticated } = _chunk3PROPZWWcjs.useAuth.call(void 0, );
+  const { isAuthenticated } = _chunk7U3QBMA7cjs.useAuth.call(void 0, );
   return !isAuthenticated ? children : fallback;
 }
 function AuthLoading({ children }) {
-  const client = _chunk3PROPZWWcjs.useClient.call(void 0, );
+  const client = _chunk7U3QBMA7cjs.useClient.call(void 0, );
   return client.isLoading ? children : null;
 }
 function HasSubscription({ children, fallback = null }) {
-  const client = _chunk3PROPZWWcjs.useClient.call(void 0, );
+  const client = _chunk7U3QBMA7cjs.useClient.call(void 0, );
   const [hasSubscription, setHasSubscription] = _react2.default.useState(null);
   _react2.default.useEffect(() => {
     client.getSubscription().then((sub) => {
@@ -53,7 +53,7 @@ function Allows({
   minimum,
   fallback = null
 }) {
-  const client = _chunk3PROPZWWcjs.useClient.call(void 0, );
+  const client = _chunk7U3QBMA7cjs.useClient.call(void 0, );
   const [allowed, setAllowed] = _react2.default.useState(null);
   _react2.default.useEffect(() => {
     client.allows(featureKey, minimum).then((result) => {
@@ -72,7 +72,7 @@ function Protected({
   authFallback = null,
   billingFallback = null
 }) {
-  const { isAuthenticated } = _chunk3PROPZWWcjs.useAuth.call(void 0, );
+  const { isAuthenticated } = _chunk7U3QBMA7cjs.useAuth.call(void 0, );
   if (auth && !isAuthenticated) {
     return authFallback;
   }
@@ -183,4 +183,4 @@ function useKerneError() {
 
 
 
-exports.Allows = Allows; exports.AuthLoading = AuthLoading; exports.Authenticated = Authenticated; exports.HasSubscription = HasSubscription; exports.KerneClient = _chunk3PROPZWWcjs.KerneClient; exports.KerneContext = _chunk3PROPZWWcjs.KerneContext; exports.KerneErrorBoundary = KerneErrorBoundary; exports.KerneProvider = _chunk3PROPZWWcjs.KerneProvider; exports.Protected = Protected; exports.Unauthenticated = Unauthenticated; exports.defaultLocalization = _chunk3PROPZWWcjs.defaultLocalization; exports.useAccess = _chunk3PROPZWWcjs.useAccess; exports.useAuth = _chunk3PROPZWWcjs.useAuth; exports.useAuthConfig = _chunk3PROPZWWcjs.useAuthConfig; exports.useCheckout = _chunk3PROPZWWcjs.useCheckout; exports.useClient = _chunk3PROPZWWcjs.useClient; exports.useEntitlements = _chunk3PROPZWWcjs.useEntitlements; exports.useInvitation = _chunk3PROPZWWcjs.useInvitation; exports.useKerneError = useKerneError; exports.usePlans = _chunk3PROPZWWcjs.usePlans; exports.usePortal = _chunk3PROPZWWcjs.usePortal; exports.useSubscription = _chunk3PROPZWWcjs.useSubscription; exports.useUsage = _chunk3PROPZWWcjs.useUsage; exports.useUser = _chunk3PROPZWWcjs.useUser; exports.useWaitlist = _chunk3PROPZWWcjs.useWaitlist;
+exports.Allows = Allows; exports.AuthLoading = AuthLoading; exports.Authenticated = Authenticated; exports.HasSubscription = HasSubscription; exports.KerneClient = _chunk7U3QBMA7cjs.KerneClient; exports.KerneContext = _chunk7U3QBMA7cjs.KerneContext; exports.KerneErrorBoundary = KerneErrorBoundary; exports.KerneProvider = _chunk7U3QBMA7cjs.KerneProvider; exports.Protected = Protected; exports.Unauthenticated = Unauthenticated; exports.defaultLocalization = _chunk7U3QBMA7cjs.defaultLocalization; exports.useAccess = _chunk7U3QBMA7cjs.useAccess; exports.useAuth = _chunk7U3QBMA7cjs.useAuth; exports.useAuthConfig = _chunk7U3QBMA7cjs.useAuthConfig; exports.useCheckout = _chunk7U3QBMA7cjs.useCheckout; exports.useClient = _chunk7U3QBMA7cjs.useClient; exports.useEntitlements = _chunk7U3QBMA7cjs.useEntitlements; exports.useInvitation = _chunk7U3QBMA7cjs.useInvitation; exports.useKerneError = useKerneError; exports.usePlans = _chunk7U3QBMA7cjs.usePlans; exports.usePortal = _chunk7U3QBMA7cjs.usePortal; exports.useSubscription = _chunk7U3QBMA7cjs.useSubscription; exports.useUsage = _chunk7U3QBMA7cjs.useUsage; exports.useUser = _chunk7U3QBMA7cjs.useUser; exports.useWaitlist = _chunk7U3QBMA7cjs.useWaitlist;

package/dist/index.d.cts

@@ -5,13 +5,23 @@ export { JoinWaitlistParams, ValidateCodeResponse, ValidateTokenResponse, Waitli
 import * as _kerne_types from '@kerne/types';
 import { User, AuthResponse, ActivationContext, AuthConfig, EntitlementCheck, SubscriptionWithPlan, PublicPlan, Entitlements, UsageRecord } from '@kerne/types';
 export { ActivationContext, AuthConfig, AuthResponse, EntitlementCheck, Entitlements, PublicPlan, Subscription, SubscriptionWithPlan, UsageRecord, User } from '@kerne/types';
-import { D as DeepPartial, K as KerneLocalization } from './i18n-Qketn1RF.cjs';
-export { d as defaultLocalization } from './i18n-Qketn1RF.cjs';
+import { D as DeepPartial, K as KerneLocalization } from './i18n-BWTT1DWD.cjs';
+export { d as defaultLocalization } from './i18n-BWTT1DWD.cjs';
 
 interface KerneReactConfig extends Omit<KerneConfig, 'secretKey'> {
     storage?: Storage;
     storageKey?: string;
     onAuthChange?: (user: User | null) => void;
+    /**
+     * A cross-origin handoff arrived but could not be exchanged for a session -
+     * an expired one-time code, or an origin this tenant does not allow.
+     *
+     * Worth handling: the SDK cannot render UI, so without this the user
+     * completes a magic link, lands on your app, and is simply not signed in
+     * with nothing on screen explaining why. Typically a toast plus a link back
+     * to sign in.
+     */
+    onHandoffError?: (error: unknown) => void;
     /** Auto-refresh session before expiry (default: true) */
     autoRefresh?: boolean;
     /** Refresh buffer in seconds before expiry (default: 60) */
@@ -24,6 +34,7 @@ declare class KerneClient {
     private storage;
     private storageKey;
     private onAuthChange?;
+    private onHandoffError?;
     private autoRefresh;
     private refreshBuffer;
     private refreshTimer;

package/dist/index.d.ts

@@ -5,13 +5,23 @@ export { JoinWaitlistParams, ValidateCodeResponse, ValidateTokenResponse, Waitli
 import * as _kerne_types from '@kerne/types';
 import { User, AuthResponse, ActivationContext, AuthConfig, EntitlementCheck, SubscriptionWithPlan, PublicPlan, Entitlements, UsageRecord } from '@kerne/types';
 export { ActivationContext, AuthConfig, AuthResponse, EntitlementCheck, Entitlements, PublicPlan, Subscription, SubscriptionWithPlan, UsageRecord, User } from '@kerne/types';
-import { D as DeepPartial, K as KerneLocalization } from './i18n-Qketn1RF.js';
-export { d as defaultLocalization } from './i18n-Qketn1RF.js';
+import { D as DeepPartial, K as KerneLocalization } from './i18n-BWTT1DWD.js';
+export { d as defaultLocalization } from './i18n-BWTT1DWD.js';
 
 interface KerneReactConfig extends Omit<KerneConfig, 'secretKey'> {
     storage?: Storage;
     storageKey?: string;
     onAuthChange?: (user: User | null) => void;
+    /**
+     * A cross-origin handoff arrived but could not be exchanged for a session -
+     * an expired one-time code, or an origin this tenant does not allow.
+     *
+     * Worth handling: the SDK cannot render UI, so without this the user
+     * completes a magic link, lands on your app, and is simply not signed in
+     * with nothing on screen explaining why. Typically a toast plus a link back
+     * to sign in.
+     */
+    onHandoffError?: (error: unknown) => void;
     /** Auto-refresh session before expiry (default: true) */
     autoRefresh?: boolean;
     /** Refresh buffer in seconds before expiry (default: 60) */
@@ -24,6 +34,7 @@ declare class KerneClient {
     private storage;
     private storageKey;
     private onAuthChange?;
+    private onHandoffError?;
     private autoRefresh;
     private refreshBuffer;
     private refreshTimer;

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   useUsage,
   useUser,
   useWaitlist
-} from "./chunk-AIUIBAYB.js";
+} from "./chunk-F6NV76OR.js";
 
 // src/components.tsx
 import React from "react";