@workos-inc/widgets 1.7.2 → 1.8.1

package/dist/cjs/workos-widgets.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/workos-widgets.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Theme as RadixThemes } from \"@radix-ui/themes\";\nimport type { GetPropDefTypes, themePropDefs } from \"@radix-ui/themes/props\";\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useQueryClient,\n} from \"@tanstack/react-query\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { namespaceClassNames } from \"./lib/utils.js\";\nimport { DEFAULT_API_HOSTNAME } from \"./lib/api/config.js\";\nimport type { Elements } from \"./lib/elements.js\";\nimport { WidgetsContext } from \"./lib/widgets-context.js\";\nimport { WIDGETS_DATA_ATTRIBUTE_NAMESPACE } from \"./lib/constants.js\";\n\nexport interface WorkOsWidgetsProps {\n  elements?: Elements;\n  theme?: Omit<GetPropDefTypes<typeof themePropDefs>, \"asChild\"> & {\n    fontFamily?: string;\n  };\n  style?: React.CSSProperties;\n  className?: string;\n  children: React.ReactNode;\n  apiHostname?: string;\n  port?: number | null;\n  https?: boolean;\n  /**\n   * Optional query client for users who are already using Tanstack Query. If\n   * not provided, a new query client will be created and mounted internally.\n   */\n  queryClient?: QueryClient;\n}\n\nexport const WorkOsWidgets: React.FC<WorkOsWidgetsProps> = ({\n  elements = {},\n  theme: { fontFamily, ...radixThemesProps } = {},\n  style = {},\n  children,\n  apiHostname = DEFAULT_API_HOSTNAME,\n  port = null,\n  https = true,\n  queryClient,\n  className,\n}) => {\n  const customStyle: React.CSSProperties = fontFamily\n    ? {\n        \"--default-font-family\": fontFamily,\n        ...style,\n      }\n    : style;\n\n  const apiBaseUrl = React.useMemo(() => {\n    try {\n      const url = new URL(\n        \"/\",\n        `${https ? \"https\" : \"http\"}://${apiHostname}${port ? `:${port}` : \"\"}`,\n      );\n      return url.toString().slice(0, -1);\n    } catch {\n      console.error(\n        \"Failed to validate the WorkOS API URL. Check to ensure that valid `apiHostname` and `port` props are passed to WorkOsWidgets\",\n      );\n      return `https://${DEFAULT_API_HOSTNAME}`;\n    }\n  }, [apiHostname, https, port]);\n\n  return (\n    <QueryClientProviderImpl client={queryClient}>\n      <RadixThemes\n        {...radixThemesProps}\n        {...{ [`data-${WIDGETS_DATA_ATTRIBUTE_NAMESPACE}-root`]: true }}\n        style={customStyle}\n        className={cx(namespaceClassNames(\"root\"), className)}\n      >\n        <WidgetsContext.Provider value={{ elements, apiBaseUrl }}>\n          {children}\n        </WidgetsContext.Provider>\n      </RadixThemes>\n    </QueryClientProviderImpl>\n  );\n};\n\nconst QueryClientProviderImpl = ({\n  client: providedClient,\n  children,\n}: {\n  client: QueryClient | undefined;\n  children: React.ReactNode;\n}) => {\n  const [queryClient] = React.useState(\n    () => providedClient ?? new QueryClient(),\n  );\n\n  const client = useQueryClient(queryClient);\n  if (Object.is(client, providedClient)) {\n    // No need for a new context provider if the user provided the client to\n    // their own provider, which has already mounted the client.\n    return <>{children}</>;\n  }\n\n  return <QueryClientProvider client={client}>{children}</QueryClientProvider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4EQ;AA1ER,oBAAqC;AAErC,yBAIO;AACP,kBAAe;AACf,YAAuB;AACvB,mBAAoC;AACpC,oBAAqC;AAErC,6BAA+B;AAC/B,uBAAiD;AAoB1C,MAAM,gBAA8C,CAAC;AAAA,EAC1D,WAAW,CAAC;AAAA,EACZ,OAAO,EAAE,YAAY,GAAG,iBAAiB,IAAI,CAAC;AAAA,EAC9C,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAmC,aACrC;AAAA,IACE,yBAAyB;AAAA,IACzB,GAAG;AAAA,EACL,IACA;AAEJ,QAAM,aAAa,MAAM,QAAQ,MAAM;AACrC,QAAI;AACF,YAAM,MAAM,IAAI;AAAA,QACd;AAAA,QACA,GAAG,QAAQ,UAAU,MAAM,MAAM,WAAW,GAAG,OAAO,IAAI,IAAI,KAAK,EAAE;AAAA,MACvE;AACA,aAAO,IAAI,SAAS,EAAE,MAAM,GAAG,EAAE;AAAA,IACnC,QAAQ;AACN,cAAQ;AAAA,QACN;AAAA,MACF;AACA,aAAO,WAAW,kCAAoB;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,IAAI,CAAC;AAE7B,SACE,4CAAC,2BAAwB,QAAQ,aAC/B;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG,EAAE,CAAC,QAAQ,iDAAgC,OAAO,GAAG,KAAK;AAAA,MAC9D,OAAO;AAAA,MACP,eAAW,YAAAC,aAAG,kCAAoB,MAAM,GAAG,SAAS;AAAA,MAEpD,sDAAC,sCAAe,UAAf,EAAwB,OAAO,EAAE,UAAU,WAAW,GACpD,UACH;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ;AAAA,EACR;AACF,MAGM;AACJ,QAAM,CAAC,WAAW,IAAI,MAAM;AAAA,IAC1B,MAAM,kBAAkB,IAAI,+BAAY;AAAA,EAC1C;AAEA,QAAM,aAAS,mCAAe,WAAW;AACzC,MAAI,OAAO,GAAG,QAAQ,cAAc,GAAG;AAGrC,WAAO,2EAAG,UAAS;AAAA,EACrB;AAEA,SAAO,4CAAC,0CAAoB,QAAiB,UAAS;AACxD;","names":["RadixThemes","cx"]}
+{"version":3,"sources":["../../src/workos-widgets.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Theme as RadixThemes } from \"@radix-ui/themes\";\nimport type { GetPropDefTypes, themePropDefs } from \"@radix-ui/themes/props\";\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useQueryClient,\n} from \"@tanstack/react-query\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { namespaceClassNames } from \"./lib/utils.js\";\nimport { DEFAULT_API_HOSTNAME } from \"./lib/api/config.js\";\nimport type { Elements } from \"./lib/elements.js\";\nimport { WidgetsContext } from \"./lib/widgets-context.js\";\nimport { WIDGETS_DATA_ATTRIBUTE_NAMESPACE } from \"./lib/constants.js\";\n\nexport interface WorkOsWidgetsProps {\n  elements?: Elements;\n  theme?: Omit<GetPropDefTypes<typeof themePropDefs>, \"asChild\"> & {\n    fontFamily?: string;\n  };\n  style?: React.CSSProperties;\n  className?: string;\n  children: React.ReactNode;\n  apiHostname?: string;\n  port?: number | null;\n  https?: boolean;\n  /**\n   * Optional query client for users who are already using Tanstack Query. If\n   * not provided, a new query client will be created and mounted internally.\n   */\n  queryClient?: QueryClient;\n}\n\nexport const WorkOsWidgets: React.FC<WorkOsWidgetsProps> = ({\n  elements = {},\n  className,\n  theme: { fontFamily, ...radixThemesProps } = {},\n  style = {},\n  children,\n  apiHostname = DEFAULT_API_HOSTNAME,\n  port = null,\n  https = true,\n  queryClient,\n}) => {\n  const customStyle: React.CSSProperties = fontFamily\n    ? {\n        \"--default-font-family\": fontFamily,\n        ...style,\n      }\n    : style;\n\n  const apiBaseUrl = React.useMemo(() => {\n    try {\n      const url = new URL(\n        \"/\",\n        `${https ? \"https\" : \"http\"}://${apiHostname}${port ? `:${port}` : \"\"}`,\n      );\n      return url.toString().slice(0, -1);\n    } catch {\n      console.error(\n        \"Failed to validate the WorkOS API URL. Check to ensure that valid `apiHostname` and `port` props are passed to WorkOsWidgets\",\n      );\n      return `https://${DEFAULT_API_HOSTNAME}`;\n    }\n  }, [apiHostname, https, port]);\n\n  return (\n    <QueryClientProviderImpl client={queryClient}>\n      <RadixThemes\n        {...radixThemesProps}\n        {...{ [`data-${WIDGETS_DATA_ATTRIBUTE_NAMESPACE}-root`]: true }}\n        style={customStyle}\n        className={cx(namespaceClassNames(\"root\"), className)}\n      >\n        <WidgetsContext.Provider value={{ elements, apiBaseUrl }}>\n          {children}\n        </WidgetsContext.Provider>\n      </RadixThemes>\n    </QueryClientProviderImpl>\n  );\n};\n\nconst QueryClientProviderImpl = ({\n  client: providedClient,\n  children,\n}: {\n  client: QueryClient | undefined;\n  children: React.ReactNode;\n}) => {\n  const [queryClient] = React.useState(\n    () => providedClient ?? new QueryClient(),\n  );\n\n  const client = useQueryClient(queryClient);\n  if (Object.is(client, providedClient)) {\n    // No need for a new context provider if the user provided the client to\n    // their own provider, which has already mounted the client.\n    return <>{children}</>;\n  }\n\n  return <QueryClientProvider client={client}>{children}</QueryClientProvider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4EQ;AA1ER,oBAAqC;AAErC,yBAIO;AACP,kBAAe;AACf,YAAuB;AACvB,mBAAoC;AACpC,oBAAqC;AAErC,6BAA+B;AAC/B,uBAAiD;AAoB1C,MAAM,gBAA8C,CAAC;AAAA,EAC1D,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,OAAO,EAAE,YAAY,GAAG,iBAAiB,IAAI,CAAC;AAAA,EAC9C,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,MAAM;AACJ,QAAM,cAAmC,aACrC;AAAA,IACE,yBAAyB;AAAA,IACzB,GAAG;AAAA,EACL,IACA;AAEJ,QAAM,aAAa,MAAM,QAAQ,MAAM;AACrC,QAAI;AACF,YAAM,MAAM,IAAI;AAAA,QACd;AAAA,QACA,GAAG,QAAQ,UAAU,MAAM,MAAM,WAAW,GAAG,OAAO,IAAI,IAAI,KAAK,EAAE;AAAA,MACvE;AACA,aAAO,IAAI,SAAS,EAAE,MAAM,GAAG,EAAE;AAAA,IACnC,QAAQ;AACN,cAAQ;AAAA,QACN;AAAA,MACF;AACA,aAAO,WAAW,kCAAoB;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,IAAI,CAAC;AAE7B,SACE,4CAAC,2BAAwB,QAAQ,aAC/B;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG,EAAE,CAAC,QAAQ,iDAAgC,OAAO,GAAG,KAAK;AAAA,MAC9D,OAAO;AAAA,MACP,eAAW,YAAAC,aAAG,kCAAoB,MAAM,GAAG,SAAS;AAAA,MAEpD,sDAAC,sCAAe,UAAf,EAAwB,OAAO,EAAE,UAAU,WAAW,GACpD,UACH;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ;AAAA,EACR;AACF,MAGM;AACJ,QAAM,CAAC,WAAW,IAAI,MAAM;AAAA,IAC1B,MAAM,kBAAkB,IAAI,+BAAY;AAAA,EAC1C;AAEA,QAAM,aAAS,mCAAe,WAAW;AACzC,MAAI,OAAO,GAAG,QAAQ,cAAc,GAAG;AAGrC,WAAO,2EAAG,UAAS;AAAA,EACrB;AAEA,SAAO,4CAAC,0CAAoB,QAAiB,UAAS;AACxD;","names":["RadixThemes","cx"]}

package/dist/esm/api/endpoint.d.ts

@@ -565,16 +565,16 @@ interface ListOrganizationApiKeyPermissionsResponse {
     data: ListOrganizationApiKeyPermission[];
     listMetadata: ListOrganizationApiKeyPermissionsResponseListMetadata;
 }
-type DataInstallationObject = (typeof DataInstallationObject)[keyof typeof DataInstallationObject];
 declare const DataInstallationObject: {
     readonly data_installation: "data_installation";
+    readonly connected_account: "connected_account";
 };
 declare const DataInstallationState: {
     readonly connected: "connected";
     readonly needs_reauthorization: "needs_reauthorization";
 };
 interface DataInstallation {
-    object: DataInstallationObject;
+    object: (typeof DataInstallationObject)[keyof typeof DataInstallationObject];
     id: string;
     /** @nullable */
     userlandUserId?: string | null;
@@ -592,6 +592,8 @@ declare const DataIntegrationObject: {
 declare const DataIntegrationIntegrationType: {
     readonly asana: "asana";
     readonly box: "box";
+    readonly "cal-dot-com": "cal-dot-com";
+    readonly calendly: "calendly";
     readonly confluence: "confluence";
     readonly dropbox: "dropbox";
     readonly "frame-io": "frame-io";
@@ -623,6 +625,7 @@ declare const DataIntegrationIntegrationType: {
     readonly slack: "slack";
     readonly snowflake: "snowflake";
     readonly stripe: "stripe";
+    readonly xero: "xero";
     readonly zendesk: "zendesk";
 };
 declare const DataIntegrationOwnership: {

package/dist/esm/api/endpoint.js

@@ -132,7 +132,8 @@ const SsoConnectionAnyOfEightAllOfProviderTag = {
   OpenIdConnect: "OpenIdConnect"
 };
 const DataInstallationObject = {
-  data_installation: "data_installation"
+  data_installation: "data_installation",
+  connected_account: "connected_account"
 };
 const DataInstallationState = {
   connected: "connected",
@@ -144,6 +145,8 @@ const DataIntegrationObject = {
 const DataIntegrationIntegrationType = {
   asana: "asana",
   box: "box",
+  "cal-dot-com": "cal-dot-com",
+  calendly: "calendly",
   confluence: "confluence",
   dropbox: "dropbox",
   "frame-io": "frame-io",
@@ -175,6 +178,7 @@ const DataIntegrationIntegrationType = {
   slack: "slack",
   snowflake: "snowflake",
   stripe: "stripe",
+  xero: "xero",
   zendesk: "zendesk"
 };
 const DataIntegrationOwnership = {