@feathery/react 2.40.1 → 2.41.0

package/cjs/{fthry_index.it32PXmr.js → fthry_index.C5nqE8kC.js}

@@ -22355,7 +22355,7 @@ var Element$1 = function (_a) {
     if (elementOnView && onViewElements.includes(fieldId))
         basicProps.onView = function (inView) { return elementOnView(fieldId, inView); };
     if (type === 'progress_bar')
-        return (jsx$1(Elements.ProgressBarElement, exports.__assign({}, basicProps, { progress: userProgress, curDepth: curDepth, maxDepth: maxDepth, stepKey: activeStep === null || activeStep === void 0 ? void 0 : activeStep.key, changeStep: form.changeStep })));
+        return (jsx$1(Elements.ProgressBarElement, exports.__assign({}, basicProps, { progress: userProgress, curDepth: curDepth, maxDepth: maxDepth, stepKey: activeStep === null || activeStep === void 0 ? void 0 : activeStep.key, changeStep: form.changeStep, runElementActions: runElementActions })));
     else if (type === 'image')
         return jsx$1(Elements.ImageElement, exports.__assign({}, basicProps));
     else if (type === 'video')
@@ -41002,7 +41002,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.BINgQyo6.js'); }).then(function (n) { return n.AssistantChat; }); });
+var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.ZStzPnR-.js'); }).then(function (n) { return n.AssistantChat; }); });
 var AssistantChat = function (props) { return (jsx$1(React.Suspense, exports.__assign({ fallback: null }, { children: jsx$1(LazyAssistantChat, exports.__assign({}, props)) }))); };
 
 var AssistantClient = /** @class */ (function () {
@@ -41199,13 +41199,8 @@ function Form(_a) {
         var right = side === 'right' ? width : 0;
         if (isFillWidth) {
             var calc = "calc(100% - ".concat(left + right, "px)");
-            return {
-                minWidth: calc,
-                maxWidth: calc,
-                marginLeft: "".concat(left, "px"),
-                marginRight: "".concat(right, "px"),
-                transition: transition
-            };
+            var sidebarOpen = !!side && width > 0;
+            return exports.__assign({ minWidth: calc, maxWidth: calc, marginLeft: "".concat(left, "px"), marginRight: "".concat(right, "px"), transition: transition }, (sidebarOpen ? { height: '100vh', overflowY: 'auto' } : {}));
         }
         if (!side || !width)
             return {};
@@ -42802,11 +42797,11 @@ function Form(_a) {
     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, externalPreOpenedWindows = _a.preOpenedWindows;
         return __awaiter$2(_this, void 0, void 0, function () {
-            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 id, preOpenedWindows, metadata, trigger, submitPromise, pendingFileKeys, invalid, nextAction, 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) {
+            var _f, _g, _h, _j, _k, _l, _m;
+            return __generator(this, function (_o) {
+                switch (_o.label) {
                     case 0:
                         id = (_f = element.id) !== null && _f !== void 0 ? _f : '';
                         preOpenedWindows = externalPreOpenedWindows !== null && externalPreOpenedWindows !== void 0 ? externalPreOpenedWindows : new Map();
@@ -42845,8 +42840,8 @@ function Form(_a) {
                         if (!pendingFileKeys.length) return [3 /*break*/, 2];
                         return [4 /*yield*/, client.resetPendingFileUploads(pendingFileKeys)];
                     case 1:
-                        _l.sent();
-                        _l.label = 2;
+                        _o.sent();
+                        _o.label = 2;
                     case 2:
                         // Clear any previous button error before re-validation
                         // This allows retry after file upload errors
@@ -42877,18 +42872,18 @@ function Form(_a) {
                             closePreOpenedWindows(preOpenedWindows);
                             return [2 /*return*/];
                         }
-                        hasNext = actions.some(function (action) { return action.type === ACTION_NEXT; }) &&
-                            getNextStepKey(metadata);
+                        nextAction = actions.find(function (action) { return action.type === ACTION_NEXT; });
+                        hasNext = nextAction && ((_g = nextAction.next_step_key) !== null && _g !== void 0 ? _g : getNextStepKey(metadata));
                         submissionResult = void 0;
-                        _l.label = 3;
+                        _o.label = 3;
                     case 3:
-                        _l.trys.push([3, 5, , 6]);
+                        _o.trys.push([3, 5, , 6]);
                         return [4 /*yield*/, submitStep(metadata, element.repeat || 0, !!hasNext)];
                     case 4:
-                        submissionResult = _l.sent();
+                        submissionResult = _o.sent();
                         return [3 /*break*/, 6];
                     case 5:
-                        error_3 = _l.sent();
+                        error_3 = _o.sent();
                         submissionResult = [Promise.reject(error_3)];
                         return [3 /*break*/, 6];
                     case 6:
@@ -42911,7 +42906,7 @@ function Form(_a) {
                         // Ensure all rejection paths are marked handled so React Dev overlay
                         // doesn't surface "Unhandled Runtime Error" when navigation is allowed
                         submitPromise.catch(function () { });
-                        _l.label = 7;
+                        _o.label = 7;
                     case 7:
                         if (!externalPreOpenedWindows)
                             actions = prioritizeActions(actions);
@@ -42962,7 +42957,7 @@ function Form(_a) {
                         };
                         return [4 /*yield*/, runAction(true)];
                     case 8:
-                        _l.sent();
+                        _o.sent();
                         hasExtractions = actions.some(function (action) { return action.type === ACTION_AI_EXTRACTION && !action.run_async; });
                         if (hasExtractions) {
                             initializeActionExtractions(actions);
@@ -42973,9 +42968,9 @@ function Form(_a) {
                         }
                         _loop_1 = function () {
                             var action, type, container, container, personaMeta, url, preOpened, eventData, phoneNum, e_6, phoneNum, e_7, emailAddress, e_8, pinKey, pin, params, hasErr_1, prom, email, e_9, auth, loginStep, actionSuccess, val, valid, val, invitees, res, collabKey, collaborators, newVals, e_10, e_11, extractions, _loop_2, state_2, data, errorEntry, e_12, envelopeId, data, envAction, url, eventData, files, newValues, e_13, payload, e_14, key_1, val, servar_1, hiddenFieldType, destVal, setToDefaultValue, curIndex, defaultVal, i_1, newValues, phoneNum, silentVeriResult, key, newValues, e_15, phoneNum, phoneType, key, newValues, e_16, phoneNum, e_17, pinKey, pin, pinMatch, e_18;
-                            var _m, _o, _p, _q, _r, _s, _t;
-                            return __generator(this, function (_u) {
-                                switch (_u.label) {
+                            var _p, _q, _r, _s, _t, _u, _v;
+                            return __generator(this, function (_w) {
+                                switch (_w.label) {
                                     case 0:
                                         action = actions[i];
                                         type = action.type;
@@ -42992,56 +42987,56 @@ function Form(_a) {
                                         if (!(type === ACTION_TRIGGER_PERSONA)) return [3 /*break*/, 4];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 3:
-                                        _u.sent();
-                                        personaMeta = (_g = integrations === null || integrations === void 0 ? void 0 : integrations.persona.metadata) !== null && _g !== void 0 ? _g : {};
+                                        _w.sent();
+                                        personaMeta = (_h = integrations === null || integrations === void 0 ? void 0 : integrations.persona.metadata) !== null && _h !== void 0 ? _h : {};
                                         triggerPersona(personaMeta, flowOnSuccess(i), setElementError, updateFieldValues, client);
                                         return [2 /*return*/, "break"];
                                     case 4:
                                         if (!(type === ACTION_ALLOY_VERIFY_ID)) return [3 /*break*/, 7];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 5:
-                                        _u.sent();
+                                        _w.sent();
                                         return [4 /*yield*/, verifyAlloyId(action, integrations === null || integrations === void 0 ? void 0 : integrations.alloy, flowOnSuccess(i))];
                                     case 6:
-                                        _u.sent();
+                                        _w.sent();
                                         return [2 /*return*/, "break"];
                                     case 7:
                                         if (!(type === ACTION_SCHWAB_CREATE_CONTACT)) return [3 /*break*/, 10];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 8:
-                                        _u.sent();
+                                        _w.sent();
                                         return [4 /*yield*/, createSchwabContact(client, setElementError)];
                                     case 9:
-                                        _u.sent();
+                                        _w.sent();
                                         return [2 /*return*/, "break"];
                                     case 10:
                                         if (!(type === ACTION_TRIGGER_PLAID)) return [3 /*break*/, 13];
                                         return [4 /*yield*/, submitPromise];
                                     case 11:
-                                        _u.sent();
+                                        _w.sent();
                                         return [4 /*yield*/, openPlaidLink(client, flowOnSuccess(i), function () { return onAsyncEnd(); }, updateFieldValues, action, function (err) {
                                                 return setElementError(err || 'Plaid was unable to fetch your data');
                                             })];
                                     case 12:
-                                        _u.sent();
+                                        _w.sent();
                                         return [2 /*return*/, "break"];
                                     case 13:
                                         if (!(type === ACTION_TRIGGER_ARGYLE)) return [3 /*break*/, 16];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 14:
-                                        _u.sent();
+                                        _w.sent();
                                         return [4 /*yield*/, openArgyleLink(client, flowOnSuccess(i), integrations === null || integrations === void 0 ? void 0 : integrations.argyle)];
                                     case 15:
-                                        _u.sent();
+                                        _w.sent();
                                         return [2 /*return*/, "break"];
                                     case 16:
                                         if (!(type === ACTION_TRIGGER_FLINKS)) return [3 /*break*/, 19];
                                         return [4 /*yield*/, submitPromise];
                                     case 17:
-                                        _u.sent();
+                                        _w.sent();
                                         return [4 /*yield*/, openFlinksConnect(client, flowOnSuccess(i), function (err) { return setElementError(err || 'Please connect Flinks'); }, integrations === null || integrations === void 0 ? void 0 : integrations.flinks, updateFieldValues)];
                                     case 18:
-                                        _u.sent();
+                                        _w.sent();
                                         return [2 /*return*/, "break"];
                                     case 19:
                                         if (!(type === ACTION_URL)) return [3 /*break*/, 22];
@@ -43069,23 +43064,23 @@ function Form(_a) {
                                         };
                                         return [4 /*yield*/, client.registerEvent(eventData)];
                                     case 20:
-                                        _u.sent();
+                                        _w.sent();
                                         featheryWindow().location.href = url;
-                                        _u.label = 21;
+                                        _w.label = 21;
                                     case 21: return [3 /*break*/, 139];
                                     case 22:
                                         if (!(type === ACTION_SEND_SMS_MESSAGE)) return [3 /*break*/, 29];
                                         phoneNum = exports.fieldValues[action.phone_target_field_key];
                                         if (!validators.phone(phoneNum)) return [3 /*break*/, 27];
-                                        _u.label = 23;
+                                        _w.label = 23;
                                     case 23:
-                                        _u.trys.push([23, 25, , 26]);
+                                        _w.trys.push([23, 25, , 26]);
                                         return [4 /*yield*/, client.sendSMSMessage(phoneNum, action.sms_message)];
                                     case 24:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 26];
                                     case 25:
-                                        e_6 = _u.sent();
+                                        e_6 = _w.sent();
                                         setElementError(e_6.message);
                                         return [2 /*return*/, "break"];
                                     case 26: return [3 /*break*/, 28];
@@ -43097,15 +43092,15 @@ function Form(_a) {
                                         if (!(type === ACTION_SEND_SMS_CODE)) return [3 /*break*/, 36];
                                         phoneNum = exports.fieldValues[action.auth_target_field_key];
                                         if (!validators.phone(phoneNum)) return [3 /*break*/, 34];
-                                        _u.label = 30;
+                                        _w.label = 30;
                                     case 30:
-                                        _u.trys.push([30, 32, , 33]);
+                                        _w.trys.push([30, 32, , 33]);
                                         return [4 /*yield*/, Auth.sendSms(phoneNum, client)];
                                     case 31:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 33];
                                     case 32:
-                                        e_7 = _u.sent();
+                                        e_7 = _w.sent();
                                         setElementError(e_7.message);
                                         return [2 /*return*/, "break"];
                                     case 33: return [3 /*break*/, 35];
@@ -43117,15 +43112,15 @@ function Form(_a) {
                                         if (!(type === ACTION_SEND_EMAIL_CODE)) return [3 /*break*/, 43];
                                         emailAddress = exports.fieldValues[action.email_field_key];
                                         if (!validators.email(emailAddress)) return [3 /*break*/, 41];
-                                        _u.label = 37;
+                                        _w.label = 37;
                                     case 37:
-                                        _u.trys.push([37, 39, , 40]);
+                                        _w.trys.push([37, 39, , 40]);
                                         return [4 /*yield*/, client.sendEmailOTP(emailAddress)];
                                     case 38:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 40];
                                     case 39:
-                                        e_8 = _u.sent();
+                                        e_8 = _w.sent();
                                         setElementError(e_8.message);
                                         return [2 /*return*/, "break"];
                                     case 40: return [3 /*break*/, 42];
@@ -43154,25 +43149,25 @@ function Form(_a) {
                                                 hasErr_1 = true;
                                             })];
                                     case 44:
-                                        _u.sent();
+                                        _w.sent();
                                         if (hasErr_1)
                                             return [2 /*return*/, "break"];
-                                        client.submitCustom((_m = {}, _m[pinKey] = pin, _m));
+                                        client.submitCustom((_p = {}, _p[pinKey] = pin, _p));
                                         authState.redirectAfterLogin = true;
                                         return [3 /*break*/, 139];
                                     case 45:
                                         if (!(type === ACTION_SEND_MAGIC_LINK)) return [3 /*break*/, 52];
                                         email = exports.fieldValues[action.auth_target_field_key];
                                         if (!validators.email(email)) return [3 /*break*/, 50];
-                                        _u.label = 46;
+                                        _w.label = 46;
                                     case 46:
-                                        _u.trys.push([46, 48, , 49]);
+                                        _w.trys.push([46, 48, , 49]);
                                         return [4 /*yield*/, Auth.sendMagicLink(email)];
                                     case 47:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 49];
                                     case 48:
-                                        e_9 = _u.sent();
+                                        e_9 = _w.sent();
                                         setElementError(e_9.message);
                                         return [2 /*return*/, "break"];
                                     case 49: return [3 /*break*/, 51];
@@ -43184,7 +43179,7 @@ function Form(_a) {
                                         if (!(type === ACTION_OAUTH_LOGIN)) return [3 /*break*/, 56];
                                         return [4 /*yield*/, Auth.oauthRedirect(action.oauth_type, client)];
                                     case 53:
-                                        auth = _u.sent();
+                                        auth = _w.sent();
                                         if (!(auth && auth.result)) return [3 /*break*/, 55];
                                         loginStep = getLoginStep(steps, integrations);
                                         if (!loginStep) return [3 /*break*/, 55];
@@ -43192,44 +43187,44 @@ function Form(_a) {
                                                 redirectKey: loginStep.key
                                             })];
                                     case 54:
-                                        _u.sent();
-                                        _u.label = 55;
+                                        _w.sent();
+                                        _w.label = 55;
                                     case 55: return [3 /*break*/, 139];
                                     case 56:
                                         if (!(type === ACTION_LOGOUT)) return [3 /*break*/, 58];
                                         return [4 /*yield*/, Auth.inferAuthLogout()];
                                     case 57:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 139];
                                     case 58:
                                         if (!(type === ACTION_NEW_SUBMISSION)) return [3 /*break*/, 60];
                                         return [4 /*yield*/, updateUserId(v4$1())];
                                     case 59:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 139];
                                     case 60:
                                         if (!(type === ACTION_NEXT)) return [3 /*break*/, 62];
                                         return [4 /*yield*/, goToNewStep({
-                                                redirectKey: getNextStepKey(metadata),
+                                                redirectKey: (_j = action.next_step_key) !== null && _j !== void 0 ? _j : getNextStepKey(metadata),
                                                 elementType: metadata.elementType,
                                                 submitData: submit,
                                                 submitPromise: submitPromise,
                                                 completionButton: elementType === 'button' ? element : null
                                             })];
                                     case 61:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 139];
                                     case 62:
                                         if (!(type === ACTION_BACK)) return [3 /*break*/, 64];
                                         return [4 /*yield*/, goToPreviousStep()];
                                     case 63:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 139];
                                     case 64:
                                         if (!(type === ACTION_PURCHASE_PRODUCTS)) return [3 /*break*/, 66];
                                         return [4 /*yield*/, purchaseProductsAction(element)];
                                     case 65:
-                                        actionSuccess = _u.sent();
+                                        actionSuccess = _w.sent();
                                         if (!actionSuccess)
                                             return [2 /*return*/, "break"];
                                         return [3 /*break*/, 139];
@@ -43250,7 +43245,7 @@ function Form(_a) {
                                         }
                                         return [4 /*yield*/, client.verifyCollaborator(val)];
                                     case 69:
-                                        valid = (_u.sent()).valid;
+                                        valid = (_w.sent()).valid;
                                         if (!valid) {
                                             setElementError('Invalid form collaborator');
                                             return [2 /*return*/, "break"];
@@ -43260,33 +43255,33 @@ function Form(_a) {
                                         if (!(type === ACTION_INVITE_COLLABORATOR)) return [3 /*break*/, 78];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 71:
-                                        _u.sent();
+                                        _w.sent();
                                         val = exports.fieldValues[action.email_field_key];
                                         if (!val) {
                                             setElementError('Collaborators required');
                                             return [2 /*return*/, "break"];
                                         }
                                         invitees = toList(val, true);
-                                        _u.label = 72;
+                                        _w.label = 72;
                                     case 72:
-                                        _u.trys.push([72, 76, , 77]);
+                                        _w.trys.push([72, 76, , 77]);
                                         return [4 /*yield*/, client.inviteCollaborator(invitees, action.template_id)];
                                     case 73:
-                                        res = _u.sent();
+                                        res = _w.sent();
                                         collabKey = action.collaborator_field_key;
                                         if (!(res && res.ok && collabKey)) return [3 /*break*/, 75];
                                         collaborators = res.payload.collaborators;
-                                        newVals = (_o = {},
-                                            _o[collabKey] = collaborators.map(function (c) { return c.id; }),
-                                            _o);
+                                        newVals = (_q = {},
+                                            _q[collabKey] = collaborators.map(function (c) { return c.id; }),
+                                            _q);
                                         updateFieldValues(newVals);
                                         return [4 /*yield*/, client.submitCustom(newVals)];
                                     case 74:
-                                        _u.sent();
-                                        _u.label = 75;
+                                        _w.sent();
+                                        _w.label = 75;
                                     case 75: return [3 /*break*/, 77];
                                     case 76:
-                                        e_10 = _u.sent();
+                                        e_10 = _w.sent();
                                         setElementError(e_10.message);
                                         return [2 /*return*/, "break"];
                                     case 77: return [3 /*break*/, 139];
@@ -43294,16 +43289,16 @@ function Form(_a) {
                                         if (!(type === ACTION_REWIND_COLLABORATION)) return [3 /*break*/, 84];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 79:
-                                        _u.sent();
-                                        _u.label = 80;
+                                        _w.sent();
+                                        _w.label = 80;
                                     case 80:
-                                        _u.trys.push([80, 82, , 83]);
+                                        _w.trys.push([80, 82, , 83]);
                                         return [4 /*yield*/, client.rewindCollaboration(action.template_id, action.email_field_key)];
                                     case 81:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 83];
                                     case 82:
-                                        e_11 = _u.sent();
+                                        e_11 = _w.sent();
                                         setElementError(e_11.message);
                                         return [2 /*return*/, "break"];
                                     case 83: return [3 /*break*/, 139];
@@ -43311,11 +43306,11 @@ function Form(_a) {
                                         if (!(type === ACTION_AI_EXTRACTION)) return [3 /*break*/, 90];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 85:
-                                        _u.sent();
+                                        _w.sent();
                                         extractions = [];
-                                        _u.label = 86;
+                                        _w.label = 86;
                                     case 86:
-                                        _u.trys.push([86, 88, , 89]);
+                                        _w.trys.push([86, 88, , 89]);
                                         _loop_2 = function () {
                                             var curAction = actions[i];
                                             if (curAction.type === ACTION_AI_EXTRACTION &&
@@ -43354,7 +43349,7 @@ function Form(_a) {
                                         }
                                         return [4 /*yield*/, Promise.all(extractions)];
                                     case 87:
-                                        data = _u.sent();
+                                        data = _w.sent();
                                         errorEntry = data.find(function (entry) { return entry.status === 'error'; });
                                         if (errorEntry) {
                                             setElementError(errorEntry.message);
@@ -43369,7 +43364,7 @@ function Form(_a) {
                                         }
                                         return [3 /*break*/, 89];
                                     case 88:
-                                        e_12 = _u.sent();
+                                        e_12 = _w.sent();
                                         setElementError(e_12.message);
                                         return [2 /*return*/, "break"];
                                     case 89: return [3 /*break*/, 139];
@@ -43379,13 +43374,13 @@ function Form(_a) {
                                         updateEnvelopeGeneration(envelopeId, { status: 'incomplete' });
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 91:
-                                        _u.sent();
-                                        _u.label = 92;
+                                        _w.sent();
+                                        _w.label = 92;
                                     case 92:
-                                        _u.trys.push([92, 101, , 102]);
+                                        _w.trys.push([92, 101, , 102]);
                                         return [4 /*yield*/, client.generateEnvelopes(action)];
                                     case 93:
-                                        data = _u.sent();
+                                        data = _w.sent();
                                         if (data.status === 'error') {
                                             updateEnvelopeGeneration(envelopeId, { status: 'error' });
                                             setElementError(data.message);
@@ -43404,12 +43399,12 @@ function Form(_a) {
                                         };
                                         return [4 /*yield*/, client.registerEvent(eventData)];
                                     case 94:
-                                        _u.sent();
+                                        _w.sent();
                                         featheryWindow().location.href = url;
                                         return [3 /*break*/, 96];
                                     case 95:
                                         openTab(url);
-                                        _u.label = 96;
+                                        _w.label = 96;
                                     case 96: return [3 /*break*/, 100];
                                     case 97:
                                         if (!(envAction === 'download' && data.files)) return [3 /*break*/, 99];
@@ -43417,21 +43412,21 @@ function Form(_a) {
                                         return [4 /*yield*/, downloadAllFileUrls(data.files, replaceTextVariables(action.envelope_zip_name))];
                                     case 98:
                                         // Download files directly
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 100];
                                     case 99:
                                         if (envAction === 'save') {
                                             files = data.files;
                                             if (files.length === 1)
                                                 files = files[0];
-                                            newValues = (_p = {}, _p[action.save_document_field_key] = files, _p);
+                                            newValues = (_r = {}, _r[action.save_document_field_key] = files, _r);
                                             updateFieldValues(newValues);
                                             client.submitCustom(newValues);
                                         }
-                                        _u.label = 100;
+                                        _w.label = 100;
                                     case 100: return [3 /*break*/, 102];
                                     case 101:
-                                        e_13 = _u.sent();
+                                        e_13 = _w.sent();
                                         updateEnvelopeGeneration(envelopeId, { status: 'error' });
                                         setElementError(e_13.message);
                                         return [2 /*return*/, "break"];
@@ -43440,13 +43435,13 @@ function Form(_a) {
                                         if (!(type === ACTION_GENERATE_QUIK_DOCUMENTS)) return [3 /*break*/, 113];
                                         return [4 /*yield*/, Promise.all([submitPromise, client.flushCustomFields()])];
                                     case 104:
-                                        _u.sent();
-                                        _u.label = 105;
+                                        _w.sent();
+                                        _w.label = 105;
                                     case 105:
-                                        _u.trys.push([105, 111, , 112]);
+                                        _w.trys.push([105, 111, , 112]);
                                         return [4 /*yield*/, client.generateQuikEnvelopes(action)];
                                     case 106:
-                                        payload = _u.sent();
+                                        payload = _w.sent();
                                         if (!(payload.status === 'error')) return [3 /*break*/, 107];
                                         setElementError(payload.message);
                                         return [3 /*break*/, 110];
@@ -43470,11 +43465,11 @@ function Form(_a) {
                                         if (!(action.form_fill_type === 'pdf' && payload.files)) return [3 /*break*/, 110];
                                         return [4 /*yield*/, downloadAllFileUrls(payload.files, replaceTextVariables(action.envelope_zip_name))];
                                     case 109:
-                                        _u.sent();
-                                        _u.label = 110;
+                                        _w.sent();
+                                        _w.label = 110;
                                     case 110: return [3 /*break*/, 112];
                                     case 111:
-                                        e_14 = _u.sent();
+                                        e_14 = _w.sent();
                                         setElementError(e_14.message);
                                         return [2 /*return*/, "break"];
                                     case 112: return [3 /*break*/, 139];
@@ -43497,14 +43492,14 @@ function Form(_a) {
                                             }
                                         });
                                         if (isNum(element.repeat) && Array.isArray(val))
-                                            val = (_h = val[element.repeat]) !== null && _h !== void 0 ? _h : '';
+                                            val = (_k = val[element.repeat]) !== null && _k !== void 0 ? _k : '';
                                         hiddenFieldType = hiddenFields[key_1];
                                         val = hiddenFieldType
                                             ? castHiddenVal(hiddenFieldType, val)
                                             : castServarVal(servar_1 === null || servar_1 === void 0 ? void 0 : servar_1.type, val);
                                         destVal = exports.fieldValues[key_1];
                                         if (servar_1 === null || servar_1 === void 0 ? void 0 : servar_1.repeated)
-                                            destVal = destVal[(_j = element.repeat) !== null && _j !== void 0 ? _j : 0];
+                                            destVal = destVal[(_l = element.repeat) !== null && _l !== void 0 ? _l : 0];
                                         setToDefaultValue = action.toggle && JSON.stringify(destVal) === JSON.stringify(val);
                                         if (setToDefaultValue) {
                                             // could be a hidden field
@@ -43512,7 +43507,7 @@ function Form(_a) {
                                         }
                                         if (servar_1 === null || servar_1 === void 0 ? void 0 : servar_1.repeated) {
                                             destVal = __spreadArray([], __read(exports.fieldValues[key_1]), false);
-                                            curIndex = (_k = element.repeat) !== null && _k !== void 0 ? _k : 0;
+                                            curIndex = (_m = element.repeat) !== null && _m !== void 0 ? _m : 0;
                                             // Repeat index already set via click if retain_click_value
                                             if (!action.retain_click_value)
                                                 destVal[curIndex] = val;
@@ -43527,7 +43522,7 @@ function Form(_a) {
                                         }
                                         else if (action.retain_click_value)
                                             return [2 /*return*/, "continue"]; // Field already set via click
-                                        newValues = (_q = {}, _q[key_1] = val, _q);
+                                        newValues = (_s = {}, _s[key_1] = val, _s);
                                         updateFieldValues(newValues, { clearErrors: false });
                                         client.submitCustom(newValues);
                                         return [3 /*break*/, 139];
@@ -43535,21 +43530,21 @@ function Form(_a) {
                                         if (!(type === ACTION_TELESIGN_SILENT_VERIFICATION)) return [3 /*break*/, 121];
                                         phoneNum = exports.fieldValues[action.telesign_target_field_key];
                                         if (!validators.phone(phoneNum)) return [3 /*break*/, 119];
-                                        _u.label = 115;
+                                        _w.label = 115;
                                     case 115:
-                                        _u.trys.push([115, 117, , 118]);
+                                        _w.trys.push([115, 117, , 118]);
                                         return [4 /*yield*/, client.telesignSilentVerification(phoneNum)];
                                     case 116:
-                                        silentVeriResult = _u.sent();
+                                        silentVeriResult = _w.sent();
                                         key = action.telesign_status_field_key;
-                                        newValues = (_r = {},
-                                            _r[key] = silentVeriResult,
-                                            _r);
+                                        newValues = (_t = {},
+                                            _t[key] = silentVeriResult,
+                                            _t);
                                         updateFieldValues(newValues, { clearErrors: false });
                                         client.submitCustom(newValues);
                                         return [3 /*break*/, 118];
                                     case 117:
-                                        e_15 = _u.sent();
+                                        e_15 = _w.sent();
                                         setElementError(e_15.message);
                                         return [2 /*return*/, "break"];
                                     case 118: return [3 /*break*/, 120];
@@ -43561,21 +43556,21 @@ function Form(_a) {
                                         if (!(type === ACTION_TELESIGN_PHONE_TYPE)) return [3 /*break*/, 128];
                                         phoneNum = exports.fieldValues[action.telesign_target_field_key];
                                         if (!validators.phone(phoneNum)) return [3 /*break*/, 126];
-                                        _u.label = 122;
+                                        _w.label = 122;
                                     case 122:
-                                        _u.trys.push([122, 124, , 125]);
+                                        _w.trys.push([122, 124, , 125]);
                                         return [4 /*yield*/, client.telesignPhoneType(phoneNum)];
                                     case 123:
-                                        phoneType = _u.sent();
+                                        phoneType = _w.sent();
                                         key = action.telesign_status_field_key;
-                                        newValues = (_s = {},
-                                            _s[key] = phoneType,
-                                            _s);
+                                        newValues = (_u = {},
+                                            _u[key] = phoneType,
+                                            _u);
                                         updateFieldValues(newValues, { clearErrors: false });
                                         client.submitCustom(newValues);
                                         return [3 /*break*/, 125];
                                     case 124:
-                                        e_16 = _u.sent();
+                                        e_16 = _w.sent();
                                         setElementError(e_16.message);
                                         return [2 /*return*/, "break"];
                                     case 125: return [3 /*break*/, 127];
@@ -43587,15 +43582,15 @@ function Form(_a) {
                                         if (![ACTION_TELESIGN_VOICE_OTP, ACTION_TELESIGN_SMS_OTP].includes(type)) return [3 /*break*/, 135];
                                         phoneNum = exports.fieldValues[action.telesign_target_field_key];
                                         if (!validators.phone(phoneNum)) return [3 /*break*/, 133];
-                                        _u.label = 129;
+                                        _w.label = 129;
                                     case 129:
-                                        _u.trys.push([129, 131, , 132]);
+                                        _w.trys.push([129, 131, , 132]);
                                         return [4 /*yield*/, client.telesignSendOTP(phoneNum, type === ACTION_TELESIGN_VOICE_OTP ? 'voice' : 'sms')];
                                     case 130:
-                                        _u.sent();
+                                        _w.sent();
                                         return [3 /*break*/, 132];
                                     case 131:
-                                        e_17 = _u.sent();
+                                        e_17 = _w.sent();
                                         setElementError(e_17.message);
                                         return [2 /*return*/, "break"];
                                     case 132: return [3 /*break*/, 134];
@@ -43607,21 +43602,21 @@ function Form(_a) {
                                         if (!(type === ACTION_TELESIGN_VERIFY_OTP)) return [3 /*break*/, 139];
                                         pinKey = action.telesign_target_field_key;
                                         pin = exports.fieldValues[pinKey];
-                                        _u.label = 136;
+                                        _w.label = 136;
                                     case 136:
-                                        _u.trys.push([136, 138, , 139]);
+                                        _w.trys.push([136, 138, , 139]);
                                         return [4 /*yield*/, client.telesignVerifyOTP(pin)];
                                     case 137:
-                                        pinMatch = _u.sent();
+                                        pinMatch = _w.sent();
                                         if (!pinMatch) {
                                             setElementError('Invalid code. Please try again');
                                             return [2 /*return*/, "break"];
                                         }
                                         else
-                                            client.submitCustom((_t = {}, _t[pinKey] = pin, _t));
+                                            client.submitCustom((_v = {}, _v[pinKey] = pin, _v));
                                         return [3 /*break*/, 139];
                                     case 138:
-                                        e_18 = _u.sent();
+                                        e_18 = _w.sent();
                                         setElementError(e_18.message);
                                         return [2 /*return*/, "break"];
                                     case 139: return [2 /*return*/];
@@ -43629,15 +43624,15 @@ function Form(_a) {
                             });
                         };
                         i = 0;
-                        _l.label = 9;
+                        _o.label = 9;
                     case 9:
                         if (!(i < actions.length)) return [3 /*break*/, 12];
                         return [5 /*yield**/, _loop_1()];
                     case 10:
-                        state_1 = _l.sent();
+                        state_1 = _o.sent();
                         if (state_1 === "break")
                             return [3 /*break*/, 12];
-                        _l.label = 11;
+                        _o.label = 11;
                     case 11:
                         i++;
                         return [3 /*break*/, 9];
@@ -43650,7 +43645,7 @@ function Form(_a) {
                         }
                         return [4 /*yield*/, runAction(false)];
                     case 13:
-                        _l.sent();
+                        _o.sent();
                         elementClicks[id] = false;
                         clearButtonActionState();
                         return [2 /*return*/];
@@ -46063,7 +46058,10 @@ function installMixpanel(mixpanelConfig) {
             }
         })(featheryDoc(), featheryWindow().mixpanel || []);
         var meta = mixpanelConfig.metadata;
-        featheryWindow().mixpanel.init(meta.api_key);
+        var options = meta.eu_server
+            ? { api_host: 'https://api-eu.mixpanel.com' }
+            : {};
+        featheryWindow().mixpanel.init(meta.api_key, options);
         if (meta.identify_user)
             featheryWindow().mixpanel.identify(initInfo().userId);
     }
@@ -47608,9 +47606,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.DfcanA-w.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.hfuKeX0M.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.Db18omAR.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BLyUiSYA.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47756,7 +47754,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.40.1" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.41.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;');
 }
 
@@ -49271,64 +49269,64 @@ breakpoint) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BFhnkMpT.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.1oEFyAGP.js'); });
     },
     ButtonGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.cnUDSCaQ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.B-UU8i3N.js'); });
     },
     CheckboxField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.D8ITkmFC.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.y4tmJzGh.js'); });
     },
     CheckboxGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.7mKI1oBY.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.792DnHfR.js'); });
     },
     ColorPickerField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BUdPhxy4.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BKVCeI8M.js'); });
     },
     CustomField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CKWYW0O2.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CewNeOjM.js'); });
     },
     DateSelectorField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Dj4ehG8g.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CErEr18j.js'); });
     },
     DropdownField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.DJ6koGNn.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.BZV0QImG.js'); });
     },
     DropdownMultiField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DpVhF5g2.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DeDGU7A8.js'); });
     },
     FileUploadField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.BMETf3gc.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.Di7Giv3P.js'); });
     },
     MatrixField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BSCklZZq.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.ClmLN_OD.js'); });
     },
     PasswordField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.Da5woXe8.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BrR9-bMa.js'); });
     },
     PaymentMethodField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.C4VaZqHL.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.sRwR5_61.js'); });
     },
-    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BKWR0eIG.js'); }); },
+    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BZsqfLAY.js'); }); },
     PinInputField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CbQmuDs_.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.BfKMhDL9.js'); });
     },
-    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.zUy9GEIP.js'); }); },
+    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.x3euiywy.js'); }); },
     RadioButtonGroupField: function () {
         return Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.B8ak9onq.js'); });
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.Jpj4Glh5.js'); });
     },
     RatingField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.77iwkkTt.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CuRipLlH.js'); });
     },
     SignatureField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.XvyKMnpa.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.ZMlNlPA3.js'); });
     },
     SliderField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.4pE67UNZ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.C-vFVU2N.js'); });
     },
-    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.D_BPIST3.js'); }); },
-    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.B3vyA57B.js'); }); }
+    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.C4KmumGc.js'); }); },
+    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.BOC9Xno9.js'); }); }
 };
 var getPositionKey = function (element) { var _a; return ((_a = element.position) === null || _a === void 0 ? void 0 : _a.join(',')) || 'root'; };
 // Share the resolved component between preload and render. A separate
@@ -50257,7 +50255,7 @@ function isStepVisible(step) {
 }
 function StepperBar(_a) {
     var _b, _c;
-    var styles = _a.styles, stepConfigs = _a.stepConfigs, stepKey = _a.stepKey, _d = _a.textPlacement, textPlacement = _d === void 0 ? 'bottom' : _d, onStepClick = _a.onStepClick, _e = _a.vertical, vertical = _e === void 0 ? false : _e, style = _a.style;
+    var styles = _a.styles, stepConfigs = _a.stepConfigs, stepKey = _a.stepKey, _d = _a.textPlacement, textPlacement = _d === void 0 ? 'bottom' : _d, onStepClick = _a.onStepClick, _e = _a.allowAllNavigation, allowAllNavigation = _e === void 0 ? false : _e, _f = _a.vertical, vertical = _f === void 0 ? false : _f, style = _a.style;
     var barStyles = styles.getTarget('bar');
     var showLabels = textPlacement !== 'none';
     var visibleStepConfigs = stepConfigs.filter(isStepVisible);
@@ -50282,7 +50280,12 @@ function StepperBar(_a) {
             var isActive = index === activeStep;
             var isLast = index === steps.length - 1;
             var sKey = (_a = visibleStepConfigs === null || visibleStepConfigs === void 0 ? void 0 : visibleStepConfigs[index]) === null || _a === void 0 ? void 0 : _a.step_key;
-            var isClickable = isCompleted && !!onStepClick && !!sKey;
+            // With all-step navigation on, any step other than the current one is
+            // clickable; otherwise only completed (already-visited) steps are.
+            var isClickable = !!onStepClick &&
+                !!sKey &&
+                !isActive &&
+                (allowAllNavigation || isCompleted);
             var connectorStyle = vertical
                 ? {
                     width: '2px',
@@ -50351,13 +50354,27 @@ function applyProgressBarStyles(responsiveStyles) {
     return responsiveStyles;
 }
 function ProgressBarElement(_a) {
-    var _b, _c, _d, _e, _f;
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, progress = _a.progress, _g = _a.curDepth, curDepth = _g === void 0 ? 1 : _g, _h = _a.maxDepth, maxDepth = _h === void 0 ? 1 : _h, stepKey = _a.stepKey, changeStep = _a.changeStep, _j = _a.elementProps, elementProps = _j === void 0 ? {} : _j, children = _a.children;
+    var _b, _c, _d, _e, _f, _g;
+    var element = _a.element, responsiveStyles = _a.responsiveStyles, progress = _a.progress, _h = _a.curDepth, curDepth = _h === void 0 ? 1 : _h, _j = _a.maxDepth, maxDepth = _j === void 0 ? 1 : _j, stepKey = _a.stepKey, changeStep = _a.changeStep, runElementActions = _a.runElementActions, _k = _a.elementProps, elementProps = _k === void 0 ? {} : _k, children = _a.children;
     var styles = React.useMemo(function () { return applyProgressBarStyles(responsiveStyles); }, [responsiveStyles]);
     var vertical = element.styles.bar_direction === 'vertical';
     var containerProps = exports.__assign({ css: exports.__assign(exports.__assign({ display: 'flex', flexDirection: 'column', position: 'relative', width: '100%' }, (vertical && { height: '100%' })), styles.getTarget('barContainer')) }, elementProps);
     if ((_b = element.properties) === null || _b === void 0 ? void 0 : _b.stepper) {
-        return (jsxs("div", exports.__assign({}, containerProps, { children: [children, jsx$1(StepperBar, { styles: styles, stepConfigs: (_d = (_c = element.properties) === null || _c === void 0 ? void 0 : _c.stepper_steps) !== null && _d !== void 0 ? _d : [], stepKey: stepKey, textPlacement: element.styles.percent_text_layout, onStepClick: changeStep, vertical: vertical, style: vertical ? { flex: 1 } : undefined })] })));
+        // When navigation to all steps is enabled, clicking a step validates and
+        // submits the current step before navigating to the clicked step; otherwise
+        // only already-visited steps are clickable and navigation happens directly.
+        var allowAllNavigation = !!((_c = element.properties) === null || _c === void 0 ? void 0 : _c.navigate_to_all_steps);
+        var onStepClick = allowAllNavigation
+            ? function (targetStepKey) {
+                return runElementActions({
+                    element: element,
+                    elementType: 'progress_bar',
+                    actions: [{ type: ACTION_NEXT, next_step_key: targetStepKey }],
+                    submit: true
+                });
+            }
+            : changeStep;
+        return (jsxs("div", exports.__assign({}, containerProps, { children: [children, jsx$1(StepperBar, { styles: styles, stepConfigs: (_e = (_d = element.properties) === null || _d === void 0 ? void 0 : _d.stepper_steps) !== null && _e !== void 0 ? _e : [], stepKey: stepKey, textPlacement: element.styles.percent_text_layout, onStepClick: onStepClick, allowAllNavigation: allowAllNavigation, vertical: vertical, style: vertical ? { flex: 1 } : undefined })] })));
     }
     var userProgress, userSegments;
     if (![null, undefined].includes(progress)) {
@@ -50366,10 +50383,10 @@ function ProgressBarElement(_a) {
         }
         else {
             userProgress = progress.progress;
-            userSegments = (_e = progress.segments) !== null && _e !== void 0 ? _e : element.properties.num_segments;
+            userSegments = (_f = progress.segments) !== null && _f !== void 0 ? _f : element.properties.num_segments;
         }
     }
-    userProgress = userProgress !== null && userProgress !== void 0 ? userProgress : (_f = element.properties) === null || _f === void 0 ? void 0 : _f.progress;
+    userProgress = userProgress !== null && userProgress !== void 0 ? userProgress : (_g = element.properties) === null || _g === void 0 ? void 0 : _g.progress;
     var percent = isNum(userProgress)
         ? userProgress
         : Math.round((100 * (curDepth + 1)) / ((maxDepth || 1) + 1));
@@ -50540,7 +50557,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.DAxzjise.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.OWnm3N9F.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,