import { PermissionManager } from '@codeleap/common'
import RNPermissions from 'react-native-permissions'
import { Platform } from 'react-native'

const platform = Platform.OS

export const AppPermissions = new PermissionManager({
  camera: {
    onAsk: async () => { // Called when we actually want the OS to ask the permission with the dialog
      const status = await RNPermissions.request(RNPermissions.PERMISSIONS[platform.toUpperCase()].CAMERA)
      return status // This is a string which can be one of many statuses, check the react-native-permissions docs for more info on it
    },
    onCheck: async () => { // Called when we just need to get the latest state
      const status = await RNPermissions.check(RNPermissions.PERMISSIONS[platform.toUpperCase()].CAMERA)
      return status 
    },
  },
  notifications: {
    onAsk: async () => {
      const { status } = await RNPermissions.requestNotifications(['alert', 'badge', 'sound'])
      return status
    },
    onCheck: async () => {
      return (await RNPermissions.checkNotifications()).status
    },
  },
})

AppPermissions.get('camera', {
    ask: true // If you just want to get the latest state, set it to false
}).then(({
    isGranted
}) => {
    if(isGranted){
        // do something
    }
})

AppPermissions.values // Gets the current state, includes all permissions

AppPermissions.update() // Check every permission to update it's state

// The callback will fire whenever the state for any permission changes
const unsubscribe = AppPermissions.onChange((name, newState) => {
    console.log(name, newState.status) // 'camera granted' if the camera permission was granted
})

unsubscribe() // Removes the listener for onChange

import { PermissionManager } from '@codeleap/common'
import RNPermissions from 'react-native-permissions'
import { Platform } from 'react-native'
import { Permissions } from '@codeleap/mobile'

const platform = Platform.OS

export const AppPermissions = new PermissionManager({
    // ...
})


export type PermissionNames = keyof typeof AppPermissions.values
export const permissionNames = Object.keys(AppPermissions.values) as PermissionNames[]

const modalConfig:Permissions.PermissionModalsConfig<keyof typeof AppPermissions.values> = {
  camera: { // Properties at the highest level are treated as default, but can be overriden per permission status
    onAllow: 'ask', // Will call AppPermissions.get('camera', { ask: true })
    title: 'Camera',
    icon: 'image',

    description: [
      `${AppName} needs access to your camera to capture and share photos.`,
    ],
    blocked: {
      description: [
        `${AppName} needs access to your camera to capture and share photos.`,
        'Please open settings and allow access to "Camera"',
      ],
      onAllow: 'openSettings', // Will navigate to de device settings

    },
  },
  notifications: {

    icon: 'notifications',

    description: [
      `Notifications may include alerts, sounds, and icon badges.`,
      `These can be configured later in the Settings app.`,
    ],
    title: `${AppName} would like to send you notifications`,
    onAllow: 'ask',

    blocked: {

      onAllow: 'openSettings',
    },

  }
}

// services/permissions.tsx
import { PermissionManager } from '@codeleap/common'
import RNPermissions from 'react-native-permissions'
import { Platform } from 'react-native'
import { Permissions } from '@codeleap/mobile'

const platform = Platform.OS

export const AppPermissions = new PermissionManager({
    // ...
})


export type PermissionNames = keyof typeof AppPermissions.values
export const permissionNames = Object.keys(AppPermissions.values) as PermissionNames[]

const modalConfig:Permissions.PermissionModalsConfig<keyof typeof AppPermissions.values> = {
 // ...
}

export const {
  // We'll hook this up to the modal later 
  usePermissionModal, 

  // This exposes handlers for requesting permissions and accessing their state
  usePermissions,
} = Permissions.createTypedPermissionHooks({
  modalConfig,
  permissionsManager: AppPermissions,
})

const Provider = ({ children }) => <Permissions.Provider AppPermissions={AppPermissions} modalConfig={modalConfig}>{children}</Permissions.Provider>

export {
  Provider as PermissionsProvider,
}

import {
    usePermissionModal,
    permissionNames
} from '@/services/permissions'
  
export function PermissionModal(props: PermissionModalProps) {
  const { permissionName } = props

  const {
    config,
    onAllow,
    onDeny,
    modalId,

  } = usePermissionModal(permissionName)

  return <ModalManager.Modal
    debugName={`Permission ${permissionName} modal`}
    absolute={false}

    id={modalId}

    closable={false}
    dismissOnBackdrop={false}
  >
    { /* View for your modal goes here */ }
  </ModalManager.Modal>
}

export function AllPermissionModals() { // This should be rendered somewhere in the app

  return <>
    {permissionNames.map(permissionName => <PermissionModal key={permissionName} permissionName={permissionName}/>)}
  </>
}

import {
    usePermissions
} from '@/services/permissions'

function Component(){

    const permissions = usePermissions()

    return <Button onPress={() => {

        permissions.askPermission('camera' , (status) => {
            if(status === 'granted'){
                // handle opening camera
            }
        })

        permissions.askMany(['camera','library'], (result) => {
            if(result.overall === 'granted'){
                // handle success for both permissions granted
            }
        })
    
    }} />
}