@super_studio/ecforce-ai-agent-react 0.5.3 → 0.5.4

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 (6) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.mjs +2 -2
  3. package/dist/styles/chatbot-sheet.css +12 -0
  4. package/package.json +1 -1
  5. package/src/components/chatbot-sheet.tsx +2 -2
  6. package/src/styles/chatbot-sheet.css +12 -0
package/dist/index.js CHANGED
@@ -562,8 +562,8 @@ function ChatbotSheet(_a) {
562
562
  LottieAiIcon,
563
563
  {
564
564
  src: `${PROD_CHATBOT_URL}/animations/ai-icon.v1.lottie`,
565
- width: 20,
566
- height: 20,
565
+ width: 24,
566
+ height: 24,
567
567
  autoplay: true,
568
568
  loop: true
569
569
  }
package/dist/index.mjs CHANGED
@@ -562,8 +562,8 @@ function ChatbotSheet(_a) {
562
562
  LottieAiIcon,
563
563
  {
564
564
  src: `${PROD_CHATBOT_URL}/animations/ai-icon.v1.lottie`,
565
- width: 20,
566
- height: 20,
565
+ width: 24,
566
+ height: 24,
567
567
  autoplay: true,
568
568
  loop: true
569
569
  }
package/dist/styles/chatbot-sheet.css CHANGED
@@ -18,6 +18,8 @@
18
18
  justify-content: center;
19
19
  height: 40px;
20
20
  width: 40px;
21
+ opacity: 0;
22
+ animation: chatbot-trigger-fade-in 500ms ease-in-out 500ms forwards;
21
23
  }
22
24
 
23
25
  .chatbot-trigger:hover {
@@ -87,6 +89,16 @@
87
89
  cursor: pointer;
88
90
  }
89
91
 
92
+ /* Trigger fade-in animation */
93
+ @keyframes chatbot-trigger-fade-in {
94
+ from {
95
+ opacity: 0;
96
+ }
97
+ to {
98
+ opacity: 1;
99
+ }
100
+ }
101
+
90
102
  /* Initial mount animation */
91
103
  @keyframes chatbot-sheet-enter {
92
104
  from {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@super_studio/ecforce-ai-agent-react",
3
- "version": "0.5.3",
3
+ "version": "0.5.4",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",
package/src/components/chatbot-sheet.tsx CHANGED
@@ -26,8 +26,8 @@ export function ChatbotSheet({ sheetStyle, ...props }: ChatbotSheetProps) {
26
26
  <SheetTrigger>
27
27
  <LottieAiIcon
28
28
  src={`${PROD_CHATBOT_URL}/animations/ai-icon.v1.lottie`}
29
- width={20}
30
- height={20}
29
+ width={24}
30
+ height={24}
31
31
  autoplay
32
32
  loop
33
33
  />
package/src/styles/chatbot-sheet.css CHANGED
@@ -18,6 +18,8 @@
18
18
  justify-content: center;
19
19
  height: 40px;
20
20
  width: 40px;
21
+ opacity: 0;
22
+ animation: chatbot-trigger-fade-in 500ms ease-in-out 500ms forwards;
21
23
  }
22
24
 
23
25
  .chatbot-trigger:hover {
@@ -87,6 +89,16 @@
87
89
  cursor: pointer;
88
90
  }
89
91
 
92
+ /* Trigger fade-in animation */
93
+ @keyframes chatbot-trigger-fade-in {
94
+ from {
95
+ opacity: 0;
96
+ }
97
+ to {
98
+ opacity: 1;
99
+ }
100
+ }
101
+
90
102
  /* Initial mount animation */
91
103
  @keyframes chatbot-sheet-enter {
92
104
  from {