@ai12z/react 3.4.2 → 3.5.0-alpha.2

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.
@@ -17,7 +17,9 @@ export const BotPopover = createReactComponent('bot-popover');
17
17
  export const ChatAvatar = createReactComponent('chat-avatar');
18
18
  export const ChatbotHistory = createReactComponent('chatbot-history');
19
19
  export const DynamicForm = createReactComponent('dynamic-form');
20
+ export const HamburgerMenu = createReactComponent('hamburger-menu');
20
21
  export const ImageUploader = createReactComponent('image-uploader');
22
+ export const InteractionButtons = createReactComponent('interaction-buttons');
21
23
  export const ItemList = createReactComponent('item-list');
22
24
  export const ListData = createReactComponent('list-data');
23
25
  export const LiveAgentChat = createReactComponent('live-agent-chat');
package/dist/global.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* src/global/global.css */
2
2
  :root {
3
- --ai12z-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3
+ /* --ai12z-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4
4
  --ai12z-primary-color: rgb(165 180 252);
5
5
  --ai12z-secondary-color: #64748b;
6
6
  --ai12z-font-size: 16px;
@@ -13,9 +13,6 @@
13
13
  --ai12z-input-placeholder-color: rgb(148 163 184);
14
14
  --ai12z-input-placeholder-font-size: 1.1rem;
15
15
 
16
- --ai12z-followup-color: rgb(107 114 128);
17
- --ai12z-followup-font-size: 1rem;
18
- --ai12z-followup-bg-color: rgb(30 64 175);
19
16
 
20
17
  --ai12z-category-font-color: #2a2727;
21
18
  --ai12z-category-font-size: medium;
@@ -30,13 +27,9 @@
30
27
  --ai12z-bubble-font-color: rgb(15 23 42);
31
28
  --ai12z-bubble-font-size: 1.1rem;
32
29
 
33
- --ai12z-button-font-color: rgb(51 65 85);
34
- --ai12z-button-font-size: 1rem;
35
-
36
- --ai12z-font-color: rgb(51 65 85);
30
+
37
31
  --ai12z-font-mute: #64748b;
38
32
  --ai12z-border-color: rgba(59, 130, 246, 0.5);
39
- --ai12z-hover-button-color: rgb(165 180 252);
40
33
  --ai12z-hover-bg-color: rgb(249 250 251);
41
34
 
42
35
  --ai12z-feedback-selected: rgb(55 65 81);
@@ -45,30 +38,31 @@
45
38
  --ai12z-button-bgcolor: #007bff;
46
39
  --ai12z-mic-color: #007bff;
47
40
  --ai12z-searchbar-bgcolor: rgba(75, 85, 99, 0.05);
48
- --ai12z-plus-icon-color: #007bff;
41
+ --ai12z-plus-icon-color: #007bff; */
49
42
 
50
43
  --ai12z-inlinesearchbar-bgcolor: #fff;
51
44
  --ai12z-inlinesearchbar-border-color: rgba(156, 163, 175, 0.4);
52
45
 
53
- --ai12z-dialog-margin: 3rem 0 0 0;
46
+ /* --ai12z-dialog-margin: 3rem 0 0 0; */
54
47
  --ai12z-search-panel-bg: #f3f4f6;
55
48
  --ai12z-search-panel-icon-color: #fff;
56
49
  --ai12z-search-panel-focus-color: rgb(59 130 246);
57
50
  --ai12z-search-panel-input-border-color: gray;
58
51
  --ai12z-search-panel-button-bgcolor: #007bff;
59
52
 
53
+ /* --ai12z-dialog-margin: 3rem 0 0 0;
60
54
  --ai12z-search-page-bgcolor: #f3f4f6;
61
- --ai12z-search-page-button-bgcolor: #007bff;
55
+ --ai12z-search-page-button-bgcolor: #007bff; */
62
56
 
63
- --ai12z-knowledge-box-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
57
+ /* --ai12z-knowledge-box-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
64
58
  --ai12z-knowledge-box-font-size: 1rem;
65
59
  --ai12z-knowledge-box-bg-color: rgb(241 245 249);
66
60
  --ai12z-knowledge-box-button-bgcolor: #007bff;
67
61
  --ai12z-knowledge-box-button-color: #fff;
68
62
  --ai12z-knowledge-box-privacy-color: #64748b;
69
- --ai12z-knowledge-box-privacy-font-size: 0.875rem;
63
+ --ai12z-knowledge-box-privacy-font-size: 0.875rem; */
70
64
 
71
- --ai12z-bot-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
65
+ /* --ai12z-bot-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
72
66
  --ai12z-bot-font-size: 1rem;
73
67
  --ai12z-bot-primary-color: #fff;
74
68
  --ai12z-bot-primary-bgcolor: #007bff;
@@ -82,7 +76,7 @@
82
76
  --ai12z-bot-followup-bg-color: rgb(30 64 175);
83
77
  --ai12z-bot-followup-font-size: 1rem;
84
78
  --ai12z-bot-followup-color: rgb(107 114 128);
85
- --ai12z-bot-privacy-color: #64748b;
79
+ --ai12z-bot-privacy-color: #64748b; */
86
80
 
87
81
  /* --ai12zBot-v2-primary-color: #2095ae;
88
82
  --ai12zBot-v2-secondary-color: #fff;
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -17,8 +17,8 @@
17
17
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
19
19
  --ai12zBot-v2-title-font-size: 20px;
20
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
21
- --ai12zBot-v2-bot-name-font-weight: 500;
20
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
21
+ --ai12zBot-v2-fab-font-weight: 500;
22
22
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
24
24
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -16,8 +16,8 @@
16
16
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
17
17
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-font-size: 20px;
19
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
20
- --ai12zBot-v2-bot-name-font-weight: 500;
19
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
20
+ --ai12zBot-v2-fab-font-weight: 500;
21
21
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
22
22
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -17,8 +17,8 @@
17
17
  --ai12zBot-v2-back-button-color: var(--ai12zBot-v2-primary-color);
18
18
  --ai12zBot-v2-title-color: var(--ai12zBot-v2-primary-color);
19
19
  --ai12zBot-v2-title-font-size: 20px;
20
- --ai12zBot-v2-bot-name-color: var(--ai12zBot-v2-secondary-color);
21
- --ai12zBot-v2-bot-name-font-weight: 500;
20
+ --ai12zBot-v2-fab-name-color: var(--ai12zBot-v2-secondary-color);
21
+ --ai12zBot-v2-fab-font-weight: 500;
22
22
  --ai12zBot-v2-link-color: var(--ai12zBot-v2-primary-color);
23
23
  --ai12zBot-v2-link-hover-color: var(--ai12zBot-v2-primary-color);
24
24
  --ai12zBot-v2-toolbar-icon-color: var(--ai12zBot-v2-primary-color);
@@ -15,7 +15,9 @@ export declare const BotPopover: import("react").ForwardRefExoticComponent<JSX.B
15
15
  export declare const ChatAvatar: import("react").ForwardRefExoticComponent<JSX.ChatAvatar & Omit<import("react").HTMLAttributes<HTMLChatAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLChatAvatarElement>>;
16
16
  export declare const ChatbotHistory: import("react").ForwardRefExoticComponent<JSX.ChatbotHistory & Omit<import("react").HTMLAttributes<HTMLChatbotHistoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLChatbotHistoryElement>>;
17
17
  export declare const DynamicForm: import("react").ForwardRefExoticComponent<JSX.DynamicForm & Omit<import("react").HTMLAttributes<HTMLDynamicFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDynamicFormElement>>;
18
+ export declare const HamburgerMenu: import("react").ForwardRefExoticComponent<JSX.HamburgerMenu & Omit<import("react").HTMLAttributes<HTMLHamburgerMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLHamburgerMenuElement>>;
18
19
  export declare const ImageUploader: import("react").ForwardRefExoticComponent<JSX.ImageUploader & Omit<import("react").HTMLAttributes<HTMLImageUploaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLImageUploaderElement>>;
20
+ export declare const InteractionButtons: import("react").ForwardRefExoticComponent<JSX.InteractionButtons & Omit<import("react").HTMLAttributes<HTMLInteractionButtonsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInteractionButtonsElement>>;
19
21
  export declare const ItemList: import("react").ForwardRefExoticComponent<JSX.ItemList & Omit<import("react").HTMLAttributes<HTMLItemListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLItemListElement>>;
20
22
  export declare const ListData: import("react").ForwardRefExoticComponent<JSX.ListData & Omit<import("react").HTMLAttributes<HTMLListDataElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLListDataElement>>;
21
23
  export declare const LiveAgentChat: import("react").ForwardRefExoticComponent<JSX.LiveAgentChat & Omit<import("react").HTMLAttributes<HTMLLiveAgentChatElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLLiveAgentChatElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ai12z/react",
3
- "version": "3.4.2",
3
+ "version": "3.5.0-alpha.2",
4
4
  "description": "ai12z React Library",
5
5
  "author": "Alpesh Patel <alpesh@ai12z.com>",
6
6
  "homepage": "",
@@ -20,7 +20,7 @@
20
20
  "tsc": "tsc -p . --outDir ./dist"
21
21
  },
22
22
  "dependencies": {
23
- "ai12z": "^3.4.2"
23
+ "ai12z": "^3.5.0-alpha.2"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@types/react": "^18.2.55",
@@ -31,5 +31,5 @@
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "215b124bf466ce2e64c9e8448066458d2650b70d"
34
+ "gitHead": "5ff19f916468b0dfc0b7f5c57434aae7896831fa"
35
35
  }