@feathery/react 2.22.0 → 2.23.0

package/dist/{fthry_index.VasUvj87.js → fthry_index.CDrJFqsv.js}

@@ -1,14 +1,14 @@
-import { b as __read, a as jsxs, _ as __assign, j as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CDRQrd84.js';
+import { b as __read, a as jsxs, _ as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.D3lSuyak.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.BR7z833q.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.Bg6jDqRN.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.D5rXgJxn.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.wfhYAUgy.js';
+import { F as FormControl } from './fthry_FormControl.CZJ1jn_X.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DAS7h09M.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BI9A2ISt.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.BaADT2cu.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.C0T4Ihiz.js';
+import './fthry_Overlay.CR5UzcJA.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.CLjO1Hq8.js → fthry_index.CSglnt5z.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './fthry_index.CDRQrd84.js';
+import { g as getDefaultExportFromCjs } from './fthry_index.D3lSuyak.js';
 
 var propTypes = {exports: {}};
 

package/dist/{fthry_index.Cog2BDNb.js → fthry_index.CTKMi2rG.js}

@@ -1,4 +1,4 @@
-import { a as jsxs, _ as __assign, j as jsx, b as __read, a7 as isEmptyArray, a8 as toList, a9 as useThumbnailData, e as __spreadArray, o as imgMaxSizeStyles, k as __awaiter, l as __generator, aa as downloadFile, ab as CloseIcon, i as iosScrollOnFocus, q as FORM_Z_INDEX, ac as justRemove } from './fthry_index.CDRQrd84.js';
+import { a as jsxs, _ as __assign, j as jsx, b as __read, a9 as isEmptyArray, aa as toList, ab as useThumbnailData, e as __spreadArray, p as imgMaxSizeStyles, l as __awaiter, m as __generator, ac as downloadFile, ad as CloseIcon, k as iosScrollOnFocus, t as FORM_Z_INDEX, ae as justRemove } from './fthry_index.D3lSuyak.js';
 import { useRef, useState, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.Cjz0TFbJ.js → fthry_index.CkJMRFNl.js}

@@ -1,16 +1,16 @@
-import { a as jsxs, _ as __assign, j as jsx, D as DROPDOWN_Z_INDEX, b as __read, u as useBorder, as as getFieldValue, s as stringifyWithNull, h as hoverStylesGuard, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles, at as emailPatternStr } from './fthry_index.CDRQrd84.js';
+import { a as jsxs, _ as __assign, j as jsx, D as DROPDOWN_Z_INDEX, b as __read, u as useBorder, au as getFieldValue, s as stringifyWithNull, h as hoverStylesGuard, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles, av as emailPatternStr } from './fthry_index.D3lSuyak.js';
 import { memo, useRef, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.OebdDszh.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.D5rXgJxn.js';
-import { O as Overlay } from './fthry_Overlay.C0T4Ihiz.js';
-import { u as useElementSize } from './fthry_useElementSize.B_En_KWY.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.5ZGg8TFI.js';
-import { a as IMaskInput } from './fthry_input.mf5Eisx1.js';
+import { P as Placeholder } from './fthry_Placeholder.CVztEMPo.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BI9A2ISt.js';
+import { O as Overlay } from './fthry_Overlay.CR5UzcJA.js';
+import { u as useElementSize } from './fthry_useElementSize.zEQ3--PI.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.Ou0z80Bk.js';
+import { a as IMaskInput } from './fthry_input.DRka84YM.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.CLjO1Hq8.js';
+import './fthry_index.CSglnt5z.js';
 
 function TextAutocomplete(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/dist/{fthry_index.NZiAUoKR.js → fthry_index.CoZvVNqs.js}

@@ -1,9 +1,9 @@
-import { y as __rest, b as __read, A as countryData, ag as authState, ah as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, ai as phoneLibPromise, h as hoverStylesGuard, aj as isNum, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CDRQrd84.js';
+import { z as __rest, b as __read, C as countryData, ai as authState, aj as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, ak as phoneLibPromise, h as hoverStylesGuard, al as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.D3lSuyak.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.OebdDszh.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.D5rXgJxn.js';
-import { O as Overlay } from './fthry_Overlay.C0T4Ihiz.js';
-import { u as useElementSize } from './fthry_useElementSize.B_En_KWY.js';
+import { P as Placeholder } from './fthry_Placeholder.CVztEMPo.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BI9A2ISt.js';
+import { O as Overlay } from './fthry_Overlay.CR5UzcJA.js';
+import { u as useElementSize } from './fthry_useElementSize.zEQ3--PI.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.Ca6YzvQ4.js → fthry_index.CtYFxOlM.js}

@@ -1,7 +1,7 @@
-import { b as __read, j as jsx, F as Fragment, x as isMobile, a as jsxs, _ as __assign, q as FORM_Z_INDEX, i as iosScrollOnFocus } from './fthry_index.CDRQrd84.js';
+import { b as __read, j as jsx, F as Fragment, y as isMobile, a as jsxs, _ as __assign, t as FORM_Z_INDEX, k as iosScrollOnFocus } from './fthry_index.D3lSuyak.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.C0T4Ihiz.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.Bg6jDqRN.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.CR5UzcJA.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.DAS7h09M.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CDRQrd84.js → fthry_index.D3lSuyak.js}

@@ -38735,12 +38735,12 @@ var getTitle = function (data) {
     }
     return 'Scanning Documents';
 };
-var ActionToast = function (_a) {
+var ActionToast = forwardRef(function (_a, ref) {
     var data = _a.data, _b = _a.bottom, bottom = _b === void 0 ? 20 : _b;
     var _c = __read(useState(true), 2), isToastExpanded = _c[0], setIsToastExpanded = _c[1];
     if (data.length === 0)
         return null;
-    return (jsxs("div", __assign({ css: {
+    return (jsxs("div", __assign({ ref: ref, css: {
             position: 'fixed',
             bottom: "".concat(bottom, "px"),
             right: '16px',
@@ -38771,7 +38771,7 @@ var ActionToast = function (_a) {
                     maxHeight: '384px',
                     overflowY: 'auto'
                 } }, { children: data.map(function (item, index) { return (jsx$1(ToastItem, { item: item }, index)); }) })))] })));
-};
+});
 
 // Type guard function
 function isAIExtractionAction(action) {
@@ -39073,6 +39073,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
+var AssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_index.D7y9hs7B.js'); });
 var getSubmissionErrorMessage = function (error) {
     if (error instanceof TypeError && error.message === 'Failed to fetch') {
         return 'Unable to upload files. Please check your connection and try again.';
@@ -39082,6 +39083,26 @@ var getSubmissionErrorMessage = function (error) {
     }
     return 'Submission failed. Please try again.';
 };
+function closePreOpenedWindows(windows) {
+    windows.forEach(function (win) { return win === null || win === void 0 ? void 0 : win.close(); });
+}
+// Pre-open windows synchronously within the user-gesture call stack on iOS.
+// iOS Safari blocks window.open() after any await breaks the gesture chain.
+function preOpenIOSWindows(actions) {
+    var windows = new Map();
+    if (isIOS()) {
+        actions.forEach(function (action, idx) {
+            if (action.type === ACTION_URL && action.open_tab) {
+                var win = featheryWindow().open('about:blank', '_blank');
+                if (win) {
+                    win.opener = null;
+                    windows.set(idx, win);
+                }
+            }
+        });
+    }
+    return windows;
+}
 function Form(_a) {
     var _this = this;
     var _b;
@@ -39122,7 +39143,10 @@ function Form(_a) {
         clearHideIfFields: false,
         completionBehavior: '',
         globalStyles: {},
-        mobileBreakpoint: DEFAULT_MOBILE_BREAKPOINT
+        mobileBreakpoint: DEFAULT_MOBILE_BREAKPOINT,
+        assistantEnabled: false,
+        assistantContext: '',
+        assistantColor: '#6b7280'
     }), 2), formSettings = _12[0], setFormSettings = _12[1];
     var trackHashes = useRef(false);
     var curLanguage = useRef(undefined);
@@ -39275,7 +39299,41 @@ function Form(_a) {
         });
     }, [setLoaders]);
     var _30 = useAIExtractionToast(), currentActionExtractions = _30.currentActionExtractions, initializeActionExtractions = _30.initializeActionExtractions, updateExtractionInAction = _30.updateExtractionInAction, handleExtractionStatusUpdate = _30.handleExtractionStatusUpdate;
-    var _31 = useEnvelopeGenerationToast(), currentEnvelopeGeneration = _31.currentEnvelopeGeneration, initializeEnvelopeGeneration = _31.initializeEnvelopeGeneration, updateEnvelopeGeneration = _31.updateEnvelopeGeneration;
+    // Track if any extraction has completed (for showing assistant)
+    // eventually we will always show the assistant regardless of extraction status
+    var _31 = __read(useState(false), 2), hasCompletedExtraction = _31[0], setHasCompletedExtraction = _31[1];
+    useEffect(function () {
+        if (!hasCompletedExtraction &&
+            currentActionExtractions.some(function (e) { return e.status === 'complete'; })) {
+            setHasCompletedExtraction(true);
+        }
+    }, [currentActionExtractions, hasCompletedExtraction]);
+    var _32 = useEnvelopeGenerationToast(), currentEnvelopeGeneration = _32.currentEnvelopeGeneration, initializeEnvelopeGeneration = _32.initializeEnvelopeGeneration, updateEnvelopeGeneration = _32.updateEnvelopeGeneration;
+    // Track ActionToast height for positioning WorkflowChat above it
+    var _33 = __read(useState(0), 2), actionToastHeight = _33[0], setActionToastHeight = _33[1];
+    var actionToastRef = useRef(null);
+    var actionToastObserverRef = useRef(null);
+    // Reset height when toast data becomes empty
+    var actionToastData = useMemo(function () { return __spreadArray(__spreadArray([], __read(currentActionExtractions), false), __read(currentEnvelopeGeneration), false); }, [currentActionExtractions, currentEnvelopeGeneration]);
+    useEffect(function () {
+        if (actionToastData.length === 0) {
+            setActionToastHeight(0);
+        }
+    }, [actionToastData.length]);
+    var setActionToastRef = useCallback(function (node) {
+        if (actionToastObserverRef.current) {
+            actionToastObserverRef.current.disconnect();
+            actionToastObserverRef.current = null;
+        }
+        actionToastRef.current = node;
+        if (node) {
+            var observer = new ResizeObserver(function (entries) {
+                setActionToastHeight(entries[0].contentRect.height);
+            });
+            observer.observe(node);
+            actionToastObserverRef.current = observer;
+        }
+    }, []);
     // Tracks element to focus
     var focusRef = useRef(undefined);
     // Tracks the execution of user-provided callback functions
@@ -39350,7 +39408,7 @@ function Form(_a) {
         setRequiredStepAction(requiredStepAction);
     }, [activeStep === null || activeStep === void 0 ? void 0 : activeStep.id]);
     // viewElements state
-    var _32 = __read(useState([]), 2), viewElements = _32[0], setViewElements = _32[1];
+    var _34 = __read(useState([]), 2), viewElements = _34[0], setViewElements = _34[1];
     useEffect(function () {
         setViewElements(onViewElements);
     }, [onViewElements.length]);
@@ -39494,7 +39552,7 @@ function Form(_a) {
         return true;
     };
     // For audio AI only right now
-    var _33 = __read(useState(_pollFuserData), 2), pollFuserData = _33[0], setPollFuserData = _33[1];
+    var _35 = __read(useState(_pollFuserData), 2), pollFuserData = _35[0], setPollFuserData = _35[1];
     usePollFuserData(pollFuserData, client, updateFieldValues);
     var eventCallbackMap = {
         change: onChange,
@@ -40281,7 +40339,7 @@ function Form(_a) {
         });
     }); };
     // usePayments (Stripe)
-    var _34 = __read(usePayments(), 2), getCardElement = _34[0], setCardElement = _34[1];
+    var _36 = __read(usePayments(), 2), getCardElement = _36[0], setCardElement = _36[1];
     function setupStepPaymentMethod(formattedFields) {
         return __awaiter$2(this, void 0, void 0, function () {
             var i, field, integrationData, actionData, actionResult;
@@ -40614,9 +40672,9 @@ function Form(_a) {
         }
         return state;
     };
-    var _35 = useCheckButtonAction(setButtonLoader, clearLoaders), isButtonActionRunning = _35.isButtonActionRunning, updateButtonActionState = _35.updateButtonActionState, clearButtonActionState = _35.clearButtonActionState, setUserLogicRunning = _35.setUserLogicRunning;
+    var _37 = useCheckButtonAction(setButtonLoader, clearLoaders), isButtonActionRunning = _37.isButtonActionRunning, updateButtonActionState = _37.updateButtonActionState, clearButtonActionState = _37.clearButtonActionState, setUserLogicRunning = _37.setUserLogicRunning;
     var buttonOnClick = function (button) { return __awaiter$2(_this, void 0, void 0, function () {
-        var setButtonError, invalid, running, e_5;
+        var setButtonError, actions, preOpenedWindows, invalid, running, e_5;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -40643,6 +40701,8 @@ function Form(_a) {
                             });
                         }, 10);
                     };
+                    actions = prioritizeActions((_a = button.properties.actions) !== null && _a !== void 0 ? _a : []);
+                    preOpenedWindows = preOpenIOSWindows(actions);
                     _b.label = 3;
                 case 3:
                     _b.trys.push([3, 7, , 8]);
@@ -40651,17 +40711,19 @@ function Form(_a) {
                 case 4:
                     invalid = _b.sent();
                     if (invalid) {
+                        closePreOpenedWindows(preOpenedWindows);
                         setButtonError("You didn't pass CAPTCHA verification");
                         return [2 /*return*/];
                     }
                     _b.label = 5;
                 case 5: return [4 /*yield*/, runElementActions({
-                        actions: (_a = button.properties.actions) !== null && _a !== void 0 ? _a : [],
+                        actions: actions,
                         element: button,
                         elementType: 'button',
                         submit: button.properties.submit,
                         setElementError: setButtonError,
-                        onAsyncEnd: function () { return clearLoaders(); }
+                        onAsyncEnd: function () { return clearLoaders(); },
+                        preOpenedWindows: preOpenedWindows
                     })];
                 case 6:
                     running = _b.sent();
@@ -40671,6 +40733,7 @@ function Form(_a) {
                     return [3 /*break*/, 8];
                 case 7:
                     e_5 = _b.sent();
+                    closePreOpenedWindows(preOpenedWindows);
                     // Clear the click lock so user can retry
                     if (button.id) {
                         elementClicks[button.id] = false;
@@ -40728,21 +40791,25 @@ function Form(_a) {
     // Some actions (Persona, Plaid, etc) require special handling: they pause execution and
     // provide a callback for continuing to the next action once they complete.
     var runElementActions = function (_a) {
-        var actions = _a.actions, element = _a.element, elementType = _a.elementType, _b = _a.submit, submit = _b === void 0 ? false : _b, _c = _a.setElementError, setElementError = _c === void 0 ? function () { } : _c, _d = _a.onAsyncEnd, onAsyncEnd = _d === void 0 ? function () { } : _d, textSpanStart = _a.textSpanStart, textSpanEnd = _a.textSpanEnd, triggerPayload = _a.triggerPayload;
+        var actions = _a.actions, element = _a.element, elementType = _a.elementType, _b = _a.submit, submit = _b === void 0 ? false : _b, _c = _a.setElementError, setElementError = _c === void 0 ? function () { } : _c, _d = _a.onAsyncEnd, onAsyncEnd = _d === void 0 ? function () { } : _d, textSpanStart = _a.textSpanStart, textSpanEnd = _a.textSpanEnd, triggerPayload = _a.triggerPayload, externalPreOpenedWindows = _a.preOpenedWindows;
         return __awaiter$2(_this, void 0, void 0, function () {
-            var id, metadata, trigger, submitPromise, pendingFileKeys, invalid, hasNext, submissionResult, error_3, _e, stepPromise, preOpenedWindows, flowOnSuccess, actionTypes, runAction, i, hasExtractions, hasEnvelopeGeneration, _loop_1, state_1;
+            var id, preOpenedWindows, metadata, trigger, submitPromise, pendingFileKeys, invalid, hasNext, submissionResult, error_3, _e, stepPromise, flowOnSuccess, actionTypes, runAction, i, hasExtractions, hasEnvelopeGeneration, _loop_1, state_1;
             var _this = this;
             var _f, _g, _h, _j, _k;
             return __generator(this, function (_l) {
                 switch (_l.label) {
                     case 0:
                         id = (_f = element.id) !== null && _f !== void 0 ? _f : '';
+                        preOpenedWindows = externalPreOpenedWindows !== null && externalPreOpenedWindows !== void 0 ? externalPreOpenedWindows : new Map();
                         // Prevent rapid re-clicks on the same element during async operations (file uploads, API calls)
-                        if (id && elementClicks[id])
+                        if (id && elementClicks[id]) {
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
+                        }
                         elementClicks[id] = true;
                         if (isButtonActionRunning()) {
                             elementClicks[id] = false;
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/, true];
                         }
                         updateButtonActionState(elementType, element, triggerPayload);
@@ -40762,6 +40829,7 @@ function Form(_a) {
                             setElementError(REQUIRED_FLOW_ACTIONS[requiredStepAction]);
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         pendingFileKeys = getPendingFileUploadKeys();
@@ -40797,6 +40865,7 @@ function Form(_a) {
                             setAutoValidate(true);
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         hasNext = actions.some(function (action) { return action.type === ACTION_NEXT; }) &&
@@ -40817,6 +40886,7 @@ function Form(_a) {
                         if (!submissionResult) {
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         _e = __read(submissionResult, 1), stepPromise = _e[0];
@@ -40834,19 +40904,12 @@ function Form(_a) {
                         submitPromise.catch(function () { });
                         _l.label = 7;
                     case 7:
-                        // Adjust action order to prioritize certain actions and
-                        // to ensure all actions are run as expected
-                        actions = prioritizeActions(actions);
-                        preOpenedWindows = new Map();
-                        if (isIOS()) {
-                            actions.forEach(function (action, idx) {
-                                if (action.type === ACTION_URL && action.open_tab) {
-                                    var win = featheryWindow().open('about:blank', '_blank');
-                                    if (win) {
-                                        win.opener = null; // Prevent reverse tabnabbing
-                                        preOpenedWindows.set(idx, win);
-                                    }
-                                }
+                        if (!externalPreOpenedWindows)
+                            actions = prioritizeActions(actions);
+                        // Guards text/container callers if an async onAction or action logic rule breaks the gesture chain
+                        if (!externalPreOpenedWindows) {
+                            preOpenIOSWindows(actions).forEach(function (win, idx) {
+                                return preOpenedWindows.set(idx, win);
                             });
                         }
                         flowOnSuccess = function (index) { return function () { return __awaiter$2(_this, void 0, void 0, function () {
@@ -41564,8 +41627,7 @@ function Form(_a) {
                         i++;
                         return [3 /*break*/, 9];
                     case 12:
-                        // Close any pre-opened windows that weren't used (e.g., validation failed)
-                        preOpenedWindows.forEach(function (win) { return win === null || win === void 0 ? void 0 : win.close(); });
+                        closePreOpenedWindows(preOpenedWindows);
                         if (i < actions.length) {
                             elementClicks[id] = false;
                             clearButtonActionState();
@@ -41712,10 +41774,13 @@ function Form(_a) {
                             navigate(getNewStepUrl(stepKey));
                         else
                             setStepKey(stepKey);
-                    }, formName: formName, draft: _draft, visible: !hideTestUI })), global.firebase && (jsx$1("div", { id: 'featheryRecaptcha', style: { position: 'absolute', visibility: 'hidden' } })), jsx$1(Watermark, { show: formSettings.showBrand, brandPosition: formSettings.brandPosition }), jsx$1(ActionToast, { data: __spreadArray(__spreadArray([], __read(currentActionExtractions), false), __read(currentEnvelopeGeneration), false), bottom: formSettings.showBrand &&
+                    }, formName: formName, draft: _draft, visible: !hideTestUI })), global.firebase && (jsx$1("div", { id: 'featheryRecaptcha', style: { position: 'absolute', visibility: 'hidden' } })), jsx$1(Watermark, { show: formSettings.showBrand, brandPosition: formSettings.brandPosition }), jsx$1(ActionToast, { ref: setActionToastRef, data: actionToastData, bottom: formSettings.showBrand &&
                         formSettings.brandPosition === 'bottom_right'
                         ? 67
-                        : 20 })] })) })));
+                        : 20 }), formSettings.assistantEnabled && hasCompletedExtraction && (jsx$1(Suspense, __assign({ fallback: null }, { children: jsx$1(AssistantChat, { formId: formId, bottom: (formSettings.showBrand &&
+                            formSettings.brandPosition === 'bottom_right'
+                            ? 67
+                            : 20) + (actionToastHeight > 0 ? actionToastHeight + 10 : 0), color: formSettings.assistantColor }) })))] })) })));
 }
 // normal <Form /> (aka ReactForm) component is exported with just `props:
 // Props`, so need this component to support exposing _internalId for use in
@@ -45783,7 +45848,12 @@ var FeatheryClient = /** @class */ (function (_super) {
                         return [4 /*yield*/, this._fetch(url, {
                                 headers: { 'Content-Type': 'application/json' },
                                 method: 'POST',
-                                body: JSON.stringify({ operation: operation, entry_id: entryId, data: data })
+                                body: JSON.stringify({
+                                    operation: operation,
+                                    entry_id: entryId,
+                                    data: data,
+                                    form_key: this.formKey
+                                })
                             }, false)];
                     case 1:
                         response = _d.sent();
@@ -45882,9 +45952,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.DYkmIi0j.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.CwI252bu.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.sudLWRnv.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DY9HYBTa.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46030,7 +46100,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.22.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.23.0" + ' ', // 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;');
 }
 
@@ -46311,7 +46381,10 @@ function mapFormSettingsResponse(res) {
         globalStyles: res.global_styles,
         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
+        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'
     };
 }
 function updateCustomHead(headCode) {
@@ -47458,39 +47531,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.D33p0Cu9.js'); });
-var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DomytyFl.js'); });
-var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.Bg6jDqRN.js'); });
+var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.BcuiRv7L.js'); });
+var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DE3fEAl4.js'); });
+var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.DAS7h09M.js'); });
 var CheckboxGroupField = lazy(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DSpMogdQ.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BlTczd9f.js');
 });
-var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.D91kaNEu.js'); });
-var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.DgH--mO0.js'); });
+var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.FXwX6-R-.js'); });
+var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.BNYfMPtP.js'); });
 var DateSelectorField = lazy(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CAO_boB_.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.B3yyXgjw.js');
 });
-var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BVBupEyX.js'); });
+var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BHOEgj_J.js'); });
 var DropdownMultiField = lazy(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B-HK4FAf.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DQw3p27A.js');
 });
-var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.Cog2BDNb.js'); });
-var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.Ca6YzvQ4.js'); });
-var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.CbNESu0U.js'); });
+var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.CTKMi2rG.js'); });
+var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.CtYFxOlM.js'); });
+var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.BzvJX38E.js'); });
 var PaymentMethodField = lazy(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.BnHykb0-.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CjqJ8yIr.js');
 });
-var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.NZiAUoKR.js'); });
-var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.CZr2zxPE.js'); });
-var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.Bsx6VyJi.js'); });
+var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.CoZvVNqs.js'); });
+var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.BPrCG1DF.js'); });
+var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.pLuBEDzM.js'); });
 var RadioButtonGroupField = lazy(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.VasUvj87.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CDrJFqsv.js');
 });
-var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.DSXLISe1.js'); });
-var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.CbxKTwce.js'); });
-var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.CQIPge2V.js'); });
-var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.Cjz0TFbJ.js'); });
-var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.CenbmeTZ.js'); });
+var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.BnuKisSC.js'); });
+var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BBmBREM8.js'); });
+var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.Bpe9va3I.js'); });
+var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CkJMRFNl.js'); });
+var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.C1G-XNqF.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48430,7 +48503,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.BkvB1fWy.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.BOZNibb0.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -48727,4 +48800,4 @@ var Feathery = {
     renderAt: renderAt
 };
 
-export { next as $, countryData as A, stringify$2 as B, rulesheet as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, Fragment as F, Global as G, COMMENT as H, middleware as I, combine as J, match as K, serialize as L, copy as M, replace as N, MOZ as O, MS as P, KEYFRAMES as Q, RULESET as R, DECLARATION as S, dealloc as T, alloc as U, hash as V, WEBKIT as W, charat as X, strlen as Y, indexof as Z, __assign as _, jsxs as a, token as a0, from as a1, peek as a2, delimit as a3, slice as a4, position as a5, compile as a6, isEmptyArray as a7, toList as a8, useThumbnailData as a9, setFieldValues as aA, getFieldValues as aB, renderAt as aC, LoginForm as aD, useAuthClient as aE, Feathery as aF, StyledContainer as aG, downloadFile as aa, CloseIcon as ab, justRemove as ac, getStripe as ad, filterKeys as ae, ERROR_COLOR as af, authState as ag, firebaseSMSCountries as ah, phoneLibPromise as ai, isNum as aj, loadQRScanner as ak, throttle as al, qrPromise as am, devicePixelRatio as an, toBase64 as ao, MODAL_Z_INDEX as ap, dataURLToFile as aq, cls as ar, getFieldValue$1 as as, emailPatternStr as at, replaceTextVariables as au, ReactForm as av, Elements as aw, init as ax, updateUserId as ay, updateTheme as az, __read as b, fieldValues as c, __values as d, __spreadArray as e, featheryDoc as f, getDefaultExportFromCjs as g, hoverStylesGuard as h, iosScrollOnFocus as i, jsx$1 as j, __awaiter$2 as k, __generator as l, FeatheryClient as m, debounce as n, imgMaxSizeStyles as o, noTextSelectStyles as p, FORM_Z_INDEX as q, resetStyles as r, stringifyWithNull as s, featheryWindow as t, useBorder as u, css as v, __makeTemplateObject as w, isMobile as x, __rest$1 as y, formatDateString as z };
+export { strlen as $, API_URL as A, formatDateString as B, countryData as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, Fragment as F, Global as G, stringify$2 as H, rulesheet as I, COMMENT as J, middleware as K, combine as L, match as M, serialize as N, copy as O, replace as P, MOZ as Q, RULESET as R, MS as S, KEYFRAMES as T, DECLARATION as U, dealloc as V, WEBKIT as W, alloc as X, hash as Y, charat as Z, __assign as _, jsxs as a, indexof as a0, next as a1, token as a2, from as a3, peek as a4, delimit as a5, slice as a6, position as a7, compile as a8, isEmptyArray as a9, updateUserId as aA, updateTheme as aB, setFieldValues as aC, getFieldValues as aD, renderAt as aE, LoginForm as aF, useAuthClient as aG, Feathery as aH, StyledContainer as aI, toList as aa, useThumbnailData as ab, downloadFile as ac, CloseIcon as ad, justRemove as ae, getStripe as af, filterKeys as ag, ERROR_COLOR as ah, authState as ai, firebaseSMSCountries as aj, phoneLibPromise as ak, isNum as al, loadQRScanner as am, throttle as an, qrPromise as ao, devicePixelRatio as ap, toBase64 as aq, MODAL_Z_INDEX as ar, dataURLToFile as as, cls as at, getFieldValue$1 as au, emailPatternStr as av, replaceTextVariables as aw, ReactForm as ax, Elements as ay, init as az, __read as b, fieldValues as c, __values as d, __spreadArray as e, featheryDoc as f, getDefaultExportFromCjs as g, hoverStylesGuard as h, initInfo as i, jsx$1 as j, iosScrollOnFocus as k, __awaiter$2 as l, __generator as m, FeatheryClient as n, debounce as o, imgMaxSizeStyles as p, noTextSelectStyles as q, resetStyles as r, stringifyWithNull as s, FORM_Z_INDEX as t, useBorder as u, featheryWindow as v, css as w, __makeTemplateObject as x, isMobile as y, __rest$1 as z };