@getlupa/client 0.5.1-alpha-5 → 0.5.1-alpha-8

package/dist/cjs/types/DocumentElement.d.ts

@@ -12,7 +12,7 @@ export declare enum DocumentElementType {
 }
 export declare type DocumentElementBase = {
     type: DocumentElementType;
-    key: string;
+    key?: string;
     display?: (document: Record<string, unknown>) => boolean;
     isHtml?: boolean;
 };
@@ -20,25 +20,31 @@ export declare type ImageDocumentElement = DocumentElementBase & {
     type: DocumentElementType.IMAGE;
     placeholder: string;
     baseUrl?: string;
+    key: string;
 };
 export declare type TitleDocumentElement = DocumentElementBase & {
     type: DocumentElementType.TITLE;
     maxLines: number;
     link?: boolean;
+    key: string;
 };
 export declare type DescriptionDocumentElement = DocumentElementBase & {
     type: DocumentElementType.DESCRIPTION;
     maxLines: number;
+    key: string;
 };
 export declare type CustomDocumentElement = DocumentElementBase & {
     type: DocumentElementType.CUSTOM;
     className: string;
+    key: string;
 };
 export declare type PriceElement = DocumentElementBase & {
     type: DocumentElementType.PRICE;
+    key: string;
 };
 export declare type RegularPriceDocumentElement = DocumentElementBase & {
     type: DocumentElementType.REGULARPRICE;
+    key: string;
 };
 export declare type RatingElement = DocumentElementBase & {
     type: DocumentElementType.RATING;
@@ -46,6 +52,7 @@ export declare type RatingElement = DocumentElementBase & {
     links: RatingLinks;
     totalKey: string;
     getRatingPercentage?: (doc: Document) => number;
+    key: string;
 };
 export declare type RatingLabels = {
     numberOfRatings: string;
@@ -57,7 +64,7 @@ export declare type AddToCartElement = DocumentElementBase & {
     type: DocumentElementType.ADDTOCART;
     action: (document: Document, amount: number) => Promise<unknown> | undefined;
     labels: {
-        addToCart: "Add to Cart";
+        addToCart: string;
     };
 };
 export declare type CustomHtmlElement = DocumentElementBase & {

package/dist/cjs/types/search-results/SearchResultsOptions.d.ts

@@ -7,7 +7,6 @@ export declare type SearchResultsOptions = SearchResultsProductOptions & SearchR
     containerSelector: string;
     breadcrumbs: SearchResultsBreadcrumb[];
     classMap?: Record<string, string>;
-    searchTitlePosition?: string;
     noResultsQueryFlag?: string;
 };
 export declare type SearchTitlePosition = "page-top" | "search-results-top";
@@ -39,6 +38,7 @@ export declare type SearchResultsProductOptions = SearchResultsProductCardOption
     pagination: SearchResultsPagination;
     sort: SearchResultsSortOptions[];
     filters?: SearchResultsFilterOptions;
+    searchTitlePosition?: string;
     toolbar?: {
         layoutSelector?: boolean;
         itemSummary?: boolean;

package/dist/cjs/utils/link.utils.d.ts

@@ -2,3 +2,5 @@ import { InputSuggestionFacet } from "@/types/search-box/Common";
 export declare const generateLink: (linkPattern: string, document: Record<string, unknown>) => string;
 export declare const generateResultLink: (link: string, searchText?: string | undefined, facet?: InputSuggestionFacet | undefined) => string;
 export declare const getPathName: (resultPageLink: string) => string;
+export declare const getRelativePath: (link: string) => string;
+export declare const linksMatch: (link1?: string | undefined, link2?: string | undefined) => boolean;

package/dist/cjs/utils/routing.utils.d.ts

@@ -1 +1,2 @@
 export declare const emitRoutingEvent: (url: string) => void;
+export declare const handleRoutingEvent: (link: string, event?: Event | undefined, hasEventRouting?: boolean) => void;

package/dist/es/components/product-list/CategoryFilter.vue.d.ts

@@ -6,15 +6,14 @@ export default class CategoryFilter extends Vue {
     categoryChildren: Record<string, string>[];
     envOptions: Options;
     get hasBackButton(): boolean;
-    get hasDirectRouting(): boolean;
+    get hasEventRouting(): boolean;
     get backTitle(): string | undefined;
-    get backUrl(): string | undefined;
     get backUrlLink(): string | undefined;
     get parentTitle(): string | undefined;
-    get parentUrl(): string | undefined;
     get parentUrlLink(): string | undefined;
     get isActive(): boolean;
     mounted(): Promise<void>;
     getCategoryKey(item: Record<string, string>): string;
-    handleNavigation(url: string): void;
+    handleNavigationParent(event?: Event): void;
+    handleNavigationBack(event?: Event): void;
 }

package/dist/es/components/product-list/CategoryFilterItem.vue.d.ts

@@ -5,8 +5,7 @@ export default class CategoryFilterItem extends Vue {
     item: Record<string, string>;
     get title(): string;
     get urlLink(): string;
-    get url(): string | undefined;
     get isActive(): boolean;
-    get hasDirectRouting(): boolean;
-    handleNavigation(): void;
+    get hasEventRouting(): boolean;
+    handleNavigation(event?: Event): void;
 }

package/dist/es/components/product-list/CategoryTopFilters.vue.d.ts

@@ -0,0 +1,10 @@
+import { ProductListOptions } from "@/types/product-list/ProductListOptions";
+import Vue from "vue";
+export default class CategoryTopFilters extends Vue {
+    options: ProductListOptions;
+    get hasBackButton(): boolean;
+    get backTitle(): string | undefined;
+    get backUrlLink(): string | undefined;
+    get hasEventRouting(): boolean;
+    handleNavigationBack(event?: Event): void;
+}

package/dist/es/components/search-results/SearchResultsBreadcrumbs.vue.d.ts

@@ -1,7 +1,10 @@
-import { SearchResultsBreadcrumb } from "@/types/search-results/SearchResultsOptions";
+import { SearchResultsBreadcrumb, SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 import Vue from "vue";
 export default class SearchResultsBreadcrumbs extends Vue {
     breadcrumbs: SearchResultsBreadcrumb[];
     currentQueryText: string;
+    searchResultOptions: SearchResultsOptions;
+    get hasEventRouting(): boolean;
     getLabel(label: string): string;
+    handleNavigation(event: Event, link: string): void;
 }

package/dist/es/components/search-results/products/SearchResultsProducts.vue.d.ts

@@ -1,8 +1,6 @@
-import { PaginationDisplay, PaginationOptions } from "@/types/search-results/PaginationOptions";
 import { ResultsLayout } from "@/types/search-results/ResultsLayout";
 import { ResultCurrentFilterOptions, SearchResultsProductOptions, SearchResultsSimilarQueriesLabels } from "@/types/search-results/SearchResultsOptions";
 import { SearchResultsProductCardOptions } from "@/types/search-results/SearchResultsProductCardOptions";
-import { SortOptions } from "@/types/search-results/SearchResultsSort";
 import { Document, SearchQueryResult } from "@getlupa/client-sdk/Types";
 import Vue from "vue";
 export default class SearchResultsProducts extends Vue {
@@ -14,6 +12,7 @@ export default class SearchResultsProducts extends Vue {
     productCardOptions(): SearchResultsProductCardOptions;
     get similarQueriesLabels(): SearchResultsSimilarQueriesLabels;
     get showTopFilters(): boolean;
+    get showMobileFilters(): boolean;
     get currentFilterOptions(): ResultCurrentFilterOptions | undefined;
     columnCount: number;
     searchResult: SearchQueryResult;
@@ -21,9 +20,5 @@ export default class SearchResultsProducts extends Vue {
     limit: number;
     page: number;
     get columnSize(): string;
-    get sortOptions(): SortOptions;
-    get paginationOptions(): PaginationOptions;
-    get topPagination(): PaginationDisplay;
-    get bottomPagination(): PaginationDisplay;
     getProductKey(index: string, product: Document): string;
 }

package/dist/es/components/search-results/products/SearchResultsToolbar.vue.d.ts

@@ -3,15 +3,21 @@ import Vue from "vue";
 import { SortOptions } from "@/types/search-results/SearchResultsSort";
 import { SearchResultsProductOptions } from "@/types/search-results/SearchResultsOptions";
 import { QueryParams } from "@/types/search-results/QueryParams";
+import { SearchQueryResult } from "@getlupa/client-sdk/Types";
 export default class SearchResultsToolbar extends Vue {
     options: SearchResultsProductOptions;
-    paginationOptions: PaginationOptions;
-    paginationDisplay: PaginationDisplay;
-    sortOptions: SortOptions;
-    showLayoutSelection: boolean;
-    showItemSummary: boolean;
-    showFilterClear: boolean;
+    paginationLocation: "top" | "bottom";
+    limit: number;
+    page: number;
     hasAnyFilter: boolean;
+    searchResult: SearchQueryResult;
+    get isBottomLocation(): boolean;
+    get showFilterClear(): boolean;
+    get showItemSummary(): boolean;
+    get showLayoutSelection(): boolean;
+    get sortOptions(): SortOptions | undefined;
+    get paginationDisplay(): PaginationDisplay;
+    get paginationOptions(): PaginationOptions;
     get displayPageSelect(): boolean;
     get searchSummaryLabel(): string;
     get showMobileFilterCount(): boolean;

package/dist/es/components/search-results/products/product-card/SearchResultsProductCard.vue.d.ts

@@ -23,7 +23,6 @@ export default class SearchResultsProductCard extends Vue {
     get labels(): SearchResultsOptionLabels;
     get link(): string;
     get hasEventRouting(): boolean;
-    get url(): string | undefined;
     isInStock: boolean;
     mounted(): void;
     checkIfIsInStock(): Promise<void>;
@@ -32,5 +31,5 @@ export default class SearchResultsProductCard extends Vue {
     handleProductEvent(item: {
         type: ReportableEventType;
     }): void;
-    handleNavigation(): void;
+    handleNavigation(event?: Event): void;
 }

package/dist/es/components/search-results/products/product-card/elements/SearchResultsProductTitle.vue.d.ts

@@ -11,5 +11,5 @@ export default class SearchResultsProductTitle extends Vue {
     get isHtml(): boolean;
     get maxLines(): number;
     get hasEventRouting(): boolean;
-    handleNavigation(): void;
+    handleNavigation(event?: Event): void;
 }

package/dist/es/index.d.ts

@@ -1,7 +1,13 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
-import { SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
+import { FacetStyle, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
 import { SdkOptions, TrackingOptions } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
+import { DocumentElementType } from "./types/DocumentElement";
+import { SearchBoxPanelType } from "./types/search-box/SearchBoxPanel";
+import { Environment, SortDirection } from "@getlupa/client-sdk/Types";
+import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
+import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
+import { BadgeType } from "./types/search-results/BadgeOptions";
 declare const lupaSearch: {
     searchBox: (options: SearchBoxOptions) => void;
     searchResults: (options: SearchResultsOptions) => void;
@@ -11,5 +17,5 @@ declare const lupaSearch: {
     clearSearchResults: () => void;
     clearProductList: () => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, };
 export default lupaSearch;