@multiplatform.one/keycloak 1.0.36 → 2.0.1

package/dist/jsx/session/session.native.js

@@ -1,125 +1,5 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg), value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  info.done ? resolve(value) : Promise.resolve(value).then(_next, _throw);
-}
-function _async_to_generator(fn) {
-  return function() {
-    var self = this, args = arguments;
-    return new Promise(function(resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(void 0);
-    });
-  };
-}
-function _ts_generator(thisArg, body) {
-  var f, y, t, g, _ = {
-    label: 0,
-    sent: function() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  };
-  return g = {
-    next: verb(0),
-    throw: verb(1),
-    return: verb(2)
-  }, typeof Symbol == "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([
-        n,
-        v
-      ]);
-    };
-  }
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-    for (; _; ) try {
-      if (f = 1, y && (t = op[0] & 2 ? y.return : op[0] ? y.throw || ((t = y.return) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-      switch (y = 0, t && (op = [
-        op[0] & 2,
-        t.value
-      ]), op[0]) {
-        case 0:
-        case 1:
-          t = op;
-          break;
-        case 4:
-          return _.label++, {
-            value: op[1],
-            done: !1
-          };
-        case 5:
-          _.label++, y = op[1], op = [
-            0
-          ];
-          continue;
-        case 7:
-          op = _.ops.pop(), _.trys.pop();
-          continue;
-        default:
-          if (t = _.trys, !(t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-            _ = 0;
-            continue;
-          }
-          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-            _.label = op[1];
-            break;
-          }
-          if (op[0] === 6 && _.label < t[1]) {
-            _.label = t[1], t = op;
-            break;
-          }
-          if (t && _.label < t[2]) {
-            _.label = t[2], _.ops.push(op);
-            break;
-          }
-          t[2] && _.ops.pop(), _.trys.pop();
-          continue;
-      }
-      op = body.call(thisArg, _);
-    } catch (e) {
-      op = [
-        6,
-        e
-      ], y = 0;
-    } finally {
-      f = t = 0;
-    }
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: !0
-    };
-  }
-}
-function getSession() {
-  return _getSession.apply(this, arguments);
-}
-function _getSession() {
-  return _getSession = _async_to_generator(function() {
-    return _ts_generator(this, function(_state) {
-      return [
-        2,
-        null
-      ];
-    });
-  }), _getSession.apply(this, arguments);
+async function getSession() {
+  return null;
 }
 function useSession(_options) {
   return {};

package/dist/jsx/session/session.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/session/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/keycloak/src/session/session.native.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAsBA,aAAAA;SAAAA,YAAAA,MAAAA,MAAAA,SAAAA;;SAAAA,cAAAA;AAAAA,uBAAf,oBAAA,WAAA;;AACL,aAAA;;QAAO;;;EACT,CAAA,GAFsBA,YAAAA,MAAAA,MAAAA,SAAAA;;AAIf,SAASC,WAA8BC,UAA+B;AAC3E,SAAO,CAAC;AACV;",
+  "mappings": "AAwBA,eAAsBA,aAAAA;AACpB,SAAO;AACT;AAEO,SAASC,WACdC,UAA+B;AAE/B,SAAO,CAAC;AACV;",
   "names": ["getSession", "useSession", "_options"]
 }

package/dist/jsx/state.js

@@ -1,20 +1,16 @@
+import { createUseStore } from "@multiplatform.one/use-store";
 import { MultiPlatform } from "multiplatform.one";
-import { createStateStore } from "@multiplatform.one/zustand";
-const persist = MultiPlatform.isIframe || !MultiPlatform.isNext && !MultiPlatform.isServer, { useStore } = createStateStore(
-  "auth",
-  {
-    idToken: "",
-    refreshToken: "",
-    token: ""
-  },
-  void 0,
-  { persist }
-);
-function useAuthState() {
-  return useStore();
+const persist = MultiPlatform.isIframe || !MultiPlatform.isNext && !MultiPlatform.isServer;
+class AuthStore {
+  idToken = "";
+  refreshToken = "";
+  token = "";
 }
+const useAuthStore = createUseStore(AuthStore, {
+  persist
+});
 export {
   persist,
-  useAuthState
+  useAuthStore
 };
 //# sourceMappingURL=state.js.map

package/dist/jsx/state.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/state.ts"],
-  "mappings": "AAqBA,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,MAAM,UAAU,cAAc,YAAa,CAAC,cAAc,UAAU,CAAC,cAAc,UAEpF,EAAE,SAAS,IAAI;AAAA,EACnB;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,cAAc;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EACA;AAAA,EACA,EAAE,QAAQ;AACZ;AAEO,SAAS,eAAe;AAC7B,SAAO,SAAS;AAClB;",
+  "mappings": "AAqBA,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAEvB,MAAM,UACX,cAAc,YAAa,CAAC,cAAc,UAAU,CAAC,cAAc;AAErE,MAAM,UAAU;AAAA,EACd,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ;AACV;AAEO,MAAM,eAAe,eAAe,WAAW;AAAA,EACpD;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/state.mjs

@@ -1,16 +1,13 @@
+import { createUseStore } from "@multiplatform.one/use-store";
 import { MultiPlatform } from "multiplatform.one";
-import { createStateStore } from "@multiplatform.one/zustand";
-const persist = MultiPlatform.isIframe || !MultiPlatform.isNext && !MultiPlatform.isServer,
-  {
-    useStore
-  } = createStateStore("auth", {
-    idToken: "",
-    refreshToken: "",
-    token: ""
-  }, void 0, {
-    persist
-  });
-function useAuthState() {
-  return useStore();
+const persist = MultiPlatform.isIframe || !MultiPlatform.isNext && !MultiPlatform.isServer;
+class AuthStore {
+  idToken = "";
+  refreshToken = "";
+  token = "";
 }
-export { persist, useAuthState };
+const useAuthStore = createUseStore(AuthStore, {
+  persist
+});
+export { persist, useAuthStore };
+//# sourceMappingURL=state.mjs.map

package/dist/jsx/state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createUseStore","MultiPlatform","persist","isIframe","isNext","isServer","AuthStore","idToken","refreshToken","token","useAuthStore"],"sources":["../../src/state.ts"],"sourcesContent":[null],"mappings":"AAqBA,SAASA,cAAA,QAAsB;AAC/B,SAASC,aAAA,QAAqB;AAEvB,MAAMC,OAAA,GACXD,aAAA,CAAcE,QAAA,IAAa,CAACF,aAAA,CAAcG,MAAA,IAAU,CAACH,aAAA,CAAcI,QAAA;AAErE,MAAMC,SAAA,CAAU;EACdC,OAAA,GAAU;EACVC,YAAA,GAAe;EACfC,KAAA,GAAQ;AACV;AAEO,MAAMC,YAAA,GAAeV,cAAA,CAAeM,SAAA,EAAW;EACpDJ;AACF,CAAC","ignoreList":[]}

package/dist/jsx/state.native.js

@@ -1,17 +1,25 @@
+import { createUseStore } from "@multiplatform.one/use-store";
 import { MultiPlatform } from "multiplatform.one";
-import { createStateStore } from "@multiplatform.one/zustand";
-var persist = MultiPlatform.isIframe || !MultiPlatform.isNext && !MultiPlatform.isServer, useStore = createStateStore("auth", {
-  idToken: "",
-  refreshToken: "",
-  token: ""
-}, void 0, {
-  persist
-}).useStore;
-function useAuthState() {
-  return useStore();
+function _class_call_check(instance, Constructor) {
+  if (!(instance instanceof Constructor))
+    throw new TypeError("Cannot call a class as a function");
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
 }
+var persist = MultiPlatform.isIframe || !MultiPlatform.isNext && !MultiPlatform.isServer, AuthStore = function AuthStore2() {
+  "use strict";
+  _class_call_check(this, AuthStore2), _define_property(this, "idToken", ""), _define_property(this, "refreshToken", ""), _define_property(this, "token", "");
+}, useAuthStore = createUseStore(AuthStore, {
+  persist
+});
 export {
   persist,
-  useAuthState
+  useAuthStore
 };
 //# sourceMappingURL=state.js.map

package/dist/jsx/state.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/keycloak/src/state.ts"],
-  "mappings": "AAqBA,SAASA,qBAAqB;AAC9B,SAASC,wBAAwB;AAE1B,IAAMC,UAAUF,cAAcG,YAAa,CAACH,cAAcI,UAAU,CAACJ,cAAcK,UAElFC,WAAaL,iBACnB,QACA;EACEM,SAAS;EACTC,cAAc;EACdC,OAAO;AACT,GACAC,QACA;EAAER;AAAQ,CAAA,EARJI;AAWD,SAASK,eAAAA;AACd,SAAOL,SAAAA;AACT;",
-  "names": ["MultiPlatform", "createStateStore", "persist", "isIframe", "isNext", "isServer", "useStore", "idToken", "refreshToken", "token", "undefined", "useAuthState"]
+  "mappings": "AAqBA,SAASA,sBAAsB;AAC/B,SAASC,qBAAqB;AAH7B,SAAA,kBAAA,UAAA,aAAA;;;;;;;;;;;;AAKM,IAAMC,UACXD,cAAcE,YAAa,CAACF,cAAcG,UAAU,CAACH,cAAcI,UAE/DC,YAAN,SAAMA,aAAAA;;0BAAAA,UAAAA,GACJC,iBAAAA,MAAAA,WAAU,EAAA,GACVC,iBAAAA,MAAAA,gBAAe,EAAA,GACfC,iBAAAA,MAAAA,SAAQ,EAAA;GAGGC,eAAeV,eAAeM,WAAW;EACpDJ;AACF,CAAA;",
+  "names": ["createUseStore", "MultiPlatform", "persist", "isIframe", "isNext", "isServer", "AuthStore", "idToken", "refreshToken", "token", "useAuthStore"]
 }

package/dist/jsx/token.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/token.ts"],
-  "mappings": "AAsBA,SAAS,iBAAiB;AAUnB,SAAS,wBAAwB,OAA0B,cAAiC;AACjG,MAAI,SAAO,QAAU;AACrB,WAAK,QACD,OAAO,SAAU,WAAiB,QAClC,eACE,iBAAiB,MAAQ,CAAC,eAAe,YAAY,IAAU,QAC5D,KAEF,eAAe,KAAK,IAAI,KAAQ,QANpB;AAOrB;AAEO,SAAS,eAAe,OAAe;AAC5C,QAAM,EAAE,IAAI,IAAI,UAAU,KAAK;AAC/B,SAAK,MACE,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,KAAK,MADvB;AAEnB;",
+  "mappings": "AAqBA,SAAS,iBAAiB;AAWnB,SAAS,wBACd,OACA,cACA;AACA,MAAI,SAAO,QAAU;AACrB,WAAK,QACD,OAAO,SAAU,WAAiB,QAClC,eACE,iBAAiB,MAAQ,CAAC,eAAe,YAAY,IAAU,QAC5D,KAEF,eAAe,KAAK,IAAI,KAAQ,QANpB;AAOrB;AAEO,SAAS,eAAe,OAAe;AAC5C,QAAM,EAAE,IAAI,IAAI,UAAU,KAAK;AAC/B,SAAK,MACE,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,KAAK,MADvB;AAEnB;",
   "names": []
 }

package/dist/jsx/token.mjs

@@ -8,4 +8,5 @@ function isTokenExpired(token) {
   } = jwtDecode(token);
   return exp ? Math.floor(Date.now() / 1e3) >= exp : !1;
 }
-export { isTokenExpired, validOrRefreshableToken };
+export { isTokenExpired, validOrRefreshableToken };
+//# sourceMappingURL=token.mjs.map

package/dist/jsx/token.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jwtDecode","validOrRefreshableToken","token","refreshToken","isTokenExpired","exp","Math","floor","Date","now"],"sources":["../../src/token.ts"],"sourcesContent":[null],"mappings":"AAqBA,SAASA,SAAA,QAAiB;AAWnB,SAASC,wBACdC,KAAA,EACAC,YAAA,EACA;EACA,IAAI,SAAOD,KAAA,GAAU,MACrB,OAAKA,KAAA,GACD,OAAOA,KAAA,IAAU,WAAiBA,KAAA,GAClCC,YAAA,GACEA,YAAA,KAAiB,MAAQ,CAACC,cAAA,CAAeD,YAAY,IAAUD,KAAA,GAC5D,KAEFE,cAAA,CAAeF,KAAK,IAAI,KAAQA,KAAA,GANpB;AAOrB;AAEO,SAASE,eAAeF,KAAA,EAAe;EAC5C,MAAM;IAAEG;EAAI,IAAIL,SAAA,CAAUE,KAAK;EAC/B,OAAKG,GAAA,GACEC,IAAA,CAAKC,KAAA,CAAMC,IAAA,CAAKC,GAAA,CAAI,IAAI,GAAI,KAAKJ,GAAA,GADvB;AAEnB","ignoreList":[]}

package/dist/jsx/token.native.js

@@ -4,7 +4,7 @@ function validOrRefreshableToken(token, refreshToken) {
     return token ? typeof token != "string" ? token : refreshToken ? refreshToken === !0 || !isTokenExpired(refreshToken) ? token : !1 : isTokenExpired(token) ? !1 : token : !1;
 }
 function isTokenExpired(token) {
-  var exp = jwtDecode(token).exp;
+  var { exp } = jwtDecode(token);
   return exp ? Math.floor(Date.now() / 1e3) >= exp : !1;
 }
 export {

package/dist/jsx/token.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/keycloak/src/token.ts"],
-  "mappings": "AAsBA,SAASA,iBAAiB;AAUnB,SAASC,wBAAwBC,OAA0BC,cAA+B;AAC/F,MAAI,SAAOD,QAAU;AACrB,WAAKA,QACD,OAAOA,SAAU,WAAiBA,QAClCC,eACEA,iBAAiB,MAAQ,CAACC,eAAeD,YAAAA,IAAsBD,QAC5D,KAEFE,eAAeF,KAAAA,IAAS,KAAQA,QANpB;AAOrB;AAEO,SAASE,eAAeF,OAAa;AAC1C,MAAQG,MAAQL,UAAUE,KAAAA,EAAlBG;AACR,SAAKA,MACEC,KAAKC,MAAMC,KAAKC,IAAG,IAAK,GAAA,KAASJ,MADvB;AAEnB;",
+  "mappings": "AAqBA,SAASA,iBAAiB;AAWnB,SAASC,wBACdC,OACAC,cAA+B;AAE/B,MAAI,SAAOD,QAAU;AACrB,WAAKA,QACD,OAAOA,SAAU,WAAiBA,QAClCC,eACEA,iBAAiB,MAAQ,CAACC,eAAeD,YAAAA,IAAsBD,QAC5D,KAEFE,eAAeF,KAAAA,IAAS,KAAQA,QANpB;AAOrB;AAEO,SAASE,eAAeF,OAAa;AAC1C,MAAM,EAAEG,IAAG,IAAKL,UAAUE,KAAAA;AAC1B,SAAKG,MACEC,KAAKC,MAAMC,KAAKC,IAAG,IAAK,GAAA,KAASJ,MADvB;AAEnB;",
   "names": ["jwtDecode", "validOrRefreshableToken", "token", "refreshToken", "isTokenExpired", "exp", "Math", "floor", "Date", "now"]
 }

package/dist/jsx/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/keycloak",
-  "version": "1.0.36",
+  "version": "2.0.1",
   "description": "keycloak client for multiplatform.one ecosystem",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -10,14 +10,14 @@
   "types": "types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js",
-      "types": "./types/index.d.ts"
+      "require": "./dist/cjs/index.js"
     },
     "./routes": {
+      "types": "./types/routes.d.ts",
       "import": "./dist/esm/routes.js",
-      "require": "./dist/cjs/routes.js",
-      "types": "./dist/esm/routes.d.ts"
+      "require": "./dist/cjs/routes.js"
     },
     "./package.json": "./package.json"
   },
@@ -44,23 +44,23 @@
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": "1.21.0",
-    "multiplatform.one": "1.0.34",
+    "multiplatform.one": "1.1.1",
     "next": "^13.0.5",
     "react": "18.2.0",
     "react-native": "0.74.2"
   },
   "devDependencies": {
     "@react-native-async-storage/async-storage": "1.23.1",
-    "@tamagui/build": "^1.100.3",
-    "@testing-library/jest-dom": "^6.4.6",
+    "@tamagui/build": "^1.112.4",
+    "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^15.0.7",
     "@types/lodash.camelcase": "^4.3.9",
     "@types/lodash.startcase": "^4.4.9",
     "@types/react": "^18.3.1",
     "@types/react-native": "^0.73.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "multiplatform.one": "1.0.34",
-    "next": "^14.2.3",
+    "multiplatform.one": "1.1.1",
+    "next": "^14.2.13",
     "react": "18.2.0",
     "react-native": "0.74.2",
     "typescript": "~5.3.3",
@@ -70,16 +70,13 @@
   "engines": {
     "node": ">=6.0.0"
   },
-  "eslintIgnore": [
-    "lib"
-  ],
   "dependencies": {
-    "@multiplatform.one/zustand": "1.0.26",
+    "@multiplatform.one/use-store": "0.0.2",
     "expo-auth-session": "^5.5.2",
     "expo-crypto": "^13.0.2",
     "jwt-decode": "^4.0.0",
     "keycloak-js": "^24.0.5",
-    "next-auth": "^4.24.7"
+    "next-auth": "^4.24.8"
   },
   "scripts": {
     "build": "rm -rf dist types 2>/dev/null && tamagui-build"

package/routes/index.d.ts

@@ -19,4 +19,4 @@
  * limitations under the License.
  */
 
-export * from '../types/routes';
+export * from "../types/routes";

package/routes/index.js

@@ -19,4 +19,4 @@
  * limitations under the License.
  */
 
-module.exports = require('../dist/cjs/routes.js');
+module.exports = require("../dist/cjs/routes.js");

package/src/@types/expoKeycloakAuth.d.ts

@@ -19,7 +19,7 @@
  * limitations under the License.
  */
 
-declare module 'expo-keycloak-auth' {
+declare module "expo-keycloak-auth" {
   export const KeycloakProvider: any;
   export function useKeycloak(): any;
 }

package/src/Authenticated.tsx

@@ -19,14 +19,18 @@
  * limitations under the License.
  */
 
-'use client';
+"use client";
 
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import React, { ComponentType, PropsWithChildren, useEffect } from 'react';
-import { MultiPlatform } from 'multiplatform.one';
-import { Text } from 'tamagui';
-import { useAuthConfig, useTokensFromQuery } from './hooks';
-import { useKeycloak } from './keycloak';
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { MultiPlatform } from "multiplatform.one";
+import React, {
+  type ComponentType,
+  type PropsWithChildren,
+  useEffect,
+} from "react";
+import { Text } from "tamagui";
+import { useAuthConfig, useTokensFromQuery } from "./hooks";
+import { useKeycloak } from "./keycloak";
 
 global.AsyncStorage = AsyncStorage;
 
@@ -36,13 +40,24 @@ export interface AuthenticatedProps extends PropsWithChildren {
   loggedOutComponent?: ComponentType;
 }
 
-export function Authenticated({ children, disabled, loggedOutComponent, loadingComponent }: AuthenticatedProps) {
+export function Authenticated({
+  children,
+  disabled,
+  loggedOutComponent,
+  loadingComponent,
+}: AuthenticatedProps) {
   const authConfig = useAuthConfig();
   const keycloak = useKeycloak();
   const tokensFromQuery = useTokensFromQuery();
 
   useEffect(() => {
-    if (!keycloak || MultiPlatform.isIframe || MultiPlatform.isServer || keycloak.authenticated || tokensFromQuery) {
+    if (
+      !keycloak ||
+      MultiPlatform.isIframe ||
+      MultiPlatform.isServer ||
+      keycloak.authenticated ||
+      tokensFromQuery
+    ) {
       return;
     }
     keycloak?.login({
@@ -50,20 +65,31 @@ export function Authenticated({ children, disabled, loggedOutComponent, loadingC
     });
   }, [keycloak?.authenticated]);
 
-  if (typeof disabled === 'undefined') disabled = authConfig.disabled;
+  if (typeof disabled === "undefined") disabled = authConfig.disabled;
   if (disabled) return <>{children}</>;
-  if (typeof keycloak === 'undefined') {
+  if (typeof keycloak === "undefined") {
     const LoadingComponent = loadingComponent;
-    return LoadingComponent ? <LoadingComponent /> : <Text>{authConfig.debug ? 'loading' : null}</Text>;
+    return LoadingComponent ? (
+      <LoadingComponent />
+    ) : (
+      <Text>{authConfig.debug ? "loading" : null}</Text>
+    );
   }
   if (keycloak === null || keycloak.authenticated) return <>{children}</>;
   const LoggedOutComponent = loggedOutComponent;
-  return LoggedOutComponent ? <LoggedOutComponent /> : <Text>{authConfig.debug ? 'not authenticated' : null}</Text>;
+  return LoggedOutComponent ? (
+    <LoggedOutComponent />
+  ) : (
+    <Text>{authConfig.debug ? "not authenticated" : null}</Text>
+  );
 }
 
-export function withAuthenticated<P extends object>(Component: ComponentType<P>) {
+export function withAuthenticated<P extends object>(
+  Component: ComponentType<P>,
+  options: AuthenticatedProps = {},
+) {
   return (props: P) => (
-    <Authenticated>
+    <Authenticated {...options}>
       <Component {...props} />
     </Authenticated>
   );

package/src/Loading.tsx

@@ -0,0 +1,37 @@
+/**
+ * File: /src/Loading.tsx
+ * Project: @multiplatform.one/keycloak
+ * File Created: 01-01-1970 00:00:00
+ * Author: Clay Risser
+ * -----
+ * BitSpur (c) Copyright 2021 - 2024
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ComponentType } from "react";
+import { Text } from "tamagui";
+import { useAuthConfig } from "./hooks";
+
+export interface LoadingProps {
+  loadingComponent?: ComponentType;
+}
+
+export function Loading({ loadingComponent }: LoadingProps) {
+  const { debug } = useAuthConfig();
+  const LoadingComponent = loadingComponent;
+  if (typeof LoadingComponent === "undefined") {
+    return <Text>{debug ? "loading" : null}</Text>;
+  }
+  return <LoadingComponent />;
+}

package/src/authConfig.ts

@@ -19,9 +19,9 @@
  * limitations under the License.
  */
 
-'use client';
+"use client";
 
-import { createContext } from 'react';
+import { createContext } from "react";
 
 export const defaultAuthConfig: AuthConfig = {};
 

package/src/hooks/index.ts

@@ -19,6 +19,6 @@
  * limitations under the License.
  */
 
-export * from './useAuthConfig';
-export * from './useTokensFromQuery';
-export * from './useTokensFromState';
+export * from "./useAuthConfig";
+export * from "./useTokensFromQuery";
+export * from "./useTokensFromState";

package/src/hooks/useAuthConfig.ts

@@ -19,8 +19,8 @@
  * limitations under the License.
  */
 
-import { useContext } from 'react';
-import { AuthConfigContext } from '../authConfig';
+import { useContext } from "react";
+import { AuthConfigContext } from "../authConfig";
 
 export function useAuthConfig() {
   return useContext(AuthConfigContext);

package/src/hooks/useTokensFromQuery/index.ts

@@ -19,13 +19,13 @@
  * limitations under the License.
  */
 
-'use client';
+"use client";
 
-import { MultiPlatform } from 'multiplatform.one';
-import { useRouter } from 'next/router';
+import { MultiPlatform } from "multiplatform.one";
+import { useRouter } from "next/router";
 
 export function useTokensFromQuery() {
   if (!MultiPlatform.isIframe) return false;
   const { query } = MultiPlatform.isNext ? useRouter() : { query: {} };
-  return 'idToken' in query || 'token' in query || 'refreshToken' in query;
+  return "idToken" in query || "token" in query || "refreshToken" in query;
 }

package/src/hooks/useTokensFromState.ts

@@ -19,10 +19,11 @@
  * limitations under the License.
  */
 
-import { useAuthState } from '../state';
-import { validOrRefreshableToken } from '../token';
+import { useAuthStore } from "../state";
+import { validOrRefreshableToken } from "../token";
 
-export function useTokensFromState() {
-  const authState = useAuthState();
-  return !!validOrRefreshableToken(authState.token, authState.refreshToken);
+export function useTokensFromStore() {
+  const authStore = useAuthStore();
+  if (typeof authStore === "undefined") return undefined;
+  return !!validOrRefreshableToken(authStore.token, authStore.refreshToken);
 }

package/src/index.ts

@@ -19,10 +19,10 @@
  * limitations under the License.
  */
 
-export * from './Authenticated';
-export * from './authConfig';
-export * from './hooks';
-export * from './keycloak';
-export * from './provider';
-export * from './session';
-export * from './types';
+export * from "./Authenticated";
+export * from "./authConfig";
+export * from "./hooks";
+export * from "./keycloak";
+export * from "./provider";
+export * from "./session";
+export * from "./types";