@getlupa/client 1.19.1 → 1.20.0

package/cypress.config.ts

@@ -5,6 +5,7 @@ export default defineConfig({
     // We've imported your old cypress plugins here.
     // You may want to clean this up later by importing these.
     setupNodeEvents(on, config) {
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
       return require("./cypress/plugins/index.js")(on, config);
     },
   },

package/dist/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/AppContainer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/AppMounted.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/AppProductList.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/AppRecommender.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ProductListEntry.vue.d.ts

@@ -0,0 +1,10 @@
+import { ProductListOptions } from '@getlupa/vue';
+type __VLS_Props = {
+    productListOptions: ProductListOptions;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    fetch: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    productList: any;
+}, any>;
+export default _default;

package/dist/components/RecommendationsEntry.vue.d.ts

@@ -0,0 +1,10 @@
+import { ProductRecommendationOptions } from '@getlupa/vue';
+type __VLS_Props = {
+    recommendationOptions: ProductRecommendationOptions;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    fetch: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    productRecommendations: any;
+}, any>;
+export default _default;

package/dist/components/SearchBoxEntry.vue.d.ts

@@ -0,0 +1,10 @@
+import { SearchBoxOptions } from '@getlupa/vue';
+type __VLS_Props = {
+    searchBoxOptions: SearchBoxOptions;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    fetch: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    searchBox: any;
+}, any>;
+export default _default;

package/dist/components/SearchContainerEntry.vue.d.ts

@@ -0,0 +1,11 @@
+import { SearchContainerOptions } from '@getlupa/vue';
+type __VLS_Props = {
+    searchContainerOptions: SearchContainerOptions;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    fetch: () => void;
+    reloadOptions: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    productList: any;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/SearchResultsEntry.vue.d.ts

@@ -0,0 +1,10 @@
+import { SearchResultsOptions } from '@getlupa/vue';
+type __VLS_Props = {
+    searchResultsOptions: SearchResultsOptions;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    fetch: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    searchResults: any;
+}, any>;
+export default _default;

package/dist/constants/development/recommendations.example.const.d.ts

@@ -0,0 +1,2 @@
+import { ProductRecommendationOptions } from '@getlupa/vue';
+export declare const RECOMMENDATIONS_OPTIONS: ProductRecommendationOptions;

package/dist/constants/development/recommendationsDev.const.d.ts

@@ -0,0 +1,2 @@
+import { ProductRecommendationOptions } from '@getlupa/vue';
+export declare const RECOMMENDATIONS_OPTIONS: ProductRecommendationOptions;

package/dist/constants/development/searchBoxDev.const.d.ts

@@ -0,0 +1,30 @@
+import { SdkOptions } from '@getlupa/vue';
+import { SearchBoxPanel } from '@getlupa/vue/dist/src/types/search-box/SearchBoxPanel';
+export declare const SEARCH_BOX_CONFIGURATION: {
+    options: SdkOptions;
+    minInputLength: number;
+    showTotalCount: boolean;
+    inputAttributes: {
+        name: string;
+    };
+    debounce: number;
+    labels: {
+        placeholder: string;
+        noResults: string;
+        moreResults: string;
+        currency: string;
+        priceSeparator: string;
+        defaultFacetLabel: string;
+        close: string;
+    };
+    links: {
+        searchResults: string;
+    };
+    searchTitlePosition: string;
+    panels: SearchBoxPanel[];
+    history: {
+        labels: {
+            clear: string;
+        };
+    };
+};

package/dist/constants/development/searchBoxDev.example.const.d.ts

@@ -0,0 +1,30 @@
+import { SdkOptions } from '@getlupa/vue';
+import { SearchBoxPanel } from '@getlupa/vue/dist/src/types/search-box/SearchBoxPanel';
+export declare const SEARCH_BOX_CONFIGURATION: {
+    options: SdkOptions;
+    minInputLength: number;
+    showTotalCount: boolean;
+    inputAttributes: {
+        name: string;
+    };
+    debounce: number;
+    labels: {
+        placeholder: string;
+        noResults: string;
+        moreResults: string;
+        currency: string;
+        priceSeparator: string;
+        defaultFacetLabel: string;
+        close: string;
+    };
+    links: {
+        searchResults: string;
+    };
+    searchTitlePosition: string;
+    panels: SearchBoxPanel[];
+    history: {
+        labels: {
+            clear: string;
+        };
+    };
+};

package/dist/constants/development/searchContainerDev.example.d.ts

@@ -0,0 +1,2 @@
+import { SearchContainerOptions } from '@getlupa/vue';
+export declare const SEARCH_CONAINER_CONFIGURATION: SearchContainerOptions;

package/dist/constants/development/searchProductListDev.const.d.ts

@@ -0,0 +1,26 @@
+export declare const PRODUCT_LIST_CONFIGURATION: {
+    initialFilters: {};
+    categories: {
+        queryKey: string;
+        routingBehavior: string;
+        keys: {
+            titleKey: string;
+            urlKey: string;
+        };
+        filters: {
+            category: string[];
+        };
+        back: {
+            title: string;
+            url: string;
+        };
+        parent: {
+            title: string;
+            url: string;
+        };
+        current: {
+            title: string;
+            description: string;
+        };
+    };
+};

package/dist/constants/development/searchProductListDev.example.d.ts

@@ -0,0 +1,28 @@
+export declare const PRODUCT_LIST_CONFIGURATION: {
+    initialFilters: {
+        category: string[];
+    };
+    categories: {
+        queryKey: string;
+        routingBehavior: string;
+        keys: {
+            titleKey: string;
+            urlKey: string;
+        };
+        filters: {
+            category: string[];
+        };
+        back: {
+            title: string;
+            url: string;
+        };
+        parent: {
+            title: string;
+            url: string;
+        };
+        current: {
+            title: string;
+            description: string;
+        };
+    };
+};

package/dist/constants/development/searchResultsDev.const.d.ts

@@ -0,0 +1,121 @@
+import { SdkOptions, SearchResultsSortOptions, DocumentElement } from '@getlupa/vue';
+export declare const SEARCH_RESULTS_CONFIGURATION: {
+    options: SdkOptions;
+    queryKey: string;
+    labels: {
+        pageSize: string;
+        sortBy: string;
+        itemCount: string;
+        currency: string;
+        priceSeparator: string;
+        showMore: string;
+        emptyResults: string;
+        noItemsInPage: string;
+        backToFirstPage: string;
+        mobileFilterButton: string;
+        htmlTitleTemplate: string;
+        noResultsSuggestion: string;
+        didYouMean: string;
+        similarQuery: string;
+        similarQueries: string;
+        aiSuggestions: string;
+    };
+    toolbar: {
+        totalCount: boolean;
+    };
+    grid: {
+        columns: {
+            xl: number;
+            l: number;
+            md: number;
+            sm: number;
+            xs: number;
+        };
+    };
+    pagination: {
+        sizeSelection: {
+            position: {
+                top: boolean;
+                bottom: boolean;
+            };
+            sizes: number[];
+        };
+        pageSelection: {
+            position: {
+                top: boolean;
+                bottom: boolean;
+            };
+            display: number;
+        };
+    };
+    sort: SearchResultsSortOptions[];
+    filters: {
+        currentFilters: {
+            visibility: {
+                mobileSidebar: boolean;
+                mobileToolbar: boolean;
+                desktopToolbar: boolean;
+                desktopSidebar: boolean;
+            };
+            labels: {
+                title: string;
+                clearAll: string;
+            };
+            mobileSidebar: {
+                showFilterCount: boolean;
+                activeFiltersExpanded: boolean;
+            };
+            desktopToolbar: {
+                activeFiltersExpanded: boolean;
+            };
+        };
+        facets: {
+            labels: {
+                title: string;
+                showAll: string;
+                showLess: string;
+                facetFilter: string;
+            };
+            hierarchy: {
+                maxInitialLevel: number;
+                topLevelValueCountLimit: number;
+                filterable: boolean;
+            };
+            stats: {
+                slider: boolean;
+                inputs: boolean;
+                labels: {
+                    from: string;
+                    to: string;
+                };
+            };
+            filterable: {
+                minValues: number;
+            };
+            facetValueCountLimit: number;
+            showDocumentCount: boolean;
+        };
+    };
+    isInStock: (doc: any) => boolean;
+    customDocumentHtmlAttributes: (doc: any) => {
+        'data-id': any;
+        'data-name': any;
+    };
+    links: {
+        details: string;
+    };
+    idKey: string;
+    titleKey: string;
+    elements: DocumentElement[];
+    breadcrumbs: ({
+        label: string;
+        link: string;
+    } | {
+        label: string;
+        link?: undefined;
+    })[];
+    dynamicData: {
+        enabled: boolean;
+        handler: (ids: string[]) => Promise<void>;
+    };
+};

package/dist/constants/development/searchResultsDev.example.const.d.ts

@@ -0,0 +1,121 @@
+import { SdkOptions, SearchResultsSortOptions, DocumentElement } from '@getlupa/vue';
+export declare const SEARCH_RESULTS_CONFIGURATION: {
+    options: SdkOptions;
+    queryKey: string;
+    labels: {
+        pageSize: string;
+        sortBy: string;
+        itemCount: string;
+        currency: string;
+        priceSeparator: string;
+        showMore: string;
+        emptyResults: string;
+        noItemsInPage: string;
+        backToFirstPage: string;
+        mobileFilterButton: string;
+        htmlTitleTemplate: string;
+        noResultsSuggestion: string;
+        didYouMean: string;
+        similarQuery: string;
+        similarQueries: string;
+        aiSuggestions: string;
+    };
+    toolbar: {
+        totalCount: boolean;
+    };
+    grid: {
+        columns: {
+            xl: number;
+            l: number;
+            md: number;
+            sm: number;
+            xs: number;
+        };
+    };
+    pagination: {
+        sizeSelection: {
+            position: {
+                top: boolean;
+                bottom: boolean;
+            };
+            sizes: number[];
+        };
+        pageSelection: {
+            position: {
+                top: boolean;
+                bottom: boolean;
+            };
+            display: number;
+        };
+    };
+    sort: SearchResultsSortOptions[];
+    filters: {
+        currentFilters: {
+            visibility: {
+                mobileSidebar: boolean;
+                mobileToolbar: boolean;
+                desktopToolbar: boolean;
+                desktopSidebar: boolean;
+            };
+            labels: {
+                title: string;
+                clearAll: string;
+            };
+            mobileSidebar: {
+                showFilterCount: boolean;
+                activeFiltersExpanded: boolean;
+            };
+            desktopToolbar: {
+                activeFiltersExpanded: boolean;
+            };
+        };
+        facets: {
+            labels: {
+                title: string;
+                showAll: string;
+                showLess: string;
+                facetFilter: string;
+            };
+            hierarchy: {
+                maxInitialLevel: number;
+                topLevelValueCountLimit: number;
+                filterable: boolean;
+            };
+            stats: {
+                slider: boolean;
+                inputs: boolean;
+                labels: {
+                    from: string;
+                    to: string;
+                };
+            };
+            filterable: {
+                minValues: number;
+            };
+            facetValueCountLimit: number;
+            showDocumentCount: boolean;
+        };
+    };
+    isInStock: (doc: any) => boolean;
+    customDocumentHtmlAttributes: (doc: any) => {
+        'data-id': any;
+        'data-name': any;
+    };
+    links: {
+        details: string;
+    };
+    idKey: string;
+    titleKey: string;
+    elements: DocumentElement[];
+    breadcrumbs: ({
+        label: string;
+        link: string;
+    } | {
+        label: string;
+        link?: undefined;
+    })[];
+    dynamicData: {
+        enabled: boolean;
+        handler: (ids: string[]) => Promise<void>;
+    };
+};

package/dist/constants/mockData..const.d.ts

@@ -0,0 +1,4 @@
+import { DisplaySuggestion } from '../types/search-box/Common';
+import { SuggestionQueryResult } from '@getlupa/client-sdk/Types';
+export declare const SuggestionsMockData: SuggestionQueryResult;
+export declare const DisplaySuggestionsMockData: (input: string) => DisplaySuggestion[];

package/dist/{src/index.d.ts → index.d.ts}

@@ -1,5 +1,4 @@
-import type { Environment, SdkOptions, SortDirection, TrackingOptions, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SingleStarRatingElement, ProductListOptions, CategoryFilterOptions, ProductRecommendationOptions, RecommendationABTestingOptions, SearchBoxOptions, SearchContainerOptions, SearchContainerConfigOptions, SearchResultBadgeElement, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, RoutingBehavior, SearchResultsOptions, FacetStyle, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, FacetFilterQuery, SearchResultsFilterOptions, ResultFacetOptions, DynamicData, AnchorPosition, SortOptions, SearchResultsSortOptions, ChatOptions, RedirectionOptions } from '@getlupa/vue';
-import { DocumentElementType, SearchBoxPanelType, BadgeType, SearchResultBadgeType } from '@getlupa/vue';
+import { Environment, SdkOptions, SortDirection, TrackingOptions, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SingleStarRatingElement, ProductListOptions, CategoryFilterOptions, ProductRecommendationOptions, RecommendationABTestingOptions, SearchBoxOptions, SearchContainerOptions, SearchContainerConfigOptions, SearchResultBadgeElement, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, RoutingBehavior, SearchResultsOptions, FacetStyle, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, FacetFilterQuery, SearchResultsFilterOptions, ResultFacetOptions, DynamicData, AnchorPosition, SortOptions, SearchResultsSortOptions, ChatOptions, RedirectionOptions, DocumentElementType, SearchBoxPanelType, BadgeType, SearchResultBadgeType } from '@getlupa/vue';
 import { PreconfiguredSearchContainerOptions, SearchBoxDemoOptions, SearchDemoFields, SearchResultDemoOptions } from './types/PreconfiguredSearchContainerOptions';
 import { OptionOverrides } from './types/OptionOverrides';
 type MountOptions = {

package/dist/lupaChatStyle.css

@@ -1 +1 @@
-.lupa-chat-section-title{font-family:"Lato";font-weight:700;font-size:26px;margin:0;border-bottom:1px solid rgba(0,0,0,0.1019607843);padding:8px;cursor:pointer}.lupasearch-chat-input #lupa-search-box-input::after{display:none}.lupa-chat-input-container{border-bottom:1px solid rgba(0,0,0,0.1019607843)}.lupasearch-chat{max-width:1200px;margin:auto}.lupasearch-chat-content-wrapper{position:relative}.lupasearch-chat-content{position:absolute;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);width:100%;overflow:auto}.lupasearch-chat-content ul{list-style:none;padding-left:0;margin:0}.chat-content-list-entry{border:1px solid rgba(0,0,0,0.1019607843);border-width:2px}.lupa-chat-section-content{display:flex}.lupa-chat-phrase-title h3{font-family:"Lato";margin:0 0 10px;font-size:24px}.lupa-chat-input-container{background:#fff;padding:20px;box-shadow:0px 4px 6px rgba(0,0,0,.25)}.lupa-chat-input-container input{font-weight:300}.lupa-chat-logo img{width:300px;height:200px;margin:auto;display:block}.lupa-chat-spinner-main{margin-bottom:40px}.lupa-chat-spinner{text-align:center}.lupa-chat-spinner .lds-ring div{border:8px solid #3c53f4;border-color:#3c53f4 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lds-ring.small{width:40px;height:40px;border-width:6px}.lds-ring.small div{width:32px;height:32px;border-width:6px}.lupa-chat-spinner-message{font-family:"Lato";font-weight:300;font-size:16px;margin-top:10px;margin-bottom:15px}.lupa-chat-form-submit,.lupa-chat-form-clear{appearance:none;border:none;background:#3c53f4;color:#fff;padding:14px;margin:0;cursor:pointer;appearance:none;font-family:"Lato";font-size:16px;font-weight:700}.lupa-chat-form-clear{background:#6c7ef7;margin-left:10px}.chat-input-form{display:flex;justify-content:space-between}.chat-input-form #lupa-search-box-input{flex-grow:1;margin-right:15px}.lupa-chat-results{display:flex;overflow:hidden}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image{flex-shrink:0;width:80px;height:60px;margin-right:8px}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image-wrapper{padding-bottom:20%}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image{max-height:100px}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image-wrapper{width:80px;height:60px;height:100%;padding:0}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image-wrapper img{object-fit:cover}.lupa-search-results-image-wrapper{padding-bottom:80%}.lupa-search-results-product-title-text{font-size:16px;font-weight:300;line-height:1.3}.lupa-chat-no-results p{font-family:"Lato";font-weight:300;font-size:16px;margin-left:15px}.lupa-chat-text-response{flex-basis:50%;font-family:"Lato";font-weight:400;min-height:80px;max-height:400px;padding:20px;border-right:1px solid rgba(0,0,0,0.1019607843);border-bottom:1px solid rgba(0,0,0,0.1019607843);border-width:1px;overflow:auto}.lupa-chat-text-response::-webkit-scrollbar{width:6px}.lupa-chat-text-response::-webkit-scrollbar-track{background:#fff}.lupa-chat-text-response::-webkit-scrollbar-thumb{background:#3c53f4;border-radius:6px}.lupa-chat-text-response::-webkit-scrollbar-thumb:hover{background:#3c53f4}.lupa-chat-text-response p{margin:0}.lupa-chat-incomplete-results{opacity:.5}.lupa-chat-content-entry-wrapper{flex-basis:50%;max-height:400px;overflow:auto;border-bottom:1px solid rgba(0,0,0,0.1019607843)}.lupa-chat-content-entry-wrapper::-webkit-scrollbar{width:6px}.lupa-chat-content-entry-wrapper::-webkit-scrollbar-track{background:#fff}.lupa-chat-content-entry-wrapper::-webkit-scrollbar-thumb{background:#3c53f4;border-radius:6px}.lupa-chat-content-entry-wrapper::-webkit-scrollbar-thumb:hover{background:#3c53f4}.lupa-chat-content-entry{margin-right:5px}.lupa-chat-content-entry-phrase{border-bottom:1px solid rgba(0,0,0,0.1019607843);margin-right:5px;padding:10px}.lupa-chat-product-card-image{width:100%}.lupa-chat-product-card{width:20%}.wrapper{background:none}.lupa-chat-best-matches{font-family:"Lato";font-size:24px;padding:10px}.lupa-chat-best-matches h3{margin:0 0 10px}.lupa-chat-best-matches .lupa-chat-results{flex-wrap:wrap}
+.lupa-chat-section-title{font-family:"Lato";font-weight:700;font-size:26px;margin:0;border-bottom:1px solid rgba(0,0,0,0.1019607843);padding:8px;cursor:pointer}.lupasearch-chat-input #lupa-search-box-input::after{display:none}.lupa-chat-input-container{border-bottom:1px solid rgba(0,0,0,0.1019607843)}.lupasearch-chat{max-width:1200px;margin:auto}.lupasearch-chat-content-wrapper{position:relative}.lupasearch-chat-content{position:absolute;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);width:100%;overflow:auto}.lupasearch-chat-content ul{list-style:none;padding-left:0;margin:0}.chat-content-list-entry{border:1px solid rgba(0,0,0,0.1019607843);border-width:2px}.lupa-chat-section-content{display:flex}.lupa-chat-phrase-title h3{font-family:"Lato";margin:0 0 10px;font-size:24px}.lupa-chat-input-container{background:#fff;padding:20px;box-shadow:0px 4px 6px rgba(0,0,0,.25)}.lupa-chat-input-container input{font-weight:300}.lupa-chat-logo img{width:300px;height:200px;margin:auto;display:block}.lupa-chat-spinner-main{margin-bottom:40px}.lupa-chat-spinner{text-align:center}.lupa-chat-spinner .lds-ring div{border:8px solid #3c53f4;border-color:#3c53f4 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lds-ring.small{width:40px;height:40px;border-width:6px}.lds-ring.small div{width:32px;height:32px;border-width:6px}.lupa-chat-spinner-message{font-family:"Lato";font-weight:300;font-size:16px;margin-top:10px;margin-bottom:15px}.lupa-chat-form-submit,.lupa-chat-form-clear{appearance:none;border:none;background:#3c53f4;color:#fff;padding:14px;margin:0;cursor:pointer;appearance:none;font-family:"Lato";font-size:16px;font-weight:700}.lupa-chat-form-clear{background:hsl(232.5,89.3203883495%,69.6078431373%);margin-left:10px}.chat-input-form{display:flex;justify-content:space-between}.chat-input-form #lupa-search-box-input{flex-grow:1;margin-right:15px}.lupa-chat-results{display:flex;overflow:hidden}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image{flex-shrink:0;width:80px;height:60px;margin-right:8px}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image-wrapper{padding-bottom:20%}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image{max-height:100px}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image-wrapper{width:80px;height:60px;height:100%;padding:0}.lupa-chat-results .lupa-chat-item.lupa-chat-product-card-image .lupa-search-results-image-wrapper img{object-fit:cover}.lupa-search-results-image-wrapper{padding-bottom:80%}.lupa-search-results-product-title-text{font-size:16px;font-weight:300;line-height:1.3}.lupa-chat-no-results p{font-family:"Lato";font-weight:300;font-size:16px;margin-left:15px}.lupa-chat-text-response{flex-basis:50%;font-family:"Lato";font-weight:400;min-height:80px;max-height:400px;padding:20px;border-right:1px solid rgba(0,0,0,0.1019607843);border-bottom:1px solid rgba(0,0,0,0.1019607843);border-width:1px;overflow:auto}.lupa-chat-text-response::-webkit-scrollbar{width:6px}.lupa-chat-text-response::-webkit-scrollbar-track{background:#fff}.lupa-chat-text-response::-webkit-scrollbar-thumb{background:#3c53f4;border-radius:6px}.lupa-chat-text-response::-webkit-scrollbar-thumb:hover{background:#3c53f4}.lupa-chat-text-response p{margin:0}.lupa-chat-incomplete-results{opacity:.5}.lupa-chat-content-entry-wrapper{flex-basis:50%;max-height:400px;overflow:auto;border-bottom:1px solid rgba(0,0,0,0.1019607843)}.lupa-chat-content-entry-wrapper::-webkit-scrollbar{width:6px}.lupa-chat-content-entry-wrapper::-webkit-scrollbar-track{background:#fff}.lupa-chat-content-entry-wrapper::-webkit-scrollbar-thumb{background:#3c53f4;border-radius:6px}.lupa-chat-content-entry-wrapper::-webkit-scrollbar-thumb:hover{background:#3c53f4}.lupa-chat-content-entry{margin-right:5px}.lupa-chat-content-entry-phrase{border-bottom:1px solid rgba(0,0,0,0.1019607843);margin-right:5px;padding:10px}.lupa-chat-product-card-image{width:100%}.lupa-chat-product-card{width:20%}.wrapper{background:none}.lupa-chat-best-matches{font-family:"Lato";font-size:24px;padding:10px}.lupa-chat-best-matches h3{margin:0 0 10px}.lupa-chat-best-matches .lupa-chat-results{flex-wrap:wrap}