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

package/dist/cjs/_modules/awesome-debounce-promise.cjs

@@ -0,0 +1,20 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AwesomeDebouncePromiseImport = require('awesome-debounce-promise');
+
+const AwesomeDebouncePromise = (
+  // @ts-ignore
+  AwesomeDebouncePromiseImport?.default ?? AwesomeDebouncePromiseImport
+);
+
+exports.default = AwesomeDebouncePromise;

package/dist/cjs/components/Integrations/IntegrationAvatar/index.cjs

@@ -0,0 +1,57 @@
+"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 tb = require('react-icons/tb');
+require('react');
+require('../../../styled-system/css/css.cjs');
+require('../../../styled-system/helpers.cjs');
+require('../../../styled-system/jsx/is-valid-prop.cjs');
+var box = require('../../../styled-system/jsx/box.cjs');
+var visuallyHidden = require('../../../styled-system/jsx/visually-hidden.cjs');
+var avatar = require('../../../ui-kit/avatar.cjs');
+var icon = require('../../../ui-kit/styled/icon.cjs');
+
+const IntegrationAvatarStatus = ({ integration, ...props }) => {
+  if (!integration.connection) return null;
+  const disconnected = integration.connection.disconnected;
+  const StatusIcon = disconnected ? tb.TbMoodSadFilled : tb.TbMoodSmileFilled;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      icon.Icon,
+      {
+        position: "absolute",
+        color: "white",
+        top: "-1.5",
+        right: "-1.5",
+        fill: disconnected ? "tomato.11" : "green",
+        bg: "white",
+        borderRadius: "full",
+        children: /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { "aria-hidden": "true", ...props })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(visuallyHidden.VisuallyHidden, { children: disconnected ? " - disconnected" : " - connected" })
+  ] });
+};
+const IntegrationAvatar = ({ integration, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(box.Box, { position: "relative", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      avatar.Avatar,
+      {
+        src: integration.logoUri,
+        name: integration.name,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(IntegrationAvatarStatus, { integration })
+  ] });
+};
+
+exports.IntegrationAvatar = IntegrationAvatar;

package/dist/cjs/components/Integrations/IntegrationItem/index.cjs

@@ -0,0 +1,56 @@
+"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 button = require('../../../ui-kit/button.cjs');
+var text = require('../../../ui-kit/styled/text.cjs');
+var index = require('../IntegrationAvatar/index.cjs');
+
+const IntegrationItem = React.forwardRef(({ integration, children, asChild, ...props }, ref) => {
+  const hasDirectChild = Boolean(
+    children && React.Children.only(children) && React.isValidElement(children)
+  );
+  const directDescendant = hasDirectChild ? children : /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(text.Text, { color: "gray.12", size: "xs", children: integration.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(index.IntegrationAvatar, { integration })
+        ] })
+      })
+    }
+  );
+});
+
+exports.IntegrationItem = IntegrationItem;

package/dist/cjs/components/Integrations/IntegrationItemSkeleton.cjs

@@ -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';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var skeleton = require('../../ui-kit/styled/skeleton.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+var flex = require('../../styled-system/jsx/flex.cjs');
+var circle = require('../../styled-system/jsx/circle.cjs');
+
+const IntegrationItemSkeleton = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    flex.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__ */ jsxRuntime.jsx(skeleton.Skeleton, { borderRadius: "full", children: /* @__PURE__ */ jsxRuntime.jsx(circle.Circle, { size: "10" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { h: "4", w: "3/5" })
+      ]
+    }
+  );
+});
+
+exports.IntegrationItemSkeleton = IntegrationItemSkeleton;

package/dist/cjs/contexts/integration-app-context.cjs

@@ -0,0 +1,48 @@
+"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 sdk = require('@integration-app/sdk');
+var React = require('react');
+
+const IntegrationAppContext = React.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 = React.useMemo(
+    () => new sdk.IntegrationAppClient({
+      token,
+      fetchToken,
+      credentials,
+      fetchCredentials,
+      apiUri,
+      uiUri
+    }),
+    [token, JSON.stringify(credentials), apiUri, uiUri]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(IntegrationAppContext.Provider, { value: client, children });
+};
+function useIntegrationApp() {
+  return React.useContext(IntegrationAppContext);
+}
+
+exports.IntegrationAppProvider = IntegrationAppProvider;
+exports.useIntegrationApp = useIntegrationApp;

package/dist/cjs/hooks/actions/useAction.cjs

@@ -0,0 +1,37 @@
+"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 sdk = require('@integration-app/sdk');
+var useElement = require('../useElement.cjs');
+
+function useAction(selector) {
+  const {
+    item: action,
+    accessor,
+    refresh,
+    ...rest
+  } = useElement.useElement(
+    sdk.WorkspaceElementType.Action,
+    selector,
+    (integrationApp) => selector ? integrationApp.action(selector) : void 0
+  );
+  async function apply(integrationKeys) {
+    const result = await accessor?.apply(integrationKeys);
+    await refresh();
+    return result;
+  }
+  async function reset() {
+    await accessor?.reset();
+    await refresh();
+  }
+  return { action, apply, reset, refresh, accessor, ...rest };
+}
+
+exports.useAction = useAction;

package/dist/cjs/hooks/actions/useActionInstance.cjs

@@ -0,0 +1,51 @@
+"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 sdk = require('@integration-app/sdk');
+var useElement = require('../useElement.cjs');
+
+function useActionInstance(selector) {
+  const {
+    item: actionInstance,
+    accessor,
+    refresh,
+    ...rest
+  } = useElement.useElement(
+    sdk.WorkspaceElementType.ActionInstance,
+    selector,
+    (integrationApp) => selector ? integrationApp.actionInstance(selector) : void 0
+  );
+  async function run(input) {
+    return accessor?.run(input);
+  }
+  async function setup() {
+    await accessor?.setup();
+    await refresh();
+  }
+  async function reset() {
+    await accessor?.reset();
+    await refresh();
+  }
+  async function openConfiguration(options) {
+    return accessor?.open(options);
+  }
+  return {
+    actionInstance,
+    accessor,
+    refresh,
+    setup,
+    reset,
+    openConfiguration,
+    run,
+    ...rest
+  };
+}
+
+exports.useActionInstance = useActionInstance;

package/dist/cjs/hooks/actions/useActionInstances.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 useElements = require('../useElements.cjs');
+
+function useActionInstances(query) {
+  const { ...rest } = useElements.useElements("action-instances", query);
+  return {
+    actionInstances: rest.items,
+    ...rest
+  };
+}
+
+exports.useActionInstances = useActionInstances;

package/dist/cjs/hooks/actions/useActions.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 useElements = require('../useElements.cjs');
+
+function useActions(query) {
+  const { ...rest } = useElements.useElements("actions", query);
+  return {
+    actions: rest.items,
+    ...rest
+  };
+}
+
+exports.useActions = useActions;

package/dist/cjs/hooks/app-data-schemas/useAppDataSchema.cjs

@@ -0,0 +1,23 @@
+"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 sdk = require('@integration-app/sdk');
+var useElement = require('../useElement.cjs');
+
+function useAppDataSchema(selector) {
+  const { item: appDataSchema, ...rest } = useElement.useElement(
+    sdk.WorkspaceElementType.AppDataSchema,
+    selector,
+    (integrationApp) => selector ? integrationApp.appDataSchema(selector) : void 0
+  );
+  return { appDataSchema, ...rest };
+}
+
+exports.useAppDataSchema = useAppDataSchema;

package/dist/cjs/hooks/app-data-schemas/useAppDataSchemaInstance.cjs

@@ -0,0 +1,38 @@
+"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 sdk = require('@integration-app/sdk');
+var useElement = require('../useElement.cjs');
+
+function useAppDataSchemaInstance(selector) {
+  const {
+    item: appDataSchemaInstance,
+    accessor,
+    refresh,
+    ...rest
+  } = useElement.useElement(
+    sdk.WorkspaceElementType.AppDataSchemaInstance,
+    selector,
+    (integrationApp) => selector ? integrationApp.appDataSchemaInstance(selector) : void 0
+  );
+  async function setup() {
+    await accessor?.setup();
+    await refresh();
+  }
+  return {
+    appDataSchemaInstance,
+    accessor,
+    refresh,
+    setup,
+    ...rest
+  };
+}
+
+exports.useAppDataSchemaInstance = useAppDataSchemaInstance;

package/dist/cjs/hooks/app-data-schemas/useAppDataSchemaInstances.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 useElements = require('../useElements.cjs');
+
+function useAppDataSchemaInstances(query) {
+  const { ...rest } = useElements.useElements(
+    "app-data-schema-instances",
+    query
+  );
+  return {
+    appDataSchemaInstances: rest.items,
+    ...rest
+  };
+}
+
+exports.useAppDataSchemaInstances = useAppDataSchemaInstances;

package/dist/cjs/hooks/app-data-schemas/useAppDataSchemas.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 useElements = require('../useElements.cjs');
+
+function useAppDataSchemas(query) {
+  const { ...rest } = useElements.useElements("app-data-schemas", query);
+  return {
+    appDataSchemas: rest.items,
+    ...rest
+  };
+}
+
+exports.useAppDataSchemas = useAppDataSchemas;

package/dist/cjs/hooks/app-events/useAppEventSubscription.cjs

@@ -0,0 +1,23 @@
+"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 sdk = require('@integration-app/sdk');
+var useElement = require('../useElement.cjs');
+
+function useAppEventSubscription(selector) {
+  const { item: appEventSubscription, ...rest } = useElement.useElement(
+    sdk.WorkspaceElementType.AppEventSubscription,
+    selector,
+    (integrationApp) => selector ? integrationApp.appEventSubscription(selector) : void 0
+  );
+  return { appEventSubscription, ...rest };
+}
+
+exports.useAppEventSubscription = useAppEventSubscription;

package/dist/cjs/hooks/app-events/useAppEventSubscriptions.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 useElements = require('../useElements.cjs');
+
+function useAppEventSubscriptions(query) {
+  const { ...rest } = useElements.useElements(
+    "app-event-subscriptions",
+    query
+  );
+  return {
+    appEventSubscriptions: rest.items,
+    ...rest
+  };
+}
+
+exports.useAppEventSubscriptions = useAppEventSubscriptions;

package/dist/cjs/hooks/app-events/useAppEventType.cjs

@@ -0,0 +1,23 @@
+"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 sdk = require('@integration-app/sdk');
+var useElement = require('../useElement.cjs');
+
+function useAppEventType(selector) {
+  const { item: appEventType, ...rest } = useElement.useElement(
+    sdk.WorkspaceElementType.AppEventType,
+    selector,
+    (integrationApp) => selector ? integrationApp.appEventType(selector) : void 0
+  );
+  return { appEventType, ...rest };
+}
+
+exports.useAppEventType = useAppEventType;

package/dist/cjs/hooks/app-events/useAppEventTypes.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 useElements = require('../useElements.cjs');
+
+function useAppEventTypes(query) {
+  const { ...rest } = useElements.useElements("app-event-types", query);
+  return {
+    appEventTypes: rest.items,
+    ...rest
+  };
+}
+
+exports.useAppEventTypes = useAppEventTypes;

package/dist/cjs/hooks/app-events/useAppEvents.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 useElements = require('../useElements.cjs');
+
+function useAppEvents(query) {
+  const { ...rest } = useElements.useElements("app-events", query);
+  return {
+    appEvents: rest.items,
+    ...rest
+  };
+}
+
+exports.useAppEvents = useAppEvents;

package/dist/cjs/hooks/customers/useCustomer.cjs

@@ -0,0 +1,23 @@
+"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 sdk = require('@integration-app/sdk');
+var useElement = require('../useElement.cjs');
+
+function useCustomer(selector) {
+  const { item: customer, ...rest } = useElement.useElement(
+    sdk.WorkspaceElementType.Customer,
+    selector,
+    (integrationApp) => selector ? integrationApp.customer(selector) : void 0
+  );
+  return { customer, ...rest };
+}
+
+exports.useCustomer = useCustomer;

package/dist/cjs/hooks/customers/useCustomers.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 useElements = require('../useElements.cjs');
+
+function useCustomers(query) {
+  const { ...rest } = useElements.useElements("customers", query);
+  return {
+    customers: rest.items,
+    ...rest
+  };
+}
+
+exports.useCustomers = useCustomers;

package/dist/cjs/hooks/data-collections/useDataCollectionSpec.cjs

@@ -0,0 +1,31 @@
+"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 sdk = require('@integration-app/sdk');
+var integrationAppContext = require('../../contexts/integration-app-context.cjs');
+var useSWR = require('swr');
+
+function useDataCollectionSpec({
+  path,
+  key,
+  integrationId
+}) {
+  const client = integrationAppContext.useIntegrationApp();
+  const dataCollectionKey = key ?? sdk.parseDataLocationPath(path)?.key;
+  const { data: dataCollectionSpec } = useSWR(
+    dataCollectionKey && integrationId ? `/integrations/${integrationId}/data/${dataCollectionKey}` : null,
+    async () => {
+      return client.integration(integrationId).getDataCollection(dataCollectionKey);
+    }
+  );
+  return dataCollectionSpec;
+}
+
+exports.useDataCollectionSpec = useDataCollectionSpec;