@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/lib/commonjs/core/design/atoms/Input/Chip/Chip.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chip = Chip;
+var _reactNative = require("react-native");
+var _icons = require("../../../icons");
+var _styles = require("./styles");
+// Chip input atom — ported from AmityUiKitWeb core/design/atoms/Input/Chip.
+// A tag-entry field: existing chips render as removable tags, and submitting the
+// input appends a new chip. Web's react-aria TagGroup becomes RN Views with a
+// remove Pressable (cross-r glyph) per tag.
+
+function Chip({
+  chips = [],
+  onChipsChange,
+  value,
+  onChange,
+  placeholder,
+  title,
+  hintText,
+  leadingIcon,
+  isDisabled = false,
+  isInvalid = false,
+  onSubmit,
+  accessibilityLabel
+}) {
+  const state = isDisabled ? 'disabled' : isInvalid ? 'invalid' : 'default';
+  const {
+    styles,
+    placeholderColor,
+    cursorColor,
+    removeIconColor
+  } = (0, _styles.useStyles)(state);
+  const removeChip = id => {
+    onChipsChange === null || onChipsChange === void 0 || onChipsChange(chips.filter(chip => chip.id !== id));
+  };
+  const addChip = () => {
+    const next = value === null || value === void 0 ? void 0 : value.trim();
+    if (!next) return;
+    onChipsChange === null || onChipsChange === void 0 || onChipsChange([...chips, {
+      id: next,
+      label: next
+    }]);
+    onChange === null || onChange === void 0 || onChange('');
+    onSubmit === null || onSubmit === void 0 || onSubmit(next);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.chip
+  }, title ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title
+  }, title) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.row
+  }, leadingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, leadingIcon) : null, chips.map(chip => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: chip.id,
+    style: styles.tag
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.tagLabel
+  }, chip.label), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: () => removeChip(chip.id),
+    accessibilityRole: "button",
+    accessibilityLabel: "Remove"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "cross-r",
+    size: 14,
+    tokenColor: removeIconColor
+  })))), /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    style: styles.input,
+    value: value,
+    onChangeText: onChange,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderColor,
+    selectionColor: cursorColor,
+    cursorColor: cursorColor,
+    editable: !isDisabled,
+    accessibilityLabel: title ? undefined : accessibilityLabel,
+    onSubmitEditing: addChip
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.underline
+  }), hintText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.hint
+  }, hintText) : null);
+}
+//# sourceMappingURL=Chip.js.map

package/lib/commonjs/core/design/atoms/Input/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_icons","_styles","Chip","chips","onChipsChange","value","onChange","placeholder","title","hintText","leadingIcon","isDisabled","isInvalid","onSubmit","accessibilityLabel","state","styles","placeholderColor","cursorColor","removeIconColor","useStyles","removeChip","id","filter","chip","addChip","next","trim","label","React","createElement","View","style","Text","row","icon","map","key","tag","tagLabel","Pressable","onPress","accessibilityRole","AmityIcon","name","size","tokenColor","TextInput","input","onChangeText","placeholderTextColor","selectionColor","editable","undefined","onSubmitEditing","underline","hint"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Chip/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () {
+    return _Chip.Chip;
+  }
+});
+var _Chip = require("./Chip");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/design/atoms/Input/Chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Chip","require"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Chip/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Chip/styles.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../theme/useToken");
+var _amityColorTokens = require("../../../tokens/amity-color-tokens");
+// Chip has no focus state in the web CSS — only default / disabled / invalid.
+
+const LINE = {
+  default: _amityColorTokens.AmityColorToken.LineInputChipInputUnderlinedDefault,
+  disabled: _amityColorTokens.AmityColorToken.LineInputChipInputUnderlinedDisabled,
+  invalid: _amityColorTokens.AmityColorToken.LineInputChipInputUnderlinedError
+};
+const PLACEHOLDER = {
+  default: _amityColorTokens.AmityColorToken.TextInputChipInputPlaceholderEnabled,
+  disabled: _amityColorTokens.AmityColorToken.TextInputChipInputPlaceholderDisabled,
+  invalid: _amityColorTokens.AmityColorToken.TextInputChipInputPlaceholderError
+};
+const TITLE = {
+  default: _amityColorTokens.AmityColorToken.TextInputChipInputTitleDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputChipInputTitleDisabled,
+  invalid: _amityColorTokens.AmityColorToken.TextInputChipInputTitleError
+};
+const INDICATOR = {
+  default: _amityColorTokens.AmityColorToken.TextInputChipInputIndicatorDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputChipInputIndicatorDisabled,
+  invalid: _amityColorTokens.AmityColorToken.TextInputChipInputIndicatorError
+};
+const useStyles = state => {
+  const token = (0, _useToken.useToken)();
+  const titleColor = token(TITLE[state]);
+  const placeholderColor = token(PLACEHOLDER[state]);
+  const hintColor = token(state === 'invalid' ? _amityColorTokens.AmityColorToken.TextInputChipInputHintTextError : _amityColorTokens.AmityColorToken.TextInputChipInputHintTextDefault);
+  const styles = _reactNative.StyleSheet.create({
+    chip: {
+      width: '100%',
+      gap: 4
+    },
+    title: {
+      fontSize: 13,
+      fontWeight: '600',
+      color: titleColor
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      flexWrap: 'wrap',
+      gap: 8
+    },
+    icon: {
+      width: 20,
+      height: 20,
+      flexShrink: 0
+    },
+    tag: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    tagLabel: {
+      fontSize: 14,
+      color: titleColor
+    },
+    input: {
+      flex: 1,
+      minWidth: 64,
+      padding: 0,
+      fontSize: 16,
+      color: placeholderColor
+    },
+    underline: {
+      width: '100%',
+      height: 1,
+      backgroundColor: token(LINE[state])
+    },
+    hint: {
+      fontSize: 12,
+      color: hintColor
+    }
+  });
+  return {
+    styles,
+    token,
+    placeholderColor,
+    cursorColor: token(_amityColorTokens.AmityColorToken.TextInputChipInputTextCursorDefault),
+    removeIconColor: INDICATOR[state]
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Input/Chip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","LINE","default","AmityColorToken","LineInputChipInputUnderlinedDefault","disabled","LineInputChipInputUnderlinedDisabled","invalid","LineInputChipInputUnderlinedError","PLACEHOLDER","TextInputChipInputPlaceholderEnabled","TextInputChipInputPlaceholderDisabled","TextInputChipInputPlaceholderError","TITLE","TextInputChipInputTitleDefault","TextInputChipInputTitleDisabled","TextInputChipInputTitleError","INDICATOR","TextInputChipInputIndicatorDefault","TextInputChipInputIndicatorDisabled","TextInputChipInputIndicatorError","useStyles","state","token","useToken","titleColor","placeholderColor","hintColor","TextInputChipInputHintTextError","TextInputChipInputHintTextDefault","styles","StyleSheet","create","chip","width","gap","title","fontSize","fontWeight","color","row","flexDirection","alignItems","flexWrap","icon","height","flexShrink","tag","tagLabel","input","flex","minWidth","padding","underline","backgroundColor","hint","cursorColor","TextInputChipInputTextCursorDefault","removeIconColor","exports"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Chip/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Input.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _Boxed = require("./Boxed");
+var _Chip = require("./Chip");
+var _Text = require("./Text");
+var _User = require("./User");
+// Input atom — compound namespace mirroring AmityUiKitWeb
+// core/design/atoms/Input (Input.Text / Input.Boxed / Input.Chip / Input.User).
+
+const Input = exports.Input = {
+  Boxed: _Boxed.Boxed,
+  Text: _Text.Text,
+  Chip: _Chip.Chip,
+  User: _User.User
+};
+//# sourceMappingURL=Input.js.map

package/lib/commonjs/core/design/atoms/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Boxed","require","_Chip","_Text","_User","Input","exports","Boxed","Text","Chip","User"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Input/Input.tsx"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AANA;AACA;;AAOO,MAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,KAAK,EAALA,YAAK;EACLC,IAAI,EAAJA,UAAI;EACJC,IAAI,EAAJA,UAAI;EACJC,IAAI,EAAJA;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Text/Text.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = Text;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+// Text input atom — ported from AmityUiKitWeb core/design/atoms/Input/Text.
+// Underlined text field with optional title, counter, hint, and leading/trailing
+// icons. Web's :focus-within cascade becomes explicit focus state here; the
+// state × modifier colour matrix lives in styles.ts.
+
+function Text({
+  value,
+  onChange,
+  placeholder,
+  title,
+  optionalLabel,
+  hintText,
+  leadingIcon,
+  trailingIcon,
+  showCharacterCount = false,
+  maxLength,
+  multiLine = false,
+  blockNewLine = false,
+  isDisabled = false,
+  isInvalid = false,
+  highlightMatch = false,
+  onFocus,
+  onBlur,
+  onSubmit,
+  accessibilityLabel
+}) {
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const state = isDisabled ? 'disabled' : isInvalid ? 'invalid' : isFocused ? 'focused' : 'enabled';
+  const {
+    styles,
+    placeholderColor,
+    cursorColor
+  } = (0, _styles.useStyles)({
+    state,
+    filled: !!value,
+    highlight: highlightMatch,
+    multiLine
+  });
+  function handleChangeText(next) {
+    onChange === null || onChange === void 0 || onChange(blockNewLine ? next.replace(/[\r\n]+/g, '') : next);
+  }
+  const counter = showCharacterCount ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.count
+  }, (value === null || value === void 0 ? void 0 : value.length) ?? 0, maxLength ? `/${maxLength}` : '') : null;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.field
+  }, title ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.titleRow
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title
+  }, title, optionalLabel ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.optional
+  }, " ", optionalLabel) : null), counter) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.row
+  }, leadingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, leadingIcon) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    style: styles.input,
+    value: value,
+    onChangeText: handleChangeText,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderColor,
+    selectionColor: cursorColor,
+    cursorColor: cursorColor,
+    maxLength: maxLength,
+    multiline: multiLine,
+    editable: !isDisabled,
+    accessibilityLabel: accessibilityLabel ?? title,
+    onFocus: () => {
+      setIsFocused(true);
+      onFocus === null || onFocus === void 0 || onFocus();
+    },
+    onBlur: () => {
+      setIsFocused(false);
+      onBlur === null || onBlur === void 0 || onBlur();
+    },
+    onSubmitEditing: () => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value ?? '')
+  }), trailingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, trailingIcon) : null, !title ? counter : null), hintText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.hint
+  }, hintText) : null);
+}
+//# sourceMappingURL=Text.js.map

package/lib/commonjs/core/design/atoms/Input/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_styles","Text","value","onChange","placeholder","title","optionalLabel","hintText","leadingIcon","trailingIcon","showCharacterCount","maxLength","multiLine","blockNewLine","isDisabled","isInvalid","highlightMatch","onFocus","onBlur","onSubmit","accessibilityLabel","isFocused","setIsFocused","useState","state","styles","placeholderColor","cursorColor","useStyles","filled","highlight","handleChangeText","next","replace","counter","React","createElement","style","count","length","View","field","titleRow","optional","row","icon","TextInput","input","onChangeText","placeholderTextColor","selectionColor","multiline","editable","onSubmitEditing","hint"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Text/Text.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Text/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _Text.Text;
+  }
+});
+var _Text = require("./Text");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/design/atoms/Input/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Text","require"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Text/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Text/styles.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../theme/useToken");
+var _amityColorTokens = require("../../../tokens/amity-color-tokens");
+// Web resolves text/placeholder colour through a state × modifier matrix of
+// compound CSS selectors. RN has no cascade, so the matrix is replicated here.
+// Precedence (from CSS specificity + source order):
+//   state:    disabled > invalid > focused > enabled
+//   modifier: highlight > filled
+
+const PLACEHOLDER = {
+  enabled: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabled,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabledFilled,
+    highlight: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabledHighlight
+  },
+  focused: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderFocused,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderFocusedFilled,
+    highlight: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderFocusedHighlight
+  },
+  invalid: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderError,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderErrorFilled,
+    highlight: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderErrorHighlight
+  },
+  disabled: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderDisabled,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderDisabledFilled,
+    highlight: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderDisabledHighlight
+  }
+};
+
+// Icon/line only change on invalid/disabled (web keeps default when focused).
+const LINE = {
+  enabled: _amityColorTokens.AmityColorToken.LineInputTextInputUnderlinedDefault,
+  focused: _amityColorTokens.AmityColorToken.LineInputTextInputUnderlinedDefault,
+  invalid: _amityColorTokens.AmityColorToken.LineInputTextInputUnderlinedError,
+  disabled: _amityColorTokens.AmityColorToken.LineInputTextInputUnderlinedDisabled
+};
+const resolvePlaceholder = (state, filled, highlight) => {
+  const slice = PLACEHOLDER[state];
+  if (highlight) return slice.highlight;
+  if (filled) return slice.filled;
+  return slice.base;
+};
+const useStyles = ({
+  state,
+  filled,
+  highlight,
+  multiLine
+}) => {
+  const token = (0, _useToken.useToken)();
+  const textColor = token(resolvePlaceholder(state, filled, highlight));
+  const hintColor = token(state === 'invalid' ? _amityColorTokens.AmityColorToken.TextInputTextInputHintTextError : _amityColorTokens.AmityColorToken.TextInputTextInputHintTextDefault);
+  const styles = _reactNative.StyleSheet.create({
+    field: {
+      width: '100%',
+      gap: 4
+    },
+    titleRow: {
+      flexDirection: 'row',
+      alignItems: 'baseline',
+      justifyContent: 'space-between',
+      gap: 4
+    },
+    title: {
+      color: token(_amityColorTokens.AmityColorToken.TextInputTextInputTitleDefault),
+      fontSize: 13,
+      fontWeight: '600'
+    },
+    // The marker renders inside the title Text, and RN inherits text style down
+    // a nested Text — so without an explicit weight it picks up the title's 600
+    // and reads as bold. The indicator is a regular-weight caption.
+    optional: {
+      color: token(_amityColorTokens.AmityColorToken.TextInputTextInputIndicatorDefault),
+      fontSize: 13,
+      fontWeight: '400'
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: multiLine ? 'flex-start' : 'center',
+      gap: 8,
+      paddingVertical: 16,
+      borderBottomWidth: 1,
+      borderBottomColor: token(LINE[state])
+    },
+    icon: {
+      width: 20,
+      height: 20,
+      flexShrink: 0
+    },
+    input: {
+      flex: 1,
+      minWidth: 0,
+      padding: 0,
+      fontSize: 15,
+      lineHeight: 20,
+      color: textColor
+    },
+    count: {
+      flexShrink: 0,
+      color: token(_amityColorTokens.AmityColorToken.TextInputTextInputTextCountDefault),
+      fontSize: 13
+    },
+    hint: {
+      color: hintColor,
+      fontSize: 13
+    }
+  });
+  return {
+    styles,
+    token,
+    placeholderColor: textColor,
+    cursorColor: token(_amityColorTokens.AmityColorToken.TextInputTextInputTextCursorDefault)
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Input/Text/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","PLACEHOLDER","enabled","base","AmityColorToken","TextInputTextInputPlaceholderEnabled","filled","TextInputTextInputPlaceholderEnabledFilled","highlight","TextInputTextInputPlaceholderEnabledHighlight","focused","TextInputTextInputPlaceholderFocused","TextInputTextInputPlaceholderFocusedFilled","TextInputTextInputPlaceholderFocusedHighlight","invalid","TextInputTextInputPlaceholderError","TextInputTextInputPlaceholderErrorFilled","TextInputTextInputPlaceholderErrorHighlight","disabled","TextInputTextInputPlaceholderDisabled","TextInputTextInputPlaceholderDisabledFilled","TextInputTextInputPlaceholderDisabledHighlight","LINE","LineInputTextInputUnderlinedDefault","LineInputTextInputUnderlinedError","LineInputTextInputUnderlinedDisabled","resolvePlaceholder","state","slice","useStyles","multiLine","token","useToken","textColor","hintColor","TextInputTextInputHintTextError","TextInputTextInputHintTextDefault","styles","StyleSheet","create","field","width","gap","titleRow","flexDirection","alignItems","justifyContent","title","color","TextInputTextInputTitleDefault","fontSize","fontWeight","optional","TextInputTextInputIndicatorDefault","row","paddingVertical","borderBottomWidth","borderBottomColor","icon","height","flexShrink","input","flex","minWidth","padding","lineHeight","count","TextInputTextInputTextCountDefault","hint","placeholderColor","cursorColor","TextInputTextInputTextCursorDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Text/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/User/User.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.User = User;
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+// User row atom — ported from AmityUiKitWeb core/design/atoms/Input/User.
+// A read-only identity row (title / username / description) with an optional
+// trailing text action. Web's <button> action becomes an RN Pressable + Text.
+
+function User({
+  user,
+  onActionClick
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)(!!user.disabled);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.user
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.texts
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title,
+    numberOfLines: 1
+  }, user.title), user.username ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.username,
+    numberOfLines: 1
+  }, user.username) : null, user.description ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.description,
+    numberOfLines: 1
+  }, user.description) : null), user.actionLabel ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    disabled: user.disabled,
+    accessibilityRole: "button",
+    onPress: () => onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(user)
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.action
+  }, user.actionLabel)) : null);
+}
+//# sourceMappingURL=User.js.map

package/lib/commonjs/core/design/atoms/Input/User/User.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","User","user","onActionClick","styles","useStyles","disabled","React","createElement","View","style","texts","Text","title","numberOfLines","username","description","actionLabel","Pressable","accessibilityRole","onPress","action"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/User/User.tsx"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AALA;AACA;AACA;;AAmBO,SAASE,IAAIA,CAAC;EAAEC,IAAI;EAAEC;AAAyB,CAAC,EAAE;EACvD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC,CAACH,IAAI,CAACI,QAAQ,CAAC;EAE7C,oBACEC,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAEN,MAAM,CAACF;EAAK,gBACvBK,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAEN,MAAM,CAACO;EAAM,gBACxBJ,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAc,IAAM;IAACF,KAAK,EAAEN,MAAM,CAACS,KAAM;IAACC,aAAa,EAAE;EAAE,GAC3CZ,IAAI,CAACW,KACA,CAAC,EACRX,IAAI,CAACa,QAAQ,gBACZR,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAc,IAAM;IAACF,KAAK,EAAEN,MAAM,CAACW,QAAS;IAACD,aAAa,EAAE;EAAE,GAC9CZ,IAAI,CAACa,QACA,CAAC,GACP,IAAI,EACPb,IAAI,CAACc,WAAW,gBACfT,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAc,IAAM;IAACF,KAAK,EAAEN,MAAM,CAACY,WAAY;IAACF,aAAa,EAAE;EAAE,GACjDZ,IAAI,CAACc,WACA,CAAC,GACP,IACA,CAAC,EACNd,IAAI,CAACe,WAAW,gBACfV,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAoB,SAAS;IACRZ,QAAQ,EAAEJ,IAAI,CAACI,QAAS;IACxBa,iBAAiB,EAAC,QAAQ;IAC1BC,OAAO,EAAEA,CAAA,KAAMjB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGD,IAAI;EAAE,gBAErCK,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAc,IAAM;IAACF,KAAK,EAAEN,MAAM,CAACiB;EAAO,GAAEnB,IAAI,CAACe,WAAoB,CAC/C,CAAC,GACV,IACA,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/User/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "User", {
+  enumerable: true,
+  get: function () {
+    return _User.User;
+  }
+});
+var _User = require("./User");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/design/atoms/Input/User/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_User","require"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/User/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/User/styles.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../theme/useToken");
+var _amityColorTokens = require("../../../tokens/amity-color-tokens");
+// User row has only default / disabled states.
+const TITLE = {
+  default: _amityColorTokens.AmityColorToken.TextInputUserInputTitleDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputUserInputTitleDisabled
+};
+const USERNAME = {
+  default: _amityColorTokens.AmityColorToken.TextInputUserInputUserNameDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputUserInputUserNameDisabled
+};
+const DESCRIPTION = {
+  default: _amityColorTokens.AmityColorToken.TextInputUserInputTextDescriptionDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputUserInputTextDescriptionDisabled
+};
+const ACTION = {
+  default: _amityColorTokens.AmityColorToken.TextInputUserInputActionDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputUserInputActionDisabled
+};
+const useStyles = disabled => {
+  const token = (0, _useToken.useToken)();
+  const key = disabled ? 'disabled' : 'default';
+  const styles = _reactNative.StyleSheet.create({
+    user: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 12,
+      width: '100%'
+    },
+    texts: {
+      flexShrink: 1,
+      gap: 2,
+      minWidth: 0
+    },
+    title: {
+      fontSize: 15,
+      fontWeight: '600',
+      color: token(TITLE[key])
+    },
+    username: {
+      fontSize: 13,
+      color: token(USERNAME[key])
+    },
+    description: {
+      fontSize: 13,
+      color: token(DESCRIPTION[key])
+    },
+    action: {
+      flexShrink: 0,
+      fontSize: 15,
+      fontWeight: '600',
+      color: token(ACTION[key])
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Input/User/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","TITLE","default","AmityColorToken","TextInputUserInputTitleDefault","disabled","TextInputUserInputTitleDisabled","USERNAME","TextInputUserInputUserNameDefault","TextInputUserInputUserNameDisabled","DESCRIPTION","TextInputUserInputTextDescriptionDefault","TextInputUserInputTextDescriptionDisabled","ACTION","TextInputUserInputActionDefault","TextInputUserInputActionDisabled","useStyles","token","useToken","key","styles","StyleSheet","create","user","flexDirection","alignItems","justifyContent","gap","width","texts","flexShrink","minWidth","title","fontSize","fontWeight","color","username","description","action","exports"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/User/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA;AACA,MAAMG,KAAoD,GAAG;EAC3DC,OAAO,EAAEC,iCAAe,CAACC,8BAA8B;EACvDC,QAAQ,EAAEF,iCAAe,CAACG;AAC5B,CAAC;AACD,MAAMC,QAAuD,GAAG;EAC9DL,OAAO,EAAEC,iCAAe,CAACK,iCAAiC;EAC1DH,QAAQ,EAAEF,iCAAe,CAACM;AAC5B,CAAC;AACD,MAAMC,WAA0D,GAAG;EACjER,OAAO,EAAEC,iCAAe,CAACQ,wCAAwC;EACjEN,QAAQ,EAAEF,iCAAe,CAACS;AAC5B,CAAC;AACD,MAAMC,MAAqD,GAAG;EAC5DX,OAAO,EAAEC,iCAAe,CAACW,+BAA+B;EACxDT,QAAQ,EAAEF,iCAAe,CAACY;AAC5B,CAAC;AAEM,MAAMC,SAAS,GAAIX,QAAiB,IAAK;EAC9C,MAAMY,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,GAAG,GAAGd,QAAQ,GAAG,UAAU,GAAG,SAAS;EAE7C,MAAMe,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,GAAG,EAAE,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,CAAC;MACbH,GAAG,EAAE,CAAC;MACNI,QAAQ,EAAE;IACZ,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAElB,KAAK,CAAChB,KAAK,CAACkB,GAAG,CAAC;IACzB,CAAC;IACDiB,QAAQ,EAAE;MACRH,QAAQ,EAAE,EAAE;MACZE,KAAK,EAAElB,KAAK,CAACV,QAAQ,CAACY,GAAG,CAAC;IAC5B,CAAC;IACDkB,WAAW,EAAE;MACXJ,QAAQ,EAAE,EAAE;MACZE,KAAK,EAAElB,KAAK,CAACP,WAAW,CAACS,GAAG,CAAC;IAC/B,CAAC;IACDmB,MAAM,EAAE;MACNR,UAAU,EAAE,CAAC;MACbG,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAElB,KAAK,CAACJ,MAAM,CAACM,GAAG,CAAC;IAC1B;EACF,CAAC,CAAC;EAEF,OAAO;IAAEC,MAAM;IAAEH;EAAM,CAAC;AAC1B,CAAC;AAACsB,OAAA,CAAAvB,SAAA,GAAAA,SAAA","ignoreList":[]}