@feathery/react 2.39.3 → 2.39.5

package/dist/{fthry_index.CpPyr71U.js → fthry_index.B0dTcALC.js}

@@ -23224,39 +23224,57 @@ function requireClassnames () {
 
 			var hasOwn = {}.hasOwnProperty;
 
-			function classNames() {
-				var classes = [];
+			function classNames () {
+				var classes = '';
 
 				for (var i = 0; i < arguments.length; i++) {
 					var arg = arguments[i];
-					if (!arg) continue;
-
-					var argType = typeof arg;
-
-					if (argType === 'string' || argType === 'number') {
-						classes.push(arg);
-					} else if (Array.isArray(arg)) {
-						if (arg.length) {
-							var inner = classNames.apply(null, arg);
-							if (inner) {
-								classes.push(inner);
-							}
-						}
-					} else if (argType === 'object') {
-						if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-							classes.push(arg.toString());
-							continue;
-						}
-
-						for (var key in arg) {
-							if (hasOwn.call(arg, key) && arg[key]) {
-								classes.push(key);
-							}
-						}
+					if (arg) {
+						classes = appendClass(classes, parseValue(arg));
 					}
 				}
 
-				return classes.join(' ');
+				return classes;
+			}
+
+			function parseValue (arg) {
+				if (typeof arg === 'string' || typeof arg === 'number') {
+					return arg;
+				}
+
+				if (typeof arg !== 'object') {
+					return '';
+				}
+
+				if (Array.isArray(arg)) {
+					return classNames.apply(null, arg);
+				}
+
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					return arg.toString();
+				}
+
+				var classes = '';
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes = appendClass(classes, key);
+					}
+				}
+
+				return classes;
+			}
+
+			function appendClass (value, newClass) {
+				if (!newClass) {
+					return value;
+				}
+			
+				if (value) {
+					return value + ' ' + newClass;
+				}
+			
+				return value + newClass;
 			}
 
 			if (module.exports) {
@@ -23271,7 +23289,7 @@ function requireClassnames () {
 }
 
 var classnamesExports = requireClassnames();
-var cls = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
 var UserIdError = /** @class */ (function (_super) {
     __extends(UserIdError, _super);
@@ -23406,9 +23424,9 @@ var StyledContainer = forwardRef(function (_a, ref) {
     var elementType = (_e = (_d = node.servar) === null || _d === void 0 ? void 0 : _d.type) !== null && _e !== void 0 ? _e : node.type;
     if (component) {
         var Component = component;
-        return (jsx$1(Component, __assign({ ref: ref, node: _node, css: styles, className: cls('styled-container', type, className) }, props, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), node.id));
+        return (jsx$1(Component, __assign({ ref: ref, node: _node, css: styles, className: classNames('styled-container', type, className) }, props, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), node.id));
     }
-    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", __assign({ className: cls('styled-container', type, className) }, props, { css: __assign(__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", __assign({ ref: ref, css: isFixed ? __assign(__assign({}, styles), { visibility: 'hidden' }) : styles, className: cls('styled-container', type, className) }, props, { "data-id": node.id, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
+    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", __assign({ className: classNames('styled-container', type, className) }, props, { css: __assign(__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", __assign({ ref: ref, css: isFixed ? __assign(__assign({}, styles), { visibility: 'hidden' }) : styles, className: classNames('styled-container', type, className) }, props, { "data-id": node.id, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", __assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
 });
 
 /**
@@ -23628,7 +23646,20 @@ function generateHeaderElement(doc, inline) {
     return newHeader;
 }
 
-var FORM_STYLES = "\n  #QFVFormPage {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    width: 100%;\n    margin: 0 auto;\n  }\n  #wrapper {\n    position: static;\n    background: #f6f7fa;\n    overflow: auto;\n    width: 100% !important;\n    height: 100%;\n  }\n  #scroller {\n    width: auto;\n    position: static;\n    max-width: 1000px;\n    margin: 0 auto;\n    background: none !important;\n  }\n\n  #QFVPageList {\n    position: relative;\n    border: none !important;\n  }\n\n  #QFVPageList li {\n    position: relative;\n    margin: 5% 15pt;\n    border: none !important;\n    box-shadow: 0px 1.05px 5.27px 0px #23254340;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  #QFVPageList li > div {\n    width: 100% !important;\n    height: auto !important;\n    position: relative;\n    overflow: hidden;\n  }\n\n  #QFVPageList li > div > div {\n    background: none !important;\n  }\n\n  #QFVPageList li > div > div > img {\n    width: 100% !important;\n  }\n\n  .input-label {\n    border: none !important;\n  }\n\n  #QFVPageList .input-label > span {\n    width: 100% !important;\n    aspect-ratio: 1 / 1;\n    height: auto !important;\n    background-size: contain;\n  }\n";
+var FORM_STYLES = "\n  #QFVFormPage {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    width: 100%;\n    margin: 0 auto;\n  }\n  #wrapper {\n    position: static;\n    background: #f6f7fa;\n    overflow: auto;\n    width: 100% !important;\n    height: 100%;\n  }\n  #scroller {\n    width: auto;\n    position: static;\n    max-width: 1000px;\n    margin: 0 auto;\n    background: none !important;\n  }\n\n  #QFVPageList {\n    position: relative;\n    border: none !important;\n  }\n\n  /*\n   * Each <li> is the responsive \"card\". Its aspect-ratio (set inline per page\n   * from the page's pt dimensions) reserves the correct height as the column\n   * width changes, since the scaled page below does not contribute layout size.\n   */\n  #QFVPageList li {\n    position: relative;\n    margin: 5% 15pt;\n    border: none !important;\n    box-shadow: 0px 1.05px 5.27px 0px #23254340;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  /*\n   * The page itself stays at its natural pt size and is scaled to fill the card\n   * with a single uniform transform. Because the page image and every overlay\n   * live in this one rigid coordinate space, they scale together and cannot\n   * drift relative to each other at any width. --quik-page-scale is set per\n   * page by the injected ResizeObserver (see PAGE_SCALE_SCRIPT).\n   */\n  #QFVPageList li > div {\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform-origin: top left;\n    transform: scale(var(--quik-page-scale, 1));\n  }\n\n  #QFVPageList li > div > div {\n    background: none !important;\n  }\n\n  #QFVPageList li > div > div > img {\n    width: 100% !important;\n    display: block !important;\n  }\n\n  /*\n   * Overlay inputs are sized in pt that already account for their padding and\n   * border (the source renders them border-box via its external CSS/JS, which\n   * does not run inside this restructured iframe). Force border-box so the pt\n   * width/height is the rendered box \u2014 otherwise content-box adds padding +\n   * border on top and the boxes render too large, most visibly in height.\n   */\n  #QFVPageList input,\n  #QFVPageList textarea,\n  #QFVPageList select,\n  #QFVPageList label {\n    box-sizing: border-box !important;\n  }\n\n  .input-label {\n    border: none !important;\n  }\n\n  #QFVPageList .input-label > span {\n    width: 100% !important;\n    aspect-ratio: 1 / 1;\n    height: auto !important;\n    background-size: contain;\n  }\n";
+/**
+ * Left inset (in pt) that every overlay's source 'left' carries relative to the
+ * page-width basis. Subtracted from all elements so inputs align with the page
+ * image the same way labels already did.
+ */
+var PAGE_LEFT_OFFSET_PT = 2;
+/**
+ * Per-page top inset (in pt) baked into the source coordinate system: each page
+ * contributes a 2px (= 1.5pt at 96dpi) top border, so page N's origin is
+ * `1.5 + N * (pageHeight + 1.5)`. Confirmed empirically — before this offset the
+ * residual vertical drift was exactly 1.5pt × (pageIndex + 1).
+ */
+var PAGE_TOP_GAP_PT = 1.5;
 /**
  * Parses a CSS style value (e.g., "123pt" or "calc(2*456pt)") and returns the numerical value in 'pt'.
  * This function handles simple 'pt' values and 'calc()' expressions by using a safe evaluation.
@@ -23639,60 +23670,65 @@ function parsePtValue(styleValue) {
     return styleValue ? parseFloat(styleValue.replace('pt', '')) : 0;
 }
 /**
- * Recalculates the 'top', 'left', 'width', and 'height' of all elements to be
- * relative to their page container and converts them to percentage values.
+ * Makes the Quik document responsive by localizing each overlay onto its page
+ * (in native `pt`) and scaling each page as a single rigid unit to fill its
+ * responsive container.
  *
- * This function is designed to work with the provided HTML structure where
- * elements have absolute positioning based on the entire document and page
- * containers have their dimensions defined in `pt` in their style attribute.
- * It makes the layout responsive by converting these fixed `pt` values to
- * percentages based on the parent page's dimensions.
+ * The source HTML positions every overlay absolutely against one document-wide
+ * container, so coordinates are cumulative across pages and page dimensions are
+ * declared in `pt`. Rather than re-deriving per-axis percentages (which couples
+ * alignment to containing-block and box-model behavior), this keeps the page's
+ * exact coordinate space intact and applies a uniform CSS transform, so the
+ * page image and its overlays can never drift relative to one another.
  *
  * @param doc The document object to manipulate.
  */
 function repositionFormInputs(doc) {
-    var pageOffsetPt = 1.5; // original positions include 2px (1.5pt) top border per page
+    // Overlays are absolutely positioned against a single document-wide container
+    // (#scroller in the source), so their `top` values are cumulative across all
+    // pages. Each page contributes its height plus a 2px (1.5pt) top border, so
+    // the running origin starts at one border and grows by height + border.
+    var pageOffsetPt = PAGE_TOP_GAP_PT;
     var pages = doc.querySelectorAll('#QFVPageList > li > div');
     pages.forEach(function (page) {
-        // Dynamically get the page's dimensions from its style attribute.
         var pageWidthPt = parsePtValue(page.style.width);
         var pageHeightPt = parsePtValue(page.style.height);
         if (pageWidthPt === 0 || pageHeightPt === 0) {
             console.error('Could not determine page dimensions from style attribute:', page);
-            return; // Skip this page if dimensions are not found.
+            // Still advance the cumulative origin so later pages stay in sync.
+            pageOffsetPt += pageHeightPt + PAGE_TOP_GAP_PT;
+            return;
         }
-        // Get all child elements of the page, not just inputs.
-        var elements = Array.from(page.children);
-        elements.forEach(function (element) {
-            if (element instanceof HTMLElement) {
-                var style = element.style;
-                // Get original pt values for all relevant properties.
-                var currentTopPt = parsePtValue(style.top);
-                var currentLeftPt = parsePtValue(style.left);
-                var currentWidthPt = parsePtValue(style.width);
-                var currentHeightPt = parsePtValue(style.height);
-                // Recalculate relative top position in pt by subtracting the cumulative page offset.
-                var relativeTopPt = currentTopPt - pageOffsetPt;
-                if (element.tagName === 'LABEL') {
-                    currentLeftPt -= 2; // Adjust for label (radio box)'s left offset
-                }
-                // Convert pt values to percentages.
-                var newTopPercent = (relativeTopPt / pageHeightPt) * 100;
-                var newLeftPercent = (currentLeftPt / pageWidthPt) * 100;
-                var newWidthPercent = (currentWidthPt / pageWidthPt) * 100;
-                var newHeightPercent = (currentHeightPt / pageHeightPt) * 100;
-                // Update the element's style with percentage values.
-                style.top = "".concat(newTopPercent.toFixed(2), "%");
-                style.left = "".concat(newLeftPercent.toFixed(2), "%");
-                style.width = "".concat(newWidthPercent.toFixed(2), "%");
-                style.height = "".concat(newHeightPercent.toFixed(2), "%");
-                if (element.tagName === 'LABEL') {
-                    element.className = "input-label ".concat(element.className);
-                }
+        // Localize each overlay from the document-wide cumulative coordinate system
+        // onto this page, keeping native pt units. The whole page is scaled as one
+        // rigid unit (see below), so overlays cannot drift relative to the image.
+        Array.from(page.children).forEach(function (element) {
+            if (!(element instanceof HTMLElement))
+                return;
+            // The page image fills the page box; leave it at its natural size.
+            if (element.tagName === 'IMG' || element.querySelector('img'))
+                return;
+            var localTopPt = parsePtValue(element.style.top) - pageOffsetPt;
+            // The source 'left' carries a small (~2pt) inset relative to the page
+            // image's left edge; remove it so overlays sit on the artwork.
+            var localLeftPt = parsePtValue(element.style.left) - PAGE_LEFT_OFFSET_PT;
+            element.style.top = "".concat(localTopPt, "pt");
+            element.style.left = "".concat(localLeftPt, "pt");
+            // width/height stay in their native pt units and scale with the page.
+            if (element.tagName === 'LABEL') {
+                element.className = "input-label ".concat(element.className);
             }
         });
-        // Update the cumulative page offset for the next page.
-        pageOffsetPt += pageHeightPt + 1.5; // Add 1.5pt for the top border of the next page
+        // Pin the page to its natural pt size; the injected ResizeObserver scales it
+        // (via --quik-page-scale) to fill the responsive <li> card. The <li> gets
+        // the matching aspect-ratio so it reserves the correct layout height.
+        page.style.width = "".concat(pageWidthPt, "pt");
+        page.style.height = "".concat(pageHeightPt, "pt");
+        page.dataset.quikPageWidthPt = "".concat(pageWidthPt);
+        var li = page.parentElement;
+        if (li)
+            li.style.aspectRatio = "".concat(pageWidthPt, " / ").concat(pageHeightPt);
+        pageOffsetPt += pageHeightPt + PAGE_TOP_GAP_PT;
     });
 }
 function generateFormElement(doc) {
@@ -23703,12 +23739,26 @@ function generateFormElement(doc) {
     }
     repositionFormInputs(doc);
     injectFormStyles(doc);
+    injectPageScaleScript(doc);
     return form;
 }
 function injectFormStyles(doc) {
     var customFormStyle = doc.createElement('style');
     customFormStyle.innerHTML = FORM_STYLES;
     doc.head.appendChild(customFormStyle);
+}
+/** Points-to-pixels factor at 96dpi (CSS reference pixel: 96px === 72pt). */
+var PT_TO_PX = 96 / 72;
+/**
+ * Sets each page's --quik-page-scale so its natural pt width fills the
+ * responsive <li> card, and keeps it updated on resize. Runs inside the form
+ * iframe. Kept dependency-free and ES5-safe since it executes verbatim there.
+ */
+var PAGE_SCALE_SCRIPT = "\n(function () {\n  var PT_TO_PX = ".concat(PT_TO_PX, ";\n  function applyScale() {\n    var pages = document.querySelectorAll(\n      '#QFVPageList > li > div[data-quik-page-width-pt]'\n    );\n    for (var i = 0; i < pages.length; i++) {\n      var page = pages[i];\n      var li = page.parentElement;\n      if (!li) continue;\n      var widthPt = parseFloat(page.getAttribute('data-quik-page-width-pt'));\n      if (!widthPt) continue;\n      var naturalPx = widthPt * PT_TO_PX;\n      var scale = li.clientWidth / naturalPx;\n      if (scale > 0 && isFinite(scale)) {\n        page.style.setProperty('--quik-page-scale', String(scale));\n      }\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', applyScale);\n  } else {\n    applyScale();\n  }\n  window.addEventListener('resize', applyScale);\n  if (typeof ResizeObserver !== 'undefined') {\n    var list = document.querySelector('#QFVPageList');\n    if (list) new ResizeObserver(applyScale).observe(list);\n  }\n})();\n");
+function injectPageScaleScript(doc) {
+    var script = doc.createElement('script');
+    script.textContent = PAGE_SCALE_SCRIPT;
+    doc.body.appendChild(script);
 }
 
 var SIDEBAR_WIDTH = '200px';
@@ -40873,7 +40923,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.7IHFhmWu.js').then(function (n) { return n.A; }); });
+var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.hnRlYNVg.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 () {
@@ -47479,9 +47529,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.Citmw5JL.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.BzA0wgMM.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.0HWdUjSQ.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.B3Cs903r.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47627,7 +47677,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.39.3" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.39.5" + ' ', // 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;');
 }
 
@@ -49142,64 +49192,64 @@ breakpoint) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return import(/* webpackChunkName: "AddressField" */ './fthry_index.DIeH1Fha.js');
+        return import(/* webpackChunkName: "AddressField" */ './fthry_index.Dvx8Ucl2.js');
     },
     ButtonGroupField: function () {
-        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BhXiGbN_.js');
+        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DmeA3gX-.js');
     },
     CheckboxField: function () {
-        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.CPJDFJws.js');
+        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.BdnUxvNg.js');
     },
     CheckboxGroupField: function () {
-        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.FI8-xIR_.js');
+        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CzxXXkNC.js');
     },
     ColorPickerField: function () {
-        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BWutFEHx.js');
+        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BMui71Q7.js');
     },
     CustomField: function () {
-        return import(/* webpackChunkName: "CustomField" */ './fthry_index.ChwXJfUv.js');
+        return import(/* webpackChunkName: "CustomField" */ './fthry_index.Bd4KkVao.js');
     },
     DateSelectorField: function () {
-        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DuFvbDvW.js');
+        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.V-k8b4Uk.js');
     },
     DropdownField: function () {
-        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BEPJGeYZ.js');
+        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.CSxTJscJ.js');
     },
     DropdownMultiField: function () {
-        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BL77F8L5.js');
+        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.D0WpbHv8.js');
     },
     FileUploadField: function () {
-        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.D1OVjTFi.js');
+        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.BWxZjCVE.js');
     },
     MatrixField: function () {
-        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.DgtRP8YP.js');
+        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.Cr_PhEG5.js');
     },
     PasswordField: function () {
-        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.BUpr7PPc.js');
+        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.CwkH8CR1.js');
     },
     PaymentMethodField: function () {
-        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.BRFKNkQe.js');
+        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.BKglAUrx.js');
     },
-    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.Cg_MIfff.js'); },
+    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.CPcpxgDL.js'); },
     PinInputField: function () {
-        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.BmbcZtaY.js');
+        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.B3z3FXtp.js');
     },
-    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.yQ6xXxSy.js'); },
+    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.CFwYUXZ8.js'); },
     RadioButtonGroupField: function () {
         return import(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.Cq7pT83J.js');
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CS-REvYp.js');
     },
     RatingField: function () {
-        return import(/* webpackChunkName: "RatingField" */ './fthry_index.D_fIGqLO.js');
+        return import(/* webpackChunkName: "RatingField" */ './fthry_index.BBA4M9Ym.js');
     },
     SignatureField: function () {
-        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.DCca32vH.js');
+        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.Iziq-Kbr.js');
     },
     SliderField: function () {
-        return import(/* webpackChunkName: "SliderField" */ './fthry_index.DYZfE6Eb.js');
+        return import(/* webpackChunkName: "SliderField" */ './fthry_index.D3ON8w4i.js');
     },
-    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.DH2CYFCC.js'); },
-    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.CLkq8RJ5.js'); }
+    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.7adkb-Yo.js'); },
+    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.LnYfWd3O.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
@@ -50103,9 +50153,9 @@ function isFieldTruthy(fieldKey) {
 }
 function isStepVisible(step) {
     var cond = step.visibility_condition;
-    if (!cond || !step.visibility_field)
+    if (!cond || !step.visibility_field_key)
         return true;
-    var truthy = isFieldTruthy(step.visibility_field);
+    var truthy = isFieldTruthy(step.visibility_field_key);
     return cond === 'show' ? truthy : !truthy;
 }
 function StepperBar(_a) {
@@ -50393,7 +50443,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.DjKiRDR5.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.BXJn-2VJ.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -50690,4 +50740,4 @@ var Feathery = {
     renderAt: renderAt
 };
 
-export { toBase64 as $, emailPatternStr as A, replaceTextVariables as B, getDefaultExportFromCjs as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, FORM_Z_INDEX as F, Global as G, debounce as H, isEmptyArray as I, toList as J, useThumbnailData as K, __spreadArray as L, downloadFile as M, CloseIcon as N, justRemove as O, isNum as P, phoneLib as Q, authState as R, firebaseSMSCountries as S, phoneLibPromise as T, __values as U, loadQRScanner as V, throttle as W, qrPromise as X, cls as Y, devicePixelRatio as Z, __assign as _, jsx$1 as a, MODAL_Z_INDEX as a0, dataURLToFile as a1, stringify$2 as a2, rulesheet as a3, COMMENT as a4, middleware as a5, RULESET as a6, combine as a7, match as a8, serialize as a9, initInfo as aA, getCookie as aB, v4$1 as aC, ReactForm as aD, Elements as aE, init as aF, updateUserId as aG, updateTheme as aH, getFieldValues as aI, renderAt as aJ, LoginForm as aK, useAuthClient as aL, AssistantChat as aM, Feathery as aN, StyledContainer as aO, copy as aa, replace as ab, WEBKIT as ac, MOZ as ad, MS as ae, KEYFRAMES as af, DECLARATION as ag, dealloc as ah, alloc as ai, hash as aj, charat as ak, strlen as al, indexof as am, next as an, token as ao, from as ap, peek as aq, delimit as ar, slice as as, position as at, compile as au, formatDateString as av, internalState as aw, initState as ax, setFieldValues as ay, loadPhoneValidator as az, iosScrollOnFocus as b, __read as c, countryData as d, css as e, fieldValues as f, __makeTemplateObject as g, hoverStylesGuard as h, imgMaxSizeStyles as i, jsxs as j, __rest$1 as k, __awaiter$2 as l, __generator as m, noTextSelectStyles as n, FeatheryClient as o, featheryWindow as p, Fragment as q, resetStyles as r, isMobile as s, featheryDoc as t, useBorder as u, getStripe as v, filterKeys as w, ERROR_COLOR as x, getFieldValue$1 as y, stringifyWithNull as z };
+export { MODAL_Z_INDEX as $, emailPatternStr as A, replaceTextVariables as B, getDefaultExportFromCjs as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, FORM_Z_INDEX as F, Global as G, debounce as H, isEmptyArray as I, toList as J, useThumbnailData as K, __spreadArray as L, downloadFile as M, CloseIcon as N, justRemove as O, isNum as P, phoneLib as Q, authState as R, firebaseSMSCountries as S, phoneLibPromise as T, __values as U, loadQRScanner as V, throttle as W, qrPromise as X, devicePixelRatio as Y, toBase64 as Z, __assign as _, jsx$1 as a, dataURLToFile as a0, stringify$2 as a1, rulesheet as a2, COMMENT as a3, middleware as a4, RULESET as a5, combine as a6, match as a7, serialize as a8, copy as a9, getCookie as aA, v4$1 as aB, ReactForm as aC, Elements as aD, init as aE, updateUserId as aF, updateTheme as aG, getFieldValues as aH, renderAt as aI, LoginForm as aJ, useAuthClient as aK, AssistantChat as aL, Feathery as aM, StyledContainer as aN, replace as aa, WEBKIT as ab, MOZ as ac, MS as ad, KEYFRAMES as ae, DECLARATION as af, dealloc as ag, alloc as ah, hash as ai, charat as aj, strlen as ak, indexof as al, next as am, token as an, from as ao, peek as ap, delimit as aq, slice as ar, position as as, compile as at, formatDateString as au, internalState as av, initState as aw, setFieldValues as ax, loadPhoneValidator as ay, initInfo as az, iosScrollOnFocus as b, __read as c, countryData as d, css as e, fieldValues as f, __makeTemplateObject as g, hoverStylesGuard as h, imgMaxSizeStyles as i, jsxs as j, __rest$1 as k, __awaiter$2 as l, __generator as m, noTextSelectStyles as n, FeatheryClient as o, featheryWindow as p, Fragment as q, resetStyles as r, isMobile as s, featheryDoc as t, useBorder as u, getStripe as v, filterKeys as w, ERROR_COLOR as x, getFieldValue$1 as y, stringifyWithNull as z };

package/dist/{fthry_index.BmbcZtaY.js → fthry_index.B3z3FXtp.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.CpPyr71U.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.B0dTcALC.js';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DBzRf4Xn.js → fthry_index.BAJON1mr.js}

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

package/dist/{fthry_index.D_fIGqLO.js → fthry_index.BBA4M9Ym.js}

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

package/dist/{fthry_index.BWutFEHx.js → fthry_index.BMui71Q7.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.CpPyr71U.js';
+import { c as __read, j as jsxs$1, _ as __assign, a as jsx$1, F as FORM_Z_INDEX } from './fthry_index.B0dTcALC.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.D1OVjTFi.js → fthry_index.BWxZjCVE.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.CpPyr71U.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.B0dTcALC.js';
 import { useRef, useState, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.DjKiRDR5.js → fthry_index.BXJn-2VJ.js}

@@ -1,4 +1,4 @@
-import { k as __rest, a as jsx, _ as __assign, j as jsxs, q as Fragment, c as __read, t as featheryDoc, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index.CpPyr71U.js';
+import { k as __rest, a as jsx, _ as __assign, j as jsxs, q as Fragment, c as __read, t as featheryDoc, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index.B0dTcALC.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';

package/dist/{fthry_index.ChwXJfUv.js → fthry_index.Bd4KkVao.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.CpPyr71U.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.B0dTcALC.js';
 import { useRef, useState, useEffect, memo, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.CPJDFJws.js → fthry_index.BdnUxvNg.js}

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

package/dist/{fthry_index.yQ6xXxSy.js → fthry_index.CFwYUXZ8.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.CpPyr71U.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.B0dTcALC.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.jykBHQWz.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.CecGNp-8.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.Cg_MIfff.js → fthry_index.CPcpxgDL.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.CpPyr71U.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.B0dTcALC.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Do45acle.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CvjSSGKM.js';
-import { O as Overlay } from './fthry_Overlay.BV_vE3K3.js';
-import { u as useElementSize } from './fthry_useElementSize.C2KEM4Ci.js';
+import { P as Placeholder } from './fthry_Placeholder.CVnQrsv8.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Bq9500oG.js';
+import { O as Overlay } from './fthry_Overlay.DEggBAsa.js';
+import { u as useElementSize } from './fthry_useElementSize.DlGauB6l.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.Cq7pT83J.js → fthry_index.CS-REvYp.js}

@@ -1,14 +1,14 @@
-import { c as __read, j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.CpPyr71U.js';
+import { c as __read, j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.B0dTcALC.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.DPSb7yUR.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CPJDFJws.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CvjSSGKM.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.99Af5jox.js';
+import { F as FormControl } from './fthry_FormControl.8pSBTA31.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.BdnUxvNg.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Bq9500oG.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.t_h78aUg.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BV_vE3K3.js';
+import './fthry_Overlay.DEggBAsa.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.BEPJGeYZ.js → fthry_index.CSxTJscJ.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.CpPyr71U.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.B0dTcALC.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CvjSSGKM.js';
-import { h as hasState, g as getStateOptions } from './fthry_index.DOENWZLY.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.99Af5jox.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Bq9500oG.js';
+import { h as hasState, g as getStateOptions } from './fthry_index.CsB6qfcs.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.t_h78aUg.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BV_vE3K3.js';
+import './fthry_Overlay.DEggBAsa.js';
 
 function DropdownField(_a) {
     var _b, _c, _d;

package/dist/{fthry_index.DgtRP8YP.js → fthry_index.Cr_PhEG5.js}

@@ -1,7 +1,7 @@
-import { c as __read, a as jsx, q as Fragment, s as isMobile, j as jsxs, _ as __assign, F as FORM_Z_INDEX, b as iosScrollOnFocus } from './fthry_index.CpPyr71U.js';
+import { c as __read, a as jsx, q as Fragment, s as isMobile, j as jsxs, _ as __assign, F as FORM_Z_INDEX, b as iosScrollOnFocus } from './fthry_index.B0dTcALC.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.BV_vE3K3.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.CPJDFJws.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.DEggBAsa.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.BdnUxvNg.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.DOENWZLY.js → fthry_index.CsB6qfcs.js}

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

package/dist/{fthry_index.BUpr7PPc.js → fthry_index.CwkH8CR1.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, c as __read, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles } from './fthry_index.CpPyr71U.js';
+import { u as useBorder, c as __read, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, b as iosScrollOnFocus, F as FORM_Z_INDEX, r as resetStyles } from './fthry_index.B0dTcALC.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Do45acle.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CvjSSGKM.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.DgeKOLlH.js';
+import { P as Placeholder } from './fthry_Placeholder.CVnQrsv8.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Bq9500oG.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.DqjkGj6h.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BV_vE3K3.js';
+import './fthry_Overlay.DEggBAsa.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.FI8-xIR_.js → fthry_index.CzxXXkNC.js}

@@ -1,14 +1,14 @@
-import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.CpPyr71U.js';
+import { j as jsxs, _ as __assign, a as jsx, b as iosScrollOnFocus, r as resetStyles } from './fthry_index.B0dTcALC.js';
 import { useRef, useMemo, useEffect } from 'react';
-import { F as FormControl } from './fthry_FormControl.DPSb7yUR.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CPJDFJws.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CvjSSGKM.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.99Af5jox.js';
+import { F as FormControl } from './fthry_FormControl.8pSBTA31.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.BdnUxvNg.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Bq9500oG.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.t_h78aUg.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BV_vE3K3.js';
+import './fthry_Overlay.DEggBAsa.js';
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');