@seamapi/react 1.40.0 → 1.41.1

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export interface AccessCodeDetailsProps {
     accessCodeId: string;
-    onBack?: () => void;
     disableLockUnlock?: boolean;
+    onBack?: () => void;
     className?: string;
 }
 export declare function AccessCodeDetails({ accessCodeId, onBack, disableLockUnlock, className, }: AccessCodeDetailsProps): JSX.Element | null;

package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js

@@ -3,7 +3,7 @@ import { ChevronDownIcon } from '../../../../lib/icons/ChevronDown.js';
 import { Menu } from '../../../../lib/ui/Menu/Menu.js';
 import { MenuItem } from '../../../../lib/ui/Menu/MenuItem.js';
 export function FilterCategoryMenu({ label = t.filter, allLabel, options, hideAllOption = false, onSelect, onAllOptionSelect, buttonLabel, }) {
-    const usableOptions = hideAllOption ? options : ['All', ...options];
+    const usableOptions = hideAllOption ? options : [allLabel, ...options];
     return (_jsxs("div", { className: 'seam-supported-device-table-filter-menu-wrap', children: [_jsx("p", { children: label }), _jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, children: [_jsx("span", { children: buttonLabel }), _jsx(ChevronDownIcon, {})] })), children: usableOptions.map((option, index) => (_jsx(MenuItem, { onClick: () => {
                         if (option === allLabel) {
                             onAllOptionSelect?.();

package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterCategoryMenu.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AA2BlD,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,GAAG,CAAC,CAAC,MAAM,EAChB,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,GACa;IACxB,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,CAAA;IAEnE,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,KAAK,GAAK,EACd,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,aACrB,yBAAO,WAAW,GAAQ,EAC1B,KAAC,eAAe,KAAG,IACZ,CACV,YAEA,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,QAAQ,IAEP,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,MAAM,KAAK,QAAQ,EAAE;4BACvB,iBAAiB,EAAE,EAAE,CAAA;yBACtB;6BAAM;4BACL,QAAQ,CAAC,MAAM,CAAC,CAAA;yBACjB;oBACH,CAAC,YAED,yBAAO,MAAM,GAAQ,IAThB,GAAG,KAAK,IAAI,MAAM,EAAE,CAUhB,CACZ,CAAC,GACG,IACH,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;CACjB,CAAA"}
+{"version":3,"file":"FilterCategoryMenu.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AA2BlD,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,GAAG,CAAC,CAAC,MAAM,EAChB,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,GACa;IACxB,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,OAAO,CAAC,CAAA;IAEtE,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,KAAK,GAAK,EACd,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,aACrB,yBAAO,WAAW,GAAQ,EAC1B,KAAC,eAAe,KAAG,IACZ,CACV,YAEA,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,QAAQ,IAEP,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,MAAM,KAAK,QAAQ,EAAE;4BACvB,iBAAiB,EAAE,EAAE,CAAA;yBACtB;6BAAM;4BACL,QAAQ,CAAC,MAAM,CAAC,CAAA;yBACjB;oBACH,CAAC,YAED,yBAAO,MAAM,GAAQ,IAThB,GAAG,KAAK,IAAI,MAAM,EAAE,CAUhB,CACZ,CAAC,GACG,IACH,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;CACjB,CAAA"}

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.d.ts

@@ -4,7 +4,7 @@ interface SupportedDeviceContentProps {
     filterValue: string;
     resetFilterValue: () => void;
     filters: DeviceModelFilters;
-    brands: string[];
+    brands: string[] | null;
 }
 export declare function SupportedDeviceContent({ resetFilterValue, filterValue, filters, brands, }: SupportedDeviceContentProps): JSX.Element | null;
 export {};

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js

@@ -24,11 +24,7 @@ export function SupportedDeviceContent({ resetFilterValue, filterValue, filters,
     if (isEmpty) {
         return (_jsx("div", { className: 'seam-supported-device-table-content', children: _jsx(EmptyResult, { filterValue: filterValue, resetFilterValue: resetFilterValue }) }));
     }
-    // If there are no active filters or search, show all the rows without any brand sections.
-    const hasFilters = filterValue.trim() !== '' ||
-        filters.supportedOnly ||
-        filters.category !== null ||
-        filters.brand !== null;
+    const hasFilters = filterValue.trim() !== '' || filters.brand !== null;
     if (hasFilters) {
         return (_jsx("div", { className: 'seam-supported-device-table-content', children: deviceModels.map((deviceModel, index) => (_jsx(SupportedDeviceFilterResultRow, { deviceModel: deviceModel }, [
                 deviceModel.main_category,

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js.map

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

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.d.ts

@@ -5,7 +5,7 @@ interface SupportedDeviceFilterAreaProps {
     setFilterValue: (filter: string) => void;
     filters: DeviceModelFilters;
     setFilters: Dispatch<SetStateAction<DeviceModelFilters>>;
-    brands: string[];
+    brands: string[] | null;
 }
 export declare function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, brands, }: SupportedDeviceFilterAreaProps): JSX.Element;
 export {};

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js

@@ -6,9 +6,8 @@ import { Button } from '../../../../lib/ui/Button.js';
 import { Menu } from '../../../../lib/ui/Menu/Menu.js';
 import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js';
 export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, brands, }) {
-    const appliedFiltersCount = Object.values(filters).filter((v) => v != null && v !== false).length;
-    const filterProperty = 'brand';
-    const availableProperties = useAvailableProperties(filterProperty, { brands });
+    const appliedFiltersCount = getAppliedFilterCount(filters);
+    const availableBrands = useAvailableBrands(brands);
     const resetFilter = (filterType) => {
         setFilters((filters) => ({
             ...filters,
@@ -19,13 +18,13 @@ export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters
     const allLabel = t.all;
     return (_jsxs("div", { className: 'seam-supported-device-table-filter-area', children: [_jsx("div", { className: 'seam-deliberate-block' }), _jsxs("div", { className: 'seam-filters-wrap', children: [_jsx(Menu, { renderButton: ({ onOpen }) => (_jsx(Button, { variant: 'outline', className: 'seam-filters-button', onClick: onOpen, children: filterButtonLabel })), children: _jsxs("div", { className: 'seam-supported-device-table-filter-menu', onClick: (event) => {
                                 event.stopPropagation();
-                            }, children: [_jsx("div", { className: 'seam-filter-menu-row', children: _jsx(FilterCategoryMenu, { label: t.brand, allLabel: allLabel, options: availableProperties, onSelect: (brand) => {
+                            }, children: [_jsx("div", { className: 'seam-filter-menu-row', children: _jsx(FilterCategoryMenu, { label: t.brand, allLabel: allLabel, options: availableBrands, onSelect: (brand) => {
                                             setFilters((filters) => ({
                                                 ...filters,
                                                 brand,
                                             }));
                                         }, buttonLabel: filters.brand ?? allLabel, onAllOptionSelect: () => {
-                                            resetFilter(filterProperty);
+                                            resetFilter('brand');
                                         } }) }), _jsx("div", { className: 'seam-filter-menu-row', children: _jsxs("label", { htmlFor: 'supportedOnly', className: 'seam-filter-checkbox-label', children: [_jsx("p", { children: t.supported }), _jsx("input", { id: 'supportedOnly', name: 'supportedOnly', type: 'checkbox', className: 'seam-filter-checkbox', checked: filters.supportedOnly, onChange: (event) => {
                                                     setFilters((filters) => ({
                                                         ...filters,
@@ -35,23 +34,33 @@ export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters
                                 setFilterValue(value);
                             }, className: 'seam-supported-device-table-filter-area-search-bar' }) })] })] }));
 }
-const useAvailableProperties = (property, options) => {
+const getAppliedFilterCount = (filters) => {
+    let count = 0;
+    if (filters.brand !== null)
+        count++;
+    if (!filters.supportedOnly)
+        count++;
+    return count;
+};
+const useAvailableBrands = (brands) => {
     const { deviceModels } = useDeviceModels();
     if (deviceModels == null)
         return [];
-    const properties = new Set();
+    const uniqueBrands = new Set();
     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)) {
+        const value = deviceModel.brand;
+        // UPSTREAM: API can return an empty value for brand.
+        if (value.trim() === '')
             continue;
-        }
-        properties.add(capitalize(value));
+        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 = {
     all: 'All',

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js.map

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

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

@@ -5,7 +5,7 @@ export interface SupportedDeviceTableProps {
      * @deprecated Use disableFilter.
      */
     cannotFilter?: boolean;
-    brands?: string[];
+    brands?: string[] | null;
     className?: string;
 }
 export declare function SupportedDeviceTable({ disableFilter, cannotFilter, brands, className, }?: SupportedDeviceTableProps): JSX.Element;

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.js

@@ -3,11 +3,10 @@ import classNames from 'classnames';
 import { useState } from 'react';
 import { SupportedDeviceContent } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js';
 import { SupportedDeviceFilterArea } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js';
-export function SupportedDeviceTable({ disableFilter = false, cannotFilter, brands = [], className, } = {}) {
+export function SupportedDeviceTable({ disableFilter = false, cannotFilter, brands = null, className, } = {}) {
     const [filterValue, setFilterValue] = useState('');
     const [filters, setFilters] = useState({
-        supportedOnly: false,
-        category: null,
+        supportedOnly: true,
         brand: null,
     });
     const hideFilter = cannotFilter ?? disableFilter;

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

@@ -1 +1 @@
-{"version":3,"file":"SupportedDeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAA;AAC3G,OAAO,EAAE,yBAAyB,EAAE,MAAM,uEAAuE,CAAA;AAajH,MAAM,UAAU,oBAAoB,CAAC,EACnC,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,MAAM,GAAG,EAAE,EACX,SAAS,MACoB,EAAE;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB;QACzD,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI;KACZ,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,YAAY,IAAI,aAAa,CAAA;IAEhD,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,SAAS,CACV,aAEA,CAAC,UAAU,IAAI,CACd,KAAC,yBAAyB,IACxB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,EACD,KAAC,sBAAsB,IACrB,gBAAgB,EAAE,GAAG,EAAE;oBACrB,cAAc,CAAC,EAAE,CAAC,CAAA;gBACpB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACd,IACE,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"SupportedDeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAA;AAC3G,OAAO,EAAE,yBAAyB,EAAE,MAAM,uEAAuE,CAAA;AAajH,MAAM,UAAU,oBAAoB,CAAC,EACnC,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,MAAM,GAAG,IAAI,EACb,SAAS,MACoB,EAAE;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB;QACzD,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE,IAAI;KACZ,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,YAAY,IAAI,aAAa,CAAA;IAEhD,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,SAAS,CACV,aAEA,CAAC,UAAU,IAAI,CACd,KAAC,yBAAyB,IACxB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,EACD,KAAC,sBAAsB,IACrB,gBAAgB,EAAE,GAAG,EAAE;oBACrB,cAAc,CAAC,EAAE,CAAC,CAAA;gBACpB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACd,IACE,CACP,CAAA;AACH,CAAC"}

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

@@ -1,11 +1,10 @@
 import { useDeviceModels } from '../../../../lib/seam/device-models/use-device-models.js';
 export interface DeviceModelFilters {
     supportedOnly: boolean;
-    category: string | null;
     brand: string | null;
 }
 export declare const useFilteredDeviceModels: ({ filterValue, filters, brands, }: {
     filterValue: string;
     filters: DeviceModelFilters;
-    brands: string[];
+    brands: string[] | null;
 }) => ReturnType<typeof useDeviceModels>;

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

@@ -7,19 +7,18 @@ export const useFilteredDeviceModels = ({ filterValue, filters, brands, }) => {
     if (filters.supportedOnly) {
         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)),
+    };
 };
 //# sourceMappingURL=use-filtered-device-models.js.map

package/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-filtered-device-models.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,6CAA6C,CAAA;AAQpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,WAAW,EACX,OAAO,EACP,MAAM,GAKP,EAAsC,EAAE;IACvC,MAAM,MAAM,GAA0B,EAAE,CAAA;IAExC,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC7B,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,CAAA;KACxC;IAED,IAAI,OAAO,CAAC,aAAa,EAAE;QACzB,MAAM,CAAC,aAAa,GAAG,MAAM,CAAA;KAC9B;IAED,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,EAAE;QAC7B,MAAM,CAAC,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAA;KACxC;IAED,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,EAAE;QAC1B,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;KAC7B;IAED,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAErC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,KAAK,CAAA;KACb;IAED,6FAA6F;IAC7F,yCAAyC;IACzC,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CACpE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CACnC,CAAA;IAED,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,CAAA;AACvD,CAAC,CAAA"}
+{"version":3,"file":"use-filtered-device-models.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,6CAA6C,CAAA;AAOpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,WAAW,EACX,OAAO,EACP,MAAM,GAKP,EAAsC,EAAE;IACvC,MAAM,MAAM,GAA0B,EAAE,CAAA;IAExC,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC7B,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,CAAA;KACxC;IAED,IAAI,OAAO,CAAC,aAAa,EAAE;QACzB,MAAM,CAAC,aAAa,GAAG,MAAM,CAAA;KAC9B;IAED,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,EAAE;QAC1B,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;KAC7B;IAED,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAErC,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,KAAK,CAAA;KACb;IAED,4DAA4D;IAC5D,wCAAwC;IACxC,OAAO;QACL,GAAG,KAAK;QACR,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CACnC;KACF,CAAA;AACH,CAAC,CAAA"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "1.40.0";
+declare const seamapiReactVersion = "1.41.1";
 export default seamapiReactVersion;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "1.40.0",
+  "version": "1.41.1",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",
@@ -132,7 +132,7 @@
     "@emotion/styled": "^11.10.6",
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.12.2",
-    "@r2wc/react-to-web-component": "^2.0.2",
+    "@rxfork/r2wc-react-to-web-component": "^2.2.3",
     "@seamapi/fake-seam-connect": "^1.0.0",
     "@storybook/addon-designs": "^7.0.1",
     "@storybook/addon-essentials": "^7.0.2",

package/src/lib/element.tsx

@@ -1,4 +1,4 @@
-import r2wc from '@r2wc/react-to-web-component'
+import r2wc from '@rxfork/r2wc-react-to-web-component'
 import type { ComponentType } from 'react'
 import type { Container } from 'react-dom'
 
@@ -23,8 +23,9 @@ export interface ElementDefinition {
   props?: ElementProps<Record<string, object>>
 }
 
-export type ElementProps<T> = Partial<
-  Record<keyof T, 'string' | 'number' | 'boolean' | 'function' | 'json'>
+export type ElementProps<T> = Record<
+  keyof T,
+  'string' | 'number' | 'boolean' | 'function' | 'json' | 'object'
 >
 
 type ProviderProps = SeamProviderPropsWithPublishableKey &
@@ -35,6 +36,7 @@ const providerProps: ElementProps<ProviderProps> = {
   userIdentifierKey: 'string',
   clientSessionToken: 'string',
   endpoint: 'string',
+  queryClient: 'object',
   disableCssInjection: 'boolean',
   disableFontInjection: 'boolean',
   unminifiyCss: 'boolean',

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

@@ -7,7 +7,7 @@ export const name = 'seam-access-code-details'
 export const props: ElementProps<AccessCodeDetailsProps> = {
   accessCodeId: 'string',
   disableLockUnlock: 'boolean',
-  onBack: 'function',
+  onBack: 'object',
   className: 'string',
 }
 

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

@@ -17,8 +17,8 @@ import { useIsDateInPast } from 'lib/ui/use-is-date-in-past.js'
 
 export interface AccessCodeDetailsProps {
   accessCodeId: string
-  onBack?: () => void
   disableLockUnlock?: boolean
+  onBack?: () => void
   className?: string
 }
 

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

@@ -5,7 +5,7 @@ export const name = 'seam-access-code-form'
 
 export const props: ElementProps<AccessCodeFormProps> = {
   deviceId: 'string',
-  onBack: 'function',
+  onBack: 'object',
   className: 'string',
 }
 

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

@@ -4,15 +4,15 @@ import type { AccessCodeTableProps } from './AccessCodeTable.js'
 
 export const name = 'seam-access-code-table'
 
-export const props: ElementProps<AccessCodeTableProps> = {
+export const props: ElementProps<Omit<AccessCodeTableProps, 'title'>> = {
   deviceId: 'string',
   disableLockUnlock: 'boolean',
   disableSearch: 'boolean',
-  accessCodeFilter: 'function',
-  accessCodeComparator: 'function',
-  onAccessCodeClick: 'function',
+  accessCodeFilter: 'object',
+  accessCodeComparator: 'object',
+  onAccessCodeClick: 'object',
   preventDefaultOnAccessCodeClick: 'boolean',
-  onBack: 'function',
+  onBack: 'object',
   heading: 'string',
   className: 'string',
 }

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

@@ -7,7 +7,7 @@ export const name = 'seam-device-details'
 export const props: ElementProps<DeviceDetailsProps> = {
   deviceId: 'string',
   disableLockUnlock: 'boolean',
-  onBack: 'function',
+  onBack: 'object',
   className: 'string',
 }
 

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

@@ -4,16 +4,16 @@ import type { DeviceTableProps } from './DeviceTable.js'
 
 export const name = 'seam-device-table'
 
-export const props: ElementProps<DeviceTableProps> = {
+export const props: ElementProps<Omit<DeviceTableProps, 'title'>> = {
   deviceIds: 'json',
   connectedAccountIds: 'json',
   disableLockUnlock: 'boolean',
   disableSearch: 'boolean',
-  deviceFilter: 'function',
-  deviceComparator: 'function',
-  onDeviceClick: 'function',
+  deviceFilter: 'object',
+  deviceComparator: 'object',
+  onDeviceClick: 'object',
   preventDefaultOnDeviceClick: 'boolean',
-  onBack: 'function',
+  onBack: 'object',
   heading: 'string',
   className: 'string',
 }

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

@@ -36,7 +36,7 @@ export function FilterCategoryMenu({
   onAllOptionSelect,
   buttonLabel,
 }: FilterCategoryMenuProps): JSX.Element {
-  const usableOptions = hideAllOption ? options : ['All', ...options]
+  const usableOptions = hideAllOption ? options : [allLabel, ...options]
 
   return (
     <div className='seam-supported-device-table-filter-menu-wrap'>

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

@@ -13,7 +13,7 @@ interface SupportedDeviceContentProps {
   filterValue: string
   resetFilterValue: () => void
   filters: DeviceModelFilters
-  brands: string[]
+  brands: string[] | null
 }
 
 export function SupportedDeviceContent({
@@ -71,12 +71,8 @@ export function SupportedDeviceContent({
     )
   }
 
-  // If there are no active filters or search, show all the rows without any brand sections.
-  const hasFilters =
-    filterValue.trim() !== '' ||
-    filters.supportedOnly ||
-    filters.category !== null ||
-    filters.brand !== null
+  const hasFilters = filterValue.trim() !== '' || filters.brand !== null
+
   if (hasFilters) {
     return (
       <div className='seam-supported-device-table-content'>

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/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.40.0'
+const seamapiReactVersion = '1.41.1'
 
 export default seamapiReactVersion