@feathery/react 2.51.1 → 2.53.0

package/cjs/{fthry_index.B4C3wGGx.js → fthry_index.DIcj_VUJ.js}

@@ -9244,7 +9244,7 @@ var IntegrationClient = /** @class */ (function () {
     };
     IntegrationClient.prototype.sendDocusignEnvelope = function (_a) {
         var _this = this;
-        var documents = _a.documents, libraryDocuments = _a.libraryDocuments, fillData = _a.fillData, emailSubject = _a.emailSubject, emailBlurb = _a.emailBlurb, signers = _a.signers, existingEnvelopeId = _a.existingEnvelopeId, draft = _a.draft;
+        var documents = _a.documents, libraryDocuments = _a.libraryDocuments, fillData = _a.fillData, emailSubject = _a.emailSubject, emailBlurb = _a.emailBlurb, signers = _a.signers, existingEnvelopeId = _a.existingEnvelopeId, draft = _a.draft, wetSign = _a.wetSign, useDisclosure = _a.useDisclosure, notification = _a.notification, brandId = _a.brandId, enforceSignerVisibility = _a.enforceSignerVisibility;
         var userId = initInfo().userId;
         var url = "".concat(API_URL, "docusign/envelope/");
         var options = {
@@ -9253,14 +9253,36 @@ var IntegrationClient = /** @class */ (function () {
             body: JSON.stringify({
                 fuser_key: userId,
                 form_key: this.formKey,
-                documents: documents,
+                // Polymorphic: plain UUID strings pass through; object entries are
+                // sent with snake_case keys for multi-instance envelopes.
+                documents: documents === null || documents === void 0 ? void 0 : documents.map(function (doc) {
+                    return typeof doc === 'string'
+                        ? doc
+                        : {
+                            document_id: doc.documentId,
+                            envelope_id: doc.envelopeId,
+                            fill_data: doc.fillData,
+                            signer_map: doc.signerMap
+                        };
+                }),
                 library_documents: libraryDocuments,
                 fill_data: fillData,
                 email_subject: emailSubject,
                 email_blurb: emailBlurb,
-                signers: signers,
+                signers: signers === null || signers === void 0 ? void 0 : signers.map(function (signer) { return ({
+                    email: signer.email,
+                    name: signer.name,
+                    sign_method: signer.signMethod,
+                    routing_order: signer.routingOrder,
+                    excluded_documents: signer.excludedDocuments
+                }); }),
                 docusign_envelope_id: existingEnvelopeId,
-                draft: draft
+                draft: draft,
+                wet_sign: wetSign,
+                use_disclosure: useDisclosure,
+                notification: notification,
+                brand_id: brandId,
+                enforce_signer_visibility: enforceSignerVisibility
             })
         };
         return this._fetch(url, options, false).then(function (response) { return __awaiter$2(_this, void 0, void 0, function () {
@@ -9311,6 +9333,41 @@ var IntegrationClient = /** @class */ (function () {
             });
         }); });
     };
+    IntegrationClient.prototype.updateDocusignEnvelope = function (_a) {
+        var _this = this;
+        var envelopeId = _a.envelopeId, status = _a.status, voidedReason = _a.voidedReason;
+        var userId = initInfo().userId;
+        var url = "".concat(API_URL, "docusign/envelope/");
+        var options = {
+            headers: { 'Content-Type': 'application/json' },
+            method: 'PATCH',
+            body: JSON.stringify({
+                fuser_key: userId,
+                form_key: this.formKey,
+                docusign_envelope_id: envelopeId,
+                status: status,
+                voided_reason: voidedReason
+            })
+        };
+        return this._fetch(url, options, false).then(function (response) { return __awaiter$2(_this, void 0, void 0, function () {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!response) return [3 /*break*/, 4];
+                        if (!response.ok) return [3 /*break*/, 2];
+                        return [4 /*yield*/, response.json()];
+                    case 1: return [2 /*return*/, _c.sent()];
+                    case 2:
+                        _a = Error;
+                        _b = distExports$2.parseAPIError;
+                        return [4 /*yield*/, response.json()];
+                    case 3: throw _a.apply(void 0, [_b.apply(void 0, [_c.sent()])]);
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); });
+    };
     IntegrationClient.prototype.generateQuikEnvelopes = function (action) {
         return __awaiter$2(this, void 0, void 0, function () {
             var _a, userId, sdkKey, tags, fieldVal, resolvedAction;
@@ -21846,7 +21903,7 @@ function DevNavBar(_a) {
             return null;
         var isForward = activeNav === 'forward';
         var stepKeys = isForward ? nextStepKeys : prevStepKeys;
-        return (jsx$1("div", exports.__assign({ css: exports.__assign({ position: 'absolute', bottom: '-10px', maxHeight: '300px', width: '200px', backgroundColor: 'white', boxShadow: '0 4px 14px #00000040', borderRadius: '6px', overflowY: 'scroll' }, (isForward ? { left: '300px' } : { right: '300px' })) }, { children: stepKeys.map(function (key) { return (jsx$1("div", exports.__assign({ css: {
+        return (jsx$1("div", exports.__assign({ css: exports.__assign({ position: 'absolute', bottom: '-10px', maxHeight: '300px', width: '200px', backgroundColor: 'white', color: 'black', boxShadow: '0 4px 14px #00000040', borderRadius: '6px', overflowY: 'scroll' }, (isForward ? { left: '300px' } : { right: '300px' })) }, { children: stepKeys.map(function (key) { return (jsx$1("div", exports.__assign({ css: {
                     minHeight: '38px',
                     borderBottom: "1px solid ".concat(lightGrey),
                     display: 'flex',
@@ -24844,7 +24901,9 @@ var getFormContext = function (formUuid) {
         updateTheme: updateTheme,
         goToStep: function (stepKey) {
             var currentStep = formState.currentStep, navigate = formState.navigate, steps = formState.steps, setStepKey = formState.setStepKey, client = formState.client, trackHashes = formState.trackHashes;
-            changeStep(stepKey, currentStep.key, steps, setStepKey, navigate, client, trackHashes);
+            var changed = changeStep(stepKey, currentStep.key, steps, setStepKey, navigate, client, trackHashes);
+            if (changed)
+                formState.latestStepName = stepKey;
         },
         isTestForm: function () { return initState.isTestEnv; },
         isLastStep: function () {
@@ -24968,6 +25027,9 @@ var getFormContext = function (formUuid) {
         getDocusignEnvelope: function (params) {
             return formState.getDocusignEnvelope(params);
         },
+        updateDocusignEnvelope: function (params) {
+            return formState.updateDocusignEnvelope(params);
+        },
         applyAlloyJourney: function (journeyToken, entities) {
             return formState.client.alloyJourneyApplication(journeyToken, entities);
         },
@@ -41369,7 +41431,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.B45jvKBe.js'); }).then(function (n) { return n.AssistantChat; }); });
+var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.Cdt71IEA.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 () {
@@ -41976,11 +42038,11 @@ function Form(_a) {
                     data = exports.__assign({}, exports.fieldValues);
                     fieldData = {};
                     if ((_d = integrations === null || integrations === void 0 ? void 0 : integrations.segment) === null || _d === void 0 ? void 0 : _d.metadata.track_fields)
-                        fieldData.segment = data;
+                        fieldData.segment = filterTrackedFields(data, integrations.segment.metadata.track_field_keys);
                     if ((_e = integrations === null || integrations === void 0 ? void 0 : integrations.amplitude) === null || _e === void 0 ? void 0 : _e.metadata.track_fields)
-                        fieldData.amplitude = data;
+                        fieldData.amplitude = filterTrackedFields(data, integrations.amplitude.metadata.track_field_keys);
                     if ((_f = integrations === null || integrations === void 0 ? void 0 : integrations['google-tag-manager']) === null || _f === void 0 ? void 0 : _f.metadata.track_fields)
-                        fieldData['google-tag-manager'] = data;
+                        fieldData['google-tag-manager'] = filterTrackedFields(data, integrations['google-tag-manager'].metadata.track_field_keys);
                     trackEvent(integrations, 'FeatheryFormComplete', '', formName, fieldData);
                     return [4 /*yield*/, runUserLogic('form_complete')];
                 case 1:
@@ -42091,6 +42153,8 @@ function Form(_a) {
         var _a;
         var changed = changeStep(newKey, oldKey, steps, setStepKey, navigate, client, trackHashes.current);
         if (changed) {
+            if (internalState[_internalId])
+                internalState[_internalId].latestStepName = newKey;
             var backKey = load ? backNavMap[oldKey] : oldKey;
             updateBackNavMap((_a = {}, _a[newKey] = backKey, _a));
         }
@@ -42129,7 +42193,9 @@ function Form(_a) {
                     setFormInternalState(_internalId, {
                         language: language !== null && language !== void 0 ? language : initState.language,
                         currentStep: newStep,
+                        latestStepName: newStep.key,
                         previousStepName: (_c = activeStep === null || activeStep === void 0 ? void 0 : activeStep.key) !== null && _c !== void 0 ? _c : '',
+                        backNavMap: backNavMap,
                         visiblePositions: newVisiblePositions,
                         client: client,
                         fields: fields,
@@ -42218,6 +42284,9 @@ function Form(_a) {
                         getDocusignEnvelope: function (params) {
                             return client.getDocusignEnvelope(params);
                         },
+                        updateDocusignEnvelope: function (params) {
+                            return client.updateDocusignEnvelope(params);
+                        },
                         fillQuikForms: function (_a) {
                             var fillType = _a.fillType, docusignConnectionId = _a.docusignConnectionId, docusignCustomId = _a.docusignCustomId, enableWetSign = _a.enableWetSign, documentTemplates = _a.documentTemplates, envelopes = _a.envelopes, attachments = _a.attachments;
                             return __awaiter$2(_this, void 0, void 0, function () {
@@ -42634,7 +42703,7 @@ function Form(_a) {
         return nextStepKey(activeStep.next_conditions, metadata);
     };
     var submitStep = function (metadata, repeat, hasNext) { return __awaiter$2(_this, void 0, void 0, function () {
-        var formattedFields, trigger, newInlineErrors, errors, errorMessage, errorField, customSubmitCode, invalid, featheryFields, stepPromise, fieldData, hasSubmitAfter;
+        var formattedFields, trigger, newInlineErrors, errors, errorMessage, errorField, customSubmitCode, invalid, featheryFields, stepPromise, fieldData, gtmFields, hasSubmitAfter;
         var _this = this;
         var _a, _b, _c;
         return __generator(this, function (_d) {
@@ -42715,15 +42784,17 @@ function Form(_a) {
                     stepPromise = client.submitStep(featheryFields, activeStep, hasNext);
                     fieldData = {};
                     if ((_a = integrations === null || integrations === void 0 ? void 0 : integrations.segment) === null || _a === void 0 ? void 0 : _a.metadata.track_fields)
-                        fieldData.segment = formattedFields;
+                        fieldData.segment = filterTrackedFields(formattedFields, integrations.segment.metadata.track_field_keys);
                     if ((_b = integrations === null || integrations === void 0 ? void 0 : integrations.amplitude) === null || _b === void 0 ? void 0 : _b.metadata.track_fields)
-                        fieldData.amplitude = formattedFields;
-                    if ((_c = integrations === null || integrations === void 0 ? void 0 : integrations['google-tag-manager']) === null || _c === void 0 ? void 0 : _c.metadata.track_fields)
-                        fieldData['google-tag-manager'] = Object.entries(formattedFields).reduce(function (obj, _a) {
+                        fieldData.amplitude = filterTrackedFields(formattedFields, integrations.amplitude.metadata.track_field_keys);
+                    if ((_c = integrations === null || integrations === void 0 ? void 0 : integrations['google-tag-manager']) === null || _c === void 0 ? void 0 : _c.metadata.track_fields) {
+                        gtmFields = filterTrackedFields(formattedFields, integrations['google-tag-manager'].metadata.track_field_keys);
+                        fieldData['google-tag-manager'] = Object.entries(gtmFields).reduce(function (obj, _a) {
                             var _b = __read(_a, 2), key = _b[0], val = _b[1];
                             obj[key] = val.value;
                             return obj;
                         }, {});
+                    }
                     trackEvent(integrations, 'FeatheryStepSubmit', activeStep.key, formName, fieldData);
                     hasSubmitAfter = logicRules === null || logicRules === void 0 ? void 0 : logicRules.some(function (logicRule) {
                         var _a;
@@ -42959,6 +43030,8 @@ function Form(_a) {
                             clearCompletionLoader();
                         return [7 /*endfinally*/];
                     case 22:
+                        if (internalState[_internalId])
+                            internalState[_internalId].latestStepName = redirectKey;
                         updateBackNavMap((_c = {}, _c[redirectKey] = activeStep.key, _c));
                         pendingScrollRef.current = explicitNav;
                         if (trackHashes.current) {
@@ -42988,6 +43061,8 @@ function Form(_a) {
                     _a.sent();
                     prevStepKey = getPrevStepKey(activeStep, backNavMap);
                     if (prevStepKey) {
+                        if (internalState[_internalId])
+                            internalState[_internalId].latestStepName = prevStepKey;
                         pendingScrollRef.current = false;
                         if (trackHashes.current)
                             navigate(getNewStepUrl(prevStepKey));
@@ -45411,7 +45486,7 @@ function loadSegment(segmentConfig, queue) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "segment" */ './fthry_index.DzwfTsQg.js'); }).then(function (n) { return n.index; })];
+                        /* webpackChunkName: "segment" */ './fthry_index.CxY6K5_1.js'); }).then(function (n) { return n.index; })];
                 case 1:
                     (AnalyticsBrowserClass = (_a.sent()).AnalyticsBrowser);
                     return [3 /*break*/, 3];
@@ -46635,6 +46710,17 @@ function initializeIntegrations(integs, featheryClient) {
         });
     });
 }
+// Restrict a field-data payload to a configured subset of field keys.
+// An empty or absent selection means "send all fields" (the default behavior).
+var filterTrackedFields = function (fields, selectedKeys) {
+    if (!(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length))
+        return fields;
+    return selectedKeys.reduce(function (acc, key) {
+        if (key in fields)
+            acc[key] = fields[key];
+        return acc;
+    }, {});
+};
 function trackEvent(integrations, title, stepId, formName, fieldData) {
     var _a, _b, _c;
     var metadata = {
@@ -48064,9 +48150,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.CMlEfgqJ.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.CvH2Hl2W.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CRX0Ppbc.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CpQnAbXr.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -48253,7 +48339,7 @@ function loadCompletedSteps(client) {
     });
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.51.1" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.53.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;');
 }
 
@@ -49850,64 +49936,64 @@ function resolveLabelStyle(style, opts) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BBp1wUpf.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.DEtRMtpY.js'); });
     },
     ButtonGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.RBFHmwlK.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CGCWGlnp.js'); });
     },
     CheckboxField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.j-6Dmxvi.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.AEIgB8XZ.js'); });
     },
     CheckboxGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CqhOLSKT.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.a_07qAue.js'); });
     },
     ColorPickerField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.l-vIwCek.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Bod-ybm6.js'); });
     },
     CustomField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CacFIYgr.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CxBG2-BU.js'); });
     },
     DateSelectorField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DJW8jwjF.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.QBRBv5zI.js'); });
     },
     DropdownField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.Cmuje9sY.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CSYsApcr.js'); });
     },
     DropdownMultiField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BU6ItWDI.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B0xx5w3Y.js'); });
     },
     FileUploadField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.DPeoLKPF.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CCKdjjti.js'); });
     },
     MatrixField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.CDnYVEIO.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BwAj91oq.js'); });
     },
     PasswordField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CyHvGApA.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BdNvpld5.js'); });
     },
     PaymentMethodField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DYVjg4Fj.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.BLuiD1KT.js'); });
     },
-    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BoejAzGy.js'); }); },
+    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.CvGygqZP.js'); }); },
     PinInputField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CEqgOh3U.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CF6HTGG8.js'); });
     },
-    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.DjKpsFXX.js'); }); },
+    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.n5ANsMnM.js'); }); },
     RadioButtonGroupField: function () {
         return Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.D0m2Paql.js'); });
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.cy-BntXN.js'); });
     },
     RatingField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CJ3Hch09.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.BoBcyJjH.js'); });
     },
     SignatureField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DaU9mnVx.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.s44MPEx0.js'); });
     },
     SliderField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.HB6IRHEd.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CTlWYTKv.js'); });
     },
-    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.2QppVzJs.js'); }); },
-    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.BkdG1KiI.js'); }); }
+    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.CE5CJdZu.js'); }); },
+    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.D8NmDklI.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
@@ -50823,28 +50909,33 @@ function SegmentBar(_a) {
             _c) }, { children: filledSegments })));
 }
 
-var CIRCLE_SIZE = 28;
-var CONNECTOR_GAP = 4;
-function isFieldTruthy(fieldKey) {
+function isStepperFieldTruthy(fieldKey) {
     var val = getFieldValues()[fieldKey];
     if (Array.isArray(val))
         return val.length > 0;
     return !!val;
 }
-function isStepVisible(step) {
-    var cond = step.visibility_condition;
-    if (!cond || !step.visibility_field_key)
+function isStepperStepVisible(stepConfig) {
+    var cond = stepConfig === null || stepConfig === void 0 ? void 0 : stepConfig.visibility_condition;
+    if (!cond || !(stepConfig === null || stepConfig === void 0 ? void 0 : stepConfig.visibility_field_key))
         return true;
-    var truthy = isFieldTruthy(step.visibility_field_key);
+    var truthy = isStepperFieldTruthy(stepConfig.visibility_field_key);
     return cond === 'show' ? truthy : !truthy;
 }
+// A stepper step is reachable when it isn't the current step and either all-step navigation is on or it was already completed
+function isStepperStepReachable(isActive, allowAllNavigation, isCompleted) {
+    return !isActive && (allowAllNavigation || isCompleted);
+}
+
+var CIRCLE_SIZE = 28;
+var CONNECTOR_GAP = 4;
 function StepperBar(_a) {
     var _b, _c;
     var _d;
     var styles = _a.styles, stepConfigs = _a.stepConfigs, stepKey = _a.stepKey, _e = _a.textPlacement, textPlacement = _e === void 0 ? 'bottom' : _e, onStepClick = _a.onStepClick, _f = _a.allowAllNavigation, allowAllNavigation = _f === void 0 ? false : _f, _g = _a.vertical, vertical = _g === void 0 ? false : _g, style = _a.style;
     var barStyles = styles.getTarget('bar');
     var showLabels = textPlacement !== 'none';
-    var visibleStepConfigs = stepConfigs.filter(isStepVisible);
+    var visibleStepConfigs = stepConfigs.filter(isStepperStepVisible);
     var steps = visibleStepConfigs.map(function (s) { return s.label; });
     var activeStep = stepKey
         ? Math.max(0, visibleStepConfigs.findIndex(function (s) { return s.step_key === stepKey; }))
@@ -50879,8 +50970,7 @@ function StepperBar(_a) {
             // clickable; otherwise only completed (already-visited) steps are.
             var isClickable = !!onStepClick &&
                 !!sKey &&
-                !isActive &&
-                (allowAllNavigation || isCompleted);
+                isStepperStepReachable(isActive, allowAllNavigation, isCompleted);
             var connectorStyle = vertical
                 ? {
                     width: '2px',
@@ -50951,10 +51041,10 @@ function applyProgressBarStyles(responsiveStyles) {
     return responsiveStyles;
 }
 function ProgressBarElement(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, progress = _a.progress, _k = _a.curDepth, curDepth = _k === void 0 ? 1 : _k, _l = _a.maxDepth, maxDepth = _l === void 0 ? 1 : _l, stepKey = _a.stepKey, runElementActions = _a.runElementActions, client = _a.client, _m = _a.elementProps, elementProps = _m === void 0 ? {} : _m, 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, runElementActions = _a.runElementActions, client = _a.client, _k = _a.elementProps, elementProps = _k === void 0 ? {} : _k, children = _a.children;
     var styles = React.useMemo(function () { return applyProgressBarStyles(responsiveStyles); }, [responsiveStyles]);
-    var _o = __read(React.useReducer(function (x) { return x + 1; }, 0), 2), rerender = _o[1];
+    var _l = __read(React.useReducer(function (x) { return x + 1; }, 0), 2), rerender = _l[1];
     var isStepper = !!((_b = element.properties) === null || _b === void 0 ? void 0 : _b.stepper);
     // Fetch prior step completion the first time a stepper renders (deduped per
     // form inside loadCompletedSteps), then re-render this stepper to show it
@@ -50965,9 +51055,9 @@ function ProgressBarElement(_a) {
     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 (isStepper) {
-        // Clicking a step navigates to it via a NEXT action. When navigation to all
-        // steps is enabled, the current step is validated & submitted first;
-        // otherwise only already-visited steps are clickable
+        // Clicking a step navigates to it via a NEXT action without submitting.
+        // Navigation to all steps makes any step clickable, otherwise only
+        // already-visited steps are
         var allowAllNavigation = !!((_c = element.properties) === null || _c === void 0 ? void 0 : _c.navigate_to_all_steps);
         var onStepClick = function (targetStepKey) {
             return runElementActions({
@@ -50976,9 +51066,7 @@ function ProgressBarElement(_a) {
                 actions: [{ type: ACTION_NEXT, next_step_key: targetStepKey }]
             });
         };
-        return (jsxs("div", exports.__assign({}, containerProps, { children: [children, jsx$1(StepperBar, { styles: styles, 
-                    // TODO: remove stepper_steps after BE migration
-                    stepConfigs: (_g = (_e = (_d = element.properties) === null || _d === void 0 ? void 0 : _d.entries) !== null && _e !== void 0 ? _e : (_f = element.properties) === null || _f === void 0 ? void 0 : _f.stepper_steps) !== null && _g !== void 0 ? _g : [], stepKey: stepKey, textPlacement: element.styles.percent_text_layout, onStepClick: onStepClick, allowAllNavigation: allowAllNavigation, vertical: vertical, style: vertical ? { flex: 1 } : undefined })] })));
+        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.entries) !== 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)) {
@@ -50987,10 +51075,10 @@ function ProgressBarElement(_a) {
         }
         else {
             userProgress = progress.progress;
-            userSegments = (_h = progress.segments) !== null && _h !== void 0 ? _h : element.properties.num_segments;
+            userSegments = (_f = progress.segments) !== null && _f !== void 0 ? _f : element.properties.num_segments;
         }
     }
-    userProgress = userProgress !== null && userProgress !== void 0 ? userProgress : (_j = element.properties) === null || _j === void 0 ? void 0 : _j.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));
@@ -51161,8 +51249,8 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.DNDEeQCP.js'); }); });
-var TabsElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.COJxjNgU.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.BDQthVrL.js'); }); });
+var TabsElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.EaxR88eT.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -51192,6 +51280,8 @@ Object.entries(Elements).map(function (_a) {
     });
 });
 
+exports.ACTION_BACK = ACTION_BACK;
+exports.ACTION_NEXT = ACTION_NEXT;
 exports.AssistantChat = AssistantChat;
 exports.AuthContext = AuthContext;
 exports.COMMENT = COMMENT;
@@ -51252,6 +51342,7 @@ exports.filterKeys = filterKeys;
 exports.firebaseSMSCountries = firebaseSMSCountries;
 exports.formatDateString = formatDateString;
 exports.from = from;
+exports.getCompletedStepKeys = getCompletedStepKeys;
 exports.getCookie = getCookie;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.getDefaultFieldValue = getDefaultFieldValue;
@@ -51259,6 +51350,7 @@ exports.getFieldValue = getFieldValue$1;
 exports.getFieldValues = getFieldValues;
 exports.getFormContext = getFormContext;
 exports.getPositionKey = getPositionKey$1;
+exports.getPrevStepKey = getPrevStepKey;
 exports.getRepeatedContainer = getRepeatedContainer;
 exports.getRepeatedContainers = getRepeatedContainers;
 exports.getStripe = getStripe;
@@ -51276,14 +51368,18 @@ exports.isButtonDisabled = isButtonDisabled;
 exports.isEmptyArray = isEmptyArray;
 exports.isMobile = isMobile;
 exports.isNum = isNum;
+exports.isStepperStepReachable = isStepperStepReachable;
+exports.isStepperStepVisible = isStepperStepVisible;
 exports.jsx = jsx$1;
 exports.jsxs = jsxs;
 exports.justRemove = justRemove;
+exports.loadCompletedSteps = loadCompletedSteps;
 exports.loadPhoneValidator = loadPhoneValidator;
 exports.loadQRScanner = loadQRScanner;
 exports.match = match;
 exports.middleware = middleware;
 exports.next = next;
+exports.nextStepKey = nextStepKey;
 exports.noTextSelectStyles = noTextSelectStyles;
 exports.peek = peek;
 exports.replace = replace;

package/cjs/{fthry_index.CvfYbjM3.js → fthry_index.DfhW9KvX.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./fthry_index.B4C3wGGx.js');
-var index$1 = require('./fthry_index.DzwfTsQg.js');
+var index = require('./fthry_index.DIcj_VUJ.js');
+var index$1 = require('./fthry_index.CxY6K5_1.js');
 require('react/jsx-runtime');
 require('react');
 require('jszip');

package/cjs/{fthry_index.DJW8jwjF.js → fthry_index.QBRBv5zI.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index$3 = require('./fthry_index.B4C3wGGx.js');
+var index$3 = require('./fthry_index.DIcj_VUJ.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CcwNoUeW.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BhdsWEoD.js');
+var Placeholder = require('./fthry_Placeholder.BJA_j-7t.js');
+var InlineTooltip = require('./fthry_InlineTooltip.nKLmX5o5.js');
 var clsx = require('./fthry_clsx.BtxeOLZW.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.BN_eHBxf.js');
+var input = require('./fthry_input.B2-tNesz.js');
 require('jszip');
-require('./fthry_index.isQxfXbE.js');
+require('./fthry_index.D-NTvk-Y.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/{fthry_index.CqhOLSKT.js → fthry_index.a_07qAue.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.B4C3wGGx.js');
+var index$1 = require('./fthry_index.DIcj_VUJ.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.EOj0LE3M.js');
-var index = require('./fthry_index.j-6Dmxvi.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BhdsWEoD.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.BbSpWhT1.js');
+var FormControl = require('./fthry_FormControl.DpCsf-wk.js');
+var index = require('./fthry_index.AEIgB8XZ.js');
+var InlineTooltip = require('./fthry_InlineTooltip.nKLmX5o5.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DJ-dQcVK.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');

package/cjs/{fthry_index.D0m2Paql.js → fthry_index.cy-BntXN.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./fthry_index.B4C3wGGx.js');
+var index = require('./fthry_index.DIcj_VUJ.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.EOj0LE3M.js');
-var index$1 = require('./fthry_index.j-6Dmxvi.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BhdsWEoD.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.BbSpWhT1.js');
+var FormControl = require('./fthry_FormControl.DpCsf-wk.js');
+var index$1 = require('./fthry_index.AEIgB8XZ.js');
+var InlineTooltip = require('./fthry_InlineTooltip.nKLmX5o5.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.DJ-dQcVK.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');

package/cjs/{fthry_index.Z-VNWfPY.js → fthry_index.fXQdvWc6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B4C3wGGx.js');
+var index = require('./fthry_index.DIcj_VUJ.js');
 require('react/jsx-runtime');
 require('react');
 require('jszip');
@@ -13,7 +13,7 @@ function loadLegacyVideoPlugins(analytics) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
                     // @ts-expect-error
-                    './fthry_index.umd.BsAzT2x5.js'); }).then(function (n) { return n.index_umd; })
+                    './fthry_index.umd.C2sFE07r.js'); }).then(function (n) { return n.index_umd; })
                     // This is super gross, but we need to support the `window.analytics.plugins` namespace
                     // that is linked in the segment docs in order to be backwards compatible with ajs-classic
                     // @ts-expect-error

package/cjs/{fthry_index.DjKpsFXX.js → fthry_index.n5ANsMnM.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.B4C3wGGx.js');
+var index = require('./fthry_index.DIcj_VUJ.js');
 var React = require('react');
-var styles = require('./fthry_styles.CDAJkFkv.js');
+var styles = require('./fthry_styles.DJU4cNZx.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');

package/cjs/{fthry_index.DaU9mnVx.js → fthry_index.s44MPEx0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.B4C3wGGx.js');
+var index = require('./fthry_index.DIcj_VUJ.js');
 var React = require('react');
-var index$1 = require('./fthry_index.isQxfXbE.js');
+var index$1 = require('./fthry_index.D-NTvk-Y.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');
@@ -1478,7 +1478,7 @@ function SignatureField(_a) {
     React.useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CRX0Ppbc.js'); }).then(function (n) { return n.webfontloader; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CpQnAbXr.js'); }).then(function (n) { return n.webfontloader; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });