@stream-io/video-react-native-sdk 0.0.10 → 0.0.12

package/dist/commonjs/utils/setClientDetails.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setClientDetails = void 0;
+var _videoClient = require("@stream-io/video-client");
+var _reactNative = require("react-native");
+var _version = require("../version");
+const [major, minor, patch] = _version.version.split('.');
+const setClientDetails = () => {
+  (0, _videoClient.setSdkInfo)({
+    type: _videoClient.SfuModels.SdkType.REACT_NATIVE,
+    major,
+    minor,
+    patch
+  });
+  let osName = _reactNative.Platform.OS;
+  if (_reactNative.Platform.OS === 'ios') {
+    // example: "iOS" | "iPadOS"
+    osName = _reactNative.Platform.constants.systemName;
+  }
+  let osVersion = '';
+  if (_reactNative.Platform.OS === 'android') {
+    // example: "33" - its more OS API level than consumer version
+    osVersion = _reactNative.Platform.constants.Version.toString();
+  } else if (_reactNative.Platform.OS === 'ios') {
+    // example: "16.2"
+    osVersion = _reactNative.Platform.constants.osVersion;
+  }
+  (0, _videoClient.setOSInfo)({
+    name: osName,
+    version: osVersion,
+    architecture: ''
+  });
+  let deviceName = '';
+  if (_reactNative.Platform.OS === 'android') {
+    // Example: "Google Pixel 7"
+    const prefix = _reactNative.Platform.constants.Manufacturer.toLowerCase() === _reactNative.Platform.constants.Brand.toLowerCase() ? _reactNative.Platform.constants.Manufacturer : `${_reactNative.Platform.constants.Manufacturer} ${_reactNative.Platform.constants.Brand}`;
+    deviceName = `${prefix} ${_reactNative.Platform.constants.Model}`;
+  } else if (_reactNative.Platform.OS === 'ios') {
+    // note: osName check is necessary because Platform.isPad is not reliable
+    deviceName = _reactNative.Platform.isPad || osName === 'iPadOS' ? 'iPad' : 'iPhone';
+  }
+  (0, _videoClient.setDeviceInfo)({
+    name: deviceName,
+    version: ''
+  });
+};
+exports.setClientDetails = setClientDetails;
+//# sourceMappingURL=setClientDetails.js.map

package/dist/commonjs/utils/setClientDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoClient","require","_reactNative","_version","major","minor","patch","version","split","setClientDetails","setSdkInfo","type","SfuModels","SdkType","REACT_NATIVE","osName","Platform","OS","constants","systemName","osVersion","Version","toString","setOSInfo","name","architecture","deviceName","prefix","Manufacturer","toLowerCase","Brand","Model","isPad","setDeviceInfo","exports"],"sourceRoot":"../../../src","sources":["utils/setClientDetails.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,MAAM,CAACG,KAAK,EAAEC,KAAK,EAAEC,KAAK,CAAC,GAAGC,gBAAO,CAACC,KAAK,CAAC,GAAG,CAAC;AAEzC,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,IAAAC,uBAAU,EAAC;IACTC,IAAI,EAAEC,sBAAS,CAACC,OAAO,CAACC,YAAY;IACpCV,KAAK;IACLC,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,IAAIS,MAAc,GAAGC,qBAAQ,CAACC,EAAE;EAChC,IAAID,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB;IACAF,MAAM,GAAGC,qBAAQ,CAACE,SAAS,CAACC,UAAU;EACxC;EAEA,IAAIC,SAAS,GAAG,EAAE;EAClB,IAAIJ,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;IAC7B;IACAG,SAAS,GAAGJ,qBAAQ,CAACE,SAAS,CAACG,OAAO,CAACC,QAAQ,CAAC,CAAC;EACnD,CAAC,MAAM,IAAIN,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAChC;IACAG,SAAS,GAAGJ,qBAAQ,CAACE,SAAS,CAACE,SAAS;EAC1C;EAEA,IAAAG,sBAAS,EAAC;IACRC,IAAI,EAAET,MAAM;IACZR,OAAO,EAAEa,SAAS;IAClBK,YAAY,EAAE;EAChB,CAAC,CAAC;EAEF,IAAIC,UAAU,GAAG,EAAE;EACnB,IAAIV,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;IAC7B;IACA,MAAMU,MAAM,GACVX,qBAAQ,CAACE,SAAS,CAACU,YAAY,CAACC,WAAW,CAAC,CAAC,KAC7Cb,qBAAQ,CAACE,SAAS,CAACY,KAAK,CAACD,WAAW,CAAC,CAAC,GAClCb,qBAAQ,CAACE,SAAS,CAACU,YAAY,GAC9B,GAAEZ,qBAAQ,CAACE,SAAS,CAACU,YAAa,IAAGZ,qBAAQ,CAACE,SAAS,CAACY,KAAM,EAAC;IACtEJ,UAAU,GAAI,GAAEC,MAAO,IAAGX,qBAAQ,CAACE,SAAS,CAACa,KAAM,EAAC;EACtD,CAAC,MAAM,IAAIf,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAChC;IACAS,UAAU,GAAGV,qBAAQ,CAACgB,KAAK,IAAIjB,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ;EACxE;EAEA,IAAAkB,0BAAa,EAAC;IACZT,IAAI,EAAEE,UAAU;IAChBnB,OAAO,EAAE;EACX,CAAC,CAAC;AACJ,CAAC;AAAC2B,OAAA,CAAAzB,gBAAA,GAAAA,gBAAA"}

package/dist/commonjs/version.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.version = void 0;
+const version = '0.0.12';
+exports.version = version;
+//# sourceMappingURL=version.js.map

package/dist/commonjs/version.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["version","exports"],"sourceRoot":"../../src","sources":["version.ts"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAAG,QAAQ;AAACC,OAAA,CAAAD,OAAA,GAAAA,OAAA"}

package/dist/module/components/Call/CallContent/CallContent.js

@@ -0,0 +1,124 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { CallTopView as DefaultCallTopView } from '../CallTopView';
+import { CallParticipantsGrid, CallParticipantsSpotlight } from '../CallLayout';
+import { CallControls as DefaultCallControls } from '../CallControls';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { CallingState } from '@stream-io/video-client';
+import { useIncallManager } from '../../../hooks';
+import { Z_INDEX } from '../../../constants';
+import { useDebouncedValue } from '../../../utils/hooks';
+import { FloatingParticipantView as DefaultFloatingParticipantView } from '../../Participant';
+import { useTheme } from '../../../contexts';
+export const CallContent = _ref => {
+  let {
+    onBackPressed,
+    onParticipantInfoPress,
+    onHangupCallHandler,
+    CallParticipantsList,
+    CallTopView = DefaultCallTopView,
+    CallControls = DefaultCallControls,
+    FloatingParticipantView = DefaultFloatingParticipantView,
+    ParticipantLabel,
+    ParticipantNetworkQualityIndicator,
+    ParticipantReaction,
+    ParticipantVideoFallback,
+    ParticipantView,
+    ParticipantsInfoBadge,
+    VideoRenderer,
+    layout = 'grid'
+  } = _ref;
+  const [showRemoteParticipantInFloatingView, setShowRemoteParticipantInFloatingView] = useState(false);
+  const {
+    theme: {
+      callContent
+    }
+  } = useTheme();
+  const {
+    useHasOngoingScreenShare,
+    useRemoteParticipants,
+    useLocalParticipant
+  } = useCallStateHooks();
+  const _remoteParticipants = useRemoteParticipants();
+  const remoteParticipants = useDebouncedValue(_remoteParticipants, 300); // we debounce the remote participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
+  const localParticipant = useLocalParticipant();
+  const hasScreenShare = useHasOngoingScreenShare();
+  const showSpotlightLayout = hasScreenShare || layout === 'spotlight';
+  const showFloatingView = !showSpotlightLayout && remoteParticipants.length > 0 && remoteParticipants.length < 3;
+  const isRemoteParticipantInFloatingView = showRemoteParticipantInFloatingView && remoteParticipants.length === 1;
+
+  /**
+   * This hook is used to handle IncallManager specs of the application.
+   */
+  useIncallManager({
+    media: 'video',
+    auto: true
+  });
+  const call = useCall();
+  const activeCallRef = useRef(call);
+  activeCallRef.current = call;
+  const handleFloatingViewParticipantSwitch = () => {
+    if (remoteParticipants.length !== 1) {
+      return;
+    }
+    setShowRemoteParticipantInFloatingView(prevState => !prevState);
+  };
+  useEffect(() => {
+    return () => {
+      var _activeCallRef$curren;
+      if (((_activeCallRef$curren = activeCallRef.current) === null || _activeCallRef$curren === void 0 ? void 0 : _activeCallRef$curren.state.callingState) !== CallingState.LEFT) {
+        var _activeCallRef$curren2;
+        (_activeCallRef$curren2 = activeCallRef.current) === null || _activeCallRef$curren2 === void 0 || _activeCallRef$curren2.leave();
+      }
+    };
+  }, []);
+  const participantViewProps = {
+    ParticipantLabel,
+    ParticipantNetworkQualityIndicator,
+    ParticipantReaction,
+    ParticipantVideoFallback,
+    VideoRenderer
+  };
+  const callParticipantsGridProps = {
+    ...participantViewProps,
+    showLocalParticipant: isRemoteParticipantInFloatingView,
+    ParticipantView,
+    CallParticipantsList
+  };
+  const callParticipantsSpotlightProps = {
+    ...participantViewProps,
+    ParticipantView,
+    CallParticipantsList
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, callContent.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, callContent.callParticipantsContainer]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.view, callContent.topContainer]
+    // "box-none" disallows the container view to be not take up touches
+    // and allows only the top and floating view (its child views) to take up the touches
+    ,
+    pointerEvents: "box-none"
+  }, CallTopView && /*#__PURE__*/React.createElement(CallTopView, {
+    onBackPressed: onBackPressed,
+    onParticipantInfoPress: onParticipantInfoPress,
+    ParticipantsInfoBadge: ParticipantsInfoBadge
+  }), showFloatingView && FloatingParticipantView && /*#__PURE__*/React.createElement(FloatingParticipantView, _extends({
+    participant: isRemoteParticipantInFloatingView ? remoteParticipants[0] : localParticipant,
+    onPressHandler: handleFloatingViewParticipantSwitch
+  }, participantViewProps))), showSpotlightLayout ? /*#__PURE__*/React.createElement(CallParticipantsSpotlight, callParticipantsSpotlightProps) : /*#__PURE__*/React.createElement(CallParticipantsGrid, callParticipantsGridProps)), CallControls && /*#__PURE__*/React.createElement(CallControls, {
+    onHangupCallHandler: onHangupCallHandler
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  view: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: Z_INDEX.IN_FRONT
+  }
+});
+//# sourceMappingURL=CallContent.js.map

package/dist/module/components/Call/CallContent/CallContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","StyleSheet","View","CallTopView","DefaultCallTopView","CallParticipantsGrid","CallParticipantsSpotlight","CallControls","DefaultCallControls","useCall","useCallStateHooks","CallingState","useIncallManager","Z_INDEX","useDebouncedValue","FloatingParticipantView","DefaultFloatingParticipantView","useTheme","CallContent","_ref","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","theme","callContent","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","_remoteParticipants","remoteParticipants","localParticipant","hasScreenShare","showSpotlightLayout","showFloatingView","length","isRemoteParticipantInFloatingView","media","auto","call","activeCallRef","current","handleFloatingViewParticipantSwitch","prevState","_activeCallRef$curren","state","callingState","LEFT","_activeCallRef$curren2","leave","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","createElement","style","styles","container","callParticipantsContainer","view","topContainer","pointerEvents","_extends","participant","onPressHandler","create","flex","absoluteFillObject","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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"}

package/dist/module/components/Call/CallContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/index.ts"],"mappings":"AAAA,cAAc,eAAe"}

package/dist/module/components/Call/CallControls/AcceptCallButton.js

@@ -0,0 +1,54 @@
+import { useCall } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { Phone } from '../../../icons';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * The props for the Accept Call button.
+ */
+
+/**
+ * Button to accept a call.
+ *
+ * Mostly calls call.join() internally.
+ */
+export const AcceptCallButton = _ref => {
+  let {
+    onPressHandler,
+    onAcceptCallHandler
+  } = _ref;
+  const call = useCall();
+  const {
+    theme: {
+      colors,
+      variants: {
+        buttonSizes
+      },
+      acceptCallButton
+    }
+  } = useTheme();
+  const acceptCallHandler = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    try {
+      await (call === null || call === void 0 ? void 0 : call.join());
+      if (onAcceptCallHandler) {
+        onAcceptCallHandler();
+      }
+    } catch (error) {
+      console.log('Error joining Call', error);
+    }
+  };
+  return /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: acceptCallHandler,
+    color: colors.info,
+    size: buttonSizes.lg,
+    style: acceptCallButton
+  }, /*#__PURE__*/React.createElement(Phone, {
+    color: colors.static_white
+  }));
+};
+//# sourceMappingURL=AcceptCallButton.js.map

package/dist/module/components/Call/CallControls/AcceptCallButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCall","React","CallControlsButton","Phone","useTheme","AcceptCallButton","_ref","onPressHandler","onAcceptCallHandler","call","theme","colors","variants","buttonSizes","acceptCallButton","acceptCallHandler","join","error","console","log","createElement","onPress","color","info","size","lg","style","static_white"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iCAAiC;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC/BC,cAAc;IACdC;EACqB,CAAC,GAAAF,IAAA;EACtB,MAAMG,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM;IACJU,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC;MAAY,CAAC;MACzBC;IACF;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAMW,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIR,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,OAAME,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,IAAI,CAAC,CAAC;MAClB,IAAIR,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOS,KAAK,EAAE;MACdC,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEF,KAAK,CAAC;IAC1C;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAmB,aAAA,CAAClB,kBAAkB;IACjBmB,OAAO,EAAEN,iBAAkB;IAC3BO,KAAK,EAAEX,MAAM,CAACY,IAAK;IACnBC,IAAI,EAAEX,WAAW,CAACY,EAAG;IACrBC,KAAK,EAAEZ;EAAiB,gBAExBb,KAAA,CAAAmB,aAAA,CAACjB,KAAK;IAACmB,KAAK,EAAEX,MAAM,CAACgB;EAAa,CAAE,CAClB,CAAC;AAEzB,CAAC"}

package/dist/module/components/Call/CallControls/CallControls.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ToggleAudioPublishingButton } from './ToggleAudioPublishingButton';
+import { ToggleVideoPublishingButton } from './ToggleVideoPublishingButton';
+import { ToggleCameraFaceButton } from './ToggleCameraFaceButton';
+import { Z_INDEX } from '../../../constants';
+import { HangUpCallButton } from './HangupCallButton';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the CallControls Component.
+ */
+
+/**
+ * A list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
+ * the user can trigger within an active call.
+ */
+export const CallControls = _ref => {
+  let {
+    style,
+    onHangupCallHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      callControls
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, style, callControls.container]
+  }, /*#__PURE__*/React.createElement(ToggleVideoPublishingButton, null), /*#__PURE__*/React.createElement(ToggleAudioPublishingButton, null), /*#__PURE__*/React.createElement(ToggleCameraFaceButton, null), /*#__PURE__*/React.createElement(HangUpCallButton, {
+    onHangupCallHandler: onHangupCallHandler
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    zIndex: Z_INDEX.IN_FRONT
+  }
+});
+//# sourceMappingURL=CallControls.js.map

package/dist/module/components/Call/CallControls/CallControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","ToggleAudioPublishingButton","ToggleVideoPublishingButton","ToggleCameraFaceButton","Z_INDEX","HangUpCallButton","useTheme","CallControls","_ref","style","onHangupCallHandler","theme","colors","callControls","createElement","styles","container","backgroundColor","static_grey","create","paddingVertical","flexDirection","justifyContent","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAGJ;EAAA,IAHK;IAC3BC,KAAK;IACLC;EACgB,CAAC,GAAAF,IAAA;EACjB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAGP,QAAQ,CAAC,CAAC;EACd,oBACER,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACHS,KAAK,EAAE,CACLM,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEL,MAAM,CAACM;IAAY,CAAC,EACvCT,KAAK,EACLI,YAAY,CAACG,SAAS;EACtB,gBAEFlB,KAAA,CAAAgB,aAAA,CAACZ,2BAA2B,MAAE,CAAC,eAC/BJ,KAAA,CAAAgB,aAAA,CAACb,2BAA2B,MAAE,CAAC,eAC/BH,KAAA,CAAAgB,aAAA,CAACX,sBAAsB,MAAE,CAAC,eAC1BL,KAAA,CAAAgB,aAAA,CAACT,gBAAgB;IAACK,mBAAmB,EAAEA;EAAoB,CAAE,CACzD,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGhB,UAAU,CAACoB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAEnB,OAAO,CAACoB;EAClB;AACF,CAAC,CAAC"}

package/dist/module/components/Call/CallControls/CallControlsButton.js

@@ -0,0 +1,69 @@
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useTheme } from '../../../contexts/ThemeContext';
+export const CallControlsButton = props => {
+  const {
+    onPress,
+    children,
+    disabled,
+    color: colorProp,
+    style: styleProp,
+    size,
+    testID,
+    onLayout
+  } = props;
+  const {
+    theme: {
+      variants: {
+        buttonSizes
+      },
+      colors,
+      callControlsButton: {
+        container
+      }
+    }
+  } = useTheme();
+  const pressableStyle = _ref => {
+    let {
+      pressed
+    } = _ref;
+    return [styles.container, {
+      backgroundColor: disabled ? colors.disabled : colorProp || colors.static_white,
+      opacity: pressed ? 0.2 : 1,
+      height: size || buttonSizes.sm,
+      width: size || buttonSizes.sm,
+      borderRadius: (size || buttonSizes.sm) / 2,
+      borderColor: colors.content_bg
+    }, (styleProp === null || styleProp === void 0 ? void 0 : styleProp.container) ?? null, container];
+  };
+  return /*#__PURE__*/React.createElement(Pressable, {
+    disabled: disabled,
+    style: pressableStyle,
+    onPress: onPress,
+    testID: testID,
+    onLayout: onLayout
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [{
+      height: (size || buttonSizes.sm) / 2 - 5,
+      width: (size || buttonSizes.sm) / 2 - 5
+    }, (styleProp === null || styleProp === void 0 ? void 0 : styleProp.svgContainer) ?? null]
+  }, children));
+};
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    borderWidth: 1,
+    alignItems: 'center',
+    // For iOS
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 8,
+    // For android
+    elevation: 6
+  }
+});
+//# sourceMappingURL=CallControlsButton.js.map

package/dist/module/components/Call/CallControls/CallControlsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","useTheme","CallControlsButton","props","onPress","children","disabled","color","colorProp","style","styleProp","size","testID","onLayout","theme","variants","buttonSizes","colors","callControlsButton","container","pressableStyle","_ref","pressed","styles","backgroundColor","static_white","opacity","height","sm","width","borderRadius","borderColor","content_bg","createElement","svgContainer","create","justifyContent","borderWidth","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControlsButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,SAAS,EAETC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SAASC,QAAQ,QAAQ,gCAAgC;AAmCzD,OAAO,MAAMC,kBAAkB,GAC7BC,KAAuD,IACpD;EACH,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,KAAK,EAAEC,SAAS;IAChBC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,GAAGV,KAAK;EAET,MAAM;IACJW,KAAK,EAAE;MACLC,QAAQ,EAAE;QAAEC;MAAY,CAAC;MACzBC,MAAM;MACNC,kBAAkB,EAAE;QAAEC;MAAU;IAClC;EACF,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAEd,MAAMmB,cAAuC,GAAGC,IAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAD,IAAA;IAAA,OAAK,CAC/DE,MAAM,CAACJ,SAAS,EAChB;MACEK,eAAe,EAAElB,QAAQ,GACrBW,MAAM,CAACX,QAAQ,GACfE,SAAS,IAAIS,MAAM,CAACQ,YAAY;MACpCC,OAAO,EAAEJ,OAAO,GAAG,GAAG,GAAG,CAAC;MAC1BK,MAAM,EAAEhB,IAAI,IAAIK,WAAW,CAACY,EAAE;MAC9BC,KAAK,EAAElB,IAAI,IAAIK,WAAW,CAACY,EAAE;MAC7BE,YAAY,EAAE,CAACnB,IAAI,IAAIK,WAAW,CAACY,EAAE,IAAI,CAAC;MAC1CG,WAAW,EAAEd,MAAM,CAACe;IACtB,CAAC,EACD,CAAAtB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAES,SAAS,KAAI,IAAI,EAC5BA,SAAS,CACV;EAAA;EAED,oBACEtB,KAAA,CAAAoC,aAAA,CAACnC,SAAS;IACRQ,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEW,cAAe;IACtBhB,OAAO,EAAEA,OAAQ;IACjBQ,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,gBAEnBhB,KAAA,CAAAoC,aAAA,CAACjC,IAAI;IACHS,KAAK,EAAE,CACL;MACEkB,MAAM,EAAE,CAAChB,IAAI,IAAIK,WAAW,CAACY,EAAE,IAAI,CAAC,GAAG,CAAC;MACxCC,KAAK,EAAE,CAAClB,IAAI,IAAIK,WAAW,CAACY,EAAE,IAAI,CAAC,GAAG;IACxC,CAAC,EACD,CAAAlB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEwB,YAAY,KAAI,IAAI;EAC/B,GAED7B,QACG,CACG,CAAC;AAEhB,CAAC;AAED,MAAMkB,MAAM,GAAGxB,UAAU,CAACoC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,QAAQ;IACpB;IACAC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZX,KAAK,EAAE,CAAC;MACRF,MAAM,EAAE;IACV,CAAC;IACDc,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IAEf;IACAC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/dist/module/components/Call/CallControls/ChatButton.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { CallControlsButton } from './CallControlsButton';
+import { Chat } from '../../../icons';
+import { ComponentTestIds } from '../../../constants/TestIds';
+import { Z_INDEX } from '../../../constants';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * The props for the Chat Button in the Call Controls.
+ */
+
+/**
+ * Button to open the Chat window while in the call.
+ *
+ * This call also display the unread count indicator/badge is there messages that are unread.
+ */
+export const ChatButton = _ref => {
+  let {
+    onPressHandler,
+    unreadBadgeCount
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      chatButton
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: onPressHandler,
+    style: chatButton
+  }, /*#__PURE__*/React.createElement(UnreadBadgeCountIndicator, {
+    count: unreadBadgeCount
+  }), /*#__PURE__*/React.createElement(Chat, {
+    color: colors.static_black
+  }));
+};
+const UnreadBadgeCountIndicator = _ref2 => {
+  let {
+    count
+  } = _ref2;
+  const {
+    theme: {
+      colors,
+      typefaces
+    }
+  } = useTheme();
+
+  // Don't show badge if count is 0 or undefined
+  if (!count) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    testID: ComponentTestIds.CHAT_UNREAD_BADGE_COUNT_INDICATOR,
+    style: (styles.chatBadge, {
+      backgroundColor: colors.error
+    })
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: (styles.chatBadgeText, {
+      color: colors.static_white
+    }, typefaces.bodyBold)
+  }, count));
+};
+const styles = StyleSheet.create({
+  chatBadge: {
+    borderRadius: 30,
+    position: 'absolute',
+    left: 15,
+    bottom: 20,
+    zIndex: Z_INDEX.IN_FRONT,
+    height: 30,
+    width: 30,
+    justifyContent: 'center'
+  },
+  chatBadgeText: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=ChatButton.js.map

package/dist/module/components/Call/CallControls/ChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","CallControlsButton","Chat","ComponentTestIds","Z_INDEX","useTheme","ChatButton","_ref","onPressHandler","unreadBadgeCount","theme","colors","chatButton","createElement","onPress","style","UnreadBadgeCountIndicator","count","color","static_black","_ref2","typefaces","testID","CHAT_UNREAD_BADGE_COUNT_INDICATOR","styles","chatBadge","backgroundColor","error","chatBadgeText","static_white","bodyBold","create","borderRadius","position","left","bottom","zIndex","IN_FRONT","height","width","justifyContent","textAlign"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ChatButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAGH;EAAA,IAHI;IACzBC,cAAc;IACdC;EACe,CAAC,GAAAF,IAAA;EAChB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC,GAAGP,QAAQ,CAAC,CAAC;EACd,oBACER,KAAA,CAAAgB,aAAA,CAACZ,kBAAkB;IAACa,OAAO,EAAEN,cAAe;IAACO,KAAK,EAAEH;EAAW,gBAC7Df,KAAA,CAAAgB,aAAA,CAACG,yBAAyB;IAACC,KAAK,EAAER;EAAiB,CAAE,CAAC,eACtDZ,KAAA,CAAAgB,aAAA,CAACX,IAAI;IAACgB,KAAK,EAAEP,MAAM,CAACQ;EAAa,CAAE,CACjB,CAAC;AAEzB,CAAC;AAED,MAAMH,yBAAyB,GAAGI,KAAA,IAI5B;EAAA,IAJ6B;IACjCH;EAGF,CAAC,GAAAG,KAAA;EACC,MAAM;IACJV,KAAK,EAAE;MAAEC,MAAM;MAAEU;IAAU;EAC7B,CAAC,GAAGhB,QAAQ,CAAC,CAAC;;EAEd;EACA,IAAI,CAACY,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACEpB,KAAA,CAAAgB,aAAA,CAACb,IAAI;IACHsB,MAAM,EAAEnB,gBAAgB,CAACoB,iCAAkC;IAC3DR,KAAK,GAAGS,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEf,MAAM,CAACgB;IAAM,CAAC;EAAE,gBAE7D9B,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACHgB,KAAK,GACFS,MAAM,CAACI,aAAa,EACrB;MAAEV,KAAK,EAAEP,MAAM,CAACkB;IAAa,CAAC,EAC9BR,SAAS,CAACS,QAAQ;EACnB,GAEAb,KACG,CACF,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAG1B,UAAU,CAACiC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,EAAE;IACRC,MAAM,EAAE,EAAE;IACVC,MAAM,EAAEhC,OAAO,CAACiC,QAAQ;IACxBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE;EAClB,CAAC;EACDZ,aAAa,EAAE;IACba,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/dist/module/components/Call/CallControls/HangupCallButton.js

@@ -0,0 +1,69 @@
+import React, { useCallback } from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { PhoneDown } from '../../../icons';
+import { ButtonTestIds } from '../../../constants/TestIds';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { CallingState } from '@stream-io/video-client';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * The props for the Hang up call button in the Call Controls.
+ */
+
+/**
+ * Button to hangup a call.
+ *
+ * Mostly calls call.leave() internally.
+ */
+export const HangUpCallButton = _ref => {
+  let {
+    onPressHandler,
+    onHangupCallHandler
+  } = _ref;
+  const call = useCall();
+  const {
+    useCallCallingState
+  } = useCallStateHooks();
+  const callingState = useCallCallingState();
+  const {
+    theme: {
+      colors,
+      hangupCallButton
+    }
+  } = useTheme();
+  const onPress = useCallback(async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    try {
+      if (callingState === CallingState.LEFT) {
+        return;
+      }
+      await (call === null || call === void 0 ? void 0 : call.leave());
+      if (onHangupCallHandler) {
+        onHangupCallHandler();
+      }
+    } catch (error) {
+      console.error('Error leaving call:', error);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [call]);
+  return /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: onPress,
+    color: colors.error,
+    style: hangupCallButton,
+    testID: ButtonTestIds.HANG_UP_CALL
+  }, /*#__PURE__*/React.createElement(PhoneDown, {
+    color: colors.static_white
+  }));
+};
+
+// TODO: Check if this style is needed
+// This was passed to CallControlsButton as style prop
+// const styles = StyleSheet.create({
+//   button: {
+//     shadowColor: theme.light.error,
+//   },
+// });
+//# sourceMappingURL=HangupCallButton.js.map

package/dist/module/components/Call/CallControls/HangupCallButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","CallControlsButton","PhoneDown","ButtonTestIds","useCall","useCallStateHooks","CallingState","useTheme","HangUpCallButton","_ref","onPressHandler","onHangupCallHandler","call","useCallCallingState","callingState","theme","colors","hangupCallButton","onPress","LEFT","leave","error","console","createElement","color","style","testID","HANG_UP_CALL","static_white"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/HangupCallButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAeA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC/BC,cAAc;IACdC;EACqB,CAAC,GAAAF,IAAA;EACtB,MAAMG,IAAI,GAAGR,OAAO,CAAC,CAAC;EACtB,MAAM;IAAES;EAAoB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACnD,MAAMS,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJE,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAiB;EACpC,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAMW,OAAO,GAAGlB,WAAW,CAAC,YAAY;IACtC,IAAIU,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAII,YAAY,KAAKR,YAAY,CAACa,IAAI,EAAE;QACtC;MACF;MACA,OAAMP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEQ,KAAK,CAAC,CAAC;MACnB,IAAIT,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOU,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,qBAAqB,EAAEA,KAAK,CAAC;IAC7C;IACA;EACF,CAAC,EAAE,CAACT,IAAI,CAAC,CAAC;EAEV,oBACEb,KAAA,CAAAwB,aAAA,CAACtB,kBAAkB;IACjBiB,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAER,MAAM,CAACK,KAAM;IACpBI,KAAK,EAAER,gBAAiB;IACxBS,MAAM,EAAEvB,aAAa,CAACwB;EAAa,gBAEnC5B,KAAA,CAAAwB,aAAA,CAACrB,SAAS;IAACsB,KAAK,EAAER,MAAM,CAACY;EAAa,CAAE,CACtB,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/module/components/Call/CallControls/IncomingCallControls.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../../../contexts';
+import { AcceptCallButton } from './AcceptCallButton';
+import { RejectCallButton } from './RejectCallButton';
+import { ToggleVideoPreviewButton } from './ToggleVideoPreviewButton';
+
+/**
+ * Props for the IncomingCallControls Component.
+ */
+
+export const IncomingCallControls = _ref => {
+  let {
+    onAcceptCallHandler,
+    onRejectCallHandler
+  } = _ref;
+  const {
+    theme: {
+      incomingCall
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttonGroup, incomingCall.buttonGroup]
+  }, /*#__PURE__*/React.createElement(RejectCallButton, {
+    onPressHandler: onRejectCallHandler
+  }), /*#__PURE__*/React.createElement(ToggleVideoPreviewButton, null), /*#__PURE__*/React.createElement(AcceptCallButton, {
+    onPressHandler: onAcceptCallHandler
+  }));
+};
+const styles = StyleSheet.create({
+  buttonGroup: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=IncomingCallControls.js.map

package/dist/module/components/Call/CallControls/IncomingCallControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useTheme","AcceptCallButton","RejectCallButton","ToggleVideoPreviewButton","IncomingCallControls","_ref","onAcceptCallHandler","onRejectCallHandler","theme","incomingCall","createElement","style","styles","buttonGroup","onPressHandler","create","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/IncomingCallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,wBAAwB,QAAQ,4BAA4B;;AAErE;AACA;AACA;;AAYA,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,IAGH;EAAA,IAHI;IACnCC,mBAAmB;IACnBC;EACyB,CAAC,GAAAF,IAAA;EAC1B,MAAM;IACJG,KAAK,EAAE;MAAEC;IAAa;EACxB,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACd,oBACEH,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAEJ,YAAY,CAACI,WAAW;EAAE,gBAC1DhB,KAAA,CAAAa,aAAA,CAACR,gBAAgB;IAACY,cAAc,EAAEP;EAAoB,CAAE,CAAC,eACzDV,KAAA,CAAAa,aAAA,CAACP,wBAAwB,MAAE,CAAC,eAC5BN,KAAA,CAAAa,aAAA,CAACT,gBAAgB;IAACa,cAAc,EAAER;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGd,UAAU,CAACiB,MAAM,CAAC;EAC/BF,WAAW,EAAE;IACXG,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/dist/module/components/Call/CallControls/LobbyControls.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ToggleAudioPreviewButton } from './ToggleAudioPreviewButton';
+import { ToggleVideoPreviewButton } from './ToggleVideoPreviewButton';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Controls for the Lobby Component
+ */
+export const LobbyControls = () => {
+  const {
+    theme: {
+      lobbyControls
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, lobbyControls.container]
+  }, /*#__PURE__*/React.createElement(ToggleAudioPreviewButton, null), /*#__PURE__*/React.createElement(ToggleVideoPreviewButton, null));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  }
+});
+//# sourceMappingURL=LobbyControls.js.map

package/dist/module/components/Call/CallControls/LobbyControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","ToggleAudioPreviewButton","ToggleVideoPreviewButton","useTheme","LobbyControls","theme","lobbyControls","createElement","style","styles","container","create","paddingVertical","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/LobbyControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAc;EACzB,CAAC,GAAGH,QAAQ,CAAC,CAAC;EACd,oBACEL,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEJ,aAAa,CAACI,SAAS;EAAE,gBACvDZ,KAAA,CAAAS,aAAA,CAACN,wBAAwB,MAAE,CAAC,eAC5BH,KAAA,CAAAS,aAAA,CAACL,wBAAwB,MAAE,CACvB,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}