@aslaluroba/help-center-react 3.2.13 → 3.2.14

package/dist/ui/chatbot-popup/options-list-screen/helpscreen-list.d.ts

@@ -6,6 +6,7 @@ interface HelpscreenListProps {
     onToggleOption: (option: Option) => void;
     onStartChat: () => void;
     showChatNowButton?: boolean;
+    chatWithUs?: boolean;
 }
 declare const HelpscreenList: React.FC<HelpscreenListProps>;
 export default HelpscreenList;

package/package.json

@@ -3,7 +3,7 @@
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "version": "3.2.13",
+  "version": "3.2.14",
   "description": "BabylAI Help Center Widget for React and Next.js",
   "private": false,
   "exports": {

package/src/ui/chatbot-popup/options-list-screen/helpscreen-list.tsx

@@ -11,6 +11,7 @@ interface HelpscreenListProps {
   onToggleOption: (option: Option) => void;
   onStartChat: () => void;
   showChatNowButton?: boolean;
+  chatWithUs?: boolean;
 }
 
 const HelpscreenList: React.FC<HelpscreenListProps> = ({
@@ -19,6 +20,7 @@ const HelpscreenList: React.FC<HelpscreenListProps> = ({
   onToggleOption,
   onStartChat,
   showChatNowButton = true,
+  chatWithUs = true,
 }) => {
   const { t } = useLocalTranslation();
 
@@ -39,7 +41,7 @@ const HelpscreenList: React.FC<HelpscreenListProps> = ({
           <Button
             variant='default'
             onClick={onStartChat}
-            disabled={!selectedOption}
+            disabled={!selectedOption || !chatWithUs}
           >
             {t('homeSdk.chatNow')}
             <SolarPlain2BoldDuotone className="babylai:w-6 babylai:h-6" />

package/src/ui/chatbot-popup/options-list-screen/helpscreen-option.tsx

@@ -13,23 +13,31 @@ const HelpscreenOption: React.FC<HelpscreenOptionProps> = ({
   isSelected,
   onClick,
 }) => {
+  const chatWithUs = option.chatWithUs ?? true;
+
   return (
     <div
-      role="button"
-      tabIndex={0}
+      role={chatWithUs ? 'button' : undefined}
+      tabIndex={chatWithUs ? 0 : undefined}
       className={cn(
-        'babylai:flex babylai:flex-col babylai:gap-2 babylai:p-6 babylai:rounded-3xl babylai:text-start babylai:border babylai:border-black-white-200 babylai:bg-card babylai:cursor-pointer',
+        'babylai:flex babylai:flex-col babylai:gap-2 babylai:p-6 babylai:rounded-3xl babylai:text-start babylai:border babylai:border-black-white-200 babylai:bg-card',
         'babylai:transition-all babylai:duration-200 babylai:ease-out',
-        'babylai:active:scale-[0.98] babylai:active:opacity-95',
+        chatWithUs
+          ? 'babylai:cursor-pointer babylai:active:scale-[0.98] babylai:active:opacity-95'
+          : 'babylai:cursor-default',
         isSelected && 'babylai:ring babylai:ring-primary-500 babylai:shadow-md'
       )}
-      onClick={onClick}
-      onKeyDown={(e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-          e.preventDefault();
-          onClick();
-        }
-      }}
+      onClick={chatWithUs ? onClick : undefined}
+      onKeyDown={
+        chatWithUs
+          ? (e) => {
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onClick();
+              }
+            }
+          : undefined
+      }
     >
       <h2 className="babylai:text-base! babylai:font-semibold! babylai:text-card-foreground" dir="auto">
         {option.title}

package/src/ui/chatbot-popup/options-list-screen/index.tsx

@@ -59,6 +59,7 @@ const OptionsListScreen: React.FC<OptionsListScreenProps> = ({
           onToggleOption={handleToggleExpandOption}
           onStartChat={handleStartChatWithSelected}
           showChatNowButton={!hasActiveSession}
+          chatWithUs={helpScreen?.chatWithUs ?? true}
         />
       </div >
       <PoweredBy />