@feathery/react 2.11.1 → 2.12.0

package/dist/cjs/{fthry_index.Bg1tnBes.js → fthry_index.BMq3dBRB.js}

@@ -5780,66 +5780,6 @@ function v4$1(options, buf, offset) {
   return stringify$1(rnds);
 }
 
-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 FetchError = /** @class */ (function (_super) {
-    __extends(FetchError, _super);
-    function FetchError(message, payload) {
-        if (payload === void 0) { payload = null; }
-        var _this = _super.call(this, message) || this;
-        _this.name = 'FetchError';
-        _this.payload = payload;
-        return _this;
-    }
-    return FetchError;
-}(Error));
-function parseError(err) {
-    if (Array.isArray(err) && err.length) {
-        var payloadError = err[0];
-        if (typeof payloadError === 'object' && 'message' in payloadError) {
-            return payloadError.message;
-        }
-        else
-            return 'Invalid';
-    }
-    else if (err.message || err.error)
-        return err.message || err.error;
-    else
-        return err.toString();
-}
-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);
-};
-
 function encodeGetParams(params) {
     return (Object.entries(params)
         // @ts-expect-error TS(2345): Argument of type '(uriComponent: string | number |... Remove this comment to see the full error message
@@ -5900,6 +5840,507 @@ function numMatchingItems(arr1, arr2) {
     return i;
 }
 
+var dist$2 = {};
+
+var api$1 = {};
+
+var utils = {};
+
+var error = {};
+
+var hasRequiredError;
+
+function requireError () {
+	if (hasRequiredError) return error;
+	hasRequiredError = 1;
+	Object.defineProperty(error, "__esModule", { value: true });
+	error.ValidationError = error.FetchError = void 0;
+	error.parseAPIError = parseAPIError;
+	class FetchError extends Error {
+	    constructor(message, payload = null) {
+	        super(message);
+	        this.name = 'FetchError';
+	        this.payload = payload;
+	    }
+	}
+	error.FetchError = FetchError;
+	class ValidationError extends Error {
+	    constructor(message) {
+	        super(message);
+	        this.name = 'ValidationError';
+	    }
+	}
+	error.ValidationError = ValidationError;
+	function parseAPIError(err) {
+	    if (Array.isArray(err) && err.length) {
+	        const payloadError = err[0];
+	        if (typeof payloadError === 'object' && 'message' in payloadError) {
+	            return payloadError.message;
+	        }
+	        else
+	            return 'Invalid';
+	    }
+	    else if (err.message || err.error)
+	        return err.message || err.error;
+	    else
+	        return err.toString();
+	}
+	return error;
+}
+
+var setup = {};
+
+var hasRequiredSetup;
+
+function requireSetup () {
+	if (hasRequiredSetup) return setup;
+	hasRequiredSetup = 1;
+	Object.defineProperty(setup, "__esModule", { value: true });
+	setup.S3_URL_OPTIONS = setup.CDN_URL_OPTIONS = setup.STATIC_URL_OPTIONS = setup.API_URL_OPTIONS = void 0;
+	setup.getEnvironment = getEnvironment;
+	setup.setEnvironment = setEnvironment;
+	setup.API_URL_OPTIONS = {
+	    local: 'http://localhost:8006/api/',
+	    docker: 'http://host.docker.internal:8006/api/',
+	    staging: 'https://staging.feathery.io/api/',
+	    production: 'https://api.feathery.io/api/',
+	    productionAU: 'https://api-au.feathery.io/api/',
+	    productionEU: 'https://api-eu.feathery.io/api/',
+	    productionCA: 'https://api-ca.feathery.io/api/',
+	};
+	setup.STATIC_URL_OPTIONS = {
+	    local: 'http://localhost:8006/api/',
+	    docker: 'http://host.docker.internal:8006/api/',
+	    staging: 'https://staging.feathery.io/api/',
+	    production: 'https://api-static-2.feathery.io/api/',
+	    productionAU: 'https://api-au.feathery.io/api/',
+	    productionEU: 'https://api-eu.feathery.io/api/',
+	    productionCA: 'https://api-ca.feathery.io/api/',
+	};
+	setup.CDN_URL_OPTIONS = {
+	    local: 'http://localhost:8006/api/',
+	    docker: 'http://host.docker.internal:8006/api/',
+	    staging: 'https://staging.feathery.io/api/',
+	    production: 'https://cdn.feathery.io/api/',
+	    productionAU: 'https://cdn-au.feathery.io/api/',
+	    productionEU: 'https://cdn-eu.feathery.io/api/',
+	    productionCA: 'https://cdn-ca.feathery.io/api/',
+	};
+	setup.S3_URL_OPTIONS = {
+	    local: 'http://localhost:8006',
+	    docker: 'http://host.docker.internal:8006',
+	    staging: 's3.us-west-1.amazonaws.com',
+	    production: 's3.us-west-1.amazonaws.com',
+	    productionAU: 's3.ap-southeast-2.amazonaws.com',
+	    productionEU: 's3.eu-west-1.amazonaws.com',
+	    productionCA: 's3.ca-central-1.amazonaws.com',
+	};
+	let configuredEnvironment;
+	let isClientSide = true;
+	let internalSecretKey = null;
+	function getEnvironment() {
+	    if (!configuredEnvironment)
+	        throw new Error('Environment not set');
+	    return { configuredEnvironment, isClientSide, internalSecretKey };
+	}
+	/**
+	 * Set the environment for the SDK.
+	 * @param environment - The environment to set (local, staging, production, etc.).
+	 * @param clientSide - Whether the SDK is running in the browser or server side.
+	 * @param secretKey - The secret key to use for the SDK.
+	 */
+	function setEnvironment(environment, clientSide = true, secretKey = null) {
+	    configuredEnvironment = environment;
+	    isClientSide = clientSide;
+	    internalSecretKey = secretKey;
+	}
+	return setup;
+}
+
+var hasRequiredUtils;
+
+function requireUtils () {
+	if (hasRequiredUtils) return utils;
+	hasRequiredUtils = 1;
+	Object.defineProperty(utils, "__esModule", { value: true });
+	utils.getApiUrl = getApiUrl;
+	utils.getStaticUrl = getStaticUrl;
+	utils.getCdnUrl = getCdnUrl;
+	utils.getS3Url = getS3Url;
+	utils.checkResponseSuccess = checkResponseSuccess;
+	utils.apiFetch = apiFetch;
+	utils.createHttpHelpers = createHttpHelpers;
+	const api_1 = requireApi();
+	const error_1 = requireError();
+	const setup_1 = requireSetup();
+	function getApiUrl() {
+	    const { configuredEnvironment, isClientSide } = (0, setup_1.getEnvironment)();
+	    if (configuredEnvironment === 'local' && !isClientSide)
+	        return setup_1.API_URL_OPTIONS.docker;
+	    return setup_1.API_URL_OPTIONS[configuredEnvironment];
+	}
+	function getStaticUrl() {
+	    const { configuredEnvironment, isClientSide } = (0, setup_1.getEnvironment)();
+	    if (configuredEnvironment === 'local' && !isClientSide)
+	        return setup_1.STATIC_URL_OPTIONS.docker;
+	    return setup_1.STATIC_URL_OPTIONS[configuredEnvironment];
+	}
+	function getCdnUrl() {
+	    const { configuredEnvironment, isClientSide } = (0, setup_1.getEnvironment)();
+	    if (configuredEnvironment === 'local' && !isClientSide)
+	        return setup_1.CDN_URL_OPTIONS.docker;
+	    return setup_1.CDN_URL_OPTIONS[configuredEnvironment];
+	}
+	function getS3Url() {
+	    const { configuredEnvironment, isClientSide } = (0, setup_1.getEnvironment)();
+	    if (configuredEnvironment === 'local' && !isClientSide)
+	        return setup_1.S3_URL_OPTIONS.docker;
+	    return setup_1.S3_URL_OPTIONS[configuredEnvironment];
+	}
+	async function checkResponseSuccess(response) {
+	    let payload;
+	    switch (response.status) {
+	        case 200:
+	        case 201:
+	        case 202:
+	            return;
+	        case 400:
+	            payload = JSON.stringify(await response.clone().text());
+	            throw new error_1.FetchError(payload.toString());
+	        case 404:
+	            throw new error_1.FetchError("Can't find object");
+	        case 500:
+	            throw new error_1.FetchError('Internal server error');
+	        default:
+	            throw new error_1.FetchError('Unknown error');
+	    }
+	}
+	async function apiFetch(sdkKey, url, options, parseResponse = true) {
+	    options = options ?? {};
+	    const { headers, ...otherOptions } = options;
+	    options = {
+	        cache: 'no-store',
+	        // write requests must succeed so data is tracked
+	        keepalive: ['POST', 'PATCH', 'PUT'].includes(options.method),
+	        headers: {
+	            Authorization: 'Token ' + sdkKey,
+	            ...headers,
+	        },
+	        ...otherOptions,
+	    };
+	    const { internalSecretKey } = (0, setup_1.getEnvironment)();
+	    if (internalSecretKey)
+	        options.headers['X-Lambda-Secret'] = internalSecretKey;
+	    return fetch(url, options).then(async (response) => {
+	        if (parseResponse)
+	            await checkResponseSuccess(response);
+	        return response;
+	    });
+	}
+	function createHttpHelpers(sdkKey, formId, userId, fieldValues, updateFieldData, offlineHandler) {
+	    const helpers = {};
+	    ['get', 'patch', 'post', 'put', 'delete'].forEach((method) => (helpers[method] = async (url, data, headers) => {
+	        if (!url)
+	            return {};
+	        const response = await (0, api_1.runCustomRequest)(sdkKey, formId, { method: method.toUpperCase(), url, data, headers }, userId, fieldValues, offlineHandler);
+	        if (!response)
+	            return {};
+	        if (response.field_values && updateFieldData) {
+	            updateFieldData(response.field_values);
+	        }
+	        return {
+	            data: response.data,
+	            statusCode: response.status_code,
+	            // status_code for backwards compatibility
+	            status_code: response.statusCode,
+	        };
+	    }));
+	    helpers.connect = async (name, data, headers) => {
+	        if (!name)
+	            return {};
+	        const response = await (0, api_1.runCustomRequest)(sdkKey, formId, { name, data, headers }, userId, fieldValues, offlineHandler);
+	        if (!response)
+	            return {};
+	        if (response.field_values && updateFieldData) {
+	            updateFieldData(response.field_values);
+	        }
+	        return {
+	            data: response.data,
+	            statusCode: response.status_code,
+	        };
+	    };
+	    return helpers;
+	}
+	return utils;
+}
+
+var hasRequiredApi;
+
+function requireApi () {
+	if (hasRequiredApi) return api$1;
+	hasRequiredApi = 1;
+	Object.defineProperty(api$1, "__esModule", { value: true });
+	api$1.customRolloutAction = customRolloutAction;
+	api$1.extractAIDocument = extractAIDocument;
+	api$1.pollForCompletion = pollForCompletion;
+	api$1.inviteFormCollaborator = inviteFormCollaborator;
+	api$1.sendEmail = sendEmail;
+	api$1.forwardInboxEmail = forwardInboxEmail;
+	api$1.runCustomRequest = runCustomRequest;
+	const utils_1 = requireUtils();
+	const error_1 = requireError();
+	async function customRolloutAction(sdkKey, automationIds, formId, fieldData, options, userId) {
+	    const url = `${(0, utils_1.getApiUrl)()}rollout/custom-trigger/`;
+	    if (typeof automationIds === 'string')
+	        automationIds = [automationIds];
+	    const reqOptions = {
+	        headers: { 'Content-Type': 'application/json' },
+	        method: 'POST',
+	        body: JSON.stringify({
+	            automation_ids: automationIds,
+	            sync: options.waitForCompletion ?? true,
+	            multiple: options.multiple ?? false,
+	            payload: fieldData,
+	            form_key: formId,
+	            fuser_key: userId,
+	        }),
+	    };
+	    const res = await (0, utils_1.apiFetch)(sdkKey, url, reqOptions, false);
+	    if (res && res.status === 200)
+	        return { ok: true, payload: await res.json() };
+	    else
+	        return { ok: false, error: (await res?.text()) ?? '' };
+	}
+	async function extractAIDocument(sdkKey, extractionId, options, userId, pages, triggerExtractionRunId, collaboratorId, onMeetingInfo, onStatusUpdate) {
+	    let runAsync;
+	    let variantId;
+	    let meetingUrl;
+	    if (typeof options === 'object') {
+	        runAsync = !options.waitForCompletion;
+	        pages = options.pages;
+	        variantId = options.variantId;
+	        meetingUrl = options.meetingUrl;
+	    }
+	    else {
+	        // deprecated usage, options is runAsync
+	        runAsync = options;
+	    }
+	    const data = {
+	        fuser_key: userId,
+	        extraction_id: extractionId,
+	        extraction_variant_id: variantId,
+	        trigger_extraction_run_id: triggerExtractionRunId,
+	        pages,
+	        meeting_url: meetingUrl,
+	        collaborator_user: collaboratorId,
+	    };
+	    const res = await (0, utils_1.apiFetch)(sdkKey, `${(0, utils_1.getStaticUrl)()}ai/vision/`, {
+	        headers: { 'Content-Type': 'application/json' },
+	        method: 'POST',
+	        body: JSON.stringify(data),
+	    });
+	    if (runAsync)
+	        return {};
+	    const response = await res?.json();
+	    if (response?.meeting_info) {
+	        onMeetingInfo?.();
+	        return {};
+	    }
+	    const pollUrl = `${(0, utils_1.getStaticUrl)()}ai/vision/completion/?fid=${userId}&eid=${extractionId}&evid=${variantId ?? ''}`;
+	    const CHECK_INTERVAL = 2000;
+	    const MAX_TIME = 3 * 60 * 1000;
+	    return await pollForCompletion(sdkKey, pollUrl, CHECK_INTERVAL, MAX_TIME, 'Extraction', onStatusUpdate);
+	}
+	async function pollForCompletion(sdkKey, pollUrl, checkInterval, maxTime, operationName = 'Operation', onStatusUpdate) {
+	    return new Promise((resolve) => {
+	        let attempts = 0;
+	        const maxAttempts = maxTime / checkInterval;
+	        const checkCompletion = async () => {
+	            const response = await (0, utils_1.apiFetch)(sdkKey, pollUrl, { method: 'GET' }, false);
+	            if (!response)
+	                return;
+	            const data = await response.json();
+	            if (onStatusUpdate) {
+	                onStatusUpdate(data);
+	            }
+	            if (response.ok) {
+	                if (data.status === 'complete') {
+	                    return resolve(data);
+	                }
+	                else {
+	                    attempts += 1;
+	                    if (attempts < maxAttempts) {
+	                        setTimeout(checkCompletion, checkInterval);
+	                    }
+	                    else {
+	                        const message = `${operationName} took too long...`;
+	                        console.error(message);
+	                        return resolve({ status: 'error', message });
+	                    }
+	                }
+	            }
+	            else {
+	                const message = (0, error_1.parseAPIError)(data);
+	                console.error(message);
+	                if (onStatusUpdate) {
+	                    onStatusUpdate({ error: message });
+	                }
+	                return resolve({ status: 'error', message });
+	            }
+	        };
+	        // check every few seconds for a response
+	        setTimeout(checkCompletion, checkInterval);
+	    });
+	}
+	async function inviteFormCollaborator(sdkKey, formId, templateId, usersGroups, userId, collaboratorId) {
+	    const data = {
+	        form_key: formId,
+	        fuser_key: userId,
+	        users_groups: usersGroups,
+	        template_id: templateId,
+	        collaborator_user: collaboratorId,
+	    };
+	    return (0, utils_1.apiFetch)(sdkKey, `${(0, utils_1.getApiUrl)()}collaborator/invite/`, {
+	        headers: { 'Content-Type': 'application/json' },
+	        method: 'POST',
+	        body: JSON.stringify(data),
+	    }, false).then(async (response) => {
+	        if (response) {
+	            if (response && response.status === 201)
+	                return { ok: true, payload: await response.json() };
+	            else
+	                return { ok: false, error: (await response?.text()) ?? '' };
+	        }
+	    });
+	}
+	async function sendEmail(sdkKey, userId, formId, templateId, skipPfd = false) {
+	    const url = `${(0, utils_1.getApiUrl)()}email/logic-rule/`;
+	    const options = {
+	        headers: { 'Content-Type': 'application/json' },
+	        method: 'POST',
+	        body: JSON.stringify({
+	            template_id: templateId,
+	            form_key: formId,
+	            fuser_key: userId,
+	            skip_pfd: skipPfd,
+	        }),
+	    };
+	    return await (0, utils_1.apiFetch)(sdkKey, url, options, false);
+	}
+	async function forwardInboxEmail(sdkKey, userId, emailGroup, extractionRunId, emailMessageId, allGroups) {
+	    const recipients = allGroups?.find((group) => group.name === emailGroup)?.emails ?? [];
+	    const url = `${(0, utils_1.getApiUrl)()}email/forward/`;
+	    if (recipients.length === 0) {
+	        throw new error_1.ValidationError(`No recipients found for email group: ${emailGroup}`);
+	    }
+	    const options = {
+	        headers: { 'Content-Type': 'application/json' },
+	        method: 'POST',
+	        body: JSON.stringify({
+	            email_message_id: emailMessageId,
+	            recipients,
+	            extraction_run_id: extractionRunId,
+	            user_id: userId,
+	            email_group: emailGroup,
+	        }),
+	    };
+	    await (0, utils_1.apiFetch)(sdkKey, url, options);
+	}
+	function runCustomRequest(sdkKey, formId, payload, userId, fieldValues, offlineHandler) {
+	    const data = {
+	        fuser_key: userId,
+	        form_key: formId,
+	        name: payload.name,
+	        method: payload.method,
+	        url: payload.url,
+	        user_data: payload.data,
+	        headers: payload.headers,
+	        field_values: fieldValues,
+	    };
+	    const url = `${(0, utils_1.getStaticUrl)()}custom_request/`;
+	    const options = {
+	        headers: { 'Content-Type': 'application/json' },
+	        method: 'POST',
+	        body: JSON.stringify(data),
+	        keepalive: false,
+	    };
+	    const run = () => (0, utils_1.apiFetch)(sdkKey, url, options).then((response) => (response ? response.json() : Promise.resolve()));
+	    if (payload.method === 'GET' || !offlineHandler)
+	        return run();
+	    return offlineHandler(run, url, options, 'customRequest');
+	}
+	return api$1;
+}
+
+var hasRequiredDist$2;
+
+function requireDist$2 () {
+	if (hasRequiredDist$2) return dist$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;
+		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; } });
+		Object.defineProperty(exports$1, "forwardInboxEmail", { enumerable: true, get: function () { return api_1.forwardInboxEmail; } });
+		Object.defineProperty(exports$1, "inviteFormCollaborator", { enumerable: true, get: function () { return api_1.inviteFormCollaborator; } });
+		Object.defineProperty(exports$1, "pollForCompletion", { enumerable: true, get: function () { return api_1.pollForCompletion; } });
+		Object.defineProperty(exports$1, "sendEmail", { enumerable: true, get: function () { return api_1.sendEmail; } });
+		var utils_1 = requireUtils();
+		Object.defineProperty(exports$1, "apiFetch", { enumerable: true, get: function () { return utils_1.apiFetch; } });
+		Object.defineProperty(exports$1, "checkResponseSuccess", { enumerable: true, get: function () { return utils_1.checkResponseSuccess; } });
+		Object.defineProperty(exports$1, "createHttpHelpers", { enumerable: true, get: function () { return utils_1.createHttpHelpers; } });
+		Object.defineProperty(exports$1, "getApiUrl", { enumerable: true, get: function () { return utils_1.getApiUrl; } });
+		Object.defineProperty(exports$1, "getStaticUrl", { enumerable: true, get: function () { return utils_1.getStaticUrl; } });
+		Object.defineProperty(exports$1, "getCdnUrl", { enumerable: true, get: function () { return utils_1.getCdnUrl; } });
+		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, "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; } }); 
+	} (dist$2));
+	return dist$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 () {
@@ -5928,7 +6369,7 @@ function checkResponseSuccess(response) {
                     console.error(payload.toString());
                     return [2 /*return*/];
                 case 4: throw new SDKKeyError();
-                case 5: throw new FetchError("Can't find object");
+                case 5: throw new distExports$2.FetchError("Can't find object");
                 case 6:
                     // prevent multiple 409s from displaying multiple alerts
                     if (conflictAlertShown)
@@ -5939,8 +6380,8 @@ function checkResponseSuccess(response) {
                     featheryWindow().alert('This form has been updated. Please fill it out again.');
                     location.reload();
                     return [2 /*return*/];
-                case 7: throw new FetchError('Internal server error');
-                case 8: throw new FetchError('Unknown error');
+                case 7: throw new distExports$2.FetchError('Internal server error');
+                case 8: throw new distExports$2.FetchError('Unknown error');
             }
         });
     });
@@ -6891,26 +7332,7 @@ var IntegrationClient = /** @class */ (function () {
         if (parseResponse === void 0) { parseResponse = true; }
         if (propagateNetworkErrors === void 0) { propagateNetworkErrors = false; }
         var sdkKey = initInfo().sdkKey;
-        options = options !== null && options !== void 0 ? options : {};
-        var headers = options.headers, otherOptions = __rest$1(options, ["headers"]);
-        options = exports.__assign({ cache: 'no-store', 
-            // Write requests must succeed so data is tracked
-            keepalive: ['POST', 'PATCH', 'PUT'].includes(options.method), headers: exports.__assign({ Authorization: 'Token ' + sdkKey }, headers) }, otherOptions);
-        return fetch(url, options)
-            .then(function (response) { return __awaiter$2(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!parseResponse) return [3 /*break*/, 2];
-                        return [4 /*yield*/, checkResponseSuccess(response)];
-                    case 1:
-                        _a.sent();
-                        _a.label = 2;
-                    case 2: return [2 /*return*/, response];
-                }
-            });
-        }); })
-            .catch(function (e) {
+        return distExports$2.apiFetch(sdkKey, url, options, parseResponse).catch(function (e) {
             var _a;
             // Ignore TypeErrors if form has redirected because `fetch` in
             // Safari will error after redirect
@@ -6941,7 +7363,7 @@ var IntegrationClient = /** @class */ (function () {
                         payload = _a.sent();
                         if ((res === null || res === void 0 ? void 0 : res.status) === 200)
                             return [2 /*return*/, { token: payload.link_token }];
-                        return [2 /*return*/, { err: parseError(payload) || 'Ran into an error' }];
+                        return [2 /*return*/, { err: distExports$2.parseAPIError(payload) || 'Ran into an error' }];
                 }
             });
         });
@@ -7215,7 +7637,7 @@ var IntegrationClient = /** @class */ (function () {
                                 case 1: return [2 /*return*/, _c.sent()];
                                 case 2:
                                     _a = Error;
-                                    _b = parseError;
+                                    _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*/];
@@ -7254,7 +7676,7 @@ var IntegrationClient = /** @class */ (function () {
                                 case 1: return [2 /*return*/, _c.sent()];
                                 case 2:
                                     _a = Error;
-                                    _b = parseError;
+                                    _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*/];
@@ -7292,7 +7714,7 @@ var IntegrationClient = /** @class */ (function () {
                                 case 1: return [2 /*return*/, _c.sent()];
                                 case 2:
                                     _a = Error;
-                                    _b = parseError;
+                                    _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*/];
@@ -7302,66 +7724,10 @@ var IntegrationClient = /** @class */ (function () {
             });
         });
     };
-    IntegrationClient.prototype.pollForCompletion = function (_a) {
-        var pollUrl = _a.pollUrl, checkInterval = _a.checkInterval, maxTime = _a.maxTime, onStatusUpdate = _a.onStatusUpdate, _b = _a.operationName, operationName = _b === void 0 ? 'Operation' : _b;
-        return __awaiter$2(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_c) {
-                return [2 /*return*/, new Promise(function (resolve) {
-                        var attempts = 0;
-                        var maxAttempts = maxTime / checkInterval;
-                        var checkCompletion = function () { return __awaiter$2(_this, void 0, void 0, function () {
-                            var response, data, message, message;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, this._fetch(pollUrl, {}, false)];
-                                    case 1:
-                                        response = _a.sent();
-                                        if (!response)
-                                            return [2 /*return*/];
-                                        return [4 /*yield*/, response.json()];
-                                    case 2:
-                                        data = _a.sent();
-                                        if (onStatusUpdate) {
-                                            onStatusUpdate(data);
-                                        }
-                                        if (response.ok) {
-                                            if (data.status === 'complete') {
-                                                return [2 /*return*/, resolve(data)];
-                                            }
-                                            else {
-                                                attempts += 1;
-                                                if (attempts < maxAttempts) {
-                                                    setTimeout(checkCompletion, checkInterval);
-                                                }
-                                                else {
-                                                    message = "".concat(operationName, " took too long...");
-                                                    console.error(message);
-                                                    return [2 /*return*/, resolve({ status: 'error', message: message })];
-                                                }
-                                            }
-                                        }
-                                        else {
-                                            message = parseError(data);
-                                            console.error(message);
-                                            if (onStatusUpdate) {
-                                                onStatusUpdate({ error: message });
-                                            }
-                                            return [2 /*return*/, resolve({ status: 'error', message: message })];
-                                        }
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); };
-                        setTimeout(checkCompletion, checkInterval);
-                    })];
-            });
-        });
-    };
     IntegrationClient.prototype.generateEnvelopes = function (action) {
         var _this = this;
         var _a, _b, _c;
-        var userId = initInfo().userId;
+        var _d = initInfo(), userId = _d.userId, sdkKey = _d.sdkKey;
         var signer = exports.fieldValues[action.envelope_signer_field_key];
         var runAsync = (_a = action.run_async) !== null && _a !== void 0 ? _a : true;
         var documents = (_b = action.documents) !== null && _b !== void 0 ? _b : [];
@@ -7392,14 +7758,9 @@ var IntegrationClient = /** @class */ (function () {
                         if (!runAsync || data.files)
                             return [2 /*return*/, data];
                         pollUrl = "".concat(API_URL, "document/form/generate/poll/?fid=").concat(userId, "&dids=").concat(documents);
-                        return [4 /*yield*/, this.pollForCompletion({
-                                pollUrl: pollUrl,
-                                checkInterval: this.ENVELOPE_CHECK_INTERVAL,
-                                maxTime: this.ENVELOPE_MAX_TIME,
-                                operationName: 'Envelope generation'
-                            })];
+                        return [4 /*yield*/, distExports$2.pollForCompletion(sdkKey, pollUrl, this.ENVELOPE_CHECK_INTERVAL, this.ENVELOPE_MAX_TIME, 'Envelope generation')];
                     case 2: return [2 /*return*/, _a.sent()];
-                    case 3: throw Error(parseError(data));
+                    case 3: throw Error(distExports$2.parseAPIError(data));
                     case 4: return [2 /*return*/];
                 }
             });
@@ -7443,7 +7804,7 @@ var IntegrationClient = /** @class */ (function () {
                     case 1: return [2 /*return*/, _c.sent()];
                     case 2:
                         _a = Error;
-                        _b = parseError;
+                        _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*/];
@@ -7465,7 +7826,7 @@ var IntegrationClient = /** @class */ (function () {
                             if (!((response === null || response === void 0 ? void 0 : response.status) === 400)) return [3 /*break*/, 3];
                             _a = resolve;
                             _c = {};
-                            _b = parseError;
+                            _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:
@@ -7547,7 +7908,7 @@ var IntegrationClient = /** @class */ (function () {
                             return [4 /*yield*/, response.json()];
                         case 2:
                             errorData = _a.sent();
-                            return [2 /*return*/, resolve({ error: parseError(errorData) })];
+                            return [2 /*return*/, resolve({ error: distExports$2.parseAPIError(errorData) })];
                         case 3:
                             if (!((response === null || response === void 0 ? void 0 : response.status) === 200)) return [3 /*break*/, 5];
                             return [4 /*yield*/, response.json()];
@@ -7642,7 +8003,7 @@ var IntegrationClient = /** @class */ (function () {
                         return [2 /*return*/, finalStatus];
                     case 6:
                         _b = Error;
-                        _c = parseError;
+                        _c = distExports$2.parseAPIError;
                         return [4 /*yield*/, finalResponse.json()];
                     case 7: throw _b.apply(void 0, [_c.apply(void 0, [_d.sent()])]);
                     case 8: return [2 /*return*/, false];
@@ -7731,7 +8092,7 @@ var IntegrationClient = /** @class */ (function () {
                         return [2 /*return*/, otpStatus];
                     case 3:
                         _a = Error;
-                        _b = parseError;
+                        _b = distExports$2.parseAPIError;
                         return [4 /*yield*/, response.json()];
                     case 4: throw _a.apply(void 0, [_b.apply(void 0, [_c.sent()])]);
                     case 5: return [2 /*return*/];
@@ -7741,24 +8102,14 @@ var IntegrationClient = /** @class */ (function () {
     };
     IntegrationClient.prototype.sendEmail = function (templateId) {
         return __awaiter$2(this, void 0, void 0, function () {
-            var userId, url, options;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, userId, sdkKey;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        userId = initInfo().userId;
-                        url = "".concat(API_URL, "email/logic-rule/");
-                        options = {
-                            headers: { 'Content-Type': 'application/json' },
-                            method: 'POST',
-                            body: JSON.stringify({
-                                template_id: templateId,
-                                form_key: this.formKey,
-                                fuser_key: userId
-                            })
-                        };
-                        return [4 /*yield*/, this._fetch(url, options, false)];
+                        _a = initInfo(), userId = _a.userId, sdkKey = _a.sdkKey;
+                        return [4 /*yield*/, distExports$2.sendEmail(sdkKey, userId !== null && userId !== void 0 ? userId : '', this.formKey, templateId)];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         return [2 /*return*/];
                 }
             });
@@ -7900,43 +8251,16 @@ var IntegrationClient = /** @class */ (function () {
         });
     };
     IntegrationClient.prototype.customRolloutAction = function (automationIds, options) {
-        var _a, _b, _c;
         return __awaiter$2(this, void 0, void 0, function () {
-            var userId, url, reqOptions, res;
-            var _d, _e;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
+            var _a, userId, sdkKey;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        userId = initInfo().userId;
-                        url = "".concat(API_URL, "rollout/custom-trigger/");
-                        if (typeof automationIds === 'string')
-                            automationIds = [automationIds];
-                        reqOptions = {
-                            headers: { 'Content-Type': 'application/json' },
-                            method: 'POST',
-                            body: JSON.stringify({
-                                automation_ids: automationIds,
-                                sync: (_a = options.waitForCompletion) !== null && _a !== void 0 ? _a : true,
-                                multiple: (_b = options.multiple) !== null && _b !== void 0 ? _b : false,
-                                payload: exports.fieldValues,
-                                form_key: this.formKey,
-                                fuser_key: userId
-                            })
-                        };
+                        _a = initInfo(), userId = _a.userId, sdkKey = _a.sdkKey;
                         return [4 /*yield*/, this.submitQueue];
                     case 1:
-                        _f.sent();
-                        return [4 /*yield*/, this._fetch(url, reqOptions, false)];
-                    case 2:
-                        res = _f.sent();
-                        if (!(res && res.status === 200)) return [3 /*break*/, 4];
-                        _d = { ok: true };
-                        return [4 /*yield*/, res.json()];
-                    case 3: return [2 /*return*/, (_d.payload = _f.sent(), _d)];
-                    case 4:
-                        _e = { ok: false };
-                        return [4 /*yield*/, (res === null || res === void 0 ? void 0 : res.text())];
-                    case 5: return [2 /*return*/, (_e.error = (_c = (_f.sent())) !== null && _c !== void 0 ? _c : '', _e)];
+                        _b.sent();
+                        return [2 /*return*/, distExports$2.customRolloutAction(sdkKey, automationIds, this.formKey, exports.fieldValues, options, userId)];
                 }
             });
         });
@@ -17052,10 +17376,9 @@ var BASE64_REGEX = /(data:image\/(png|jpg|jpeg);base64,)([0-9a-zA-Z+/]{4})*(([0-
 function getThumbnailType(file) {
     var thumbnailType = THUMBNAIL_TYPE.UNKNOWN;
     if (file) {
-        // TIFF images are not supported by most browsers' <img> tag,
-        // so treat them as unknown (display filename only)
-        // Covers: image/tiff, image/x-tiff, image/tif
-        if (/image\//.test(file.type) && !/image\/(?:x-)?tiff?/i.test(file.type)) {
+        // Allow all image/*; unsupported ones (e.g., TIFF, HEIC off Safari)
+        // will fall back via the <img> onError handler in FileUploadField
+        if (/image\//.test(file.type)) {
             thumbnailType = THUMBNAIL_TYPE.IMAGE;
         }
         else if (/application\/pdf/.test(file.type)) {
@@ -42276,66 +42599,28 @@ function loadQRScanner() {
     exports.qrPromise = dynamicImport(QR_SCANNER_LIB_URL);
 }
 
-var API_URL_OPTIONS = {
-    local: 'http://localhost:8006/api/',
-    staging: 'https://staging.feathery.io/api/',
-    production: 'https://api.feathery.io/api/',
-    productionAU: 'https://api-au.feathery.io/api/',
-    productionEU: 'https://api-eu.feathery.io/api/',
-    productionCA: 'https://api-ca.feathery.io/api/'
-};
-var CDN_URL_OPTIONS = {
-    local: 'http://localhost:8006/api/',
-    staging: 'https://staging.feathery.io/api/',
-    production: 'https://cdn.feathery.io/api/',
-    productionAU: 'https://cdn-au.feathery.io/api/',
-    productionEU: 'https://cdn-eu.feathery.io/api/',
-    productionCA: 'https://cdn-ca.feathery.io/api/'
-};
-var STATIC_URL_OPTIONS = {
-    local: 'http://localhost:8006/api/',
-    staging: 'https://staging.feathery.io/api/',
-    production: 'https://api-static-2.feathery.io/api/',
-    productionAU: 'https://api-au.feathery.io/api/',
-    productionEU: 'https://api-eu.feathery.io/api/',
-    productionCA: 'https://api-ca.feathery.io/api/'
-};
-var S3_URL_OPTIONS = {
-    local: 'http://localhost:8006',
-    staging: 's3.us-west-1.amazonaws.com',
-    production: 's3.us-west-1.amazonaws.com',
-    productionAU: 's3.ap-southeast-2.amazonaws.com',
-    productionEU: 's3.eu-west-1.amazonaws.com',
-    productionCA: 's3.ca-central-1.amazonaws.com'
-};
-var environment = 'production';
+distExports$2.setEnvironment('production');
 try {
-    environment = (process.env.BACKEND_ENV || 'production');
+    distExports$2.setEnvironment((process.env.BACKEND_ENV || 'production'));
 }
 catch (e) { } // process.env won't exist in production build
-var API_URL = API_URL_OPTIONS[environment];
-var CDN_URL = CDN_URL_OPTIONS[environment];
-var STATIC_URL = STATIC_URL_OPTIONS[environment];
-var S3_URL = S3_URL_OPTIONS[environment];
+var API_URL = distExports$2.getApiUrl();
+var CDN_URL = distExports$2.getCdnUrl();
+var STATIC_URL = distExports$2.getStaticUrl();
+var S3_URL = distExports$2.getS3Url();
 var updateRegionApiUrls = function (region) {
-    if (region === 'au') {
-        CDN_URL = CDN_URL_OPTIONS.productionAU;
-        API_URL = API_URL_OPTIONS.productionAU;
-        STATIC_URL = STATIC_URL_OPTIONS.productionAU;
-        S3_URL = S3_URL_OPTIONS.productionAU;
-    }
-    else if (region === 'eu') {
-        CDN_URL = CDN_URL_OPTIONS.productionEU;
-        API_URL = API_URL_OPTIONS.productionEU;
-        STATIC_URL = STATIC_URL_OPTIONS.productionEU;
-        S3_URL = S3_URL_OPTIONS.productionEU;
-    }
-    else if (region === 'ca') {
-        CDN_URL = CDN_URL_OPTIONS.productionCA;
-        API_URL = API_URL_OPTIONS.productionCA;
-        STATIC_URL = STATIC_URL_OPTIONS.productionCA;
-        S3_URL = S3_URL_OPTIONS.productionCA;
-    }
+    var environmentMap = {
+        au: 'productionAU',
+        ca: 'productionCA',
+        eu: 'productionEU'
+    };
+    if (!environmentMap[region])
+        return;
+    distExports$2.setEnvironment(environmentMap[region]);
+    API_URL = distExports$2.getApiUrl();
+    CDN_URL = distExports$2.getCdnUrl();
+    STATIC_URL = distExports$2.getStaticUrl();
+    S3_URL = distExports$2.getS3Url();
 };
 /**
  * The number of milliseconds waited until another submitCustom call
@@ -43143,39 +43428,6 @@ var FeatheryClient = /** @class */ (function (_super) {
             });
         });
     };
-    // Logic custom APIs
-    FeatheryClient.prototype.runCustomRequest = function (payload, fieldValues) {
-        var _this = this;
-        if (fieldValues === void 0) { fieldValues = null; }
-        var userId = initInfo().userId;
-        var data = {
-            fuser_key: userId,
-            form_key: this.formKey,
-            name: payload.name,
-            method: payload.method,
-            url: payload.url,
-            user_data: payload.data,
-            headers: payload.headers
-        };
-        if (fieldValues) {
-            data.field_values = fieldValues;
-        }
-        var url = "".concat(STATIC_URL, "custom_request/");
-        var options = {
-            headers: { 'Content-Type': 'application/json' },
-            method: 'POST',
-            body: JSON.stringify(data),
-            keepalive: false
-        };
-        var run = function () {
-            return _this._fetch(url, options).then(function (response) {
-                return response ? response.json() : Promise.resolve();
-            });
-        };
-        if (payload.method === 'GET')
-            return run();
-        return this.offlineRequestHandler.runOrSaveRequest(run, url, options, 'customRequest');
-    };
     FeatheryClient.prototype.runServerSideLogicRule = function (id) {
         var userId = initInfo().userId;
         var data = {
@@ -43198,54 +43450,13 @@ var FeatheryClient = /** @class */ (function (_super) {
     FeatheryClient.prototype.runAIExtraction = function (_a) {
         var extractionId = _a.extractionId, options = _a.options, pages = _a.pages, setPollFuserData = _a.setPollFuserData, onStatusUpdate = _a.onStatusUpdate;
         return __awaiter$2(this, void 0, void 0, function () {
-            var runAsync, variantId, meetingUrl, _b, userId, collaboratorId, data, res, response, pollUrl;
+            var _b, userId, sdkKey, collaboratorId;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        if (typeof options === 'object') {
-                            runAsync = !options.waitForCompletion;
-                            pages = options.pages;
-                            variantId = options.variantId;
-                            meetingUrl = options.meetingUrl || undefined;
-                        }
-                        else {
-                            // deprecated usage, options is waitForCompletion
-                            runAsync = !options;
-                        }
-                        _b = initInfo(), userId = _b.userId, collaboratorId = _b.collaboratorId;
-                        data = {
-                            fuser_key: userId,
-                            collaborator_user: collaboratorId,
-                            extraction_id: extractionId,
-                            extraction_variant_id: variantId,
-                            pages: pages,
-                            meeting_url: meetingUrl
-                        };
-                        return [4 /*yield*/, this._fetch("".concat(STATIC_URL, "ai/vision/"), {
-                                headers: { 'Content-Type': 'application/json' },
-                                method: 'POST',
-                                body: JSON.stringify(data)
-                            })];
-                    case 1:
-                        res = _c.sent();
-                        return [4 /*yield*/, (res === null || res === void 0 ? void 0 : res.json())];
-                    case 2:
-                        response = _c.sent();
-                        if (runAsync)
-                            return [2 /*return*/, {}];
-                        if (response.meeting_info) {
-                            setPollFuserData(true);
-                            return [2 /*return*/, {}];
-                        }
-                        pollUrl = "".concat(STATIC_URL, "ai/vision/completion/?fid=").concat(userId, "&eid=").concat(extractionId, "&evid=").concat(variantId !== null && variantId !== void 0 ? variantId : '');
-                        return [4 /*yield*/, this.pollForCompletion({
-                                pollUrl: pollUrl,
-                                checkInterval: this.AI_CHECK_INTERVAL,
-                                maxTime: this.AI_MAX_TIME,
-                                onStatusUpdate: onStatusUpdate,
-                                operationName: 'Extraction'
-                            })];
-                    case 3: return [2 /*return*/, _c.sent()];
+                        _b = initInfo(), userId = _b.userId, sdkKey = _b.sdkKey, collaboratorId = _b.collaboratorId;
+                        return [4 /*yield*/, distExports$2.extractAIDocument(sdkKey, extractionId, options, userId, pages, undefined, collaboratorId, function () { return setPollFuserData === null || setPollFuserData === void 0 ? void 0 : setPollFuserData(true); }, onStatusUpdate)];
+                    case 1: return [2 /*return*/, _c.sent()];
                 }
             });
         });
@@ -43295,41 +43506,20 @@ var FeatheryClient = /** @class */ (function (_super) {
     };
     FeatheryClient.prototype.inviteCollaborator = function (usersGroups, templateId) {
         return __awaiter$2(this, void 0, void 0, function () {
-            var _a, userId, collaboratorId, data, url;
-            var _this = this;
+            var _a, userId, collaboratorId, sdkKey, res;
             return __generator(this, function (_b) {
-                _a = initInfo(), userId = _a.userId, collaboratorId = _a.collaboratorId;
-                data = {
-                    form_key: this.formKey,
-                    fuser_key: userId,
-                    users_groups: usersGroups,
-                    template_id: templateId
-                };
-                if (collaboratorId)
-                    data.collaborator_user = collaboratorId;
-                url = "".concat(API_URL, "collaborator/invite/");
-                return [2 /*return*/, this._fetch(url, {
-                        headers: { 'Content-Type': 'application/json' },
-                        method: 'POST',
-                        body: JSON.stringify(data)
-                    }, 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 = parseError;
-                                    return [4 /*yield*/, response.json()];
-                                case 3: throw _a.apply(void 0, [_b.apply(void 0, [_c.sent()])]);
-                                case 4: return [2 /*return*/];
-                            }
-                        });
-                    }); })];
+                switch (_b.label) {
+                    case 0:
+                        _a = initInfo(), userId = _a.userId, collaboratorId = _a.collaboratorId, sdkKey = _a.sdkKey;
+                        return [4 /*yield*/, distExports$2.inviteFormCollaborator(sdkKey, this.formKey, templateId, usersGroups, userId, collaboratorId)];
+                    case 1:
+                        res = _b.sent();
+                        if (res && res.ok) {
+                            return [2 /*return*/, res];
+                        }
+                        else
+                            throw Error(distExports$2.parseAPIError(res));
+                }
             });
         });
     };
@@ -43363,7 +43553,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                                 case 1: return [2 /*return*/, _c.sent()];
                                 case 2:
                                     _a = Error;
-                                    _b = parseError;
+                                    _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*/];
@@ -43400,7 +43590,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                                 case 1: return [2 /*return*/, _c.sent()];
                                 case 2:
                                     _a = Error;
-                                    _b = parseError;
+                                    _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*/];
@@ -43446,7 +43636,7 @@ var FeatheryClient = /** @class */ (function (_super) {
                                 case 3: return [2 /*return*/, { files: files }];
                                 case 4:
                                     _a = Error;
-                                    _b = parseError;
+                                    _b = distExports$2.parseAPIError;
                                     return [4 /*yield*/, response.json()];
                                 case 5: throw _a.apply(void 0, [_b.apply(void 0, [_c.sent()])]);
                                 case 6: return [2 /*return*/];
@@ -43562,9 +43752,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.6P1NJRwv.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.rT4Hk6hO.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.z-pzQOVm.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BpYY6eaS.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -43710,7 +43900,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.11.1" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.12.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;');
 }
 
@@ -44057,63 +44247,13 @@ function isElementInViewport(el) {
         rect.right <= width);
 }
 function httpHelpers(client, connectorFields) {
-    var _this = this;
     if (connectorFields === void 0) { connectorFields = []; }
-    var helpers = {};
-    [
-        'GET',
-        'get',
-        'PATCH',
-        'patch',
-        'POST',
-        'post',
-        'PUT',
-        'put',
-        'DELETE',
-        'delete'
-    ].forEach(function (method) {
-        return (helpers[method] = function (url, data, headers) { return __awaiter$2(_this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!url)
-                            return [2 /*return*/, {}];
-                        return [4 /*yield*/, client.runCustomRequest({ method: method.toUpperCase(), url: url, data: data, headers: headers }, getConnectorFieldValues(connectorFields))];
-                    case 1:
-                        response = _a.sent();
-                        return [2 /*return*/, {
-                                data: response.data,
-                                statusCode: response.status_code,
-                                // status_code for backwards compatibility
-                                status_code: response.statusCode
-                            }];
-                }
-            });
-        }); });
-    });
-    helpers.connect = function (name, data, headers) { return __awaiter$2(_this, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!name)
-                        return [2 /*return*/, {}];
-                    return [4 /*yield*/, client.runCustomRequest({ name: name, data: data, headers: headers }, getConnectorFieldValues(connectorFields))];
-                case 1:
-                    response = _a.sent();
-                    if (response === null || response === void 0 ? void 0 : response.field_values)
-                        // skip server submit when setting field values here
-                        // because these values were just created on the server
-                        setFieldValues(response === null || response === void 0 ? void 0 : response.field_values, true, true);
-                    return [2 /*return*/, {
-                            data: response.data,
-                            statusCode: response.status_code
-                        }];
-            }
-        });
-    }); };
-    return helpers;
+    var _a = initInfo(), sdkKey = _a.sdkKey, userId = _a.userId;
+    return distExports$2.createHttpHelpers(sdkKey, client.formKey, userId, getConnectorFieldValues(connectorFields), function (fieldValues) {
+        // skip server submit when setting field values here
+        // because these values were just created on the server
+        setFieldValues(fieldValues, true, true);
+    }, client.offlineRequestHandler.runOrSaveRequest.bind(client.offlineRequestHandler));
 }
 
 function runningInClient() {
@@ -45182,39 +45322,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.BWxbbmA2.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BOdVGl5l.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.HrTSyg9B.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.CcgrLEuS.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BpPVWOqt.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.B8m8NcYS.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CKUbCvsH.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.e1NDYANz.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.B61Fc5yV.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.ClWRtApG.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CpHzsH9n.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.DBr9A2ZJ.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.rFGfbGIk.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CxZygKnY.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.JnLQZ_md.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.iaUi_vwz.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DD21qdc8.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CuICsq3u.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.BD1AaCkS.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.C5e1CIOA.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.EgnUQ81x.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.DM58Cupo.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.CRJbToBF.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CVGTkuBu.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CoByJr6K.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.ClmgrMDW.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.gF97kiKa.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.CoeM5YQu.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.Bz00U1qW.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.Ce9wiHSK.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.x3WPDwFM.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.CX0W0jE1.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BT4rLIaG.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.BrzbrcQa.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.C67RyE6s.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.D-DmJrvp.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.CEvNFKQL.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.B1HntmiS.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.CyKbm52O.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.CpIBnF75.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.CmHODiIC.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.C8jtezTq.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.D94gkYbC.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.CdGAa2gf.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -45303,7 +45443,7 @@ function applyFieldStyles$1(field, styles) {
             styles.applyBoxShadow('field');
             break;
         case 'file_upload':
-            styles.addTargets('ac', 'add', 'filename');
+            styles.addTargets('ac', 'add');
             styles.applyHeight('ac');
             if (field.servar.metadata.multiple) {
                 styles.apply('field', 'padding_bottom', function (a) { return ({
@@ -45315,9 +45455,6 @@ function applyFieldStyles$1(field, styles) {
             styles.applyCorners('field');
             styles.applyBoxShadow('field');
             styles.applyColor('field', 'background_color', 'backgroundColor');
-            // filename target: only font styles + background for the filename span
-            styles.applyFontStyles('filename');
-            styles.applyColor('filename', 'background_color', 'backgroundColor');
             styles.applyColor('ac', 'background_color', 'backgroundColor');
             styles.applyBorders({ target: 'ac' });
             styles.applyCorners('ac');