@integration-app/react 2.0.3-beta.0 → 2.0.3-beta.1

package/dist/cjs/styled-system/recipes/spinner.cjs

@@ -0,0 +1,45 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const spinnerFn = /* @__PURE__ */ createRecipe.createRecipe('spinner', {
+  "size": "md"
+}, []);
+
+const spinnerVariantMap = {
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+  ]
+};
+
+const spinnerVariantKeys = Object.keys(spinnerVariantMap);
+
+const spinner = /* @__PURE__ */ Object.assign(helpers.memo(spinnerFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'spinner',
+  __getCompoundVariantCss__: spinnerFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: spinnerVariantKeys,
+  variantMap: spinnerVariantMap,
+  merge(recipe) {
+    return createRecipe.mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return helpers.splitProps(props, spinnerVariantKeys)
+  },
+  getVariantProps: spinnerFn.getVariantProps,
+});
+
+exports.spinner = spinner;

package/dist/cjs/styled-system/recipes/text.cjs

@@ -0,0 +1,52 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const textFn = /* @__PURE__ */ createRecipe.createRecipe('text', {}, []);
+
+const textVariantMap = {
+  "variant": [
+    "heading"
+  ],
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "6xl",
+    "7xl"
+  ]
+};
+
+const textVariantKeys = Object.keys(textVariantMap);
+
+const text = /* @__PURE__ */ Object.assign(helpers.memo(textFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'text',
+  __getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: textVariantKeys,
+  variantMap: textVariantMap,
+  merge(recipe) {
+    return createRecipe.mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return helpers.splitProps(props, textVariantKeys)
+  },
+  getVariantProps: textFn.getVariantProps,
+});
+
+exports.text = text;

package/dist/cjs/ui-kit/avatar.cjs

@@ -0,0 +1,40 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var avatar = require('./styled/avatar.cjs');
+
+const Avatar = React.forwardRef((props, ref) => {
+  const { name, src, ...rootProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Root, { ref, ...rootProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.Fallback, { children: getInitials(name) || /* @__PURE__ */ jsxRuntime.jsx(UserIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.Image, { src, alt: name })
+  ] });
+});
+Avatar.displayName = "Avatar";
+const UserIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "User Icon" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
+    ]
+  }
+);
+const getInitials = (name = "") => name.split(" ").map((part) => part[0]).splice(0, 2).join("").toUpperCase();
+
+exports.Avatar = Avatar;

package/dist/cjs/ui-kit/button.cjs

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var factory = require('../styled-system/jsx/factory.cjs');
+require('../styled-system/jsx/is-valid-prop.cjs');
+require('../styled-system/helpers.cjs');
+require('../styled-system/css/css.cjs');
+var center = require('../styled-system/jsx/center.cjs');
+var spinner = require('./spinner.cjs');
+var button = require('./styled/button.cjs');
+
+const Button = React.forwardRef(
+  (props, ref) => {
+    const { loading, disabled, loadingText, children, ...rest } = props;
+    const trulyDisabled = loading || disabled;
+    return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: trulyDisabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ButtonSpinner, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { opacity: 0, children })
+    ] }) : loadingText ? loadingText : children });
+  }
+);
+Button.displayName = "Button";
+const ButtonSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
+  center.Center,
+  {
+    inline: true,
+    position: "absolute",
+    transform: "translate(-50%, -50%)",
+    top: "50%",
+    insetStart: "50%",
+    children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { colorPalette: "gray" })
+  }
+);
+
+exports.Button = Button;

package/dist/cjs/ui-kit/spinner.cjs

@@ -0,0 +1,36 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var factory = require('../styled-system/jsx/factory.cjs');
+require('../styled-system/jsx/is-valid-prop.cjs');
+require('../styled-system/helpers.cjs');
+require('../styled-system/css/css.cjs');
+var spinner = require('./styled/spinner.cjs');
+
+const Spinner = React.forwardRef(
+  (props, ref) => {
+    const { label = "Loading...", ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      spinner.Spinner,
+      {
+        ref,
+        borderBottomColor: "transparent",
+        borderLeftColor: "transparent",
+        ...rest,
+        children: label && /* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { srOnly: true, children: label })
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+
+exports.Spinner = Spinner;

package/dist/cjs/ui-kit/styled/avatar.cjs

@@ -0,0 +1,31 @@
+"use strict";
+"use client";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var avatar = require('@ark-ui/react/avatar');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/css/conditions.cjs');
+require('../../styled-system/css/css.cjs');
+var avatar$1 = require('../../styled-system/recipes/avatar.cjs');
+var createStyleContext = require('./utils/create-style-context.cjs');
+
+const { withProvider, withContext } = createStyleContext.createStyleContext(avatar$1.avatar);
+withProvider(avatar.Avatar.RootProvider, "root");
+const Root = withProvider(avatar.Avatar.Root, "root");
+const Fallback = withContext(avatar.Avatar.Fallback, "fallback");
+const Image = withContext(avatar.Avatar.Image, "image");
+
+Object.defineProperty(exports, "Context", {
+  enumerable: true,
+  get: function () { return avatar.AvatarContext; }
+});
+exports.Fallback = Fallback;
+exports.Image = Image;
+exports.Root = Root;

package/dist/cjs/ui-kit/styled/button.cjs

@@ -0,0 +1,22 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var react = require('@ark-ui/react');
+var factory = require('../../styled-system/jsx/factory.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+require('react');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/css/conditions.cjs');
+var button = require('../../styled-system/recipes/button.cjs');
+
+const Button = factory.styled(react.ark.button, button.button);
+
+exports.Button = Button;

package/dist/cjs/ui-kit/styled/icon.cjs

@@ -0,0 +1,24 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var factory$1 = require('@ark-ui/react/factory');
+var factory = require('../../styled-system/jsx/factory.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+require('react');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/css/conditions.cjs');
+var icon = require('../../styled-system/recipes/icon.cjs');
+
+const Icon = factory.styled(factory$1.ark.svg, icon.icon, {
+  defaultProps: { asChild: true }
+});
+
+exports.Icon = Icon;

package/dist/cjs/ui-kit/styled/skeleton.cjs

@@ -0,0 +1,34 @@
+"use strict";
+"use client";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var factory$1 = require('@ark-ui/react/factory');
+var React = require('react');
+var factory = require('../../styled-system/jsx/factory.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/css/conditions.cjs');
+var skeleton = require('../../styled-system/recipes/skeleton.cjs');
+
+const StyledSkeleton = factory.styled(factory$1.ark.div, skeleton.skeleton);
+const Skeleton = React.forwardRef(
+  (props, ref) => {
+    const { isLoaded, ...otherProps } = props;
+    if (isLoaded) {
+      return /* @__PURE__ */ jsxRuntime.jsx(factory.styled.div, { animation: "fade-in", ref, ...otherProps });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(StyledSkeleton, { ref, ...otherProps });
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+exports.Skeleton = Skeleton;

package/dist/cjs/ui-kit/styled/spinner.cjs

@@ -0,0 +1,22 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var react = require('@ark-ui/react');
+var factory = require('../../styled-system/jsx/factory.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+require('react');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/css/conditions.cjs');
+var spinner = require('../../styled-system/recipes/spinner.cjs');
+
+const Spinner = factory.styled(react.ark.div, spinner.spinner);
+
+exports.Spinner = Spinner;

package/dist/cjs/ui-kit/styled/text.cjs

@@ -0,0 +1,21 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var factory = require('../../styled-system/jsx/factory.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+require('react');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/css/conditions.cjs');
+var text = require('../../styled-system/recipes/text.cjs');
+
+const Text = factory.styled("p", text.text);
+
+exports.Text = Text;

package/dist/cjs/ui-kit/styled/utils/create-style-context.cjs

@@ -0,0 +1,76 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('../../../styled-system/css/css.cjs');
+var cx = require('../../../styled-system/css/cx.cjs');
+require('../../../styled-system/helpers.cjs');
+var factory = require('../../../styled-system/jsx/factory.cjs');
+var isValidProp = require('../../../styled-system/jsx/is-valid-prop.cjs');
+
+const shouldForwardProp = (prop, variantKeys, options = {}) => options.forwardProps?.includes(prop) || !variantKeys.includes(prop) && !isValidProp.isCssProperty(prop);
+const createStyleContext = (recipe) => {
+  const StyleContext = React.createContext(null);
+  const withRootProvider = (Component) => {
+    const StyledComponent = (props) => {
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const slotStyles = recipe(variantProps);
+      return /* @__PURE__ */ jsxRuntime.jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...otherProps }) });
+    };
+    return StyledComponent;
+  };
+  const withProvider = (Component, slot, options) => {
+    const StyledComponent = factory.styled(
+      Component,
+      {},
+      {
+        shouldForwardProp: (prop, variantKeys) => shouldForwardProp(prop, variantKeys, options)
+      }
+    );
+    const StyledSlotProvider = React.forwardRef((props, ref) => {
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const slotStyles = recipe(variantProps);
+      return /* @__PURE__ */ jsxRuntime.jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsxRuntime.jsx(
+        StyledComponent,
+        {
+          ...otherProps,
+          ref,
+          className: cx.cx(slotStyles?.[slot], props.className)
+        }
+      ) });
+    });
+    StyledSlotProvider.displayName = Component.displayName || Component.name;
+    return StyledSlotProvider;
+  };
+  const withContext = (Component, slot) => {
+    const StyledComponent = factory.styled(Component);
+    const StyledSlotComponent = React.forwardRef((props, ref) => {
+      const slotStyles = React.useContext(StyleContext);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        StyledComponent,
+        {
+          ...props,
+          ref,
+          className: cx.cx(slotStyles?.[slot], props.className)
+        }
+      );
+    });
+    StyledSlotComponent.displayName = Component.displayName || Component.name;
+    return StyledSlotComponent;
+  };
+  return {
+    withRootProvider,
+    withProvider,
+    withContext
+  };
+};
+
+exports.createStyleContext = createStyleContext;

package/dist/esm/_modules/awesome-debounce-promise.mjs

@@ -0,0 +1,16 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+import AwesomeDebouncePromiseImport from 'awesome-debounce-promise';
+
+const AwesomeDebouncePromise = (
+  // @ts-ignore
+  AwesomeDebouncePromiseImport?.default ?? AwesomeDebouncePromiseImport
+);
+
+export { AwesomeDebouncePromise as default };

package/dist/esm/components/Integrations/IntegrationAvatar/index.mjs

@@ -0,0 +1,55 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { TbMoodSadFilled, TbMoodSmileFilled } from 'react-icons/tb';
+import 'react';
+import '../../../styled-system/css/css.mjs';
+import '../../../styled-system/helpers.mjs';
+import '../../../styled-system/jsx/is-valid-prop.mjs';
+import { Box } from '../../../styled-system/jsx/box.mjs';
+import { VisuallyHidden } from '../../../styled-system/jsx/visually-hidden.mjs';
+import { Avatar } from '../../../ui-kit/avatar.mjs';
+import { Icon } from '../../../ui-kit/styled/icon.mjs';
+
+const IntegrationAvatarStatus = ({ integration, ...props }) => {
+  if (!integration.connection) return null;
+  const disconnected = integration.connection.disconnected;
+  const StatusIcon = disconnected ? TbMoodSadFilled : TbMoodSmileFilled;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        position: "absolute",
+        color: "white",
+        top: "-1.5",
+        right: "-1.5",
+        fill: disconnected ? "tomato.11" : "green",
+        bg: "white",
+        borderRadius: "full",
+        children: /* @__PURE__ */ jsx(StatusIcon, { "aria-hidden": "true", ...props })
+      }
+    ),
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: disconnected ? " - disconnected" : " - connected" })
+  ] });
+};
+const IntegrationAvatar = ({ integration, ...props }) => {
+  return /* @__PURE__ */ jsxs(Box, { position: "relative", ...props, children: [
+    /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        src: integration.logoUri,
+        name: integration.name,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx(IntegrationAvatarStatus, { integration })
+  ] });
+};
+
+export { IntegrationAvatar };

package/dist/esm/components/Integrations/IntegrationItem/index.mjs

@@ -0,0 +1,54 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React, { forwardRef, Children, Fragment as Fragment$1 } from 'react';
+import { Button } from '../../../ui-kit/button.mjs';
+import { Text } from '../../../ui-kit/styled/text.mjs';
+import { IntegrationAvatar } from '../IntegrationAvatar/index.mjs';
+
+const IntegrationItem = forwardRef(({ integration, children, asChild, ...props }, ref) => {
+  const hasDirectChild = Boolean(
+    children && Children.only(children) && React.isValidElement(children)
+  );
+  const directDescendant = hasDirectChild ? children : /* @__PURE__ */ jsx(Fragment$1, {});
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "subtle",
+      colorPalette: "blue",
+      display: "flex",
+      bg: {
+        base: "white",
+        _hover: "revert-layer"
+      },
+      justifyContent: "start",
+      alignItems: "center",
+      gap: "2",
+      flexDirection: "column-reverse",
+      maxH: "initial",
+      h: "initial",
+      p: "3",
+      pt: "5",
+      borderRadius: "md",
+      minH: "28",
+      whiteSpace: "wrap",
+      ...props,
+      asChild: asChild && hasDirectChild,
+      children: React.cloneElement(directDescendant, {
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray.12", size: "xs", children: integration.name }),
+          /* @__PURE__ */ jsx(IntegrationAvatar, { integration })
+        ] })
+      })
+    }
+  );
+});
+
+export { IntegrationItem };

package/dist/esm/components/Integrations/IntegrationItemSkeleton.mjs

@@ -0,0 +1,43 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Skeleton } from '../../ui-kit/styled/skeleton.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 { Circle } from '../../styled-system/jsx/circle.mjs';
+
+const IntegrationItemSkeleton = forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      ref,
+      display: "flex",
+      bg: "white",
+      justifyContent: "start",
+      alignItems: "center",
+      gap: "2",
+      flexDirection: "column",
+      p: "3",
+      pt: "5",
+      borderRadius: "md",
+      minH: "28",
+      whiteSpace: "wrap",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Skeleton, { borderRadius: "full", children: /* @__PURE__ */ jsx(Circle, { size: "10" }) }),
+        /* @__PURE__ */ jsx(Skeleton, { h: "4", w: "3/5" })
+      ]
+    }
+  );
+});
+
+export { IntegrationItemSkeleton };

package/dist/esm/contexts/integration-app-context.mjs

@@ -0,0 +1,45 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+import { jsx } from 'react/jsx-runtime';
+import { IntegrationAppClient } from '@integration-app/sdk';
+import { createContext, useMemo, useContext } from 'react';
+
+const IntegrationAppContext = createContext(null);
+IntegrationAppContext.displayName = "IntegrationAppClientContext";
+const IntegrationAppProvider = ({
+  token,
+  fetchToken,
+  credentials,
+  fetchCredentials,
+  /* FIXME: strictNullCheck temporary fix */
+  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string'.
+  apiUri = null,
+  /* FIXME: strictNullCheck temporary fix */
+  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string'.
+  uiUri = null,
+  children
+}) => {
+  const client = useMemo(
+    () => new IntegrationAppClient({
+      token,
+      fetchToken,
+      credentials,
+      fetchCredentials,
+      apiUri,
+      uiUri
+    }),
+    [token, JSON.stringify(credentials), apiUri, uiUri]
+  );
+  return /* @__PURE__ */ jsx(IntegrationAppContext.Provider, { value: client, children });
+};
+function useIntegrationApp() {
+  return useContext(IntegrationAppContext);
+}
+
+export { IntegrationAppProvider, useIntegrationApp };