npm - @feathery/react - Versions diffs - 2.33.0 → 2.34.1 - Mend

@feathery/react 2.33.0 → 2.34.1

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 (94) hide show

package/dist/{fthry_index.kOfgCMDO.js → fthry_index.BRzjcwOm.js} RENAMED Viewed

@@ -22757,9 +22757,19 @@ function QuikFormViewer(_a) {
             } }, { children: htmlContent && (jsx$1("iframe", { src: 'about:blank', srcDoc: htmlContent, css: inline
                 ? __assign({ width: '100%', height: '100%', border: 'none', outline: 'none', margin: 0, padding: 0 }, css) : __assign({ width: '100%', height: '100%', border: 'none', outline: 'none', margin: 0, padding: 0 }, css) })) })));
 }
+function fixNewlinesInScriptStrings(htmlString) {
+    return htmlString.replace(
+    // script tags - javascript
+    /(<script[\s\S]*?>)([\s\S]*?)(<\/script>)/gi, function (_, openTag, scriptContent, closeTag) {
+        var fixed = scriptContent.replace(
+        // replace newlines inside of string literals with \\n
+        /("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`(?:[^`\\]|\\.)*`)/g, function (str) { return str.replace(/\n/g, '\\n'); });
+        return openTag + fixed + closeTag;
+    });
+}
 var processHtml = function (rawHtml, inline) {
     var parser = new DOMParser();
-    var doc = parser.parseFromString(rawHtml, 'text/html');
+    var doc = parser.parseFromString(fixNewlinesInScriptStrings(rawHtml), 'text/html');
     // Disable scrolling on iframe <html> to fix floating back button UI issue
     var styleTag = doc.createElement('style');
     styleTag.innerHTML = "\n      html {\n        overflow: hidden !important;\n      }\n\n      #alt-popup {\n        flex-direction: column;\n        }\n      body > div {\n        display: flex;\n        width: 100vw;\n        height: 100vh;\n        flex-direction: column;\n      }\n\n      body > div > table {\n        display: contents;\n      }\n\n      #modalBoxes #prepareToSignDialog {\n        flex-direction: column;\n            position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    max-width: 80%;\n    height: auto !important;\n    max-height: 80%;\n      }\n      #modalBoxes #mask {\n        width: 100vw;\n        height: 100vh;\n        top: 0;\n      }\n    ";
@@ -39621,8 +39631,8 @@ function Form(_a) {
         globalStyles: {},
         mobileBreakpoint: DEFAULT_MOBILE_BREAKPOINT,
         assistantEnabled: false,
-        assistantContext: '',
-        assistantColor: '#6b7280'
+        assistantColor: '#6b7280',
+        assistantWorkflowActions: []
     }), 2), formSettings = _12[0], setFormSettings = _12[1];
     var trackHashes = useRef(false);
     var curLanguage = useRef(undefined);
@@ -42288,7 +42298,7 @@ function Form(_a) {
                         : 20 }), formSettings.assistantEnabled && (jsx$1(Suspense, __assign({ fallback: null }, { children: jsx$1(AssistantChat$1, { transport: transport, bottom: (formSettings.showBrand &&
                             formSettings.brandPosition === 'bottom_right'
                             ? 67
-                            : 20) + (actionToastHeight > 0 ? actionToastHeight + 10 : 0), color: formSettings.assistantColor }) })))] })) })));
+                            : 20) + (actionToastHeight > 0 ? actionToastHeight + 10 : 0), color: formSettings.assistantColor, workflowActions: formSettings.assistantWorkflowActions }) })))] })) })));
 }
 // normal <Form /> (aka ReactForm) component is exported with just `props:
 // Props`, so need this component to support exposing _internalId for use in
@@ -46110,9 +46120,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.BgSqcrR6.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.GQKZtJwj.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BfAk31Iw.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CWVekG1c.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46258,7 +46268,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.33.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.34.1" + ' ', // replaced with real version during build
     'background: #e2626e; color: white; padding: 2px 6px; border-radius: 3px 0 0 3px; font-weight: bold;', 'background: #fce7e9; color: #c5495a; padding: 2px 6px; border-radius: 0 3px 3px 0;');
 }
@@ -46556,7 +46566,7 @@ function prioritizeActions(actions) {
     return newActions;
 }
 function mapFormSettingsResponse(res) {
-    var _a;
+    var _a, _b, _c, _d, _e;
     return {
         errorType: res.error_type,
         autocomplete: res.autocomplete ? 'on' : 'off',
@@ -46573,9 +46583,11 @@ function mapFormSettingsResponse(res) {
         saveHideIfFields: res.save_hide_if_fields,
         clearHideIfFields: res.clear_hide_if_fields,
         mobileBreakpoint: (_a = res.mobile_breakpoint) !== null && _a !== void 0 ? _a : DEFAULT_MOBILE_BREAKPOINT,
-        assistantEnabled: res.assistant_enabled,
-        assistantContext: res.assistant_context,
-        assistantColor: res.assistant_color ? "#".concat(res.assistant_color) : '#6b7280'
+        assistantEnabled: (_b = res.ai_assistant_settings) === null || _b === void 0 ? void 0 : _b.enabled,
+        assistantColor: ((_c = res.ai_assistant_settings) === null || _c === void 0 ? void 0 : _c.color)
+            ? "#".concat(res.ai_assistant_settings.color)
+            : '#6b7280',
+        assistantWorkflowActions: (_e = (_d = res.ai_assistant_settings) === null || _d === void 0 ? void 0 : _d.workflow_actions) !== null && _e !== void 0 ? _e : []
     };
 }
 function updateCustomHead(headCode) {
@@ -47740,39 +47752,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
-var AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.ChdMOr_X.js'); });
-var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CK5OFXMa.js'); });
-var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.D6Ck5pB3.js'); });
+var AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.izOeo4sH.js'); });
+var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.0rFHY7w6.js'); });
+var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.Ln_hd3WI.js'); });
 var CheckboxGroupField = lazy$1(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.URxr29cr.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BCJBGrr3.js');
 });
-var ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.brIY5h5k.js'); });
-var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.D0TWGtN7.js'); });
+var ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BdvP-B0u.js'); });
+var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.CrSkgJKU.js'); });
 var DateSelectorField = lazy$1(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Bpub9YIO.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CReZhvTj.js');
 });
-var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BejmbDod.js'); });
+var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BXb7TuUs.js'); });
 var DropdownMultiField = lazy$1(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CqR05U3I.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.4Jz98pNH.js');
 });
-var FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.D9yH2Okw.js'); });
-var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.dvByw-2B.js'); });
-var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.rCNfS1b1.js'); });
+var FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.CfWxuEjc.js'); });
+var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.DMUxZIep.js'); });
+var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.ByMGbGNm.js'); });
 var PaymentMethodField = lazy$1(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DBnHj0cn.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.bVkTQX36.js');
 });
-var PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.BvQ8XEJZ.js'); });
-var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.Cu5c8aId.js'); });
-var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.DGgHIFlr.js'); });
+var PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.C5usGkOy.js'); });
+var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.UPD_LIoE.js'); });
+var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.CF2QQ0-h.js'); });
 var RadioButtonGroupField = lazy$1(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.k6w2ySQR.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.C8ySZOQ7.js');
 });
-var RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.Do4oXiDH.js'); });
-var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BrCePUsU.js'); });
-var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.BlF_0Ffc.js'); });
-var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.o0_GqIs7.js'); });
-var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.Cvy9sCKK.js'); });
+var RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.C5oyztgI.js'); });
+var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BT6KEg7X.js'); });
+var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.CObwWW2E.js'); });
+var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.z_ch_o1Z.js'); });
+var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.D-Cy07f7.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48722,7 +48734,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
-var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.Dghw4DVd.js'); });
+var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.CXM5ilfB.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -58647,6 +58659,7 @@ var H3_PATTERN = /^###\s+(.+)$/;
 var H2_PATTERN = /^##\s+(.+)$/;
 var H1_PATTERN = /^#\s+(.+)$/;
 var LIST_PATTERN = /^[-*]\s+(.+)$/;
+var HR_PATTERN = /^---+$/;
 var processBold = function (text) {
     var parts = text.split(BOLD_PATTERN);
     return parts.map(function (part, i) {
@@ -58670,6 +58683,9 @@ var MarkdownText = memo(function (_a) {
             if (h1Match) {
                 return (jsx$1("div", __assign({ css: { fontWeight: 700, fontSize: '16px', marginTop: '10px' } }, { children: processBold(h1Match[1]) }), i));
             }
+            if (HR_PATTERN.test(line)) {
+                return (jsx$1("hr", { css: { border: 'none', borderTop: "1px solid ".concat(GRAY_200) } }, i));
+            }
             var listMatch = line.match(LIST_PATTERN);
             if (listMatch) {
                 return (jsxs("div", __assign({ css: { marginLeft: '12px' } }, { children: ["\u2022 ", processBold(listMatch[1])] }), i));
@@ -58727,6 +58743,27 @@ var getThreadDetail = function (transport, threadId) { return __awaiter$2(void 0
         }
     });
 }); };
+var generateThreadTitle = function (transport, threadId, message) { return __awaiter$2(void 0, void 0, void 0, function () {
+    var res, data;
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0: return [4 /*yield*/, fetch("".concat(transport.url, "threads/").concat(threadId, "/generate-title/").concat(toQueryString(transport.body)), {
+                    method: 'POST',
+                    headers: __assign(__assign({}, transport.headers()), { 'Content-Type': 'application/json' }),
+                    body: JSON.stringify({ message: message })
+                })];
+            case 1:
+                res = _b.sent();
+                if (!res.ok)
+                    return [2 /*return*/, null];
+                return [4 /*yield*/, res.json()];
+            case 2:
+                data = _b.sent();
+                return [2 /*return*/, (_a = data.title) !== null && _a !== void 0 ? _a : null];
+        }
+    });
+}); };
 var deleteThread = function (transport, threadId) { return __awaiter$2(void 0, void 0, void 0, function () {
     var threadsUrl;
     return __generator(this, function (_a) {
@@ -58749,12 +58786,13 @@ var PANEL_WIDTH = 380;
 var PANEL_HEIGHT = 500;
 var AssistantChat = function (_a) {
     var _b, _c;
-    var transport = _a.transport, _d = _a.bottom, bottom = _d === void 0 ? 20 : _d, color = _a.color;
-    var _e = __read(useState(false), 2), isOpen = _e[0], setIsOpen = _e[1];
-    var _f = __read(useState(''), 2), input = _f[0], setInput = _f[1];
-    var _g = __read(useState([]), 2), threads = _g[0], setThreads = _g[1];
-    var _h = __read(useState(null), 2), activeThreadId = _h[0], setActiveThreadId = _h[1];
-    var _j = __read(useState(false), 2), isDropdownOpen = _j[0], setIsDropdownOpen = _j[1];
+    var transport = _a.transport, _d = _a.bottom, bottom = _d === void 0 ? 20 : _d, color = _a.color, _e = _a.workflowActions, workflowActions = _e === void 0 ? [] : _e;
+    var _f = __read(useState(false), 2), isOpen = _f[0], setIsOpen = _f[1];
+    var _g = __read(useState(''), 2), input = _g[0], setInput = _g[1];
+    var _h = __read(useState([]), 2), threads = _h[0], setThreads = _h[1];
+    var _j = __read(useState(null), 2), activeThreadId = _j[0], setActiveThreadId = _j[1];
+    var _k = __read(useState(false), 2), isDropdownOpen = _k[0], setIsDropdownOpen = _k[1];
+    var _l = __read(useState(null), 2), actionTooltip = _l[0], setActionTooltip = _l[1];
     var messagesEndRef = useRef(null);
     var colors = useMemo(function () { return getChatColors(color || DEFAULT_CHAT_COLOR); }, [color]);
     var makeChat = function (threadId, initialMessages) {
@@ -58765,12 +58803,13 @@ var AssistantChat = function (_a) {
             headers: transport.headers,
             body: function () { return (__assign(__assign({}, transport.body), { thread_id: resolvedThreadId || null })); },
             fetch: function (url, init) { return __awaiter$2(void 0, void 0, void 0, function () {
-                var res, threadId;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var res, threadId, titleMessage;
+                var _a, _b, _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0: return [4 /*yield*/, fetch(url, init)];
                         case 1:
-                            res = _a.sent();
+                            res = _d.sent();
                             threadId = res.headers.get('X-Thread-Id');
                             if (threadId && !resolvedThreadId) {
                                 resolvedThreadId = threadId;
@@ -58780,6 +58819,15 @@ var AssistantChat = function (_a) {
                                     });
                                 });
                                 setActiveThreadId(threadId);
+                                titleMessage = (_c = (_b = (_a = chat.messages.find(function (m) { return m.role === 'user'; })) === null || _a === void 0 ? void 0 : _a.parts) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.text;
+                                if (titleMessage) {
+                                    generateThreadTitle(transport, threadId, titleMessage).then(function (title) {
+                                        if (title)
+                                            setThreads(function (prev) {
+                                                return prev.map(function (t) { return (t.id === threadId ? __assign(__assign({}, t), { title: title }) : t); });
+                                            });
+                                    });
+                                }
                                 getThreadDetail(transport, threadId).then(function (t) {
                                     if (t)
                                         setThreads(function (prev) {
@@ -58817,9 +58865,9 @@ var AssistantChat = function (_a) {
     var activeThread = threads.find(function (t) { return t.id === activeThreadId; });
     var activeChat = (_b = activeThread === null || activeThread === void 0 ? void 0 : activeThread.chat) !== null && _b !== void 0 ? _b : readyChat;
     // @ts-ignore
-    var _k = useChat({
+    var _m = useChat({
         chat: activeChat
-    }), messages = _k.messages, sendMessage = _k.sendMessage, status = _k.status, error = _k.error;
+    }), messages = _m.messages, sendMessage = _m.sendMessage, status = _m.status, error = _m.error;
     // TODO: Implement smooth scroll takeover - stop auto-scroll when user scrolls up
     useEffect(function () {
         var _a;
@@ -58861,7 +58909,6 @@ var AssistantChat = function (_a) {
             }
         ], __read(prev.filter(function (t) { return !t.isTemporary || t.title; })), false); });
         setActiveThreadId(id);
-        setIsDropdownOpen(false);
     };
     var handleSelectThread = function (id) { return __awaiter$2(void 0, void 0, void 0, function () {
         var thread, chat;
@@ -58918,7 +58965,7 @@ var AssistantChat = function (_a) {
                 setThreads(function (prev) { return __spreadArray([
                     {
                         id: id_1,
-                        title: input.trim().slice(0, 60),
+                        title: 'New Chat',
                         created_at: now_1,
                         updated_at: now_1,
                         isTemporary: true,
@@ -58930,7 +58977,7 @@ var AssistantChat = function (_a) {
             else {
                 if (activeThread && !activeThread.title) {
                     setThreads(function (prev) { return __spreadArray([
-                        __assign(__assign({}, activeThread), { title: input.trim().slice(0, 60), updated_at: now_1 })
+                        __assign(__assign({}, activeThread), { title: 'New Chat', updated_at: now_1 })
                     ], __read(prev.filter(function (t) { return t.id !== activeThreadId; })), false); });
                 }
             }
@@ -58938,6 +58985,41 @@ var AssistantChat = function (_a) {
             setInput('');
         }
     };
+    var handleWorkflowAction = function (action) {
+        if (status !== 'ready')
+            return;
+        var now = new Date().toISOString();
+        if (!activeThreadId) {
+            var id_2 = v4$1();
+            setThreads(function (prev) { return __spreadArray([
+                {
+                    id: id_2,
+                    title: action.name,
+                    created_at: now,
+                    updated_at: now,
+                    isTemporary: true,
+                    chat: activeChat
+                }
+            ], __read(prev), false); });
+            setActiveThreadId(id_2);
+        }
+        else if (activeThread && !activeThread.title) {
+            setThreads(function (prev) { return __spreadArray([
+                __assign(__assign({}, activeThread), { title: action.name, updated_at: now })
+            ], __read(prev.filter(function (t) { return t.id !== activeThreadId; })), false); });
+        }
+        sendMessage({
+            parts: [
+                { type: 'text', text: action.name },
+                {
+                    type: 'text',
+                    text: action.instructions,
+                    hidden: true,
+                    interpolate: true
+                }
+            ]
+        });
+    };
     var handleKeyDown = function (e) {
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
@@ -58999,7 +59081,13 @@ var AssistantChat = function (_a) {
                     backgroundColor: colors.primary,
                     color: 'white',
                     position: 'relative'
-                } }, { children: [jsxs("div", __assign({ css: { display: 'flex', alignItems: 'center', gap: '8px' } }, { children: [jsx$1(ChatIcon, {}), jsxs("button", __assign({ type: 'button', onClick: function () { return setIsDropdownOpen(function (prev) { return !prev; }); }, css: {
+                } }, { children: [jsxs("div", __assign({ css: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '8px',
+                            minWidth: 0,
+                            overflow: 'hidden'
+                        } }, { children: [jsx$1(ChatIcon, {}), jsxs("button", __assign({ type: 'button', onClick: function () { return setIsDropdownOpen(function (prev) { return !prev; }); }, css: {
                                     background: 'none',
                                     border: 'none',
                                     color: 'white',
@@ -59010,8 +59098,13 @@ var AssistantChat = function (_a) {
                                     display: 'flex',
                                     alignItems: 'center',
                                     gap: '4px',
+                                    minWidth: 0,
                                     ':hover': { opacity: 0.85 }
-                                } }, { children: [(activeThread === null || activeThread === void 0 ? void 0 : activeThread.title) || 'AI Assistant', jsx$1("span", __assign({ css: { fontSize: '10px', opacity: 0.8 } }, { children: "\u25BE" }))] }))] })), jsx$1("button", __assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
+                                } }, { children: [jsx$1("span", __assign({ css: {
+                                            overflow: 'hidden',
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap'
+                                        } }, { children: (activeThread === null || activeThread === void 0 ? void 0 : activeThread.title) || 'AI Assistant' })), jsx$1("span", __assign({ css: { fontSize: '10px', opacity: 0.8, flexShrink: 0 } }, { children: "\u25BE" }))] }))] })), jsx$1("button", __assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
                             background: 'none',
                             border: 'none',
                             color: 'white',
@@ -59037,7 +59130,10 @@ var AssistantChat = function (_a) {
                                     zIndex: 1001,
                                     maxHeight: '240px',
                                     overflowY: 'auto'
-                                } }, { children: [jsx$1("button", __assign({ type: 'button', onClick: handleNewThread, css: {
+                                } }, { children: [jsx$1("button", __assign({ type: 'button', onClick: function () {
+                                            handleNewThread();
+                                            setIsDropdownOpen(false);
+                                        }, css: {
                                             width: '100%',
                                             padding: '10px 14px',
                                             background: 'none',
@@ -59049,11 +59145,11 @@ var AssistantChat = function (_a) {
                                             color: colors.primary,
                                             textAlign: 'left',
                                             ':hover': { backgroundColor: GRAY_50 }
-                                        } }, { children: "+ New Thread" })), visibleThreads.length === 0 && (jsx$1("div", __assign({ css: {
+                                        } }, { children: "+ New Chat" })), visibleThreads.length === 0 && (jsx$1("div", __assign({ css: {
                                             padding: '12px 14px',
                                             fontSize: '13px',
                                             color: GRAY_400
-                                        } }, { children: "No threads yet" }))), visibleThreads.map(function (thread) { return (jsxs("div", __assign({ onClick: function () { return handleSelectThread(thread.id); }, css: {
+                                        } }, { children: "No chats yet" }))), visibleThreads.map(function (thread) { return (jsxs("div", __assign({ onClick: function () { return handleSelectThread(thread.id); }, css: {
                                             display: 'flex',
                                             alignItems: 'center',
                                             justifyContent: 'space-between',
@@ -59112,7 +59208,9 @@ var AssistantChat = function (_a) {
                                     lineHeight: '1.5',
                                     backgroundColor: colors.primary,
                                     color: 'white'
-                                } }, { children: message.parts.map(function (part, index) {
+                                } }, { children: message.parts
+                                    .filter(function (part) { return !part.hidden; })
+                                    .map(function (part, index) {
                                     return part.type === 'text' ? (jsx$1("span", { children: part.text }, index)) : null;
                                 }) })) }), message.id)) : (
                         // Assistant message - separate blocks for each part
@@ -59155,7 +59253,51 @@ var AssistantChat = function (_a) {
                             backgroundColor: '#fef2f2',
                             color: '#dc2626',
                             fontSize: '14px'
-                        } }, { children: "Something went wrong. Please try again." }))), jsx$1("div", { ref: messagesEndRef })] })), jsxs("div", __assign({ css: {
+                        } }, { children: "Something went wrong. Please try again." }))), jsx$1("div", { ref: messagesEndRef })] })), workflowActions.length > 0 && (jsxs("div", __assign({ css: {
+                    position: 'relative',
+                    zIndex: 1,
+                    borderTop: "1px solid ".concat(GRAY_200),
+                    backgroundColor: GRAY_50,
+                    padding: '8px 16px',
+                    display: 'flex',
+                    gap: '6px',
+                    overflowX: 'auto'
+                } }, { children: [workflowActions.map(function (action, index) { return (jsx$1("button", __assign({ type: 'button', disabled: isLoading, onClick: function () { return handleWorkflowAction(action); }, onMouseEnter: function (e) {
+                            if (!action.description)
+                                return;
+                            var r = e.currentTarget.getBoundingClientRect();
+                            setActionTooltip({
+                                text: action.description,
+                                x: r.left + r.width / 2,
+                                y: r.top
+                            });
+                        }, onMouseLeave: function () { return setActionTooltip(null); }, css: {
+                            flexShrink: 0,
+                            padding: '4px 10px',
+                            fontSize: '12px',
+                            border: "1px solid ".concat(colors.primary),
+                            borderRadius: '12px',
+                            backgroundColor: 'white',
+                            color: colors.primary,
+                            cursor: 'pointer',
+                            whiteSpace: 'nowrap',
+                            ':disabled': { opacity: 0.5, cursor: 'not-allowed' },
+                            ':hover:not(:disabled)': { backgroundColor: colors.light },
+                            transition: 'background-color 0.15s, color 0.15s'
+                        } }, { children: action.name }), index)); }), actionTooltip && (jsx$1("div", __assign({ css: {
+                            position: 'fixed',
+                            top: actionTooltip.y - 34,
+                            left: actionTooltip.x,
+                            transform: 'translateX(-50%)',
+                            backgroundColor: 'rgba(0,0,0,0.9)',
+                            color: 'white',
+                            fontSize: '12px',
+                            padding: '4px 8px',
+                            borderRadius: '4px',
+                            whiteSpace: 'nowrap',
+                            pointerEvents: 'none',
+                            zIndex: 10000
+                        } }, { children: actionTooltip.text })))] }))), jsxs("div", __assign({ css: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: '8px',

package/dist/{fthry_index.BrCePUsU.js → fthry_index.BT6KEg7X.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { f as featheryDoc, ao as devicePixelRatio, h as getDefaultExportFromCjs, c as __read, b as jsxs, j as jsx, a as __assign, F as Fragment, l as __awaiter, m as __generator, ap as toBase64, o as debounce, aq as MODAL_Z_INDEX, ab as CloseIcon, ar as dataURLToFile, t as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.kOfgCMDO.js';
+import { f as featheryDoc, ao as devicePixelRatio, h as getDefaultExportFromCjs, c as __read, b as jsxs, j as jsx, a as __assign, F as Fragment, l as __awaiter, m as __generator, ap as toBase64, o as debounce, aq as MODAL_Z_INDEX, ab as CloseIcon, ar as dataURLToFile, t as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.BRzjcwOm.js';
 import React__default, { Component, forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback, Suspense } from 'react';
-import { P as PropTypes } from './fthry_index.UVcw7OnE.js';
+import { P as PropTypes } from './fthry_index.DTeJMTgX.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
@@ -1477,7 +1477,7 @@ function SignatureField(_a) {
     useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = import(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BfAk31Iw.js').then(function (n) { return n.w; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CWVekG1c.js').then(function (n) { return n.w; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/dist/{fthry_index.BejmbDod.js → fthry_index.BXb7TuUs.js} RENAMED Viewed

@@ -1,12 +1,12 @@
-import { j as jsx, a as __assign, u as useBorder, c as __read, A as countryData, d as fieldValues, b as jsxs, i as hoverStylesGuard, w as css, x as __makeTemplateObject, G as Global, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.kOfgCMDO.js';
+import { j as jsx, a as __assign, u as useBorder, c as __read, A as countryData, d as fieldValues, b as jsxs, i as hoverStylesGuard, w as css, x as __makeTemplateObject, G as Global, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.BRzjcwOm.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.Cbl44iOq.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CruRn2MY.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.Cq0pMrU_.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.xJ2zMPu8.js';
+import './fthry_Overlay.NeJZP09L.js';
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/{fthry_index.brIY5h5k.js → fthry_index.BdvP-B0u.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { c as __read, b as jsxs$1, a as __assign, j as jsx$1, t as FORM_Z_INDEX } from './fthry_index.kOfgCMDO.js';
+import { c as __read, b as jsxs$1, a as __assign, j as jsx$1, t as FORM_Z_INDEX } from './fthry_index.BRzjcwOm.js';
 import React__default, { useRef, useEffect, useCallback, useState, useMemo, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.rCNfS1b1.js → fthry_index.ByMGbGNm.js} RENAMED Viewed

@@ -1,13 +1,13 @@
-import { u as useBorder, c as __read, b as jsxs, a as __assign, i as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles } from './fthry_index.kOfgCMDO.js';
+import { u as useBorder, c as __read, b as jsxs, a as __assign, i as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles } from './fthry_index.BRzjcwOm.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.y-R1E9to.js';
+import { P as Placeholder } from './fthry_Placeholder.UXqSQM8d.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CruRn2MY.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CO-ClVJz.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.xJ2zMPu8.js';
+import './fthry_Overlay.NeJZP09L.js';
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.Do4oXiDH.js → fthry_index.C5oyztgI.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { j as jsx, a as __assign, c as __read, b as jsxs, E as ErrorInput } from './fthry_index.kOfgCMDO.js';
+import { j as jsx, a as __assign, c as __read, b as jsxs, E as ErrorInput } from './fthry_index.BRzjcwOm.js';
 import { useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.BvQ8XEJZ.js → fthry_index.C5usGkOy.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { _ as __rest, c as __read, A as countryData, ag as phoneLib, ah as authState, ai as firebaseSMSCountries, b as jsxs, j as jsx, a as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, aj as phoneLibPromise, i as hoverStylesGuard, ak as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.kOfgCMDO.js';
+import { _ as __rest, c as __read, A as countryData, ag as phoneLib, ah as authState, ai as firebaseSMSCountries, b as jsxs, j as jsx, a as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, aj as phoneLibPromise, i as hoverStylesGuard, ak as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.BRzjcwOm.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
-import { O as Overlay } from './fthry_Overlay.xJ2zMPu8.js';
-import { u as useElementSize } from './fthry_useElementSize.yMElTorV.js';
+import { P as Placeholder } from './fthry_Placeholder.UXqSQM8d.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CruRn2MY.js';
+import { O as Overlay } from './fthry_Overlay.NeJZP09L.js';
+import { u as useElementSize } from './fthry_useElementSize.CmiiIuRs.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.k6w2ySQR.js → fthry_index.C8ySZOQ7.js} RENAMED Viewed

@@ -1,14 +1,14 @@
-import { c as __read, b as jsxs, a as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.kOfgCMDO.js';
+import { c as __read, b as jsxs, a as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.BRzjcwOm.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.PVuWlBgz.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.D6Ck5pB3.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.Cbl44iOq.js';
+import { F as FormControl } from './fthry_FormControl.vAUQQCQZ.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.Ln_hd3WI.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CruRn2MY.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.Cq0pMrU_.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.xJ2zMPu8.js';
+import './fthry_Overlay.NeJZP09L.js';
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.DGgHIFlr.js → fthry_index.CF2QQ0-h.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { l as __awaiter, m as __generator, g as __spreadArray, c as __read, e as __values, v as featheryWindow, al as loadQRScanner, am as throttle, j as jsx, b as jsxs, a as __assign, F as Fragment, E as ErrorInput, an as qrPromise } from './fthry_index.kOfgCMDO.js';
+import { l as __awaiter, m as __generator, g as __spreadArray, c as __read, e as __values, v as featheryWindow, al as loadQRScanner, am as throttle, j as jsx, b as jsxs, a as __assign, F as Fragment, E as ErrorInput, an as qrPromise } from './fthry_index.BRzjcwOm.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.DbsjdZwt.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.C1o_MJVH.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.BlF_0Ffc.js → fthry_index.CObwWW2E.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { c as __read, b as jsxs, a as __assign, j as jsx, i as hoverStylesGuard } from './fthry_index.kOfgCMDO.js';
+import { c as __read, b as jsxs, a as __assign, j as jsx, i as hoverStylesGuard } from './fthry_index.BRzjcwOm.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.DbsjdZwt.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.C1o_MJVH.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.Bpub9YIO.js → fthry_index.CReZhvTj.js} RENAMED Viewed

@@ -1,16 +1,16 @@
-import { j as jsx, G as Global, w as css, x as __makeTemplateObject, a as __assign, c as __read, y as isMobile, v as featheryWindow, f as featheryDoc, u as useBorder, b as jsxs$1, i as hoverStylesGuard, r as resetStyles, _ as __rest, z as formatDateString } from './fthry_index.kOfgCMDO.js';
+import { j as jsx, G as Global, w as css, x as __makeTemplateObject, a as __assign, c as __read, y as isMobile, v as featheryWindow, f as featheryDoc, u as useBorder, b as jsxs$1, i as hoverStylesGuard, r as resetStyles, _ as __rest, z as formatDateString } from './fthry_index.BRzjcwOm.js';
 import * as React from 'react';
 import React__default, { useMemo, useLayoutEffect, cloneElement, createRef, Component, useRef, useCallback, useEffect, createElement, memo, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
+import { P as Placeholder } from './fthry_Placeholder.UXqSQM8d.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CruRn2MY.js';
 import { jsxs, jsx as jsx$1 } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { I as IMask, a as IMaskInput } from './fthry_input.BKW831Tj.js';
+import { I as IMask, a as IMaskInput } from './fthry_input.4dnDpExL.js';
 import 'react-dom/client';
 import 'jszip';
-import './fthry_Overlay.xJ2zMPu8.js';
-import './fthry_index.UVcw7OnE.js';
+import './fthry_Overlay.NeJZP09L.js';
+import './fthry_index.DTeJMTgX.js';
 var PORTAL_CONTAINER_CLASS = '.react-datepicker__portal';
 var DATEPICKER_PADDING_TOP_VALUE = '--datepicker-pad-top';

package/dist/{fthry_index.Dghw4DVd.js → fthry_index.CXM5ilfB.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { _ as __rest, j as jsx, a as __assign, b as jsxs, F as Fragment, c as __read, f as featheryDoc, d as fieldValues, s as stringifyWithNull, e as __values, g as __spreadArray } from './fthry_index.kOfgCMDO.js';
+import { _ as __rest, j as jsx, a as __assign, b as jsxs, F as Fragment, c as __read, f as featheryDoc, d as fieldValues, s as stringifyWithNull, e as __values, g as __spreadArray } from './fthry_index.BRzjcwOm.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';