@linktr.ee/messaging-react 3.15.2-rc-1784883739 → 3.15.2-rc-1784884393
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Card-D3a49RTT.cjs → Card-BPPe6RVF.cjs} +2 -2
- package/dist/{Card-D3a49RTT.cjs.map → Card-BPPe6RVF.cjs.map} +1 -1
- package/dist/{Card-CL8BkAA9.js → Card-opmIFszT.js} +2 -2
- package/dist/{Card-CL8BkAA9.js.map → Card-opmIFszT.js.map} +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/{index-CGWNR062.js → index-BdRJRNr3.js} +397 -406
- package/dist/index-BdRJRNr3.js.map +1 -0
- package/dist/index-ftxF5ams.cjs +2 -0
- package/dist/index-ftxF5ams.cjs.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/src/components/ChannelHeaderRedesign.tsx +26 -37
- package/src/styles.css +3 -3
- package/dist/index-CGWNR062.js.map +0 -1
- package/dist/index-DBu8nDLG.cjs +0 -2
- package/dist/index-DBu8nDLG.cjs.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ftxF5ams.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageBubble=e.MessageBubble;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.optimizeMessagingAttachmentUrl=e.optimizeMessagingAttachmentUrl;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as p, m as d, n as v, p as C, q as A, s as k, t as F, u as b, v as P, w as f, x, o as y, y as z, z as B, B as S, D as q, E as D, G as E, H as V, I as w } from "./index-
|
|
1
|
+
import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as p, m as d, n as v, p as C, q as A, s as k, t as F, u as b, v as P, w as f, x, o as y, y as z, z as B, B as S, D as q, E as D, G as E, H as V, I as w } from "./index-BdRJRNr3.js";
|
|
2
2
|
export {
|
|
3
3
|
e as ActionButton,
|
|
4
4
|
t as Avatar,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@linktr.ee/messaging-react",
|
|
3
|
-
"version": "3.15.2-rc-
|
|
3
|
+
"version": "3.15.2-rc-1784884393",
|
|
4
4
|
"description": "React messaging components built on messaging-core for web applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@linktr.ee/component-library": "11.8.6",
|
|
53
|
-
"@linktr.ee/messaging-core": "2.3.0-rc-
|
|
53
|
+
"@linktr.ee/messaging-core": "2.3.0-rc-1784884393",
|
|
54
54
|
"@phosphor-icons/react": "^2.1.10"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
@@ -85,10 +85,6 @@ export const ChannelHeaderRedesign: React.FC<ChannelHeaderRedesignProps> = ({
|
|
|
85
85
|
isCustomerPaidTag(channel.data?.customer_tag) &&
|
|
86
86
|
participant?.is_follower === true
|
|
87
87
|
|
|
88
|
-
const showStarBadge = showStarButton && isStarred
|
|
89
|
-
const hasNameAdornment =
|
|
90
|
-
isPaidCustomer || showStarBadge || Boolean(onParticipantNameClick)
|
|
91
|
-
|
|
92
88
|
const handleStarClick = async () => {
|
|
93
89
|
try {
|
|
94
90
|
if (isStarred) {
|
|
@@ -114,43 +110,36 @@ export const ChannelHeaderRedesign: React.FC<ChannelHeaderRedesignProps> = ({
|
|
|
114
110
|
size={48}
|
|
115
111
|
className="-mb-2"
|
|
116
112
|
/>
|
|
117
|
-
<span
|
|
118
|
-
className={classNames(
|
|
119
|
-
'relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95',
|
|
120
|
-
hasNameAdornment ? 'pl-3 pr-2' : 'px-3'
|
|
121
|
-
)}
|
|
122
|
-
>
|
|
113
|
+
<span className="relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95">
|
|
123
114
|
<span className="flex max-w-full items-center justify-center">
|
|
124
115
|
<span className="min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90">
|
|
125
116
|
{participantName}
|
|
126
117
|
</span>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
</span>
|
|
153
|
-
)}
|
|
118
|
+
<span className="ml-2 flex gap-1">
|
|
119
|
+
{isPaidCustomer && (
|
|
120
|
+
<span
|
|
121
|
+
aria-label="Paid customer"
|
|
122
|
+
className="flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white"
|
|
123
|
+
>
|
|
124
|
+
<CurrencyDollarIcon className="size-2.5" weight="bold" />
|
|
125
|
+
</span>
|
|
126
|
+
)}
|
|
127
|
+
{showStarButton && isStarred && (
|
|
128
|
+
<span
|
|
129
|
+
aria-label="Starred conversation"
|
|
130
|
+
className="flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white"
|
|
131
|
+
>
|
|
132
|
+
<StarIcon className="size-2.5" weight="fill" />
|
|
133
|
+
</span>
|
|
134
|
+
)}
|
|
135
|
+
{onParticipantNameClick && (
|
|
136
|
+
<CaretRightIcon
|
|
137
|
+
aria-hidden="true"
|
|
138
|
+
className="size-4 shrink-0 text-black/65"
|
|
139
|
+
weight="bold"
|
|
140
|
+
/>
|
|
141
|
+
)}
|
|
142
|
+
</span>
|
|
154
143
|
</span>
|
|
155
144
|
</span>
|
|
156
145
|
</>
|
package/src/styles.css
CHANGED
|
@@ -592,9 +592,9 @@
|
|
|
592
592
|
.str-chat__li .str-chat__message--me .str-chat__message-status {
|
|
593
593
|
grid-area: delivery-status;
|
|
594
594
|
justify-content: flex-end;
|
|
595
|
-
gap:
|
|
596
|
-
padding-block-start:
|
|
597
|
-
padding-inline-end:
|
|
595
|
+
gap: 4px;
|
|
596
|
+
padding-block-start: 4px;
|
|
597
|
+
padding-inline-end: 16px;
|
|
598
598
|
font-size: 12px;
|
|
599
599
|
line-height: 1.4;
|
|
600
600
|
color: var(--str-chat__text-low-emphasis-color, rgba(0, 0, 0, 0.5));
|