@dev-fastn-ai/react-core 2.3.5 → 2.3.7

package/dist/index.cjs.js

@@ -5,1664 +5,10 @@ var react = require('react');
 var reactQuery = require('@tanstack/react-query');
 var core = require('@dev-fastn-ai/core');
 
-const REQUEST_TRACE_ID_HEADER_KEY = 'x-fastn-request-trace-id';
-const PROJECT_ID_HEADER_KEY = 'x-fastn-space-id';
-const TENANT_ID_HEADER_KEY = 'x-fastn-space-tenantid';
-const REALM = 'fastn';
-const DEFAULT_BASE_URL = 'https://live.fastn.ai/api';
-const PROD_OAUTH_REDIRECT_URL = 'https://oauth.live.fastn.ai';
-const CUSTOM_AUTH_CONTEXT_HEADER_KEY = 'x-fastn-custom-auth-context';
-const CUSTOM_AUTH_HEADER_KEY = 'x-fastn-custom-auth';
-const GOOGLE_FILES_PICKER_API_KEY = "AIzaSyClOJ0PYR0NJJkE79VLpKGOjgABbhjj9x4";
-const ACTIVATE_CONNECTOR_ACCESS_KEY = "7e9456eb-5fa1-44ca-8464-d63eb4a1c9a8";
-const ACTIVATE_CONNECTOR_PROJECT_ID = "e9289c72-9c15-42af-98e5-8bc6114a362f";
-const ACTIVATE_CONNECTOR_URL = "/api/v1/ActivateConnector";
-
-let config;
-function setConfig(userConfig) {
-    var _a;
-    config = {
-        baseUrl: userConfig.baseUrl || DEFAULT_BASE_URL,
-        environment: userConfig.environment || 'DRAFT',
-        flowsEnvironment: userConfig.flowsEnvironment || 'LIVE',
-        authToken: userConfig.authToken,
-        tenantId: userConfig.tenantId,
-        spaceId: userConfig.spaceId,
-        customAuth: (_a = userConfig.customAuth) !== null && _a !== void 0 ? _a : true,
-    };
-}
-function getConfig() {
-    if (!config)
-        throw new Error('Fastn not initialized.');
-    return config;
-}
-
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && true && !options) {
-    return native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  return unsafeStringify(rnds);
-}
-
-/**
- * Supported field types for connector forms.
- */
-var ConnectorFieldType;
-(function (ConnectorFieldType) {
-    ConnectorFieldType["TEXT"] = "text";
-    ConnectorFieldType["NUMBER"] = "number";
-    ConnectorFieldType["CHECKBOX"] = "checkbox";
-    ConnectorFieldType["DATE"] = "date";
-    ConnectorFieldType["DATETIME"] = "datetime";
-    ConnectorFieldType["TIME"] = "time";
-    ConnectorFieldType["DATETIME_LOCAL"] = "datetime-local";
-    ConnectorFieldType["MULTI_SELECT"] = "multi-select";
-    ConnectorFieldType["SELECT"] = "select";
-    ConnectorFieldType["GOOGLE_FILES_PICKER_SELECT"] = "google-files-picker-select";
-    ConnectorFieldType["GOOGLE_FILES_PICKER_MULTI_SELECT"] = "google-files-picker-multi-select";
-})(ConnectorFieldType || (ConnectorFieldType = {}));
-/**
- * Supported action types for connectors and configurations.
- */
-var ConnectorActionType;
-(function (ConnectorActionType) {
-    ConnectorActionType["ACTIVATION"] = "ACTIVATION";
-    ConnectorActionType["DEACTIVATION"] = "DEACTIVATION";
-    ConnectorActionType["NONE"] = "NONE";
-    ConnectorActionType["ENABLE"] = "ENABLE";
-    ConnectorActionType["DISABLE"] = "DISABLE";
-    ConnectorActionType["DELETE"] = "DELETE";
-})(ConnectorActionType || (ConnectorActionType = {}));
-/**
- * Status of a connector.
- */
-var ConnectorStatus;
-(function (ConnectorStatus) {
-    ConnectorStatus["ACTIVE"] = "ACTIVE";
-    ConnectorStatus["INACTIVE"] = "INACTIVE";
-    ConnectorStatus["ALL"] = "ALL";
-})(ConnectorStatus || (ConnectorStatus = {}));
-/**
- * Supported resource actions for connectors and configurations.
- */
-var ResourceAction;
-(function (ResourceAction) {
-    ResourceAction["ACTIVATION"] = "ACTIVATION";
-    ResourceAction["DEACTIVATION"] = "DEACTIVATION";
-    ResourceAction["CONFIGURE"] = "CONFIGURE";
-    ResourceAction["UNCONFIGURE"] = "UNCONFIGURE";
-    ResourceAction["FLOW_EXECUTION"] = "FLOW_EXECUTION";
-    ResourceAction["QUERY"] = "QUERY";
-    ResourceAction["ENABLE_CONFIGURATION"] = "ENABLE_CONFIGURATION";
-    ResourceAction["UPDATE_CONFIGURATION"] = "UPDATE_CONFIGURATION";
-    ResourceAction["DISABLE_CONFIGURATION"] = "DISABLE_CONFIGURATION";
-    ResourceAction["DELETE_CONFIGURATION"] = "DELETE_CONFIGURATION";
-})(ResourceAction || (ResourceAction = {}));
-
-const getCustomAuthContextValue = (operationName, variables) => {
-    var _a;
-    try {
-        if (!operationName)
-            return "";
-        return btoa(JSON.stringify(getCustomAuthContext(operationName, (_a = variables === null || variables === void 0 ? void 0 : variables.input) !== null && _a !== void 0 ? _a : {})));
-    }
-    catch (error) {
-        console.error("Error getting custom auth context value:", error);
-        return "";
-    }
-};
-const getCustomAuthContext = (operationName, input) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    if (!operationName)
-        return {};
-    try {
-        let action = ResourceAction.QUERY;
-        let resourceId = "";
-        switch (operationName) {
-            case "metadata":
-            case "connectors":
-            case "api":
-            case "tenantflow":
-            case "generateaccesstoken":
-                break;
-            case "deactivateconnector":
-                action = ResourceAction.DEACTIVATION;
-                resourceId = (_a = input.connectorId) !== null && _a !== void 0 ? _a : "";
-                break;
-            case "configuretenantflow":
-                action = ResourceAction.CONFIGURE;
-                resourceId = (_b = input.connectorId) !== null && _b !== void 0 ? _b : "";
-                break;
-            case "deletetenantconfiguration":
-                action = ResourceAction.UNCONFIGURE;
-                resourceId = (_c = input.connectorId) !== null && _c !== void 0 ? _c : "";
-                break;
-            case "createtenantconfiguration":
-                action = ResourceAction.ENABLE_CONFIGURATION;
-                resourceId = (_d = input.connectorId) !== null && _d !== void 0 ? _d : "";
-                break;
-            case "updatetenantconfiguration":
-                action = ResourceAction.UPDATE_CONFIGURATION;
-                resourceId = (_e = input.connectorId) !== null && _e !== void 0 ? _e : "";
-                break;
-            case "disabletenantconfig":
-                action = ResourceAction.DISABLE_CONFIGURATION;
-                resourceId = (_f = input.connectorId) !== null && _f !== void 0 ? _f : "";
-                break;
-            case "deletetenantconfig":
-                action = ResourceAction.DELETE_CONFIGURATION;
-                resourceId = (_g = input.connectorId) !== null && _g !== void 0 ? _g : "";
-                break;
-            default:
-                resourceId = (_j = (_h = input.clientId) !== null && _h !== void 0 ? _h : input.projectId) !== null && _j !== void 0 ? _j : "";
-        }
-        return { action, resourceId };
-    }
-    catch (error) {
-        console.error("Error parsing custom auth context:", error);
-        return {};
-    }
-};
-const addCustomAuthContextHeader = (headers, context) => {
-    try {
-        const contextString = JSON.stringify(context);
-        const encodedContext = btoa(contextString);
-        headers[CUSTOM_AUTH_CONTEXT_HEADER_KEY] = encodedContext;
-    }
-    catch (error) {
-        console.warn("Error adding custom auth context header:", error);
-    }
-    return headers;
-};
-const getOauthPopUpDimensions = () => {
-    const screenWidth = window.innerWidth;
-    const screenHeight = window.innerHeight;
-    const width = Math.min(screenWidth - 100, 900);
-    const height = Math.min(screenHeight - 100, 900);
-    const top = Math.max((screenHeight - height) / 2, 100);
-    const left = Math.max((screenWidth - width) / 2, 50);
-    return { width, height, top, left };
-};
-function encodeState(state) {
-    const { domain, uuid } = state;
-    return btoa(`${domain}#${uuid}`);
-}
-const templateObjectValues = (obj, values) => {
-    try {
-        let objString = JSON.stringify(obj);
-        Object.keys(values).forEach((key) => {
-            objString = objString.replace(new RegExp(`{{${key}}}`, "g"), values[key]);
-        });
-        return JSON.parse(objString);
-    }
-    catch (error) {
-        console.warn("Error templating object values", error);
-        return undefined;
-    }
-};
-const generateAuthUrl = ({ oauthDetails, formData = {}, }) => {
-    var _a, _b;
-    try {
-        const templatedDetails = (_a = templateObjectValues(oauthDetails, formData)) !== null && _a !== void 0 ? _a : oauthDetails;
-        const params = Object.assign({}, ((_b = templatedDetails === null || templatedDetails === void 0 ? void 0 : templatedDetails.params) !== null && _b !== void 0 ? _b : {}));
-        if (templatedDetails.clientId)
-            params.client_id = templatedDetails.clientId;
-        params.redirect_uri = PROD_OAUTH_REDIRECT_URL;
-        params.state = encodeState({ domain: "widget", uuid: "none" });
-        const paramsString = Object.entries(params)
-            .map(([key, val]) => `${key}=${encodeURIComponent(val)}`)
-            .join("&");
-        return templatedDetails.baseUrl ? `${templatedDetails.baseUrl}?${paramsString}` : "";
-    }
-    catch (error) {
-        console.error("Error generating auth URL:", error);
-        return "";
-    }
-};
-const getParams = (paramsString = window.location.search) => {
-    try {
-        const searchParams = new URLSearchParams(paramsString);
-        const params = {};
-        for (const [key, value] of searchParams.entries()) {
-            params[key] = value;
-        }
-        return params;
-    }
-    catch (_a) {
-        return {};
-    }
-};
-const getFieldsFromContract = (contract) => {
-    return Object.keys(contract)
-        .map((key) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const field = contract[key];
-        if (typeof field !== "object")
-            return null;
-        return {
-            name: key,
-            label: (_a = field.description) !== null && _a !== void 0 ? _a : "",
-            initialValue: (_d = (_c = (_b = field.default) !== null && _b !== void 0 ? _b : field.defaultValue) !== null && _c !== void 0 ? _c : field.initialValue) !== null && _d !== void 0 ? _d : field.v,
-            required: (_e = field.required) !== null && _e !== void 0 ? _e : false,
-            type: (_f = field.type) !== null && _f !== void 0 ? _f : "text",
-            hidden: (_g = field.hidden) !== null && _g !== void 0 ? _g : false,
-            disabled: (_h = field.disabled) !== null && _h !== void 0 ? _h : false,
-        };
-    })
-        .filter(Boolean);
-};
-const inputContractToFormData = (inputContract) => {
-    var _a, _b;
-    try {
-        const fields = getFieldsFromContract(inputContract !== null && inputContract !== void 0 ? inputContract : {});
-        if (!fields.length)
-            return null;
-        return {
-            fields,
-            description: (_a = inputContract.description) !== null && _a !== void 0 ? _a : "",
-            submitButtonLabel: (_b = inputContract.submitLabel) !== null && _b !== void 0 ? _b : "Connect",
-        };
-    }
-    catch (error) {
-        console.warn("Error converting input contract to form data:", error);
-        return null;
-    }
-};
-const convertUiCodeFormDataToFormData = (formData) => {
-    try {
-        const { target, targetType } = formData;
-        if (targetType === "object" && typeof target === "object" && target !== null) {
-            const data = {};
-            Object.keys(target).forEach((key) => {
-                data[key] = convertUiCodeFormDataToFormData(target[key]);
-            });
-            return data;
-        }
-        else if (targetType === "array" && Array.isArray(target)) {
-            return target.map((item) => convertUiCodeFormDataToFormData(item));
-        }
-        else {
-            return target;
-        }
-    }
-    catch (_a) {
-        return formData;
-    }
-};
-const safeParse = (jsonString) => {
-    try {
-        if (typeof jsonString === "object")
-            return jsonString;
-        return JSON.parse(jsonString);
-    }
-    catch (_a) {
-        return {};
-    }
-};
-const safeStringify = (json) => {
-    try {
-        return typeof json === "string" ? json : JSON.stringify(json);
-    }
-    catch (_a) {
-        return "";
-    }
-};
-function formatApolloErrors(error) {
-    var _a;
-    if (!error)
-        return "";
-    const code = (_a = error === null || error === void 0 ? void 0 : error.cause) === null || _a === void 0 ? void 0 : _a.code;
-    try {
-        switch (code) {
-            case "RESOURCE_NOT_FOUND":
-            case "resource_not_found":
-                return "The requested resource could not be found";
-            case "RESOURCE_ALREADY_EXISTS":
-            case "resource_already_exists":
-                return "The resource you are trying to create already exists";
-            case "UNAUTHORIZED":
-            case "unauthorized":
-            case "UNAUTHORIZED_ERROR":
-                return "You are not authorized to perform this operation";
-            case "UNAUTHENTICATED":
-            case "unauthenticated":
-            case "UNAUTHENTICATED_ERROR":
-                return "You are not authenticated to perform this operation";
-            case "INTERNAL_SERVER_ERROR":
-            case "internal_server_error":
-                return "An unexpected error occurred on the server. Please try again later";
-            default:
-                return (error === null || error === void 0 ? void 0 : error.message) || "An unknown error occurred. Please try again.";
-        }
-    }
-    catch (err) {
-        return "An error occurred while processing the error. Please try again.";
-    }
-}
-const getFieldType = (field) => {
-    if (field.targetType === "array" && field.configs.selection.enable)
-        return ConnectorFieldType.MULTI_SELECT;
-    if (field.targetType === "object" && field.configs.selection.enable)
-        return ConnectorFieldType.SELECT;
-    if (field.targetType === "string")
-        return ConnectorFieldType.TEXT;
-    if (field.targetType === "number")
-        return ConnectorFieldType.NUMBER;
-    if (field.targetType === "boolean")
-        return ConnectorFieldType.CHECKBOX;
-    if (field.targetType === "date")
-        return ConnectorFieldType.DATE;
-    if (field.targetType === "datetime")
-        return ConnectorFieldType.DATETIME;
-    if (field.targetType === "time")
-        return ConnectorFieldType.TIME;
-    if (field.targetType === "datetime-local")
-        return ConnectorFieldType.DATETIME_LOCAL;
-    return ConnectorFieldType.TEXT;
-};
-const uiCodeToFormFields = (uiCodeString, options) => {
-    try {
-        const parsed = safeParse(uiCodeString);
-        const { targetType, target } = parsed;
-        const values = convertUiCodeFormDataToFormData(parsed);
-        if (targetType !== 'object' || typeof target !== 'object' || target === null) {
-            return [];
-        }
-        return Object.entries(target).map(([key, rawField]) => {
-            var _a;
-            const { configs = {}, default: defaultValue, } = rawField;
-            const { label = key, description = '', required = false, placeholder = '', hideOption = {}, selection, } = configs;
-            const field = {
-                key,
-                name: key,
-                label: label !== null && label !== void 0 ? label : key,
-                description,
-                initialValue: (_a = values[key]) !== null && _a !== void 0 ? _a : defaultValue,
-                type: getFieldType(rawField),
-                required: Boolean(required),
-                hidden: Boolean((hideOption === null || hideOption === void 0 ? void 0 : hideOption.enable) || key === "connectorId" || key === "id"),
-                disabled: Boolean((hideOption === null || hideOption === void 0 ? void 0 : hideOption.enable) || key === "connectorId" || key === "id"),
-                placeholder,
-            };
-            if (selection === null || selection === void 0 ? void 0 : selection.enable) {
-                if (selection.type === 'CUSTOM' && selection.customSelector === 'GOOGLE_FILES_PICKER') {
-                    return Object.assign(Object.assign({}, field), { type: field.type === ConnectorFieldType.MULTI_SELECT ? ConnectorFieldType.GOOGLE_FILES_PICKER_MULTI_SELECT : ConnectorFieldType.GOOGLE_FILES_PICKER_SELECT, optionsSource: {
-                            type: 'GOOGLE_FILES_PICKER',
-                            openGoogleFilesPicker: options.openGoogleFilesPicker,
-                        } });
-                }
-                else if (selection.flowId) {
-                    const pagination = Object.assign(Object.assign({ sourceId: selection.flowId, sourceProject: selection.isSameProject ? 'self' : 'community', limit: selection.limit, type: selection.type }, (selection.type === 'OFFSET' && selection.offset != null ? { offset: selection.offset } : {})), (selection.type === 'CURSOR' && selection.cursor != null ? { cursor: selection.cursor } : {}));
-                    return Object.assign(Object.assign({}, field), { optionsSource: {
-                            type: 'DYNAMIC',
-                            pagination,
-                            getOptions: options.getOptions,
-                            loadMore: options.loadMore,
-                            refresh: options.refresh,
-                            searchOptions: options.searchOptions,
-                        } });
-                }
-                else if (Array.isArray(selection.list)) {
-                    return Object.assign(Object.assign({}, field), { optionsSource: {
-                            type: 'STATIC',
-                            staticOptions: selection.list.map((item) => ({
-                                label: item.title,
-                                value: item.value,
-                            })),
-                        } });
-                }
-            }
-            return field;
-        });
-    }
-    catch (error) {
-        console.warn('Error parsing UI code to form fields:', error);
-        return [];
-    }
-};
-function populateFormDataInUiCode(uiCodeString, formData) {
-    const uiCode = safeParse(uiCodeString) || {};
-    const { target, targetType } = uiCode;
-    if (!target || !targetType)
-        return uiCode;
-    if (targetType === "object") {
-        const updatedTarget = Object.keys(target).reduce((acc, key) => {
-            var _a;
-            const value = formData[key];
-            if (value !== undefined) {
-                acc[key] = Object.assign(Object.assign({}, target[key]), { target: (_a = convertFormDataToUiCodeFormData(value)) === null || _a === void 0 ? void 0 : _a.target });
-            }
-            else {
-                acc[key] = target[key];
-            }
-            return acc;
-        }, {});
-        return Object.assign(Object.assign({}, uiCode), { target: updatedTarget });
-    }
-    else if (targetType === "array" && Array.isArray(target)) {
-        const updatedTarget = target.map((item, index) => {
-            const updatedItem = Object.assign({}, item);
-            // Assuming item has a unique key (e.g., id or name) to match formData fields
-            Object.keys(item).forEach((key) => {
-                var _a, _b;
-                const formValue = (_a = formData[`${index}.${key}`]) !== null && _a !== void 0 ? _a : formData[key];
-                if (formValue !== undefined) {
-                    updatedItem[key] = Object.assign(Object.assign({}, item[key]), { target: (_b = convertFormDataToUiCodeFormData(formValue)) === null || _b === void 0 ? void 0 : _b.target });
-                }
-            });
-            return updatedItem;
-        });
-        return Object.assign(Object.assign({}, uiCode), { target: updatedTarget });
-    }
-    return uiCode;
-}
-const convertFormDataToUiCodeFormData = (formData) => {
-    if (Array.isArray(formData)) {
-        return {
-            actionType: "map",
-            targetType: "array",
-            target: formData.map((item) => convertFormDataToUiCodeFormData(item)),
-        };
-    }
-    else if (formData !== null && typeof formData === "object") {
-        const target = {};
-        for (const key in formData) {
-            target[key] = convertFormDataToUiCodeFormData(formData[key]);
-        }
-        return {
-            actionType: "map",
-            targetType: "object",
-            target,
-        };
-    }
-    else if (typeof formData === "string") {
-        return {
-            actionType: "map",
-            targetType: "string",
-            target: formData,
-        };
-    }
-    else if (typeof formData === "number") {
-        return {
-            actionType: "map",
-            targetType: "number",
-            target: formData,
-        };
-    }
-    else if (typeof formData === "boolean") {
-        return {
-            actionType: "map",
-            targetType: "boolean",
-            target: formData,
-        };
-    }
-    else {
-        return {
-            actionType: "map",
-            targetType: "string",
-            target: formData,
-        };
-    }
-};
-/**
- * Recursively removes __typename fields from an object or array.
- */
-function stripTypename(obj) {
-    if (Array.isArray(obj)) {
-        return obj.map(stripTypename);
-    }
-    else if (obj && typeof obj === 'object') {
-        const newObj = {};
-        for (const key in obj) {
-            if (key === '__typename')
-                continue;
-            newObj[key] = stripTypename(obj[key]);
-        }
-        return newObj;
-    }
-    return obj;
-}
-
-// GraphQL endpoint (customize as needed)
-const GRAPHQL_ENDPOINT = "/graphql";
-// Utility to perform GraphQL queries/mutations using fetch
-async function fetchGraphQL({ query, variables, operationName }) {
-    const config = getConfig();
-    const response = await fetch(config.baseUrl + GRAPHQL_ENDPOINT, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-            authorization: `Bearer ${config.authToken}`,
-            realm: REALM,
-            [CUSTOM_AUTH_HEADER_KEY]: String(config.customAuth),
-            [PROJECT_ID_HEADER_KEY]: config.spaceId,
-            [TENANT_ID_HEADER_KEY]: config.tenantId,
-            [REQUEST_TRACE_ID_HEADER_KEY]: `react-ai-core-${v4()}`,
-            [CUSTOM_AUTH_CONTEXT_HEADER_KEY]: getCustomAuthContextValue(operationName, variables),
-        },
-        body: JSON.stringify({ query, variables }),
-    });
-    if (!response.ok) {
-        switch (response.status) {
-            case 401:
-                throw new Error("Unauthorized: Please check your auth token");
-            case 403:
-                throw new Error("Forbidden: Please check your access");
-            case 404:
-                throw new Error("Not Found: Please check your request");
-            default:
-                throw new Error("Failed to fetch: Please check your request");
-        }
-    }
-    const result = await response.json();
-    if (result.errors) {
-        throw new Error(result.errors.map((e) => e.message).join("; "));
-    }
-    return {
-        data: result.data,
-        errors: result.errors
-    };
-}
-// GraphQL Queries & Mutations (as plain strings)
-const GET_WIDGET_CONNECTORS = `
-  query Connectors($input: GetConnectorsListInput!) {
-    connectors(input: $input) {
-      name
-      id
-      imageUri
-      description
-      content
-      actions {
-        name
-        handler
-        actionType
-        activatedStateLabel
-        content
-        shows
-        handlerPayload
-        multiConnectorWidgetConnectors {
-          name
-          id
-          imageUri
-          description
-          content
-          connectionId
-          actions {
-            name
-            handler
-            actionType
-            activatedStateLabel
-            content
-            shows
-            handlerPayload
-          }
-          events {
-            name
-            eventId
-            content
-            payload
-          }
-          connectedConnectors {
-            id
-            imageUrl
-            clientId
-            name
-            enableActivate
-            activateStatus
-            authMethods {
-              title
-              inputContract
-              type
-              details
-              isDefault
-            }
-          }
-          status
-        }
-      }
-      events {
-        name
-        eventId
-        content
-        payload
-      }
-      connectedConnectors {
-        id
-        imageUrl
-        clientId
-        name
-        enableActivate
-        activateStatus
-        authMethods {
-          title
-          inputContract
-          type
-          details
-          isDefault
-        }
-      }
-      status
-    }
-  }
-`;
-const SAVE_ACTIVATE_CONNECTOR_STATUS = `
-  mutation SaveActivateConnectorStatus(
-    $input: SaveWidgetConnectorStatusInput!
-  ) {
-    saveWidgetConnectorStatus(input: $input)
-  }
-`;
-const DEACTIVATE_CONNECTOR = `
-  mutation DeactivateConnector($input: DeactivateConnectorInput!) {
-    deactivateConnector(input: $input)
-  }
-`;
-const GET_FIELD_DATA_QUERY = `
-  query executeGetFieldDataFlow($input: ApiPrimaryResolverInvocationInput!) {
-    executeGetFieldDataFlow(input: $input) {
-      data
-    }
-  }
-`;
-const GET_TENANT_CONFIGURATIONS = `
-  query GetConfigurationSubscription($input: ConfigurationSubscriptionInput!) {
-    getConfigurationSubscription(input: $input) {
-      connector {
-        id
-        name
-        description
-        imageUri
-        status
-        active
-        actions {
-          name
-          handler
-          actionType
-        }
-        connectedConnectors {
-          id
-          name
-          clientId
-          imageUrl
-          enableActivate
-          activateStatus
-          authMethods {
-            title
-            inputContract
-            type
-            details
-            isDefault
-          }
-        }
-      }
-      status
-      metaData
-    }
-  }
-`;
-const GET_TENANT_CONFIGURATIONS_BY_ID = `
-  query GetConfigurationSubscription($input: GetTenantConfigurationsInput) {
-    tenantConfigurationsById(input: $input) {
-      uiCode
-      flowId
-      stepId
-      status
-      configurations
-      configuredStepSetting {
-        keyIsEditable
-        addButton {
-          label
-          isDisabled
-          fieldsLimit
-        }
-        description
-        label
-        validation {
-          fieldValidation
-          submitValidation
-          modelId
-          jsonSchema
-          submitValidationFunction
-        }
-      }
-    }
-  }
-`;
-const CREATE_TENANT_CONFIGURATION = `
-  mutation CreateTenantConfiguration($input: TenantConfigurationsInput!) {
-    createTenantConfiguration(input: $input) {
-      id
-    }
-  }
-`;
-const UPDATE_TENANT_CONFIGURATION = `
-  mutation UpdateTenantConfiguration($input: TenantConfigurationsInput!) {
-    updateTenantConfiguration(input: $input) {
-      id
-    }
-  }
-`;
-const DELETE_TENANT_CONFIG = `
-  mutation DeleteTenantConfig($input: GetTenantConfigurationsInput!) {
-    deleteTenantConfig(input: $input) {
-      id
-    }
-  }
-`;
-const DISABLE_TENANT_CONFIG = `
-  mutation DisableTenantConfig($input: GetTenantConfigurationsInput!) {
-    disableTenantConfig(input: $input) {
-      id
-    }
-  }
-`;
-const GENERATE_ACCESS_TOKEN = `
-  query GenerateAccessToken($input: ConnectorConnectionInput!) {
-    connectorConnection(input: $input) 
-  }
-`;
-// Refactored functions using fetchGraphQL
-async function getConnectors$1(variables) {
-    return fetchGraphQL({ query: GET_WIDGET_CONNECTORS, variables, operationName: "connectors" });
-}
-async function saveActivateConnectorStatus(variables) {
-    return fetchGraphQL({ query: SAVE_ACTIVATE_CONNECTOR_STATUS, variables, operationName: "saveactivatconnectorstatus" });
-}
-async function deactivateConnector$1(variables) {
-    return fetchGraphQL({ query: DEACTIVATE_CONNECTOR, variables, operationName: "deactivateConnector" });
-}
-async function getFieldData(variables) {
-    return fetchGraphQL({ query: GET_FIELD_DATA_QUERY, variables, operationName: "executeGetFieldDataFlow" });
-}
-async function getConfigurationSubscriptions(variables) {
-    return fetchGraphQL({ query: GET_TENANT_CONFIGURATIONS, variables, operationName: "getconfigurationsubscription" });
-}
-async function getConfigurationSubscriptionById(variables) {
-    return fetchGraphQL({ query: GET_TENANT_CONFIGURATIONS_BY_ID, variables, operationName: "getconfigurationsubscriptionbyid" });
-}
-async function createTenantConfiguration(variables) {
-    return fetchGraphQL({ query: CREATE_TENANT_CONFIGURATION, variables, operationName: "createtenantconfiguration" });
-}
-async function updateTenantConfiguration(variables) {
-    return fetchGraphQL({ query: UPDATE_TENANT_CONFIGURATION, variables, operationName: "updatetenantconfiguration" });
-}
-async function deleteTenantConfig(variables) {
-    return fetchGraphQL({ query: DELETE_TENANT_CONFIG, variables, operationName: "deletetenantconfig" });
-}
-async function disableTenantConfig(variables) {
-    return fetchGraphQL({ query: DISABLE_TENANT_CONFIG, variables, operationName: "disabletenantconfig" });
-}
-async function generateAccessToken(variables) {
-    return fetchGraphQL({ query: GENERATE_ACCESS_TOKEN, variables, operationName: "generateaccesstoken" });
-}
-
-/**
- * Returns the backend URL for flow execution, appending /v1 if needed.
- */
-const getBackendUrl = () => {
-    var _a;
-    const config = getConfig();
-    return ((_a = config.baseUrl) === null || _a === void 0 ? void 0 : _a.endsWith("/api")) ? config.baseUrl + "/v1" : `${config.baseUrl}/api/v1`;
-};
-/**
- * Executes a backend flow with the given path, input, and headers.
- * @returns {Promise<any>} The response data from the backend.
- */
-const executeFLow = async ({ path, input = {}, headers = {} }) => {
-    try {
-        const config = getConfig();
-        const backendUrl = getBackendUrl();
-        const response = await fetch(`${backendUrl}/${path}`, {
-            method: "POST",
-            headers: Object.assign({ "Content-Type": "application/json", [PROJECT_ID_HEADER_KEY]: config.spaceId, [TENANT_ID_HEADER_KEY]: config.tenantId, authorization: `${config.authToken}`, stage: config.flowsEnvironment }, headers),
-            body: JSON.stringify({
-                "input": input
-            })
-        });
-        if (!response.ok) {
-            throw new Error(`Failed to execute flow: ${response.statusText}`);
-        }
-        const data = await response.json();
-        return data;
-    }
-    catch (error) {
-        console.error("Error in executeFLow:", error);
-        throw error;
-    }
-};
-
-/**
- * Builds the request input for connector activation.
- */
-const buildRequestInput = (dependencyConnector, authMethod, formData) => {
-    var _a;
-    const config = getConfig();
-    return {
-        fastn_connection: {
-            projectId: config === null || config === void 0 ? void 0 : config.spaceId,
-            domain: (_a = config.baseUrl) === null || _a === void 0 ? void 0 : _a.replace("https://", "").replace("/api", "").replace("api", ""),
-            redirectUri: PROD_OAUTH_REDIRECT_URL
-        },
-        oauth: {
-            connector: {
-                id: dependencyConnector === null || dependencyConnector === void 0 ? void 0 : dependencyConnector.id,
-                clientId: dependencyConnector === null || dependencyConnector === void 0 ? void 0 : dependencyConnector.clientId,
-                name: dependencyConnector === null || dependencyConnector === void 0 ? void 0 : dependencyConnector.name,
-                isOauth: (authMethod === null || authMethod === void 0 ? void 0 : authMethod.type) === "OAUTH",
-                oauth: authMethod === null || authMethod === void 0 ? void 0 : authMethod.details,
-                input: formData,
-            },
-            response: {}
-        }
-    };
-};
-/**
- * Calls the backend to activate a connector.
- */
-const callActivateConnector = async (input, headers) => {
-    const config = getConfig();
-    const url = config.baseUrl + ACTIVATE_CONNECTOR_URL;
-    const response = await fetch(url, {
-        method: "POST",
-        headers: Object.assign(Object.assign({ "Content-Type": "application/json" }, headers), { "x-fastn-api-key": ACTIVATE_CONNECTOR_ACCESS_KEY, "x-fastn-space-id": ACTIVATE_CONNECTOR_PROJECT_ID, "x-fastn-space-client-id": config.spaceId, 'stage': "LIVE" }),
-        body: JSON.stringify({
-            input
-        })
-    });
-    if (!response.ok) {
-        throw new Error(`Failed to activate connector: ${response.statusText}`);
-    }
-    const responseData = await response.json();
-    return responseData.data;
-};
-/**
- * Handles the OAuth flow for connector activation.
- */
-const handleOauthFlow = async (authMethod, formData, input) => {
-    const config = getConfig();
-    const authUrl = generateAuthUrl({ oauthDetails: authMethod.details, formData });
-    const { width, height, top, left } = getOauthPopUpDimensions();
-    const oAuthPopUpWindow = window.open(authUrl, "OAuthPopup", `width=${width},height=${height},top=${top},left=${left}`);
-    return new Promise((resolve, reject) => {
-        let params = null;
-        const messageListener = async (event) => {
-            var _a;
-            if (event.origin === PROD_OAUTH_REDIRECT_URL && ((_a = event.data) === null || _a === void 0 ? void 0 : _a.type) === "oauth_complete" && !params) {
-                params = getParams(event.data.params);
-                window.removeEventListener("message", messageListener);
-                clearInterval(closePopupInterval);
-                try {
-                    input.oauth.response = params;
-                    const data = await callActivateConnector(input, {
-                        [TENANT_ID_HEADER_KEY]: config === null || config === void 0 ? void 0 : config.tenantId,
-                        [CUSTOM_AUTH_HEADER_KEY]: String(config === null || config === void 0 ? void 0 : config.customAuth),
-                        authorization: config === null || config === void 0 ? void 0 : config.authToken
-                    });
-                    resolve({ data, status: "SUCCESS" });
-                }
-                catch (error) {
-                    console.error("Error in handleOauthFlow", error);
-                    reject(error);
-                }
-                finally {
-                }
-            }
-        };
-        const closePopupInterval = setInterval(() => {
-            if (oAuthPopUpWindow.closed) {
-                clearInterval(closePopupInterval);
-                if (!params) {
-                    window.removeEventListener("message", messageListener);
-                    resolve({
-                        data: { message: "Popup closed without completing OAuth" },
-                        status: "CANCELLED"
-                    });
-                }
-            }
-        }, 1000);
-        window.addEventListener("message", messageListener);
-    });
-};
-/**
- * Framework-agnostic activateConnector utility.
- * @param args - Activation arguments (connectorId, action, dependencyConnector, authMethod, input, saveStatusFn, executeActionHandlerFn, config)
- * @returns {Promise<{ status: string; data: any }>}
- */
-const activateConnector = async ({ connectorId, action, dependencyConnector, authMethod, input = {}, }) => {
-    try {
-        const config = getConfig();
-        // Activate the connector
-        let response = await activateConnectorCore({
-            dependencyConnector,
-            authMethod,
-            formData: input,
-        });
-        if ((response === null || response === void 0 ? void 0 : response.status) === "CANCELLED") {
-            return { data: null, status: "CANCELLED" };
-        }
-        // Execute the action handler
-        response = await executeActionHandler(action === null || action === void 0 ? void 0 : action.handler, addCustomAuthContextHeader({}, { resourceId: connectorId, action: ResourceAction.ACTIVATION }));
-        // Save connector status
-        await saveActivateConnectorStatus({
-            input: {
-                projectId: config.spaceId,
-                tenantId: config.tenantId,
-                connectorId,
-                isDependencyConnector: false,
-            }
-        });
-        return {
-            status: "SUCCESS",
-            data: response,
-        };
-    }
-    catch (error) {
-        console.error("Error in activateConnector:", error);
-        throw error;
-    }
-};
-/**
- * Framework-agnostic deactivateConnector utility.
- * @param args - Deactivation arguments (connectorId, action, deactivateConnectorFn, executeActionHandlerFn, config)
- * @returns {Promise<{ status: string; data: any }>}
- */
-const deactivateConnector = async ({ connectorId, action, }) => {
-    try {
-        const config = getConfig();
-        // Execute the action handler
-        let response = {};
-        response = await executeActionHandler(action === null || action === void 0 ? void 0 : action.handler, addCustomAuthContextHeader({}, { resourceId: connectorId, action: ResourceAction.DEACTIVATION }));
-        // Deactivate the connector
-        await deactivateConnector$1({
-            input: {
-                projectId: config.spaceId,
-                tenantId: config.tenantId,
-                connectorId,
-            }
-        });
-        return {
-            status: "SUCCESS",
-            data: response,
-        };
-    }
-    catch (error) {
-        console.error("Error in deactivateConnector:", error);
-        throw error;
-    }
-};
-/**
- * Framework-agnostic executeActionHandler utility.
- * @param handler - The handler path or function
- * @param headers - Optional headers
- * @returns {Promise<any>}
- */
-const executeActionHandler = async (handler, headers = {}) => {
-    try {
-        if (!handler) {
-            return {
-                status: "SUCCESS",
-                data: {},
-            };
-        }
-        const response = await executeFLow({ path: handler, headers });
-        return response;
-    }
-    catch (error) {
-        console.warn("Error executing action handler:", error);
-        throw error;
-    }
-};
-// Core activation logic for internal use
-const activateConnectorCore = async ({ dependencyConnector, authMethod, formData }) => {
-    try {
-        const input = buildRequestInput(dependencyConnector, authMethod, formData);
-        const isOauth = (authMethod === null || authMethod === void 0 ? void 0 : authMethod.type) === "OAUTH";
-        if (isOauth) {
-            return await handleOauthFlow(authMethod, formData, input);
-        }
-        const config = getConfig();
-        const data = await callActivateConnector(input, {
-            [TENANT_ID_HEADER_KEY]: config === null || config === void 0 ? void 0 : config.tenantId,
-            [CUSTOM_AUTH_HEADER_KEY]: String(config === null || config === void 0 ? void 0 : config.customAuth),
-            authorization: config === null || config === void 0 ? void 0 : config.authToken
-        });
-        return { data, status: "SUCCESS" };
-    }
-    catch (error) {
-        console.error("Error in activateConnectorCore", error);
-        throw error;
-    }
-};
-
-// eventBus.ts
-// Internal listener registry
-const listeners = {
-    'REFETCH_CONNECTORS': new Set(),
-    'REFETCH_CONFIGURATIONS': new Set(),
-    'REFRESH_CONFIGURATION_FORM': new Set(),
-    'INVALIDATE_CONFIGURATION_FORM': new Set(),
-    'INVALIDATE_CONFIGURATIONS': new Set(),
-    'INVALIDATE_CONNECTORS': new Set(),
-};
-// Send a cross-context-safe event
-const sendEvent = (event) => {
-    window.postMessage({ __eventBus: true, event }, '*');
-};
-// Register a callback for a specific event
-const onEvent = (event, callback) => {
-    var _a;
-    (_a = listeners[event]) === null || _a === void 0 ? void 0 : _a.add(callback);
-};
-// Unregister a callback
-const offEvent = (event, callback) => {
-    var _a;
-    (_a = listeners[event]) === null || _a === void 0 ? void 0 : _a.delete(callback);
-};
-// Internal postMessage listener
-const handleMessage = (e) => {
-    const data = e.data;
-    if (!data || !data.__eventBus || !data.event)
-        return;
-    const callbacks = listeners[data.event];
-    callbacks === null || callbacks === void 0 ? void 0 : callbacks.forEach((cb) => cb());
-};
-// Register listener once
-window.addEventListener('message', handleMessage);
-
-/**
- * Fetches connectors and maps their actions for use in the application.
- * Updates the global state store.
- * @returns {Promise<Connector[]>}
- */
-async function getConnectors({ disabled = false, status = "ALL", refetch } = {}) {
-    try {
-        const config = getConfig();
-        const { data } = await getConnectors$1({
-            input: {
-                projectId: config.spaceId,
-                tenantId: config.tenantId,
-                onlyActive: !disabled,
-                environment: config.environment,
-            },
-        });
-        const connectors = data === null || data === void 0 ? void 0 : data.connectors;
-        const mappedConnectors = connectors.map((connector) => {
-            const actions = (connector.actions || [])
-                .filter((action) => {
-                // Only allow ACTIVATION, DEACTIVATION, or NONE
-                if (action.actionType !== "ACTIVATION" && action.actionType !== "DEACTIVATION" && action.actionType !== "NONE") {
-                    return false;
-                }
-                if (!action.shows || action.shows === "ALWAYS") {
-                    return true;
-                }
-                if (action.shows === "WHEN_ACTIVE" && connector.status === "ACTIVE") {
-                    return true;
-                }
-                if (action.shows === "WHEN_INACTIVE" && connector.status === "INACTIVE") {
-                    return true;
-                }
-                return false;
-            })
-                .map((action) => {
-                var _a, _b, _c, _d;
-                const handler = async (formData = {}) => {
-                    var _a, _b, _c, _d;
-                    try {
-                        let response = null;
-                        if ((action === null || action === void 0 ? void 0 : action.actionType) === "ACTIVATION") {
-                            response = await activateConnector({
-                                connectorId: connector.id,
-                                action,
-                                dependencyConnector: (_a = connector === null || connector === void 0 ? void 0 : connector.connectedConnectors) === null || _a === void 0 ? void 0 : _a[0],
-                                authMethod: (_d = (_c = (_b = connector === null || connector === void 0 ? void 0 : connector.connectedConnectors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.authMethods) === null || _d === void 0 ? void 0 : _d[0],
-                                input: formData,
-                            });
-                        }
-                        else if ((action === null || action === void 0 ? void 0 : action.actionType) === "DEACTIVATION") {
-                            response = await deactivateConnector({
-                                connectorId: connector.id,
-                                action,
-                            });
-                            await (refetch === null || refetch === void 0 ? void 0 : refetch());
-                        }
-                        else {
-                            response = await executeActionHandler(action === null || action === void 0 ? void 0 : action.handler);
-                        }
-                        sendEvent("REFETCH_CONFIGURATIONS");
-                        sendEvent("REFETCH_CONNECTORS");
-                        return response;
-                    }
-                    catch (e) {
-                        return {
-                            data: {
-                                error: e instanceof Error ? e.message : "Unknown error",
-                            },
-                            status: "ERROR",
-                        };
-                    }
-                };
-                const form = inputContractToFormData((_d = (_c = (_b = (_a = connector === null || connector === void 0 ? void 0 : connector.connectedConnectors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.authMethods) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.inputContract);
-                // Construct the action object with all properties at creation
-                return Object.assign({ name: action.name, actionType: action.actionType, form }, (form
-                    ? { onSubmit: async (formData) => await handler(formData) }
-                    : { onClick: async () => await handler() }));
-            });
-            return {
-                id: connector.id,
-                name: connector.name,
-                description: connector.description,
-                imageUri: connector === null || connector === void 0 ? void 0 : connector.imageUri,
-                status: connector.status,
-                actions,
-            };
-        }).filter((connector) => {
-            if (status === "ALL")
-                return true;
-            if (status === "ACTIVE" && connector.status === "ACTIVE")
-                return true;
-            if (status === "INACTIVE" && connector.status === "INACTIVE")
-                return true;
-            return false;
-        });
-        return mappedConnectors;
-    }
-    catch (error) {
-        throw new Error(formatApolloErrors(error));
-    }
-}
-
-const handleDisableConfiguration = async ({ id, connectorId, }) => {
-    try {
-        const config = getConfig();
-        await disableTenantConfig({
-            input: {
-                clientId: config.spaceId,
-                tenantId: config.tenantId,
-                id: id,
-                connectorId,
-                widgetConnectorId: connectorId,
-            },
-        });
-        sendEvent("REFETCH_CONFIGURATIONS");
-    }
-    catch (error) {
-        throw new Error(formatApolloErrors(error));
-    }
-};
-const handleDeleteConfiguration = async ({ id, connectorId, }) => {
-    try {
-        const config = getConfig();
-        await deleteTenantConfig({
-            input: {
-                clientId: config.spaceId,
-                tenantId: config.tenantId,
-                id: id,
-                connectorId,
-                widgetConnectorId: connectorId,
-            },
-        });
-        sendEvent("REFETCH_CONFIGURATIONS");
-    }
-    catch (error) {
-        throw new Error(formatApolloErrors(error));
-    }
-};
-async function getConfigurations({ configurationId, status = "ALL", }) {
-    try {
-        const config = getConfig();
-        const { data } = await getConfigurationSubscriptions({
-            input: {
-                clientId: config.spaceId,
-                tenantId: config.tenantId,
-                id: configurationId,
-                status,
-            }
-        });
-        const configurations = (data.getConfigurationSubscription || [])
-            .map((configSubscription) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            const configureAction = (_b = (_a = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 : _b.find((action) => action.actionType === "CONFIGURATION");
-            if (!configureAction || ((_c = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _c === void 0 ? void 0 : _c.active) === false)
-                return null;
-            const actions = [];
-            if ((configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.status) === "ENABLED") {
-                actions.push({
-                    name: "Disable",
-                    actionType: ConnectorActionType.DISABLE,
-                    onClick: async () => {
-                        await handleDisableConfiguration({ connectorId: configSubscription.connector.id, id: configurationId });
-                        return { data: null, status: "SUCCESS" };
-                    },
-                });
-                actions.push({
-                    name: "Delete",
-                    actionType: ConnectorActionType.DELETE,
-                    onClick: async () => {
-                        await handleDeleteConfiguration({ connectorId: configSubscription.connector.id, id: configurationId });
-                        return { data: null, status: "SUCCESS" };
-                    },
-                });
-            }
-            else {
-                const form = inputContractToFormData((_h = (_g = (_f = (_e = (_d = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _d === void 0 ? void 0 : _d.connectedConnectors) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.authMethods) === null || _g === void 0 ? void 0 : _g.find((authMethod) => authMethod.isDefault)) === null || _h === void 0 ? void 0 : _h.inputContract);
-                const handler = async (formData = {}) => {
-                    var _a, _b, _c, _d, _e, _f, _g, _h;
-                    if (((_a = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _a === void 0 ? void 0 : _a.status) === "ACTIVE")
-                        return { status: "SUCCESS" };
-                    const result = await activateConnector({
-                        connectorId: configSubscription.connector.id,
-                        action: (_c = (_b = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.find((action) => action.actionType === ResourceAction.ACTIVATION),
-                        dependencyConnector: (_e = (_d = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _d === void 0 ? void 0 : _d.connectedConnectors) === null || _e === void 0 ? void 0 : _e[0],
-                        authMethod: (_h = (_g = (_f = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _f === void 0 ? void 0 : _f.connectedConnectors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.authMethods[0],
-                        input: formData,
-                    });
-                    sendEvent("REFETCH_CONFIGURATIONS");
-                    sendEvent("REFETCH_CONNECTORS");
-                    return result;
-                };
-                actions.push({
-                    name: "Enable",
-                    actionType: ConnectorActionType.ENABLE,
-                    form,
-                    onClick: handler,
-                    onSubmit: handler,
-                });
-            }
-            return {
-                id: configSubscription.connector.id,
-                connectorId: (_j = configSubscription === null || configSubscription === void 0 ? void 0 : configSubscription.connector) === null || _j === void 0 ? void 0 : _j.id,
-                configurationId,
-                name: configSubscription.connector.name,
-                flowId: configureAction.handler,
-                description: configSubscription.connector.description,
-                imageUri: configSubscription.connector.imageUri,
-                status: configSubscription.status,
-                actions,
-                metadata: configSubscription.metaData,
-            };
-        })
-            .filter(Boolean);
-        return configurations;
-    }
-    catch (err) {
-        throw new Error(formatApolloErrors(err));
-    }
-}
-
-function loadGapiClient() {
-    return new Promise((resolve, reject) => {
-        const script = document.createElement('script');
-        script.src = 'https://apis.google.com/js/api.js';
-        script.onload = () => resolve();
-        script.onerror = () => reject(new Error('Failed to load gapi'));
-        document.body.appendChild(script);
-    });
-}
-async function initializeGooglePicker() {
-    await loadGapiClient();
-    return new Promise((resolve) => {
-        // @ts-ignore
-        gapi.load('picker', () => {
-            resolve();
-        });
-    });
-}
-async function createGooglePicker(developerKey, accessToken) {
-    // Ensure Google Picker API is initialized
-    await initializeGooglePicker();
-    return new Promise((resolve, reject) => {
-        try {
-            // @ts-ignore: `google.picker` is loaded via Google APIs script
-            const picker = new google.picker.PickerBuilder()
-                // @ts-ignore
-                .addView(google.picker.ViewId.DOCS)
-                // @ts-ignore
-                .addView(new google.picker.DocsView(google.picker.ViewId.FOLDERS)
-                .setIncludeFolders(true)
-                .setSelectFolderEnabled(true))
-                // @ts-ignore
-                .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
-                .setOAuthToken(accessToken)
-                .setDeveloperKey(developerKey || GOOGLE_FILES_PICKER_API_KEY)
-                .setCallback((data) => {
-                if ((data === null || data === void 0 ? void 0 : data.action) === "picked") {
-                    resolve(data === null || data === void 0 ? void 0 : data.docs);
-                }
-            })
-                .build();
-            picker.setVisible(true);
-            const iframe = document.querySelector("iframe.picker-dialog-frame");
-            const pickerDialogBg = document.querySelector(".picker-dialog-bg");
-            if (iframe) {
-                iframe.style.pointerEvents = "auto";
-                pickerDialogBg.style.pointerEvents = "auto";
-                // Step 3: Allow only iframe to be clickable
-                iframe.addEventListener("click", (event) => {
-                    event.preventDefault();
-                    event.stopPropagation();
-                });
-                pickerDialogBg.addEventListener("click", (event) => {
-                    event.preventDefault();
-                    event.stopPropagation();
-                });
-            }
-        }
-        catch (error) {
-            reject(new Error('Failed to create Google Picker'));
-        }
-    });
-}
-
-function openGoogleFilesPicker(parentArgs) {
-    return async (args) => {
-        var _a, _b;
-        try {
-            const config = getConfig();
-            let accessToken = null;
-            let apiKey = null;
-            const cachedToken = localStorage.getItem(config.spaceId +
-                parentArgs.connectorId +
-                config.tenantId +
-                "access_token");
-            if (cachedToken) {
-                const token = safeParse(cachedToken);
-                if ((token === null || token === void 0 ? void 0 : token.expires_at) && token.expires_at > Date.now()) {
-                    accessToken = token.access_token;
-                }
-            }
-            if (!accessToken) {
-                const { data } = await generateAccessToken({
-                    input: {
-                        orgId: config.spaceId,
-                        tenantId: config.tenantId,
-                        connectorId: parentArgs.connectorId,
-                        refresh: true,
-                    },
-                });
-                const token = data === null || data === void 0 ? void 0 : data.connectorConnection;
-                // cache token in local storage
-                localStorage.setItem(config.spaceId +
-                    parentArgs.connectorId +
-                    config.tenantId +
-                    "access_token", safeStringify({
-                    access_token: token.access_token,
-                    api_key: (_a = token.metadata) === null || _a === void 0 ? void 0 : _a.google_picker_api_key,
-                    expires_at: token.expires_at || Date.now() + token.expires_in * 1000,
-                }));
-                accessToken = token.access_token;
-                apiKey = (_b = token.metadata) === null || _b === void 0 ? void 0 : _b.google_picker_api_key;
-            }
-            const docs = await createGooglePicker(args.apiKey || apiKey, accessToken);
-            const files = (docs || []).map((doc) => ({
-                label: doc === null || doc === void 0 ? void 0 : doc.name,
-                value: doc === null || doc === void 0 ? void 0 : doc.id,
-            }));
-            await args.onComplete(files);
-        }
-        catch (err) {
-            const error = err instanceof Error ? err : new Error("Unknown error");
-            await args.onError(error);
-        }
-    };
-}
-/**
- * Returns a submit handler for a configuration form.
- * Handles both creation and update flows.
- */
-function getSubmitHandler({ configuration, configurationId, connectorId, connectorIdUiCode, configurationIdUiCode, }) {
-    return async ({ formData }) => {
-        var _a, _b, _c, _d, _e;
-        const config = getConfig();
-        const uiCodeObject = Object.assign(Object.assign({}, safeParse(configuration.uiCode)), { target: Object.assign(Object.assign({}, (_a = safeParse(configuration.uiCode)) === null || _a === void 0 ? void 0 : _a.target), { connectorId: Object.assign(Object.assign({}, (_c = (_b = safeParse(configuration.uiCode)) === null || _b === void 0 ? void 0 : _b.target) === null || _c === void 0 ? void 0 : _c.connectorId), { target: connectorIdUiCode }), id: Object.assign(Object.assign({}, (_e = (_d = safeParse(configuration.uiCode)) === null || _d === void 0 ? void 0 : _d.target) === null || _e === void 0 ? void 0 : _e.id), { target: configurationIdUiCode }) }) });
-        const formDataObject = Object.assign(Object.assign({}, formData), { connectorId: connectorId, id: configurationId });
-        const uiCode = populateFormDataInUiCode(safeStringify(uiCodeObject), formDataObject);
-        try {
-            if (configuration.status === "ENABLED") {
-                await updateTenantConfiguration({
-                    input: stripTypename({
-                        clientId: config.spaceId,
-                        tenantId: config.tenantId,
-                        flowId: configuration === null || configuration === void 0 ? void 0 : configuration.flowId,
-                        stepId: configuration === null || configuration === void 0 ? void 0 : configuration.stepId,
-                        uiCode: safeStringify(uiCode),
-                        id: configurationId,
-                        connectorId: connectorId,
-                        configurations: formDataObject,
-                    }),
-                });
-            }
-            else {
-                await createTenantConfiguration({
-                    input: stripTypename({
-                        clientId: config.spaceId,
-                        tenantId: config.tenantId,
-                        flowId: configuration === null || configuration === void 0 ? void 0 : configuration.flowId,
-                        stepId: configuration === null || configuration === void 0 ? void 0 : configuration.stepId,
-                        uiCode: safeStringify(uiCode),
-                        id: configurationId,
-                        connectorId: connectorId,
-                        configurations: formDataObject,
-                    }),
-                });
-            }
-            sendEvent("REFRESH_CONFIGURATION_FORM");
-            sendEvent("REFETCH_CONFIGURATIONS");
-        }
-        catch (error) {
-            throw new Error(formatApolloErrors(error));
-        }
-    };
-}
-/**
- * Fetches options for select fields, supporting pagination and search.
- * Extensible for custom loaders.
- */
-async function fetchOptions(context, pagination, resetCursor = false, query) {
-    var _a, _b, _c;
-    const config = getConfig();
-    try {
-        const { data } = await getFieldData({
-            input: {
-                id: pagination.sourceId,
-                clientId: config.spaceId,
-                // sameProjectFlow: pagination.sourceProject === "self",
-                input: {
-                    data: {
-                        input: {
-                            data: context,
-                            limit: pagination.limit || 10,
-                            cursor: resetCursor ? null : pagination.cursor,
-                            curser: resetCursor ? null : pagination.cursor,
-                            offset: resetCursor ? 0 : pagination.offset,
-                            query,
-                        },
-                        headers: { [TENANT_ID_HEADER_KEY]: config.tenantId },
-                    },
-                },
-            },
-        });
-        const response = ((_a = data === null || data === void 0 ? void 0 : data.executeGetFieldDataFlow) === null || _a === void 0 ? void 0 : _a.data) || {};
-        const newOptions = response.options || [];
-        const limit = pagination.limit || 0;
-        const offset = resetCursor ? 0 : pagination.offset || 0;
-        const newOffset = newOptions.length > 0 ? offset + limit : offset;
-        const total = (_b = response.total) !== null && _b !== void 0 ? _b : pagination.total;
-        const cursor = response.cursor || response.curser;
-        const hasNextPage = Boolean(cursor || response.hasNextPage) ||
-            (typeof total === "number"
-                ? total > newOffset
-                : newOptions.length === limit && !pagination.cursor);
-        return {
-            options: newOptions,
-            pagination: Object.assign(Object.assign({}, pagination), { cursor, offset: newOffset, total,
-                hasNextPage, loaded: newOptions.length }),
-            searchable: (_c = response === null || response === void 0 ? void 0 : response.searchable) !== null && _c !== void 0 ? _c : false,
-        };
-    }
-    catch (error) {
-        throw new Error(formatApolloErrors(error));
-    }
-}
-/**
- * Loads more options for a select field.
- */
-async function loadMoreOptions(pagination, context) {
-    return fetchOptions(context || {}, pagination, false);
-}
-/**
- * Refreshes options for a select field.
- */
-async function refreshOptions(pagination, context) {
-    return fetchOptions(context || {}, pagination, true);
-}
-/**
- * Gets options for a select field.
- */
-async function getOptions(pagination, context, query) {
-    return fetchOptions(context || {}, pagination, false, query);
-}
-/**
- * Searches options for a select field.
- */
-async function searchOptions(query, pagination, context) {
-    return fetchOptions(context || {}, pagination, false, query);
-}
-/**
- * Fetches and builds a configuration form for a connector.
- * Integrates with state management for loading/error.
- * @param input - ConfigurationFormInput
- * @returns Promise<ConfigurationForm>
- */
-async function getConfigurationForm(input) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    try {
-        const config = getConfig();
-        const { data: configurationFormData } = await getConfigurationSubscriptionById({
-            input: {
-                clientId: config.spaceId,
-                tenantId: config.tenantId,
-                id: input.configurationId,
-                connectorId: input.connectorId,
-                widgetConnectorId: input.connectorId,
-                flowId: (_a = input === null || input === void 0 ? void 0 : input.configuration) === null || _a === void 0 ? void 0 : _a.flowId,
-            },
-        });
-        const uiCodeString = (_b = configurationFormData === null || configurationFormData === void 0 ? void 0 : configurationFormData.tenantConfigurationsById) === null || _b === void 0 ? void 0 : _b.uiCode;
-        const uiCode = safeParse(uiCodeString || "") || {};
-        // remove connectorId and id field from uiCode.target and save that in separate fields
-        const connectorIdUiCode = (_c = uiCode === null || uiCode === void 0 ? void 0 : uiCode.target) === null || _c === void 0 ? void 0 : _c.connectorId;
-        const configurationIdUiCode = (_d = uiCode === null || uiCode === void 0 ? void 0 : uiCode.target) === null || _d === void 0 ? void 0 : _d.id;
-        (_e = uiCode === null || uiCode === void 0 ? void 0 : uiCode.target) === null || _e === void 0 ? true : delete _e.connectorId;
-        (_f = uiCode === null || uiCode === void 0 ? void 0 : uiCode.target) === null || _f === void 0 ? true : delete _f.id;
-        const fields = uiCodeToFormFields(uiCode, {
-            getOptions,
-            loadMore: loadMoreOptions,
-            refresh: refreshOptions,
-            searchOptions,
-            openGoogleFilesPicker: openGoogleFilesPicker({
-                connectorId: input.connectorId,
-            }),
-        });
-        return {
-            name: ((_g = input === null || input === void 0 ? void 0 : input.configuration) === null || _g === void 0 ? void 0 : _g.name) || "",
-            description: ((_h = input === null || input === void 0 ? void 0 : input.configuration) === null || _h === void 0 ? void 0 : _h.description) || "",
-            imageUri: ((_j = input === null || input === void 0 ? void 0 : input.configuration) === null || _j === void 0 ? void 0 : _j.imageUri) || "",
-            fields: fields,
-            submitHandler: getSubmitHandler({
-                configuration: configurationFormData === null || configurationFormData === void 0 ? void 0 : configurationFormData.tenantConfigurationsById,
-                configurationId: input === null || input === void 0 ? void 0 : input.configurationId,
-                connectorId: input === null || input === void 0 ? void 0 : input.connectorId,
-                connectorIdUiCode: connectorIdUiCode,
-                configurationIdUiCode: configurationIdUiCode,
-            }),
-        };
-    }
-    catch (error) {
-        throw new Error(formatApolloErrors(error));
-    }
-}
-
-const registerRefetchFunction = (input) => {
-    const { refetchFunction, refetchKey } = input;
-};
-
-class Fastn {
-    constructor(config) {
-        setConfig(config);
-    }
-    getConnectors(input) {
-        return getConnectors(input);
-    }
-    getConfigurations(input) {
-        return getConfigurations(input);
-    }
-    getConfigurationForm(input) {
-        return getConfigurationForm(input);
-    }
-    registerRefetchFunction(input) {
-        return registerRefetchFunction(input);
-    }
-    onEvent(event, callback) {
-        return onEvent(event, callback);
-    }
-    offEvent(event, callback) {
-        return offEvent(event, callback);
-    }
-}
-
 const FastnContext = react.createContext(null);
 const FastnProvider = ({ children, config, queryClient, }) => {
     const fastn = react.useMemo(() => {
-        return new Fastn(config);
+        return new core.Fastn(config);
     }, [config]);
     return (jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient || new reactQuery.QueryClient(), children: jsxRuntime.jsx(FastnContext.Provider, { value: fastn, children: children }) }));
 };
@@ -1738,6 +84,666 @@ const useConnectors = () => {
     return query;
 };
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+
+var isObject_1;
+var hasRequiredIsObject;
+
+function requireIsObject () {
+	if (hasRequiredIsObject) return isObject_1;
+	hasRequiredIsObject = 1;
+	function isObject(value) {
+	  var type = typeof value;
+	  return value != null && (type == 'object' || type == 'function');
+	}
+
+	isObject_1 = isObject;
+	return isObject_1;
+}
+
+/** Detect free variable `global` from Node.js. */
+
+var _freeGlobal;
+var hasRequired_freeGlobal;
+
+function require_freeGlobal () {
+	if (hasRequired_freeGlobal) return _freeGlobal;
+	hasRequired_freeGlobal = 1;
+	var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+	_freeGlobal = freeGlobal;
+	return _freeGlobal;
+}
+
+var _root;
+var hasRequired_root;
+
+function require_root () {
+	if (hasRequired_root) return _root;
+	hasRequired_root = 1;
+	var freeGlobal = require_freeGlobal();
+
+	/** Detect free variable `self`. */
+	var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+	/** Used as a reference to the global object. */
+	var root = freeGlobal || freeSelf || Function('return this')();
+
+	_root = root;
+	return _root;
+}
+
+var now_1;
+var hasRequiredNow;
+
+function requireNow () {
+	if (hasRequiredNow) return now_1;
+	hasRequiredNow = 1;
+	var root = require_root();
+
+	/**
+	 * Gets the timestamp of the number of milliseconds that have elapsed since
+	 * the Unix epoch (1 January 1970 00:00:00 UTC).
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 2.4.0
+	 * @category Date
+	 * @returns {number} Returns the timestamp.
+	 * @example
+	 *
+	 * _.defer(function(stamp) {
+	 *   console.log(_.now() - stamp);
+	 * }, _.now());
+	 * // => Logs the number of milliseconds it took for the deferred invocation.
+	 */
+	var now = function() {
+	  return root.Date.now();
+	};
+
+	now_1 = now;
+	return now_1;
+}
+
+/** Used to match a single whitespace character. */
+
+var _trimmedEndIndex;
+var hasRequired_trimmedEndIndex;
+
+function require_trimmedEndIndex () {
+	if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
+	hasRequired_trimmedEndIndex = 1;
+	var reWhitespace = /\s/;
+
+	/**
+	 * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+	 * character of `string`.
+	 *
+	 * @private
+	 * @param {string} string The string to inspect.
+	 * @returns {number} Returns the index of the last non-whitespace character.
+	 */
+	function trimmedEndIndex(string) {
+	  var index = string.length;
+
+	  while (index-- && reWhitespace.test(string.charAt(index))) {}
+	  return index;
+	}
+
+	_trimmedEndIndex = trimmedEndIndex;
+	return _trimmedEndIndex;
+}
+
+var _baseTrim;
+var hasRequired_baseTrim;
+
+function require_baseTrim () {
+	if (hasRequired_baseTrim) return _baseTrim;
+	hasRequired_baseTrim = 1;
+	var trimmedEndIndex = require_trimmedEndIndex();
+
+	/** Used to match leading whitespace. */
+	var reTrimStart = /^\s+/;
+
+	/**
+	 * The base implementation of `_.trim`.
+	 *
+	 * @private
+	 * @param {string} string The string to trim.
+	 * @returns {string} Returns the trimmed string.
+	 */
+	function baseTrim(string) {
+	  return string
+	    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+	    : string;
+	}
+
+	_baseTrim = baseTrim;
+	return _baseTrim;
+}
+
+var _Symbol;
+var hasRequired_Symbol;
+
+function require_Symbol () {
+	if (hasRequired_Symbol) return _Symbol;
+	hasRequired_Symbol = 1;
+	var root = require_root();
+
+	/** Built-in value references. */
+	var Symbol = root.Symbol;
+
+	_Symbol = Symbol;
+	return _Symbol;
+}
+
+var _getRawTag;
+var hasRequired_getRawTag;
+
+function require_getRawTag () {
+	if (hasRequired_getRawTag) return _getRawTag;
+	hasRequired_getRawTag = 1;
+	var Symbol = require_Symbol();
+
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
+
+	/** Used to check objects for own properties. */
+	var hasOwnProperty = objectProto.hasOwnProperty;
+
+	/**
+	 * Used to resolve the
+	 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	 * of values.
+	 */
+	var nativeObjectToString = objectProto.toString;
+
+	/** Built-in value references. */
+	var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+	/**
+	 * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+	 *
+	 * @private
+	 * @param {*} value The value to query.
+	 * @returns {string} Returns the raw `toStringTag`.
+	 */
+	function getRawTag(value) {
+	  var isOwn = hasOwnProperty.call(value, symToStringTag),
+	      tag = value[symToStringTag];
+
+	  try {
+	    value[symToStringTag] = undefined;
+	    var unmasked = true;
+	  } catch (e) {}
+
+	  var result = nativeObjectToString.call(value);
+	  if (unmasked) {
+	    if (isOwn) {
+	      value[symToStringTag] = tag;
+	    } else {
+	      delete value[symToStringTag];
+	    }
+	  }
+	  return result;
+	}
+
+	_getRawTag = getRawTag;
+	return _getRawTag;
+}
+
+/** Used for built-in method references. */
+
+var _objectToString;
+var hasRequired_objectToString;
+
+function require_objectToString () {
+	if (hasRequired_objectToString) return _objectToString;
+	hasRequired_objectToString = 1;
+	var objectProto = Object.prototype;
+
+	/**
+	 * Used to resolve the
+	 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	 * of values.
+	 */
+	var nativeObjectToString = objectProto.toString;
+
+	/**
+	 * Converts `value` to a string using `Object.prototype.toString`.
+	 *
+	 * @private
+	 * @param {*} value The value to convert.
+	 * @returns {string} Returns the converted string.
+	 */
+	function objectToString(value) {
+	  return nativeObjectToString.call(value);
+	}
+
+	_objectToString = objectToString;
+	return _objectToString;
+}
+
+var _baseGetTag;
+var hasRequired_baseGetTag;
+
+function require_baseGetTag () {
+	if (hasRequired_baseGetTag) return _baseGetTag;
+	hasRequired_baseGetTag = 1;
+	var Symbol = require_Symbol(),
+	    getRawTag = require_getRawTag(),
+	    objectToString = require_objectToString();
+
+	/** `Object#toString` result references. */
+	var nullTag = '[object Null]',
+	    undefinedTag = '[object Undefined]';
+
+	/** Built-in value references. */
+	var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+	/**
+	 * The base implementation of `getTag` without fallbacks for buggy environments.
+	 *
+	 * @private
+	 * @param {*} value The value to query.
+	 * @returns {string} Returns the `toStringTag`.
+	 */
+	function baseGetTag(value) {
+	  if (value == null) {
+	    return value === undefined ? undefinedTag : nullTag;
+	  }
+	  return (symToStringTag && symToStringTag in Object(value))
+	    ? getRawTag(value)
+	    : objectToString(value);
+	}
+
+	_baseGetTag = baseGetTag;
+	return _baseGetTag;
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+
+var isObjectLike_1;
+var hasRequiredIsObjectLike;
+
+function requireIsObjectLike () {
+	if (hasRequiredIsObjectLike) return isObjectLike_1;
+	hasRequiredIsObjectLike = 1;
+	function isObjectLike(value) {
+	  return value != null && typeof value == 'object';
+	}
+
+	isObjectLike_1 = isObjectLike;
+	return isObjectLike_1;
+}
+
+var isSymbol_1;
+var hasRequiredIsSymbol;
+
+function requireIsSymbol () {
+	if (hasRequiredIsSymbol) return isSymbol_1;
+	hasRequiredIsSymbol = 1;
+	var baseGetTag = require_baseGetTag(),
+	    isObjectLike = requireIsObjectLike();
+
+	/** `Object#toString` result references. */
+	var symbolTag = '[object Symbol]';
+
+	/**
+	 * Checks if `value` is classified as a `Symbol` primitive or object.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+	 * @example
+	 *
+	 * _.isSymbol(Symbol.iterator);
+	 * // => true
+	 *
+	 * _.isSymbol('abc');
+	 * // => false
+	 */
+	function isSymbol(value) {
+	  return typeof value == 'symbol' ||
+	    (isObjectLike(value) && baseGetTag(value) == symbolTag);
+	}
+
+	isSymbol_1 = isSymbol;
+	return isSymbol_1;
+}
+
+var toNumber_1;
+var hasRequiredToNumber;
+
+function requireToNumber () {
+	if (hasRequiredToNumber) return toNumber_1;
+	hasRequiredToNumber = 1;
+	var baseTrim = require_baseTrim(),
+	    isObject = requireIsObject(),
+	    isSymbol = requireIsSymbol();
+
+	/** Used as references for various `Number` constants. */
+	var NAN = 0 / 0;
+
+	/** Used to detect bad signed hexadecimal string values. */
+	var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+	/** Used to detect binary string values. */
+	var reIsBinary = /^0b[01]+$/i;
+
+	/** Used to detect octal string values. */
+	var reIsOctal = /^0o[0-7]+$/i;
+
+	/** Built-in method references without a dependency on `root`. */
+	var freeParseInt = parseInt;
+
+	/**
+	 * Converts `value` to a number.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to process.
+	 * @returns {number} Returns the number.
+	 * @example
+	 *
+	 * _.toNumber(3.2);
+	 * // => 3.2
+	 *
+	 * _.toNumber(Number.MIN_VALUE);
+	 * // => 5e-324
+	 *
+	 * _.toNumber(Infinity);
+	 * // => Infinity
+	 *
+	 * _.toNumber('3.2');
+	 * // => 3.2
+	 */
+	function toNumber(value) {
+	  if (typeof value == 'number') {
+	    return value;
+	  }
+	  if (isSymbol(value)) {
+	    return NAN;
+	  }
+	  if (isObject(value)) {
+	    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+	    value = isObject(other) ? (other + '') : other;
+	  }
+	  if (typeof value != 'string') {
+	    return value === 0 ? value : +value;
+	  }
+	  value = baseTrim(value);
+	  var isBinary = reIsBinary.test(value);
+	  return (isBinary || reIsOctal.test(value))
+	    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+	    : (reIsBadHex.test(value) ? NAN : +value);
+	}
+
+	toNumber_1 = toNumber;
+	return toNumber_1;
+}
+
+var debounce_1;
+var hasRequiredDebounce;
+
+function requireDebounce () {
+	if (hasRequiredDebounce) return debounce_1;
+	hasRequiredDebounce = 1;
+	var isObject = requireIsObject(),
+	    now = requireNow(),
+	    toNumber = requireToNumber();
+
+	/** Error message constants. */
+	var FUNC_ERROR_TEXT = 'Expected a function';
+
+	/* Built-in method references for those with the same name as other `lodash` methods. */
+	var nativeMax = Math.max,
+	    nativeMin = Math.min;
+
+	/**
+	 * Creates a debounced function that delays invoking `func` until after `wait`
+	 * milliseconds have elapsed since the last time the debounced function was
+	 * invoked. The debounced function comes with a `cancel` method to cancel
+	 * delayed `func` invocations and a `flush` method to immediately invoke them.
+	 * Provide `options` to indicate whether `func` should be invoked on the
+	 * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+	 * with the last arguments provided to the debounced function. Subsequent
+	 * calls to the debounced function return the result of the last `func`
+	 * invocation.
+	 *
+	 * **Note:** If `leading` and `trailing` options are `true`, `func` is
+	 * invoked on the trailing edge of the timeout only if the debounced function
+	 * is invoked more than once during the `wait` timeout.
+	 *
+	 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+	 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+	 *
+	 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+	 * for details over the differences between `_.debounce` and `_.throttle`.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 0.1.0
+	 * @category Function
+	 * @param {Function} func The function to debounce.
+	 * @param {number} [wait=0] The number of milliseconds to delay.
+	 * @param {Object} [options={}] The options object.
+	 * @param {boolean} [options.leading=false]
+	 *  Specify invoking on the leading edge of the timeout.
+	 * @param {number} [options.maxWait]
+	 *  The maximum time `func` is allowed to be delayed before it's invoked.
+	 * @param {boolean} [options.trailing=true]
+	 *  Specify invoking on the trailing edge of the timeout.
+	 * @returns {Function} Returns the new debounced function.
+	 * @example
+	 *
+	 * // Avoid costly calculations while the window size is in flux.
+	 * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+	 *
+	 * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+	 * jQuery(element).on('click', _.debounce(sendMail, 300, {
+	 *   'leading': true,
+	 *   'trailing': false
+	 * }));
+	 *
+	 * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+	 * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+	 * var source = new EventSource('/stream');
+	 * jQuery(source).on('message', debounced);
+	 *
+	 * // Cancel the trailing debounced invocation.
+	 * jQuery(window).on('popstate', debounced.cancel);
+	 */
+	function debounce(func, wait, options) {
+	  var lastArgs,
+	      lastThis,
+	      maxWait,
+	      result,
+	      timerId,
+	      lastCallTime,
+	      lastInvokeTime = 0,
+	      leading = false,
+	      maxing = false,
+	      trailing = true;
+
+	  if (typeof func != 'function') {
+	    throw new TypeError(FUNC_ERROR_TEXT);
+	  }
+	  wait = toNumber(wait) || 0;
+	  if (isObject(options)) {
+	    leading = !!options.leading;
+	    maxing = 'maxWait' in options;
+	    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+	    trailing = 'trailing' in options ? !!options.trailing : trailing;
+	  }
+
+	  function invokeFunc(time) {
+	    var args = lastArgs,
+	        thisArg = lastThis;
+
+	    lastArgs = lastThis = undefined;
+	    lastInvokeTime = time;
+	    result = func.apply(thisArg, args);
+	    return result;
+	  }
+
+	  function leadingEdge(time) {
+	    // Reset any `maxWait` timer.
+	    lastInvokeTime = time;
+	    // Start the timer for the trailing edge.
+	    timerId = setTimeout(timerExpired, wait);
+	    // Invoke the leading edge.
+	    return leading ? invokeFunc(time) : result;
+	  }
+
+	  function remainingWait(time) {
+	    var timeSinceLastCall = time - lastCallTime,
+	        timeSinceLastInvoke = time - lastInvokeTime,
+	        timeWaiting = wait - timeSinceLastCall;
+
+	    return maxing
+	      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+	      : timeWaiting;
+	  }
+
+	  function shouldInvoke(time) {
+	    var timeSinceLastCall = time - lastCallTime,
+	        timeSinceLastInvoke = time - lastInvokeTime;
+
+	    // Either this is the first call, activity has stopped and we're at the
+	    // trailing edge, the system time has gone backwards and we're treating
+	    // it as the trailing edge, or we've hit the `maxWait` limit.
+	    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+	      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+	  }
+
+	  function timerExpired() {
+	    var time = now();
+	    if (shouldInvoke(time)) {
+	      return trailingEdge(time);
+	    }
+	    // Restart the timer.
+	    timerId = setTimeout(timerExpired, remainingWait(time));
+	  }
+
+	  function trailingEdge(time) {
+	    timerId = undefined;
+
+	    // Only invoke if we have `lastArgs` which means `func` has been
+	    // debounced at least once.
+	    if (trailing && lastArgs) {
+	      return invokeFunc(time);
+	    }
+	    lastArgs = lastThis = undefined;
+	    return result;
+	  }
+
+	  function cancel() {
+	    if (timerId !== undefined) {
+	      clearTimeout(timerId);
+	    }
+	    lastInvokeTime = 0;
+	    lastArgs = lastCallTime = lastThis = timerId = undefined;
+	  }
+
+	  function flush() {
+	    return timerId === undefined ? result : trailingEdge(now());
+	  }
+
+	  function debounced() {
+	    var time = now(),
+	        isInvoking = shouldInvoke(time);
+
+	    lastArgs = arguments;
+	    lastThis = this;
+	    lastCallTime = time;
+
+	    if (isInvoking) {
+	      if (timerId === undefined) {
+	        return leadingEdge(lastCallTime);
+	      }
+	      if (maxing) {
+	        // Handle invocations in a tight loop.
+	        clearTimeout(timerId);
+	        timerId = setTimeout(timerExpired, wait);
+	        return invokeFunc(lastCallTime);
+	      }
+	    }
+	    if (timerId === undefined) {
+	      timerId = setTimeout(timerExpired, wait);
+	    }
+	    return result;
+	  }
+	  debounced.cancel = cancel;
+	  debounced.flush = flush;
+	  return debounced;
+	}
+
+	debounce_1 = debounce;
+	return debounce_1;
+}
+
+var debounceExports = requireDebounce();
+var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
+
 /**
  * Custom hook to manage async select field options with search, pagination, and error handling using React Query.
  *
@@ -1762,7 +768,7 @@ const useConnectors = () => {
  * ```
  */
 function useFieldOptions(field) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const [searchQuery, setSearchQuery] = react.useState("");
     const queryClient = reactQuery.useQueryClient();
     // Generate a unique query key for this field
@@ -1771,7 +777,7 @@ function useFieldOptions(field) {
     }, [field.key, field.name]);
     // Initial fetch query for static options or first page
     const initialQuery = reactQuery.useQuery({
-        queryKey: [...queryKey, "initial"],
+        queryKey: [...queryKey, "initial", searchQuery],
         queryFn: async () => {
             var _a, _b;
             if (!((_a = field.optionsSource) === null || _a === void 0 ? void 0 : _a.getOptions))
@@ -1785,12 +791,16 @@ function useFieldOptions(field) {
                 type: "OFFSET",
                 hasNextPage: false,
             };
-            return await field.optionsSource.getOptions(pagination, {});
+            return await field.optionsSource.getOptions(pagination, {}, searchQuery);
         },
         enabled: !!((_a = field.optionsSource) === null || _a === void 0 ? void 0 : _a.getOptions),
         staleTime: 1000 * 60 * 5, // 5 minutes
         gcTime: 1000 * 60 * 10, // 10 minutes (formerly cacheTime)
     });
+    // Create debounced search function for server-side search
+    const debouncedSetSearch = react.useMemo(() => debounce((query) => {
+        setSearchQuery(query);
+    }, 800), []);
     // Infinite query for pagination
     const infiniteQuery = reactQuery.useInfiniteQuery({
         queryKey: [...queryKey, "infinite"],
@@ -1816,35 +826,43 @@ function useFieldOptions(field) {
         staleTime: 1000 * 60 * 5, // 5 minutes
         gcTime: 1000 * 60 * 10, // 10 minutes
     });
-    // Combine all options from initial query and infinite query
+    // Combine all options from initial query and infinite query with deduplication
     const allOptions = react.useMemo(() => {
         var _a, _b;
-        const options = [];
+        const optionsMap = new Map();
         // Add initial options
         if ((_a = initialQuery.data) === null || _a === void 0 ? void 0 : _a.options) {
-            options.push(...initialQuery.data.options);
+            initialQuery.data.options.forEach((option) => {
+                optionsMap.set(option.value, option);
+            });
         }
         // Add paginated options
         if ((_b = infiniteQuery.data) === null || _b === void 0 ? void 0 : _b.pages) {
             infiniteQuery.data.pages.forEach((page) => {
                 if (page.options) {
-                    options.push(...page.options);
+                    page.options.forEach((option) => {
+                        optionsMap.set(option.value, option);
+                    });
                 }
             });
         }
-        return options;
+        return Array.from(optionsMap.values());
     }, [initialQuery.data, infiniteQuery.data]);
-    // Filter options by query (client-side filtering)
+    // Filter options by query (client-side filtering only when not searchable)
     const filteredOptions = react.useMemo(() => {
-        // For now, we'll do client-side filtering
-        // In a real implementation, you might want to use the searchOptions function
-        // and create a separate query for search results
-        return allOptions.filter((option) => option.label.toLowerCase().includes(searchQuery.toLowerCase()));
-    }, [allOptions, searchQuery]);
+        var _a;
+        if (!((_a = initialQuery.data) === null || _a === void 0 ? void 0 : _a.searchable) && searchQuery) {
+            // Only do client-side filtering when not searchable
+            return allOptions.filter((option) => option.label.toLowerCase().includes(searchQuery.toLowerCase()));
+        }
+        // When searchable is true, use the server-filtered results directly
+        return allOptions;
+    }, [allOptions, searchQuery, (_e = initialQuery.data) === null || _e === void 0 ? void 0 : _e.searchable]);
     // Search handler
     const search = react.useCallback((query) => {
-        setSearchQuery(query);
-    }, []);
+        // Always use debounced search to prevent rapid state updates
+        debouncedSetSearch(query);
+    }, [debouncedSetSearch]);
     // Load more handler
     const loadMore = react.useCallback(async () => {
         if (infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {
@@ -1893,7 +911,7 @@ function useFieldOptions(field) {
         search,
         loadMore,
         totalLoadedOptions: allOptions.length,
-        error: ((_e = initialQuery.error) === null || _e === void 0 ? void 0 : _e.message) || ((_f = infiniteQuery.error) === null || _f === void 0 ? void 0 : _f.message) || null,
+        error: ((_f = initialQuery.error) === null || _f === void 0 ? void 0 : _f.message) || ((_g = infiniteQuery.error) === null || _g === void 0 ? void 0 : _g.message) || null,
     };
 }