@feathery/react 2.16.4 → 2.17.1

package/cjs/{fthry_index.BgTQ1FlN.js → fthry_index.CORtDstR.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,34 +7724,25 @@ var IntegrationClient = /** @class */ (function () {
             });
         }); });
     };
-    IntegrationClient.prototype.generateQuikEnvelopes = function (action) {
+    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 payload = exports.__assign({ form_key: this.formKey, fuser_key: userId, run_async: true }, action);
-        if (action.form_fill_type === 'html' && action.review_action === 'sign') {
-            if (!action.auth_user_id) {
-                throw new Error('No connection name provided for Quik DocuSign config');
-            }
-        }
-        var fieldVal = exports.fieldValues[action.quik_tags_field_key];
-        if (action.quik_tags_field_key) {
-            if (typeof fieldVal === 'string') {
-                payload.tags = fieldVal.split(',').map(function (tag) { return tag.trim(); });
-            }
-            else if (fieldVal instanceof Array) {
-                payload.tags = fieldVal;
-            }
-            else {
-                payload.tags = [JSON.stringify(fieldVal)];
-            }
-        }
-        var url = "".concat(STATIC_URL, "quik/document/");
+        var url = "".concat(API_URL, "docusign/envelope/");
         var options = {
             headers: { 'Content-Type': 'application/json' },
             method: 'POST',
-            body: JSON.stringify(payload)
+            body: JSON.stringify({
+                fuser_key: userId,
+                form_key: this.formKey,
+                documents: documents,
+                fill_data: fillData,
+                email_subject: emailSubject,
+                email_blurb: emailBlurb,
+                signers: signers
+            })
         };
-        this._fetch(url, options, false).then(function (response) { return __awaiter$2(_this, void 0, void 0, function () {
+        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) {
@@ -7811,48 +7760,105 @@ var IntegrationClient = /** @class */ (function () {
                 }
             });
         }); });
-        return new Promise(function (resolve) {
-            var attempts = 0;
-            var maxAttempts = _this.QUIK_MAX_TIME / _this.QUIK_CHECK_INTERVAL;
-            var pollUrl = "".concat(STATIC_URL, "quik/document/poll/?fuser_key=").concat(userId);
-            var checkCompletion = function () { return __awaiter$2(_this, void 0, void 0, function () {
-                var response, _a, _b, data;
-                var _c;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
-                        case 0: return [4 /*yield*/, this._fetch(pollUrl)];
-                        case 1:
-                            response = _d.sent();
-                            if (!((response === null || response === void 0 ? void 0 : response.status) === 400)) return [3 /*break*/, 3];
-                            _a = resolve;
-                            _c = {};
-                            _b = distExports$2.parseAPIError;
-                            return [4 /*yield*/, response.json()];
-                        case 2: return [2 /*return*/, _a.apply(void 0, [(_c.error = _b.apply(void 0, [_d.sent()]), _c)])];
-                        case 3:
-                            if (!((response === null || response === void 0 ? void 0 : response.status) === 200)) return [3 /*break*/, 5];
-                            return [4 /*yield*/, response.json()];
-                        case 4:
-                            data = _d.sent();
-                            if (data.status === 'complete') {
-                                return [2 /*return*/, resolve(data)];
+    };
+    IntegrationClient.prototype.generateQuikEnvelopes = function (action) {
+        return __awaiter$2(this, void 0, void 0, function () {
+            var userId, payload, fieldVal, url, options;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        userId = initInfo().userId;
+                        payload = exports.__assign({ form_key: this.formKey, fuser_key: userId, run_async: true }, action);
+                        if (action.form_fill_type === 'html' && action.review_action === 'sign') {
+                            if (!action.auth_user_id) {
+                                throw new Error('No connection name provided for Quik DocuSign config');
+                            }
+                        }
+                        fieldVal = exports.fieldValues[action.quik_tags_field_key];
+                        if (action.quik_tags_field_key) {
+                            if (typeof fieldVal === 'string') {
+                                payload.tags = fieldVal.split(',').map(function (tag) { return tag.trim(); });
+                            }
+                            else if (fieldVal instanceof Array) {
+                                payload.tags = fieldVal;
                             }
                             else {
-                                attempts += 1;
-                                if (attempts < maxAttempts) {
-                                    setTimeout(checkCompletion, this.QUIK_CHECK_INTERVAL);
-                                }
-                                else {
-                                    console.warn('Quik document generation took too long...');
-                                    return [2 /*return*/, resolve({})];
-                                }
+                                payload.tags = [JSON.stringify(fieldVal)];
                             }
-                            _d.label = 5;
-                        case 5: return [2 /*return*/];
-                    }
-                });
-            }); };
-            setTimeout(checkCompletion, _this.QUIK_CHECK_INTERVAL); // Check every 2 seconds for a response
+                        }
+                        url = "".concat(STATIC_URL, "quik/document/");
+                        options = {
+                            headers: { 'Content-Type': 'application/json' },
+                            method: 'POST',
+                            body: JSON.stringify(payload)
+                        };
+                        return [4 /*yield*/, 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*/];
+                                    }
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, new Promise(function (resolve) {
+                                var attempts = 0;
+                                var maxAttempts = _this.QUIK_MAX_TIME / _this.QUIK_CHECK_INTERVAL;
+                                var pollUrl = "".concat(STATIC_URL, "quik/document/poll/?fuser_key=").concat(userId);
+                                var checkCompletion = function () { return __awaiter$2(_this, void 0, void 0, function () {
+                                    var response, _a, _b, data;
+                                    var _c;
+                                    return __generator(this, function (_d) {
+                                        switch (_d.label) {
+                                            case 0: return [4 /*yield*/, this._fetch(pollUrl)];
+                                            case 1:
+                                                response = _d.sent();
+                                                if (!((response === null || response === void 0 ? void 0 : response.status) === 400)) return [3 /*break*/, 3];
+                                                _a = resolve;
+                                                _c = {};
+                                                _b = distExports$2.parseAPIError;
+                                                return [4 /*yield*/, response.json()];
+                                            case 2: return [2 /*return*/, _a.apply(void 0, [(_c.error = _b.apply(void 0, [_d.sent()]), _c)])];
+                                            case 3:
+                                                if (!((response === null || response === void 0 ? void 0 : response.status) === 200)) return [3 /*break*/, 5];
+                                                return [4 /*yield*/, response.json()];
+                                            case 4:
+                                                data = _d.sent();
+                                                if (data.status === 'complete') {
+                                                    return [2 /*return*/, resolve(data)];
+                                                }
+                                                else {
+                                                    attempts += 1;
+                                                    if (attempts < maxAttempts) {
+                                                        setTimeout(checkCompletion, this.QUIK_CHECK_INTERVAL);
+                                                    }
+                                                    else {
+                                                        console.warn('Quik document generation took too long...');
+                                                        return [2 /*return*/, resolve({})];
+                                                    }
+                                                }
+                                                _d.label = 5;
+                                            case 5: return [2 /*return*/];
+                                        }
+                                    });
+                                }); };
+                                setTimeout(checkCompletion, _this.QUIK_CHECK_INTERVAL); // Check every 2 seconds for a response
+                            })];
+                    case 2: return [2 /*return*/, _a.sent()];
+                }
+            });
         });
     };
     IntegrationClient.prototype.getQuikForms = function (_a) {
@@ -20613,16 +20619,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 +21499,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 +22683,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 +39696,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 +45418,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 +45740,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 +45778,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.DUTipoT7.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.Cwoma3zP.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -45766,7 +45820,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 +45926,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.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;');
 }
 
@@ -47300,39 +47354,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.D2r7GgXn.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.Dey7yneu.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.D1TUv38t.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.BcXO_GGp.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.mMYd51S5.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.CVYjh6Zs.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.BDLQgDdz.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.C5sM9cV2.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.MrtH1Gel.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.AAoM4ARK.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.1MAhIX0W.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.B9dEQvKj.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.CkH4xfAT.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.MG424aMN.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.BMb8C3zB.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.DJnrLUVL.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.C4sU4QL2.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BigqliGp.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.DH476wYp.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.CUL8hPrE.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.B3Nxxram.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.4WkvE-YH.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.B3hbXn91.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48272,7 +48326,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.BdRhmfps.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,