Main Release 1.7.3

[rohitmalhotra1420]

Fixes Issue

• Fixes Update and Handle messageType for GIFs as MediaEmbed #1416

Changes proposed

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

[github-actions]

File: packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/CardRenderer.tsx

1. In the Image Card section, there is a missing closing parenthesis after the background prop:

background={
  position && !activeMode && !previewMode
    ? theme.backgroundColor?.chatSentBubbleBackground
    : theme.backgroundColor?.chatReceivedBubbleBackground
}

2. In the File Card section, the FileCard component is missing an opening parenthesis after the props:

{chat.messageType === 'File' && (
    <FileCard
        position && !activeMode
          ? theme.backgroundColor?.chatPreviewSentBubbleBackground
          : theme.backgroundColor?.chatPreviewRecievedBubbleBackground
    )}

3. In the GIF Card section, there is no props passed to the GIFCard component:

{(chat.messageType === 'GIF' || chat.messageType === 'MediaEmbed') && (
    <GIFCard
    // Missing props here

4. In the Default Message Card section, there is a missing closing tag for the fragment </>.

---

File: packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx

1. In the isJoinGroup function, the readmode() function should be readMode():

const isJoinGroup = () => {
    return user && !user?.readMode() && !isMember;
};

2. In the isNotVerified function, the readmode() function should be readMode():

const isNotVerified = () => {
    return user && !user?.readMode() && !verified && isMember && isRules;
};

3. In the `sendPushMessage` function, there are missing closing braces and parentheses:

```javascript
const sendPushMessage = async (content: string, type: string) => {
    try {
        const sendMessageResponse = await sendMessage({
            chatId: formattedChatId,
            message: content,
            messageType: type as any,
            replyRef: replyPayload?.cid || undefined,
        });
        if (sendMessageResponse && typeof sendMessageResponse === 'string' && sendMessageResponse.includes('403')) {
            setAccessControl(chatId, true);
            setVerified(false);
            setVerificationSuccessfull(false);
        }
    } catch (error) {
        console.log(error);
    } finally {
        // reset reply payload
        setReplyPayload?.(null);
    }
};

4. In the sendTextMsg function, there is a missing closing brace after setting the typed message:

const sendTextMsg = async () => {
    if (typedMessage.trim() !== '') {
        await sendPushMessage(typedMessage as string, 'Text');
        setTypedMessage('');
    }
};

5. In the MessageInputContainer component's styled function, there is a missing closing brace at the end:

const MessageInputContainer = styled(Section)`
    transition: transform 0.3s ease-in-out;
    transform: translateY(0);
    &.hide {
        transform: translateY(calc(100% + 20px));
    }
}`;

All other parts in both files look good.