@sendbird/uikit-react-native 3.5.3 → 3.6.0

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.video.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ThreadParentMessageFileVideo = props => {
+  const fileMessage = props.parentMessage;
+  if (!fileMessage) return null;
+  const uri = (0, _uikitUtils.getThumbnailUriFromFileMessage)(fileMessage);
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    activeOpacity: 0.8,
+    onPress: props.onPress,
+    onLongPress: props.onLongPress
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.VideoThumbnail, {
+    style: styles.image,
+    source: uri,
+    fetchThumbnailFromVideoSource: props.fetchThumbnailFromVideoSource
+  })));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    borderRadius: 16,
+    overflow: 'hidden'
+  },
+  image: {
+    maxWidth: 240,
+    width: 240,
+    height: 160,
+    borderRadius: 16,
+    overflow: 'hidden'
+  }
+});
+var _default = ThreadParentMessageFileVideo;
+exports.default = _default;
+//# sourceMappingURL=ThreadParentMessage.file.video.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.video.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","ThreadParentMessageFileVideo","props","fileMessage","parentMessage","uri","getThumbnailUriFromFileMessage","createElement","Box","style","styles","container","PressBox","activeOpacity","onPress","onLongPress","VideoThumbnail","image","source","fetchThumbnailFromVideoSource","createStyleSheet","borderRadius","overflow","maxWidth","width","height","_default","exports"],"sources":["ThreadParentMessage.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, PressBox, VideoThumbnail, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n}>;\n\nconst ThreadParentMessageFileVideo = (props: Props) => {\n  const fileMessage: SendbirdFileMessage = props.parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const uri = getThumbnailUriFromFileMessage(fileMessage);\n\n  return (\n    <Box style={styles.container}>\n      <PressBox activeOpacity={0.8} onPress={props.onPress} onLongPress={props.onLongPress}>\n        <VideoThumbnail\n          style={styles.image}\n          source={uri}\n          fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n        />\n      </PressBox>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    maxWidth: 240,\n    width: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default ThreadParentMessageFileVideo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA4F,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQ5F,MAAMG,4BAA4B,GAAIC,KAAY,IAAK;EACrD,MAAMC,WAAgC,GAAGD,KAAK,CAACE,aAAoC;EACnF,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;EAE7B,MAAME,GAAG,GAAG,IAAAC,0CAA8B,EAACH,WAAW,CAAC;EAEvD,oBACEV,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC3BlB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAgB,QAAQ;IAACC,aAAa,EAAE,GAAI;IAACC,OAAO,EAAEZ,KAAK,CAACY,OAAQ;IAACC,WAAW,EAAEb,KAAK,CAACa;EAAY,gBACnFtB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAoB,cAAc;IACbP,KAAK,EAAEC,MAAM,CAACO,KAAM;IACpBC,MAAM,EAAEb,GAAI;IACZc,6BAA6B,EAAEjB,KAAK,CAACiB;EAA8B,EACnE,CACO,CACP;AAEV,CAAC;AAED,MAAMT,MAAM,GAAG,IAAAU,4CAAgB,EAAC;EAC9BT,SAAS,EAAE;IACTU,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDL,KAAK,EAAE;IACLM,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXJ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAEYzB,4BAA4B;AAAA0B,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.voice.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+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 ThreadParentMessageFileVoice = props => {
+  const {
+    onLongPress,
+    onToggleVoiceMessage,
+    parentMessage,
+    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',
+    onUnmount
+  } = props;
+  const fileMessage = parentMessage;
+  if (!fileMessage) return null;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const [state, setState] = (0, _react.useState)(() => {
+    var _meta$value;
+    const meta = fileMessage.metaArrays.find(it => it.key === durationMetaArrayKey);
+    const value = meta === null || meta === void 0 ? void 0 : (_meta$value = meta.value) === null || _meta$value === void 0 ? void 0 : _meta$value[0];
+    const initialDuration = value ? parseInt(value, 10) : 0;
+    return {
+      status: 'paused',
+      currentTime: 0,
+      duration: initialDuration
+    };
+  });
+  (0, _react.useEffect)(() => {
+    return () => {
+      onUnmount();
+    };
+  }, []);
+  const uiColors = colors.ui.groupChannelMessage['incoming'];
+  const remainingTime = state.duration - state.currentTime;
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.container,
+    backgroundColor: uiColors.enabled.background
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    onPress: () => onToggleVoiceMessage === null || onToggleVoiceMessage === void 0 ? void 0 : onToggleVoiceMessage(state, setState),
+    onLongPress: onLongPress
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ProgressBar, {
+    current: state.currentTime,
+    total: state.duration,
+    style: {
+      minWidth: 136,
+      height: 44
+    },
+    trackColor: uiColors.enabled.voiceProgressTrack,
+    overlay: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 12
+    }, state.status === 'preparing' ? /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.LoadingSpinner, {
+      size: 24,
+      color: uiColors.enabled.voiceSpinner
+    }) : /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      size: 16,
+      containerStyle: {
+        backgroundColor: uiColors.enabled.voiceActionIconBackground,
+        padding: 6,
+        borderRadius: 16
+      },
+      icon: state.status === 'paused' ? 'play' : 'pause'
+    }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      body3: true,
+      style: {
+        lineHeight: undefined,
+        marginLeft: 6,
+        opacity: 0.88
+      },
+      color: uiColors.enabled.textVoicePlaytime
+    }, (0, _uikitUtils.millsToMSS)(state.currentTime === 0 ? state.duration : remainingTime)))
+  })));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    borderRadius: 16,
+    overflow: 'hidden',
+    maxWidth: 136
+  }
+});
+var _default = ThreadParentMessageFileVoice;
+exports.default = _default;
+//# sourceMappingURL=ThreadParentMessage.file.voice.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.voice.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ThreadParentMessageFileVoice","props","onLongPress","onToggleVoiceMessage","parentMessage","durationMetaArrayKey","onUnmount","fileMessage","colors","useUIKitTheme","state","setState","useState","_meta$value","meta","metaArrays","find","it","value","initialDuration","parseInt","status","currentTime","duration","useEffect","uiColors","ui","groupChannelMessage","remainingTime","createElement","Box","style","styles","container","backgroundColor","enabled","background","PressBox","onPress","ProgressBar","current","total","minWidth","height","trackColor","voiceProgressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","LoadingSpinner","size","color","voiceSpinner","Icon","containerStyle","voiceActionIconBackground","padding","borderRadius","icon","Text","body3","lineHeight","undefined","marginLeft","opacity","textVoicePlaytime","millsToMSS","createStyleSheet","overflow","maxWidth","_default","exports"],"sources":["ThreadParentMessage.file.voice.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Box, Icon, PressBox, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { LoadingSpinner, ProgressBar } from '@sendbird/uikit-react-native-foundation';\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, millsToMSS } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\nexport type VoiceFileMessageState = {\n  status: 'preparing' | 'playing' | 'paused';\n  currentTime: number;\n  duration: number;\n};\n\ntype Props = ThreadParentMessageRendererProps<{\n  durationMetaArrayKey?: string;\n  onUnmount: () => void;\n}>;\n\nconst ThreadParentMessageFileVoice = (props: Props) => {\n  const {\n    onLongPress,\n    onToggleVoiceMessage,\n    parentMessage,\n    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',\n    onUnmount,\n  } = props;\n\n  const fileMessage: SendbirdFileMessage = parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState<VoiceFileMessageState>(() => {\n    const meta = fileMessage.metaArrays.find((it) => it.key === durationMetaArrayKey);\n    const value = meta?.value?.[0];\n    const initialDuration = value ? parseInt(value, 10) : 0;\n    return {\n      status: 'paused',\n      currentTime: 0,\n      duration: initialDuration,\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      onUnmount();\n    };\n  }, []);\n\n  const uiColors = colors.ui.groupChannelMessage['incoming'];\n  const remainingTime = state.duration - state.currentTime;\n\n  return (\n    <Box style={styles.container} backgroundColor={uiColors.enabled.background}>\n      <PressBox onPress={() => onToggleVoiceMessage?.(state, setState)} onLongPress={onLongPress}>\n        <ProgressBar\n          current={state.currentTime}\n          total={state.duration}\n          style={{ minWidth: 136, height: 44 }}\n          trackColor={uiColors.enabled.voiceProgressTrack}\n          overlay={\n            <Box\n              flex={1}\n              flexDirection={'row'}\n              alignItems={'center'}\n              justifyContent={'space-between'}\n              paddingHorizontal={12}\n            >\n              {state.status === 'preparing' ? (\n                <LoadingSpinner size={24} color={uiColors.enabled.voiceSpinner} />\n              ) : (\n                <Icon\n                  size={16}\n                  containerStyle={{\n                    backgroundColor: uiColors.enabled.voiceActionIconBackground,\n                    padding: 6,\n                    borderRadius: 16,\n                  }}\n                  icon={state.status === 'paused' ? 'play' : 'pause'}\n                />\n              )}\n              <Text\n                body3\n                style={{ lineHeight: undefined, marginLeft: 6, opacity: 0.88 }}\n                color={uiColors.enabled.textVoicePlaytime}\n              >\n                {millsToMSS(state.currentTime === 0 ? state.duration : remainingTime)}\n              </Text>\n            </Box>\n          }\n        />\n      </PressBox>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n    maxWidth: 136,\n  },\n});\n\nexport default ThreadParentMessageFileVoice;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AAAwE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAexE,MAAMW,4BAA4B,GAAIC,KAAY,IAAK;EACrD,MAAM;IACJC,WAAW;IACXC,oBAAoB;IACpBC,aAAa;IACbC,oBAAoB,GAAG,4BAA4B;IACnDC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,WAAgC,GAAGH,aAAoC;EAC7E,IAAI,CAACG,WAAW,EAAE,OAAO,IAAI;EAE7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAwB,MAAM;IAAA,IAAAC,WAAA;IAC9D,MAAMC,IAAI,GAAGP,WAAW,CAACQ,UAAU,CAACC,IAAI,CAAEC,EAAE,IAAKA,EAAE,CAACvB,GAAG,KAAKW,oBAAoB,CAAC;IACjF,MAAMa,KAAK,GAAGJ,IAAI,aAAJA,IAAI,wBAAAD,WAAA,GAAJC,IAAI,CAAEI,KAAK,cAAAL,WAAA,uBAAXA,WAAA,CAAc,CAAC,CAAC;IAC9B,MAAMM,eAAe,GAAGD,KAAK,GAAGE,QAAQ,CAACF,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC;IACvD,OAAO;MACLG,MAAM,EAAE,QAAQ;MAChBC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAEJ;IACZ,CAAC;EACH,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACXlB,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMmB,QAAQ,GAAGjB,MAAM,CAACkB,EAAE,CAACC,mBAAmB,CAAC,UAAU,CAAC;EAC1D,MAAMC,aAAa,GAAGlB,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACY,WAAW;EAExD,oBACEjD,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,2BAAA,CAAAsD,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,eAAe,EAAET,QAAQ,CAACU,OAAO,CAACC;EAAW,gBACzE/D,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,2BAAA,CAAA6D,QAAQ;IAACC,OAAO,EAAEA,CAAA,KAAMnC,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGO,KAAK,EAAEC,QAAQ,CAAE;IAACT,WAAW,EAAEA;EAAY,gBACzF7B,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,2BAAA,CAAA+D,WAAW;IACVC,OAAO,EAAE9B,KAAK,CAACY,WAAY;IAC3BmB,KAAK,EAAE/B,KAAK,CAACa,QAAS;IACtBQ,KAAK,EAAE;MAAEW,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IACrCC,UAAU,EAAEnB,QAAQ,CAACU,OAAO,CAACU,kBAAmB;IAChDC,OAAO,eACLzE,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,2BAAA,CAAAsD,GAAG;MACFiB,IAAI,EAAE,CAAE;MACRC,aAAa,EAAE,KAAM;MACrBC,UAAU,EAAE,QAAS;MACrBC,cAAc,EAAE,eAAgB;MAChCC,iBAAiB,EAAE;IAAG,GAErBzC,KAAK,CAACW,MAAM,KAAK,WAAW,gBAC3BhD,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,2BAAA,CAAA4E,cAAc;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAE7B,QAAQ,CAACU,OAAO,CAACoB;IAAa,EAAG,gBAElElF,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,2BAAA,CAAAgF,IAAI;MACHH,IAAI,EAAE,EAAG;MACTI,cAAc,EAAE;QACdvB,eAAe,EAAET,QAAQ,CAACU,OAAO,CAACuB,yBAAyB;QAC3DC,OAAO,EAAE,CAAC;QACVC,YAAY,EAAE;MAChB,CAAE;MACFC,IAAI,EAAEnD,KAAK,CAACW,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG;IAAQ,EAEtD,eACDhD,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,2BAAA,CAAAsF,IAAI;MACHC,KAAK;MACLhC,KAAK,EAAE;QAAEiC,UAAU,EAAEC,SAAS;QAAEC,UAAU,EAAE,CAAC;QAAEC,OAAO,EAAE;MAAK,CAAE;MAC/Db,KAAK,EAAE7B,QAAQ,CAACU,OAAO,CAACiC;IAAkB,GAEzC,IAAAC,sBAAU,EAAC3D,KAAK,CAACY,WAAW,KAAK,CAAC,GAAGZ,KAAK,CAACa,QAAQ,GAAGK,aAAa,CAAC,CAChE;EAEV,EACD,CACO,CACP;AAEV,CAAC;AAED,MAAMI,MAAM,GAAG,IAAAsC,4CAAgB,EAAC;EAC9BrC,SAAS,EAAE;IACT2B,YAAY,EAAE,EAAE;IAChBW,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYzE,4BAA4B;AAAA0E,OAAA,CAAAzF,OAAA,GAAAwF,QAAA"}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const ThreadParentMessageUser = props => {
+  var _props$renderRegexTex;
+  const userMessage = props.parentMessage;
+  if (!userMessage) return null;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: true,
+    color: colors.onBackground01,
+    suppressHighlighting: true
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.RegexText, {
+    body3: true,
+    color: colors.onBackground01,
+    patterns: [...(props.regexTextPatterns ?? []), {
+      regex: _uikitUtils.urlRegexStrict,
+      replacer(_ref) {
+        let {
+          match,
+          parentProps,
+          keyPrefix,
+          index
+        } = _ref;
+        return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
+          key: `${keyPrefix}-${index}`,
+          onPress: () => {
+            var _props$onPressURL;
+            return (_props$onPressURL = props.onPressURL) === null || _props$onPressURL === void 0 ? void 0 : _props$onPressURL.call(props, match);
+          },
+          style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.urlText]
+        }), match);
+      }
+    }]
+  }, (_props$renderRegexTex = props.renderRegexTextChildren) === null || _props$renderRegexTex === void 0 ? void 0 : _props$renderRegexTex.call(props, userMessage)), Boolean(userMessage.updatedAt) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: true,
+    color: colors.onBackground02
+  }, ' (edited)'));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  bubble: {
+    paddingHorizontal: 12,
+    paddingVertical: 6
+  },
+  urlText: {
+    textDecorationLine: 'underline'
+  }
+});
+var _default = ThreadParentMessageUser;
+exports.default = _default;
+//# sourceMappingURL=ThreadParentMessage.user.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ThreadParentMessageUser","props","_props$renderRegexTex","userMessage","parentMessage","colors","useUIKitTheme","createElement","Text","body3","color","onBackground01","suppressHighlighting","RegexText","patterns","regexTextPatterns","regex","urlRegexStrict","replacer","_ref","match","parentProps","keyPrefix","index","onPress","_props$onPressURL","onPressURL","style","styles","urlText","renderRegexTextChildren","Boolean","updatedAt","onBackground02","createStyleSheet","bubble","paddingHorizontal","paddingVertical","textDecorationLine","_default","exports"],"sources":["ThreadParentMessage.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { RegexText, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdUserMessage, urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  regexTextPatterns?: RegexTextPattern[];\n  renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n}>;\n\nconst ThreadParentMessageUser = (props: Props) => {\n  const userMessage: SendbirdUserMessage = props.parentMessage as SendbirdUserMessage;\n  if (!userMessage) return null;\n\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Text body3 color={colors.onBackground01} suppressHighlighting>\n      <RegexText\n        body3\n        color={colors.onBackground01}\n        patterns={[\n          ...(props.regexTextPatterns ?? []),\n          {\n            regex: urlRegexStrict,\n            replacer({ match, parentProps, keyPrefix, index }) {\n              return (\n                <Text\n                  {...parentProps}\n                  key={`${keyPrefix}-${index}`}\n                  onPress={() => props.onPressURL?.(match)}\n                  style={[parentProps?.style, styles.urlText]}\n                >\n                  {match}\n                </Text>\n              );\n            },\n          },\n        ]}\n      >\n        {props.renderRegexTextChildren?.(userMessage)}\n      </RegexText>\n      {Boolean(userMessage.updatedAt) && (\n        <Text body3 color={colors.onBackground02}>\n          {' (edited)'}\n        </Text>\n      )}\n    </Text>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default ThreadParentMessageUser;\n"],"mappings":"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"}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.og.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _useContext = require("./../../hooks/useContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const ThreadParentMessageUserOg = props => {
+  var _props$renderRegexTex;
+  const userMessage = props.parentMessage;
+  if (!userMessage) return null;
+  const {
+    sbOptions
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    select,
+    colors,
+    palette
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const enableOgtag = sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag;
+  const onPressMessage = userMessage => (0, _uikitUtils.useFreshCallback)(() => {
+    var _userMessage$ogMetaDa, _props$onPressURL;
+    typeof ((_userMessage$ogMetaDa = userMessage.ogMetaData) === null || _userMessage$ogMetaDa === void 0 ? void 0 : _userMessage$ogMetaDa.url) === 'string' && ((_props$onPressURL = props.onPressURL) === null || _props$onPressURL === void 0 ? void 0 : _props$onPressURL.call(props, userMessage.ogMetaData.url));
+  });
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, null, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    activeOpacity: 0.85,
+    onPress: onPressMessage(userMessage)
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: true,
+    color: colors.onBackground01,
+    suppressHighlighting: true
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.RegexText, {
+    body3: true,
+    color: colors.onBackground01,
+    patterns: [...(props.regexTextPatterns ?? []), {
+      regex: _uikitUtils.urlRegexStrict,
+      replacer(_ref) {
+        let {
+          match,
+          parentProps,
+          keyPrefix,
+          index
+        } = _ref;
+        return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
+          key: `${keyPrefix}-${index}`,
+          onPress: () => {
+            var _props$onPressURL2;
+            return (_props$onPressURL2 = props.onPressURL) === null || _props$onPressURL2 === void 0 ? void 0 : _props$onPressURL2.call(props, match);
+          },
+          style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.urlText]
+        }), match);
+      }
+    }]
+  }, (_props$renderRegexTex = props.renderRegexTextChildren) === null || _props$renderRegexTex === void 0 ? void 0 : _props$renderRegexTex.call(props, userMessage)), Boolean(userMessage.updatedAt) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: true,
+    color: colors.onBackground02
+  }, ' (edited)'))), userMessage.ogMetaData && enableOgtag && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+    onPress: onPressMessage(userMessage),
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, null, !!userMessage.ogMetaData.defaultImage && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ImageWithPlaceholder, {
+    style: styles.ogImage,
+    source: {
+      uri: userMessage.ogMetaData.defaultImage.url
+    }
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    style: styles.ogContainer,
+    backgroundColor: select({
+      dark: palette.background400,
+      light: palette.background100
+    })
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    numberOfLines: 3,
+    body2: true,
+    color: colors.onBackground01,
+    style: styles.ogTitle
+  }, userMessage.ogMetaData.title), !!userMessage.ogMetaData.description && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    numberOfLines: 1,
+    caption2: true,
+    color: colors.onBackground01,
+    style: styles.ogDesc
+  }, userMessage.ogMetaData.description), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    numberOfLines: 1,
+    caption2: true,
+    color: colors.onBackground02
+  }, userMessage.ogMetaData.url)))));
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    borderRadius: 16,
+    overflow: 'hidden'
+  },
+  ogContainer: {
+    paddingHorizontal: 12,
+    paddingTop: 8,
+    paddingBottom: 12,
+    maxWidth: 240,
+    borderBottomLeftRadius: 16,
+    borderBottomRightRadius: 16
+  },
+  ogImage: {
+    width: 240,
+    height: 136,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16
+  },
+  ogUrl: {
+    marginBottom: 4
+  },
+  ogTitle: {
+    marginBottom: 4
+  },
+  ogDesc: {
+    lineHeight: 14,
+    marginBottom: 8
+  },
+  urlText: {
+    textDecorationLine: 'underline'
+  }
+});
+var _default = ThreadParentMessageUserOg;
+exports.default = _default;
+//# sourceMappingURL=ThreadParentMessage.user.og.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.og.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ThreadParentMessageUserOg","props","_props$renderRegexTex","userMessage","parentMessage","sbOptions","useSendbirdChat","select","colors","palette","useUIKitTheme","enableOgtag","uikitWithAppInfo","groupChannel","channel","onPressMessage","useFreshCallback","_userMessage$ogMetaDa","_props$onPressURL","ogMetaData","url","onPressURL","createElement","Box","PressBox","activeOpacity","onPress","Text","body3","color","onBackground01","suppressHighlighting","RegexText","patterns","regexTextPatterns","regex","urlRegexStrict","replacer","_ref","match","parentProps","keyPrefix","index","_props$onPressURL2","style","styles","urlText","renderRegexTextChildren","Boolean","updatedAt","onBackground02","container","defaultImage","ImageWithPlaceholder","ogImage","uri","ogContainer","backgroundColor","dark","background400","light","background100","numberOfLines","body2","ogTitle","title","description","caption2","ogDesc","createStyleSheet","borderRadius","overflow","paddingHorizontal","paddingTop","paddingBottom","maxWidth","borderBottomLeftRadius","borderBottomRightRadius","width","height","borderTopLeftRadius","borderTopRightRadius","ogUrl","marginBottom","lineHeight","textDecorationLine","_default","exports"],"sources":["ThreadParentMessage.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Box,\n  ImageWithPlaceholder,\n  PressBox,\n  RegexText,\n  type RegexTextPattern,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdUserMessage, urlRegexStrict, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './../../hooks/useContext';\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  regexTextPatterns?: RegexTextPattern[];\n  renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n}>;\n\nconst ThreadParentMessageUserOg = (props: Props) => {\n  const userMessage: SendbirdUserMessage = props.parentMessage as SendbirdUserMessage;\n  if (!userMessage) return null;\n\n  const { sbOptions } = useSendbirdChat();\n  const { select, colors, palette } = useUIKitTheme();\n  const enableOgtag = sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag;\n  const onPressMessage = (userMessage: SendbirdUserMessage) =>\n    useFreshCallback(() => {\n      typeof userMessage.ogMetaData?.url === 'string' && props.onPressURL?.(userMessage.ogMetaData.url);\n    });\n\n  return (\n    <Box>\n      <PressBox activeOpacity={0.85} onPress={onPressMessage(userMessage)}>\n        <Text body3 color={colors.onBackground01} suppressHighlighting>\n          <RegexText\n            body3\n            color={colors.onBackground01}\n            patterns={[\n              ...(props.regexTextPatterns ?? []),\n              {\n                regex: urlRegexStrict,\n                replacer({ match, parentProps, keyPrefix, index }) {\n                  return (\n                    <Text\n                      {...parentProps}\n                      key={`${keyPrefix}-${index}`}\n                      onPress={() => props.onPressURL?.(match)}\n                      style={[parentProps?.style, styles.urlText]}\n                    >\n                      {match}\n                    </Text>\n                  );\n                },\n              },\n            ]}\n          >\n            {props.renderRegexTextChildren?.(userMessage)}\n          </RegexText>\n          {Boolean(userMessage.updatedAt) && (\n            <Text body3 color={colors.onBackground02}>\n              {' (edited)'}\n            </Text>\n          )}\n        </Text>\n      </PressBox>\n      {userMessage.ogMetaData && enableOgtag && (\n        <PressBox onPress={onPressMessage(userMessage)} style={styles.container}>\n          <Box>\n            {!!userMessage.ogMetaData.defaultImage && (\n              <ImageWithPlaceholder style={styles.ogImage} source={{ uri: userMessage.ogMetaData.defaultImage.url }} />\n            )}\n            <Box\n              style={styles.ogContainer}\n              backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n            >\n              <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n                {userMessage.ogMetaData.title}\n              </Text>\n              {!!userMessage.ogMetaData.description && (\n                <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n                  {userMessage.ogMetaData.description}\n                </Text>\n              )}\n              <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n                {userMessage.ogMetaData.url}\n              </Text>\n            </Box>\n          </Box>\n        </PressBox>\n      )}\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  ogContainer: {\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n    maxWidth: 240,\n    borderBottomLeftRadius: 16,\n    borderBottomRightRadius: 16,\n  },\n  ogImage: {\n    width: 240,\n    height: 136,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n  },\n  ogUrl: {\n    marginBottom: 4,\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default ThreadParentMessageUserOg;\n"],"mappings":"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"}

package/lib/commonjs/components/ThreadParentMessageRenderer/index.js

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _constants = require("../../constants");
+var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
+var _useContext = require("./../../hooks/useContext");
+var _ThreadParentMessage = _interopRequireDefault(require("./ThreadParentMessage.file"));
+var _ThreadParentMessageFile = _interopRequireDefault(require("./ThreadParentMessage.file.image"));
+var _ThreadParentMessageFile2 = _interopRequireDefault(require("./ThreadParentMessage.file.video"));
+var _ThreadParentMessageFile3 = _interopRequireDefault(require("./ThreadParentMessage.file.voice"));
+var _ThreadParentMessage2 = _interopRequireDefault(require("./ThreadParentMessage.user"));
+var _ThreadParentMessageUser = _interopRequireDefault(require("./ThreadParentMessage.user.og"));
+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; }
+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); }
+const ThreadParentMessageRenderer = props => {
+  const playerUnsubscribes = (0, _react.useRef)([]);
+  const {
+    sbOptions,
+    currentUser,
+    mentionManager
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    palette
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    mediaService,
+    playerService
+  } = (0, _useContext.usePlatformService)();
+  const parentMessage = props.parentMessage;
+  const resetPlayer = async () => {
+    playerUnsubscribes.current.forEach(unsubscribe => {
+      try {
+        unsubscribe();
+      } catch {}
+    });
+    playerUnsubscribes.current.length = 0;
+    await playerService.reset();
+  };
+  const messageProps = {
+    onPressURL: url => _SBUUtils.default.openURL(url),
+    onToggleVoiceMessage: async (state, setState) => {
+      if ((0, _uikitUtils.isVoiceMessage)(parentMessage) && parentMessage.sendingStatus === 'succeeded') {
+        if (playerService.uri === parentMessage.url) {
+          if (playerService.state === 'playing') {
+            await playerService.pause();
+          } else {
+            await playerService.play(parentMessage.url);
+          }
+        } else {
+          if (playerService.state !== 'idle') {
+            await resetPlayer();
+          }
+          const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;
+          let seekFinished = !shouldSeekToTime;
+          const forPlayback = playerService.addPlaybackListener(_ref => {
+            let {
+              stopped,
+              currentTime,
+              duration
+            } = _ref;
+            if (seekFinished) {
+              setState(prevState => ({
+                ...prevState,
+                currentTime: stopped ? 0 : currentTime,
+                duration
+              }));
+            }
+          });
+          const forState = playerService.addStateListener(state => {
+            switch (state) {
+              case 'preparing':
+                setState(prevState => ({
+                  ...prevState,
+                  status: 'preparing'
+                }));
+                break;
+              case 'playing':
+                setState(prevState => ({
+                  ...prevState,
+                  status: 'playing'
+                }));
+                break;
+              case 'idle':
+              case 'paused':
+                {
+                  setState(prevState => ({
+                    ...prevState,
+                    status: 'paused'
+                  }));
+                  break;
+                }
+              case 'stopped':
+                setState(prevState => ({
+                  ...prevState,
+                  status: 'paused'
+                }));
+                break;
+            }
+          });
+          playerUnsubscribes.current.push(forPlayback, forState);
+          await playerService.play(parentMessage.url);
+          if (shouldSeekToTime) {
+            await playerService.seek(state.currentTime);
+            seekFinished = true;
+          }
+        }
+      }
+    },
+    ...props
+  };
+  const userMessageProps = {
+    renderRegexTextChildren: message => {
+      if (mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)) {
+        return message.mentionedMessageTemplate;
+      } else {
+        return message.message;
+      }
+    },
+    regexTextPatterns: [{
+      regex: mentionManager.templateRegex,
+      replacer(_ref2) {
+        var _parentMessage$mentio;
+        let {
+          match,
+          groups,
+          parentProps,
+          index,
+          keyPrefix
+        } = _ref2;
+        const user = (_parentMessage$mentio = parentMessage.mentionedUsers) === null || _parentMessage$mentio === void 0 ? void 0 : _parentMessage$mentio.find(it => it.userId === groups[2]);
+        if (user) {
+          const mentionColor = !(0, _uikitUtils.isMyMessage)(parentMessage, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? palette.onBackgroundLight01 : parentProps === null || parentProps === void 0 ? void 0 : parentProps.color;
+          return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
+            key: `${keyPrefix}-${index}`,
+            color: mentionColor,
+            onPress: () => {
+              var _messageProps$onPress;
+              return (_messageProps$onPress = messageProps.onPressMentionedUser) === null || _messageProps$onPress === void 0 ? void 0 : _messageProps$onPress.call(messageProps, user);
+            },
+            onLongPress: messageProps.onLongPress,
+            style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, {
+              fontWeight: '700'
+            }, user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && {
+              backgroundColor: palette.highlight
+            }]
+          }), `${mentionManager.asMentionedMessageText(user)}`);
+        }
+        return match;
+      }
+    }]
+  };
+  switch ((0, _uikitUtils.getMessageType)(props.parentMessage)) {
+    case 'user':
+      {
+        return /*#__PURE__*/_react.default.createElement(_ThreadParentMessage2.default, _extends({}, userMessageProps, messageProps));
+      }
+    case 'user.opengraph':
+      {
+        return /*#__PURE__*/_react.default.createElement(_ThreadParentMessageUser.default, _extends({}, userMessageProps, messageProps));
+      }
+    case 'file':
+    case 'file.audio':
+      {
+        return /*#__PURE__*/_react.default.createElement(_ThreadParentMessage.default, messageProps);
+      }
+    case 'file.video':
+      {
+        return /*#__PURE__*/_react.default.createElement(_ThreadParentMessageFile2.default, _extends({
+          fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
+            url: uri,
+            timeMills: 1000
+          })
+        }, messageProps));
+      }
+    case 'file.image':
+      {
+        return /*#__PURE__*/_react.default.createElement(_ThreadParentMessageFile.default, messageProps);
+      }
+    case 'file.voice':
+      {
+        return /*#__PURE__*/_react.default.createElement(_ThreadParentMessageFile3.default, _extends({
+          durationMetaArrayKey: _constants.VOICE_MESSAGE_META_ARRAY_DURATION_KEY,
+          onUnmount: () => {
+            if ((0, _uikitUtils.isVoiceMessage)(parentMessage) && playerService.uri === parentMessage.url) {
+              resetPlayer();
+            }
+          }
+        }, messageProps));
+      }
+    default:
+      {
+        return null;
+      }
+  }
+};
+var _default = /*#__PURE__*/_react.default.memo(ThreadParentMessageRenderer);
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_constants","_SBUUtils","_interopRequireDefault","_useContext","_ThreadParentMessage","_ThreadParentMessageFile","_ThreadParentMessageFile2","_ThreadParentMessageFile3","_ThreadParentMessage2","_ThreadParentMessageUser","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ThreadParentMessageRenderer","props","playerUnsubscribes","useRef","sbOptions","currentUser","mentionManager","useSendbirdChat","palette","useUIKitTheme","mediaService","playerService","usePlatformService","parentMessage","resetPlayer","current","forEach","unsubscribe","reset","messageProps","onPressURL","url","SBUUtils","openURL","onToggleVoiceMessage","state","setState","isVoiceMessage","sendingStatus","uri","pause","play","shouldSeekToTime","duration","currentTime","seekFinished","forPlayback","addPlaybackListener","_ref","stopped","prevState","forState","addStateListener","status","push","seek","userMessageProps","renderRegexTextChildren","message","shouldUseMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","_ref2","_parentMessage$mentio","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","userId","mentionColor","isMyMessage","onBackgroundLight01","color","createElement","Text","onPress","_messageProps$onPress","onPressMentionedUser","onLongPress","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","getMessageType","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","durationMetaArrayKey","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","onUnmount","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  type SendbirdUser,\n  SendbirdUserMessage,\n  getMessageType,\n  isMyMessage,\n  isVoiceMessage,\n} from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY } from '../../constants';\nimport SBUUtils from '../../libs/SBUUtils';\nimport { usePlatformService, useSendbirdChat } from './../../hooks/useContext';\nimport ThreadParentMessageFile from './ThreadParentMessage.file';\nimport ThreadParentMessageFileImage from './ThreadParentMessage.file.image';\nimport ThreadParentMessageFileVideo from './ThreadParentMessage.file.video';\nimport ThreadParentMessageFileVoice, { VoiceFileMessageState } from './ThreadParentMessage.file.voice';\nimport ThreadParentMessageUser from './ThreadParentMessage.user';\nimport ThreadParentMessageUserOg from './ThreadParentMessage.user.og';\n\nexport type ThreadParentMessageRendererProps<AdditionalProps = unknown> = {\n  parentMessage: SendbirdUserMessage | SendbirdFileMessage;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n  onToggleVoiceMessage?: (\n    state: VoiceFileMessageState,\n    setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>,\n  ) => Promise<void>;\n} & AdditionalProps;\n\nconst ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) => {\n  const playerUnsubscribes = useRef<(() => void)[]>([]);\n  const { sbOptions, currentUser, mentionManager } = useSendbirdChat();\n  const { palette } = useUIKitTheme();\n  const { mediaService, playerService } = usePlatformService();\n  const parentMessage = props.parentMessage;\n\n  const resetPlayer = async () => {\n    playerUnsubscribes.current.forEach((unsubscribe) => {\n      try {\n        unsubscribe();\n      } catch {}\n    });\n    playerUnsubscribes.current.length = 0;\n    await playerService.reset();\n  };\n\n  const messageProps: ThreadParentMessageRendererProps = {\n    onPressURL: (url) => SBUUtils.openURL(url),\n    onToggleVoiceMessage: async (state, setState) => {\n      if (isVoiceMessage(parentMessage) && parentMessage.sendingStatus === 'succeeded') {\n        if (playerService.uri === parentMessage.url) {\n          if (playerService.state === 'playing') {\n            await playerService.pause();\n          } else {\n            await playerService.play(parentMessage.url);\n          }\n        } else {\n          if (playerService.state !== 'idle') {\n            await resetPlayer();\n          }\n\n          const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;\n          let seekFinished = !shouldSeekToTime;\n\n          const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {\n            if (seekFinished) {\n              setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));\n            }\n          });\n          const forState = playerService.addStateListener((state) => {\n            switch (state) {\n              case 'preparing':\n                setState((prevState) => ({ ...prevState, status: 'preparing' }));\n                break;\n              case 'playing':\n                setState((prevState) => ({ ...prevState, status: 'playing' }));\n                break;\n              case 'idle':\n              case 'paused': {\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n              }\n              case 'stopped':\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n            }\n          });\n          playerUnsubscribes.current.push(forPlayback, forState);\n\n          await playerService.play(parentMessage.url);\n          if (shouldSeekToTime) {\n            await playerService.seek(state.currentTime);\n            seekFinished = true;\n          }\n        }\n      }\n    },\n    ...props,\n  };\n\n  const userMessageProps: {\n    renderRegexTextChildren: (message: SendbirdUserMessage) => string;\n    regexTextPatterns: RegexTextPattern[];\n  } = {\n    renderRegexTextChildren: (message) => {\n      if (\n        mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)\n      ) {\n        return message.mentionedMessageTemplate;\n      } else {\n        return message.message;\n      }\n    },\n    regexTextPatterns: [\n      {\n        regex: mentionManager.templateRegex,\n        replacer({ match, groups, parentProps, index, keyPrefix }) {\n          const user = parentMessage.mentionedUsers?.find((it) => it.userId === groups[2]);\n          if (user) {\n            const mentionColor =\n              !isMyMessage(parentMessage, currentUser?.userId) && user.userId === currentUser?.userId\n                ? palette.onBackgroundLight01\n                : parentProps?.color;\n\n            return (\n              <Text\n                {...parentProps}\n                key={`${keyPrefix}-${index}`}\n                color={mentionColor}\n                onPress={() => messageProps.onPressMentionedUser?.(user)}\n                onLongPress={messageProps.onLongPress}\n                style={[\n                  parentProps?.style,\n                  { fontWeight: '700' },\n                  user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n                ]}\n              >\n                {`${mentionManager.asMentionedMessageText(user)}`}\n              </Text>\n            );\n          }\n          return match;\n        },\n      },\n    ],\n  };\n\n  switch (getMessageType(props.parentMessage)) {\n    case 'user': {\n      return <ThreadParentMessageUser {...userMessageProps} {...messageProps} />;\n    }\n    case 'user.opengraph': {\n      return <ThreadParentMessageUserOg {...userMessageProps} {...messageProps} />;\n    }\n    case 'file':\n    case 'file.audio': {\n      return <ThreadParentMessageFile {...messageProps} />;\n    }\n    case 'file.video': {\n      return (\n        <ThreadParentMessageFileVideo\n          fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n          {...messageProps}\n        />\n      );\n    }\n    case 'file.image': {\n      return <ThreadParentMessageFileImage {...messageProps} />;\n    }\n    case 'file.voice': {\n      return (\n        <ThreadParentMessageFileVoice\n          durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}\n          onUnmount={() => {\n            if (isVoiceMessage(parentMessage) && playerService.uri === parentMessage.url) {\n              resetPlayer();\n            }\n          }}\n          {...messageProps}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n};\n\nexport default React.memo(ThreadParentMessageRenderer);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AASA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,wBAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,yBAAA,GAAAJ,sBAAA,CAAAL,OAAA;AACA,IAAAU,yBAAA,GAAAL,sBAAA,CAAAL,OAAA;AACA,IAAAW,qBAAA,GAAAN,sBAAA,CAAAL,OAAA;AACA,IAAAY,wBAAA,GAAAP,sBAAA,CAAAL,OAAA;AAAsE,SAAAK,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAlB,wBAAAc,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AActE,MAAMI,2BAA2B,GAAIC,KAAuC,IAAK;EAC/E,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAiB,EAAE,CAAC;EACrD,MAAM;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACpE,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,yCAAa,GAAE;EACnC,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,8BAAkB,GAAE;EAC5D,MAAMC,aAAa,GAAGZ,KAAK,CAACY,aAAa;EAEzC,MAAMC,WAAW,GAAG,MAAAA,CAAA,KAAY;IAC9BZ,kBAAkB,CAACa,OAAO,CAACC,OAAO,CAAEC,WAAW,IAAK;MAClD,IAAI;QACFA,WAAW,EAAE;MACf,CAAC,CAAC,MAAM,CAAC;IACX,CAAC,CAAC;IACFf,kBAAkB,CAACa,OAAO,CAAClB,MAAM,GAAG,CAAC;IACrC,MAAMc,aAAa,CAACO,KAAK,EAAE;EAC7B,CAAC;EAED,MAAMC,YAA8C,GAAG;IACrDC,UAAU,EAAGC,GAAG,IAAKC,iBAAQ,CAACC,OAAO,CAACF,GAAG,CAAC;IAC1CG,oBAAoB,EAAE,MAAAA,CAAOC,KAAK,EAAEC,QAAQ,KAAK;MAC/C,IAAI,IAAAC,0BAAc,EAACd,aAAa,CAAC,IAAIA,aAAa,CAACe,aAAa,KAAK,WAAW,EAAE;QAChF,IAAIjB,aAAa,CAACkB,GAAG,KAAKhB,aAAa,CAACQ,GAAG,EAAE;UAC3C,IAAIV,aAAa,CAACc,KAAK,KAAK,SAAS,EAAE;YACrC,MAAMd,aAAa,CAACmB,KAAK,EAAE;UAC7B,CAAC,MAAM;YACL,MAAMnB,aAAa,CAACoB,IAAI,CAAClB,aAAa,CAACQ,GAAG,CAAC;UAC7C;QACF,CAAC,MAAM;UACL,IAAIV,aAAa,CAACc,KAAK,KAAK,MAAM,EAAE;YAClC,MAAMX,WAAW,EAAE;UACrB;UAEA,MAAMkB,gBAAgB,GAAGP,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACS,WAAW,IAAIT,KAAK,CAACS,WAAW,GAAG,CAAC;UACpF,IAAIC,YAAY,GAAG,CAACH,gBAAgB;UAEpC,MAAMI,WAAW,GAAGzB,aAAa,CAAC0B,mBAAmB,CAACC,IAAA,IAAwC;YAAA,IAAvC;cAAEC,OAAO;cAAEL,WAAW;cAAED;YAAS,CAAC,GAAAK,IAAA;YACvF,IAAIH,YAAY,EAAE;cAChBT,QAAQ,CAAEc,SAAS,KAAM;gBAAE,GAAGA,SAAS;gBAAEN,WAAW,EAAEK,OAAO,GAAG,CAAC,GAAGL,WAAW;gBAAED;cAAS,CAAC,CAAC,CAAC;YAC/F;UACF,CAAC,CAAC;UACF,MAAMQ,QAAQ,GAAG9B,aAAa,CAAC+B,gBAAgB,CAAEjB,KAAK,IAAK;YACzD,QAAQA,KAAK;cACX,KAAK,WAAW;gBACdC,QAAQ,CAAEc,SAAS,KAAM;kBAAE,GAAGA,SAAS;kBAAEG,MAAM,EAAE;gBAAY,CAAC,CAAC,CAAC;gBAChE;cACF,KAAK,SAAS;gBACZjB,QAAQ,CAAEc,SAAS,KAAM;kBAAE,GAAGA,SAAS;kBAAEG,MAAM,EAAE;gBAAU,CAAC,CAAC,CAAC;gBAC9D;cACF,KAAK,MAAM;cACX,KAAK,QAAQ;gBAAE;kBACbjB,QAAQ,CAAEc,SAAS,KAAM;oBAAE,GAAGA,SAAS;oBAAEG,MAAM,EAAE;kBAAS,CAAC,CAAC,CAAC;kBAC7D;gBACF;cACA,KAAK,SAAS;gBACZjB,QAAQ,CAAEc,SAAS,KAAM;kBAAE,GAAGA,SAAS;kBAAEG,MAAM,EAAE;gBAAS,CAAC,CAAC,CAAC;gBAC7D;YAAM;UAEZ,CAAC,CAAC;UACFzC,kBAAkB,CAACa,OAAO,CAAC6B,IAAI,CAACR,WAAW,EAAEK,QAAQ,CAAC;UAEtD,MAAM9B,aAAa,CAACoB,IAAI,CAAClB,aAAa,CAACQ,GAAG,CAAC;UAC3C,IAAIW,gBAAgB,EAAE;YACpB,MAAMrB,aAAa,CAACkC,IAAI,CAACpB,KAAK,CAACS,WAAW,CAAC;YAC3CC,YAAY,GAAG,IAAI;UACrB;QACF;MACF;IACF,CAAC;IACD,GAAGlC;EACL,CAAC;EAED,MAAM6C,gBAGL,GAAG;IACFC,uBAAuB,EAAGC,OAAO,IAAK;MACpC,IACE1C,cAAc,CAAC2C,iCAAiC,CAACD,OAAO,EAAE5C,SAAS,CAAC8C,KAAK,CAACC,YAAY,CAACC,OAAO,CAACC,aAAa,CAAC,EAC7G;QACA,OAAOL,OAAO,CAACM,wBAAwB;MACzC,CAAC,MAAM;QACL,OAAON,OAAO,CAACA,OAAO;MACxB;IACF,CAAC;IACDO,iBAAiB,EAAE,CACjB;MACEC,KAAK,EAAElD,cAAc,CAACmD,aAAa;MACnCC,QAAQA,CAAAC,KAAA,EAAmD;QAAA,IAAAC,qBAAA;QAAA,IAAlD;UAAEC,KAAK;UAAEC,MAAM;UAAEC,WAAW;UAAEC,KAAK;UAAEC;QAAU,CAAC,GAAAN,KAAA;QACvD,MAAMO,IAAI,IAAAN,qBAAA,GAAG/C,aAAa,CAACsD,cAAc,cAAAP,qBAAA,uBAA5BA,qBAAA,CAA8BQ,IAAI,CAAEC,EAAE,IAAKA,EAAE,CAACC,MAAM,KAAKR,MAAM,CAAC,CAAC,CAAC,CAAC;QAChF,IAAII,IAAI,EAAE;UACR,MAAMK,YAAY,GAChB,CAAC,IAAAC,uBAAW,EAAC3D,aAAa,EAAER,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEiE,MAAM,CAAC,IAAIJ,IAAI,CAACI,MAAM,MAAKjE,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEiE,MAAM,IACnF9D,OAAO,CAACiE,mBAAmB,GAC3BV,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEW,KAAK;UAExB,oBACExH,MAAA,CAAAiB,OAAA,CAAAwG,aAAA,CAACtH,2BAAA,CAAAuH,IAAI,EAAArF,QAAA,KACCwE,WAAW;YACf9E,GAAG,EAAG,GAAEgF,SAAU,IAAGD,KAAM,EAAE;YAC7BU,KAAK,EAAEH,YAAa;YACpBM,OAAO,EAAEA,CAAA;cAAA,IAAAC,qBAAA;cAAA,QAAAA,qBAAA,GAAM3D,YAAY,CAAC4D,oBAAoB,cAAAD,qBAAA,uBAAjCA,qBAAA,CAAA1F,IAAA,CAAA+B,YAAY,EAAwB+C,IAAI,CAAC;YAAA,CAAC;YACzDc,WAAW,EAAE7D,YAAY,CAAC6D,WAAY;YACtCC,KAAK,EAAE,CACLlB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEkB,KAAK,EAClB;cAAEC,UAAU,EAAE;YAAM,CAAC,EACrBhB,IAAI,CAACI,MAAM,MAAKjE,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEiE,MAAM,KAAI;cAAEa,eAAe,EAAE3E,OAAO,CAAC4E;YAAU,CAAC;UAC7E,IAEA,GAAE9E,cAAc,CAAC+E,sBAAsB,CAACnB,IAAI,CAAE,EAAC,CAC5C;QAEX;QACA,OAAOL,KAAK;MACd;IACF,CAAC;EAEL,CAAC;EAED,QAAQ,IAAAyB,0BAAc,EAACrF,KAAK,CAACY,aAAa,CAAC;IACzC,KAAK,MAAM;MAAE;QACX,oBAAO3D,MAAA,CAAAiB,OAAA,CAAAwG,aAAA,CAAC5G,qBAAA,CAAAI,OAAuB,EAAAoB,QAAA,KAAKuD,gBAAgB,EAAM3B,YAAY,EAAI;MAC5E;IACA,KAAK,gBAAgB;MAAE;QACrB,oBAAOjE,MAAA,CAAAiB,OAAA,CAAAwG,aAAA,CAAC3G,wBAAA,CAAAG,OAAyB,EAAAoB,QAAA,KAAKuD,gBAAgB,EAAM3B,YAAY,EAAI;MAC9E;IACA,KAAK,MAAM;IACX,KAAK,YAAY;MAAE;QACjB,oBAAOjE,MAAA,CAAAiB,OAAA,CAAAwG,aAAA,CAAChH,oBAAA,CAAAQ,OAAuB,EAAKgD,YAAY,CAAI;MACtD;IACA,KAAK,YAAY;MAAE;QACjB,oBACEjE,MAAA,CAAAiB,OAAA,CAAAwG,aAAA,CAAC9G,yBAAA,CAAAM,OAA4B,EAAAoB,QAAA;UAC3BgG,6BAA6B,EAAG1D,GAAG,IAAKnB,YAAY,CAAC8E,iBAAiB,CAAC;YAAEnE,GAAG,EAAEQ,GAAG;YAAE4D,SAAS,EAAE;UAAK,CAAC;QAAE,GAClGtE,YAAY,EAChB;MAEN;IACA,KAAK,YAAY;MAAE;QACjB,oBAAOjE,MAAA,CAAAiB,OAAA,CAAAwG,aAAA,CAAC/G,wBAAA,CAAAO,OAA4B,EAAKgD,YAAY,CAAI;MAC3D;IACA,KAAK,YAAY;MAAE;QACjB,oBACEjE,MAAA,CAAAiB,OAAA,CAAAwG,aAAA,CAAC7G,yBAAA,CAAAK,OAA4B,EAAAoB,QAAA;UAC3BmG,oBAAoB,EAAEC,gDAAsC;UAC5DC,SAAS,EAAEA,CAAA,KAAM;YACf,IAAI,IAAAjE,0BAAc,EAACd,aAAa,CAAC,IAAIF,aAAa,CAACkB,GAAG,KAAKhB,aAAa,CAACQ,GAAG,EAAE;cAC5EP,WAAW,EAAE;YACf;UACF;QAAE,GACEK,YAAY,EAChB;MAEN;IACA;MAAS;QACP,OAAO,IAAI;MACb;EAAC;AAEL,CAAC;AAAC,IAAA0E,QAAA,gBAEaC,cAAK,CAACC,IAAI,CAAC/F,2BAA2B,CAAC;AAAAgG,OAAA,CAAA7H,OAAA,GAAA0H,QAAA"}