@feathery/react 2.16.4 → 2.17.0

package/cjs/{fthry_index.BgTQ1FlN.js → fthry_index.Bk9wFqEq.js}

@@ -5840,6 +5840,30 @@ function numMatchingItems(arr1, arr2) {
     return i;
 }
 
+/*
+ * Global state tracking if the user has interacted with the form.
+ * We use this to block submitting fields so as to not create unnecessary
+ * fusers.
+ * Interaction state is global so that current and future feathery client
+ * instances can use it.
+ *
+ * A custom hook on the Form component handles setting the state after
+ * first interaction.
+ */
+var interactionDetected = false;
+var isInteractionDetected = function () { return interactionDetected; };
+var setInteractionDetected = function () {
+    interactionDetected = true;
+};
+var FEATHERY_INTERACTION_EVENT = 'feathery:interaction';
+var INTERACTION_EVENT_TYPES = [
+    'keydown',
+    'pointerdown',
+    // redundant events for greater browser support
+    'mousedown',
+    'touchstart'
+];
+
 var dist$2 = {};
 
 var api$1 = {};
@@ -5854,7 +5878,7 @@ function requireError () {
 	if (hasRequiredError) return error;
 	hasRequiredError = 1;
 	Object.defineProperty(error, "__esModule", { value: true });
-	error.ValidationError = error.FetchError = void 0;
+	error.ValidationError = error.SDKKeyError = error.FormConflictError = error.FetchError = void 0;
 	error.parseAPIError = parseAPIError;
 	class FetchError extends Error {
 	    constructor(message, payload = null) {
@@ -5864,6 +5888,20 @@ function requireError () {
 	    }
 	}
 	error.FetchError = FetchError;
+	class FormConflictError extends Error {
+	    constructor(message = 'Invalid Form Version') {
+	        super(message);
+	        this.name = 'FormConflictError';
+	    }
+	}
+	error.FormConflictError = FormConflictError;
+	class SDKKeyError extends Error {
+	    constructor(message = 'Invalid SDK Key') {
+	        super(message);
+	        this.name = 'SDKKeyError';
+	    }
+	}
+	error.SDKKeyError = SDKKeyError;
 	class ValidationError extends Error {
 	    constructor(message) {
 	        super(message);
@@ -6007,8 +6045,12 @@ function requireUtils () {
 	        case 400:
 	            payload = JSON.stringify(await response.clone().text());
 	            throw new error_1.FetchError(payload.toString());
+	        case 401:
+	            throw new error_1.SDKKeyError();
 	        case 404:
 	            throw new error_1.FetchError("Can't find object");
+	        case 409:
+	            throw new error_1.FormConflictError();
 	        case 500:
 	            throw new error_1.FetchError('Internal server error');
 	        default:
@@ -6279,7 +6321,7 @@ function requireDist$2 () {
 	hasRequiredDist$2 = 1;
 	(function (exports$1) {
 		Object.defineProperty(exports$1, "__esModule", { value: true });
-		exports$1.setEnvironment = exports$1.parseAPIError = exports$1.FetchError = exports$1.getS3Url = exports$1.getCdnUrl = exports$1.getStaticUrl = exports$1.getApiUrl = exports$1.createHttpHelpers = exports$1.checkResponseSuccess = exports$1.apiFetch = exports$1.sendEmail = exports$1.pollForCompletion = exports$1.inviteFormCollaborator = exports$1.forwardInboxEmail = exports$1.extractAIDocument = exports$1.customRolloutAction = void 0;
+		exports$1.setEnvironment = exports$1.parseAPIError = exports$1.FormConflictError = exports$1.SDKKeyError = exports$1.FetchError = exports$1.getS3Url = exports$1.getCdnUrl = exports$1.getStaticUrl = exports$1.getApiUrl = exports$1.createHttpHelpers = exports$1.checkResponseSuccess = exports$1.apiFetch = exports$1.sendEmail = exports$1.pollForCompletion = exports$1.inviteFormCollaborator = exports$1.forwardInboxEmail = exports$1.extractAIDocument = exports$1.customRolloutAction = void 0;
 		var api_1 = requireApi();
 		Object.defineProperty(exports$1, "customRolloutAction", { enumerable: true, get: function () { return api_1.customRolloutAction; } });
 		Object.defineProperty(exports$1, "extractAIDocument", { enumerable: true, get: function () { return api_1.extractAIDocument; } });
@@ -6297,6 +6339,8 @@ function requireDist$2 () {
 		Object.defineProperty(exports$1, "getS3Url", { enumerable: true, get: function () { return utils_1.getS3Url; } });
 		var error_1 = requireError();
 		Object.defineProperty(exports$1, "FetchError", { enumerable: true, get: function () { return error_1.FetchError; } });
+		Object.defineProperty(exports$1, "SDKKeyError", { enumerable: true, get: function () { return error_1.SDKKeyError; } });
+		Object.defineProperty(exports$1, "FormConflictError", { enumerable: true, get: function () { return error_1.FormConflictError; } });
 		Object.defineProperty(exports$1, "parseAPIError", { enumerable: true, get: function () { return error_1.parseAPIError; } });
 		var setup_1 = requireSetup();
 		Object.defineProperty(exports$1, "setEnvironment", { enumerable: true, get: function () { return setup_1.setEnvironment; } }); 
@@ -6306,111 +6350,17 @@ function requireDist$2 () {
 
 var distExports$2 = requireDist$2();
 
-var SDKKeyError = /** @class */ (function (_super) {
-    __extends(SDKKeyError, _super);
-    function SDKKeyError(message) {
-        if (message === void 0) { message = 'Invalid SDK Key'; }
-        var _this = _super.call(this, message) || this;
-        _this.name = 'SDKKeyError';
-        return _this;
-    }
-    return SDKKeyError;
-}(Error));
-var UserIdError = /** @class */ (function (_super) {
-    __extends(UserIdError, _super);
-    function UserIdError() {
-        var _this = _super.call(this, 'Invalid User ID') || this;
-        _this.name = 'UserIdError';
-        return _this;
-    }
-    return UserIdError;
-}(Error));
-var handleCustomScriptError = function (e) {
-    var _a, _b;
-    var errorReason = (_a = e.reason) !== null && _a !== void 0 ? _a : e.error;
-    // If stack is at 'eval', it is a logic rule error.
-    // Note this only works for unhandledrejection events, not error events.
-    console.warn('Error caught in custom HTML. Error Message: ', (_b = errorReason.message) !== null && _b !== void 0 ? _b : '');
-    e.stopPropagation();
-    e.preventDefault(); // Prevent the error in the log
-};
-var setCustomErrorHandler = function () {
-    featheryWindow().addEventListener('error', handleCustomScriptError);
-};
-var removeCustomErrorHandler = function () {
-    featheryWindow().removeEventListener('error', handleCustomScriptError);
-};
-
 var conflictAlertShown = false;
-function checkResponseSuccess(response) {
-    return __awaiter$2(this, void 0, void 0, function () {
-        var payload, _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    _a = response.status;
-                    switch (_a) {
-                        case 200: return [3 /*break*/, 1];
-                        case 201: return [3 /*break*/, 1];
-                        case 202: return [3 /*break*/, 1];
-                        case 400: return [3 /*break*/, 2];
-                        case 401: return [3 /*break*/, 4];
-                        case 404: return [3 /*break*/, 5];
-                        case 409: return [3 /*break*/, 6];
-                        case 500: return [3 /*break*/, 7];
-                    }
-                    return [3 /*break*/, 8];
-                case 1: return [2 /*return*/];
-                case 2:
-                    _c = (_b = JSON).stringify;
-                    return [4 /*yield*/, response.clone().text()];
-                case 3:
-                    payload = _c.apply(_b, [_d.sent()]);
-                    console.error(payload.toString());
-                    return [2 /*return*/];
-                case 4: throw new SDKKeyError();
-                case 5: throw new distExports$2.FetchError("Can't find object");
-                case 6:
-                    // prevent multiple 409s from displaying multiple alerts
-                    if (conflictAlertShown)
-                        return [2 /*return*/];
-                    conflictAlertShown = true;
-                    // Note: remove beforeunload listeners if there is a conflict
-                    untrackUnload(true);
-                    featheryWindow().alert('This form has been updated. Please fill it out again.');
-                    location.reload();
-                    return [2 /*return*/];
-                case 7: throw new distExports$2.FetchError('Internal server error');
-                case 8: throw new distExports$2.FetchError('Unknown error');
-            }
-        });
-    });
+function handleFormConflict() {
+    // Prevent multiple 409s from displaying multiple alerts
+    if (conflictAlertShown)
+        return;
+    conflictAlertShown = true;
+    untrackUnload(true);
+    featheryWindow().alert('This form has been updated. Please fill it out again.');
+    location.reload();
 }
 
-/*
- * Global state tracking if the user has interacted with the form.
- * We use this to block submitting fields so as to not create unnecessary
- * fusers.
- * Interaction state is global so that current and future feathery client
- * instances can use it.
- *
- * A custom hook on the Form component handles setting the state after
- * first interaction.
- */
-var interactionDetected = false;
-var isInteractionDetected = function () { return interactionDetected; };
-var setInteractionDetected = function () {
-    interactionDetected = true;
-};
-var FEATHERY_INTERACTION_EVENT = 'feathery:interaction';
-var INTERACTION_EVENT_TYPES = [
-    'keydown',
-    'pointerdown',
-    // redundant events for greater browser support
-    'mousedown',
-    'touchstart'
-];
-
 // Constants for the IndexedDB database
 var DB_NAME = 'requestsDB';
 var STORE_NAME = 'requestsStore';
@@ -6907,7 +6857,7 @@ var OfflineRequestHandler = /** @class */ (function () {
                 keepalive: keepalive
             };
             var attemptRequest = function () { return __awaiter$2(_this, void 0, void 0, function () {
-                var attempts, response, nextDelay;
+                var attempts, response, error_2, nextDelay;
                 var _a, _b, _c, _d, _e;
                 return __generator(this, function (_f) {
                     switch (_f.label) {
@@ -6927,7 +6877,7 @@ var OfflineRequestHandler = /** @class */ (function () {
                             return [4 /*yield*/, fetch(url, fetchOptions)];
                         case 3:
                             response = _f.sent();
-                            return [4 /*yield*/, checkResponseSuccess(response)];
+                            return [4 /*yield*/, distExports$2.checkResponseSuccess(response)];
                         case 4:
                             _f.sent();
                             markFileUploadRetrySuccess((_c = request.metadata) === null || _c === void 0 ? void 0 : _c.fieldKey);
@@ -6936,7 +6886,11 @@ var OfflineRequestHandler = /** @class */ (function () {
                             _f.sent();
                             return [2 /*return*/];
                         case 6:
-                            _f.sent();
+                            error_2 = _f.sent();
+                            if (error_2 instanceof distExports$2.FormConflictError) {
+                                handleFormConflict();
+                                return [2 /*return*/];
+                            }
                             attempts++;
                             return [4 /*yield*/, this.updateRetryAttempts(key, attempts)];
                         case 7:
@@ -7334,6 +7288,10 @@ var IntegrationClient = /** @class */ (function () {
         var sdkKey = initInfo().sdkKey;
         return distExports$2.apiFetch(sdkKey, url, options, parseResponse).catch(function (e) {
             var _a;
+            if (e instanceof distExports$2.FormConflictError) {
+                handleFormConflict();
+                return;
+            }
             // Ignore TypeErrors if form has redirected because `fetch` in
             // Safari will error after redirect
             var ignore = ((_a = _this.ignoreNetworkErrors) === null || _a === void 0 ? void 0 : _a.current) ||
@@ -7766,6 +7724,43 @@ var IntegrationClient = /** @class */ (function () {
             });
         }); });
     };
+    IntegrationClient.prototype.sendDocusignEnvelope = function (_a) {
+        var _this = this;
+        var documents = _a.documents, fillData = _a.fillData, emailSubject = _a.emailSubject, emailBlurb = _a.emailBlurb, signers = _a.signers;
+        var userId = initInfo().userId;
+        var url = "".concat(API_URL, "docusign/envelope/");
+        var options = {
+            headers: { 'Content-Type': 'application/json' },
+            method: 'POST',
+            body: JSON.stringify({
+                fuser_key: userId,
+                form_key: this.formKey,
+                documents: documents,
+                fill_data: fillData,
+                email_subject: emailSubject,
+                email_blurb: emailBlurb,
+                signers: signers
+            })
+        };
+        return this._fetch(url, options, false).then(function (response) { return __awaiter$2(_this, void 0, void 0, function () {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!response) return [3 /*break*/, 4];
+                        if (!response.ok) return [3 /*break*/, 2];
+                        return [4 /*yield*/, response.json()];
+                    case 1: return [2 /*return*/, _c.sent()];
+                    case 2:
+                        _a = Error;
+                        _b = distExports$2.parseAPIError;
+                        return [4 /*yield*/, response.json()];
+                    case 3: throw _a.apply(void 0, [_b.apply(void 0, [_c.sent()])]);
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); });
+    };
     IntegrationClient.prototype.generateQuikEnvelopes = function (action) {
         var _this = this;
         var userId = initInfo().userId;
@@ -20613,16 +20608,21 @@ var Element$1 = function (_a) {
         });
         var debouncedOnChange_1 = React.useCallback(debounce(onChange_1, 500), []);
         var required = isFieldActuallyRequired(el, activeStep);
+        // Submit steps by pressing `Enter`
         var onEnter = function (e) {
             e.preventDefault();
             e.stopPropagation();
             if (!formSettings.enterToSubmit)
                 return;
-            // Submit steps by pressing `Enter`
-            var enterButton = activeStep.buttons.find(function (b) { return b.properties.submit; });
+            // { element: Element, last: Boolean, type: 'buttons' }
+            var visibleButtons = getVisibleElements(activeStep, visiblePositions, ['buttons'], false);
+            var enterButton = visibleButtons.find(function (_a) {
+                var element = _a.element;
+                return element.properties.submit;
+            });
             if (enterButton) {
                 // Simulate button click if available
-                buttonOnClick(enterButton);
+                buttonOnClick(enterButton.element);
             }
         };
         var fieldProps = exports.__assign(exports.__assign({}, basicProps), { elementProps: elementProps[servar_1.key], autoComplete: formSettings.autocomplete, rightToLeft: formSettings.rightToLeft, disabled: el.properties.disabled || readOnly, onEnter: onEnter, required: required });
@@ -21488,6 +21488,31 @@ function requireClassnames () {
 var classnamesExports = requireClassnames();
 var cls = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
+var UserIdError = /** @class */ (function (_super) {
+    __extends(UserIdError, _super);
+    function UserIdError() {
+        var _this = _super.call(this, 'Invalid User ID') || this;
+        _this.name = 'UserIdError';
+        return _this;
+    }
+    return UserIdError;
+}(Error));
+var handleCustomScriptError = function (e) {
+    var _a, _b;
+    var errorReason = (_a = e.reason) !== null && _a !== void 0 ? _a : e.error;
+    // If stack is at 'eval', it is a logic rule error.
+    // Note this only works for unhandledrejection events, not error events.
+    console.warn('Error caught in custom HTML. Error Message: ', (_b = errorReason.message) !== null && _b !== void 0 ? _b : '');
+    e.stopPropagation();
+    e.preventDefault(); // Prevent the error in the log
+};
+var setCustomErrorHandler = function () {
+    featheryWindow().addEventListener('error', handleCustomScriptError);
+};
+var removeCustomErrorHandler = function () {
+    featheryWindow().removeEventListener('error', handleCustomScriptError);
+};
+
 // Allows running scripts in dangerous HTML
 function DangerouslySetHtmlContent(_a) {
     var _b = _a.html, html = _b === void 0 ? '' : _b, rest = __rest$1(_a, ["html"]);
@@ -22647,6 +22672,9 @@ var getFormContext = function (formUuid) {
         forwardInboxEmail: function (options) { return formState.forwardInboxEmail(options); },
         setCalendlyUrl: function (url) { return formState.setCalendlyUrl(url); },
         fillQuikForms: function (params) { return formState.fillQuikForms(params); },
+        sendDocusignEnvelope: function (params) {
+            return formState.sendDocusignEnvelope(params);
+        },
         applyAlloyJourney: function (journeyToken, entities) {
             return formState.client.alloyJourneyApplication(journeyToken, entities);
         },
@@ -39657,6 +39685,19 @@ function Form(_a) {
                                 setIntegrations(function (integrations) { return (exports.__assign(exports.__assign({}, integrations), { calendly: exports.__assign(exports.__assign({}, integrations === null || integrations === void 0 ? void 0 : integrations.calendly), { metadata: exports.__assign(exports.__assign({}, integrations === null || integrations === void 0 ? void 0 : integrations.calendly.metadata), { api_key: url }) }) })); });
                             }
                         },
+                        sendDocusignEnvelope: function (params) { return __awaiter$2(_this, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, Promise.all([
+                                            client.flushCustomFields(),
+                                            defaultClient.flushCustomFields()
+                                        ])];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/, client.sendDocusignEnvelope(params)];
+                                }
+                            });
+                        }); },
                         fillQuikForms: function (_a) {
                             var fillType = _a.fillType, docusignConnectionId = _a.docusignConnectionId, docusignCustomId = _a.docusignCustomId, enableWetSign = _a.enableWetSign;
                             return __awaiter$2(_this, void 0, void 0, function () {
@@ -45366,12 +45407,14 @@ var FeatheryClient = /** @class */ (function (_super) {
         });
     };
     FeatheryClient.prototype.runServerSideLogicRule = function (id) {
-        var userId = initInfo().userId;
+        var _a = initInfo(), userId = _a.userId, collaboratorId = _a.collaboratorId;
         var data = {
             id: id,
             form_key: this.formKey,
             fuser_key: userId
         };
+        if (collaboratorId)
+            data.collaborator_id = collaboratorId;
         var url = "".concat(API_URL, "panel/logic-rule/execute/");
         var options = {
             headers: { 'Content-Type': 'application/json' },
@@ -45686,7 +45729,7 @@ function init(sdkKey, options) {
     var _a, _b;
     if (options === void 0) { options = {}; }
     if (!sdkKey || typeof sdkKey !== 'string') {
-        throw new SDKKeyError();
+        throw new distExports$2.SDKKeyError();
     }
     // If client attempts to set userId but it's not yet valid, don't initialize
     // until it becomes valid
@@ -45724,9 +45767,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.BvEAOIuu.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.3qe3Z--U.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BZzxrDoy.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.zWeOTB3n.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -45766,7 +45809,7 @@ function _fetchFormData(formIds) {
 function initInfo() {
     var sdkKey = initState.sdkKey;
     if (!sdkKey)
-        throw new SDKKeyError('SDK key has not been set');
+        throw new distExports$2.SDKKeyError('SDK key has not been set');
     return initState;
 }
 function handleNewUserSearchParams(newUserId) {
@@ -45872,7 +45915,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.16.4" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.17.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;');
 }
 
@@ -47300,39 +47343,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.CLCxPTbZ.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.D58YnjUa.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.BkrdVXlS.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.CqPkKG2Y.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.cWwcHKMJ.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.C-wfIa7q.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DwLX_2Pg.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.KpzBj2Sl.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CErXN5ib.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.B2qUeiLW.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.Cpx2CFYi.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.DpbLLXbr.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DSxgvkD6.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DmqW1Cwt.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CzboYjT9.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.BMR_-WAJ.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.C2faZV4U.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B53nunGq.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CVVkGWoS.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.CLXUeHKN.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.Blf8s7tI.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.DntXErYs.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BbQqFT3f.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.yGs0zxyx.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CRU8I39r.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CgWYhzY0.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DE8kmziv.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.V5EVqSky.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.Cp_TTbT2.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BC2-h9F1.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.D7rouYBR.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.D0lwvVp_.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.C4sU4QL2.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BBp3NBRn.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.oWGHOOOB.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.KP0Ca3IU.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.R4pSt2d2.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.CRDDr01i.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.Lkx3mO74.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CEsr4Pvr.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.Ctz5Avdg.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CNxXiO1i.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.-VHhhPW_.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.DzghgV-3.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48272,7 +48315,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.DsC9aI6w.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.C_bb05Fz.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/cjs/{fthry_index.BkrdVXlS.js → fthry_index.C-wfIa7q.js}

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

package/cjs/{fthry_index.oWGHOOOB.js → fthry_index.CEsr4Pvr.js}

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

package/cjs/{fthry_index.R4pSt2d2.js → fthry_index.CNxXiO1i.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.BgTQ1FlN.js');
+var index = require('./fthry_index.Bk9wFqEq.js');
 var React = require('react');
-var styles = require('./fthry_styles.BnOkS_mr.js');
+var styles = require('./fthry_styles.HNGSxnCE.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.DsC9aI6w.js → fthry_index.C_bb05Fz.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.BgTQ1FlN.js');
+var index = require('./fthry_index.Bk9wFqEq.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
@@ -187,7 +187,8 @@ var buttonStyle = {
     },
     '&:disabled:hover': {
         color: colors.gray600,
-        backgroundColor: colors.gray50
+        backgroundColor: colors.gray50,
+        cursor: 'auto'
     }
 };
 var actionButtonStyle = index.__assign(index.__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', width: 'auto', height: '28px', position: 'relative' });
@@ -206,10 +207,7 @@ var actionMenuStyle = {
     minWidth: '120px'
 };
 var actionMenuItemStyle = {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'between',
+    display: 'block',
     width: '100%',
     textAlign: 'left',
     paddingLeft: '12px',
@@ -227,7 +225,8 @@ var actionMenuItemStyle = {
         backgroundColor: colors.gray100
     },
     '&:disabled:hover': {
-        backgroundColor: 'transparent'
+        backgroundColor: 'transparent',
+        cursor: 'auto'
     },
     '&:first-of-type': {
         borderTopLeftRadius: '4px',
@@ -332,11 +331,12 @@ function MenuIcon() {
     return (index.jsxs("svg", index.__assign({ css: menuIconStyle, fill: 'currentColor', viewBox: '0 0 24 24' }, { children: [index.jsx("circle", { cx: '12', cy: '5', r: '2' }), index.jsx("circle", { cx: '12', cy: '12', r: '2' }), index.jsx("circle", { cx: '12', cy: '19', r: '2' })] })));
 }
 function ActionButtons(_a) {
-    var actions = _a.actions, rowIndex = _a.rowIndex, columnData = _a.columnData, fieldValuesProp = _a.fieldValues, onClick = _a.onClick, _b = _a.forceInlineButtons, forceInlineButtons = _b === void 0 ? false : _b, _c = _a.tableId, tableId = _c === void 0 ? '' : _c, _d = _a.buttonLoaders, buttonLoaders = _d === void 0 ? {} : _d;
+    var _b, _c, _d;
+    var actions = _a.actions, rowIndex = _a.rowIndex, columnData = _a.columnData, fieldValuesProp = _a.fieldValues, onClick = _a.onClick, _e = _a.forceInlineButtons, forceInlineButtons = _e === void 0 ? false : _e, _f = _a.tableId, tableId = _f === void 0 ? '' : _f, _g = _a.buttonLoaders, buttonLoaders = _g === void 0 ? {} : _g;
     if (actions.length === 0)
         return null;
-    var _e = index.__read(React.useState(false), 2), isMenuOpen = _e[0], setIsMenuOpen = _e[1];
-    var _f = index.__read(React.useState({ top: 0, left: 0 }), 2), menuPosition = _f[0], setMenuPosition = _f[1];
+    var _h = index.__read(React.useState(false), 2), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
+    var _j = index.__read(React.useState({ top: 0, left: 0 }), 2), menuPosition = _j[0], setMenuPosition = _j[1];
     var containerRef = React.useRef(null);
     var menuRef = React.useRef(null);
     var menuButtonRef = React.useRef(null);
@@ -382,20 +382,27 @@ function ActionButtons(_a) {
         }
         setIsMenuOpen(!isMenuOpen);
     };
-    return (index.jsx("div", index.__assign({ ref: containerRef, css: actionContainerStyle }, { children: useOverflow ? (index.jsxs(index.Fragment, { children: [index.jsx("button", index.__assign({ ref: menuButtonRef, type: 'button', onClick: function (e) {
+    var overflowLoader = (_d = (_c = buttonLoaders["".concat(tableId, "_").concat(rowIndex, "_").concat((_b = actions.find(function (action) {
+        var _a;
+        var buttonKey = "".concat(tableId, "_").concat(rowIndex, "_").concat(action.label);
+        return (_a = buttonLoaders[buttonKey]) === null || _a === void 0 ? void 0 : _a.loader;
+    })) === null || _b === void 0 ? void 0 : _b.label)]) === null || _c === void 0 ? void 0 : _c.loader) !== null && _d !== void 0 ? _d : null;
+    return (index.jsx("div", index.__assign({ ref: containerRef, css: actionContainerStyle }, { children: useOverflow ? (index.jsxs(index.Fragment, { children: [index.jsx("button", index.__assign({ ref: menuButtonRef, type: 'button', disabled: overflowLoader, onClick: function (e) {
                         e.stopPropagation();
                         handleMenuToggle();
-                    }, css: actionIconButtonStyle }, { children: index.jsx(MenuIcon, {}) })), isMenuOpen &&
+                    }, css: actionIconButtonStyle }, { children: overflowLoader ? (index.jsx("div", index.__assign({ style: {
+                            height: '16px',
+                            width: '16px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center'
+                        } }, { children: overflowLoader }))) : (index.jsx(MenuIcon, {})) })), isMenuOpen &&
                     ReactDOM.createPortal(index.jsx("div", index.__assign({ ref: menuRef, css: index.__assign(index.__assign({}, actionMenuStyle), { top: "".concat(menuPosition.top, "px"), left: "".concat(menuPosition.left, "px"), transform: 'translateX(-100%)' }) }, { children: actions.map(function (action, index$1) {
-                            var _a;
-                            var buttonKey = "".concat(tableId, "_").concat(rowIndex, "_").concat(action.label);
-                            var loader = (_a = buttonLoaders[buttonKey]) === null || _a === void 0 ? void 0 : _a.loader;
                             var disabled = Object.keys(buttonLoaders).length > 0;
-                            return (index.jsxs("button", index.__assign({ type: 'button', onClick: function () { return handleActionClick(action); }, css: actionMenuItemStyle, disabled: disabled }, { children: [index.jsx("span", index.__assign({ css: { flex: 1 } }, { children: action.label })), loader && (index.jsx("div", index.__assign({ style: {
-                                            height: '16px',
-                                            width: '16px',
-                                            flexShrink: 0
-                                        } }, { children: loader })))] }), index$1));
+                            return (index.jsx("button", index.__assign({ type: 'button', onClick: function (e) {
+                                    e.stopPropagation();
+                                    handleActionClick(action);
+                                }, css: actionMenuItemStyle, disabled: disabled }, { children: action.label }), index$1));
                         }) })), index.featheryDoc().body)] })) : (actions.map(function (action, index$1) {
             var _a;
             var buttonKey = "".concat(tableId, "_").concat(rowIndex, "_").concat(action.label);

package/cjs/{fthry_index.CErXN5ib.js → fthry_index.Cpx2CFYi.js}

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