@seamapi/react 1.41.0 → 1.42.0

package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx

@@ -1,5 +1,4 @@
 import type { Dispatch, SetStateAction } from 'react'
-import type { DeviceModel } from 'seamapi'
 
 import { FilterCategoryMenu } from 'lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js'
 import type { DeviceModelFilters } from 'lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js'
@@ -14,7 +13,7 @@ interface SupportedDeviceFilterAreaProps {
   setFilterValue: (filter: string) => void
   filters: DeviceModelFilters
   setFilters: Dispatch<SetStateAction<DeviceModelFilters>>
-  brands: string[]
+  brands: string[] | null
 }
 
 export function SupportedDeviceFilterArea({
@@ -24,12 +23,9 @@ export function SupportedDeviceFilterArea({
   setFilters,
   brands,
 }: SupportedDeviceFilterAreaProps): JSX.Element {
-  const appliedFiltersCount = Object.values(filters).filter(
-    (v) => v != null && v !== false
-  ).length
+  const appliedFiltersCount = getAppliedFilterCount(filters)
 
-  const filterProperty = 'brand'
-  const availableProperties = useAvailableProperties(filterProperty, { brands })
+  const availableBrands = useAvailableBrands(brands)
 
   const resetFilter = (filterType: keyof DeviceModelFilters): void => {
     setFilters((filters) => ({
@@ -68,7 +64,7 @@ export function SupportedDeviceFilterArea({
               <FilterCategoryMenu
                 label={t.brand}
                 allLabel={allLabel}
-                options={availableProperties}
+                options={availableBrands}
                 onSelect={(brand: string) => {
                   setFilters((filters) => ({
                     ...filters,
@@ -77,7 +73,7 @@ export function SupportedDeviceFilterArea({
                 }}
                 buttonLabel={filters.brand ?? allLabel}
                 onAllOptionSelect={() => {
-                  resetFilter(filterProperty)
+                  resetFilter('brand')
                 }}
               />
             </div>
@@ -118,31 +114,34 @@ export function SupportedDeviceFilterArea({
   )
 }
 
-const useAvailableProperties = (
-  property: keyof DeviceModel,
-  options: {
-    brands: string[]
-  }
-): string[] => {
+const getAppliedFilterCount = (filters: DeviceModelFilters): number => {
+  let count = 0
+  if (filters.brand !== null) count++
+  if (!filters.supportedOnly) count++
+  return count
+}
+
+const useAvailableBrands = (brands: string[] | null): string[] => {
   const { deviceModels } = useDeviceModels()
+
   if (deviceModels == null) return []
-  const properties = new Set<string>()
+
+  const uniqueBrands = new Set<string>()
   for (const deviceModel of deviceModels) {
-    const value = deviceModel[property]
-
-    // If we're only looking at a subset of brands, such as ["yale", "august"], then we
-    // don't want to show other brands in the filter.
-    if (
-      property === 'brand' &&
-      options.brands.length > 0 &&
-      !options.brands.includes(value)
-    ) {
-      continue
-    }
-
-    properties.add(capitalize(value))
+    const value = deviceModel.brand
+
+    // UPSTREAM: API can return an empty value for brand.
+    if (value.trim() === '') continue
+
+    uniqueBrands.add(deviceModel.brand)
   }
-  return Array.from(properties)
+
+  return Array.from(uniqueBrands)
+    .filter((brand) => {
+      if (brands === null) return true
+      return brands.includes(brand)
+    })
+    .map((brand) => capitalize(brand))
 }
 
 const t = {

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

@@ -11,20 +11,19 @@ export interface SupportedDeviceTableProps {
    * @deprecated Use disableFilter.
    */
   cannotFilter?: boolean
-  brands?: string[]
+  brands?: string[] | null
   className?: string
 }
 
 export function SupportedDeviceTable({
   disableFilter = false,
   cannotFilter,
-  brands = [],
+  brands = null,
   className,
 }: SupportedDeviceTableProps = {}): JSX.Element {
   const [filterValue, setFilterValue] = useState('')
   const [filters, setFilters] = useState<DeviceModelFilters>({
-    supportedOnly: false,
-    category: null,
+    supportedOnly: true,
     brand: null,
   })
 

package/src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts

@@ -5,7 +5,6 @@ import {
 
 export interface DeviceModelFilters {
   supportedOnly: boolean
-  category: string | null
   brand: string | null
 }
 
@@ -16,7 +15,7 @@ export const useFilteredDeviceModels = ({
 }: {
   filterValue: string
   filters: DeviceModelFilters
-  brands: string[]
+  brands: string[] | null
 }): ReturnType<typeof useDeviceModels> => {
   const params: UseDeviceModelsParams = {}
 
@@ -28,25 +27,22 @@ export const useFilteredDeviceModels = ({
     params.support_level = 'live'
   }
 
-  if (filters.category !== null) {
-    params.main_category = filters.category
-  }
-
   if (filters.brand !== null) {
     params.brand = filters.brand
   }
 
   const query = useDeviceModels(params)
 
-  if (brands.length === 0) {
+  if (brands === null) {
     return query
   }
 
-  // If the user only wants models for a collection of brands, such as ["yale", "august"], then
-  // we'll filter everything else out here.
-  const onlySpecificBrands = query.deviceModels?.filter((deviceModel) =>
-    brands.includes(deviceModel.brand)
-  )
-
-  return { ...query, deviceModels: onlySpecificBrands }
+  // UPSTREAM: The API does not have a brands query parameter,
+  // so selected brands are filtered here.
+  return {
+    ...query,
+    deviceModels: query.deviceModels?.filter((deviceModel) =>
+      brands.includes(deviceModel.brand)
+    ),
+  }
 }

package/src/lib/{seam/components → ui}/AccessCodeForm/AccessCodeForm.tsx

@@ -3,16 +3,16 @@ import { useState } from 'react'
 import type { AccessCode } from 'seamapi'
 
 import {
-  createIsoDate,
   get24HoursLater,
   getBrowserTimezone,
   getNow,
+  getTimezoneFromIsoDate,
 } from 'lib/dates.js'
-import { useCreateAccessCode } from 'lib/seam/access-codes/use-create-access-code.js'
-import { AccessCodeFormDatePicker } from 'lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.js'
-import { AccessCodeFormTimes } from 'lib/seam/components/AccessCodeForm/AccessCodeFormTimes.js'
-import { AccessCodeFormTimezonePicker } from 'lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.js'
-import { useDevice, type UseDeviceData } from 'lib/seam/devices/use-device.js'
+import type { UseAccessCodeData } from 'lib/seam/access-codes/use-access-code.js'
+import type { UseDeviceData } from 'lib/seam/devices/use-device.js'
+import { AccessCodeFormDatePicker } from 'lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js'
+import { AccessCodeFormTimes } from 'lib/ui/AccessCodeForm/AccessCodeFormTimes.js'
+import { AccessCodeFormTimezonePicker } from 'lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.js'
 import { Button } from 'lib/ui/Button.js'
 import { FormField } from 'lib/ui/FormField.js'
 import { InputLabel } from 'lib/ui/InputLabel.js'
@@ -21,55 +21,72 @@ import { RadioField } from 'lib/ui/RadioField/RadioField.js'
 import { TextField } from 'lib/ui/TextField/TextField.js'
 import { useToggle } from 'lib/ui/use-toggle.js'
 
+export interface AccessCodeFormSubmitData {
+  name: string
+  type: AccessCode['type']
+  device: NonNullable<UseDeviceData>
+  startDate: string
+  endDate: string
+  timezone: string
+}
+
 export interface AccessCodeFormProps {
-  deviceId: string
-  onBack?: () => void
   className?: string
+  onBack?: () => void
+  accessCode?: NonNullable<UseAccessCodeData>
+  device: NonNullable<UseDeviceData>
+  isSubmitting: boolean
+  onSubmit: (data: AccessCodeFormSubmitData) => void
 }
 
 export function AccessCodeForm({
-  deviceId,
-  onBack,
   className,
+  ...props
 }: AccessCodeFormProps): JSX.Element | null {
-  const { device } = useDevice({
-    device_id: deviceId,
-  })
-
-  if (device == null) {
-    return null
-  }
-
   return (
     <div className={classNames('seam-access-code-form', className)}>
-      <Content className={className} onBack={onBack} device={device} />
+      <Content {...props} />
     </div>
   )
 }
 
 function Content({
   onBack,
+  accessCode,
   device,
-}: Omit<AccessCodeFormProps, 'deviceId'> & {
-  device: NonNullable<UseDeviceData>
-}): JSX.Element {
-  const [name, setName] = useState('')
-  const [type, setType] = useState<AccessCode['type']>('ongoing')
+  onSubmit,
+  isSubmitting,
+}: Omit<AccessCodeFormProps, 'className'>): JSX.Element {
+  const [name, setName] = useState(accessCode?.name ?? '')
+  const [type, setType] = useState<AccessCode['type']>(
+    accessCode?.type ?? 'ongoing'
+  )
   const [datePickerVisible, setDatePickerVisible] = useState(false)
-  const [timezone, setTimezone] = useState<string>(getBrowserTimezone())
-  const [startDate, setStartDate] = useState<string>(getNow())
-  const [endDate, setEndDate] = useState<string>(get24HoursLater())
+  const [timezone, setTimezone] = useState<string>(
+    getAccessCodeTimezone(accessCode) ?? getBrowserTimezone()
+  )
+  const [startDate, setStartDate] = useState<string>(
+    getAccessCodeDate('starts_at', accessCode) ?? getNow()
+  )
+  const [endDate, setEndDate] = useState<string>(
+    getAccessCodeDate('ends_at', accessCode) ?? get24HoursLater()
+  )
   const [timezonePickerVisible, toggleTimezonePicker] = useToggle()
 
-  const { submit, isLoading } = useSubmit({
-    name,
-    type,
-    device,
-    startDate,
-    endDate,
-    timezone,
-    onSuccess: onBack,
-  })
+  const submit = (): void => {
+    if (isSubmitting) {
+      return
+    }
+
+    onSubmit({
+      name,
+      type,
+      device,
+      startDate,
+      endDate,
+      timezone,
+    })
+  }
 
   if (timezonePickerVisible) {
     return (
@@ -100,12 +117,14 @@ function Content({
   const nameError = name.length > 60 ? t.overCharacterLimitError : undefined
 
   const isFormValid =
-    name.trim().length > 0 && nameError === undefined && !isLoading
+    name.trim().length > 0 && nameError === undefined && !isSubmitting
+
+  const title = accessCode == null ? t.addNewAccessCode : t.editAccessCode
 
   return (
     <>
       <ContentHeader
-        title={t.addNewAccessCode}
+        title={title}
         subheading={device.properties.name}
         onBack={onBack}
       />
@@ -161,62 +180,45 @@ function Content({
   )
 }
 
-function useSubmit(params: {
-  name: string
-  type: AccessCode['type']
-  device: NonNullable<UseDeviceData>
-  startDate: string
-  endDate: string
-  timezone: string
-  onSuccess?: () => void
-}): {
-  submit: () => void
-  isLoading: boolean
-} {
-  const { name, type, device, startDate, endDate, timezone, onSuccess } = params
-
-  const { mutate, isLoading } = useCreateAccessCode()
-  const submit = (): void => {
-    if (name === '') {
-      return
-    }
+function getAccessCodeTimezone(
+  accessCode?: NonNullable<UseAccessCodeData>
+): undefined | string {
+  if (accessCode == null) {
+    return undefined
+  }
 
-    if (isLoading) {
-      return
-    }
+  if (accessCode.type === 'ongoing') {
+    return undefined
+  }
 
-    if (type === 'time_bound') {
-      mutate(
-        {
-          name,
-          device_id: device.device_id,
-          starts_at: createIsoDate(startDate, timezone),
-          ends_at: createIsoDate(endDate, timezone),
-        },
-        {
-          onSuccess,
-        }
-      )
+  const date = accessCode.starts_at
 
-      return
-    }
+  const timezone = getTimezoneFromIsoDate(date)
+  if (timezone == null) {
+    return undefined
+  }
 
-    mutate(
-      {
-        name,
-        device_id: device.device_id,
-      },
-      {
-        onSuccess,
-      }
-    )
+  return timezone
+}
+
+function getAccessCodeDate(
+  date: 'starts_at' | 'ends_at',
+  accessCode?: NonNullable<UseAccessCodeData>
+): string | undefined {
+  if (accessCode == null) {
+    return undefined
+  }
+
+  if (accessCode.type !== 'time_bound') {
+    return undefined
   }
 
-  return { submit, isLoading }
+  return accessCode[date]
 }
 
 const t = {
   addNewAccessCode: 'Add new access code',
+  editAccessCode: 'Edit access code',
   overCharacterLimitError: '60 characters max',
   nameInputLabel: 'Name the new code',
   cancel: 'Cancel',

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.41.0'
+const seamapiReactVersion = '1.42.0'
 
 export default seamapiReactVersion

package/src/styles/_access-code-details.scss

@@ -79,6 +79,11 @@
       }
     }
 
+    .seam-actions {
+      margin-bottom: 16px;
+      padding: 0 24px;
+    }
+
     .seam-details {
       font-size: 16px;
       line-height: 134%;

package/src/styles/_access-code-table.scss

@@ -82,7 +82,7 @@
   }
 
   .seam-access-code-table-action-menu {
-    .menu-item-copy {
+    .seam-menu-item-copy {
       display: flex;
       align-items: center;
       justify-content: space-between;

package/src/styles/_menus.scss

@@ -43,6 +43,12 @@
         background: colors.$item-hover-bg;
       }
     }
+
+    .seam-divider {
+      height: 1px;
+      background: colors.$divider-stroke-light;
+      margin: 8px 0;
+    }
   }
 
   .seam-menu-shadow {

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface AccessCodeFormProps {
-    deviceId: string;
-    onBack?: () => void;
-    className?: string;
-}
-export declare function AccessCodeForm({ deviceId, onBack, className, }: AccessCodeFormProps): JSX.Element | null;

package/lib/seam/components/AccessCodeForm/AccessCodeForm.js

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { useState } from 'react';
-import { createIsoDate, get24HoursLater, getBrowserTimezone, getNow, } from '../../../../lib/dates.js';
-import { useCreateAccessCode } from '../../../../lib/seam/access-codes/use-create-access-code.js';
-import { AccessCodeFormDatePicker } from '../../../../lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.js';
-import { AccessCodeFormTimes } from '../../../../lib/seam/components/AccessCodeForm/AccessCodeFormTimes.js';
-import { AccessCodeFormTimezonePicker } from '../../../../lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.js';
-import { useDevice } from '../../../../lib/seam/devices/use-device.js';
-import { Button } from '../../../../lib/ui/Button.js';
-import { FormField } from '../../../../lib/ui/FormField.js';
-import { InputLabel } from '../../../../lib/ui/InputLabel.js';
-import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
-import { RadioField } from '../../../../lib/ui/RadioField/RadioField.js';
-import { TextField } from '../../../../lib/ui/TextField/TextField.js';
-import { useToggle } from '../../../../lib/ui/use-toggle.js';
-export function AccessCodeForm({ deviceId, onBack, className, }) {
-    const { device } = useDevice({
-        device_id: deviceId,
-    });
-    if (device == null) {
-        return null;
-    }
-    return (_jsx("div", { className: classNames('seam-access-code-form', className), children: _jsx(Content, { className: className, onBack: onBack, device: device }) }));
-}
-function Content({ onBack, device, }) {
-    const [name, setName] = useState('');
-    const [type, setType] = useState('ongoing');
-    const [datePickerVisible, setDatePickerVisible] = useState(false);
-    const [timezone, setTimezone] = useState(getBrowserTimezone());
-    const [startDate, setStartDate] = useState(getNow());
-    const [endDate, setEndDate] = useState(get24HoursLater());
-    const [timezonePickerVisible, toggleTimezonePicker] = useToggle();
-    const { submit, isLoading } = useSubmit({
-        name,
-        type,
-        device,
-        startDate,
-        endDate,
-        timezone,
-        onSuccess: onBack,
-    });
-    if (timezonePickerVisible) {
-        return (_jsx(AccessCodeFormTimezonePicker, { value: timezone, onChange: setTimezone, onClose: toggleTimezonePicker }));
-    }
-    if (datePickerVisible) {
-        return (_jsx(AccessCodeFormDatePicker, { startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, timezone: timezone, onChangeTimezone: toggleTimezonePicker, onBack: () => {
-                setDatePickerVisible(false);
-            } }));
-    }
-    const nameError = name.length > 60 ? t.overCharacterLimitError : undefined;
-    const isFormValid = name.trim().length > 0 && nameError === undefined && !isLoading;
-    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: t.addNewAccessCode, subheading: device.properties.name, onBack: onBack }), _jsxs("div", { className: 'seam-main', children: [_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.nameInputLabel }), _jsx(TextField, { size: 'large', clearable: true, value: name, onChange: setName, hasError: nameError != null, helperText: nameError })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.timingInputLabel }), _jsx(RadioField, { value: type, onChange: setType, name: 'type', options: [
-                                    {
-                                        label: t.typeOngoingLabel,
-                                        value: 'ongoing',
-                                    },
-                                    {
-                                        label: t.typeTimeBoundLabel,
-                                        value: 'time_bound',
-                                    },
-                                ] }), _jsx(_Fragment, { children: type === 'time_bound' && (_jsx(AccessCodeFormTimes, { startDate: startDate, endDate: endDate, onEdit: () => {
-                                        setDatePickerVisible(true);
-                                    } })) })] }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onBack, children: t.cancel }), _jsx(Button, { variant: 'solid', disabled: !isFormValid, onMouseDown: submit, children: t.save })] })] })] }));
-}
-function useSubmit(params) {
-    const { name, type, device, startDate, endDate, timezone, onSuccess } = params;
-    const { mutate, isLoading } = useCreateAccessCode();
-    const submit = () => {
-        if (name === '') {
-            return;
-        }
-        if (isLoading) {
-            return;
-        }
-        if (type === 'time_bound') {
-            mutate({
-                name,
-                device_id: device.device_id,
-                starts_at: createIsoDate(startDate, timezone),
-                ends_at: createIsoDate(endDate, timezone),
-            }, {
-                onSuccess,
-            });
-            return;
-        }
-        mutate({
-            name,
-            device_id: device.device_id,
-        }, {
-            onSuccess,
-        });
-    };
-    return { submit, isLoading };
-}
-const t = {
-    addNewAccessCode: 'Add new access code',
-    overCharacterLimitError: '60 characters max',
-    nameInputLabel: 'Name the new code',
-    cancel: 'Cancel',
-    save: 'Save',
-    timingInputLabel: 'Timing',
-    typeOngoingLabel: 'Ongoing',
-    typeTimeBoundLabel: 'Start/end times',
-};
-//# sourceMappingURL=AccessCodeForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeForm.tsx"],"names":[],"mappings":"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"}

package/lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessCodeFormDatePicker.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeFormDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAa9D,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,UAAU,EACV,gBAAgB,GACc;IAC9B,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAC3D,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EACvD,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,eAAe,aAC5B,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,qBAAqB,GAAQ,EAC7D,gBAAM,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,gBAAgB,aACtD,gBAAgB,CAAC,QAAQ,CAAC,EAC3B,KAAC,gBAAgB,KAAG,IACf,IACH,EACN,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,cAAc,GAAc,EAC3C,KAAC,cAAc,IACb,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACzC,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,OAAO,GACZ,IACQ,EACZ,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,YAAY,GAAc,EACzC,KAAC,cAAc,IACb,KAAK,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EACrC,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,OAAO,GACZ,IACQ,IACR,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,QAAQ;IACrB,qBAAqB,EAAE,cAAc;IACrC,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,KAAK;CACpB,CAAA"}

package/lib/seam/components/AccessCodeForm/AccessCodeFormTimes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessCodeFormTimes.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeFormTimes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAQjD,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,MAAM,GACmB;IACzB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,0BACE,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,cAAc,GAAQ,EACtD,eAAM,SAAS,EAAC,WAAW,YAAE,sBAAsB,CAAC,SAAS,CAAC,GAAQ,EACtE,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,YAAY,GAAQ,EACpD,eAAM,SAAS,EAAC,WAAW,YAAE,sBAAsB,CAAC,OAAO,CAAC,GAAQ,IAChE,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,2BAA2B,YAChE,KAAC,QAAQ,KAAG,GACD,IACT,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,KAAK;CACpB,CAAA"}

package/lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessCodeFormTimezonePicker.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeFormTimezonePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAQ5D,MAAM,UAAU,4BAA4B,CAAC,EAC3C,QAAQ,EACR,KAAK,EACL,OAAO,GAC2B;IAClC,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzE,MAAM,iBAAiB,GAAG,KAAK,KAAK,kBAAkB,EAAE,CAAA;IACxD,MAAM,gBAAgB,GAAG,CAAC,iBAAiB,IAAI,qBAAqB,CAAA;IAEpE,MAAM,0BAA0B,GAAG,CAAC,OAAgB,EAAQ,EAAE;QAC5D,wBAAwB,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAA;SAC/B;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5D,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAI,EAChD,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,QAAQ,IACP,KAAK,EAAE,CAAC,CAAC,wBAAwB,EACjC,OAAO,EAAE,CAAC,gBAAgB,EAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;4BACnB,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;wBACrC,CAAC,EACD,SAAS,EAAC,+BAA+B,GACzC,EAEF,iBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,SAAS,EAAC,sBAAsB,YAE/B,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAChC,kBAAQ,KAAK,EAAE,QAAQ,aACpB,CAAC,CAAC,GAAG,OAAG,iBAAiB,CAAC,QAAQ,CAAC,OAAG,gBAAgB,CAAC,QAAQ,CAAC,KADrC,QAAQ,CAE7B,CACV,CAAC,GACK,IACL,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,SAAS,EAAE,uBAAuB;IAClC,WAAW,EAAE,oBAAoB;IACjC,GAAG,EAAE,KAAK;IACV,wBAAwB,EAAE,qBAAqB;CAChD,CAAA"}

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

@@ -1,12 +0,0 @@
-import type { ElementProps } from 'lib/element.js'
-import type { AccessCodeFormProps } from 'lib/seam/components/AccessCodeForm/AccessCodeForm.js'
-
-export const name = 'seam-access-code-form'
-
-export const props: ElementProps<AccessCodeFormProps> = {
-  deviceId: 'string',
-  onBack: 'object',
-  className: 'string',
-}
-
-export { AccessCodeForm as Component } from './AccessCodeForm.js'