@aslaluroba/help-center-react 3.0.16 → 3.0.17

package/dist/index.js

@@ -5939,13 +5939,13 @@ var _excluded$e = ["children", "className", "variant", "size"];
 var buttonVariants = cva('babylai-inline-flex babylai-items-center babylai-justify-center babylai-gap-2 babylai-whitespace-nowrap babylai-rounded-full babylai-text-sm babylai-font-medium babylai-transition-colors focus-visible:babylai-outline-none focus-visible:babylai-ring-1 focus-visible:babylai-ring-ring disabled:babylai-pointer-events-none disabled:babylai-opacity-50 [&_svg]:babylai-pointer-events-none [&_svg]:babylai-size-3 [&_svg]:babylai-shrink-0', {
   variants: {
     variant: {
-      default: 'babylai-bg-primary-500 babylai-p-2 babylai-text-white babylai-text-xs babylai-font-semibold hover:babylai-bg-primary-600',
+      default: 'babylai-bg-primary-500 babylai-p-2 babylai-text-white babylai-text-xs babylai-font-semibold hover:babylai-bg-primary-600 babylai-border-none',
       destructive: 'babylai-bg-destructive babylai-p-2 babylai-text-destructive-foreground babylai-shadow-sm hover:babylai-bg-destructive/90',
-      outline: 'babylai-border babylai-border-primary-500 babylai-bg-background-transparent hover:babylai-border-primary-600 hover:babylai-text-primary-600 babylai-text-primary-500 babylai-font-bold',
+      outline: 'babylai-bg-transparent babylai-border babylai-border-primary-500 babylai-bg-background-transparent hover:babylai-border-primary-600 hover:babylai-text-primary-600 babylai-text-primary-500 babylai-font-bold',
       secondary: 'babylai-bg-secondary babylai-p-2 babylai-text-secondary-foreground babylai-shadow-sm babylai-hover:babylai-bg-secondary/80',
       ghost: 'babylai-bg-transparent babylai-p-2 babylai-text-secondary-foreground babylai-shadow-sm hover:babylai-bg-secondary/80',
-      link: 'babylai-text-primary babylai-underline-offset-4 hover:babylai-underline',
-      'rounded-icon': '!babylai-p-2'
+      link: 'babylai-bg-transparent babylai-text-primary babylai-underline-offset-4 hover:babylai-underline babylai-border-none',
+      'rounded-icon': '!babylai-p-2 babylai-border-none babylai-bg-transparent'
     },
     size: {
       default: 'babylai-h-9 babylai-px-4 babylai-py-2',
@@ -6103,9 +6103,9 @@ var ReviewDialog = props => {
   return jsxRuntime.jsxs("section", {
     className: "babylai-p-6 babylai-gap-6 babylai-max-w-sm babylai-max-h-[calc(100vh-90px)] babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 dark:babylai-bg-storm-dust-950 babylai-fixed babylai-bottom-20 babylai-right-0 md:babylai-right-4 babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col",
     children: [jsxRuntime.jsxs("header", {
-      className: 'babylai-border-b babylai-pb-4 babylai-flex babylai-items-center babylai-justify-between babylai-gap-4',
+      className: 'babylai-border-t-0 babylai-border-x-0 babylai-border-b babylai-border-solid babylai-border-gray-400 babylai-pb-4 babylai-flex babylai-items-center babylai-justify-between babylai-gap-4',
       children: [jsxRuntime.jsx("h2", {
-        className: "babylai-text-lg babylai-font-semibold dark:babylai-text-white",
+        className: "babylai-text-lg babylai-font-semibold dark:babylai-text-white babylai-m-0",
         children: t('homeSdk.ReviewDialog.title')
       }), jsxRuntime.jsx(CloseCircle$1, {
         className: "babylai-w-6 babylai-h-6 babylai-cursor-pointer babylai-text-primary-500 dark:babylai-text-white",
@@ -6114,16 +6114,19 @@ var ReviewDialog = props => {
     }), jsxRuntime.jsxs("div", {
       className: "babylai-flex babylai-flex-col babylai-gap-2",
       children: [jsxRuntime.jsx("p", {
-        className: "babylai-text-sm babylai-text-gray-600 babylai-mb-3 dark:babylai-text-white",
+        className: "babylai-text-sm babylai-mb-3 babylai-mt-0 babylai-text-gray-600 dark:babylai-text-white",
         children: t('homeSdk.ReviewDialog.description')
       }), jsxRuntime.jsxs("div", {
-        className: "babylai-flex babylai-items-center babylai-gap-2",
-        children: [jsxRuntime.jsx("span", {
-          className: "babylai-text-base babylai-font-medium dark:babylai-text-white",
-          children: t('homeSdk.ReviewDialog.rating_label')
-        }), jsxRuntime.jsx(Rating, {
-          value: rating,
-          onChange: handleRatingChange
+        className: "babylai-flex babylai-flex-col babylai-gap-2",
+        children: [jsxRuntime.jsxs("div", {
+          className: "babylai-flex babylai-items-center babylai-gap-2",
+          children: [jsxRuntime.jsx("span", {
+            className: "babylai-text-base babylai-font-medium dark:babylai-text-white",
+            children: t('homeSdk.ReviewDialog.rating_label')
+          }), jsxRuntime.jsx(Rating, {
+            value: rating,
+            onChange: handleRatingChange
+          })]
         }), jsxRuntime.jsx("span", {
           className: "babylai-text-sm babylai-text-red-500 babylai-transition-opacity babylai-duration-300 ".concat(error.rating ? 'babylai-opacity-100' : 'babylai-opacity-0'),
           children: error.rating
@@ -6136,7 +6139,7 @@ var ReviewDialog = props => {
           children: t('homeSdk.ReviewDialog.comment_label')
         }), jsxRuntime.jsx("textarea", {
           id: 'comment',
-          className: "babylai-bg-black-white-100 babylai-p-6 babylai-rounded-xl babylai-resize-none dark:babylai-bg-storm-dust-900 dark:babylai-text-white",
+          className: "babylai-bg-black-white-100 babylai-p-6 babylai-rounded-xl babylai-resize-none babylai-border-none dark:babylai-bg-storm-dust-900 dark:babylai-text-white",
           rows: 4,
           placeholder: t('homeSdk.ReviewDialog.comment_placeholder'),
           value: comment,
@@ -34018,7 +34021,7 @@ var ChatWindowFooter = props => {
       onChange: e => props.setInputMessage(e.target.value),
       onKeyDown: props.handleKeyDown,
       placeholder: t('homeSdk.placeholder'),
-      className: 'babylai-flex-1 babylai-py-2 babylai-px-4 babylai-bg-transparent babylai-outline-none babylai-text-sm dark:babylai-text-white'
+      className: 'babylai-flex-1 babylai-py-2 babylai-px-4 babylai-bg-transparent babylai-outline-none babylai-text-sm dark:babylai-text-white babylai-border-none'
     }), jsxRuntime.jsx(Button, {
       variant: 'default',
       size: 'icon',
@@ -34156,7 +34159,7 @@ var TypingIndicator = /*#__PURE__*/React__default["default"].memo(_ref2 => {
     }), jsxRuntime.jsx("div", {
       className: 'babylai-max-w-[80%] babylai-rounded-2xl babylai-p-4 babylai-bg-white dark:!babylai-bg-storm-dust-900',
       children: jsxRuntime.jsx("p", {
-        className: 'babylai-text-sm babylai-opacity-70 dark:babylai-text-white',
+        className: 'babylai-text-sm babylai-opacity-70 dark:babylai-text-white babylai-m-0',
         children: "..."
       })
     })]
@@ -34368,7 +34371,7 @@ var ChatWindowHeader = props => {
       children: [jsxRuntime.jsx(Button, {
         variant: "rounded-icon",
         size: "icon",
-        className: "babylai-bg-primary-100 dark:babylai-bg-storm-dust-950",
+        className: "!babylai-bg-primary-100 dark:!babylai-bg-storm-dust-950",
         onClick: props.handleBack,
         children: jsxRuntime.jsx(ArrowRight, {
           className: "babylai-w-3 babylai-h-3 ".concat(isRTL ? "" : "babylai-rotate-180", " babylai-text-primary-500 dark:babylai-text-white")
@@ -34378,7 +34381,7 @@ var ChatWindowHeader = props => {
         children: [jsxRuntime.jsx(Button, {
           variant: "rounded-icon",
           size: "icon",
-          className: "babylai-bg-primary-100 dark:babylai-bg-storm-dust-950",
+          className: "!babylai-bg-primary-100 dark:!babylai-bg-storm-dust-950",
           onClick: () => setShowMenu(!showMenu),
           children: jsxRuntime.jsx(ThreeDots, {
             className: "babylai-w-3.5 babylai-h-1 babylai-text-primary-500 dark:babylai-text-white"
@@ -34438,7 +34441,7 @@ var ChatBotErrorScreen = props => {
   return jsxRuntime.jsx("div", {
     className: "babylai-w-full babylai-h-full babylai-bg-black-white-50 babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col",
     children: jsxRuntime.jsxs("div", {
-      className: "babylai-h-full babylai-rounded-3xl babylai-flex babylai-flex-col babylai-bg-gradient-to-b babylai-from-primary-500 babylai-to-primary-500/60 babylai-py-6 md:babylai-py-8 babylai-px-6 babylai-gap-4 md:babylai-gap-8 dark:babylai-from-storm-dust-950 dark:babylai-to-storm-dust-950/60",
+      className: "babylai-h-full babylai-rounded-3xl babylai-flex babylai-flex-col babylai-py-6 md:babylai-py-8 babylai-px-6 babylai-gap-4 md:babylai-gap-8 babylai-bg-linear-to-b",
       children: [jsxRuntime.jsx(Header$1, {
         onClose: props.onClose,
         logoUrl: props.logoUrl
@@ -34462,12 +34465,12 @@ var Card = props => {
   return jsxRuntime.jsxs("div", {
     className: "babylai-flex babylai-items-center babylai-justify-between babylai-gap-4 babylai-bg-black-white-50 babylai-rounded-3xl babylai-p-6 dark:babylai-bg-storm-dust-900",
     children: [jsxRuntime.jsx("p", {
-      className: "babylai-text-base md:babylai-text-lg babylai-font-medium babylai-text-black-white-800 dark:babylai-text-white",
+      className: "babylai-text-base md:babylai-text-lg babylai-font-medium babylai-text-black-white-800 dark:babylai-text-white babylai-m-0",
       children: props.text
     }), jsxRuntime.jsx(Button, {
       variant: "rounded-icon",
       size: "icon",
-      className: "babylai-bg-primary-500 babylai-text-black-white-50 hover:babylai-bg-primary-600 md:!babylai-w-10 md:!babylai-h-10",
+      className: "!babylai-bg-primary-500 babylai-text-black-white-50 hover:!babylai-bg-primary-600 md:!babylai-w-10 md:!babylai-h-10",
       onClick: () => props.handleClick(),
       children: jsxRuntime.jsx(ArrowRight, {
         className: "babylai-w-4 babylai-h-4 ".concat(!isRTL ? "" : "babylai-rotate-180")
@@ -34493,10 +34496,10 @@ var ChatNowCard = props => {
       }), jsxRuntime.jsxs("div", {
         className: "babylai-flex babylai-flex-col babylai-gap-0 babylai-text-base",
         children: [jsxRuntime.jsx("p", {
-          className: "babylai-font-semibold  babylai-text-black-white-500 dark:babylai-text-white",
+          className: "babylai-font-semibold  babylai-text-black-white-500 dark:babylai-text-white babylai-m-0",
           children: "BabylAI"
         }), jsxRuntime.jsx("p", {
-          className: "babylai-font-semibold babylai-text-black-white-800 dark:babylai-text-white",
+          className: "babylai-font-semibold babylai-text-black-white-800 dark:babylai-text-white babylai-m-0",
           children: t('homeSdk.welcomeMessage')
         })]
       })]
@@ -34527,7 +34530,7 @@ var HomeScreen = props => {
       onClose: props.onClose,
       logoUrl: props.logoUrl
     }), jsxRuntime.jsxs("h1", {
-      className: "babylai-text-2xl md:babylai-text-4xl babylai-font-bold babylai-text-white",
+      className: "babylai-text-2xl md:babylai-text-4xl babylai-font-bold babylai-text-white babylai-m-0",
       children: [t('homeSdk.chatTitle'), jsxRuntime.jsx("br", {}), "BabylAI \uD83D\uDE80"]
     }), jsxRuntime.jsxs("div", {
       className: "babylai-flex babylai-flex-col babylai-gap-3",
@@ -34550,7 +34553,7 @@ var ChatBotLoadingScreen = props => {
     className: "babylai-w-full babylai-h-full babylai-bg-black-white-50 dark:babylai-bg-storm-dust-950 babylai-rounded-3xl babylai-shadow-lg babylai-flex babylai-flex-col",
     children: jsxRuntime.jsxs("div", {
       className: cn('babylai-rounded-3xl babylai-h-full babylai-flex babylai-flex-col babylai-py-6 md:babylai-py-8 babylai-px-6 babylai-gap-4 md:babylai-gap-8', {
-        'babylai-bg-gradient-to-b babylai-from-primary-500 babylai-to-primary-500/60 dark:babylai-from-storm-dust-950 dark:babylai-to-storm-dust-950/60': !props.isShowList,
+        'babylai-bg-linear-to-b': !props.isShowList,
         'babylai-bg-black-white-100 dark:babylai-bg-storm-dust-950': props.isShowList
       }),
       children: [jsxRuntime.jsx(Header$1, {
@@ -34581,7 +34584,7 @@ var ExpandedOption = _ref => {
     children: [jsxRuntime.jsx(CardContent, {
       className: "babylai-transition-all babylai-duration-300 babylai-ease-in-out babylai-flex babylai-flex-col babylai-gap-1",
       children: option.paragraphs.map((paragraph, index) => jsxRuntime.jsx("p", {
-        className: "babylai-font-semibold babylai-text-base babylai-text-black-white-800 dark:babylai-text-white",
+        className: "babylai-font-semibold babylai-text-base babylai-text-black-white-800 dark:babylai-text-white babylai-m-0",
         children: paragraph
       }, index))
     }), (option === null || option === void 0 ? void 0 : option.chatWithUs) && jsxRuntime.jsx(CardFooter, {
@@ -34665,7 +34668,7 @@ var OptionsListHeader = _ref => {
     children: [jsxRuntime.jsx(Button, {
       variant: "rounded-icon",
       size: "icon",
-      className: "!babylai-w-12 !babylai-h-12  babylai-bg-black-white-50 dark:babylai-bg-storm-dust-900 babylai-relative babylai-z-10",
+      className: "!babylai-w-12 !babylai-h-12 !babylai-bg-black-white-50 dark:!babylai-bg-storm-dust-900 babylai-relative babylai-z-10",
       onClick: handleBack,
       children: showHelpScreen ? jsxRuntime.jsx(ArrowRight, {
         className: "".concat(!isRTL ? "" : "babylai-rotate-180", "  babylai-text-primary-500 babylai-w-full babylai-h-full")
@@ -34687,12 +34690,12 @@ var OptionCard = props => {
   return jsxRuntime.jsxs("div", {
     className: "babylai-flex babylai-items-center babylai-justify-between babylai-p-2",
     children: [jsxRuntime.jsx("p", {
-      className: "babylai-text-sm babylai-font-medium babylai-text-black-white-800 dark:babylai-text-white",
+      className: "babylai-text-sm babylai-font-medium babylai-text-black-white-800 dark:babylai-text-white babylai-m-0",
       children: props.title
     }), jsxRuntime.jsx(Button, {
       variant: "rounded-icon",
       size: "icon",
-      className: "babylai-text-primary-500 hover:babylai-bg-primary-100",
+      className: "babylai-text-primary-500 hover:!babylai-bg-primary-100",
       children: jsxRuntime.jsx(ArrowRight, {
         className: "babylai-w-3 babylai-h-3 ".concat(!isRTL ? "" : "babylai-rotate-180", " babylai-text-primary-500 dark:babylai-text-white")
       })
@@ -34724,7 +34727,7 @@ var OptionsListScreen = _ref => {
       handleBack: handleBack,
       showHelpScreen: showHelpScreen
     }), jsxRuntime.jsx("h1", {
-      className: 'babylai-text-4xl babylai-font-bold babylai-mb-4 babylai-text-black-white-800 dark:babylai-text-white',
+      className: 'babylai-text-4xl babylai-font-bold babylai-mb-4 babylai-text-black-white-800 dark:babylai-text-white babylai-mt-0',
       children: helpScreen === null || helpScreen === void 0 ? void 0 : helpScreen.title
     }), helpScreen && jsxRuntime.jsx("div", {
       className: 'babylai-flex babylai-flex-col babylai-gap-3 babylai-mt-3 babylai-mb-3',
@@ -34796,10 +34799,10 @@ var ConfirmationModal = _ref => {
     }), jsxRuntime.jsxs("div", {
       className: 'babylai-bg-black-white-100 dark:babylai-bg-storm-dust-900 babylai-rounded-3xl babylai-p-4 babylai-w-[220px] babylai-z-50 babylai-shadow-lg',
       children: [jsxRuntime.jsx("h3", {
-        className: 'babylai-text-black-white-900 babylai-font-bold babylai-mb-2 babylai-text-center dark:babylai-text-white',
+        className: 'babylai-text-black-white-900 babylai-font-bold babylai-text-sm babylai-mb-2 babylai-text-center babylai-mt-0 dark:babylai-text-white',
         children: title
       }), jsxRuntime.jsx("p", {
-        className: 'babylai-text-black-white-700 babylai-text-xs babylai-mb-4 dark:babylai-text-white',
+        className: 'babylai-text-black-white-700 babylai-text-xs babylai-mb-4 dark:babylai-text-white babylai-mt-0',
         children: message
       }), jsxRuntime.jsxs("div", {
         className: 'babylai-flex babylai-justify-end babylai-gap-2 babylai-w-full',
@@ -34832,7 +34835,7 @@ var PoweredBy = () => {
       href: "https://www.babylai.net/",
       target: "_blank",
       rel: "noopener noreferrer",
-      className: "babylai-text-xs babylai-opacity-60 hover:babylai-opacity-100",
+      className: "babylai-text-xs babylai-opacity-60 hover:babylai-opacity-100 babylai-transition-all",
       children: [t('homeSdk.poweredBy'), " BabylAI \u00A9 2025"]
     })
   });
@@ -35000,7 +35003,7 @@ var HelpPopup = _ref => {
     return jsxRuntime.jsx(Button, {
       variant: 'rounded-icon',
       size: 'icon',
-      className: 'babylai-bg-primary-500 babylai-absolute babylai-bottom-4 babylai-right-3 babylai-z-20 !babylai-w-10 !babylai-h-10 babylai-p-2',
+      className: '!babylai-bg-primary-500 babylai-absolute babylai-bottom-4 babylai-right-3 babylai-z-20 !babylai-w-10 !babylai-h-10 babylai-p-2',
       onClick: handleShowActiveChat,
       children: jsxRuntime.jsx(ChatIcon, {
         className: 'babylai-w-5 babylai-h-5 babylai-text-black-white-50'
@@ -35040,7 +35043,7 @@ var HelpPopup = _ref => {
     className: 'babylai-fixed babylai-inset-0 md:babylai-inset-auto md:babylai-max-w-sm md:babylai-h-[calc(100vh-220px)] babylai-max-h-[800px]\n     babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 md:babylai-mb-4\nmd:babylai-bottom-[6rem] md:babylai-right-4 babylai-rounded-none md:babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col',
     children: jsxRuntime.jsxs("div", {
       className: cn('babylai-h-full babylai-rounded-none md:babylai-rounded-3xl babylai-flex babylai-flex-col babylai-relative', {
-        'babylai-bg-gradient-to-b babylai-from-primary-500 babylai-to-primary-500/60 dark:babylai-from-storm-dust-950 dark:babylai-to-storm-dust-950/60': !isShowList,
+        'babylai-bg-linear-to-b': !isShowList,
         'babylai-bg-black-white-100 dark:babylai-bg-storm-dust-950': isShowList
       }),
       children: [activeChatButton, renderContent(), jsxRuntime.jsx(PoweredBy$1, {}), confirmationModal, startNewChatConfirmation && jsxRuntime.jsx(ConfirmationModal$1, {