react-native-okhi 1.2.31 → 1.2.32-beta.2

package/src/OkCollect/OkHiLocationManager.tsx

@@ -1,391 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { Modal, SafeAreaView, Platform } from 'react-native';
-import { WebView, WebViewMessageEvent } from 'react-native-webview';
-import { Spinner } from './Spinner';
-import type {
-  OkHiLocationManagerResponse,
-  OkHiLocationManagerProps,
-  OkHiLocationManagerStartDataPayload,
-} from './types';
-import {
-  getFrameUrl,
-  generateJavaScriptStartScript,
-  generateStartDataPayload,
-  parseOkHiLocation,
-  fetchCurrentLocation,
-} from './Util';
-import { OkHiException } from '../OkCore/OkHiException';
-import type { AuthApplicationConfig } from '../OkCore/_types';
-import { start as sv } from '../OkVerify';
-import {
-  getApplicationConfiguration,
-  isBackgroundLocationPermissionGranted,
-  isLocationPermissionGranted,
-  openAppSettings,
-  openProtectedAppsSettings,
-  requestBackgroundLocationPermission,
-  requestLocationPermission,
-  UsageType,
-} from '../OkCore';
-import { OkHiNativeModule } from '../OkHiNativeModule';
-
-/**
- * The OkHiLocationManager React Component is used to display an in app modal, enabling the user to quickly create an accurate OkHi address.
- */
-export const OkHiLocationManager = (props: OkHiLocationManagerProps) => {
-  const [applicationConfiguration, setApplicationConfiguration] =
-    useState<AuthApplicationConfig | null>(null);
-  const [startPayload, setStartPaylaod] =
-    useState<null | OkHiLocationManagerStartDataPayload>(null);
-  const defaultStyle = { flex: 1 };
-  const style = props.style
-    ? { ...props.style, ...defaultStyle }
-    : defaultStyle;
-
-  const { user, onSuccess, onCloseRequest, onError, loader, launch } = props;
-  const webViewRef = useRef<WebView | null>(null);
-  const startMessage =
-    props.mode === 'create' ? 'start_app' : 'select_location';
-  const [ready, setReady] = useState(false);
-  const androidAlwaysRequested = useRef(false);
-
-  useEffect(() => {
-    if (typeof launch === 'boolean') {
-      setReady(launch);
-    }
-  }, [launch]);
-
-  useEffect(() => {
-    async function startOkHiLocationManager() {
-      const appConfiguration = await getApplicationConfiguration();
-      if (!appConfiguration) {
-        throw new OkHiException({
-          code: OkHiException.UNAUTHORIZED_CODE,
-          message: OkHiException.UNAUTHORIZED_MESSAGE,
-        });
-      }
-      const startPayload = await generateStartDataPayload(
-        props,
-        appConfiguration
-      );
-      setApplicationConfiguration(appConfiguration);
-      setStartPaylaod(startPayload);
-      if (Platform.OS === 'android' && Platform.Version > 25) {
-        OkHiNativeModule.setItem(
-          'okcollect-launch-payload',
-          JSON.stringify({
-            message: startMessage,
-            payload: startPayload,
-            url: getFrameUrl(appConfiguration),
-          })
-        ).catch(console.error);
-      }
-    }
-
-    if (launch) {
-      startOkHiLocationManager();
-    }
-  }, [launch, props, onError]);
-
-  const runWebViewCallback = async (result: string) => {
-    const level = await OkHiNativeModule.getLocationAccuracyLevel();
-    let callbackResult = result;
-    if (
-      (result === 'blocked' || result === 'denied') &&
-      level === 'approximate'
-    ) {
-      callbackResult = 'whenInUse';
-    }
-    const update = { locationAccuracyLevel: level };
-    const jsonUpdate = JSON.stringify(update)
-      .replace(/\\/g, '\\\\')
-      .replace(/"/g, '\\"');
-    const jsString = `
-      (function (){
-        if (typeof runOkHiLocationManagerCallback === "function") {
-          runOkHiLocationManagerCallback("${callbackResult}", "${jsonUpdate}")
-        }
-      })()
-    `;
-    webViewRef.current?.injectJavaScript(jsString);
-  };
-
-  const handleAndroidRequestLocationPermission = async (
-    level: 'whenInUse' | 'always'
-  ) => {
-    try {
-      const _isLocationPermissionGranted = await isLocationPermissionGranted();
-      const _isBackgroundLocationPermissionGranted =
-        await isBackgroundLocationPermissionGranted();
-      const _locationAccuracyLevel =
-        await OkHiNativeModule.getLocationAccuracyLevel();
-      if (
-        _isBackgroundLocationPermissionGranted &&
-        _locationAccuracyLevel === 'precise'
-      ) {
-        runWebViewCallback('always');
-      } else if (
-        level === 'whenInUse' &&
-        _isLocationPermissionGranted &&
-        _locationAccuracyLevel === 'precise'
-      ) {
-        runWebViewCallback('whenInUse');
-      } else if (
-        level === 'whenInUse' &&
-        _locationAccuracyLevel === 'no_permission'
-      ) {
-        const result = await requestLocationPermission();
-        runWebViewCallback(result ? 'whenInUse' : 'denied');
-      } else if (level === 'always') {
-        const result = await requestBackgroundLocationPermission();
-        runWebViewCallback(result ? 'always' : 'denied');
-        androidAlwaysRequested.current = true;
-      } else if (
-        level === 'whenInUse' &&
-        _locationAccuracyLevel === 'approximate'
-      ) {
-        const result = await requestLocationPermission();
-        runWebViewCallback(result ? 'whenInUse' : 'denied');
-      } else {
-        openAppSettings();
-      }
-    } catch (error) {
-      onError(
-        new OkHiException({
-          code: 'unknown',
-          message: 'could not request permission',
-        })
-      );
-    }
-  };
-
-  const handleIOSRequestLocationPermission = async (level: string) => {
-    try {
-      const _isLocationPermissionGranted = await isLocationPermissionGranted();
-      const _isBackgroundLocationPermissionGranted =
-        await isBackgroundLocationPermissionGranted();
-      const _locationAccuracyLevel =
-        await OkHiNativeModule.getLocationAccuracyLevel();
-
-      if (
-        _isBackgroundLocationPermissionGranted &&
-        _locationAccuracyLevel === 'precise'
-      ) {
-        runWebViewCallback('always');
-      } else if (
-        level === 'whenInUse' &&
-        _isLocationPermissionGranted &&
-        _locationAccuracyLevel === 'precise'
-      ) {
-        runWebViewCallback('whenInUse');
-      } else if (level === 'whenInUse' && !_isLocationPermissionGranted) {
-        const result = await requestLocationPermission();
-        runWebViewCallback(result ? 'whenInUse' : 'denied');
-      } else {
-        openAppSettings();
-      }
-    } catch (error) {
-      onError(
-        new OkHiException({
-          code: 'unknown',
-          message: 'could not request permission',
-        })
-      );
-    }
-  };
-
-  const handleRequestLocationPermission = async ({
-    level,
-  }: {
-    level: 'whenInUse' | 'always';
-  }) => {
-    if (Platform.OS === 'android') {
-      handleAndroidRequestLocationPermission(level);
-    } else if (Platform.OS === 'ios') {
-      handleIOSRequestLocationPermission(level);
-    }
-  };
-
-  const handleOpenAppSettings = async () => {
-    try {
-      const granted = await isBackgroundLocationPermissionGranted();
-      if (granted) {
-        runWebViewCallback('always');
-      } else {
-        await openAppSettings();
-      }
-    } catch (error) {
-      const err = error as OkHiException;
-      onError(err);
-    }
-  };
-
-  const handleFetchCurrentLocation = async () => {
-    try {
-      const location = await fetchCurrentLocation();
-      if (location) {
-        const jsString = `window.receiveCurrentLocation({lat: ${location.lat},lng: ${location.lng},accuracy: ${location.accuracy}})`;
-        webViewRef.current?.injectJavaScript(jsString);
-      }
-    } catch (error) {
-      console.error(error);
-    }
-  };
-
-  // prevents ios https... is requesting for your location
-  const handleWebViewOnLoad = () => {
-    if (Platform.OS === 'ios') {
-      const jsString =
-        '(function(){navigator.geolocation.watchPosition=navigator.geolocation.getCurrentPosition=function(s,e,o){if(window.ReactNativeWebView&&typeof window.ReactNativeWebView.postMessage==="function"){window.ReactNativeWebView.postMessage(JSON.stringify({message:"fetch_current_location",payload:{}}));}window.receiveCurrentLocation=function(l){s({coords:{latitude:l.lat,longitude:l.lng,accuracy:l.accuracy,altitude:null,altitudeAccuracy:null,heading:null,speed:null},timestamp:Date.now()});};};})();';
-      webViewRef.current?.injectJavaScript(jsString);
-    }
-  };
-
-  const handleOnMessage = ({ nativeEvent: { data } }: WebViewMessageEvent) => {
-    try {
-      const response: OkHiLocationManagerResponse = JSON.parse(data);
-      if (response.message === 'fatal_exit') {
-        //TODO: figure out bad phone number code
-        onError(
-          new OkHiException({
-            code: OkHiException.UNKNOWN_ERROR_CODE,
-            message: response.payload,
-          })
-        );
-      } else if (response.message === 'exit_app') {
-        onCloseRequest();
-      } else if (response.message === 'request_enable_protected_apps') {
-        openProtectedAppsSettings();
-      } else if (
-        response.message === 'location_created' ||
-        response.message === 'location_selected' ||
-        response.message === 'location_updated'
-      ) {
-        setReady(false); // auto close
-        onSuccess({
-          user: {
-            ...response.payload.user,
-            fcmPushNotificationToken: user.fcmPushNotificationToken,
-          },
-          location: parseOkHiLocation(response.payload.location),
-          startVerification: function () {
-            const createdUser = { ...this.user };
-            const location = { ...this.location };
-            return new Promise((resolve, reject) => {
-              if (!location.id) {
-                reject(
-                  new OkHiException({
-                    code: OkHiException.BAD_REQUEST_CODE,
-                    message: 'Missing location id from response',
-                  })
-                );
-              } else if (!createdUser.id) {
-                reject(
-                  new OkHiException({
-                    code: OkHiException.BAD_REQUEST_CODE,
-                    message: 'Missing user id from response',
-                  })
-                );
-              } else if (!createdUser.token) {
-                reject(
-                  new OkHiException({
-                    code: OkHiException.UNAUTHORIZED_CODE,
-                    message: OkHiException.UNAUTHORIZED_MESSAGE,
-                  })
-                );
-              } else {
-                const usageTypes: UsageType = Array.isArray(location.usageTypes)
-                  ? location.usageTypes
-                  : ['digital_verification'];
-                sv(
-                  createdUser.token,
-                  createdUser.phone,
-                  createdUser.id,
-                  location.id,
-                  location.lat,
-                  location.lon,
-                  usageTypes
-                )
-                  .then(resolve)
-                  .catch(reject);
-              }
-            });
-          },
-        });
-      } else if (response.message === 'request_location_permission') {
-        handleRequestLocationPermission(response.payload);
-      } else if (response.message === 'open_app_settings') {
-        handleOpenAppSettings();
-      } else if (response.message === 'fetch_current_location') {
-        handleFetchCurrentLocation();
-      }
-    } catch (error) {
-      let errorMessage = 'Something went wrong';
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      onError(
-        new OkHiException({
-          code: OkHiException.UNKNOWN_ERROR_CODE,
-          message: errorMessage,
-        })
-      );
-    }
-  };
-
-  const handleOnError = () => {
-    onError(
-      new OkHiException({
-        code: OkHiException.NETWORK_ERROR_CODE,
-        message: OkHiException.NETWORK_ERROR_MESSAGE,
-      })
-    );
-  };
-
-  const handleModalRequestClose = () => {
-    webViewRef.current?.goBack();
-  };
-
-  const renderContent = () => {
-    if (startPayload === null || applicationConfiguration == null) {
-      return loader || <Spinner />;
-    }
-
-    const { jsAfterLoad, jsBeforeLoad } = generateJavaScriptStartScript({
-      message: startMessage,
-      payload: startPayload,
-    });
-
-    return (
-      <SafeAreaView style={style}>
-        <WebView
-          source={{ uri: getFrameUrl(applicationConfiguration) }}
-          injectedJavaScriptBeforeContentLoaded={
-            Platform.OS === 'ios' ? jsBeforeLoad : undefined
-          }
-          injectedJavaScript={Platform.OS === 'ios' ? undefined : jsAfterLoad}
-          onMessage={handleOnMessage}
-          onError={handleOnError}
-          onHttpError={handleOnError}
-          geolocationEnabled={true}
-          allowsBackForwardNavigationGestures={true}
-          onLoad={handleWebViewOnLoad}
-          ref={webViewRef}
-        />
-      </SafeAreaView>
-    );
-  };
-
-  return (
-    <Modal
-      animationType="slide"
-      transparent={false}
-      visible={ready}
-      onRequestClose={handleModalRequestClose}
-    >
-      {ready ? renderContent() : null}
-    </Modal>
-  );
-};
-
-export default OkHiLocationManager;

package/src/OkCollect/Spinner.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { ActivityIndicator, View, ViewStyle } from 'react-native';
-
-/**
- * Default spinner component that'll be used as the initial loading indicator.
- */
-export const Spinner = () => {
-  const style: ViewStyle = {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  };
-  return (
-    <View style={style}>
-      <ActivityIndicator color="teal" size="small" />
-    </View>
-  );
-};

package/src/OkCollect/Util.ts

@@ -1,270 +0,0 @@
-import type { OkHiLocationManagerProps } from './types';
-import {
-  canOpenProtectedAppsSettings,
-  isBackgroundLocationPermissionGranted,
-  isLocationPermissionGranted,
-  OkHiException,
-  OkHiLocation,
-} from '../OkCore';
-import { OkHiMode } from '../OkCore';
-import type {
-  OkHiLocationManagerStartDataPayload,
-  OkHiLocationManagerStartMessage,
-} from './types';
-import manifest from './app.json'; //TODO: fix this
-import type { AuthApplicationConfig } from '../OkCore/_types';
-import { Platform } from 'react-native';
-import { OkHiNativeModule } from '../OkHiNativeModule';
-
-export const fetchCurrentLocation = async (): Promise<null | {
-  lat: number;
-  lng: number;
-  accuracy: number;
-}> => {
-  const result = await OkHiNativeModule.fetchCurrentLocation();
-  return result;
-};
-
-/**
- * @ignore
- */
-export const generateStartDataPayload = async (
-  props: OkHiLocationManagerProps,
-  applicationConfiguration: AuthApplicationConfig
-): Promise<OkHiLocationManagerStartDataPayload> => {
-  const payload: any = {};
-  const { manufacturer, model, osVersion, platform } =
-    await OkHiNativeModule.retrieveDeviceInfo();
-  const geofences = await OkHiNativeModule.fetchRegisteredGeofences();
-  const locationAccuracyLevel =
-    await OkHiNativeModule.getLocationAccuracyLevel();
-
-  if (geofences) {
-    payload.locations = JSON.parse(geofences);
-  }
-  payload.style = !props.theme
-    ? undefined
-    : {
-        base: {
-          color: props.theme?.colors?.primary,
-          logo: props.theme?.appBar?.logo,
-          name: applicationConfiguration.app?.name,
-        },
-      };
-  payload.user = {
-    phone: props.user.phone,
-    firstName: props.user.firstName,
-    lastName: props.user.lastName,
-    email: props.user.email,
-    appUserId: props.user.appUserId,
-  };
-  payload.auth = {
-    branchId: applicationConfiguration.credentials.branchId,
-    clientKey: applicationConfiguration.credentials.clientKey,
-  };
-  payload.context = {
-    container: {
-      name: applicationConfiguration.app?.name,
-      version: applicationConfiguration.app?.version,
-    },
-    developer: {
-      name: applicationConfiguration.context.developer,
-    },
-    library: {
-      name: manifest.name,
-      version: manifest.version,
-    },
-    platform: {
-      name: 'react-native',
-    },
-    device: {
-      manufacturer,
-      model,
-      platform,
-      osVersion,
-    },
-    locationAccuracyLevel,
-  };
-  payload.config = {
-    streetView:
-      typeof props.config?.streetView === 'boolean'
-        ? props.config.streetView
-        : true,
-    appBar: {
-      color: props.theme?.appBar?.backgroundColor,
-      visible: props.config?.appBar?.visible,
-    },
-    addressTypes: {
-      home:
-        typeof props.config?.addressTypes?.home === 'boolean'
-          ? props.config?.addressTypes?.home
-          : true,
-      work:
-        typeof props.config?.addressTypes?.work === 'boolean'
-          ? props.config?.addressTypes?.work
-          : true,
-    },
-    protectedApps:
-      Platform.OS === 'android' && (await canOpenProtectedAppsSettings()),
-    permissionsOnboarding: true,
-    usageTypes: props.config?.usageTypes || ['digital_verification'],
-  };
-
-  if (Platform.OS === 'ios') {
-    const status = await OkHiNativeModule.fetchIOSLocationPermissionStatus();
-    const locationPermission =
-      status === 'notDetermined'
-        ? 'notDetermined'
-        : status === 'authorizedWhenInUse'
-        ? 'whenInUse'
-        : status === 'authorizedAlways'
-        ? 'always'
-        : 'denied';
-    payload.context.permissions = {
-      location: locationPermission,
-    };
-    if (
-      status === 'authorized' ||
-      status === 'authorizedWhenInUse' ||
-      status === 'authorizedAlways'
-    ) {
-      const location = await fetchCurrentLocation();
-      if (location) {
-        payload.context.coordinates = {
-          currentLocation: {
-            lat: location.lat,
-            lng: location.lng,
-            accuracy: location.accuracy,
-          },
-        };
-      }
-    }
-  } else if (Platform.OS === 'android') {
-    let hasLocationPermission: boolean | undefined;
-    try {
-      hasLocationPermission = await isLocationPermissionGranted();
-    } catch (error) {
-      console.log(error);
-    }
-
-    let hasBackgroundLocationPermission: boolean | undefined;
-    try {
-      hasBackgroundLocationPermission =
-        await isBackgroundLocationPermissionGranted();
-    } catch (error) {
-      console.log(error);
-    }
-
-    if (
-      typeof hasLocationPermission === 'boolean' &&
-      typeof hasBackgroundLocationPermission === 'boolean'
-    ) {
-      payload.context.permissions = {
-        location: hasBackgroundLocationPermission
-          ? 'always'
-          : hasLocationPermission
-          ? 'whenInUse'
-          : 'denied',
-      };
-    }
-  } else {
-    throw new OkHiException({
-      code: OkHiException.UNSUPPORTED_PLATFORM_CODE,
-      message: OkHiException.UNAUTHORIZED_MESSAGE,
-    });
-  }
-
-  if (props.location?.id) {
-    payload.location = {
-      id: props.location.id,
-    };
-  }
-
-  return payload;
-};
-
-/**
- * @ignore
- */
-export const getFrameUrl = (
-  applicationConfiguration: AuthApplicationConfig
-): string => {
-  const DEV_FRAME_URL = 'https://dev-manager-v5.okhi.io';
-  const PROD_FRAME_URL = 'https://manager-v5.okhi.io';
-  const SANDBOX_FRAME_URL = 'https://sandbox-manager-v5.okhi.io';
-
-  const LEGACY_DEV_FRAME_URL = 'https://dev-legacy-manager-v5.okhi.io';
-  const LEGACY_PROD_FRAME_URL = 'https://legacy-manager-v5.okhi.io';
-  const LEGACY_SANDBOX_FRAME_URL = 'https://sandbox-legacy-manager-v5.okhi.io';
-
-  if (Platform.OS === 'android' && Platform.Version < 24) {
-    if (applicationConfiguration.context.mode === OkHiMode.PROD) {
-      return LEGACY_PROD_FRAME_URL;
-    }
-    if (applicationConfiguration.context.mode === ('dev' as any)) {
-      return LEGACY_DEV_FRAME_URL;
-    }
-    return LEGACY_SANDBOX_FRAME_URL;
-  }
-  if (applicationConfiguration.context.mode === OkHiMode.PROD) {
-    return PROD_FRAME_URL;
-  }
-  if (applicationConfiguration.context.mode === ('dev' as any)) {
-    return DEV_FRAME_URL;
-  }
-  return SANDBOX_FRAME_URL;
-};
-
-/**
- * @ignore
- */
-export const generateJavaScriptStartScript = (startPayload: {
-  message: OkHiLocationManagerStartMessage;
-  payload: OkHiLocationManagerStartDataPayload;
-}) => {
-  const jsBeforeLoad = `
-      window.isNativeApp = true;
-      window.NativeApp = {
-        bridge: {
-          receiveMessage: window.ReactNativeWebView.postMessage
-        },
-        data: ${JSON.stringify(startPayload)}
-      }
-      true;
-      `;
-  const jsAfterLoad = `window.startOkHiLocationManager({ receiveMessage: function(data) { window.ReactNativeWebView.postMessage(data) } }, ${JSON.stringify(
-    startPayload
-  )})`;
-  return { jsBeforeLoad, jsAfterLoad };
-};
-
-/**
- * @ignore
- */
-export const parseOkHiLocation = (location: any): OkHiLocation => {
-  return {
-    id: location?.id,
-    lat: location?.geo_point?.lat,
-    lon: location?.geo_point?.lon,
-    placeId: location?.place_id,
-    plusCode: location?.plus_code,
-    propertyName: location?.property_name,
-    streetName: location?.street_name,
-    title: location?.title,
-    subtitle: location?.subtitle,
-    directions: location?.directions,
-    otherInformation: location?.other_information,
-    url: location?.url,
-    streetViewPanoId: location?.street_view?.pano_id,
-    streetViewPanoUrl: location?.street_view?.url,
-    userId: location?.user_id,
-    propertyNumber: location?.propertyNumber,
-    photo: location?.photo,
-    displayTitle: location?.display_title,
-    country: location?.country,
-    state: location?.state,
-    city: location?.city,
-    countryCode: location?.country_code,
-    usageTypes: location?.usage_types,
-  };
-};

package/src/OkCollect/app.json

@@ -1,4 +0,0 @@
-{
-  "name": "okhiWebReactNative",
-  "version": "1.2.31"
-}

package/src/OkCollect/index.ts

@@ -1,3 +0,0 @@
-export * from './Helpers';
-export * from './OkHiLocationManager';
-export { OkHiLocationManagerProps, OkCollectSuccessResponse } from './types';