impact-chatbot 2.3.47 → 2.3.49

package/dist/components/message-template/components/message-content/tabular-content/index.d.ts

@@ -1,4 +1,4 @@
-declare const TabularContent: ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions, questionsStepsMap: initialQuestionsStepsMap, stepFormDataMap: initialStepFormDataMap, isFormDisabled }: {
+declare const TabularContent: ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions, questionsStepsMap: initialQuestionsStepsMap, stepFormDataMap: initialStepFormDataMap, isFormDisabled, sessionId: propSessionId }: {
     steps: any;
     currentTabValue: any;
     children: any;
@@ -6,5 +6,8 @@ declare const TabularContent: ({ steps: initialSteps, currentTabValue, children,
     questionsStepsMap?: {};
     stepFormDataMap?: {};
     isFormDisabled?: boolean;
+    sessionId?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+/** Reset the active instance tracker (call when a new conversation starts from the input field) */
+export declare const resetActiveTabularInstance: () => void;
 export default TabularContent;

package/dist/index.cjs.css

@@ -506,6 +506,122 @@
   opacity: 0.7;
 }
 
+.answer-mode-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.answer-mode-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  border: 1px solid #d9dde7;
+  border-radius: 8px;
+  background: #f7f8fa;
+  cursor: pointer;
+  font-family: "Manrope", sans-serif;
+  font-size: 13px;
+  font-weight: 600;
+  color: #1f2b4d;
+  transition: all 0.15s ease;
+  line-height: 20px;
+}
+.answer-mode-trigger:hover {
+  background: #eef0f4;
+  border-color: #b3bdf8;
+}
+
+.answer-mode-trigger-label {
+  white-space: nowrap;
+}
+
+.answer-mode-trigger-chevron {
+  transition: transform 0.2s ease;
+  color: #6b7280;
+}
+.answer-mode-trigger-chevron.open {
+  transform: rotate(180deg);
+}
+
+.answer-mode-dropdown {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  right: 0;
+  min-width: 220px;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
+  z-index: 10000;
+  padding: 4px;
+  animation: answerModeSlideUp 0.15s ease-out;
+}
+
+@keyframes answerModeSlideUp {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.answer-mode-option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 10px;
+  border: none;
+  background: transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.12s ease;
+  text-align: left;
+}
+.answer-mode-option:hover {
+  background: #f3f4f6;
+}
+.answer-mode-option.selected {
+  background: #eef2ff;
+}
+
+.answer-mode-option-check {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+
+.answer-mode-option-content {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
+}
+
+.answer-mode-option-label {
+  font-family: "Manrope", sans-serif;
+  font-size: 13px;
+  font-weight: 600;
+  color: #1f2b4d;
+  line-height: 18px;
+}
+
+.answer-mode-option-desc {
+  font-family: "Manrope", sans-serif;
+  font-size: 11px;
+  font-weight: 400;
+  color: #6b7280;
+  line-height: 16px;
+}
+
 .mention-tooltip {
   position: fixed;
   background-color: #1f2b4d;