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

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

@@ -0,0 +1,182 @@
+"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 MessageReactorListSheet — ported from AmityUiKitWeb
+// v4/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.module.css.
+// The web drawer-specific bits (margin 0 -1rem, 90vh min/max-height, desktop
+// 30rem width, vaul drag) are omitted: in RN the @devvie/bottom-sheet host owns
+// height/width/drag, so this renders as flex content inside it. Tab-bar visuals
+// reuse the SoT underlined-tab tokens/geometry (the RN Tab atom can't host an
+// icon+count node label, so the bar is rendered inline — see component note).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    // .messageReactorListSheet
+    // NOTE: no `flex: 1` here. The @devvie sheet wraps our content in an
+    // AUTO-height inner View, so there is no free space for a flex child to grow
+    // into — and in RN `flex: 1` means `flexBasis: 0`, which would then collapse
+    // the container to height 0 (tabs overflow-paint, list vanishes). The
+    // component instead sets an EXPLICIT `height` (contentHeight) from the sheet
+    // height; `containerFill` is only a fallback when that height is unknown.
+    container: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    containerFill: {
+      flex: 1
+    },
+    // Once the container has a definite height, the FlatList CAN flex to fill the
+    // space below the fixed-height tab bar (there is now free space to grow into).
+    flatList: {
+      flex: 1
+    },
+    // Underlined tab strip: row, gap 20, no vertical padding of its own.
+    //
+    // A 1px baseline rule runs under the whole strip, on the same divider token
+    // every other hairline in chat uses — the two headers and the composer's top
+    // border. The Tab atom carries only the per-tab 2px ACTIVE indicator, so
+    // building this bar inline from it dropped the section separator entirely.
+    tabList: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 20,
+      paddingHorizontal: 16,
+      borderBottomWidth: 1,
+      borderBottomColor: token(_amityColorTokens.AmityColorToken.LineDividerPostDefault)
+    },
+    // one underlined tab (SoT geometry: height 56, paddingTop 16, gap 14, indicator 2)
+    tab: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      gap: 14,
+      height: 56,
+      paddingTop: 16,
+      backgroundColor: 'transparent'
+    },
+    // .messageReactorListSheet__tabLabel
+    tabLabel: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 8
+    },
+    tabLabelText: {
+      fontSize: 17,
+      lineHeight: 24
+    },
+    // underlined-tab label colours/weights (SoT Text/Tab/Underlined tokens)
+    tabLabelTextActive: {
+      fontWeight: '600',
+      color: token(_amityColorTokens.AmityColorToken.TextTabUnderlinedActive)
+    },
+    tabLabelTextDefault: {
+      fontWeight: '400',
+      color: token(_amityColorTokens.AmityColorToken.TextTabUnderlinedDefault)
+    },
+    tabIndicator: {
+      width: '100%',
+      height: 2,
+      backgroundColor: 'transparent'
+    },
+    tabIndicatorActive: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.LineTabUnderlinedActive)
+    },
+    // .messageReactorListSheet__list
+    list: {
+      flex: 1,
+      paddingTop: 8,
+      paddingBottom: 48
+    },
+    // .messageReactorListSheet__row
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      width: '100%',
+      height: 56,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      backgroundColor: 'transparent'
+    },
+    // .messageReactorListSheet__rowText
+    rowText: {
+      flex: 1,
+      flexDirection: 'column',
+      alignItems: 'flex-start',
+      minWidth: 0
+    },
+    // Name + brand badge sit on one line; the name shrinks, the badge
+    // does not.
+    rowTitleRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 2,
+      maxWidth: '100%'
+    },
+    // .messageReactorListSheet__rowTitle
+    rowTitle: {
+      flexShrink: 1,
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // .messageReactorListSheet__rowCaption
+    rowCaption: {
+      color: token(_amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    // .messageReactorListSheet__emptyState
+    //
+    // `flex: 1` is what actually centres this: the sheet content has a definite
+    // height, so without it the block is only as tall as its own contents and
+    // `justifyContent` has nothing to distribute — it sat at the top of a
+    // half-empty sheet. Taking the leftover height below the tab bar (or the
+    // whole sheet, when there is no tab bar) gives the centring something to
+    // work with. The vertical padding is symmetric for the same reason: the old
+    // 48/24 split pushed the visually-centred block 12px low.
+    emptyState: {
+      flex: 1,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 16,
+      paddingVertical: 24,
+      paddingHorizontal: 24,
+      width: '100%'
+    },
+    // .messageReactorListSheet__emptyStateText
+    emptyStateText: {
+      flexDirection: 'column',
+      alignItems: 'center'
+    },
+    // .messageReactorListSheet__emptyStateTitle
+    emptyStateTitle: {
+      color: token(_amityColorTokens.AmityColorToken.TextEmptyStateTitleDefault)
+    },
+    // .messageReactorListSheet__emptyStateDescription
+    emptyStateDescription: {
+      color: token(_amityColorTokens.AmityColorToken.TextEmptyStateDescriptionDefault)
+    },
+    // skeleton row line (web Skeleton.Line 8.75rem × 0.625rem, radius 0.75rem)
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      height: 56,
+      paddingVertical: 8,
+      paddingHorizontal: 16
+    }
+  });
+
+  // Empty-state SmilePlus glyph colour — web `--asc-color-icon-emptystate-icon-default`.
+  const emptyStateIconColor = token(_amityColorTokens.AmityColorToken.IconEmptyStateIconDefault);
+  return {
+    styles,
+    emptyStateIconColor
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","containerFill","flex","flatList","tabList","flexDirection","alignItems","gap","paddingHorizontal","borderBottomWidth","borderBottomColor","LineDividerPostDefault","tab","height","paddingTop","tabLabel","justifyContent","tabLabelText","fontSize","lineHeight","tabLabelTextActive","fontWeight","color","TextTabUnderlinedActive","tabLabelTextDefault","TextTabUnderlinedDefault","tabIndicator","width","tabIndicatorActive","LineTabUnderlinedActive","list","paddingBottom","row","paddingVertical","rowText","minWidth","rowTitleRow","maxWidth","rowTitle","flexShrink","TextListHeaderDefaultDefault","rowCaption","TextListTextDescriptionDefaultDefault","emptyState","emptyStateText","emptyStateTitle","TextEmptyStateTitleDefault","emptyStateDescription","TextEmptyStateDescriptionDefault","skeletonRow","emptyStateIconColor","IconEmptyStateIconDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReactorListSheet/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageReplyBand = MessageReplyBand;
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../core/design/components/Typography");
+var _icons = require("../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+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 }; }
+// MessageReplyBand — ported from AmityUiKitWeb features/shared/components/
+// MessageReplyBand. The "Replying to X" band shown above the composer while
+// composing a reply. The band itself is inert: tapping it must do nothing. Only
+// the trailing close button is interactive, and it cancels the reply. Web
+// tracked live deletion via useMessageObject; RN has no such hook, so deletion
+// is read from replyTo.isDeleted (the wiring layer supplies a fresh message).
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function MessageReplyBand({
+  replyTo,
+  currentUserId,
+  onCancel
+}) {
+  var _creator;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const yourselfLabel = (0, _localization.useString)('amity_chat_message_replying_yourself');
+  const unknownUserLabel = (0, _localization.useString)('amity_chat_unknown_user');
+  const replyingToLabel = (0, _localization.useString)('amity_chat_replying_to');
+  const isParentDeleted = !!replyTo.isDeleted;
+  const isToYourself = replyTo.creatorId === currentUserId;
+  const creatorName = (_creator = replyTo.creator) === null || _creator === void 0 ? void 0 : _creator.displayName;
+  const replyName = isToYourself ? yourselfLabel : creatorName ?? unknownUserLabel;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.band
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.textCol
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionBold",
+    style: styles.title,
+    numberOfLines: 1
+  }, replyingToLabel, " ", replyName), /*#__PURE__*/React.createElement(ReplyBandBody, {
+    replyTo: replyTo,
+    isParentDeleted: isParentDeleted
+  })), !isParentDeleted ? /*#__PURE__*/React.createElement(ReplyBandThumb, {
+    replyTo: replyTo
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.close,
+    onPress: onCancel,
+    accessibilityRole: "button",
+    accessibilityLabel: "Cancel reply"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "cross-r",
+    size: 16,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonGhostSecondaryDefault
+  })));
+}
+function ReplyBandBody({
+  replyTo,
+  isParentDeleted
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const unavailableLabel = (0, _localization.useString)('amity_chat_message_unavailable');
+  const photoLabel = (0, _localization.useString)('amity_chat_reply_photo_label');
+  const videoLabel = (0, _localization.useString)('amity_chat_reply_video_label');
+  let body = null;
+  if (isParentDeleted) {
+    body = unavailableLabel;
+  } else if (replyTo.dataType === 'text') {
+    var _replyTo$data;
+    body = (((_replyTo$data = replyTo.data) === null || _replyTo$data === void 0 ? void 0 : _replyTo$data.text) ?? '').toString();
+  } else if (replyTo.dataType === 'image') {
+    body = photoLabel;
+  } else if (replyTo.dataType === 'video') {
+    body = videoLabel;
+  } else if (replyTo.dataType === 'custom') {
+    body = JSON.stringify(replyTo.data ?? {});
+  }
+  if (body == null) return null;
+  return /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.body,
+    numberOfLines: 1
+  }, body);
+}
+function ReplyBandThumb({
+  replyTo
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const data = replyTo.data;
+  const isVideo = replyTo.dataType === 'video';
+  const thumbFileId = isVideo ? (data === null || data === void 0 ? void 0 : data.thumbnailFileId) ?? '' : replyTo.dataType === 'image' ? (data === null || data === void 0 ? void 0 : data.fileId) ?? '' : '';
+  const url = (0, _useFile.default)({
+    fileId: thumbFileId,
+    imageSize: _enums.ImageSizeState.small
+  });
+  if (!url || !isVideo && replyTo.dataType !== 'image') return null;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.thumbWrap
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: url
+    },
+    style: styles.thumbImg,
+    resizeMode: "cover"
+  }), isVideo ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.playChip
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.playChipInner
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "video-play-s",
+    size: 16,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonTransparentPrimaryDefault
+  }))) : null);
+}
+//# sourceMappingURL=MessageReplyBand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_icons","_amityColorTokens","_useFile","_interopRequireDefault","_enums","_localization","_styles","e","__esModule","default","MessageReplyBand","replyTo","currentUserId","onCancel","_creator","styles","useStyles","yourselfLabel","useString","unknownUserLabel","replyingToLabel","isParentDeleted","isDeleted","isToYourself","creatorId","creatorName","creator","displayName","replyName","React","createElement","View","style","band","textCol","Typography","variant","title","numberOfLines","ReplyBandBody","ReplyBandThumb","Pressable","close","onPress","accessibilityRole","accessibilityLabel","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonGhostSecondaryDefault","unavailableLabel","photoLabel","videoLabel","body","dataType","_replyTo$data","data","text","toString","JSON","stringify","isVideo","thumbFileId","thumbnailFileId","fileId","url","useFile","imageSize","ImageSizeState","small","thumbWrap","Image","source","uri","thumbImg","resizeMode","playChip","playChipInner","IconIconButtonTransparentPrimaryDefault"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReplyBand/MessageReplyBand.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,88 @@
+"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 MessageReplyBand — ported from MessageReplyBand.module.css.
+// The band is a Banner, not a list row — full width at 62 under the thread — so
+// it takes the Banner surface and the matching Banner text colours. It had been
+// asking for the List hover ones instead. Those resolve to the same hexes today,
+// which is why nothing looked wrong, but they tie a banner that is simply there
+// to the colour a list row wears while a finger is on it: two things that have
+// no reason to move together, and that a palette is free to separate.
+// Geometry: gap 0.75rem→12; height 3.875rem→62; padding 0.625/0.75/0.625/1rem→
+// 10 top-bottom, left 16, right 12; text gap 0.125rem→2; thumb 2rem→32,
+// radius 0.25rem→4; close 1.25rem→20; close icon 1rem→16.
+// The video affordance is a 2rem thumb with a centred 1.5rem chip on the
+// transparent-iconbutton surface and a 1rem glyph — not a full-cover scrim,
+// for which no token exists.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    band: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      width: '100%',
+      height: 62,
+      paddingVertical: 10,
+      paddingLeft: 16,
+      paddingRight: 12,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceBannerSubdueGeneral)
+    },
+    textCol: {
+      flex: 1,
+      gap: 2
+    },
+    title: {
+      color: token(_amityColorTokens.AmityColorToken.TextBannerSubdueOverlineGeneral)
+    },
+    body: {
+      color: token(_amityColorTokens.AmityColorToken.TextBannerSubdueTextDescriptionGeneral)
+    },
+    thumbWrap: {
+      width: 32,
+      height: 32,
+      borderRadius: 4,
+      overflow: 'hidden'
+    },
+    thumbImg: {
+      width: 32,
+      height: 32
+    },
+    playChip: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    playChipInner: {
+      width: 24,
+      height: 24,
+      borderRadius: 12,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    },
+    close: {
+      width: 20,
+      height: 20,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","band","flexDirection","alignItems","gap","width","height","paddingVertical","paddingLeft","paddingRight","backgroundColor","AmityColorToken","SurfaceBannerSubdueGeneral","textCol","flex","title","color","TextBannerSubdueOverlineGeneral","body","TextBannerSubdueTextDescriptionGeneral","thumbWrap","borderRadius","overflow","thumbImg","playChip","position","top","left","right","bottom","justifyContent","playChipInner","SurfaceIconButtonTransparentPrimaryEnabled","close","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReplyBand/styles.ts"],"mappings":";;;;;;AAcA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,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,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,EAAE;MACPC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAE,EAAE;MACnBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEd,KAAK,CAACe,iCAAe,CAACC,0BAA0B;IACnE,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACPV,GAAG,EAAE;IACP,CAAC;IACDW,KAAK,EAAE;MACLC,KAAK,EAAEpB,KAAK,CAACe,iCAAe,CAACM,+BAA+B;IAC9D,CAAC;IACDC,IAAI,EAAE;MACJF,KAAK,EAAEpB,KAAK,CAACe,iCAAe,CAACQ,sCAAsC;IACrE,CAAC;IACDC,SAAS,EAAE;MACTf,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVe,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRlB,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDkB,QAAQ,EAAE;MACRC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACT1B,UAAU,EAAE,QAAQ;MACpB2B,cAAc,EAAE;IAClB,CAAC;IACDC,aAAa,EAAE;MACb1B,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVe,YAAY,EAAE,EAAE;MAChBlB,UAAU,EAAE,QAAQ;MACpB2B,cAAc,EAAE,QAAQ;MACxBpB,eAAe,EAAEd,KAAK,CACpBe,iCAAe,CAACqB,0CAClB;IACF,CAAC;IACDC,KAAK,EAAE;MACL5B,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVH,UAAU,EAAE,QAAQ;MACpB2B,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEhC,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACsC,OAAA,CAAAvC,SAAA,GAAAA,SAAA","ignoreList":[]}