@amityco/react-native-social-uikit 4.0.0-03e2bf8.0

package/lib/module/v4/component/PreviewLink/utils.js

@@ -0,0 +1,174 @@
+import { decode } from 'html-entities';
+import { Image } from 'react-native';
+export const getActualImageUrl = (baseUrl, imageUrl) => {
+  let actualImageUrl = imageUrl === null || imageUrl === void 0 ? void 0 : imageUrl.trim();
+  if (!actualImageUrl || actualImageUrl.startsWith('data')) return null;
+  if (actualImageUrl.startsWith('//')) actualImageUrl = `https:${actualImageUrl}`;
+  if (!actualImageUrl.startsWith('http')) {
+    if (baseUrl.endsWith('/') && actualImageUrl.startsWith('/')) {
+      actualImageUrl = `${baseUrl.slice(0, -1)}${actualImageUrl}`;
+    } else if (!baseUrl.endsWith('/') && !actualImageUrl.startsWith('/')) {
+      actualImageUrl = `${baseUrl}/${actualImageUrl}`;
+    } else {
+      actualImageUrl = `${baseUrl}${actualImageUrl}`;
+    }
+  }
+  return actualImageUrl;
+};
+export const getHtmlEntitiesDecodedText = text => {
+  const actualText = text === null || text === void 0 ? void 0 : text.trim();
+  if (!actualText) return null;
+  return decode(actualText);
+};
+export const getContent = (left, right, type) => {
+  var _contents$type;
+  const contents = {
+    [left.trim()]: right,
+    [right.trim()]: left
+  };
+  return (_contents$type = contents[type]) === null || _contents$type === void 0 ? void 0 : _contents$type.trim();
+};
+export const getImageSize = url => {
+  return new Promise((resolve, reject) => {
+    Image.getSize(url, (width, height) => {
+      resolve({
+        height,
+        width
+      });
+    },
+    // type-coverage:ignore-next-line
+    error => reject(error));
+  });
+};
+
+// Functions below use functions from the same file and mocks are not working
+/* istanbul ignore next */
+export const getPreviewData = async (text, requestTimeout = 5000) => {
+  const previewData = {
+    description: undefined,
+    image: undefined,
+    link: undefined,
+    title: undefined
+  };
+  try {
+    var _textWithoutEmails$ma;
+    const textWithoutEmails = text.replace(REGEX_EMAIL, '').trim();
+    if (!textWithoutEmails) return previewData;
+    const link = (_textWithoutEmails$ma = textWithoutEmails.match(REGEX_LINK)) === null || _textWithoutEmails$ma === void 0 ? void 0 : _textWithoutEmails$ma[0];
+    if (!link) return previewData;
+    let url = link;
+    if (!url.toLowerCase().startsWith('http')) {
+      url = 'https://' + url;
+    }
+    let abortControllerTimeout;
+    const abortController = new AbortController();
+    const request = fetch(url, {
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36'
+      },
+      signal: abortController.signal
+    });
+    abortControllerTimeout = setTimeout(() => {
+      abortController.abort();
+    }, requestTimeout);
+    const response = await request;
+    clearTimeout(abortControllerTimeout);
+    previewData.link = url;
+    const contentType = response.headers.get('content-type') ?? '';
+    if (REGEX_IMAGE_CONTENT_TYPE.test(contentType)) {
+      const image = await getPreviewDataImage(url);
+      previewData.image = image;
+      return previewData;
+    }
+    const html = await response.text();
+
+    // Some pages return undefined
+    if (!html) return previewData;
+    const head = html.substring(0, html.indexOf('<body'));
+
+    // Get page title
+    const title = REGEX_TITLE.exec(head);
+    previewData.title = getHtmlEntitiesDecodedText(title === null || title === void 0 ? void 0 : title[1]);
+    let matches;
+    const meta = [];
+    while ((matches = REGEX_META.exec(head)) !== null) {
+      // @ts-ignore
+      meta.push([...matches]);
+    }
+    const metaPreviewData = meta.reduce((acc, curr) => {
+      // Verify that we have property/name and content
+      // Note that if a page will specify property, name and content in the same meta, regex will fail
+      if (!curr[2] || !curr[3]) return acc;
+
+      // Only take the first occurrence
+      // For description take the meta description tag into consideration
+      const description = !acc.description && (getContent(curr[2], curr[3], 'og:description') || getContent(curr[2], curr[3], 'description'));
+      const ogImage = !acc.imageUrl && getContent(curr[2], curr[3], 'og:image');
+      const ogTitle = !acc.title && getContent(curr[2], curr[3], 'og:title');
+      return {
+        description: description ? getHtmlEntitiesDecodedText(description) : acc.description,
+        imageUrl: ogImage ? getActualImageUrl(url, ogImage) : acc.imageUrl,
+        title: ogTitle ? getHtmlEntitiesDecodedText(ogTitle) : acc.title
+      };
+    }, {
+      title: previewData.title
+    });
+    previewData.description = metaPreviewData.description;
+    previewData.image = await getPreviewDataImage(metaPreviewData.imageUrl);
+    previewData.title = metaPreviewData.title;
+    if (!previewData.image) {
+      let imageMatches;
+      const tags = [];
+      while ((imageMatches = REGEX_IMAGE_TAG.exec(html)) !== null) {
+        // @ts-ignore
+        tags.push([...imageMatches]);
+      }
+      let images = [];
+      for (const tag of tags.filter(t => !t[1].startsWith('data')).slice(0, 5)) {
+        const image = await getPreviewDataImage(getActualImageUrl(url, tag[1]));
+        if (!image) continue;
+        images = [...images, image];
+      }
+      previewData.image = images.sort((a, b) => b.height * b.width - a.height * a.width)[0];
+    }
+    return previewData;
+  } catch {
+    return previewData;
+  }
+};
+
+/* istanbul ignore next */
+export const getPreviewDataImage = async url => {
+  if (!url) return null;
+  try {
+    const {
+      height,
+      width
+    } = await getImageSize(url);
+    const aspectRatio = width / (height || 1);
+    if (height > 100 && width > 100 && aspectRatio > 0.1 && aspectRatio < 10) {
+      const image = {
+        height,
+        url,
+        width
+      };
+      return image;
+    } else {
+      return null;
+    }
+  } catch {
+    return null;
+  }
+};
+export const oneOf = (truthy, falsy) => (...args) => {
+  return truthy ? truthy(...args) : falsy;
+};
+export const REGEX_EMAIL = /([a-zA-Z0-9+._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9_-]+)/g;
+export const REGEX_IMAGE_CONTENT_TYPE = /image\/*/g;
+// Consider empty line after img tag and take only the src field, space before to not match data-src for example
+export const REGEX_IMAGE_TAG = /<img[\n\r]*.*? src=["'](.*?)["']/g;
+export const REGEX_LINK = /((http|ftp|https):\/\/)?([\w_-]+(?:(?:\.[\w_-]+)+))([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?/i;
+// Some pages write content before the name/property, some use single quotes instead of double
+export const REGEX_META = /<meta.*?(property|name)=["'](.*?)["'].*?content=["'](.*?)["'].*?>/g;
+export const REGEX_TITLE = /<title.*?>(.*?)<\/title>/g;
+//# sourceMappingURL=utils.js.map

package/lib/module/v4/component/PreviewLink/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["decode","Image","getActualImageUrl","baseUrl","imageUrl","actualImageUrl","trim","startsWith","endsWith","slice","getHtmlEntitiesDecodedText","text","actualText","getContent","left","right","type","_contents$type","contents","getImageSize","url","Promise","resolve","reject","getSize","width","height","error","getPreviewData","requestTimeout","previewData","description","undefined","image","link","title","_textWithoutEmails$ma","textWithoutEmails","replace","REGEX_EMAIL","match","REGEX_LINK","toLowerCase","abortControllerTimeout","abortController","AbortController","request","fetch","headers","signal","setTimeout","abort","response","clearTimeout","contentType","get","REGEX_IMAGE_CONTENT_TYPE","test","getPreviewDataImage","html","head","substring","indexOf","REGEX_TITLE","exec","matches","meta","REGEX_META","push","metaPreviewData","reduce","acc","curr","ogImage","ogTitle","imageMatches","tags","REGEX_IMAGE_TAG","images","tag","filter","t","sort","a","b","aspectRatio","oneOf","truthy","falsy","args"],"sourceRoot":"../../../../../src","sources":["v4/component/PreviewLink/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/component/RenderTextWithMention/RenderTextWithMention.js

@@ -0,0 +1,88 @@
+import { Text, Linking } from 'react-native';
+import { useStyles } from './styles';
+import React, { memo, useCallback } from 'react';
+import { useNavigation } from '@react-navigation/native';
+import ReadMore from '@fawazahmed/react-native-read-more';
+const RenderTextWithMention = ({
+  mentionPositionArr,
+  textPost,
+  isTitle
+}) => {
+  const styles = useStyles();
+  const navigation = useNavigation();
+  const linkArr = useCallback(text => {
+    const urlRegex = /(https?:\/\/|www\.)[^\s]+/g;
+    const links = [];
+    let match;
+    while ((match = urlRegex.exec(text)) !== null) {
+      links.push({
+        link: match[0],
+        index: match.index,
+        length: match[0].length
+      });
+    }
+    return links;
+  }, []);
+  const heightlightTextPositions = [...linkArr(textPost), ...mentionPositionArr].sort((a, b) => a.index - b.index);
+  const mentionClick = useCallback(userId => {
+    navigation.navigate('UserProfile', {
+      userId: userId
+    });
+  }, [navigation]);
+  const handleLinkClick = useCallback(url => {
+    Linking.openURL(url);
+  }, []);
+  const handleOnClick = useCallback((link, userId) => {
+    if (link) return handleLinkClick(link);
+    return mentionClick(userId);
+  }, [handleLinkClick, mentionClick]);
+  if (heightlightTextPositions.length === 0) {
+    return /*#__PURE__*/React.createElement(ReadMore, {
+      key: textPost,
+      numberOfLines: 8,
+      seeMoreStyle: styles.moreLessButton,
+      style: [styles.inputText, isTitle && styles.bold],
+      seeLessStyle: styles.moreLessButton,
+      seeLessText: ""
+    }, textPost);
+  }
+  let currentPosition = 0;
+  const result = heightlightTextPositions.map(({
+    index,
+    length,
+    userId,
+    link
+  }, i) => {
+    // Add non-highlighted text before the mention
+    const nonHighlightedText = textPost.slice(currentPosition, index);
+    // Add highlighted text
+    const highlightedText = /*#__PURE__*/React.createElement(Text, {
+      selectable: true,
+      onPress: () => handleOnClick(link, userId),
+      key: `highlighted-${i}`,
+      style: styles.mentionText
+    }, textPost.slice(index, index + length));
+
+    // Update currentPosition for the next iteration
+    currentPosition = index + length;
+
+    // Return an array of non-highlighted and highlighted text
+    return [nonHighlightedText, highlightedText];
+  });
+
+  // Add any remaining non-highlighted text after the mentions
+  const remainingText = textPost.slice(currentPosition);
+  result.push([/*#__PURE__*/React.createElement(Text, {
+    selectable: true,
+    key: "nonHighlighted-last",
+    style: [styles.inputText, isTitle && styles.bold]
+  }, remainingText)]);
+
+  // Flatten the array and render
+  return /*#__PURE__*/React.createElement(Text, {
+    selectable: true,
+    style: [styles.inputText, isTitle && styles.bold]
+  }, result.flat());
+};
+export default /*#__PURE__*/memo(RenderTextWithMention);
+//# sourceMappingURL=RenderTextWithMention.js.map

package/lib/module/v4/component/RenderTextWithMention/RenderTextWithMention.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","Linking","useStyles","React","memo","useCallback","useNavigation","ReadMore","RenderTextWithMention","mentionPositionArr","textPost","isTitle","styles","navigation","linkArr","text","urlRegex","links","match","exec","push","link","index","length","heightlightTextPositions","sort","a","b","mentionClick","userId","navigate","handleLinkClick","url","openURL","handleOnClick","createElement","key","numberOfLines","seeMoreStyle","moreLessButton","style","inputText","bold","seeLessStyle","seeLessText","currentPosition","result","map","i","nonHighlightedText","slice","highlightedText","selectable","onPress","mentionText","remainingText","flat"],"sourceRoot":"../../../../../src","sources":["v4/component/RenderTextWithMention/RenderTextWithMention.tsx"],"mappings":"AAAA,SAASA,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAC5C,SAASC,SAAS,QAAQ,UAAU;AACpC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,aAAa,QAAQ,0BAA0B;AAIxD,OAAOC,QAAQ,MAAM,oCAAoC;AAczD,MAAMC,qBAAuD,GAAGA,CAAC;EAC/DC,kBAAkB;EAClBC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;EAC1B,MAAMW,UAAU,GACdP,aAAa,CAAC,CAAkD;EAClE,MAAMQ,OAAO,GAAGT,WAAW,CAAEU,IAAY,IAAiB;IACxD,MAAMC,QAAQ,GAAG,4BAA4B;IAC7C,MAAMC,KAAiB,GAAG,EAAE;IAC5B,IAAIC,KAAK;IACT,OAAO,CAACA,KAAK,GAAGF,QAAQ,CAACG,IAAI,CAACJ,IAAI,CAAC,MAAM,IAAI,EAAE;MAC7CE,KAAK,CAACG,IAAI,CAAC;QACTC,IAAI,EAAEH,KAAK,CAAC,CAAC,CAAC;QACdI,KAAK,EAAEJ,KAAK,CAACI,KAAK;QAClBC,MAAM,EAAEL,KAAK,CAAC,CAAC,CAAC,CAACK;MACnB,CAAC,CAAC;IACJ;IACA,OAAON,KAAK;EACd,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,wBAAwB,GAAG,CAC/B,GAAGV,OAAO,CAACJ,QAAQ,CAAC,EACpB,GAAGD,kBAAkB,CACtB,CAACgB,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACJ,KAAK,GAAGK,CAAC,CAACL,KAAK,CAAoC;EAEtE,MAAMM,YAAY,GAAGvB,WAAW,CAC7BwB,MAAc,IAAK;IAClBhB,UAAU,CAACiB,QAAQ,CAAC,aAAa,EAAE;MACjCD,MAAM,EAAEA;IACV,CAAC,CAAC;EACJ,CAAC,EACD,CAAChB,UAAU,CACb,CAAC;EACD,MAAMkB,eAAe,GAAG1B,WAAW,CAAE2B,GAAW,IAAK;IACnD/B,OAAO,CAACgC,OAAO,CAACD,GAAG,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,aAAa,GAAG7B,WAAW,CAC/B,CAACgB,IAAY,EAAEQ,MAAc,KAAK;IAChC,IAAIR,IAAI,EAAE,OAAOU,eAAe,CAACV,IAAI,CAAC;IACtC,OAAOO,YAAY,CAACC,MAAM,CAAC;EAC7B,CAAC,EACD,CAACE,eAAe,EAAEH,YAAY,CAChC,CAAC;EAED,IAAIJ,wBAAwB,CAACD,MAAM,KAAK,CAAC,EAAE;IACzC,oBACEpB,KAAA,CAAAgC,aAAA,CAAC5B,QAAQ;MACP6B,GAAG,EAAE1B,QAAS;MACd2B,aAAa,EAAE,CAAE;MACjBC,YAAY,EAAE1B,MAAM,CAAC2B,cAAe;MACpCC,KAAK,EAAE,CAAC5B,MAAM,CAAC6B,SAAS,EAAE9B,OAAO,IAAIC,MAAM,CAAC8B,IAAI,CAAE;MAClDC,YAAY,EAAE/B,MAAM,CAAC2B,cAAe;MACpCK,WAAW,EAAC;IAAE,GAEblC,QACO,CAAC;EAEf;EAEA,IAAImC,eAAe,GAAG,CAAC;EACvB,MAAMC,MAAkC,GAAGtB,wBAAwB,CAACuB,GAAG,CACrE,CAAC;IAAEzB,KAAK;IAAEC,MAAM;IAAEM,MAAM;IAAER;EAAK,CAAC,EAAE2B,CAAC,KAAK;IACtC;IACA,MAAMC,kBAAkB,GAAGvC,QAAQ,CAACwC,KAAK,CAACL,eAAe,EAAEvB,KAAK,CAAC;IACjE;IACA,MAAM6B,eAAe,gBACnBhD,KAAA,CAAAgC,aAAA,CAACnC,IAAI;MACHoD,UAAU;MACVC,OAAO,EAAEA,CAAA,KAAMnB,aAAa,CAACb,IAAI,EAAEQ,MAAM,CAAE;MAC3CO,GAAG,EAAE,eAAeY,CAAC,EAAG;MACxBR,KAAK,EAAE5B,MAAM,CAAC0C;IAAY,GAEzB5C,QAAQ,CAACwC,KAAK,CAAC5B,KAAK,EAAEA,KAAK,GAAGC,MAAM,CACjC,CACP;;IAED;IACAsB,eAAe,GAAGvB,KAAK,GAAGC,MAAM;;IAEhC;IACA,OAAO,CAAC0B,kBAAkB,EAAEE,eAAe,CAAC;EAC9C,CACF,CAAC;;EAED;EACA,MAAMI,aAAa,GAAG7C,QAAQ,CAACwC,KAAK,CAACL,eAAe,CAAC;EACrDC,MAAM,CAAC1B,IAAI,CAAC,cACVjB,KAAA,CAAAgC,aAAA,CAACnC,IAAI;IACHoD,UAAU;IACVhB,GAAG,EAAC,qBAAqB;IACzBI,KAAK,EAAE,CAAC5B,MAAM,CAAC6B,SAAS,EAAE9B,OAAO,IAAIC,MAAM,CAAC8B,IAAI;EAAE,GAEjDa,aACG,CAAC,CACR,CAAC;;EAEF;EACA,oBACEpD,KAAA,CAAAgC,aAAA,CAACnC,IAAI;IAACoD,UAAU;IAACZ,KAAK,EAAE,CAAC5B,MAAM,CAAC6B,SAAS,EAAE9B,OAAO,IAAIC,MAAM,CAAC8B,IAAI;EAAE,GAChEI,MAAM,CAACU,IAAI,CAAC,CACT,CAAC;AAEX,CAAC;AAED,4BAAepD,IAAI,CAACI,qBAAqB,CAAC","ignoreList":[]}

package/lib/module/v4/component/RenderTextWithMention/styles.js

@@ -0,0 +1,25 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    mentionText: {
+      color: theme.colors.primary,
+      fontSize: 15
+    },
+    inputText: {
+      color: theme.colors.base,
+      fontSize: 15
+    },
+    bold: {
+      fontWeight: '600'
+    },
+    moreLessButton: {
+      fontWeight: 'normal',
+      color: theme.colors.primary,
+      fontSize: 15
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/RenderTextWithMention/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","mentionText","color","colors","primary","fontSize","inputText","base","bold","fontWeight","moreLessButton"],"sourceRoot":"../../../../../src","sources":["v4/component/RenderTextWithMention/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAe;EAEtC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,WAAW,EAAE;MACXC,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACC,OAAO;MAC3BC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTJ,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACI,IAAI;MACxBF,QAAQ,EAAE;IACZ,CAAC;IACDG,IAAI,EAAE;MACJC,UAAU,EAAE;IACd,CAAC;IACDC,cAAc,EAAE;MACdD,UAAU,EAAE,QAAQ;MACpBP,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACC,OAAO;MAC3BC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAON,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/v4/component/SearchInput/SearchInput.js

@@ -0,0 +1,38 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useRef, useState } from 'react';
+import { TextInput, View } from 'react-native';
+import { useStyles } from './styles';
+import { SvgXml } from 'react-native-svg';
+import { search } from '../../../v4/assets/icons';
+function SearchInput({
+  iconProps,
+  inputProps,
+  style
+}) {
+  const ref = useRef(0);
+  const {
+    styles,
+    theme
+  } = useStyles();
+  const [value, setValue] = useState(inputProps === null || inputProps === void 0 ? void 0 : inputProps.value);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(SvgXml, _extends({}, iconProps, {
+    width: 20,
+    height: 20,
+    xml: search(),
+    color: theme.colors.baseShade3
+  })), /*#__PURE__*/React.createElement(TextInput, _extends({}, inputProps, {
+    value: value,
+    placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
+    style: [styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.style],
+    placeholderTextColor: theme.colors.baseShade2,
+    onChangeText: text => {
+      clearTimeout(ref.current);
+      ref.current = setTimeout(() => inputProps === null || inputProps === void 0 ? void 0 : inputProps.onChangeText(text), 500);
+      setValue(text);
+    }
+  })));
+}
+export default SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/lib/module/v4/component/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","TextInput","View","useStyles","SvgXml","search","SearchInput","iconProps","inputProps","style","ref","styles","theme","value","setValue","createElement","container","_extends","width","height","xml","color","colors","baseShade3","placeholder","input","placeholderTextColor","baseShade2","onChangeText","text","clearTimeout","current","setTimeout"],"sourceRoot":"../../../../../src","sources":["v4/component/SearchInput/SearchInput.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,SAASC,SAAS,EAAkBC,IAAI,QAAmB,cAAc;AACzE,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,MAAM,QAAkB,kBAAkB;AACnD,SAASC,MAAM,QAAQ,0BAA0B;AAQjD,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC,UAAU;EAAEC;AAAwB,CAAC,EAAE;EACvE,MAAMC,GAAG,GAAGX,MAAM,CAAC,CAAC,CAAC;EACrB,MAAM;IAAEY,MAAM;IAAEC;EAAM,CAAC,GAAGT,SAAS,CAAC,CAAC;EACrC,MAAM,CAACU,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAACQ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEK,KAAK,CAAC;EAErD,oBACEf,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACO,KAAK,EAAE,CAACE,MAAM,CAACK,SAAS,EAAEP,KAAK;EAAE,gBACrCX,KAAA,CAAAiB,aAAA,CAACX,MAAM,EAAAa,QAAA,KACDV,SAAS;IACbW,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,GAAG,EAAEf,MAAM,CAAC,CAAE;IACdgB,KAAK,EAAET,KAAK,CAACU,MAAM,CAACC;EAAW,EAChC,CAAC,eACFzB,KAAA,CAAAiB,aAAA,CAACd,SAAS,EAAAgB,QAAA,KACJT,UAAU;IACdK,KAAK,EAAEA,KAAM;IACbW,WAAW,EAAEhB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEgB,WAAY;IACrCf,KAAK,EAAE,CAACE,MAAM,CAACc,KAAK,EAAEjB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,KAAK,CAAE;IACzCiB,oBAAoB,EAAEd,KAAK,CAACU,MAAM,CAACK,UAAW;IAC9CC,YAAY,EAAGC,IAAI,IAAK;MACtBC,YAAY,CAACpB,GAAG,CAACqB,OAAO,CAAC;MACzBrB,GAAG,CAACqB,OAAO,GAAGC,UAAU,CAAC,MAAMxB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEoB,YAAY,CAACC,IAAI,CAAC,EAAE,GAAG,CAAC;MACnEf,QAAQ,CAACe,IAAI,CAAC;IAChB;EAAE,EACH,CACG,CAAC;AAEX;AAEA,eAAevB,WAAW","ignoreList":[]}

package/lib/module/v4/component/SearchInput/index.js

@@ -0,0 +1,2 @@
+export { default } from './SearchInput';
+//# sourceMappingURL=index.js.map

package/lib/module/v4/component/SearchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../src","sources":["v4/component/SearchInput/index.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe","ignoreList":[]}

package/lib/module/v4/component/SearchInput/styles.js

@@ -0,0 +1,27 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      gap: 8,
+      borderRadius: 8,
+      paddingVertical: 10,
+      alignItems: 'center',
+      flexDirection: 'row',
+      paddingHorizontal: 12,
+      justifyContent: 'flex-start',
+      backgroundColor: theme.colors.baseShade4
+    },
+    input: {
+      margin: 0,
+      padding: 0,
+      fontSize: 15
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/SearchInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","container","gap","borderRadius","paddingVertical","alignItems","flexDirection","paddingHorizontal","justifyContent","backgroundColor","colors","baseShade4","input","margin","padding","fontSize"],"sourceRoot":"../../../../../src","sources":["v4/component/SearchInput/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAa,CAAC;EAEpC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,GAAG,EAAE,CAAC;MACNC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,EAAE;MACnBC,UAAU,EAAE,QAAQ;MACpBC,aAAa,EAAE,KAAK;MACpBC,iBAAiB,EAAE,EAAE;MACrBC,cAAc,EAAE,YAAY;MAC5BC,eAAe,EAAEX,KAAK,CAACY,MAAM,CAACC;IAChC,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EACF,OAAO;IACLhB,MAAM;IACND;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/v4/component/SearchItem/index.js

@@ -0,0 +1,79 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useEffect, useState } from 'react';
+import { Image, Text, TouchableOpacity, View } from 'react-native';
+import { useStyles } from './styles';
+import { CategoryRepository } from '@amityco/ts-sdk-react-native';
+import { useNavigation } from '@react-navigation/native';
+import { useFile } from '../../hook';
+import { ImageSizeState } from '../../enum';
+import { defaultAvatarUri, defaultCommunityAvatarUri } from '../../assets';
+export default function SearchItem({
+  target,
+  onPress,
+  userProfileNavigateEnabled = true
+}) {
+  const styles = useStyles();
+  const {
+    getImage
+  } = useFile();
+  const [isChecked, setIsChecked] = useState(false);
+  const [avatar, setAvatar] = useState(defaultAvatarUri);
+  const [categoryName, setCategoryName] = useState('');
+  const navigation = useNavigation();
+  const handleToggle = () => {
+    setIsChecked(!isChecked);
+    if (onPress) {
+      onPress(target);
+    }
+    if (userProfileNavigateEnabled) {
+      if (target.targetType === 'community') {
+        navigation.navigate('CommunityProfilePage', {
+          communityId: target.targetId
+        });
+      } else {
+        navigation.navigate('UserProfile', {
+          userId: target.targetId
+        });
+      }
+    }
+  };
+  useEffect(() => {
+    if (!(target !== null && target !== void 0 && target.avatarFileId)) return;
+    (async () => {
+      const fileUrl = await getImage({
+        fileId: target === null || target === void 0 ? void 0 : target.avatarFileId,
+        imageSize: ImageSizeState.small
+      });
+      const avatarUrl = fileUrl ? fileUrl : (target === null || target === void 0 ? void 0 : target.targetType) === 'community' ? defaultCommunityAvatarUri : defaultAvatarUri;
+      setAvatar(avatarUrl);
+    })();
+  }, [getImage, target === null || target === void 0 ? void 0 : target.avatarFileId, target === null || target === void 0 ? void 0 : target.targetType]);
+  useEffect(() => {
+    getCategory();
+  }, [target.categoryIds]);
+  async function getCategory() {
+    if (target.categoryIds) {
+      const {
+        data: category
+      } = await CategoryRepository.getCategory(target.categoryIds[0]);
+      category && setCategoryName(category.name);
+    }
+  }
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.listItem,
+    onPress: handleToggle
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.leftContainer
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.avatar,
+    source: {
+      uri: avatar
+    }
+  }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: styles.itemText
+  }, target === null || target === void 0 ? void 0 : target.displayName), (target === null || target === void 0 ? void 0 : target.targetType) === 'community' && /*#__PURE__*/React.createElement(Text, {
+    style: styles.categoryText
+  }, categoryName))));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/v4/component/SearchItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Image","Text","TouchableOpacity","View","useStyles","CategoryRepository","useNavigation","useFile","ImageSizeState","defaultAvatarUri","defaultCommunityAvatarUri","SearchItem","target","onPress","userProfileNavigateEnabled","styles","getImage","isChecked","setIsChecked","avatar","setAvatar","categoryName","setCategoryName","navigation","handleToggle","targetType","navigate","communityId","targetId","userId","avatarFileId","fileUrl","fileId","imageSize","small","avatarUrl","getCategory","categoryIds","data","category","name","createElement","style","listItem","leftContainer","source","uri","numberOfLines","itemText","displayName","categoryText"],"sourceRoot":"../../../../../src","sources":["v4/component/SearchItem/index.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,KAAK,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAClE,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,cAAc,QAAQ,YAAY;AAC3C,SAASC,gBAAgB,EAAEC,yBAAyB,QAAQ,cAAc;AAU1E,eAAe,SAASC,UAAUA,CAAC;EACjCC,MAAM;EACNC,OAAO;EACPC,0BAA0B,GAAG;AAK/B,CAAC,EAAE;EACD,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEY;EAAS,CAAC,GAAGT,OAAO,CAAC,CAAC;EAC9B,MAAM,CAACU,SAAS,EAAEC,YAAY,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAC1D,MAAM,CAACoB,MAAM,EAAEC,SAAS,CAAC,GAAGrB,QAAQ,CAACU,gBAAgB,CAAC;EACtD,MAAM,CAACY,YAAY,EAAEC,eAAe,CAAC,GAAGvB,QAAQ,CAAS,EAAE,CAAC;EAC5D,MAAMwB,UAAU,GAAGjB,aAAa,CAAM,CAAC;EACvC,MAAMkB,YAAY,GAAGA,CAAA,KAAM;IACzBN,YAAY,CAAC,CAACD,SAAS,CAAC;IACxB,IAAIJ,OAAO,EAAE;MACXA,OAAO,CAACD,MAAM,CAAC;IACjB;IACA,IAAIE,0BAA0B,EAAE;MAC9B,IAAIF,MAAM,CAACa,UAAU,KAAK,WAAW,EAAE;QACrCF,UAAU,CAACG,QAAQ,CAAC,sBAAsB,EAAE;UAC1CC,WAAW,EAAEf,MAAM,CAACgB;QACtB,CAAC,CAAC;MACJ,CAAC,MAAM;QACLL,UAAU,CAACG,QAAQ,CAAC,aAAa,EAAE;UACjCG,MAAM,EAAEjB,MAAM,CAACgB;QACjB,CAAC,CAAC;MACJ;IACF;EACF,CAAC;EAED9B,SAAS,CAAC,MAAM;IACd,IAAI,EAACc,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEkB,YAAY,GAAE;IAE3B,CAAC,YAAY;MACX,MAAMC,OAAO,GAAG,MAAMf,QAAQ,CAAC;QAC7BgB,MAAM,EAAEpB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEkB,YAAY;QAC5BG,SAAS,EAAEzB,cAAc,CAAC0B;MAC5B,CAAC,CAAC;MAEF,MAAMC,SAAS,GAAGJ,OAAO,GACrBA,OAAO,GACP,CAAAnB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEa,UAAU,MAAK,WAAW,GAClCf,yBAAyB,GACzBD,gBAAgB;MACpBW,SAAS,CAACe,SAAS,CAAC;IACtB,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,CAACnB,QAAQ,EAAEJ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEkB,YAAY,EAAElB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEa,UAAU,CAAC,CAAC;EAExD3B,SAAS,CAAC,MAAM;IACdsC,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAACxB,MAAM,CAACyB,WAAW,CAAC,CAAC;EAExB,eAAeD,WAAWA,CAAA,EAAG;IAC3B,IAAIxB,MAAM,CAACyB,WAAW,EAAE;MACtB,MAAM;QAAEC,IAAI,EAAEC;MAAS,CAAC,GAAG,MAAMlC,kBAAkB,CAAC+B,WAAW,CAC7DxB,MAAM,CAACyB,WAAW,CAAC,CAAC,CACtB,CAAC;MAEDE,QAAQ,IAAIjB,eAAe,CAACiB,QAAQ,CAACC,IAAI,CAAC;IAC5C;EACF;EAEA,oBACE3C,KAAA,CAAA4C,aAAA,CAACvC,gBAAgB;IAACwC,KAAK,EAAE3B,MAAM,CAAC4B,QAAS;IAAC9B,OAAO,EAAEW;EAAa,gBAC9D3B,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAE3B,MAAM,CAAC6B;EAAc,gBAChC/C,KAAA,CAAA4C,aAAA,CAACzC,KAAK;IAAC0C,KAAK,EAAE3B,MAAM,CAACI,MAAO;IAAC0B,MAAM,EAAE;MAAEC,GAAG,EAAE3B;IAAO;EAAE,CAAE,CAAC,eACxDtB,KAAA,CAAA4C,aAAA,CAACtC,IAAI,qBACHN,KAAA,CAAA4C,aAAA,CAACxC,IAAI;IAAC8C,aAAa,EAAE,CAAE;IAACL,KAAK,EAAE3B,MAAM,CAACiC;EAAS,GAC5CpC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEqC,WACL,CAAC,EACN,CAAArC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEa,UAAU,MAAK,WAAW,iBACjC5B,KAAA,CAAA4C,aAAA,CAACxC,IAAI;IAACyC,KAAK,EAAE3B,MAAM,CAACmC;EAAa,GAAE7B,YAAmB,CAEpD,CACF,CACU,CAAC;AAEvB","ignoreList":[]}

package/lib/module/v4/component/SearchItem/styles.js

@@ -0,0 +1,40 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    listItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingVertical: 8,
+      backgroundColor: 'transparent'
+    },
+    avatar: {
+      width: 40,
+      height: 40,
+      borderRadius: 72,
+      marginRight: 15
+    },
+    itemText: {
+      fontSize: 15,
+      fontWeight: '600',
+      color: theme.colors.base
+    },
+    leftContainer: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    dotIcon: {
+      width: 16,
+      height: 12
+    },
+    categoryText: {
+      fontSize: 13,
+      color: theme.colors.baseShade1,
+      marginTop: 4
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/v4/component/SearchItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","listItem","flexDirection","alignItems","justifyContent","paddingVertical","backgroundColor","avatar","width","height","borderRadius","marginRight","itemText","fontSize","fontWeight","color","colors","base","leftContainer","dotIcon","categoryText","baseShade1","marginTop"],"sourceRoot":"../../../../../src","sources":["v4/component/SearchItem/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAe;EACtC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,QAAQ,EAAE;MACRC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,eAAe,EAAE,CAAC;MAClBC,eAAe,EAAE;IACnB,CAAC;IACDC,MAAM,EAAE;MACNC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE;IACf,CAAC;IACDC,QAAQ,EAAE;MACRC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEjB,KAAK,CAACkB,MAAM,CAACC;IACtB,CAAC;IACDC,aAAa,EAAE;MACbhB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDgB,OAAO,EAAE;MACPX,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDW,YAAY,EAAE;MACZP,QAAQ,EAAE,EAAE;MACZE,KAAK,EAAEjB,KAAK,CAACkB,MAAM,CAACK,UAAU;MAC9BC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,OAAOvB,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/v4/component/SearchResultItem/SearchResultItem.js

@@ -0,0 +1,108 @@
+import { Text, TouchableOpacity, View } from 'react-native';
+import React, { memo, useCallback, useEffect, useState } from 'react';
+import { useStyles } from './styles';
+import { ComponentID, ElementID, PageID, TabName } from '../../enum';
+import { CategoryRepository } from '@amityco/ts-sdk-react-native';
+import { useNavigation } from '@react-navigation/native';
+import { useBehaviour } from '../../providers/BehaviourProvider';
+import AvatarElement from '../../PublicApi/Elements/CommonElements/AvatarElement';
+import { useAmityComponent } from '../../hook';
+import TextElement from '../../PublicApi/Elements/CommonElements/TextElement';
+import ImageElement from '../../PublicApi/Elements/CommonElements/ImageElement';
+import { formatNumber } from '../../../util/numberUtil';
+const SearchResultItem = ({
+  pageId = PageID.WildCardPage,
+  componentId = ComponentID.WildCardComponent,
+  item,
+  searchType
+}) => {
+  const {
+    themeStyles
+  } = useAmityComponent({
+    pageId: pageId,
+    componentId: componentId
+  });
+  const styles = useStyles(themeStyles);
+  const {
+    AmityCommunitySearchResultComponent
+  } = useBehaviour();
+  const navigation = useNavigation();
+  const [communityCategory, setCommunityCategory] = useState(null);
+  const isCommunity = searchType === TabName.Communities || searchType === TabName.MyCommunities;
+  const showPrivateIcon = isCommunity && !item.isPublic;
+  const showOfficialBadgeIcon = isCommunity && item.isOfficial;
+  const memberText = (item === null || item === void 0 ? void 0 : item.membersCount) > 1 ? 'members' : 'member';
+  const onPressSearchResultItem = useCallback(() => {
+    if (isCommunity) {
+      if (AmityCommunitySearchResultComponent.goToCommunityProfilePage) {
+        return AmityCommunitySearchResultComponent.goToCommunityProfilePage({
+          targetId: item.communityId,
+          targetType: TabName.Communities
+        });
+      }
+      return navigation.navigate('CommunityProfilePage', {
+        communityId: item.communityId
+      });
+    }
+    if (AmityCommunitySearchResultComponent.goToUserProfilePage) return AmityCommunitySearchResultComponent.goToUserProfilePage({
+      targetId: item.communityId ?? item.userId,
+      targetType: TabName.Users
+    });
+    return navigation.navigate('UserProfile', {
+      userId: item.userId
+    });
+  }, [AmityCommunitySearchResultComponent, isCommunity, item.communityId, item.userId, navigation]);
+  useEffect(() => {
+    (async () => {
+      if (isCommunity) {
+        const {
+          data
+        } = await CategoryRepository.getCategory(item.categoryIds[0]);
+        setCommunityCategory(data);
+      }
+    })();
+  }, [isCommunity, item.categoryIds]);
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.container,
+    onPress: onPressSearchResultItem
+  }, /*#__PURE__*/React.createElement(AvatarElement, {
+    style: styles.avatar,
+    avatarId: item.avatarFileId,
+    pageID: pageId,
+    componentID: componentId,
+    elementID: ElementID.community_avatar,
+    targetType: searchType === TabName.Communities ? 'community' : 'user'
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.profileInfoContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.rowContainer
+  }, showPrivateIcon && /*#__PURE__*/React.createElement(ImageElement, {
+    pageID: pageId,
+    componentID: componentId,
+    elementID: ElementID.community_private_badge,
+    style: styles.lockIcon,
+    configKey: "icon"
+  }), /*#__PURE__*/React.createElement(TextElement, {
+    pageID: pageId,
+    componentID: componentId,
+    elementID: ElementID.community_display_name,
+    text: item.displayName,
+    style: styles.diaplayName
+  }), showOfficialBadgeIcon && /*#__PURE__*/React.createElement(ImageElement, {
+    pageID: pageId,
+    componentID: componentId,
+    elementID: ElementID.community_official_badge,
+    style: styles.badgeIcon,
+    configKey: "icon"
+  })), isCommunity && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: (communityCategory === null || communityCategory === void 0 ? void 0 : communityCategory.name) && styles.category,
+    testID: "community_search_result/community_category_name",
+    accessibilityLabel: "community_search_result/community_category_name"
+  }, (communityCategory === null || communityCategory === void 0 ? void 0 : communityCategory.name) ?? ''), /*#__PURE__*/React.createElement(Text, {
+    style: styles.memberCounts,
+    testID: "community_search_result/community_members_count",
+    accessibilityLabel: "community_search_result/community_members_count"
+  }, `${formatNumber(item === null || item === void 0 ? void 0 : item.membersCount)} ${memberText}`))));
+};
+export default /*#__PURE__*/memo(SearchResultItem);
+//# sourceMappingURL=SearchResultItem.js.map