cobrowse-sdk-react-native 2.14.0 → 2.16.0

package/js/Session.ts

@@ -0,0 +1,128 @@
+import { EmitterSubscription, NativeEventEmitter, NativeModules } from 'react-native'
+const CobrowseIONative = NativeModules.CobrowseIO
+
+const emitter = new NativeEventEmitter(CobrowseIONative)
+
+export type SessionEvent = 'updated' | 'ended'
+export type CobrowseSessionEvents = `session.${SessionEvent}`
+export type SessionState = 'active' | 'authorizing' | 'ended' | 'pending'
+export type RemoteControlState = 'on' | 'requested' | 'rejected' | 'off'
+export type FullDeviceState = 'on' | 'requested' | 'rejected' | 'off'
+
+export interface Agent {
+  id: string
+  name: string
+}
+
+export interface SessionLike {
+  id: string
+  code: string
+  state: SessionState
+  full_device: boolean
+  remote_control: RemoteControlState
+  agent: Agent
+  full_device_state: FullDeviceState
+}
+
+export default class Session {
+  constructor (private session: SessionLike | Record<string, never> = {}) {
+    this._listen()
+  }
+
+  private _update (session: SessionLike, onMatch?: () => void): void {
+    if (this.session.id === undefined || (session != null && this.session.id === session.id)) {
+      this.session = session
+      if (typeof onMatch === 'function') onMatch()
+    }
+  }
+
+  _listen (): void {
+    const updates = emitter.addListener('session.updated', (session: SessionLike) => this._update(session))
+    const ended = emitter.addListener('session.ended', (session: SessionLike) => {
+      this._update(session, () => {
+        updates.remove()
+        ended.remove()
+      })
+    })
+  }
+
+  addListener (eventType: SessionEvent, listener: (session: Session) => void): EmitterSubscription {
+    let mappedEventsType: CobrowseSessionEvents
+    // TODO: this class should extend EventEmitter and forward
+    //       on the non-namespaced versions of these events
+    switch (eventType) {
+      case 'ended':
+        mappedEventsType = 'session.updated'
+        break
+      case 'updated':
+        mappedEventsType = 'session.ended'
+        break
+    }
+
+    return emitter.addListener(mappedEventsType ?? eventType, (session: SessionLike) => {
+      this._update(session, () => {
+        listener(this)
+      })
+    })
+  }
+
+  get id (): string | null {
+    return this.session.id
+  }
+
+  get code (): string | null {
+    return this.session.code
+  }
+
+  get state (): SessionState | null {
+    return this.session.state
+  }
+
+  get full_device (): boolean {
+    return this.session.full_device ?? false
+  }
+
+  get full_device_state (): FullDeviceState {
+    return this.session.full_device_state ?? 'off'
+  }
+
+  get remote_control (): RemoteControlState | null {
+    return this.session.remote_control
+  }
+
+  get agent (): Agent | null {
+    return this.session.agent
+  }
+
+  async activate (): Promise<void> {
+    return CobrowseIONative.activateSession().then(() => {})
+  }
+
+  async end (): Promise<void> {
+    return CobrowseIONative.endSession()
+  }
+
+  isActive (): boolean {
+    return this.session.state === 'active'
+  }
+
+  isAuthorizing (): boolean {
+    return this.session.state === 'authorizing'
+  }
+
+  isPending (): boolean {
+    return this.session.state === 'pending'
+  }
+
+  isEnded (): boolean {
+    return this.session.state === 'ended'
+  }
+
+  async setFullDevice (state: boolean | FullDeviceState): Promise<void> {
+    return CobrowseIONative.updateSession({ full_device: state })
+  }
+
+  async setRemoteControl (state: RemoteControlState): Promise<void> {
+    return CobrowseIONative.updateSession({ remote_control: state })
+  }
+}

package/js/SessionControl.ts

@@ -0,0 +1,38 @@
+import React, { Component } from 'react'
+import CobrowseIO from './CobrowseIO'
+import type { EmitterSubscription } from 'react-native'
+import type Session from './Session'
+
+interface SessionControlProps {
+  children: React.ReactNode
+}
+
+interface SessionControlState {
+  session: Session | null
+}
+
+export default class SessionControl extends Component<SessionControlProps, SessionControlState> {
+  private _updateListener: EmitterSubscription | null = null
+
+  constructor (props: SessionControlProps) {
+    super(props)
+    this.state = { session: null }
+  }
+
+  async componentDidMount (): Promise<void> {
+    this.setState({ session: await CobrowseIO.currentSession() })
+    this._updateListener = CobrowseIO.addListener(CobrowseIO.SESSION_UPDATED, (session) => {
+      this.setState({ session })
+    })
+  }
+
+  componentWillUnmount (): void {
+    if (this._updateListener != null) this._updateListener.remove()
+  }
+
+  render (): React.ReactNode | null {
+    const { session } = this.state
+    if (session?.isActive() === true) return this.props.children
+    else return null
+  }
+}

package/js/Unredacted.tsx

@@ -0,0 +1,106 @@
+import React, {
+  forwardRef,
+  useMemo,
+  useRef,
+  useCallback,
+  useEffect,
+  Component as ReactComponentType,
+  PropsWithoutRef,
+  type ForwardRefExoticComponent,
+  type RefAttributes,
+  type ComponentClass,
+  type Ref,
+  type PropsWithChildren,
+  type ForwardedRef
+} from 'react'
+import { ScrollView, Text, View, SectionList, FlatList, Image, findNodeHandle, NativeModules } from 'react-native'
+import { throttle } from 'lodash'
+
+const CobrowseIONative = NativeModules.CobrowseIO
+
+type RefHandlingComponent<T, P> =
+  | ComponentClass<P & { ref?: Ref<T> }, any>
+  | ForwardRefExoticComponent<PropsWithChildren<P> & RefAttributes<T>>
+
+function mergeRefs<T> (refs: Array<ForwardedRef<T>>): Ref<T> {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === 'function') {
+        ref(value)
+      } else if (ref != null) {
+        ref.current = value
+      }
+    })
+  }
+}
+
+const unredactedTags = new Set()
+const sendUnredactionUpdates = throttle(() => {
+  CobrowseIONative.setUnredactedTags([...unredactedTags])
+}, 50, { leading: false })
+
+function removeUnredactedView (view: number | null): void {
+  if (view != null) {
+    unredactedTags.delete(view)
+    sendUnredactionUpdates()
+  }
+}
+
+export function useUnredaction<C extends ComponentClass | ReactComponentType = View | ScrollView | Text | Image | FlatList | SectionList> (shouldWarnUnhandledRefs = true, componentName = ''): ForwardedRef<C> {
+  const ref = useRef<number | null>(null)
+
+  const setRef = useCallback((node: C | null) => {
+    let hasRemovedRef = false
+    if (ref.current != null) {
+      hasRemovedRef = true
+      removeUnredactedView(ref.current)
+    }
+
+    if (node != null) {
+      const view = findNodeHandle(node)
+
+      if (view != null) {
+        unredactedTags.add(view)
+        sendUnredactionUpdates()
+
+        ref.current = view
+      } else {
+        console.warn(`Failed to apply unredact() to ${componentName} due to view not found`)
+      }
+    } else if (!hasRemovedRef) {
+      console.warn(
+        `Failed to apply unredact() to ${componentName} due to null node handle – make sure you are forwarding refs`
+      )
+    }
+  }, [])
+
+  useEffect(() => {
+    if (shouldWarnUnhandledRefs && ref.current == null) {
+      console.warn(
+        `Failed to apply unredact() to ${componentName} due to null node handle – make sure the setRef function is called with the ref`
+      )
+    }
+
+    return () => removeUnredactedView(ref.current)
+  }, [])
+
+  return setRef
+}
+
+export function unredact<T, P extends {}> (
+  Component: RefHandlingComponent<T, P>
+): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> {
+  return forwardRef<T, P>(
+    function ComponentFromHOC (props, ref) {
+      const localRef = useUnredaction(true, Component?.displayName) as ForwardedRef<T>
+      const refs = useMemo(() => mergeRefs([localRef, ref]), [localRef, ref])
+
+      return (
+        <Component {...(props)} ref={refs} />
+      )
+    }
+  )
+}
+
+const Unredacted = unredact(View)
+export default Unredacted

package/js/{index.js → index.ts}

@@ -6,3 +6,4 @@ export { default as SessionControl } from './SessionControl'
 export { default as CobrowseAccessibilityService } from './CobrowseAccessibilityService'
 export { default as CBIOBroadcastPickerView } from './CBIOBroadcastPickerView'
 export { useSession } from './useSession'
+export type { default as Session, CobrowseSessionEvents } from './Session'

package/js/{useSession.js → useSession.ts}

@@ -1,13 +1,14 @@
 import { useEffect, useState } from 'react'
 import CobrowseIO from './CobrowseIO'
+import type Session from './Session'
 
-export function useSession () {
-  const [session, setSession] = useState(null)
+export function useSession (): Session | null {
+  const [session, setSession] = useState<Session | null>(null)
 
   // initial value
   useEffect(() => {
     let isMounted = true
-    const getSession = async () => {
+    async function getSession (): Promise<void> {
       const session = await CobrowseIO.currentSession()
 
       if (isMounted) {
@@ -15,7 +16,7 @@ export function useSession () {
       }
     }
 
-    getSession()
+    void getSession()
 
     return () => {
       isMounted = false

package/lib/commonjs/CBIOBroadcastPickerView.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CBIOBroadcastPickerView;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CBIOBroadcastPickerViewNativeView = (0, _reactNative.requireNativeComponent)('CBIOBroadcastPickerView');
+function CBIOBroadcastPickerView(props) {
+  // this native component is only available on iOS
+  return _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/_react.default.createElement(CBIOBroadcastPickerViewNativeView, props) : null;
+}
+//# sourceMappingURL=CBIOBroadcastPickerView.js.map

package/lib/commonjs/CBIOBroadcastPickerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","CBIOBroadcastPickerViewNativeView","requireNativeComponent","CBIOBroadcastPickerView","props","Platform","OS","createElement"],"sourceRoot":"../../js","sources":["CBIOBroadcastPickerView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA+E,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/E,MAAMG,iCAAiC,GAAG,IAAAC,mCAAsB,EAC9D,yBACF,CAAC;AAMc,SAASC,uBAAuBA,CAAEC,KAAmC,EAAsB;EACxG;EACA,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,gBAAGZ,MAAA,CAAAM,OAAA,CAAAO,aAAA,CAACN,iCAAiC,EAAKG,KAAQ,CAAC,GAAG,IAAI;AACxF"}

package/lib/commonjs/CobrowseAccessibilityService.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.isRunning = isRunning;
+exports.showSetup = showSetup;
+var _reactNative = require("react-native");
+const CobrowseIONative = _reactNative.NativeModules.CobrowseIO;
+function showSetup() {
+  return CobrowseIONative.accessibilityServiceShowSetup();
+}
+function isRunning() {
+  return CobrowseIONative.accessibilityServiceIsRunning();
+}
+var _default = {
+  showSetup,
+  isRunning
+};
+exports.default = _default;
+//# sourceMappingURL=CobrowseAccessibilityService.js.map

package/lib/commonjs/CobrowseAccessibilityService.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","CobrowseIONative","NativeModules","CobrowseIO","showSetup","accessibilityServiceShowSetup","isRunning","accessibilityServiceIsRunning","_default","exports","default"],"sourceRoot":"../../js","sources":["CobrowseAccessibilityService.ts"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,MAAMC,gBAAgB,GAAGC,0BAAa,CAACC,UAAU;AAE1C,SAASC,SAASA,CAAA,EAAU;EACjC,OAAOH,gBAAgB,CAACI,6BAA6B,CAAC,CAAC;AACzD;AAEO,SAASC,SAASA,CAAA,EAAa;EACpC,OAAOL,gBAAgB,CAACM,6BAA6B,CAAC,CAAC;AACzD;AAAC,IAAAC,QAAA,GAEc;EACbJ,SAAS;EACTE;AACF,CAAC;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/lib/commonjs/CobrowseIO.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _Session = _interopRequireDefault(require("./Session"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CobrowseIONative = _reactNative.NativeModules.CobrowseIO;
+const emitter = new _reactNative.NativeEventEmitter(CobrowseIONative);
+
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
+class CobrowseIO {
+  static sessionRequestShown = false;
+  static remoteControlRequestShown = false;
+
+  /** @deprecated */
+  static get SESSION_UPDATED() {
+    return 'session.updated';
+  }
+
+  /** @deprecated */
+  static get SESSION_ENDED() {
+    return 'session.ended';
+  }
+  static handleSessionRequest(session) {
+    if (this.sessionRequestShown) return;
+    this.sessionRequestShown = true;
+    _reactNative.Alert.alert('Support Request', 'A support agent would like to use this app with you. Do you accept?', [{
+      text: 'Reject',
+      onPress: () => {
+        this.sessionRequestShown = false;
+        void session.end();
+      },
+      style: 'cancel'
+    }, {
+      text: 'Accept',
+      onPress: () => {
+        this.sessionRequestShown = false;
+        void session.activate();
+      }
+    }], {
+      cancelable: false
+    });
+  }
+  static handleRemoteControlRequest(session) {
+    if (this.remoteControlRequestShown) return;
+    this.remoteControlRequestShown = true;
+    _reactNative.Alert.alert('Remote Control Request', 'A support agent would like to take remote control of this app. Do you accept?', [{
+      text: 'Reject',
+      onPress: () => {
+        this.remoteControlRequestShown = false;
+        void session.setRemoteControl('rejected');
+      },
+      style: 'cancel'
+    }, {
+      text: 'Accept',
+      onPress: () => {
+        this.remoteControlRequestShown = false;
+        void session.setRemoteControl('on');
+      }
+    }], {
+      cancelable: false
+    });
+  }
+  static addListener(event, cb) {
+    return emitter.addListener(event, session => cb(new _Session.default(session)));
+  }
+  static start() {
+    CobrowseIONative.start();
+  }
+  static stop() {
+    CobrowseIONative.stop();
+  }
+
+  // eslint-disable-next-line accessor-pairs
+  static set api(api) {
+    CobrowseIONative.api(api);
+  }
+
+  // eslint-disable-next-line accessor-pairs
+  static set license(license) {
+    CobrowseIONative.license(license);
+  }
+
+  // eslint-disable-next-line accessor-pairs
+  static set customData(customData) {
+    CobrowseIONative.customData(customData);
+  }
+
+  // eslint-disable-next-line accessor-pairs
+  static set capabilities(capabilities) {
+    CobrowseIONative.capabilities(capabilities);
+  }
+
+  // eslint-disable-next-line accessor-pairs
+  static set deviceToken(token) {
+    CobrowseIONative.deviceToken(token);
+  }
+  static currentSession() {
+    return CobrowseIONative.currentSession().then(session => session != null ? new _Session.default(session) : null);
+  }
+  static createSession() {
+    return CobrowseIONative.createSession().then(session => session != null ? new _Session.default(session) : null);
+  }
+  static getSession(codeOrId) {
+    return CobrowseIONative.getSession(codeOrId).then(session => session != null ? new _Session.default(session) : null);
+  }
+
+  /** @deprecated */
+  static activateSession() {
+    return CobrowseIONative.activateSession().then(session => session != null ? new _Session.default(session) : null);
+  }
+
+  /** @deprecated */
+  static endSession() {
+    return CobrowseIONative.endSession();
+  }
+  static showSessionControls = null;
+  static handleFullDeviceRequest = null;
+}
+
+// the session.requested event is considered internal, it should
+// not be used outside these bindings
+exports.default = CobrowseIO;
+CobrowseIO.addListener('session.requested', session => {
+  if (CobrowseIO.showSessionControls === false) {
+    CobrowseIONative.overwriteSessionIndicator();
+  }
+  if (_reactNative.Platform.OS === 'ios' && CobrowseIO.handleFullDeviceRequest != null) {
+    CobrowseIONative.overwriteFullControlUI();
+  }
+  CobrowseIO.handleSessionRequest(session);
+});
+CobrowseIO.addListener('session.updated', session => {
+  if (session.isActive() && session.remote_control === 'requested') {
+    CobrowseIO.handleRemoteControlRequest(session);
+  }
+  if (session.isActive() && session.full_device_state === 'requested') {
+    if (CobrowseIO.handleFullDeviceRequest != null) {
+      CobrowseIO.handleFullDeviceRequest(session);
+    } else if (_reactNative.Platform.OS === 'android') {
+      // accept the incoming connection by default
+      void session.setFullDevice('on');
+    }
+  }
+});
+//# sourceMappingURL=CobrowseIO.js.map

package/lib/commonjs/CobrowseIO.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Session","_interopRequireDefault","obj","__esModule","default","CobrowseIONative","NativeModules","CobrowseIO","emitter","NativeEventEmitter","sessionRequestShown","remoteControlRequestShown","SESSION_UPDATED","SESSION_ENDED","handleSessionRequest","session","Alert","alert","text","onPress","end","style","activate","cancelable","handleRemoteControlRequest","setRemoteControl","addListener","event","cb","Session","start","stop","api","license","customData","capabilities","deviceToken","token","currentSession","then","createSession","getSession","codeOrId","activateSession","endSession","showSessionControls","handleFullDeviceRequest","exports","overwriteSessionIndicator","Platform","OS","overwriteFullControlUI","isActive","remote_control","full_device_state","setFullDevice"],"sourceRoot":"../../js","sources":["CobrowseIO.ts"],"mappings":"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"}

package/lib/commonjs/CobrowseView.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _CobrowseIO = _interopRequireDefault(require("./CobrowseIO"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'flex-end'
+  },
+  text: {
+    textAlign: 'center',
+    margin: 15,
+    fontSize: 15,
+    lineHeight: 20
+  },
+  code: {
+    fontSize: 29,
+    padding: 20,
+    fontWeight: 'bold',
+    textAlign: 'center'
+  },
+  button: {
+    color: 'rgb(0, 122, 255)',
+    fontSize: 18,
+    margin: 10
+  }
+});
+class CobrowseView extends _react.Component {
+  _updateListener = null;
+  _endListener = null;
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: null,
+      session: null
+    };
+  }
+  async componentDidMount() {
+    if (this.props.license != null) {
+      console.warn('Passing license to view is deprecated. Use CobrowseIO.license = "..." instead');
+      _CobrowseIO.default.license = this.props.license;
+    }
+    try {
+      const current = await _CobrowseIO.default.currentSession();
+      if (current != null) this.setState({
+        session: current
+      });else {
+        const session = await _CobrowseIO.default.createSession();
+        this.setState({
+          session
+        });
+      }
+    } catch (error) {
+      this.setState({
+        error: error
+      });
+    }
+    this._updateListener = _CobrowseIO.default.addListener('session.updated', session => {
+      this.setState({
+        session
+      });
+    });
+    this._endListener = _CobrowseIO.default.addListener('session.ended', () => {
+      if (this.props.onEnded != null) this.props.onEnded();
+      this.setState({
+        session: null
+      });
+    });
+  }
+  componentWillUnmount() {
+    if (this._updateListener != null) this._updateListener.remove();
+    if (this._endListener != null) this._endListener.remove();
+  }
+  async endSession() {
+    try {
+      const {
+        session
+      } = this.state;
+      if (session == null) {
+        throw new Error('No session to end');
+      }
+      await session.end();
+      this.setState({
+        session: null
+      });
+    } catch (error) {
+      this.setState({
+        error: error
+      });
+    }
+  }
+  renderError(error) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.text]
+    }, error.message);
+  }
+  renderCode() {
+    var _this$state$session;
+    let code = (_this$state$session = this.state.session) === null || _this$state$session === void 0 ? void 0 : _this$state$session.code;
+    if (code != null) code = code.substr(0, 3) + '-' + code.substr(3);
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.code, {
+        opacity: code != null ? 1 : 0.2
+      }]
+    }, code ?? '000-000'), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.text]
+    }, "Provide this code to your support agent to begin screen sharing."), /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, null));
+  }
+  renderManageSession() {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.text]
+    }, "You're sharing screens from this app with a support agent."), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => this.endSession
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.text, styles.button]
+    }, "End Session")));
+  }
+  renderContent() {
+    const {
+      error,
+      session
+    } = this.state;
+    if (error != null) {
+      return this.renderError(error);
+    } else if (session == null || session.state === 'pending' || session.state === 'authorizing') {
+      return this.renderCode();
+    } else {
+      return this.renderManageSession();
+    }
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.container
+    }, this.renderContent());
+  }
+}
+exports.default = CobrowseView;
+//# sourceMappingURL=CobrowseView.js.map

package/lib/commonjs/CobrowseView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CobrowseIO","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","container","flex","justifyContent","text","textAlign","margin","fontSize","lineHeight","code","padding","fontWeight","button","color","CobrowseView","Component","_updateListener","_endListener","constructor","props","state","error","session","componentDidMount","license","console","warn","CobrowseIO","current","currentSession","setState","createSession","addListener","onEnded","componentWillUnmount","remove","endSession","Error","end","renderError","createElement","Text","style","message","renderCode","_this$state$session","substr","View","opacity","ActivityIndicator","renderManageSession","TouchableOpacity","onPress","renderContent","render","exports"],"sourceRoot":"../../js","sources":["CobrowseView.tsx"],"mappings":"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"}