@membranehq/react 0.15.6 → 0.15.8

package/dist/cjs/components/ComboBoxElements/Editor/useEditor.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Condition/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/DataBuilderFormField.cjs

@@ -2,34 +2,42 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var sdk = require('@membranehq/sdk');
 var isDefinedValue = require('../ComboBox/Badges/isDefinedValue.cjs');
+var React = require('react');
+var css = require('../../styled-system/css/css.cjs');
+require('../../styled-system/helpers.cjs');
 require('../DataBuilderUI/FieldControlPanel/index.cjs');
 require('../DataBuilderUI/ActionBar.cjs');
 var Cell = require('../DataBuilderUI/Cell.cjs');
 var NestedLevel = require('../DataBuilderUI/NestedLevel.cjs');
 var Row = require('../DataBuilderUI/Row.cjs');
 require('../DataBuilderUI/Title.cjs');
-var useDataBuilderComponents = require('./use-data-builder-components.cjs');
-var useDataBuilder = require('./use-data-builder.cjs');
 var dataField = require('./data-field.cjs');
 var fieldContext = require('./field-context.cjs');
-var useDataBuilderField = require('./use-data-builder-field.cjs');
+var FieldCopy = require('./FieldCopy.cjs');
 var FieldDelete = require('./FieldDelete.cjs');
 var index = require('./FieldName/index.cjs');
 var index$1 = require('./FieldTypeSelector/index.cjs');
 var convertableSchemaToSchema = require('./FieldTypeSelector/convertableSchemaToSchema.cjs');
 var hooks = require('./hooks.cjs');
 var RedactedToggleButton = require('./RedactedToggleButton.cjs');
+var useDataBuilder = require('./use-data-builder.cjs');
+var useDataBuilderComponents = require('./use-data-builder-components.cjs');
+var useDataBuilderField = require('./use-data-builder-field.cjs');
 
+const fieldCopyRowHoverStyles = css.css({
+  "&:hover .field-copy-button": {
+    opacity: "1"
+  }
+});
 function DataBuilderFormField({ field, onChange, onKeyChange, onDelete, onEnter }) {
   const { hideReadOnlyFields } = useDataBuilder.default();
   if (field.schema?.readOnly && hideReadOnlyFields) {
@@ -90,31 +98,39 @@ function DataBuilderFieldContent({ onChange, onKeyChange, onDelete, onEnter }) {
     showValue = false;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(NestedLevel.NestedLevel, { level: field.level, children: dataField.isFieldVisible(field) && /* @__PURE__ */ jsxRuntime.jsxs(Row.Row, { span: !showValue ? "short" : "default", children: [
-      (isDefinedValue.isDefinedValue(field.key) || field.schema?.title) && /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "name", children: /* @__PURE__ */ jsxRuntime.jsx(
-        index.FieldName,
-        {
-          field,
-          onKeyChange: handleKeyChange,
-          onEnter: handleEnterKey,
-          onEsc: handleEscKey,
-          typeSelectorSlot: /* @__PURE__ */ jsxRuntime.jsx(index$1.FieldTypeSelector, { onChange: handleChange, onSchemaChange: handleLocalSchemaTypeChange })
-        }
-      ) }),
-      showValue && /* @__PURE__ */ jsxRuntime.jsxs(Cell.Cell, { type: "combobox", span: "grow", "data-field-redacted": isRedacted, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(FieldDataInput, { onChange: handleChange }),
-        localSchema.isSensitive && /* @__PURE__ */ jsxRuntime.jsx(
-          RedactedToggleButton.RedactedToggleButton,
-          {
-            visible: !isRedacted,
-            onClick: () => {
-              setIsRedacted((val) => !val);
+    /* @__PURE__ */ jsxRuntime.jsx(NestedLevel.NestedLevel, { level: field.level, children: dataField.isFieldVisible(field) && /* @__PURE__ */ jsxRuntime.jsxs(
+      Row.Row,
+      {
+        span: !showValue ? "short" : "default",
+        className: field.schema?.readOnly ? fieldCopyRowHoverStyles : void 0,
+        children: [
+          (isDefinedValue.isDefinedValue(field.key) || field.schema?.title) && /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { type: "name", children: /* @__PURE__ */ jsxRuntime.jsx(
+            index.FieldName,
+            {
+              field,
+              onKeyChange: handleKeyChange,
+              onEnter: handleEnterKey,
+              onEsc: handleEscKey,
+              typeSelectorSlot: /* @__PURE__ */ jsxRuntime.jsx(index$1.FieldTypeSelector, { onChange: handleChange, onSchemaChange: handleLocalSchemaTypeChange })
             }
-          }
-        )
-      ] }),
-      field.isDeletable && !isReadOnly && !isFieldFrozen && /* @__PURE__ */ jsxRuntime.jsx(FieldDelete.FieldDelete, { onClick: onDelete })
-    ] }) }),
+          ) }),
+          showValue && /* @__PURE__ */ jsxRuntime.jsxs(Cell.Cell, { type: "combobox", span: "grow", "data-field-redacted": isRedacted, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldDataInput, { onChange: handleChange }),
+            localSchema.isSensitive && /* @__PURE__ */ jsxRuntime.jsx(
+              RedactedToggleButton.RedactedToggleButton,
+              {
+                visible: !isRedacted,
+                onClick: () => {
+                  setIsRedacted((val) => !val);
+                }
+              }
+            ),
+            field.schema?.readOnly && /* @__PURE__ */ jsxRuntime.jsx(FieldCopy.FieldCopy, { value: field.value })
+          ] }),
+          field.isDeletable && !isReadOnly && !isFieldFrozen && !field.schema?.readOnly && /* @__PURE__ */ jsxRuntime.jsx(FieldDelete.FieldDelete, { onClick: onDelete })
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsx(Nested, { field, onChange: handleChange })
   ] });
 }

package/dist/cjs/components/DataBuilder/FieldCopy.cjs

@@ -0,0 +1,63 @@
+"use strict";
+/*
+ * Membrane React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.15.8
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
+var index = require('../Tooltip/index.cjs');
+var useEventStopPropagation = require('../../helpers/hooks/useEventStopPropagation.cjs');
+var React = require('react');
+var css = require('../../styled-system/css/css.cjs');
+require('../../styled-system/helpers.cjs');
+var index$1 = require('../SvgIcon/index.cjs');
+
+const copyButtonStyles = css.css({
+  position: "absolute",
+  right: "1",
+  top: "50%",
+  transform: "translateY(-50%)",
+  zIndex: "1",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  w: "6",
+  h: "6",
+  rounded: "md",
+  cursor: "pointer",
+  color: "fg.subtle",
+  bg: "bg.default",
+  border: "1px solid",
+  borderColor: "border.subtle",
+  opacity: "0",
+  transition: "opacity 0.15s",
+  _hover: {
+    bg: "bg.subtle"
+  },
+  "& svg": {
+    w: "3.5",
+    h: "3.5"
+  }
+});
+function FieldCopy({ value }) {
+  const [copied, setCopied] = React.useState(false);
+  const handleClick = useEventStopPropagation.default(async () => {
+    if (value != null) {
+      try {
+        await navigator.clipboard.writeText(String(value));
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+      } catch (err) {
+        console.warn("Failed to copy to clipboard:", err);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { tooltip: copied ? "Copied!" : "Copy", usePortal: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: `field-copy-button ${copyButtonStyles}`, onClick: handleClick, "aria-label": "Copy", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: copied ? svgIconType.SvgIconType.Check : svgIconType.SvgIconType.Copy }) }) });
+}
+
+exports.FieldCopy = FieldCopy;

package/dist/cjs/components/DataBuilder/FieldDelete.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/FieldDescription.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/FieldList.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Form = require('./Form.cjs');
 var index = require('./index.cjs');
+var Form = require('./Form.cjs');
 
 function FieldList({
   schema,

package/dist/cjs/components/DataBuilder/FieldName/FieldNameInput.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var clsx = require('clsx');
+var React = require('react');
 require('../../../styled-system/css/css.cjs');
 require('../../../styled-system/helpers.cjs');
 var sva = require('../../../styled-system/css/sva.cjs');

package/dist/cjs/components/DataBuilder/FieldName/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -10,7 +10,6 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var FieldNameInput = require('./FieldNameInput.cjs');
 require('../../DataBuilderUI/FieldControlPanel/index.cjs');
 require('../../DataBuilderUI/ActionBar.cjs');
 require('../../DataBuilderUI/Cell.cjs');
@@ -18,10 +17,11 @@ require('clsx');
 require('../../DataBuilderUI/styles.module.css.cjs');
 require('../../DataBuilderUI/Row.cjs');
 var Title = require('../../DataBuilderUI/Title.cjs');
-var useDataBuilder = require('../use-data-builder.cjs');
 var dataField = require('../data-field.cjs');
 var FieldDescription = require('../FieldDescription.cjs');
 var useLevelKeysConflicts = require('../Nested/use-level-keys-conflicts.cjs');
+var useDataBuilder = require('../use-data-builder.cjs');
+var FieldNameInput = require('./FieldNameInput.cjs');
 
 function FieldName({
   field,

package/dist/cjs/components/DataBuilder/FieldTypeSelector/convertableSchemaToSchema.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/FieldTypeSelector/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -10,9 +10,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@membranehq/sdk');
-var jsConvertCase = require('js-convert-case');
 var index$1 = require('../../FloatingPortalBoundary/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var jsConvertCase = require('js-convert-case');
 require('../../../styled-system/css/css.cjs');
 require('../../../styled-system/helpers.cjs');
 var sva = require('../../../styled-system/css/sva.cjs');
@@ -20,8 +20,8 @@ var icon = require('../../../ui-kit/styled/icon.cjs');
 var menu = require('../../../ui-kit/styled/menu.cjs');
 var index = require('../../SvgIcon/index.cjs');
 var dataField = require('../data-field.cjs');
-var useDataBuilderField = require('../use-data-builder-field.cjs');
 var hooks = require('../hooks.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
 
 const FIELD_TYPE_SELECTOR_MENU_DATA_ATTR = "data-field-type-selector-menu";
 const DATA_ATTRIBUTES_PROPS = { [FIELD_TYPE_SELECTOR_MENU_DATA_ATTR]: true };

package/dist/cjs/components/DataBuilder/FieldValue/Array.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/FieldValue/Default.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -13,10 +13,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var valueSpec = require('../../ComboBox/value-spec.cjs');
-var useDataBuilder = require('../use-data-builder.cjs');
 var dataField = require('../data-field.cjs');
-var useDataBuilderField = require('../use-data-builder-field.cjs');
 var hooks = require('../hooks.cjs');
+var useDataBuilder = require('../use-data-builder.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
 
 function DefaultFieldValue({
   field,
@@ -41,7 +41,7 @@ function DefaultFieldValue({
       variablesSchema: field.variablesSchema,
       optionFactories: field.optionFactories,
       isRequired,
-      disabled: isFieldFrozen || isReadOnly,
+      disabled: isFieldFrozen || isReadOnly || !!field.schema?.readOnly,
       autoOpen,
       onClose: handleDropdownClose,
       refsToIgnoreClick,

package/dist/cjs/components/DataBuilder/FieldValue/ScalarArray.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var dataField = require('../data-field.cjs');
-var ScalarArray_module = require('./ScalarArray.module.css.cjs');
 var ArrayItems = require('../Nested/ArrayItems.cjs');
+var ScalarArray_module = require('./ScalarArray.module.css.cjs');
 
 function ScalarArrayFieldValue({ field, onChange }) {
   const currentValue = Array.isArray(field.value) ? field.value : [field.value];

package/dist/cjs/components/DataBuilder/FieldValue/ScalarArray.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/FieldValue/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -11,10 +11,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var dataField = require('../data-field.cjs');
 var Array = require('./Array.cjs');
 var Default = require('./Default.cjs');
 var ScalarArray = require('./ScalarArray.cjs');
-var dataField = require('../data-field.cjs');
 
 function DataBuilderFormFieldValue({
   field,

package/dist/cjs/components/DataBuilder/FilterInput.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -15,16 +15,16 @@ require('../../styled-system/helpers.cjs');
 require('../../styled-system/jsx/is-valid-prop.cjs');
 var box = require('../../styled-system/jsx/box.cjs');
 require('../../styled-system/patterns/visually-hidden.cjs');
+var index = require('./index.cjs');
 var componentsContext = require('./components-context.cjs');
 var index$3 = require('./Condition/index.cjs');
 var dataBuilderContext = require('./data-builder-context.cjs');
 var DataBuilderFormField = require('./DataBuilderFormField.cjs');
 var index$2 = require('./FieldValue/index.cjs');
-var formComponentsContext = require('./form-components-context.cjs');
 var Form = require('./Form.cjs');
+var formComponentsContext = require('./form-components-context.cjs');
 var index$1 = require('./Formula/index.cjs');
 var Nested = require('./Nested.cjs');
-var index = require('./index.cjs');
 var formulaComponentsContext = require('./Formula/formula-components-context.cjs');
 
 function FilterInput({

package/dist/cjs/components/DataBuilder/Form.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Formula/case-formula.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -11,10 +11,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var sdk = require('@membranehq/sdk');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var React = require('react');
 require('../../../styled-system/css/css.cjs');
 require('../../../styled-system/helpers.cjs');
 var sva = require('../../../styled-system/css/sva.cjs');

package/dist/cjs/components/DataBuilder/Formula/concat.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -11,11 +11,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var index$1 = require('../index.cjs');
+var React = require('react');
 var DataBuilderFormField = require('../DataBuilderFormField.cjs');
+var index$1 = require('../index.cjs');
 
 const ConcatFormula = React.forwardRef(
   (props, ref) => {

package/dist/cjs/components/DataBuilder/Formula/deprecatedFormula.cjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var React = require('react');
 require('../../../styled-system/css/css.cjs');
 require('../../../styled-system/helpers.cjs');
 require('../../../styled-system/jsx/is-valid-prop.cjs');

package/dist/cjs/components/DataBuilder/Formula/domainFromEmail.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -11,11 +11,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var useFormComponents = require('../use-form-components.cjs');
+var React = require('react');
 var index$1 = require('../index.cjs');
+var useFormComponents = require('../use-form-components.cjs');
 
 const DomainFromEmailFormula = React.forwardRef(
   (props, ref) => {

package/dist/cjs/components/DataBuilder/Formula/extractDate.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -11,11 +11,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var useFormComponents = require('../use-form-components.cjs');
+var React = require('react');
 var index$1 = require('../index.cjs');
+var useFormComponents = require('../use-form-components.cjs');
 
 const ExtractDateFormula = React.forwardRef(
   (props, ref) => {

package/dist/cjs/components/DataBuilder/Formula/extractTime.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -11,11 +11,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var useFormComponents = require('../use-form-components.cjs');
+var React = require('react');
 var index$1 = require('../index.cjs');
+var useFormComponents = require('../use-form-components.cjs');
 
 const ExtractTimeFormula = React.forwardRef(
   (props, ref) => {

package/dist/cjs/components/DataBuilder/Formula/findAppRecordId.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.6
+ * v0.15.8
  */
 'use client';
 
@@ -11,18 +11,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var sdk = require('@membranehq/sdk');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var useMembraneClient = require('../../../contexts/use-membrane-client.cjs');
 var useIntegrationAppConnection = require('../../../contexts/use-integration-app-connection.cjs');
-var index$1 = require('../../Truncate/index.cjs');
-var useDataBuilder = require('../use-data-builder.cjs');
-var useDataBuilderField = require('../use-data-builder-field.cjs');
+var useMembraneClient = require('../../../contexts/use-membrane-client.cjs');
+var React = require('react');
 var dataLinkTablesOptionFactory = require('../../DataLinks/data-link-tables-option-factory.cjs');
+var index$1 = require('../../Truncate/index.cjs');
 var dataField = require('../data-field.cjs');
 var DataBuilderFormField = require('../DataBuilderFormField.cjs');
+var useDataBuilder = require('../use-data-builder.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
 
 const FindAppRecordIdFormula = React.forwardRef(
   (props, ref) => {