@seamapi/react 1.11.1 → 1.12.0

package/lib/seam/components/ConnectAccountButton/ConnectAccountButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ConnectAccountButtonProps {
+    className?: string;
+}
+export declare function ConnectAccountButton({ className, }?: ConnectAccountButtonProps): JSX.Element;

package/lib/seam/components/ConnectAccountButton/ConnectAccountButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useCreateConnectWebview } from '../../../../lib/seam/connect-webviews/use-create-connect-webview.js';
+import { Button } from '../../../../lib/ui/Button.js';
+export function ConnectAccountButton({ className, } = {}) {
+    const { isLoading, mutate } = useCreateConnectWebview({
+        willNavigateToWebview: true,
+    });
+    const url = window.location.href;
+    const handleClick = useCallback(() => {
+        mutate({
+            accepted_providers: [],
+            custom_redirect_url: url,
+            custom_redirect_failure_url: url,
+        });
+    }, [mutate, url]);
+    return (_jsx(Button, { size: 'small', onClick: handleClick, className: className, disabled: isLoading, children: t.connectAccount }));
+}
+const t = {
+    connectAccount: 'Connect Account',
+};
+//# sourceMappingURL=ConnectAccountButton.js.map

package/lib/seam/components/ConnectAccountButton/ConnectAccountButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectAccountButton.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ConnectAccountButton/ConnectAccountButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAA;AACjG,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAMzC,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,MACoB,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,uBAAuB,CAAC;QACpD,qBAAqB,EAAE,IAAI;KAC5B,CAAC,CAAA;IAEF,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;IAChC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,CAAC;YACL,kBAAkB,EAAE,EAAE;YACtB,mBAAmB,EAAE,GAAG;YACxB,2BAA2B,EAAE,GAAG;SACjC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,YAElB,CAAC,CAAC,cAAc,GACV,CACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,iBAAiB;CAClC,CAAA"}

package/lib/seam/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './AccessCodeDetails/AccessCodeDetails.js';
 export * from './AccessCodeTable/AccessCodeTable.js';
+export * from './ConnectAccountButton/ConnectAccountButton.js';
 export * from './DeviceDetails/DeviceDetails.js';
 export * from './DeviceTable/DeviceTable.js';
 export * from './SupportedDeviceTable/SupportedDeviceTable.js';

package/lib/seam/components/index.js

@@ -1,5 +1,6 @@
 export * from './AccessCodeDetails/AccessCodeDetails.js';
 export * from './AccessCodeTable/AccessCodeTable.js';
+export * from './ConnectAccountButton/ConnectAccountButton.js';
 export * from './DeviceDetails/DeviceDetails.js';
 export * from './DeviceTable/DeviceTable.js';
 export * from './SupportedDeviceTable/SupportedDeviceTable.js';

package/lib/seam/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/seam/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAA;AACxD,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gDAAgD,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/seam/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAA;AACxD,cAAc,sCAAsC,CAAA;AACpD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gDAAgD,CAAA"}

package/lib/seam/connect-webviews/use-create-connect-webview.d.ts

@@ -0,0 +1,7 @@
+import { type UseMutationResult } from '@tanstack/react-query';
+import type { ConnectWebview, ConnectWebviewCreateRequest, SeamError } from 'seamapi';
+export interface UseCreateConnectWebviewParams {
+    willNavigateToWebview?: boolean;
+}
+export type UseCreateConnectWebviewMutationParams = ConnectWebviewCreateRequest;
+export declare function useCreateConnectWebview({ willNavigateToWebview, }?: UseCreateConnectWebviewParams): UseMutationResult<ConnectWebview, SeamError, ConnectWebviewCreateRequest>;

package/lib/seam/connect-webviews/use-create-connect-webview.js

@@ -0,0 +1,19 @@
+import { useMutation } from '@tanstack/react-query';
+import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useCreateConnectWebview({ willNavigateToWebview = false, } = {}) {
+    const { client } = useSeamClient();
+    return useMutation({
+        mutationFn: async (mutationParams) => {
+            if (client == null) {
+                throw new Error('Missing seam client');
+            }
+            return await client.connectWebviews.create(mutationParams);
+        },
+        onSuccess: ({ url }) => {
+            if (willNavigateToWebview && url != null) {
+                globalThis.location.href = url;
+            }
+        },
+    });
+}
+//# sourceMappingURL=use-create-connect-webview.js.map

package/lib/seam/connect-webviews/use-create-connect-webview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-connect-webview.js","sourceRoot":"","sources":["../../../src/lib/seam/connect-webviews/use-create-connect-webview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA0B,MAAM,uBAAuB,CAAA;AAQ3E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAQ3D,MAAM,UAAU,uBAAuB,CAAC,EACtC,qBAAqB,GAAG,KAAK,MACI,EAAE;IAKnC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EACf,cAAqD,EACrD,EAAE;YACF,IAAI,MAAM,IAAI,IAAI,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;aACvC;YAED,OAAO,MAAM,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QAC5D,CAAC;QACD,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YACrB,IAAI,qBAAqB,IAAI,GAAG,IAAI,IAAI,EAAE;gBACxC,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAA;aAC/B;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/seam/devices/use-toggle-lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle-lock.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-toggle-lock.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAS9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE3D,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,EAAE,MAAM,EAAE,GACX;IAKX,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,IAAI,MAAM,IAAI,IAAI,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;aACvC;YAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAA;YACvE,OAAO,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC,EACvB,CAAC,OAAO,EAAE,EAAE;gBACV,IAAI,OAAO,IAAI,IAAI,EAAE;oBACnB,OAAM;iBACP;gBAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAA;oBAC9C,IAAI,QAAQ,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;wBACpC,OAAO;4BACL,GAAG,MAAM;4BACT,UAAU,EAAE;gCACV,GAAG,MAAM,CAAC,UAAU;gCACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;6BAClC;yBACF,CAAA;qBACF;oBAED,OAAO,MAAM,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAC3C,CAAC,MAAM,EAAE,EAAE;gBACT,IAAI,MAAM,IAAI,IAAI,EAAE;oBAClB,OAAM;iBACP;gBAED,OAAO;oBACL,GAAG,MAAM;oBACT,UAAU,EAAE;wBACV,GAAG,MAAM,CAAC,UAAU;wBACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;qBAClC;iBACF,CAAA;YACH,CAAC,CACF,CAAA;QACH,CAAC;QACD,SAAS,EAAE,KAAK,IAAI,EAAE;YACpB,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;aAC9B,CAAC,CAAA;YACF,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;aACtD,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"use-toggle-lock.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-toggle-lock.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAS9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE3D,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,EAAE,MAAM,EAAE,GACX;IAKX,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAA8C;QAC9D,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,IAAI,MAAM,IAAI,IAAI,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;aACvC;YAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAA;YACvE,OAAO,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC,EACvB,CAAC,OAAO,EAAE,EAAE;gBACV,IAAI,OAAO,IAAI,IAAI,EAAE;oBACnB,OAAM;iBACP;gBAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAA;oBAC9C,IAAI,QAAQ,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;wBACpC,OAAO;4BACL,GAAG,MAAM;4BACT,UAAU,EAAE;gCACV,GAAG,MAAM,CAAC,UAAU;gCACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;6BAClC;yBACF,CAAA;qBACF;oBAED,OAAO,MAAM,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAC3C,CAAC,MAAM,EAAE,EAAE;gBACT,IAAI,MAAM,IAAI,IAAI,EAAE;oBAClB,OAAM;iBACP;gBAED,OAAO;oBACL,GAAG,MAAM;oBACT,UAAU,EAAE;wBACV,GAAG,MAAM,CAAC,UAAU;wBACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;qBAClC;iBACF,CAAA;YACH,CAAC,CACF,CAAA;QACH,CAAC;QACD,SAAS,EAAE,KAAK,IAAI,EAAE;YACpB,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;aAC9B,CAAC,CAAA;YACF,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;aACtD,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/seam/index.d.ts

@@ -1,5 +1,6 @@
 export * from './access-codes/use-access-code.js';
 export * from './access-codes/use-access-codes.js';
+export * from './connect-webviews/use-create-connect-webview.js';
 export * from './device-models/use-device-models.js';
 export * from './devices/use-device.js';
 export * from './devices/use-devices.js';

package/lib/seam/index.js

@@ -1,5 +1,6 @@
 export * from './access-codes/use-access-code.js';
 export * from './access-codes/use-access-codes.js';
+export * from './connect-webviews/use-create-connect-webview.js';
 export * from './device-models/use-device-models.js';
 export * from './devices/use-device.js';
 export * from './devices/use-devices.js';

package/lib/seam/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA;AACpD,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,kDAAkD,CAAA;AAChE,cAAc,sCAAsC,CAAA;AACpD,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "1.11.1";
+declare const seamapiReactVersion = "1.12.0";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.11.1';
+const seamapiReactVersion = '1.12.0';
 export default seamapiReactVersion;
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",

package/src/lib/seam/components/ConnectAccountButton/ConnectAccountButton.element.ts

@@ -0,0 +1,11 @@
+import type { ElementProps } from 'lib/element.js'
+
+import type { ConnectAccountButtonProps } from './ConnectAccountButton.js'
+
+export const name = 'seam-connect-account-button'
+
+export const props: ElementProps<ConnectAccountButtonProps> = {
+  className: 'string',
+}
+
+export { ConnectAccountButton as Component } from './ConnectAccountButton.js'

package/src/lib/seam/components/ConnectAccountButton/ConnectAccountButton.tsx

@@ -0,0 +1,40 @@
+import { useCallback } from 'react'
+
+import { useCreateConnectWebview } from 'lib/seam/connect-webviews/use-create-connect-webview.js'
+import { Button } from 'lib/ui/Button.js'
+
+export interface ConnectAccountButtonProps {
+  className?: string
+}
+
+export function ConnectAccountButton({
+  className,
+}: ConnectAccountButtonProps = {}): JSX.Element {
+  const { isLoading, mutate } = useCreateConnectWebview({
+    willNavigateToWebview: true,
+  })
+
+  const url = window.location.href
+  const handleClick = useCallback(() => {
+    mutate({
+      accepted_providers: [],
+      custom_redirect_url: url,
+      custom_redirect_failure_url: url,
+    })
+  }, [mutate, url])
+
+  return (
+    <Button
+      size='small'
+      onClick={handleClick}
+      className={className}
+      disabled={isLoading}
+    >
+      {t.connectAccount}
+    </Button>
+  )
+}
+
+const t = {
+  connectAccount: 'Connect Account',
+}

package/src/lib/seam/components/elements.ts

@@ -1,5 +1,6 @@
 export * as AccessCodeDetails from './AccessCodeDetails/AccessCodeDetails.element.js'
 export * as AccessCodeTable from './AccessCodeTable/AccessCodeTable.element.js'
+export * as ConnectAccountButton from './ConnectAccountButton/ConnectAccountButton.element.js'
 export * as DeviceDetails from './DeviceDetails/DeviceDetails.element.js'
 export * as DeviceTable from './DeviceTable/DeviceTable.element.js'
 export * as SupportedDeviceTable from './SupportedDeviceTable/SupportedDeviceTable.element.js'

package/src/lib/seam/components/index.ts

@@ -1,5 +1,6 @@
 export * from './AccessCodeDetails/AccessCodeDetails.js'
 export * from './AccessCodeTable/AccessCodeTable.js'
+export * from './ConnectAccountButton/ConnectAccountButton.js'
 export * from './DeviceDetails/DeviceDetails.js'
 export * from './DeviceTable/DeviceTable.js'
 export * from './SupportedDeviceTable/SupportedDeviceTable.js'

package/src/lib/seam/connect-webviews/use-create-connect-webview.ts

@@ -0,0 +1,46 @@
+import { useMutation, type UseMutationResult } from '@tanstack/react-query'
+import type {
+  ConnectWebview,
+  ConnectWebviewCreateRequest,
+  ConnectWebviewCreateResponse,
+  SeamError,
+} from 'seamapi'
+
+import { useSeamClient } from 'lib/seam/use-seam-client.js'
+
+export interface UseCreateConnectWebviewParams {
+  willNavigateToWebview?: boolean
+}
+
+export type UseCreateConnectWebviewMutationParams = ConnectWebviewCreateRequest
+
+export function useCreateConnectWebview({
+  willNavigateToWebview = false,
+}: UseCreateConnectWebviewParams = {}): UseMutationResult<
+  ConnectWebview,
+  SeamError,
+  ConnectWebviewCreateRequest
+> {
+  const { client } = useSeamClient()
+
+  return useMutation<
+    ConnectWebviewCreateResponse['connect_webview'],
+    SeamError,
+    UseCreateConnectWebviewMutationParams
+  >({
+    mutationFn: async (
+      mutationParams: UseCreateConnectWebviewMutationParams
+    ) => {
+      if (client == null) {
+        throw new Error('Missing seam client')
+      }
+
+      return await client.connectWebviews.create(mutationParams)
+    },
+    onSuccess: ({ url }) => {
+      if (willNavigateToWebview && url != null) {
+        globalThis.location.href = url
+      }
+    },
+  })
+}

package/src/lib/seam/devices/use-toggle-lock.ts

@@ -25,7 +25,7 @@ export function useToggleLock({
   const { client } = useSeamClient()
   const queryClient = useQueryClient()
 
-  return useMutation({
+  return useMutation<{ actionAttempt: ActionAttempt }, SeamError>({
     mutationFn: async () => {
       if (client == null) {
         throw new Error('Missing seam client')

package/src/lib/seam/index.ts

@@ -1,5 +1,6 @@
 export * from './access-codes/use-access-code.js'
 export * from './access-codes/use-access-codes.js'
+export * from './connect-webviews/use-create-connect-webview.js'
 export * from './device-models/use-device-models.js'
 export * from './devices/use-device.js'
 export * from './devices/use-devices.js'

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.11.1'
+const seamapiReactVersion = '1.12.0'
 
 export default seamapiReactVersion