@seekora-ai/ui-sdk-vanilla 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,670 @@
+import { SeekoraClient, SearchOptions, SearchResponse } from '@seekora-ai/search-sdk';
+import { SearchStateManager, SearchStateManagerConfig } from '@seekora-ai/ui-sdk-core';
+export { HighlightOptions, HighlightPart, SnippetOptions, getHighlightedValue, getSnippetedValue, highlightQuery, mergeThemes, parseHighlightedParts, parseQueryHighlightParts, stripHighlightTags } from '@seekora-ai/ui-sdk-core';
+import * as _seekora_ai_ui_sdk_types from '@seekora-ai/ui-sdk-types';
+import { Theme, ThemeConfig, ViewMode, FieldMapping, ResultItem } from '@seekora-ai/ui-sdk-types';
+export { FieldMapping, ResultItem, SuggestionItem, Theme, ThemeConfig, ViewMode } from '@seekora-ai/ui-sdk-types';
+
+/**
+ * SearchProvider
+ *
+ * Provides search context, theme, and state management to child components
+ * Centralizes all search state and coordination (similar to InstantSearch.js)
+ */
+
+interface SearchProviderConfig {
+    client: SeekoraClient;
+    theme?: ThemeConfig;
+    enableAnalytics?: boolean;
+    autoTrackSearch?: boolean;
+    stateManager?: SearchStateManagerConfig;
+}
+declare class SearchProvider {
+    readonly client: SeekoraClient;
+    readonly theme: Theme;
+    readonly enableAnalytics: boolean;
+    readonly autoTrackSearch: boolean;
+    readonly stateManager: SearchStateManager;
+    private static instance;
+    constructor(config: SearchProviderConfig);
+    static getInstance(): SearchProvider | null;
+    static setInstance(provider: SearchProvider): void;
+}
+
+/**
+ * SearchBar Component
+ *
+ * Creates a search bar with autocomplete suggestions
+ */
+
+interface TrendingProduct {
+    id: string;
+    title: string;
+    image?: string;
+    price?: number | string;
+    currency?: string;
+    url?: string;
+    clicks: number;
+    conversions?: number;
+    revenue?: number;
+    trend_score?: number;
+    metadata?: Record<string, any>;
+}
+interface PopularBrand {
+    name: string;
+    logo?: string;
+    searches: number;
+    clicks?: number;
+    conversions?: number;
+    metadata?: Record<string, any>;
+}
+interface SearchBarOptions {
+    container: HTMLElement | string;
+    placeholder?: string;
+    showSuggestions?: boolean;
+    minQueryLength?: number;
+    maxSuggestions?: number;
+    debounceMs?: number;
+    enableRichSuggestions?: boolean;
+    onSearch?: (query: string, results: any) => void;
+    onSuggestionSelect?: (suggestion: string) => void;
+    onProductClick?: (productId: string, product: TrendingProduct) => void;
+    onBrandClick?: (brandName: string, brand: PopularBrand) => void;
+    searchOptions?: Partial<SearchOptions> | (() => Partial<SearchOptions>);
+}
+declare class SearchBar {
+    private container;
+    private inputWrapper;
+    private input;
+    private responseTimeElement;
+    private suggestionsContainer;
+    private provider;
+    private client;
+    private options;
+    private suggestions;
+    private richSuggestionsData;
+    private selectedIndex;
+    private debounceTimer;
+    private isFocused;
+    private unsubscribeStateManager;
+    private cachedStoreId;
+    private cachedReadSecret;
+    private cachedEnvironment;
+    constructor(providerOrClient: SearchProvider | SeekoraClient, options: SearchBarOptions);
+    private render;
+    private injectPlaceholderStyles;
+    private attachEventListeners;
+    private handleInputChange;
+    private handleKeyDown;
+    private selectSuggestion;
+    private fetchRichSuggestions;
+    private fallbackToBasicSuggestions;
+    private cacheClientCredentials;
+    private performSearch;
+    private renderSuggestions;
+    private updateSuggestionsVisibility;
+    private getInputStyle;
+    private getResponseTimeStyle;
+    private getSuggestionsContainerStyle;
+    private getSuggestionItemStyle;
+    private getSectionStyle;
+    private getSectionTitleStyle;
+    private getSuggestionsListStyle;
+    private getCountStyle;
+    private getProductsGridStyle;
+    private getProductCardStyle;
+    private getProductImageStyle;
+    private getProductInfoStyle;
+    private getProductTitleStyle;
+    private getProductPriceStyle;
+    private getBrandsListStyle;
+    private getBrandItemStyle;
+    private getBrandLogoStyle;
+    private getBrandNameStyle;
+    /**
+     * Trigger a search programmatically
+     * @param query - Optional query string. If not provided, uses current input value or "*" for all
+     */
+    search(query?: string): Promise<void>;
+    destroy(): void;
+}
+
+/**
+ * SearchResults Component
+ *
+ * Displays search results with customizable rendering
+ */
+
+interface SearchResultsOptions {
+    container: HTMLElement | string;
+    results?: SearchResponse | null;
+    loading?: boolean;
+    error?: Error | null;
+    viewMode?: ViewMode;
+    fieldMapping?: FieldMapping;
+    itemsPerPage?: number;
+    onResultClick?: (result: ResultItem, index: number) => void;
+    renderResult?: (result: ResultItem, index: number) => HTMLElement;
+    renderEmpty?: () => HTMLElement;
+    renderLoading?: () => HTMLElement;
+    renderError?: (error: Error) => HTMLElement;
+}
+declare class SearchResults {
+    private container;
+    private provider;
+    private options;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: SearchResultsOptions);
+    destroy(): void;
+    update(options: Partial<Pick<SearchResultsOptions, 'results' | 'loading' | 'error'>>): void;
+    private render;
+    private extractResults;
+    private extractFields;
+    private renderDefaultLoading;
+    private renderDefaultError;
+    private renderDefaultEmpty;
+    private renderDefaultResult;
+    private renderCardResult;
+    private renderListResult;
+    private get theme();
+    private getLoadingStyle;
+    private getErrorStyle;
+    private getEmptyStyle;
+    private getGridContainerStyle;
+    private getResultStyle;
+    private getImageContainerStyle;
+    private getImageStyle;
+    private getCardContentStyle;
+    private getListContentStyle;
+    private getListImageStyle;
+    private getTitleStyle;
+    private getDescriptionStyle;
+    private getPriceStyle;
+}
+
+/**
+ * Stats Component
+ *
+ * Displays search statistics (total results, processing time, etc.)
+ */
+
+interface StatsOptions {
+    container: HTMLElement | string;
+    results?: SearchResponse | null;
+    loading?: boolean;
+    showProcessingTime?: boolean;
+    labels?: {
+        resultsFound?: (count: number) => string;
+        processingTime?: (time: number) => string;
+    };
+}
+declare class Stats {
+    private container;
+    private provider;
+    private options;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: StatsOptions);
+    destroy(): void;
+    update(options: Partial<Pick<StatsOptions, 'results' | 'loading'>>): void;
+    private render;
+    private getTotalResults;
+    private getProcessingTime;
+    private getResultsLabel;
+    private getProcessingTimeLabel;
+    private get theme();
+    private getContainerStyle;
+    private getResultsStyle;
+    private getTimeStyle;
+}
+
+/**
+ * Pagination Component
+ *
+ * Displays pagination controls for search results
+ */
+
+interface PaginationOptions {
+    container: HTMLElement | string;
+    results?: SearchResponse | null;
+    currentPage?: number;
+    itemsPerPage?: number;
+    showFirstLast?: boolean;
+    showPrevNext?: boolean;
+    onPageChange?: (page: number) => void;
+}
+declare class Pagination {
+    private container;
+    private provider;
+    private options;
+    private currentPage;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: PaginationOptions);
+    update(options: Partial<Pick<PaginationOptions, 'results' | 'currentPage'>>): void;
+    destroy(): void;
+    private render;
+    private getTotalPages;
+    private createButton;
+    private get theme();
+    private getContainerStyle;
+    private getButtonStyle;
+}
+
+/**
+ * SortBy Component
+ *
+ * Displays sort options for search results
+ */
+
+interface SortOption {
+    value: string;
+    label: string;
+}
+interface SortByOptions {
+    container: HTMLElement | string;
+    options: SortOption[];
+    value?: string;
+    label?: string;
+    onSortChange?: (value: string) => void;
+}
+declare class SortBy {
+    private container;
+    private provider;
+    private options;
+    private currentValue;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: SortByOptions);
+    destroy(): void;
+    update(options: Partial<Pick<SortByOptions, 'value'>>): void;
+    private render;
+    private get theme();
+    private getContainerStyle;
+    private getLabelStyle;
+    private getSelectStyle;
+}
+
+/**
+ * Facets Component
+ *
+ * Displays facet filters for search results
+ */
+
+interface FacetItem {
+    value: string;
+    count: number;
+    selected?: boolean;
+}
+interface Facet {
+    field: string;
+    label?: string;
+    items: FacetItem[];
+}
+interface FacetsOptions {
+    container: HTMLElement | string;
+    results?: SearchResponse | null;
+    facets?: Facet[];
+    maxItems?: number;
+    showMore?: boolean;
+    onFacetChange?: (field: string, value: string, selected: boolean) => void;
+}
+declare class Facets {
+    private container;
+    private provider;
+    private options;
+    private expandedFacets;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: FacetsOptions);
+    update(options: Partial<Pick<FacetsOptions, 'results' | 'facets'>>): void;
+    private render;
+    private getFacets;
+    private get theme();
+    private getFacetStyle;
+    private getFacetHeaderStyle;
+    private getFacetListStyle;
+    private getFacetItemStyle;
+    private getFacetItemLabelStyle;
+    private getFacetItemCountStyle;
+    private getShowMoreStyle;
+}
+
+/**
+ * CurrentRefinements Component
+ *
+ * Displays currently active filters/refinements with ability to clear them
+ */
+
+interface Refinement {
+    field: string;
+    label?: string;
+    value: string;
+    displayValue?: string;
+}
+interface CurrentRefinementsOptions {
+    container: HTMLElement | string;
+    refinements?: Refinement[];
+    showClearAll?: boolean;
+    onRefinementClear?: (field: string, value: string) => void;
+    onClearAll?: () => void;
+}
+declare class CurrentRefinements {
+    private container;
+    private provider;
+    private options;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: CurrentRefinementsOptions);
+    update(options: Partial<Pick<CurrentRefinementsOptions, 'refinements'>>): void;
+    private render;
+    private get theme();
+    private getContainerStyle;
+    private getItemStyle;
+    private getLabelStyle;
+    private getValueStyle;
+    private getClearButtonStyle;
+    private getClearAllButtonStyle;
+}
+
+/**
+ * ClearRefinements Component
+ *
+ * A standalone button to clear all active refinements/filters
+ * Integrates with SearchStateManager for automatic state sync
+ */
+
+interface ClearRefinementsOptions {
+    container: HTMLElement | string;
+    /** Whether clicking should also clear the search query */
+    clearsQuery?: boolean;
+    /** Button text when there are refinements to clear */
+    resetLabel?: string;
+    /** Button text shown when there are no refinements */
+    disabledLabel?: string;
+    /** Fields to include (if not specified, all fields are included) */
+    includedFields?: string[];
+    /** Fields to exclude from clearing */
+    excludedFields?: string[];
+    /** Callback when refinements are cleared */
+    onClear?: () => void;
+    /** Whether to hide when there are no refinements */
+    hideWhenEmpty?: boolean;
+}
+declare class ClearRefinements {
+    private container;
+    private provider;
+    private options;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: ClearRefinementsOptions);
+    destroy(): void;
+    private getRelevantRefinements;
+    private canClear;
+    private handleClick;
+    private render;
+    private get theme();
+    private getButtonStyle;
+}
+
+/**
+ * RangeInput Component
+ *
+ * Displays a range input for filtering numeric values (e.g., price range)
+ */
+
+interface RangeInputOptions {
+    container: HTMLElement | string;
+    field: string;
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    currentMin?: number;
+    currentMax?: number;
+    showApplyButton?: boolean;
+    placeholder?: {
+        min?: string;
+        max?: string;
+    };
+    onRangeChange?: (min: number | undefined, max: number | undefined) => void;
+}
+declare class RangeInput {
+    private container;
+    private provider;
+    private options;
+    private internalMin?;
+    private internalMax?;
+    constructor(provider: SearchProvider, options: RangeInputOptions);
+    update(options: Partial<Pick<RangeInputOptions, 'currentMin' | 'currentMax'>>): void;
+    private render;
+    private hasValue;
+    private updateStateManager;
+    private get theme();
+    private getLabelStyle;
+    private getInputGroupStyle;
+    private getInputStyle;
+    private getSeparatorStyle;
+    private getApplyButtonStyle;
+    private getResetButtonStyle;
+}
+
+/**
+ * HitsPerPage Component
+ *
+ * A dropdown to let users change the number of displayed hits per page
+ * Integrates with SearchStateManager for automatic state sync
+ */
+
+interface HitsPerPageItem {
+    value: number;
+    label: string;
+    default?: boolean;
+}
+interface HitsPerPageOptions {
+    container: HTMLElement | string;
+    /** Available items per page options */
+    items: HitsPerPageItem[];
+    /** Label text before the select */
+    label?: string;
+    /** Callback when hits per page changes */
+    onHitsPerPageChange?: (value: number) => void;
+}
+declare class HitsPerPage {
+    private container;
+    private provider;
+    private options;
+    private currentValue;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: HitsPerPageOptions);
+    destroy(): void;
+    update(options: Partial<Pick<HitsPerPageOptions, 'items'>>): void;
+    private render;
+    private get theme();
+    private getContainerStyle;
+    private getLabelStyle;
+    private getSelectStyle;
+}
+
+/**
+ * InfiniteHits Component
+ *
+ * Displays search results with infinite scroll or "Show More" button
+ * Accumulates results as user loads more pages
+ */
+
+interface InfiniteHitsOptions {
+    container: HTMLElement | string;
+    /** Custom render function for each hit */
+    renderHit?: (hit: ResultItem, index: number) => HTMLElement;
+    /** Custom render for empty state */
+    renderEmpty?: () => HTMLElement;
+    /** Custom render for loading state */
+    renderLoading?: () => HTMLElement;
+    /** Whether to show the "Show More" button (default: true) */
+    showMoreButton?: boolean;
+    /** Whether to use infinite scroll with IntersectionObserver (default: false) */
+    useInfiniteScroll?: boolean;
+    /** Threshold for IntersectionObserver (default: 0.1) */
+    scrollThreshold?: number;
+    /** Field mapping for extracting data from hits */
+    fieldMapping?: FieldMapping;
+    /** Text for "Show More" button */
+    showMoreLabel?: string;
+    /** Text for loading state */
+    loadingLabel?: string;
+    /** Callback when a hit is clicked */
+    onHitClick?: (hit: ResultItem, index: number) => void;
+}
+declare class InfiniteHits {
+    private container;
+    private provider;
+    private options;
+    private accumulatedHits;
+    private isLoadingMore;
+    private currentPage;
+    private observer;
+    private unsubscribeStateManager;
+    constructor(provider: SearchProvider, options: InfiniteHitsOptions);
+    destroy(): void;
+    private extractHits;
+    private get isLastPage();
+    private handleShowMore;
+    private render;
+    private setupIntersectionObserver;
+    private createDefaultHit;
+    private createDefaultEmpty;
+    private createDefaultLoading;
+    private createShowMoreButton;
+    private extractField;
+    private get theme();
+    private getHitStyle;
+    private getImageStyle;
+    private getTitleStyle;
+    private getDescriptionStyle;
+    private getPriceStyle;
+    private getShowMoreButtonStyle;
+}
+
+/**
+ * SearchLayout Component
+ *
+ * Provides a layout structure for search interfaces with sidebar and main content
+ */
+
+interface SearchLayoutOptions {
+    container: HTMLElement | string;
+    sidebar?: HTMLElement | string;
+    header?: HTMLElement | string;
+    footer?: HTMLElement | string;
+    sidebarWidth?: string;
+    showSidebarOnMobile?: boolean;
+}
+declare class SearchLayout {
+    private container;
+    private provider;
+    private options;
+    private headerEl?;
+    private sidebarEl?;
+    private mainEl?;
+    private footerEl?;
+    constructor(provider: SearchProvider, options: SearchLayoutOptions);
+    private render;
+    getMainElement(): HTMLElement | undefined;
+    private get theme();
+    private getContainerStyle;
+    private getHeaderStyle;
+    private getContentStyle;
+    private getSidebarStyle;
+    private getSidebarClass;
+    private getMainStyle;
+    private getFooterStyle;
+}
+
+/**
+ * QuerySuggestions Component
+ *
+ * Standalone component for displaying query suggestions
+ */
+
+interface QuerySuggestionsOptions {
+    container: HTMLElement | string;
+    query?: string;
+    maxSuggestions?: number;
+    debounceMs?: number;
+    minQueryLength?: number;
+    showTitle?: boolean;
+    title?: string;
+    onSuggestionClick?: (suggestion: string) => void;
+}
+declare class QuerySuggestions {
+    private container;
+    private provider;
+    private options;
+    private suggestions;
+    private loading;
+    private error;
+    private selectedIndex;
+    private debounceTimer;
+    constructor(provider: SearchProvider, options: QuerySuggestionsOptions);
+    update(options: Partial<Pick<QuerySuggestionsOptions, 'query'>>): void;
+    private loadSuggestions;
+    private render;
+    private get theme();
+    private getTitleStyle;
+    private getLoadingStyle;
+    private getEmptyStyle;
+    private getListStyle;
+    private getSuggestionStyle;
+    private getCountStyle;
+    destroy(): void;
+}
+
+/**
+ * SearchManager
+ *
+ * Manages search state and operations for Vanilla JS
+ */
+
+interface SearchManagerConfig {
+    client: SeekoraClient;
+    theme?: Theme;
+    enableAnalytics?: boolean;
+    autoTrackSearch?: boolean;
+}
+interface SearchState {
+    results: SearchResponse | null;
+    loading: boolean;
+    error: Error | null;
+}
+declare class SearchManager {
+    private client;
+    private theme;
+    private state;
+    private listeners;
+    constructor(config: SearchManagerConfig);
+    search(options: SearchOptions): Promise<SearchResponse | null>;
+    clearResults(): void;
+    getState(): SearchState;
+    subscribe(listener: (state: SearchState) => void): () => void;
+    getTheme(): Theme;
+    private setState;
+    private getDefaultTheme;
+}
+
+/**
+ * Default Theme
+ */
+
+declare const defaultTheme: Theme;
+
+/**
+ * Dark Theme
+ */
+
+declare const darkTheme: Theme;
+
+/**
+ * Minimal Theme
+ */
+
+declare const minimalTheme: Theme;
+
+declare const createTheme: (config: ThemeConfig) => _seekora_ai_ui_sdk_types.Theme;
+
+export { ClearRefinements, CurrentRefinements, Facets, HitsPerPage, InfiniteHits, Pagination, QuerySuggestions, RangeInput, SearchBar, SearchLayout, SearchManager, SearchProvider, SearchResults, SortBy, Stats, createTheme, darkTheme, defaultTheme, minimalTheme };
+export type { ClearRefinementsOptions, CurrentRefinementsOptions, Facet, FacetItem, FacetsOptions, HitsPerPageItem, HitsPerPageOptions, InfiniteHitsOptions, PaginationOptions, QuerySuggestionsOptions, RangeInputOptions, Refinement, SearchBarOptions, SearchLayoutOptions, SearchManagerConfig, SearchProviderConfig, SearchResultsOptions, SearchState, SortByOptions, SortOption, StatsOptions };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGlE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,YAAY,EACV,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,aAAa,EACb,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,aAAa,EACb,KAAK,EACL,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,yBAAyB,EACzB,UAAU,GACX,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACV,uBAAuB,GACxB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,kBAAkB,EAClB,eAAe,GAChB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,uBAAuB,GACxB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,mBAAmB,EACnB,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAGhC,YAAY,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC"}