@feathery/react 2.40.2 → 2.41.1

package/dist/{fthry_index.Bad-C-ct.js → fthry_index.BD4Gxt6n.js}

@@ -1,6 +1,6 @@
 import * as ReactJSXRuntime from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, useContext, useEffect, useRef, useState, useMemo, createContext, useCallback, memo, useLayoutEffect, lazy, Suspense } from 'react';
+import React__default, { forwardRef, useContext, useEffect, useRef, useState, useMemo, createContext, useCallback, memo, useLayoutEffect, lazy, Suspense, useReducer } from 'react';
 import { createRoot } from 'react-dom/client';
 import JSZip from 'jszip';
 import { createPortal } from 'react-dom';
@@ -22334,7 +22334,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, __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, __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, __assign({}, basicProps));
     else if (type === 'video')
@@ -40981,7 +40981,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.B0qoAe0o.js').then(function (n) { return n.A; }); });
+var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.9iZnqQQt.js').then(function (n) { return n.A; }); });
 var AssistantChat = function (props) { return (jsx$1(Suspense, __assign({ fallback: null }, { children: jsx$1(LazyAssistantChat, __assign({}, props)) }))); };
 
 var AssistantClient = /** @class */ (function () {
@@ -43711,6 +43711,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,
@@ -43755,8 +43756,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;
@@ -46037,7 +46037,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);
     }
@@ -46847,6 +46850,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; }
@@ -47177,6 +47216,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)];
                 }
@@ -47530,7 +47573,9 @@ var initState = {
     isTestEnv: false,
     initNoSave: false,
     theme: '',
-    region: ''
+    region: '',
+    completedSteps: new Set(),
+    completedStepsLoaded: new Set()
 };
 var fieldValues = {};
 var filePathMap = {};
@@ -47582,9 +47627,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.Y8MMexuK.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.GZmaXrTw.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BiP89hlr.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DvZgpMoe.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47729,8 +47774,49 @@ function getFieldValues() {
     // Make a copy so users can't set fieldValues directly
     return __assign({}, 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;');
 }
 
@@ -49245,64 +49331,64 @@ breakpoint) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return import(/* webpackChunkName: "AddressField" */ './fthry_index.DoDazXc-.js');
+        return import(/* webpackChunkName: "AddressField" */ './fthry_index.DfusnmMH.js');
     },
     ButtonGroupField: function () {
-        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.8WY_GNU7.js');
+        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DieTiO1R.js');
     },
     CheckboxField: function () {
-        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.CU6RNwxL.js');
+        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.CBIXVWL-.js');
     },
     CheckboxGroupField: function () {
-        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.C6Zf374X.js');
+        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BZ22DoJF.js');
     },
     ColorPickerField: function () {
-        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.dQbLEVhn.js');
+        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.D8wf4Och.js');
     },
     CustomField: function () {
-        return import(/* webpackChunkName: "CustomField" */ './fthry_index.CkDrn4f4.js');
+        return import(/* webpackChunkName: "CustomField" */ './fthry_index.D5rdhFrZ.js');
     },
     DateSelectorField: function () {
-        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Bkl9afRX.js');
+        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BKKIUHxP.js');
     },
     DropdownField: function () {
-        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.CwYvWzeF.js');
+        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BROaFD02.js');
     },
     DropdownMultiField: function () {
-        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DF4CthNf.js');
+        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CPAAIiq3.js');
     },
     FileUploadField: function () {
-        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.Csjg1CSZ.js');
+        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.CYYRO1p6.js');
     },
     MatrixField: function () {
-        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.C2ZVKn5H.js');
+        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.Se5JLYs9.js');
     },
     PasswordField: function () {
-        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.B-XAg0bM.js');
+        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.Drx2ZVkE.js');
     },
     PaymentMethodField: function () {
-        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DP35cLIu.js');
+        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.C_6Pu8x2.js');
     },
-    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.C09Dn5fj.js'); },
+    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.CPLtkSYO.js'); },
     PinInputField: function () {
-        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.B-fyO7L2.js');
+        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.BfOeedPy.js');
     },
-    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.CZA7_DUX.js'); },
+    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.CUWsRf0D.js'); },
     RadioButtonGroupField: function () {
         return import(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DE6Joa-a.js');
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.Dm5kGSKR.js');
     },
     RatingField: function () {
-        return import(/* webpackChunkName: "RatingField" */ './fthry_index.CCGFfkuV.js');
+        return import(/* webpackChunkName: "RatingField" */ './fthry_index.CBiQrmKH.js');
     },
     SignatureField: function () {
-        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.RvUXHiP5.js');
+        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BOH7m5kT.js');
     },
     SliderField: function () {
-        return import(/* webpackChunkName: "SliderField" */ './fthry_index.CVwNI0wC.js');
+        return import(/* webpackChunkName: "SliderField" */ './fthry_index.BAs20rGv.js');
     },
-    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.BT380FA_.js'); },
-    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.Bvz8ZQ_Z.js'); }
+    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.Pp6zhlf_.js'); },
+    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.C9wizXBA.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
@@ -50215,7 +50301,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))
@@ -50231,7 +50317,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);
@@ -50239,10 +50326,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 __assign(__assign({}, barStyles), { color: '#fff', boxShadow: "0 0 0 2px #fff, 0 0 0 4px ".concat(activeRingColor) });
+        if (isCompleted)
             return __assign(__assign({}, barStyles), { color: '#fff' });
         return { backgroundColor: '#e9ecef', color: '#888' };
     };
@@ -50252,10 +50345,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 &&
@@ -50275,7 +50371,9 @@ function StepperBar(_a) {
                     marginLeft: "".concat(CONNECTOR_GAP, "px"),
                     marginRight: "".concat(CONNECTOR_GAP, "px")
                 };
-            return (jsxs(React__default.Fragment, { children: [jsx$1("div", __assign({ css: __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: __assign(__assign({}, connectorStyle), (isCompleted ? barStyles : { backgroundColor: '#e9ecef' })) }))] }, index));
+            return (jsxs(React__default.Fragment, { children: [jsx$1("div", __assign({ css: __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: __assign(__assign({}, connectorStyle), (index < activeStep
+                            ? barStyles
+                            : { backgroundColor: '#e9ecef' })) }))] }, index));
         });
     };
     var renderLabelItems = function () {
@@ -50331,25 +50429,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 = useMemo(function () { return applyProgressBarStyles(responsiveStyles); }, [responsiveStyles]);
+    var _l = __read(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
+    useEffect(function () {
+        if (isStepper)
+            loadCompletedSteps(client).then(function () { return rerender(); });
+    }, [isStepper]);
     var vertical = element.styles.bar_direction === 'vertical';
     var containerProps = __assign({ css: __assign(__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", __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;
@@ -50533,7 +50636,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.Y8vzMhtR.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.Fq2JKey_.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/dist/{fthry_index.Bkl9afRX.js → fthry_index.BKKIUHxP.js}

@@ -1,17 +1,17 @@
-import { a as jsx, G as Global, e as css, g as __makeTemplateObject, _ as __assign, c as __read, s as isMobile, p as featheryWindow, t as featheryDoc, u as useBorder, j as jsxs$1, h as hoverStylesGuard, r as resetStyles, k as __rest, au as formatDateString } from './fthry_index.Bad-C-ct.js';
+import { a as jsx, G as Global, e as css, g as __makeTemplateObject, _ as __assign, c as __read, s as isMobile, p as featheryWindow, t as featheryDoc, u as useBorder, j as jsxs$1, h as hoverStylesGuard, r as resetStyles, k as __rest, au as formatDateString } from './fthry_index.BD4Gxt6n.js';
 import * as React from 'react';
 import React__default, { useMemo, useLayoutEffect, cloneElement, createRef, Component, useRef, useCallback, useEffect, createElement, memo, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.WANv8Cql.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BY88rigX.js';
+import { P as Placeholder } from './fthry_Placeholder.Dsx8_ezr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.159qVlX7.js';
 import { c as clsx } from './fthry_clsx.ChV9xqsO.js';
 import { jsxs, jsx as jsx$1 } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { a as IMask, I as IMaskInput } from './fthry_input.CMO0dJz7.js';
+import { a as IMask, I as IMaskInput } from './fthry_input.p12lRSx4.js';
 import 'react-dom/client';
 import 'jszip';
-import './fthry_Overlay.xNw0skTQ.js';
-import './fthry_index.nHK_t_V2.js';
+import './fthry_Overlay.Di0mol1Z.js';
+import './fthry_index.D0eO_jrF.js';
 
 var PORTAL_CONTAINER_CLASS = '.react-datepicker__portal';
 var DATEPICKER_PADDING_TOP_VALUE = '--datepicker-pad-top';

package/dist/{fthry_index.RvUXHiP5.js → fthry_index.BOH7m5kT.js}

@@ -1,6 +1,6 @@
-import { t as featheryDoc, Y as devicePixelRatio, C as getDefaultExportFromCjs, c as __read, j as jsxs, a as jsx, _ as __assign, q as Fragment, l as __awaiter, m as __generator, Z as toBase64, H as debounce, $ as MODAL_Z_INDEX, N as CloseIcon, a0 as dataURLToFile, F as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.Bad-C-ct.js';
+import { t as featheryDoc, Y as devicePixelRatio, C as getDefaultExportFromCjs, c as __read, j as jsxs, a as jsx, _ as __assign, q as Fragment, l as __awaiter, m as __generator, Z as toBase64, H as debounce, $ as MODAL_Z_INDEX, N as CloseIcon, a0 as dataURLToFile, F as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.BD4Gxt6n.js';
 import React__default, { Component, forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback, Suspense } from 'react';
-import { P as PropTypes } from './fthry_index.nHK_t_V2.js';
+import { P as PropTypes } from './fthry_index.D0eO_jrF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
@@ -1477,7 +1477,7 @@ function SignatureField(_a) {
     useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = import(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BiP89hlr.js').then(function (n) { return n.w; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DvZgpMoe.js').then(function (n) { return n.w; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/dist/{fthry_index.CwYvWzeF.js → fthry_index.BROaFD02.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, c as __read, a as jsx, _ as __assign, d as countryData, f as fieldValues, j as jsxs, h as hoverStylesGuard, e as css, g as __makeTemplateObject, G as Global, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.Bad-C-ct.js';
+import { u as useBorder, c as __read, a as jsx, _ as __assign, d as countryData, f as fieldValues, j as jsxs, h as hoverStylesGuard, e as css, g as __makeTemplateObject, G as Global, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.BD4Gxt6n.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BY88rigX.js';
-import { h as hasState, g as getStateOptions } from './fthry_index.TjfK_3U5.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DGIYazp_.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.159qVlX7.js';
+import { h as hasState, g as getStateOptions } from './fthry_index.CyDzbx5S.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.0EbTmWOM.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.xNw0skTQ.js';
+import './fthry_Overlay.Di0mol1Z.js';
 
 function DropdownField(_a) {
     var _b, _c, _d;

package/dist/{fthry_index.C6Zf374X.js → fthry_index.BZ22DoJF.js}

@@ -1,14 +1,14 @@
-import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.Bad-C-ct.js';
+import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.BD4Gxt6n.js';
 import { useRef, useMemo, useEffect } from 'react';
-import { F as FormControl } from './fthry_FormControl.Br62kgoO.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CU6RNwxL.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BY88rigX.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DGIYazp_.js';
+import { F as FormControl } from './fthry_FormControl.aWX059qS.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CBIXVWL-.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.159qVlX7.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.0EbTmWOM.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.xNw0skTQ.js';
+import './fthry_Overlay.Di0mol1Z.js';
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/dist/{fthry_index.B-fyO7L2.js → fthry_index.BfOeedPy.js}

@@ -1,4 +1,4 @@
-import { p as featheryWindow, j as jsxs, _ as __assign, a as jsx, c as __read, u as useBorder, h as hoverStylesGuard, P as isNum } from './fthry_index.Bad-C-ct.js';
+import { p as featheryWindow, j as jsxs, _ as __assign, a as jsx, c as __read, u as useBorder, h as hoverStylesGuard, P as isNum } from './fthry_index.BD4Gxt6n.js';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.Bvz8ZQ_Z.js → fthry_index.C9wizXBA.js}

@@ -1,12 +1,12 @@
-import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.Bad-C-ct.js';
+import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.BD4Gxt6n.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.WANv8Cql.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BY88rigX.js';
+import { P as Placeholder } from './fthry_Placeholder.Dsx8_ezr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.159qVlX7.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.xNw0skTQ.js';
+import './fthry_Overlay.Di0mol1Z.js';
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/dist/{fthry_index.CU6RNwxL.js → fthry_index.CBIXVWL-.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, h as hoverStylesGuard, j as jsxs, a as jsx, b as iosScrollOnFocus } from './fthry_index.Bad-C-ct.js';
+import { _ as __assign, h as hoverStylesGuard, j as jsxs, a as jsx, b as iosScrollOnFocus } from './fthry_index.BD4Gxt6n.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.CCGFfkuV.js → fthry_index.CBiQrmKH.js}

@@ -1,4 +1,4 @@
-import { a as jsx, _ as __assign, c as __read, j as jsxs, E as ErrorInput } from './fthry_index.Bad-C-ct.js';
+import { a as jsx, _ as __assign, c as __read, j as jsxs, E as ErrorInput } from './fthry_index.BD4Gxt6n.js';
 import { useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DF4CthNf.js → fthry_index.CPAAIiq3.js}

@@ -1,10 +1,10 @@
-import { a1 as stringify, a2 as rulesheet, a3 as COMMENT, a4 as middleware, a5 as RULESET, a6 as combine, a7 as match, a8 as serialize, a9 as copy, aa as replace, ab as WEBKIT, ac as MOZ, ad as MS, ae as KEYFRAMES, af as DECLARATION, ag as dealloc, ah as alloc, ai as hash, aj as charat, ak as strlen, al as indexof, am as next, an as token, ao as from, ap as peek, aq as delimit, ar as slice, as as position, at as compile, a as jsx$1, _ as __assign, j as jsxs, q as Fragment$1, k as __rest, c as __read, F as FORM_Z_INDEX, p as featheryWindow, t as featheryDoc, L as __spreadArray, U as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.Bad-C-ct.js';
+import { a1 as stringify, a2 as rulesheet, a3 as COMMENT, a4 as middleware, a5 as RULESET, a6 as combine, a7 as match, a8 as serialize, a9 as copy, aa as replace, ab as WEBKIT, ac as MOZ, ad as MS, ae as KEYFRAMES, af as DECLARATION, ag as dealloc, ah as alloc, ai as hash, aj as charat, ak as strlen, al as indexof, am as next, an as token, ao as from, ap as peek, aq as delimit, ar as slice, as as position, at as compile, a as jsx$1, _ as __assign, j as jsxs, q as Fragment$1, k as __rest, c as __read, F as FORM_Z_INDEX, p as featheryWindow, t as featheryDoc, L as __spreadArray, U as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.BD4Gxt6n.js';
 import * as React from 'react';
 import { useState, useCallback, forwardRef, useContext, useLayoutEffect, useEffect, createContext, useRef, useMemo, Component, Fragment } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BY88rigX.js';
-import { P as Placeholder$2 } from './fthry_Placeholder.WANv8Cql.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DGIYazp_.js';
-import { T as Tooltip, O as Overlay } from './fthry_Overlay.xNw0skTQ.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.159qVlX7.js';
+import { P as Placeholder$2 } from './fthry_Placeholder.Dsx8_ezr.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.0EbTmWOM.js';
+import { T as Tooltip, O as Overlay } from './fthry_Overlay.Di0mol1Z.js';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.C09Dn5fj.js → fthry_index.CPLtkSYO.js}

@@ -1,9 +1,9 @@
-import { k as __rest, c as __read, d as countryData, Q as phoneLib, R as authState, S as firebaseSMSCountries, j as jsxs, a as jsx, _ as __assign, q as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, T as phoneLibPromise, h as hoverStylesGuard, P as isNum, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.Bad-C-ct.js';
+import { k as __rest, c as __read, d as countryData, Q as phoneLib, R as authState, S as firebaseSMSCountries, j as jsxs, a as jsx, _ as __assign, q as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, T as phoneLibPromise, h as hoverStylesGuard, P as isNum, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.BD4Gxt6n.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.WANv8Cql.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BY88rigX.js';
-import { O as Overlay } from './fthry_Overlay.xNw0skTQ.js';
-import { u as useElementSize } from './fthry_useElementSize.MuVHHknL.js';
+import { P as Placeholder } from './fthry_Placeholder.Dsx8_ezr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.159qVlX7.js';
+import { O as Overlay } from './fthry_Overlay.Di0mol1Z.js';
+import { u as useElementSize } from './fthry_useElementSize.cLenWN5F.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CZA7_DUX.js → fthry_index.CUWsRf0D.js}

@@ -1,6 +1,6 @@
-import { l as __awaiter, m as __generator, L as __spreadArray, c as __read, U as __values, p as featheryWindow, V as loadQRScanner, W as throttle, a as jsx, j as jsxs, _ as __assign, q as Fragment, E as ErrorInput, X as qrPromise } from './fthry_index.Bad-C-ct.js';
+import { l as __awaiter, m as __generator, L as __spreadArray, c as __read, U as __values, p as featheryWindow, V as loadQRScanner, W as throttle, a as jsx, j as jsxs, _ as __assign, q as Fragment, E as ErrorInput, X as qrPromise } from './fthry_index.BD4Gxt6n.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.C0bXoMuz.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.p1MsrWgL.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.Csjg1CSZ.js → fthry_index.CYYRO1p6.js}

@@ -1,4 +1,4 @@
-import { j as jsxs, _ as __assign, a as jsx, c as __read, I as isEmptyArray, J as toList, K as useThumbnailData, L as __spreadArray, i as imgMaxSizeStyles, l as __awaiter, m as __generator, M as downloadFile, N as CloseIcon, b as iosScrollOnFocus, F as FORM_Z_INDEX, O as justRemove } from './fthry_index.Bad-C-ct.js';
+import { j as jsxs, _ as __assign, a as jsx, c as __read, I as isEmptyArray, J as toList, K as useThumbnailData, L as __spreadArray, i as imgMaxSizeStyles, l as __awaiter, m as __generator, M as downloadFile, N as CloseIcon, b as iosScrollOnFocus, F as FORM_Z_INDEX, O as justRemove } from './fthry_index.BD4Gxt6n.js';
 import { useRef, useState, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.TjfK_3U5.js → fthry_index.CyDzbx5S.js}

@@ -1,4 +1,4 @@
-import { a as jsx, _ as __assign } from './fthry_index.Bad-C-ct.js';
+import { a as jsx, _ as __assign } from './fthry_index.BD4Gxt6n.js';
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/{fthry_index.nHK_t_V2.js → fthry_index.D0eO_jrF.js}

@@ -1,4 +1,4 @@
-import { C as getDefaultExportFromCjs } from './fthry_index.Bad-C-ct.js';
+import { C as getDefaultExportFromCjs } from './fthry_index.BD4Gxt6n.js';
 
 var propTypes = {exports: {}};
 

package/dist/{fthry_index.CkDrn4f4.js → fthry_index.D5rdhFrZ.js}

@@ -1,4 +1,4 @@
-import { a as jsx, _ as __assign, j as jsxs, c as __read, l as __awaiter, m as __generator, p as featheryWindow, q as Fragment, E as ErrorInput } from './fthry_index.Bad-C-ct.js';
+import { a as jsx, _ as __assign, j as jsxs, c as __read, l as __awaiter, m as __generator, p as featheryWindow, q as Fragment, E as ErrorInput } from './fthry_index.BD4Gxt6n.js';
 import { useRef, useState, useEffect, memo, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.dQbLEVhn.js → fthry_index.D8wf4Och.js}

@@ -1,4 +1,4 @@
-import { c as __read, j as jsxs$1, _ as __assign, a as jsx$1, F as FORM_Z_INDEX } from './fthry_index.Bad-C-ct.js';
+import { c as __read, j as jsxs$1, _ as __assign, a as jsx$1, F as FORM_Z_INDEX } from './fthry_index.BD4Gxt6n.js';
 import React__default, { useRef, useEffect, useCallback, useState, useMemo, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DoDazXc-.js → fthry_index.DfusnmMH.js}

@@ -1,9 +1,9 @@
-import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, o as FeatheryClient, H as debounce } from './fthry_index.Bad-C-ct.js';
+import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, o as FeatheryClient, H as debounce } from './fthry_index.BD4Gxt6n.js';
 import { useRef, useEffect, memo, useState, useCallback } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.WANv8Cql.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BY88rigX.js';
-import { O as Overlay } from './fthry_Overlay.xNw0skTQ.js';
-import { u as useElementSize } from './fthry_useElementSize.MuVHHknL.js';
+import { P as Placeholder } from './fthry_Placeholder.Dsx8_ezr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.159qVlX7.js';
+import { O as Overlay } from './fthry_Overlay.Di0mol1Z.js';
+import { u as useElementSize } from './fthry_useElementSize.cLenWN5F.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';