@feathery/react 2.49.0 → 2.50.1

package/cjs/{fthry_index.C-kN7c0o.js → fthry_index.lC_5XhON.js}

@@ -9244,7 +9244,7 @@ var IntegrationClient = /** @class */ (function () {
     };
     IntegrationClient.prototype.sendDocusignEnvelope = function (_a) {
         var _this = this;
-        var documents = _a.documents, libraryDocuments = _a.libraryDocuments, fillData = _a.fillData, emailSubject = _a.emailSubject, emailBlurb = _a.emailBlurb, signers = _a.signers, existingEnvelopeId = _a.existingEnvelopeId;
+        var documents = _a.documents, libraryDocuments = _a.libraryDocuments, fillData = _a.fillData, emailSubject = _a.emailSubject, emailBlurb = _a.emailBlurb, signers = _a.signers, existingEnvelopeId = _a.existingEnvelopeId, draft = _a.draft;
         var userId = initInfo().userId;
         var url = "".concat(API_URL, "docusign/envelope/");
         var options = {
@@ -9259,7 +9259,8 @@ var IntegrationClient = /** @class */ (function () {
                 email_subject: emailSubject,
                 email_blurb: emailBlurb,
                 signers: signers,
-                docusign_envelope_id: existingEnvelopeId
+                docusign_envelope_id: existingEnvelopeId,
+                draft: draft
             })
         };
         return this._fetch(url, options, false).then(function (response) { return __awaiter$2(_this, void 0, void 0, function () {
@@ -23594,21 +23595,277 @@ var StyledContainer = React.forwardRef(function (_a, ref) {
     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)] }));
 });
 
+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", exports.__assign({ css: exports.__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", exports.__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 = React.useRef(null);
+    var _e = __read(React.useState(null), 2), position = _e[0], setPosition = _e[1];
+    var getContainer = React.useCallback(function () {
+        return (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || featheryDoc().body;
+    }, [containerRef]);
+    var recalcPosition = React.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 = React.useCallback(function () {
+        var ticking = false;
+        return function () {
+            if (!ticking) {
+                ticking = true;
+                requestAnimationFrame(function () {
+                    recalcPosition();
+                    ticking = false;
+                });
+            }
+        };
+    }, [recalcPosition])();
+    React.useLayoutEffect(function () {
+        if (show)
+            recalcPosition();
+    }, [show, recalcPosition]);
+    React.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]);
+    React.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 ReactDOM.createPortal(jsx$1("div", exports.__assign({ ref: ref, style: exports.__assign(exports.__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, exports.__assign({ show: show, targetRef: triggerRef, containerRef: containerRef, placement: placement, onHide: onHide, offset: offset }, { children: jsx$1(Tooltip, exports.__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 = React.useRef(null);
+    var _f = __read(React.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
             ? exports.__assign(exports.__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) {
@@ -23629,7 +23886,7 @@ var Container = function (_a) {
         };
         Object.assign(additionalCss, selectableStyles);
     }
-    return (jsx$1(StyledContainer, exports.__assign({ ref: ref, node: node, css: additionalCss, onClick: handleClick, viewport: viewport, breakpoint: form.formSettings.mobileBreakpoint }, { children: children })));
+    return (jsxs(Fragment, { children: [jsx$1(StyledContainer, exports.__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) {
@@ -24265,7 +24522,24 @@ function QuikFormViewer(_a) {
         };
     }, [setShow]);
     if (!htmlContent)
-        return jsx$1("div", { children: "Loading..." });
+        return (jsx$1("div", exports.__assign({ css: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '100%',
+                height: '100%',
+                minHeight: 200
+            } }, { children: jsxs("div", exports.__assign({ css: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    gap: 16
+                } }, { children: [jsx$1("div", exports.__assign({ css: { fontSize: 28 } }, { children: jsx$1(FeatherySpinner, {}) })), jsx$1("span", exports.__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", exports.__assign({ css: inline
             ? { width: '100%', height: '100%', overflow: 'auto' }
             : {
@@ -41095,7 +41369,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.BuqbKhai.js'); }).then(function (n) { return n.AssistantChat; }); });
+var LazyAssistantChat = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.Bv_PnXs-.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 () {
@@ -45136,7 +45410,7 @@ function loadSegment(segmentConfig, queue) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "segment" */ './fthry_index.DgGKGO1E.js'); }).then(function (n) { return n.index; })];
+                        /* webpackChunkName: "segment" */ './fthry_index.BPYIEjMq.js'); }).then(function (n) { return n.index; })];
                 case 1:
                     (AnalyticsBrowserClass = (_a.sent()).AnalyticsBrowser);
                     return [3 /*break*/, 3];
@@ -47160,7 +47434,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) {
@@ -47173,6 +47447,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 = exports.__assign({}, this.pendingCustomFieldUpdates);
                         this.pendingCustomFieldUpdates = {}; // Clear pending updates after copying them
                         userId = initInfo().userId;
@@ -47235,7 +47516,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()];
                 }
@@ -47258,10 +47540,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];
                 }
             });
         });
@@ -47771,9 +48063,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.sEVfx6Kl.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.Dfvbhz8G.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DLiAwukX.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.maDTrAYi.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47960,7 +48252,7 @@ function loadCompletedSteps(client) {
     });
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.49.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.50.1" + ' ', // 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;');
 }
 
@@ -49556,64 +49848,64 @@ function resolveLabelStyle(style, opts) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.CoZzaKnE.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.DmtMegnj.js'); });
     },
     ButtonGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.b8IraXmQ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.Byf43ZJS.js'); });
     },
     CheckboxField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.DTMlYZBn.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.C_0LGAaW.js'); });
     },
     CheckboxGroupField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.B6qHn3Vr.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.C5BkZnrm.js'); });
     },
     ColorPickerField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.C2vpx_Q9.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CXpQuMt1.js'); });
     },
     CustomField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.D0My8MmY.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.DFZUCN27.js'); });
     },
     DateSelectorField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DrrJo2Gf.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CB082HFt.js'); });
     },
     DropdownField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.BckiEDZJ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.GZc-hNji.js'); });
     },
     DropdownMultiField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B_0S-igL.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.9V9ezpt1.js'); });
     },
     FileUploadField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.BU9fFX-g.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CXiwWMaB.js'); });
     },
     MatrixField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.C6ebZNtr.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.DBDbbLL1.js'); });
     },
     PasswordField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.7ndzGWiJ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.Bp0-0Hpt.js'); });
     },
     PaymentMethodField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.myalaaOZ.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DpnN0V1H.js'); });
     },
-    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.CP8jeStb.js'); }); },
+    PhoneField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.B-vFxNO_.js'); }); },
     PinInputField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CrgFXYzE.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.B2kwLyNr.js'); });
     },
-    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.C9AIy59J.js'); }); },
+    QRScanner: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.B9iGCw8F.js'); }); },
     RadioButtonGroupField: function () {
         return Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.w9-CuoQH.js'); });
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.D698F2zZ.js'); });
     },
     RatingField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.DPIewKZa.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.DO90MI7L.js'); });
     },
     SignatureField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.BmILtMAD.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DNf7jYzX.js'); });
     },
     SliderField: function () {
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.cpUxhiq-.js'); });
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CVkyw_dk.js'); });
     },
-    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.DKv8MgEz.js'); }); },
-    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.CHLGQEBH.js'); }); }
+    TextField: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.D0tdVxWg.js'); }); },
+    TextArea: function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.CG2qDLCN.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
@@ -50484,8 +50776,10 @@ function ButtonElement(_a) {
             position: 'relative',
             flex: 1,
             lineHeight: 'normal'
-        }, css: exports.__assign(exports.__assign({ borderWidth: 0, justifyContent: 'center', alignItems: 'center', border: 'none', transition: '0.2s ease all !important', '&[aria-disabled="true"]': exports.__assign(exports.__assign({ cursor: 'default !important' }, styles.getTarget('buttonDisabled')), borderStyles.disabled), '&[aria-disabled="false"]:hover': hoverStyles, '&[aria-disabled="false"].active': activeStyles }, (active === null
+        }, css: exports.__assign(exports.__assign(exports.__assign({ borderWidth: 0, justifyContent: 'center', alignItems: 'center', border: 'none', transition: '0.2s ease all !important', '&[aria-disabled="true"]': exports.__assign(exports.__assign({ cursor: 'default !important' }, styles.getTarget('buttonDisabled')), borderStyles.disabled), '&[aria-disabled="false"]:hover': hoverStyles, '&[aria-disabled="false"].active': activeStyles }, (active === null
             ? { '&[aria-disabled="false"]:focus': activeStyles }
+            : {})), (element.properties.submit
+            ? { '& > *': { pointerEvents: 'none' } }
             : {})), { '&&&': styles.getTarget('button') }), "aria-disabled": buttonDisabled, onClick: handleClick, "aria-label": element.properties.aria_label }, elementProps, { children: [customBorder, children, loader ? (jsx$1("div", exports.__assign({ css: styles.getTarget('loader') }, { children: loader }))) : (jsxs(Fragment, { children: [element.properties.image && (jsx$1("img", { src: element.properties.image, css: exports.__assign(exports.__assign({}, imgMaxSizeStyles), responsiveStyles.getTargets('img')) })), element.properties.text && (jsx$1(TextNodes, { element: element, responsiveStyles: responsiveStyles, cssTarget: 'buttonLabel', editMode: editMode, disabled: disabled, focused: focused, textCallbacks: textCallbacks, featheryContext: featheryContext, expand: !element.properties.image }))] })), !element.properties.submit && (jsx$1(ErrorInput, { id: "error_".concat(element.id), name: "error_".concat(element.id), "aria-label": element.properties.aria_label }))] }), element.id));
 }
 
@@ -50865,8 +51159,8 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.DHx_H1T3.js'); }); });
-var TabsElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.BK0wFYNE.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.DSxhyu57.js'); }); });
+var TabsElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.CxiHTqRU.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -50912,15 +51206,18 @@ exports.FeatheryClient = FeatheryClient;
 exports.Fragment = Fragment;
 exports.Global = Global;
 exports.Grid = Grid;
+exports.HoverTooltip = HoverTooltip;
 exports.JSForm = JSForm;
 exports.KEYFRAMES = KEYFRAMES;
 exports.LoginForm = LoginForm;
 exports.MODAL_Z_INDEX = MODAL_Z_INDEX;
 exports.MOZ = MOZ;
 exports.MS = MS;
+exports.Overlay = Overlay;
 exports.RULESET = RULESET;
 exports.ReactForm = ReactForm;
 exports.StyledContainer = StyledContainer;
+exports.Tooltip = Tooltip;
 exports.WEBKIT = WEBKIT;
 exports.__awaiter = __awaiter$2;
 exports.__extends = __extends;

package/cjs/{fthry_index.umd.YAgbegYu.js → fthry_index.umd.DCBQBTfy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.C-kN7c0o.js');
+var index = require('./fthry_index.lC_5XhON.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/cjs/{fthry_input.D3t8liSW.js → fthry_input.3B0IH5fK.js}

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

package/cjs/{fthry_mermaid-O7DHMXV3.C5wDh0Pr.js → fthry_mermaid-O7DHMXV3.BwkCSjZC.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var AssistantChat = require('./fthry_AssistantChat.BuqbKhai.js');
-require('./fthry_index.C-kN7c0o.js');
+var AssistantChat = require('./fthry_AssistantChat.Bv_PnXs-.js');
+require('./fthry_index.lC_5XhON.js');
 require('react/jsx-runtime');
 require('react');
 require('jszip');
 require('react-dom');
 require('./fthry_clsx.BtxeOLZW.js');
-require('./fthry_index.BvnQTPSY.js');
+require('./fthry_index.DXBYYUOP.js');
 
 
 

package/cjs/{fthry_script.sEVfx6Kl.js → fthry_script.Dfvbhz8G.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.C-kN7c0o.js');
+var index = require('./fthry_index.lC_5XhON.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/cjs/{fthry_styles.CFNJAwLy.js → fthry_styles.BecNWwfa.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.C-kN7c0o.js');
+var index = require('./fthry_index.lC_5XhON.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {

package/cjs/{fthry_useElementSize.yeWmUfpM.js → fthry_useElementSize.D9fwVm32.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.C-kN7c0o.js');
+var index = require('./fthry_index.lC_5XhON.js');
 var React = require('react');
 
 function useElementSize(anchorRef) {

package/cjs/{fthry_useSalesforceSync.C_sMWo9m.js → fthry_useSalesforceSync.B8WpZf2e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.C-kN7c0o.js');
+var index = require('./fthry_index.lC_5XhON.js');
 var React = require('react');
 
 function useSalesforceSync(salesforceSync, editMode) {

package/cjs/{fthry_webfontloader.DLiAwukX.js → fthry_webfontloader.maDTrAYi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.C-kN7c0o.js');
+var index = require('./fthry_index.lC_5XhON.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {