@sendbird/uikit-react-native-foundation 2.1.0 → 2.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Linking","Logger","replaceUrlAsComponents","createStyleSheet","Text","openUrl","url","httpProtocol","targetUrl","openURL","catch","err","warn","URLParsedText","children","onPressUrl","strict","props","parsedChildren","Children","map","toArray","child","startsWith","style","styles","textDecorationLine"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Linking } from 'react-native';\n\nimport { Logger, replaceUrlAsComponents } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport type { TextProps } from '../Text';\nimport Text from '../Text';\n\ntype OnPressUrl = (url: string, httpProtocol: boolean) => void;\n\nconst openUrl: OnPressUrl = (url, httpProtocol) => {\n  const targetUrl = httpProtocol ? url : 'https://' + url;\n  Linking.openURL(targetUrl).catch((err) => Logger.warn('[URLParsedText]', 'Cannot open url', err));\n};\n\ntype Props = TextProps & {\n  onPressUrl?: OnPressUrl;\n  strict?: boolean;\n};\nconst URLParsedText = ({ children, onPressUrl = openUrl, strict, ...props }: Props) => {\n  const parsedChildren = useMemo((): React.ReactNode => {\n    return React.Children.map(React.Children.toArray(children), (child) => {\n      if (typeof child === 'string') {\n        return replaceUrlAsComponents(\n          child,\n          (url) => {\n            return (\n              <Text\n                {...props}\n                suppressHighlighting\n                onPress={() => onPressUrl?.(url, url.startsWith('http'))}\n                style={[props.style, styles.url]}\n              >\n                {url}\n              </Text>\n            );\n          },\n          strict,\n        );\n      }\n\n      return child;\n    });\n  }, [children]);\n\n  return <Text {...props}>{parsedChildren}</Text>;\n};\nconst styles = createStyleSheet({\n  url: { textDecorationLine: 'underline' },\n});\nexport default URLParsedText;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,SAASC,OAAT,QAAwB,cAAxB;AAEA,SAASC,MAAT,EAAiBC,sBAAjB,QAA+C,uBAA/C;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AAEA,OAAOC,IAAP,MAAiB,SAAjB;;AAIA,MAAMC,OAAmB,GAAG,CAACC,GAAD,EAAMC,YAAN,KAAuB;EACjD,MAAMC,SAAS,GAAGD,YAAY,GAAGD,GAAH,GAAS,aAAaA,GAApD;EACAN,OAAO,CAACS,OAAR,CAAgBD,SAAhB,EAA2BE,KAA3B,CAAkCC,GAAD,IAASV,MAAM,CAACW,IAAP,CAAY,iBAAZ,EAA+B,iBAA/B,EAAkDD,GAAlD,CAA1C;AACD,CAHD;;AASA,MAAME,aAAa,GAAG,QAAiE;EAAA,IAAhE;IAAEC,QAAF;IAAYC,UAAU,GAAGV,OAAzB;IAAkCW,MAAlC;IAA0C,GAAGC;EAA7C,CAAgE;EACrF,MAAMC,cAAc,GAAGnB,OAAO,CAAC,MAAuB;IACpD,OAAOD,KAAK,CAACqB,QAAN,CAAeC,GAAf,CAAmBtB,KAAK,CAACqB,QAAN,CAAeE,OAAf,CAAuBP,QAAvB,CAAnB,EAAsDQ,KAAD,IAAW;MACrE,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;QAC7B,OAAOpB,sBAAsB,CAC3BoB,KAD2B,EAE1BhB,GAAD,IAAS;UACP,oBACE,oBAAC,IAAD,eACMW,KADN;YAEE,oBAAoB,MAFtB;YAGE,OAAO,EAAE,MAAMF,UAAN,aAAMA,UAAN,uBAAMA,UAAU,CAAGT,GAAH,EAAQA,GAAG,CAACiB,UAAJ,CAAe,MAAf,CAAR,CAH3B;YAIE,KAAK,EAAE,CAACN,KAAK,CAACO,KAAP,EAAcC,MAAM,CAACnB,GAArB;UAJT,IAMGA,GANH,CADF;QAUD,CAb0B,EAc3BU,MAd2B,CAA7B;MAgBD;;MAED,OAAOM,KAAP;IACD,CArBM,CAAP;EAsBD,CAvB6B,EAuB3B,CAACR,QAAD,CAvB2B,CAA9B;EAyBA,oBAAO,oBAAC,IAAD,EAAUG,KAAV,EAAkBC,cAAlB,CAAP;AACD,CA3BD;;AA4BA,MAAMO,MAAM,GAAGtB,gBAAgB,CAAC;EAC9BG,GAAG,EAAE;IAAEoB,kBAAkB,EAAE;EAAtB;AADyB,CAAD,CAA/B;AAGA,eAAeb,aAAf"}
+{"version":3,"names":["React","Linking","Logger","replaceUrlAsComponents","createStyleSheet","Text","openUrl","url","httpProtocol","targetUrl","openURL","catch","err","warn","URLParsedText","children","onPressUrl","strict","props","parsedChildren","Children","map","toArray","child","startsWith","style","styles","textDecorationLine"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking } from 'react-native';\n\nimport { Logger, replaceUrlAsComponents } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport type { TextProps } from '../Text';\nimport Text from '../Text';\n\ntype OnPressUrl = (url: string, httpProtocol: boolean) => void;\n\nconst openUrl: OnPressUrl = (url, httpProtocol) => {\n  const targetUrl = httpProtocol ? url : 'https://' + url;\n  Linking.openURL(targetUrl).catch((err) => Logger.warn('[URLParsedText]', 'Cannot open url', err));\n};\n\ntype Props = TextProps & {\n  onPressUrl?: OnPressUrl;\n  strict?: boolean;\n};\nconst URLParsedText = ({ children, onPressUrl = openUrl, strict, ...props }: Props) => {\n  const parsedChildren = React.Children.map(React.Children.toArray(children), (child) => {\n    if (typeof child === 'string') {\n      return replaceUrlAsComponents(\n        child,\n        (url) => {\n          return (\n            <Text\n              {...props}\n              suppressHighlighting\n              onPress={() => onPressUrl?.(url, url.startsWith('http'))}\n              style={[props.style, styles.url]}\n            >\n              {url}\n            </Text>\n          );\n        },\n        strict,\n      );\n    }\n\n    return child;\n  });\n\n  return <Text {...props}>{parsedChildren}</Text>;\n};\nconst styles = createStyleSheet({\n  url: { textDecorationLine: 'underline' },\n});\nexport default URLParsedText;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,QAAwB,cAAxB;AAEA,SAASC,MAAT,EAAiBC,sBAAjB,QAA+C,uBAA/C;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AAEA,OAAOC,IAAP,MAAiB,SAAjB;;AAIA,MAAMC,OAAmB,GAAG,CAACC,GAAD,EAAMC,YAAN,KAAuB;EACjD,MAAMC,SAAS,GAAGD,YAAY,GAAGD,GAAH,GAAS,aAAaA,GAApD;EACAN,OAAO,CAACS,OAAR,CAAgBD,SAAhB,EAA2BE,KAA3B,CAAkCC,GAAD,IAASV,MAAM,CAACW,IAAP,CAAY,iBAAZ,EAA+B,iBAA/B,EAAkDD,GAAlD,CAA1C;AACD,CAHD;;AASA,MAAME,aAAa,GAAG,QAAiE;EAAA,IAAhE;IAAEC,QAAF;IAAYC,UAAU,GAAGV,OAAzB;IAAkCW,MAAlC;IAA0C,GAAGC;EAA7C,CAAgE;EACrF,MAAMC,cAAc,GAAGnB,KAAK,CAACoB,QAAN,CAAeC,GAAf,CAAmBrB,KAAK,CAACoB,QAAN,CAAeE,OAAf,CAAuBP,QAAvB,CAAnB,EAAsDQ,KAAD,IAAW;IACrF,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;MAC7B,OAAOpB,sBAAsB,CAC3BoB,KAD2B,EAE1BhB,GAAD,IAAS;QACP,oBACE,oBAAC,IAAD,eACMW,KADN;UAEE,oBAAoB,MAFtB;UAGE,OAAO,EAAE,MAAMF,UAAN,aAAMA,UAAN,uBAAMA,UAAU,CAAGT,GAAH,EAAQA,GAAG,CAACiB,UAAJ,CAAe,MAAf,CAAR,CAH3B;UAIE,KAAK,EAAE,CAACN,KAAK,CAACO,KAAP,EAAcC,MAAM,CAACnB,GAArB;QAJT,IAMGA,GANH,CADF;MAUD,CAb0B,EAc3BU,MAd2B,CAA7B;IAgBD;;IAED,OAAOM,KAAP;EACD,CArBsB,CAAvB;EAuBA,oBAAO,oBAAC,IAAD,EAAUL,KAAV,EAAkBC,cAAlB,CAAP;AACD,CAzBD;;AA0BA,MAAMO,MAAM,GAAGtB,gBAAgB,CAAC;EAC9BG,GAAG,EAAE;IAAEoB,kBAAkB,EAAE;EAAtB;AADyB,CAAD,CAA/B;AAGA,eAAeb,aAAf"}

package/lib/module/index.js

@@ -6,6 +6,7 @@ export { default as Divider } from './components/Divider';
 export { default as Icon } from './components/Icon';
 export { default as Image } from './components/Image';
 export { default as Modal } from './components/Modal';
+export { default as RegexText } from './components/RegexText';
 export { default as Switch } from './components/Switch';
 export { default as Text } from './components/Text';
 export { default as TextInput } from './components/TextInput';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","IconAssets","Divider","Icon","Image","Modal","Switch","Text","TextInput","URLParsedText","ActionMenu","Alert","Avatar","Badge","BottomSheet","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","GroupChannelPreview","Header","LoadingSpinner","MenuBar","MenuBarProps","OutlinedButton","Placeholder","ProfileCard","Prompt","Toast","useToast","ToastProvider","createSelectByColorScheme","createScaleFactor","createStyleSheet","createTypography","getDefaultHeaderHeight","HeaderStyleContext","HeaderStyleProvider","useHeaderStyle","createTheme","DarkUIKitTheme","LightUIKitTheme","Palette","UIKitThemeContext","UIKitThemeProvider","useUIKitTheme"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,eAAtC;AAEA;;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,sBAAnC;AACA,SAASF,OAAO,IAAIG,IAApB,QAAgC,mBAAhC;AACA,SAASH,OAAO,IAAII,KAApB,QAAiC,oBAAjC;AACA,SAASJ,OAAO,IAAIK,KAApB,QAAiC,oBAAjC;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,qBAAlC;AACA,SAASN,OAAO,IAAIO,IAApB,QAAgC,mBAAhC;AACA,SAASP,OAAO,IAAIQ,SAApB,QAAqC,wBAArC;AACA,SAASR,OAAO,IAAIS,aAApB,QAAyC,4BAAzC;AAEA;;AACA,SAAST,OAAO,IAAIU,UAApB,QAAsC,iBAAtC;AACA,SAASV,OAAO,IAAIW,KAApB,QAAiC,YAAjC;AACA,SAASX,OAAO,IAAIY,MAApB,QAAkC,aAAlC;AACA,SAASZ,OAAO,IAAIa,KAApB,QAAiC,YAAjC;AACA,SAASb,OAAO,IAAIc,WAApB,QAAuC,kBAAvC;AACA,SAASd,OAAO,IAAIe,MAApB,QAAkC,aAAlC;AACA,SAASf,OAAO,IAAIgB,mBAApB,QAA+C,0BAA/C;AACA,SAASC,cAAT,EAAyBC,aAAzB,EAAwCC,QAAxC,EAAkDC,SAAlD,EAA6DC,cAA7D,QAAmF,aAAnF;AACA,SAASrB,OAAO,IAAIsB,mBAApB,QAA+C,0BAA/C;AACA,SAAStB,OAAO,IAAIuB,MAApB,QAAkC,aAAlC;AACA,SAASvB,OAAO,IAAIwB,cAApB,QAA0C,qBAA1C;AACA,SAASxB,OAAO,IAAIyB,OAApB,EAA6BC,YAA7B,QAAiD,cAAjD;AACA,SAAS1B,OAAO,IAAI2B,cAApB,QAA0C,qBAA1C;AACA,SAAS3B,OAAO,IAAI4B,WAApB,QAAuC,kBAAvC;AACA,SAAS5B,OAAO,IAAI6B,WAApB,QAAuC,kBAAvC;AACA,SAAS7B,OAAO,IAAI8B,MAApB,QAAkC,aAAlC;AACA,SAAS9B,OAAO,IAAI+B,KAApB,EAA2BC,QAA3B,EAAqCC,aAArC,QAA0D,YAA1D;AAEA;;AACA,SAASjC,OAAO,IAAIkC,yBAApB,QAAqD,oCAArD;AACA,SAASlC,OAAO,IAAImC,iBAApB,QAA6C,4BAA7C;AACA,SAASnC,OAAO,IAAIoC,gBAApB,QAA4C,2BAA5C;AACA,SAASpC,OAAO,IAAIqC,gBAApB,QAA4C,2BAA5C;AACA,SAASrC,OAAO,IAAIsC,sBAApB,QAAkD,iCAAlD;AACA,SAASC,kBAAT,EAA6BC,mBAA7B,QAAwD,6BAAxD;AACA,SAASxC,OAAO,IAAIyC,cAApB,QAA0C,yBAA1C;AAEA;;AACA,SAASzC,OAAO,IAAI0C,WAApB,QAAuC,qBAAvC;AACA,SAAS1C,OAAO,IAAI2C,cAApB,QAA0C,wBAA1C;AACA,SAAS3C,OAAO,IAAI4C,eAApB,QAA2C,yBAA3C;AACA,SAAS5C,OAAO,IAAI6C,OAApB,QAAmC,iBAAnC;AACA,SAAS7C,OAAO,IAAI8C,iBAApB,QAA6C,2BAA7C;AACA,SAAS9C,OAAO,IAAI+C,kBAApB,QAA8C,4BAA9C;AACA,SAAS/C,OAAO,IAAIgD,aAApB,QAAyC,uBAAzC;AAEA"}
+{"version":3,"names":["default","IconAssets","Divider","Icon","Image","Modal","RegexText","Switch","Text","TextInput","URLParsedText","ActionMenu","Alert","Avatar","Badge","BottomSheet","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","GroupChannelPreview","Header","LoadingSpinner","MenuBar","MenuBarProps","OutlinedButton","Placeholder","ProfileCard","Prompt","Toast","useToast","ToastProvider","createSelectByColorScheme","createScaleFactor","createStyleSheet","createTypography","getDefaultHeaderHeight","HeaderStyleContext","HeaderStyleProvider","useHeaderStyle","createTheme","DarkUIKitTheme","LightUIKitTheme","Palette","UIKitThemeContext","UIKitThemeProvider","useUIKitTheme"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as RegexText } from './components/RegexText';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,eAAtC;AAEA;;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,sBAAnC;AACA,SAASF,OAAO,IAAIG,IAApB,QAAgC,mBAAhC;AACA,SAASH,OAAO,IAAII,KAApB,QAAiC,oBAAjC;AACA,SAASJ,OAAO,IAAIK,KAApB,QAAiC,oBAAjC;AACA,SAASL,OAAO,IAAIM,SAApB,QAAqC,wBAArC;AACA,SAASN,OAAO,IAAIO,MAApB,QAAkC,qBAAlC;AACA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,mBAAhC;AACA,SAASR,OAAO,IAAIS,SAApB,QAAqC,wBAArC;AACA,SAAST,OAAO,IAAIU,aAApB,QAAyC,4BAAzC;AAEA;;AACA,SAASV,OAAO,IAAIW,UAApB,QAAsC,iBAAtC;AACA,SAASX,OAAO,IAAIY,KAApB,QAAiC,YAAjC;AACA,SAASZ,OAAO,IAAIa,MAApB,QAAkC,aAAlC;AACA,SAASb,OAAO,IAAIc,KAApB,QAAiC,YAAjC;AACA,SAASd,OAAO,IAAIe,WAApB,QAAuC,kBAAvC;AACA,SAASf,OAAO,IAAIgB,MAApB,QAAkC,aAAlC;AACA,SAAShB,OAAO,IAAIiB,mBAApB,QAA+C,0BAA/C;AACA,SAASC,cAAT,EAAyBC,aAAzB,EAAwCC,QAAxC,EAAkDC,SAAlD,EAA6DC,cAA7D,QAAmF,aAAnF;AACA,SAAStB,OAAO,IAAIuB,mBAApB,QAA+C,0BAA/C;AACA,SAASvB,OAAO,IAAIwB,MAApB,QAAkC,aAAlC;AACA,SAASxB,OAAO,IAAIyB,cAApB,QAA0C,qBAA1C;AACA,SAASzB,OAAO,IAAI0B,OAApB,EAA6BC,YAA7B,QAAiD,cAAjD;AACA,SAAS3B,OAAO,IAAI4B,cAApB,QAA0C,qBAA1C;AACA,SAAS5B,OAAO,IAAI6B,WAApB,QAAuC,kBAAvC;AACA,SAAS7B,OAAO,IAAI8B,WAApB,QAAuC,kBAAvC;AACA,SAAS9B,OAAO,IAAI+B,MAApB,QAAkC,aAAlC;AACA,SAAS/B,OAAO,IAAIgC,KAApB,EAA2BC,QAA3B,EAAqCC,aAArC,QAA0D,YAA1D;AAEA;;AACA,SAASlC,OAAO,IAAImC,yBAApB,QAAqD,oCAArD;AACA,SAASnC,OAAO,IAAIoC,iBAApB,QAA6C,4BAA7C;AACA,SAASpC,OAAO,IAAIqC,gBAApB,QAA4C,2BAA5C;AACA,SAASrC,OAAO,IAAIsC,gBAApB,QAA4C,2BAA5C;AACA,SAAStC,OAAO,IAAIuC,sBAApB,QAAkD,iCAAlD;AACA,SAASC,kBAAT,EAA6BC,mBAA7B,QAAwD,6BAAxD;AACA,SAASzC,OAAO,IAAI0C,cAApB,QAA0C,yBAA1C;AAEA;;AACA,SAAS1C,OAAO,IAAI2C,WAApB,QAAuC,qBAAvC;AACA,SAAS3C,OAAO,IAAI4C,cAApB,QAA0C,wBAA1C;AACA,SAAS5C,OAAO,IAAI6C,eAApB,QAA2C,yBAA3C;AACA,SAAS7C,OAAO,IAAI8C,OAApB,QAAmC,iBAAnC;AACA,SAAS9C,OAAO,IAAI+C,iBAApB,QAA6C,2BAA7C;AACA,SAAS/C,OAAO,IAAIgD,kBAApB,QAA8C,4BAA9C;AACA,SAAShD,OAAO,IAAIiD,aAApB,QAAyC,uBAAzC;AAEA"}

package/lib/module/styles/createStyleSheet.js

@@ -8,7 +8,9 @@ const preProcessor = {
   'lineHeight': DEFAULT_SCALE_FACTOR,
   'borderRadius': DEFAULT_SCALE_FACTOR,
   'minWidth': SCALE_FACTOR_WITH_STR,
+  'maxWidth': SCALE_FACTOR_WITH_STR,
   'minHeight': SCALE_FACTOR_WITH_STR,
+  'maxHeight': SCALE_FACTOR_WITH_STR,
   'height': SCALE_FACTOR_WITH_STR,
   'width': SCALE_FACTOR_WITH_STR,
   'padding': SCALE_FACTOR_WITH_STR,

package/lib/module/styles/createStyleSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","DEFAULT_SCALE_FACTOR","SCALE_FACTOR_WITH_STR","val","preProcessor","preProcessorKeys","Object","keys","preProcessorLen","length","createStyleSheet","styles","values","forEach","style","styleKeys","styleLen","key","create"],"sources":["createStyleSheet.ts"],"sourcesContent":["import { ImageStyle, StyleSheet, TextStyle, ViewStyle } from 'react-native';\n\nimport { DEFAULT_SCALE_FACTOR } from './createScaleFactor';\n\ntype Styles = ViewStyle | TextStyle | ImageStyle;\ntype StylePreprocessor<T extends Styles = Styles> = { [key in keyof T]: (val: NonNullable<T[key]>) => typeof val };\n\nconst SCALE_FACTOR_WITH_STR = (val: string | number) => (typeof val === 'string' ? val : DEFAULT_SCALE_FACTOR(val));\n\nconst preProcessor: Partial<StylePreprocessor> = {\n  'fontSize': DEFAULT_SCALE_FACTOR,\n  'lineHeight': DEFAULT_SCALE_FACTOR,\n  'borderRadius': DEFAULT_SCALE_FACTOR,\n  'minWidth': SCALE_FACTOR_WITH_STR,\n  'minHeight': SCALE_FACTOR_WITH_STR,\n  'height': SCALE_FACTOR_WITH_STR,\n  'width': SCALE_FACTOR_WITH_STR,\n  'padding': SCALE_FACTOR_WITH_STR,\n  'paddingTop': SCALE_FACTOR_WITH_STR,\n  'paddingBottom': SCALE_FACTOR_WITH_STR,\n  'paddingLeft': SCALE_FACTOR_WITH_STR,\n  'paddingRight': SCALE_FACTOR_WITH_STR,\n  'margin': SCALE_FACTOR_WITH_STR,\n  'marginTop': SCALE_FACTOR_WITH_STR,\n  'marginBottom': SCALE_FACTOR_WITH_STR,\n  'marginLeft': SCALE_FACTOR_WITH_STR,\n  'marginRight': SCALE_FACTOR_WITH_STR,\n  'left': SCALE_FACTOR_WITH_STR,\n  'right': SCALE_FACTOR_WITH_STR,\n  'top': SCALE_FACTOR_WITH_STR,\n  'bottom': SCALE_FACTOR_WITH_STR,\n};\n\nconst preProcessorKeys = Object.keys(preProcessor);\nconst preProcessorLen = preProcessorKeys.length;\n\n/**\n * Create StyleSheet with customized pre-processor\n * Return a StyleSheet that pre-processed\n * @param styles\n * @returns StyleSheet\n * */\nconst createStyleSheet = <T extends StyleSheet.NamedStyles<T>>(styles: T | StyleSheet.NamedStyles<T>): T => {\n  Object.values(styles).forEach((style) => {\n    // @ts-ignore\n    const styleKeys = Object.keys(style);\n    const styleLen = styleKeys.length;\n\n    const keys = styleLen < preProcessorLen ? styleKeys : preProcessorKeys;\n    keys.forEach((key) => {\n      // @ts-ignore\n      if (preProcessor[key] && typeof style[key] !== 'undefined') style[key] = preProcessor[key](style[key]);\n    });\n  });\n\n  return StyleSheet.create<T>(styles);\n};\n\nexport default createStyleSheet;\n"],"mappings":"AAAA,SAAqBA,UAArB,QAA6D,cAA7D;AAEA,SAASC,oBAAT,QAAqC,qBAArC;;AAKA,MAAMC,qBAAqB,GAAIC,GAAD,IAA2B,OAAOA,GAAP,KAAe,QAAf,GAA0BA,GAA1B,GAAgCF,oBAAoB,CAACE,GAAD,CAA7G;;AAEA,MAAMC,YAAwC,GAAG;EAC/C,YAAYH,oBADmC;EAE/C,cAAcA,oBAFiC;EAG/C,gBAAgBA,oBAH+B;EAI/C,YAAYC,qBAJmC;EAK/C,aAAaA,qBALkC;EAM/C,UAAUA,qBANqC;EAO/C,SAASA,qBAPsC;EAQ/C,WAAWA,qBARoC;EAS/C,cAAcA,qBATiC;EAU/C,iBAAiBA,qBAV8B;EAW/C,eAAeA,qBAXgC;EAY/C,gBAAgBA,qBAZ+B;EAa/C,UAAUA,qBAbqC;EAc/C,aAAaA,qBAdkC;EAe/C,gBAAgBA,qBAf+B;EAgB/C,cAAcA,qBAhBiC;EAiB/C,eAAeA,qBAjBgC;EAkB/C,QAAQA,qBAlBuC;EAmB/C,SAASA,qBAnBsC;EAoB/C,OAAOA,qBApBwC;EAqB/C,UAAUA;AArBqC,CAAjD;AAwBA,MAAMG,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYH,YAAZ,CAAzB;AACA,MAAMI,eAAe,GAAGH,gBAAgB,CAACI,MAAzC;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,gBAAgB,GAAyCC,MAAtC,IAAmF;EAC1GL,MAAM,CAACM,MAAP,CAAcD,MAAd,EAAsBE,OAAtB,CAA+BC,KAAD,IAAW;IACvC;IACA,MAAMC,SAAS,GAAGT,MAAM,CAACC,IAAP,CAAYO,KAAZ,CAAlB;IACA,MAAME,QAAQ,GAAGD,SAAS,CAACN,MAA3B;IAEA,MAAMF,IAAI,GAAGS,QAAQ,GAAGR,eAAX,GAA6BO,SAA7B,GAAyCV,gBAAtD;IACAE,IAAI,CAACM,OAAL,CAAcI,GAAD,IAAS;MACpB;MACA,IAAIb,YAAY,CAACa,GAAD,CAAZ,IAAqB,OAAOH,KAAK,CAACG,GAAD,CAAZ,KAAsB,WAA/C,EAA4DH,KAAK,CAACG,GAAD,CAAL,GAAab,YAAY,CAACa,GAAD,CAAZ,CAAkBH,KAAK,CAACG,GAAD,CAAvB,CAAb;IAC7D,CAHD;EAID,CAVD;EAYA,OAAOjB,UAAU,CAACkB,MAAX,CAAqBP,MAArB,CAAP;AACD,CAdD;;AAgBA,eAAeD,gBAAf"}
+{"version":3,"names":["StyleSheet","DEFAULT_SCALE_FACTOR","SCALE_FACTOR_WITH_STR","val","preProcessor","preProcessorKeys","Object","keys","preProcessorLen","length","createStyleSheet","styles","values","forEach","style","styleKeys","styleLen","key","create"],"sources":["createStyleSheet.ts"],"sourcesContent":["import { ImageStyle, StyleSheet, TextStyle, ViewStyle } from 'react-native';\n\nimport { DEFAULT_SCALE_FACTOR } from './createScaleFactor';\n\ntype Styles = ViewStyle | TextStyle | ImageStyle;\ntype StylePreprocessor<T extends Styles = Styles> = { [key in keyof T]: (val: NonNullable<T[key]>) => typeof val };\n\nconst SCALE_FACTOR_WITH_STR = (val: string | number) => (typeof val === 'string' ? val : DEFAULT_SCALE_FACTOR(val));\n\nconst preProcessor: Partial<StylePreprocessor> = {\n  'fontSize': DEFAULT_SCALE_FACTOR,\n  'lineHeight': DEFAULT_SCALE_FACTOR,\n  'borderRadius': DEFAULT_SCALE_FACTOR,\n  'minWidth': SCALE_FACTOR_WITH_STR,\n  'maxWidth': SCALE_FACTOR_WITH_STR,\n  'minHeight': SCALE_FACTOR_WITH_STR,\n  'maxHeight': SCALE_FACTOR_WITH_STR,\n  'height': SCALE_FACTOR_WITH_STR,\n  'width': SCALE_FACTOR_WITH_STR,\n  'padding': SCALE_FACTOR_WITH_STR,\n  'paddingTop': SCALE_FACTOR_WITH_STR,\n  'paddingBottom': SCALE_FACTOR_WITH_STR,\n  'paddingLeft': SCALE_FACTOR_WITH_STR,\n  'paddingRight': SCALE_FACTOR_WITH_STR,\n  'margin': SCALE_FACTOR_WITH_STR,\n  'marginTop': SCALE_FACTOR_WITH_STR,\n  'marginBottom': SCALE_FACTOR_WITH_STR,\n  'marginLeft': SCALE_FACTOR_WITH_STR,\n  'marginRight': SCALE_FACTOR_WITH_STR,\n  'left': SCALE_FACTOR_WITH_STR,\n  'right': SCALE_FACTOR_WITH_STR,\n  'top': SCALE_FACTOR_WITH_STR,\n  'bottom': SCALE_FACTOR_WITH_STR,\n};\n\nconst preProcessorKeys = Object.keys(preProcessor);\nconst preProcessorLen = preProcessorKeys.length;\n\n/**\n * Create StyleSheet with customized pre-processor\n * Return a StyleSheet that pre-processed\n * @param styles\n * @returns StyleSheet\n * */\nconst createStyleSheet = <T extends StyleSheet.NamedStyles<T>>(styles: T | StyleSheet.NamedStyles<T>): T => {\n  Object.values(styles).forEach((style) => {\n    // @ts-ignore\n    const styleKeys = Object.keys(style);\n    const styleLen = styleKeys.length;\n\n    const keys = styleLen < preProcessorLen ? styleKeys : preProcessorKeys;\n    keys.forEach((key) => {\n      // @ts-ignore\n      if (preProcessor[key] && typeof style[key] !== 'undefined') style[key] = preProcessor[key](style[key]);\n    });\n  });\n\n  return StyleSheet.create<T>(styles);\n};\n\nexport default createStyleSheet;\n"],"mappings":"AAAA,SAAqBA,UAArB,QAA6D,cAA7D;AAEA,SAASC,oBAAT,QAAqC,qBAArC;;AAKA,MAAMC,qBAAqB,GAAIC,GAAD,IAA2B,OAAOA,GAAP,KAAe,QAAf,GAA0BA,GAA1B,GAAgCF,oBAAoB,CAACE,GAAD,CAA7G;;AAEA,MAAMC,YAAwC,GAAG;EAC/C,YAAYH,oBADmC;EAE/C,cAAcA,oBAFiC;EAG/C,gBAAgBA,oBAH+B;EAI/C,YAAYC,qBAJmC;EAK/C,YAAYA,qBALmC;EAM/C,aAAaA,qBANkC;EAO/C,aAAaA,qBAPkC;EAQ/C,UAAUA,qBARqC;EAS/C,SAASA,qBATsC;EAU/C,WAAWA,qBAVoC;EAW/C,cAAcA,qBAXiC;EAY/C,iBAAiBA,qBAZ8B;EAa/C,eAAeA,qBAbgC;EAc/C,gBAAgBA,qBAd+B;EAe/C,UAAUA,qBAfqC;EAgB/C,aAAaA,qBAhBkC;EAiB/C,gBAAgBA,qBAjB+B;EAkB/C,cAAcA,qBAlBiC;EAmB/C,eAAeA,qBAnBgC;EAoB/C,QAAQA,qBApBuC;EAqB/C,SAASA,qBArBsC;EAsB/C,OAAOA,qBAtBwC;EAuB/C,UAAUA;AAvBqC,CAAjD;AA0BA,MAAMG,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYH,YAAZ,CAAzB;AACA,MAAMI,eAAe,GAAGH,gBAAgB,CAACI,MAAzC;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,gBAAgB,GAAyCC,MAAtC,IAAmF;EAC1GL,MAAM,CAACM,MAAP,CAAcD,MAAd,EAAsBE,OAAtB,CAA+BC,KAAD,IAAW;IACvC;IACA,MAAMC,SAAS,GAAGT,MAAM,CAACC,IAAP,CAAYO,KAAZ,CAAlB;IACA,MAAME,QAAQ,GAAGD,SAAS,CAACN,MAA3B;IAEA,MAAMF,IAAI,GAAGS,QAAQ,GAAGR,eAAX,GAA6BO,SAA7B,GAAyCV,gBAAtD;IACAE,IAAI,CAACM,OAAL,CAAcI,GAAD,IAAS;MACpB;MACA,IAAIb,YAAY,CAACa,GAAD,CAAZ,IAAqB,OAAOH,KAAK,CAACG,GAAD,CAAZ,KAAsB,WAA/C,EAA4DH,KAAK,CAACG,GAAD,CAAL,GAAab,YAAY,CAACa,GAAD,CAAZ,CAAkBH,KAAK,CAACG,GAAD,CAAvB,CAAb;IAC7D,CAHD;EAID,CAVD;EAYA,OAAOjB,UAAU,CAACkB,MAAX,CAAqBP,MAArB,CAAP;AACD,CAdD;;AAgBA,eAAeD,gBAAf"}

package/lib/module/theme/DarkUIKitTheme.js

@@ -177,6 +177,28 @@ const DarkUIKitTheme = createTheme({
             background: palette.background500
           }
         }
+      },
+      reaction: {
+        default: {
+          enabled: {
+            background: palette.transparent,
+            highlight: palette.onBackgroundDark03
+          },
+          selected: {
+            background: palette.primary500,
+            highlight: palette.primary200
+          }
+        },
+        rounded: {
+          enabled: {
+            background: palette.background400,
+            highlight: palette.transparent
+          },
+          selected: {
+            background: palette.primary500,
+            highlight: palette.transparent
+          }
+        }
       }
     }
   })

package/lib/module/theme/DarkUIKitTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => ({\n    primary: palette.primary200,\n    secondary: palette.secondary200,\n    error: palette.error200,\n    background: palette.background600,\n    text: palette.onBackgroundDark01,\n    onBackground01: palette.onBackgroundDark01,\n    onBackground02: palette.onBackgroundDark02,\n    onBackground03: palette.onBackgroundDark03,\n    onBackground04: palette.onBackgroundDark04,\n    onBackgroundReverse01: palette.onBackgroundLight01,\n    onBackgroundReverse02: palette.onBackgroundLight02,\n    onBackgroundReverse03: palette.onBackgroundLight03,\n    onBackgroundReverse04: palette.onBackgroundLight04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background500,\n            borderBottom: palette.onBackgroundDark04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary200,\n            content: palette.onBackgroundLight01,\n          },\n          pressed: {\n            background: palette.primary300,\n            content: palette.onBackgroundLight01,\n          },\n          disabled: {\n            background: palette.background500,\n            content: palette.onBackgroundDark04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary200,\n          },\n          pressed: {\n            background: palette.background400,\n            content: palette.primary200,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundDark04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background500,\n            text: palette.onBackgroundDark01,\n            message: palette.onBackgroundDark02,\n            highlight: palette.primary200,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.background400,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.background400,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.transparent,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background600,\n            background: palette.primary200,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundDark03,\n            highlight: palette.primary200,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.background400,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.primary500,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary200,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark02,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundDark01,\n            textTitleCaption: palette.onBackgroundDark03,\n            textBody: palette.onBackgroundDark03,\n            bodyIcon: palette.onBackgroundDark02,\n            memberCount: palette.onBackgroundDark02,\n            background: palette.background600,\n            coverBackground: palette.onBackgroundDark04,\n            bodyIconBackground: palette.background500,\n            separator: palette.onBackgroundDark04,\n          },\n        },\n      },\n      profileCard: {\n        default: {\n          none: {\n            textUsername: palette.onBackgroundDark01,\n            textBodyLabel: palette.onBackgroundDark02,\n            textBody: palette.onBackgroundDark01,\n            background: palette.background500,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
+{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","primary","primary200","secondary","secondary200","error","error200","background","background600","text","onBackgroundDark01","onBackground01","onBackground02","onBackgroundDark02","onBackground03","onBackgroundDark03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundLight01","onBackgroundReverse02","onBackgroundLight02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","enabled","content","pressed","primary300","disabled","transparent","background400","dialog","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary500","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => ({\n    primary: palette.primary200,\n    secondary: palette.secondary200,\n    error: palette.error200,\n    background: palette.background600,\n    text: palette.onBackgroundDark01,\n    onBackground01: palette.onBackgroundDark01,\n    onBackground02: palette.onBackgroundDark02,\n    onBackground03: palette.onBackgroundDark03,\n    onBackground04: palette.onBackgroundDark04,\n    onBackgroundReverse01: palette.onBackgroundLight01,\n    onBackgroundReverse02: palette.onBackgroundLight02,\n    onBackgroundReverse03: palette.onBackgroundLight03,\n    onBackgroundReverse04: palette.onBackgroundLight04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background500,\n            borderBottom: palette.onBackgroundDark04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary200,\n            content: palette.onBackgroundLight01,\n          },\n          pressed: {\n            background: palette.primary300,\n            content: palette.onBackgroundLight01,\n          },\n          disabled: {\n            background: palette.background500,\n            content: palette.onBackgroundDark04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary200,\n          },\n          pressed: {\n            background: palette.background400,\n            content: palette.primary200,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundDark04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background500,\n            text: palette.onBackgroundDark01,\n            message: palette.onBackgroundDark02,\n            highlight: palette.primary200,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.background400,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.background400,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundDark01,\n            placeholder: palette.onBackgroundDark03,\n            background: palette.transparent,\n            highlight: palette.primary200,\n          },\n          disabled: {\n            text: palette.onBackgroundDark04,\n            placeholder: palette.onBackgroundDark04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundDark04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background600,\n            background: palette.primary200,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundDark03,\n            highlight: palette.primary200,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.background400,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.onBackgroundDark02,\n            background: palette.primary500,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary200,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundDark03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark02,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundDark01,\n            textTitleCaption: palette.onBackgroundDark03,\n            textBody: palette.onBackgroundDark03,\n            bodyIcon: palette.onBackgroundDark02,\n            memberCount: palette.onBackgroundDark02,\n            background: palette.background600,\n            coverBackground: palette.onBackgroundDark04,\n            bodyIconBackground: palette.background500,\n            separator: palette.onBackgroundDark04,\n          },\n        },\n      },\n      profileCard: {\n        default: {\n          none: {\n            textUsername: palette.onBackgroundDark01,\n            textBodyLabel: palette.onBackgroundDark02,\n            textBody: palette.onBackgroundDark01,\n            background: palette.background500,\n          },\n        },\n      },\n      reaction: {\n        default: {\n          enabled: {\n            background: palette.transparent,\n            highlight: palette.onBackgroundDark03,\n          },\n          selected: {\n            background: palette.primary500,\n            highlight: palette.primary200,\n          },\n        },\n        rounded: {\n          enabled: {\n            background: palette.background400,\n            highlight: palette.transparent,\n          },\n          selected: {\n            background: palette.primary500,\n            highlight: palette.transparent,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}

package/lib/module/theme/LightUIKitTheme.js

@@ -177,6 +177,28 @@ const LightUIKitTheme = createTheme({
             background: palette.background50
           }
         }
+      },
+      reaction: {
+        default: {
+          enabled: {
+            background: palette.transparent,
+            highlight: palette.onBackgroundLight03
+          },
+          selected: {
+            background: palette.primary100,
+            highlight: palette.primary300
+          }
+        },
+        rounded: {
+          enabled: {
+            background: palette.background100,
+            highlight: palette.transparent
+          },
+          selected: {
+            background: palette.primary100,
+            highlight: palette.transparent
+          }
+        }
       }
     }
   })

package/lib/module/theme/LightUIKitTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => ({\n    primary: palette.primary300,\n    secondary: palette.secondary300,\n    error: palette.error300,\n    background: palette.background50,\n    text: palette.onBackgroundLight01,\n    onBackground01: palette.onBackgroundLight01,\n    onBackground02: palette.onBackgroundLight02,\n    onBackground03: palette.onBackgroundLight03,\n    onBackground04: palette.onBackgroundLight04,\n    onBackgroundReverse01: palette.onBackgroundDark01,\n    onBackgroundReverse02: palette.onBackgroundDark02,\n    onBackgroundReverse03: palette.onBackgroundDark03,\n    onBackgroundReverse04: palette.onBackgroundDark04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background50,\n            borderBottom: palette.onBackgroundLight04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary300,\n            content: palette.onBackgroundDark01,\n          },\n          pressed: {\n            background: palette.primary400,\n            content: palette.onBackgroundDark01,\n          },\n          disabled: {\n            background: palette.background100,\n            content: palette.onBackgroundLight04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          pressed: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundLight04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background50,\n            text: palette.onBackgroundLight01,\n            message: palette.onBackgroundLight02,\n            highlight: palette.primary300,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.background100,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.background100,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.transparent,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background50,\n            background: palette.primary300,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundLight03,\n            highlight: palette.primary300,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.background100,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.primary100,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary400,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark01,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundLight01,\n            textTitleCaption: palette.onBackgroundLight03,\n            textBody: palette.onBackgroundLight03,\n            bodyIcon: palette.onBackgroundLight02,\n            memberCount: palette.onBackgroundLight02,\n            background: palette.background50,\n            coverBackground: palette.onBackgroundLight04,\n            bodyIconBackground: palette.background100,\n            separator: palette.onBackgroundLight04,\n          },\n        },\n      },\n      profileCard: {\n        default: {\n          none: {\n            textUsername: palette.onBackgroundLight01,\n            textBodyLabel: palette.onBackgroundLight02,\n            textBody: palette.onBackgroundLight01,\n            background: palette.background50,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
+{"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n  colorScheme: 'light',\n  colors: (palette) => ({\n    primary: palette.primary300,\n    secondary: palette.secondary300,\n    error: palette.error300,\n    background: palette.background50,\n    text: palette.onBackgroundLight01,\n    onBackground01: palette.onBackgroundLight01,\n    onBackground02: palette.onBackgroundLight02,\n    onBackground03: palette.onBackgroundLight03,\n    onBackground04: palette.onBackgroundLight04,\n    onBackgroundReverse01: palette.onBackgroundDark01,\n    onBackgroundReverse02: palette.onBackgroundDark02,\n    onBackgroundReverse03: palette.onBackgroundDark03,\n    onBackgroundReverse04: palette.onBackgroundDark04,\n    ui: {\n      header: {\n        nav: {\n          none: {\n            background: palette.background50,\n            borderBottom: palette.onBackgroundLight04,\n          },\n        },\n      },\n      button: {\n        contained: {\n          enabled: {\n            background: palette.primary300,\n            content: palette.onBackgroundDark01,\n          },\n          pressed: {\n            background: palette.primary400,\n            content: palette.onBackgroundDark01,\n          },\n          disabled: {\n            background: palette.background100,\n            content: palette.onBackgroundLight04,\n          },\n        },\n        text: {\n          enabled: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          pressed: {\n            background: palette.transparent,\n            content: palette.primary300,\n          },\n          disabled: {\n            background: palette.transparent,\n            content: palette.onBackgroundLight04,\n          },\n        },\n      },\n      dialog: {\n        default: {\n          none: {\n            background: palette.background50,\n            text: palette.onBackgroundLight01,\n            message: palette.onBackgroundLight02,\n            highlight: palette.primary300,\n            destructive: palette.error300,\n          },\n        },\n      },\n      input: {\n        default: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.background100,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.background100,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n        underline: {\n          active: {\n            text: palette.onBackgroundLight01,\n            placeholder: palette.onBackgroundLight03,\n            background: palette.transparent,\n            highlight: palette.primary300,\n          },\n          disabled: {\n            text: palette.onBackgroundLight04,\n            placeholder: palette.onBackgroundLight04,\n            background: palette.transparent,\n            highlight: palette.onBackgroundLight04,\n          },\n        },\n      },\n      badge: {\n        default: {\n          none: {\n            text: palette.background50,\n            background: palette.primary300,\n          },\n        },\n      },\n      placeholder: {\n        default: {\n          none: {\n            content: palette.onBackgroundLight03,\n            highlight: palette.primary300,\n          },\n        },\n      },\n      message: {\n        incoming: {\n          enabled: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.background100,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundLight01,\n            textEdited: palette.onBackgroundLight02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.onBackgroundLight02,\n            background: palette.primary100,\n          },\n        },\n        outgoing: {\n          enabled: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary300,\n          },\n          pressed: {\n            textMsg: palette.onBackgroundDark01,\n            textEdited: palette.onBackgroundDark02,\n            textTime: palette.onBackgroundLight03,\n            textSenderName: palette.transparent,\n            background: palette.primary400,\n          },\n        },\n      },\n      dateSeparator: {\n        default: {\n          none: {\n            text: palette.onBackgroundDark01,\n            background: palette.overlay02,\n          },\n        },\n      },\n      groupChannelPreview: {\n        default: {\n          none: {\n            textTitle: palette.onBackgroundLight01,\n            textTitleCaption: palette.onBackgroundLight03,\n            textBody: palette.onBackgroundLight03,\n            bodyIcon: palette.onBackgroundLight02,\n            memberCount: palette.onBackgroundLight02,\n            background: palette.background50,\n            coverBackground: palette.onBackgroundLight04,\n            bodyIconBackground: palette.background100,\n            separator: palette.onBackgroundLight04,\n          },\n        },\n      },\n      profileCard: {\n        default: {\n          none: {\n            textUsername: palette.onBackgroundLight01,\n            textBodyLabel: palette.onBackgroundLight02,\n            textBody: palette.onBackgroundLight01,\n            background: palette.background50,\n          },\n        },\n      },\n      reaction: {\n        default: {\n          enabled: {\n            background: palette.transparent,\n            highlight: palette.onBackgroundLight03,\n          },\n          selected: {\n            background: palette.primary100,\n            highlight: palette.primary300,\n          },\n        },\n        rounded: {\n          enabled: {\n            background: palette.background100,\n            highlight: palette.transparent,\n          },\n          selected: {\n            background: palette.primary100,\n            highlight: palette.transparent,\n          },\n        },\n      },\n    },\n  }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;AAEA,MAAMC,eAAe,GAAGD,WAAW,CAAC;EAClCE,WAAW,EAAE,OADqB;EAElCC,MAAM,EAAGC,OAAD,KAAc;IACpBC,OAAO,EAAED,OAAO,CAACE,UADG;IAEpBC,SAAS,EAAEH,OAAO,CAACI,YAFC;IAGpBC,KAAK,EAAEL,OAAO,CAACM,QAHK;IAIpBC,UAAU,EAAEP,OAAO,CAACQ,YAJA;IAKpBC,IAAI,EAAET,OAAO,CAACU,mBALM;IAMpBC,cAAc,EAAEX,OAAO,CAACU,mBANJ;IAOpBE,cAAc,EAAEZ,OAAO,CAACa,mBAPJ;IAQpBC,cAAc,EAAEd,OAAO,CAACe,mBARJ;IASpBC,cAAc,EAAEhB,OAAO,CAACiB,mBATJ;IAUpBC,qBAAqB,EAAElB,OAAO,CAACmB,kBAVX;IAWpBC,qBAAqB,EAAEpB,OAAO,CAACqB,kBAXX;IAYpBC,qBAAqB,EAAEtB,OAAO,CAACuB,kBAZX;IAapBC,qBAAqB,EAAExB,OAAO,CAACyB,kBAbX;IAcpBC,EAAE,EAAE;MACFC,MAAM,EAAE;QACNC,GAAG,EAAE;UACHC,IAAI,EAAE;YACJtB,UAAU,EAAEP,OAAO,CAACQ,YADhB;YAEJsB,YAAY,EAAE9B,OAAO,CAACiB;UAFlB;QADH;MADC,CADN;MASFc,MAAM,EAAE;QACNC,SAAS,EAAE;UACTC,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACE,UADb;YAEPgC,OAAO,EAAElC,OAAO,CAACmB;UAFV,CADA;UAKTgB,OAAO,EAAE;YACP5B,UAAU,EAAEP,OAAO,CAACoC,UADb;YAEPF,OAAO,EAAElC,OAAO,CAACmB;UAFV,CALA;UASTkB,QAAQ,EAAE;YACR9B,UAAU,EAAEP,OAAO,CAACsC,aADZ;YAERJ,OAAO,EAAElC,OAAO,CAACiB;UAFT;QATD,CADL;QAeNR,IAAI,EAAE;UACJwB,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACuC,WADb;YAEPL,OAAO,EAAElC,OAAO,CAACE;UAFV,CADL;UAKJiC,OAAO,EAAE;YACP5B,UAAU,EAAEP,OAAO,CAACuC,WADb;YAEPL,OAAO,EAAElC,OAAO,CAACE;UAFV,CALL;UASJmC,QAAQ,EAAE;YACR9B,UAAU,EAAEP,OAAO,CAACuC,WADZ;YAERL,OAAO,EAAElC,OAAO,CAACiB;UAFT;QATN;MAfA,CATN;MAuCFuB,MAAM,EAAE;QACNC,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJtB,UAAU,EAAEP,OAAO,CAACQ,YADhB;YAEJC,IAAI,EAAET,OAAO,CAACU,mBAFV;YAGJgC,OAAO,EAAE1C,OAAO,CAACa,mBAHb;YAIJ8B,SAAS,EAAE3C,OAAO,CAACE,UAJf;YAKJ0C,WAAW,EAAE5C,OAAO,CAACM;UALjB;QADC;MADH,CAvCN;MAkDFuC,KAAK,EAAE;QACLJ,OAAO,EAAE;UACPK,MAAM,EAAE;YACNrC,IAAI,EAAET,OAAO,CAACU,mBADR;YAENqC,WAAW,EAAE/C,OAAO,CAACe,mBAFf;YAGNR,UAAU,EAAEP,OAAO,CAACsC,aAHd;YAINK,SAAS,EAAE3C,OAAO,CAACE;UAJb,CADD;UAOPmC,QAAQ,EAAE;YACR5B,IAAI,EAAET,OAAO,CAACiB,mBADN;YAER8B,WAAW,EAAE/C,OAAO,CAACiB,mBAFb;YAGRV,UAAU,EAAEP,OAAO,CAACsC,aAHZ;YAIRK,SAAS,EAAE3C,OAAO,CAACiB;UAJX;QAPH,CADJ;QAeL+B,SAAS,EAAE;UACTF,MAAM,EAAE;YACNrC,IAAI,EAAET,OAAO,CAACU,mBADR;YAENqC,WAAW,EAAE/C,OAAO,CAACe,mBAFf;YAGNR,UAAU,EAAEP,OAAO,CAACuC,WAHd;YAINI,SAAS,EAAE3C,OAAO,CAACE;UAJb,CADC;UAOTmC,QAAQ,EAAE;YACR5B,IAAI,EAAET,OAAO,CAACiB,mBADN;YAER8B,WAAW,EAAE/C,OAAO,CAACiB,mBAFb;YAGRV,UAAU,EAAEP,OAAO,CAACuC,WAHZ;YAIRI,SAAS,EAAE3C,OAAO,CAACiB;UAJX;QAPD;MAfN,CAlDL;MAgFFgC,KAAK,EAAE;QACLR,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJpB,IAAI,EAAET,OAAO,CAACQ,YADV;YAEJD,UAAU,EAAEP,OAAO,CAACE;UAFhB;QADC;MADJ,CAhFL;MAwFF6C,WAAW,EAAE;QACXN,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJK,OAAO,EAAElC,OAAO,CAACe,mBADb;YAEJ4B,SAAS,EAAE3C,OAAO,CAACE;UAFf;QADC;MADE,CAxFX;MAgGFwC,OAAO,EAAE;QACPQ,QAAQ,EAAE;UACRjB,OAAO,EAAE;YACPkB,OAAO,EAAEnD,OAAO,CAACU,mBADV;YAEP0C,UAAU,EAAEpD,OAAO,CAACa,mBAFb;YAGPwC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACa,mBAJjB;YAKPN,UAAU,EAAEP,OAAO,CAACsC;UALb,CADD;UAQRH,OAAO,EAAE;YACPgB,OAAO,EAAEnD,OAAO,CAACU,mBADV;YAEP0C,UAAU,EAAEpD,OAAO,CAACa,mBAFb;YAGPwC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACa,mBAJjB;YAKPN,UAAU,EAAEP,OAAO,CAACuD;UALb;QARD,CADH;QAiBPC,QAAQ,EAAE;UACRvB,OAAO,EAAE;YACPkB,OAAO,EAAEnD,OAAO,CAACmB,kBADV;YAEPiC,UAAU,EAAEpD,OAAO,CAACqB,kBAFb;YAGPgC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACuC,WAJjB;YAKPhC,UAAU,EAAEP,OAAO,CAACE;UALb,CADD;UAQRiC,OAAO,EAAE;YACPgB,OAAO,EAAEnD,OAAO,CAACmB,kBADV;YAEPiC,UAAU,EAAEpD,OAAO,CAACqB,kBAFb;YAGPgC,QAAQ,EAAErD,OAAO,CAACe,mBAHX;YAIPuC,cAAc,EAAEtD,OAAO,CAACuC,WAJjB;YAKPhC,UAAU,EAAEP,OAAO,CAACoC;UALb;QARD;MAjBH,CAhGP;MAkIFqB,aAAa,EAAE;QACbhB,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJpB,IAAI,EAAET,OAAO,CAACmB,kBADV;YAEJZ,UAAU,EAAEP,OAAO,CAAC0D;UAFhB;QADC;MADI,CAlIb;MA0IFC,mBAAmB,EAAE;QACnBlB,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJ+B,SAAS,EAAE5D,OAAO,CAACU,mBADf;YAEJmD,gBAAgB,EAAE7D,OAAO,CAACe,mBAFtB;YAGJ+C,QAAQ,EAAE9D,OAAO,CAACe,mBAHd;YAIJgD,QAAQ,EAAE/D,OAAO,CAACa,mBAJd;YAKJmD,WAAW,EAAEhE,OAAO,CAACa,mBALjB;YAMJN,UAAU,EAAEP,OAAO,CAACQ,YANhB;YAOJyD,eAAe,EAAEjE,OAAO,CAACiB,mBAPrB;YAQJiD,kBAAkB,EAAElE,OAAO,CAACsC,aARxB;YASJ6B,SAAS,EAAEnE,OAAO,CAACiB;UATf;QADC;MADU,CA1InB;MAyJFmD,WAAW,EAAE;QACX3B,OAAO,EAAE;UACPZ,IAAI,EAAE;YACJwC,YAAY,EAAErE,OAAO,CAACU,mBADlB;YAEJ4D,aAAa,EAAEtE,OAAO,CAACa,mBAFnB;YAGJiD,QAAQ,EAAE9D,OAAO,CAACU,mBAHd;YAIJH,UAAU,EAAEP,OAAO,CAACQ;UAJhB;QADC;MADE,CAzJX;MAmKF+D,QAAQ,EAAE;QACR9B,OAAO,EAAE;UACPR,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACuC,WADb;YAEPI,SAAS,EAAE3C,OAAO,CAACe;UAFZ,CADF;UAKPyD,QAAQ,EAAE;YACRjE,UAAU,EAAEP,OAAO,CAACuD,UADZ;YAERZ,SAAS,EAAE3C,OAAO,CAACE;UAFX;QALH,CADD;QAWRuE,OAAO,EAAE;UACPxC,OAAO,EAAE;YACP1B,UAAU,EAAEP,OAAO,CAACsC,aADb;YAEPK,SAAS,EAAE3C,OAAO,CAACuC;UAFZ,CADF;UAKPiC,QAAQ,EAAE;YACRjE,UAAU,EAAEP,OAAO,CAACuD,UADZ;YAERZ,SAAS,EAAE3C,OAAO,CAACuC;UAFX;QALH;MAXD;IAnKR;EAdgB,CAAd;AAF0B,CAAD,CAAnC;AA6MA,eAAe1C,eAAf"}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'Message'\n  | 'DateSeparator'\n  | 'GroupChannelPreview'\n  | 'ProfileCard';\n\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    Message: 'incoming' | 'outgoing';\n    DateSeparator: 'default';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    Message: 'enabled' | 'pressed';\n    DateSeparator: 'none';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    DateSeparator: 'text' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    message: ComponentColors<'Message'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n  h1: FontAttributes;\n  h2: FontAttributes;\n  subtitle1: FontAttributes;\n  subtitle2: FontAttributes;\n  body1: FontAttributes;\n  body2: FontAttributes;\n  body3: FontAttributes;\n  button: FontAttributes;\n  caption1: FontAttributes;\n  caption2: FontAttributes;\n  caption3: FontAttributes;\n  caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n  colorScheme: UIKitColorScheme;\n  select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n  palette: UIKitPalette;\n  colors: UIKitColors;\n\n  typography: UIKitTypography;\n}\n\nexport type Component =\n  | 'Header'\n  | 'Button'\n  | 'Dialog'\n  | 'Input'\n  | 'Badge'\n  | 'Placeholder'\n  | 'Message'\n  | 'DateSeparator'\n  | 'GroupChannelPreview'\n  | 'ProfileCard'\n  | 'Reaction';\n\nexport type GetColorTree<\n  Tree extends {\n    Variant: {\n      [key in Component]: string;\n    };\n    State: {\n      [key in Component]: string;\n    };\n    ColorPart: {\n      [key in Component]: string;\n    };\n  },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n  Variant: {\n    Header: 'nav';\n    Button: 'contained' | 'text';\n    Dialog: 'default';\n    Input: 'default' | 'underline';\n    Badge: 'default';\n    Placeholder: 'default';\n    Message: 'incoming' | 'outgoing';\n    DateSeparator: 'default';\n    GroupChannelPreview: 'default';\n    ProfileCard: 'default';\n    Reaction: 'default' | 'rounded';\n  };\n  State: {\n    Header: 'none';\n    Button: 'enabled' | 'pressed' | 'disabled';\n    Dialog: 'none';\n    Input: 'active' | 'disabled';\n    Badge: 'none';\n    Placeholder: 'none';\n    Message: 'enabled' | 'pressed';\n    DateSeparator: 'none';\n    GroupChannelPreview: 'none';\n    ProfileCard: 'none';\n    Reaction: 'enabled' | 'selected';\n  };\n  ColorPart: {\n    Header: 'background' | 'borderBottom';\n    Button: 'background' | 'content';\n    Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n    Input: 'text' | 'placeholder' | 'background' | 'highlight';\n    Badge: 'text' | 'background';\n    Placeholder: 'content' | 'highlight';\n    Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n    DateSeparator: 'text' | 'background';\n    GroupChannelPreview:\n      | 'textTitle'\n      | 'textTitleCaption'\n      | 'textBody'\n      | 'memberCount'\n      | 'bodyIcon'\n      | 'background'\n      | 'coverBackground'\n      | 'bodyIconBackground'\n      | 'separator';\n    ProfileCard: 'textUsername' | 'textBodyLabel' | 'textBody' | 'background';\n    Reaction: 'background' | 'highlight';\n  };\n}>;\nexport type ComponentColors<T extends Component> = {\n  [key in ComponentColorTree['Variant'][T]]: {\n    [key in ComponentColorTree['State'][T]]: {\n      [key in ComponentColorTree['ColorPart'][T]]: string;\n    };\n  };\n};\n\nexport interface UIKitColors {\n  primary: string;\n  secondary: string;\n  error: string;\n  background: string;\n  text: string;\n  onBackground01: string;\n  onBackground02: string;\n  onBackground03: string;\n  onBackground04: string;\n  onBackgroundReverse01: string;\n  onBackgroundReverse02: string;\n  onBackgroundReverse03: string;\n  onBackgroundReverse04: string;\n  /**\n   * UI Colors has below structure\n   * Component.{Variant}.{State}.{ColorPart}\n   * @example\n   * ```\n   *  const { colors } = useUIKitTheme();\n   *  colors.ui.button.contained.disabled.backgroundColor\n   * ```\n   * */\n  ui: {\n    header: ComponentColors<'Header'>;\n    button: ComponentColors<'Button'>;\n    dialog: ComponentColors<'Dialog'>;\n    input: ComponentColors<'Input'>;\n    badge: ComponentColors<'Badge'>;\n    placeholder: ComponentColors<'Placeholder'>;\n    message: ComponentColors<'Message'>;\n    dateSeparator: ComponentColors<'DateSeparator'>;\n    groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n    profileCard: ComponentColors<'ProfileCard'>;\n    reaction: ComponentColors<'Reaction'>;\n  };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n  title?: HeaderElement;\n  right?: HeaderElement;\n  left?: HeaderElement;\n  onPressLeft?: (...params: any[]) => any;\n  onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n  titleAlign?: 'left' | 'center' | 'right';\n  children?: ReactNode;\n} & HeaderParts &\n  AdditionalProps;\nexport interface UIKitPalette {\n  primary100: string;\n  primary200: string;\n  primary300: string;\n  primary400: string;\n  primary500: string;\n\n  secondary100: string;\n  secondary200: string;\n  secondary300: string;\n  secondary400: string;\n  secondary500: string;\n\n  error100: string;\n  error200: string;\n  error300: string;\n  error400: string;\n  error500: string;\n\n  background50: string;\n  background100: string;\n  background200: string;\n  background300: string;\n  background400: string;\n  background500: string;\n  background600: string;\n  background700: string;\n\n  overlay01: string;\n  overlay02: string;\n\n  information: string;\n  highlight: string;\n  transparent: 'transparent';\n\n  onBackgroundLight01: string;\n  onBackgroundLight02: string;\n  onBackgroundLight03: string;\n  onBackgroundLight04: string;\n\n  onBackgroundDark01: string;\n  onBackgroundDark02: string;\n  onBackgroundDark03: string;\n  onBackgroundDark04: string;\n}\n"],"mappings":""}

package/lib/module/ui/Avatar/AvatarGroup.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { View } from 'react-native';
 const MAX = 4;
 
@@ -22,7 +22,7 @@ const AvatarGroup = _ref => {
     });
   }
 
-  const avatars = useMemo(() => {
+  const renderAvatars = () => {
     var _React$Children$map;
 
     return ((_React$Children$map = React.Children.map(children, (child, index) => {
@@ -56,7 +56,8 @@ const AvatarGroup = _ref => {
         }
       }));
     })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.slice(0, 4)) ?? [];
-  }, [children]);
+  };
+
   return /*#__PURE__*/React.createElement(View, {
     style: [containerStyle, {
       overflow: 'hidden',
@@ -64,7 +65,7 @@ const AvatarGroup = _ref => {
       height: size,
       borderRadius: size
     }]
-  }, avatars);
+  }, renderAvatars());
 };
 
 const getHeightPoint = (_, total) => {

package/lib/module/ui/Avatar/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","View","MAX","AvatarGroup","children","containerStyle","size","childAmount","Children","count","overflow","width","height","borderRadius","backgroundColor","avatars","map","child","index","isValidElement","cloneElement","top","getTopPoint","left","getLeftPoint","getWidthPoint","getHeightPoint","innerLeft","getInnerLeft","innerTop","getInnerTop","position","square","slice","_","total","idx"],"sources":["AvatarGroup.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nconst MAX = 4;\n\ntype Props = React.PropsWithChildren<{\n  size?: number;\n  containerStyle?: StyleProp<ViewStyle>;\n}>;\nconst AvatarGroup = ({ children, containerStyle, size = 56 }: Props) => {\n  const childAmount = React.Children.count(children);\n\n  if (childAmount === 0) {\n    return (\n      <View\n        style={[\n          containerStyle,\n          {\n            overflow: 'hidden',\n            width: size,\n            height: size,\n            borderRadius: size,\n            backgroundColor: 'rgba(120,120,120,0.2)',\n          },\n        ]}\n      />\n    );\n  }\n\n  const avatars = useMemo(() => {\n    return (\n      React.Children.map(children, (child, index) => {\n        if (index + 1 > MAX) return child;\n        if (!React.isValidElement(child)) return child;\n\n        if (childAmount === 1) return React.cloneElement(child, { size, containerStyle });\n\n        const top = getTopPoint(index, childAmount) * size;\n        const left = getLeftPoint(index) * size;\n        const width = getWidthPoint(index, childAmount) * size;\n        const height = getHeightPoint(index, childAmount) * size;\n        const innerLeft = -getInnerLeft(index, childAmount) * size;\n        const innerTop = -getInnerTop(childAmount) * size;\n\n        return (\n          <View style={{ overflow: 'hidden', position: 'absolute', top, left, width, height }}>\n            {React.cloneElement(child, { size, square: true, containerStyle: { left: innerLeft, top: innerTop } })}\n          </View>\n        );\n      })?.slice(0, 4) ?? []\n    );\n  }, [children]);\n\n  return (\n    <View style={[containerStyle, { overflow: 'hidden', width: size, height: size, borderRadius: size }]}>\n      {avatars}\n    </View>\n  );\n};\n\nconst getHeightPoint = (_: number, total: number) => {\n  if (total === 2) return 1;\n  return 0.5;\n};\nconst getWidthPoint = (idx: number, total: number) => {\n  if (total === 3 && idx === 0) return 1;\n  return 0.5;\n};\nconst getTopPoint = (idx: number, total: number) => {\n  if (total === 2) return -0.025;\n  if (total === 3 && idx === 0) return -0.025;\n  if (total === 3 && idx !== 0) return 0.525;\n  if (idx === 0 || idx === 1) return -0.025;\n  return 0.525;\n};\nconst getLeftPoint = (idx: number) => {\n  if (idx === 0 || idx === 2) return -0.025;\n  return 0.525;\n};\nconst getInnerLeft = (idx: number, total: number) => {\n  if (total === 3 && idx === 0) return 0;\n  return 0.25;\n};\nconst getInnerTop = (total: number) => {\n  if (total === 2) return 0;\n  return 0.25;\n};\n\nexport default AvatarGroup;\n"],"mappings":"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"}
+{"version":3,"names":["React","View","MAX","AvatarGroup","children","containerStyle","size","childAmount","Children","count","overflow","width","height","borderRadius","backgroundColor","renderAvatars","map","child","index","isValidElement","cloneElement","top","getTopPoint","left","getLeftPoint","getWidthPoint","getHeightPoint","innerLeft","getInnerLeft","innerTop","getInnerTop","position","square","slice","_","total","idx"],"sources":["AvatarGroup.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nconst MAX = 4;\n\ntype Props = React.PropsWithChildren<{\n  size?: number;\n  containerStyle?: StyleProp<ViewStyle>;\n}>;\nconst AvatarGroup = ({ children, containerStyle, size = 56 }: Props) => {\n  const childAmount = React.Children.count(children);\n\n  if (childAmount === 0) {\n    return (\n      <View\n        style={[\n          containerStyle,\n          {\n            overflow: 'hidden',\n            width: size,\n            height: size,\n            borderRadius: size,\n            backgroundColor: 'rgba(120,120,120,0.2)',\n          },\n        ]}\n      />\n    );\n  }\n\n  const renderAvatars = () => {\n    return (\n      React.Children.map(children, (child, index) => {\n        if (index + 1 > MAX) return child;\n        if (!React.isValidElement(child)) return child;\n\n        if (childAmount === 1) return React.cloneElement(child as ReactElement, { size, containerStyle });\n\n        const top = getTopPoint(index, childAmount) * size;\n        const left = getLeftPoint(index) * size;\n        const width = getWidthPoint(index, childAmount) * size;\n        const height = getHeightPoint(index, childAmount) * size;\n        const innerLeft = -getInnerLeft(index, childAmount) * size;\n        const innerTop = -getInnerTop(childAmount) * size;\n\n        return (\n          <View style={{ overflow: 'hidden', position: 'absolute', top, left, width, height }}>\n            {React.cloneElement(child as ReactElement, {\n              size,\n              square: true,\n              containerStyle: { left: innerLeft, top: innerTop },\n            })}\n          </View>\n        );\n      })?.slice(0, 4) ?? []\n    );\n  };\n\n  return (\n    <View style={[containerStyle, { overflow: 'hidden', width: size, height: size, borderRadius: size }]}>\n      {renderAvatars()}\n    </View>\n  );\n};\n\nconst getHeightPoint = (_: number, total: number) => {\n  if (total === 2) return 1;\n  return 0.5;\n};\nconst getWidthPoint = (idx: number, total: number) => {\n  if (total === 3 && idx === 0) return 1;\n  return 0.5;\n};\nconst getTopPoint = (idx: number, total: number) => {\n  if (total === 2) return -0.025;\n  if (total === 3 && idx === 0) return -0.025;\n  if (total === 3 && idx !== 0) return 0.525;\n  if (idx === 0 || idx === 1) return -0.025;\n  return 0.525;\n};\nconst getLeftPoint = (idx: number) => {\n  if (idx === 0 || idx === 2) return -0.025;\n  return 0.525;\n};\nconst getInnerLeft = (idx: number, total: number) => {\n  if (total === 3 && idx === 0) return 0;\n  return 0.25;\n};\nconst getInnerTop = (total: number) => {\n  if (total === 2) return 0;\n  return 0.25;\n};\n\nexport default AvatarGroup;\n"],"mappings":"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"}

package/lib/module/ui/Badge/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Platform, View } from 'react-native';
-import { truncatedBadgeCount } from '@sendbird/uikit-utils';
+import { truncatedCount } from '@sendbird/uikit-utils';
 import Text from '../../components/Text';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
@@ -25,7 +25,7 @@ const Badge = _ref => {
   }, /*#__PURE__*/React.createElement(Text, {
     caption1: true,
     color: textColor ?? colors.ui.badge.default.none.text
-  }, truncatedBadgeCount(count, maxCount)));
+  }, truncatedCount(count, maxCount)));
 };
 
 const styles = createStyleSheet({

package/lib/module/ui/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","truncatedBadgeCount","Text","createStyleSheet","useUIKitTheme","Badge","count","maxCount","badgeColor","textColor","style","size","colors","isSmall","styles","badgeSmall","badgeDefault","backgroundColor","ui","badge","default","none","background","badgeSmallPadding","badgeDefaultPadding","text","paddingTop","select","ios","android","minWidth","minHeight","borderRadius","alignItems","justifyContent","paddingHorizontal"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, StyleProp, View, ViewStyle } from 'react-native';\n\nimport { truncatedBadgeCount } from '@sendbird/uikit-utils';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  count: number;\n  maxCount?: number;\n  badgeColor?: string;\n  textColor?: string;\n  style?: StyleProp<ViewStyle>;\n  size?: 'small' | 'default';\n};\n\nconst Badge = ({ count, maxCount, badgeColor, textColor, style, size = 'default' }: Props) => {\n  const { colors } = useUIKitTheme();\n  const isSmall = size === 'small';\n  return (\n    <View\n      style={[\n        isSmall ? styles.badgeSmall : styles.badgeDefault,\n        { backgroundColor: badgeColor ?? colors.ui.badge.default.none.background },\n        count >= 10 && (isSmall ? styles.badgeSmallPadding : styles.badgeDefaultPadding),\n        style,\n      ]}\n    >\n      <Text caption1 color={textColor ?? colors.ui.badge.default.none.text}>\n        {truncatedBadgeCount(count, maxCount)}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  badgeDefault: {\n    paddingTop: Platform.select({ ios: 2, android: 2 }),\n    minWidth: 20,\n    minHeight: 20,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeDefaultPadding: {\n    paddingHorizontal: 8,\n  },\n  badgeSmall: {\n    paddingTop: Platform.select({ ios: 3, android: 2 }),\n    minWidth: 16,\n    minHeight: 16,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeSmallPadding: {\n    paddingHorizontal: 4,\n  },\n});\n\nexport default Badge;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAA8BC,IAA9B,QAAqD,cAArD;AAEA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;;AAWA,MAAMC,KAAK,GAAG,QAAgF;EAAA,IAA/E;IAAEC,KAAF;IAASC,QAAT;IAAmBC,UAAnB;IAA+BC,SAA/B;IAA0CC,KAA1C;IAAiDC,IAAI,GAAG;EAAxD,CAA+E;EAC5F,MAAM;IAAEC;EAAF,IAAaR,aAAa,EAAhC;EACA,MAAMS,OAAO,GAAGF,IAAI,KAAK,OAAzB;EACA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLE,OAAO,GAAGC,MAAM,CAACC,UAAV,GAAuBD,MAAM,CAACE,YADhC,EAEL;MAAEC,eAAe,EAAET,UAAU,IAAII,MAAM,CAACM,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,IAAxB,CAA6BC;IAA9D,CAFK,EAGLhB,KAAK,IAAI,EAAT,KAAgBO,OAAO,GAAGC,MAAM,CAACS,iBAAV,GAA8BT,MAAM,CAACU,mBAA5D,CAHK,EAILd,KAJK;EADT,gBAQE,oBAAC,IAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAED,SAAS,IAAIG,MAAM,CAACM,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,IAAxB,CAA6BI;EAAhE,GACGxB,mBAAmB,CAACK,KAAD,EAAQC,QAAR,CADtB,CARF,CADF;AAcD,CAjBD;;AAmBA,MAAMO,MAAM,GAAGX,gBAAgB,CAAC;EAC9Ba,YAAY,EAAE;IACZU,UAAU,EAAE3B,QAAQ,CAAC4B,MAAT,CAAgB;MAAEC,GAAG,EAAE,CAAP;MAAUC,OAAO,EAAE;IAAnB,CAAhB,CADA;IAEZC,QAAQ,EAAE,EAFE;IAGZC,SAAS,EAAE,EAHC;IAIZC,YAAY,EAAE,EAJF;IAKZC,UAAU,EAAE,QALA;IAMZC,cAAc,EAAE;EANJ,CADgB;EAS9BV,mBAAmB,EAAE;IACnBW,iBAAiB,EAAE;EADA,CATS;EAY9BpB,UAAU,EAAE;IACVW,UAAU,EAAE3B,QAAQ,CAAC4B,MAAT,CAAgB;MAAEC,GAAG,EAAE,CAAP;MAAUC,OAAO,EAAE;IAAnB,CAAhB,CADF;IAEVC,QAAQ,EAAE,EAFA;IAGVC,SAAS,EAAE,EAHD;IAIVC,YAAY,EAAE,EAJJ;IAKVC,UAAU,EAAE,QALF;IAMVC,cAAc,EAAE;EANN,CAZkB;EAoB9BX,iBAAiB,EAAE;IACjBY,iBAAiB,EAAE;EADF;AApBW,CAAD,CAA/B;AAyBA,eAAe9B,KAAf"}
+{"version":3,"names":["React","Platform","View","truncatedCount","Text","createStyleSheet","useUIKitTheme","Badge","count","maxCount","badgeColor","textColor","style","size","colors","isSmall","styles","badgeSmall","badgeDefault","backgroundColor","ui","badge","default","none","background","badgeSmallPadding","badgeDefaultPadding","text","paddingTop","select","ios","android","minWidth","minHeight","borderRadius","alignItems","justifyContent","paddingHorizontal"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, StyleProp, View, ViewStyle } from 'react-native';\n\nimport { truncatedCount } from '@sendbird/uikit-utils';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  count: number;\n  maxCount?: number;\n  badgeColor?: string;\n  textColor?: string;\n  style?: StyleProp<ViewStyle>;\n  size?: 'small' | 'default';\n};\n\nconst Badge = ({ count, maxCount, badgeColor, textColor, style, size = 'default' }: Props) => {\n  const { colors } = useUIKitTheme();\n  const isSmall = size === 'small';\n  return (\n    <View\n      style={[\n        isSmall ? styles.badgeSmall : styles.badgeDefault,\n        { backgroundColor: badgeColor ?? colors.ui.badge.default.none.background },\n        count >= 10 && (isSmall ? styles.badgeSmallPadding : styles.badgeDefaultPadding),\n        style,\n      ]}\n    >\n      <Text caption1 color={textColor ?? colors.ui.badge.default.none.text}>\n        {truncatedCount(count, maxCount)}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  badgeDefault: {\n    paddingTop: Platform.select({ ios: 2, android: 2 }),\n    minWidth: 20,\n    minHeight: 20,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeDefaultPadding: {\n    paddingHorizontal: 8,\n  },\n  badgeSmall: {\n    paddingTop: Platform.select({ ios: 3, android: 2 }),\n    minWidth: 16,\n    minHeight: 16,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeSmallPadding: {\n    paddingHorizontal: 4,\n  },\n});\n\nexport default Badge;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAA8BC,IAA9B,QAAqD,cAArD;AAEA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;;AAWA,MAAMC,KAAK,GAAG,QAAgF;EAAA,IAA/E;IAAEC,KAAF;IAASC,QAAT;IAAmBC,UAAnB;IAA+BC,SAA/B;IAA0CC,KAA1C;IAAiDC,IAAI,GAAG;EAAxD,CAA+E;EAC5F,MAAM;IAAEC;EAAF,IAAaR,aAAa,EAAhC;EACA,MAAMS,OAAO,GAAGF,IAAI,KAAK,OAAzB;EACA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLE,OAAO,GAAGC,MAAM,CAACC,UAAV,GAAuBD,MAAM,CAACE,YADhC,EAEL;MAAEC,eAAe,EAAET,UAAU,IAAII,MAAM,CAACM,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,IAAxB,CAA6BC;IAA9D,CAFK,EAGLhB,KAAK,IAAI,EAAT,KAAgBO,OAAO,GAAGC,MAAM,CAACS,iBAAV,GAA8BT,MAAM,CAACU,mBAA5D,CAHK,EAILd,KAJK;EADT,gBAQE,oBAAC,IAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAED,SAAS,IAAIG,MAAM,CAACM,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,IAAxB,CAA6BI;EAAhE,GACGxB,cAAc,CAACK,KAAD,EAAQC,QAAR,CADjB,CARF,CADF;AAcD,CAjBD;;AAmBA,MAAMO,MAAM,GAAGX,gBAAgB,CAAC;EAC9Ba,YAAY,EAAE;IACZU,UAAU,EAAE3B,QAAQ,CAAC4B,MAAT,CAAgB;MAAEC,GAAG,EAAE,CAAP;MAAUC,OAAO,EAAE;IAAnB,CAAhB,CADA;IAEZC,QAAQ,EAAE,EAFE;IAGZC,SAAS,EAAE,EAHC;IAIZC,YAAY,EAAE,EAJF;IAKZC,UAAU,EAAE,QALA;IAMZC,cAAc,EAAE;EANJ,CADgB;EAS9BV,mBAAmB,EAAE;IACnBW,iBAAiB,EAAE;EADA,CATS;EAY9BpB,UAAU,EAAE;IACVW,UAAU,EAAE3B,QAAQ,CAAC4B,MAAT,CAAgB;MAAEC,GAAG,EAAE,CAAP;MAAUC,OAAO,EAAE;IAAnB,CAAhB,CADF;IAEVC,QAAQ,EAAE,EAFA;IAGVC,SAAS,EAAE,EAHD;IAIVC,YAAY,EAAE,EAJJ;IAKVC,UAAU,EAAE,QALF;IAMVC,cAAc,EAAE;EANN,CAZkB;EAoB9BX,iBAAiB,EAAE;IACjBY,iBAAiB,EAAE;EADF;AApBW,CAAD,CAA/B;AAyBA,eAAe9B,KAAf"}

package/lib/module/ui/BottomSheet/index.js

@@ -10,7 +10,8 @@ const BottomSheet = _ref => {
     onDismiss,
     onHide,
     visible,
-    sheetItems
+    sheetItems,
+    HeaderComponent
   } = _ref;
   const {
     statusBarTranslucent
@@ -38,7 +39,9 @@ const BottomSheet = _ref => {
       width,
       paddingBottom: bottom
     }
-  }, sheetItems.map((_ref2, idx) => {
+  }, HeaderComponent && /*#__PURE__*/React.createElement(HeaderComponent, {
+    onClose: onHide
+  }), sheetItems.map((_ref2, idx) => {
     let {
       onPress,
       ...props

package/lib/module/ui/BottomSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","useWindowDimensions","useSafeAreaInsets","Modal","useHeaderStyle","DialogSheet","BottomSheet","onDismiss","onHide","visible","sheetItems","statusBarTranslucent","width","bottom","left","right","alignItems","justifyContent","paddingBottom","map","idx","onPress","props","title","paddingLeft","paddingRight"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    onPress: () => void;\n  }[];\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,mBAA3B,QAAsD,cAAtD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAGA,OAAOC,KAAP,MAAkB,wBAAlB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,WAAP,MAAwB,uBAAxB;;AAiBA,MAAMC,WAAW,GAAG,QAAuD;EAAA,IAAtD;IAAEC,SAAF;IAAaC,MAAb;IAAqBC,OAArB;IAA8BC;EAA9B,CAAsD;EACzE,MAAM;IAAEC;EAAF,IAA2BP,cAAc,EAA/C;EACA,MAAM;IAAEQ;EAAF,IAAYX,mBAAmB,EAArC;EACA,MAAM;IAAEY,MAAF;IAAUC,IAAV;IAAgBC;EAAhB,IAA0Bb,iBAAiB,EAAjD;EACA,oBACE,oBAAC,KAAD;IACE,IAAI,EAAE,OADR;IAEE,OAAO,EAAEM,MAFX;IAGE,SAAS,EAAED,SAHb;IAIE,oBAAoB,EAAEI,oBAJxB;IAKE,OAAO,EAAEF,OALX;IAME,eAAe,EAAE;MAAEO,UAAU,EAAE,QAAd;MAAwBC,cAAc,EAAE;IAAxC;EANnB,gBAQE,oBAAC,WAAD;IAAa,KAAK,EAAE;MAAEL,KAAF;MAASM,aAAa,EAAEL;IAAxB;EAApB,GACGH,UAAU,CAACS,GAAX,CAAe,QAAwBC,GAAxB;IAAA,IAAC;MAAEC,OAAF;MAAW,GAAGC;IAAd,CAAD;IAAA,oBACd,oBAAC,gBAAD;MACE,aAAa,EAAE,IADjB;MAEE,GAAG,EAAEA,KAAK,CAACC,KAAN,GAAcH,GAFrB;MAGE,KAAK,EAAE;QAAEI,WAAW,EAAEV,IAAf;QAAqBW,YAAY,EAAEV;MAAnC,CAHT;MAIE,OAAO,EAAE,YAAY;QACnB,MAAMP,MAAM,EAAZ;;QACA,IAAI;UACFa,OAAO;QACR,CAFD,CAEE,MAAM,CAAE;MACX;IATH,gBAWE,oBAAC,WAAD,CAAa,IAAb,EAAsBC,KAAtB,CAXF,CADc;EAAA,CAAf,CADH,CARF,CADF;AA4BD,CAhCD;;AAkCA,eAAehB,WAAf"}
+{"version":3,"names":["React","TouchableOpacity","useWindowDimensions","useSafeAreaInsets","Modal","useHeaderStyle","DialogSheet","BottomSheet","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","width","bottom","left","right","alignItems","justifyContent","paddingBottom","map","idx","onPress","props","title","paddingLeft","paddingRight"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => JSX.Element;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,mBAA3B,QAAsD,cAAtD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAGA,OAAOC,KAAP,MAAkB,wBAAlB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,WAAP,MAAwB,uBAAxB;;AAmBA,MAAMC,WAAW,GAAG,QAAwE;EAAA,IAAvE;IAAEC,SAAF;IAAaC,MAAb;IAAqBC,OAArB;IAA8BC,UAA9B;IAA0CC;EAA1C,CAAuE;EAC1F,MAAM;IAAEC;EAAF,IAA2BR,cAAc,EAA/C;EACA,MAAM;IAAES;EAAF,IAAYZ,mBAAmB,EAArC;EACA,MAAM;IAAEa,MAAF;IAAUC,IAAV;IAAgBC;EAAhB,IAA0Bd,iBAAiB,EAAjD;EACA,oBACE,oBAAC,KAAD;IACE,IAAI,EAAE,OADR;IAEE,OAAO,EAAEM,MAFX;IAGE,SAAS,EAAED,SAHb;IAIE,oBAAoB,EAAEK,oBAJxB;IAKE,OAAO,EAAEH,OALX;IAME,eAAe,EAAE;MAAEQ,UAAU,EAAE,QAAd;MAAwBC,cAAc,EAAE;IAAxC;EANnB,gBAQE,oBAAC,WAAD;IAAa,KAAK,EAAE;MAAEL,KAAF;MAASM,aAAa,EAAEL;IAAxB;EAApB,GACGH,eAAe,iBAAI,oBAAC,eAAD;IAAiB,OAAO,EAAEH;EAA1B,EADtB,EAEGE,UAAU,CAACU,GAAX,CAAe,QAAwBC,GAAxB;IAAA,IAAC;MAAEC,OAAF;MAAW,GAAGC;IAAd,CAAD;IAAA,oBACd,oBAAC,gBAAD;MACE,aAAa,EAAE,IADjB;MAEE,GAAG,EAAEA,KAAK,CAACC,KAAN,GAAcH,GAFrB;MAGE,KAAK,EAAE;QAAEI,WAAW,EAAEV,IAAf;QAAqBW,YAAY,EAAEV;MAAnC,CAHT;MAIE,OAAO,EAAE,YAAY;QACnB,MAAMR,MAAM,EAAZ;;QACA,IAAI;UACFc,OAAO;QACR,CAFD,CAEE,MAAM,CAAE;MACX;IATH,gBAWE,oBAAC,WAAD,CAAa,IAAb,EAAsBC,KAAtB,CAXF,CADc;EAAA,CAAf,CAFH,CARF,CADF;AA6BD,CAjCD;;AAmCA,eAAejB,WAAf"}

package/lib/module/ui/Dialog/index.js

@@ -118,7 +118,8 @@ export const DialogProvider = _ref => {
     onHide: updateToHide,
     onDismiss: consumeQueue,
     visible: visibleState.current,
-    sheetItems: workingDialogJob.current.props.sheetItems
+    sheetItems: workingDialogJob.current.props.sheetItems,
+    HeaderComponent: workingDialogJob.current.props.HeaderComponent
   })))));
 };
 export const useActionMenu = () => {

package/lib/module/ui/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useRef","useForceUpdate","ActionMenu","Alert","BottomSheet","Prompt","AlertContext","createContext","ActionMenuContext","PromptContext","BottomSheetContext","DISMISS_TIMEOUT","DialogProvider","defaultLabels","children","waitDismissTimeout","waitDismissPromise","waitDismiss","resolver","current","setTimeout","completeDismiss","clearTimeout","undefined","render","dialogQueue","workingDialogJob","visibleState","isProcessing","Boolean","updateToShow","updateToHide","Promise","resolve","consumeQueue","job","shift","createJob","type","props","jobItem","push","alert","openMenu","openPrompt","openSheet","title","menuItems","message","buttons","text","ok","onSubmit","defaultValue","submitLabel","prompt","cancelLabel","cancel","placeholder","sheetItems","useActionMenu","context","Error","useAlert","usePrompt","useBottomSheet"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react';\n\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { ActionMenuItem } from '../ActionMenu';\nimport ActionMenu from '../ActionMenu';\nimport type { AlertItem } from '../Alert';\nimport Alert from '../Alert';\nimport type { BottomSheetItem } from '../BottomSheet';\nimport BottomSheet from '../BottomSheet';\nimport type { PromptItem } from '../Prompt';\nimport Prompt from '../Prompt';\n\ntype DialogJob =\n  | {\n      type: 'ActionMenu';\n      props: ActionMenuItem;\n    }\n  | {\n      type: 'Alert';\n      props: AlertItem;\n    }\n  | {\n      type: 'Prompt';\n      props: PromptItem;\n    }\n  | {\n      type: 'BottomSheet';\n      props: BottomSheetItem;\n    };\n\ntype DialogPropsBy<T extends DialogJob['type'], U extends DialogJob = DialogJob> = U extends { type: T; props: infer P }\n  ? P\n  : never;\n\ntype DialogContextType = {\n  openMenu: (props: DialogPropsBy<'ActionMenu'>) => void;\n  alert: (props: DialogPropsBy<'Alert'>) => void;\n  openPrompt: (props: DialogPropsBy<'Prompt'>) => void;\n  openSheet: (props: DialogPropsBy<'BottomSheet'>) => void;\n};\n\nconst AlertContext = React.createContext<Pick<DialogContextType, 'alert'> | null>(null);\nconst ActionMenuContext = React.createContext<Pick<DialogContextType, 'openMenu'> | null>(null);\nconst PromptContext = React.createContext<Pick<DialogContextType, 'openPrompt'> | null>(null);\nconst BottomSheetContext = React.createContext<Pick<DialogContextType, 'openSheet'> | null>(null);\n\ntype Props = React.PropsWithChildren<{\n  defaultLabels?: {\n    alert?: { ok?: string };\n    prompt?: { placeholder?: string; ok?: string; cancel?: string };\n  };\n}>;\nconst DISMISS_TIMEOUT = 3000;\nexport const DialogProvider = ({ defaultLabels, children }: Props) => {\n  const waitDismissTimeout = useRef<NodeJS.Timeout>();\n  const waitDismissPromise = useRef<() => void>();\n  const waitDismiss = useCallback((resolver: () => void) => {\n    waitDismissPromise.current = resolver;\n    waitDismissTimeout.current = setTimeout(completeDismiss, DISMISS_TIMEOUT);\n  }, []);\n  const completeDismiss = useCallback(() => {\n    if (waitDismissTimeout.current) clearTimeout(waitDismissTimeout.current);\n    if (waitDismissPromise.current) waitDismissPromise.current();\n    waitDismissTimeout.current = undefined;\n    waitDismissPromise.current = undefined;\n  }, []);\n\n  const render = useForceUpdate();\n  const dialogQueue = useRef<DialogJob[]>([]);\n  const workingDialogJob = useRef<DialogJob>();\n  const visibleState = useRef(false);\n\n  const isProcessing = () => Boolean(workingDialogJob.current);\n  const updateToShow = useCallback(() => {\n    visibleState.current = true;\n    render();\n  }, []);\n  const updateToHide = useCallback((): Promise<void> => {\n    return new Promise((resolve) => {\n      visibleState.current = false;\n      render();\n      waitDismiss(resolve);\n    });\n  }, []);\n  const consumeQueue = useCallback(() => {\n    completeDismiss();\n    const job = dialogQueue.current.shift();\n    if (job) {\n      workingDialogJob.current = job;\n      updateToShow();\n    } else {\n      workingDialogJob.current = undefined;\n    }\n  }, []);\n\n  const createJob =\n    <T extends DialogJob['type']>(type: T) =>\n    (props: DialogPropsBy<T>) => {\n      const jobItem = { type, props } as DialogJob;\n      if (isProcessing()) dialogQueue.current.push(jobItem);\n      else {\n        workingDialogJob.current = jobItem;\n        updateToShow();\n      }\n    };\n\n  const alert = useCallback(createJob('Alert'), []);\n  const openMenu = useCallback(createJob('ActionMenu'), []);\n  const openPrompt = useCallback(createJob('Prompt'), []);\n  const openSheet = useCallback(createJob('BottomSheet'), []);\n\n  return (\n    <AlertContext.Provider value={{ alert }}>\n      <ActionMenuContext.Provider value={{ openMenu }}>\n        <PromptContext.Provider value={{ openPrompt }}>\n          <BottomSheetContext.Provider value={{ openSheet }}>\n            {children}\n            {workingDialogJob.current?.type === 'ActionMenu' && (\n              <ActionMenu\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                title={workingDialogJob.current.props.title}\n                menuItems={workingDialogJob.current.props.menuItems}\n              />\n            )}\n            {workingDialogJob.current?.type === 'Alert' && (\n              <Alert\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                title={workingDialogJob.current.props.title}\n                message={workingDialogJob.current.props.message}\n                buttons={workingDialogJob.current.props.buttons ?? [{ text: defaultLabels?.alert?.ok || 'OK' }]}\n              />\n            )}\n            {workingDialogJob.current?.type === 'Prompt' && (\n              <Prompt\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                title={workingDialogJob.current.props.title}\n                onSubmit={workingDialogJob.current.props.onSubmit}\n                defaultValue={workingDialogJob.current.props.defaultValue}\n                submitLabel={workingDialogJob.current.props.submitLabel ?? defaultLabels?.prompt?.ok}\n                cancelLabel={workingDialogJob.current.props.cancelLabel ?? defaultLabels?.prompt?.cancel}\n                placeholder={workingDialogJob.current.props.placeholder ?? defaultLabels?.prompt?.placeholder}\n              />\n            )}\n            {workingDialogJob.current?.type === 'BottomSheet' && (\n              <BottomSheet\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                sheetItems={workingDialogJob.current.props.sheetItems}\n              />\n            )}\n          </BottomSheetContext.Provider>\n        </PromptContext.Provider>\n      </ActionMenuContext.Provider>\n    </AlertContext.Provider>\n  );\n};\n\nexport const useActionMenu = () => {\n  const context = useContext(ActionMenuContext);\n  if (!context) throw new Error('ActionMenuContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\nexport const useAlert = () => {\n  const context = useContext(AlertContext);\n  if (!context) throw new Error('AlertContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\nexport const usePrompt = () => {\n  const context = useContext(PromptContext);\n  if (!context) throw new Error('PromptContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\nexport const useBottomSheet = () => {\n  const context = useContext(BottomSheetContext);\n  if (!context) throw new Error('BottomSheetContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useContext","useRef","useForceUpdate","ActionMenu","Alert","BottomSheet","Prompt","AlertContext","createContext","ActionMenuContext","PromptContext","BottomSheetContext","DISMISS_TIMEOUT","DialogProvider","defaultLabels","children","waitDismissTimeout","waitDismissPromise","waitDismiss","resolver","current","setTimeout","completeDismiss","clearTimeout","undefined","render","dialogQueue","workingDialogJob","visibleState","isProcessing","Boolean","updateToShow","updateToHide","Promise","resolve","consumeQueue","job","shift","createJob","type","props","jobItem","push","alert","openMenu","openPrompt","openSheet","title","menuItems","message","buttons","text","ok","onSubmit","defaultValue","submitLabel","prompt","cancelLabel","cancel","placeholder","sheetItems","HeaderComponent","useActionMenu","context","Error","useAlert","usePrompt","useBottomSheet"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react';\n\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { ActionMenuItem } from '../ActionMenu';\nimport ActionMenu from '../ActionMenu';\nimport type { AlertItem } from '../Alert';\nimport Alert from '../Alert';\nimport type { BottomSheetItem } from '../BottomSheet';\nimport BottomSheet from '../BottomSheet';\nimport type { PromptItem } from '../Prompt';\nimport Prompt from '../Prompt';\n\ntype DialogJob =\n  | {\n      type: 'ActionMenu';\n      props: ActionMenuItem;\n    }\n  | {\n      type: 'Alert';\n      props: AlertItem;\n    }\n  | {\n      type: 'Prompt';\n      props: PromptItem;\n    }\n  | {\n      type: 'BottomSheet';\n      props: BottomSheetItem;\n    };\n\ntype DialogPropsBy<T extends DialogJob['type'], U extends DialogJob = DialogJob> = U extends { type: T; props: infer P }\n  ? P\n  : never;\n\ntype DialogContextType = {\n  openMenu: (props: DialogPropsBy<'ActionMenu'>) => void;\n  alert: (props: DialogPropsBy<'Alert'>) => void;\n  openPrompt: (props: DialogPropsBy<'Prompt'>) => void;\n  openSheet: (props: DialogPropsBy<'BottomSheet'>) => void;\n};\n\nconst AlertContext = React.createContext<Pick<DialogContextType, 'alert'> | null>(null);\nconst ActionMenuContext = React.createContext<Pick<DialogContextType, 'openMenu'> | null>(null);\nconst PromptContext = React.createContext<Pick<DialogContextType, 'openPrompt'> | null>(null);\nconst BottomSheetContext = React.createContext<Pick<DialogContextType, 'openSheet'> | null>(null);\n\ntype Props = React.PropsWithChildren<{\n  defaultLabels?: {\n    alert?: { ok?: string };\n    prompt?: { placeholder?: string; ok?: string; cancel?: string };\n  };\n}>;\nconst DISMISS_TIMEOUT = 3000;\nexport const DialogProvider = ({ defaultLabels, children }: Props) => {\n  const waitDismissTimeout = useRef<NodeJS.Timeout>();\n  const waitDismissPromise = useRef<() => void>();\n  const waitDismiss = useCallback((resolver: () => void) => {\n    waitDismissPromise.current = resolver;\n    waitDismissTimeout.current = setTimeout(completeDismiss, DISMISS_TIMEOUT);\n  }, []);\n  const completeDismiss = useCallback(() => {\n    if (waitDismissTimeout.current) clearTimeout(waitDismissTimeout.current);\n    if (waitDismissPromise.current) waitDismissPromise.current();\n    waitDismissTimeout.current = undefined;\n    waitDismissPromise.current = undefined;\n  }, []);\n\n  const render = useForceUpdate();\n  const dialogQueue = useRef<DialogJob[]>([]);\n  const workingDialogJob = useRef<DialogJob>();\n  const visibleState = useRef(false);\n\n  const isProcessing = () => Boolean(workingDialogJob.current);\n  const updateToShow = useCallback(() => {\n    visibleState.current = true;\n    render();\n  }, []);\n  const updateToHide = useCallback((): Promise<void> => {\n    return new Promise((resolve) => {\n      visibleState.current = false;\n      render();\n      waitDismiss(resolve);\n    });\n  }, []);\n  const consumeQueue = useCallback(() => {\n    completeDismiss();\n    const job = dialogQueue.current.shift();\n    if (job) {\n      workingDialogJob.current = job;\n      updateToShow();\n    } else {\n      workingDialogJob.current = undefined;\n    }\n  }, []);\n\n  const createJob =\n    <T extends DialogJob['type']>(type: T) =>\n    (props: DialogPropsBy<T>) => {\n      const jobItem = { type, props } as DialogJob;\n      if (isProcessing()) dialogQueue.current.push(jobItem);\n      else {\n        workingDialogJob.current = jobItem;\n        updateToShow();\n      }\n    };\n\n  const alert = useCallback(createJob('Alert'), []);\n  const openMenu = useCallback(createJob('ActionMenu'), []);\n  const openPrompt = useCallback(createJob('Prompt'), []);\n  const openSheet = useCallback(createJob('BottomSheet'), []);\n\n  return (\n    <AlertContext.Provider value={{ alert }}>\n      <ActionMenuContext.Provider value={{ openMenu }}>\n        <PromptContext.Provider value={{ openPrompt }}>\n          <BottomSheetContext.Provider value={{ openSheet }}>\n            {children}\n            {workingDialogJob.current?.type === 'ActionMenu' && (\n              <ActionMenu\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                title={workingDialogJob.current.props.title}\n                menuItems={workingDialogJob.current.props.menuItems}\n              />\n            )}\n            {workingDialogJob.current?.type === 'Alert' && (\n              <Alert\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                title={workingDialogJob.current.props.title}\n                message={workingDialogJob.current.props.message}\n                buttons={workingDialogJob.current.props.buttons ?? [{ text: defaultLabels?.alert?.ok || 'OK' }]}\n              />\n            )}\n            {workingDialogJob.current?.type === 'Prompt' && (\n              <Prompt\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                title={workingDialogJob.current.props.title}\n                onSubmit={workingDialogJob.current.props.onSubmit}\n                defaultValue={workingDialogJob.current.props.defaultValue}\n                submitLabel={workingDialogJob.current.props.submitLabel ?? defaultLabels?.prompt?.ok}\n                cancelLabel={workingDialogJob.current.props.cancelLabel ?? defaultLabels?.prompt?.cancel}\n                placeholder={workingDialogJob.current.props.placeholder ?? defaultLabels?.prompt?.placeholder}\n              />\n            )}\n            {workingDialogJob.current?.type === 'BottomSheet' && (\n              <BottomSheet\n                onHide={updateToHide}\n                onDismiss={consumeQueue}\n                visible={visibleState.current}\n                sheetItems={workingDialogJob.current.props.sheetItems}\n                HeaderComponent={workingDialogJob.current.props.HeaderComponent}\n              />\n            )}\n          </BottomSheetContext.Provider>\n        </PromptContext.Provider>\n      </ActionMenuContext.Provider>\n    </AlertContext.Provider>\n  );\n};\n\nexport const useActionMenu = () => {\n  const context = useContext(ActionMenuContext);\n  if (!context) throw new Error('ActionMenuContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\nexport const useAlert = () => {\n  const context = useContext(AlertContext);\n  if (!context) throw new Error('AlertContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\nexport const usePrompt = () => {\n  const context = useContext(PromptContext);\n  if (!context) throw new Error('PromptContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\nexport const useBottomSheet = () => {\n  const context = useContext(BottomSheetContext);\n  if (!context) throw new Error('BottomSheetContext is not provided, wrap your app with DialogProvider');\n  return context;\n};\n"],"mappings":"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"}

package/lib/module/ui/GroupChannelPreview/index.js

@@ -22,7 +22,9 @@ const GroupChannelPreview = _ref => {
     titleCaptionLeft,
     frozen,
     notificationOff,
-    broadcast
+    broadcast,
+    mentioned,
+    mentionTrigger = '@'
   } = _ref;
   const {
     colors
@@ -95,7 +97,13 @@ const GroupChannelPreview = _ref => {
     numberOfLines: 1,
     style: styles.bodyText,
     color: color.default.none.textBody
-  }, body))), /*#__PURE__*/React.createElement(View, null, badgeCount > 0 && /*#__PURE__*/React.createElement(Badge, {
+  }, body))), /*#__PURE__*/React.createElement(View, {
+    style: styles.unreadContainer
+  }, mentioned && /*#__PURE__*/React.createElement(Text, {
+    h2: true,
+    color: colors.ui.badge.default.none.background,
+    style: styles.unreadMention
+  }, mentionTrigger), badgeCount > 0 && /*#__PURE__*/React.createElement(Badge, {
     count: badgeCount,
     maxCount: maxBadgeCount
   }))), /*#__PURE__*/React.createElement(Separator, {
@@ -192,12 +200,12 @@ const styles = createStyleSheet({
     height: 26,
     marginRight: 4
   },
-  unreadBadge: {
-    minWidth: 20,
-    minHeight: 20,
-    borderRadius: 99,
-    alignItems: 'center',
-    justifyContent: 'center'
+  unreadContainer: {
+    flexDirection: 'row',
+    alignItems: 'flex-start'
+  },
+  unreadMention: {
+    marginRight: 4
   },
   separator: {
     position: 'absolute',