@codeleap/mobile 3.12.18 → 3.12.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "3.12.18",
+  "version": "3.12.19",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/utils/PermissionManager/context.tsx

@@ -24,14 +24,14 @@ function getStatuses(state: PermissionsRecord) {
   return Object.fromEntries(statuses)
 }
 
-export function Provider({ children, AppPermissions, modalConfig }:PermissionProviderProps) {
+export function Provider({ children, AppPermissions, modalConfig }: PermissionProviderProps) {
 
   const [state, setState] = useState(() => getStatuses(AppPermissions.values))
 
-  onMount(() => {
+  onUpdate(() => {
 
-    AppState.addEventListener('change', (state) => {
-      if (state === 'active') {
+    const subscription = AppState.addEventListener('change', (appState) => {
+      if (appState === 'active') {
         AppPermissions.update().then((vals) => {
           const statuses = getStatuses(vals)
           if (!deepEqual(statuses, state)) {
@@ -41,49 +41,53 @@ export function Provider({ children, AppPermissions, modalConfig }:PermissionPro
       }
     })
 
-  })
+    return () => {
+      subscription.remove()
+    }
+  }, [
+    JSON.stringify(state),
+  ])
 
   const setPermissionState = (forPermission: string, status: PermissionTypes.PermissionState) => {
     setState({
       ...state,
-      [forPermission]: status
+      [forPermission]: status,
     })
-  } 
-
+  }
 
   return <PermissionContext.Provider value={{
     state,
     modalConfig: modalConfig,
     manager: AppPermissions,
-    setState: setPermissionState
+    setState: setPermissionState,
   }}>
     {children}
   </PermissionContext.Provider>
 }
 
-type TAskManyResults<T extends string> =Record<T, PermissionTypes.PermissionStatus> & {
+type TAskManyResults<T extends string> = Record<T, PermissionTypes.PermissionStatus> & {
   overall
   : PermissionTypes.PermissionStatus
 }
 
-type AskManyOpts<T extends string|number|symbol > = {
+type AskManyOpts<T extends string | number | symbol> = {
   breakOnDenied?: T[]
 }
 
 export type UsePermissions<
   _PermissionNames extends string,
   PermissionNames extends string = `${_PermissionNames}?` | _PermissionNames> = () => TPermissionContext & {
-  askPermission: (name: PermissionNames, onResolve?: (status: PermissionTypes.PermissionStatus) => any) => Promise<PermissionTypes.PermissionStatus>
-  askMany<T extends PermissionNames, R = TAskManyResults<T>>(
-    perms: T[],
-    onResolve?: (res:R) => any,
-    options?: AskManyOpts<T>
-  ):Promise<
-    R
-  >
-}
+    askPermission: (name: PermissionNames, onResolve?: (status: PermissionTypes.PermissionStatus) => any) => Promise<PermissionTypes.PermissionStatus>
+    askMany<T extends PermissionNames, R = TAskManyResults<T>>(
+      perms: T[],
+      onResolve?: (res: R) => any,
+      options?: AskManyOpts<T>
+    ): Promise<
+      R
+    >
+  }
 
-export const usePermissions:UsePermissions<any> = () => {
+export const usePermissions: UsePermissions<any> = () => {
   const modalCtx = useModalContext()
   const permissionCtx = useContext(PermissionContext)
 
@@ -120,7 +124,7 @@ export const usePermissions:UsePermissions<any> = () => {
 
   const askMany = async (
     perms: any[],
-    onResolve?: (res:any) => any,
+    onResolve?: (res: any) => any,
     options?: AskManyOpts<any>,
   ) => {
 
@@ -184,7 +188,7 @@ export const usePermissions:UsePermissions<any> = () => {
         modalCtx.toggleModal(prevModal, false, {})
       })
     }
-    const res:Parameters<typeof onResolve>[0] = {
+    const res: Parameters<typeof onResolve>[0] = {
       ...results,
       overall: Object.values(results).every(x => x === 'granted') ? 'granted' : 'denied',
     }