@workos-inc/widgets 1.7.0 → 1.7.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.7.1
+
+- Add support for CSRF protection in the `Pipes` Widget
+
 ## 1.7.0
 
 - Fix alignment of connection status indicator in the `Pipes` Widget

package/README.md

@@ -2,69 +2,4 @@
 
 A suite of React components providing functionality for enterprise app workflows.
 
-[Read the documentation](https://workos.com/docs/user-management/widgets)
-
-## Local Development Setup
-
-### Install dependencies
-
-Run `pnpm install` in the root directory to install the dependencies.
-
-### Run an example app
-
-The following instructions will follow using the [`nextjs`](https://github.com/workos/widgets/tree/main/examples/nextjs) example but the same steps can be applied to other examples.
-
-1.  Spin up your local WorkOS instance (`rush start`).
-2.  Create a `.env` file in the root of the `nextjs` directory using the `.env.example` file as a reference.
-3.  Uncomment the values under `# Optional configuration`.
-
-    ```
-    # Optional configuration
-    WORKOS_API_HOSTNAME="localhost"
-    WORKOS_API_HTTPS=false
-    WORKOS_API_PORT=7000
-    ```
-
-4.  On your local WorkOS dashboard, go to the [Get started homepage](http://localhost:3007/get-started) grab the `WORKOS_API_KEY` and `WORKOS_CLIENT_ID` and add them to your `.env` file.
-
-5.  [Generate a 32 character password](https://1password.com/password-generator/) for `WORKOS_COOKIE_PASSWORD` and add it to your `.env` file.
-
-    After steps 4 and 5, your `.env` file should look like this:
-
-    ```
-    # https://workos.com/docs/reference/api-keys
-    WORKOS_API_KEY="sk_dev"                                               # retrieved from the WorkOS dashboard
-    WORKOS_CLIENT_ID="client_dev"                                         # retrieved from the WorkOS dashboard
-    WORKOS_COOKIE_PASSWORD="some-password-thats-32-chars-long"            # generate a 32 character password
-    NEXT_PUBLIC_WORKOS_REDIRECT_URI="http://localhost:4040/auth/callback" # configured in the WorkOS dashboard
-    ```
-
-6.  On your local WorkOS dashboard, go to the Redirects page and add the following URL to the **Sign-in callback** section:
-
-    ```
-    http://localhost:4040/auth/callback
-    ```
-
-7.  On your local WorkOS dashboard, go to the Roles page and verify that the following exists, otherwise create it:
-
-    **Permissions**
-
-    Name: **Manage users**, Slug: `widgets:users-table:manage`
-
-    **Roles**
-
-    Name: **Admin**, Slug: `admin`, Permissions: `widgets:users-table:manage`
-
-8.  On your local WorkOS dashboard, go to the Organizations page, add yourself as a user to an organization. Then in the Users table of the organization, open the `...` menu, open the **Edit role**, and set the role to **Admin**.
-
-9.  On your local WorkOS dashboard, go to the Authentication page and add the following URL to the **Cross-Origin Resource Sharing (CORS)** section:
-
-    ```
-    http://localhost:4040
-    ```
-
-10. Navigate to the `packages/hosted-authkit` directory and run `rushx start` to start the hosted AuthKit service.
-
-11. Run `pnpm dev --filter=nextjs` to start the example app.
-
-12. Navigate to http://localhost:4040/ and authenticate using Google to sign into your account.
+[Read the documentation](https://workos.com/docs/widgets)

package/dist/cjs/api/endpoint.cjs

@@ -328,26 +328,34 @@ const DataIntegrationIntegrationType = {
   box: "box",
   confluence: "confluence",
   dropbox: "dropbox",
+  "frame-io": "frame-io",
+  front: "front",
   github: "github",
   gitlab: "gitlab",
   gmail: "gmail",
   google: "google",
   "google-calendar": "google-calendar",
   "google-drive": "google-drive",
+  helpscout: "helpscout",
   hubspot: "hubspot",
   intercom: "intercom",
   jira: "jira",
   linear: "linear",
   microsoft: "microsoft",
   "microsoft-onedrive": "microsoft-onedrive",
+  "microsoft-onenote": "microsoft-onenote",
   "microsoft-outlook": "microsoft-outlook",
   "microsoft-outlook-calendar": "microsoft-outlook-calendar",
+  "microsoft-sharepoint": "microsoft-sharepoint",
+  "microsoft-teams": "microsoft-teams",
+  "microsoft-todo": "microsoft-todo",
   notion: "notion",
   prefect: "prefect",
   "pydantic-logfire": "pydantic-logfire",
   salesforce: "salesforce",
   sentry: "sentry",
   slack: "slack",
+  snowflake: "snowflake",
   stripe: "stripe",
   zendesk: "zendesk"
 };
@@ -1442,24 +1450,28 @@ function useMyDataIntegrations(options, queryClient) {
 const useGetDataIntegrationAuthorizeUrlHook = () => {
   const getDataIntegrationAuthorizeUrl = (0, import_widgets_api_client.useWidgetsApiClient)();
   return (0, import_react.useCallback)(
-    (slug, signal) => {
+    (slug, params, signal) => {
       return getDataIntegrationAuthorizeUrl({
         url: `/_widgets/DataIntegrations/${slug}/authorize`,
         method: "GET",
+        params,
         signal
       });
     },
     [getDataIntegrationAuthorizeUrl]
   );
 };
-const getGetDataIntegrationAuthorizeUrlQueryKey = (slug) => {
-  return [`/_widgets/DataIntegrations/${slug}/authorize`];
+const getGetDataIntegrationAuthorizeUrlQueryKey = (slug, params) => {
+  return [
+    `/_widgets/DataIntegrations/${slug}/authorize`,
+    ...params ? [params] : []
+  ];
 };
-const useGetDataIntegrationAuthorizeUrlQueryOptions = (slug, options) => {
+const useGetDataIntegrationAuthorizeUrlQueryOptions = (slug, params, options) => {
   const { query: queryOptions } = options ?? {};
-  const queryKey = queryOptions?.queryKey ?? getGetDataIntegrationAuthorizeUrlQueryKey(slug);
+  const queryKey = queryOptions?.queryKey ?? getGetDataIntegrationAuthorizeUrlQueryKey(slug, params);
   const getDataIntegrationAuthorizeUrl = useGetDataIntegrationAuthorizeUrlHook();
-  const queryFn = ({ signal }) => getDataIntegrationAuthorizeUrl(slug, signal);
+  const queryFn = ({ signal }) => getDataIntegrationAuthorizeUrl(slug, params, signal);
   const customOptions = (0, import_widgets_api_client2.useWidgetsApiQueryOptions)({
     ...queryOptions,
     queryKey,
@@ -1467,9 +1479,10 @@ const useGetDataIntegrationAuthorizeUrlQueryOptions = (slug, options) => {
   });
   return customOptions;
 };
-function useGetDataIntegrationAuthorizeUrl(slug, options, queryClient) {
+function useGetDataIntegrationAuthorizeUrl(slug, params, options, queryClient) {
   const queryOptions = useGetDataIntegrationAuthorizeUrlQueryOptions(
     slug,
+    params,
     options
   );
   const query = (0, import_react_query.useQuery)(queryOptions, queryClient);