@feathery/react 2.39.4 → 2.40.0

package/cjs/{fthry_index.lwxn3wtK.js → fthry_index.CZQRzS7D.js}

@@ -8708,6 +8708,63 @@ var TYPE_MESSAGES_TO_IGNORE = [
     // e.g. https://sentry.io/organizations/feathery-forms/issues/3529742129/
     'Load failed'
 ];
+var QUIK_DYNAMIC_ATTACHMENTS_OPTION = '__quik_dynamic_attachments__';
+var getQuikAttachmentPosition = function (position) {
+    return position === 'before' ? 'before' : 'after';
+};
+var isQuikDynamicAttachmentId = function (id) {
+    return typeof id === 'string' &&
+        (id === QUIK_DYNAMIC_ATTACHMENTS_OPTION ||
+            id.startsWith("".concat(QUIK_DYNAMIC_ATTACHMENTS_OPTION, ":")));
+};
+var normalizeConfiguredQuikAttachments = function (value, getDynamicAttachmentIds) {
+    if (getDynamicAttachmentIds === void 0) { getDynamicAttachmentIds = function () { return []; }; }
+    if (value == null || value === '')
+        return [];
+    // Builder config stores attachment rows as a list. Normalize a list or single
+    // row into one flat attachment list so runtime consumers get one shape.
+    if (Array.isArray(value)) {
+        return value.flatMap(function (attachment) {
+            return normalizeConfiguredQuikAttachments(attachment, getDynamicAttachmentIds);
+        });
+    }
+    if (typeof value === 'object') {
+        var id = value.id;
+        if (!id && !value.field_key)
+            return [];
+        // Dynamic rows are builder-configured placeholders. The hidden field
+        // supplies only doc IDs; placement comes from this row's before/after slot.
+        if (isQuikDynamicAttachmentId(id) || value.field_key) {
+            return getDynamicAttachmentIds(value).map(function (attachmentId) { return ({
+                id: attachmentId,
+                position: getQuikAttachmentPosition(value.position)
+            }); });
+        }
+        var attachment = { id: id };
+        if (['before', 'after'].includes(value.position)) {
+            attachment.position = value.position;
+        }
+        return [attachment];
+    }
+    return [];
+};
+var normalizeDynamicQuikAttachmentIds = function (value) {
+    if (!Array.isArray(value))
+        return [];
+    // Dynamic hidden fields intentionally support only string ID arrays.
+    // Invalid values are ignored instead of treated as attachment config.
+    return value
+        .filter(function (id) { return typeof id === 'string'; })
+        .map(function (id) { return id.trim(); })
+        .filter(Boolean);
+};
+var resolveQuikAttachments = function (action) {
+    var getDynamicAttachmentIds = function (attachment) {
+        if (attachment === void 0) { attachment = {}; }
+        return normalizeDynamicQuikAttachmentIds(exports.fieldValues[attachment.field_key]);
+    };
+    return normalizeConfiguredQuikAttachments(action.attachments, getDynamicAttachmentIds);
+};
 // THIRD-PARTY INTEGRATIONS
 var IntegrationClient = /** @class */ (function () {
     function IntegrationClient(formKey, ignoreNetworkErrors, draft, bypassCDN) {
@@ -9245,7 +9302,7 @@ var IntegrationClient = /** @class */ (function () {
     };
     IntegrationClient.prototype.generateQuikEnvelopes = function (action) {
         return __awaiter$2(this, void 0, void 0, function () {
-            var _a, userId, sdkKey, tags, fieldVal;
+            var _a, userId, sdkKey, tags, fieldVal, resolvedAction;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -9263,10 +9320,11 @@ var IntegrationClient = /** @class */ (function () {
                                 tags = [JSON.stringify(fieldVal)];
                             }
                         }
+                        resolvedAction = exports.__assign(exports.__assign({}, action), { attachments: resolveQuikAttachments(action) });
                         return [4 /*yield*/, distExports$2.generateQuikEnvelopes({
                                 sdkKey: sdkKey,
                                 formId: this.formKey,
-                                action: action,
+                                action: resolvedAction,
                                 userId: userId,
                                 tags: tags,
                                 checkInterval: this.QUIK_CHECK_INTERVAL,
@@ -23667,7 +23725,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.
@@ -23678,60 +23749,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) {
@@ -23742,12 +23818,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';
@@ -40912,7 +41002,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.DnWwYHQn.js'); }).then(function (n) { return n.AssistantChat; }); });
+var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.G0rHUKOm.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 () {
@@ -47518,9 +47608,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.EDJ1t7HJ.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.CXV8Wb7h.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DczITgMn.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DccGtWsq.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47666,7 +47756,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.39.4" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.40.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;');
 }
 
@@ -49181,64 +49271,64 @@ breakpoint) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BJnsdnO7.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.Dmq9NSJd.js'); });
     },
     ButtonGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.Dw8XsWmo.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.SdAzmwen.js'); });
     },
     CheckboxField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.CofFj5ER.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.CjepExAG.js'); });
     },
     CheckboxGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Jn-fry1W.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.wKZXS8Pf.js'); });
     },
     ColorPickerField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CY4QhZTQ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.D4mJgW_c.js'); });
     },
     CustomField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CEYVccUV.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CbrD0Z53.js'); });
     },
     DateSelectorField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DpKzKR1Y.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.D1XeJIsf.js'); });
     },
     DropdownField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.C6V-5sVJ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.5LVTbVr2.js'); });
     },
     DropdownMultiField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B4qFJMWZ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DrOeHAs6.js'); });
     },
     FileUploadField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.vtzgpOYZ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CFYcuteU.js'); });
     },
     MatrixField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.CK11RRjf.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BklL-aiD.js'); });
     },
     PasswordField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.B0nu8Nbi.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.LTo4dKdb.js'); });
     },
     PaymentMethodField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.Bm2DR5ZM.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DN0v1YmF.js'); });
     },
-    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DsHYiGx7.js'); }); },
+    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.lGyEnbOI.js'); }); },
     PinInputField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.0p5YTe6g.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.B9or_S6G.js'); });
     },
-    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.NqLsD4p5.js'); }); },
+    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.D6kp7W7I.js'); }); },
     RadioButtonGroupField: function () {
         return Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CuKuHOLx.js'); });
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.D9dmRskb.js'); });
     },
     RatingField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CLoBO1ES.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.PbjPJIUk.js'); });
     },
     SignatureField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DAifQRmo.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.koqHLxjW.js'); });
     },
     SliderField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.BWebQH-E.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.C6yl7Ss-.js'); });
     },
-    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.DgfUQV0p.js'); }); },
-    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.Bf-r5Hyx.js'); }); }
+    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.BNB0x74A.js'); }); },
+    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.7bAdlgHy.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
@@ -50432,7 +50522,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.DvXrxU9b.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.Ctv-i1zI.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/cjs/{fthry_index.CEYVccUV.js → fthry_index.CbrD0Z53.js}

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

package/cjs/{fthry_index.CofFj5ER.js → fthry_index.CjepExAG.js}

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

package/cjs/{fthry_index.DvXrxU9b.js → fthry_index.Ctv-i1zI.js}

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

package/cjs/{fthry_index.DpKzKR1Y.js → fthry_index.D1XeJIsf.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var index$3 = require('./fthry_index.lwxn3wtK.js');
+var index$3 = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CAlnRoL9.js');
-var InlineTooltip = require('./fthry_InlineTooltip.C7AC8sKh.js');
+var Placeholder = require('./fthry_Placeholder.DzUdOE_N.js');
+var InlineTooltip = require('./fthry_InlineTooltip.Bs529m1d.js');
 var clsx = require('./fthry_clsx.BtxeOLZW.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.CR_ydNbL.js');
+var input = require('./fthry_input.C5hU8qoU.js');
 require('react-dom/client');
 require('jszip');
-require('./fthry_Overlay.CdKK4u2g.js');
-require('./fthry_index.Bq5bNmC5.js');
+require('./fthry_Overlay.ZvXimrP-.js');
+require('./fthry_index.BMBD0adh.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/{fthry_index.CY4QhZTQ.js → fthry_index.D4mJgW_c.js}

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

package/cjs/{fthry_index.NqLsD4p5.js → fthry_index.D6kp7W7I.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.lwxn3wtK.js');
+var index = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var styles = require('./fthry_styles.rCHJiVa8.js');
+var styles = require('./fthry_styles.CR0dqh6j.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.CuKuHOLx.js → fthry_index.D9dmRskb.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.lwxn3wtK.js');
+var index = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.CsTMtkK6.js');
-var index$1 = require('./fthry_index.CofFj5ER.js');
-var InlineTooltip = require('./fthry_InlineTooltip.C7AC8sKh.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.2JVcfRRm.js');
+var FormControl = require('./fthry_FormControl.BwRmM30S.js');
+var index$1 = require('./fthry_index.CjepExAG.js');
+var InlineTooltip = require('./fthry_InlineTooltip.Bs529m1d.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.7E9m_hhF.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CdKK4u2g.js');
+require('./fthry_Overlay.ZvXimrP-.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.BJnsdnO7.js → fthry_index.Dmq9NSJd.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.lwxn3wtK.js');
+var index$1 = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CAlnRoL9.js');
-var InlineTooltip = require('./fthry_InlineTooltip.C7AC8sKh.js');
-var Overlay = require('./fthry_Overlay.CdKK4u2g.js');
-var useElementSize = require('./fthry_useElementSize.DLBCwcXn.js');
+var Placeholder = require('./fthry_Placeholder.DzUdOE_N.js');
+var InlineTooltip = require('./fthry_InlineTooltip.Bs529m1d.js');
+var Overlay = require('./fthry_Overlay.ZvXimrP-.js');
+var useElementSize = require('./fthry_useElementSize.CNPWGju4.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.B4qFJMWZ.js → fthry_index.DrOeHAs6.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.lwxn3wtK.js');
+var index$1 = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.C7AC8sKh.js');
-var Placeholder$2 = require('./fthry_Placeholder.CAlnRoL9.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.2JVcfRRm.js');
-var Overlay = require('./fthry_Overlay.CdKK4u2g.js');
+var InlineTooltip = require('./fthry_InlineTooltip.Bs529m1d.js');
+var Placeholder$2 = require('./fthry_Placeholder.DzUdOE_N.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.7E9m_hhF.js');
+var Overlay = require('./fthry_Overlay.ZvXimrP-.js');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.B0nu8Nbi.js → fthry_index.LTo4dKdb.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index$1 = require('./fthry_index.lwxn3wtK.js');
+var index$1 = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CAlnRoL9.js');
-var InlineTooltip = require('./fthry_InlineTooltip.C7AC8sKh.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.y6CzT3OY.js');
+var Placeholder = require('./fthry_Placeholder.DzUdOE_N.js');
+var InlineTooltip = require('./fthry_InlineTooltip.Bs529m1d.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.DFO9YO4y.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CdKK4u2g.js');
+require('./fthry_Overlay.ZvXimrP-.js');
 
 function PasswordField(_a) {
     var _b;

package/cjs/{fthry_index.CLoBO1ES.js → fthry_index.PbjPJIUk.js}

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

package/cjs/{fthry_index.Dw8XsWmo.js → fthry_index.SdAzmwen.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.lwxn3wtK.js');
+var index = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.C7AC8sKh.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.2JVcfRRm.js');
+var InlineTooltip = require('./fthry_InlineTooltip.Bs529m1d.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.7E9m_hhF.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CdKK4u2g.js');
+require('./fthry_Overlay.ZvXimrP-.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.DAifQRmo.js → fthry_index.koqHLxjW.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.lwxn3wtK.js');
+var index = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var index$1 = require('./fthry_index.Bq5bNmC5.js');
+var index$1 = require('./fthry_index.BMBD0adh.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.DczITgMn.js'); }).then(function (n) { return n.webfontloader; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DccGtWsq.js'); }).then(function (n) { return n.webfontloader; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });

package/cjs/{fthry_index.DsHYiGx7.js → fthry_index.lGyEnbOI.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.lwxn3wtK.js');
+var index$1 = require('./fthry_index.CZQRzS7D.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CAlnRoL9.js');
-var InlineTooltip = require('./fthry_InlineTooltip.C7AC8sKh.js');
-var Overlay = require('./fthry_Overlay.CdKK4u2g.js');
-var useElementSize = require('./fthry_useElementSize.DLBCwcXn.js');
+var Placeholder = require('./fthry_Placeholder.DzUdOE_N.js');
+var InlineTooltip = require('./fthry_InlineTooltip.Bs529m1d.js');
+var Overlay = require('./fthry_Overlay.ZvXimrP-.js');
+var useElementSize = require('./fthry_useElementSize.CNPWGju4.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.DsHYiGx7.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.lGyEnbOI.js', document.baseURI).href)))
                 .href;
             f('Twemoji Country Flags', fontUrl);
         }