pocketbase-react 0.1.18 → 0.1.20

package/es/store/actions/index.d.ts

@@ -1,3 +1,4 @@
 import * as recordsAction from './records';
 import * as subscriptionsAction from './subscriptions';
-export { recordsAction, subscriptionsAction };
+import * as authAction from './auth';
+export { recordsAction, subscriptionsAction, authAction };

package/es/store/actions/index.js

@@ -1,3 +1,4 @@
 import * as recordsAction from './records';
 import * as subscriptionsAction from './subscriptions';
-export { recordsAction, subscriptionsAction };
+import * as authAction from './auth';
+export { recordsAction, subscriptionsAction, authAction };

package/es/store/reducers/auth.d.ts

@@ -0,0 +1,12 @@
+import { Admin, User } from '@tobicrain/pocketbase';
+import * as ReduxType from '../types';
+export interface ReduxAuth {
+    token: string;
+    model: User | Admin | null;
+    cookie: string | null;
+}
+export declare type AuthAction = {
+    type: ReduxType.AuthTypes;
+    payload: User | Admin | null | string;
+};
+export declare const auth: (state: ReduxAuth | undefined, action: AuthAction) => ReduxAuth;

package/es/store/reducers/auth.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as ReduxType from '../types';
+export const auth = (state = {
+  model: null,
+  token: '',
+  cookie: null
+}, action) => {
+  switch (action.type) {
+    case ReduxType.SET_TOKEN:
+      return _extends({}, state, {
+        token: action.payload
+      });
+    case ReduxType.SET_MODEL:
+      return _extends({}, state, {
+        model: action.payload
+      });
+    case ReduxType.SET_COOKIE:
+      return _extends({}, state, {
+        cookie: action.payload
+      });
+    case ReduxType.DELETE_TOKEN:
+      return _extends({}, state, {
+        token: ''
+      });
+    case ReduxType.DELETE_MODEL:
+      return _extends({}, state, {
+        model: null
+      });
+    case ReduxType.DELETE_COOKIE:
+      return _extends({}, state, {
+        cookie: null
+      });
+    default:
+      return state;
+  }
+};

package/es/store/reducers/index.d.ts

@@ -1,7 +1,8 @@
 export declare const appReducer: import("redux").Reducer<import("redux").CombinedState<{
     records: import("./records").ReduxRecord;
     subscriptions: import("./subscriptions").ReduxSubscriptions;
-}>, import("./records").RecordAction | import("./subscriptions").SubscriptionAction>;
+    auth: import("./auth").ReduxAuth;
+}>, import("./records").RecordAction | import("./subscriptions").SubscriptionAction | import("./auth").AuthAction>;
 interface AppReducer {
     records: ReturnType<typeof appReducer>;
 }

package/es/store/reducers/index.js

@@ -1,7 +1,9 @@
 import { combineReducers } from 'redux';
 import { records } from './records';
 import { subscriptions } from './subscriptions';
+import { auth } from './auth';
 export const appReducer = combineReducers({
   records: records,
-  subscriptions: subscriptions
+  subscriptions: subscriptions,
+  auth: auth
 });

package/es/store/store.d.ts

@@ -16,12 +16,13 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<import("redux").Co
     reducer: import("redux").EmptyObject & {
         records: import("./reducers/records").ReduxRecord;
         subscriptions: import("./reducers/subscriptions").ReduxSubscriptions;
+        auth: import("./reducers/auth").ReduxAuth;
     } & import("redux-persist/es/persistReducer").PersistPartial;
-}>, RecordAction | import("./reducers/subscriptions").SubscriptionAction, (import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, undefined> & {
+}>, RecordAction | import("./reducers/subscriptions").SubscriptionAction | import("./reducers/auth").AuthAction, (import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, undefined> & {
     withExtraArgument<ExtraThunkArg, State = any, BasicAction extends import("redux").Action<any> = import("redux").AnyAction>(extraArgument: ExtraThunkArg): import("redux-thunk").ThunkMiddleware<State, BasicAction, ExtraThunkArg>;
 })[]>;
 declare type AppDispatch = typeof store.dispatch<RecordAction>;
-declare const useAppDispatch: import("redux").Dispatch<RecordAction | import("./reducers/subscriptions").SubscriptionAction>;
+declare const useAppDispatch: import("redux").Dispatch<RecordAction | import("./reducers/subscriptions").SubscriptionAction | import("./reducers/auth").AuthAction>;
 declare type RootState = ReturnType<typeof store.getState>;
 declare const useAppSelector: TypedUseSelectorHook<RootState>;
 declare const persistor: import("redux-persist").Persistor;

package/es/store/types/index.d.ts

@@ -9,3 +9,10 @@ export declare const SET_SUBSCRIPTIONS = "SET_SUBSCRIPTIONS";
 export declare const ADD_SUBSCRIPTION = "ADD_SUBSCRIPTION";
 export declare const DELETE_SUBSCRIPTION = "DELETE_SUBSCRIPTION";
 export declare type SubscriptionsTypes = typeof SET_SUBSCRIPTIONS | typeof ADD_SUBSCRIPTION | typeof DELETE_SUBSCRIPTION;
+export declare const SET_MODEL = "SET_MODEL";
+export declare const SET_TOKEN = "SET_TOKEN";
+export declare const SET_COOKIE = "SET_COOKIE";
+export declare const DELETE_MODEL = "DELETE_MODEL";
+export declare const DELETE_TOKEN = "DELETE_TOKEN";
+export declare const DELETE_COOKIE = "DELETE_COOKIE";
+export declare type AuthTypes = typeof SET_MODEL | typeof SET_TOKEN | typeof DELETE_MODEL | typeof DELETE_TOKEN | typeof SET_COOKIE | typeof DELETE_COOKIE;

package/es/store/types/index.js

@@ -6,4 +6,10 @@ export const DELETE_RECORD = 'DELETE_RECORD';
 export const DELETE_RECORDS = 'DELETE_RECORDS';
 export const SET_SUBSCRIPTIONS = 'SET_SUBSCRIPTIONS';
 export const ADD_SUBSCRIPTION = 'ADD_SUBSCRIPTION';
-export const DELETE_SUBSCRIPTION = 'DELETE_SUBSCRIPTION';
+export const DELETE_SUBSCRIPTION = 'DELETE_SUBSCRIPTION';
+export const SET_MODEL = 'SET_MODEL';
+export const SET_TOKEN = 'SET_TOKEN';
+export const SET_COOKIE = 'SET_COOKIE';
+export const DELETE_MODEL = 'DELETE_MODEL';
+export const DELETE_TOKEN = 'DELETE_TOKEN';
+export const DELETE_COOKIE = 'DELETE_COOKIE';

package/lib/context/Pocketbase.js

@@ -7,7 +7,7 @@ var React = _interopRequireWildcard(require("react"));
 var _pocketbase = _interopRequireDefault(require("@tobicrain/pocketbase"));
 var _reactRedux = require("react-redux");
 var _react2 = require("redux-persist/integration/react");
-var store = _interopRequireWildcard(require("../store/store"));
+var _store = require("../store/store");
 var _client = require("./client");
 var _content = require("./content");
 var _auth = require("./auth");
@@ -20,9 +20,9 @@ const Pocketbase = props => {
   return client ? /*#__PURE__*/React.createElement(_client.ClientProvider, {
     client: client
   }, /*#__PURE__*/React.createElement(_reactRedux.Provider, {
-    store: store.store
+    store: _store.store
   }, /*#__PURE__*/React.createElement(_react2.PersistGate, {
-    persistor: store.persistor
+    persistor: _store.persistor
   }, /*#__PURE__*/React.createElement(_auth.AuthProvider, {
     webRedirectUrl: props.webRedirectUrl,
     mobileRedirectUrl: props.mobileRedirectUrl,

package/lib/context/auth.js

@@ -5,6 +5,7 @@ exports.AuthProvider = exports.AuthContext = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useClientContext = require("../hooks/useClientContext");
 var _Storage = require("../service/Storage");
+var _store = require("../store");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const AuthContext = (0, React.createContext)({});
@@ -61,12 +62,28 @@ const AuthProvider = props => {
       await (client == null ? void 0 : client.users.delete(id));
     }
   };
+  const dispatch = _store.useAppDispatch;
+  const selector = (0, _store.useAppSelector)(state => state.reducer.auth);
   React.useEffect(() => {
+    const listener = client == null ? void 0 : client.authStore.onChange(() => {
+      const cookie = client == null ? void 0 : client.authStore.exportToCookie();
+      if (cookie) dispatch(_store.authAction.setCookie(cookie));
+    });
     (async () => {
       const methods = await (client == null ? void 0 : client.users.listAuthMethods());
       setAuthProviders(methods == null ? void 0 : methods.authProviders);
     })();
+    return () => {
+      if (listener) listener();
+    };
   }, [props.webRedirectUrl, props.mobileRedirectUrl]);
+  React.useEffect(() => {
+    const cookie = selector.cookie;
+    if (cookie) {
+      console.log('cookie', cookie);
+      client == null ? void 0 : client.authStore.loadFromCookie(cookie);
+    }
+  }, [selector.cookie]);
   return /*#__PURE__*/React.createElement(AuthContext.Provider, {
     value: actions
   }, props.children);

package/lib/hooks/useAuth.js

@@ -4,16 +4,26 @@ exports.__esModule = true;
 exports.useAuth = useAuth;
 var _react = require("react");
 var _auth = require("../context/auth");
+var _Storage = require("../service/Storage");
 var _useClientContext = require("./useClientContext");
 function useAuth() {
   const client = (0, _useClientContext.useClientContext)();
   const actions = (0, _react.useContext)(_auth.AuthContext);
   const [isSignedIn, setIsSignedIn] = (0, _react.useState)(false);
   const [user, setUser] = (0, _react.useState)(null);
+  function updateAuth() {
+    var _client$authStore$mod;
+    setIsSignedIn((client == null ? void 0 : client.authStore.token) !== '');
+    setUser((_client$authStore$mod = client == null ? void 0 : client.authStore.model) != null ? _client$authStore$mod : null);
+    const cookie = client == null ? void 0 : client.authStore.exportToCookie();
+    if (cookie) {
+      _Storage.StorageService.set(_Storage.StorageService.Constants.COOKIE, cookie);
+    }
+  }
   (0, _react.useEffect)(() => {
+    updateAuth();
     client == null ? void 0 : client.authStore.onChange(() => {
-      setIsSignedIn((client == null ? void 0 : client.authStore.token) !== '');
-      setUser(client == null ? void 0 : client.authStore.model);
+      updateAuth();
     });
   }, []);
   return {

package/lib/service/Storage.js

@@ -25,5 +25,6 @@ class StorageService {
 }
 exports.StorageService = StorageService;
 StorageService.Constants = {
-  SUBSCRIBED: 'subscribed'
+  SUBSCRIBED: 'subscribed',
+  COOKIE: 'cookie'
 };

package/lib/store/actions/auth.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.setToken = exports.setModel = exports.setCookie = exports.deleteToken = exports.deleteModel = exports.deleteCookie = void 0;
+var ReduxType = _interopRequireWildcard(require("../types"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const setToken = payload => ({
+  type: ReduxType.SET_TOKEN,
+  payload
+});
+exports.setToken = setToken;
+const setModel = payload => ({
+  type: ReduxType.SET_MODEL,
+  payload
+});
+exports.setModel = setModel;
+const setCookie = payload => ({
+  type: ReduxType.SET_COOKIE,
+  payload
+});
+exports.setCookie = setCookie;
+const deleteToken = () => ({
+  type: ReduxType.DELETE_TOKEN,
+  payload: ''
+});
+exports.deleteToken = deleteToken;
+const deleteModel = () => ({
+  type: ReduxType.DELETE_MODEL,
+  payload: ''
+});
+exports.deleteModel = deleteModel;
+const deleteCookie = () => ({
+  type: ReduxType.DELETE_COOKIE,
+  payload: ''
+});
+exports.deleteCookie = deleteCookie;

package/lib/store/actions/index.js

@@ -1,10 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.subscriptionsAction = exports.recordsAction = void 0;
+exports.subscriptionsAction = exports.recordsAction = exports.authAction = void 0;
 var recordsAction = _interopRequireWildcard(require("./records"));
 exports.recordsAction = recordsAction;
 var subscriptionsAction = _interopRequireWildcard(require("./subscriptions"));
 exports.subscriptionsAction = subscriptionsAction;
+var authAction = _interopRequireWildcard(require("./auth"));
+exports.authAction = authAction;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/store/reducers/auth.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.auth = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var ReduxType = _interopRequireWildcard(require("../types"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const auth = (state = {
+  model: null,
+  token: '',
+  cookie: null
+}, action) => {
+  switch (action.type) {
+    case ReduxType.SET_TOKEN:
+      return (0, _extends2.default)({}, state, {
+        token: action.payload
+      });
+    case ReduxType.SET_MODEL:
+      return (0, _extends2.default)({}, state, {
+        model: action.payload
+      });
+    case ReduxType.SET_COOKIE:
+      return (0, _extends2.default)({}, state, {
+        cookie: action.payload
+      });
+    case ReduxType.DELETE_TOKEN:
+      return (0, _extends2.default)({}, state, {
+        token: ''
+      });
+    case ReduxType.DELETE_MODEL:
+      return (0, _extends2.default)({}, state, {
+        model: null
+      });
+    case ReduxType.DELETE_COOKIE:
+      return (0, _extends2.default)({}, state, {
+        cookie: null
+      });
+    default:
+      return state;
+  }
+};
+exports.auth = auth;

package/lib/store/reducers/index.js

@@ -5,8 +5,10 @@ exports.appReducer = void 0;
 var _redux = require("redux");
 var _records = require("./records");
 var _subscriptions = require("./subscriptions");
+var _auth = require("./auth");
 const appReducer = (0, _redux.combineReducers)({
   records: _records.records,
-  subscriptions: _subscriptions.subscriptions
+  subscriptions: _subscriptions.subscriptions,
+  auth: _auth.auth
 });
 exports.appReducer = appReducer;

package/lib/store/types/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.UPDATE_RECORD = exports.SET_SUBSCRIPTIONS = exports.SET_RECORDS = exports.DELETE_SUBSCRIPTION = exports.DELETE_RECORDS = exports.DELETE_RECORD = exports.ADD_SUBSCRIPTION = exports.ADD_RECORDS = exports.ADD_RECORD = void 0;
+exports.UPDATE_RECORD = exports.SET_TOKEN = exports.SET_SUBSCRIPTIONS = exports.SET_RECORDS = exports.SET_MODEL = exports.SET_COOKIE = exports.DELETE_TOKEN = exports.DELETE_SUBSCRIPTION = exports.DELETE_RECORDS = exports.DELETE_RECORD = exports.DELETE_MODEL = exports.DELETE_COOKIE = exports.ADD_SUBSCRIPTION = exports.ADD_RECORDS = exports.ADD_RECORD = void 0;
 const SET_RECORDS = 'SET_RECORDS';
 exports.SET_RECORDS = SET_RECORDS;
 const ADD_RECORD = 'ADD_RECORD';
@@ -19,4 +19,16 @@ exports.SET_SUBSCRIPTIONS = SET_SUBSCRIPTIONS;
 const ADD_SUBSCRIPTION = 'ADD_SUBSCRIPTION';
 exports.ADD_SUBSCRIPTION = ADD_SUBSCRIPTION;
 const DELETE_SUBSCRIPTION = 'DELETE_SUBSCRIPTION';
-exports.DELETE_SUBSCRIPTION = DELETE_SUBSCRIPTION;
+exports.DELETE_SUBSCRIPTION = DELETE_SUBSCRIPTION;
+const SET_MODEL = 'SET_MODEL';
+exports.SET_MODEL = SET_MODEL;
+const SET_TOKEN = 'SET_TOKEN';
+exports.SET_TOKEN = SET_TOKEN;
+const SET_COOKIE = 'SET_COOKIE';
+exports.SET_COOKIE = SET_COOKIE;
+const DELETE_MODEL = 'DELETE_MODEL';
+exports.DELETE_MODEL = DELETE_MODEL;
+const DELETE_TOKEN = 'DELETE_TOKEN';
+exports.DELETE_TOKEN = DELETE_TOKEN;
+const DELETE_COOKIE = 'DELETE_COOKIE';
+exports.DELETE_COOKIE = DELETE_COOKIE;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pocketbase-react",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Unofficial React SDK (React, React Native, Expo) for interacting with the PocketBase JS SDK",
   "keywords": [
     "pocketbase",

package/src/context/Pocketbase.tsx

@@ -1,12 +1,14 @@
 import * as React from 'react';
 import { createContext, useEffect } from 'react';
-import PocketBase from '@tobicrain/pocketbase';
+import PocketBase, { Admin, BaseAuthStore, LocalAuthStore, User } from '@tobicrain/pocketbase';
 import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
-import * as store from '../store/store';
+import { store, persistor } from '../store/store';
 import { ClientProvider } from './client';
 import { ContentProvider } from './content';
 import { AuthProvider } from './auth';
+import { StorageService } from '../service/Storage';
+import { authAction } from '../store';
 
 export const PocketbaseContext = createContext<PocketBase | null>(null);
 
@@ -24,8 +26,8 @@ export const Pocketbase = (props: PocketbaseProviderProps) => {
 
   return client ? (
     <ClientProvider client={client}>
-      <Provider store={store.store}>
-        <PersistGate persistor={store.persistor}>
+      <Provider store={store}>
+        <PersistGate persistor={persistor}>
           <AuthProvider
             webRedirectUrl={props.webRedirectUrl}
             mobileRedirectUrl={props.mobileRedirectUrl}

package/src/context/auth.tsx

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { createContext, useEffect } from 'react';
 import { useClientContext } from '../hooks/useClientContext';
 import { StorageService } from '../service/Storage';
+import { authAction, store, useAppDispatch, useAppSelector } from '../store';
 
 export type AuthProviderInfo = {
   name: string;
@@ -108,13 +109,32 @@ export const AuthProvider = (props: AuthProviderProps) => {
       await client?.users.delete(id);
     },
   };
+  const dispatch = useAppDispatch;
+  const selector = useAppSelector((state) => state.reducer.auth);
 
   React.useEffect(() => {
+    const listener = client?.authStore.onChange(() => {
+      const cookie = client?.authStore.exportToCookie();
+      if (cookie) dispatch(authAction.setCookie(cookie));
+    });
+
     (async () => {
       const methods = await client?.users.listAuthMethods();
       setAuthProviders(methods?.authProviders);
     })();
+
+    return () => {
+      if (listener) listener();
+    };
   }, [props.webRedirectUrl, props.mobileRedirectUrl]);
 
+  React.useEffect(() => {
+    const cookie = selector.cookie;
+    if (cookie) {
+      console.log('cookie', cookie);
+      client?.authStore.loadFromCookie(cookie);
+    }
+  }, [selector.cookie]);
+
   return <AuthContext.Provider value={actions}>{props.children}</AuthContext.Provider>;
 };

package/src/hooks/useAuth.ts

@@ -1,6 +1,7 @@
 import { Admin, User } from '@tobicrain/pocketbase';
 import { useContext, useEffect, useState } from 'react';
 import { AuthActions, AuthContext } from '../context/auth';
+import { StorageService } from '../service/Storage';
 import { useClientContext } from './useClientContext';
 
 export interface AuthContextInterface {
@@ -15,10 +16,19 @@ export function useAuth(): AuthContextInterface {
   const [isSignedIn, setIsSignedIn] = useState(false);
   const [user, setUser] = useState<User | Admin | null>(null);
 
+  function updateAuth() {
+    setIsSignedIn(client?.authStore.token !== '');
+    setUser(client?.authStore.model ?? null);
+    const cookie = client?.authStore.exportToCookie();
+    if (cookie) {
+      StorageService.set(StorageService.Constants.COOKIE, cookie);
+    }
+  }
+
   useEffect(() => {
+    updateAuth();
     client?.authStore.onChange(() => {
-      setIsSignedIn(client?.authStore.token !== '');
-      setUser(client?.authStore.model);
+      updateAuth();
     });
   }, []);
 

package/src/service/Storage.ts

@@ -3,6 +3,7 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
 export class StorageService {
   static Constants = {
     SUBSCRIBED: 'subscribed',
+    COOKIE: 'cookie',
   };
 
   static async get(key: string): Promise<string | null> {

package/src/store/actions/auth.tsx

@@ -0,0 +1,41 @@
+import { Admin, User } from '@tobicrain/pocketbase';
+import { AuthAction } from '../reducers/auth';
+import * as ReduxType from '../types';
+
+const setToken = (payload: string) =>
+  ({
+    type: ReduxType.SET_TOKEN,
+    payload,
+  } as AuthAction);
+
+const setModel = (payload: User | Admin | null | string) =>
+  ({
+    type: ReduxType.SET_MODEL,
+    payload,
+  } as AuthAction);
+
+const setCookie = (payload: string) =>
+  ({
+    type: ReduxType.SET_COOKIE,
+    payload,
+  } as AuthAction);
+
+const deleteToken = () =>
+  ({
+    type: ReduxType.DELETE_TOKEN,
+    payload: '',
+  } as AuthAction);
+
+const deleteModel = () =>
+  ({
+    type: ReduxType.DELETE_MODEL,
+    payload: '',
+  } as AuthAction);
+
+const deleteCookie = () =>
+  ({
+    type: ReduxType.DELETE_COOKIE,
+    payload: '',
+  } as AuthAction);
+
+export { setToken, setModel, setCookie, deleteToken, deleteModel, deleteCookie };

package/src/store/actions/index.tsx

@@ -1,4 +1,5 @@
 import * as recordsAction from './records';
 import * as subscriptionsAction from './subscriptions';
+import * as authAction from './auth';
 
-export { recordsAction, subscriptionsAction };
+export { recordsAction, subscriptionsAction, authAction };

package/src/store/reducers/auth.tsx

@@ -0,0 +1,57 @@
+import { Admin, User } from '@tobicrain/pocketbase';
+import * as ReduxType from '../types';
+
+export interface ReduxAuth {
+  token: string;
+  model: User | Admin | null;
+  cookie: string | null;
+}
+
+export type AuthAction = {
+  type: ReduxType.AuthTypes;
+  payload: User | Admin | null | string;
+};
+
+export const auth = (
+  state: ReduxAuth = {
+    model: null,
+    token: '',
+    cookie: null,
+  },
+  action: AuthAction
+) => {
+  switch (action.type) {
+    case ReduxType.SET_TOKEN:
+      return {
+        ...state,
+        token: action.payload as string,
+      };
+    case ReduxType.SET_MODEL:
+      return {
+        ...state,
+        model: action.payload as User | Admin | null,
+      };
+    case ReduxType.SET_COOKIE:
+      return {
+        ...state,
+        cookie: action.payload as string,
+      };
+    case ReduxType.DELETE_TOKEN:
+      return {
+        ...state,
+        token: '',
+      };
+    case ReduxType.DELETE_MODEL:
+      return {
+        ...state,
+        model: null,
+      };
+    case ReduxType.DELETE_COOKIE:
+      return {
+        ...state,
+        cookie: null,
+      };
+    default:
+      return state;
+  }
+};

package/src/store/reducers/index.tsx

@@ -1,10 +1,12 @@
 import { combineReducers } from 'redux';
 import { records } from './records';
 import { subscriptions } from './subscriptions';
+import { auth } from './auth';
 
 export const appReducer = combineReducers({
   records: records,
   subscriptions: subscriptions,
+  auth: auth,
 });
 
 interface AppReducer {

package/src/store/types/index.ts

@@ -21,3 +21,18 @@ export type SubscriptionsTypes =
   | typeof SET_SUBSCRIPTIONS
   | typeof ADD_SUBSCRIPTION
   | typeof DELETE_SUBSCRIPTION;
+
+export const SET_MODEL = 'SET_MODEL';
+export const SET_TOKEN = 'SET_TOKEN';
+export const SET_COOKIE = 'SET_COOKIE';
+export const DELETE_MODEL = 'DELETE_MODEL';
+export const DELETE_TOKEN = 'DELETE_TOKEN';
+export const DELETE_COOKIE = 'DELETE_COOKIE';
+
+export type AuthTypes =
+  | typeof SET_MODEL
+  | typeof SET_TOKEN
+  | typeof DELETE_MODEL
+  | typeof DELETE_TOKEN
+  | typeof SET_COOKIE
+  | typeof DELETE_COOKIE;