@feathery/react 2.38.0 → 2.39.0

package/cjs/{fthry_index._rTrmGwo.js → fthry_index.CaQDsoPD.js}

@@ -6128,12 +6128,12 @@ function requireUtils () {
 	        return response;
 	    });
 	}
-	function createHttpHelpers(sdkKey, formId, userId, getFieldValues, updateFieldData, offlineHandler) {
+	function createHttpHelpers(sdkKey, entityId, userId, getFieldValues, updateFieldData, offlineHandler, entityType = 'form') {
 	    const helpers = {};
 	    ['get', 'patch', 'post', 'put', 'delete'].forEach((method) => (helpers[method] = async (url, data, headers) => {
 	        if (!url)
 	            return {};
-	        const response = await (0, api_1.runCustomRequest)(sdkKey, formId, { method: method.toUpperCase(), url, data, headers }, userId, getFieldValues?.(), offlineHandler);
+	        const response = await (0, api_1.runCustomRequest)(sdkKey, entityId, { method: method.toUpperCase(), url, data, headers }, userId, getFieldValues?.(), offlineHandler, entityType);
 	        if (!response)
 	            return {};
 	        if (response.field_values && updateFieldData) {
@@ -6149,7 +6149,7 @@ function requireUtils () {
 	    helpers.connect = async (name, data, headers) => {
 	        if (!name)
 	            return {};
-	        const response = await (0, api_1.runCustomRequest)(sdkKey, formId, { name, data, headers }, userId, getFieldValues?.(), offlineHandler);
+	        const response = await (0, api_1.runCustomRequest)(sdkKey, entityId, { name, data, headers }, userId, getFieldValues?.(), offlineHandler, entityType);
 	        if (!response)
 	            return {};
 	        if (response.field_values && updateFieldData) {
@@ -6236,7 +6236,7 @@ function requireApi () {
 	    let meetingUrl;
 	    let variantPerFile;
 	    let variantMode;
-	    let confidenceScoresCompleted;
+	    let waitForConfidenceScores;
 	    if (typeof options === 'object') {
 	        runAsync = !options.waitForCompletion;
 	        pages = options.pages;
@@ -6244,7 +6244,7 @@ function requireApi () {
 	        meetingUrl = options.meetingUrl;
 	        variantPerFile = options.variantPerFile;
 	        variantMode = options.variantMode;
-	        confidenceScoresCompleted = options.confidenceScoresCompleted;
+	        waitForConfidenceScores = options.waitForConfidenceScores;
 	    }
 	    else {
 	        // deprecated usage, options is runAsync
@@ -6268,7 +6268,7 @@ function requireApi () {
 	        body: JSON.stringify(data),
 	    });
 	    const response = await res?.json();
-	    const pollUrl = `${(0, utils_1.getStaticUrl)()}ai/vision/completion/?fid=${userId}&eid=${extractionId}&evid=${variantId ?? ''}&poll_ids=${(response?.poll_ids ?? []).join(',')}&wait_for_confidence_scores=${confidenceScoresCompleted ?? false}`;
+	    const pollUrl = `${(0, utils_1.getStaticUrl)()}ai/vision/completion/?fid=${userId}&eid=${extractionId}&evid=${variantId ?? ''}&poll_ids=${(response?.poll_ids ?? []).join(',')}&wait_for_confidence_scores=${waitForConfidenceScores ?? false}`;
 	    const CHECK_INTERVAL = pollCheckInterval ?? 2000;
 	    const MAX_TIME = pollMaxTime ?? 3 * 60 * 1000;
 	    if (runAsync) {
@@ -6381,10 +6381,9 @@ function requireApi () {
 	    };
 	    await (0, utils_1.apiFetch)(sdkKey, url, data);
 	}
-	function runCustomRequest(sdkKey, formId, payload, userId, fieldValues, offlineHandler) {
-	    const data = {
+	function runCustomRequest(sdkKey, entityId, payload, userId, fieldValues, offlineHandler, entityType = 'form') {
+	    let data = {
 	        fuser_key: userId,
-	        form_key: formId,
 	        name: payload.name,
 	        method: payload.method,
 	        url: payload.url,
@@ -6392,7 +6391,15 @@ function requireApi () {
 	        headers: payload.headers,
 	        field_values: fieldValues,
 	    };
-	    const url = `${(0, utils_1.getStaticUrl)()}custom_request/`;
+	    let url;
+	    if (entityType === 'extraction') {
+	        data.extraction_id = entityId;
+	        url = `${(0, utils_1.getStaticUrl)()}ai/custom_request/`;
+	    }
+	    else {
+	        data.form_key = entityId;
+	        url = `${(0, utils_1.getStaticUrl)()}custom_request/`;
+	    }
 	    const options = {
 	        headers: { 'Content-Type': 'application/json' },
 	        method: 'POST',
@@ -16935,8 +16942,8 @@ function inRepeat(elementKey, parentKey, addCommaToElement) {
  */
 function getRepeatedContainer(step, element) {
     return getRepeatedContainers(step).find(function (subgrid) {
-        var elKey = getPositionKey(element);
-        var subgridKey = getPositionKey(subgrid);
+        var elKey = getPositionKey$1(element);
+        var subgridKey = getPositionKey$1(subgrid);
         return inRepeat(elKey, subgridKey);
     });
 }
@@ -16956,8 +16963,8 @@ function getRepeatedContainers(step) {
  */
 function getFieldsInRepeat(step, repeatContainer) {
     return step.servar_fields.filter(function (field) {
-        var positionKey = getPositionKey(field);
-        var repeatKey = getPositionKey(repeatContainer);
+        var positionKey = getPositionKey$1(field);
+        var repeatKey = getPositionKey$1(repeatContainer);
         return inRepeat(positionKey, repeatKey);
     });
 }
@@ -17033,7 +17040,7 @@ var getTextVariables = function (el) {
 };
 var repeatCountByTextVariables = function (step, repeatKey) {
     var textVariables = [];
-    __spreadArray(__spreadArray([], __read(step.buttons), false), __read(step.texts), false).filter(function (el) { return repeatKey && inRepeat(getPositionKey(el), repeatKey, true); })
+    __spreadArray(__spreadArray([], __read(step.buttons), false), __read(step.texts), false).filter(function (el) { return repeatKey && inRepeat(getPositionKey$1(el), repeatKey, true); })
         .forEach(function (el) {
         textVariables = __spreadArray(__spreadArray([], __read(textVariables), false), __read(getTextVariables(el)), false);
     });
@@ -17049,7 +17056,7 @@ var repeatCountByFields = function (step, repeatKey) {
     var repeatableServars = step.servar_fields.filter(function (field) {
         return field.servar.repeated &&
             repeatKey &&
-            inRepeat(getPositionKey(field), repeatKey, true);
+            inRepeat(getPositionKey$1(field), repeatKey, true);
     });
     var count = 0;
     repeatableServars.forEach(function (servar) {
@@ -17080,13 +17087,13 @@ var stepElementTypes = [
     'videos',
     'tables'
 ];
-var getPositionKey = function (node) {
+var getPositionKey$1 = function (node) {
     if (!node.position)
         return null;
     return node.position.join(',') || 'root';
 };
 function _collectHideFlags(step, element, visiblePositions, hiddenPositions, repeatKeys, internalId) {
-    var elKey = getPositionKey(element);
+    var elKey = getPositionKey$1(element);
     var repeatKey = repeatKeys.find(function (key) { return inRepeat(elKey, key, true); });
     var numRepeats = Math.max(repeatCountByFields(step, repeatKey), repeatCountByTextVariables(step, repeatKey), 1);
     var curRepeats = repeatKey ? numRepeats : 1;
@@ -17121,7 +17128,7 @@ function _collectHideFlags(step, element, visiblePositions, hiddenPositions, rep
 }
 function getVisiblePositions(step, internalId) {
     var repeatGrids = getRepeatedContainers(step);
-    var repeatKeys = repeatGrids.map(getPositionKey);
+    var repeatKeys = repeatGrids.map(getPositionKey$1);
     var visiblePositions = {};
     // Efficient data structure for tracking hidden elements
     var hiddenPositions = {};
@@ -17150,7 +17157,7 @@ function getVisibleElements(step, visiblePositions, elementTypes, repeat) {
     return elementTypes.flatMap(function (type) {
         return step[type].flatMap(function (el) {
             var repeatGrid = getRepeatedContainer(step, el);
-            var elKey = getPositionKey(el);
+            var elKey = getPositionKey$1(el);
             var elements = [];
             var flags = visiblePositions[elKey];
             flags.forEach(function (flag, index) {
@@ -22965,7 +22972,7 @@ var Subgrid = function (_a) {
         var children = (node.children || []).map(function (child, i) {
             var _a, _b;
             var fieldKey = (_b = (_a = child.servar) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : '';
-            return (jsx$1(Subgrid, { tree: child, axis: node.axis, form: form, viewport: viewport }, getPositionKey(child) + ':' + i + ':' + fieldKey));
+            return (jsx$1(Subgrid, { tree: child, axis: node.axis, form: form, viewport: viewport }, getPositionKey$1(child) + ':' + i + ':' + fieldKey));
         });
         if (props.embed_calendly && ((_c = form.calendly) === null || _c === void 0 ? void 0 : _c.api_key)) {
             children.push(jsx$1(CalendlyEmbed, { form: form, successStep: props.calendly_success_step }, 'calendly'));
@@ -22984,7 +22991,7 @@ var buildStepGrid = function (step, viewport, visiblePositions) {
     var map = buildGridMap(step);
     var repeatGrids = getRepeatedContainers(step);
     var repeatKeys = repeatGrids.map(function (repeatGrid) {
-        return getPositionKey(repeatGrid);
+        return getPositionKey$1(repeatGrid);
     });
     var tree = buildGridTree(map, [], visiblePositions, repeatKeys, undefined, false);
     return { map: map, tree: tree };
@@ -23042,7 +23049,7 @@ var buildGridMap = function (step) {
                 return (rootSubgrid = obj);
             }
         }
-        var previous = map[getPositionKey(obj)];
+        var previous = map[getPositionKey$1(obj)];
         var prevObj = {};
         if (previous) {
             prevObj.width = previous.width;
@@ -23051,14 +23058,14 @@ var buildGridMap = function (step) {
         if (type !== 'subgrids') {
             prevObj.isElement = true;
         }
-        map[getPositionKey(obj)] = exports.__assign(exports.__assign({}, obj), prevObj);
+        map[getPositionKey$1(obj)] = exports.__assign(exports.__assign({}, obj), prevObj);
     };
     stepElementTypes.forEach(function (type) { var _a; return (_a = step[type]) === null || _a === void 0 ? void 0 : _a.forEach(function (obj) { return addObjectsToMap(obj, type); }); });
     map.root = exports.__assign({ step: step }, rootSubgrid);
     return map;
 };
 var buildGridTree = function (gridMap, position, visiblePositions, repeatKeys, repeatIndex, lastRepeat) {
-    var positionKey = getPositionKey({ position: position });
+    var positionKey = getPositionKey$1({ position: position });
     var node = exports.__assign({}, gridMap[positionKey]);
     if (!node)
         return;
@@ -23066,7 +23073,7 @@ var buildGridTree = function (gridMap, position, visiblePositions, repeatKeys, r
     node.lastRepeat = lastRepeat;
     var i = 0;
     var nextPos = __spreadArray(__spreadArray([], __read(position), false), [i], false);
-    var nextPosKey = getPositionKey({ position: nextPos });
+    var nextPosKey = getPositionKey$1({ position: nextPos });
     var hasNextChild = gridMap[nextPosKey];
     if (hasNextChild)
         node.children = [];
@@ -23082,7 +23089,7 @@ var buildGridTree = function (gridMap, position, visiblePositions, repeatKeys, r
         }
         i = i + 1;
         nextPos = __spreadArray(__spreadArray([], __read(position), false), [i], false);
-        nextPosKey = getPositionKey({ position: nextPos });
+        nextPosKey = getPositionKey$1({ position: nextPos });
         hasNextChild = gridMap[nextPosKey];
     };
     while (hasNextChild) {
@@ -39709,7 +39716,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.DMRqYl7c.js'); }).then(function (n) { return n.AssistantChat; }); });
+var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.L8QqDrZ9.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 () {
@@ -40409,7 +40416,7 @@ function Form(_a) {
         return changed;
     };
     var getNewStep = function (newKey) { return __awaiter$2(_this, void 0, void 0, function () {
-        var newStep, nextStep, nextKey, fields, newHash, _a, curDepth, maxDepth, oldKey;
+        var newStep, nextStep, nextKey, fields, newVisiblePositions, newHash, _a, curDepth, maxDepth, oldKey;
         var _this = this;
         var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         return __generator(this, function (_o) {
@@ -40436,11 +40443,13 @@ function Form(_a) {
                     fields = (_b = internalState[_internalId]) === null || _b === void 0 ? void 0 : _b.fields;
                     if (!fields || !Object.isSealed(fields))
                         fields = Object.seal(getAllFields(fieldKeys, Object.keys(hiddenFields), _internalId));
+                    newVisiblePositions = getVisiblePositions(newStep, _internalId);
+                    preloadStepFields(newStep, newVisiblePositions).catch(function () { });
                     setFormInternalState(_internalId, {
                         language: language !== null && language !== void 0 ? language : initState.language,
                         currentStep: newStep,
                         previousStepName: (_c = activeStep === null || activeStep === void 0 ? void 0 : activeStep.key) !== null && _c !== void 0 ? _c : '',
-                        visiblePositions: getVisiblePositions(newStep, _internalId),
+                        visiblePositions: newVisiblePositions,
                         client: client,
                         fields: fields,
                         products: Object.seal(getSimplifiedProducts(integrations === null || integrations === void 0 ? void 0 : integrations.stripe, updateFieldValues, client)),
@@ -40679,7 +40688,7 @@ function Form(_a) {
             // Only resets if value differs from default, minimizes unnecessary updates.
             var newFieldVals_1 = {};
             activeStep.servar_fields.forEach(function (sf) {
-                var key = getPositionKey(sf);
+                var key = getPositionKey$1(sf);
                 var flags = visiblePositions[key];
                 var isRepeated = !!getRepeatedContainer(activeStep, sf);
                 if (isRepeated) {
@@ -46305,9 +46314,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.CngcPx_9.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.BUzm9HxD.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BgZRGUoe.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.B3eO9SnD.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46453,7 +46462,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.38.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.39.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;');
 }
 
@@ -47966,40 +47975,124 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.71p3lEGO.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.Bfi9gaRQ.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.DVHeeCAd.js'); }); });
-var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.z4phbmML.js'); });
-});
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DVl7lCQ4.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CELRWX9K.js'); }); });
-var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DKbXGnnP.js'); });
-});
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CE4Pt2Be.js'); }); });
-var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.Bq69xc_i.js'); });
-});
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.Cl5vVnOu.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.Da2RxuWz.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.8WMLSq-m.js'); }); });
-var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DBG_F2IV.js'); });
-});
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BHmognVe.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CcDlE6Qp.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.DaWvIjDB.js'); }); });
-var RadioButtonGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.VY9IsOXx.js'); });
-});
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.DD6R-HZB.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DGQK0BX6.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.DX0u8QrD.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.C1bGkjXK.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.DEnbUjkR.js'); }); });
-var Fields = {
+var fieldLoaders = {
+    AddressLine1: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.Bde3s5tl.js'); });
+    },
+    ButtonGroupField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BEpOYeuD.js'); });
+    },
+    CheckboxField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.DKe_zH6q.js'); });
+    },
+    CheckboxGroupField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BxTMSKYR.js'); });
+    },
+    ColorPickerField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Ca9y1U8W.js'); });
+    },
+    CustomField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.IxpG538L.js'); });
+    },
+    DateSelectorField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CznkErSr.js'); });
+    },
+    DropdownField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.YyKms2Ty.js'); });
+    },
+    DropdownMultiField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BBz67wEv.js'); });
+    },
+    FileUploadField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.xHwcINEA.js'); });
+    },
+    MatrixField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.DYCg5RsQ.js'); });
+    },
+    PasswordField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CLqeg1q-.js'); });
+    },
+    PaymentMethodField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.B4dRDX90.js'); });
+    },
+    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.C7zyqnbf.js'); }); },
+    PinInputField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.TVlALn4r.js'); });
+    },
+    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.B9CMlFfK.js'); }); },
+    RadioButtonGroupField: function () {
+        return Promise.resolve().then(function () { return require(
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.qxBbMcVu.js'); });
+    },
+    RatingField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.Dly0rruo.js'); });
+    },
+    SignatureField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.BwxSWwJZ.js'); });
+    },
+    SliderField: function () {
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.D7IlFInQ.js'); });
+    },
+    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.7DwrYriA.js'); }); },
+    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.Dl1GeWM6.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
+// React.lazy wrapper can still suspend on its first render even after an
+// external import() preload has resolved.
+var createPreloadableField = function (load) {
+    var Component = null;
+    var preloadPromise = null;
+    var loadError = null;
+    var preload = function () {
+        if (!preloadPromise) {
+            loadError = null;
+            preloadPromise = load()
+                .then(function (module) {
+                Component = module.default;
+                return module;
+            })
+                .catch(function (error) {
+                preloadPromise = null;
+                loadError = error;
+                throw error;
+            });
+        }
+        return preloadPromise;
+    };
+    var Field = function (props) {
+        if (Component)
+            return React.createElement(Component, props);
+        if (loadError)
+            throw loadError;
+        throw preload();
+    };
+    Field.preload = preload;
+    return Field;
+};
+var AddressLine1 = createPreloadableField(fieldLoaders.AddressLine1);
+var ButtonGroupField = createPreloadableField(fieldLoaders.ButtonGroupField);
+var CheckboxField = createPreloadableField(fieldLoaders.CheckboxField);
+var CheckboxGroupField = createPreloadableField(fieldLoaders.CheckboxGroupField);
+var ColorPickerField = createPreloadableField(fieldLoaders.ColorPickerField);
+var CustomField = createPreloadableField(fieldLoaders.CustomField);
+var DateSelectorField = createPreloadableField(fieldLoaders.DateSelectorField);
+var DropdownField = createPreloadableField(fieldLoaders.DropdownField);
+var DropdownMultiField = createPreloadableField(fieldLoaders.DropdownMultiField);
+var FileUploadField = createPreloadableField(fieldLoaders.FileUploadField);
+var MatrixField = createPreloadableField(fieldLoaders.MatrixField);
+var PasswordField = createPreloadableField(fieldLoaders.PasswordField);
+var PaymentMethodField = createPreloadableField(fieldLoaders.PaymentMethodField);
+var PhoneField = createPreloadableField(fieldLoaders.PhoneField);
+var PinInputField = createPreloadableField(fieldLoaders.PinInputField);
+var QRScanner = createPreloadableField(fieldLoaders.QRScanner);
+var RadioButtonGroupField = createPreloadableField(fieldLoaders.RadioButtonGroupField);
+var RatingField = createPreloadableField(fieldLoaders.RatingField);
+var SignatureField = createPreloadableField(fieldLoaders.SignatureField);
+var SliderField = createPreloadableField(fieldLoaders.SliderField);
+var TextField = createPreloadableField(fieldLoaders.TextField);
+var TextArea = createPreloadableField(fieldLoaders.TextArea);
+var preloadableFields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
     CheckboxField: CheckboxField,
@@ -48023,6 +48116,71 @@ var Fields = {
     TextField: TextField,
     TextArea: TextArea
 };
+var getFieldComponentKey = function (servarType) {
+    switch (servarType) {
+        case 'matrix':
+            return 'MatrixField';
+        case 'date_selector':
+            return 'DateSelectorField';
+        case 'signature':
+            return 'SignatureField';
+        case 'qr_scanner':
+            return 'QRScanner';
+        case 'custom':
+            return 'CustomField';
+        case 'file_upload':
+            return 'FileUploadField';
+        case 'button_group':
+            return 'ButtonGroupField';
+        case 'checkbox':
+            return 'CheckboxField';
+        case 'dropdown':
+        case 'gmap_state':
+        case 'gmap_country':
+            return 'DropdownField';
+        case 'dropdown_multi':
+            return 'DropdownMultiField';
+        case 'pin_input':
+            return 'PinInputField';
+        case 'multiselect':
+            return 'CheckboxGroupField';
+        case 'select':
+            return 'RadioButtonGroupField';
+        case 'hex_color':
+            return 'ColorPickerField';
+        case 'slider':
+            return 'SliderField';
+        case 'rating':
+            return 'RatingField';
+        case 'password':
+            return 'PasswordField';
+        case 'text_area':
+            return 'TextArea';
+        case 'phone_number':
+            return 'PhoneField';
+        case 'gmap_line_1':
+        case 'gmap_city':
+            return 'AddressLine1';
+        case 'payment_method':
+            return 'PaymentMethodField';
+        default:
+            return 'TextField';
+    }
+};
+var preloadStepFields = function (step, visiblePositions) {
+    var fieldComponentKeys = new Set();
+    step.servar_fields.forEach(function (element) {
+        var _a;
+        var visibleFlags = visiblePositions[getPositionKey(element)];
+        if (visibleFlags === null || visibleFlags === void 0 ? void 0 : visibleFlags.some(Boolean)) {
+            fieldComponentKeys.add(getFieldComponentKey((_a = element.servar) === null || _a === void 0 ? void 0 : _a.type));
+        }
+    });
+    return Promise.all(Array.from(fieldComponentKeys).map(function (key) {
+        return preloadableFields[key].preload();
+    }));
+};
+var Fields = exports.__assign({}, preloadableFields);
 var justifyContentTextAlignMap = {
     'flex-start': 'left',
     center: 'center',
@@ -48386,6 +48544,15 @@ function applyImageStyles(element, responsiveStyles) {
     responsiveStyles.applyWidth('dimension');
     return responsiveStyles;
 }
+function getImmediateDocumentUrl(_a) {
+    var editMode = _a.editMode, imageFieldSource = _a.imageFieldSource, sourceImage = _a.sourceImage;
+    if (imageFieldSource && typeof imageFieldSource === 'string') {
+        return imageFieldSource;
+    }
+    if (!imageFieldSource)
+        return sourceImage || PLACEHOLDER_IMAGE;
+    return editMode ? PLACEHOLDER_IMAGE : '';
+}
 function ImageElement(_a) {
     var _b, _c;
     var element = _a.element, responsiveStyles = _a.responsiveStyles, _d = _a.elementProps, elementProps = _d === void 0 ? {} : _d, editMode = _a.editMode, children = _a.children;
@@ -48394,29 +48561,26 @@ function ImageElement(_a) {
     if (Array.isArray(imageFieldSource)) {
         imageFieldSource = imageFieldSource[(_c = element.repeat) !== null && _c !== void 0 ? _c : 0];
     }
-    var hasSourceImage = !!element.properties.source_image && !imageFieldSource;
-    var _e = __read(React.useState(editMode && !hasSourceImage ? PLACEHOLDER_IMAGE : ''), 2), documentUrl = _e[0], setDocumentUrl = _e[1];
-    var _f = __read(React.useState(''), 2), documentType = _f[0], setDocumentType = _f[1];
-    var _g = __read(React.useState(true), 2), applyWidth = _g[0], setApplyWidth = _g[1];
+    var shouldResolveImageSource = Boolean(imageFieldSource && typeof imageFieldSource !== 'string');
+    var immediateDocumentUrl = getImmediateDocumentUrl({
+        editMode: editMode,
+        imageFieldSource: imageFieldSource,
+        sourceImage: element.properties.source_image
+    });
+    var _e = __read(React.useState(null), 2), resolvedDocumentData = _e[0], setResolvedDocumentData = _e[1];
+    var _f = __read(React.useState(true), 2), applyWidth = _f[0], setApplyWidth = _f[1];
     var styles = React.useMemo(function () { return applyImageStyles(element, responsiveStyles); }, [responsiveStyles]);
     React.useEffect(function () {
-        if (imageFieldSource) {
-            if (typeof imageFieldSource === 'string') {
-                setDocumentType('');
-                setDocumentUrl(imageFieldSource);
-            }
-            else {
-                getRenderData(imageFieldSource).then(function (data) {
-                    setDocumentType(data.type);
-                    setDocumentUrl(data.url);
-                });
-            }
-        }
-        else {
-            setDocumentUrl(element.properties.source_image || PLACEHOLDER_IMAGE);
-            setDocumentType('');
-        }
-    }, [imageFieldSource, element.properties.source_image]);
+        if (!shouldResolveImageSource)
+            return;
+        getRenderData(imageFieldSource).then(setResolvedDocumentData);
+    }, [imageFieldSource, shouldResolveImageSource]);
+    var documentUrl = shouldResolveImageSource && resolvedDocumentData
+        ? resolvedDocumentData.url
+        : immediateDocumentUrl;
+    var documentType = shouldResolveImageSource && resolvedDocumentData
+        ? resolvedDocumentData.type
+        : '';
     var displayPDF = documentUrl && documentType === 'application/pdf';
     return (jsxs("div", exports.__assign({ css: exports.__assign(exports.__assign({ width: '100%', height: '100%' }, styles.getTarget('imageContainer')), { maxHeight: '100%', position: 'relative', display: 'flex', alignItems: 'center' }) }, { children: [children, displayPDF ? (jsx$1("embed", exports.__assign({ type: 'application/pdf', width: '100%', height: '100%', alt: '', "aria-label": element.properties.aria_label, src: documentUrl + '#view=FitH', css: exports.__assign(exports.__assign({ border: 'none', objectFit: 'contain', width: '100%', maxWidth: '100%', height: '100%', maxHeight: '100%' }, styles.getTarget('image')), (applyWidth ? styles.getTarget('dimension') : {})), onLoad: function () { return setApplyWidth(false); } }, elementProps))) : (jsx$1("img", exports.__assign({ src: documentUrl || undefined, alt: '', "aria-label": element.properties.aria_label, css: exports.__assign(exports.__assign({ objectFit: 'contain', width: '100%', maxWidth: '100%', height: '100%', maxHeight: '100%' }, styles.getTarget('image')), (applyWidth ? styles.getTarget('dimension') : {})), onLoad: function () { return setApplyWidth(false); } }, elementProps)))] })));
 }
@@ -48948,7 +49112,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.B8RLVADy.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.fFWtGd8u.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/cjs/{fthry_index.DKbXGnnP.js → fthry_index.CznkErSr.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var index$3 = require('./fthry_index._rTrmGwo.js');
+var index$3 = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.D3e5FkES.js');
-var InlineTooltip = require('./fthry_InlineTooltip.B8DIhcwN.js');
+var Placeholder = require('./fthry_Placeholder.DWR5nO5t.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CHwGV2ye.js');
 var clsx = require('./fthry_clsx.BtxeOLZW.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.CNUxn07s.js');
+var input = require('./fthry_input.C-RhGr8Z.js');
 require('react-dom/client');
 require('jszip');
-require('./fthry_Overlay.cDGh2blq.js');
-require('./fthry_index.CUUU_mSN.js');
+require('./fthry_Overlay.BApTL35K.js');
+require('./fthry_index.Bq4ONiuv.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/{fthry_index.DX0u8QrD.js → fthry_index.D7IlFInQ.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index._rTrmGwo.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var styles = require('./fthry_styles.BVmu9I22.js');
+var styles = require('./fthry_styles.BD-5zYX4.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.DVHeeCAd.js → fthry_index.DKe_zH6q.js}

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

package/cjs/{fthry_index.Da2RxuWz.js → fthry_index.DYCg5RsQ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index._rTrmGwo.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.cDGh2blq.js');
-var index$1 = require('./fthry_index.DVHeeCAd.js');
+var Overlay = require('./fthry_Overlay.BApTL35K.js');
+var index$1 = require('./fthry_index.DKe_zH6q.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');