@feathery/react 2.22.0 → 2.23.0

package/cjs/{fthry_index.lrVIrRLc.js → fthry_index.DUmDjh10.js}

@@ -7476,7 +7476,7 @@ var IntegrationClient = /** @class */ (function () {
                         _a.sent();
                         userId = initInfo().userId;
                         params = encodeGetParams(exports.__assign({ form_key: this.formKey, fuser_key: userId }, kwargs));
-                        return [4 /*yield*/, this._fetch("".concat(API_URL, "plaid/link_token/?").concat(params))];
+                        return [4 /*yield*/, this._fetch("".concat(exports.API_URL, "plaid/link_token/?").concat(params))];
                     case 2:
                         res = _a.sent();
                         if (!res)
@@ -7505,7 +7505,7 @@ var IntegrationClient = /** @class */ (function () {
                             form_key: this.formKey,
                             fuser_key: userId
                         });
-                        url = "".concat(API_URL, "plaid/verification_status/?").concat(params);
+                        url = "".concat(exports.API_URL, "plaid/verification_status/?").concat(params);
                         return [2 /*return*/, this._fetch(url).then(function (response) {
                                 return response ? response.json() : Promise.resolve();
                             })];
@@ -7522,7 +7522,7 @@ var IntegrationClient = /** @class */ (function () {
                     case 1:
                         _a.sent();
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "plaid/user_data/");
+                        url = "".concat(exports.API_URL, "plaid/user_data/");
                         data = {
                             public_token: publicToken,
                             form_key: this.formKey,
@@ -7553,7 +7553,7 @@ var IntegrationClient = /** @class */ (function () {
                             form_key: this.formKey,
                             fuser_key: userId
                         });
-                        url = "".concat(API_URL, "argyle/user_token/?").concat(params);
+                        url = "".concat(exports.API_URL, "argyle/user_token/?").concat(params);
                         return [2 /*return*/, this._fetch(url).then(function (response) {
                                 return response ? response.json() : Promise.resolve();
                             })];
@@ -7574,7 +7574,7 @@ var IntegrationClient = /** @class */ (function () {
                             form_key: this.formKey,
                             fuser_key: userId
                         };
-                        url = "".concat(API_URL, "flinks/authorize-iframe/?").concat(encodeGetParams(params));
+                        url = "".concat(exports.API_URL, "flinks/authorize-iframe/?").concat(encodeGetParams(params));
                         return [2 /*return*/, this._fetch(url)];
                 }
             });
@@ -7598,7 +7598,7 @@ var IntegrationClient = /** @class */ (function () {
                             params.login_id = loginId;
                         if (token)
                             params.token = token;
-                        url = "".concat(API_URL, "flinks/login-id/?").concat(encodeGetParams(params));
+                        url = "".concat(exports.API_URL, "flinks/login-id/?").concat(encodeGetParams(params));
                         return [2 /*return*/, this._fetch(url)];
                 }
             });
@@ -7610,20 +7610,20 @@ var IntegrationClient = /** @class */ (function () {
             country: country,
             city_search: city ? 'true' : ''
         });
-        var url = "".concat(API_URL, "integration/address/search/?").concat(params);
+        var url = "".concat(exports.API_URL, "integration/address/search/?").concat(params);
         return this._fetch(url).then(function (response) {
             return response ? response.json() : Promise.resolve();
         });
     };
     IntegrationClient.prototype.addressDetail = function (addressId) {
         var params = encodeGetParams({ address_id: addressId });
-        var url = "".concat(API_URL, "integration/address/detail/?").concat(params);
+        var url = "".concat(exports.API_URL, "integration/address/detail/?").concat(params);
         return this._fetch(url).then(function (response) {
             return response ? response.json() : Promise.resolve();
         });
     };
     IntegrationClient.prototype.verifyRecaptchaToken = function (token) {
-        var url = "".concat(API_URL, "google/recaptcha/verify/");
+        var url = "".concat(exports.API_URL, "google/recaptcha/verify/");
         var options = {
             headers: { 'Content-Type': 'application/json' },
             method: 'POST',
@@ -7643,7 +7643,7 @@ var IntegrationClient = /** @class */ (function () {
                     case 1:
                         _a.sent();
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "stripe/payment_method/");
+                        url = "".concat(exports.API_URL, "stripe/payment_method/");
                         data = exports.__assign(exports.__assign({ form_key: this.formKey }, (userId ? { user_id: userId } : {})), { field_id: paymentMethodFieldId });
                         options = {
                             headers: { 'Content-Type': 'application/json' },
@@ -7668,7 +7668,7 @@ var IntegrationClient = /** @class */ (function () {
                         _a.sent();
                         userId = initInfo().userId;
                         params = encodeGetParams(exports.__assign(exports.__assign({ field_id: paymentMethodFieldId, form_key: this.formKey }, (userId ? { user_id: userId } : {})), { stripe_payment_method_id: stripePaymentMethodId }));
-                        url = "".concat(API_URL, "stripe/payment_method/card/?").concat(params);
+                        url = "".concat(exports.API_URL, "stripe/payment_method/card/?").concat(params);
                         return [2 /*return*/, this._fetch(url).then(function (response) {
                                 return response ? response.json() : Promise.resolve();
                             })];
@@ -7687,7 +7687,7 @@ var IntegrationClient = /** @class */ (function () {
                     case 1:
                         _a.sent();
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "stripe/payment/");
+                        url = "".concat(exports.API_URL, "stripe/payment/");
                         data = exports.__assign({ form_key: this.formKey, user_id: userId }, extraParams);
                         options = {
                             headers: { 'Content-Type': 'application/json' },
@@ -7713,7 +7713,7 @@ var IntegrationClient = /** @class */ (function () {
                     case 1:
                         _a.sent();
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "stripe/checkout/");
+                        url = "".concat(exports.API_URL, "stripe/checkout/");
                         data = {
                             form_key: this.formKey,
                             user_id: userId,
@@ -7738,7 +7738,7 @@ var IntegrationClient = /** @class */ (function () {
             var _this = this;
             return __generator(this, function (_a) {
                 userId = initInfo().userId;
-                url = "".concat(API_URL, "otp/send/");
+                url = "".concat(exports.API_URL, "otp/send/");
                 options = {
                     headers: { 'Content-Type': 'application/json' },
                     method: 'POST',
@@ -7776,7 +7776,7 @@ var IntegrationClient = /** @class */ (function () {
             var _this = this;
             return __generator(this, function (_a) {
                 userId = initInfo().userId;
-                url = "".concat(API_URL, "otp/send/");
+                url = "".concat(exports.API_URL, "otp/send/");
                 options = {
                     headers: { 'Content-Type': 'application/json' },
                     method: 'POST',
@@ -7815,7 +7815,7 @@ var IntegrationClient = /** @class */ (function () {
             var _this = this;
             return __generator(this, function (_a) {
                 userId = initInfo().userId;
-                url = "".concat(API_URL, "otp/verify/");
+                url = "".concat(exports.API_URL, "otp/verify/");
                 options = {
                     headers: { 'Content-Type': 'application/json' },
                     method: 'POST',
@@ -7880,7 +7880,7 @@ var IntegrationClient = /** @class */ (function () {
         var _this = this;
         var documents = _a.documents, fillData = _a.fillData, emailSubject = _a.emailSubject, emailBlurb = _a.emailBlurb, signers = _a.signers;
         var userId = initInfo().userId;
-        var url = "".concat(API_URL, "docusign/envelope/");
+        var url = "".concat(exports.API_URL, "docusign/envelope/");
         var options = {
             headers: { 'Content-Type': 'application/json' },
             method: 'POST',
@@ -8062,7 +8062,7 @@ var IntegrationClient = /** @class */ (function () {
                 switch (_d.label) {
                     case 0:
                         userId = initInfo().userId;
-                        initialUrl = "".concat(API_URL, "telesign/silent/initial/");
+                        initialUrl = "".concat(exports.API_URL, "telesign/silent/initial/");
                         options = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -8102,7 +8102,7 @@ var IntegrationClient = /** @class */ (function () {
                             form_key: this.formKey,
                             fuser_key: userId
                         };
-                        finalUrl = "".concat(API_URL, "telesign/silent/final/?").concat(encodeGetParams(params));
+                        finalUrl = "".concat(exports.API_URL, "telesign/silent/final/?").concat(encodeGetParams(params));
                         return [4 /*yield*/, this._fetch(finalUrl, {})];
                     case 4:
                         finalResponse = _d.sent();
@@ -8130,7 +8130,7 @@ var IntegrationClient = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "telesign/phone_type/");
+                        url = "".concat(exports.API_URL, "telesign/phone_type/");
                         options = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -8161,7 +8161,7 @@ var IntegrationClient = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "telesign/otp/").concat(mode, "/");
+                        url = "".concat(exports.API_URL, "telesign/otp/").concat(mode, "/");
                         options = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -8191,7 +8191,7 @@ var IntegrationClient = /** @class */ (function () {
                             form_key: this.formKey,
                             fuser_key: userId
                         };
-                        url = "".concat(API_URL, "telesign/otp/verify/?").concat(encodeGetParams(params));
+                        url = "".concat(exports.API_URL, "telesign/otp/verify/?").concat(encodeGetParams(params));
                         return [4 /*yield*/, this._fetch(url)];
                     case 1:
                         response = _c.sent();
@@ -8235,7 +8235,7 @@ var IntegrationClient = /** @class */ (function () {
                 switch (_d.label) {
                     case 0:
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "alloy/journey/application/");
+                        url = "".concat(exports.API_URL, "alloy/journey/application/");
                         reqOptions = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -8270,7 +8270,7 @@ var IntegrationClient = /** @class */ (function () {
                 switch (_d.label) {
                     case 0:
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "loanpro/customer/create/");
+                        url = "".concat(exports.API_URL, "loanpro/customer/create/");
                         reqOptions = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -8304,7 +8304,7 @@ var IntegrationClient = /** @class */ (function () {
                 switch (_d.label) {
                     case 0:
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "loanpro/customer/search/");
+                        url = "".concat(exports.API_URL, "loanpro/customer/search/");
                         reqOptions = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -8337,7 +8337,7 @@ var IntegrationClient = /** @class */ (function () {
                 switch (_d.label) {
                     case 0:
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "schwab/create_contact/");
+                        url = "".concat(exports.API_URL, "schwab/create_contact/");
                         reqOptions = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -8382,7 +8382,7 @@ var IntegrationClient = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        url = "".concat(API_URL, "salesforce/field/options/");
+                        url = "".concat(exports.API_URL, "salesforce/field/options/");
                         params = new URLSearchParams({
                             object_name: objectName,
                             field_name: fieldName,
@@ -38756,12 +38756,12 @@ var getTitle = function (data) {
     }
     return 'Scanning Documents';
 };
-var ActionToast = function (_a) {
+var ActionToast = React.forwardRef(function (_a, ref) {
     var data = _a.data, _b = _a.bottom, bottom = _b === void 0 ? 20 : _b;
     var _c = __read(React.useState(true), 2), isToastExpanded = _c[0], setIsToastExpanded = _c[1];
     if (data.length === 0)
         return null;
-    return (jsxs("div", exports.__assign({ css: {
+    return (jsxs("div", exports.__assign({ ref: ref, css: {
             position: 'fixed',
             bottom: "".concat(bottom, "px"),
             right: '16px',
@@ -38792,7 +38792,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) {
@@ -39094,6 +39094,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
+var AssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_index.BnFW3Myv.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.';
@@ -39103,6 +39104,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;
@@ -39143,7 +39164,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 = React.useRef(false);
     var curLanguage = React.useRef(undefined);
@@ -39296,7 +39320,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(React.useState(false), 2), hasCompletedExtraction = _31[0], setHasCompletedExtraction = _31[1];
+    React.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(React.useState(0), 2), actionToastHeight = _33[0], setActionToastHeight = _33[1];
+    var actionToastRef = React.useRef(null);
+    var actionToastObserverRef = React.useRef(null);
+    // Reset height when toast data becomes empty
+    var actionToastData = React.useMemo(function () { return __spreadArray(__spreadArray([], __read(currentActionExtractions), false), __read(currentEnvelopeGeneration), false); }, [currentActionExtractions, currentEnvelopeGeneration]);
+    React.useEffect(function () {
+        if (actionToastData.length === 0) {
+            setActionToastHeight(0);
+        }
+    }, [actionToastData.length]);
+    var setActionToastRef = React.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 = React.useRef(undefined);
     // Tracks the execution of user-provided callback functions
@@ -39371,7 +39429,7 @@ function Form(_a) {
         setRequiredStepAction(requiredStepAction);
     }, [activeStep === null || activeStep === void 0 ? void 0 : activeStep.id]);
     // viewElements state
-    var _32 = __read(React.useState([]), 2), viewElements = _32[0], setViewElements = _32[1];
+    var _34 = __read(React.useState([]), 2), viewElements = _34[0], setViewElements = _34[1];
     React.useEffect(function () {
         setViewElements(onViewElements);
     }, [onViewElements.length]);
@@ -39515,7 +39573,7 @@ function Form(_a) {
         return true;
     };
     // For audio AI only right now
-    var _33 = __read(React.useState(_pollFuserData), 2), pollFuserData = _33[0], setPollFuserData = _33[1];
+    var _35 = __read(React.useState(_pollFuserData), 2), pollFuserData = _35[0], setPollFuserData = _35[1];
     usePollFuserData(pollFuserData, client, updateFieldValues);
     var eventCallbackMap = {
         change: onChange,
@@ -40302,7 +40360,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;
@@ -40635,9 +40693,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) {
@@ -40664,6 +40722,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]);
@@ -40672,17 +40732,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();
@@ -40692,6 +40754,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;
@@ -40749,21 +40812,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);
@@ -40783,6 +40850,7 @@ function Form(_a) {
                             setElementError(REQUIRED_FLOW_ACTIONS[requiredStepAction]);
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         pendingFileKeys = getPendingFileUploadKeys();
@@ -40818,6 +40886,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; }) &&
@@ -40838,6 +40907,7 @@ function Form(_a) {
                         if (!submissionResult) {
                             elementClicks[id] = false;
                             clearButtonActionState();
+                            closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
                         _e = __read(submissionResult, 1), stepPromise = _e[0];
@@ -40855,19 +40925,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 () {
@@ -41585,8 +41648,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();
@@ -41733,10 +41795,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(React.Suspense, exports.__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
@@ -44670,7 +44735,7 @@ try {
     distExports$2.setEnvironment((process.env.BACKEND_ENV || 'production'));
 }
 catch (e) { } // process.env won't exist in production build
-var API_URL = distExports$2.getApiUrl();
+exports.API_URL = distExports$2.getApiUrl();
 var CDN_URL = distExports$2.getCdnUrl();
 var STATIC_URL = distExports$2.getStaticUrl();
 var S3_URL = distExports$2.getS3Url();
@@ -44683,7 +44748,7 @@ var updateRegionApiUrls = function (region) {
     if (!environmentMap[region])
         return;
     distExports$2.setEnvironment(environmentMap[region]);
-    API_URL = distExports$2.getApiUrl();
+    exports.API_URL = distExports$2.getApiUrl();
     CDN_URL = distExports$2.getCdnUrl();
     STATIC_URL = distExports$2.getStaticUrl();
     S3_URL = distExports$2.getS3Url();
@@ -44788,7 +44853,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                 if (servars.length === 0)
                     return [2 /*return*/, Promise.resolve()];
                 _a = initInfo(), userId = _a.userId, collaboratorId = _a.collaboratorId;
-                url = "".concat(API_URL, "panel/step/submit/v3/");
+                url = "".concat(exports.API_URL, "panel/step/submit/v3/");
                 data = {
                     fuser_key: userId,
                     step_key: stepKey,
@@ -44894,7 +44959,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                 switch (_a.label) {
                     case 0:
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "panel/step/submit/file/").concat(userId, "/");
+                        url = "".concat(exports.API_URL, "panel/step/submit/file/").concat(userId, "/");
                         formData = new FormData();
                         return [4 /*yield*/, this._getFileValue(servar)];
                     case 1:
@@ -44974,7 +45039,7 @@ var FeatheryClient = /** @class */ (function (_super) {
         if (merge === void 0) { merge = false; }
         var oldUserId = initInfo().userId;
         var data = exports.__assign({ new_fuser_key: newUserId, merge: merge }, (oldUserId ? { fuser_key: oldUserId } : {}));
-        var url = "".concat(API_URL, "fuser/update_key/");
+        var url = "".concat(exports.API_URL, "fuser/update_key/");
         var options = {
             headers: { 'Content-Type': 'application/json' },
             method: 'PATCH',
@@ -44984,7 +45049,7 @@ var FeatheryClient = /** @class */ (function (_super) {
     };
     FeatheryClient.prototype.pollUserData = function () {
         var userId = initInfo().userId;
-        var url = "".concat(API_URL, "fuser/poll/?fuser_key=").concat(userId);
+        var url = "".concat(exports.API_URL, "fuser/poll/?fuser_key=").concat(userId);
         return this._fetch(url);
     };
     FeatheryClient.prototype.setDefaultFormValues = function (_a) {
@@ -45081,7 +45146,7 @@ var FeatheryClient = /** @class */ (function (_super) {
             draft: this.draft,
             theme: theme
         });
-        var baseURL = this.bypassCDN ? API_URL : CDN_URL;
+        var baseURL = this.bypassCDN ? exports.API_URL : CDN_URL;
         var url = "".concat(baseURL, "panel/v20/?").concat(params);
         var options = {
             importance: 'high',
@@ -45177,7 +45242,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                             params.no_data = 'true';
                         // @ts-expect-error TS(2322): Type 'string' is not assignable to type '{ form_ke... Remove this comment to see the full error message
                         params = encodeGetParams(params);
-                        url = "".concat(API_URL, "panel/session/v3/?").concat(params);
+                        url = "".concat(exports.API_URL, "panel/session/v3/?").concat(params);
                         options = { importance: 'high' };
                         return [4 /*yield*/, this._fetch(url, options)];
                     case 4:
@@ -45227,7 +45292,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                     case 1:
                         _d.sent();
                         data = exports.__assign({ auth_id: authId, auth_data: authData, auth_form_key: authState.authFormKey, is_stytch_template_key: isStytchTemplateKey }, (userId ? { fuser_key: userId } : {}));
-                        url = "".concat(API_URL, "panel/update_auth/v3/");
+                        url = "".concat(exports.API_URL, "panel/update_auth/v3/");
                         options = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'PATCH',
@@ -45283,7 +45348,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                         customKeyValues = exports.__assign({}, this.pendingCustomFieldUpdates);
                         this.pendingCustomFieldUpdates = {}; // Clear pending updates after copying them
                         userId = initInfo().userId;
-                        url = "".concat(API_URL, "panel/custom/submit/v3/");
+                        url = "".concat(exports.API_URL, "panel/custom/submit/v3/");
                         jsonKeyVals = {};
                         formData = new FormData();
                         return [4 /*yield*/, Promise.all(Object.entries(customKeyValues).map(function (_a) {
@@ -45484,7 +45549,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                     case 1:
                         _b.sent();
                         _a = initInfo(), userId = _a.userId, collaboratorId = _a.collaboratorId;
-                        url = "".concat(API_URL, "event/");
+                        url = "".concat(exports.API_URL, "event/");
                         data = exports.__assign(exports.__assign({ form_key: this.formKey }, eventData), (userId ? { fuser_key: userId } : {}));
                         if (collaboratorId)
                             data.collaborator_user = collaboratorId;
@@ -45547,7 +45612,7 @@ var FeatheryClient = /** @class */ (function (_super) {
         };
         if (collaboratorId)
             data.collaborator_id = collaboratorId;
-        var url = "".concat(API_URL, "panel/logic-rule/execute/");
+        var url = "".concat(exports.API_URL, "panel/logic-rule/execute/");
         var options = {
             headers: { 'Content-Type': 'application/json' },
             method: 'POST',
@@ -45599,7 +45664,7 @@ var FeatheryClient = /** @class */ (function (_super) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        url = "".concat(API_URL, "account/config/");
+                        url = "".concat(exports.API_URL, "account/config/");
                         reqOptions = {
                             headers: { 'Content-Type': 'application/json' },
                             method: 'POST',
@@ -45629,7 +45694,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                 };
                 if (collaboratorId)
                     params.collaborator_user = collaboratorId;
-                url = "".concat(API_URL, "collaborator/verify/?").concat(encodeGetParams(params));
+                url = "".concat(exports.API_URL, "collaborator/verify/?").concat(encodeGetParams(params));
                 return [2 /*return*/, this._fetch(url).then(function (response) {
                         return response ? response.json() : Promise.resolve();
                     })];
@@ -45669,7 +45734,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                 email = exports.fieldValues[rewindEmailKey];
                 if (email)
                     data.rewind_email = email;
-                url = "".concat(API_URL, "collaborator/rewind/");
+                url = "".concat(exports.API_URL, "collaborator/rewind/");
                 return [2 /*return*/, this._fetch(url, {
                         headers: { 'Content-Type': 'application/json' },
                         method: 'PATCH',
@@ -45706,7 +45771,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                     fuser_key: userId,
                     template_id: templateId
                 };
-                url = "".concat(API_URL, "collaborator/complete/");
+                url = "".concat(exports.API_URL, "collaborator/complete/");
                 return [2 /*return*/, this._fetch(url, {
                         headers: { 'Content-Type': 'application/json' },
                         method: 'PATCH',
@@ -45778,7 +45843,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                         userId = initInfo().userId;
                         if (!userId)
                             return [2 /*return*/];
-                        url = "".concat(API_URL, "panel/step/submit/file/").concat(userId, "/");
+                        url = "".concat(exports.API_URL, "panel/step/submit/file/").concat(userId, "/");
                         return [4 /*yield*/, Promise.all(fieldKeys.map(function (key) {
                                 return _this.offlineRequestHandler.resetRetryAttemptsByUrl(url, {
                                     fieldKey: key
@@ -45804,7 +45869,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();
@@ -45903,9 +45973,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.C2pt_bUm.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.KoeCqMxj.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.Du37duiu.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CFS5EJ_U.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46051,7 +46121,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.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;');
 }
 
@@ -46332,7 +46402,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) {
@@ -47479,39 +47552,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.CvLykMCw.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CRdtsgYY.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.D3t9MrC8.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.NnlX5lQm.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.vkA9iK7B.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.B4FRRpgr.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CIxKm2W7.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BKITOPaK.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.C7ja1s3P.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.Dl8zGsAp.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BeZPHYEW.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CKclXUEz.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BoacvsbM.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DUsXh3p4.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.dpVLfqGZ.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CuALcFA0.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.D9UgyAK0.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.jT0ywpWI.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.2sunYeoj.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BJT2EG9q.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BqZlc7T3.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.DrOR5X_e.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.4VrFlleU.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BxtiIxtR.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.D05feokK.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DLFdpNBi.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DBJtTx9s.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.DiSY7Ac7.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CofrHdeg.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.Pgo2Mu9x.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.DLgrd3kv.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.B6VC3yvc.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BO3AY9qR.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DG9GFt5B.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.B7fwm2Qq.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.BNdR1Zvy.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.Cy80QFQZ.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.C-ANSPxY.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.DjWVnEr6.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.BdO-WOSW.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.D4TokwJO.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.BBe95Bfl.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.D7WPMS-e.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index._QY6Jk0r.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48451,7 +48524,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.avrbgACA.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.CJ4fQh0Q.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -48807,6 +48880,7 @@ exports.hoverStylesGuard = hoverStylesGuard;
 exports.imgMaxSizeStyles = imgMaxSizeStyles;
 exports.indexof = indexof;
 exports.init = init;
+exports.initInfo = initInfo;
 exports.iosScrollOnFocus = iosScrollOnFocus;
 exports.isEmptyArray = isEmptyArray;
 exports.isMobile = isMobile;