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

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

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

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

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

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

@@ -0,0 +1,42 @@
+"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 DeletedMessagePill — ported from DeletedMessagePill.module.css.
+// Geometry: gap 0.25rem→4, padding 0.25rem/0.5rem→4/8, border 0.0625rem→1,
+// border-radius 1.25rem→20. `inline-flex` → alignSelf 'flex-start' so the pill
+// hugs its content instead of stretching the row. Per-side colour resolved here
+// (web `currentcolor` cascade has no RN equivalent).
+
+const useStyles = isUser => {
+  const token = (0, _useToken.useToken)();
+  const labelColor = token(isUser ? _amityColorTokens.AmityColorToken.TextChatBubbleOutboundMessagesDeleted : _amityColorTokens.AmityColorToken.TextChatBubbleInboundMessagesDeleted);
+  const borderColor = token(isUser ? _amityColorTokens.AmityColorToken.BorderChatBubbleOutboundDeleted : _amityColorTokens.AmityColorToken.BorderChatBubbleInboundDeleted);
+  const styles = _reactNative.StyleSheet.create({
+    pill: {
+      alignSelf: 'flex-start',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      paddingVertical: 4,
+      paddingHorizontal: 8,
+      borderWidth: 1,
+      borderColor,
+      borderRadius: 20
+    },
+    label: {
+      color: labelColor
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","isUser","token","useToken","labelColor","AmityColorToken","TextChatBubbleOutboundMessagesDeleted","TextChatBubbleInboundMessagesDeleted","borderColor","BorderChatBubbleOutboundDeleted","BorderChatBubbleInboundDeleted","styles","StyleSheet","create","pill","alignSelf","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderWidth","borderRadius","label","color","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/DeletedMessagePill/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAIC,MAAe,IAAK;EAC5C,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,UAAU,GAAGF,KAAK,CACtBD,MAAM,GACFI,iCAAe,CAACC,qCAAqC,GACrDD,iCAAe,CAACE,oCACtB,CAAC;EACD,MAAMC,WAAW,GAAGN,KAAK,CACvBD,MAAM,GACFI,iCAAe,CAACI,+BAA+B,GAC/CJ,iCAAe,CAACK,8BACtB,CAAC;EAED,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,SAAS,EAAE,YAAY;MACvBC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,CAAC;MACdb,WAAW;MACXc,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEpB;IACT;EACF,CAAC,CAAC;EAEF,OAAO;IAAEO,MAAM;IAAET;EAAM,CAAC;AAC1B,CAAC;AAACuB,OAAA,CAAAzB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyState = EmptyState;
+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 _localization = require("../../../../../core/localization");
+var _styles = require("./styles");
+// EmptyState — ported from AmityUiKitWeb features/shared/components/EmptyState.
+// A centered icon + title for the various chat empty/prompt states. Web icons
+// (Search.Light / SearchCross / ListRadio / Inbox) map to the SoT icon registry.
+// The `min-height: calc(100svh - …)` fill → flex:1 (no svh in RN).
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+function getIconName(variant) {
+  if (variant === 'prompt') return 'search-l';
+  if (variant === 'no-banned-users') return 'list-radio-l';
+  if (variant === 'no-archived-chats') return 'inbox-l';
+  return 'search-cross-l';
+}
+
+// 4. Named function component
+function EmptyState({
+  variant
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+
+  // Resolved unconditionally (matches web) to respect rules-of-hooks.
+  const content = {
+    'prompt': (0, _localization.useString)('amity_chat_search_min_chars'),
+    'no-results': (0, _localization.useString)('amity_chat_search_no_results'),
+    'no-members': (0, _localization.useString)('amity_chat_no_members_found'),
+    'no-banned-users': (0, _localization.useString)('amity_chat_banned_members_empty'),
+    'no-archived-chats': (0, _localization.useString)('amity_chat_archived_empty_title')
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.emptyState
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: getIconName(variant),
+    size: 64,
+    tokenColor: _amityColorTokens.AmityColorToken.IconEmptyStateIconDefault
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.text
+  }, content[variant]));
+}
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_icons","_amityColorTokens","_localization","_styles","getIconName","variant","EmptyState","styles","useStyles","content","useString","React","createElement","View","style","emptyState","AmityIcon","name","size","tokenColor","AmityColorToken","IconEmptyStateIconDefault","Typography","text"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/EmptyState/EmptyState.tsx"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAhBA;AACA;AACA;AACA;;AAEA;;AAGA;;AAUA;;AAYA,SAASM,WAAWA,CAACC,OAA0B,EAAiB;EAC9D,IAAIA,OAAO,KAAK,QAAQ,EAAE,OAAO,UAAU;EAC3C,IAAIA,OAAO,KAAK,iBAAiB,EAAE,OAAO,cAAc;EACxD,IAAIA,OAAO,KAAK,mBAAmB,EAAE,OAAO,SAAS;EACrD,OAAO,gBAAgB;AACzB;;AAEA;AACO,SAASC,UAAUA,CAAC;EAAED;AAAyB,CAAC,EAAE;EACvD,MAAM;IAAEE;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;;EAE9B;EACA,MAAMC,OAA0C,GAAG;IACjD,QAAQ,EAAE,IAAAC,uBAAS,EAAC,6BAA6B,CAAC;IAClD,YAAY,EAAE,IAAAA,uBAAS,EAAC,8BAA8B,CAAC;IACvD,YAAY,EAAE,IAAAA,uBAAS,EAAC,6BAA6B,CAAC;IACtD,iBAAiB,EAAE,IAAAA,uBAAS,EAAC,iCAAiC,CAAC;IAC/D,mBAAmB,EAAE,IAAAA,uBAAS,EAAC,iCAAiC;EAClE,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACQ;EAAW,gBAC7BJ,KAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAgB,SAAS;IACRC,IAAI,EAAEb,WAAW,CAACC,OAAO,CAAE;IAC3Ba,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAACC;EAA0B,CACvD,CAAC,eACFV,KAAA,CAAAC,aAAA,CAACb,WAAA,CAAAuB,UAAU;IAACjB,OAAO,EAAC,WAAW;IAACS,KAAK,EAAEP,MAAM,CAACgB;EAAK,GAChDd,OAAO,CAACJ,OAAO,CACN,CACR,CAAC;AAEX","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,38 @@
+"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 EmptyState — ported from EmptyState.module.css.
+// Geometry: gap 0.5rem→8, padding 1.5rem→24, icon 4rem→64, title max-width
+// 15.75rem→252. `min-height: calc(100svh - …)` → flex:1 fill + center. Colours
+// via tokens. `white-space: pre-line` is native to RN Text (\n honoured).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    emptyState: {
+      flex: 1,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 8,
+      padding: 24
+    },
+    text: {
+      maxWidth: 252,
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextEmptyStateTitleDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","emptyState","flex","flexDirection","alignItems","justifyContent","gap","padding","text","maxWidth","textAlign","color","AmityColorToken","TextEmptyStateTitleDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/EmptyState/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAPA;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,UAAU,EAAE;MACVC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,GAAG;MACbC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEf,KAAK,CAACgB,iCAAe,CAACC,0BAA0B;IACzD;EACF,CAAC,CAAC;EAEF,OAAO;IAAEf,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACkB,OAAA,CAAAnB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FailedToShow = FailedToShow;
+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 _localization = require("../../../../../core/localization");
+var _styles = require("./styles");
+// FailedToShow — ported from AmityUiKitWeb features/shared/components/FailedToShow.
+// A centered icon + title + description shown when content can't be displayed.
+// Web `className` (CSS-module override) → RN `style` prop, applied after the base
+// container style. `flex: 1 1 auto` → flex:1 fill + center.
+//
+// The default copy is the generic livestream-unavailable pair ("Something went
+// wrong" / "The content you're looking for is unavailable."). A caller that knows
+// what the content was can pass a narrower line — the report sheet says "message"
+// rather than "content".
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function FailedToShow({
+  style,
+  title,
+  description
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const defaultTitle = (0, _localization.useString)('amity_social_label_livestream_deleted_page_title');
+  const defaultDescription = (0, _localization.useString)('amity_social_button_livestream_unavailable_desc');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.failedToShow, style]
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "newspaper-question-l",
+    size: 64,
+    tokenColor: _amityColorTokens.AmityColorToken.IconEmptyStateIconDefault
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.title
+  }, title ?? defaultTitle), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "body",
+    style: styles.desc
+  }, description ?? defaultDescription));
+}
+//# sourceMappingURL=FailedToShow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_icons","_amityColorTokens","_localization","_styles","FailedToShow","style","title","description","styles","useStyles","defaultTitle","useString","defaultDescription","React","createElement","View","failedToShow","AmityIcon","name","size","tokenColor","AmityColorToken","IconEmptyStateIconDefault","Typography","variant","desc"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/FailedToShow/FailedToShow.tsx"],"mappings":";;;;;;AAWA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAlBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAOA;;AAOA;AACO,SAASM,YAAYA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAA+B,CAAC,EAAE;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,YAAY,GAAG,IAAAC,uBAAS,EAC5B,kDACF,CAAC;EACD,MAAMC,kBAAkB,GAAG,IAAAD,uBAAS,EAClC,iDACF,CAAC;EAED,oBACEE,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACV,KAAK,EAAE,CAACG,MAAM,CAACQ,YAAY,EAAEX,KAAK;EAAE,gBACxCQ,KAAA,CAAAC,aAAA,CAACd,MAAA,CAAAiB,SAAS;IACRC,IAAI,EAAC,sBAAsB;IAC3BC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEC,iCAAe,CAACC;EAA0B,CACvD,CAAC,eACFT,KAAA,CAAAC,aAAA,CAACf,WAAA,CAAAwB,UAAU;IAACC,OAAO,EAAC,WAAW;IAACnB,KAAK,EAAEG,MAAM,CAACF;EAAM,GACjDA,KAAK,IAAII,YACA,CAAC,eACbG,KAAA,CAAAC,aAAA,CAACf,WAAA,CAAAwB,UAAU;IAACC,OAAO,EAAC,MAAM;IAACnB,KAAK,EAAEG,MAAM,CAACiB;EAAK,GAC3ClB,WAAW,IAAIK,kBACN,CACR,CAAC;AAEX","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,40 @@
+"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 FailedToShow — ported from FailedToShow.module.css.
+// Geometry: gap 0.5rem→8, padding 1.5rem→24, icon 4rem→64. `flex: 1 1 auto`
+// fill → flex:1 + center. Colours via tokens.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    failedToShow: {
+      flex: 1,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 8,
+      padding: 24
+    },
+    title: {
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextEmptyStateTitleDefault)
+    },
+    desc: {
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextEmptyStateDescriptionDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","failedToShow","flex","flexDirection","alignItems","justifyContent","gap","padding","title","textAlign","color","AmityColorToken","TextEmptyStateTitleDefault","desc","TextEmptyStateDescriptionDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/FailedToShow/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;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,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,OAAO,EAAE;IACX,CAAC;IACDC,KAAK,EAAE;MACLC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEd,KAAK,CAACe,iCAAe,CAACC,0BAA0B;IACzD,CAAC;IACDC,IAAI,EAAE;MACJJ,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEd,KAAK,CAACe,iCAAe,CAACG,gCAAgC;IAC/D;EACF,CAAC,CAAC;EAEF,OAAO;IAAEhB,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACmB,OAAA,CAAApB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageViewer = ImageViewer;
+var _reactNative = require("react-native");
+var _reactNativeImageViewing = _interopRequireDefault(require("react-native-image-viewing"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _icons = require("../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../core/localization");
+var _Toast = _interopRequireDefault(require("../../../../../social/components/Toast"));
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// ImageViewer — ported from AmityUiKitWeb chat/features/shared/components/ImageViewer.
+// Web wrapped MediaViewer around an <img>; RN uses react-native-image-viewing, which
+// provides its own pan/zoom full-screen viewer. We layer the same chrome via its
+// HeaderComponent (close) and FooterComponent (delete/save) props so the surface
+// matches VideoPlayer/MediaViewer.
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports
+
+// 4. Types
+
+// 5. Named function component
+function ImageViewer({
+  src,
+  onClose,
+  isOwn = false,
+  onDelete,
+  onSave
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const deleteLabel = (0, _localization.useString)('amity_chat_option_delete');
+  const saveLabel = (0, _localization.useString)('amity_chat_action_save');
+  const canDelete = isOwn && !!onDelete;
+  const canSave = !!onSave;
+  return /*#__PURE__*/React.createElement(_reactNativeImageViewing.default, {
+    images: [{
+      uri: src
+    }],
+    imageIndex: 0,
+    visible: true,
+    onRequestClose: onClose
+    // Web MediaViewer overlay is solid black (.mediaViewer__overlay background);
+    // rgb() (no hex) keeps the repo's no-hex gate happy.
+    ,
+    backgroundColor: "rgb(0, 0, 0)"
+    // The bars take the real safe-area insets through a SafeAreaView, and the
+    // provider has to be mounted here, inside the viewer's own Modal: the
+    // provider the UIKit mounts at its root sits wherever the host app placed
+    // it (in the sample app that is below the status bar, so its top inset
+    // reads zero), and a Modal's content is a separate native hierarchy
+    // anyway. The top padding used to be a hardcoded 44 — the old notch
+    // height. On a Dynamic Island device the inset is 59, so the close button
+    // sat under the island, which does not pass touches through: the button
+    // could not be tapped at all and the viewer could not be closed.
+    ,
+    HeaderComponent: () => /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+      edges: ['top', 'left', 'right'],
+      style: styles.topBar
+    }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+      style: styles.closeButton,
+      onPress: onClose,
+      accessibilityRole: "button",
+      accessibilityLabel: "Close"
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: "cross-r",
+      size: 24,
+      tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonTransparentPrimaryDefault
+    }))))
+    // Always rendered: besides the action bar it hosts the chat toast. Save
+    // success/failure toasts fire while this Modal is open, and the global
+    // <Toast /> is mounted outside it (RN renders it beneath the native Modal
+    // layer), so a second instance lives here — it reads the same redux toast
+    // state, so only one pill is ever visible. It sits in the library's footer
+    // container, which slides away with the bars on tap-to-toggle; that is
+    // intended (bars hidden = "show me the image unobstructed"). Not a sibling
+    // <Modal>: stacked RN modals are unreliable on iOS.
+    ,
+    FooterComponent: () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+      pointerEvents: "box-none",
+      style: styles.toastLayer
+    }, /*#__PURE__*/React.createElement(_Toast.default, null)), canDelete || canSave ? /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+      edges: ['bottom', 'left', 'right'],
+      style: styles.bottomBar
+    }, canDelete ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+      style: styles.bottomIconButton,
+      onPress: onDelete,
+      accessibilityRole: "button",
+      accessibilityLabel: deleteLabel
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: "trash-r",
+      size: 24,
+      tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonTransparentPrimaryDefault
+    })) : /*#__PURE__*/React.createElement(_reactNative.View, null), canSave ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+      style: styles.bottomIconButton,
+      onPress: onSave,
+      accessibilityRole: "button",
+      accessibilityLabel: saveLabel
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: "arrow-down-to-bracket-r",
+      size: 24,
+      tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonTransparentPrimaryDefault
+    })) : /*#__PURE__*/React.createElement(_reactNative.View, null))) : null)
+  });
+}
+//# sourceMappingURL=ImageViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeImageViewing","_interopRequireDefault","_reactNativeSafeAreaContext","_icons","_amityColorTokens","_localization","_Toast","_styles","e","__esModule","default","ImageViewer","src","onClose","isOwn","onDelete","onSave","styles","useStyles","deleteLabel","useString","saveLabel","canDelete","canSave","React","createElement","images","uri","imageIndex","visible","onRequestClose","backgroundColor","HeaderComponent","SafeAreaProvider","SafeAreaView","edges","style","topBar","Pressable","closeButton","onPress","accessibilityRole","accessibilityLabel","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonTransparentPrimaryDefault","FooterComponent","Fragment","View","pointerEvents","toastLayer","bottomBar","bottomIconButton"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/ImageViewer/ImageViewer.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,74 @@
+"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 ImageViewer — the header/footer chrome layered over
+// react-native-image-viewing. Mirrors MediaViewer's bars (padding 1rem→16, buttons
+// 32/40, radius 9999). The bars are wrapped in a SafeAreaView, which supplies the
+// notch/home-indicator insets on top of this padding — they used to be hardcoded at
+// 44 and 32, which are wrong on a Dynamic Island device (real top inset 59).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    topBar: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-start',
+      paddingHorizontal: 16,
+      paddingTop: 16,
+      paddingBottom: 16,
+      // Web MediaViewer bars: rgb(0 0 0 / 50%) (.mediaViewer__topBar/__bottomBar).
+      backgroundColor: 'rgba(0, 0, 0, 0.5)'
+    },
+    bottomBar: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      paddingTop: 16,
+      paddingBottom: 16,
+      // Web MediaViewer bars: rgb(0 0 0 / 50%) (.mediaViewer__topBar/__bottomBar).
+      backgroundColor: 'rgba(0, 0, 0, 0.5)'
+    },
+    // Host for the chat toast mounted inside react-native-image-viewing's Modal
+    // (the global <Toast /> is outside it and renders beneath the native Modal
+    // layer). Anchored above the bottom bar (40 icon + 16 top + 32 bottom = 88).
+    toastLayer: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: 88,
+      zIndex: 4
+    },
+    closeButton: {
+      width: 32,
+      height: 32,
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 4,
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    },
+    bottomIconButton: {
+      width: 40,
+      height: 40,
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 8,
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","topBar","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingTop","paddingBottom","backgroundColor","bottomBar","toastLayer","position","left","right","bottom","zIndex","closeButton","width","height","padding","borderRadius","AmityColorToken","SurfaceIconButtonTransparentPrimaryEnabled","bottomIconButton","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/ImageViewer/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AARA;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,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,YAAY;MAC5BC,iBAAiB,EAAE,EAAE;MACrBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjB;MACAC,eAAe,EAAE;IACnB,CAAC;IACDC,SAAS,EAAE;MACTP,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,iBAAiB,EAAE,EAAE;MACrBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjB;MACAC,eAAe,EAAE;IACnB,CAAC;IACD;IACA;IACA;IACAE,UAAU,EAAE;MACVC,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,WAAW,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVf,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBe,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,IAAI;MAClBZ,eAAe,EAAEZ,KAAK,CACpByB,iCAAe,CAACC,0CAClB;IACF,CAAC;IACDC,gBAAgB,EAAE;MAChBN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVf,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBe,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,IAAI;MAClBZ,eAAe,EAAEZ,KAAK,CACpByB,iCAAe,CAACC,0CAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAExB,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC4B,OAAA,CAAA7B,SAAA,GAAAA,SAAA","ignoreList":[]}