@feathery/react 2.48.1 → 2.50.0

package/dist/{fthry_index.B21PnTei.js → fthry_index.UaQC1EFo.js}

@@ -23014,8 +23014,15 @@ var resizeFitContainer = function (div) {
     var containerMarginLeft = getStylePxValue(containerStyles.marginLeft);
     var containerMarginRight = getStylePxValue(containerStyles.marginRight);
     var totalMargin = containerMarginLeft + containerMarginRight;
-    // Set the maxWidth to the calculated width of it's children and the width to 100% - total margin
-    div.style.maxWidth = "".concat(childrenWidth, "px");
+    var totalPadding = 0;
+    if (containerStyles.boxSizing === 'border-box') {
+        totalPadding =
+            getStylePxValue(containerStyles.paddingLeft) +
+                getStylePxValue(containerStyles.paddingRight) +
+                getStylePxValue(containerStyles.borderLeftWidth) +
+                getStylePxValue(containerStyles.borderRightWidth);
+    }
+    div.style.maxWidth = "".concat(childrenWidth + totalPadding, "px");
     div.style.width = "calc(100% - ".concat(totalMargin, "px)");
 };
 var whichTransitionEvent = function () {
@@ -23566,21 +23573,277 @@ var StyledContainer = forwardRef(function (_a, ref) {
     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)] }));
 });
 
+var Tooltip = function (_a) {
+    var children = _a.children, css = _a.css, _b = _a.maxWidth, maxWidth = _b === void 0 ? '200px' : _b, props = __rest$1(_a, ["children", "css", "maxWidth"]);
+    return (jsx$1("div", __assign({ css: __assign({ zIndex: FORM_Z_INDEX + 1, padding: '.4rem 0', transition: 'opacity .10s linear', '.tooltip-inner': {
+                maxWidth: maxWidth,
+                padding: '.25rem .5rem',
+                color: '#fff',
+                textAlign: 'center',
+                backgroundColor: '#000',
+                borderRadius: '.25rem',
+                fontSize: 'smaller',
+                // break long unbroken words so they wrap instead of overflowing
+                overflowWrap: 'anywhere'
+            } }, css) }, props, { children: jsx$1("div", __assign({ className: 'tooltip-inner' }, { children: children })) })));
+};
+
+var Overlay = function (_a) {
+    var show = _a.show, targetRef = _a.targetRef, children = _a.children, onHide = _a.onHide, _b = _a.placement, placement = _b === void 0 ? 'bottom-start' : _b, _c = _a.offset, offset = _c === void 0 ? 0 : _c, _d = _a.zIndex, zIndex = _d === void 0 ? 1000 : _d, containerRef = _a.containerRef;
+    var ref = useRef(null);
+    var _e = __read(useState(null), 2), position = _e[0], setPosition = _e[1];
+    var getContainer = useCallback(function () {
+        return (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || featheryDoc().body;
+    }, [containerRef]);
+    var recalcPosition = useCallback(function () {
+        var _a;
+        if (!show || !targetRef.current || !ref.current)
+            return;
+        var window = featheryWindow();
+        var container = getContainer();
+        if (!container)
+            return;
+        var targetRect = targetRef.current.getBoundingClientRect();
+        var overlayRect = ref.current.getBoundingClientRect();
+        var containerRect = container.getBoundingClientRect();
+        var _b = calcPosition(placement, targetRect, overlayRect, offset), top = _b.top, left = _b.left;
+        // Flip if it doesn’t fit
+        var overlayBottom = top + overlayRect.height;
+        var overlayRight = left + overlayRect.width;
+        var fitsVertically = top >= 0 && overlayBottom <= window.innerHeight;
+        var fitsHorizontally = left >= 0 && overlayRight <= window.innerWidth;
+        if (!fitsVertically || !fitsHorizontally) {
+            var flipped = getFlippedPlacement(placement, !fitsVertically, !fitsHorizontally);
+            if (flipped !== placement) {
+                (_a = calcPosition(flipped, targetRect, overlayRect, offset), top = _a.top, left = _a.left);
+            }
+        }
+        var isBodyContainer = container === featheryDoc().body;
+        var finalTop = isBodyContainer
+            ? top + window.scrollY
+            : top - containerRect.top;
+        var finalLeft = isBodyContainer
+            ? left + window.scrollX
+            : left - containerRect.left;
+        setPosition(function (prev) {
+            if (!prev || prev.top !== finalTop || prev.left !== finalLeft) {
+                return { top: finalTop, left: finalLeft };
+            }
+            return prev;
+        });
+    }, [show, placement, offset, getContainer, targetRef]);
+    var throttledRecalc = useCallback(function () {
+        var ticking = false;
+        return function () {
+            if (!ticking) {
+                ticking = true;
+                requestAnimationFrame(function () {
+                    recalcPosition();
+                    ticking = false;
+                });
+            }
+        };
+    }, [recalcPosition])();
+    useLayoutEffect(function () {
+        if (show)
+            recalcPosition();
+    }, [show, recalcPosition]);
+    useEffect(function () {
+        if (!show)
+            return;
+        var window = featheryWindow();
+        var container = getContainer();
+        if (!container)
+            return;
+        window.addEventListener('resize', throttledRecalc);
+        window.addEventListener('scroll', throttledRecalc, true);
+        if (container !== featheryDoc().body) {
+            container.addEventListener('scroll', throttledRecalc);
+        }
+        var resizeObserver = new ResizeObserver(function () { return throttledRecalc(); });
+        if (targetRef.current)
+            resizeObserver.observe(targetRef.current);
+        if (container !== featheryDoc().body)
+            resizeObserver.observe(container);
+        return function () {
+            window.removeEventListener('resize', throttledRecalc);
+            window.removeEventListener('scroll', throttledRecalc, true);
+            if (container !== featheryDoc().body) {
+                container.removeEventListener('scroll', throttledRecalc);
+            }
+            resizeObserver.disconnect();
+        };
+    }, [show, throttledRecalc, getContainer, targetRef]);
+    useEffect(function () {
+        if (!show)
+            return;
+        var handleKeyDown = function (event) {
+            if (event.key === 'Escape') {
+                setPosition(null);
+                onHide === null || onHide === void 0 ? void 0 : onHide();
+            }
+        };
+        var handleClickOutside = function (event) {
+            var target = event.target;
+            if (ref.current &&
+                !ref.current.contains(target) &&
+                targetRef.current &&
+                !targetRef.current.contains(target)) {
+                setPosition(null);
+                onHide === null || onHide === void 0 ? void 0 : onHide();
+            }
+        };
+        var doc = featheryDoc();
+        doc.addEventListener('mousedown', handleClickOutside);
+        doc.addEventListener('keydown', handleKeyDown);
+        return function () {
+            doc.removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [show, onHide, targetRef]);
+    if (!show)
+        return null;
+    var container = getContainer();
+    if (!container)
+        return jsx$1(Fragment, { children: children });
+    return createPortal(jsx$1("div", __assign({ ref: ref, style: __assign(__assign({ position: 'absolute' }, (position || { top: -9999, left: -9999 })), { zIndex: zIndex }) }, { children: children })), container);
+};
+var getFlippedPlacement = function (original, needsVerticalFlip, needsHorizontalFlip) {
+    if (needsVerticalFlip) {
+        if (original.includes('top')) {
+            return original.replace('top', 'bottom');
+        }
+        if (original.includes('bottom')) {
+            return original.replace('bottom', 'top');
+        }
+    }
+    if (needsHorizontalFlip) {
+        if (original.includes('left')) {
+            return original.replace('left', 'right');
+        }
+        if (original.includes('right')) {
+            return original.replace('right', 'left');
+        }
+    }
+    return original;
+};
+var calcPosition = function (pl, targetRect, overlayRect, offset) {
+    if (offset === void 0) { offset = 0; }
+    switch (pl) {
+        case 'top':
+            return {
+                top: targetRect.top - overlayRect.height - offset,
+                left: targetRect.left + (targetRect.width - overlayRect.width) / 2
+            };
+        case 'top-start':
+            return {
+                top: targetRect.top - overlayRect.height - offset,
+                left: targetRect.left
+            };
+        case 'top-end':
+            return {
+                top: targetRect.top - overlayRect.height - offset,
+                left: targetRect.right - overlayRect.width
+            };
+        case 'left':
+            return {
+                top: targetRect.top + (targetRect.height - overlayRect.height) / 2,
+                left: targetRect.left - overlayRect.width - offset
+            };
+        case 'left-start':
+            return {
+                top: targetRect.top,
+                left: targetRect.left - overlayRect.width - offset
+            };
+        case 'left-end':
+            return {
+                top: targetRect.bottom - overlayRect.height,
+                left: targetRect.left - overlayRect.width - offset
+            };
+        case 'bottom':
+            return {
+                top: targetRect.bottom + offset,
+                left: targetRect.left + (targetRect.width - overlayRect.width) / 2
+            };
+        case 'bottom-start':
+            return {
+                top: targetRect.bottom + offset,
+                left: targetRect.left
+            };
+        case 'bottom-end':
+            return {
+                top: targetRect.bottom + offset,
+                left: targetRect.right - overlayRect.width
+            };
+        case 'right':
+            return {
+                top: targetRect.top + (targetRect.height - overlayRect.height) / 2,
+                left: targetRect.right + offset
+            };
+        case 'right-start':
+            return {
+                top: targetRect.top,
+                left: targetRect.right + offset
+            };
+        case 'right-end':
+            return {
+                top: targetRect.bottom - overlayRect.height,
+                left: targetRect.right + offset
+            };
+        default:
+            return {
+                top: targetRect.bottom + offset,
+                left: targetRect.left + (targetRect.width - overlayRect.width) / 2
+            };
+    }
+};
+
+/**
+ * Shared overlay-anchored tooltip used by InlineTooltip (field help icon),
+ * TextHoverTooltip (hoverable text), and container hover tooltips. Renders the
+ * styled Tooltip inside an Overlay anchored to the provided trigger ref. The
+ * caller owns the show state and the trigger element + its event handlers.
+ */
+function HoverTooltip(_a) {
+    var show = _a.show, triggerRef = _a.triggerRef, text = _a.text, id = _a.id, onHide = _a.onHide, containerRef = _a.containerRef, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, _c = _a.offset, offset = _c === void 0 ? 4 : _c, css = _a.css, maxWidth = _a.maxWidth;
+    if (!text)
+        return null;
+    return (jsx$1(Overlay, __assign({ show: show, targetRef: triggerRef, containerRef: containerRef, placement: placement, onHide: onHide, offset: offset }, { children: jsx$1(Tooltip, __assign({ id: "tooltip-".concat(id), css: css, maxWidth: maxWidth }, { children: text })) })));
+}
+
 /**
  * Container
  * This component adds additional logic to the StyledContainer that is unique
  * to rendering containers on hosted forms (not the editor).
  */
 var Container = function (_a) {
-    var _b, _c;
-    var node = _a.node, _d = _a.runElementActions, runElementActions = _d === void 0 ? function () { } : _d, selected = _a.selected, viewport = _a.viewport, form = _a.form, children = _a.children;
+    var _b, _c, _d;
+    var node = _a.node, _e = _a.runElementActions, runElementActions = _e === void 0 ? function () { } : _e, selected = _a.selected, viewport = _a.viewport, form = _a.form, children = _a.children;
     var ref = useRef(null);
+    var _f = __read(useState(false), 2), showTooltip = _f[0], setShowTooltip = _f[1];
     var additionalCss = {};
     var handleClick;
+    // Container-level hover tooltips apply only to actual containers. Field
+    // elements share the same `tooltipText` property but render their own
+    // icon-based InlineTooltip, so they must be excluded here.
+    var tooltipText = !node.isElement && ((_b = node.properties) === null || _b === void 0 ? void 0 : _b.tooltipText)
+        ? replaceTextVariables(node.properties.tooltipText, node.repeat)
+        : '';
+    var isMobile$1 = isMobile();
+    var tooltipHoverProps = tooltipText
+        ? {
+            // mouse hover is the primary trigger; disabled on mobile where a tap is
+            // ambiguous (containers commonly carry click actions)
+            onMouseEnter: isMobile$1 ? undefined : function () { return setShowTooltip(true); },
+            onMouseLeave: isMobile$1 ? undefined : function () { return setShowTooltip(false); },
+            onFocus: function () { return setShowTooltip(true); },
+            onBlur: function () { return setShowTooltip(false); }
+        }
+        : {};
     if (!node.isElement) {
-        var properties = (_b = node.properties) !== null && _b !== void 0 ? _b : {};
-        var actions_1 = (_c = properties.actions) !== null && _c !== void 0 ? _c : [];
-        var _e = __read(getCellStyle(node, undefined, form.formSettings.mobileBreakpoint), 3), _f = _e[1], cellHoverStyle = _f === void 0 ? {} : _f, _g = _e[2], cellActiveStyle = _g === void 0 ? {} : _g;
+        var properties = (_c = node.properties) !== null && _c !== void 0 ? _c : {};
+        var actions_1 = (_d = properties.actions) !== null && _d !== void 0 ? _d : [];
+        var _g = __read(getCellStyle(node, undefined, form.formSettings.mobileBreakpoint), 3), _h = _g[1], cellHoverStyle = _h === void 0 ? {} : _h, _j = _g[2], cellActiveStyle = _j === void 0 ? {} : _j;
         var selectableStyles = actions_1.length > 0
             ? __assign(__assign({ cursor: 'pointer', transition: '0.2s ease opacity, color, background-color, border-width, border-color, outline, box-shadow' }, (selected ? cellActiveStyle : {})), { '&:hover': cellHoverStyle }) : {};
         handleClick = function (e) {
@@ -23601,7 +23864,7 @@ var Container = function (_a) {
         };
         Object.assign(additionalCss, selectableStyles);
     }
-    return (jsx$1(StyledContainer, __assign({ ref: ref, node: node, css: additionalCss, onClick: handleClick, viewport: viewport, breakpoint: form.formSettings.mobileBreakpoint }, { children: children })));
+    return (jsxs(Fragment, { children: [jsx$1(StyledContainer, __assign({ ref: ref, node: node, css: additionalCss, onClick: handleClick, viewport: viewport, breakpoint: form.formSettings.mobileBreakpoint }, tooltipHoverProps, { children: children })), tooltipText && (jsx$1(HoverTooltip, { show: showTooltip, triggerRef: ref, text: tooltipText, id: node.id, onHide: function () { return setShowTooltip(false); }, maxWidth: '320px' }))] }));
 };
 
 function transformCalendlyParams(config) {
@@ -24237,7 +24500,24 @@ function QuikFormViewer(_a) {
         };
     }, [setShow]);
     if (!htmlContent)
-        return jsx$1("div", { children: "Loading..." });
+        return (jsx$1("div", __assign({ css: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '100%',
+                height: '100%',
+                minHeight: 200
+            } }, { children: jsxs("div", __assign({ css: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    gap: 16
+                } }, { children: [jsx$1("div", __assign({ css: { fontSize: 28 } }, { children: jsx$1(FeatherySpinner$1, {}) })), jsx$1("span", __assign({ css: {
+                            fontFamily: "'Helvetica Neue', helvetica, arial, sans-serif",
+                            fontSize: 16,
+                            fontWeight: 400,
+                            color: '#414859'
+                        } }, { children: "Generating your paperwork. Please wait..." }))] })) })));
     return (jsx$1("div", __assign({ css: inline
             ? { width: '100%', height: '100%', overflow: 'auto' }
             : {
@@ -41067,7 +41347,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.h6NTcnjr.js').then(function (n) { return n.A; }); });
+var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.BxCe9PjE.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 () {
@@ -45108,7 +45388,7 @@ function loadSegment(segmentConfig, queue) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
                     return [4 /*yield*/, import(
-                        /* webpackChunkName: "segment" */ './fthry_index.DNmwwxoZ.js').then(function (n) { return n.q; })];
+                        /* webpackChunkName: "segment" */ './fthry_index.HfY_xMXi.js').then(function (n) { return n.q; })];
                 case 1:
                     (AnalyticsBrowserClass = (_a.sent()).AnalyticsBrowser);
                     return [3 /*break*/, 3];
@@ -47132,7 +47412,7 @@ var FeatheryClient = /** @class */ (function (_super) {
      */
     FeatheryClient.prototype._debouncedSubmitCustom = function (override) {
         return __awaiter$2(this, void 0, void 0, function () {
-            var customKeyValues, userId, url, jsonKeyVals, formData, options, uniqueId, req;
+            var customKeyValues, userId, url, jsonKeyVals, formData, options, uniqueId, req, removeInFlight;
             var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -47145,6 +47425,13 @@ var FeatheryClient = /** @class */ (function (_super) {
                         if (!isInteractionDetected()) {
                             return [2 /*return*/];
                         }
+                        // If the previous flush hasn't finished yet, skip this cycle. The pending
+                        // updates stay queued and a new debounced cycle is scheduled so they get
+                        // submitted once the in-flight request completes.
+                        if (Object.keys(this.customSubmitInFlight).length) {
+                            this.debouncedSubmitCustom(override);
+                            return [2 /*return*/];
+                        }
                         customKeyValues = __assign({}, this.pendingCustomFieldUpdates);
                         this.pendingCustomFieldUpdates = {}; // Clear pending updates after copying them
                         userId = initInfo().userId;
@@ -47207,7 +47494,8 @@ var FeatheryClient = /** @class */ (function (_super) {
                         this._removeCustomFieldListener();
                         uniqueId = v4$1();
                         req = this.offlineRequestHandler.runOrSaveRequest(function () { return _this._fetch(url, options, true, true); }, url, options, 'submit');
-                        this.customSubmitInFlight[uniqueId] = req.then(function () { return delete _this.customSubmitInFlight[uniqueId]; });
+                        removeInFlight = function () { return delete _this.customSubmitInFlight[uniqueId]; };
+                        this.customSubmitInFlight[uniqueId] = req.then(removeInFlight, removeInFlight);
                         return [4 /*yield*/, req];
                     case 2: return [2 /*return*/, _a.sent()];
                 }
@@ -47230,10 +47518,20 @@ var FeatheryClient = /** @class */ (function (_super) {
                         return [4 /*yield*/, this.debouncedSubmitCustom.flush()];
                     case 1:
                         ret = _a.sent();
-                        return [4 /*yield*/, Promise.all(Object.values(this.customSubmitInFlight))];
+                        _a.label = 2;
                     case 2:
+                        if (!Object.keys(this.customSubmitInFlight).length) return [3 /*break*/, 5];
+                        return [4 /*yield*/, Promise.all(Object.values(this.customSubmitInFlight))];
+                    case 3:
                         _a.sent();
-                        return [2 /*return*/, ret];
+                        if (!Object.keys(this.pendingCustomFieldUpdates).length)
+                            return [3 /*break*/, 5];
+                        this.debouncedSubmitCustom(override);
+                        return [4 /*yield*/, this.debouncedSubmitCustom.flush()];
+                    case 4:
+                        ret = _a.sent();
+                        return [3 /*break*/, 2];
+                    case 5: return [2 /*return*/, ret];
                 }
             });
         });
@@ -47743,9 +48041,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.DG-h2qqu.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.ClnRFan9.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BZH4UrSE.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BY0qufCl.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47932,7 +48230,7 @@ function loadCompletedSteps(client) {
     });
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.48.1" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.50.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;');
 }
 
@@ -49528,64 +49826,64 @@ function resolveLabelStyle(style, opts) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return import(/* webpackChunkName: "AddressField" */ './fthry_index.BKjEGHR_.js');
+        return import(/* webpackChunkName: "AddressField" */ './fthry_index.BDSy9TBV.js');
     },
     ButtonGroupField: function () {
-        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BD5OtLZc.js');
+        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.-GpsDCwK.js');
     },
     CheckboxField: function () {
-        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.C75qxU8Z.js');
+        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.X-5RnKbv.js');
     },
     CheckboxGroupField: function () {
-        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DZPtLmTA.js');
+        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Tz4wWr5G.js');
     },
     ColorPickerField: function () {
-        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.k3Hq7wKG.js');
+        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Bs0b7fF8.js');
     },
     CustomField: function () {
-        return import(/* webpackChunkName: "CustomField" */ './fthry_index.B4uTV15J.js');
+        return import(/* webpackChunkName: "CustomField" */ './fthry_index.UqBNOqYF.js');
     },
     DateSelectorField: function () {
-        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Br_wsbaD.js');
+        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.l3GNavsZ.js');
     },
     DropdownField: function () {
-        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DW4ZEycb.js');
+        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DuFXqlIh.js');
     },
     DropdownMultiField: function () {
-        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CCyrVDsN.js');
+        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.Gk4XHc2v.js');
     },
     FileUploadField: function () {
-        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.BFPFVaWv.js');
+        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.C-3BwV3D.js');
     },
     MatrixField: function () {
-        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.BkzGvVg2.js');
+        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.CV6KaQP2.js');
     },
     PasswordField: function () {
-        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.Bl_YFFMi.js');
+        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.DkB3n_gE.js');
     },
     PaymentMethodField: function () {
-        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DoX9prJ2.js');
+        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.0oIU1B6N.js');
     },
-    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.Bfo0vjcQ.js'); },
+    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.DtEJ8UnC.js'); },
     PinInputField: function () {
-        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.D48zqV-m.js');
+        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.Bmr2qAQ9.js');
     },
-    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.INdwJAsd.js'); },
+    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.Bn_DZ8s-.js'); },
     RadioButtonGroupField: function () {
         return import(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CPrLJ4J-.js');
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DZYRCGrF.js');
     },
     RatingField: function () {
-        return import(/* webpackChunkName: "RatingField" */ './fthry_index.KFRNwcZ_.js');
+        return import(/* webpackChunkName: "RatingField" */ './fthry_index.CXvBwACd.js');
     },
     SignatureField: function () {
-        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BgCJlRTN.js');
+        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.DD4JAsd0.js');
     },
     SliderField: function () {
-        return import(/* webpackChunkName: "SliderField" */ './fthry_index.C2QdbMzv.js');
+        return import(/* webpackChunkName: "SliderField" */ './fthry_index.Cl0vinm2.js');
     },
-    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CHb07pX6.js'); },
-    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.D9kooW59.js'); }
+    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CgeOgf6v.js'); },
+    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.CKyEKNhB.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
@@ -50344,16 +50642,6 @@ function applyButtonStyles(element, responsiveStyles) {
         return {};
     });
     responsiveStyles.applyTextAlign('buttonLabel');
-    // Fit-width buttons shrink to their text and padding, so prevent the
-    // text from wrapping
-    responsiveStyles.apply('buttonLabel', 'width_unit', function (unit) {
-        if (!isFit(unit))
-            return {};
-        return {
-            whiteSpace: 'nowrap',
-            'span, a': { whiteSpace: 'pre' }
-        };
-    });
     responsiveStyles.apply('button', [
         'uploader_padding_top',
         'uploader_padding_right',
@@ -50847,8 +51135,8 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.mEvi-eyb.js'); });
-var TabsElement = lazy(function () { return import(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.JCYNaBSd.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.6wMTFMTj.js'); });
+var TabsElement = lazy(function () { return import(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.DFuHUYUv.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -50878,4 +51166,4 @@ Object.entries(Elements).map(function (_a) {
     });
 });
 
-export { __values as $, getStripe as A, filterKeys as B, ERROR_COLOR as C, DEFAULT_MOBILE_BREAKPOINT as D, ErrorInput as E, FeatheryCacheProvider as F, Grid as G, DROPDOWN_Z_INDEX as H, getFieldValue$1 as I, stringifyWithNull as J, emailPatternStr as K, replaceTextVariables as L, getDefaultExportFromCjs as M, debounce as N, isEmptyArray as O, toList as P, useThumbnailData as Q, __spreadArray as R, downloadFile as S, CloseIcon as T, justRemove as U, isNum as V, phoneLib as W, authState as X, firebaseSMSCountries as Y, phoneLibPromise as Z, __assign as _, calculateGlobalCSS as a, loadQRScanner as a0, throttle as a1, qrPromise as a2, AuthContext as a3, getFieldValues as a4, setFieldValues as a5, updateTheme as a6, updateUserId as a7, init as a8, Elements as a9, DECLARATION as aA, dealloc as aB, alloc as aC, hash as aD, charat as aE, strlen as aF, indexof as aG, next as aH, token as aI, from as aJ, peek as aK, delimit as aL, slice as aM, position as aN, compile as aO, __extends as aP, formatDateString as aQ, internalState as aR, getPositionKey$1 as aS, initState as aT, getRepeatedContainers as aU, getRepeatedContainer as aV, getDefaultFieldValue as aW, isButtonDisabled as aX, loadPhoneValidator as aY, initInfo as aZ, getCookie as a_, ReactForm as aa, v4$1 as ab, LoginForm as ac, JSForm as ad, getFormContext as ae, resolveLabelStyle as af, AssistantChat as ag, StyledContainer as ah, devicePixelRatio as ai, toBase64 as aj, MODAL_Z_INDEX as ak, dataURLToFile as al, stringify$2 as am, rulesheet as an, COMMENT as ao, middleware as ap, RULESET as aq, combine as ar, match as as, serialize as at, copy as au, replace as av, WEBKIT as aw, MOZ as ax, MS as ay, KEYFRAMES as az, jsxs as b, calculateStepCSS as c, iosScrollOnFocus as d, __read as e, fieldValues as f, getVisiblePositions as g, hoverStylesGuard as h, imgMaxSizeStyles as i, jsx$1 as j, countryData as k, css as l, __makeTemplateObject as m, noTextSelectStyles as n, Global as o, FORM_Z_INDEX as p, __rest$1 as q, resetStyles as r, __awaiter$2 as s, __generator as t, useBorder as u, FeatheryClient as v, featheryWindow as w, Fragment as x, isMobile as y, featheryDoc as z };
+export { firebaseSMSCountries as $, getStripe as A, filterKeys as B, ERROR_COLOR as C, DEFAULT_MOBILE_BREAKPOINT as D, ErrorInput as E, FeatheryCacheProvider as F, Grid as G, HoverTooltip as H, DROPDOWN_Z_INDEX as I, getFieldValue$1 as J, stringifyWithNull as K, emailPatternStr as L, replaceTextVariables as M, getDefaultExportFromCjs as N, Overlay as O, debounce as P, isEmptyArray as Q, toList as R, useThumbnailData as S, __spreadArray as T, downloadFile as U, CloseIcon as V, justRemove as W, isNum as X, phoneLib as Y, authState as Z, __assign as _, calculateGlobalCSS as a, loadPhoneValidator as a$, phoneLibPromise as a0, __values as a1, loadQRScanner as a2, throttle as a3, qrPromise as a4, AuthContext as a5, getFieldValues as a6, setFieldValues as a7, updateTheme as a8, updateUserId as a9, MS as aA, KEYFRAMES as aB, DECLARATION as aC, dealloc as aD, alloc as aE, hash as aF, charat as aG, strlen as aH, indexof as aI, next as aJ, token as aK, from as aL, peek as aM, delimit as aN, slice as aO, position as aP, compile as aQ, Tooltip as aR, __extends as aS, formatDateString as aT, internalState as aU, getPositionKey$1 as aV, initState as aW, getRepeatedContainers as aX, getRepeatedContainer as aY, getDefaultFieldValue as aZ, isButtonDisabled as a_, init as aa, Elements as ab, ReactForm as ac, v4$1 as ad, LoginForm as ae, JSForm as af, getFormContext as ag, resolveLabelStyle as ah, AssistantChat as ai, StyledContainer as aj, devicePixelRatio as ak, toBase64 as al, MODAL_Z_INDEX as am, dataURLToFile as an, stringify$2 as ao, rulesheet as ap, COMMENT as aq, middleware as ar, RULESET as as, combine as at, match as au, serialize as av, copy as aw, replace as ax, WEBKIT as ay, MOZ as az, jsxs as b, initInfo as b0, getCookie as b1, calculateStepCSS as c, iosScrollOnFocus as d, __read as e, fieldValues as f, getVisiblePositions as g, hoverStylesGuard as h, imgMaxSizeStyles as i, jsx$1 as j, countryData as k, css as l, __makeTemplateObject as m, noTextSelectStyles as n, Global as o, FORM_Z_INDEX as p, __rest$1 as q, resetStyles as r, __awaiter$2 as s, __generator as t, useBorder as u, FeatheryClient as v, featheryWindow as w, Fragment as x, isMobile as y, featheryDoc as z };

package/dist/{fthry_index.B4uTV15J.js → fthry_index.UqBNOqYF.js}

@@ -1,4 +1,4 @@
-import { j as jsx, _ as __assign, b as jsxs, e as __read, s as __awaiter, t as __generator, w as featheryWindow, x as Fragment, E as ErrorInput } from './fthry_index.B21PnTei.js';
+import { j as jsx, _ as __assign, b as jsxs, e as __read, s as __awaiter, t as __generator, w as featheryWindow, x as Fragment, E as ErrorInput } from './fthry_index.UaQC1EFo.js';
 import { useRef, useState, useEffect, memo, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'jszip';

package/dist/{fthry_index.C75qxU8Z.js → fthry_index.X-5RnKbv.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, h as hoverStylesGuard, b as jsxs, j as jsx, d as iosScrollOnFocus } from './fthry_index.B21PnTei.js';
+import { _ as __assign, h as hoverStylesGuard, b as jsxs, j as jsx, d as iosScrollOnFocus } from './fthry_index.UaQC1EFo.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'jszip';

package/dist/{fthry_index.By9XI2Se.js → fthry_index.caHStIvy.js}

@@ -1,4 +1,4 @@
-import { M as getDefaultExportFromCjs } from './fthry_index.B21PnTei.js';
+import { N as getDefaultExportFromCjs } from './fthry_index.UaQC1EFo.js';
 
 var propTypes = {exports: {}};
 

package/dist/{fthry_index.Br_wsbaD.js → fthry_index.l3GNavsZ.js}

@@ -1,16 +1,15 @@
-import { j as jsx, o as Global, l as css, m as __makeTemplateObject, _ as __assign, e as __read, y as isMobile, w as featheryWindow, z as featheryDoc, u as useBorder, b as jsxs$1, h as hoverStylesGuard, r as resetStyles, q as __rest, aQ as formatDateString } from './fthry_index.B21PnTei.js';
+import { j as jsx, o as Global, l as css, m as __makeTemplateObject, _ as __assign, e as __read, y as isMobile, w as featheryWindow, z as featheryDoc, u as useBorder, b as jsxs$1, h as hoverStylesGuard, r as resetStyles, q as __rest, aT as formatDateString } from './fthry_index.UaQC1EFo.js';
 import * as React from 'react';
 import React__default, { useMemo, useLayoutEffect, cloneElement, createRef, Component, useRef, useCallback, useEffect, createElement, memo, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.DIKXUrCe.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DUtqoLti.js';
+import { P as Placeholder } from './fthry_Placeholder.CEPxPTLL.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Brp4oi0p.js';
 import { c as clsx } from './fthry_clsx.ChV9xqsO.js';
 import { jsxs, jsx as jsx$1 } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { a as IMask, I as IMaskInput } from './fthry_input.C13Hy41e.js';
+import { a as IMask, I as IMaskInput } from './fthry_input.vNAUHsdE.js';
 import 'jszip';
-import './fthry_Overlay.DjQfEgir.js';
-import './fthry_index.By9XI2Se.js';
+import './fthry_index.caHStIvy.js';
 
 var PORTAL_CONTAINER_CLASS = '.react-datepicker__portal';
 var DATEPICKER_PADDING_TOP_VALUE = '--datepicker-pad-top';

package/dist/{fthry_index.umd.CNiEdJLO.js → fthry_index.umd.zD2ytPrK.js}

@@ -1,4 +1,4 @@
-import { M as getDefaultExportFromCjs } from './fthry_index.B21PnTei.js';
+import { N as getDefaultExportFromCjs } from './fthry_index.UaQC1EFo.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/{fthry_index.B03qg4WP.js → fthry_index.wOe1Wv1J.js}

@@ -1,4 +1,4 @@
-import { s as __awaiter, t as __generator } from './fthry_index.B21PnTei.js';
+import { s as __awaiter, t as __generator } from './fthry_index.UaQC1EFo.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'jszip';
@@ -11,7 +11,7 @@ function loadLegacyVideoPlugins(analytics) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, import(
                     // @ts-expect-error
-                    './fthry_index.umd.CNiEdJLO.js').then(function (n) { return n.i; })
+                    './fthry_index.umd.zD2ytPrK.js').then(function (n) { return n.i; })
                     // This is super gross, but we need to support the `window.analytics.plugins` namespace
                     // that is linked in the segment docs in order to be backwards compatible with ajs-classic
                     // @ts-expect-error

package/dist/{fthry_input.C13Hy41e.js → fthry_input.vNAUHsdE.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { P as PropTypes } from './fthry_index.By9XI2Se.js';
+import { P as PropTypes } from './fthry_index.caHStIvy.js';
 
 /** Checks if value is string */
 function isString(str) {