@sendbird/uikit-react-native-foundation 3.7.6 → 3.8.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Icon","_Text","_createStyleSheet","_useUIKitTheme","_Button","_LoadingSpinner","obj","__esModule","default","Placeholder","_ref","icon","loading","message","errorRetryLabel","onPressRetry","colors","useUIKitTheme","createElement","View","style","conditionChaining","styles","containerLoading","containerError","container","size","color","ui","placeholder","none","highlight","content","Boolean","body3","variant","onPress","contentColor","createStyleSheet","width","height","alignItems","justifyContent","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport LoadingSpinner from '../LoadingSpinner';\n\ntype Props = {\n  loading?: boolean;\n\n  icon: keyof typeof Icon.Assets;\n  message?: string;\n  errorRetryLabel?: string;\n  onPressRetry?: () => void;\n};\n\nconst Placeholder = ({ icon, loading = false, message = '', errorRetryLabel, onPressRetry }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  // loading ? styles.containerLoading : errorRetryLabel ? styles.containerError : styles.container\n  return (\n    <View\n      style={conditionChaining(\n        [loading, errorRetryLabel],\n        [styles.containerLoading, styles.containerError, styles.container],\n      )}\n    >\n      {conditionChaining(\n        [loading],\n        [\n          <LoadingSpinner size={64} color={colors.ui.placeholder.default.none.highlight} />,\n          <Icon icon={icon} size={64} color={colors.ui.placeholder.default.none.content} />,\n        ],\n      )}\n      {Boolean(message) && !loading && (\n        <Text body3 color={colors.ui.placeholder.default.none.content}>\n          {message}\n        </Text>\n      )}\n      {Boolean(errorRetryLabel) && !loading && (\n        <Button\n          variant={'text'}\n          onPress={onPressRetry}\n          contentColor={colors.ui.placeholder.default.none.highlight}\n          icon={'refresh'}\n        >\n          {errorRetryLabel}\n        </Button>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerError: {\n    width: 200,\n    height: 148,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerLoading: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default Placeholder;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Icon","_Text","_createStyleSheet","_useUIKitTheme","_Button","_LoadingSpinner","e","__esModule","default","Placeholder","icon","loading","message","errorRetryLabel","onPressRetry","colors","useUIKitTheme","createElement","View","style","conditionChaining","styles","containerLoading","containerError","container","size","color","ui","placeholder","none","highlight","content","Boolean","body3","variant","onPress","contentColor","createStyleSheet","width","height","alignItems","justifyContent","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport LoadingSpinner from '../LoadingSpinner';\n\ntype Props = {\n  loading?: boolean;\n\n  icon: keyof typeof Icon.Assets;\n  message?: string;\n  errorRetryLabel?: string;\n  onPressRetry?: () => void;\n};\n\nconst Placeholder = ({ icon, loading = false, message = '', errorRetryLabel, onPressRetry }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  // loading ? styles.containerLoading : errorRetryLabel ? styles.containerError : styles.container\n  return (\n    <View\n      style={conditionChaining(\n        [loading, errorRetryLabel],\n        [styles.containerLoading, styles.containerError, styles.container],\n      )}\n    >\n      {conditionChaining(\n        [loading],\n        [\n          <LoadingSpinner size={64} color={colors.ui.placeholder.default.none.highlight} />,\n          <Icon icon={icon} size={64} color={colors.ui.placeholder.default.none.content} />,\n        ],\n      )}\n      {Boolean(message) && !loading && (\n        <Text body3 color={colors.ui.placeholder.default.none.content}>\n          {message}\n        </Text>\n      )}\n      {Boolean(errorRetryLabel) && !loading && (\n        <Button\n          variant={'text'}\n          onPress={onPressRetry}\n          contentColor={colors.ui.placeholder.default.none.highlight}\n          icon={'refresh'}\n        >\n          {errorRetryLabel}\n        </Button>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerError: {\n    width: 200,\n    height: 148,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerLoading: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default Placeholder;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,OAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,eAAA,GAAAT,sBAAA,CAAAC,OAAA;AAA+C,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW/C,MAAMG,WAAW,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO,GAAG,KAAK;EAAEC,OAAO,GAAG,EAAE;EAAEC,eAAe;EAAEC;AAAoB,CAAC,KAAK;EACrG,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;;EAElC;EACA,oBACErB,MAAA,CAAAa,OAAA,CAAAS,aAAA,CAACnB,YAAA,CAAAoB,IAAI;IACHC,KAAK,EAAE,IAAAC,6BAAiB,EACtB,CAACT,OAAO,EAAEE,eAAe,CAAC,EAC1B,CAACQ,MAAM,CAACC,gBAAgB,EAAED,MAAM,CAACE,cAAc,EAAEF,MAAM,CAACG,SAAS,CACnE;EAAE,GAED,IAAAJ,6BAAiB,EAChB,CAACT,OAAO,CAAC,EACT,cACEhB,MAAA,CAAAa,OAAA,CAAAS,aAAA,CAACZ,eAAA,CAAAG,OAAc;IAACiB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEX,MAAM,CAACY,EAAE,CAACC,WAAW,CAACpB,OAAO,CAACqB,IAAI,CAACC;EAAU,CAAE,CAAC,eACjFnC,MAAA,CAAAa,OAAA,CAAAS,aAAA,CAACjB,KAAA,CAAAQ,OAAI;IAACE,IAAI,EAAEA,IAAK;IAACe,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEX,MAAM,CAACY,EAAE,CAACC,WAAW,CAACpB,OAAO,CAACqB,IAAI,CAACE;EAAQ,CAAE,CAAC,CAErF,CAAC,EACAC,OAAO,CAACpB,OAAO,CAAC,IAAI,CAACD,OAAO,iBAC3BhB,MAAA,CAAAa,OAAA,CAAAS,aAAA,CAAChB,KAAA,CAAAO,OAAI;IAACyB,KAAK;IAACP,KAAK,EAAEX,MAAM,CAACY,EAAE,CAACC,WAAW,CAACpB,OAAO,CAACqB,IAAI,CAACE;EAAQ,GAC3DnB,OACG,CACP,EACAoB,OAAO,CAACnB,eAAe,CAAC,IAAI,CAACF,OAAO,iBACnChB,MAAA,CAAAa,OAAA,CAAAS,aAAA,CAACb,OAAA,CAAAI,OAAM;IACL0B,OAAO,EAAE,MAAO;IAChBC,OAAO,EAAErB,YAAa;IACtBsB,YAAY,EAAErB,MAAM,CAACY,EAAE,CAACC,WAAW,CAACpB,OAAO,CAACqB,IAAI,CAACC,SAAU;IAC3DpB,IAAI,EAAE;EAAU,GAEfG,eACK,CAEN,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAG,IAAAgB,yBAAgB,EAAC;EAC9Bb,SAAS,EAAE;IACTc,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,cAAc,EAAE;IACde,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDnB,gBAAgB,EAAE;IAChBgB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEYC,WAAW","ignoreList":[]}

package/lib/commonjs/ui/ProfileCard/index.js

@@ -11,16 +11,15 @@ var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _Avatar = _interopRequireDefault(require("../Avatar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ProfileCard = _ref => {
-  let {
-    uri,
-    username,
-    bodyLabel,
-    body,
-    button,
-    containerStyle
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ProfileCard = ({
+  uri,
+  username,
+  bodyLabel,
+  body,
+  button,
+  containerStyle
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -69,6 +68,7 @@ const styles = (0, _createStyleSheet.default)({
     marginBottom: 8
   },
   profileInfoContainer: {
+    alignItems: 'flex-start',
     padding: 16
   },
   profileInfoBodyLabel: {
@@ -79,6 +79,5 @@ const styles = (0, _createStyleSheet.default)({
     marginBottom: 24
   }
 });
-var _default = ProfileCard;
-exports.default = _default;
+var _default = exports.default = ProfileCard;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Divider","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","ProfileCard","_ref","uri","username","bodyLabel","body","button","containerStyle","colors","useUIKitTheme","color","ui","profileCard","none","createElement","View","style","styles","container","backgroundColor","background","profileContainer","size","profileAvatar","h1","textUsername","numberOfLines","messageButtonArea","space","profileInfoContainer","body2","textBodyLabel","profileInfoBodyLabel","body3","textBody","createStyleSheet","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Divider from '../../components/Divider';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  uri: string;\n  username: string;\n\n  button?: ReactNode;\n\n  bodyLabel: string;\n  body: string;\n\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ProfileCard = ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.profileCard.default.none;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }, containerStyle]}>\n      <View style={styles.profileContainer}>\n        <Avatar uri={uri} size={80} containerStyle={styles.profileAvatar} />\n        <Text h1 color={color.textUsername} numberOfLines={1}>\n          {username}\n        </Text>\n      </View>\n      {button && <View style={styles.messageButtonArea}>{button}</View>}\n      <Divider space={16} />\n      <View style={styles.profileInfoContainer}>\n        <Text body2 color={color.textBodyLabel} style={styles.profileInfoBodyLabel}>\n          {bodyLabel}\n        </Text>\n        <Text body3 numberOfLines={1} color={color.textBody}>\n          {body}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 32,\n    width: '100%',\n  },\n  profileContainer: {\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    marginBottom: 24,\n  },\n  profileAvatar: {\n    marginBottom: 8,\n  },\n  profileInfoContainer: {\n    padding: 16,\n  },\n  profileInfoBodyLabel: {\n    marginBottom: 4,\n  },\n  messageButtonArea: {\n    marginHorizontal: 24,\n    marginBottom: 24,\n  },\n});\n\nexport default ProfileCard;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Divider","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","e","__esModule","default","ProfileCard","uri","username","bodyLabel","body","button","containerStyle","colors","useUIKitTheme","color","ui","profileCard","none","createElement","View","style","styles","container","backgroundColor","background","profileContainer","size","profileAvatar","h1","textUsername","numberOfLines","messageButtonArea","space","profileInfoContainer","body2","textBodyLabel","profileInfoBodyLabel","body3","textBody","createStyleSheet","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Divider from '../../components/Divider';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  uri: string;\n  username: string;\n\n  button?: ReactNode;\n\n  bodyLabel: string;\n  body: string;\n\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ProfileCard = ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.profileCard.default.none;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }, containerStyle]}>\n      <View style={styles.profileContainer}>\n        <Avatar uri={uri} size={80} containerStyle={styles.profileAvatar} />\n        <Text h1 color={color.textUsername} numberOfLines={1}>\n          {username}\n        </Text>\n      </View>\n      {button && <View style={styles.messageButtonArea}>{button}</View>}\n      <Divider space={16} />\n      <View style={styles.profileInfoContainer}>\n        <Text body2 color={color.textBodyLabel} style={styles.profileInfoBodyLabel}>\n          {bodyLabel}\n        </Text>\n        <Text body3 numberOfLines={1} color={color.textBody}>\n          {body}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 32,\n    width: '100%',\n  },\n  profileContainer: {\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    marginBottom: 24,\n  },\n  profileAvatar: {\n    marginBottom: 8,\n  },\n  profileInfoContainer: {\n    alignItems: 'flex-start',\n    padding: 16,\n  },\n  profileInfoBodyLabel: {\n    marginBottom: 4,\n  },\n  messageButtonArea: {\n    marginHorizontal: 24,\n    marginBottom: 24,\n  },\n});\n\nexport default ProfileCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/Prompt/index.js

@@ -15,23 +15,22 @@ var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyl
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _DialogBox = _interopRequireDefault(require("../Dialog/DialogBox"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const Prompt = _ref => {
-  let {
-    onDismiss,
-    visible,
-    onHide,
-    autoFocus = true,
-    title,
-    defaultValue = '',
-    placeholder = 'Enter',
-    onSubmit = _uikitUtils.NOOP,
-    onCancel = _uikitUtils.NOOP,
-    submitLabel = 'Submit',
-    cancelLabel = 'Cancel'
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Prompt = ({
+  onDismiss,
+  visible,
+  onHide,
+  autoFocus = true,
+  title,
+  defaultValue = '',
+  placeholder = 'Enter',
+  onSubmit = _uikitUtils.NOOP,
+  onCancel = _uikitUtils.NOOP,
+  submitLabel = 'Submit',
+  cancelLabel = 'Cancel'
+}) => {
   const {
     statusBarTranslucent
   } = (0, _useHeaderStyle.default)();
@@ -62,8 +61,8 @@ const Prompt = _ref => {
     if (autoFocus && visible) {
       setTimeout(() => {
         var _inputRef$current, _inputRef$current2;
-        if (_reactNative.Platform.OS === 'android') (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
-        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+        if (_reactNative.Platform.OS === 'android') (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
       }, 250);
     }
   }, [autoFocus, visible, `${width}-${height}`]);
@@ -73,7 +72,7 @@ const Prompt = _ref => {
     onClose: onHide,
     onDismiss: () => {
       setText('');
-      onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+      onDismiss === null || onDismiss === void 0 || onDismiss();
     },
     statusBarTranslucent: statusBarTranslucent,
     visible: visible,
@@ -88,10 +87,7 @@ const Prompt = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     h1: true,
     color: colors.ui.dialog.default.none.text,
-    numberOfLines: 1,
-    style: {
-      flex: 1
-    }
+    numberOfLines: 1
   }, title)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.inputContainer
   }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
@@ -102,18 +98,17 @@ const Prompt = _ref => {
     value: text,
     onChangeText: setText,
     style: {
-      paddingLeft: 0,
-      paddingRight: 0,
+      paddingStart: 0,
+      paddingEnd: 0,
       paddingTop: 10,
       paddingBottom: 10
     }
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.buttonContainer
-  }, buttons.map((_ref2, index) => {
-    let {
-      text,
-      onPress
-    } = _ref2;
+  }, buttons.map(({
+    text,
+    onPress
+  }, index) => {
     return /*#__PURE__*/_react.default.createElement(_Button.default, {
       key: text + index,
       variant: 'text',
@@ -122,7 +117,7 @@ const Prompt = _ref => {
       onPress: () => {
         _reactNative.Keyboard.dismiss();
         try {
-          onPress === null || onPress === void 0 ? void 0 : onPress();
+          onPress === null || onPress === void 0 || onPress();
         } finally {
           onHide();
         }
@@ -138,8 +133,7 @@ const styles = (0, _createStyleSheet.default)({
     marginBottom: 12,
     paddingVertical: 12,
     paddingHorizontal: 24,
-    flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'flex-start'
   },
   inputContainer: {
     paddingHorizontal: 24,
@@ -152,9 +146,8 @@ const styles = (0, _createStyleSheet.default)({
     padding: 12
   },
   button: {
-    marginLeft: 8
+    marginStart: 8
   }
 });
-var _default = Prompt;
-exports.default = _default;
+var _default = exports.default = Prompt;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Modal","_interopRequireDefault","_Text","_TextInput","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","_Button","_DialogBox","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Prompt","_ref","onDismiss","visible","onHide","autoFocus","title","defaultValue","placeholder","onSubmit","NOOP","onCancel","submitLabel","cancelLabel","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","inputRef","useRef","width","height","useWindowDimensions","buttons","text","onPress","setText","useState","useEffect","setTimeout","_inputRef$current","_inputRef$current2","Platform","OS","current","blur","focus","createElement","enableKeyboardAvoid","disableBackgroundClose","onClose","backgroundStyle","alignItems","justifyContent","style","styles","container","Boolean","View","titleContainer","h1","color","ui","dialog","none","numberOfLines","flex","inputContainer","ref","variant","value","onChangeText","paddingLeft","paddingRight","paddingTop","paddingBottom","buttonContainer","map","_ref2","index","button","contentColor","highlight","Keyboard","dismiss","createStyleSheet","marginBottom","paddingVertical","paddingHorizontal","flexDirection","padding","marginLeft","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Keyboard, Platform, TextInput as RNTextInput, View, useWindowDimensions } from 'react-native';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport TextInput from '../../components/TextInput';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\n\nexport type PromptItem = {\n  title: string;\n  placeholder?: string;\n  defaultValue?: string;\n  onSubmit?: (text: string) => void;\n  submitLabel?: string;\n  onCancel?: () => void;\n  cancelLabel?: string;\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onDismiss?: () => void;\n  autoFocus?: boolean;\n} & PromptItem;\nconst Prompt = ({\n  onDismiss,\n  visible,\n  onHide,\n  autoFocus = true,\n  title,\n  defaultValue = '',\n  placeholder = 'Enter',\n  onSubmit = NOOP,\n  onCancel = NOOP,\n  submitLabel = 'Submit',\n  cancelLabel = 'Cancel',\n}: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const inputRef = useRef<RNTextInput>(null);\n  const { width, height } = useWindowDimensions();\n\n  const buttons = [\n    { text: cancelLabel, onPress: onCancel },\n    { text: submitLabel, onPress: () => onSubmit(text) },\n  ];\n\n  const [text, setText] = useState(defaultValue);\n\n  // FIXME: autoFocus trick with modal\n  // Android\n  // - InputProps.autoFocus is not trigger keyboard appearing.\n  // - InputRef.focus() is trigger keyboard appearing, but position of keyboard selection is always the start of text.\n  // iOS\n  // - InputProps.autoFocus is trigger weird UI behavior on landscape mode.\n  useEffect(() => {\n    if (autoFocus && visible) {\n      setTimeout(() => {\n        if (Platform.OS === 'android') inputRef.current?.blur();\n        inputRef.current?.focus();\n      }, 250);\n    }\n  }, [autoFocus, visible, `${width}-${height}`]);\n\n  return (\n    <Modal\n      enableKeyboardAvoid\n      disableBackgroundClose\n      onClose={onHide}\n      onDismiss={() => {\n        setText('');\n        onDismiss?.();\n      }}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox style={styles.container}>\n        {Boolean(title) && (\n          <View style={styles.titleContainer}>\n            <Text h1 color={colors.ui.dialog.default.none.text} numberOfLines={1} style={{ flex: 1 }}>\n              {title}\n            </Text>\n          </View>\n        )}\n\n        <View style={styles.inputContainer}>\n          <TextInput\n            autoFocus={autoFocus && Platform.OS === 'android'}\n            ref={inputRef}\n            placeholder={placeholder}\n            variant={'underline'}\n            value={text}\n            onChangeText={setText}\n            style={{ paddingLeft: 0, paddingRight: 0, paddingTop: 10, paddingBottom: 10 }}\n          />\n        </View>\n\n        <View style={styles.buttonContainer}>\n          {buttons.map(({ text, onPress }, index) => {\n            return (\n              <Button\n                key={text + index}\n                variant={'text'}\n                style={styles.button}\n                contentColor={colors.ui.dialog.default.none.highlight}\n                onPress={() => {\n                  Keyboard.dismiss();\n                  try {\n                    onPress?.();\n                  } finally {\n                    onHide();\n                  }\n                }}\n              >\n                {text}\n              </Button>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 8,\n  },\n  titleContainer: {\n    marginBottom: 12,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  inputContainer: {\n    paddingHorizontal: 24,\n    marginBottom: 12,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  button: {\n    marginLeft: 8,\n  },\n});\n\nexport default Prompt;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Modal","_interopRequireDefault","_Text","_TextInput","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","_Button","_DialogBox","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Prompt","onDismiss","visible","onHide","autoFocus","title","defaultValue","placeholder","onSubmit","NOOP","onCancel","submitLabel","cancelLabel","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","inputRef","useRef","width","height","useWindowDimensions","buttons","text","onPress","setText","useState","useEffect","setTimeout","_inputRef$current","_inputRef$current2","Platform","OS","current","blur","focus","createElement","enableKeyboardAvoid","disableBackgroundClose","onClose","backgroundStyle","alignItems","justifyContent","style","styles","container","Boolean","View","titleContainer","h1","color","ui","dialog","none","numberOfLines","inputContainer","ref","variant","value","onChangeText","paddingStart","paddingEnd","paddingTop","paddingBottom","buttonContainer","map","index","key","button","contentColor","highlight","Keyboard","dismiss","createStyleSheet","marginBottom","paddingVertical","paddingHorizontal","flexDirection","padding","marginStart","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Keyboard, Platform, TextInput as RNTextInput, View, useWindowDimensions } from 'react-native';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport TextInput from '../../components/TextInput';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\n\nexport type PromptItem = {\n  title: string;\n  placeholder?: string;\n  defaultValue?: string;\n  onSubmit?: (text: string) => void;\n  submitLabel?: string;\n  onCancel?: () => void;\n  cancelLabel?: string;\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onDismiss?: () => void;\n  autoFocus?: boolean;\n} & PromptItem;\nconst Prompt = ({\n  onDismiss,\n  visible,\n  onHide,\n  autoFocus = true,\n  title,\n  defaultValue = '',\n  placeholder = 'Enter',\n  onSubmit = NOOP,\n  onCancel = NOOP,\n  submitLabel = 'Submit',\n  cancelLabel = 'Cancel',\n}: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const inputRef = useRef<RNTextInput>(null);\n  const { width, height } = useWindowDimensions();\n\n  const buttons = [\n    { text: cancelLabel, onPress: onCancel },\n    { text: submitLabel, onPress: () => onSubmit(text) },\n  ];\n\n  const [text, setText] = useState(defaultValue);\n\n  // FIXME: autoFocus trick with modal\n  // Android\n  // - InputProps.autoFocus is not trigger keyboard appearing.\n  // - InputRef.focus() is trigger keyboard appearing, but position of keyboard selection is always the start of text.\n  // iOS\n  // - InputProps.autoFocus is trigger weird UI behavior on landscape mode.\n  useEffect(() => {\n    if (autoFocus && visible) {\n      setTimeout(() => {\n        if (Platform.OS === 'android') inputRef.current?.blur();\n        inputRef.current?.focus();\n      }, 250);\n    }\n  }, [autoFocus, visible, `${width}-${height}`]);\n\n  return (\n    <Modal\n      enableKeyboardAvoid\n      disableBackgroundClose\n      onClose={onHide}\n      onDismiss={() => {\n        setText('');\n        onDismiss?.();\n      }}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox style={styles.container}>\n        {Boolean(title) && (\n          <View style={styles.titleContainer}>\n            <Text h1 color={colors.ui.dialog.default.none.text} numberOfLines={1}>\n              {title}\n            </Text>\n          </View>\n        )}\n\n        <View style={styles.inputContainer}>\n          <TextInput\n            autoFocus={autoFocus && Platform.OS === 'android'}\n            ref={inputRef}\n            placeholder={placeholder}\n            variant={'underline'}\n            value={text}\n            onChangeText={setText}\n            style={{ paddingStart: 0, paddingEnd: 0, paddingTop: 10, paddingBottom: 10 }}\n          />\n        </View>\n\n        <View style={styles.buttonContainer}>\n          {buttons.map(({ text, onPress }, index) => {\n            return (\n              <Button\n                key={text + index}\n                variant={'text'}\n                style={styles.button}\n                contentColor={colors.ui.dialog.default.none.highlight}\n                onPress={() => {\n                  Keyboard.dismiss();\n                  try {\n                    onPress?.();\n                  } finally {\n                    onHide();\n                  }\n                }}\n              >\n                {text}\n              </Button>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 8,\n  },\n  titleContainer: {\n    marginBottom: 12,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    alignItems: 'flex-start',\n  },\n  inputContainer: {\n    paddingHorizontal: 24,\n    marginBottom: 12,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  button: {\n    marginStart: 8,\n  },\n});\n\nexport default Prompt;\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,9 +11,9 @@ var _Icon = _interopRequireDefault(require("../../components/Icon"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ToastContext = /*#__PURE__*/(0, _react.createContext)(null);
 const useOpacity = () => {
   const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
@@ -30,14 +30,13 @@ const useOpacity = () => {
     hide: () => transition(0)
   };
 };
-const Toast = _ref => {
-  let {
-    visible,
-    type,
-    children,
-    top,
-    bottom
-  } = _ref;
+const Toast = ({
+  visible,
+  type,
+  children,
+  top,
+  bottom
+}) => {
   const {
     colors,
     select,
@@ -92,11 +91,10 @@ const Toast = _ref => {
   }, children));
 };
 const VISIBLE_MS = 3000;
-const ToastProvider = _ref2 => {
-  let {
-    children,
-    dismissTimeout = VISIBLE_MS
-  } = _ref2;
+const ToastProvider = ({
+  children,
+  dismissTimeout = VISIBLE_MS
+}) => {
   const [state, setState] = (0, _react.useState)({
     visible: false,
     type: 'error',
@@ -117,14 +115,11 @@ const ToastProvider = _ref2 => {
   });
   return /*#__PURE__*/_react.default.createElement(ToastContext.Provider, {
     value: {
-      show: function (text) {
-        let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'normal';
-        return text && setState({
-          text,
-          type,
-          visible: true
-        });
-      }
+      show: (text, type = 'normal') => text && setState({
+        text,
+        type,
+        visible: true
+      })
     }
   }, children, /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
     behavior: _reactNative.Platform.OS === 'ios' ? 'position' : undefined,
@@ -155,7 +150,7 @@ const styles = (0, _createStyleSheet.default)({
     flexDirection: 'row'
   },
   icon: {
-    marginRight: 4
+    marginEnd: 4
   },
   text: {
     maxWidth: 240,
@@ -165,6 +160,5 @@ const styles = (0, _createStyleSheet.default)({
     bottom: 60
   }
 });
-var _default = Toast;
-exports.default = _default;
+var _default = exports.default = Toast;
 //# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/ui/TypingIndicatorBubble/index.js

@@ -10,15 +10,14 @@ var _Box = _interopRequireDefault(require("../../components/Box"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _Avatar = _interopRequireDefault(require("../Avatar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const TypingIndicatorBubble = _ref => {
-  let {
-    typingUsers,
-    containerStyle,
-    maxAvatar
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TypingIndicatorBubble = ({
+  typingUsers,
+  containerStyle,
+  maxAvatar
+}) => {
   const {
     select,
     palette,
@@ -41,7 +40,7 @@ const TypingIndicatorBubble = _ref => {
       })
     },
     containerStyle: {
-      marginRight: 12
+      marginEnd: 12
     }
   }, typingUsers.map((user, index) => /*#__PURE__*/_react.default.createElement(_Avatar.default, {
     key: index,
@@ -54,24 +53,20 @@ const TypingIndicatorBubble = _ref => {
     backgroundColor: colors.onBackground02
   }));
 };
-const TypingDots = _ref2 => {
-  let {
-    dotColor,
-    backgroundColor
-  } = _ref2;
+const TypingDots = ({
+  dotColor,
+  backgroundColor
+}) => {
   const animation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const dots = matrix.map(_ref3 => {
-    let [timeline, scale, opacity] = _ref3;
-    return [animation.interpolate({
-      inputRange: timeline,
-      outputRange: scale,
-      extrapolate: 'clamp'
-    }), animation.interpolate({
-      inputRange: timeline,
-      outputRange: opacity,
-      extrapolate: 'clamp'
-    })];
-  });
+  const dots = matrix.map(([timeline, scale, opacity]) => [animation.interpolate({
+    inputRange: timeline,
+    outputRange: scale,
+    extrapolate: 'clamp'
+  }), animation.interpolate({
+    inputRange: timeline,
+    outputRange: opacity,
+    extrapolate: 'clamp'
+  })]);
   (0, _react.useEffect)(() => {
     const animated = _reactNative.Animated.loop(_reactNative.Animated.timing(animation, {
       toValue: 1.4,
@@ -90,12 +85,11 @@ const TypingDots = _ref2 => {
     paddingHorizontal: 12,
     height: 34,
     backgroundColor: dotColor
-  }, dots.map((_ref4, index) => {
-    let [scale, opacity] = _ref4;
+  }, dots.map(([scale, opacity], index) => {
     return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
       key: index,
       style: [styles.dot, {
-        marginRight: index === dots.length - 1 ? 0 : 6,
+        marginEnd: index === dots.length - 1 ? 0 : 6,
         opacity: opacity,
         transform: [{
           scale: scale
@@ -113,6 +107,5 @@ const styles = (0, _createStyleSheet.default)({
     borderRadius: 4
   }
 });
-var _default = TypingIndicatorBubble;
-exports.default = _default;
+var _default = exports.default = TypingIndicatorBubble;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Box","_interopRequireDefault","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TypingIndicatorBubble","_ref","typingUsers","containerStyle","maxAvatar","select","palette","colors","useUIKitTheme","length","createElement","flexDirection","justifyContent","alignItems","style","Stack","size","styles","remainsTextColor","onBackground02","remainsBackgroundColor","light","background100","dark","background400","marginRight","map","user","index","uri","profileUrl","TypingDots","dotColor","backgroundColor","_ref2","animation","useRef","Animated","Value","current","dots","matrix","_ref3","timeline","scale","opacity","interpolate","inputRange","outputRange","extrapolate","useEffect","animated","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","reset","borderRadius","paddingHorizontal","height","_ref4","View","dot","transform","createStyleSheet","width","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing, StyleProp, ViewStyle } from 'react-native';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  typingUsers: SendbirdUser[];\n  containerStyle?: StyleProp<ViewStyle>;\n  maxAvatar?: number;\n};\n\nconst TypingIndicatorBubble = ({ typingUsers, containerStyle, maxAvatar }: Props) => {\n  const { select, palette, colors } = useUIKitTheme();\n\n  if (typingUsers.length === 0) return null;\n\n  return (\n    <Box flexDirection={'row'} justifyContent={'flex-start'} alignItems={'center'} style={containerStyle}>\n      <Avatar.Stack\n        size={26}\n        maxAvatar={maxAvatar}\n        styles={{\n          remainsTextColor: colors.onBackground02,\n          remainsBackgroundColor: select({ light: palette.background100, dark: palette.background400 }),\n        }}\n        containerStyle={{ marginRight: 12 }}\n      >\n        {typingUsers.map((user, index) => (\n          <Avatar key={index} uri={user.profileUrl} />\n        ))}\n      </Avatar.Stack>\n      <TypingDots\n        dotColor={select({ light: palette.background100, dark: palette.background400 })}\n        backgroundColor={colors.onBackground02}\n      />\n    </Box>\n  );\n};\n\ntype TypingDotsProps = {\n  dotColor: string;\n  backgroundColor: string;\n};\nconst TypingDots = ({ dotColor, backgroundColor }: TypingDotsProps) => {\n  const animation = useRef(new Animated.Value(0)).current;\n  const dots = matrix.map(([timeline, scale, opacity]) => [\n    animation.interpolate({ inputRange: timeline, outputRange: scale, extrapolate: 'clamp' }),\n    animation.interpolate({ inputRange: timeline, outputRange: opacity, extrapolate: 'clamp' }),\n  ]);\n\n  useEffect(() => {\n    const animated = Animated.loop(\n      Animated.timing(animation, { toValue: 1.4, duration: 1400, easing: Easing.linear, useNativeDriver: true }),\n    );\n    animated.start();\n    return () => animated.reset();\n  }, []);\n\n  return (\n    <Box\n      flexDirection={'row'}\n      alignItems={'center'}\n      justifyContent={'center'}\n      borderRadius={16}\n      paddingHorizontal={12}\n      height={34}\n      backgroundColor={dotColor}\n    >\n      {dots.map(([scale, opacity], index) => {\n        return (\n          <Animated.View\n            key={index}\n            style={[\n              styles.dot,\n              {\n                marginRight: index === dots.length - 1 ? 0 : 6,\n                opacity: opacity,\n                transform: [{ scale: scale }],\n                backgroundColor: backgroundColor,\n              },\n            ]}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n\nconst matrix = [\n  [\n    [0.4, 0.7, 1.0],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n  [\n    [0.6, 0.9, 1.2],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n  [\n    [0.8, 1.1, 1.4],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n];\n\nconst styles = createStyleSheet({\n  dot: {\n    width: 8,\n    height: 8,\n    borderRadius: 4,\n  },\n});\n\nexport default TypingIndicatorBubble;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Box","_interopRequireDefault","_createStyleSheet","_useUIKitTheme","_Avatar","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypingIndicatorBubble","typingUsers","containerStyle","maxAvatar","select","palette","colors","useUIKitTheme","length","createElement","flexDirection","justifyContent","alignItems","style","Stack","size","styles","remainsTextColor","onBackground02","remainsBackgroundColor","light","background100","dark","background400","marginEnd","map","user","index","key","uri","profileUrl","TypingDots","dotColor","backgroundColor","animation","useRef","Animated","Value","current","dots","matrix","timeline","scale","opacity","interpolate","inputRange","outputRange","extrapolate","useEffect","animated","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","reset","borderRadius","paddingHorizontal","height","View","dot","transform","createStyleSheet","width","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing, StyleProp, ViewStyle } from 'react-native';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  typingUsers: SendbirdUser[];\n  containerStyle?: StyleProp<ViewStyle>;\n  maxAvatar?: number;\n};\n\nconst TypingIndicatorBubble = ({ typingUsers, containerStyle, maxAvatar }: Props) => {\n  const { select, palette, colors } = useUIKitTheme();\n\n  if (typingUsers.length === 0) return null;\n\n  return (\n    <Box flexDirection={'row'} justifyContent={'flex-start'} alignItems={'center'} style={containerStyle}>\n      <Avatar.Stack\n        size={26}\n        maxAvatar={maxAvatar}\n        styles={{\n          remainsTextColor: colors.onBackground02,\n          remainsBackgroundColor: select({ light: palette.background100, dark: palette.background400 }),\n        }}\n        containerStyle={{ marginEnd: 12 }}\n      >\n        {typingUsers.map((user, index) => (\n          <Avatar key={index} uri={user.profileUrl} />\n        ))}\n      </Avatar.Stack>\n      <TypingDots\n        dotColor={select({ light: palette.background100, dark: palette.background400 })}\n        backgroundColor={colors.onBackground02}\n      />\n    </Box>\n  );\n};\n\ntype TypingDotsProps = {\n  dotColor: string;\n  backgroundColor: string;\n};\nconst TypingDots = ({ dotColor, backgroundColor }: TypingDotsProps) => {\n  const animation = useRef(new Animated.Value(0)).current;\n  const dots = matrix.map(([timeline, scale, opacity]) => [\n    animation.interpolate({ inputRange: timeline, outputRange: scale, extrapolate: 'clamp' }),\n    animation.interpolate({ inputRange: timeline, outputRange: opacity, extrapolate: 'clamp' }),\n  ]);\n\n  useEffect(() => {\n    const animated = Animated.loop(\n      Animated.timing(animation, { toValue: 1.4, duration: 1400, easing: Easing.linear, useNativeDriver: true }),\n    );\n    animated.start();\n    return () => animated.reset();\n  }, []);\n\n  return (\n    <Box\n      flexDirection={'row'}\n      alignItems={'center'}\n      justifyContent={'center'}\n      borderRadius={16}\n      paddingHorizontal={12}\n      height={34}\n      backgroundColor={dotColor}\n    >\n      {dots.map(([scale, opacity], index) => {\n        return (\n          <Animated.View\n            key={index}\n            style={[\n              styles.dot,\n              {\n                marginEnd: index === dots.length - 1 ? 0 : 6,\n                opacity: opacity,\n                transform: [{ scale: scale }],\n                backgroundColor: backgroundColor,\n              },\n            ]}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n\nconst matrix = [\n  [\n    [0.4, 0.7, 1.0],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n  [\n    [0.6, 0.9, 1.2],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n  [\n    [0.8, 1.1, 1.4],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n];\n\nconst styles = createStyleSheet({\n  dot: {\n    width: 8,\n    height: 8,\n    borderRadius: 4,\n  },\n});\n\nexport default TypingIndicatorBubble;\n"],"mappings":"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","ignoreList":[]}