@feathery/react 2.39.3 → 2.39.5

package/cjs/{fthry_index.BGwV0ujG.js → fthry_index.DcuaSdF3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.BW42pxTr.js');
+var index$1 = require('./fthry_index.UL-HkR2L.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.B3-G02Bh.js');
-var InlineTooltip = require('./fthry_InlineTooltip.Bak-7e6n.js');
-var Overlay = require('./fthry_Overlay.DilDYonW.js');
-var useElementSize = require('./fthry_useElementSize.PV91LYqP.js');
+var Placeholder = require('./fthry_Placeholder.BYp77nuH.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BfrVpfYj.js');
+var Overlay = require('./fthry_Overlay.C6scqGHc.js');
+var useElementSize = require('./fthry_useElementSize.BsJKStem.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
@@ -1804,7 +1804,7 @@ function PhoneField(_a) {
             // origins. The .woff2 is vendored from country-flag-emoji-polyfill and
             // emitted as a sibling asset by webpack/rollup; `new URL(...,
             // import.meta.url)` resolves it relative to wherever the bundle is served.
-            var fontUrl = new URL('./TwemojiCountryFlags.woff2', (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('fthry_index.BGwV0ujG.js', document.baseURI).href)))
+            var fontUrl = new URL('./TwemojiCountryFlags.woff2', (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('fthry_index.DcuaSdF3.js', document.baseURI).href)))
                 .href;
             f('Twemoji Country Flags', fontUrl);
         }

package/cjs/{fthry_index.t1eHdn42.js → fthry_index.DhA0OYaa.js}

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

package/cjs/{fthry_index.MX2rvPw4.js → fthry_index.DuFt4scb.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.BW42pxTr.js');
+var index$1 = require('./fthry_index.UL-HkR2L.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.Bak-7e6n.js');
-var Placeholder$2 = require('./fthry_Placeholder.B3-G02Bh.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CNkXldKe.js');
-var Overlay = require('./fthry_Overlay.DilDYonW.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BfrVpfYj.js');
+var Placeholder$2 = require('./fthry_Placeholder.BYp77nuH.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.xD4e3uQO.js');
+var Overlay = require('./fthry_Overlay.C6scqGHc.js');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
 require('react-dom/client');
@@ -542,7 +542,7 @@ var weakMemoize = function weakMemoize(func) {
   };
 };
 
-function memoize$1(fn) {
+function memoize(fn) {
   var cache = Object.create(null);
   return function (arg) {
     if (cache[arg] === undefined) cache[arg] = fn(arg);
@@ -997,7 +997,7 @@ var prefixer = function prefixer(element, index, children, callback) {
 
 var isBrowser$4 = typeof document !== 'undefined';
 var getServerStylisCache = isBrowser$4 ? undefined : weakMemoize(function () {
-  return memoize$1(function () {
+  return memoize(function () {
     var cache = {};
     return function (name) {
       return cache[name];
@@ -1348,14 +1348,6 @@ var unitlessKeys = {
   strokeWidth: 1
 };
 
-function memoize(fn) {
-  var cache = Object.create(null);
-  return function (arg) {
-    if (cache[arg] === undefined) cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-
 var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
 var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
 var hyphenateRegex = /[A-Z]|^ms/g;

package/cjs/{fthry_index.5UEJU5L5.js → fthry_index.Dx_qH62x.js}

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

package/cjs/{fthry_index.BrLNinbH.js → fthry_index.ErupPDHm.js}

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

package/cjs/{fthry_index.CzgMz0Zx.js → fthry_index.F9ntcl8d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.BW42pxTr.js');
+var index = require('./fthry_index.UL-HkR2L.js');
 var React = require('react');
-var styles = require('./fthry_styles.CHUy-8cR.js');
+var styles = require('./fthry_styles.2InnXe-4.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.BW42pxTr.js → fthry_index.UL-HkR2L.js}

@@ -23245,39 +23245,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) {
@@ -23292,7 +23310,7 @@ function requireClassnames () {
 }
 
 var classnamesExports = requireClassnames();
-var cls = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
 var UserIdError = /** @class */ (function (_super) {
     __extends(UserIdError, _super);
@@ -23427,9 +23445,9 @@ var StyledContainer = React.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, exports.__assign({ ref: ref, node: _node, css: styles, className: cls('styled-container', type, className) }, props, { children: jsx$1("div", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), node.id));
+        return (jsx$1(Component, exports.__assign({ ref: ref, node: _node, css: styles, className: classNames('styled-container', type, className) }, props, { children: jsx$1("div", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), node.id));
     }
-    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", exports.__assign({ className: cls('styled-container', type, className) }, props, { css: exports.__assign(exports.__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", exports.__assign({ ref: ref, css: isFixed ? exports.__assign(exports.__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", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
+    return (jsxs(Fragment, { children: [isFixed && (jsx$1("div", exports.__assign({ className: classNames('styled-container', type, className) }, props, { css: exports.__assign(exports.__assign({}, styles), { position: 'fixed', zIndex: FORM_Z_INDEX + 1 }), ref: fixedContainerRef, "data-feathery-id": node.key, "data-element": elementType }, { children: jsx$1("div", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: children })) }), "".concat(node.id, "-fixed"))), jsx$1("div", exports.__assign({ ref: ref, css: isFixed ? exports.__assign(exports.__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", exports.__assign({ className: 'inner-container', css: innerStyles }, { children: isFixed ? null : children })) }), node.id)] }));
 });
 
 /**
@@ -23649,7 +23667,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.
@@ -23660,60 +23691,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) {
@@ -23724,12 +23760,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';
@@ -40894,7 +40944,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.Do9Ujq9D.js'); }).then(function (n) { return n.AssistantChat; }); });
+var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.YQCuhhst.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 () {
@@ -47500,9 +47550,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.DROa80lC.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.4CA-i2YC.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CgPBmgxa.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DMtsPRTb.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47648,7 +47698,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.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;');
 }
 
@@ -49163,64 +49213,64 @@ breakpoint) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.Q01SxjQX.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BMoZkdA6.js'); });
     },
     ButtonGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.B6DKRqF4.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.WGuV-KCz.js'); });
     },
     CheckboxField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.BrLNinbH.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.ErupPDHm.js'); });
     },
     CheckboxGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CvYB4XZG.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BeoZ7ahe.js'); });
     },
     ColorPickerField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DqGd-rC0.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CXfcph5D.js'); });
     },
     CustomField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.5UEJU5L5.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.Dx_qH62x.js'); });
     },
     DateSelectorField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.B8dM90us.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.B_DcdLHz.js'); });
     },
     DropdownField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.Vn_GxZy5.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CSa2GNkT.js'); });
     },
     DropdownMultiField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.MX2rvPw4.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DuFt4scb.js'); });
     },
     FileUploadField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.ChndtckS.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.C6B_9YEq.js'); });
     },
     MatrixField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.CS_Y7wr2.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BqjGgn8c.js'); });
     },
     PasswordField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.DlD_KScI.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CN5FWNGo.js'); });
     },
     PaymentMethodField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.C2hrFVnH.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.FKIxWFGb.js'); });
     },
-    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BGwV0ujG.js'); }); },
+    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DcuaSdF3.js'); }); },
     PinInputField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CVmniSIU.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CAyIvRN9.js'); });
     },
-    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CcA1lyx4.js'); }); },
+    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.D71_kAqf.js'); }); },
     RadioButtonGroupField: function () {
         return Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DJLW1zLP.js'); });
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BKgdz8wA.js'); });
     },
     RatingField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CurkjKk3.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CDpXSBnO.js'); });
     },
     SignatureField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.CIwGx-kQ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.WT4DAN_S.js'); });
     },
     SliderField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CzgMz0Zx.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.F9ntcl8d.js'); });
     },
-    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.CZXZNqLu.js'); }); },
-    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.vXK1VN34.js'); }); }
+    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.DcGjJE6I.js'); }); },
+    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.ZWVnlGH6.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
@@ -50124,9 +50174,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) {
@@ -50414,7 +50464,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.DSeQsNLX.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.sT-w-rf1.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -50743,7 +50793,6 @@ exports.__values = __values;
 exports.alloc = alloc;
 exports.authState = authState;
 exports.charat = charat;
-exports.cls = cls;
 exports.combine = combine;
 exports.compile = compile;
 exports.copy = copy;

package/cjs/{fthry_index.B6DKRqF4.js → fthry_index.WGuV-KCz.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.BW42pxTr.js');
+var index = require('./fthry_index.UL-HkR2L.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.Bak-7e6n.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CNkXldKe.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BfrVpfYj.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.xD4e3uQO.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.DilDYonW.js');
+require('./fthry_Overlay.C6scqGHc.js');
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/cjs/{fthry_index.CIwGx-kQ.js → fthry_index.WT4DAN_S.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.BW42pxTr.js');
+var index = require('./fthry_index.UL-HkR2L.js');
 var React = require('react');
-var index$1 = require('./fthry_index.9q-J6H-U.js');
+var index$1 = require('./fthry_index.Blb-S2FV.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
@@ -1479,7 +1479,7 @@ function SignatureField(_a) {
     React.useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CgPBmgxa.js'); }).then(function (n) { return n.webfontloader; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DMtsPRTb.js'); }).then(function (n) { return n.webfontloader; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/cjs/{fthry_index.vXK1VN34.js → fthry_index.ZWVnlGH6.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.BW42pxTr.js');
+var index$1 = require('./fthry_index.UL-HkR2L.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.B3-G02Bh.js');
-var InlineTooltip = require('./fthry_InlineTooltip.Bak-7e6n.js');
+var Placeholder = require('./fthry_Placeholder.BYp77nuH.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BfrVpfYj.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.DilDYonW.js');
+require('./fthry_Overlay.C6scqGHc.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/cjs/{fthry_index.DSeQsNLX.js → fthry_index.sT-w-rf1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.BW42pxTr.js');
+var index = require('./fthry_index.UL-HkR2L.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');

package/cjs/{fthry_input.C5PNyr0t.js → fthry_input.DIy-Ecsj.js}

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