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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","PLACEHOLDER","enabled","base","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","textColor","hintColor","TextInputTextInputHintTextError","TextInputTextInputHintTextDefault","styles","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"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Text/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+// 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.
+
+import { Pressable, View, Text as RNText } from 'react-native';
+import { useStyles } from './styles';
+export function User({
+  user,
+  onActionClick
+}) {
+  const {
+    styles
+  } = useStyles(!!user.disabled);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.user
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.texts
+  }, /*#__PURE__*/React.createElement(RNText, {
+    style: styles.title,
+    numberOfLines: 1
+  }, user.title), user.username ? /*#__PURE__*/React.createElement(RNText, {
+    style: styles.username,
+    numberOfLines: 1
+  }, user.username) : null, user.description ? /*#__PURE__*/React.createElement(RNText, {
+    style: styles.description,
+    numberOfLines: 1
+  }, user.description) : null), user.actionLabel ? /*#__PURE__*/React.createElement(Pressable, {
+    disabled: user.disabled,
+    accessibilityRole: "button",
+    onPress: () => onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(user)
+  }, /*#__PURE__*/React.createElement(RNText, {
+    style: styles.action
+  }, user.actionLabel)) : null);
+}
+//# sourceMappingURL=User.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","Text","RNText","useStyles","User","user","onActionClick","styles","disabled","React","createElement","style","texts","title","numberOfLines","username","description","actionLabel","accessibilityRole","onPress","action"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/User/User.tsx"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,IAAI,EAAEC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC9D,SAASC,SAAS,QAAQ,UAAU;AAgBpC,OAAO,SAASC,IAAIA,CAAC;EAAEC,IAAI;EAAEC;AAAyB,CAAC,EAAE;EACvD,MAAM;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAAC,CAAC,CAACE,IAAI,CAACG,QAAQ,CAAC;EAE7C,oBACEC,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEJ,MAAM,CAACF;EAAK,gBACvBI,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEJ,MAAM,CAACK;EAAM,gBACxBH,KAAA,CAAAC,aAAA,CAACR,MAAM;IAACS,KAAK,EAAEJ,MAAM,CAACM,KAAM;IAACC,aAAa,EAAE;EAAE,GAC3CT,IAAI,CAACQ,KACA,CAAC,EACRR,IAAI,CAACU,QAAQ,gBACZN,KAAA,CAAAC,aAAA,CAACR,MAAM;IAACS,KAAK,EAAEJ,MAAM,CAACQ,QAAS;IAACD,aAAa,EAAE;EAAE,GAC9CT,IAAI,CAACU,QACA,CAAC,GACP,IAAI,EACPV,IAAI,CAACW,WAAW,gBACfP,KAAA,CAAAC,aAAA,CAACR,MAAM;IAACS,KAAK,EAAEJ,MAAM,CAACS,WAAY;IAACF,aAAa,EAAE;EAAE,GACjDT,IAAI,CAACW,WACA,CAAC,GACP,IACA,CAAC,EACNX,IAAI,CAACY,WAAW,gBACfR,KAAA,CAAAC,aAAA,CAACX,SAAS;IACRS,QAAQ,EAAEH,IAAI,CAACG,QAAS;IACxBU,iBAAiB,EAAC,QAAQ;IAC1BC,OAAO,EAAEA,CAAA,KAAMb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGD,IAAI;EAAE,gBAErCI,KAAA,CAAAC,aAAA,CAACR,MAAM;IAACS,KAAK,EAAEJ,MAAM,CAACa;EAAO,GAAEf,IAAI,CAACY,WAAoB,CAC/C,CAAC,GACV,IACA,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export { User } from './User';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["User"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/User/index.ts"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../theme/useToken';
+import { AmityColorToken } from '../../../tokens/amity-color-tokens';
+
+// User row has only default / disabled states.
+const TITLE = {
+  default: AmityColorToken.TextInputUserInputTitleDefault,
+  disabled: AmityColorToken.TextInputUserInputTitleDisabled
+};
+const USERNAME = {
+  default: AmityColorToken.TextInputUserInputUserNameDefault,
+  disabled: AmityColorToken.TextInputUserInputUserNameDisabled
+};
+const DESCRIPTION = {
+  default: AmityColorToken.TextInputUserInputTextDescriptionDefault,
+  disabled: AmityColorToken.TextInputUserInputTextDescriptionDisabled
+};
+const ACTION = {
+  default: AmityColorToken.TextInputUserInputActionDefault,
+  disabled: AmityColorToken.TextInputUserInputActionDisabled
+};
+export const useStyles = disabled => {
+  const token = useToken();
+  const key = disabled ? 'disabled' : 'default';
+  const styles = 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
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","TITLE","default","TextInputUserInputTitleDefault","disabled","TextInputUserInputTitleDisabled","USERNAME","TextInputUserInputUserNameDefault","TextInputUserInputUserNameDisabled","DESCRIPTION","TextInputUserInputTextDescriptionDefault","TextInputUserInputTextDescriptionDisabled","ACTION","TextInputUserInputActionDefault","TextInputUserInputActionDisabled","useStyles","token","key","styles","create","user","flexDirection","alignItems","justifyContent","gap","width","texts","flexShrink","minWidth","title","fontSize","fontWeight","color","username","description","action"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/User/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAA4B,yBAAyB;AACtE,SAASC,eAAe,QAAQ,oCAAoC;;AAEpE;AACA,MAAMC,KAAoD,GAAG;EAC3DC,OAAO,EAAEF,eAAe,CAACG,8BAA8B;EACvDC,QAAQ,EAAEJ,eAAe,CAACK;AAC5B,CAAC;AACD,MAAMC,QAAuD,GAAG;EAC9DJ,OAAO,EAAEF,eAAe,CAACO,iCAAiC;EAC1DH,QAAQ,EAAEJ,eAAe,CAACQ;AAC5B,CAAC;AACD,MAAMC,WAA0D,GAAG;EACjEP,OAAO,EAAEF,eAAe,CAACU,wCAAwC;EACjEN,QAAQ,EAAEJ,eAAe,CAACW;AAC5B,CAAC;AACD,MAAMC,MAAqD,GAAG;EAC5DV,OAAO,EAAEF,eAAe,CAACa,+BAA+B;EACxDT,QAAQ,EAAEJ,eAAe,CAACc;AAC5B,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIX,QAAiB,IAAK;EAC9C,MAAMY,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,MAAMkB,GAAG,GAAGb,QAAQ,GAAG,UAAU,GAAG,SAAS;EAE7C,MAAMc,MAAM,GAAGpB,UAAU,CAACqB,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,EAAEhB,KAAK,CAACf,KAAK,CAACgB,GAAG,CAAC;IACzB,CAAC;IACDgB,QAAQ,EAAE;MACRH,QAAQ,EAAE,EAAE;MACZE,KAAK,EAAEhB,KAAK,CAACV,QAAQ,CAACW,GAAG,CAAC;IAC5B,CAAC;IACDiB,WAAW,EAAE;MACXJ,QAAQ,EAAE,EAAE;MACZE,KAAK,EAAEhB,KAAK,CAACP,WAAW,CAACQ,GAAG,CAAC;IAC/B,CAAC;IACDkB,MAAM,EAAE;MACNR,UAAU,EAAE,CAAC;MACbG,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEhB,KAAK,CAACJ,MAAM,CAACK,GAAG,CAAC;IAC1B;EACF,CAAC,CAAC;EAEF,OAAO;IAAEC,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+export { Input } from './Input';
+export { Boxed } from './Boxed';
+export { Text } from './Text';
+export { Chip } from './Chip';
+export { User } from './User';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Input","Boxed","Text","Chip","User"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Input/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+// Loader atom — compound namespace mirroring AmityUiKitWeb
+// core/design/atoms/Loader (Loader.Spinner / Loader.Upload).
+
+import { Spinner } from './Spinner';
+import { Upload } from './Upload';
+export const Loader = {
+  Spinner,
+  Upload
+};
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Spinner","Upload","Loader"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Loader/Loader.tsx"],"mappings":"AAAA;AACA;;AAEA,SAASA,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,MAAM,GAAG;EACpBF,OAAO;EACPC;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+// 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.
+
+import { ActivityIndicator } from 'react-native';
+import { useStyles } from './styles';
+export function Spinner({
+  size = 'lg',
+  accessibilityLabel = 'Loading'
+}) {
+  const {
+    color,
+    dimension
+  } = useStyles(size);
+  return /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: dimension,
+    color: color,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel
+  });
+}
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","useStyles","Spinner","size","accessibilityLabel","color","dimension","React","createElement","accessibilityRole"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Spinner/Spinner.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,iBAAiB,QAAQ,cAAc;AAChD,SAASC,SAAS,QAAQ,UAAU;AASpC,OAAO,SAASC,OAAOA,CAAC;EACtBC,IAAI,GAAG,IAAI;EACXC,kBAAkB,GAAG;AACT,CAAC,EAAE;EACf,MAAM;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAGL,SAAS,CAACE,IAAI,CAAC;EAE5C,oBACEI,KAAA,CAAAC,aAAA,CAACR,iBAAiB;IAChBG,IAAI,EAAEG,SAAU;IAChBD,KAAK,EAAEA,KAAM;IACbI,iBAAiB,EAAC,aAAa;IAC/BL,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Spinner"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Spinner/index.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+import { useToken } from '../../../theme/useToken';
+import { AmityColorToken } from '../../../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
+};
+export const useStyles = size => {
+  const token = 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(AmityColorToken.SurfaceLoadersSpinnerPrimaryIcon),
+    dimension: DIMENSION[size],
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useToken","AmityColorToken","DIMENSION","sm","lg","useStyles","size","token","color","SurfaceLoadersSpinnerPrimaryIcon","dimension"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Spinner/styles.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,eAAe,QAAQ,oCAAoC;AAGpE;AACA,MAAMC,SAAsC,GAAG;EAC7CC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIC,IAAiB,IAAK;EAC9C,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,OAAO;IACL;IACA;IACAQ,KAAK,EAAED,KAAK,CAACN,eAAe,CAACQ,gCAAgC,CAAC;IAC9DC,SAAS,EAAER,SAAS,CAACI,IAAI,CAAC;IAC1BC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+// 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).
+
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, Pressable, Text, View } from 'react-native';
+import Svg, { Circle } from 'react-native-svg';
+import { AmityIcon } from '../../../icons';
+import { RING_CIRCUMFERENCE, RING_RADIUS, RING_STROKE_WIDTH, TRACK_OPACITY, useStyles } from './styles';
+const INDETERMINATE_ARC = 25;
+export function Upload({
+  size = 'medium',
+  progress,
+  onCancel,
+  accessibilityLabel = 'Loading'
+}) {
+  const {
+    styles,
+    dimension,
+    trackColor,
+    arcColor,
+    cancelIconSize,
+    cancelIconColor
+  } = 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 = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const anim = Animated.loop(Animated.timing(spin, {
+      toValue: 1,
+      duration: 900,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }));
+    anim.start();
+    return () => anim.stop();
+  }, [spin]);
+  const rotate = spin.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  const dashArray = `${value / 100 * RING_CIRCUMFERENCE},${RING_CIRCUMFERENCE}`;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.ring, {
+      transform: [{
+        rotate
+      }]
+    }]
+  }, /*#__PURE__*/React.createElement(Svg, {
+    width: dimension,
+    height: dimension,
+    viewBox: "0 0 40 40"
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: 20,
+    cy: 20,
+    r: RING_RADIUS,
+    fill: "none",
+    stroke: trackColor,
+    strokeWidth: RING_STROKE_WIDTH,
+    opacity: TRACK_OPACITY
+  }), /*#__PURE__*/React.createElement(Circle, {
+    cx: 20,
+    cy: 20,
+    r: RING_RADIUS,
+    fill: "none",
+    stroke: arcColor,
+    strokeWidth: RING_STROKE_WIDTH,
+    strokeLinecap: "butt",
+    strokeDasharray: dashArray
+  }))), onCancel ? /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onCancel,
+    accessibilityRole: "button",
+    accessibilityLabel: "Cancel"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "cross-l",
+    size: cancelIconSize,
+    tokenColor: cancelIconColor
+  })) : showCountdown ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.countdown
+  }, Math.round(value)) : null);
+}
+//# sourceMappingURL=Upload.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { Upload } from './Upload';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Upload"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Upload/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../theme/useToken';
+import { AmityColorToken } from '../../../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.
+export const RING_RADIUS = 18;
+export const RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS; // ≈ 113.097
+export const RING_STROKE_WIDTH = 2;
+export const 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
+};
+export const useStyles = size => {
+  const token = useToken();
+  const dimension = CONTAINER[size];
+  const styles = StyleSheet.create({
+    container: {
+      width: dimension,
+      height: dimension,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    ring: {
+      ...StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    countdown: {
+      fontSize: 32,
+      fontWeight: '700',
+      color: token(AmityColorToken.TextLoadersUploadControllerDefault)
+    }
+  });
+  return {
+    styles,
+    token,
+    dimension,
+    trackColor: token(AmityColorToken.SurfaceLoadersUploadControllerBackground),
+    arcColor: token(AmityColorToken.SurfaceLoadersUploadControllerLoader),
+    cancelIconSize: CANCEL_ICON[size],
+    cancelIconColor: AmityColorToken.IconLoadersUploadControllerDefault
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/atoms/Loader/Upload/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","RING_RADIUS","RING_CIRCUMFERENCE","Math","PI","RING_STROKE_WIDTH","TRACK_OPACITY","CONTAINER","medium","large","CANCEL_ICON","useStyles","size","token","dimension","styles","create","container","width","height","alignItems","justifyContent","ring","absoluteFillObject","countdown","fontSize","fontWeight","color","TextLoadersUploadControllerDefault","trackColor","SurfaceLoadersUploadControllerBackground","arcColor","SurfaceLoadersUploadControllerLoader","cancelIconSize","cancelIconColor","IconLoadersUploadControllerDefault"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Upload/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,eAAe,QAAQ,oCAAoC;AAGpE;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAG,EAAE;AAC7B,OAAO,MAAMC,kBAAkB,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGH,WAAW,CAAC,CAAC;AAC7D,OAAO,MAAMI,iBAAiB,GAAG,CAAC;AAClC,OAAO,MAAMC,aAAa,GAAG,GAAG;;AAEhC;AACA;AACA,MAAMC,SAAqC,GAAG;EAC5CC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,WAAuC,GAAG;EAC9CF,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAME,SAAS,GAAIC,IAAgB,IAAK;EAC7C,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,SAAS,GAAGP,SAAS,CAACK,IAAI,CAAC;EAEjC,MAAMG,MAAM,GAAGjB,UAAU,CAACkB,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAEJ,SAAS;MAChBK,MAAM,EAAEL,SAAS;MACjBM,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE;MACJ,GAAGxB,UAAU,CAACyB,kBAAkB;MAChCH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDG,SAAS,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEd,KAAK,CAACb,eAAe,CAAC4B,kCAAkC;IACjE;EACF,CAAC,CAAC;EAEF,OAAO;IACLb,MAAM;IACNF,KAAK;IACLC,SAAS;IACTe,UAAU,EAAEhB,KAAK,CAACb,eAAe,CAAC8B,wCAAwC,CAAC;IAC3EC,QAAQ,EAAElB,KAAK,CAACb,eAAe,CAACgC,oCAAoC,CAAC;IACrEC,cAAc,EAAEvB,WAAW,CAACE,IAAI,CAAC;IACjCsB,eAAe,EAAElC,eAAe,CAACmC;EACnC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/core/design/atoms/Loader/index.js

@@ -0,0 +1,4 @@
+export { Loader } from './Loader';
+export { Spinner } from './Spinner';
+export { Upload } from './Upload';
+//# sourceMappingURL=index.js.map

package/lib/module/core/design/atoms/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Loader","Spinner","Upload"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Loader/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/core/design/atoms/Selection/Selection.js

@@ -0,0 +1,81 @@
+// Selection atom — ported from AmityUiKitWeb core/design/atoms/Selection.
+// Compound namespace: Selection.Checkbox (toggles) and Selection.Radio (selects).
+// Web builds these on react-aria; RN uses a Pressable + a token-tinted circle,
+// rendering the check glyph / radio dot only while selected (web animated its
+// opacity — same result). Web's RadioGroup wrapper is dropped: RN group state is
+// owned by the parent, and Radio fires onSelect once rather than toggling.
+
+import { Pressable, View } from 'react-native';
+import { AmityIcon } from '../../icons';
+import { useStyles } from './styles';
+function Checkbox({
+  isSelected = false,
+  onChange,
+  isDisabled = false,
+  children,
+  accessibilityLabel
+}) {
+  const hasChildren = children != null;
+  const {
+    styles,
+    iconRef,
+    checkSize
+  } = useStyles({
+    variant: 'checkbox',
+    selected: isSelected,
+    disabled: isDisabled
+  });
+  return /*#__PURE__*/React.createElement(Pressable, {
+    disabled: isDisabled,
+    onPress: () => onChange === null || onChange === void 0 ? void 0 : onChange(!isSelected),
+    style: hasChildren ? styles.row : styles.control,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: isSelected,
+      disabled: isDisabled
+    },
+    accessibilityLabel: accessibilityLabel
+  }, hasChildren ? children : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.circle
+  }, isSelected ? /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "check-1-s",
+    size: checkSize,
+    tokenColor: iconRef
+  }) : null));
+}
+function Radio({
+  isSelected = false,
+  onSelect,
+  isDisabled = false,
+  children,
+  accessibilityLabel
+}) {
+  const hasChildren = children != null;
+  const {
+    styles
+  } = useStyles({
+    variant: 'radio',
+    selected: isSelected,
+    disabled: isDisabled
+  });
+  return /*#__PURE__*/React.createElement(Pressable, {
+    disabled: isDisabled,
+    onPress: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(),
+    style: hasChildren ? styles.row : styles.control,
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked: isSelected,
+      disabled: isDisabled
+    },
+    accessibilityLabel: accessibilityLabel
+  }, hasChildren ? children : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.circle
+  }, isSelected ? /*#__PURE__*/React.createElement(View, {
+    style: styles.dot
+  }) : null));
+}
+export const Selection = {
+  Checkbox,
+  Radio
+};
+//# sourceMappingURL=Selection.js.map

package/lib/module/core/design/atoms/Selection/Selection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","AmityIcon","useStyles","Checkbox","isSelected","onChange","isDisabled","children","accessibilityLabel","hasChildren","styles","iconRef","checkSize","variant","selected","disabled","React","createElement","onPress","style","row","control","accessibilityRole","accessibilityState","checked","circle","name","size","tokenColor","Radio","onSelect","dot","Selection"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Selection/Selection.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,SAAS,QAAQ,UAAU;AAkBpC,SAASC,QAAQA,CAAC;EAChBC,UAAU,GAAG,KAAK;EAClBC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,QAAQ;EACRC;AACa,CAAC,EAAE;EAChB,MAAMC,WAAW,GAAGF,QAAQ,IAAI,IAAI;EACpC,MAAM;IAAEG,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGV,SAAS,CAAC;IAC/CW,OAAO,EAAE,UAAU;IACnBC,QAAQ,EAAEV,UAAU;IACpBW,QAAQ,EAAET;EACZ,CAAC,CAAC;EAEF,oBACEU,KAAA,CAAAC,aAAA,CAAClB,SAAS;IACRgB,QAAQ,EAAET,UAAW;IACrBY,OAAO,EAAEA,CAAA,KAAMb,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,CAACD,UAAU,CAAE;IACvCe,KAAK,EAAEV,WAAW,GAAGC,MAAM,CAACU,GAAG,GAAGV,MAAM,CAACW,OAAQ;IACjDC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEC,OAAO,EAAEpB,UAAU;MAAEW,QAAQ,EAAET;IAAW,CAAE;IAClEE,kBAAkB,EAAEA;EAAmB,GAEtCC,WAAW,GAAGF,QAAQ,GAAG,IAAI,eAC9BS,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAACmB,KAAK,EAAET,MAAM,CAACe;EAAO,GACxBrB,UAAU,gBACTY,KAAA,CAAAC,aAAA,CAAChB,SAAS;IAACyB,IAAI,EAAC,WAAW;IAACC,IAAI,EAAEf,SAAU;IAACgB,UAAU,EAAEjB;EAAQ,CAAE,CAAC,GAClE,IACA,CACG,CAAC;AAEhB;AAEA,SAASkB,KAAKA,CAAC;EACbzB,UAAU,GAAG,KAAK;EAClB0B,QAAQ;EACRxB,UAAU,GAAG,KAAK;EAClBC,QAAQ;EACRC;AACU,CAAC,EAAE;EACb,MAAMC,WAAW,GAAGF,QAAQ,IAAI,IAAI;EACpC,MAAM;IAAEG;EAAO,CAAC,GAAGR,SAAS,CAAC;IAC3BW,OAAO,EAAE,OAAO;IAChBC,QAAQ,EAAEV,UAAU;IACpBW,QAAQ,EAAET;EACZ,CAAC,CAAC;EAEF,oBACEU,KAAA,CAAAC,aAAA,CAAClB,SAAS;IACRgB,QAAQ,EAAET,UAAW;IACrBY,OAAO,EAAEA,CAAA,KAAMY,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,CAAE;IAC5BX,KAAK,EAAEV,WAAW,GAAGC,MAAM,CAACU,GAAG,GAAGV,MAAM,CAACW,OAAQ;IACjDC,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAEC,OAAO,EAAEpB,UAAU;MAAEW,QAAQ,EAAET;IAAW,CAAE;IAClEE,kBAAkB,EAAEA;EAAmB,GAEtCC,WAAW,GAAGF,QAAQ,GAAG,IAAI,eAC9BS,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAACmB,KAAK,EAAET,MAAM,CAACe;EAAO,GACxBrB,UAAU,gBAAGY,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAACmB,KAAK,EAAET,MAAM,CAACqB;EAAI,CAAE,CAAC,GAAG,IACxC,CACG,CAAC;AAEhB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvB7B,QAAQ;EACR0B;AACF,CAAC","ignoreList":[]}

package/lib/module/core/design/atoms/Selection/index.js

@@ -0,0 +1,2 @@
+export { Selection } from './Selection';
+//# sourceMappingURL=index.js.map

package/lib/module/core/design/atoms/Selection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Selection"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Selection/index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa","ignoreList":[]}

package/lib/module/core/design/atoms/Selection/styles.js

@@ -0,0 +1,104 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+
+// Selection geometry (SoT: Checkbox/Radio .module.css, rem × 16).
+//   outer control 1.5rem = 24, padding 0.125rem = 2 → inner circle 1.25rem = 20
+//   circle border 0.0625rem = 1; check glyph 0.875rem = 14; radio dot 0.5rem = 8
+//   row layout: checkbox minHeight 3.5rem = 56, padding 0.5rem 1rem = 8×16, gap 8
+//               radio    padding 1rem = 16 (no minHeight),                gap 8
+
+const CONTROL_SIZE = 24;
+const CONTROL_PADDING = 2;
+const CIRCLE_SIZE = 20;
+const CHECK_SIZE = 14;
+const DOT_SIZE = 8;
+
+// Per-variant colour tokens (web CSS custom props → AmityColorToken refs).
+
+const CHECKBOX_TOKENS = {
+  surfaceActiveDefault: AmityColorToken.SurfaceSelectionCheckboxAtomicActiveDefault,
+  surfaceActiveDisabled: AmityColorToken.SurfaceSelectionCheckboxAtomicActiveDisabled,
+  surfaceInactiveDefault: AmityColorToken.SurfaceSelectionCheckboxAtomicInactiveDefault,
+  surfaceInactiveDisabled: AmityColorToken.SurfaceSelectionCheckboxAtomicInactiveDisabled,
+  borderInactiveDefault: AmityColorToken.BorderSelectionCheckboxAtomicInactiveDefault,
+  borderInactiveDisabled: AmityColorToken.BorderSelectionCheckboxAtomicInactiveDisabled,
+  iconDefault: AmityColorToken.IconSelectionCheckboxAtomicDefault,
+  iconDisabled: AmityColorToken.IconSelectionCheckboxAtomicDisabled
+};
+const RADIO_TOKENS = {
+  surfaceActiveDefault: AmityColorToken.SurfaceSelectionRadioAtomicActiveDefault,
+  surfaceActiveDisabled: AmityColorToken.SurfaceSelectionRadioAtomicActiveDisabled,
+  surfaceInactiveDefault: AmityColorToken.SurfaceSelectionRadioAtomicInactiveDefault,
+  surfaceInactiveDisabled: AmityColorToken.SurfaceSelectionRadioAtomicInactiveDisabled,
+  borderInactiveDefault: AmityColorToken.BorderSelectionRadioAtomicInactiveDefault,
+  borderInactiveDisabled: AmityColorToken.BorderSelectionRadioAtomicInactiveDisabled,
+  iconDefault: AmityColorToken.IconSelectionRadioAtomicDefault,
+  iconDisabled: AmityColorToken.IconSelectionRadioAtomicDisabled
+};
+export const useStyles = ({
+  variant,
+  selected,
+  disabled
+}) => {
+  const token = useToken();
+  const t = variant === 'checkbox' ? CHECKBOX_TOKENS : RADIO_TOKENS;
+
+  // Precedence mirrors the web CSS cascade: selected+disabled > selected >
+  // disabled > default. Border collapses to transparent whenever selected.
+  const surfaceRef = selected ? disabled ? t.surfaceActiveDisabled : t.surfaceActiveDefault : disabled ? t.surfaceInactiveDisabled : t.surfaceInactiveDefault;
+  const borderColor = selected ? 'transparent' : token(disabled ? t.borderInactiveDisabled : t.borderInactiveDefault);
+
+  // Glyph tint (check icon / radio dot). Only rendered when selected.
+  const iconRef = disabled ? t.iconDisabled : t.iconDefault;
+
+  // Row padding differs between the two variants.
+  const rowPadding = variant === 'checkbox' ? {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    minHeight: 56
+  } : {
+    padding: 16
+  };
+  const styles = StyleSheet.create({
+    control: {
+      width: CONTROL_SIZE,
+      height: CONTROL_SIZE,
+      padding: CONTROL_PADDING,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    row: {
+      width: '100%',
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 8,
+      ...rowPadding
+    },
+    circle: {
+      width: CIRCLE_SIZE,
+      height: CIRCLE_SIZE,
+      flexShrink: 0,
+      borderRadius: CIRCLE_SIZE / 2,
+      borderWidth: 1,
+      borderColor,
+      backgroundColor: token(surfaceRef),
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    dot: {
+      width: DOT_SIZE,
+      height: DOT_SIZE,
+      borderRadius: DOT_SIZE / 2,
+      backgroundColor: token(iconRef)
+    }
+  });
+  return {
+    styles,
+    token,
+    iconRef,
+    checkSize: CHECK_SIZE
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/atoms/Selection/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","CONTROL_SIZE","CONTROL_PADDING","CIRCLE_SIZE","CHECK_SIZE","DOT_SIZE","CHECKBOX_TOKENS","surfaceActiveDefault","SurfaceSelectionCheckboxAtomicActiveDefault","surfaceActiveDisabled","SurfaceSelectionCheckboxAtomicActiveDisabled","surfaceInactiveDefault","SurfaceSelectionCheckboxAtomicInactiveDefault","surfaceInactiveDisabled","SurfaceSelectionCheckboxAtomicInactiveDisabled","borderInactiveDefault","BorderSelectionCheckboxAtomicInactiveDefault","borderInactiveDisabled","BorderSelectionCheckboxAtomicInactiveDisabled","iconDefault","IconSelectionCheckboxAtomicDefault","iconDisabled","IconSelectionCheckboxAtomicDisabled","RADIO_TOKENS","SurfaceSelectionRadioAtomicActiveDefault","SurfaceSelectionRadioAtomicActiveDisabled","SurfaceSelectionRadioAtomicInactiveDefault","SurfaceSelectionRadioAtomicInactiveDisabled","BorderSelectionRadioAtomicInactiveDefault","BorderSelectionRadioAtomicInactiveDisabled","IconSelectionRadioAtomicDefault","IconSelectionRadioAtomicDisabled","useStyles","variant","selected","disabled","token","t","surfaceRef","borderColor","iconRef","rowPadding","paddingVertical","paddingHorizontal","minHeight","padding","styles","create","control","width","height","alignItems","justifyContent","row","flexDirection","gap","circle","flexShrink","borderRadius","borderWidth","backgroundColor","dot","checkSize"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Selection/styles.ts"],"mappings":"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","ignoreList":[]}