@sendbird/uikit-react-native-foundation 2.4.1 → 2.5.0-rc.0

package/lib/commonjs/ui/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToastContext","createContext","useOpacity","opacity","useRef","Animated","Value","current","transition","value","timing","toValue","duration","useNativeDriver","start","show","hide","Toast","visible","type","children","top","bottom","colors","select","palette","useUIKitTheme","color","useMemo","dark","error300","light","error200","secondary300","secondary200","backgroundColor","useEffect","styles","toast","icon","onBackgroundReverse01","text","VISIBLE_MS","ToastProvider","dismissTimeout","state","setState","useState","useSafeAreaInsets","hideTimeout","setTimeout","prev","clearTimeout","Platform","OS","undefined","toastPosition","useToast","context","useContext","Error","createStyleSheet","position","height","paddingHorizontal","justifyContent","alignItems","alignSelf","borderRadius","flexDirection","marginRight","maxWidth"],"sources":["index.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Animated, KeyboardAvoidingView, Platform } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype ToastType = 'normal' | 'error' | 'success';\ntype Context = { show(text: string, type?: ToastType): void };\n\nconst ToastContext = createContext<Context | null>(null);\n\ntype Props = React.PropsWithChildren<{\n  top?: number;\n  bottom?: number;\n  visible: boolean;\n  type: ToastType;\n  children: string;\n}>;\n\nconst useOpacity = () => {\n  const opacity = useRef(new Animated.Value(0)).current;\n  const transition = (value: number) => {\n    Animated.timing(opacity, { toValue: value, duration: 500, useNativeDriver: true }).start();\n  };\n\n  return {\n    opacity,\n    show: () => transition(1),\n    hide: () => transition(0),\n  };\n};\n\nconst Toast = ({ visible, type, children, top, bottom }: Props) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { opacity, show, hide } = useOpacity();\n\n  const color = useMemo(() => {\n    if (type === 'error') {\n      return select({ dark: palette.error300, light: palette.error200 });\n    }\n    if (type === 'success') {\n      return select({ dark: palette.secondary300, light: palette.secondary200 });\n    }\n    return 'transparent';\n  }, [type, select]);\n\n  const backgroundColor = useMemo(() => {\n    return select({ light: 'rgba(0,0,0,0.64)', dark: 'rgba(255,255,255,0.64)' });\n  }, [select]);\n\n  useEffect(() => {\n    visible ? show() : hide();\n  }, [visible]);\n\n  return (\n    <Animated.View pointerEvents={'none'} style={[styles.toast, { opacity, top, bottom, backgroundColor }]}>\n      {type !== 'normal' && (\n        <Icon icon={type === 'success' ? 'done' : 'error'} color={color} containerStyle={styles.icon} />\n      )}\n      <Text color={colors.onBackgroundReverse01} body3 numberOfLines={2} style={styles.text}>\n        {children}\n      </Text>\n    </Animated.View>\n  );\n};\n\nconst VISIBLE_MS = 3000;\nexport const ToastProvider = ({\n  children,\n  dismissTimeout = VISIBLE_MS,\n}: React.PropsWithChildren<{ dismissTimeout?: number }>) => {\n  const [state, setState] = useState({ visible: false, type: 'error' as ToastType, text: '' });\n  const { bottom } = useSafeAreaInsets();\n\n  useEffect(() => {\n    if (!state.visible) return;\n\n    const hideTimeout = setTimeout(() => {\n      setState((prev) => ({ ...prev, visible: false }));\n    }, dismissTimeout);\n    return () => clearTimeout(hideTimeout);\n  });\n\n  return (\n    <ToastContext.Provider value={{ show: (text, type = 'normal') => text && setState({ text, type, visible: true }) }}>\n      {children}\n      <KeyboardAvoidingView\n        behavior={Platform.OS === 'ios' ? 'position' : undefined}\n        keyboardVerticalOffset={-bottom}\n        pointerEvents={'none'}\n      >\n        <Toast type={state.type} visible={state.visible} bottom={bottom + styles.toastPosition.bottom}>\n          {state.text}\n        </Toast>\n      </KeyboardAvoidingView>\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast = () => {\n  const context = useContext(ToastContext);\n  if (!context) throw new Error('ToastContext is not provided, wrap your app with ToastProvider');\n  return context;\n};\n\nconst styles = createStyleSheet({\n  toast: {\n    position: 'absolute',\n    height: 48,\n    paddingHorizontal: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 24,\n    flexDirection: 'row',\n  },\n  icon: {\n    marginRight: 4,\n  },\n  text: {\n    maxWidth: 240,\n    paddingHorizontal: 4,\n  },\n  toastPosition: {\n    bottom: 60,\n  },\n});\n\nexport default Toast;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_Icon","_interopRequireDefault","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ToastContext","createContext","useOpacity","opacity","useRef","Animated","Value","current","transition","value","timing","toValue","duration","useNativeDriver","start","show","hide","Toast","_ref","visible","type","children","top","bottom","colors","select","palette","useUIKitTheme","color","useMemo","dark","error300","light","error200","secondary300","secondary200","backgroundColor","useEffect","createElement","View","pointerEvents","style","styles","toast","icon","containerStyle","onBackgroundReverse01","body3","numberOfLines","text","VISIBLE_MS","ToastProvider","_ref2","dismissTimeout","state","setState","useState","useSafeAreaInsets","hideTimeout","setTimeout","prev","clearTimeout","Provider","arguments","length","undefined","KeyboardAvoidingView","behavior","Platform","OS","keyboardVerticalOffset","toastPosition","exports","useToast","context","useContext","Error","createStyleSheet","position","height","paddingHorizontal","justifyContent","alignItems","alignSelf","borderRadius","flexDirection","marginRight","maxWidth","_default"],"sources":["index.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Animated, KeyboardAvoidingView, Platform } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype ToastType = 'normal' | 'error' | 'success';\ntype Context = { show(text: string, type?: ToastType): void };\n\nconst ToastContext = createContext<Context | null>(null);\n\ntype Props = React.PropsWithChildren<{\n  top?: number;\n  bottom?: number;\n  visible: boolean;\n  type: ToastType;\n  children: string;\n}>;\n\nconst useOpacity = () => {\n  const opacity = useRef(new Animated.Value(0)).current;\n  const transition = (value: number) => {\n    Animated.timing(opacity, { toValue: value, duration: 500, useNativeDriver: true }).start();\n  };\n\n  return {\n    opacity,\n    show: () => transition(1),\n    hide: () => transition(0),\n  };\n};\n\nconst Toast = ({ visible, type, children, top, bottom }: Props) => {\n  const { colors, select, palette } = useUIKitTheme();\n  const { opacity, show, hide } = useOpacity();\n\n  const color = useMemo(() => {\n    if (type === 'error') {\n      return select({ dark: palette.error300, light: palette.error200 });\n    }\n    if (type === 'success') {\n      return select({ dark: palette.secondary300, light: palette.secondary200 });\n    }\n    return 'transparent';\n  }, [type, select]);\n\n  const backgroundColor = useMemo(() => {\n    return select({ light: 'rgba(0,0,0,0.64)', dark: 'rgba(255,255,255,0.64)' });\n  }, [select]);\n\n  useEffect(() => {\n    visible ? show() : hide();\n  }, [visible]);\n\n  return (\n    <Animated.View pointerEvents={'none'} style={[styles.toast, { opacity, top, bottom, backgroundColor }]}>\n      {type !== 'normal' && (\n        <Icon icon={type === 'success' ? 'done' : 'error'} color={color} containerStyle={styles.icon} />\n      )}\n      <Text color={colors.onBackgroundReverse01} body3 numberOfLines={2} style={styles.text}>\n        {children}\n      </Text>\n    </Animated.View>\n  );\n};\n\nconst VISIBLE_MS = 3000;\nexport const ToastProvider = ({\n  children,\n  dismissTimeout = VISIBLE_MS,\n}: React.PropsWithChildren<{ dismissTimeout?: number }>) => {\n  const [state, setState] = useState({ visible: false, type: 'error' as ToastType, text: '' });\n  const { bottom } = useSafeAreaInsets();\n\n  useEffect(() => {\n    if (!state.visible) return;\n\n    const hideTimeout = setTimeout(() => {\n      setState((prev) => ({ ...prev, visible: false }));\n    }, dismissTimeout);\n    return () => clearTimeout(hideTimeout);\n  });\n\n  return (\n    <ToastContext.Provider value={{ show: (text, type = 'normal') => text && setState({ text, type, visible: true }) }}>\n      {children}\n      <KeyboardAvoidingView\n        behavior={Platform.OS === 'ios' ? 'position' : undefined}\n        keyboardVerticalOffset={-bottom}\n        pointerEvents={'none'}\n      >\n        <Toast type={state.type} visible={state.visible} bottom={bottom + styles.toastPosition.bottom}>\n          {state.text}\n        </Toast>\n      </KeyboardAvoidingView>\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast = () => {\n  const context = useContext(ToastContext);\n  if (!context) throw new Error('ToastContext is not provided, wrap your app with ToastProvider');\n  return context;\n};\n\nconst styles = createStyleSheet({\n  toast: {\n    position: 'absolute',\n    height: 48,\n    paddingHorizontal: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 24,\n    flexDirection: 'row',\n  },\n  icon: {\n    marginRight: 4,\n  },\n  text: {\n    maxWidth: 240,\n    paddingHorizontal: 4,\n  },\n  toastPosition: {\n    bottom: 60,\n  },\n});\n\nexport default Toast;\n"],"mappings":"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"}

package/lib/module/assets/bundle-icons.js

@@ -1,9 +1,6 @@
 const fs = require('fs');
-
 const path = require('path');
-
 const prettier = require('prettier');
-
 const ignorePatterns = /bundle-icons\.js|\.DS_Store|index\.ts|@2x|@3x/;
 const requireBasePath = './';
 const iconPath = path.join(__dirname, 'icon');

package/lib/module/assets/bundle-icons.js.map

@@ -1 +1 @@
-{"version":3,"names":["fs","require","path","prettier","ignorePatterns","requireBasePath","iconPath","join","__dirname","icons","readdirSync","forEach","filename","match","ext","extname","name","replace","assetPath","serializedIcons","JSON","stringify","_","a","b","c","exportString","writeFileSync","format"],"sources":["bundle-icons.js"],"sourcesContent":["const fs = require('fs');\nconst path = require('path');\nconst prettier = require('prettier');\n\nconst ignorePatterns = /bundle-icons\\.js|\\.DS_Store|index\\.ts|@2x|@3x/;\nconst requireBasePath = './';\nconst iconPath = path.join(__dirname, 'icon');\nconst icons = {};\n\nfs.readdirSync(iconPath).forEach((filename) => {\n  if (filename.match(ignorePatterns)) return;\n  const ext = path.extname(filename);\n  const name = filename.replace(ext, '').replace(/icon-|ic-/g, '');\n  const assetPath = requireBasePath + filename;\n  icons[name] = `require('${assetPath}')`;\n});\n\nconst serializedIcons = JSON.stringify(icons, null, 4).replace(\n  /(\"require\\()('.+')(\\)\")/g,\n  (_, a, b, c) => a.replace('\"', '') + b + c.replace('\"', ''),\n);\nconst exportString = `const IconAssets = ${serializedIcons}; export default IconAssets`;\n\nfs.writeFileSync(\n  path.join(iconPath, 'index.ts'),\n  prettier.format(exportString, {\n    'printWidth': 120,\n    'tabWidth': 2,\n    'useTabs': false,\n    'semi': true,\n    'singleQuote': true,\n    'quoteProps': 'preserve',\n    'trailingComma': 'all',\n    'bracketSpacing': true,\n    'arrowParens': 'always',\n  }),\n);\n"],"mappings":"AAAA,MAAMA,EAAE,GAAGC,OAAO,CAAC,IAAD,CAAlB;;AACA,MAAMC,IAAI,GAAGD,OAAO,CAAC,MAAD,CAApB;;AACA,MAAME,QAAQ,GAAGF,OAAO,CAAC,UAAD,CAAxB;;AAEA,MAAMG,cAAc,GAAG,+CAAvB;AACA,MAAMC,eAAe,GAAG,IAAxB;AACA,MAAMC,QAAQ,GAAGJ,IAAI,CAACK,IAAL,CAAUC,SAAV,EAAqB,MAArB,CAAjB;AACA,MAAMC,KAAK,GAAG,EAAd;AAEAT,EAAE,CAACU,WAAH,CAAeJ,QAAf,EAAyBK,OAAzB,CAAkCC,QAAD,IAAc;EAC7C,IAAIA,QAAQ,CAACC,KAAT,CAAeT,cAAf,CAAJ,EAAoC;EACpC,MAAMU,GAAG,GAAGZ,IAAI,CAACa,OAAL,CAAaH,QAAb,CAAZ;EACA,MAAMI,IAAI,GAAGJ,QAAQ,CAACK,OAAT,CAAiBH,GAAjB,EAAsB,EAAtB,EAA0BG,OAA1B,CAAkC,YAAlC,EAAgD,EAAhD,CAAb;EACA,MAAMC,SAAS,GAAGb,eAAe,GAAGO,QAApC;EACAH,KAAK,CAACO,IAAD,CAAL,GAAe,YAAWE,SAAU,IAApC;AACD,CAND;AAQA,MAAMC,eAAe,GAAGC,IAAI,CAACC,SAAL,CAAeZ,KAAf,EAAsB,IAAtB,EAA4B,CAA5B,EAA+BQ,OAA/B,CACtB,0BADsB,EAEtB,CAACK,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EAAUC,CAAV,KAAgBF,CAAC,CAACN,OAAF,CAAU,GAAV,EAAe,EAAf,IAAqBO,CAArB,GAAyBC,CAAC,CAACR,OAAF,CAAU,GAAV,EAAe,EAAf,CAFnB,CAAxB;AAIA,MAAMS,YAAY,GAAI,sBAAqBP,eAAgB,6BAA3D;AAEAnB,EAAE,CAAC2B,aAAH,CACEzB,IAAI,CAACK,IAAL,CAAUD,QAAV,EAAoB,UAApB,CADF,EAEEH,QAAQ,CAACyB,MAAT,CAAgBF,YAAhB,EAA8B;EAC5B,cAAc,GADc;EAE5B,YAAY,CAFgB;EAG5B,WAAW,KAHiB;EAI5B,QAAQ,IAJoB;EAK5B,eAAe,IALa;EAM5B,cAAc,UANc;EAO5B,iBAAiB,KAPW;EAQ5B,kBAAkB,IARU;EAS5B,eAAe;AATa,CAA9B,CAFF"}
+{"version":3,"names":["fs","require","path","prettier","ignorePatterns","requireBasePath","iconPath","join","__dirname","icons","readdirSync","forEach","filename","match","ext","extname","name","replace","assetPath","serializedIcons","JSON","stringify","_","a","b","c","exportString","writeFileSync","format"],"sources":["bundle-icons.js"],"sourcesContent":["const fs = require('fs');\nconst path = require('path');\nconst prettier = require('prettier');\n\nconst ignorePatterns = /bundle-icons\\.js|\\.DS_Store|index\\.ts|@2x|@3x/;\nconst requireBasePath = './';\nconst iconPath = path.join(__dirname, 'icon');\nconst icons = {};\n\nfs.readdirSync(iconPath).forEach((filename) => {\n  if (filename.match(ignorePatterns)) return;\n  const ext = path.extname(filename);\n  const name = filename.replace(ext, '').replace(/icon-|ic-/g, '');\n  const assetPath = requireBasePath + filename;\n  icons[name] = `require('${assetPath}')`;\n});\n\nconst serializedIcons = JSON.stringify(icons, null, 4).replace(\n  /(\"require\\()('.+')(\\)\")/g,\n  (_, a, b, c) => a.replace('\"', '') + b + c.replace('\"', ''),\n);\nconst exportString = `const IconAssets = ${serializedIcons}; export default IconAssets`;\n\nfs.writeFileSync(\n  path.join(iconPath, 'index.ts'),\n  prettier.format(exportString, {\n    'printWidth': 120,\n    'tabWidth': 2,\n    'useTabs': false,\n    'semi': true,\n    'singleQuote': true,\n    'quoteProps': 'preserve',\n    'trailingComma': 'all',\n    'bracketSpacing': true,\n    'arrowParens': 'always',\n  }),\n);\n"],"mappings":"AAAA,MAAMA,EAAE,GAAGC,OAAO,CAAC,IAAI,CAAC;AACxB,MAAMC,IAAI,GAAGD,OAAO,CAAC,MAAM,CAAC;AAC5B,MAAME,QAAQ,GAAGF,OAAO,CAAC,UAAU,CAAC;AAEpC,MAAMG,cAAc,GAAG,+CAA+C;AACtE,MAAMC,eAAe,GAAG,IAAI;AAC5B,MAAMC,QAAQ,GAAGJ,IAAI,CAACK,IAAI,CAACC,SAAS,EAAE,MAAM,CAAC;AAC7C,MAAMC,KAAK,GAAG,CAAC,CAAC;AAEhBT,EAAE,CAACU,WAAW,CAACJ,QAAQ,CAAC,CAACK,OAAO,CAAEC,QAAQ,IAAK;EAC7C,IAAIA,QAAQ,CAACC,KAAK,CAACT,cAAc,CAAC,EAAE;EACpC,MAAMU,GAAG,GAAGZ,IAAI,CAACa,OAAO,CAACH,QAAQ,CAAC;EAClC,MAAMI,IAAI,GAAGJ,QAAQ,CAACK,OAAO,CAACH,GAAG,EAAE,EAAE,CAAC,CAACG,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;EAChE,MAAMC,SAAS,GAAGb,eAAe,GAAGO,QAAQ;EAC5CH,KAAK,CAACO,IAAI,CAAC,GAAI,YAAWE,SAAU,IAAG;AACzC,CAAC,CAAC;AAEF,MAAMC,eAAe,GAAGC,IAAI,CAACC,SAAS,CAACZ,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAACQ,OAAO,CAC5D,0BAA0B,EAC1B,CAACK,CAAC,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,KAAKF,CAAC,CAACN,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAGO,CAAC,GAAGC,CAAC,CAACR,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAC5D;AACD,MAAMS,YAAY,GAAI,sBAAqBP,eAAgB,6BAA4B;AAEvFnB,EAAE,CAAC2B,aAAa,CACdzB,IAAI,CAACK,IAAI,CAACD,QAAQ,EAAE,UAAU,CAAC,EAC/BH,QAAQ,CAACyB,MAAM,CAACF,YAAY,EAAE;EAC5B,YAAY,EAAE,GAAG;EACjB,UAAU,EAAE,CAAC;EACb,SAAS,EAAE,KAAK;EAChB,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,YAAY,EAAE,UAAU;EACxB,eAAe,EAAE,KAAK;EACtB,gBAAgB,EAAE,IAAI;EACtB,aAAa,EAAE;AACjB,CAAC,CAAC,CACH"}

package/lib/module/assets/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconAssets","require"],"sources":["index.ts"],"sourcesContent":["const IconAssets = {\n  'chat-hide': require('./ic-chat-hide.png'),\n  'chat-show': require('./ic-chat-show.png'),\n  'add': require('./icon-add.png'),\n  'archive': require('./icon-archive.png'),\n  'arrow-left': require('./icon-arrow-left.png'),\n  'ban': require('./icon-ban.png'),\n  'broadcast': require('./icon-broadcast.png'),\n  'camera': require('./icon-camera.png'),\n  'channels': require('./icon-channels.png'),\n  'chat-filled': require('./icon-chat-filled.png'),\n  'chat': require('./icon-chat.png'),\n  'checkbox-off': require('./icon-checkbox-off.png'),\n  'checkbox-on': require('./icon-checkbox-on.png'),\n  'chevron-down': require('./icon-chevron-down.png'),\n  'chevron-right': require('./icon-chevron-right.png'),\n  'close': require('./icon-close.png'),\n  'copy': require('./icon-copy.png'),\n  'create': require('./icon-create.png'),\n  'delete': require('./icon-delete.png'),\n  'document': require('./icon-document.png'),\n  'done-all': require('./icon-done-all.png'),\n  'done': require('./icon-done.png'),\n  'download': require('./icon-download.png'),\n  'edit': require('./icon-edit.png'),\n  'emoji-more': require('./icon-emoji-more.png'),\n  'error': require('./icon-error.png'),\n  'file-audio': require('./icon-file-audio.png'),\n  'file-document': require('./icon-file-document.png'),\n  'freeze': require('./icon-freeze.png'),\n  'gif': require('./icon-gif.png'),\n  'info': require('./icon-info.png'),\n  'leave': require('./icon-leave.png'),\n  'members': require('./icon-members.png'),\n  'message': require('./icon-message.png'),\n  'moderation': require('./icon-moderation.png'),\n  'more': require('./icon-more.png'),\n  'mute': require('./icon-mute.png'),\n  'notifications-filled': require('./icon-notifications-filled.png'),\n  'notifications-off-filled': require('./icon-notifications-off-filled.png'),\n  'notifications': require('./icon-notifications.png'),\n  'operator': require('./icon-operator.png'),\n  'photo': require('./icon-photo.png'),\n  'play': require('./icon-play.png'),\n  'plus': require('./icon-plus.png'),\n  'question': require('./icon-question.png'),\n  'radio-off': require('./icon-radio-off.png'),\n  'radio-on': require('./icon-radio-on.png'),\n  'refresh': require('./icon-refresh.png'),\n  'remove': require('./icon-remove.png'),\n  'reply-filled': require('./icon-reply-filled.png'),\n  'reply': require('./icon-reply.png'),\n  'search': require('./icon-search.png'),\n  'send': require('./icon-send.png'),\n  'settings-filled': require('./icon-settings-filled.png'),\n  'spinner': require('./icon-spinner.png'),\n  'streaming': require('./icon-streaming.png'),\n  'supergroup': require('./icon-supergroup.png'),\n  'theme': require('./icon-theme.png'),\n  'thumbnail-none': require('./icon-thumbnail-none.png'),\n  'unarchive': require('./icon-unarchive.png'),\n  'user': require('./icon-user.png'),\n};\nexport default IconAssets;\n"],"mappings":"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"}
+{"version":3,"names":["IconAssets","require"],"sources":["index.ts"],"sourcesContent":["const IconAssets = {\n  'chat-hide': require('./ic-chat-hide.png'),\n  'chat-show': require('./ic-chat-show.png'),\n  'add': require('./icon-add.png'),\n  'archive': require('./icon-archive.png'),\n  'arrow-left': require('./icon-arrow-left.png'),\n  'ban': require('./icon-ban.png'),\n  'broadcast': require('./icon-broadcast.png'),\n  'camera': require('./icon-camera.png'),\n  'channels': require('./icon-channels.png'),\n  'chat-filled': require('./icon-chat-filled.png'),\n  'chat': require('./icon-chat.png'),\n  'checkbox-off': require('./icon-checkbox-off.png'),\n  'checkbox-on': require('./icon-checkbox-on.png'),\n  'chevron-down': require('./icon-chevron-down.png'),\n  'chevron-right': require('./icon-chevron-right.png'),\n  'close': require('./icon-close.png'),\n  'copy': require('./icon-copy.png'),\n  'create': require('./icon-create.png'),\n  'delete': require('./icon-delete.png'),\n  'document': require('./icon-document.png'),\n  'done-all': require('./icon-done-all.png'),\n  'done': require('./icon-done.png'),\n  'download': require('./icon-download.png'),\n  'edit': require('./icon-edit.png'),\n  'emoji-more': require('./icon-emoji-more.png'),\n  'error': require('./icon-error.png'),\n  'file-audio': require('./icon-file-audio.png'),\n  'file-document': require('./icon-file-document.png'),\n  'freeze': require('./icon-freeze.png'),\n  'gif': require('./icon-gif.png'),\n  'info': require('./icon-info.png'),\n  'leave': require('./icon-leave.png'),\n  'members': require('./icon-members.png'),\n  'message': require('./icon-message.png'),\n  'moderation': require('./icon-moderation.png'),\n  'more': require('./icon-more.png'),\n  'mute': require('./icon-mute.png'),\n  'notifications-filled': require('./icon-notifications-filled.png'),\n  'notifications-off-filled': require('./icon-notifications-off-filled.png'),\n  'notifications': require('./icon-notifications.png'),\n  'operator': require('./icon-operator.png'),\n  'photo': require('./icon-photo.png'),\n  'play': require('./icon-play.png'),\n  'plus': require('./icon-plus.png'),\n  'question': require('./icon-question.png'),\n  'radio-off': require('./icon-radio-off.png'),\n  'radio-on': require('./icon-radio-on.png'),\n  'refresh': require('./icon-refresh.png'),\n  'remove': require('./icon-remove.png'),\n  'reply-filled': require('./icon-reply-filled.png'),\n  'reply': require('./icon-reply.png'),\n  'search': require('./icon-search.png'),\n  'send': require('./icon-send.png'),\n  'settings-filled': require('./icon-settings-filled.png'),\n  'spinner': require('./icon-spinner.png'),\n  'streaming': require('./icon-streaming.png'),\n  'supergroup': require('./icon-supergroup.png'),\n  'theme': require('./icon-theme.png'),\n  'thumbnail-none': require('./icon-thumbnail-none.png'),\n  'unarchive': require('./icon-unarchive.png'),\n  'user': require('./icon-user.png'),\n};\nexport default IconAssets;\n"],"mappings":"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"}

package/lib/module/components/Box/index.js

@@ -1,10 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { View } from 'react-native';
 import { isFunction } from '@sendbird/uikit-utils';
 import useUIKitTheme from '../../theme/useUIKitTheme';
-
 const Box = _ref => {
   let {
     style,
@@ -16,7 +14,6 @@ const Box = _ref => {
     style: [boxStyle, style]
   }, props), children);
 };
-
 const useBoxStyle = props => {
   const theme = useUIKitTheme();
   const {
@@ -28,6 +25,5 @@ const useBoxStyle = props => {
     ...rest
   };
 };
-
 export default Box;
 //# sourceMappingURL=index.js.map

package/lib/module/components/Box/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","isFunction","useUIKitTheme","Box","style","children","props","boxStyle","useBoxStyle","theme","backgroundColor","rest"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { UIKitColors, UIKitPalette } from '../../types';\n\ntype BaseBoxProps = Pick<\n  ViewStyle,\n  | 'flex'\n  | 'flexShrink'\n  | 'flexGrow'\n  | 'flexDirection'\n  | 'alignItems'\n  | 'justifyContent'\n  | 'borderRadius'\n  | 'borderWidth'\n  | 'borderColor'\n  | 'borderBottomColor'\n  | 'borderBottomWidth'\n  | 'margin'\n  | 'marginHorizontal'\n  | 'marginVertical'\n  | 'marginLeft'\n  | 'marginRight'\n  | 'marginTop'\n  | 'marginBottom'\n  | 'padding'\n  | 'paddingHorizontal'\n  | 'paddingVertical'\n  | 'paddingLeft'\n  | 'paddingRight'\n  | 'paddingTop'\n  | 'paddingBottom'\n  | 'overflow'\n  | 'width'\n  | 'height'\n> & {\n  backgroundColor?: string | ((theme: { colors: UIKitColors; palette: UIKitPalette }) => string);\n};\n\ntype BoxProps = BaseBoxProps & ViewProps;\nconst Box = ({ style, children, ...props }: BoxProps) => {\n  const boxStyle = useBoxStyle(props);\n\n  return (\n    <View style={[boxStyle, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n\nconst useBoxStyle = (props: BaseBoxProps): StyleProp<ViewStyle> => {\n  const theme = useUIKitTheme();\n\n  const { backgroundColor, ...rest } = props;\n\n  return {\n    backgroundColor: isFunction(backgroundColor) ? backgroundColor(theme) : backgroundColor,\n    ...rest,\n  };\n};\n\nexport default Box;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAoBC,IAApB,QAAsD,cAAtD;AAEA,SAASC,UAAT,QAA2B,uBAA3B;AAEA,OAAOC,aAAP,MAA0B,2BAA1B;;AAsCA,MAAMC,GAAG,GAAG,QAA6C;EAAA,IAA5C;IAAEC,KAAF;IAASC,QAAT;IAAmB,GAAGC;EAAtB,CAA4C;EACvD,MAAMC,QAAQ,GAAGC,WAAW,CAACF,KAAD,CAA5B;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,QAAD,EAAWH,KAAX;EAAb,GAAoCE,KAApC,GACGD,QADH,CADF;AAKD,CARD;;AAUA,MAAMG,WAAW,GAAIF,KAAD,IAA+C;EACjE,MAAMG,KAAK,GAAGP,aAAa,EAA3B;EAEA,MAAM;IAAEQ,eAAF;IAAmB,GAAGC;EAAtB,IAA+BL,KAArC;EAEA,OAAO;IACLI,eAAe,EAAET,UAAU,CAACS,eAAD,CAAV,GAA8BA,eAAe,CAACD,KAAD,CAA7C,GAAuDC,eADnE;IAEL,GAAGC;EAFE,CAAP;AAID,CATD;;AAWA,eAAeR,GAAf"}
+{"version":3,"names":["React","View","isFunction","useUIKitTheme","Box","_ref","style","children","props","boxStyle","useBoxStyle","createElement","_extends","theme","backgroundColor","rest"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { UIKitColors, UIKitPalette } from '../../types';\n\ntype BaseBoxProps = Pick<\n  ViewStyle,\n  | 'flex'\n  | 'flexShrink'\n  | 'flexGrow'\n  | 'flexDirection'\n  | 'alignItems'\n  | 'justifyContent'\n  | 'borderRadius'\n  | 'borderWidth'\n  | 'borderColor'\n  | 'borderBottomColor'\n  | 'borderBottomWidth'\n  | 'margin'\n  | 'marginHorizontal'\n  | 'marginVertical'\n  | 'marginLeft'\n  | 'marginRight'\n  | 'marginTop'\n  | 'marginBottom'\n  | 'padding'\n  | 'paddingHorizontal'\n  | 'paddingVertical'\n  | 'paddingLeft'\n  | 'paddingRight'\n  | 'paddingTop'\n  | 'paddingBottom'\n  | 'overflow'\n  | 'width'\n  | 'height'\n> & {\n  backgroundColor?: string | ((theme: { colors: UIKitColors; palette: UIKitPalette }) => string);\n};\n\ntype BoxProps = BaseBoxProps & ViewProps;\nconst Box = ({ style, children, ...props }: BoxProps) => {\n  const boxStyle = useBoxStyle(props);\n\n  return (\n    <View style={[boxStyle, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n\nconst useBoxStyle = (props: BaseBoxProps): StyleProp<ViewStyle> => {\n  const theme = useUIKitTheme();\n\n  const { backgroundColor, ...rest } = props;\n\n  return {\n    backgroundColor: isFunction(backgroundColor) ? backgroundColor(theme) : backgroundColor,\n    ...rest,\n  };\n};\n\nexport default Box;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,IAAI,QAA8B,cAAc;AAEpE,SAASC,UAAU,QAAQ,uBAAuB;AAElD,OAAOC,aAAa,MAAM,2BAA2B;AAsCrD,MAAMC,GAAG,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAgB,CAAC,GAAAH,IAAA;EAClD,MAAMI,QAAQ,GAAGC,WAAW,CAACF,KAAK,CAAC;EAEnC,oBACER,KAAA,CAAAW,aAAA,CAACV,IAAI,EAAAW,QAAA;IAACN,KAAK,EAAE,CAACG,QAAQ,EAAEH,KAAK;EAAE,GAAKE,KAAK,GACtCD,QAAQ,CACJ;AAEX,CAAC;AAED,MAAMG,WAAW,GAAIF,KAAmB,IAA2B;EACjE,MAAMK,KAAK,GAAGV,aAAa,EAAE;EAE7B,MAAM;IAAEW,eAAe;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAE1C,OAAO;IACLM,eAAe,EAAEZ,UAAU,CAACY,eAAe,CAAC,GAAGA,eAAe,CAACD,KAAK,CAAC,GAAGC,eAAe;IACvF,GAAGC;EACL,CAAC;AACH,CAAC;AAED,eAAeX,GAAG"}

package/lib/module/components/Divider/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { View } from 'react-native';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
-
 const Divider = _ref => {
   let {
     style,
@@ -21,7 +20,6 @@ const Divider = _ref => {
     }]
   }));
 };
-
 const styles = createStyleSheet({
   divider: {
     width: '100%',

package/lib/module/components/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","createStyleSheet","useUIKitTheme","Divider","style","space","colors","styles","divider","paddingHorizontal","inner","backgroundColor","onBackground04","width","height"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  space?: number;\n};\n\nconst Divider = ({ style, space }: Props) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[style, styles.divider, { paddingHorizontal: space }]}>\n      <View style={[styles.inner, { backgroundColor: colors.onBackground04 }]} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  divider: {\n    width: '100%',\n    height: 1,\n  },\n  inner: {\n    width: '100%',\n    height: '100%',\n  },\n});\n\nexport default Divider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAoBC,IAApB,QAA2C,cAA3C;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;;AAOA,MAAMC,OAAO,GAAG,QAA6B;EAAA,IAA5B;IAAEC,KAAF;IAASC;EAAT,CAA4B;EAC3C,MAAM;IAAEC;EAAF,IAAaJ,aAAa,EAAhC;EACA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACE,KAAD,EAAQG,MAAM,CAACC,OAAf,EAAwB;MAAEC,iBAAiB,EAAEJ;IAArB,CAAxB;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACE,MAAM,CAACG,KAAR,EAAe;MAAEC,eAAe,EAAEL,MAAM,CAACM;IAA1B,CAAf;EAAb,EADF,CADF;AAKD,CAPD;;AASA,MAAML,MAAM,GAAGN,gBAAgB,CAAC;EAC9BO,OAAO,EAAE;IACPK,KAAK,EAAE,MADA;IAEPC,MAAM,EAAE;EAFD,CADqB;EAK9BJ,KAAK,EAAE;IACLG,KAAK,EAAE,MADF;IAELC,MAAM,EAAE;EAFH;AALuB,CAAD,CAA/B;AAWA,eAAeX,OAAf"}
+{"version":3,"names":["React","View","createStyleSheet","useUIKitTheme","Divider","_ref","style","space","colors","createElement","styles","divider","paddingHorizontal","inner","backgroundColor","onBackground04","width","height"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  space?: number;\n};\n\nconst Divider = ({ style, space }: Props) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[style, styles.divider, { paddingHorizontal: space }]}>\n      <View style={[styles.inner, { backgroundColor: colors.onBackground04 }]} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  divider: {\n    width: '100%',\n    height: 1,\n  },\n  inner: {\n    width: '100%',\n    height: '100%',\n  },\n});\n\nexport default Divider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,IAAI,QAAmB,cAAc;AAEzD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAOrD,MAAMC,OAAO,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAAF,IAAA;EACtC,MAAM;IAAEG;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,oBACEH,KAAA,CAAAS,aAAA,CAACR,IAAI;IAACK,KAAK,EAAE,CAACA,KAAK,EAAEI,MAAM,CAACC,OAAO,EAAE;MAAEC,iBAAiB,EAAEL;IAAM,CAAC;EAAE,gBACjEP,KAAA,CAAAS,aAAA,CAACR,IAAI;IAACK,KAAK,EAAE,CAACI,MAAM,CAACG,KAAK,EAAE;MAAEC,eAAe,EAAEN,MAAM,CAACO;IAAe,CAAC;EAAE,EAAG,CACtE;AAEX,CAAC;AAED,MAAML,MAAM,GAAGR,gBAAgB,CAAC;EAC9BS,OAAO,EAAE;IACPK,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDJ,KAAK,EAAE;IACLG,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAeb,OAAO"}

package/lib/module/components/Icon/index.js

@@ -3,7 +3,6 @@ import { Image, StyleSheet, View } from 'react-native';
 import IconAssets from '../../assets/icon';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
-
 const Icon = _ref => {
   let {
     icon,
@@ -29,7 +28,6 @@ const Icon = _ref => {
     }, sizeStyle, style]
   }));
 };
-
 const containerStyles = StyleSheet.create({
   container: {
     alignItems: 'center',

package/lib/module/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","IconAssets","createStyleSheet","useUIKitTheme","Icon","icon","color","size","containerStyle","style","sizeStyle","sizeStyles","width","height","colors","containerStyles","container","tintColor","primary","create","alignItems","justifyContent","Assets"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport IconAssets from '../../assets/icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype IconNames = keyof typeof IconAssets;\ntype SizeFactor = keyof typeof sizeStyles;\n\ntype Props = {\n  icon: IconNames;\n  color?: string;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Icon: ((props: Props) => JSX.Element) & { Assets: typeof IconAssets } = ({\n  icon,\n  color,\n  size = 24,\n  containerStyle,\n  style,\n}) => {\n  const sizeStyle = sizeStyles[size as SizeFactor] ?? { width: size, height: size };\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[containerStyle, containerStyles.container]}>\n      <Image\n        resizeMode={'contain'}\n        source={IconAssets[icon]}\n        style={[{ tintColor: color ?? colors.primary }, sizeStyle, style]}\n      />\n    </View>\n  );\n};\n\nconst containerStyles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nconst sizeStyles = createStyleSheet({\n  16: {\n    width: 16,\n    height: 16,\n  },\n  20: {\n    width: 20,\n    height: 20,\n  },\n  24: {\n    width: 24,\n    height: 24,\n  },\n  28: {\n    width: 28,\n    height: 28,\n  },\n  32: {\n    width: 32,\n    height: 32,\n  },\n});\n\nIcon.Assets = IconAssets;\nexport default Icon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAuCC,UAAvC,EAAmDC,IAAnD,QAA0E,cAA1E;AAEA,OAAOC,UAAP,MAAuB,mBAAvB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;;AAYA,MAAMC,IAAqE,GAAG,QAMxE;EAAA,IANyE;IAC7EC,IAD6E;IAE7EC,KAF6E;IAG7EC,IAAI,GAAG,EAHsE;IAI7EC,cAJ6E;IAK7EC;EAL6E,CAMzE;EACJ,MAAMC,SAAS,GAAGC,UAAU,CAACJ,IAAD,CAAV,IAAkC;IAAEK,KAAK,EAAEL,IAAT;IAAeM,MAAM,EAAEN;EAAvB,CAApD;EACA,MAAM;IAAEO;EAAF,IAAaX,aAAa,EAAhC;EACA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACK,cAAD,EAAiBO,eAAe,CAACC,SAAjC;EAAb,gBACE,oBAAC,KAAD;IACE,UAAU,EAAE,SADd;IAEE,MAAM,EAAEf,UAAU,CAACI,IAAD,CAFpB;IAGE,KAAK,EAAE,CAAC;MAAEY,SAAS,EAAEX,KAAK,IAAIQ,MAAM,CAACI;IAA7B,CAAD,EAAyCR,SAAzC,EAAoDD,KAApD;EAHT,EADF,CADF;AASD,CAlBD;;AAoBA,MAAMM,eAAe,GAAGhB,UAAU,CAACoB,MAAX,CAAkB;EACxCH,SAAS,EAAE;IACTI,UAAU,EAAE,QADH;IAETC,cAAc,EAAE;EAFP;AAD6B,CAAlB,CAAxB;AAOA,MAAMV,UAAU,GAAGT,gBAAgB,CAAC;EAClC,IAAI;IACFU,KAAK,EAAE,EADL;IAEFC,MAAM,EAAE;EAFN,CAD8B;EAKlC,IAAI;IACFD,KAAK,EAAE,EADL;IAEFC,MAAM,EAAE;EAFN,CAL8B;EASlC,IAAI;IACFD,KAAK,EAAE,EADL;IAEFC,MAAM,EAAE;EAFN,CAT8B;EAalC,IAAI;IACFD,KAAK,EAAE,EADL;IAEFC,MAAM,EAAE;EAFN,CAb8B;EAiBlC,IAAI;IACFD,KAAK,EAAE,EADL;IAEFC,MAAM,EAAE;EAFN;AAjB8B,CAAD,CAAnC;AAuBAT,IAAI,CAACkB,MAAL,GAAcrB,UAAd;AACA,eAAeG,IAAf"}
+{"version":3,"names":["React","Image","StyleSheet","View","IconAssets","createStyleSheet","useUIKitTheme","Icon","_ref","icon","color","size","containerStyle","style","sizeStyle","sizeStyles","width","height","colors","createElement","containerStyles","container","resizeMode","source","tintColor","primary","create","alignItems","justifyContent","Assets"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport IconAssets from '../../assets/icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype IconNames = keyof typeof IconAssets;\ntype SizeFactor = keyof typeof sizeStyles;\n\ntype Props = {\n  icon: IconNames;\n  color?: string;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Icon: ((props: Props) => JSX.Element) & { Assets: typeof IconAssets } = ({\n  icon,\n  color,\n  size = 24,\n  containerStyle,\n  style,\n}) => {\n  const sizeStyle = sizeStyles[size as SizeFactor] ?? { width: size, height: size };\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[containerStyle, containerStyles.container]}>\n      <Image\n        resizeMode={'contain'}\n        source={IconAssets[icon]}\n        style={[{ tintColor: color ?? colors.primary }, sizeStyle, style]}\n      />\n    </View>\n  );\n};\n\nconst containerStyles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nconst sizeStyles = createStyleSheet({\n  16: {\n    width: 16,\n    height: 16,\n  },\n  20: {\n    width: 20,\n    height: 20,\n  },\n  24: {\n    width: 24,\n    height: 24,\n  },\n  28: {\n    width: 28,\n    height: 28,\n  },\n  32: {\n    width: 32,\n    height: 32,\n  },\n});\n\nIcon.Assets = IconAssets;\nexport default Icon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAyBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAExF,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAYrD,MAAMC,IAAqE,GAAGC,IAAA,IAMxE;EAAA,IANyE;IAC7EC,IAAI;IACJC,KAAK;IACLC,IAAI,GAAG,EAAE;IACTC,cAAc;IACdC;EACF,CAAC,GAAAL,IAAA;EACC,MAAMM,SAAS,GAAGC,UAAU,CAACJ,IAAI,CAAe,IAAI;IAAEK,KAAK,EAAEL,IAAI;IAAEM,MAAM,EAAEN;EAAK,CAAC;EACjF,MAAM;IAAEO;EAAO,CAAC,GAAGZ,aAAa,EAAE;EAClC,oBACEN,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACU,KAAK,EAAE,CAACD,cAAc,EAAEQ,eAAe,CAACC,SAAS;EAAE,gBACvDrB,KAAA,CAAAmB,aAAA,CAAClB,KAAK;IACJqB,UAAU,EAAE,SAAU;IACtBC,MAAM,EAAEnB,UAAU,CAACK,IAAI,CAAE;IACzBI,KAAK,EAAE,CAAC;MAAEW,SAAS,EAAEd,KAAK,IAAIQ,MAAM,CAACO;IAAQ,CAAC,EAAEX,SAAS,EAAED,KAAK;EAAE,EAClE,CACG;AAEX,CAAC;AAED,MAAMO,eAAe,GAAGlB,UAAU,CAACwB,MAAM,CAAC;EACxCL,SAAS,EAAE;IACTM,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMb,UAAU,GAAGV,gBAAgB,CAAC;EAClC,EAAE,EAAE;IACFW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEFV,IAAI,CAACsB,MAAM,GAAGzB,UAAU;AACxB,eAAeG,IAAI"}

package/lib/module/components/Image/Image.fastimage.js

@@ -1,63 +1,56 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
-
 function convertCache(cache) {
   switch (cache) {
     case 'force-cache':
     case 'only-if-cached':
       return 'cacheOnly';
-
     default:
       return 'immutable';
   }
 }
-
 function convertSource(source) {
   if (Array.isArray(source)) {
     return convertSource(source[0]);
   }
-
   if (typeof source === 'number') {
     return source;
   }
-
   return {
     uri: source.uri,
     headers: source.headers,
     cache: convertCache(source.cache) //'immutable' | 'web' | 'cacheOnly'
-
   };
 }
 
+function convertDefaultSource(source) {
+  if (typeof source === 'number') {
+    return source;
+  }
+  return undefined;
+}
 function convertResizeMode(mode) {
   switch (mode) {
     case 'center':
       return 'center';
-
     case 'contain':
       return 'contain';
-
     case 'cover':
       return 'cover';
-
     case 'stretch':
       return 'stretch';
-
     default:
       return undefined;
   }
 }
-
 let FastImage = () => null;
-
 try {
   FastImage = require('react-native-fast-image');
 } catch {}
-
 const Image_FastImage = _ref => {
   let {
     source,
+    defaultSource,
     resizeMode,
     onLoad,
     onError,
@@ -69,9 +62,9 @@ const Image_FastImage = _ref => {
     onError: onError && (() => onError({})),
     style: style,
     source: convertSource(source),
+    defaultSource: convertDefaultSource(defaultSource),
     resizeMode: convertResizeMode(resizeMode)
   }));
 };
-
 export default Image_FastImage;
 //# sourceMappingURL=Image.fastimage.js.map

package/lib/module/components/Image/Image.fastimage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","convertCache","cache","convertSource","source","Array","isArray","uri","headers","convertResizeMode","mode","undefined","FastImage","require","Image_FastImage","resizeMode","onLoad","onError","style","props","e","nativeEvent"],"sources":["Image.fastimage.tsx"],"sourcesContent":["import React from 'react';\nimport type { FastImageProps, ResizeMode, Source } from 'react-native-fast-image';\n\nimport type { SendbirdImageComponent, SendbirdImageProps } from './index';\n\nfunction convertCache(\n  cache?: 'default' | 'reload' | 'force-cache' | 'only-if-cached' | undefined,\n): 'immutable' | 'web' | 'cacheOnly' {\n  switch (cache) {\n    case 'force-cache':\n    case 'only-if-cached':\n      return 'cacheOnly';\n    default:\n      return 'immutable';\n  }\n}\n\nfunction convertSource(source: SendbirdImageProps['source']): Source | number {\n  if (Array.isArray(source)) {\n    return convertSource(source[0]);\n  }\n\n  if (typeof source === 'number') {\n    return source;\n  }\n\n  return {\n    uri: source.uri,\n    headers: source.headers,\n    cache: convertCache(source.cache), //'immutable' | 'web' | 'cacheOnly'\n  };\n}\n\nfunction convertResizeMode(mode?: SendbirdImageProps['resizeMode']): ResizeMode | undefined {\n  switch (mode) {\n    case 'center':\n      return 'center';\n    case 'contain':\n      return 'contain';\n    case 'cover':\n      return 'cover';\n    case 'stretch':\n      return 'stretch';\n    default:\n      return undefined;\n  }\n}\n\nlet FastImage: (props: FastImageProps) => JSX.Element | null = () => null;\n\ntry {\n  FastImage = require('react-native-fast-image') as (props: FastImageProps) => JSX.Element;\n} catch {}\n\nconst Image_FastImage: SendbirdImageComponent = ({ source, resizeMode, onLoad, onError, style, ...props }) => {\n  return (\n    <FastImage\n      {...props}\n      onLoad={onLoad && ((e) => onLoad(e.nativeEvent))}\n      onError={onError && (() => onError({}))}\n      style={style as FastImageProps['style']}\n      source={convertSource(source)}\n      resizeMode={convertResizeMode(resizeMode)}\n    />\n  );\n};\n\nexport default Image_FastImage;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAKA,SAASC,YAAT,CACEC,KADF,EAEqC;EACnC,QAAQA,KAAR;IACE,KAAK,aAAL;IACA,KAAK,gBAAL;MACE,OAAO,WAAP;;IACF;MACE,OAAO,WAAP;EALJ;AAOD;;AAED,SAASC,aAAT,CAAuBC,MAAvB,EAA8E;EAC5E,IAAIC,KAAK,CAACC,OAAN,CAAcF,MAAd,CAAJ,EAA2B;IACzB,OAAOD,aAAa,CAACC,MAAM,CAAC,CAAD,CAAP,CAApB;EACD;;EAED,IAAI,OAAOA,MAAP,KAAkB,QAAtB,EAAgC;IAC9B,OAAOA,MAAP;EACD;;EAED,OAAO;IACLG,GAAG,EAAEH,MAAM,CAACG,GADP;IAELC,OAAO,EAAEJ,MAAM,CAACI,OAFX;IAGLN,KAAK,EAAED,YAAY,CAACG,MAAM,CAACF,KAAR,CAHd,CAG8B;;EAH9B,CAAP;AAKD;;AAED,SAASO,iBAAT,CAA2BC,IAA3B,EAA4F;EAC1F,QAAQA,IAAR;IACE,KAAK,QAAL;MACE,OAAO,QAAP;;IACF,KAAK,SAAL;MACE,OAAO,SAAP;;IACF,KAAK,OAAL;MACE,OAAO,OAAP;;IACF,KAAK,SAAL;MACE,OAAO,SAAP;;IACF;MACE,OAAOC,SAAP;EAVJ;AAYD;;AAED,IAAIC,SAAwD,GAAG,MAAM,IAArE;;AAEA,IAAI;EACFA,SAAS,GAAGC,OAAO,CAAC,yBAAD,CAAnB;AACD,CAFD,CAEE,MAAM,CAAE;;AAEV,MAAMC,eAAuC,GAAG,QAA8D;EAAA,IAA7D;IAAEV,MAAF;IAAUW,UAAV;IAAsBC,MAAtB;IAA8BC,OAA9B;IAAuCC,KAAvC;IAA8C,GAAGC;EAAjD,CAA6D;EAC5G,oBACE,oBAAC,SAAD,eACMA,KADN;IAEE,MAAM,EAAEH,MAAM,KAAMI,CAAD,IAAOJ,MAAM,CAACI,CAAC,CAACC,WAAH,CAAlB,CAFhB;IAGE,OAAO,EAAEJ,OAAO,KAAK,MAAMA,OAAO,CAAC,EAAD,CAAlB,CAHlB;IAIE,KAAK,EAAEC,KAJT;IAKE,MAAM,EAAEf,aAAa,CAACC,MAAD,CALvB;IAME,UAAU,EAAEK,iBAAiB,CAACM,UAAD;EAN/B,GADF;AAUD,CAXD;;AAaA,eAAeD,eAAf"}
+{"version":3,"names":["React","convertCache","cache","convertSource","source","Array","isArray","uri","headers","convertDefaultSource","undefined","convertResizeMode","mode","FastImage","require","Image_FastImage","_ref","defaultSource","resizeMode","onLoad","onError","style","props","createElement","_extends","e","nativeEvent"],"sources":["Image.fastimage.tsx"],"sourcesContent":["import React from 'react';\nimport type { FastImageProps, ResizeMode, Source } from 'react-native-fast-image';\n\nimport type { SendbirdImageComponent, SendbirdImageProps } from './index';\n\nfunction convertCache(\n  cache?: 'default' | 'reload' | 'force-cache' | 'only-if-cached' | undefined,\n): 'immutable' | 'web' | 'cacheOnly' {\n  switch (cache) {\n    case 'force-cache':\n    case 'only-if-cached':\n      return 'cacheOnly';\n    default:\n      return 'immutable';\n  }\n}\n\nfunction convertSource(source: SendbirdImageProps['source']): Source | number {\n  if (Array.isArray(source)) {\n    return convertSource(source[0]);\n  }\n\n  if (typeof source === 'number') {\n    return source;\n  }\n\n  return {\n    uri: source.uri,\n    headers: source.headers,\n    cache: convertCache(source.cache), //'immutable' | 'web' | 'cacheOnly'\n  };\n}\nfunction convertDefaultSource(source?: SendbirdImageProps['defaultSource']): number | undefined {\n  if (typeof source === 'number') {\n    return source;\n  }\n\n  return undefined;\n}\n\nfunction convertResizeMode(mode?: SendbirdImageProps['resizeMode']): ResizeMode | undefined {\n  switch (mode) {\n    case 'center':\n      return 'center';\n    case 'contain':\n      return 'contain';\n    case 'cover':\n      return 'cover';\n    case 'stretch':\n      return 'stretch';\n    default:\n      return undefined;\n  }\n}\n\nlet FastImage: (props: FastImageProps) => JSX.Element | null = () => null;\n\ntry {\n  FastImage = require('react-native-fast-image') as (props: FastImageProps) => JSX.Element;\n} catch {}\n\nconst Image_FastImage: SendbirdImageComponent = ({\n  source,\n  defaultSource,\n  resizeMode,\n  onLoad,\n  onError,\n  style,\n  ...props\n}) => {\n  return (\n    <FastImage\n      {...props}\n      onLoad={onLoad && ((e) => onLoad(e.nativeEvent))}\n      onError={onError && (() => onError({}))}\n      style={style as FastImageProps['style']}\n      source={convertSource(source)}\n      defaultSource={convertDefaultSource(defaultSource)}\n      resizeMode={convertResizeMode(resizeMode)}\n    />\n  );\n};\n\nexport default Image_FastImage;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,YAAYA,CACnBC,KAA2E,EACxC;EACnC,QAAQA,KAAK;IACX,KAAK,aAAa;IAClB,KAAK,gBAAgB;MACnB,OAAO,WAAW;IACpB;MACE,OAAO,WAAW;EAAC;AAEzB;AAEA,SAASC,aAAaA,CAACC,MAAoC,EAAmB;EAC5E,IAAIC,KAAK,CAACC,OAAO,CAACF,MAAM,CAAC,EAAE;IACzB,OAAOD,aAAa,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC;EACjC;EAEA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAOA,MAAM;EACf;EAEA,OAAO;IACLG,GAAG,EAAEH,MAAM,CAACG,GAAG;IACfC,OAAO,EAAEJ,MAAM,CAACI,OAAO;IACvBN,KAAK,EAAED,YAAY,CAACG,MAAM,CAACF,KAAK,CAAC,CAAE;EACrC,CAAC;AACH;;AACA,SAASO,oBAAoBA,CAACL,MAA4C,EAAsB;EAC9F,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAOA,MAAM;EACf;EAEA,OAAOM,SAAS;AAClB;AAEA,SAASC,iBAAiBA,CAACC,IAAuC,EAA0B;EAC1F,QAAQA,IAAI;IACV,KAAK,QAAQ;MACX,OAAO,QAAQ;IACjB,KAAK,SAAS;MACZ,OAAO,SAAS;IAClB,KAAK,OAAO;MACV,OAAO,OAAO;IAChB,KAAK,SAAS;MACZ,OAAO,SAAS;IAClB;MACE,OAAOF,SAAS;EAAC;AAEvB;AAEA,IAAIG,SAAwD,GAAGA,CAAA,KAAM,IAAI;AAEzE,IAAI;EACFA,SAAS,GAAGC,OAAO,CAAC,yBAAyB,CAA2C;AAC1F,CAAC,CAAC,MAAM,CAAC;AAET,MAAMC,eAAuC,GAAGC,IAAA,IAQ1C;EAAA,IAR2C;IAC/CZ,MAAM;IACNa,aAAa;IACbC,UAAU;IACVC,MAAM;IACNC,OAAO;IACPC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,oBACEhB,KAAA,CAAAuB,aAAA,CAACV,SAAS,EAAAW,QAAA,KACJF,KAAK;IACTH,MAAM,EAAEA,MAAM,KAAMM,CAAC,IAAKN,MAAM,CAACM,CAAC,CAACC,WAAW,CAAC,CAAE;IACjDN,OAAO,EAAEA,OAAO,KAAK,MAAMA,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE;IACxCC,KAAK,EAAEA,KAAiC;IACxCjB,MAAM,EAAED,aAAa,CAACC,MAAM,CAAE;IAC9Ba,aAAa,EAAER,oBAAoB,CAACQ,aAAa,CAAE;IACnDC,UAAU,EAAEP,iBAAiB,CAACO,UAAU;EAAE,GAC1C;AAEN,CAAC;AAED,eAAeH,eAAe"}

package/lib/module/components/Image/Image.reactnative.js

@@ -1,8 +1,6 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { Image } from 'react-native';
-
 const Image_ReactNative = _ref => {
   let {
     onLoad,
@@ -19,6 +17,5 @@ const Image_ReactNative = _ref => {
     onLoad: onLoad && (e => onLoad(e.nativeEvent.source))
   }));
 };
-
 export default Image_ReactNative;
 //# sourceMappingURL=Image.reactnative.js.map

package/lib/module/components/Image/Image.reactnative.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","Image_ReactNative","onLoad","onError","style","tintColor","props","e","nativeEvent","source"],"sources":["Image.reactnative.tsx"],"sourcesContent":["import React from 'react';\nimport { Image } from 'react-native';\n\nimport type { SendbirdImageComponent } from './index';\n\nconst Image_ReactNative: SendbirdImageComponent = ({ onLoad, onError, style, tintColor, ...props }) => {\n  return (\n    <Image\n      {...props}\n      style={[style, { tintColor }]}\n      onError={onError && ((e) => onError(e.nativeEvent))}\n      onLoad={onLoad && ((e) => onLoad(e.nativeEvent.source))}\n    />\n  );\n};\n\nexport default Image_ReactNative;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,QAAsB,cAAtB;;AAIA,MAAMC,iBAAyC,GAAG,QAAqD;EAAA,IAApD;IAAEC,MAAF;IAAUC,OAAV;IAAmBC,KAAnB;IAA0BC,SAA1B;IAAqC,GAAGC;EAAxC,CAAoD;EACrG,oBACE,oBAAC,KAAD,eACMA,KADN;IAEE,KAAK,EAAE,CAACF,KAAD,EAAQ;MAAEC;IAAF,CAAR,CAFT;IAGE,OAAO,EAAEF,OAAO,KAAMI,CAAD,IAAOJ,OAAO,CAACI,CAAC,CAACC,WAAH,CAAnB,CAHlB;IAIE,MAAM,EAAEN,MAAM,KAAMK,CAAD,IAAOL,MAAM,CAACK,CAAC,CAACC,WAAF,CAAcC,MAAf,CAAlB;EAJhB,GADF;AAQD,CATD;;AAWA,eAAeR,iBAAf"}
+{"version":3,"names":["React","Image","Image_ReactNative","_ref","onLoad","onError","style","tintColor","props","createElement","_extends","e","nativeEvent","source"],"sources":["Image.reactnative.tsx"],"sourcesContent":["import React from 'react';\nimport { Image } from 'react-native';\n\nimport type { SendbirdImageComponent } from './index';\n\nconst Image_ReactNative: SendbirdImageComponent = ({ onLoad, onError, style, tintColor, ...props }) => {\n  return (\n    <Image\n      {...props}\n      style={[style, { tintColor }]}\n      onError={onError && ((e) => onError(e.nativeEvent))}\n      onLoad={onLoad && ((e) => onLoad(e.nativeEvent.source))}\n    />\n  );\n};\n\nexport default Image_ReactNative;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,cAAc;AAIpC,MAAMC,iBAAyC,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAE,GAAGC;EAAM,CAAC,GAAAL,IAAA;EAChG,oBACEH,KAAA,CAAAS,aAAA,CAACR,KAAK,EAAAS,QAAA,KACAF,KAAK;IACTF,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEC;IAAU,CAAC,CAAE;IAC9BF,OAAO,EAAEA,OAAO,KAAMM,CAAC,IAAKN,OAAO,CAACM,CAAC,CAACC,WAAW,CAAC,CAAE;IACpDR,MAAM,EAAEA,MAAM,KAAMO,CAAC,IAAKP,MAAM,CAACO,CAAC,CAACC,WAAW,CAACC,MAAM,CAAC;EAAE,GACxD;AAEN,CAAC;AAED,eAAeX,iBAAiB"}

package/lib/module/components/Image/index.js

@@ -1,8 +1,6 @@
 import { NativeModules } from 'react-native';
-
 function getImageModule() {
   const hasFastImage = Boolean(NativeModules.FastImageView);
-
   if (hasFastImage) {
     try {
       return require('./Image.fastimage').default;
@@ -13,6 +11,5 @@ function getImageModule() {
     return require('./Image.reactnative').default;
   }
 }
-
 export default getImageModule();
 //# sourceMappingURL=index.js.map

package/lib/module/components/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","getImageModule","hasFastImage","Boolean","FastImageView","require","default","e"],"sources":["index.ts"],"sourcesContent":["import type { ImageProps as NativeImageProps } from 'react-native';\nimport { NativeModules } from 'react-native';\n\nexport interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'onError'> {\n  onLoad?: (event: { width: number; height: number }) => void;\n  onError?: (event: { error?: unknown }) => void;\n  tintColor?: string;\n}\n\nexport type SendbirdImageComponent = (props: SendbirdImageProps) => JSX.Element;\n\nfunction getImageModule(): SendbirdImageComponent {\n  const hasFastImage = Boolean(NativeModules.FastImageView);\n  if (hasFastImage) {\n    try {\n      return require('./Image.fastimage').default;\n    } catch (e) {\n      return require('./Image.reactnative').default;\n    }\n  } else {\n    return require('./Image.reactnative').default;\n  }\n}\n\nexport default getImageModule();\n"],"mappings":"AACA,SAASA,aAAT,QAA8B,cAA9B;;AAUA,SAASC,cAAT,GAAkD;EAChD,MAAMC,YAAY,GAAGC,OAAO,CAACH,aAAa,CAACI,aAAf,CAA5B;;EACA,IAAIF,YAAJ,EAAkB;IAChB,IAAI;MACF,OAAOG,OAAO,CAAC,mBAAD,CAAP,CAA6BC,OAApC;IACD,CAFD,CAEE,OAAOC,CAAP,EAAU;MACV,OAAOF,OAAO,CAAC,qBAAD,CAAP,CAA+BC,OAAtC;IACD;EACF,CAND,MAMO;IACL,OAAOD,OAAO,CAAC,qBAAD,CAAP,CAA+BC,OAAtC;EACD;AACF;;AAED,eAAeL,cAAc,EAA7B"}
+{"version":3,"names":["NativeModules","getImageModule","hasFastImage","Boolean","FastImageView","require","default","e"],"sources":["index.ts"],"sourcesContent":["import type { ImageProps as NativeImageProps } from 'react-native';\nimport { NativeModules } from 'react-native';\n\nexport interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'onError'> {\n  onLoad?: (event: { width: number; height: number }) => void;\n  onError?: (event: { error?: unknown }) => void;\n  tintColor?: string;\n}\n\nexport type SendbirdImageComponent = (props: SendbirdImageProps) => JSX.Element;\n\nfunction getImageModule(): SendbirdImageComponent {\n  const hasFastImage = Boolean(NativeModules.FastImageView);\n  if (hasFastImage) {\n    try {\n      return require('./Image.fastimage').default;\n    } catch (e) {\n      return require('./Image.reactnative').default;\n    }\n  } else {\n    return require('./Image.reactnative').default;\n  }\n}\n\nexport default getImageModule();\n"],"mappings":"AACA,SAASA,aAAa,QAAQ,cAAc;AAU5C,SAASC,cAAcA,CAAA,EAA2B;EAChD,MAAMC,YAAY,GAAGC,OAAO,CAACH,aAAa,CAACI,aAAa,CAAC;EACzD,IAAIF,YAAY,EAAE;IAChB,IAAI;MACF,OAAOG,OAAO,CAAC,mBAAmB,CAAC,CAACC,OAAO;IAC7C,CAAC,CAAC,OAAOC,CAAC,EAAE;MACV,OAAOF,OAAO,CAAC,qBAAqB,CAAC,CAACC,OAAO;IAC/C;EACF,CAAC,MAAM;IACL,OAAOD,OAAO,CAAC,qBAAqB,CAAC,CAACC,OAAO;EAC/C;AACF;AAEA,eAAeL,cAAc,EAAE"}

package/lib/module/components/ImageWithPlaceholder/index.js

@@ -6,7 +6,6 @@ import useUIKitTheme from '../../theme/useUIKitTheme';
 import Box from '../Box';
 import Icon from '../Icon';
 import Image from '../Image';
-
 const useRetry = function (hasError) {
   let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
   if (Platform.OS === 'android') return '';
@@ -24,7 +23,6 @@ const useRetry = function (hasError) {
           }, retryCountRef.current * 5000);
         }
       };
-
       return reloadReservation();
     } else {
       return clearTimeout(retryTimeoutRef.current);
@@ -32,7 +30,6 @@ const useRetry = function (hasError) {
   }, [hasError]);
   return retryCountRef.current;
 };
-
 const ImageWithPlaceholder = props => {
   const {
     colors
@@ -61,7 +58,6 @@ const ImageWithPlaceholder = props => {
     color: colors.onBackground02
   }));
 };
-
 const styles = createStyleSheet({
   hide: {
     display: 'none'

package/lib/module/components/ImageWithPlaceholder/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Platform","StyleSheet","useForceUpdate","createStyleSheet","useUIKitTheme","Box","Icon","Image","useRetry","hasError","retryCount","OS","forceUpdate","retryCountRef","retryTimeoutRef","reloadReservation","current","setTimeout","clearTimeout","ImageWithPlaceholder","props","colors","imageNotFound","setImageNotFound","key","overflow","width","height","style","onBackground04","source","absoluteFill","styles","hide","onBackground02","display"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Box from '../Box';\nimport Icon from '../Icon';\nimport Image from '../Image';\n\nconst useRetry = (hasError: boolean, retryCount = 5) => {\n  if (Platform.OS === 'android') return '';\n\n  const forceUpdate = useForceUpdate();\n  const retryCountRef = useRef(1);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n  useEffect(() => {\n    if (hasError) {\n      const reloadReservation = () => {\n        if (retryCountRef.current < retryCount) {\n          retryTimeoutRef.current = setTimeout(() => {\n            retryCountRef.current++;\n            reloadReservation();\n            forceUpdate();\n          }, retryCountRef.current * 5000);\n        }\n      };\n\n      return reloadReservation();\n    } else {\n      return clearTimeout(retryTimeoutRef.current);\n    }\n  }, [hasError]);\n\n  return retryCountRef.current;\n};\n\ntype Props = {\n  source: number | { uri: string };\n  width?: number | string;\n  height?: number | string;\n  style?: StyleProp<ViewStyle>;\n};\nconst ImageWithPlaceholder = (props: Props) => {\n  const { colors } = useUIKitTheme();\n  const [imageNotFound, setImageNotFound] = useState(false);\n\n  const key = useRetry(imageNotFound);\n  return (\n    <Box\n      style={[{ overflow: 'hidden', width: props.width, height: props.height }, props.style]}\n      backgroundColor={colors.onBackground04}\n    >\n      <Image\n        key={key}\n        source={props.source}\n        style={[StyleSheet.absoluteFill, imageNotFound && styles.hide]}\n        resizeMode={'cover'}\n        resizeMethod={'resize'}\n        onError={() => setImageNotFound(true)}\n        onLoad={() => setImageNotFound(false)}\n      />\n      {imageNotFound && (\n        <Icon\n          containerStyle={StyleSheet.absoluteFill}\n          icon={'thumbnail-none'}\n          size={48}\n          color={colors.onBackground02}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  hide: {\n    display: 'none',\n  },\n});\n\nexport default ImageWithPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,QAAT,EAA8BC,UAA9B,QAA2D,cAA3D;AAEA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,KAAP,MAAkB,UAAlB;;AAEA,MAAMC,QAAQ,GAAG,UAACC,QAAD,EAAuC;EAAA,IAAnBC,UAAmB,uEAAN,CAAM;EACtD,IAAIV,QAAQ,CAACW,EAAT,KAAgB,SAApB,EAA+B,OAAO,EAAP;EAE/B,MAAMC,WAAW,GAAGV,cAAc,EAAlC;EACA,MAAMW,aAAa,GAAGf,MAAM,CAAC,CAAD,CAA5B;EACA,MAAMgB,eAAe,GAAGhB,MAAM,EAA9B;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIY,QAAJ,EAAc;MACZ,MAAMM,iBAAiB,GAAG,MAAM;QAC9B,IAAIF,aAAa,CAACG,OAAd,GAAwBN,UAA5B,EAAwC;UACtCI,eAAe,CAACE,OAAhB,GAA0BC,UAAU,CAAC,MAAM;YACzCJ,aAAa,CAACG,OAAd;YACAD,iBAAiB;YACjBH,WAAW;UACZ,CAJmC,EAIjCC,aAAa,CAACG,OAAd,GAAwB,IAJS,CAApC;QAKD;MACF,CARD;;MAUA,OAAOD,iBAAiB,EAAxB;IACD,CAZD,MAYO;MACL,OAAOG,YAAY,CAACJ,eAAe,CAACE,OAAjB,CAAnB;IACD;EACF,CAhBQ,EAgBN,CAACP,QAAD,CAhBM,CAAT;EAkBA,OAAOI,aAAa,CAACG,OAArB;AACD,CA1BD;;AAkCA,MAAMG,oBAAoB,GAAIC,KAAD,IAAkB;EAC7C,MAAM;IAAEC;EAAF,IAAajB,aAAa,EAAhC;EACA,MAAM,CAACkB,aAAD,EAAgBC,gBAAhB,IAAoCxB,QAAQ,CAAC,KAAD,CAAlD;EAEA,MAAMyB,GAAG,GAAGhB,QAAQ,CAACc,aAAD,CAApB;EACA,oBACE,oBAAC,GAAD;IACE,KAAK,EAAE,CAAC;MAAEG,QAAQ,EAAE,QAAZ;MAAsBC,KAAK,EAAEN,KAAK,CAACM,KAAnC;MAA0CC,MAAM,EAAEP,KAAK,CAACO;IAAxD,CAAD,EAAmEP,KAAK,CAACQ,KAAzE,CADT;IAEE,eAAe,EAAEP,MAAM,CAACQ;EAF1B,gBAIE,oBAAC,KAAD;IACE,GAAG,EAAEL,GADP;IAEE,MAAM,EAAEJ,KAAK,CAACU,MAFhB;IAGE,KAAK,EAAE,CAAC7B,UAAU,CAAC8B,YAAZ,EAA0BT,aAAa,IAAIU,MAAM,CAACC,IAAlD,CAHT;IAIE,UAAU,EAAE,OAJd;IAKE,YAAY,EAAE,QALhB;IAME,OAAO,EAAE,MAAMV,gBAAgB,CAAC,IAAD,CANjC;IAOE,MAAM,EAAE,MAAMA,gBAAgB,CAAC,KAAD;EAPhC,EAJF,EAaGD,aAAa,iBACZ,oBAAC,IAAD;IACE,cAAc,EAAErB,UAAU,CAAC8B,YAD7B;IAEE,IAAI,EAAE,gBAFR;IAGE,IAAI,EAAE,EAHR;IAIE,KAAK,EAAEV,MAAM,CAACa;EAJhB,EAdJ,CADF;AAwBD,CA7BD;;AA+BA,MAAMF,MAAM,GAAG7B,gBAAgB,CAAC;EAC9B8B,IAAI,EAAE;IACJE,OAAO,EAAE;EADL;AADwB,CAAD,CAA/B;AAMA,eAAehB,oBAAf"}
+{"version":3,"names":["React","useEffect","useRef","useState","Platform","StyleSheet","useForceUpdate","createStyleSheet","useUIKitTheme","Box","Icon","Image","useRetry","hasError","retryCount","arguments","length","undefined","OS","forceUpdate","retryCountRef","retryTimeoutRef","reloadReservation","current","setTimeout","clearTimeout","ImageWithPlaceholder","props","colors","imageNotFound","setImageNotFound","key","createElement","style","overflow","width","height","backgroundColor","onBackground04","source","absoluteFill","styles","hide","resizeMode","resizeMethod","onError","onLoad","containerStyle","icon","size","color","onBackground02","display"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Box from '../Box';\nimport Icon from '../Icon';\nimport Image from '../Image';\n\nconst useRetry = (hasError: boolean, retryCount = 5) => {\n  if (Platform.OS === 'android') return '';\n\n  const forceUpdate = useForceUpdate();\n  const retryCountRef = useRef(1);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n  useEffect(() => {\n    if (hasError) {\n      const reloadReservation = () => {\n        if (retryCountRef.current < retryCount) {\n          retryTimeoutRef.current = setTimeout(() => {\n            retryCountRef.current++;\n            reloadReservation();\n            forceUpdate();\n          }, retryCountRef.current * 5000);\n        }\n      };\n\n      return reloadReservation();\n    } else {\n      return clearTimeout(retryTimeoutRef.current);\n    }\n  }, [hasError]);\n\n  return retryCountRef.current;\n};\n\ntype Props = {\n  source: number | { uri: string };\n  width?: number | string;\n  height?: number | string;\n  style?: StyleProp<ViewStyle>;\n};\nconst ImageWithPlaceholder = (props: Props) => {\n  const { colors } = useUIKitTheme();\n  const [imageNotFound, setImageNotFound] = useState(false);\n\n  const key = useRetry(imageNotFound);\n  return (\n    <Box\n      style={[{ overflow: 'hidden', width: props.width, height: props.height }, props.style]}\n      backgroundColor={colors.onBackground04}\n    >\n      <Image\n        key={key}\n        source={props.source}\n        style={[StyleSheet.absoluteFill, imageNotFound && styles.hide]}\n        resizeMode={'cover'}\n        resizeMethod={'resize'}\n        onError={() => setImageNotFound(true)}\n        onLoad={() => setImageNotFound(false)}\n      />\n      {imageNotFound && (\n        <Icon\n          containerStyle={StyleSheet.absoluteFill}\n          icon={'thumbnail-none'}\n          size={48}\n          color={colors.onBackground02}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  hide: {\n    display: 'none',\n  },\n});\n\nexport default ImageWithPlaceholder;\n"],"mappings":"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"}

package/lib/module/components/Modal/index.js

@@ -1,11 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useEffect, useRef, useState } from 'react';
 import { Animated, Dimensions, KeyboardAvoidingView, PanResponder, Platform, Pressable, Modal as RNModal, StyleSheet, TouchableWithoutFeedback, useWindowDimensions } from 'react-native';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useHeaderStyle from '../../styles/useHeaderStyle';
 import useUIKitTheme from '../../theme/useUIKitTheme';
-
 /**
  * Modal Open: Triggered by Modal.props.visible state changed to true
  * - visible true -> modalVisible true -> animation start
@@ -40,11 +38,8 @@ const Modal = _ref => {
     topInset
   } = useHeaderStyle();
   const [modalVisible, setModalVisible] = useState(false);
-
   const showAction = () => setModalVisible(true);
-
   const hideAction = () => hideTransition(() => setModalVisible(false));
-
   const {
     width,
     height
@@ -70,7 +65,8 @@ const Modal = _ref => {
       opacity: backdrop.opacity,
       backgroundColor: palette.onBackgroundLight03
     }]
-  })), /*#__PURE__*/React.createElement(KeyboardAvoidingView // NOTE: This is trick for Android.
+  })), /*#__PURE__*/React.createElement(KeyboardAvoidingView
+  // NOTE: This is trick for Android.
   //  When orientation is changed on Android, the offset that to avoid soft-keyboard is not updated normally.
   , {
     key: `${width}-${height}`,
@@ -90,15 +86,14 @@ const Modal = _ref => {
       }]
     }],
     pointerEvents: 'box-none'
-  }, panResponder.panHandlers), /*#__PURE__*/React.createElement(Pressable // NOTE: https://github.com/facebook/react-native/issues/14295
+  }, panResponder.panHandlers), /*#__PURE__*/React.createElement(Pressable
+  // NOTE: https://github.com/facebook/react-native/issues/14295
   //  Due to 'Pressable', the width of the children must be explicitly specified as a number.
   , null, children))));
 };
-
 const isHideGesture = (distanceY, velocityY) => {
   return distanceY > 125 || distanceY > 0 && velocityY > 0.1;
 };
-
 const useModalPanResponder = (type, translateY, show, hide) => {
   if (type === 'fade' || type === 'slide-no-gesture') return {
     panHandlers: {}
@@ -128,7 +123,6 @@ const useModalPanResponder = (type, translateY, show, hide) => {
     }
   })).current;
 };
-
 const useModalAnimation = type => {
   const initialY = type === 'fade' ? 0 : Dimensions.get('window').height;
   const baseAnimBackground = useRef(new Animated.Value(0)).current;
@@ -146,7 +140,6 @@ const useModalAnimation = type => {
       outputRange: [0, 1]
     })
   };
-
   const createTransition = toValue => {
     const config = {
       duration: 250,
@@ -160,16 +153,15 @@ const useModalAnimation = type => {
       ...config
     })]).start;
   };
-
   return {
     content,
     backdrop,
     showTransition: createTransition(1),
     hideTransition: createTransition(0)
   };
-}; // NOTE: onDismiss is supports iOS only
-
+};
 
+// NOTE: onDismiss is supports iOS only
 const useOnDismiss = (visible, onDismiss) => {
   const prevVisible = usePrevProp(visible);
   useEffect(() => {
@@ -177,7 +169,6 @@ const useOnDismiss = (visible, onDismiss) => {
     if (prevVisible && !visible) onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
   }, [prevVisible, visible]);
 };
-
 const usePrevProp = prop => {
   const prev = useRef(prop);
   const curr = useRef(prop);
@@ -187,7 +178,6 @@ const usePrevProp = prop => {
   });
   return prev.current;
 };
-
 const styles = createStyleSheet({
   background: {
     flex: 1