whatsapp-ui-react 0.0.1

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+Copyright 2026 2hoch1
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,133 @@
+# whatsapp-ui-react
+
+React component library with a WhatsApp‑Web–inspired UI. Some components are still placeholders and may not be fully functional yet.
+
+## Install
+
+```bash
+npm install whatsapp-ui-react
+```
+
+**Peer dependencies:** React 18+ and TailwindCSS v4.
+
+## Setup
+
+Import the component styles into your CSS entry point:
+
+```css
+@import 'tailwindcss';
+@import 'whatsapp-ui-react/styles';
+```
+
+## Usage
+
+### Chat
+
+```tsx
+import { Chat } from 'whatsapp-ui-react'
+;<Chat name="Alice" subtitle="online" />
+```
+
+### Messages
+
+```tsx
+import { Chat, Message, Text } from 'whatsapp-ui-react'
+import type { GroupedMessage } from 'whatsapp-ui-react'
+
+const history: GroupedMessage[] = [
+  {
+    id: '1',
+    senderId: 'alice',
+    timestamp: new Date(),
+    node: (
+      <Message direction="in" mode="neutral" time="09:41">
+        <Text content="Hey! 👋" />
+      </Message>
+    ),
+  },
+]
+
+<Chat name="Alice" messageHistory={history} />
+```
+
+### Content types
+
+| Component    | Description                   |
+| ------------ | ----------------------------- |
+| `<Text>`     | Plain text                    |
+| `<Image>`    | Image with optional caption   |
+| `<Video>`    | Video with thumbnail          |
+| `<Audio>`    | Audio file attachment         |
+| `<Voice>`    | Voice message with waveform   |
+| `<Sticker>`  | Sticker (frameless image)     |
+| `<Gif>`      | Animated GIF                  |
+| `<File>`     | Generic file attachment       |
+| `<Contact>`  | Contact card                  |
+| `<Location>` | Location pin with map preview |
+| `<Poll>`     | Poll with options             |
+| `<Emoji>`    | Large emoji message           |
+| `<Event>`    | Event card                    |
+
+### Reply rules
+
+Automated replies that fire when an incoming message matches a trigger:
+
+<!-- prettier-ignore -->
+```tsx
+import { Chat, Message, Text, Reply } from 'whatsapp-ui-react';
+
+<Chat
+  name="Support Bot"
+  onReply={
+    <Reply
+      once
+      from="bot"
+      onMessage={<Text content="!help" />}
+      replyMessage={
+        <Message direction="in" mode="neutral" time="now">
+          <Text content="Available commands: !help, !status" />
+        </Message>
+      }
+    />
+  }
+/>
+```
+
+| Prop           | Type        | Default | Description                                          |
+| -------------- | ----------- | ------- | ---------------------------------------------------- |
+| `onMessage`    | `ReactNode` |         | Message content to match against (text is extracted) |
+| `replyMessage` | `ReactNode` |         | `<Message>` to inject when the trigger matches       |
+| `from`         | `string`    | `'me'`  | Only react to messages from this `senderId`          |
+| `once`         | `boolean`   | `false` | Fire at most once per component lifetime             |
+
+### Locked chat
+
+Set `locked` to disable sending while still allowing typing:
+
+```tsx
+<Chat name="Read-only" locked />
+```
+
+## `<Chat>` props
+
+| Prop                 | Type                  | Default              | Description                                      |
+| -------------------- | --------------------- | -------------------- | ------------------------------------------------ |
+| `name`               | `string`              |                      | Contact or group name                            |
+| `avatarUrl`          | `string`              |                      | Avatar image URL                                 |
+| `subtitle`           | `string`              |                      | Status text below the name                       |
+| `messageHistory`     | `GroupedMessage[]`    | `[]`                 | Initial message list                             |
+| `showInputfield`     | `boolean`             | `true`               | Show / hide the input bar                        |
+| `locked`             | `boolean`             | `false`              | Allow typing but disable sending                 |
+| `inputPlaceholder`   | `string`              | `'Enter a message.'` | Textarea placeholder                             |
+| `inputValue`         | `string`              |                      | Controlled input value                           |
+| `defaultInputValue`  | `string`              |                      | Uncontrolled initial value                       |
+| `onInputValueChange` | `(v: string) => void` |                      | Called on every keystroke                        |
+| `onSendMessage`      | `(v: string) => void` |                      | Called when a message is sent                    |
+| `onReply`            | `ReactNode`           |                      | `<Reply>` rules rendered inside the chat context |
+| `onEmojiClick`       | `() => void`          |                      | Emoji button click handler                       |
+| `onAttachClick`      | `() => void`          |                      | Attach button click handler                      |
+| `onMicClick`         | `() => void`          |                      | Mic button click handler                         |
+
+## License
+
+Apache-2.0 © [2hoch1](https://github.com/2hoch1)

package/dist/components/Chat/Chat.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { GroupedMessage } from './MessageList';
+/** Props for the {@link Chat} component. */
+export interface ChatProps {
+    /** Display name shown in the chat header. */
+    name: string;
+    /** URL of the avatar image. Falls back to initials derived from `name` when omitted. */
+    avatarUrl?: string;
+    /** Secondary line displayed below `name` in the header (e.g. `"online"` or `"typing..."`). */
+    subtitle?: string;
+    /** Rendered in the message area when no messages exist yet and `messageHistory` is empty. */
+    children?: React.ReactNode;
+    /** Additional CSS class names applied to the root element. */
+    className?: string;
+    /** Initial message list. Copied into internal state on mount; subsequent external changes are ignored. */
+    messageHistory?: GroupedMessage[];
+    /** Controls visibility of the input bar. @defaultValue `true` */
+    showInputfield?: boolean;
+    /** Disables the send action without removing the input field, preventing new messages from being added. @defaultValue `false` */
+    locked?: boolean;
+    /** Placeholder text for the textarea. @defaultValue `'Enter a message.'` */
+    inputPlaceholder?: string;
+    /** Controlled textarea value. When provided the component does not manage input state internally. */
+    inputValue?: string;
+    /** Uncontrolled initial textarea value. */
+    defaultInputValue?: string;
+    /** Fired on every textarea change with the current string value. */
+    onInputValueChange?: (value: string) => void;
+    /** Fired after a message is sent with the trimmed message text. The message is also appended to the internal list. */
+    onSendMessage?: (value: string) => void;
+    /** One or more `<Reply>` nodes rendered inside `ChatReplyContext` so they can subscribe to new messages. */
+    onReply?: React.ReactNode;
+    /** Handler for the emoji/sticker button in the input bar. */
+    onEmojiClick?: () => void;
+    /** Handler for the attachment button in the input bar. */
+    onAttachClick?: () => void;
+    /** Handler for the camera button in the input bar. */
+    onCameraClick?: () => void;
+    /** Handler for the microphone button in the input bar. */
+    onMicClick?: () => void;
+}
+/**
+ * Top-level chat component. Manages the message list state and composes
+ * the header, scrollable message list, and input bar.
+ */
+declare function Chat({ name, avatarUrl, subtitle, children, className, messageHistory, showInputfield, locked, inputPlaceholder, inputValue, defaultInputValue, onInputValueChange, onSendMessage, onReply, onEmojiClick, onAttachClick, onCameraClick, onMicClick, }: ChatProps): React.JSX.Element;
+export { Chat };
+//# sourceMappingURL=Chat.d.ts.map

package/dist/components/Chat/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,4CAA4C;AAC5C,MAAM,WAAW,SAAS;IACxB,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,cAAc,EAAE,CAAA;IACjC,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iIAAiI;IACjI,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qGAAqG;IACrG,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,sHAAsH;IACtH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,4GAA4G;IAC5G,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;GAGG;AACH,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAqB,EACrB,MAAc,EACd,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,GACX,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqF/B;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Chat/ChatReplyContext.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { GroupedMessage } from './MessageList';
+/** Options for {@link ChatReplyContextValue.addMessage}. */
+export interface AddMessageOptions {
+    /** The React node to render as the new message. */
+    node: React.ReactNode;
+    /** `senderId` stored on the resulting {@link GroupedMessage}. @defaultValue `'me'` */
+    senderId?: string;
+}
+/** Shape of the context provided by {@link Chat} to its descendants. */
+export interface ChatReplyContextValue {
+    /** Current ordered list of all messages in the chat. */
+    messages: GroupedMessage[];
+    /** Sends a plain-text message as the local user (`senderId: 'me'`). */
+    sendMessage: (text: string) => void;
+    /** Programmatically appends an arbitrary message node to the chat. */
+    addMessage: (options: AddMessageOptions) => void;
+    /** @internal `true` only when a real `<Chat>` component provides this context. */
+    provided: boolean;
+}
+export declare const ChatReplyContext: React.Context<ChatReplyContextValue>;
+//# sourceMappingURL=ChatReplyContext.d.ts.map

package/dist/components/Chat/ChatReplyContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatReplyContext.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ChatReplyContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wEAAwE;AACxE,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,uEAAuE;IACvE,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,sEAAsE;IACtE,UAAU,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAChD,kFAAkF;IAClF,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,gBAAgB,sCAK3B,CAAA"}

package/dist/components/Chat/DayDivider.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+/** @internal */
+interface DayDividerProps {
+    /** Additional CSS class names applied to the root element. */
+    className?: string;
+    /** The calendar day this divider represents; formatted to a human-readable label. */
+    date: Date;
+}
+declare function DayDivider({ className, date }: DayDividerProps): React.JSX.Element;
+export { DayDivider, type DayDividerProps };
+//# sourceMappingURL=DayDivider.d.ts.map

package/dist/components/Chat/DayDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayDivider.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/DayDivider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,gBAAgB;AAChB,UAAU,eAAe;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qFAAqF;IACrF,IAAI,EAAE,IAAI,CAAA;CACX;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAU3E;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}

package/dist/components/Chat/Header.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+/** @internal */
+interface ChatHeaderProps {
+    /** Additional CSS class names applied to the root element. */
+    className?: string;
+    /** Display name rendered as the primary heading. */
+    name: string;
+    /** URL of the avatar image. Falls back to initials derived from `name` when omitted. */
+    avatarUrl?: string;
+    /** Secondary line displayed below `name` (e.g. `"online"` or last-seen text). */
+    subtitle?: string;
+}
+declare function ChatHeader({ className, name, avatarUrl, subtitle }: ChatHeaderProps): React.JSX.Element;
+export { ChatHeader };
+export type { ChatHeaderProps };
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/Chat/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,gBAAgB;AAChB,UAAU,eAAe;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAA;IACZ,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BhG;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/Chat/Inputfield.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+/** Props for the {@link Inputfield} component. */
+export interface InputfieldProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'> {
+    /** Additional CSS class names applied to the outer wrapper. */
+    className?: string;
+    /** Additional CSS class names applied to the textarea element. */
+    textareaClassName?: string;
+    /** Additional CSS class names applied to the actions row. */
+    actionsClassName?: string;
+    /** Controlled textarea value. When provided, internal state is bypassed. */
+    value?: string;
+    /** Uncontrolled initial textarea value. */
+    defaultValue?: string;
+    /** Disables the send action without removing the input field. @defaultValue `false` */
+    locked?: boolean;
+    /** Fired on every textarea change with the current string value. */
+    onValueChange?: (value: string) => void;
+    /** Fired with the trimmed message string when the user sends; the field is cleared afterwards. */
+    onSend?: (value: string) => void;
+    /** Handler for the emoji/sticker button. */
+    onEmojiClick?: () => void;
+    /** Handler for the attachment button. */
+    onAttachClick?: () => void;
+    /** Handler for the camera button. */
+    onCameraClick?: () => void;
+    /** Handler for the microphone button. */
+    onMicClick?: () => void;
+}
+declare function Inputfield({ className, textareaClassName, actionsClassName, value, defaultValue, locked, onValueChange, onSend, onEmojiClick, onAttachClick, onCameraClick, onMicClick, onChange, onKeyDown, placeholder, ...props }: InputfieldProps): React.JSX.Element;
+export { Inputfield };
+//# sourceMappingURL=Inputfield.d.ts.map

package/dist/components/Chat/Inputfield.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inputfield.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Inputfield.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,kDAAkD;AAClD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,OAAO,GAAG,cAAc,CACzB;IACC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,EACL,YAAY,EACZ,MAAc,EACd,aAAa,EACb,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAgC,EAChC,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgErC;AACD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/Chat/InputfieldActions.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+/** @internal */
+interface InputfieldActionsProps {
+    /** Additional CSS class names applied to the root element. */
+    className?: string;
+    /** When `true` the send button is shown; when `false` the mic button is shown instead. @defaultValue `false` */
+    hasValue?: boolean;
+    /** Content rendered in the expanding textarea slot between the icon buttons and the send/mic button. */
+    textareaSlot?: React.ReactNode;
+    /** Handler for the emoji/sticker icon button. */
+    onEmojiClick?: () => void;
+    /** Handler for the attachment icon button. */
+    onAttachClick?: () => void;
+    /** Handler for the camera icon button (reserved, not yet rendered). */
+    onCameraClick?: () => void;
+    /** Handler for the mic icon button. */
+    onMicClick?: () => void;
+    /** Handler for the send button. */
+    onSendClick?: () => void;
+    /** When `true` the send button is rendered in a disabled state. @defaultValue `false` */
+    sendDisabled?: boolean;
+}
+declare function InputfieldActions({ className, hasValue, textareaSlot, onEmojiClick, onAttachClick, onCameraClick: _onCameraClick, onMicClick, onSendClick, sendDisabled, }: InputfieldActionsProps): React.JSX.Element;
+export { InputfieldActions };
+export type { InputfieldActionsProps };
+//# sourceMappingURL=InputfieldActions.d.ts.map

package/dist/components/Chat/InputfieldActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputfieldActions.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/InputfieldActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wGAAwG;IACxG,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,yFAAyF;IACzF,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAuBD,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EACV,WAAW,EACX,YAAoB,GACrB,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsC5C;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,YAAY,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/components/Chat/MessageList.d.ts

@@ -0,0 +1,11 @@
+import { GroupedMessage } from '../../utils/groupMessages';
+import { default as React } from 'react';
+export type { GroupedMessage };
+interface MessageListProps {
+    className?: string;
+    messages: GroupedMessage[];
+}
+declare function MessageList({ className, messages }: MessageListProps): React.JSX.Element;
+export { MessageList };
+export type { MessageListProps };
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/components/Chat/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/MessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,YAAY,EAAE,cAAc,EAAE,CAAA;AAE9B,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,cAAc,EAAE,CAAA;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmCjF;AAED,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/Chat/index.d.ts

@@ -0,0 +1,11 @@
+import { Chat as ChatRoot } from './Chat';
+import * as ChatParts from './index.parts';
+declare const Chat: typeof ChatRoot & typeof ChatParts;
+export { Chat };
+export type * from './Chat';
+export type * from './DayDivider';
+export type * from './Header';
+export type * from './Inputfield';
+export type * from './InputfieldActions';
+export type * from './MessageList';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,KAAK,SAAS,MAAM,eAAe,CAAA;AAE1C,QAAA,MAAM,IAAI,oCAAqC,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,eAAe,CAAA"}

package/dist/components/Chat/index.parts.d.ts

@@ -0,0 +1,13 @@
+export { Chat as Root } from './Chat';
+export type { ChatProps as RootProps } from './Chat';
+export { ChatHeader as Header } from './Header';
+export type { ChatHeaderProps as HeaderProps } from './Header';
+export { MessageList as List } from './MessageList';
+export type { GroupedMessage, MessageListProps as ListProps } from './MessageList';
+export { Inputfield as Input } from './Inputfield';
+export type { InputfieldProps as InputProps } from './Inputfield';
+export { InputfieldActions as Actions } from './InputfieldActions';
+export type { InputfieldActionsProps as ActionsProps } from './InputfieldActions';
+export type * from './DayDivider';
+export { DayDivider } from './DayDivider';
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/Chat/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACrC,YAAY,EAAE,SAAS,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEpD,OAAO,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC/C,YAAY,EAAE,eAAe,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9D,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,eAAe,CAAA;AACnD,YAAY,EAAE,cAAc,EAAE,gBAAgB,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAElF,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,MAAM,cAAc,CAAA;AAClD,YAAY,EAAE,eAAe,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAClE,YAAY,EAAE,sBAAsB,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAEjF,mBAAmB,cAAc,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/Message/Audio/Audio.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+/** Props for the {@link Audio} component. */
+export interface AudioProps {
+    /** URL of the audio file. Streamed via an `<audio>` element. */
+    src: string;
+    /** Fallback duration string (e.g. `'0:42'`) shown before audio metadata has loaded. */
+    duration?: string;
+    /** File name shown as the icon tooltip. */
+    fileName?: string;
+}
+declare function Audio({ src, duration, fileName }: AudioProps): React.JSX.Element;
+export { Audio };
+//# sourceMappingURL=Audio.d.ts.map

package/dist/components/Message/Audio/Audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Audio/Audio.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,6CAA6C;AAC7C,MAAM,WAAW,UAAU;IACzB,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAA;IACX,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,iBAAS,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyFzE;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Message/Audio/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './Audio';
+export { Audio } from './Audio';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/Audio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Audio/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,SAAS,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Message/Contact/Contact.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+/** Props for the {@link Contact} component. */
+export interface ContactProps {
+    /** Additional CSS class names applied to the root element. */
+    className?: string;
+}
+declare function Contact({ className }: ContactProps): React.JSX.Element;
+export { Contact };
+//# sourceMappingURL=Contact.d.ts.map

package/dist/components/Message/Contact/Contact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Contact/Contact.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IAC3B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE/D;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Message/Contact/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './Contact';
+export { Contact } from './Contact';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/Contact/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Contact/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,WAAW,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}