@sendbird/uikit-react 3.4.4 → 3.4.5

package/index-ace292c2.js

@@ -0,0 +1,57 @@
+import React__default from 'react';
+import { T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from './tokenize-8f238f49.js';
+import { useMessageContext } from './Message/context.js';
+import MentionLabel from './ui/MentionLabel.js';
+import LinkLabel from './ui/LinkLabel.js';
+import { a as LabelTypography } from './index-8e901b57.js';
+
+// this function is used to generate a unique key for token in message
+// it changes with updated time and index
+// messageUpdatedAt is the key part of this key generator
+function keyGenerator(createdAt, messageUpdatedAt, index) {
+  return "sb-msg_".concat(createdAt, "_").concat(messageUpdatedAt, "_").concat(index);
+}
+
+function TextFragment(_a) {
+  var tokens = _a.tokens;
+  var messageStore = useMessageContext();
+  var message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
+  var isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
+  var updatedAt = message.updatedAt,
+      createdAt = message.createdAt;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
+    var key = keyGenerator(createdAt, updatedAt, idx);
+
+    switch (token.type) {
+      case TOKEN_TYPES.mention:
+        return /*#__PURE__*/React__default.createElement("span", {
+          className: "sendbird-word",
+          key: key
+        }, /*#__PURE__*/React__default.createElement(MentionLabel, {
+          mentionTemplate: USER_MENTION_PREFIX,
+          mentionedUserId: token.userId,
+          mentionedUserNickname: token.value,
+          isByMe: isByMe
+        }));
+
+      case TOKEN_TYPES.url:
+        return /*#__PURE__*/React__default.createElement("span", {
+          className: "sendbird-word",
+          key: key
+        }, /*#__PURE__*/React__default.createElement(LinkLabel, {
+          className: "sendbird-word__url",
+          src: token.value,
+          type: LabelTypography.BODY_1
+        }, token.value));
+
+      case TOKEN_TYPES.string:
+      default:
+        return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+          key: key
+        }, token.value);
+    }
+  }));
+}
+
+export { TextFragment as T };
+//# sourceMappingURL=index-ace292c2.js.map

package/index-ace292c2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ace292c2.js","sources":["../src/smart-components/Message/utils/tokens/keyGenerator.ts","../src/smart-components/Message/components/TextFragment/index.tsx"],"sourcesContent":["// this function is used to generate a unique key for token in message\n// it changes with updated time and index\n// messageUpdatedAt is the key part of this key generator\nexport function keyGenerator(\n  createdAt: number,\n  messageUpdatedAt: number,\n  index: number,\n): string {\n  return `sb-msg_${createdAt}_${messageUpdatedAt}_${index}`;\n}\n","import React from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\n\nimport { TOKEN_TYPES, Token } from '../../utils/tokens/types'\nimport { useMessageContext } from '../../context/MessageProvider';\nimport { keyGenerator } from '../../utils/tokens/keyGenerator';\nimport MentionLabel from '../../../../ui/MentionLabel';\nimport { USER_MENTION_PREFIX } from '../../consts';\nimport LinkLabel from '../../../../ui/LinkLabel';\nimport { LabelTypography } from '../../../../ui//Label';\n\nexport type TextFragmentProps = {\n  tokens: Token[];\n}\n\nexport default function TextFragment({\n  tokens,\n}: TextFragmentProps): React.ReactElement {\n  const messageStore = useMessageContext();\n\n  const message = messageStore?.message as UserMessage;\n  const isByMe = messageStore?.isByMe;\n  const { updatedAt, createdAt } = message;\n  return (\n    <>\n      {\n        tokens?.map((token, idx) => {\n          const key = keyGenerator(createdAt, updatedAt, idx);\n          switch (token.type) {\n            case TOKEN_TYPES.mention:\n              return (\n                <span className=\"sendbird-word\" key={key}>\n                  <MentionLabel\n                    mentionTemplate={USER_MENTION_PREFIX}\n                    mentionedUserId={token.userId}\n                    mentionedUserNickname={token.value}\n                    isByMe={isByMe}\n                  />\n                </span>\n              );\n            case TOKEN_TYPES.url:\n              return (\n                <span className='sendbird-word' key={key}>\n                  <LinkLabel\n                    className=\"sendbird-word__url\"\n                    src={token.value}\n                    type={LabelTypography.BODY_1}\n                  >\n                    {token.value}\n                  </LinkLabel>\n                </span>\n              );\n            case TOKEN_TYPES.string:\n            default:\n              return (\n                <React.Fragment key={key}>{token.value}</React.Fragment>\n              );\n          }\n        })\n      }\n    </>\n  );\n}\n"],"names":["keyGenerator","createdAt","messageUpdatedAt","index","concat","TextFragment","_a","tokens","messageStore","useMessageContext","message","isByMe","updatedAt","React","map","token","idx","key","type","TOKEN_TYPES","mention","USER_MENTION_PREFIX","userId","value","url","LabelTypography","BODY_1","string"],"mappings":";;;;;;;AAAA;AACA;AACA;SACgBA,aACdC,WACAC,kBACAC,OAAa;AAEb,EAAA,OAAO,gBAAA,CAAUF,SAAV,EAAmB,GAAnB,CAAmBG,CAAAA,MAAnB,CAAuBF,gBAAvB,EAA2C,GAA3C,CAAA,CAA2CE,MAA3C,CAA2CD,KAA3C,CAAP,CAAA;AACD;;ACMuB,SAAAE,YAAA,CAAaC,EAAb,EAEJ;AADlB,EAAA,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAN,CAAA;EAEA,IAAMC,YAAY,GAAGC,iBAAiB,EAAtC,CAAA;AAEA,EAAA,IAAMC,OAAO,GAAGF,YAAY,KAAA,IAAZ,IAAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEE,OAA9B,CAAA;AACA,EAAA,IAAMC,MAAM,GAAGH,YAAY,KAAA,IAAZ,IAAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEG,MAA7B,CAAA;AACQ,EAAA,IAAAC,SAAS,GAAgBF,OAAO,CAAAE,SAAhC;AAAA,MAAWX,SAAS,GAAKS,OAAO,CAAAT,SAAhC,CAAA;EACR,oBACEY,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAEIN,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEO,GAAR,CAAY,UAACC,KAAD,EAAQC,GAAR,EAAW;IACrB,IAAMC,GAAG,GAAGjB,YAAY,CAACC,SAAD,EAAYW,SAAZ,EAAuBI,GAAvB,CAAxB,CAAA;;IACA,QAAQD,KAAK,CAACG,IAAd;MACE,KAAKC,WAAW,CAACC,OAAjB;QACE,oBACEP,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,UAAA,SAAS,EAAC,eAAhB;AAAgC,UAAA,GAAG,EAAEI,GAAAA;AAArC,SAAA,eACEJ,6BAAC,YAAD,EAAA;AACE,UAAA,eAAe,EAAEQ,mBADnB;UAEE,eAAe,EAAEN,KAAK,CAACO,MAFzB;UAGE,qBAAqB,EAAEP,KAAK,CAACQ,KAH/B;AAIE,UAAA,MAAM,EAAEZ,MAAAA;AAJV,SAAA,CADF,CADF,CAAA;;MAUF,KAAKQ,WAAW,CAACK,GAAjB;QACE,oBACEX,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,UAAA,SAAS,EAAC,eAAhB;AAAgC,UAAA,GAAG,EAAEI,GAAAA;AAArC,SAAA,eACEJ,6BAAC,SAAD,EAAA;AACE,UAAA,SAAS,EAAC,oBADZ;UAEE,GAAG,EAAEE,KAAK,CAACQ,KAFb;UAGE,IAAI,EAAEE,eAAe,CAACC,MAAAA;AAHxB,SAAA,EAKGX,KAAK,CAACQ,KALT,CADF,CADF,CAAA;;MAWF,KAAKJ,WAAW,CAACQ,MAAjB,CAAA;AACA,MAAA;QACE,oBACEd,cAAA,CAAA,aAAA,CAACA,cAAD,CAAO,QAAP,EAAA;AAAgB,UAAA,GAAG,EAAEI,GAAAA;SAAMF,EAAAA,KAAK,CAACQ,KAAjC,CADF,CAAA;AA1BJ,KAAA;AA8BD,GAhCD,CAFJ,CADF,CAAA;AAuCD;;;;"}

package/{index-97a2ff37.js → index-aced8439.js}

@@ -1,4 +1,4 @@
-import { d as defaultLocale } from './index-18c2f8d4.js';
+import { d as defaultLocale } from './index-cf141ad7.js';
 
 function requiredArgs(required, args) {
   if (args.length < required) {
@@ -1849,4 +1849,4 @@ function cleanEscapedString(input) {
 }
 
 export { toInteger as a, format as f, requiredArgs as r, toDate as t };
-//# sourceMappingURL=index-97a2ff37.js.map
+//# sourceMappingURL=index-aced8439.js.map