@membranehq/react 0.1.0

package/dist/esm/components/DataBuilder/Formula/concat.mjs

@@ -0,0 +1,61 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { makeDataField } from '../index.mjs';
+import { DataBuilderFormField } from '../DataBuilderFormField.mjs';
+
+const ConcatFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onClick: props.onClick, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Function }),
+      " Combine strings"
+    ] });
+  }
+);
+ConcatFormula.displayName = "ConcatFormula";
+function ConcatFormulaDropdown({
+  onChange,
+  formula,
+  variablesSchema,
+  optionFactories
+}) {
+  function handleOnChange(value2) {
+    onChange?.({
+      $concat: value2
+    });
+  }
+  const isShortcutFormulaSyntax = Array.isArray(formula.args);
+  const value = isShortcutFormulaSyntax ? { values: formula.args } : formula.args ?? {};
+  const field = makeDataField({
+    schema: {
+      type: "object",
+      required: ["values"],
+      properties: {
+        values: {
+          type: "array",
+          items: {
+            type: "string"
+          }
+        },
+        delimiter: {
+          type: "string"
+        }
+      }
+    },
+    value,
+    variablesSchema,
+    optionFactories
+  });
+  return /* @__PURE__ */ jsx(DataBuilderFormField, { field, onChange: handleOnChange });
+}
+
+export { ConcatFormulaDropdown, ConcatFormula as default };

package/dist/esm/components/DataBuilder/Formula/deprecatedFormula.mjs

@@ -0,0 +1,29 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import '../../../styled-system/css/css.mjs';
+import '../../../styled-system/helpers.mjs';
+import '../../../styled-system/jsx/is-valid-prop.mjs';
+import { Flex } from '../../../styled-system/jsx/flex.mjs';
+import '../../../styled-system/patterns/visually-hidden.mjs';
+
+const DeprecatedFormula = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "static-value", ref, onClick: props.onClick, onDelete: props.onDelete, children: [
+    /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Function }),
+    " Deprecated formula"
+  ] });
+});
+function DeprecatedFormulaDropdown(_) {
+  return /* @__PURE__ */ jsx(Flex, { flexDirection: "column", justifyContent: "center", fontWeight: "medium", color: "slate.12", py: "4", children: "This formula is deprecated and cannot be edited." });
+}
+
+export { DeprecatedFormula, DeprecatedFormulaDropdown };

package/dist/esm/components/DataBuilder/Formula/domainFromEmail.mjs

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { DataBuilderForm } from '../Form.mjs';
+import { makeDataField } from '../index.mjs';
+
+const DomainFromEmailFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onClick: props.onClick, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Function }),
+      " Domain from email"
+    ] });
+  }
+);
+DomainFromEmailFormula.displayName = "DomainFromEmailFormula";
+function DomainFromEmailFormulaDropdown(props) {
+  const { onChange, variablesSchema, optionFactories, formula } = props;
+  function handleVariableChange(value) {
+    onChange?.({
+      $domainFromEmail: value
+    });
+  }
+  const field = makeDataField({
+    schema: {
+      title: "Domain From Email",
+      type: "string"
+    },
+    value: formula.value,
+    variablesSchema,
+    optionFactories
+  });
+  return /* @__PURE__ */ jsx(DataBuilderForm, { field, onChange: handleVariableChange });
+}
+
+export { DomainFromEmailFormulaDropdown, DomainFromEmailFormula as default };

package/dist/esm/components/DataBuilder/Formula/extractDate.mjs

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { DataBuilderForm } from '../Form.mjs';
+import { makeDataField } from '../index.mjs';
+
+const ExtractDateFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onClick: props.onClick, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Function }),
+      " Extract date"
+    ] });
+  }
+);
+function ExtractDateFormulaDropdown(props) {
+  const { onChange, variablesSchema, optionFactories, formula } = props;
+  function handleVariableChange(value) {
+    onChange?.({
+      $extractDate: value
+    });
+  }
+  const field = makeDataField({
+    schema: {
+      title: "Extract date from",
+      type: "string",
+      format: "date-time"
+    },
+    value: formula.value,
+    variablesSchema,
+    optionFactories
+  });
+  return /* @__PURE__ */ jsx(DataBuilderForm, { field, onChange: handleVariableChange });
+}
+
+export { ExtractDateFormulaDropdown, ExtractDateFormula as default };

package/dist/esm/components/DataBuilder/Formula/extractTime.mjs

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { DataBuilderForm } from '../Form.mjs';
+import { makeDataField } from '../index.mjs';
+
+const ExtractTimeFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onClick: props.onClick, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Function }),
+      " Extract time"
+    ] });
+  }
+);
+function ExtractTimeFormulaDropdown(props) {
+  const { onChange, variablesSchema, optionFactories, formula } = props;
+  function handleVariableChange(value) {
+    onChange?.({
+      $extractTime: value
+    });
+  }
+  const field = makeDataField({
+    schema: {
+      title: "Extract time from",
+      type: "string",
+      format: "date-time"
+    },
+    value: formula.value,
+    variablesSchema,
+    optionFactories
+  });
+  return /* @__PURE__ */ jsx(DataBuilderForm, { field, onChange: handleVariableChange });
+}
+
+export { ExtractTimeFormulaDropdown, ExtractTimeFormula as default };

package/dist/esm/components/DataBuilder/Formula/findAppRecordId.mjs

@@ -0,0 +1,109 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DataBuilderFormulaType } from '@membranehq/sdk';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { useIntegrationAppClient } from '../../../contexts/integration-app-client-context.mjs';
+import { useIntegrationAppConnection } from '../../../contexts/integration-app-connection-context.mjs';
+import { Truncate } from '../../Truncate/index.mjs';
+import useDataBuilder from '../data-builder-context.mjs';
+import useDataBuilderField from '../field-context.mjs';
+import { DataLinkTablesOptionsFactory } from '../../DataLinks/data-link-tables-option-factory.mjs';
+import { makeSubField } from '../data-field.mjs';
+import { DataBuilderFormField } from '../DataBuilderFormField.mjs';
+
+const FindAppRecordIdFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Array }),
+      " ",
+      /* @__PURE__ */ jsx(Truncate, { children: "Find App Record ID" })
+    ] });
+  }
+);
+function FindAppRecordIdFormulaDropdown({
+  formula,
+  onChange
+}) {
+  const { field } = useDataBuilderField();
+  const { client } = useIntegrationAppClient();
+  const { connectionId } = useIntegrationAppConnection();
+  const { isAdminMode } = useDataBuilder();
+  if (formula?.type !== DataBuilderFormulaType.FIND_APP_RECORD_ID) {
+    return /* @__PURE__ */ jsx("span", { children: "Unexpected value for drilldown. Something went wrong." });
+  }
+  const args = formula.args ?? {};
+  const { dataLinkTable, recordId } = args;
+  function handleChange(value) {
+    onChange?.({
+      $findAppRecordId: {
+        ...args,
+        ...value
+      }
+    });
+  }
+  function handleDataLinkTableKeyChange(value) {
+    handleChange({
+      dataLinkTable: {
+        key: value
+      }
+    });
+  }
+  function handleRecordIdChange(value) {
+    handleChange({
+      recordId: value
+    });
+  }
+  function makeDataLinkTableField() {
+    return makeSubField(field, {
+      valueLocator: `${field.valueLocator}.dataLinkTable.key`,
+      value: dataLinkTable?.key,
+      schema: { type: "string", title: "Data Link Table" },
+      optionFactories: [
+        new DataLinkTablesOptionsFactory({
+          client,
+          connectionId,
+          /* FIXME: strictNullCheck temporary fix */
+          // @ts-expect-error TS(2322): Type 'boolean | undefined' is not assignable to ty... Remove this comment to see the full error message
+          isAdminMode
+        })
+      ],
+      exampleVariables: null,
+      variablesSchema: null,
+      level: 1,
+      /* FIXME: strictNullCheck temporary fix */
+      // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string | un... Remove this comment to see the full error message
+      key: null,
+      isInSchema: true
+    });
+  }
+  function makeRecordIdField() {
+    return makeSubField(field, {
+      valueLocator: `${field.valueLocator}.$findAppRecordId.recordId`,
+      schema: { type: "string", title: "External Record Id" },
+      optionFactories: field.optionFactories,
+      exampleVariables: field.exampleVariables,
+      variablesSchema: field.variablesSchema,
+      level: 1,
+      /* FIXME: strictNullCheck temporary fix */
+      // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string | un... Remove this comment to see the full error message
+      key: null,
+      value: recordId,
+      isInSchema: true
+    });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DataBuilderFormField, { field: makeDataLinkTableField(), onChange: handleDataLinkTableKeyChange }),
+    /* @__PURE__ */ jsx(DataBuilderFormField, { field: makeRecordIdField(), onChange: handleRecordIdChange })
+  ] });
+}
+
+export { FindAppRecordIdFormulaDropdown, FindAppRecordIdFormula as default };

package/dist/esm/components/DataBuilder/Formula/findExternalRecordId.mjs

@@ -0,0 +1,108 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DataBuilderFormulaType } from '@membranehq/sdk';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { useIntegrationAppClient } from '../../../contexts/integration-app-client-context.mjs';
+import { useIntegrationAppConnection } from '../../../contexts/integration-app-connection-context.mjs';
+import { Truncate } from '../../Truncate/index.mjs';
+import useDataBuilder from '../data-builder-context.mjs';
+import { makeSubField } from '../data-field.mjs';
+import useDataBuilderField from '../field-context.mjs';
+import { DataLinkTablesOptionsFactory } from '../../DataLinks/data-link-tables-option-factory.mjs';
+import { DataBuilderFormField } from '../DataBuilderFormField.mjs';
+
+const FindExternalRecordIdFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Array }),
+      /* @__PURE__ */ jsx(Truncate, { children: "Find External Record ID" })
+    ] });
+  }
+);
+function FindExternalRecordIdFormulaDropdown({
+  formula,
+  onChange
+}) {
+  const { field } = useDataBuilderField();
+  const { client } = useIntegrationAppClient();
+  const { connectionId } = useIntegrationAppConnection();
+  const { isAdminMode } = useDataBuilder();
+  if (formula?.type !== DataBuilderFormulaType.FIND_EXTERNAL_RECORD_ID) {
+    return /* @__PURE__ */ jsx("span", { children: "Unexpected value for drilldown. Something went wrong." });
+  }
+  const args = formula.args ?? {};
+  const { dataLinkTable, recordId } = args;
+  function handleChange(value) {
+    onChange?.({
+      $findExternalRecordId: {
+        ...args,
+        ...value
+      }
+    });
+  }
+  function handleDataLinkTableKeyChange(value) {
+    handleChange({
+      dataLinkTable: {
+        key: value
+      }
+    });
+  }
+  function handleRecordIdChange(value) {
+    handleChange({
+      recordId: value
+    });
+  }
+  function makeDataLinkTableField() {
+    return makeSubField(field, {
+      valueLocator: `${field.valueLocator}.dataLinkTable.key`,
+      value: dataLinkTable?.key,
+      schema: { type: "string", title: "Data Link Table" },
+      optionFactories: [
+        new DataLinkTablesOptionsFactory({
+          client,
+          connectionId,
+          /* FIXME: strictNullCheck temporary fix */
+          // @ts-expect-error TS(2322): Type 'boolean | undefined' is not assignable to ty... Remove this comment to see the full error message
+          isAdminMode
+        })
+      ],
+      exampleVariables: null,
+      variablesSchema: null,
+      level: 1,
+      /* FIXME: strictNullCheck temporary fix */
+      // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string | un... Remove this comment to see the full error message
+      key: null,
+      isInSchema: true
+    });
+  }
+  function makeRecordIdField() {
+    return makeSubField(field, {
+      valueLocator: `${field.valueLocator}.$findExternalRecordId.recordId`,
+      schema: { type: "string", title: "App Record Id" },
+      optionFactories: field.optionFactories,
+      exampleVariables: field.exampleVariables,
+      variablesSchema: field.variablesSchema,
+      level: 1,
+      /* FIXME: strictNullCheck temporary fix */
+      // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string | un... Remove this comment to see the full error message
+      key: null,
+      value: recordId,
+      isInSchema: true
+    });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DataBuilderFormField, { field: makeDataLinkTableField(), onChange: handleDataLinkTableKeyChange }),
+    /* @__PURE__ */ jsx(DataBuilderFormField, { field: makeRecordIdField(), onChange: handleRecordIdChange })
+  ] });
+}
+
+export { FindExternalRecordIdFormulaDropdown, FindExternalRecordIdFormula as default };

package/dist/esm/components/DataBuilder/Formula/firstName.mjs

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { DataBuilderForm } from '../Form.mjs';
+import { makeDataField } from '../index.mjs';
+
+const FirstNameFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onClick: props.onClick, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Function }),
+      " Extract first name"
+    ] });
+  }
+);
+FirstNameFormula.displayName = "FirstNameFormula";
+function FirstNameFormulaDropdown(props) {
+  const { onChange, variablesSchema, optionFactories, formula } = props;
+  function handleVariableChange(value) {
+    onChange?.({
+      $firstName: value
+    });
+  }
+  const field = makeDataField({
+    schema: {
+      title: "Extract first name from",
+      type: "string"
+    },
+    value: formula.value,
+    variablesSchema,
+    optionFactories
+  });
+  return /* @__PURE__ */ jsx(DataBuilderForm, { field, onChange: handleVariableChange });
+}
+
+export { FirstNameFormulaDropdown, FirstNameFormula as default };

package/dist/esm/components/DataBuilder/Formula/firstNotEmpty.mjs

@@ -0,0 +1,56 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { schemaWithTitle } from '@membranehq/sdk';
+import { EditorTagBadge, EditorTagBadgeIcon } from '../../ComboBox/Badges/EditorTagBadge/index.mjs';
+import { DataInput } from '../../DataInput/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import useDataBuilderField from '../field-context.mjs';
+
+const FirstNotEmptyFormula = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs(EditorTagBadge, { variant: "formula", ref, onClick: props.onClick, onDelete: props.onDelete, children: [
+      /* @__PURE__ */ jsx(EditorTagBadgeIcon, { type: SvgIconType.Function }),
+      " First not empty"
+    ] });
+  }
+);
+FirstNotEmptyFormula.displayName = "FirstNotEmptyFormula";
+function FirstNotEmptyDropdown({ onChange, formula }) {
+  const { field, localSchema } = useDataBuilderField();
+  const renderedField = {
+    ...field,
+    value: {
+      $firstNotEmpty: formula.args
+    }
+  };
+  return /* @__PURE__ */ jsx(FirstNotEmptyNested, { field: renderedField, onChange, schema: localSchema });
+}
+function FirstNotEmptyNested({ field, onChange, schema }) {
+  return /* @__PURE__ */ jsx(
+    DataInput,
+    {
+      schema: schemaWithTitle(
+        {
+          type: "array",
+          items: schema
+        },
+        "Values"
+      ),
+      value: field.value?.$firstNotEmpty ?? [],
+      variablesSchema: field.variablesSchema,
+      onChange: (value) => {
+        onChange?.({ $firstNotEmpty: value });
+      }
+    }
+  );
+}
+
+export { FirstNotEmptyDropdown, FirstNotEmptyFormula as default };

package/dist/esm/components/DataBuilder/Formula/index.mjs

@@ -0,0 +1,124 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { DataBuilderFormulaType } from '@membranehq/sdk';
+import CaseFormula, { CaseFormulaDropdown } from './case-formula.mjs';
+import ConcatFormula, { ConcatFormulaDropdown } from './concat.mjs';
+import { DeprecatedFormulaDropdown, DeprecatedFormula } from './deprecatedFormula.mjs';
+import DomainFromEmailFormula, { DomainFromEmailFormulaDropdown } from './domainFromEmail.mjs';
+import ExtractDateFormula, { ExtractDateFormulaDropdown } from './extractDate.mjs';
+import ExtractTimeFormula, { ExtractTimeFormulaDropdown } from './extractTime.mjs';
+import FindAppRecordIdFormula, { FindAppRecordIdFormulaDropdown } from './findAppRecordId.mjs';
+import FindExternalRecordIdFormula, { FindExternalRecordIdFormulaDropdown } from './findExternalRecordId.mjs';
+import FirstNameFormula, { FirstNameFormulaDropdown } from './firstName.mjs';
+import FirstNotEmptyFormula, { FirstNotEmptyDropdown } from './firstNotEmpty.mjs';
+import IterateFormula, { IteratedFormulaDropdown } from './iterate.mjs';
+import JsonataFormulaTag, { JsonataFormulaDropdown } from './jsonata.mjs';
+import LastNameFormula, { LastNameFormulaDropdown } from './lastName.mjs';
+import LookupFormula from './lookup.mjs';
+import MapFormula, { MapFormulaDropdown } from './map.mjs';
+import MergeObjectsFormula, { MergeObjectsDropdown } from './mergeObjects.mjs';
+import NoUiFormula from './noUi.mjs';
+import TplFormula from './tpl.mjs';
+import VarFormula from './var.mjs';
+
+const formulaComponentMapping = {
+  [DataBuilderFormulaType.DATA_SCHEMA_REF]: {
+    component: NoUiFormula
+  },
+  [DataBuilderFormulaType.VAR]: {
+    component: VarFormula
+  },
+  [DataBuilderFormulaType.TPL]: {
+    component: TplFormula
+  },
+  [DataBuilderFormulaType.RECORD]: {
+    component: DeprecatedFormula,
+    DropdownComponent: DeprecatedFormulaDropdown
+  },
+  [DataBuilderFormulaType.FIRST_NAME]: {
+    component: FirstNameFormula,
+    DropdownComponent: FirstNameFormulaDropdown
+  },
+  [DataBuilderFormulaType.LAST_NAME]: {
+    component: LastNameFormula,
+    DropdownComponent: LastNameFormulaDropdown
+  },
+  [DataBuilderFormulaType.ITERATE]: {
+    component: IterateFormula,
+    DropdownComponent: IteratedFormulaDropdown
+  },
+  [DataBuilderFormulaType.CONCAT]: {
+    component: ConcatFormula,
+    DropdownComponent: ConcatFormulaDropdown
+  },
+  [DataBuilderFormulaType.LOOKUP]: {
+    component: LookupFormula
+  },
+  [DataBuilderFormulaType.MAP]: {
+    component: MapFormula,
+    DropdownComponent: MapFormulaDropdown
+  },
+  [DataBuilderFormulaType.CASE]: {
+    component: CaseFormula,
+    DropdownComponent: CaseFormulaDropdown
+  },
+  [DataBuilderFormulaType.PLAIN]: {
+    component: NoUiFormula
+  },
+  [DataBuilderFormulaType.EXTRACT_DATE]: {
+    component: ExtractDateFormula,
+    DropdownComponent: ExtractDateFormulaDropdown
+  },
+  [DataBuilderFormulaType.EXTRACT_TIME]: {
+    component: ExtractTimeFormula,
+    DropdownComponent: ExtractTimeFormulaDropdown
+  },
+  [DataBuilderFormulaType.COPY]: {
+    component: DeprecatedFormula,
+    DropdownComponent: DeprecatedFormulaDropdown
+  },
+  [DataBuilderFormulaType.FIND_APP_RECORD_ID]: {
+    component: FindAppRecordIdFormula,
+    DropdownComponent: FindAppRecordIdFormulaDropdown
+  },
+  [DataBuilderFormulaType.FIND_EXTERNAL_RECORD_ID]: {
+    component: FindExternalRecordIdFormula,
+    DropdownComponent: FindExternalRecordIdFormulaDropdown
+  },
+  [DataBuilderFormulaType.EVAL]: {
+    component: NoUiFormula
+  },
+  [DataBuilderFormulaType.AND]: {
+    component: NoUiFormula
+  },
+  [DataBuilderFormulaType.OR]: {
+    component: NoUiFormula
+  },
+  [DataBuilderFormulaType.MERGE_OBJECTS]: {
+    component: MergeObjectsFormula,
+    DropdownComponent: MergeObjectsDropdown
+  },
+  [DataBuilderFormulaType.FIRST_NOT_EMPTY]: {
+    component: FirstNotEmptyFormula,
+    DropdownComponent: FirstNotEmptyDropdown
+  },
+  [DataBuilderFormulaType.DOMAIN_FROM_EMAIL]: {
+    component: DomainFromEmailFormula,
+    DropdownComponent: DomainFromEmailFormulaDropdown
+  },
+  [DataBuilderFormulaType.FORMULA]: {
+    component: NoUiFormula
+  },
+  [DataBuilderFormulaType.JSONATA]: {
+    component: JsonataFormulaTag,
+    DropdownComponent: JsonataFormulaDropdown
+  }
+};
+
+export { formulaComponentMapping };