@livechat/design-system-react-components 1.37.0 → 1.38.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.
Files changed (230) hide show
  1. package/package.json +3 -3
  2. package/dist/components/Accordion/Accordion.d.ts +0 -3
  3. package/dist/components/Accordion/components/AccordionAnimatedLabel.d.ts +0 -3
  4. package/dist/components/Accordion/components/AccordionMultilineElement.d.ts +0 -6
  5. package/dist/components/Accordion/helpers.d.ts +0 -10
  6. package/dist/components/Accordion/index.d.ts +0 -1
  7. package/dist/components/Accordion/stories-helpers.d.ts +0 -3
  8. package/dist/components/Accordion/types.d.ts +0 -45
  9. package/dist/components/ActionBar/ActionBar.d.ts +0 -3
  10. package/dist/components/ActionBar/ActionBarItem.d.ts +0 -3
  11. package/dist/components/ActionBar/constants.d.ts +0 -2
  12. package/dist/components/ActionBar/index.d.ts +0 -2
  13. package/dist/components/ActionBar/types.d.ts +0 -45
  14. package/dist/components/ActionCard/ActionCard.d.ts +0 -3
  15. package/dist/components/ActionCard/index.d.ts +0 -2
  16. package/dist/components/ActionCard/types.d.ts +0 -23
  17. package/dist/components/ActionMenu/ActionMenu.d.ts +0 -3
  18. package/dist/components/ActionMenu/ActionMenuItem.d.ts +0 -3
  19. package/dist/components/ActionMenu/index.d.ts +0 -3
  20. package/dist/components/ActionMenu/stories-constants.d.ts +0 -15
  21. package/dist/components/ActionMenu/types.d.ts +0 -80
  22. package/dist/components/Alert/Alert.d.ts +0 -29
  23. package/dist/components/Alert/index.d.ts +0 -1
  24. package/dist/components/AppFrame/AppFrame.d.ts +0 -3
  25. package/dist/components/AppFrame/components/ExpirationCounter/ExpirationCounter.d.ts +0 -21
  26. package/dist/components/AppFrame/components/Navigation/Navigation.d.ts +0 -3
  27. package/dist/components/AppFrame/components/Navigation/types.d.ts +0 -8
  28. package/dist/components/AppFrame/components/NavigationGroup/NavigationGroup.d.ts +0 -3
  29. package/dist/components/AppFrame/components/NavigationGroup/types.d.ts +0 -16
  30. package/dist/components/AppFrame/components/NavigationItem/NavigationItem.d.ts +0 -3
  31. package/dist/components/AppFrame/components/NavigationItem/types.d.ts +0 -40
  32. package/dist/components/AppFrame/components/NavigationTopBar/NavigationTopBar.d.ts +0 -45
  33. package/dist/components/AppFrame/components/NavigationTopBar/examples.d.ts +0 -15
  34. package/dist/components/AppFrame/components/NavigationTopBar/types.d.ts +0 -59
  35. package/dist/components/AppFrame/components/SideNavigation/SideNavigation.d.ts +0 -3
  36. package/dist/components/AppFrame/components/SideNavigation/types.d.ts +0 -28
  37. package/dist/components/AppFrame/components/SideNavigationGroup/SideNavigationGroup.d.ts +0 -3
  38. package/dist/components/AppFrame/components/SideNavigationGroup/types.d.ts +0 -32
  39. package/dist/components/AppFrame/components/SideNavigationItem/SideNavigationItem.d.ts +0 -3
  40. package/dist/components/AppFrame/components/SideNavigationItem/constants.d.ts +0 -3
  41. package/dist/components/AppFrame/components/SideNavigationItem/types.d.ts +0 -44
  42. package/dist/components/AppFrame/components/index.d.ts +0 -9
  43. package/dist/components/AppFrame/index.d.ts +0 -2
  44. package/dist/components/AppFrame/stories-helpers.d.ts +0 -19
  45. package/dist/components/AppFrame/types.d.ts +0 -38
  46. package/dist/components/AutoComplete/AutoComplete.d.ts +0 -13
  47. package/dist/components/AutoComplete/helpers.d.ts +0 -6
  48. package/dist/components/AutoComplete/index.d.ts +0 -4
  49. package/dist/components/AutoComplete/types.d.ts +0 -27
  50. package/dist/components/Avatar/Avatar.d.ts +0 -42
  51. package/dist/components/Avatar/Avatar.helpers.d.ts +0 -3
  52. package/dist/components/Avatar/index.d.ts +0 -3
  53. package/dist/components/Avatar/types.d.ts +0 -8
  54. package/dist/components/Badge/Badge.d.ts +0 -27
  55. package/dist/components/Badge/Badge.helpers.d.ts +0 -1
  56. package/dist/components/Badge/index.d.ts +0 -1
  57. package/dist/components/Button/Button.d.ts +0 -62
  58. package/dist/components/Button/Button.helpers.d.ts +0 -2
  59. package/dist/components/Button/index.d.ts +0 -3
  60. package/dist/components/Button/types.d.ts +0 -2
  61. package/dist/components/Card/Card.d.ts +0 -30
  62. package/dist/components/Card/index.d.ts +0 -2
  63. package/dist/components/Checkbox/Checkbox.d.ts +0 -16
  64. package/dist/components/Checkbox/index.d.ts +0 -1
  65. package/dist/components/DatePicker/DatePicker.d.ts +0 -4
  66. package/dist/components/DatePicker/DatePickerNavbar.d.ts +0 -4
  67. package/dist/components/DatePicker/DatePickerRangeCalendarsWrapper.d.ts +0 -2
  68. package/dist/components/DatePicker/RangeDatePicker.d.ts +0 -16
  69. package/dist/components/DatePicker/helpers.d.ts +0 -16
  70. package/dist/components/DatePicker/hooks.d.ts +0 -6
  71. package/dist/components/DatePicker/index.d.ts +0 -3
  72. package/dist/components/DatePicker/types.d.ts +0 -100
  73. package/dist/components/DetailsCard/DetailsCard.d.ts +0 -40
  74. package/dist/components/DetailsCard/index.d.ts +0 -2
  75. package/dist/components/DetailsCardInfo/DetailsCardInfo.d.ts +0 -8
  76. package/dist/components/DetailsCardInfo/index.d.ts +0 -1
  77. package/dist/components/FieldDescription/FieldDescription.d.ts +0 -3
  78. package/dist/components/FieldDescription/index.d.ts +0 -1
  79. package/dist/components/FieldError/FieldError.d.ts +0 -3
  80. package/dist/components/FieldError/index.d.ts +0 -1
  81. package/dist/components/FieldGroup/FieldGroup.d.ts +0 -8
  82. package/dist/components/FieldGroup/index.d.ts +0 -1
  83. package/dist/components/FileUploadProgress/FileUploadProgress.d.ts +0 -42
  84. package/dist/components/FileUploadProgress/FileUploadProgressActions.d.ts +0 -9
  85. package/dist/components/FileUploadProgress/index.d.ts +0 -2
  86. package/dist/components/Form/Form.d.ts +0 -16
  87. package/dist/components/Form/index.d.ts +0 -2
  88. package/dist/components/FormField/FormField.d.ts +0 -40
  89. package/dist/components/FormField/index.d.ts +0 -1
  90. package/dist/components/FormGroup/FormGroup.d.ts +0 -16
  91. package/dist/components/FormGroup/index.d.ts +0 -1
  92. package/dist/components/Icon/Icon.d.ts +0 -32
  93. package/dist/components/Icon/IconsShowcase/IconsShowcase.d.ts +0 -11
  94. package/dist/components/Icon/IconsShowcase/constans.d.ts +0 -2
  95. package/dist/components/Icon/IconsShowcase/helpers.d.ts +0 -2
  96. package/dist/components/Icon/IconsShowcase/types.d.ts +0 -9
  97. package/dist/components/Icon/index.d.ts +0 -2
  98. package/dist/components/Icon/types.d.ts +0 -2
  99. package/dist/components/Input/Input.d.ts +0 -29
  100. package/dist/components/Input/index.d.ts +0 -1
  101. package/dist/components/Link/Link.d.ts +0 -14
  102. package/dist/components/Link/index.d.ts +0 -1
  103. package/dist/components/Loader/Loader.d.ts +0 -20
  104. package/dist/components/Loader/index.d.ts +0 -1
  105. package/dist/components/Modal/Modal.d.ts +0 -25
  106. package/dist/components/Modal/StoriesComponents.d.ts +0 -4
  107. package/dist/components/Modal/components/ActionModalContent.d.ts +0 -29
  108. package/dist/components/Modal/components/ModalBase.d.ts +0 -24
  109. package/dist/components/Modal/components/ModalCloseButton.d.ts +0 -7
  110. package/dist/components/Modal/components/ModalHeader.d.ts +0 -26
  111. package/dist/components/Modal/components/ModalPortal.d.ts +0 -7
  112. package/dist/components/Modal/index.d.ts +0 -11
  113. package/dist/components/NumericInput/NumericInput.d.ts +0 -12
  114. package/dist/components/NumericInput/index.d.ts +0 -1
  115. package/dist/components/OnboardingChecklist/OnboardingChecklist.d.ts +0 -3
  116. package/dist/components/OnboardingChecklist/components/CheckListItem.d.ts +0 -3
  117. package/dist/components/OnboardingChecklist/components/index.d.ts +0 -1
  118. package/dist/components/OnboardingChecklist/index.d.ts +0 -2
  119. package/dist/components/OnboardingChecklist/types.d.ts +0 -97
  120. package/dist/components/Picker/Picker.d.ts +0 -3
  121. package/dist/components/Picker/components/PickerList.d.ts +0 -27
  122. package/dist/components/Picker/components/PickerListItem.d.ts +0 -14
  123. package/dist/components/Picker/components/PickerTrigger.d.ts +0 -18
  124. package/dist/components/Picker/components/PickerTriggerBody.d.ts +0 -23
  125. package/dist/components/Picker/constants.d.ts +0 -66
  126. package/dist/components/Picker/helpers.d.ts +0 -5
  127. package/dist/components/Picker/hooks/useFloatingPicker.d.ts +0 -36
  128. package/dist/components/Picker/hooks/usePickerItems.d.ts +0 -23
  129. package/dist/components/Picker/index.d.ts +0 -3
  130. package/dist/components/Picker/types.d.ts +0 -142
  131. package/dist/components/Popover/Popover.d.ts +0 -3
  132. package/dist/components/Popover/index.d.ts +0 -2
  133. package/dist/components/Popover/types.d.ts +0 -65
  134. package/dist/components/ProductSwitcher/ProductSwitcher.d.ts +0 -3
  135. package/dist/components/ProductSwitcher/components/ProductRow/ProductRow.d.ts +0 -9
  136. package/dist/components/ProductSwitcher/components/ProductTile/ProductTile.d.ts +0 -8
  137. package/dist/components/ProductSwitcher/constants.d.ts +0 -6
  138. package/dist/components/ProductSwitcher/helpers.d.ts +0 -9
  139. package/dist/components/ProductSwitcher/hooks/useProductSwitcher.d.ts +0 -13
  140. package/dist/components/ProductSwitcher/index.d.ts +0 -4
  141. package/dist/components/ProductSwitcher/openwidgetLogoUri.d.ts +0 -1
  142. package/dist/components/ProductSwitcher/types.d.ts +0 -43
  143. package/dist/components/Progress/Progress.helpers.d.ts +0 -2
  144. package/dist/components/Progress/ProgressBar.d.ts +0 -21
  145. package/dist/components/Progress/ProgressCircle.d.ts +0 -21
  146. package/dist/components/Progress/constants.d.ts +0 -3
  147. package/dist/components/Progress/index.d.ts +0 -2
  148. package/dist/components/PromoBanner/PromoBanner.d.ts +0 -43
  149. package/dist/components/PromoBanner/index.d.ts +0 -1
  150. package/dist/components/PromoBannerV2/PromoBannerV2.d.ts +0 -45
  151. package/dist/components/PromoBannerV2/constants.d.ts +0 -1
  152. package/dist/components/PromoBannerV2/index.d.ts +0 -2
  153. package/dist/components/RadioButton/RadioButton.d.ts +0 -7
  154. package/dist/components/RadioButton/index.d.ts +0 -1
  155. package/dist/components/Search/Search.d.ts +0 -40
  156. package/dist/components/Search/index.d.ts +0 -1
  157. package/dist/components/SegmentedControl/SegmentedControl.d.ts +0 -39
  158. package/dist/components/SegmentedControl/index.d.ts +0 -2
  159. package/dist/components/Skeleton/SkeletonAvatar.d.ts +0 -16
  160. package/dist/components/Skeleton/SkeletonText.d.ts +0 -16
  161. package/dist/components/Skeleton/SkeletonWrapper.d.ts +0 -16
  162. package/dist/components/Skeleton/index.d.ts +0 -3
  163. package/dist/components/StatusBadge/StatusBadge.d.ts +0 -13
  164. package/dist/components/StatusBadge/index.d.ts +0 -1
  165. package/dist/components/Switch/Switch.d.ts +0 -47
  166. package/dist/components/Switch/index.d.ts +0 -1
  167. package/dist/components/Tab/Tab.d.ts +0 -31
  168. package/dist/components/Tab/TabsWrapper.d.ts +0 -3
  169. package/dist/components/Tab/index.d.ts +0 -2
  170. package/dist/components/Tag/Tag.d.ts +0 -3
  171. package/dist/components/Tag/constants.d.ts +0 -2
  172. package/dist/components/Tag/index.d.ts +0 -3
  173. package/dist/components/Tag/types.d.ts +0 -55
  174. package/dist/components/TagInput/TagInput.d.ts +0 -3
  175. package/dist/components/TagInput/components/EditableTag.d.ts +0 -13
  176. package/dist/components/TagInput/components/EditableTagContent.d.ts +0 -11
  177. package/dist/components/TagInput/components/EmailTagInput.d.ts +0 -5
  178. package/dist/components/TagInput/index.d.ts +0 -4
  179. package/dist/components/TagInput/types.d.ts +0 -41
  180. package/dist/components/Textarea/Textarea.d.ts +0 -6
  181. package/dist/components/Textarea/index.d.ts +0 -1
  182. package/dist/components/Toast/Toast.d.ts +0 -16
  183. package/dist/components/Toast/ToastWrapper.d.ts +0 -20
  184. package/dist/components/Toast/index.d.ts +0 -2
  185. package/dist/components/Tooltip/Tooltip.d.ts +0 -3
  186. package/dist/components/Tooltip/Tooltip.helpers.d.ts +0 -9
  187. package/dist/components/Tooltip/components/Info.d.ts +0 -3
  188. package/dist/components/Tooltip/components/Interactive.d.ts +0 -3
  189. package/dist/components/Tooltip/components/Reports.d.ts +0 -7
  190. package/dist/components/Tooltip/components/Simple.d.ts +0 -4
  191. package/dist/components/Tooltip/components/UserGuide/SpotlightOverlay.d.ts +0 -8
  192. package/dist/components/Tooltip/components/UserGuide/UserGuide.d.ts +0 -12
  193. package/dist/components/Tooltip/components/UserGuide/UserGuideStep.d.ts +0 -16
  194. package/dist/components/Tooltip/components/UserGuide/index.d.ts +0 -1
  195. package/dist/components/Tooltip/components/UserGuide/virtualElementReference.d.ts +0 -9
  196. package/dist/components/Tooltip/components/index.d.ts +0 -5
  197. package/dist/components/Tooltip/index.d.ts +0 -4
  198. package/dist/components/Tooltip/types.d.ts +0 -199
  199. package/dist/components/Typography/Display.d.ts +0 -18
  200. package/dist/components/Typography/Heading.d.ts +0 -19
  201. package/dist/components/Typography/Text.d.ts +0 -31
  202. package/dist/components/Typography/index.d.ts +0 -4
  203. package/dist/components/Typography/types.d.ts +0 -4
  204. package/dist/components/UpdateBadge/UpdateBadge.d.ts +0 -2
  205. package/dist/components/UpdateBadge/index.d.ts +0 -1
  206. package/dist/components/UploadBar/UploadBar.d.ts +0 -49
  207. package/dist/components/UploadBar/index.d.ts +0 -1
  208. package/dist/foundations/design-token.d.ts +0 -374
  209. package/dist/foundations/index.d.ts +0 -5
  210. package/dist/foundations/radius-token.d.ts +0 -13
  211. package/dist/foundations/shadow-token.d.ts +0 -24
  212. package/dist/foundations/spacing-token.d.ts +0 -22
  213. package/dist/foundations/transition-token.d.ts +0 -17
  214. package/dist/hooks/index.d.ts +0 -2
  215. package/dist/hooks/useAnimations.d.ts +0 -12
  216. package/dist/hooks/useHeightResizer.d.ts +0 -7
  217. package/dist/index.cjs.js +0 -1
  218. package/dist/index.d.ts +0 -53
  219. package/dist/index.es.js +0 -7577
  220. package/dist/providers/AppFrameProvider.d.ts +0 -11
  221. package/dist/providers/index.d.ts +0 -1
  222. package/dist/style.css +0 -1
  223. package/dist/utils/PdfIcon.d.ts +0 -2
  224. package/dist/utils/getDesignTokenWithOpacity.d.ts +0 -1
  225. package/dist/utils/index.d.ts +0 -2
  226. package/dist/utils/keyCodes.d.ts +0 -12
  227. package/dist/utils/noop.d.ts +0 -1
  228. package/dist/utils/plural.d.ts +0 -1
  229. package/dist/utils/story-parameters.d.ts +0 -2
  230. package/dist/utils/types.d.ts +0 -11
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- import { Size } from '../../../utils';
3
- import { PickerType, IPickerListItem } from '../types';
4
- export interface ITriggerBodyProps {
5
- isOpen: boolean;
6
- isSearchDisabled?: boolean;
7
- isDisabled?: boolean;
8
- placeholder: string;
9
- searchPhrase?: string;
10
- selectedItems?: IPickerListItem[] | null;
11
- type: PickerType;
12
- clearSearchAfterSelection?: boolean;
13
- size?: Size;
14
- onItemRemove: (key: string) => void;
15
- onSelect: (key: string) => void;
16
- onFilter: (text: string) => void;
17
- onClear: () => void;
18
- virtualItemRef: React.MutableRefObject<HTMLElement | null>;
19
- isTriggerFocused: boolean;
20
- inputRef?: React.RefObject<HTMLInputElement>;
21
- inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
22
- }
23
- export declare const PickerTriggerBody: React.FC<ITriggerBodyProps>;
@@ -1,66 +0,0 @@
1
- export declare const ITEM_GAP_HEIGHT = 2;
2
- export declare const MIN_LIST_HEIGHT = 200;
3
- export declare const DEFAULT_LIST_HEIGHT = 400;
4
- export declare const DEFAULT_PICKER_OPTIONS: ({
5
- key: string;
6
- name: string;
7
- disabled: boolean;
8
- } | {
9
- key: string;
10
- name: string;
11
- groupHeader?: undefined;
12
- } | {
13
- key: string;
14
- name: string;
15
- groupHeader: boolean;
16
- })[];
17
- export declare const SELECTED_OPTIONS: {
18
- key: string;
19
- name: string;
20
- }[];
21
- export declare const DEFAULT_EXTENDED_OPTIONS: ({
22
- key: string;
23
- name: string;
24
- groupHeader: boolean;
25
- disabled?: undefined;
26
- } | {
27
- key: string;
28
- name: string;
29
- groupHeader?: undefined;
30
- disabled?: undefined;
31
- } | {
32
- key: string;
33
- name: string;
34
- disabled: boolean;
35
- groupHeader?: undefined;
36
- })[];
37
- export declare const DEFAULT_MORE_PICKER_OPTIONS: ({
38
- key: string;
39
- name: string;
40
- secondaryText: string;
41
- showCheckbox?: undefined;
42
- icon?: undefined;
43
- avatarSrc?: undefined;
44
- } | {
45
- key: string;
46
- name: string;
47
- showCheckbox: boolean;
48
- secondaryText?: undefined;
49
- icon?: undefined;
50
- avatarSrc?: undefined;
51
- } | {
52
- key: string;
53
- name: string;
54
- icon: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
55
- secondaryText?: undefined;
56
- showCheckbox?: undefined;
57
- avatarSrc?: undefined;
58
- } | {
59
- key: string;
60
- name: string;
61
- avatarSrc: string;
62
- secondaryText?: undefined;
63
- showCheckbox?: undefined;
64
- icon?: undefined;
65
- })[];
66
- export declare const SELECT_ALL_OPTION_KEY = "select-all";
@@ -1,5 +0,0 @@
1
- import { IPickerListItem } from './types';
2
- export declare const findIndicesWhere: <T>(array: T[], predicate: (item: T) => boolean) => number[];
3
- export declare const getNormalizedItems: (items: IPickerListItem[]) => IPickerListItem[];
4
- export declare const getPickerListItemKey: ({ key }: IPickerListItem) => string;
5
- export declare const getNewIndexes: (prev: string[], key: string) => string[];
@@ -1,36 +0,0 @@
1
- import * as React from 'react';
2
- import { FloatingContext, Placement, Strategy, UseClickProps, UseDismissProps } from '@floating-ui/react';
3
- import { IPickerListItem } from '../types';
4
- interface UseFloatingPickerProps {
5
- disabled?: boolean;
6
- items: IPickerListItem[];
7
- placement?: Placement;
8
- floatingStrategy?: Strategy;
9
- useClickHookProps?: UseClickProps;
10
- useDismissHookProps?: UseDismissProps;
11
- openedOnInit: boolean;
12
- minListHeight: number;
13
- maxListHeight: number;
14
- isOpen?: boolean;
15
- onVisibilityChange?: (open: boolean, event?: Event | undefined) => void;
16
- searchPhrase?: string;
17
- }
18
- interface IUseFloatingPicker {
19
- getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
20
- setReference: (element: HTMLElement | null) => void;
21
- getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
22
- getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
23
- floatingStyles: React.CSSProperties;
24
- isPositioned: boolean;
25
- context: FloatingContext<HTMLButtonElement>;
26
- nodeId: string;
27
- setFloating: (node: HTMLElement | null) => void;
28
- activeIndex: number | null;
29
- listElementsRef: React.MutableRefObject<(HTMLElement | null)[]>;
30
- virtualItemRef: React.RefObject<HTMLDivElement>;
31
- maxHeight: number;
32
- pointer: boolean;
33
- setPointer: (pointer: boolean) => void;
34
- }
35
- export declare const useFloatingPicker: ({ disabled, items, placement, minListHeight, maxListHeight, floatingStrategy, useDismissHookProps, useClickHookProps, isOpen, onVisibilityChange, searchPhrase, }: UseFloatingPickerProps) => IUseFloatingPicker;
36
- export {};
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- import { IPickerListItem } from '../types';
3
- interface UsePickerItemsProps {
4
- selected?: IPickerListItem[] | null;
5
- options: IPickerListItem[];
6
- type: 'single' | 'multi';
7
- selectAllOptionText?: string;
8
- onSelect: (items: IPickerListItem[] | null) => void;
9
- setOpen: (isOpen: boolean) => void;
10
- clearSearchAfterSelection: boolean;
11
- inputRef: React.RefObject<HTMLInputElement>;
12
- }
13
- interface IUsePickerItems {
14
- selectedKeys: string[];
15
- items: IPickerListItem[];
16
- searchPhrase: string;
17
- handleSelect: (key: string) => void;
18
- handleOnFilter: (text: string) => void;
19
- handleItemRemove: (itemKey: string) => void;
20
- handleClear: () => void;
21
- }
22
- export declare const usePickerItems: ({ selected, options, type, selectAllOptionText, onSelect, setOpen, clearSearchAfterSelection, inputRef, }: UsePickerItemsProps) => IUsePickerItems;
23
- export {};
@@ -1,3 +0,0 @@
1
- export * from './Picker';
2
- export * from './components/PickerList';
3
- export type { PickerType, IPickerListItem, IPickerProps } from './types';
@@ -1,142 +0,0 @@
1
- import { InputHTMLAttributes, ReactElement } from 'react';
2
- import { Placement, Strategy, UseClickProps, UseDismissProps } from '@floating-ui/react';
3
- import { VirtuosoProps } from 'react-virtuoso';
4
- import { Size } from '../../utils';
5
- import { ComponentCoreProps } from '../../utils/types';
6
- import { IconSource } from '../Icon';
7
- export interface IPickerListItem {
8
- key: string;
9
- name: string;
10
- customElement?: {
11
- listItemBody?: ReactElement;
12
- selectedItemBody?: ReactElement;
13
- };
14
- groupHeader?: boolean;
15
- disabled?: boolean;
16
- icon?: IconSource;
17
- avatarSrc?: string;
18
- secondaryText?: string;
19
- showCheckbox?: boolean;
20
- }
21
- export type PickerType = 'single' | 'multi';
22
- export interface IPickerProps extends ComponentCoreProps {
23
- /**
24
- * Specify the custom id
25
- */
26
- id?: string;
27
- /**
28
- * The CSS class for picker container
29
- */
30
- className?: string;
31
- /**
32
- * The CSS class for picker list
33
- */
34
- listClassName?: string;
35
- /**
36
- * Specify the max height of the picker list
37
- */
38
- maxListHeight?: number;
39
- /**
40
- * Specify the min height of the picker list
41
- */
42
- minListHeight?: number;
43
- /**
44
- * Specify whether the picker should be disabled
45
- */
46
- disabled?: boolean;
47
- /**
48
- * Specify whether the picker should be in error state
49
- */
50
- error?: boolean;
51
- /**
52
- * Array of picker options
53
- */
54
- options: IPickerListItem[];
55
- /**
56
- * Array of picker selected options
57
- */
58
- selected?: IPickerListItem[] | null;
59
- /**
60
- * Specify the picker size
61
- */
62
- size?: Size;
63
- /**
64
- * Specify the placeholder for search input
65
- */
66
- placeholder?: string;
67
- /**
68
- * Specify whether the option select is required
69
- */
70
- isRequired?: boolean;
71
- /**
72
- * Text if no search result were found
73
- */
74
- noSearchResultText?: string;
75
- /**
76
- * Text for `select all` option which will be visible if defined in multi select mode
77
- */
78
- selectAllOptionText?: string;
79
- /**
80
- * Set `multi` to specify whether the picker should allow to multi selection
81
- */
82
- type?: PickerType;
83
- /**
84
- * Set to disable search input
85
- */
86
- searchDisabled?: boolean;
87
- /**
88
- * Set to hide clear selection button
89
- */
90
- hideClearButton?: boolean;
91
- /**
92
- * Set picker visibility
93
- */
94
- isVisible?: boolean;
95
- /**
96
- * Optional handler called on picker list hide
97
- */
98
- onClose?: (event?: Event) => void;
99
- /**
100
- * Optional handler called on picker list show
101
- */
102
- onOpen?: (event?: Event) => void;
103
- /**
104
- * Will open picker on component initialization
105
- */
106
- openedOnInit?: boolean;
107
- /**
108
- * Callback called after item selection
109
- */
110
- onSelect: (selectedItems: IPickerListItem[] | null) => void;
111
- /**
112
- * Clears the search input after item select
113
- */
114
- clearSearchAfterSelection?: boolean;
115
- /**
116
- * The popover placement related to the trigger element
117
- */
118
- placement?: Placement;
119
- /**
120
- * Floating strategy for the picker component from @floating-ui/react
121
- */
122
- floatingStrategy?: Strategy;
123
- /**
124
- * Set the `floating-ui` useDismiss hook params if you need more control
125
- * https://floating-ui.com/docs/usedismiss
126
- */
127
- useDismissHookProps?: UseDismissProps;
128
- /**
129
- * Set the `floating-ui` useClick hook params if you need more control
130
- * https://floating-ui.com/docs/useclick
131
- */
132
- useClickHookProps?: UseClickProps;
133
- /**
134
- * Props for the Virtuoso component
135
- * https://virtuoso.dev/virtuoso-api-reference/
136
- */
137
- virtuosoProps?: VirtuosoProps<IPickerListItem, unknown>;
138
- /**
139
- * Additional props for the input element
140
- */
141
- inputProps?: InputHTMLAttributes<HTMLInputElement> | Record<string, unknown>;
142
- }
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { IPopoverProps } from './types';
3
- export declare const Popover: React.FC<IPopoverProps>;
@@ -1,2 +0,0 @@
1
- export * from './Popover';
2
- export type { IPopoverProps } from './types';
@@ -1,65 +0,0 @@
1
- import * as React from 'react';
2
- import { OffsetOptions } from '@floating-ui/core';
3
- import { Placement, UseClickProps, UseDismissProps, FlipOptions, Strategy } from '@floating-ui/react';
4
- export interface IPopoverProps {
5
- children?: React.ReactNode;
6
- /**
7
- * The CSS class for popover container
8
- */
9
- className?: string;
10
- /**
11
- * The CSS class for trigger container
12
- */
13
- triggerClassName?: string;
14
- /**
15
- * The popover placement related to the trigger element
16
- */
17
- placement?: Placement;
18
- /**
19
- * Optional handler called on tooltip hide
20
- */
21
- onClose?: (event?: Event) => void;
22
- /**
23
- * Optional handler called on tooltip show
24
- */
25
- onOpen?: (event?: Event) => void;
26
- /**
27
- * Set popover visibility
28
- */
29
- isVisible?: boolean;
30
- /**
31
- * Will open menu on component initialization
32
- */
33
- openedOnInit?: boolean;
34
- /**
35
- * Set the popover placement to keep it in view
36
- */
37
- flipOptions?: FlipOptions;
38
- /**
39
- * Set the popover offset
40
- */
41
- offsetSize?: OffsetOptions;
42
- /**
43
- * Set `false` if the menu is not to be closed with an esc press
44
- */
45
- closeOnEsc?: boolean;
46
- /**
47
- * Trigger element
48
- */
49
- triggerRenderer: React.ReactElement | (() => React.ReactNode);
50
- /**
51
- * Set the `floating-ui` useDismiss hook params if you need more control
52
- * https://floating-ui.com/docs/usedismiss
53
- */
54
- useDismissHookProps?: UseDismissProps;
55
- /**
56
- * Set the `floating-ui` useClick hook params if you need more control
57
- * https://floating-ui.com/docs/useclick
58
- */
59
- useClickHookProps?: UseClickProps;
60
- /**
61
- * Set the type of CSS position property to use
62
- * https://floating-ui.com/docs/usefloating#strategy
63
- */
64
- floatingStrategy?: Strategy;
65
- }
@@ -1,3 +0,0 @@
1
- import { FC } from 'react';
2
- import { ProductSwitcherProps } from './types';
3
- export declare const ProductSwitcher: FC<ProductSwitcherProps>;
@@ -1,9 +0,0 @@
1
- import { FC, MouseEvent } from 'react';
2
- import { ProductOption, ProductId } from '../../types';
3
- type IProps = {
4
- onClick: (event: MouseEvent, id: ProductId) => void;
5
- product: ProductOption;
6
- isActive?: boolean;
7
- };
8
- export declare const ProductRow: FC<IProps>;
9
- export {};
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- import { ProductOption } from '../../types';
3
- type IProps = Pick<ProductOption, 'icon' | 'notificationCount' | 'backgroundColors' | 'expired' | 'iconColor'> & {
4
- isMainProduct?: boolean;
5
- withBorder?: boolean;
6
- };
7
- export declare const ProductTile: FC<IProps>;
8
- export {};
@@ -1,6 +0,0 @@
1
- import { ProductOption, ProductData, ProductId } from './types';
2
- export declare const ProductSwitcherProducts: ProductOption[];
3
- export declare const labsRedirectData: ProductData[];
4
- export declare const stagingRedirectData: ProductData[];
5
- export declare const prodRedirectData: ProductData[];
6
- export declare const alwaysVisibleProducts: ProductId[];
@@ -1,9 +0,0 @@
1
- import { ProductName, ProductData, ProductId, ProductOption, ProductSubscription, Env } from './types';
2
- export declare const getRedirectURL: (productClientId: string, productRedirectUri: string, organizationId: string, mainProductId: ProductId, env: Env) => string;
3
- export declare const getTrialDaysLeft: (trialEnd: string) => number;
4
- export declare const isVisibleProduct: (productId: ProductId, installedProducts: {
5
- product: ProductName;
6
- }[]) => boolean;
7
- export declare const createProductOption: (product: ProductOption, redirectData: ProductData[], subscriptions: ProductSubscription, organizationId: string, mainProductId: ProductId, env: Env) => ProductOption;
8
- export declare const getRedirectDataByEnv: (env: Env) => ProductData[];
9
- export declare const getUtmSource: (env: Env, mainProductId: ProductId) => string | undefined;
@@ -1,13 +0,0 @@
1
- import { Env, ProductId, ProductName, ProductOption, ProductSubscription } from '../types';
2
- export interface IProductSwitcherHook {
3
- env?: Env;
4
- installedProducts: {
5
- product: ProductName;
6
- }[];
7
- organizationId: string;
8
- subscriptions: ProductSubscription;
9
- mainProductId: ProductId;
10
- }
11
- export declare const useProductSwitcher: ({ env, installedProducts, subscriptions, organizationId, mainProductId, }: IProductSwitcherHook) => {
12
- products: ProductOption[];
13
- };
@@ -1,4 +0,0 @@
1
- export { type ProductOption, type ProductSwitcherProps, type ProductId, type ProductData, } from './types';
2
- export * from './ProductSwitcher';
3
- export { useProductSwitcher } from './hooks/useProductSwitcher';
4
- export { ProductSwitcherProducts } from './constants';
@@ -1 +0,0 @@
1
- export declare const OpenWidgetLogoUri = "data:image/svg+xml,%3Csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg clip-path=\"url(%23clip0_24854_8994)\"%3E%3Crect width=\"40\" height=\"40\" fill=\"%230066FF\"/%3E%3Cg filter=\"url(%23filter0_f_24854_8994)\"%3E%3Cpath d=\"M32.6382 31.0816C41.9891 31.0816 49.5694 23.5012 49.5694 14.1504C49.5694 4.79953 41.9891 -2.78082 32.6382 -2.78082C23.2874 -2.78082 15.707 4.79953 15.707 14.1504C15.707 23.5012 23.2874 31.0816 32.6382 31.0816Z\" fill=\"%23FF4205\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter1_f_24854_8994)\"%3E%3Cpath d=\"M10.417 50.1292C19.7679 50.1292 27.3482 42.5488 27.3482 33.198C27.3482 23.8471 19.7679 16.2668 10.417 16.2668C1.0662 16.2668 -6.51416 23.8471 -6.51416 33.198C-6.51416 42.5488 1.0662 50.1292 10.417 50.1292Z\" fill=\"%2373CE3B\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter2_f_24854_8994)\"%3E%3Cpath d=\"M9.35788 16.2667C15.2022 16.2667 19.9399 11.529 19.9399 5.68472C19.9399 -0.159555 15.2022 -4.89728 9.35788 -4.89728C3.5136 -4.89728 -1.22412 -0.159555 -1.22412 5.68472C-1.22412 11.529 3.5136 16.2667 9.35788 16.2667Z\" fill=\"%233750FF\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter3_f_24854_8994)\"%3E%3Cpath d=\"M7.24274 18.3831C13.6714 18.3831 18.8829 13.1716 18.8829 6.74292C18.8829 0.314217 13.6714 -4.89728 7.24274 -4.89728C0.814034 -4.89728 -4.39746 0.314217 -4.39746 6.74292C-4.39746 13.1716 0.814034 18.3831 7.24274 18.3831Z\" fill=\"%233750FF\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter4_f_24854_8994)\"%3E%3Cpath d=\"M8.29938 21.5577C14.7281 21.5577 19.9396 16.3462 19.9396 9.91748C19.9396 3.48878 14.7281 -1.72272 8.29938 -1.72272C1.87068 -1.72272 -3.34082 3.48878 -3.34082 9.91748C-3.34082 16.3462 1.87068 21.5577 8.29938 21.5577Z\" fill=\"%233750FF\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter5_f_24854_8994)\"%3E%3Cpath d=\"M33.6973 45.8964C40.126 45.8964 45.3375 40.6849 45.3375 34.2562C45.3375 27.8275 40.126 22.616 33.6973 22.616C27.2686 22.616 22.0571 27.8275 22.0571 34.2562C22.0571 40.6849 27.2686 45.8964 33.6973 45.8964Z\" fill=\"%23FFD001\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter6_f_24854_8994)\"%3E%3Cpath d=\"M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z\" fill=\"%23FFD001\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter7_f_24854_8994)\"%3E%3Cpath d=\"M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z\" fill=\"%23FFD001\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter8_f_24854_8994)\"%3E%3Cpath d=\"M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z\" fill=\"%2373CE3B\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter9_f_24854_8994)\"%3E%3Cpath d=\"M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z\" fill=\"%2373CE3B\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter10_f_24854_8994)\"%3E%3Cpath d=\"M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z\" fill=\"%2373CE3B\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter11_f_24854_8994)\"%3E%3Cpath d=\"M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z\" fill=\"%2373CE3B\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter12_f_24854_8994)\"%3E%3Cpath d=\"M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z\" fill=\"%2373CE3B\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter13_f_24854_8994)\"%3E%3Cpath d=\"M9.35898 38.489C12.8655 38.489 15.7082 35.6463 15.7082 32.1398C15.7082 28.6332 12.8655 25.7906 9.35898 25.7906C5.8524 25.7906 3.00977 28.6332 3.00977 32.1398C3.00977 35.6463 5.8524 38.489 9.35898 38.489Z\" fill=\"%2373CE3B\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter14_f_24854_8994)\"%3E%3Cpath d=\"M38.9871 31.0816C46.5846 31.0816 52.7437 24.9225 52.7437 17.325C52.7437 9.7274 46.5846 3.56836 38.9871 3.56836C31.3895 3.56836 25.2305 9.7274 25.2305 17.325C25.2305 24.9225 31.3895 31.0816 38.9871 31.0816Z\" fill=\"%23FF4205\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter15_f_24854_8994)\"%3E%3Cpath d=\"M38.9879 25.7905C45.4166 25.7905 50.6281 20.579 50.6281 14.1503C50.6281 7.72157 45.4166 2.51007 38.9879 2.51007C32.5592 2.51007 27.3477 7.72157 27.3477 14.1503C27.3477 20.579 32.5592 25.7905 38.9879 25.7905Z\" fill=\"%23FF4205\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter16_f_24854_8994)\"%3E%3Cpath d=\"M9.35868 21.5578C14.0341 21.5578 17.8243 17.7676 17.8243 13.0922C17.8243 8.41674 14.0341 4.62656 9.35868 4.62656C4.68325 4.62656 0.893066 8.41674 0.893066 13.0922C0.893066 17.7676 4.68325 21.5578 9.35868 21.5578Z\" fill=\"%233750FF\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter17_f_24854_8994)\"%3E%3Cpath d=\"M31.5797 18.3831C35.0862 18.3831 37.9289 15.5404 37.9289 12.0339C37.9289 8.5273 35.0862 5.68466 31.5797 5.68466C28.0731 5.68466 25.2305 8.5273 25.2305 12.0339C25.2305 15.5404 28.0731 18.3831 31.5797 18.3831Z\" fill=\"%23FF2E00\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter18_f_24854_8994)\"%3E%3Cpath d=\"M12.5312 14.1503C18.3755 14.1503 23.1132 9.41257 23.1132 3.5683C23.1132 -2.27598 18.3755 -7.0137 12.5312 -7.0137C6.68694 -7.0137 1.94922 -2.27598 1.94922 3.5683C1.94922 9.41257 6.68694 14.1503 12.5312 14.1503Z\" fill=\"%233851FF\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter19_f_24854_8994)\"%3E%3Cpath d=\"M28.4057 13.0921C34.25 13.0921 38.9877 8.35441 38.9877 2.51013C38.9877 -3.33415 34.25 -8.07187 28.4057 -8.07187C22.5615 -8.07187 17.8237 -3.33415 17.8237 2.51013C17.8237 8.35441 22.5615 13.0921 28.4057 13.0921Z\" fill=\"%23F3354D\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter20_f_24854_8994)\"%3E%3Cpath d=\"M33.6958 48.0128C39.54 48.0128 44.2778 43.275 44.2778 37.4308C44.2778 31.5865 39.54 26.8488 33.6958 26.8488C27.8515 26.8488 23.1138 31.5865 23.1138 37.4308C23.1138 43.275 27.8515 48.0128 33.6958 48.0128Z\" fill=\"%23FFD101\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter21_f_24854_8994)\"%3E%3Cpath d=\"M8.30173 43.78C14.146 43.78 18.8837 39.0422 18.8837 33.198C18.8837 27.3537 14.146 22.616 8.30173 22.616C2.45745 22.616 -2.28027 27.3537 -2.28027 33.198C-2.28027 39.0422 2.45745 43.78 8.30173 43.78Z\" fill=\"%237FCF35\"/%3E%3C/g%3E%3Cg filter=\"url(%23filter22_f_24854_8994)\"%3E%3Cpath d=\"M6.18454 34.2562C12.0288 34.2562 16.7665 29.5184 16.7665 23.6742C16.7665 17.8299 12.0288 13.0922 6.18454 13.0922C0.340261 13.0922 -4.39746 17.8299 -4.39746 23.6742C-4.39746 29.5184 0.340261 34.2562 6.18454 34.2562Z\" fill=\"%231D7DD0\"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=\"filter0_f_24854_8994\" x=\"-8.29297\" y=\"-26.7808\" width=\"81.8623\" height=\"81.8624\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter1_f_24854_8994\" x=\"-30.5142\" y=\"-7.73322\" width=\"81.8623\" height=\"81.8624\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter2_f_24854_8994\" x=\"-25.2241\" y=\"-28.8973\" width=\"69.1641\" height=\"69.164\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter3_f_24854_8994\" x=\"-28.3975\" y=\"-28.8973\" width=\"71.2803\" height=\"71.2804\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter4_f_24854_8994\" x=\"-27.3408\" y=\"-25.7227\" width=\"71.2803\" height=\"71.2804\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter5_f_24854_8994\" x=\"-1.94287\" y=\"-1.38403\" width=\"71.2803\" height=\"71.2804\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter6_f_24854_8994\" x=\"-6.17627\" y=\"0.732361\" width=\"71.2803\" height=\"71.2804\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter7_f_24854_8994\" x=\"-6.17627\" y=\"0.732361\" width=\"71.2803\" height=\"71.2804\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter8_f_24854_8994\" x=\"-27.3408\" y=\"-3.50043\" width=\"67.0479\" height=\"67.0476\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter9_f_24854_8994\" x=\"-27.3408\" y=\"-3.50043\" width=\"67.0479\" height=\"67.0476\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter10_f_24854_8994\" x=\"-27.3408\" y=\"-3.50043\" width=\"67.0479\" height=\"67.0476\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter11_f_24854_8994\" x=\"-27.3408\" y=\"-3.50043\" width=\"67.0479\" height=\"67.0476\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter12_f_24854_8994\" x=\"-27.3408\" y=\"-3.50043\" width=\"67.0479\" height=\"67.0476\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter13_f_24854_8994\" x=\"-20.9902\" y=\"1.79056\" width=\"60.6982\" height=\"60.6984\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter14_f_24854_8994\" x=\"1.23047\" y=\"-20.4316\" width=\"75.5132\" height=\"75.5132\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter15_f_24854_8994\" x=\"3.34766\" y=\"-21.4899\" width=\"71.2803\" height=\"71.2804\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter16_f_24854_8994\" x=\"-23.1069\" y=\"-19.3734\" width=\"64.9312\" height=\"64.9312\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter17_f_24854_8994\" x=\"1.23047\" y=\"-18.3153\" width=\"60.6982\" height=\"60.6984\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"12\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter18_f_24854_8994\" x=\"-9.05078\" y=\"-18.0137\" width=\"43.1641\" height=\"43.164\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter19_f_24854_8994\" x=\"6.82373\" y=\"-19.0719\" width=\"43.1641\" height=\"43.164\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter20_f_24854_8994\" x=\"12.1138\" y=\"15.8488\" width=\"43.1641\" height=\"43.164\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter21_f_24854_8994\" x=\"-13.2803\" y=\"11.616\" width=\"43.1641\" height=\"43.164\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3Cfilter id=\"filter22_f_24854_8994\" x=\"-15.3975\" y=\"2.09216\" width=\"43.1641\" height=\"43.164\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"%3E%3CfeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/%3E%3CfeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/%3E%3CfeGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_24854_8994\"/%3E%3C/filter%3E%3CclipPath id=\"clip0_24854_8994\"%3E%3Crect width=\"40\" height=\"40\" fill=\"white\"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A";
@@ -1,43 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { IconSource } from '../Icon';
3
- export type ProductId = 'livechat' | 'helpdesk' | 'chatbot' | 'openwidget' | 'knowledgebase' | 'hello' | 'accounts';
4
- export type ProductName = 'LiveChat' | 'HelpDesk' | 'ChatBot' | 'OpenWidget' | 'KnowledgeBase' | 'Hello' | 'Accounts';
5
- export type Env = 'labs' | 'staging' | 'prod';
6
- export interface ProductSwitcherProps {
7
- mainProductId: ProductId;
8
- productOptions: ProductOption[];
9
- textURL?: string;
10
- openedOnInit?: boolean;
11
- isVisible?: boolean;
12
- onOpen?: (event?: Event) => void;
13
- onClose?: (event?: Event) => void;
14
- onSelect?: (id: ProductId) => void;
15
- }
16
- export declare const SSOProductIdMap: Record<ProductId, ProductName>;
17
- export type ProductSubscription = Partial<Record<ProductId, {
18
- status: 'trial' | 'active' | 'cancelled' | 'past_due' | 'expired';
19
- next_charge_at?: string;
20
- }>>;
21
- export interface ProductOption {
22
- id: ProductId;
23
- shortcutKey?: string;
24
- name: string;
25
- expired?: boolean;
26
- trialDaysLeft?: number;
27
- nameAdornment?: ReactNode;
28
- icon: IconSource;
29
- iconColor?: string;
30
- notificationCount?: number;
31
- backgroundColors: {
32
- main: string;
33
- second: string;
34
- third: string;
35
- };
36
- withDivider?: boolean;
37
- url: string;
38
- }
39
- export type ProductData = {
40
- clientId: string;
41
- product: ProductName;
42
- redirectUri: string;
43
- };
@@ -1,2 +0,0 @@
1
- import { ProgressStatus } from './constants';
2
- export declare function getPercentNumber(status: ProgressStatus, percent?: number): number;
@@ -1,21 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressSize, ProgressStatus } from './constants';
3
- export interface ProgressBarProps {
4
- /**
5
- * The CSS class for container
6
- */
7
- className?: string;
8
- /**
9
- * Specify the value of current progress bar (0-100)
10
- */
11
- percent: number;
12
- /**
13
- * Specify the progress bar status
14
- */
15
- status?: ProgressStatus;
16
- /**
17
- * Specify the progress bar size
18
- */
19
- size?: ProgressSize;
20
- }
21
- export declare const ProgressBar: React.ExoticComponent<ProgressBarProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,21 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressSize, ProgressStatus } from './constants';
3
- export interface ProgressCircleProps {
4
- /**
5
- * The CSS class for container
6
- */
7
- className?: string;
8
- /**
9
- * Specify the value of current progress circle (0-100)
10
- */
11
- progressValue: number;
12
- /**
13
- * Specify the progress circle status
14
- */
15
- status?: ProgressStatus;
16
- /**
17
- * Specify the progress circle size
18
- */
19
- size?: ProgressSize;
20
- }
21
- export declare const ProgressCircle: React.ExoticComponent<ProgressCircleProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,3 +0,0 @@
1
- export type ProgressStatus = 'normal' | 'error' | 'success';
2
- export type ProgressSize = 'small' | 'medium' | 'large';
3
- export declare const PROGRESS_SIZES: ProgressSize[];
@@ -1,2 +0,0 @@
1
- export { ProgressCircle } from './ProgressCircle';
2
- export { ProgressBar } from './ProgressBar';
@@ -1,43 +0,0 @@
1
- import * as React from 'react';
2
- export interface PromoBannerProps {
3
- /**
4
- * Specify an optional className to be applied to the container node
5
- */
6
- className?: string;
7
- /**
8
- * Set the primary button text
9
- */
10
- buttonText?: string;
11
- /**
12
- * Set the header text
13
- */
14
- header: string;
15
- /**
16
- * Set the image source to display it
17
- */
18
- img?: string;
19
- /**
20
- * Specify whether the banner should use a light-themed design
21
- */
22
- light?: boolean;
23
- /**
24
- * Set the link button text
25
- */
26
- linkText?: string;
27
- /**
28
- * Event handler for primary button press
29
- */
30
- onButtonClick?: () => void;
31
- /**
32
- * Event handler for close button press
33
- */
34
- onClose?: () => void;
35
- /**
36
- * Event handler for link button press
37
- */
38
- onLinkClick?: () => void;
39
- }
40
- /**
41
- * @deprecated Since version 1.0.0. Will be deleted in version 2.0.0. Use {@link PromoBannerV2} instead.
42
- */
43
- export declare const PromoBanner: React.FC<React.PropsWithChildren<PromoBannerProps>>;
@@ -1 +0,0 @@
1
- export { PromoBanner } from './PromoBanner';