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

package/lib/commonjs/chat/features/shared/components/VideoPlayer/components/VideoScrubber/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("../../../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+// Styles for VideoScrubber — ported from AmityUiKitWeb VideoProgressBar.module.css.
+// Geometry: container bottom 2.5rem→40, left/right 0.75rem→12; time row margin-bottom
+// 1rem→16; track container 1.25rem→20 tall with 0.5rem→8 vertical padding; track
+// 0.25rem→4 tall, radius 0.125rem→2; drag dot 0.75rem→12. Track bg is 30% white and
+// the dot is transparent-on-video, so both stay as rgba() (scrim colours are allowed);
+// the solid-white fill/dot use the white text token.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const white = token(_amityColorTokens.AmityColorToken.TextBaseInverse);
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      position: 'absolute',
+      bottom: 40,
+      left: 12,
+      right: 12
+    },
+    timeDisplay: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: 16
+    },
+    timeText: {
+      color: white,
+      fontSize: 12
+    },
+    trackContainer: {
+      height: 20,
+      paddingVertical: 8,
+      justifyContent: 'center'
+    },
+    trackBackground: {
+      width: '100%',
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: 'rgba(255, 255, 255, 0.3)',
+      overflow: 'hidden'
+    },
+    trackFill: {
+      height: '100%',
+      borderRadius: 2,
+      backgroundColor: white
+    },
+    dragDot: {
+      position: 'absolute',
+      top: '50%',
+      marginTop: -6,
+      width: 12,
+      height: 12,
+      borderRadius: 6,
+      backgroundColor: white
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/features/shared/components/VideoPlayer/components/VideoScrubber/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","white","AmityColorToken","TextBaseInverse","styles","StyleSheet","create","container","position","bottom","left","right","timeDisplay","flexDirection","justifyContent","alignItems","marginBottom","timeText","color","fontSize","trackContainer","height","paddingVertical","trackBackground","width","borderRadius","backgroundColor","overflow","trackFill","dragDot","top","marginTop","exports"],"sourceRoot":"../../../../../../../../../src","sources":["chat/features/shared/components/VideoPlayer/components/VideoScrubber/styles.ts"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AATA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,KAAK,GAAGF,KAAK,CAACG,iCAAe,CAACC,eAAe,CAAC;EAEpD,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDC,WAAW,EAAE;MACXC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,KAAK,EAAEjB,KAAK;MACZkB,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACdC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAE,CAAC;MAClBR,cAAc,EAAE;IAClB,CAAC;IACDS,eAAe,EAAE;MACfC,KAAK,EAAE,MAAM;MACbH,MAAM,EAAE,CAAC;MACTI,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,0BAA0B;MAC3CC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTP,MAAM,EAAE,MAAM;MACdI,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEzB;IACnB,CAAC;IACD4B,OAAO,EAAE;MACPrB,QAAQ,EAAE,UAAU;MACpBsB,GAAG,EAAE,KAAK;MACVC,SAAS,EAAE,CAAC,CAAC;MACbP,KAAK,EAAE,EAAE;MACTH,MAAM,EAAE,EAAE;MACVI,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEzB;IACnB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEG;EAAO,CAAC;AACnB,CAAC;AAAC4B,OAAA,CAAAlC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/VideoPlayer/components/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _VideoControls = require("./VideoControls");
+Object.keys(_VideoControls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VideoControls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _VideoControls[key];
+    }
+  });
+});
+var _VideoScrubber = require("./VideoScrubber");
+Object.keys(_VideoScrubber).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VideoScrubber[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _VideoScrubber[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/chat/features/shared/components/VideoPlayer/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_VideoControls","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_VideoScrubber"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/shared/components/VideoPlayer/components/index.ts"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/VideoPlayer/index.js

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

package/lib/commonjs/chat/features/shared/components/VideoPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_VideoPlayer","require"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/VideoPlayer/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/VideoPlayer/styles.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+// Styles for VideoPlayer — the video fills the MediaViewer stage, with the custom
+// control overlay (VideoControls) stacked on top. Web used max-width/max-height 100%
+// with object-fit: contain; RN maps that to a full-bleed container plus
+// resizeMode="contain" on the Video element. No theme colours here.
+
+const useStyles = () => {
+  const styles = _reactNative.StyleSheet.create({
+    // The mute glyph was a bare white icon on the footage and vanished
+    // against light content. Same 32px 50%-black chip the viewer's close button
+    // carries, so the two ends of web's single VideoHeader row match.
+    muteButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 16,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: 'rgba(0, 0, 0, 0.5)'
+    },
+    stage: {
+      width: '100%',
+      height: '100%',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    video: {
+      width: '100%',
+      height: '100%'
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/features/shared/components/VideoPlayer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useStyles","styles","StyleSheet","create","muteButton","width","height","borderRadius","alignItems","justifyContent","backgroundColor","stage","video","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/VideoPlayer/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AALA;AACA;AACA;AACA;;AAIO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/B;IACA;IACA;IACAC,UAAU,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE;IACnB,CAAC;IAEDC,KAAK,EAAE;MACLN,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdE,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDG,KAAK,EAAE;MACLP,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL;EAAO,CAAC;AACnB,CAAC;AAACY,OAAA,CAAAb,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/YouTile/YouTile.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YouTile = YouTile;
+var _reactNative = require("react-native");
+var _Avatar = require("../../../../../core/design/atoms/Avatar");
+var _Typography = require("../../../../../core/design/components/Typography");
+var _ModeratorBadge = require("../../../../../core/design/elements/ModeratorBadge");
+var _useFile = _interopRequireDefault(require("../../../../../core/hooks/useFile"));
+var _enums = require("../../../../../core/enums");
+var _localization = require("../../../../../core/localization");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// YouTile — ported from AmityUiKitWeb features/shared/components/YouTile.
+// The "you" selected-member tile: a rounded avatar with a moderator indicator
+// badge above a single-line caption label. Web resolves the avatar via
+// FileRepository.fileUrlWithSize; RN's useFile already returns a size-scaled
+// URL, so avatarFileId is passed through directly (avatarCustomUrl wins when set).
+//
+// Badge geometry deviates from web (16px chip + 3px ring, inside the frame): the
+// design's "You" tile shows the 16px chip with only a hairline ring, centred on
+// the avatar's bottom-right edge (see styles.ts).
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function YouTile({
+  user,
+  label = (0, _localization.resolveString)('amity_chat_member_you')
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const displayName = user.displayName ?? user.userId;
+  const initials = displayName.trim().charAt(0).toUpperCase() || '?';
+  const resolvedAvatar = (0, _useFile.default)({
+    fileId: user.avatarFileId ?? '',
+    imageSize: _enums.ImageSizeState.small
+  });
+  const imageUrl = user.avatarCustomUrl ?? resolvedAvatar;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.tile
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    variant: imageUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 40,
+    imageUrl: imageUrl,
+    initials: initials,
+    indicator: /*#__PURE__*/React.createElement(_ModeratorBadge.ModeratorBadge, {
+      size: _styles.MODERATOR_BADGE_SIZE
+    }),
+    indicatorStyle: styles.moderatorBadge
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.name,
+    numberOfLines: 1
+  }, label));
+}
+//# sourceMappingURL=YouTile.js.map

package/lib/commonjs/chat/features/shared/components/YouTile/YouTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Avatar","_Typography","_ModeratorBadge","_useFile","_interopRequireDefault","_enums","_localization","_styles","e","__esModule","default","YouTile","user","label","resolveString","styles","useStyles","displayName","userId","initials","trim","charAt","toUpperCase","resolvedAvatar","useFile","fileId","avatarFileId","imageSize","ImageSizeState","small","imageUrl","avatarCustomUrl","React","createElement","View","style","tile","Avatar","variant","shape","size","indicator","ModeratorBadge","MODERATOR_BADGE_SIZE","indicatorStyle","moderatorBadge","Typography","name","numberOfLines"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/YouTile/YouTile.tsx"],"mappings":";;;;;;AAWA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAA2D,SAAAK,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApB3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AASA;;AAMA;AACO,SAASG,OAAOA,CAAC;EACtBC,IAAI;EACJC,KAAK,GAAG,IAAAC,2BAAa,EAAC,uBAAuB;AACjC,CAAC,EAAE;EACf,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,MAAMC,WAAW,GAAGL,IAAI,CAACK,WAAW,IAAIL,IAAI,CAACM,MAAM;EACnD,MAAMC,QAAQ,GAAGF,WAAW,CAACG,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;EAClE,MAAMC,cAAc,GAAG,IAAAC,gBAAO,EAAC;IAC7BC,MAAM,EAAEb,IAAI,CAACc,YAAY,IAAI,EAAE;IAC/BC,SAAS,EAAEC,qBAAc,CAACC;EAC5B,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAGlB,IAAI,CAACmB,eAAe,IAAIR,cAAc;EAEvD,oBACES,KAAA,CAAAC,aAAA,CAACnC,YAAA,CAAAoC,IAAI;IAACC,KAAK,EAAEpB,MAAM,CAACqB;EAAK,gBACvBJ,KAAA,CAAAC,aAAA,CAACjC,OAAA,CAAAqC,MAAM;IACLC,OAAO,EAAER,QAAQ,GAAG,OAAO,GAAG,MAAO;IACrCS,KAAK,EAAC,SAAS;IACfC,IAAI,EAAE,EAAG;IACTV,QAAQ,EAAEA,QAAS;IACnBX,QAAQ,EAAEA,QAAS;IACnBsB,SAAS,eAAET,KAAA,CAAAC,aAAA,CAAC/B,eAAA,CAAAwC,cAAc;MAACF,IAAI,EAAEG;IAAqB,CAAE,CAAE;IAC1DC,cAAc,EAAE7B,MAAM,CAAC8B;EAAe,CACvC,CAAC,eACFb,KAAA,CAAAC,aAAA,CAAChC,WAAA,CAAA6C,UAAU;IAACR,OAAO,EAAC,SAAS;IAACH,KAAK,EAAEpB,MAAM,CAACgC,IAAK;IAACC,aAAa,EAAE;EAAE,GAChEnC,KACS,CACR,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/YouTile/index.js

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

package/lib/commonjs/chat/features/shared/components/YouTile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_YouTile","require"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/YouTile/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/YouTile/styles.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = exports.MODERATOR_BADGE_SIZE = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+// Styles for YouTile — ported from YouTile.module.css.
+// Geometry: column, center, gap 0.25rem→4, tile width 4rem→64. Label colour
+// from Text/Avatar/Label/Default.
+
+// Moderator badge on the 40px "You" avatar, matched against the New group Figma:
+// a 16px chip with only a hairline white ring, centred on the avatar's
+// bottom-right edge. The Avatar atom draws a 3px ring around any indicator;
+// that is far thicker than the design here, so the ring is zeroed and the
+// badge's own 1px white border (Border/Avatar/Indicator/Default) is the ring.
+// Centring a 16px box on the 40px circle's 45° point puts its centre at ~34,
+// i.e. 2px past the frame.
+const MODERATOR_BADGE_SIZE = exports.MODERATOR_BADGE_SIZE = 16;
+const MODERATOR_BADGE_RING = 0;
+const MODERATOR_BADGE_OVERHANG = 2;
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    tile: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      gap: 4,
+      width: 64
+    },
+    name: {
+      maxWidth: 64,
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextAvatarLabelDefault)
+    },
+    // Override the atom's 3px ring and anchor, then shift the chip out so it
+    // straddles the frame edge as in the design.
+    moderatorBadge: {
+      borderWidth: MODERATOR_BADGE_RING,
+      right: -(MODERATOR_BADGE_RING + MODERATOR_BADGE_OVERHANG),
+      bottom: -(MODERATOR_BADGE_RING + MODERATOR_BADGE_OVERHANG)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/features/shared/components/YouTile/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","MODERATOR_BADGE_SIZE","exports","MODERATOR_BADGE_RING","MODERATOR_BADGE_OVERHANG","useStyles","token","useToken","styles","StyleSheet","create","tile","flexDirection","alignItems","gap","width","name","maxWidth","textAlign","color","AmityColorToken","TextAvatarLabelDefault","moderatorBadge","borderWidth","right","bottom"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/YouTile/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,EAAE;AACtC,MAAME,oBAAoB,GAAG,CAAC;AAC9B,MAAMC,wBAAwB,GAAG,CAAC;AAE3B,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEb,KAAK,CAACc,iCAAe,CAACC,sBAAsB;IACrD,CAAC;IACD;IACA;IACAC,cAAc,EAAE;MACdC,WAAW,EAAEpB,oBAAoB;MACjCqB,KAAK,EAAE,EAAErB,oBAAoB,GAAGC,wBAAwB,CAAC;MACzDqB,MAAM,EAAE,EAAEtB,oBAAoB,GAAGC,wBAAwB;IAC3D;EACF,CAAC,CAAC;EAEF,OAAO;IAAEI,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACJ,OAAA,CAAAG,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/hooks/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useBubbleMenu", {
+  enumerable: true,
+  get: function () {
+    return _useBubbleMenu.useBubbleMenu;
+  }
+});
+Object.defineProperty(exports, "useFailedMessageSheet", {
+  enumerable: true,
+  get: function () {
+    return _useFailedMessageSheet.useFailedMessageSheet;
+  }
+});
+Object.defineProperty(exports, "useMarkAsRead", {
+  enumerable: true,
+  get: function () {
+    return _useMarkAsRead.useMarkAsRead;
+  }
+});
+Object.defineProperty(exports, "useMediaViewer", {
+  enumerable: true,
+  get: function () {
+    return _useMediaViewer.useMediaViewer;
+  }
+});
+Object.defineProperty(exports, "useMessageReactions", {
+  enumerable: true,
+  get: function () {
+    return _useMessageReactions.useMessageReactions;
+  }
+});
+Object.defineProperty(exports, "useReactorsCollection", {
+  enumerable: true,
+  get: function () {
+    return _useReactorsCollection.useReactorsCollection;
+  }
+});
+var _useMarkAsRead = require("./useMarkAsRead");
+var _useBubbleMenu = require("./useBubbleMenu");
+var _useFailedMessageSheet = require("./useFailedMessageSheet");
+var _useMediaViewer = require("./useMediaViewer");
+var _useMessageReactions = require("./useMessageReactions");
+var _useReactorsCollection = require("./useReactorsCollection");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/chat/features/shared/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useMarkAsRead","require","_useBubbleMenu","_useFailedMessageSheet","_useMediaViewer","_useMessageReactions","_useReactorsCollection"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAMA,IAAAI,oBAAA,GAAAJ,OAAA;AAKA,IAAAK,sBAAA,GAAAL,OAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/hooks/useBubbleMenu.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBubbleMenu = useBubbleMenu;
+var _react = require("react");
+var _clipboard = _interopRequireDefault(require("@react-native-clipboard/clipboard"));
+var _localization = require("../../../../core/localization");
+var _queries = require("../../../hooks/queries");
+var _useChatNotifications = require("../../../hooks/useChatNotifications");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// useBubbleMenu — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useBubbleMenu.
+// Holds the message action-menu state and the per-action handlers. In RN the menu
+// is long-press triggered (see components/AmityMessageActionMenu) rather than
+// anchored to a DOM node, so `anchor` is kept optional and loosely typed.
+//
+// RN adaptations from web (return shape UseBubbleMenuReturn preserved verbatim so
+// useChatMessage consumes it unchanged):
+//   - Delete goes through the RN `useDeleteMessageQuery` port, which confirms via
+//     the platform `Alert` before deleting (web used ConfirmProvider's modal).
+//   - Copy uses `@react-native-clipboard/clipboard` (`Clipboard.setString`, sync)
+//     instead of `navigator.clipboard.writeText`; the copied-success toast fires
+//     through the useChatNotifications stub.
+//   - Save goes through the RN `useSaveMediaMessageQuery` port, which resolves the
+//     message's file URL, downloads it and writes it into the device gallery via
+//     CameraRoll, then raises the saved/failed chat toast (web downloaded via the
+//     browser). Same hook the media viewer's save icon uses; `handleBubbleSave`
+//     used to be a stub, so tapping Save on an image neither saved to the
+//     gallery nor showed the "Saved photo." toast.
+//   - Report: web opened a Drawer (mobile) / Popup (desktop) with ContentReportReason.
+//     RN keeps the report target in local state (`reportMessage`) and the orchestrator
+//     (useChatMessage) surfaces it so Chat/GroupChat render the full-screen
+//     ContentReportReason Modal — the same overlay pattern as see-more (the
+//     report UI previously appeared as a partial bottom sheet / no-op).
+//   - Reactor-list sheet has no RN component wired here (web opened a Drawer/Popup with
+//     MessageReactorListSheet) — `handleOpenReactorListSheet` is a documented stub;
+//     Chat/GroupChat open the reactor list via the global bottom sheet instead.
+
+// Mirrors web's chat/utils/getClipboardPayload (inlined; no RN chat/utils dir yet).
+function getClipboardPayload(message) {
+  if (message.dataType === 'text') {
+    const data = message.data;
+    return (data === null || data === void 0 ? void 0 : data.text) ?? '';
+  }
+  if (message.dataType === 'custom') {
+    const data = message.data;
+    if (data == null) return null;
+    if (typeof data === 'string') return data;
+    return JSON.stringify(data);
+  }
+  return null;
+}
+function useBubbleMenu({
+  onEditMessage,
+  onReplyMessage,
+  viewerIsMutedInChannel = false
+}) {
+  const {
+    success
+  } = (0, _useChatNotifications.useChatNotifications)();
+  const copiedToast = (0, _localization.useString)('amity_chat_toast_copied');
+  const [bubbleMenu, setBubbleMenu] = (0, _react.useState)(null);
+  const [reportMessage, setReportMessage] = (0, _react.useState)(null);
+  function closeBubbleMenu() {
+    setBubbleMenu(null);
+  }
+  const {
+    requestDelete
+  } = (0, _queries.useDeleteMessageQuery)();
+  const {
+    requestSave
+  } = (0, _queries.useSaveMediaMessageQuery)();
+  function openBubbleMenu(message, anchor) {
+    setBubbleMenu({
+      message,
+      anchor
+    });
+  }
+  function handleBubbleDelete() {
+    if (!bubbleMenu) return;
+    const message = bubbleMenu.message;
+    closeBubbleMenu();
+    requestDelete(message);
+  }
+  function handleBubbleEdit() {
+    if (!bubbleMenu) return;
+    const message = bubbleMenu.message;
+    closeBubbleMenu();
+    onEditMessage(message);
+  }
+  function handleBubbleReply() {
+    if (!bubbleMenu) return;
+    const message = bubbleMenu.message;
+    closeBubbleMenu();
+    onReplyMessage(message);
+  }
+  async function handleBubbleCopy() {
+    if (!bubbleMenu) return;
+    const message = bubbleMenu.message;
+    closeBubbleMenu();
+    const payload = getClipboardPayload(message);
+    if (payload) {
+      _clipboard.default.setString(payload);
+      success({
+        content: copiedToast,
+        alignment: 'with-composer'
+      });
+    }
+  }
+  function handleBubbleSave() {
+    if (!bubbleMenu) return;
+    // Capture the target before closing: closeBubbleMenu clears `bubbleMenu`.
+    const message = bubbleMenu.message;
+    closeBubbleMenu();
+    requestSave(message);
+  }
+  function handleBubbleReport(message) {
+    // Open the full-screen ContentReportReason Modal (rendered by Chat/GroupChat).
+    setReportMessage(message);
+  }
+  function closeReport() {
+    setReportMessage(null);
+  }
+  function handleOpenReactorListSheet(_message) {
+    closeBubbleMenu();
+    // TODO: no RN MessageReactorListSheet yet (web opened a Drawer/Popup). Stubbed.
+  }
+  return {
+    bubbleMenu,
+    openBubbleMenu,
+    closeBubbleMenu,
+    handleBubbleDelete,
+    handleBubbleEdit,
+    handleBubbleReply,
+    handleBubbleCopy,
+    handleBubbleSave,
+    handleBubbleReport,
+    handleOpenReactorListSheet,
+    reportMessage,
+    closeReport,
+    viewerIsMutedInChannel
+  };
+}
+//# sourceMappingURL=useBubbleMenu.js.map

package/lib/commonjs/chat/features/shared/hooks/useBubbleMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_clipboard","_interopRequireDefault","_localization","_queries","_useChatNotifications","e","__esModule","default","getClipboardPayload","message","dataType","data","text","JSON","stringify","useBubbleMenu","onEditMessage","onReplyMessage","viewerIsMutedInChannel","success","useChatNotifications","copiedToast","useString","bubbleMenu","setBubbleMenu","useState","reportMessage","setReportMessage","closeBubbleMenu","requestDelete","useDeleteMessageQuery","requestSave","useSaveMediaMessageQuery","openBubbleMenu","anchor","handleBubbleDelete","handleBubbleEdit","handleBubbleReply","handleBubbleCopy","payload","Clipboard","setString","content","alignment","handleBubbleSave","handleBubbleReport","closeReport","handleOpenReactorListSheet","_message"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/useBubbleMenu.tsx"],"mappings":"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","ignoreList":[]}