@connectycube/chat-widget 0.14.4 → 0.15.0
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/README.md +42 -21
- package/dist/AppContainer.d.ts +6 -2
- package/dist/components/home/main/chat-input.d.ts +3 -3
- package/dist/components/home/main/message-attachment.d.ts +8 -0
- package/dist/components/home/main/message-body.d.ts +5 -0
- package/dist/components/home/sidebar/chats-list.d.ts +2 -2
- package/dist/components/home/sidebar/sidebar.d.ts +1 -3
- package/dist/components/home/sidebar/tabs/users-tab.d.ts +1 -3
- package/dist/components/home/sidebar/user-item.d.ts +5 -5
- package/dist/components/home/sidebar/users-list.d.ts +2 -3
- package/dist/components/shadcn-ui/alert-dialog.d.ts +11 -17
- package/dist/components/shadcn-ui/avatar.d.ts +3 -3
- package/dist/components/shadcn-ui/badge.d.ts +4 -4
- package/dist/components/shadcn-ui/button.d.ts +3 -4
- package/dist/components/shadcn-ui/dialog.d.ts +11 -17
- package/dist/components/shadcn-ui/dropdown-menu.d.ts +20 -22
- package/dist/components/shadcn-ui/input.d.ts +1 -1
- package/dist/components/shadcn-ui/label.d.ts +1 -2
- package/dist/components/shadcn-ui/switch.d.ts +2 -2
- package/dist/components/shadcn-ui/tabs.d.ts +4 -4
- package/dist/components/shared/widget-button.d.ts +11 -0
- package/dist/favicon.ico +0 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/useValue.d.ts +4 -0
- package/dist/index.es.js +14442 -13316
- package/dist/index.umd.js +51 -65
- package/dist/lib/utils.d.ts +2 -0
- package/dist/{public/locales → locales}/el/translation.json.d.ts +8 -8
- package/dist/{public/locales → locales}/en/translation.json.d.ts +1 -1
- package/dist/{public/locales → locales}/ua/translation.json.d.ts +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/redux/slices/app.d.ts +6 -0
- package/dist/redux/store.d.ts +4 -0
- package/package.json +24 -21
package/README.md
CHANGED
|
@@ -24,6 +24,10 @@ Single-view chat widget:
|
|
|
24
24
|
|
|
25
25
|
<kbd><img alt="ConnectyCube chat widget, single view image demo" src="https://developers.connectycube.com/images/chat_widget/chat-widget-2.png" width="400" /></kbd>
|
|
26
26
|
|
|
27
|
+
## Documentation
|
|
28
|
+
|
|
29
|
+
https://developers.connectycube.com/js/chat-widget
|
|
30
|
+
|
|
27
31
|
## Installation
|
|
28
32
|
|
|
29
33
|
### React
|
|
@@ -114,8 +118,20 @@ Place the following script in your app:
|
|
|
114
118
|
userName: 'Samuel', // how other users will see your user name
|
|
115
119
|
showOnlineUsersTab: false,
|
|
116
120
|
splitView: true,
|
|
121
|
+
hideWidgetButton: false,
|
|
122
|
+
onOpenChange: (open) => {
|
|
123
|
+
console.log('Chat widget is open:', open);
|
|
124
|
+
},
|
|
125
|
+
onUnreadCountChange: (count) => {
|
|
126
|
+
console.log('Unread messages count:', count);
|
|
127
|
+
},
|
|
117
128
|
};
|
|
118
129
|
ReactDOM.createRoot(chatWidgetContainer).render(React.createElement(ConnectyCubeChatWidget, props));
|
|
130
|
+
|
|
131
|
+
// use the code below as an example to toggle the chat widget visibility state for custom button
|
|
132
|
+
document.getElementById('someCustomButton').addEventListener('click', () => {
|
|
133
|
+
ConnectyCubeChatWidget.toggle();
|
|
134
|
+
});
|
|
119
135
|
</script>
|
|
120
136
|
<!-- @connectycube/chat-widget - end -->
|
|
121
137
|
</body>
|
|
@@ -126,27 +142,32 @@ See chat widget code samples <https://github.com/ConnectyCube/connectycube-chat-
|
|
|
126
142
|
|
|
127
143
|
## Props
|
|
128
144
|
|
|
129
|
-
| Prop Name
|
|
130
|
-
|
|
|
131
|
-
| `appId`
|
|
132
|
-
| `authKey`
|
|
133
|
-
| `config`
|
|
134
|
-
| `userId`
|
|
135
|
-
| `userName`
|
|
136
|
-
| `userAvatar`
|
|
137
|
-
| `userProfileLink`
|
|
138
|
-
| `muted`
|
|
139
|
-
| `splitView`
|
|
140
|
-
| `showOnlineUsersTab`
|
|
141
|
-
| `buttonTitle`
|
|
142
|
-
| `buttonStyle`
|
|
143
|
-
| `portalStyle`
|
|
144
|
-
| `badgeStyle`
|
|
145
|
-
| `buttonClassName`
|
|
146
|
-
| `portalClassName`
|
|
147
|
-
| `badgeClassName`
|
|
148
|
-
| `quickActions`
|
|
149
|
-
| `translation`
|
|
145
|
+
| Prop Name | Type | Description | Default Value |
|
|
146
|
+
| --------------------- | -------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------- |
|
|
147
|
+
| `appId` | `number \| string` | The ConnectyCube Application ID | |
|
|
148
|
+
| `authKey` | `string` | The ConnectyCube Authentication Key | |
|
|
149
|
+
| `config` | `object` | _(Optional)_ Configuration options for ConnectyCube SDK | |
|
|
150
|
+
| `userId` | `string` | A User Id from your system | |
|
|
151
|
+
| `userName` | `string` | User name. This is how other users will see your user name | |
|
|
152
|
+
| `userAvatar` | `string` | _(Optional)_ User Avatar URL | |
|
|
153
|
+
| `userProfileLink` | `string` | _(Optional)_ User profile link URL | |
|
|
154
|
+
| `muted` | `boolean` | _(Optional)_ Do not play sound on incoming message | false |
|
|
155
|
+
| `splitView` | `boolean` | _(Optional)_ Displays the chats in split view or single view | false |
|
|
156
|
+
| `showOnlineUsersTab` | `boolean` | _(Optional)_ Displays users tab with the list of online users | false |
|
|
157
|
+
| `buttonTitle` | `string` | _(Optional)_ The text displayed on the chat button | "Chat" |
|
|
158
|
+
| `buttonStyle` | `React.CSSProperties` | _(Optional)_ Inline styles for the button | |
|
|
159
|
+
| `portalStyle` | `React.CSSProperties` | _(Optional)_ Inline styles for the portal | |
|
|
160
|
+
| `badgeStyle` | `React.CSSProperties` | _(Optional)_ Inline styles for the badge | |
|
|
161
|
+
| `buttonClassName` | `string` | _(Optional)_ CSS class or Tailwind CSS classes for the button | |
|
|
162
|
+
| `portalClassName` | `string` | _(Optional)_ CSS class or Tailwind CSS classes for the chat | |
|
|
163
|
+
| `badgeClassName` | `string` | _(Optional)_ CSS class or Tailwind CSS classes for the badge | |
|
|
164
|
+
| `quickActions` | `object` | _(Optional)_ Configuration for quick actions dialog. See [QuickActions](#quickactions) | |
|
|
165
|
+
| `translation` | `string` | _(Optional)_ Specifies the language for the chat widget. See [Supported Translations](#supported-translations) | "en" |
|
|
166
|
+
| `hideNewChatButton` | `boolean` | _(Optional)_ Allows to hide the chat creation button | false |
|
|
167
|
+
| `hideWidgetButton` | `boolean` | _(Optional)_ Allows to hide the button that opens/hides the chat widget. Needed for own implementation of the button | false |
|
|
168
|
+
| `open` | `boolean` | _(Optional)_ To control the visibility state of the chat widget | false |
|
|
169
|
+
| `onOpenChange` | `(open: boolean) => void` | _(Optional)_ Callback function to get update about chat widget visibility | |
|
|
170
|
+
| `onUnreadCountChange` | `(count: boolean) => void` | _(Optional)_ Callback function to get update about unread messages count | |
|
|
150
171
|
|
|
151
172
|
## Quick Actions
|
|
152
173
|
|
package/dist/AppContainer.d.ts
CHANGED
|
@@ -14,13 +14,17 @@ export type AppProps = {
|
|
|
14
14
|
quickActions?: QuickActions;
|
|
15
15
|
translation?: 'en' | 'el' | 'ua';
|
|
16
16
|
buttonTitle?: string;
|
|
17
|
-
buttonStyle?: React.CSSProperties;
|
|
18
17
|
portalStyle?: React.CSSProperties;
|
|
18
|
+
buttonStyle?: React.CSSProperties;
|
|
19
19
|
badgeStyle?: React.CSSProperties;
|
|
20
|
-
buttonClassName?: string;
|
|
21
20
|
portalClassName?: string;
|
|
21
|
+
buttonClassName?: string;
|
|
22
22
|
badgeClassName?: string;
|
|
23
23
|
hideNewChatButton?: boolean;
|
|
24
|
+
hideWidgetButton?: boolean;
|
|
25
|
+
open?: boolean;
|
|
26
|
+
onOpenChange?: (open: boolean) => void;
|
|
27
|
+
onUnreadCountChange?: (count: number) => void;
|
|
24
28
|
};
|
|
25
29
|
declare const AppContainer: React.FC<AppProps>;
|
|
26
30
|
export default AppContainer;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { Dialogs } from '../../../../../../node_modules/connectycube/dist/types/types';
|
|
2
3
|
export interface ChatInputProps {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
sendTypingStatus: () => void;
|
|
4
|
+
onSendMessage: (message: string, dialog?: Dialogs.Dialog) => void;
|
|
5
|
+
onSendMessageWithAttachment: (files: File[]) => void;
|
|
6
6
|
}
|
|
7
7
|
declare const _default: React.NamedExoticComponent<ChatInputProps>;
|
|
8
8
|
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Messages } from '../../../../../../node_modules/connectycube/dist/types/types';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
export interface MessageAttachmentProps {
|
|
4
|
+
attachment: Messages.Attachment;
|
|
5
|
+
uploading: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const MessageAttachment: React.FC<MessageAttachmentProps>;
|
|
8
|
+
export default MessageAttachment;
|
|
@@ -2,5 +2,5 @@ import { default as React } from 'react';
|
|
|
2
2
|
export interface ChatsListProps {
|
|
3
3
|
searchTerm?: string;
|
|
4
4
|
}
|
|
5
|
-
declare const
|
|
6
|
-
export default
|
|
5
|
+
declare const _default: React.NamedExoticComponent<ChatsListProps>;
|
|
6
|
+
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Users } from '../../../../../../node_modules/connectycube/dist/types/types';
|
|
2
1
|
export interface UserItemProps {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
userId: number;
|
|
3
|
+
userName: string;
|
|
4
|
+
avatar?: string;
|
|
5
5
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export default
|
|
6
|
+
declare const _default: import('react').NamedExoticComponent<UserItemProps>;
|
|
7
|
+
export default _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface UsersListProps {
|
|
3
3
|
searchTerm?: string;
|
|
4
|
-
onUser: () => void;
|
|
5
4
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export default
|
|
5
|
+
declare const _default: React.NamedExoticComponent<UsersListProps>;
|
|
6
|
+
export default _default;
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
declare
|
|
6
|
-
declare
|
|
7
|
-
declare
|
|
8
|
-
declare
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
declare
|
|
13
|
-
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
16
|
-
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
-
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
-
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
-
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
3
|
+
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
|
|
20
14
|
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
declare
|
|
3
|
+
declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export { Badge, badgeVariants };
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "
|
|
4
|
+
variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
5
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
|
|
7
|
+
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
8
8
|
asChild?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
10
|
export { Button, buttonVariants };
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
declare
|
|
6
|
-
declare
|
|
7
|
-
declare
|
|
8
|
-
declare
|
|
9
|
-
declare
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
displayName: string;
|
|
16
|
-
};
|
|
17
|
-
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
18
|
-
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
19
|
-
export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
3
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
@@ -1,27 +1,25 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
declare
|
|
6
|
-
declare
|
|
7
|
-
declare
|
|
8
|
-
declare
|
|
9
|
-
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
3
|
+
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
10
9
|
inset?: boolean;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
declare
|
|
14
|
-
declare
|
|
10
|
+
variant?: "default" | "destructive";
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
15
16
|
inset?: boolean;
|
|
16
|
-
}
|
|
17
|
-
declare
|
|
18
|
-
declare
|
|
19
|
-
declare
|
|
17
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
20
22
|
inset?: boolean;
|
|
21
|
-
}
|
|
22
|
-
declare
|
|
23
|
-
|
|
24
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
27
|
-
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
|
|
23
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
declare
|
|
2
|
+
declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export { Input };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
4
|
-
declare
|
|
3
|
+
declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
export { Label };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
3
|
-
declare
|
|
2
|
+
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
3
|
+
declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export { Switch };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
declare
|
|
6
|
-
declare
|
|
3
|
+
declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
type WidgetButtonProps = {
|
|
2
|
+
toggleChat: () => void;
|
|
3
|
+
title: string;
|
|
4
|
+
style?: React.CSSProperties;
|
|
5
|
+
className?: string;
|
|
6
|
+
badgeTitle?: number;
|
|
7
|
+
badgeStyle?: React.CSSProperties;
|
|
8
|
+
badgeClassName?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const WidgetButton: React.FC<WidgetButtonProps>;
|
|
11
|
+
export default WidgetButton;
|
package/dist/favicon.ico
ADDED
|
Binary file
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { debounce as debounce } from './debounce';
|
|
2
|
+
export { throttle as throttle } from './throttle';
|
|
3
|
+
export { default as useNotificationSound } from './useNotificationSound';
|
|
4
|
+
export { default as usePageFocus } from './usePageFocus';
|
|
5
|
+
export { default as useValue } from './useValue';
|
|
6
|
+
export * from '../redux/hooks';
|