@feathery/react 2.40.2 → 2.41.1

package/cjs/{fthry_index.BP_ur0tw.js → fthry_index.DIK6ws4x.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.7DCqUUo7.js');
-var index$1 = require('./fthry_index.CCQgF2ig.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BG9boW4z.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DOGh-0MW.js');
+var FormControl = require('./fthry_FormControl.D82S9LtT.js');
+var index$1 = require('./fthry_index.BM9fkWLL.js');
+var InlineTooltip = require('./fthry_InlineTooltip.kdzoP2rc.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.D_GLzNtJ.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.BFSQMSHa.js');
+require('./fthry_Overlay.CbC1FjTZ.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.ByaO-IPE.js → fthry_index.DKEljSgi.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BG9boW4z.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DOGh-0MW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.kdzoP2rc.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.D_GLzNtJ.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.BFSQMSHa.js');
+require('./fthry_Overlay.CbC1FjTZ.js');
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/cjs/{fthry_index.CkMkIkz9.js → fthry_index.DLYQKv1h.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var index$1 = require('./fthry_index.B0judNH0.js');
+var index$1 = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.D7Clc9Vp.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BG9boW4z.js');
-var Overlay = require('./fthry_Overlay.BFSQMSHa.js');
-var useElementSize = require('./fthry_useElementSize.rPRNtudj.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.CTXawOIk.js');
-var input = require('./fthry_input.BUCZQonv.js');
+var Placeholder = require('./fthry_Placeholder.Di6onpMl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.kdzoP2rc.js');
+var Overlay = require('./fthry_Overlay.CbC1FjTZ.js');
+var useElementSize = require('./fthry_useElementSize.DjNvJMZW.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.B5w5N8jm.js');
+var input = require('./fthry_input.Dqe4AZPw.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_index.BHo6BYLQ.js');
+require('./fthry_index.BvupjK8i.js');
 
 function TextAutocomplete$1(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/cjs/{fthry_index.B0judNH0.js → fthry_index.Dx6_vLXH.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, runElementActions: runElementActions })));
+        return (jsx$1(Elements.ProgressBarElement, exports.__assign({}, basicProps, { progress: userProgress, curDepth: curDepth, maxDepth: maxDepth, stepKey: activeStep === null || activeStep === void 0 ? void 0 : activeStep.key, runElementActions: runElementActions, client: form.client })));
     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.CPRDvm7C.js'); }).then(function (n) { return n.AssistantChat; }); });
+var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.AuMTE5ni.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 () {
@@ -43732,6 +43732,7 @@ function Form(_a) {
         changeStep: function (nextStepKey) {
             return changeFormStep(nextStepKey, activeStep.key, false);
         },
+        client: client,
         updateFieldValues: updateFieldValues,
         submitCustom: function (values) { return client === null || client === void 0 ? void 0 : client.submitCustom(values); },
         elementOnView: elementOnView,
@@ -43776,8 +43777,7 @@ function Form(_a) {
     else if ([COLLAB_COMPLETED, COLLAB_DIRECT_DISABLED, NO_BUSINESS_EMAIL].includes(formOffReason.current))
         return jsx$1(FormOff, { reason: formOffReason.current, showCTA: false });
     else if (anyFinished) {
-        var completeState = formSettings.completionBehavior === 'show_completed_screen' ? (jsx$1(FormOff, { reason: FILLED_OUT, showCTA: formSettings.showBrand })) : null;
-        return completeState;
+        return formSettings.completionBehavior === 'show_completed_screen' ? (jsx$1(FormOff, { reason: FILLED_OUT, showCTA: formSettings.showBrand })) : null;
     }
     else if (!activeStep)
         return stepLoader;
@@ -46058,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);
     }
@@ -46868,6 +46871,42 @@ var FeatheryClient = /** @class */ (function (_super) {
             });
         });
     };
+    // Lazily fetch the step keys the user has already completed. Queried only
+    // when a stepper element renders, so it stays out of the session payload.
+    FeatheryClient.prototype.fetchCompletedSteps = function () {
+        var _a;
+        return __awaiter$2(this, void 0, void 0, function () {
+            var _b, userId, collaboratorId, overrideUserId, params, url, response, data;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, initFormsPromise];
+                    case 1:
+                        _c.sent();
+                        _b = initInfo(), userId = _b.userId, collaboratorId = _b.collaboratorId, overrideUserId = _b.overrideUserId;
+                        params = {
+                            form_key: this.formKey,
+                            override: overrideUserId
+                        };
+                        if (userId)
+                            params.fuser_key = userId;
+                        if (collaboratorId)
+                            params.collaborator_user = collaboratorId;
+                        // @ts-expect-error encodeGetParams returns the encoded query string
+                        params = encodeGetParams(params);
+                        url = "".concat(API_URL, "panel/step/completion/?").concat(params);
+                        return [4 /*yield*/, this._fetch(url, {})];
+                    case 2:
+                        response = _c.sent();
+                        if (!response)
+                            return [2 /*return*/, []];
+                        return [4 /*yield*/, response.json().catch(function () { return ({}); })];
+                    case 3:
+                        data = _c.sent();
+                        return [2 /*return*/, (_a = data.completed_steps) !== null && _a !== void 0 ? _a : []];
+                }
+            });
+        });
+    };
     FeatheryClient.prototype.fetchSession = function (formPromise, block) {
         var _a, _b;
         if (formPromise === void 0) { formPromise = null; }
@@ -47198,6 +47237,10 @@ var FeatheryClient = /** @class */ (function (_super) {
             return __generator(this, function (_a) {
                 if (this.draft)
                     return [2 /*return*/];
+                // A 'complete' event means the step was submitted — record it so the
+                // stepper reflects which steps are completed vs merely skipped over.
+                if (eventData.event === 'complete')
+                    markStepCompleted(eventData.step_key);
                 if (!isInteractionDetected() || this.userEventQueue.isReplayingEvents()) {
                     return [2 /*return*/, this.userEventQueue.enqueue(eventData)];
                 }
@@ -47551,7 +47594,9 @@ var initState = {
     isTestEnv: false,
     initNoSave: false,
     theme: '',
-    region: ''
+    region: '',
+    completedSteps: new Set(),
+    completedStepsLoaded: new Set()
 };
 exports.fieldValues = {};
 var filePathMap = {};
@@ -47603,9 +47648,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.C6N3WHcg.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.5FcM2fg9.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.D2ik3zfZ.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.rkfqw_Az.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47750,8 +47795,49 @@ function getFieldValues() {
     // Make a copy so users can't set fieldValues directly
     return exports.__assign({}, exports.fieldValues);
 }
+function getCompletedStepKeys() {
+    // Make a copy so callers can't mutate the set directly
+    return new Set(initState.completedSteps);
+}
+// Record a step as completed once it has been submitted
+function markStepCompleted(stepKey) {
+    if (stepKey)
+        initState.completedSteps.add(stepKey);
+}
+// Fetch the user's completed steps for a form once (deduped per form key) and
+// seed them into init state. Triggered lazily by the stepper element when it
+// renders; the stepper re-renders itself once this resolves.
+function loadCompletedSteps(client) {
+    return __awaiter$2(this, void 0, void 0, function () {
+        var formKey;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    formKey = client === null || client === void 0 ? void 0 : client.formKey;
+                    if (!formKey || initState.completedStepsLoaded.has(formKey))
+                        return [2 /*return*/];
+                    initState.completedStepsLoaded.add(formKey);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, client.fetchCompletedSteps()];
+                case 2:
+                    // Merge rather than replace so steps already completed locally aren't
+                    // dropped (completion is monotonic — a step never becomes uncompleted)
+                    (_a.sent()).forEach(markStepCompleted);
+                    return [3 /*break*/, 4];
+                case 3:
+                    _a.sent();
+                    // Allow a retry on the next render if the request failed
+                    initState.completedStepsLoaded.delete(formKey);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.40.2" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.41.1" + ' ', // replaced with real version during build
     'background: #e2626e; color: white; padding: 2px 6px; border-radius: 3px 0 0 3px; font-weight: bold;', 'background: #fce7e9; color: #c5495a; padding: 2px 6px; border-radius: 0 3px 3px 0;');
 }
 
@@ -49266,64 +49352,64 @@ breakpoint) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.B3c8eR_j.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BgbTmgMy.js'); });
     },
     ButtonGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.ByaO-IPE.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DKEljSgi.js'); });
     },
     CheckboxField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.CCQgF2ig.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.BM9fkWLL.js'); });
     },
     CheckboxGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CQ3GXQ7u.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.YiQCJ_8p.js'); });
     },
     ColorPickerField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.rLTpXJXU.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.C7-q3RPG.js'); });
     },
     CustomField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.C4Kb8rrv.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.DH8lgbPx.js'); });
     },
     DateSelectorField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BNImcOyo.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Bz-JA0yl.js'); });
     },
     DropdownField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.BhIXhtJS.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.COz6kiMq.js'); });
     },
     DropdownMultiField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DoNKXNA1.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BZUdAFdY.js'); });
     },
     FileUploadField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.elnm8AkD.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.BvLzo0YW.js'); });
     },
     MatrixField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.CaucTK2I.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.CfCS_H4E.js'); });
     },
     PasswordField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BvUjf1dI.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.uAmtxDHN.js'); });
     },
     PaymentMethodField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.VlifcGeg.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.BxzrLkB0.js'); });
     },
-    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.CS6LnEXj.js'); }); },
+    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BoWkmyhH.js'); }); },
     PinInputField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.ByAS65f7.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.9lXPMg87.js'); });
     },
-    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.BdfNqUk_.js'); }); },
+    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.COVcTBk0.js'); }); },
     RadioButtonGroupField: function () {
         return Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BP_ur0tw.js'); });
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DIK6ws4x.js'); });
     },
     RatingField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.BKd83jL3.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.J2MkUMO_.js'); });
     },
     SignatureField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DaXnEWdf.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.wT0xFcFi.js'); });
     },
     SliderField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.D4iE0DoV.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.D2MsWDhX.js'); });
     },
-    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.CkMkIkz9.js'); }); },
-    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.F_bTWLvi.js'); }); }
+    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.DLYQKv1h.js'); }); },
+    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.BvqRq5KX.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
@@ -50236,7 +50322,7 @@ function SegmentBar(_a) {
 }
 
 var CIRCLE_SIZE = 28;
-var CONNECTOR_GAP = 6;
+var CONNECTOR_GAP = 4;
 function isFieldTruthy(fieldKey) {
     var val = getFieldValues()[fieldKey];
     if (Array.isArray(val))
@@ -50252,7 +50338,8 @@ 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.allowAllNavigation, allowAllNavigation = _e === void 0 ? false : _e, _f = _a.vertical, vertical = _f === void 0 ? false : _f, style = _a.style;
+    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);
@@ -50260,10 +50347,16 @@ function StepperBar(_a) {
     var activeStep = stepKey
         ? Math.max(0, visibleStepConfigs.findIndex(function (s) { return s.step_key === stepKey; }))
         : 0;
+    var completedStepKeys = getCompletedStepKeys();
     var mainDim = vertical ? 'height' : 'width';
     var crossAlign = vertical ? 'alignItems' : 'justifyContent';
+    // Halo around the active step's circle so it reads as the current step even
+    // though it shares the filled bar color with completed steps.
+    var activeRingColor = (_d = barStyles.backgroundColor) !== null && _d !== void 0 ? _d : '#888';
     var circleStyleFor = function (isCompleted, isActive) {
-        if (isActive || isCompleted)
+        if (isActive)
+            return exports.__assign(exports.__assign({}, barStyles), { color: '#fff', boxShadow: "0 0 0 2px #fff, 0 0 0 4px ".concat(activeRingColor) });
+        if (isCompleted)
             return exports.__assign(exports.__assign({}, barStyles), { color: '#fff' });
         return { backgroundColor: '#e9ecef', color: '#888' };
     };
@@ -50273,10 +50366,13 @@ function StepperBar(_a) {
     var renderNodes = function () {
         return steps.map(function (_, index) {
             var _a;
-            var isCompleted = index < activeStep;
             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;
+            // A step is completed only if it was actually submitted. Steps skipped
+            // over (navigated past without submitting) stay uncompleted even when
+            // they sit behind the current step.
+            var isCompleted = !!sKey && completedStepKeys.has(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 &&
@@ -50296,7 +50392,9 @@ function StepperBar(_a) {
                     marginLeft: "".concat(CONNECTOR_GAP, "px"),
                     marginRight: "".concat(CONNECTOR_GAP, "px")
                 };
-            return (jsxs(React.Fragment, { children: [jsx$1("div", exports.__assign({ css: exports.__assign({ width: "".concat(CIRCLE_SIZE, "px"), height: "".concat(CIRCLE_SIZE, "px"), borderRadius: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '13px', fontWeight: 600, flexShrink: 0, cursor: isClickable ? 'pointer' : 'default', transition: 'opacity 0.15s ease', '&:hover': isClickable ? { opacity: 0.7 } : {} }, circleStyleFor(isCompleted, isActive)), onClick: isClickable ? function () { return onStepClick(sKey); } : undefined }, { children: circleContent(isCompleted, index) })), !isLast && (jsx$1("div", { css: exports.__assign(exports.__assign({}, connectorStyle), (isCompleted ? barStyles : { backgroundColor: '#e9ecef' })) }))] }, index));
+            return (jsxs(React.Fragment, { children: [jsx$1("div", exports.__assign({ css: exports.__assign({ width: "".concat(CIRCLE_SIZE, "px"), height: "".concat(CIRCLE_SIZE, "px"), borderRadius: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '13px', fontWeight: 600, flexShrink: 0, cursor: isClickable ? 'pointer' : 'default', transition: 'opacity 0.15s ease', '&:hover': isClickable ? { opacity: 0.7 } : {} }, circleStyleFor(isCompleted, isActive)), onClick: isClickable ? function () { return onStepClick(sKey); } : undefined }, { children: circleContent(isCompleted && !isActive, index) })), !isLast && (jsx$1("div", { css: exports.__assign(exports.__assign({}, connectorStyle), (index < activeStep
+                            ? barStyles
+                            : { backgroundColor: '#e9ecef' })) }))] }, index));
         });
     };
     var renderLabelItems = function () {
@@ -50352,25 +50450,30 @@ function applyProgressBarStyles(responsiveStyles) {
 }
 function ProgressBarElement(_a) {
     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 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 _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
+    React.useEffect(function () {
+        if (isStepper)
+            loadCompletedSteps(client).then(function () { return rerender(); });
+    }, [isStepper]);
     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) {
-        // 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.
+    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
         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;
+        var onStepClick = function (targetStepKey) {
+            return runElementActions({
+                element: element,
+                elementType: 'progress_bar',
+                actions: [{ type: ACTION_NEXT, next_step_key: targetStepKey }]
+            });
+        };
         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;
@@ -50554,7 +50657,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.Bk60H0MA.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.D1jW5KD5.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/cjs/{fthry_index.C9ChU3He.js → fthry_index.DyfArFz1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/cjs/{fthry_index.BKd83jL3.js → fthry_index.J2MkUMO_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.CQ3GXQ7u.js → fthry_index.YiQCJ_8p.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$1 = require('./fthry_index.B0judNH0.js');
+var index$1 = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.7DCqUUo7.js');
-var index = require('./fthry_index.CCQgF2ig.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BG9boW4z.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DOGh-0MW.js');
+var FormControl = require('./fthry_FormControl.D82S9LtT.js');
+var index = require('./fthry_index.BM9fkWLL.js');
+var InlineTooltip = require('./fthry_InlineTooltip.kdzoP2rc.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.D_GLzNtJ.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.BFSQMSHa.js');
+require('./fthry_Overlay.CbC1FjTZ.js');
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/cjs/{fthry_index.BvUjf1dI.js → fthry_index.uAmtxDHN.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index$1 = require('./fthry_index.B0judNH0.js');
+var index$1 = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.D7Clc9Vp.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BG9boW4z.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.CTXawOIk.js');
+var Placeholder = require('./fthry_Placeholder.Di6onpMl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.kdzoP2rc.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.B5w5N8jm.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.BFSQMSHa.js');
+require('./fthry_Overlay.CbC1FjTZ.js');
 
 function PasswordField(_a) {
     var _b;

package/cjs/{fthry_index.DaXnEWdf.js → fthry_index.wT0xFcFi.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
-var index$1 = require('./fthry_index.BHo6BYLQ.js');
+var index$1 = require('./fthry_index.BvupjK8i.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
@@ -1479,7 +1479,7 @@ function SignatureField(_a) {
     React.useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.D2ik3zfZ.js'); }).then(function (n) { return n.webfontloader; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.rkfqw_Az.js'); }).then(function (n) { return n.webfontloader; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/cjs/{fthry_input.BUCZQonv.js → fthry_input.Dqe4AZPw.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.BHo6BYLQ.js');
+var index = require('./fthry_index.BvupjK8i.js');
 
 /** Checks if value is string */
 function isString(str) {

package/cjs/{fthry_mermaid-O7DHMXV3.sUIzCYWD.js → fthry_mermaid-O7DHMXV3.Hr0ROL9a.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var AssistantChat = require('./fthry_AssistantChat.CPRDvm7C.js');
-require('./fthry_index.B0judNH0.js');
+var AssistantChat = require('./fthry_AssistantChat.AuMTE5ni.js');
+require('./fthry_index.Dx6_vLXH.js');
 require('react/jsx-runtime');
 require('react');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
 require('./fthry_clsx.BtxeOLZW.js');
-require('./fthry_index.C9ChU3He.js');
+require('./fthry_index.DyfArFz1.js');
 
 
 

package/cjs/{fthry_script.C6N3WHcg.js → fthry_script.5FcM2fg9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/cjs/{fthry_styles.tZs0nn5_.js → fthry_styles.CxfiChN9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {

package/cjs/{fthry_useElementSize.rPRNtudj.js → fthry_useElementSize.DjNvJMZW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
 
 function useElementSize(anchorRef) {

package/cjs/{fthry_useSalesforceSync.DOGh-0MW.js → fthry_useSalesforceSync.D_GLzNtJ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 var React = require('react');
 
 function useSalesforceSync(salesforceSync, editMode) {

package/cjs/{fthry_webfontloader.D2ik3zfZ.js → fthry_webfontloader.rkfqw_Az.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.B0judNH0.js');
+var index = require('./fthry_index.Dx6_vLXH.js');
 require('react-dom/client');
 require('react/jsx-runtime');
 require('react');