@seamapi/react 4.14.2 → 5.1.0

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { type EcosystemTheme } from '../../../../lib/ui/ecosystem/theme.js';
+export interface CompatibleAppsProps {
+    /** Device category, e.g., `smartlock`, `thermostat`, `sensor`, `intercom`. */
+    deviceType: string;
+    /** DeviceDB manufacturer slug. Lists the apps that support this brand. */
+    manufacturer?: string | undefined;
+    /** DeviceDB provider slug, i.e., the cloud the devices connect through. */
+    provider?: string | undefined;
+    /** DeviceDB capability, e.g., `can_provision_mobile_keys`. Shows per-app notes. */
+    capability?: string | undefined;
+    /** Industry slug to restrict the apps, e.g., `short-term-rental`. */
+    industry?: string | undefined;
+    /** Apps shown before the show more button. */
+    maxVisible?: number | undefined;
+    hideSearch?: boolean | undefined;
+    hideTitle?: boolean | undefined;
+    /** Color theme. `auto` follows the visitor's color scheme. */
+    theme?: EcosystemTheme | undefined;
+    className?: string | undefined;
+}
+/**
+ * The live apps (Seam partners) that work with a device category,
+ * manufacturer, provider or capability through Seam.
+ */
+export declare function CompatibleApps({ deviceType, manufacturer, provider, capability, industry, maxVisible, hideSearch, hideTitle, theme, className, }: CompatibleAppsProps): JSX.Element;

package/lib/seam/components/CompatibleApps/CompatibleApps.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useDeferredValue, useMemo, useState } from 'react';
+import { useCompatiblePartners } from '../../../../lib/seam/ecosystem/use-compatible-partners.js';
+import { getEcosystemErrorMessage } from '../../../../lib/ui/ecosystem/errors.js';
+import { SearchField } from '../../../../lib/ui/ecosystem/SearchField.js';
+import { StateMessage } from '../../../../lib/ui/ecosystem/StateMessage.js';
+import { getEcosystemThemeClassName, } from '../../../../lib/ui/ecosystem/theme.js';
+const defaultMaxVisible = 24;
+/**
+ * The live apps (Seam partners) that work with a device category,
+ * manufacturer, provider or capability through Seam.
+ */
+export function CompatibleApps({ deviceType, manufacturer = '', provider = '', capability = '', industry = '', maxVisible = defaultMaxVisible, hideSearch = false, hideTitle = false, theme = 'light', className, }) {
+    const { partners, isPending, isError, error, refetch } = useCompatiblePartners({
+        deviceType: deviceType ?? '',
+        manufacturer,
+        provider,
+        capability,
+        industry,
+    });
+    const [searchValue, setSearchValue] = useState('');
+    const [showAll, setShowAll] = useState(false);
+    const query = useDeferredValue(searchValue.toLowerCase().trim());
+    const sortedPartners = useMemo(() => [...(partners ?? [])].sort(comparePartners), [partners]);
+    const filteredPartners = useMemo(() => query.length === 0
+        ? sortedPartners
+        : sortedPartners.filter((partner) => matchesSearch(partner, query)), [sortedPartners, query]);
+    const visibleCount = getVisibleCount(maxVisible);
+    const visiblePartners = showAll
+        ? filteredPartners
+        : filteredPartners.slice(0, visibleCount);
+    const hiddenCount = filteredPartners.length - visiblePartners.length;
+    const showNotes = capability.length > 0 || provider.length > 0;
+    const isMissingDeviceType = (deviceType ?? '').trim().length === 0;
+    const content = (() => {
+        if (isMissingDeviceType) {
+            return _jsx(StateMessage, { role: 'alert', children: t.missingDeviceType });
+        }
+        if (isError) {
+            const { message, canRetry } = getEcosystemErrorMessage(error, t.error);
+            return (_jsx(StateMessage, { role: 'alert', ...(canRetry
+                    ? {
+                        actionLabel: t.retry,
+                        onAction: () => {
+                            void refetch();
+                        },
+                    }
+                    : {}), children: message }));
+        }
+        if (isPending) {
+            return _jsx(LoadingGrid, { count: Math.min(visibleCount, 8) });
+        }
+        if (sortedPartners.length === 0) {
+            return _jsx(StateMessage, { children: t.noApps });
+        }
+        if (filteredPartners.length === 0) {
+            return (_jsx(StateMessage, { actionLabel: t.clearSearch, onAction: () => {
+                    setSearchValue('');
+                }, children: t.noSearchResults(searchValue.trim()) }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsx("ul", { className: 'seam-compatible-apps-grid', children: visiblePartners.map((partner) => (_jsx(PartnerCard, { partner: partner, showNote: showNotes }, partner.partner_id))) }), hiddenCount > 0 && (_jsx("div", { className: 'seam-compatible-apps-footer', children: _jsx("button", { type: 'button', className: 'seam-ecosystem-button', onClick: () => {
+                            setShowAll(true);
+                        }, children: t.showMore(hiddenCount) }) }))] }));
+    })();
+    const showHeader = !hideTitle || !hideSearch;
+    return (_jsxs("div", { className: classNames('seam-ecosystem', 'seam-compatible-apps', getEcosystemThemeClassName(theme), className), children: [showHeader && (_jsxs("div", { className: 'seam-ecosystem-header', children: [!hideTitle && _jsx("h2", { className: 'seam-ecosystem-title', children: t.title }), !hideSearch && (_jsx(SearchField, { label: t.search, value: searchValue, onChange: setSearchValue, disabled: isPending || isError || isMissingDeviceType }))] })), content] }));
+}
+function PartnerCard({ partner, showNote, }) {
+    const logo = getPartnerLogo(partner, lightLogoKinds);
+    const darkLogo = getPartnerLogo(partner, darkLogoKinds);
+    const hasDarkLogo = darkLogo != null && darkLogo.url !== logo?.url;
+    const note = showNote ? partner.support.note : null;
+    const subtitle = partner.industries.map((i) => i.display_name).join(' · ');
+    const body = (_jsxs(_Fragment, { children: [_jsx("div", { className: 'seam-compatible-apps-logo', children: logo == null ? (_jsx("span", { className: 'seam-compatible-apps-logo-initial', "aria-hidden": true, children: partner.display_name.slice(0, 1) })) : (_jsxs(_Fragment, { children: [_jsx("img", { loading: 'lazy', src: logo.url, alt: t.logoAlt(partner.display_name), width: 48, height: 48, className: classNames({
+                                'seam-ecosystem-light-only': hasDarkLogo,
+                            }) }), hasDarkLogo && (_jsx("img", { loading: 'lazy', src: darkLogo.url, alt: '', width: 48, height: 48, className: 'seam-ecosystem-dark-only' }))] })) }), _jsxs("div", { className: 'seam-compatible-apps-text', children: [_jsx("span", { className: 'seam-compatible-apps-name', children: partner.display_name }), subtitle.length > 0 && (_jsx("span", { className: 'seam-compatible-apps-subtitle', children: subtitle })), note != null && note.length > 0 && (_jsx("span", { className: 'seam-compatible-apps-note', children: note }))] })] }));
+    return (_jsx("li", { className: 'seam-compatible-apps-card', children: partner.website == null ? (_jsx("div", { className: 'seam-compatible-apps-card-body', children: body })) : (_jsx("a", { href: partner.website, target: '_blank', rel: 'noopener noreferrer', className: 'seam-compatible-apps-card-body', children: body })) }));
+}
+function LoadingGrid({ count }) {
+    return (_jsx("ul", { className: 'seam-compatible-apps-grid', "aria-busy": 'true', children: Array.from({ length: count }, (_, index) => (_jsx("li", { className: 'seam-compatible-apps-card', children: _jsxs("div", { className: 'seam-compatible-apps-card-body', children: [_jsx("div", { className: 'seam-ecosystem-skeleton seam-compatible-apps-logo' }), _jsxs("div", { className: 'seam-compatible-apps-text', children: [_jsx("div", { className: 'seam-ecosystem-skeleton seam-ecosystem-skeleton-line' }), _jsx("div", { className: 'seam-ecosystem-skeleton seam-ecosystem-skeleton-line-short' })] })] }) }, index))) }));
+}
+const lightLogoKinds = [
+    'square_logo',
+    'horizontal_logo',
+    'square_logo_mono',
+    'horizontal_logo_mono',
+];
+const darkLogoKinds = [
+    'square_logo_mono',
+    'square_logo',
+    'horizontal_logo_mono',
+    'horizontal_logo',
+];
+const getPartnerLogo = (partner, kinds) => {
+    for (const kind of kinds) {
+        const asset = partner.assets.find((a) => a.kind === kind);
+        if (asset != null)
+            return asset;
+    }
+    return null;
+};
+const comparePartners = (a, b) => {
+    if (a.is_featured !== b.is_featured)
+        return a.is_featured ? -1 : 1;
+    return a.display_name.localeCompare(b.display_name);
+};
+const matchesSearch = (partner, query) => partner.display_name.toLowerCase().includes(query) ||
+    partner.industries.some((i) => i.display_name.toLowerCase().includes(query)) ||
+    partner.solutions.some((s) => s.display_name.toLowerCase().includes(query));
+const getVisibleCount = (maxVisible) => Number.isFinite(maxVisible) && maxVisible > 0
+    ? Math.floor(maxVisible)
+    : defaultMaxVisible;
+const t = {
+    title: 'Works with these apps',
+    search: 'Search apps',
+    error: 'An error occurred while loading compatible apps.',
+    retry: 'Retry',
+    noApps: 'No apps are listed for this selection yet.',
+    noSearchResults: (query) => `No apps found for "${query}".`,
+    clearSearch: 'Clear search',
+    showMore: (count) => `Show ${count} more ${count === 1 ? 'app' : 'apps'}`,
+    logoAlt: (name) => `${name} logo`,
+    missingDeviceType: 'Set a device type to list compatible apps.',
+};
+//# sourceMappingURL=CompatibleApps.js.map

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

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

package/lib/seam/components/SupportedDevices/DeviceModelRow.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DeviceModel, Manufacturer } from '../../../../lib/seam/ecosystem/types.js';
+interface DeviceModelRowProps {
+    deviceModel: DeviceModel;
+    manufacturer: Manufacturer | null;
+}
+export declare function DeviceModelRow({ deviceModel, manufacturer, }: DeviceModelRowProps): JSX.Element;
+export {};

package/lib/seam/components/SupportedDevices/DeviceModelRow.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { getCapabilityLabel, getDeviceModelImageUrl, getDeviceModelName, getSupportedCapabilities, } from '../../../../lib/seam/components/SupportedDevices/device-models.js';
+export function DeviceModelRow({ deviceModel, manufacturer, }) {
+    const name = getDeviceModelName(deviceModel);
+    const imageUrl = getDeviceModelImageUrl(deviceModel, manufacturer);
+    const modelIds = [
+        ...new Set(deviceModel.variants
+            .map((v) => v.manufacturer_model_id)
+            .filter((id) => id != null && id.length > 0)),
+    ];
+    const providers = deviceModel.providers
+        .map((p) => p.display_name ?? p.slug)
+        .join(', ');
+    const capabilities = getSupportedCapabilities(deviceModel).filter((c) => c.name !== 'device_connectivity');
+    const meta = [
+        modelIds.length > 0 ? modelIds.slice(0, 2).join(', ') : null,
+        providers.length > 0 ? t.via(providers) : null,
+    ].filter((value) => value != null);
+    return (_jsxs("li", { className: 'seam-supported-devices-row', children: [_jsx("div", { className: 'seam-supported-devices-image', children: imageUrl == null ? (_jsx("span", { "aria-hidden": true, children: name.slice(0, 1) })) : (_jsx("img", { loading: 'lazy', src: imageUrl, alt: '', width: 48, height: 48 })) }), _jsxs("div", { className: 'seam-supported-devices-info', children: [deviceModel.product_url == null ? (_jsx("span", { className: 'seam-supported-devices-name', children: name })) : (_jsx("a", { className: 'seam-supported-devices-name', href: deviceModel.product_url, target: '_blank', rel: 'noopener noreferrer', children: name })), meta.length > 0 && (_jsx("span", { className: 'seam-supported-devices-meta', children: meta.join(' · ') }))] }), _jsxs("ul", { className: 'seam-supported-devices-badges', "aria-label": t.badges, children: [deviceModel.device_type != null && (_jsx("li", { className: 'seam-ecosystem-badge seam-ecosystem-badge-type', children: deviceModel.device_type.display_name })), capabilities.map((capability) => (_jsxs("li", { className: classNames('seam-ecosystem-badge', {
+                            'seam-ecosystem-badge-conditional': capability.supported === 'conditionally',
+                        }), title: capability.supported === 'conditionally'
+                            ? (capability.details ?? t.conditional)
+                            : undefined, children: [getCapabilityLabel(capability.name), capability.supported === 'conditionally' && (_jsx("span", { className: 'seam-ecosystem-visually-hidden', children: ` (${t.conditional})` }))] }, capability.name)))] })] }));
+}
+const t = {
+    via: (providers) => `via ${providers}`,
+    badges: 'Device type and capabilities',
+    conditional: 'conditionally supported',
+};
+//# sourceMappingURL=DeviceModelRow.js.map

package/lib/seam/components/SupportedDevices/DeviceModelRow.js.map

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

package/lib/seam/components/SupportedDevices/FilterSelect.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { FilterOption } from '../../../../lib/seam/components/SupportedDevices/device-models.js';
+interface FilterSelectProps {
+    label: string;
+    allLabel: string;
+    options: FilterOption[];
+    value: string | null;
+    onChange: (value: string | null) => void;
+    disabled?: boolean;
+}
+export declare function FilterSelect({ label, allLabel, options, value, onChange, disabled, }: FilterSelectProps): JSX.Element;
+export {};

package/lib/seam/components/SupportedDevices/FilterSelect.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from '../../../../lib/icons/ChevronDown.js';
+export function FilterSelect({ label, allLabel, options, value, onChange, disabled = false, }) {
+    return (_jsxs("label", { className: 'seam-ecosystem-select', children: [_jsx("span", { className: 'seam-ecosystem-visually-hidden', children: label }), _jsxs("select", { className: 'seam-ecosystem-select-input', value: value ?? '', disabled: disabled, onChange: (event) => {
+                    const { value } = event.target;
+                    onChange(value.length === 0 ? null : value);
+                }, children: [_jsx("option", { value: '', children: allLabel }), options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }), _jsx(ChevronDownIcon, { "aria-hidden": true, className: 'seam-ecosystem-select-icon' })] }));
+}
+//# sourceMappingURL=FilterSelect.js.map

package/lib/seam/components/SupportedDevices/FilterSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDevices/FilterSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAY1D,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,GACE;IAClB,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,eAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAQ,EAC/D,kBACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;oBAC9B,QAAQ,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAC7C,CAAC,aAED,iBAAQ,KAAK,EAAC,EAAE,YAAE,QAAQ,GAAU,EACnC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,IACK,EACT,KAAC,eAAe,yBAAa,SAAS,EAAC,4BAA4B,GAAG,IAChE,CACT,CAAA;AACH,CAAC"}

package/lib/seam/components/SupportedDevices/ManufacturerSection.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { type ManufacturerGroup } from '../../../../lib/seam/components/SupportedDevices/device-models.js';
+import type { Manufacturer } from '../../../../lib/seam/ecosystem/types.js';
+interface ManufacturerSectionProps {
+    group: ManufacturerGroup;
+    manufacturer: Manufacturer | null;
+    collapsible: boolean;
+}
+export declare function ManufacturerSection({ group, manufacturer, collapsible, }: ManufacturerSectionProps): JSX.Element;
+export {};

package/lib/seam/components/SupportedDevices/ManufacturerSection.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useState } from 'react';
+import { getManufacturerLogoUrl, getManufacturerName, } from '../../../../lib/seam/components/SupportedDevices/device-models.js';
+import { DeviceModelRow } from '../../../../lib/seam/components/SupportedDevices/DeviceModelRow.js';
+/** Device models shown per manufacturer before the show all button. */
+const collapsedCount = 5;
+export function ManufacturerSection({ group, manufacturer, collapsible, }) {
+    const [expanded, setExpanded] = useState(false);
+    const { deviceModels } = group;
+    const canExpand = collapsible && deviceModels.length > collapsedCount;
+    const visibleDeviceModels = canExpand && !expanded
+        ? deviceModels.slice(0, collapsedCount)
+        : deviceModels;
+    const name = manufacturer != null
+        ? getManufacturerName(manufacturer)
+        : group.manufacturer != null
+            ? getManufacturerName(group.manufacturer)
+            : t.other;
+    const logoUrl = getManufacturerLogoUrl(manufacturer);
+    const darkLogoUrl = getManufacturerLogoUrl(manufacturer, { mono: true });
+    const hasDarkLogo = darkLogoUrl != null && darkLogoUrl !== logoUrl;
+    return (_jsxs("section", { className: 'seam-supported-devices-section', children: [_jsxs("div", { className: 'seam-supported-devices-section-header', children: [_jsx("div", { className: 'seam-supported-devices-logo', children: logoUrl == null ? (_jsx("span", { "aria-hidden": true, children: name.slice(0, 1) })) : (_jsxs(_Fragment, { children: [_jsx("img", { loading: 'lazy', src: logoUrl, alt: '', width: 40, height: 40, className: classNames({
+                                        'seam-ecosystem-light-only': hasDarkLogo,
+                                    }) }), hasDarkLogo && (_jsx("img", { loading: 'lazy', src: darkLogoUrl, alt: '', width: 40, height: 40, className: 'seam-ecosystem-dark-only' }))] })) }), _jsx("h3", { className: 'seam-supported-devices-section-title', children: name }), _jsx("span", { className: 'seam-supported-devices-count', children: t.count(deviceModels.length) })] }), _jsx("ul", { className: 'seam-supported-devices-rows', children: visibleDeviceModels.map((deviceModel) => (_jsx(DeviceModelRow, { deviceModel: deviceModel, manufacturer: manufacturer }, deviceModel.device_model_id))) }), canExpand && (_jsx("div", { className: 'seam-supported-devices-section-footer', children: _jsx("button", { type: 'button', className: 'seam-ecosystem-button', "aria-expanded": expanded, onClick: () => {
+                        setExpanded((expanded) => !expanded);
+                    }, children: expanded ? t.showLess : t.showAll(name, deviceModels.length) }) }))] }));
+}
+const t = {
+    other: 'Other devices',
+    count: (count) => `${count} ${count === 1 ? 'device' : 'devices'}`,
+    showAll: (name, count) => `Show all ${count} ${name} devices`,
+    showLess: 'Show less',
+};
+//# sourceMappingURL=ManufacturerSection.js.map

package/lib/seam/components/SupportedDevices/ManufacturerSection.js.map

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

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { type EcosystemTheme } from '../../../../lib/ui/ecosystem/theme.js';
+export interface SupportedDevicesProps {
+    /**
+     * DeviceDB manufacturer slug, e.g., `schlage`.
+     * Defaults to the manufacturer of a manufacturer embed key.
+     */
+    manufacturer?: string | undefined;
+    /** DeviceDB device type slug, e.g., `smartlock` or `thermostat`. */
+    deviceType?: string | undefined;
+    /** Only devices supporting this capability, e.g., `can_program_online_access_codes`. */
+    capability?: string | undefined;
+    hideSearch?: boolean | undefined;
+    hideFilters?: boolean | undefined;
+    hideTitle?: boolean | undefined;
+    /** Color theme. `auto` follows the visitor's color scheme. */
+    theme?: EcosystemTheme | undefined;
+    className?: string | undefined;
+}
+/**
+ * Device models that work with Seam, grouped by manufacturer,
+ * with device type and capability badges.
+ */
+export declare function SupportedDevices({ manufacturer, deviceType, capability, hideSearch, hideFilters, hideTitle, theme, className, }: SupportedDevicesProps): JSX.Element;

package/lib/seam/components/SupportedDevices/SupportedDevices.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useDeferredValue, useMemo, useState } from 'react';
+import { applyEmbedExclusions, capabilityLabels, filterDeviceModels, getCapabilityOptions, getDeviceTypeOptions, getManufacturerName, getManufacturerOptions, groupDeviceModelsByManufacturer, } from '../../../../lib/seam/components/SupportedDevices/device-models.js';
+import { FilterSelect } from '../../../../lib/seam/components/SupportedDevices/FilterSelect.js';
+import { ManufacturerSection } from '../../../../lib/seam/components/SupportedDevices/ManufacturerSection.js';
+import { useEcosystemContext } from '../../../../lib/seam/ecosystem/EcosystemProvider.js';
+import { useEcosystemDeviceModels } from '../../../../lib/seam/ecosystem/use-ecosystem-device-models.js';
+import { useEcosystemManufacturers } from '../../../../lib/seam/ecosystem/use-ecosystem-manufacturers.js';
+import { getEmbedKeyManufacturer, useEmbedKeyResolution, } from '../../../../lib/seam/ecosystem/use-embed-key-resolution.js';
+import { getEcosystemErrorMessage } from '../../../../lib/ui/ecosystem/errors.js';
+import { SearchField } from '../../../../lib/ui/ecosystem/SearchField.js';
+import { StateMessage } from '../../../../lib/ui/ecosystem/StateMessage.js';
+import { getEcosystemThemeClassName, } from '../../../../lib/ui/ecosystem/theme.js';
+/**
+ * Device models that work with Seam, grouped by manufacturer,
+ * with device type and capability badges.
+ */
+export function SupportedDevices({ manufacturer, deviceType, capability, hideSearch = false, hideFilters = false, hideTitle = false, theme = 'light', className, }) {
+    const { embedKey } = useEcosystemContext();
+    const explicitManufacturer = normalizeSlug(manufacturer);
+    const fixedDeviceType = normalizeSlug(deviceType);
+    const fixedCapability = normalizeSlug(capability);
+    const { embedResolution, isError: isResolutionError, error: resolutionError, refetch: refetchResolution, } = useEmbedKeyResolution({ capability: fixedCapability ?? '' });
+    const isResolved = embedKey == null || embedResolution != null;
+    const scopeManufacturer = explicitManufacturer ?? getEmbedKeyManufacturer(embedResolution);
+    const { deviceModels, isError: isDeviceModelsError, error: deviceModelsError, refetch: refetchDeviceModels, } = useEcosystemDeviceModels({
+        manufacturer: scopeManufacturer ?? '',
+        deviceType: fixedDeviceType ?? '',
+        capability: fixedCapability != null && fixedCapability in capabilityLabels
+            ? fixedCapability
+            : '',
+        enabled: (explicitManufacturer != null || isResolved) && !isResolutionError,
+    });
+    const availableDeviceModels = useMemo(() => applyEmbedExclusions(deviceModels ?? [], embedResolution?.exclusions), [deviceModels, embedResolution]);
+    const manufacturerSlugs = useMemo(() => availableDeviceModels
+        .map((m) => m.manufacturer?.slug)
+        .filter((slug) => slug != null), [availableDeviceModels]);
+    const { manufacturers } = useEcosystemManufacturers({
+        slugs: manufacturerSlugs,
+        enabled: manufacturerSlugs.length > 0,
+    });
+    const manufacturersBySlug = useMemo(() => new Map((manufacturers ?? []).map((m) => [m.slug, m])), [manufacturers]);
+    const [searchValue, setSearchValue] = useState('');
+    const [selectedManufacturer, setSelectedManufacturer] = useState(null);
+    const [selectedDeviceType, setSelectedDeviceType] = useState(null);
+    const [selectedCapability, setSelectedCapability] = useState(null);
+    const search = useDeferredValue(searchValue);
+    const filteredDeviceModels = useMemo(() => filterDeviceModels(availableDeviceModels, {
+        manufacturer: scopeManufacturer ?? selectedManufacturer,
+        deviceType: fixedDeviceType ?? selectedDeviceType,
+        capability: fixedCapability ?? selectedCapability,
+        search,
+    }), [
+        availableDeviceModels,
+        scopeManufacturer,
+        selectedManufacturer,
+        fixedDeviceType,
+        selectedDeviceType,
+        fixedCapability,
+        selectedCapability,
+        search,
+    ]);
+    const groups = useMemo(() => groupDeviceModelsByManufacturer(filteredDeviceModels), [filteredDeviceModels]);
+    const manufacturerOptions = useMemo(() => getManufacturerOptions(availableDeviceModels), [availableDeviceModels]);
+    const deviceTypeOptions = useMemo(() => getDeviceTypeOptions(availableDeviceModels), [availableDeviceModels]);
+    const capabilityOptions = useMemo(() => getCapabilityOptions(availableDeviceModels), [availableDeviceModels]);
+    const showManufacturerFilter = scopeManufacturer == null && manufacturerOptions.length > 1;
+    const showDeviceTypeFilter = fixedDeviceType == null && deviceTypeOptions.length > 1;
+    const showCapabilityFilter = fixedCapability == null && capabilityOptions.length > 1;
+    const hasUserFilters = searchValue.trim().length > 0 ||
+        selectedManufacturer != null ||
+        selectedDeviceType != null ||
+        selectedCapability != null;
+    const resetFilters = () => {
+        setSearchValue('');
+        setSelectedManufacturer(null);
+        setSelectedDeviceType(null);
+        setSelectedCapability(null);
+    };
+    const isError = isResolutionError || isDeviceModelsError;
+    const isLoading = !isError && (!isResolved || deviceModels == null);
+    const scopedManufacturerName = scopeManufacturer == null
+        ? null
+        : getScopedManufacturerName(scopeManufacturer, manufacturersBySlug.get(scopeManufacturer), availableDeviceModels[0]?.manufacturer?.display_name);
+    const title = scopedManufacturerName == null
+        ? t.title
+        : t.manufacturerTitle(scopedManufacturerName);
+    const content = (() => {
+        if (isError) {
+            const { message, canRetry } = getEcosystemErrorMessage(isResolutionError ? resolutionError : deviceModelsError, t.error);
+            return (_jsx(StateMessage, { role: 'alert', ...(canRetry
+                    ? {
+                        actionLabel: t.retry,
+                        onAction: () => {
+                            if (isResolutionError)
+                                void refetchResolution();
+                            if (isDeviceModelsError)
+                                void refetchDeviceModels();
+                        },
+                    }
+                    : {}), children: message }));
+        }
+        if (isLoading)
+            return _jsx(LoadingRows, {});
+        if (availableDeviceModels.length === 0) {
+            return _jsx(StateMessage, { children: t.noDevices });
+        }
+        if (filteredDeviceModels.length === 0) {
+            return (_jsx(StateMessage, { ...(hasUserFilters
+                    ? { actionLabel: t.clearFilters, onAction: resetFilters }
+                    : {}), children: hasUserFilters ? t.noMatches : t.noDevices }));
+        }
+        return (_jsx("div", { className: 'seam-supported-devices-sections', children: groups.map((group) => (_jsx(ManufacturerSection, { group: group, manufacturer: manufacturersBySlug.get(group.key) ?? null, collapsible: groups.length > 1 }, group.key))) }));
+    })();
+    const showFilters = !hideFilters &&
+        (showManufacturerFilter || showDeviceTypeFilter || showCapabilityFilter);
+    const controlsDisabled = isLoading || isError;
+    return (_jsxs("div", { className: classNames('seam-ecosystem', 'seam-supported-devices', getEcosystemThemeClassName(theme), className), children: [(!hideTitle || !hideSearch || showFilters) && (_jsxs("div", { className: 'seam-ecosystem-header', children: [!hideTitle && _jsx("h2", { className: 'seam-ecosystem-title', children: title }), _jsxs("div", { className: 'seam-ecosystem-controls', children: [showFilters && showManufacturerFilter && (_jsx(FilterSelect, { label: t.manufacturer, allLabel: t.allManufacturers, options: manufacturerOptions, value: selectedManufacturer, onChange: setSelectedManufacturer, disabled: controlsDisabled })), showFilters && showDeviceTypeFilter && (_jsx(FilterSelect, { label: t.deviceType, allLabel: t.allDeviceTypes, options: deviceTypeOptions, value: selectedDeviceType, onChange: setSelectedDeviceType, disabled: controlsDisabled })), showFilters && showCapabilityFilter && (_jsx(FilterSelect, { label: t.capability, allLabel: t.allCapabilities, options: capabilityOptions, value: selectedCapability, onChange: setSelectedCapability, disabled: controlsDisabled })), !hideSearch && (_jsx(SearchField, { label: t.search, value: searchValue, onChange: setSearchValue, disabled: controlsDisabled }))] })] })), content] }));
+}
+function LoadingRows() {
+    return (_jsx("div", { className: 'seam-supported-devices-sections', "aria-busy": 'true', children: _jsxs("section", { className: 'seam-supported-devices-section', children: [_jsxs("div", { className: 'seam-supported-devices-section-header', children: [_jsx("div", { className: 'seam-ecosystem-skeleton seam-supported-devices-logo' }), _jsx("div", { className: 'seam-ecosystem-skeleton seam-ecosystem-skeleton-line-short' })] }), _jsx("ul", { className: 'seam-supported-devices-rows', children: Array.from({ length: 3 }, (_, index) => (_jsxs("li", { className: 'seam-supported-devices-row', children: [_jsx("div", { className: 'seam-ecosystem-skeleton seam-supported-devices-image' }), _jsxs("div", { className: 'seam-supported-devices-info', children: [_jsx("div", { className: 'seam-ecosystem-skeleton seam-ecosystem-skeleton-line' }), _jsx("div", { className: 'seam-ecosystem-skeleton seam-ecosystem-skeleton-line-short' })] })] }, index))) })] }) }));
+}
+const normalizeSlug = (value) => {
+    const slug = value?.trim();
+    if (slug == null || slug.length === 0)
+        return null;
+    return slug;
+};
+const getScopedManufacturerName = (slug, manufacturer, fallback) => {
+    if (manufacturer != null)
+        return getManufacturerName(manufacturer);
+    return fallback ?? slug;
+};
+const t = {
+    title: 'Supported devices',
+    manufacturerTitle: (name) => `Supported ${name} devices`,
+    search: 'Search devices',
+    manufacturer: 'Manufacturer',
+    allManufacturers: 'All manufacturers',
+    deviceType: 'Device type',
+    allDeviceTypes: 'All device types',
+    capability: 'Capability',
+    allCapabilities: 'All capabilities',
+    error: 'An error occurred while loading supported devices.',
+    retry: 'Retry',
+    noDevices: 'No supported devices found.',
+    noMatches: 'No devices match your search or filters.',
+    clearFilters: 'Clear filters',
+};
+//# sourceMappingURL=SupportedDevices.js.map

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

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

package/lib/seam/components/SupportedDevices/device-models.d.ts

@@ -0,0 +1,47 @@
+import type { CapabilityName, DeviceModel, EmbedExclusions, Manufacturer, ManufacturerRef } from '../../../../lib/seam/ecosystem/types.js';
+export interface DeviceModelFilters {
+    manufacturer?: string | null;
+    deviceType?: string | null;
+    capability?: string | null;
+    search?: string;
+}
+export interface SupportedCapability {
+    name: CapabilityName;
+    supported: 'yes' | 'conditionally';
+    details: string | null;
+}
+export interface ManufacturerGroup {
+    key: string;
+    manufacturer: ManufacturerRef | null;
+    deviceModels: DeviceModel[];
+}
+export interface FilterOption {
+    value: string;
+    label: string;
+}
+/** Capabilities shown as badges, in display order. */
+export declare const capabilityLabels: Partial<Record<CapabilityName, string>>;
+export declare const getCapabilityLabel: (name: string) => string;
+/**
+ * Removes what a partner's embed key says its widgets must not show
+ * (Ecosystem `embed/resolve`): excluded manufacturers and device types,
+ * unsupported providers, and the provider combinations excluded for the
+ * resolved capability. A model left with no provider is removed.
+ */
+export declare const applyEmbedExclusions: (deviceModels: DeviceModel[], exclusions: EmbedExclusions | null | undefined) => DeviceModel[];
+/** The best support for each capability across the model's providers. */
+export declare const getSupportedCapabilities: (deviceModel: DeviceModel) => SupportedCapability[];
+export declare const supportsCapability: (deviceModel: DeviceModel, capability: string) => boolean;
+export declare const filterDeviceModels: (deviceModels: DeviceModel[], { manufacturer, deviceType, capability, search }: DeviceModelFilters) => DeviceModel[];
+export declare const groupDeviceModelsByManufacturer: (deviceModels: DeviceModel[]) => ManufacturerGroup[];
+export declare const getManufacturerOptions: (deviceModels: DeviceModel[]) => FilterOption[];
+export declare const getDeviceTypeOptions: (deviceModels: DeviceModel[]) => FilterOption[];
+export declare const getCapabilityOptions: (deviceModels: DeviceModel[]) => FilterOption[];
+export declare const getDeviceModelName: (deviceModel: DeviceModel) => string;
+export declare const getManufacturerName: (manufacturer: ManufacturerRef | Manufacturer) => string;
+/** The best available image URL for a device model. */
+export declare const getDeviceModelImageUrl: (deviceModel: DeviceModel, manufacturer?: Manufacturer | null) => string | null;
+/** The manufacturer's logo, preferring a square logo. */
+export declare const getManufacturerLogoUrl: (manufacturer: Manufacturer | null | undefined, { mono }?: {
+    mono?: boolean | undefined;
+}) => string | null;