@mahatisystems/mahati-ui-components 6.0.1 → 6.1.0

package/dist/index.d.mts

@@ -906,14 +906,20 @@ type Props = {
     title?: string;
     ratingType?: "emoji" | "star";
     optionalRating?: boolean;
+    sessionData?: {
+        label: string;
+        value: string | number | null;
+    }[];
 };
-declare function AdvancedFeedbackModal({ isOpen, onClose, onSubmit, maxChars, title, ratingType, optionalRating, }: Props): react_jsx_runtime.JSX.Element;
+declare function AdvancedFeedbackModal({ isOpen, onClose, onSubmit, maxChars, title, ratingType, optionalRating, sessionData, }: Props): react_jsx_runtime.JSX.Element;
 
 interface MahatiChatbotProps {
     isOpen: boolean;
     onClose: () => void;
+    onSend?: (msg: any) => void;
+    showForm?: boolean;
     title?: string;
 }
-declare function Chatbot({ isOpen, onClose, title }: MahatiChatbotProps): React__default.ReactPortal | null;
+declare function Chatbot({ isOpen, onClose, showForm, title, onSend, }: MahatiChatbotProps): React__default.ReactPortal | null;
 
 export { Accordion, type AccordionProps, type AvatarOption, type CalendarDate, type CalendarDateRange, type CalendarProps, type CalendarTime, CardOverlayLoader, CardWithLoading, CircularSpinner, DEFAULT_ACTIVITY_OPTIONS, DEFAULT_STATUS_OPTIONS, type FieldSize, Filter$1 as Filter, type FilterValues, LoadingDots, LoadingDotsLinear, MahatiActivity, type MahatiActivityProps, Chatbot as MahatiAdvancedChatbotModal, AdvancedFeedbackModal as MahatiAdvancedFeedbackModal, AsyncDropdown as MahatiAsyncDropdown, AvatarDropdown as MahatiAvatarDropdown, AvatarMultiSelectDropdown as MahatiAvatarMultiSelectDropdown, Button as MahatiButton, Calendar as MahatiCalendar, MahatiCameraAccessModal, Card as MahatiCard, CascadingDropdown as MahatiCascadingDropdown, MahatiChartAnalyticsWidget, ConfettiExplosion as MahatiConfettiExplosion, Dropdown as MahatiDropdown, FormContainer as MahatiFormContainer, GroupedDropdown as MahatiGroupedDropdown, Input as MahatiInput, MahatiLocationAccessModal, MahatiMicrophoneAccessModal, Modal as MahatiModal, MultiSelectDropdown as MahatiMultiSelectDropdown, MahatiNotificationCard, MahatiPromotionModal as MahatiPromotionModal_V1, MahatiPromotionModalV2Modal as MahatiPromotionModal_V2, MahatiPromotionModalV3Modal as MahatiPromotionModal_V3, RealisticConfetti as MahatiRealisticConfetti, MahatiSearch, type MahatiSearchProps, SearchableDropdown as MahatiSearchableDropdown, MahatiStatus, type MahatiStatusProps, TabbedInterface as MahatiTabbedInterface, Table as MahatiTable, TableWithTab as MahatiTableWithTab, TexttoAudio as MahatiTexttoAudio, ToastMessage as MahatiToastMessage, Tooltip as MahatiTooltip, type SelectOption, Spinner };

package/dist/index.d.ts

@@ -906,14 +906,20 @@ type Props = {
     title?: string;
     ratingType?: "emoji" | "star";
     optionalRating?: boolean;
+    sessionData?: {
+        label: string;
+        value: string | number | null;
+    }[];
 };
-declare function AdvancedFeedbackModal({ isOpen, onClose, onSubmit, maxChars, title, ratingType, optionalRating, }: Props): react_jsx_runtime.JSX.Element;
+declare function AdvancedFeedbackModal({ isOpen, onClose, onSubmit, maxChars, title, ratingType, optionalRating, sessionData, }: Props): react_jsx_runtime.JSX.Element;
 
 interface MahatiChatbotProps {
     isOpen: boolean;
     onClose: () => void;
+    onSend?: (msg: any) => void;
+    showForm?: boolean;
     title?: string;
 }
-declare function Chatbot({ isOpen, onClose, title }: MahatiChatbotProps): React__default.ReactPortal | null;
+declare function Chatbot({ isOpen, onClose, showForm, title, onSend, }: MahatiChatbotProps): React__default.ReactPortal | null;
 
 export { Accordion, type AccordionProps, type AvatarOption, type CalendarDate, type CalendarDateRange, type CalendarProps, type CalendarTime, CardOverlayLoader, CardWithLoading, CircularSpinner, DEFAULT_ACTIVITY_OPTIONS, DEFAULT_STATUS_OPTIONS, type FieldSize, Filter$1 as Filter, type FilterValues, LoadingDots, LoadingDotsLinear, MahatiActivity, type MahatiActivityProps, Chatbot as MahatiAdvancedChatbotModal, AdvancedFeedbackModal as MahatiAdvancedFeedbackModal, AsyncDropdown as MahatiAsyncDropdown, AvatarDropdown as MahatiAvatarDropdown, AvatarMultiSelectDropdown as MahatiAvatarMultiSelectDropdown, Button as MahatiButton, Calendar as MahatiCalendar, MahatiCameraAccessModal, Card as MahatiCard, CascadingDropdown as MahatiCascadingDropdown, MahatiChartAnalyticsWidget, ConfettiExplosion as MahatiConfettiExplosion, Dropdown as MahatiDropdown, FormContainer as MahatiFormContainer, GroupedDropdown as MahatiGroupedDropdown, Input as MahatiInput, MahatiLocationAccessModal, MahatiMicrophoneAccessModal, Modal as MahatiModal, MultiSelectDropdown as MahatiMultiSelectDropdown, MahatiNotificationCard, MahatiPromotionModal as MahatiPromotionModal_V1, MahatiPromotionModalV2Modal as MahatiPromotionModal_V2, MahatiPromotionModalV3Modal as MahatiPromotionModal_V3, RealisticConfetti as MahatiRealisticConfetti, MahatiSearch, type MahatiSearchProps, SearchableDropdown as MahatiSearchableDropdown, MahatiStatus, type MahatiStatusProps, TabbedInterface as MahatiTabbedInterface, Table as MahatiTable, TableWithTab as MahatiTableWithTab, TexttoAudio as MahatiTexttoAudio, ToastMessage as MahatiToastMessage, Tooltip as MahatiTooltip, type SelectOption, Spinner };

package/dist/index.js

@@ -13360,7 +13360,7 @@ var ratings = [
     }
 ];
 function AdvancedFeedbackModal(param) {
-    var isOpen = param.isOpen, onClose = param.onClose, onSubmit = param.onSubmit, _param_maxChars = param.maxChars, maxChars = _param_maxChars === void 0 ? 200 : _param_maxChars, _param_title = param.title, title = _param_title === void 0 ? "Share Your Feedback" : _param_title, _param_ratingType = param.ratingType, ratingType = _param_ratingType === void 0 ? "emoji" : _param_ratingType, _param_optionalRating = param.optionalRating, optionalRating = _param_optionalRating === void 0 ? false : _param_optionalRating;
+    var isOpen = param.isOpen, onClose = param.onClose, onSubmit = param.onSubmit, _param_maxChars = param.maxChars, maxChars = _param_maxChars === void 0 ? 200 : _param_maxChars, _param_title = param.title, title = _param_title === void 0 ? "Share Your Feedback" : _param_title, _param_ratingType = param.ratingType, ratingType = _param_ratingType === void 0 ? "emoji" : _param_ratingType, _param_optionalRating = param.optionalRating, optionalRating = _param_optionalRating === void 0 ? false : _param_optionalRating, sessionData = param.sessionData;
     var _ref = _sliced_to_array((0, import_react25.useState)("rating"), 2), step = _ref[0], setStep = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react25.useState)(null), 2), rating = _ref1[0], setRating = _ref1[1];
     var _ref2 = _sliced_to_array((0, import_react25.useState)(""), 2), message = _ref2[0], setMessage = _ref2[1];
@@ -13368,11 +13368,12 @@ function AdvancedFeedbackModal(param) {
     var _ref4 = _sliced_to_array((0, import_react25.useState)(false), 2), showForm = _ref4[0], setShowForm = _ref4[1];
     var _ref5 = _sliced_to_array((0, import_react25.useState)(null), 2), emojiRating = _ref5[0], setEmojiRating = _ref5[1];
     var remaining = maxChars - message.length;
-    var isValid = optionalRating ? message.trim().length > 0 : rating !== null && message.trim().length > 0;
+    var isValid = optionalRating ? message.trim().length > 0 : (rating !== null || emojiRating !== null) && message.trim().length > 0;
     var handleSubmit = function handleSubmit() {
-        if (!optionalRating && !rating) return;
+        var _ref;
+        if (!optionalRating && !(rating || emojiRating)) return;
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
-            rating: rating !== null && rating !== void 0 ? rating : 0,
+            rating: (_ref = rating !== null && rating !== void 0 ? rating : emojiRating) !== null && _ref !== void 0 ? _ref : 0,
             feedback: message
         });
         setStep("success");
@@ -13380,6 +13381,9 @@ function AdvancedFeedbackModal(param) {
     var resetAndClose = function resetAndClose() {
         setStep("rating");
         setRating(null);
+        setEmojiRating(null);
+        setShowConfirm(false);
+        setShowForm(false);
         setMessage("");
         onClose();
     };
@@ -13428,6 +13432,25 @@ function AdvancedFeedbackModal(param) {
                                     className: "absolute top-4 right-4 text-gray-500 hover:text-black z-10",
                                     children: "\u2715"
                                 }),
+                                step !== "rating" && step !== "success" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", {
+                                    onClick: function onClick() {
+                                        if (step === "form") {
+                                            setStep("confirm");
+                                            setShowForm(false);
+                                        } else if (step === "confirm") {
+                                            setStep("emoji");
+                                            setShowConfirm(false);
+                                        } else if (step === "emoji") {
+                                            setStep("rating");
+                                            setEmojiRating(null);
+                                            setRating(null);
+                                        }
+                                    },
+                                    className: "absolute top-4 left-4 text-gray-500 hover:text-black z-10",
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react7.ArrowLeft, {
+                                        size: 20
+                                    })
+                                }),
                                 /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
                                     className: "absolute -top-20 -left-20 w-60 h-60 bg-[#1761a3]/20 rounded-full blur-3xl"
                                 }),
@@ -13435,7 +13458,7 @@ function AdvancedFeedbackModal(param) {
                                     className: "absolute -bottom-20 -right-20 w-60 h-60 bg-[#1761a3]/20 rounded-full blur-3xl"
                                 }),
                                 /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
-                                    className: "relative p-6 md:p-8 min-h-[350px] flex flex-col justify-start",
+                                    className: "relative p-6 md:p-8 min-h-[350px] flex flex-col justify-center",
                                     children: [
                                         step !== "success" && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, {
                                             children: [
@@ -13468,6 +13491,7 @@ function AdvancedFeedbackModal(param) {
                                                                 return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", {
                                                                     onClick: function onClick() {
                                                                         setRating(star);
+                                                                        setStep("emoji");
                                                                     },
                                                                     className: "transition-transform hover:scale-110",
                                                                     children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
@@ -13488,6 +13512,7 @@ function AdvancedFeedbackModal(param) {
                                                                     onClick: function onClick() {
                                                                         setEmojiRating(item.id);
                                                                         setShowConfirm(true);
+                                                                        setStep("confirm");
                                                                     },
                                                                     className: "flex flex-col items-center gap-1 flex-1 py-3 rounded-xl transition-all duration-300\n                              ".concat(isActive ? "bg-gradient-to-r from-[#16a34a] to-[#1761a3] text-white scale-105 shadow-md" : "text-gray-500 hover:bg-mahati-light"),
                                                                     children: [
@@ -13517,7 +13542,8 @@ function AdvancedFeedbackModal(param) {
                                                             children: [
                                                                 /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", {
                                                                     onClick: function onClick() {
-                                                                        return setShowForm(true);
+                                                                        setShowForm(true);
+                                                                        setStep("form");
                                                                     },
                                                                     className: "px-6 py-2 rounded-xl text-white bg-gradient-to-r from-[#16a34a] to-[#1761a3]",
                                                                     children: "Yes"
@@ -13535,6 +13561,27 @@ function AdvancedFeedbackModal(param) {
                                                 }),
                                                 showForm && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, {
                                                     children: [
+                                                        sessionData && sessionData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
+                                                            className: "w-full mt-3 mb-3 rounded-xl p-[1px]\r\n                                        bg-gradient-to-r from-[#16a34a]/40 via-transparent to-[#1761a3]/40",
+                                                            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
+                                                                className: "rounded-xl bg-white/70 backdrop-blur-md\r\n                                          border border-white/30 p-4 text-sm text-gray-800",
+                                                                children: sessionData.map(function(item, index) {
+                                                                    return item.value && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", {
+                                                                        children: [
+                                                                            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", {
+                                                                                className: "font-semibold text-[#0f2a44]",
+                                                                                children: [
+                                                                                    item.label,
+                                                                                    ":"
+                                                                                ]
+                                                                            }),
+                                                                            " ",
+                                                                            item.value
+                                                                        ]
+                                                                    }, index);
+                                                                })
+                                                            })
+                                                        }),
                                                         /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("textarea", {
                                                             value: message,
                                                             onChange: function onChange(e) {
@@ -13600,7 +13647,7 @@ var import_react26 = require("react");
 var import_react_dom4 = require("react-dom");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function Chatbot(param) {
-    var isOpen = param.isOpen, onClose = param.onClose, title = param.title;
+    var isOpen = param.isOpen, onClose = param.onClose, showForm = param.showForm, title = param.title, onSend = param.onSend;
     var _ref = _sliced_to_array((0, import_react26.useState)("form"), 2), step = _ref[0], setStep = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react26.useState)([
         {