@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

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","isDisabled","isInvalid","highlightMatch","onFocus","onBlur","onSubmit","accessibilityLabel","isFocused","setIsFocused","useState","state","styles","placeholderColor","cursorColor","useStyles","filled","highlight","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,120 @@
+"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'
+    },
+    optional: {
+      color: token(_amityColorTokens.AmityColorToken.TextInputTextInputIndicatorDefault),
+      fontSize: 13
+    },
+    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":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;;AAGA,MAAMG,WAGL,GAAG;EACFC,OAAO,EAAE;IACPC,IAAI,EAAEC,iCAAe,CAACC,oCAAoC;IAC1DC,MAAM,EAAEF,iCAAe,CAACG,0CAA0C;IAClEC,SAAS,EAAEJ,iCAAe,CAACK;EAC7B,CAAC;EACDC,OAAO,EAAE;IACPP,IAAI,EAAEC,iCAAe,CAACO,oCAAoC;IAC1DL,MAAM,EAAEF,iCAAe,CAACQ,0CAA0C;IAClEJ,SAAS,EAAEJ,iCAAe,CAACS;EAC7B,CAAC;EACDC,OAAO,EAAE;IACPX,IAAI,EAAEC,iCAAe,CAACW,kCAAkC;IACxDT,MAAM,EAAEF,iCAAe,CAACY,wCAAwC;IAChER,SAAS,EAAEJ,iCAAe,CAACa;EAC7B,CAAC;EACDC,QAAQ,EAAE;IACRf,IAAI,EAAEC,iCAAe,CAACe,qCAAqC;IAC3Db,MAAM,EAAEF,iCAAe,CAACgB,2CAA2C;IACnEZ,SAAS,EAAEJ,iCAAe,CAACiB;EAC7B;AACF,CAAC;;AAED;AACA,MAAMC,IAAsC,GAAG;EAC7CpB,OAAO,EAAEE,iCAAe,CAACmB,mCAAmC;EAC5Db,OAAO,EAAEN,iCAAe,CAACmB,mCAAmC;EAC5DT,OAAO,EAAEV,iCAAe,CAACoB,iCAAiC;EAC1DN,QAAQ,EAAEd,iCAAe,CAACqB;AAC5B,CAAC;AAED,MAAMC,kBAAkB,GAAGA,CACzBC,KAAgB,EAChBrB,MAAe,EACfE,SAAkB,KACA;EAClB,MAAMoB,KAAK,GAAG3B,WAAW,CAAC0B,KAAK,CAAC;EAChC,IAAInB,SAAS,EAAE,OAAOoB,KAAK,CAACpB,SAAS;EACrC,IAAIF,MAAM,EAAE,OAAOsB,KAAK,CAACtB,MAAM;EAC/B,OAAOsB,KAAK,CAACzB,IAAI;AACnB,CAAC;AASM,MAAM0B,SAAS,GAAGA,CAAC;EACxBF,KAAK;EACLrB,MAAM;EACNE,SAAS;EACTsB;AACa,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,SAAS,GAAGF,KAAK,CAACL,kBAAkB,CAACC,KAAK,EAAErB,MAAM,EAAEE,SAAS,CAAC,CAAC;EACrE,MAAM0B,SAAS,GAAGH,KAAK,CACrBJ,KAAK,KAAK,SAAS,GACfvB,iCAAe,CAAC+B,+BAA+B,GAC/C/B,iCAAe,CAACgC,iCACtB,CAAC;EAED,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,GAAG,EAAE;IACP,CAAC;IACDC,QAAQ,EAAE;MACRC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,UAAU;MACtBC,cAAc,EAAE,eAAe;MAC/BJ,GAAG,EAAE;IACP,CAAC;IACDK,KAAK,EAAE;MACLC,KAAK,EAAEjB,KAAK,CAAC3B,iCAAe,CAAC6C,8BAA8B,CAAC;MAC5DC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRJ,KAAK,EAAEjB,KAAK,CAAC3B,iCAAe,CAACiD,kCAAkC,CAAC;MAChEH,QAAQ,EAAE;IACZ,CAAC;IACDI,GAAG,EAAE;MACHV,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAEf,SAAS,GAAG,YAAY,GAAG,QAAQ;MAC/CY,GAAG,EAAE,CAAC;MACNa,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAE1B,KAAK,CAACT,IAAI,CAACK,KAAK,CAAC;IACtC,CAAC;IACD+B,IAAI,EAAE;MACJjB,KAAK,EAAE,EAAE;MACTkB,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,OAAO,EAAE,CAAC;MACVd,QAAQ,EAAE,EAAE;MACZe,UAAU,EAAE,EAAE;MACdjB,KAAK,EAAEf;IACT,CAAC;IACDiC,KAAK,EAAE;MACLN,UAAU,EAAE,CAAC;MACbZ,KAAK,EAAEjB,KAAK,CAAC3B,iCAAe,CAAC+D,kCAAkC,CAAC;MAChEjB,QAAQ,EAAE;IACZ,CAAC;IACDkB,IAAI,EAAE;MACJpB,KAAK,EAAEd,SAAS;MAChBgB,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAO;IACLb,MAAM;IACNN,KAAK;IACLsC,gBAAgB,EAAEpC,SAAS;IAC3BqC,WAAW,EAAEvC,KAAK,CAAC3B,iCAAe,CAACmE,mCAAmC;EACxE,CAAC;AACH,CAAC;AAACC,OAAA,CAAA3C,SAAA,GAAAA,SAAA","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":[]}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Boxed", {
+  enumerable: true,
+  get: function () {
+    return _Boxed.Boxed;
+  }
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () {
+    return _Chip.Chip;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () {
+    return _Input.Input;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _Text.Text;
+  }
+});
+Object.defineProperty(exports, "User", {
+  enumerable: true,
+  get: function () {
+    return _User.User;
+  }
+});
+var _Input = require("./Input");
+var _Boxed = require("./Boxed");
+var _Text = require("./Text");
+var _Chip = require("./Chip");
+var _User = require("./User");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Input","require","_Boxed","_Text","_Chip","_User"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Input/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loader = void 0;
+var _Spinner = require("./Spinner");
+var _Upload = require("./Upload");
+// Loader atom — compound namespace mirroring AmityUiKitWeb
+// core/design/atoms/Loader (Loader.Spinner / Loader.Upload).
+
+const Loader = exports.Loader = {
+  Spinner: _Spinner.Spinner,
+  Upload: _Upload.Upload
+};
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Spinner","require","_Upload","Loader","exports","Spinner","Upload"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Loader/Loader.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAJA;AACA;;AAKO,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,OAAO,EAAPA,gBAAO;EACPC,MAAM,EAANA;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Loader/Spinner/Spinner.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spinner = Spinner;
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+// Spinner atom — ported from AmityUiKitWeb core/design/atoms/Loader/Spinner.
+// Web draws a rotating two-tone SVG (track + arc); RN uses ActivityIndicator
+// (single tint) per the port's simplicity rule. The track color has no
+// ActivityIndicator slot, so only the arc/loader token is applied.
+
+function Spinner({
+  size = 'lg',
+  accessibilityLabel = 'Loading'
+}) {
+  const {
+    color,
+    dimension
+  } = (0, _styles.useStyles)(size);
+  return /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    size: dimension,
+    color: color,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel
+  });
+}
+//# sourceMappingURL=Spinner.js.map

package/lib/commonjs/core/design/atoms/Loader/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","Spinner","size","accessibilityLabel","color","dimension","useStyles","React","createElement","ActivityIndicator","accessibilityRole"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Spinner/Spinner.tsx"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AANA;AACA;AACA;AACA;;AAYO,SAASE,OAAOA,CAAC;EACtBC,IAAI,GAAG,IAAI;EACXC,kBAAkB,GAAG;AACT,CAAC,EAAE;EACf,MAAM;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAACJ,IAAI,CAAC;EAE5C,oBACEK,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,iBAAiB;IAChBP,IAAI,EAAEG,SAAU;IAChBD,KAAK,EAAEA,KAAM;IACbM,iBAAiB,EAAC,aAAa;IAC/BP,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Loader/Spinner/index.js

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

package/lib/commonjs/core/design/atoms/Loader/Spinner/index.js.map

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

package/lib/commonjs/core/design/atoms/Loader/Spinner/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _useToken = require("../../../theme/useToken");
+var _amityColorTokens = require("../../../tokens/amity-color-tokens");
+// Geometry (SoT: Spinner.module.css, rem × 16): sm 1.5rem → 24, lg 2.5rem → 40.
+const DIMENSION = {
+  sm: 24,
+  lg: 40
+};
+const useStyles = size => {
+  const token = (0, _useToken.useToken)();
+  return {
+    // Web arc uses --asc-color-surface-loaders-spinner-icon; the RN token set
+    // exposes SurfaceLoadersSpinnerPrimaryIcon (no ...Icon), which is the same slot.
+    color: token(_amityColorTokens.AmityColorToken.SurfaceLoadersSpinnerPrimaryIcon),
+    dimension: DIMENSION[size],
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Loader/Spinner/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useToken","require","_amityColorTokens","DIMENSION","sm","lg","useStyles","size","token","useToken","color","AmityColorToken","SurfaceLoadersSpinnerPrimaryIcon","dimension","exports"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Spinner/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGA;AACA,MAAME,SAAsC,GAAG;EAC7CC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAEM,MAAMC,SAAS,GAAIC,IAAiB,IAAK;EAC9C,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,OAAO;IACL;IACA;IACAC,KAAK,EAAEF,KAAK,CAACG,iCAAe,CAACC,gCAAgC,CAAC;IAC9DC,SAAS,EAAEV,SAAS,CAACI,IAAI,CAAC;IAC1BC;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAR,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Loader/Upload/Upload.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Upload = Upload;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _icons = require("../../../icons");
+var _styles = require("./styles");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Upload atom — ported from AmityUiKitWeb core/design/atoms/Loader/Upload.
+// A determinate/indeterminate progress ring with an optional cancel button or
+// countdown overlay. Web draws an animated SVG ring; RN reproduces it with
+// react-native-svg circles plus an Animated rotation loop (matching the web
+// upload-spin so an indeterminate arc reads as loading, not stuck).
+
+const INDETERMINATE_ARC = 25;
+function Upload({
+  size = 'medium',
+  progress,
+  onCancel,
+  accessibilityLabel = 'Loading'
+}) {
+  const {
+    styles,
+    dimension,
+    trackColor,
+    arcColor,
+    cancelIconSize,
+    cancelIconColor
+  } = (0, _styles.useStyles)(size);
+  const isIndeterminate = progress === undefined;
+  const value = isIndeterminate ? INDETERMINATE_ARC : Math.max(0, Math.min(100, progress));
+  const showCountdown = size === 'large' && !onCancel && !isIndeterminate;
+  const spin = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    const anim = _reactNative.Animated.loop(_reactNative.Animated.timing(spin, {
+      toValue: 1,
+      duration: 900,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    anim.start();
+    return () => anim.stop();
+  }, [spin]);
+  const rotate = spin.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  const dashArray = `${value / 100 * _styles.RING_CIRCUMFERENCE},${_styles.RING_CIRCUMFERENCE}`;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.ring, {
+      transform: [{
+        rotate
+      }]
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.default, {
+    width: dimension,
+    height: dimension,
+    viewBox: "0 0 40 40"
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.Circle, {
+    cx: 20,
+    cy: 20,
+    r: _styles.RING_RADIUS,
+    fill: "none",
+    stroke: trackColor,
+    strokeWidth: _styles.RING_STROKE_WIDTH,
+    opacity: _styles.TRACK_OPACITY
+  }), /*#__PURE__*/React.createElement(_reactNativeSvg.Circle, {
+    cx: 20,
+    cy: 20,
+    r: _styles.RING_RADIUS,
+    fill: "none",
+    stroke: arcColor,
+    strokeWidth: _styles.RING_STROKE_WIDTH,
+    strokeLinecap: "butt",
+    strokeDasharray: dashArray
+  }))), onCancel ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: onCancel,
+    accessibilityRole: "button",
+    accessibilityLabel: "Cancel"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "cross-l",
+    size: cancelIconSize,
+    tokenColor: cancelIconColor
+  })) : showCountdown ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.countdown
+  }, Math.round(value)) : null);
+}
+//# sourceMappingURL=Upload.js.map

package/lib/commonjs/core/design/atoms/Loader/Upload/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_icons","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","INDETERMINATE_ARC","Upload","size","progress","onCancel","accessibilityLabel","styles","dimension","trackColor","arcColor","cancelIconSize","cancelIconColor","useStyles","isIndeterminate","undefined","value","Math","max","min","showCountdown","spin","useRef","Animated","Value","current","useEffect","anim","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","rotate","interpolate","inputRange","outputRange","dashArray","RING_CIRCUMFERENCE","React","createElement","View","style","container","accessibilityRole","ring","transform","width","height","viewBox","Circle","cx","cy","RING_RADIUS","fill","stroke","strokeWidth","RING_STROKE_WIDTH","opacity","TRACK_OPACITY","strokeLinecap","strokeDasharray","Pressable","onPress","AmityIcon","name","tokenColor","Text","countdown","round"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Upload/Upload.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Loader/Upload/index.js

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

package/lib/commonjs/core/design/atoms/Loader/Upload/index.js.map

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

package/lib/commonjs/core/design/atoms/Loader/Upload/styles.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = exports.TRACK_OPACITY = exports.RING_STROKE_WIDTH = exports.RING_RADIUS = exports.RING_CIRCUMFERENCE = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../theme/useToken");
+var _amityColorTokens = require("../../../tokens/amity-color-tokens");
+// Ring geometry mirrors the web SVG: viewBox 0 0 40 40, r=18, stroke-width 2.
+// react-native-svg ignores pathLength, so the arc dash is computed against the
+// real circumference (2πr) instead of the web's normalized 100.
+const RING_RADIUS = exports.RING_RADIUS = 18;
+const RING_CIRCUMFERENCE = exports.RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS; // ≈ 113.097
+const RING_STROKE_WIDTH = exports.RING_STROKE_WIDTH = 2;
+const TRACK_OPACITY = exports.TRACK_OPACITY = 0.5;
+
+// Geometry (SoT: Upload.module.css, rem × 16): container medium 2.5rem → 40,
+// large 4.5rem → 72; cancel icon medium 1.5rem → 24, large 2rem → 32.
+const CONTAINER = {
+  medium: 40,
+  large: 72
+};
+const CANCEL_ICON = {
+  medium: 24,
+  large: 32
+};
+const useStyles = size => {
+  const token = (0, _useToken.useToken)();
+  const dimension = CONTAINER[size];
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      width: dimension,
+      height: dimension,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    ring: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    countdown: {
+      fontSize: 32,
+      fontWeight: '700',
+      color: token(_amityColorTokens.AmityColorToken.TextLoadersUploadControllerDefault)
+    }
+  });
+  return {
+    styles,
+    token,
+    dimension,
+    trackColor: token(_amityColorTokens.AmityColorToken.SurfaceLoadersUploadControllerBackground),
+    arcColor: token(_amityColorTokens.AmityColorToken.SurfaceLoadersUploadControllerLoader),
+    cancelIconSize: CANCEL_ICON[size],
+    cancelIconColor: _amityColorTokens.AmityColorToken.IconLoadersUploadControllerDefault
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map