@askdialog/dialog-react 2.9.0 → 2.10.1

package/README.md

@@ -138,6 +138,7 @@ Creates one search controller per hook instance and disposes it on unmount.
 - `country` (string, required) - Shopper's ISO 3166-1 alpha-2 country, e.g. `BE`; prices follow its market
 - `surface` (SearchSurface, optional) - Where results are displayed, for analytics (default: `'search_page'`)
 - `navigate` ((url, hit: SearchProductHit) => void, optional) - Router adapter called after selection attribution (e.g. `(url) => router.push(url)`). Omit it to let the cards' plain `<a href>` links navigate natively.
+- `buildProductUrl` ((hit: SearchProductHit) => string | undefined, optional) - Builds a card's link when its hit has no `url`, e.g. ``(hit) => `/products/${hit.handle}` ``. With neither, the card has no link.
 - `debounceMs` (number, optional) - Keystroke debounce (default: 250)
 - `hitsPerPage` (number, optional) - Results per page (default: 12)
 - `sections` (SearchSection[], optional) - Extra indices searched alongside the products; `collections` fills the collections column of `DialogSearchResults`. Only request an index the catalog exposes: a missing one fails the whole search.
@@ -169,7 +170,7 @@ Search input: typing runs a debounced search, submitting (Enter) searches immedi
 
 #### DialogSearchResults
 
-Floating results panel overlaying the page content: portaled to `document.body` in `position: fixed`, centered on the bar (up to 1440px wide, filling the viewport) and anchored under the spot where the component is rendered (place it right after the bar), so no ancestor stacking context or `overflow: hidden` can hide it. It shows the same layout as the Shopify search overlay: a collections column on the left when `sections` requests them, the products on the right as a list or a 3-column grid, the query match emphasized in every title, and either a "See all results" button or the pagination controls. Below 768px the panel stacks, collections in a horizontal rail above the products. Colors, radii and font follow the SDK theme (dark palette when `backgroundColor` is dark, straight or rounded corners from `ctaBorderType`). Each product card reads the hit, Algolia's Shopify record: its `product_image` (the variant's `image` when absent), its `title`, its lowest variant price (`variants_min_price`, formatted with `currency`, the base currency of the shopper's market) and its `url`; a hit without a price shows none. Each card links to the product page and records search attribution (viewport impressions, select on click and middle-click) automatically. Clicking outside the panel (and outside the bar) closes it; typing again or re-focusing the bar reopens it with the results kept.
+Floating results panel overlaying the page content: portaled to `document.body` in `position: fixed`, centered on the bar (up to 1440px wide, filling the viewport) and anchored under the spot where the component is rendered (place it right after the bar), so no ancestor stacking context or `overflow: hidden` can hide it. It shows the same layout as the Shopify search overlay: a collections column on the left when `sections` requests them, the products on the right as a list or a 3-column grid, the query match emphasized in every title, and either a "See all results" button or the pagination controls. Below 768px the panel stacks, collections in a horizontal rail above the products. Colors, radii and font follow the SDK theme (dark palette when `backgroundColor` is dark, straight or rounded corners from `ctaBorderType`). Each product card reads the hit, Algolia's Shopify record: its `product_image` (the variant's `image` when absent), its `title`, its lowest variant price (`variants_min_price`, formatted with `currency`, the base currency of the shopper's market), struck through next to it the lowest compare-at price (`variants_compare_at_price_min`, formatted the same way) when it is higher, and its `url`; a hit without a price shows none. Each card links to the product page and records search attribution (viewport impressions, select on click and middle-click) automatically. Clicking outside the panel (and outside the bar) closes it; typing again or re-focusing the bar reopens it with the results kept.
 
 **Props:**
 - `controller` (SearchController) - From `useDialogSearch` (required)

package/dist/components/DialogSearch/DialogSearchCollections.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { SearchHit } from '@askdialog/dialog-sdk';
+import { SearchCollectionHit } from '@askdialog/dialog-sdk';
 import { SearchMessages } from './searchMessages';
 interface DialogSearchCollectionsProps {
-    collections: SearchHit[];
+    collections: SearchCollectionHit[];
     query: string;
     messages: SearchMessages;
 }

package/dist/components/DialogSearch/searchCollections.d.ts

@@ -1,6 +1,6 @@
-import { SearchHit } from '@askdialog/dialog-sdk';
+import { SearchCollectionHit } from '@askdialog/dialog-sdk';
 /** Collections without a link cannot navigate on selection and are not rendered. */
-export declare const navigableCollections: (collections: SearchHit[] | undefined) => {
-    collection: SearchHit;
+export declare const navigableCollections: (collections: SearchCollectionHit[] | undefined) => {
+    collection: SearchCollectionHit;
     href: string;
 }[];

package/dist/components/DialogSearch/searchDisplay.d.ts

@@ -1,11 +1,8 @@
-import { SearchHit, SearchProductHit } from '@askdialog/dialog-sdk';
-/**
- * The lowest variant price only, as on the Shopify storefront search.
- * Hide a missing or invalid price; show a bare amount when currency is absent.
- */
-export declare const formatSearchPrice: ({ variants_min_price: amount, currency }: SearchProductHit, locale?: string) => string;
+import { SearchHitByIndex, SearchIndex, SearchProductHit } from '@askdialog/dialog-sdk';
+type SearchHit = SearchHitByIndex[SearchIndex];
 /** The product's image, as Algolia's cards in distinct mode; else the variant's. */
 export declare const hitImage: (hit: SearchProductHit) => string | undefined;
-export declare const safeHref: (url: string) => string | undefined;
+export declare const safeHref: (url: string | undefined) => string | undefined;
 export declare const hitHref: (hit: SearchHit) => string | undefined;
 export declare const hitTitle: (hit: SearchHit) => string;
+export {};

package/dist/components/DialogSearch/useDialogSearch.d.ts

@@ -9,6 +9,8 @@ export interface UseDialogSearchOptions {
     surface?: SearchSurface;
     /** Navigate after recording selection; omit to use native links. */
     navigate?: (url: string, hit: SearchProductHit) => void;
+    /** Build a product's link when its hit has no `url`, e.g. `/products/${hit.handle}`. */
+    buildProductUrl?: (hit: SearchProductHit) => string | undefined;
     debounceMs?: number;
     hitsPerPage?: number;
     /**

package/dist/dialog-react.css

@@ -1 +1 @@
-.dialog-ask-something-else{padding:12px 16px;min-height:50px;width:fit-content;display:flex;align-items:center;font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-content-font-size, 14px);font-weight:500;cursor:pointer;border:unset;border-radius:var(--dialog-theme-cta-border-type, 24px);background-color:var(--dialog-theme-primary-color);color:var(--dialog-theme-cta-text-color)}.dialog-ask-something-else:hover:not(:disabled){transform:scale(1.02)}.dialog-ask-something-else:disabled{cursor:default;opacity:.5}.dialog-block-header-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dialog-block-title{color:var(--dialog-theme-title-color, #272727);font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-title-font-size);font-style:normal;font-weight:500;line-height:20px;letter-spacing:1.3px;text-transform:uppercase}.dialog-block-description{color:var(--dialog-theme-description-color, #6c6c6c);font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-description-font-size);font-style:normal;font-weight:500;line-height:20px}.dialog-block-suggestions-item{background-color:#f1f1f1;border:none;outline:none;padding:12px 16px;width:fit-content;cursor:pointer;display:flex;justify-content:flex-start;background-color:#fff;align-items:center;gap:8px;border:1px solid #dddce2;border-radius:24px}.dialog-block-suggestions-item:hover{transform:scale(1.01)}.dialog-block-suggestions-item-label{color:var(--dialog-theme-content-color, #575665);font-size:var(--dialog-theme-content-font-size, 14px);font-weight:500;text-align:start;flex:1}.dialog-block-suggestions-item-icon path{stroke:var(--dialog-theme-primary-color)}.dialog-block-suggestions-skeleton-item,.dialog-block-suggestions-skeleton-item:empty{display:block;width:100%;width:90%;height:18px;border-radius:18px;padding:12px 16px;background-color:#f1f1f1;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{background-color:#f1f1f1}50%{background-color:#fff}to{background-color:#f1f1f1}}.dialog-block-suggestions-container{display:flex;flex-direction:column;gap:12px;width:100%}.dialog-input-wrapper{position:relative;width:100%;height:50px;max-height:50px;padding:16px 20px;border:1px solid #d9d9d9;border-radius:var(--dialog-theme-cta-border-type, 24px);background:#fff;display:flex;align-items:center;box-sizing:border-box}.dialog-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.dialog-ask-anything-input-ai-input{outline:unset;box-shadow:unset;border:unset;width:100%;font-size:16px;background:transparent;padding-inline-end:35px}.dialog-input-submit{width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--dialog-theme-primary-color);position:absolute;cursor:pointer;top:calc(50% - 20px);inset-inline-end:4px;border:unset}.dialog-input-submit:disabled{opacity:.5}.dialog-input-ai-disclosure{margin:0;font-size:12px;line-height:1.4;font-family:var(--dialog-theme-font-family);color:var(--dialog-theme-description-color, #6b6b6b)}.dialog-block-container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:24px 0;width:fit-content;gap:24px}.dialog-block-container>*{box-sizing:border-box}.dialog-search-bar{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:10px 10px 10px 14px;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 6px 20px -6px #0000001a}.dialog-search-bar:focus-within{border-color:#00000026;box-shadow:0 6px 20px -6px #0000001a,0 0 0 2px #1717171f}.dialog-search-bar-field{display:flex;flex:1 0 0;min-width:0;align-items:center;gap:6px;padding:2px 0}.dialog-search-bar-icon{display:inline-flex;flex-shrink:0;color:#737373}.dialog-search-bar-input{flex:1 0 0;min-width:0;margin:0;padding:0;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#171717;text-overflow:ellipsis;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dialog-search-bar-input::placeholder{color:#a3a3a3;opacity:1}.dialog-search-bar-input:focus,.dialog-search-bar-input:focus-visible{outline:none;box-shadow:none;border:none}.dialog-search-bar-submit{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:6px;border:none;border-radius:9999px;background:#171717;color:#fff;box-shadow:0 1px 1px #1717170d;cursor:pointer}.dialog-search-bar-submit:focus-visible{outline:2px solid #171717;outline-offset:2px}.dialog-search-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0;font-size:12px;color:var(--dso-text-sec, #737373)}.dialog-search-pagination button{margin:0;padding:6px 14px;border:1px solid var(--dso-border, rgba(0, 0, 0, .1));border-radius:var(--dso-r-btn, 10px);background:transparent;font:inherit;color:var(--dso-text, #171717);cursor:pointer;transition:background-color .12s ease}.dialog-search-pagination button:hover:not(:disabled){background-color:var(--dso-hover, rgba(0, 0, 0, .04))}.dialog-search-pagination button:disabled{opacity:.4;cursor:default}.dialog-search-card{width:100%}.dialog-search-product{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;padding:8px;border-radius:var(--dso-r-item);color:inherit;text-decoration:none}a.dialog-search-product:hover{background:var(--dso-hover)}.dialog-search-product-thumb{flex:none;width:56px;height:56px;overflow:hidden;border:1px solid var(--dso-border);border-radius:var(--dso-r-thumb);background:var(--dso-thumb)}.dialog-search-product-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dialog-search-product-title{flex:1;min-width:0;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dialog-search-product-price{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.dialog-search-match{font-weight:600}.dialog-search-muted{opacity:.55}@media(min-width:768px){.dialog-search-panel--grid .dialog-search-product{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border:1px solid var(--dso-border)}.dialog-search-panel--grid .dialog-search-product-thumb{width:100%;height:auto;aspect-ratio:4 / 3;border:0}}@media(max-width:767px){.dialog-search-product{grid-template-columns:52px minmax(0,1fr) auto;gap:12px}.dialog-search-product-thumb{width:52px;height:52px}.dialog-search-product-price{font-size:14px}}.dialog-search-collections{display:flex;flex-direction:column;gap:4px;min-height:0;padding:20px 12px 20px 24px;border-right:1px solid var(--dso-border);background:var(--dso-side);overflow-y:auto}.dialog-search-collection-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.dialog-search-collection{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--dso-r-item);color:inherit;text-decoration:none}.dialog-search-collection:hover{background:var(--dso-hover)}.dialog-search-collection-thumb{flex:none;width:40px;height:40px;overflow:hidden;border-radius:var(--dso-r-thumb);background:var(--dso-thumb)}.dialog-search-collection-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dialog-search-collection-title{flex:1;min-width:0;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dialog-search-caret{display:inline-flex;flex:none;color:var(--dso-text-sec)}@media(max-width:767px){.dialog-search-collections{flex:none;gap:10px;padding:0;border-right:0;background:transparent;overflow:visible}.dialog-search-collections .dialog-search-section-head{padding:0 16px}.dialog-search-collection-list{flex-direction:row;gap:10px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dialog-search-collection-list::-webkit-scrollbar{display:none}.dialog-search-collection{flex:none;flex-direction:column;align-items:stretch;gap:8px;width:80px;padding:0}.dialog-search-collection-thumb{width:80px;height:50px;border-radius:var(--dso-r-item)}.dialog-search-collection-title{font-size:13px}.dialog-search-caret{display:none}}.dialog-search-panel{position:fixed;z-index:9999;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;background:var(--dso-panel);border-radius:var(--dso-r-panel);box-shadow:0 24px 64px #00000047;overflow:hidden;font-family:var(--dso-font, inherit);font-size:14px;line-height:1.35;color:var(--dso-text);-webkit-font-smoothing:antialiased}.dialog-search-panel *,.dialog-search-panel *:before,.dialog-search-panel *:after{box-sizing:border-box}.dialog-search-status{margin:0;padding:16px 24px;color:var(--dso-text-sec)}.dialog-search-status-error{color:#b3261e}.dialog-search-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:16px}.dialog-search-retry{margin:0 24px;padding:6px 14px;border:1px solid var(--dso-border);border-radius:var(--dso-r-btn);background:transparent;font:inherit;font-size:13px;color:var(--dso-text);cursor:pointer;transition:background-color .12s ease}.dialog-search-retry:hover{background-color:var(--dso-hover)}.dialog-search-body{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:0}.dialog-search-body--no-collections{grid-template-columns:minmax(0,1fr)}.dialog-search-section-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 12px 8px}.dialog-search-label{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dso-text-sec)}.dialog-search-label-count{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.dialog-search-count{font-size:12px;color:var(--dso-text-sec)}.dialog-search-products{display:flex;flex-direction:column;gap:14px;min-height:0;padding:20px 24px 12px;overflow-y:auto}.dialog-search-products .dialog-search-section-head{padding:0 8px}.dialog-search-results{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.dialog-search-empty{padding:8px;color:var(--dso-text-sec)}.dialog-search-footer{display:flex;justify-content:flex-end;align-items:center;flex:none;padding:14px 24px;border-top:1px solid var(--dso-border)}.dialog-search-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:1px solid var(--dso-primary);border-radius:var(--dso-r-btn);background:var(--dso-primary);color:var(--dso-cta-text);font-size:14px;font-weight:500;text-decoration:none}.dialog-search-cta:hover{filter:brightness(.95)}.dialog-search-footer .dialog-search-pagination{flex:1}@media(min-width:768px){.dialog-search-panel--grid .dialog-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:767px){.dialog-search-body{display:flex;flex-direction:column;gap:18px;padding-top:16px;overflow-y:auto}.dialog-search-products{gap:6px;padding:0 8px 8px;overflow:visible}.dialog-search-footer{padding:12px 16px}.dialog-search-cta{width:100%;height:44px}.dialog-search-cta svg{display:none}}
+.dialog-ask-something-else{padding:12px 16px;min-height:50px;width:fit-content;display:flex;align-items:center;font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-content-font-size, 14px);font-weight:500;cursor:pointer;border:unset;border-radius:var(--dialog-theme-cta-border-type, 24px);background-color:var(--dialog-theme-primary-color);color:var(--dialog-theme-cta-text-color)}.dialog-ask-something-else:hover:not(:disabled){transform:scale(1.02)}.dialog-ask-something-else:disabled{cursor:default;opacity:.5}.dialog-block-header-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dialog-block-title{color:var(--dialog-theme-title-color, #272727);font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-title-font-size);font-style:normal;font-weight:500;line-height:20px;letter-spacing:1.3px;text-transform:uppercase}.dialog-block-description{color:var(--dialog-theme-description-color, #6c6c6c);font-family:var(--dialog-theme-font-family);font-size:var(--dialog-theme-description-font-size);font-style:normal;font-weight:500;line-height:20px}.dialog-block-suggestions-item{background-color:#f1f1f1;border:none;outline:none;padding:12px 16px;width:fit-content;cursor:pointer;display:flex;justify-content:flex-start;background-color:#fff;align-items:center;gap:8px;border:1px solid #dddce2;border-radius:24px}.dialog-block-suggestions-item:hover{transform:scale(1.01)}.dialog-block-suggestions-item-label{color:var(--dialog-theme-content-color, #575665);font-size:var(--dialog-theme-content-font-size, 14px);font-weight:500;text-align:start;flex:1}.dialog-block-suggestions-item-icon path{stroke:var(--dialog-theme-primary-color)}.dialog-block-suggestions-skeleton-item,.dialog-block-suggestions-skeleton-item:empty{display:block;width:100%;width:90%;height:18px;border-radius:18px;padding:12px 16px;background-color:#f1f1f1;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{background-color:#f1f1f1}50%{background-color:#fff}to{background-color:#f1f1f1}}.dialog-block-suggestions-container{display:flex;flex-direction:column;gap:12px;width:100%}.dialog-input-wrapper{position:relative;width:100%;height:50px;max-height:50px;padding:16px 20px;border:1px solid #d9d9d9;border-radius:var(--dialog-theme-cta-border-type, 24px);background:#fff;display:flex;align-items:center;box-sizing:border-box}.dialog-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.dialog-ask-anything-input-ai-input{outline:unset;box-shadow:unset;border:unset;width:100%;font-size:16px;background:transparent;padding-inline-end:35px}.dialog-input-submit{width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--dialog-theme-primary-color);position:absolute;cursor:pointer;top:calc(50% - 20px);inset-inline-end:4px;border:unset}.dialog-input-submit:disabled{opacity:.5}.dialog-input-ai-disclosure{margin:0;font-size:12px;line-height:1.4;font-family:var(--dialog-theme-font-family);color:var(--dialog-theme-description-color, #6b6b6b)}.dialog-block-container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:24px 0;width:fit-content;gap:24px}.dialog-block-container>*{box-sizing:border-box}.dialog-search-bar{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:10px 10px 10px 14px;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 6px 20px -6px #0000001a}.dialog-search-bar:focus-within{border-color:#00000026;box-shadow:0 6px 20px -6px #0000001a,0 0 0 2px #1717171f}.dialog-search-bar-field{display:flex;flex:1 0 0;min-width:0;align-items:center;gap:6px;padding:2px 0}.dialog-search-bar-icon{display:inline-flex;flex-shrink:0;color:#737373}.dialog-search-bar-input{flex:1 0 0;min-width:0;margin:0;padding:0;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#171717;text-overflow:ellipsis;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dialog-search-bar-input::placeholder{color:#a3a3a3;opacity:1}.dialog-search-bar-input:focus,.dialog-search-bar-input:focus-visible{outline:none;box-shadow:none;border:none}.dialog-search-bar-submit{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:6px;border:none;border-radius:9999px;background:#171717;color:#fff;box-shadow:0 1px 1px #1717170d;cursor:pointer}.dialog-search-bar-submit:focus-visible{outline:2px solid #171717;outline-offset:2px}.dialog-search-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0;font-size:12px;color:var(--dso-text-sec, #737373)}.dialog-search-pagination button{margin:0;padding:6px 14px;border:1px solid var(--dso-border, rgba(0, 0, 0, .1));border-radius:var(--dso-r-btn, 10px);background:transparent;font:inherit;color:var(--dso-text, #171717);cursor:pointer;transition:background-color .12s ease}.dialog-search-pagination button:hover:not(:disabled){background-color:var(--dso-hover, rgba(0, 0, 0, .04))}.dialog-search-pagination button:disabled{opacity:.4;cursor:default}.dialog-search-card{width:100%}.dialog-search-product{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;padding:8px;border-radius:var(--dso-r-item);color:inherit;text-decoration:none}a.dialog-search-product:hover{background:var(--dso-hover)}.dialog-search-product-thumb{flex:none;width:56px;height:56px;overflow:hidden;border:1px solid var(--dso-border);border-radius:var(--dso-r-thumb);background:var(--dso-thumb)}.dialog-search-product-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dialog-search-product-title{flex:1;min-width:0;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dialog-search-product-price{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.dialog-search-product-compare-at{margin-inline-end:6px;font-weight:400;opacity:.55}.dialog-search-match{font-weight:600}.dialog-search-muted{opacity:.55}@media(min-width:768px){.dialog-search-panel--grid .dialog-search-product{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border:1px solid var(--dso-border)}.dialog-search-panel--grid .dialog-search-product-thumb{width:100%;height:auto;aspect-ratio:4 / 3;border:0}}@media(max-width:767px){.dialog-search-product{grid-template-columns:52px minmax(0,1fr) auto;gap:12px}.dialog-search-product-thumb{width:52px;height:52px}.dialog-search-product-price{font-size:14px}}.dialog-search-collections{display:flex;flex-direction:column;gap:4px;min-height:0;padding:20px 12px 20px 24px;border-right:1px solid var(--dso-border);background:var(--dso-side);overflow-y:auto}.dialog-search-collection-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.dialog-search-collection{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--dso-r-item);color:inherit;text-decoration:none}.dialog-search-collection:hover{background:var(--dso-hover)}.dialog-search-collection-thumb{flex:none;width:40px;height:40px;overflow:hidden;border-radius:var(--dso-r-thumb);background:var(--dso-thumb)}.dialog-search-collection-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dialog-search-collection-title{flex:1;min-width:0;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dialog-search-caret{display:inline-flex;flex:none;color:var(--dso-text-sec)}@media(max-width:767px){.dialog-search-collections{flex:none;gap:10px;padding:0;border-right:0;background:transparent;overflow:visible}.dialog-search-collections .dialog-search-section-head{padding:0 16px}.dialog-search-collection-list{flex-direction:row;gap:10px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dialog-search-collection-list::-webkit-scrollbar{display:none}.dialog-search-collection{flex:none;flex-direction:column;align-items:stretch;gap:8px;width:80px;padding:0}.dialog-search-collection-thumb{width:80px;height:50px;border-radius:var(--dso-r-item)}.dialog-search-collection-title{font-size:13px}.dialog-search-caret{display:none}}.dialog-search-panel{position:fixed;z-index:9999;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;background:var(--dso-panel);border-radius:var(--dso-r-panel);box-shadow:0 24px 64px #00000047;overflow:hidden;font-family:var(--dso-font, inherit);font-size:14px;line-height:1.35;color:var(--dso-text);-webkit-font-smoothing:antialiased}.dialog-search-panel *,.dialog-search-panel *:before,.dialog-search-panel *:after{box-sizing:border-box}.dialog-search-status{margin:0;padding:16px 24px;color:var(--dso-text-sec)}.dialog-search-status-error{color:#b3261e}.dialog-search-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:16px}.dialog-search-retry{margin:0 24px;padding:6px 14px;border:1px solid var(--dso-border);border-radius:var(--dso-r-btn);background:transparent;font:inherit;font-size:13px;color:var(--dso-text);cursor:pointer;transition:background-color .12s ease}.dialog-search-retry:hover{background-color:var(--dso-hover)}.dialog-search-body{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:0}.dialog-search-body--no-collections{grid-template-columns:minmax(0,1fr)}.dialog-search-section-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 12px 8px}.dialog-search-label{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dso-text-sec)}.dialog-search-label-count{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.dialog-search-count{font-size:12px;color:var(--dso-text-sec)}.dialog-search-products{display:flex;flex-direction:column;gap:14px;min-height:0;padding:20px 24px 12px;overflow-y:auto}.dialog-search-products .dialog-search-section-head{padding:0 8px}.dialog-search-results{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.dialog-search-empty{padding:8px;color:var(--dso-text-sec)}.dialog-search-footer{display:flex;justify-content:flex-end;align-items:center;flex:none;padding:14px 24px;border-top:1px solid var(--dso-border)}.dialog-search-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:1px solid var(--dso-primary);border-radius:var(--dso-r-btn);background:var(--dso-primary);color:var(--dso-cta-text);font-size:14px;font-weight:500;text-decoration:none}.dialog-search-cta:hover{filter:brightness(.95)}.dialog-search-footer .dialog-search-pagination{flex:1}@media(min-width:768px){.dialog-search-panel--grid .dialog-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:767px){.dialog-search-body{display:flex;flex-direction:column;gap:18px;padding-top:16px;overflow-y:auto}.dialog-search-products{gap:6px;padding:0 8px 8px;overflow:visible}.dialog-search-footer{padding:12px 16px}.dialog-search-cta{width:100%;height:44px}.dialog-search-cta svg{display:none}}

package/dist/dialog-react.js

@@ -1,7 +1,7 @@
-import { jsx as n, jsxs as p, Fragment as C } from "react/jsx-runtime";
-import { useRef as b, useState as v, useEffect as f, useMemo as S, useLayoutEffect as V, useCallback as P, useSyncExternalStore as K } from "react";
-import { registerDialogInstallation as M, addAuditCapability as F, resolveTextDirection as U, SearchStatus as L, DialogSearchError as Q, createSearchController as W } from "@askdialog/dialog-sdk";
-import { createPortal as Z } from "react-dom";
+import { jsx as n, jsxs as g, Fragment as S } from "react/jsx-runtime";
+import { useRef as v, useState as C, useEffect as b, useMemo as y, useLayoutEffect as V, useCallback as P, useSyncExternalStore as K } from "react";
+import { registerDialogInstallation as M, addAuditCapability as F, resolveTextDirection as U, SearchStatus as L, formatSearchPrice as Q, formatSearchCompareAtPrice as W, DialogSearchError as Z, createSearchController as X } from "@askdialog/dialog-sdk";
+import { createPortal as G } from "react-dom";
 const R = {
   en: {
     placeholder: "Ask the AI a question",
@@ -18,11 +18,11 @@ const R = {
     aiDisclosure: "Estás chateando con un asistente de IA. Puede cometer errores, así que verifica la información importante",
     askSomethingElse: "Pregunta otra cosa"
   }
-}, _ = (e) => {
+}, T = (e) => {
   var o;
   const t = ((o = e == null ? void 0 : e.split("-")[0]) == null ? void 0 : o.toLowerCase()) ?? "en";
   return R[t] ?? R.en;
-}, X = ({
+}, Y = ({
   client: e,
   questions: t,
   disabled: o,
@@ -45,15 +45,15 @@ const R = {
         }
       });
     },
-    children: _(e.locale).askSomethingElse
+    children: T(e.locale).askSomethingElse
   }
-), G = ({
+), J = ({
   title: e = "Your expert",
   description: t = "A question about this product?"
-}) => /* @__PURE__ */ p("div", { className: "dialog-block-header-container", children: [
+}) => /* @__PURE__ */ g("div", { className: "dialog-block-header-container", children: [
   /* @__PURE__ */ n("div", { className: "dialog-block-title", children: e }),
   /* @__PURE__ */ n("div", { className: "dialog-block-description", children: t })
-] }), Y = ({ color: e = "#181825" }) => /* @__PURE__ */ p(
+] }), ee = ({ color: e = "#181825" }) => /* @__PURE__ */ g(
   "svg",
   {
     width: "20",
@@ -62,7 +62,7 @@ const R = {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ p("g", { clipPath: "url(#clip0_466_934)", children: [
+      /* @__PURE__ */ g("g", { clipPath: "url(#clip0_466_934)", children: [
         /* @__PURE__ */ n(
           "path",
           {
@@ -87,7 +87,7 @@ const R = {
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_466_934", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), J = ({
+), te = ({
   client: e,
   questions: t,
   productId: o,
@@ -103,31 +103,31 @@ const R = {
       fromQuestionSuggestion: !0
     });
   };
-  return /* @__PURE__ */ n(C, { children: t.map((l) => /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(S, { children: t.map((l) => /* @__PURE__ */ g(
     "button",
     {
       className: "dialog-block-suggestions-item",
       onClick: () => a(l.question),
       children: [
-        /* @__PURE__ */ n(Y, { color: e.theme.primaryColor }),
+        /* @__PURE__ */ n(ee, { color: e.theme.primaryColor }),
         /* @__PURE__ */ n("span", { className: "dialog-block-suggestions-item-label", children: l.question })
       ]
     },
     l.question
   )) });
-}, ee = () => /* @__PURE__ */ p(C, { children: [
+}, se = () => /* @__PURE__ */ g(S, { children: [
   /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-skeleton-item" }),
   /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-skeleton-item" }),
   /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-skeleton-item" })
-] }), te = ({
+] }), oe = ({
   client: e,
   questions: t,
   isLoading: o,
   productId: s,
   productTitle: r,
   selectedVariantId: a
-}) => /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-container", children: o || !t ? /* @__PURE__ */ n(ee, {}) : /* @__PURE__ */ n(
-  J,
+}) => /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-container", children: o || !t ? /* @__PURE__ */ n(se, {}) : /* @__PURE__ */ n(
+  te,
   {
     client: e,
     questions: t,
@@ -135,7 +135,7 @@ const R = {
     productTitle: r,
     selectedVariantId: a
   }
-) }), se = ({ color: e = "#ffffff" }) => /* @__PURE__ */ n(
+) }), ne = ({ color: e = "#ffffff" }) => /* @__PURE__ */ n(
   "svg",
   {
     width: "20",
@@ -154,16 +154,16 @@ const R = {
       }
     )
   }
-), oe = ({
+), re = ({
   client: e,
   productId: t,
   productTitle: o,
   selectedVariantId: s
 }) => {
-  const r = b(null), [a, l] = v(""), i = _(e.locale), c = () => {
+  const r = v(null), [a, l] = C(""), i = T(e.locale), c = () => {
     var d;
     (d = r.current) == null || d.focus();
-  }, u = () => {
+  }, h = () => {
     const d = a;
     d.trim() && (e.sendProductMessage({
       productId: t,
@@ -172,11 +172,11 @@ const R = {
       question: d,
       fromQuestionSuggestion: !0
     }), l(""));
-  }, m = (d) => {
-    d.key === "Enter" && u();
+  }, p = (d) => {
+    d.key === "Enter" && h();
   };
-  return /* @__PURE__ */ p("div", { className: "dialog-input-container", children: [
-    /* @__PURE__ */ p("div", { className: "dialog-input-wrapper", onClick: c, children: [
+  return /* @__PURE__ */ g("div", { className: "dialog-input-container", children: [
+    /* @__PURE__ */ g("div", { className: "dialog-input-wrapper", onClick: c, children: [
       /* @__PURE__ */ n(
         "input",
         {
@@ -187,7 +187,7 @@ const R = {
           className: "dialog-ask-anything-input-ai-input",
           placeholder: i.placeholder,
           "aria-describedby": "dialog-input-ai-disclosure",
-          onKeyDown: m
+          onKeyDown: p
         }
       ),
       /* @__PURE__ */ n(
@@ -196,18 +196,18 @@ const R = {
           id: "send-message-button-ai-input",
           className: "dialog-input-submit",
           disabled: !a.trim(),
-          onClick: u,
-          children: /* @__PURE__ */ n(se, { color: e.theme.ctaTextColor })
+          onClick: h,
+          children: /* @__PURE__ */ n(ne, { color: e.theme.ctaTextColor })
         }
       )
     ] }),
     /* @__PURE__ */ n("p", { id: "dialog-input-ai-disclosure", className: "dialog-input-ai-disclosure", children: i.aiDisclosure })
   ] });
-}, I = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), ne = (e) => {
+}, $ = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), ie = (e) => {
   if (!e) return;
   const t = document.body;
   Object.keys(e).forEach((o) => {
-    const s = o, r = I(o);
+    const s = o, r = $(o);
     if (e[s] !== void 0) {
       if (typeof e[s] == "object") {
         Object.keys(e[s]).forEach(
@@ -215,10 +215,10 @@ const R = {
             var i;
             const l = a;
             if (l !== void 0) {
-              const c = I(a), u = e[s];
+              const c = $(a), h = e[s];
               t.style.setProperty(
                 `--dialog-theme-${r}-${c}`,
-                (i = u[l]) == null ? void 0 : i.toString()
+                (i = h[l]) == null ? void 0 : i.toString()
               );
             }
           }
@@ -236,71 +236,71 @@ const R = {
       );
     }
   });
-}, re = ({ theme: e, children: t }) => (f(() => {
-  e && ne(e);
-}, [e]), /* @__PURE__ */ n(C, { children: t })), ie = 2, ae = 5, Ze = ({
+}, ae = ({ theme: e, children: t }) => (b(() => {
+  e && ie(e);
+}, [e]), /* @__PURE__ */ n(S, { children: t })), ce = 2, le = 5, Xe = ({
   client: e,
   productId: t,
   productTitle: o,
   selectedVariantId: s,
   enableInput: r = !1
 }) => {
-  var g;
-  const [a, l] = v(!0), [i, c] = v(
+  var u;
+  const [a, l] = C(!0), [i, c] = C(
     void 0
   );
-  f(() => {
+  b(() => {
     M({
       method: "react",
-      version: "2.9.0"
+      version: "2.10.1"
     }), F("pdp-block");
   }, []);
-  const u = S(
+  const h = y(
     () => a ? "" : i == null ? void 0 : i.assistantName,
     [i, a]
-  ), m = S(
+  ), p = y(
     () => a ? "" : i == null ? void 0 : i.description,
     [i, a]
-  ), d = S(
+  ), d = y(
     () => a ? "" : i == null ? void 0 : i.inputPlaceholder,
     [i, a]
-  ), h = S(
+  ), m = y(
     () => {
-      var y;
-      return U((y = e.getLocalizationInformations()) == null ? void 0 : y.languageCode);
+      var f;
+      return U((f = e.getLocalizationInformations()) == null ? void 0 : f.languageCode);
     },
     [e]
   );
-  return f(() => {
-    let y = !0;
+  return b(() => {
+    let f = !0;
     return (async () => {
       l(!0), c(void 0);
       try {
         const E = await e.getSuggestions(t, {
-          limit: ae
+          limit: le
         });
-        y && c(E);
+        f && c(E);
       } catch (E) {
         console.error("error", E);
       } finally {
-        y && l(!1);
+        f && l(!1);
       }
     })(), () => {
-      y = !1;
+      f = !1;
     };
-  }, [e, t]), /* @__PURE__ */ n(re, { theme: e.theme, children: /* @__PURE__ */ p(
+  }, [e, t]), /* @__PURE__ */ n(ae, { theme: e.theme, children: /* @__PURE__ */ g(
     "div",
     {
       id: "dialog-instant",
       className: "dialog-block-container",
-      dir: h,
+      dir: m,
       children: [
-        /* @__PURE__ */ n(G, { title: u, description: m }),
+        /* @__PURE__ */ n(J, { title: h, description: p }),
         /* @__PURE__ */ n(
-          te,
+          oe,
           {
             client: e,
-            questions: (g = i == null ? void 0 : i.questions) == null ? void 0 : g.slice(0, ie),
+            questions: (u = i == null ? void 0 : i.questions) == null ? void 0 : u.slice(0, ce),
             isLoading: a,
             productId: t,
             productTitle: o,
@@ -308,7 +308,7 @@ const R = {
           }
         ),
         r ? /* @__PURE__ */ n(
-          oe,
+          re,
           {
             client: e,
             placeholder: d,
@@ -317,7 +317,7 @@ const R = {
             selectedVariantId: s
           }
         ) : /* @__PURE__ */ n(
-          X,
+          Y,
           {
             client: e,
             questions: i == null ? void 0 : i.questions,
@@ -330,7 +330,7 @@ const R = {
       ]
     }
   ) });
-}, ce = () => /* @__PURE__ */ n(
+}, de = () => /* @__PURE__ */ n(
   "svg",
   {
     width: 16,
@@ -350,7 +350,7 @@ const R = {
       }
     )
   }
-), le = "M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z", de = ({
+), ue = "M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z", he = ({
   color: e = "currentColor"
 }) => /* @__PURE__ */ n(
   "svg",
@@ -361,20 +361,20 @@ const R = {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ n("path", { d: le, fill: e })
+    children: /* @__PURE__ */ n("path", { d: ue, fill: e })
   }
-), Xe = ({
+), Ge = ({
   controller: e,
   placeholder: t = "Search products...",
   autoFocus: o = !1,
   submitAriaLabel: s = "Search"
 }) => {
-  const [r, a] = v("");
-  return /* @__PURE__ */ p("form", { className: "dialog-search-bar", role: "search", onSubmit: (i) => {
+  const [r, a] = C("");
+  return /* @__PURE__ */ g("form", { className: "dialog-search-bar", role: "search", onSubmit: (i) => {
     i.preventDefault(), e.submit(r);
   }, children: [
-    /* @__PURE__ */ p("div", { className: "dialog-search-bar-field", children: [
-      /* @__PURE__ */ n("span", { className: "dialog-search-bar-icon", children: /* @__PURE__ */ n(de, {}) }),
+    /* @__PURE__ */ g("div", { className: "dialog-search-bar-field", children: [
+      /* @__PURE__ */ n("span", { className: "dialog-search-bar-icon", children: /* @__PURE__ */ n(he, {}) }),
       /* @__PURE__ */ n(
         "input",
         {
@@ -397,17 +397,17 @@ const R = {
         type: "submit",
         className: "dialog-search-bar-submit",
         "aria-label": s,
-        children: /* @__PURE__ */ n(ce, {})
+        children: /* @__PURE__ */ n(de, {})
       }
     )
   ] });
-}, ue = (e, t) => {
+}, ge = (e, t) => {
   try {
     return new Intl.NumberFormat(t).format(e);
   } catch {
     return String(e);
   }
-}, $ = {
+}, I = {
   en: (e) => ({
     searching: (t) => `Searching “${t}”…`,
     noResults: "No matching products",
@@ -473,11 +473,11 @@ const R = {
     next: "Successivo",
     pageOf: (t, o) => `Pagina ${e(t)} / ${e(o)}`
   })
-}, T = (e) => {
+}, _ = (e) => {
   var s;
   const t = ((s = e == null ? void 0 : e.split("-")[0]) == null ? void 0 : s.toLowerCase()) ?? "en";
-  return ($[t] ?? $.en)((r) => ue(r, e));
-}, O = (e) => e.status !== L.LOADING && e.response !== void 0 && e.response.nbPages > 1, he = ({
+  return (I[t] ?? I.en)((r) => ge(r, e));
+}, O = (e) => e.status !== L.LOADING && e.response !== void 0 && e.response.nbPages > 1, pe = ({
   controller: e,
   state: t,
   locale: o
@@ -485,8 +485,8 @@ const R = {
   const s = t.response;
   if (s === void 0 || !O(t))
     return null;
-  const r = T(o);
-  return /* @__PURE__ */ p("nav", { "aria-label": "Search results pages", className: "dialog-search-pagination", children: [
+  const r = _(o);
+  return /* @__PURE__ */ g("nav", { "aria-label": "Search results pages", className: "dialog-search-pagination", children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -507,86 +507,80 @@ const R = {
       }
     )
   ] });
-}, D = (e) => e.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").replace(/ẞ/gu, "ß").toUpperCase().toLowerCase().replace(/ς/g, "σ"), ge = (e, t) => {
+}, D = (e) => e.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").replace(/ẞ/gu, "ß").toUpperCase().toLowerCase().replace(/ς/g, "σ"), me = (e, t) => {
   const o = { before: "", match: e, after: "" }, s = D(t.trim());
   if (s === "")
     return o;
   const r = [...e], a = [];
   let l = "";
-  r.forEach((m, d) => {
-    const h = D(m);
-    for (let g = 0; g < h.length; g += 1)
+  r.forEach((p, d) => {
+    const m = D(p);
+    for (let u = 0; u < m.length; u += 1)
       a.push(d);
-    l += h;
+    l += m;
   });
   const i = l.indexOf(s);
   if (i === -1)
     return o;
-  const c = a[i], u = a[i + s.length - 1] + 1;
+  const c = a[i], h = a[i + s.length - 1] + 1;
   return {
     before: r.slice(0, c).join(""),
-    match: r.slice(c, u).join(""),
-    after: r.slice(u).join("")
+    match: r.slice(c, h).join(""),
+    after: r.slice(h).join("")
   };
 }, H = ({
   title: e,
   query: t
 }) => {
-  const { before: o, match: s, after: r } = ge(e, t);
-  return /* @__PURE__ */ p(C, { children: [
+  const { before: o, match: s, after: r } = me(e, t);
+  return /* @__PURE__ */ g(S, { children: [
     o !== "" && /* @__PURE__ */ n("span", { className: "dialog-search-muted", children: o }),
     /* @__PURE__ */ n("span", { className: "dialog-search-match", children: s }),
     r !== "" && /* @__PURE__ */ n("span", { className: "dialog-search-muted", children: r })
   ] });
-}, pe = ({ variants_min_price: e, currency: t }, o) => {
-  if (e === void 0)
-    return "";
-  try {
-    return t === void 0 ? new Intl.NumberFormat(o).format(e) : new Intl.NumberFormat(o, { style: "currency", currency: t }).format(
-      e
-    );
-  } catch {
-    return "";
-  }
-}, me = (e) => e.product_image || e.image || void 0, fe = (e) => {
-  try {
-    const { protocol: t } = new URL(e, window.location.href);
-    return t === "http:" || t === "https:" ? e : void 0;
-  } catch {
-    return;
-  }
-}, q = (e) => e.url === void 0 || e.url === "" ? void 0 : fe(e.url), B = (e) => e.title ?? e.handle ?? e.objectID, be = ({
+}, fe = (e) => e.product_image || e.image || void 0, q = (e) => {
+  if (!(e === void 0 || e === ""))
+    try {
+      const { protocol: t } = new URL(e, window.location.href);
+      return t === "http:" || t === "https:" ? e : void 0;
+    } catch {
+      return;
+    }
+}, be = (e) => q(e.url), B = (e) => e.title ?? e.handle ?? e.objectID, ve = ({
   controller: e,
   hit: t,
   index: o,
   locale: s,
   query: r = ""
 }) => {
-  const a = b(null);
-  f(() => {
+  const a = v(null);
+  b(() => {
     a.current !== null && e.observeResult(a.current, o);
   }, [e, t, o]);
-  const l = (h) => {
-    const g = h.metaKey || h.ctrlKey || h.shiftKey || h.altKey;
-    e.selectResult(o, { navigate: !g }) && h.preventDefault();
-  }, i = (h) => {
-    h.button === 1 && e.selectResult(o, { navigate: !1 });
-  }, c = pe(t, s), u = q(t), m = me(t), d = /* @__PURE__ */ p(C, { children: [
-    /* @__PURE__ */ n("span", { className: "dialog-search-product-thumb", "aria-hidden": !0, children: m !== void 0 && /* @__PURE__ */ n("img", { src: m, alt: "", loading: "lazy" }) }),
+  const l = (u) => {
+    const f = u.metaKey || u.ctrlKey || u.shiftKey || u.altKey;
+    e.selectResult(o, { navigate: !f }) && u.preventDefault();
+  }, i = (u) => {
+    u.button === 1 && e.selectResult(o, { navigate: !1 });
+  }, c = Q(t, s), h = W(t, s), p = q(e.productUrl(t)), d = fe(t), m = /* @__PURE__ */ g(S, { children: [
+    /* @__PURE__ */ n("span", { className: "dialog-search-product-thumb", "aria-hidden": !0, children: d !== void 0 && /* @__PURE__ */ n("img", { src: d, alt: "", loading: "lazy" }) }),
     /* @__PURE__ */ n("span", { className: "dialog-search-product-title", children: /* @__PURE__ */ n(H, { title: B(t), query: r }) }),
-    c !== "" && /* @__PURE__ */ n("span", { className: "dialog-search-product-price", children: c })
+    c !== "" && /* @__PURE__ */ g("span", { className: "dialog-search-product-price", children: [
+      h !== "" && /* @__PURE__ */ n("s", { className: "dialog-search-product-compare-at", children: h }),
+      c
+    ] })
   ] });
-  return /* @__PURE__ */ n("li", { ref: a, className: "dialog-search-card", children: u === void 0 ? /* @__PURE__ */ n("div", { className: "dialog-search-product", children: d }) : /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("li", { ref: a, className: "dialog-search-card", children: p === void 0 ? /* @__PURE__ */ n("div", { className: "dialog-search-product", children: m }) : /* @__PURE__ */ n(
     "a",
     {
       className: "dialog-search-product",
-      href: u,
+      href: p,
       onClick: l,
       onAuxClick: i,
-      children: d
+      children: m
     }
   ) });
-}, ve = () => /* @__PURE__ */ n(
+}, Ce = () => /* @__PURE__ */ n(
   "svg",
   {
     width: 16,
@@ -597,7 +591,7 @@ const R = {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" })
   }
-), Ce = () => /* @__PURE__ */ n(
+), Se = () => /* @__PURE__ */ n(
   "svg",
   {
     width: 12,
@@ -609,7 +603,7 @@ const R = {
     children: /* @__PURE__ */ n("path", { d: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" })
   }
 ), j = (e) => (e ?? []).flatMap((t) => {
-  const o = q(t);
+  const o = be(t);
   return o === void 0 ? [] : [{ collection: t, href: o }];
 }), ye = ({
   collections: e,
@@ -617,29 +611,29 @@ const R = {
   messages: o
 }) => {
   const s = j(e);
-  return s.length === 0 ? null : /* @__PURE__ */ p("aside", { className: "dialog-search-collections", children: [
-    /* @__PURE__ */ p("div", { className: "dialog-search-section-head", children: [
+  return s.length === 0 ? null : /* @__PURE__ */ g("aside", { className: "dialog-search-collections", children: [
+    /* @__PURE__ */ g("div", { className: "dialog-search-section-head", children: [
       /* @__PURE__ */ n("p", { className: "dialog-search-label", children: o.collectionsLabel }),
       /* @__PURE__ */ n("span", { className: "dialog-search-count", children: o.collectionsCount(s.length) })
     ] }),
-    /* @__PURE__ */ n("ul", { className: "dialog-search-collection-list", children: s.map(({ collection: r, href: a }) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ p("a", { className: "dialog-search-collection", href: a, children: [
-      /* @__PURE__ */ n("span", { className: "dialog-search-collection-thumb", "aria-hidden": !0, children: r.imageUrl !== void 0 && r.imageUrl !== "" && /* @__PURE__ */ n("img", { src: r.imageUrl, alt: "", loading: "lazy" }) }),
+    /* @__PURE__ */ n("ul", { className: "dialog-search-collection-list", children: s.map(({ collection: r, href: a }) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ g("a", { className: "dialog-search-collection", href: a, children: [
+      /* @__PURE__ */ n("span", { className: "dialog-search-collection-thumb", "aria-hidden": !0, children: r.image ? /* @__PURE__ */ n("img", { src: r.image, alt: "", loading: "lazy" }) : null }),
       /* @__PURE__ */ n("span", { className: "dialog-search-collection-title", children: /* @__PURE__ */ n(H, { title: B(r), query: t }) }),
-      /* @__PURE__ */ n("span", { className: "dialog-search-caret", children: /* @__PURE__ */ n(Ce, {}) })
+      /* @__PURE__ */ n("span", { className: "dialog-search-caret", children: /* @__PURE__ */ n(Se, {}) })
     ] }) }, r.objectID)) })
   ] });
-}, Se = ({
+}, we = ({
   controller: e,
   response: t,
   locale: o,
   messages: s
-}) => /* @__PURE__ */ p("section", { className: "dialog-search-products", children: [
-  /* @__PURE__ */ n("div", { className: "dialog-search-section-head", children: /* @__PURE__ */ p("p", { className: "dialog-search-label", children: [
+}) => /* @__PURE__ */ g("section", { className: "dialog-search-products", children: [
+  /* @__PURE__ */ n("div", { className: "dialog-search-section-head", children: /* @__PURE__ */ g("p", { className: "dialog-search-label", children: [
     s.productsLabel,
     t.nbHits > 0 && /* @__PURE__ */ n("span", { className: "dialog-search-label-count", children: ` · ${s.resultsCount(t.nbHits)}` })
   ] }) }),
   /* @__PURE__ */ n("ul", { className: "dialog-search-results", children: t.hits.length === 0 ? /* @__PURE__ */ n("li", { className: "dialog-search-empty", role: "status", children: s.noResults }) : t.hits.map((r, a) => /* @__PURE__ */ n(
-    be,
+    ve,
     {
       controller: e,
       hit: r,
@@ -649,18 +643,18 @@ const R = {
     },
     r.objectID
   )) })
-] }), k = 8, w = 16, we = 200, Le = 1440, ke = (e, t) => e.bottom > 0 && e.top < t, Ne = (e, t) => {
+] }), k = 8, w = 16, Le = 200, ke = 1440, Ne = (e, t) => e.bottom > 0 && e.top < t, Ee = (e, t) => {
   const o = Math.min(
-    Le,
+    ke,
     t - 2 * w
   ), s = e.left + e.width / 2 - o / 2;
   return { left: Math.min(
     Math.max(s, w),
     t - w - o
   ), width: o };
-}, Ee = (e, t, o) => {
-  const s = o - e.bottom - k - w, r = e.top - k - w, a = Ne(e, t);
-  return s < we && r > s ? {
+}, Pe = (e, t, o) => {
+  const s = o - e.bottom - k - w, r = e.top - k - w, a = Ee(e, t);
+  return s < Le && r > s ? {
     ...a,
     bottom: o - e.top + k,
     maxHeight: Math.max(r, 0)
@@ -669,7 +663,7 @@ const R = {
     top: e.bottom + k,
     maxHeight: Math.max(s, 0)
   };
-}, Pe = (e) => {
+}, Ae = (e) => {
   const t = e.trim().replace(/^#/, "");
   if (!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t))
     return;
@@ -677,29 +671,29 @@ const R = {
   return [0, 2, 4].map(
     (s) => Number.parseInt(o.slice(s, s + 2), 16)
   );
-}, Ae = (e) => {
+}, xe = (e) => {
   const t = /^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(e);
   if (t !== null)
     return [t[1], t[2], t[3]].map(Number);
-}, xe = (e) => {
+}, Re = (e) => {
   if (typeof document > "u")
     return;
   const t = document.createElement("span");
   if (t.style.color = e, t.style.color === "")
     return;
   document.body.appendChild(t);
-  const o = Ae(getComputedStyle(t).color);
+  const o = xe(getComputedStyle(t).color);
   return t.remove(), o;
-}, Re = (e) => Pe(e) ?? xe(e), Ie = (e) => {
+}, $e = (e) => Ae(e) ?? Re(e), Ie = (e) => {
   const t = e / 255;
   return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
 }, z = (e) => {
-  const t = Re(e);
+  const t = $e(e);
   if (t === void 0)
     return;
   const [o, s, r] = t.map(Ie);
   return 0.2126 * o + 0.7152 * s + 0.0722 * r;
-}, $e = "#181825", De = "#ffffff", Me = "straight", A = 0.5, x = {
+}, De = "#181825", Me = "#ffffff", Te = "straight", A = 0.5, x = {
   light: {
     panel: "#ffffff",
     side: "#fafbfc",
@@ -731,26 +725,26 @@ const R = {
     "r-thumb": "8px",
     "r-btn": "10px"
   }
-}, N = (e) => e === void 0 || e.trim() === "" ? void 0 : e.trim(), Te = (e) => {
+}, N = (e) => e === void 0 || e.trim() === "" ? void 0 : e.trim(), Oe = (e) => {
   const t = e === void 0 ? void 0 : z(e);
   return t === void 0 ? "light" : t < A ? "dark" : "light";
-}, Oe = (e, t) => {
+}, He = (e, t) => {
   const o = z(e);
   return o === void 0 ? x[t].text : (t === "light" ? o < A : o >= A) ? e : x[t].text;
-}, He = (e) => {
-  const t = Te(N(e == null ? void 0 : e.backgroundColor)), o = (e == null ? void 0 : e.ctaBorderType) === Me ? "rectangle" : "rectangle-rounded", s = N(e == null ? void 0 : e.primaryColor) ?? $e, r = N(e == null ? void 0 : e.fontFamily), a = {
+}, qe = (e) => {
+  const t = Oe(N(e == null ? void 0 : e.backgroundColor)), o = (e == null ? void 0 : e.ctaBorderType) === Te ? "rectangle" : "rectangle-rounded", s = N(e == null ? void 0 : e.primaryColor) ?? De, r = N(e == null ? void 0 : e.fontFamily), a = {
     ...x[t],
     ..._e[o],
     primary: s,
-    accent: Oe(s, t),
-    "cta-text": N(e == null ? void 0 : e.ctaTextColor) ?? De,
+    accent: He(s, t),
+    "cta-text": N(e == null ? void 0 : e.ctaTextColor) ?? Me,
     ...r === void 0 ? {} : { font: r }
   };
   return Object.fromEntries(
     Object.entries(a).map(([l, i]) => [`--dso-${l}`, i])
   );
-}, qe = (e) => {
-  const t = b(null), [o, s] = v(void 0), [r, a] = v({ width: 0, height: 0 });
+}, Be = (e) => {
+  const t = v(null), [o, s] = C(void 0), [r, a] = C({ width: 0, height: 0 });
   return V(() => {
     if (!e)
       return;
@@ -758,34 +752,34 @@ const R = {
       const i = t.current;
       if (i === null)
         return;
-      const c = i.previousElementSibling ?? i, { top: u, bottom: m, left: d, width: h } = c.getBoundingClientRect();
+      const c = i.previousElementSibling ?? i, { top: h, bottom: p, left: d, width: m } = c.getBoundingClientRect();
       a(
-        (g) => g.width === window.innerWidth && g.height === window.innerHeight ? g : { width: window.innerWidth, height: window.innerHeight }
+        (u) => u.width === window.innerWidth && u.height === window.innerHeight ? u : { width: window.innerWidth, height: window.innerHeight }
       ), s(
-        (g) => g !== void 0 && g.top === u && g.bottom === m && g.left === d && g.width === h ? g : { top: u, bottom: m, left: d, width: h }
+        (u) => u !== void 0 && u.top === h && u.bottom === p && u.left === d && u.width === m ? u : { top: h, bottom: p, left: d, width: m }
       );
     };
     return l(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
       window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
     };
   }, [e]), { anchorRef: t, rect: o, viewport: r };
-}, Be = (e, t) => {
-  const [o, s] = v(!1), r = b(null), a = e.status !== L.IDLE && !o;
-  return f(() => {
+}, je = (e, t) => {
+  const [o, s] = C(!1), r = v(null), a = e.status !== L.IDLE && !o;
+  return b(() => {
     s(!1);
-  }, [e.query]), f(() => {
+  }, [e.query]), b(() => {
     if (!a)
       return;
     const l = (i) => {
-      var h, g;
+      var m, u;
       const c = i.target;
       if (!(c instanceof Node))
         return;
-      const u = (h = t.current) == null ? void 0 : h.previousElementSibling, m = ((g = r.current) == null ? void 0 : g.contains(c)) ?? !1, d = (u == null ? void 0 : u.contains(c)) ?? !1;
-      !m && !d && s(!0);
+      const h = (m = t.current) == null ? void 0 : m.previousElementSibling, p = ((u = r.current) == null ? void 0 : u.contains(c)) ?? !1, d = (h == null ? void 0 : h.contains(c)) ?? !1;
+      !p && !d && s(!0);
     };
     return document.addEventListener("pointerdown", l), () => document.removeEventListener("pointerdown", l);
-  }, [a, t]), f(() => {
+  }, [a, t]), b(() => {
     var c;
     const l = (c = t.current) == null ? void 0 : c.previousElementSibling;
     if (l == null)
@@ -793,17 +787,17 @@ const R = {
     const i = () => s(!1);
     return l.addEventListener("focusin", i), () => l.removeEventListener("focusin", i);
   }, [t]), { isOpen: a, panelRef: r };
-}, je = (e) => e instanceof Q ? `Search failed (${e.status}${e.code ? ` ${e.code}` : ""}): ${e.message}` : "Search failed: network error. Check your connection and try again.", ze = (e, t) => {
-  var h, g;
+}, ze = (e) => e instanceof Z ? `Search failed (${e.status}${e.code ? ` ${e.code}` : ""}): ${e.message}` : "Search failed: network error. Check your connection and try again.", Ve = (e, t) => {
+  var m, u;
   const { controller: o, state: s, locale: r, seeAllHref: a } = e, { status: l, response: i } = s;
   if (l === L.ERROR)
-    return /* @__PURE__ */ p("div", { className: "dialog-search-error", children: [
+    return /* @__PURE__ */ g("div", { className: "dialog-search-error", children: [
       /* @__PURE__ */ n(
         "p",
         {
           role: "alert",
           className: "dialog-search-status dialog-search-status-error",
-          children: je(s.error)
+          children: ze(s.error)
         }
       ),
       /* @__PURE__ */ n(
@@ -818,12 +812,12 @@ const R = {
     ] });
   if (i === void 0)
     return /* @__PURE__ */ n("p", { role: "status", className: "dialog-search-status", children: t.searching(s.query) });
-  const c = ((g = (h = s.sections) == null ? void 0 : h.collections) == null ? void 0 : g.hits) ?? [], u = j(c).length > 0, m = a !== void 0 && i.nbHits > 0, d = !m && O(s);
-  return /* @__PURE__ */ p(C, { children: [
-    /* @__PURE__ */ p(
+  const c = ((u = (m = s.sections) == null ? void 0 : m.collections) == null ? void 0 : u.hits) ?? [], h = j(c).length > 0, p = a !== void 0 && i.nbHits > 0, d = !p && O(s);
+  return /* @__PURE__ */ g(S, { children: [
+    /* @__PURE__ */ g(
       "div",
       {
-        className: `dialog-search-body${u ? "" : " dialog-search-body--no-collections"}`,
+        className: `dialog-search-body${h ? "" : " dialog-search-body--no-collections"}`,
         children: [
           /* @__PURE__ */ n(
             ye,
@@ -834,7 +828,7 @@ const R = {
             }
           ),
           /* @__PURE__ */ n(
-            Se,
+            we,
             {
               controller: o,
               response: i,
@@ -845,11 +839,11 @@ const R = {
         ]
       }
     ),
-    (m || d) && /* @__PURE__ */ n("div", { className: "dialog-search-footer", children: m ? /* @__PURE__ */ p("a", { className: "dialog-search-cta", href: a(i.query), children: [
+    (p || d) && /* @__PURE__ */ n("div", { className: "dialog-search-footer", children: p ? /* @__PURE__ */ g("a", { className: "dialog-search-cta", href: a(i.query), children: [
       t.seeAllLabel(i.nbHits),
-      /* @__PURE__ */ n(ve, {})
+      /* @__PURE__ */ n(Ce, {})
     ] }) : /* @__PURE__ */ n(
-      he,
+      pe,
       {
         controller: o,
         state: s,
@@ -857,58 +851,59 @@ const R = {
       }
     ) })
   ] });
-}, Ge = (e) => {
-  const { state: t, locale: o, theme: s, layout: r = "list" } = e, a = t.status !== L.IDLE, { anchorRef: l, rect: i, viewport: c } = qe(a), { isOpen: u, panelRef: m } = Be(t, l), d = T(o), h = S(
-    () => He(s),
+}, Ye = (e) => {
+  const { state: t, locale: o, theme: s, layout: r = "list" } = e, a = t.status !== L.IDLE, { anchorRef: l, rect: i, viewport: c } = Be(a), { isOpen: h, panelRef: p } = je(t, l), d = _(o), m = y(
+    () => qe(s),
     [s]
   );
-  return /* @__PURE__ */ p(C, { children: [
+  return /* @__PURE__ */ g(S, { children: [
     /* @__PURE__ */ n("div", { ref: l }),
-    u && i !== void 0 && ke(i, c.height) && Z(
+    h && i !== void 0 && Ne(i, c.height) && G(
       /* @__PURE__ */ n(
         "div",
         {
-          ref: m,
+          ref: p,
           className: `dialog-search-panel dialog-search-panel--${r}`,
           style: {
-            ...Ee(i, c.width, c.height),
-            ...h
+            ...Pe(i, c.width, c.height),
+            ...m
           },
-          children: ze(e, d)
+          children: Ve(e, d)
         }
       ),
       document.body
     )
   ] });
-}, Ve = {
+}, Ke = {
   status: L.IDLE,
   query: "",
   page: 0
-}, Ye = (e) => {
-  const t = b(e);
+}, Je = (e) => {
+  const t = v(e);
   t.current = e;
-  const o = b(void 0), s = P(() => {
+  const o = v(void 0), s = P(() => {
     if (o.current === void 0) {
-      const { client: c, surface: u = "search_page", ...m } = t.current;
-      o.current = W({
-        search: (d, h) => c.search(d, h),
+      const { client: c, surface: h = "search_page", ...p } = t.current;
+      o.current = X({
+        search: (d, m) => c.search(d, m),
         analytics: {
-          surface: u,
+          surface: h,
           trackViewSearchResults: (d) => c.trackViewSearchResults(d),
           trackSelectSearchResult: (d) => c.trackSelectSearchResult(d)
         },
-        ...m
+        ...p
       });
     }
     return o.current;
-  }, []), r = b(void 0);
+  }, []), r = v(void 0);
   r.current ?? (r.current = {
     setQuery: (c) => s().setQuery(c),
     submit: (c) => s().submit(c),
     setPage: (c) => s().setPage(c),
     retry: () => s().retry(),
-    observeResult: (c, u) => s().observeResult(c, u),
-    selectResult: (c, u) => s().selectResult(c, u),
+    observeResult: (c, h) => s().observeResult(c, h),
+    selectResult: (c, h) => s().selectResult(c, h),
+    productUrl: (c) => s().productUrl(c),
     subscribe: (c) => s().subscribe(c),
     getState: () => s().getState(),
     // Create a replacement on next access after disposal.
@@ -916,10 +911,10 @@ const R = {
       var c;
       (c = o.current) == null || c.dispose(), o.current = void 0;
     }
-  }), f(() => {
+  }), b(() => {
     M({
       method: "react",
-      version: "2.9.0"
+      version: "2.10.1"
     });
     const c = s();
     return () => {
@@ -935,16 +930,16 @@ const R = {
   ), i = K(
     a,
     l,
-    () => Ve
+    () => Ke
   );
   return { controller: r.current, state: i, theme: e.client.theme };
 };
 export {
-  oe as DialogInput,
-  Ze as DialogProductBlock,
-  Xe as DialogSearchBar,
-  he as DialogSearchPagination,
-  be as DialogSearchProductCard,
-  Ge as DialogSearchResults,
-  Ye as useDialogSearch
+  re as DialogInput,
+  Xe as DialogProductBlock,
+  Ge as DialogSearchBar,
+  pe as DialogSearchPagination,
+  ve as DialogSearchProductCard,
+  Ye as DialogSearchResults,
+  Je as useDialogSearch
 };

package/dist/dialog-react.umd.cjs

@@ -1 +1 @@
-(function(b,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react"),require("@askdialog/dialog-sdk"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@askdialog/dialog-sdk","react-dom"],t):(b=typeof globalThis<"u"?globalThis:b||self,t(b["dialog-react"]={},b["react/jsx-runtime"],b.React,b.dialogSdk,b.ReactDOM))})(this,(function(b,t,d,v,F){"use strict";const k={en:{placeholder:"Ask the AI a question",aiDisclosure:"You're chatting with an AI assistant. It can make mistakes, so please double-check important information",askSomethingElse:"Ask something else"},fr:{placeholder:"Posez une question à l'IA",aiDisclosure:"Vous discutez avec un assistant IA. Il peut se tromper, pensez à vérifier les informations importantes",askSomethingElse:"Posez une autre question"},es:{placeholder:"Haz una pregunta a la IA",aiDisclosure:"Estás chateando con un asistente de IA. Puede cometer errores, así que verifica la información importante",askSomethingElse:"Pregunta otra cosa"}},E=e=>{var r;const s=((r=e==null?void 0:e.split("-")[0])==null?void 0:r.toLowerCase())??"en";return k[s]??k.en},z=({client:e,questions:s,disabled:r,productId:o,productTitle:a,selectedVariantId:c})=>{const i=()=>{e.openAssistantWithSuggestions({questions:s??[],product:{id:o,title:a,selectedVariantId:c}})};return t.jsx("button",{type:"button",className:"dialog-ask-something-else",disabled:r,onClick:i,children:E(e.locale).askSomethingElse})},V=({title:e="Your expert",description:s="A question about this product?"})=>t.jsxs("div",{className:"dialog-block-header-container",children:[t.jsx("div",{className:"dialog-block-title",children:e}),t.jsx("div",{className:"dialog-block-description",children:s})]}),K=({color:e="#181825"})=>t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsxs("g",{clipPath:"url(#clip0_466_934)",children:[t.jsx("path",{d:"M5.41675 10.8333L6.07046 12.1408C6.2917 12.5832 6.40232 12.8045 6.55011 12.9962C6.68124 13.1663 6.83375 13.3188 7.00388 13.45C7.19559 13.5977 7.41684 13.7084 7.85932 13.9296L9.16675 14.5833L7.85932 15.237C7.41684 15.4583 7.19559 15.5689 7.00388 15.7167C6.83375 15.8478 6.68124 16.0003 6.55011 16.1704C6.40232 16.3622 6.2917 16.5834 6.07046 17.0259L5.41675 18.3333L4.76303 17.0259C4.54179 16.5834 4.43117 16.3622 4.28339 16.1704C4.15225 16.0003 3.99974 15.8478 3.82962 15.7167C3.6379 15.5689 3.41666 15.4583 2.97418 15.237L1.66675 14.5833L2.97418 13.9296C3.41666 13.7084 3.6379 13.5977 3.82962 13.45C3.99974 13.3188 4.15225 13.1663 4.28339 12.9962C4.43117 12.8045 4.54179 12.5832 4.76303 12.1408L5.41675 10.8333Z",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M12.5001 1.66666L13.4823 4.22034C13.7173 4.83136 13.8348 5.13688 14.0175 5.39386C14.1795 5.62162 14.3785 5.82061 14.6062 5.98256C14.8632 6.16529 15.1687 6.2828 15.7797 6.5178L18.3334 7.49999L15.7797 8.48217C15.1687 8.71718 14.8632 8.83469 14.6062 9.01742C14.3785 9.17937 14.1795 9.37836 14.0175 9.60612C13.8348 9.8631 13.7173 10.1686 13.4823 10.7796L12.5001 13.3333L11.5179 10.7796C11.2829 10.1686 11.1654 9.8631 10.9827 9.60612C10.8207 9.37836 10.6217 9.17937 10.3939 9.01742C10.137 8.83469 9.83145 8.71718 9.22043 8.48217L6.66675 7.49999L9.22043 6.5178C9.83145 6.28279 10.137 6.16529 10.3939 5.98256C10.6217 5.82061 10.8207 5.62162 10.9827 5.39386C11.1654 5.13688 11.2829 4.83136 11.5179 4.22034L12.5001 1.66666Z",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_466_934",children:t.jsx("rect",{width:"20",height:"20",fill:"white"})})})]}),j=({client:e,questions:s,productId:r,productTitle:o,selectedVariantId:a})=>{const c=i=>{e.sendProductMessage({productId:r,productTitle:o,selectedVariantId:a,question:i,fromQuestionSuggestion:!0})};return t.jsx(t.Fragment,{children:s.map(i=>t.jsxs("button",{className:"dialog-block-suggestions-item",onClick:()=>c(i.question),children:[t.jsx(K,{color:e.theme.primaryColor}),t.jsx("span",{className:"dialog-block-suggestions-item-label",children:i.question})]},i.question))})},U=()=>t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"dialog-block-suggestions-skeleton-item"}),t.jsx("div",{className:"dialog-block-suggestions-skeleton-item"}),t.jsx("div",{className:"dialog-block-suggestions-skeleton-item"})]}),Q=({client:e,questions:s,isLoading:r,productId:o,productTitle:a,selectedVariantId:c})=>t.jsx("div",{className:"dialog-block-suggestions-container",children:r||!s?t.jsx(U,{}):t.jsx(j,{client:e,questions:s,productId:o,productTitle:a,selectedVariantId:c})}),W=({color:e="#ffffff"})=>t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),P=({client:e,productId:s,productTitle:r,selectedVariantId:o})=>{const a=d.useRef(null),[c,i]=d.useState(""),n=E(e.locale),l=()=>{var u;(u=a.current)==null||u.focus()},h=()=>{const u=c;u.trim()&&(e.sendProductMessage({productId:s,productTitle:r,selectedVariantId:o,question:u,fromQuestionSuggestion:!0}),i(""))},f=u=>{u.key==="Enter"&&h()};return t.jsxs("div",{className:"dialog-input-container",children:[t.jsxs("div",{className:"dialog-input-wrapper",onClick:l,children:[t.jsx("input",{id:"dialog-ask-anything-input-ai-input",ref:a,value:c,onChange:u=>i(u.target.value),className:"dialog-ask-anything-input-ai-input",placeholder:n.placeholder,"aria-describedby":"dialog-input-ai-disclosure",onKeyDown:f}),t.jsx("button",{id:"send-message-button-ai-input",className:"dialog-input-submit",disabled:!c.trim(),onClick:h,children:t.jsx(W,{color:e.theme.ctaTextColor})})]}),t.jsx("p",{id:"dialog-input-ai-disclosure",className:"dialog-input-ai-disclosure",children:n.aiDisclosure})]})},A=e=>e.replace(/([A-Z])/g,"-$1").toLowerCase(),Z=e=>{if(!e)return;const s=document.body;Object.keys(e).forEach(r=>{const o=r,a=A(r);if(e[o]!==void 0){if(typeof e[o]=="object"){Object.keys(e[o]).forEach(c=>{var n;const i=c;if(i!==void 0){const l=A(c),h=e[o];s.style.setProperty(`--dialog-theme-${a}-${l}`,(n=h[i])==null?void 0:n.toString())}});return}if(o==="ctaBorderType"){const c=e[o]==="rounded"?"24px":"0";s.style.setProperty(`--dialog-theme-${a}`,c);return}s.style.setProperty(`--dialog-theme-${a}`,e[o].toString())}})},X=({theme:e,children:s})=>(d.useEffect(()=>{e&&Z(e)},[e]),t.jsx(t.Fragment,{children:s})),G=2,Y=5,J=({client:e,productId:s,productTitle:r,selectedVariantId:o,enableInput:a=!1})=>{var p;const[c,i]=d.useState(!0),[n,l]=d.useState(void 0);d.useEffect(()=>{v.registerDialogInstallation({method:"react",version:"2.9.0"}),v.addAuditCapability("pdp-block")},[]);const h=d.useMemo(()=>c?"":n==null?void 0:n.assistantName,[n,c]),f=d.useMemo(()=>c?"":n==null?void 0:n.description,[n,c]),u=d.useMemo(()=>c?"":n==null?void 0:n.inputPlaceholder,[n,c]),g=d.useMemo(()=>{var C;return v.resolveTextDirection((C=e.getLocalizationInformations())==null?void 0:C.languageCode)},[e]);return d.useEffect(()=>{let C=!0;return(async()=>{i(!0),l(void 0);try{const N=await e.getSuggestions(s,{limit:Y});C&&l(N)}catch(N){console.error("error",N)}finally{C&&i(!1)}})(),()=>{C=!1}},[e,s]),t.jsx(X,{theme:e.theme,children:t.jsxs("div",{id:"dialog-instant",className:"dialog-block-container",dir:g,children:[t.jsx(V,{title:h,description:f}),t.jsx(Q,{client:e,questions:(p=n==null?void 0:n.questions)==null?void 0:p.slice(0,G),isLoading:c,productId:s,productTitle:r,selectedVariantId:o}),a?t.jsx(P,{client:e,placeholder:u,productId:s,productTitle:r,selectedVariantId:o}):t.jsx(z,{client:e,questions:n==null?void 0:n.questions,disabled:c,productId:s,productTitle:r,selectedVariantId:o})]})})},R=()=>t.jsx("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M8 13V3M8 3L3 8M8 3L13 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),ee="M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z",se=({color:e="currentColor"})=>t.jsx("svg",{width:16,height:16,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:ee,fill:e})}),te=({controller:e,placeholder:s="Search products...",autoFocus:r=!1,submitAriaLabel:o="Search"})=>{const[a,c]=d.useState(""),i=n=>{n.preventDefault(),e.submit(a)};return t.jsxs("form",{className:"dialog-search-bar",role:"search",onSubmit:i,children:[t.jsxs("div",{className:"dialog-search-bar-field",children:[t.jsx("span",{className:"dialog-search-bar-icon",children:t.jsx(se,{})}),t.jsx("input",{type:"text",name:"dialog-search-query",className:"dialog-search-bar-input",value:a,"aria-label":s,placeholder:s,autoFocus:r,onChange:n=>{c(n.target.value),e.setQuery(n.target.value)}})]}),t.jsx("button",{type:"submit",className:"dialog-search-bar-submit","aria-label":o,children:t.jsx(R,{})})]})},oe=(e,s)=>{try{return new Intl.NumberFormat(s).format(e)}catch{return String(e)}},I={en:e=>({searching:s=>`Searching “${s}”…`,noResults:"No matching products",retry:"Retry",collectionsLabel:"Collections",productsLabel:"Products",collectionsCount:s=>s===1?"1 collection":`${e(s)} collections`,resultsCount:s=>s===1?"1 result":`${e(s)} results`,seeAllLabel:s=>s===1?"See the result":`See all ${e(s)} results`,previous:"Previous",next:"Next",pageOf:(s,r)=>`Page ${e(s)} / ${e(r)}`}),fr:e=>({searching:s=>`Recherche de « ${s} »…`,noResults:"Aucun produit correspondant",retry:"Réessayer",collectionsLabel:"Collections",productsLabel:"Produits",collectionsCount:s=>s===1?"1 collection":`${e(s)} collections`,resultsCount:s=>s===1?"1 résultat":`${e(s)} résultats`,seeAllLabel:s=>s===1?"Voir le résultat":`Voir les ${e(s)} résultats`,previous:"Précédent",next:"Suivant",pageOf:(s,r)=>`Page ${e(s)} / ${e(r)}`}),de:e=>({searching:s=>`Suche nach „${s}“…`,noResults:"Keine passenden Produkte",retry:"Erneut versuchen",collectionsLabel:"Kollektionen",productsLabel:"Produkte",collectionsCount:s=>s===1?"1 Kollektion":`${e(s)} Kollektionen`,resultsCount:s=>s===1?"1 Ergebnis":`${e(s)} Ergebnisse`,seeAllLabel:s=>s===1?"Das Ergebnis anzeigen":`Alle ${e(s)} Ergebnisse anzeigen`,previous:"Zurück",next:"Weiter",pageOf:(s,r)=>`Seite ${e(s)} / ${e(r)}`}),es:e=>({searching:s=>`Buscando «${s}»…`,noResults:"No hay productos que coincidan",retry:"Reintentar",collectionsLabel:"Colecciones",productsLabel:"Productos",collectionsCount:s=>s===1?"1 colección":`${e(s)} colecciones`,resultsCount:s=>s===1?"1 resultado":`${e(s)} resultados`,seeAllLabel:s=>s===1?"Ver el resultado":`Ver los ${e(s)} resultados`,previous:"Anterior",next:"Siguiente",pageOf:(s,r)=>`Página ${e(s)} / ${e(r)}`}),it:e=>({searching:s=>`Ricerca di “${s}”…`,noResults:"Nessun prodotto corrispondente",retry:"Riprova",collectionsLabel:"Collezioni",productsLabel:"Prodotti",collectionsCount:s=>s===1?"1 collezione":`${e(s)} collezioni`,resultsCount:s=>s===1?"1 risultato":`${e(s)} risultati`,seeAllLabel:s=>s===1?"Vedi il risultato":`Vedi tutti i ${e(s)} risultati`,previous:"Precedente",next:"Successivo",pageOf:(s,r)=>`Pagina ${e(s)} / ${e(r)}`})},x=e=>{var o;const s=((o=e==null?void 0:e.split("-")[0])==null?void 0:o.toLowerCase())??"en";return(I[s]??I.en)(a=>oe(a,e))},$=e=>e.status!==v.SearchStatus.LOADING&&e.response!==void 0&&e.response.nbPages>1,D=({controller:e,state:s,locale:r})=>{const o=s.response;if(o===void 0||!$(s))return null;const a=x(r);return t.jsxs("nav",{"aria-label":"Search results pages",className:"dialog-search-pagination",children:[t.jsx("button",{type:"button",disabled:o.page===0,onClick:()=>e.setPage(o.page-1),children:a.previous}),t.jsx("span",{children:a.pageOf(o.page+1,o.nbPages)}),t.jsx("button",{type:"button",disabled:o.page>=o.nbPages-1,onClick:()=>e.setPage(o.page+1),children:a.next})]})},M=e=>e.normalize("NFD").replace(new RegExp("\\p{M}","gu"),"").replace(/ẞ/gu,"ß").toUpperCase().toLowerCase().replace(/ς/g,"σ"),re=(e,s)=>{const r={before:"",match:e,after:""},o=M(s.trim());if(o==="")return r;const a=[...e],c=[];let i="";a.forEach((f,u)=>{const g=M(f);for(let p=0;p<g.length;p+=1)c.push(u);i+=g});const n=i.indexOf(o);if(n===-1)return r;const l=c[n],h=c[n+o.length-1]+1;return{before:a.slice(0,l).join(""),match:a.slice(l,h).join(""),after:a.slice(h).join("")}},T=({title:e,query:s})=>{const{before:r,match:o,after:a}=re(e,s);return t.jsxs(t.Fragment,{children:[r!==""&&t.jsx("span",{className:"dialog-search-muted",children:r}),t.jsx("span",{className:"dialog-search-match",children:o}),a!==""&&t.jsx("span",{className:"dialog-search-muted",children:a})]})},ae=({variants_min_price:e,currency:s},r)=>{if(e===void 0)return"";try{return s===void 0?new Intl.NumberFormat(r).format(e):new Intl.NumberFormat(r,{style:"currency",currency:s}).format(e)}catch{return""}},ne=e=>e.product_image||e.image||void 0,ce=e=>{try{const{protocol:s}=new URL(e,window.location.href);return s==="http:"||s==="https:"?e:void 0}catch{return}},_=e=>e.url===void 0||e.url===""?void 0:ce(e.url),O=e=>e.title??e.handle??e.objectID,q=({controller:e,hit:s,index:r,locale:o,query:a=""})=>{const c=d.useRef(null);d.useEffect(()=>{c.current!==null&&e.observeResult(c.current,r)},[e,s,r]);const i=g=>{const p=g.metaKey||g.ctrlKey||g.shiftKey||g.altKey;e.selectResult(r,{navigate:!p})&&g.preventDefault()},n=g=>{g.button===1&&e.selectResult(r,{navigate:!1})},l=ae(s,o),h=_(s),f=ne(s),u=t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"dialog-search-product-thumb","aria-hidden":!0,children:f!==void 0&&t.jsx("img",{src:f,alt:"",loading:"lazy"})}),t.jsx("span",{className:"dialog-search-product-title",children:t.jsx(T,{title:O(s),query:a})}),l!==""&&t.jsx("span",{className:"dialog-search-product-price",children:l})]});return t.jsx("li",{ref:c,className:"dialog-search-card",children:h===void 0?t.jsx("div",{className:"dialog-search-product",children:u}):t.jsx("a",{className:"dialog-search-product",href:h,onClick:i,onAuxClick:n,children:u})})},le=()=>t.jsx("svg",{width:16,height:16,viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"})}),ie=()=>t.jsx("svg",{width:12,height:12,viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"})}),H=e=>(e??[]).flatMap(s=>{const r=_(s);return r===void 0?[]:[{collection:s,href:r}]}),de=({collections:e,query:s,messages:r})=>{const o=H(e);return o.length===0?null:t.jsxs("aside",{className:"dialog-search-collections",children:[t.jsxs("div",{className:"dialog-search-section-head",children:[t.jsx("p",{className:"dialog-search-label",children:r.collectionsLabel}),t.jsx("span",{className:"dialog-search-count",children:r.collectionsCount(o.length)})]}),t.jsx("ul",{className:"dialog-search-collection-list",children:o.map(({collection:a,href:c})=>t.jsx("li",{children:t.jsxs("a",{className:"dialog-search-collection",href:c,children:[t.jsx("span",{className:"dialog-search-collection-thumb","aria-hidden":!0,children:a.imageUrl!==void 0&&a.imageUrl!==""&&t.jsx("img",{src:a.imageUrl,alt:"",loading:"lazy"})}),t.jsx("span",{className:"dialog-search-collection-title",children:t.jsx(T,{title:O(a),query:s})}),t.jsx("span",{className:"dialog-search-caret",children:t.jsx(ie,{})})]})},a.objectID))})]})},ue=({controller:e,response:s,locale:r,messages:o})=>t.jsxs("section",{className:"dialog-search-products",children:[t.jsx("div",{className:"dialog-search-section-head",children:t.jsxs("p",{className:"dialog-search-label",children:[o.productsLabel,s.nbHits>0&&t.jsx("span",{className:"dialog-search-label-count",children:` · ${o.resultsCount(s.nbHits)}`})]})}),t.jsx("ul",{className:"dialog-search-results",children:s.hits.length===0?t.jsx("li",{className:"dialog-search-empty",role:"status",children:o.noResults}):s.hits.map((a,c)=>t.jsx(q,{controller:e,hit:a,index:c,locale:r,query:s.query},a.objectID))})]}),y=8,S=16,he=200,ge=1440,pe=(e,s)=>e.bottom>0&&e.top<s,fe=(e,s)=>{const r=Math.min(ge,s-2*S),o=e.left+e.width/2-r/2;return{left:Math.min(Math.max(o,S),s-S-r),width:r}},be=(e,s,r)=>{const o=r-e.bottom-y-S,a=e.top-y-S,c=fe(e,s);return o<he&&a>o?{...c,bottom:r-e.top+y,maxHeight:Math.max(a,0)}:{...c,top:e.bottom+y,maxHeight:Math.max(o,0)}},ve=e=>{const s=e.trim().replace(/^#/,"");if(!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(s))return;const r=s.length<=4?[...s].map(o=>o+o).join(""):s;return[0,2,4].map(o=>Number.parseInt(r.slice(o,o+2),16))},Ce=e=>{const s=/^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(e);if(s!==null)return[s[1],s[2],s[3]].map(Number)},Se=e=>{if(typeof document>"u")return;const s=document.createElement("span");if(s.style.color=e,s.style.color==="")return;document.body.appendChild(s);const r=Ce(getComputedStyle(s).color);return s.remove(),r},ye=e=>ve(e)??Se(e),me=e=>{const s=e/255;return s<=.03928?s/12.92:((s+.055)/1.055)**2.4},B=e=>{const s=ye(e);if(s===void 0)return;const[r,o,a]=s.map(me);return .2126*r+.7152*o+.0722*a},we="#181825",Le="#ffffff",Ne="straight",w=.5,L={light:{panel:"#ffffff",side:"#fafbfc",text:"#111827","text-sec":"#6b7280",border:"#eceef2",hover:"#eef2f7",thumb:"#eef1f5"},dark:{panel:"#15171c",side:"#1b1e25",text:"#f3f4f6","text-sec":"#9ca3af",border:"#2b2f38",hover:"#242830",thumb:"#2b2f38"}},ke={rectangle:{"r-panel":"4px","r-item":"4px","r-thumb":"2px","r-btn":"4px"},"rectangle-rounded":{"r-panel":"16px","r-item":"10px","r-thumb":"8px","r-btn":"10px"}},m=e=>e===void 0||e.trim()===""?void 0:e.trim(),Ee=e=>{const s=e===void 0?void 0:B(e);return s===void 0?"light":s<w?"dark":"light"},Pe=(e,s)=>{const r=B(e);return r===void 0?L[s].text:(s==="light"?r<w:r>=w)?e:L[s].text},Ae=e=>{const s=Ee(m(e==null?void 0:e.backgroundColor)),r=(e==null?void 0:e.ctaBorderType)===Ne?"rectangle":"rectangle-rounded",o=m(e==null?void 0:e.primaryColor)??we,a=m(e==null?void 0:e.fontFamily),c={...L[s],...ke[r],primary:o,accent:Pe(o,s),"cta-text":m(e==null?void 0:e.ctaTextColor)??Le,...a===void 0?{}:{font:a}};return Object.fromEntries(Object.entries(c).map(([i,n])=>[`--dso-${i}`,n]))},Ie=e=>{const s=d.useRef(null),[r,o]=d.useState(void 0),[a,c]=d.useState({width:0,height:0});return d.useLayoutEffect(()=>{if(!e)return;const i=()=>{const n=s.current;if(n===null)return;const l=n.previousElementSibling??n,{top:h,bottom:f,left:u,width:g}=l.getBoundingClientRect();c(p=>p.width===window.innerWidth&&p.height===window.innerHeight?p:{width:window.innerWidth,height:window.innerHeight}),o(p=>p!==void 0&&p.top===h&&p.bottom===f&&p.left===u&&p.width===g?p:{top:h,bottom:f,left:u,width:g})};return i(),window.addEventListener("scroll",i,!0),window.addEventListener("resize",i),()=>{window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i)}},[e]),{anchorRef:s,rect:r,viewport:a}},xe=(e,s)=>{const[r,o]=d.useState(!1),a=d.useRef(null),c=e.status!==v.SearchStatus.IDLE&&!r;return d.useEffect(()=>{o(!1)},[e.query]),d.useEffect(()=>{if(!c)return;const i=n=>{var g,p;const l=n.target;if(!(l instanceof Node))return;const h=(g=s.current)==null?void 0:g.previousElementSibling,f=((p=a.current)==null?void 0:p.contains(l))??!1,u=(h==null?void 0:h.contains(l))??!1;!f&&!u&&o(!0)};return document.addEventListener("pointerdown",i),()=>document.removeEventListener("pointerdown",i)},[c,s]),d.useEffect(()=>{var l;const i=(l=s.current)==null?void 0:l.previousElementSibling;if(i==null)return;const n=()=>o(!1);return i.addEventListener("focusin",n),()=>i.removeEventListener("focusin",n)},[s]),{isOpen:c,panelRef:a}},$e=e=>e instanceof v.DialogSearchError?`Search failed (${e.status}${e.code?` ${e.code}`:""}): ${e.message}`:"Search failed: network error. Check your connection and try again.",De=(e,s)=>{var g,p;const{controller:r,state:o,locale:a,seeAllHref:c}=e,{status:i,response:n}=o;if(i===v.SearchStatus.ERROR)return t.jsxs("div",{className:"dialog-search-error",children:[t.jsx("p",{role:"alert",className:"dialog-search-status dialog-search-status-error",children:$e(o.error)}),t.jsx("button",{type:"button",className:"dialog-search-retry",onClick:()=>r.retry(),children:s.retry})]});if(n===void 0)return t.jsx("p",{role:"status",className:"dialog-search-status",children:s.searching(o.query)});const l=((p=(g=o.sections)==null?void 0:g.collections)==null?void 0:p.hits)??[],h=H(l).length>0,f=c!==void 0&&n.nbHits>0,u=!f&&$(o);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:`dialog-search-body${h?"":" dialog-search-body--no-collections"}`,children:[t.jsx(de,{collections:l,query:n.query,messages:s}),t.jsx(ue,{controller:r,response:n,locale:a,messages:s})]}),(f||u)&&t.jsx("div",{className:"dialog-search-footer",children:f?t.jsxs("a",{className:"dialog-search-cta",href:c(n.query),children:[s.seeAllLabel(n.nbHits),t.jsx(le,{})]}):t.jsx(D,{controller:r,state:o,locale:a})})]})},Me=e=>{const{state:s,locale:r,theme:o,layout:a="list"}=e,c=s.status!==v.SearchStatus.IDLE,{anchorRef:i,rect:n,viewport:l}=Ie(c),{isOpen:h,panelRef:f}=xe(s,i),u=x(r),g=d.useMemo(()=>Ae(o),[o]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:i}),h&&n!==void 0&&pe(n,l.height)&&F.createPortal(t.jsx("div",{ref:f,className:`dialog-search-panel dialog-search-panel--${a}`,style:{...be(n,l.width,l.height),...g},children:De(e,u)}),document.body)]})},Te={status:v.SearchStatus.IDLE,query:"",page:0},_e=e=>{const s=d.useRef(e);s.current=e;const r=d.useRef(void 0),o=d.useCallback(()=>{if(r.current===void 0){const{client:l,surface:h="search_page",...f}=s.current;r.current=v.createSearchController({search:(u,g)=>l.search(u,g),analytics:{surface:h,trackViewSearchResults:u=>l.trackViewSearchResults(u),trackSelectSearchResult:u=>l.trackSelectSearchResult(u)},...f})}return r.current},[]),a=d.useRef(void 0);a.current??(a.current={setQuery:l=>o().setQuery(l),submit:l=>o().submit(l),setPage:l=>o().setPage(l),retry:()=>o().retry(),observeResult:(l,h)=>o().observeResult(l,h),selectResult:(l,h)=>o().selectResult(l,h),subscribe:l=>o().subscribe(l),getState:()=>o().getState(),dispose:()=>{var l;(l=r.current)==null||l.dispose(),r.current=void 0}}),d.useEffect(()=>{v.registerDialogInstallation({method:"react",version:"2.9.0"});const l=o();return()=>{l.dispose(),r.current===l&&(r.current=void 0)}},[o]);const c=d.useCallback(l=>o().subscribe(l),[o]),i=d.useCallback(()=>o().getState(),[o]),n=d.useSyncExternalStore(c,i,()=>Te);return{controller:a.current,state:n,theme:e.client.theme}};b.DialogInput=P,b.DialogProductBlock=J,b.DialogSearchBar=te,b.DialogSearchPagination=D,b.DialogSearchProductCard=q,b.DialogSearchResults=Me,b.useDialogSearch=_e,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
+(function(b,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react"),require("@askdialog/dialog-sdk"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@askdialog/dialog-sdk","react-dom"],t):(b=typeof globalThis<"u"?globalThis:b||self,t(b["dialog-react"]={},b["react/jsx-runtime"],b.React,b.dialogSdk,b.ReactDOM))})(this,(function(b,t,d,C,F){"use strict";const k={en:{placeholder:"Ask the AI a question",aiDisclosure:"You're chatting with an AI assistant. It can make mistakes, so please double-check important information",askSomethingElse:"Ask something else"},fr:{placeholder:"Posez une question à l'IA",aiDisclosure:"Vous discutez avec un assistant IA. Il peut se tromper, pensez à vérifier les informations importantes",askSomethingElse:"Posez une autre question"},es:{placeholder:"Haz una pregunta a la IA",aiDisclosure:"Estás chateando con un asistente de IA. Puede cometer errores, así que verifica la información importante",askSomethingElse:"Pregunta otra cosa"}},E=e=>{var r;const s=((r=e==null?void 0:e.split("-")[0])==null?void 0:r.toLowerCase())??"en";return k[s]??k.en},z=({client:e,questions:s,disabled:r,productId:o,productTitle:a,selectedVariantId:c})=>{const i=()=>{e.openAssistantWithSuggestions({questions:s??[],product:{id:o,title:a,selectedVariantId:c}})};return t.jsx("button",{type:"button",className:"dialog-ask-something-else",disabled:r,onClick:i,children:E(e.locale).askSomethingElse})},V=({title:e="Your expert",description:s="A question about this product?"})=>t.jsxs("div",{className:"dialog-block-header-container",children:[t.jsx("div",{className:"dialog-block-title",children:e}),t.jsx("div",{className:"dialog-block-description",children:s})]}),K=({color:e="#181825"})=>t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsxs("g",{clipPath:"url(#clip0_466_934)",children:[t.jsx("path",{d:"M5.41675 10.8333L6.07046 12.1408C6.2917 12.5832 6.40232 12.8045 6.55011 12.9962C6.68124 13.1663 6.83375 13.3188 7.00388 13.45C7.19559 13.5977 7.41684 13.7084 7.85932 13.9296L9.16675 14.5833L7.85932 15.237C7.41684 15.4583 7.19559 15.5689 7.00388 15.7167C6.83375 15.8478 6.68124 16.0003 6.55011 16.1704C6.40232 16.3622 6.2917 16.5834 6.07046 17.0259L5.41675 18.3333L4.76303 17.0259C4.54179 16.5834 4.43117 16.3622 4.28339 16.1704C4.15225 16.0003 3.99974 15.8478 3.82962 15.7167C3.6379 15.5689 3.41666 15.4583 2.97418 15.237L1.66675 14.5833L2.97418 13.9296C3.41666 13.7084 3.6379 13.5977 3.82962 13.45C3.99974 13.3188 4.15225 13.1663 4.28339 12.9962C4.43117 12.8045 4.54179 12.5832 4.76303 12.1408L5.41675 10.8333Z",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M12.5001 1.66666L13.4823 4.22034C13.7173 4.83136 13.8348 5.13688 14.0175 5.39386C14.1795 5.62162 14.3785 5.82061 14.6062 5.98256C14.8632 6.16529 15.1687 6.2828 15.7797 6.5178L18.3334 7.49999L15.7797 8.48217C15.1687 8.71718 14.8632 8.83469 14.6062 9.01742C14.3785 9.17937 14.1795 9.37836 14.0175 9.60612C13.8348 9.8631 13.7173 10.1686 13.4823 10.7796L12.5001 13.3333L11.5179 10.7796C11.2829 10.1686 11.1654 9.8631 10.9827 9.60612C10.8207 9.37836 10.6217 9.17937 10.3939 9.01742C10.137 8.83469 9.83145 8.71718 9.22043 8.48217L6.66675 7.49999L9.22043 6.5178C9.83145 6.28279 10.137 6.16529 10.3939 5.98256C10.6217 5.82061 10.8207 5.62162 10.9827 5.39386C11.1654 5.13688 11.2829 4.83136 11.5179 4.22034L12.5001 1.66666Z",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_466_934",children:t.jsx("rect",{width:"20",height:"20",fill:"white"})})})]}),j=({client:e,questions:s,productId:r,productTitle:o,selectedVariantId:a})=>{const c=i=>{e.sendProductMessage({productId:r,productTitle:o,selectedVariantId:a,question:i,fromQuestionSuggestion:!0})};return t.jsx(t.Fragment,{children:s.map(i=>t.jsxs("button",{className:"dialog-block-suggestions-item",onClick:()=>c(i.question),children:[t.jsx(K,{color:e.theme.primaryColor}),t.jsx("span",{className:"dialog-block-suggestions-item-label",children:i.question})]},i.question))})},U=()=>t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"dialog-block-suggestions-skeleton-item"}),t.jsx("div",{className:"dialog-block-suggestions-skeleton-item"}),t.jsx("div",{className:"dialog-block-suggestions-skeleton-item"})]}),Q=({client:e,questions:s,isLoading:r,productId:o,productTitle:a,selectedVariantId:c})=>t.jsx("div",{className:"dialog-block-suggestions-container",children:r||!s?t.jsx(U,{}):t.jsx(j,{client:e,questions:s,productId:o,productTitle:a,selectedVariantId:c})}),W=({color:e="#ffffff"})=>t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),P=({client:e,productId:s,productTitle:r,selectedVariantId:o})=>{const a=d.useRef(null),[c,i]=d.useState(""),n=E(e.locale),l=()=>{var u;(u=a.current)==null||u.focus()},g=()=>{const u=c;u.trim()&&(e.sendProductMessage({productId:s,productTitle:r,selectedVariantId:o,question:u,fromQuestionSuggestion:!0}),i(""))},p=u=>{u.key==="Enter"&&g()};return t.jsxs("div",{className:"dialog-input-container",children:[t.jsxs("div",{className:"dialog-input-wrapper",onClick:l,children:[t.jsx("input",{id:"dialog-ask-anything-input-ai-input",ref:a,value:c,onChange:u=>i(u.target.value),className:"dialog-ask-anything-input-ai-input",placeholder:n.placeholder,"aria-describedby":"dialog-input-ai-disclosure",onKeyDown:p}),t.jsx("button",{id:"send-message-button-ai-input",className:"dialog-input-submit",disabled:!c.trim(),onClick:g,children:t.jsx(W,{color:e.theme.ctaTextColor})})]}),t.jsx("p",{id:"dialog-input-ai-disclosure",className:"dialog-input-ai-disclosure",children:n.aiDisclosure})]})},A=e=>e.replace(/([A-Z])/g,"-$1").toLowerCase(),Z=e=>{if(!e)return;const s=document.body;Object.keys(e).forEach(r=>{const o=r,a=A(r);if(e[o]!==void 0){if(typeof e[o]=="object"){Object.keys(e[o]).forEach(c=>{var n;const i=c;if(i!==void 0){const l=A(c),g=e[o];s.style.setProperty(`--dialog-theme-${a}-${l}`,(n=g[i])==null?void 0:n.toString())}});return}if(o==="ctaBorderType"){const c=e[o]==="rounded"?"24px":"0";s.style.setProperty(`--dialog-theme-${a}`,c);return}s.style.setProperty(`--dialog-theme-${a}`,e[o].toString())}})},X=({theme:e,children:s})=>(d.useEffect(()=>{e&&Z(e)},[e]),t.jsx(t.Fragment,{children:s})),G=2,Y=5,J=({client:e,productId:s,productTitle:r,selectedVariantId:o,enableInput:a=!1})=>{var h;const[c,i]=d.useState(!0),[n,l]=d.useState(void 0);d.useEffect(()=>{C.registerDialogInstallation({method:"react",version:"2.10.1"}),C.addAuditCapability("pdp-block")},[]);const g=d.useMemo(()=>c?"":n==null?void 0:n.assistantName,[n,c]),p=d.useMemo(()=>c?"":n==null?void 0:n.description,[n,c]),u=d.useMemo(()=>c?"":n==null?void 0:n.inputPlaceholder,[n,c]),f=d.useMemo(()=>{var v;return C.resolveTextDirection((v=e.getLocalizationInformations())==null?void 0:v.languageCode)},[e]);return d.useEffect(()=>{let v=!0;return(async()=>{i(!0),l(void 0);try{const N=await e.getSuggestions(s,{limit:Y});v&&l(N)}catch(N){console.error("error",N)}finally{v&&i(!1)}})(),()=>{v=!1}},[e,s]),t.jsx(X,{theme:e.theme,children:t.jsxs("div",{id:"dialog-instant",className:"dialog-block-container",dir:f,children:[t.jsx(V,{title:g,description:p}),t.jsx(Q,{client:e,questions:(h=n==null?void 0:n.questions)==null?void 0:h.slice(0,G),isLoading:c,productId:s,productTitle:r,selectedVariantId:o}),a?t.jsx(P,{client:e,placeholder:u,productId:s,productTitle:r,selectedVariantId:o}):t.jsx(z,{client:e,questions:n==null?void 0:n.questions,disabled:c,productId:s,productTitle:r,selectedVariantId:o})]})})},R=()=>t.jsx("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M8 13V3M8 3L3 8M8 3L13 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),ee="M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z",se=({color:e="currentColor"})=>t.jsx("svg",{width:16,height:16,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:ee,fill:e})}),te=({controller:e,placeholder:s="Search products...",autoFocus:r=!1,submitAriaLabel:o="Search"})=>{const[a,c]=d.useState(""),i=n=>{n.preventDefault(),e.submit(a)};return t.jsxs("form",{className:"dialog-search-bar",role:"search",onSubmit:i,children:[t.jsxs("div",{className:"dialog-search-bar-field",children:[t.jsx("span",{className:"dialog-search-bar-icon",children:t.jsx(se,{})}),t.jsx("input",{type:"text",name:"dialog-search-query",className:"dialog-search-bar-input",value:a,"aria-label":s,placeholder:s,autoFocus:r,onChange:n=>{c(n.target.value),e.setQuery(n.target.value)}})]}),t.jsx("button",{type:"submit",className:"dialog-search-bar-submit","aria-label":o,children:t.jsx(R,{})})]})},oe=(e,s)=>{try{return new Intl.NumberFormat(s).format(e)}catch{return String(e)}},I={en:e=>({searching:s=>`Searching “${s}”…`,noResults:"No matching products",retry:"Retry",collectionsLabel:"Collections",productsLabel:"Products",collectionsCount:s=>s===1?"1 collection":`${e(s)} collections`,resultsCount:s=>s===1?"1 result":`${e(s)} results`,seeAllLabel:s=>s===1?"See the result":`See all ${e(s)} results`,previous:"Previous",next:"Next",pageOf:(s,r)=>`Page ${e(s)} / ${e(r)}`}),fr:e=>({searching:s=>`Recherche de « ${s} »…`,noResults:"Aucun produit correspondant",retry:"Réessayer",collectionsLabel:"Collections",productsLabel:"Produits",collectionsCount:s=>s===1?"1 collection":`${e(s)} collections`,resultsCount:s=>s===1?"1 résultat":`${e(s)} résultats`,seeAllLabel:s=>s===1?"Voir le résultat":`Voir les ${e(s)} résultats`,previous:"Précédent",next:"Suivant",pageOf:(s,r)=>`Page ${e(s)} / ${e(r)}`}),de:e=>({searching:s=>`Suche nach „${s}“…`,noResults:"Keine passenden Produkte",retry:"Erneut versuchen",collectionsLabel:"Kollektionen",productsLabel:"Produkte",collectionsCount:s=>s===1?"1 Kollektion":`${e(s)} Kollektionen`,resultsCount:s=>s===1?"1 Ergebnis":`${e(s)} Ergebnisse`,seeAllLabel:s=>s===1?"Das Ergebnis anzeigen":`Alle ${e(s)} Ergebnisse anzeigen`,previous:"Zurück",next:"Weiter",pageOf:(s,r)=>`Seite ${e(s)} / ${e(r)}`}),es:e=>({searching:s=>`Buscando «${s}»…`,noResults:"No hay productos que coincidan",retry:"Reintentar",collectionsLabel:"Colecciones",productsLabel:"Productos",collectionsCount:s=>s===1?"1 colección":`${e(s)} colecciones`,resultsCount:s=>s===1?"1 resultado":`${e(s)} resultados`,seeAllLabel:s=>s===1?"Ver el resultado":`Ver los ${e(s)} resultados`,previous:"Anterior",next:"Siguiente",pageOf:(s,r)=>`Página ${e(s)} / ${e(r)}`}),it:e=>({searching:s=>`Ricerca di “${s}”…`,noResults:"Nessun prodotto corrispondente",retry:"Riprova",collectionsLabel:"Collezioni",productsLabel:"Prodotti",collectionsCount:s=>s===1?"1 collezione":`${e(s)} collezioni`,resultsCount:s=>s===1?"1 risultato":`${e(s)} risultati`,seeAllLabel:s=>s===1?"Vedi il risultato":`Vedi tutti i ${e(s)} risultati`,previous:"Precedente",next:"Successivo",pageOf:(s,r)=>`Pagina ${e(s)} / ${e(r)}`})},x=e=>{var o;const s=((o=e==null?void 0:e.split("-")[0])==null?void 0:o.toLowerCase())??"en";return(I[s]??I.en)(a=>oe(a,e))},$=e=>e.status!==C.SearchStatus.LOADING&&e.response!==void 0&&e.response.nbPages>1,D=({controller:e,state:s,locale:r})=>{const o=s.response;if(o===void 0||!$(s))return null;const a=x(r);return t.jsxs("nav",{"aria-label":"Search results pages",className:"dialog-search-pagination",children:[t.jsx("button",{type:"button",disabled:o.page===0,onClick:()=>e.setPage(o.page-1),children:a.previous}),t.jsx("span",{children:a.pageOf(o.page+1,o.nbPages)}),t.jsx("button",{type:"button",disabled:o.page>=o.nbPages-1,onClick:()=>e.setPage(o.page+1),children:a.next})]})},M=e=>e.normalize("NFD").replace(new RegExp("\\p{M}","gu"),"").replace(/ẞ/gu,"ß").toUpperCase().toLowerCase().replace(/ς/g,"σ"),re=(e,s)=>{const r={before:"",match:e,after:""},o=M(s.trim());if(o==="")return r;const a=[...e],c=[];let i="";a.forEach((p,u)=>{const f=M(p);for(let h=0;h<f.length;h+=1)c.push(u);i+=f});const n=i.indexOf(o);if(n===-1)return r;const l=c[n],g=c[n+o.length-1]+1;return{before:a.slice(0,l).join(""),match:a.slice(l,g).join(""),after:a.slice(g).join("")}},T=({title:e,query:s})=>{const{before:r,match:o,after:a}=re(e,s);return t.jsxs(t.Fragment,{children:[r!==""&&t.jsx("span",{className:"dialog-search-muted",children:r}),t.jsx("span",{className:"dialog-search-match",children:o}),a!==""&&t.jsx("span",{className:"dialog-search-muted",children:a})]})},ae=e=>e.product_image||e.image||void 0,O=e=>{if(!(e===void 0||e===""))try{const{protocol:s}=new URL(e,window.location.href);return s==="http:"||s==="https:"?e:void 0}catch{return}},ne=e=>O(e.url),_=e=>e.title??e.handle??e.objectID,q=({controller:e,hit:s,index:r,locale:o,query:a=""})=>{const c=d.useRef(null);d.useEffect(()=>{c.current!==null&&e.observeResult(c.current,r)},[e,s,r]);const i=h=>{const v=h.metaKey||h.ctrlKey||h.shiftKey||h.altKey;e.selectResult(r,{navigate:!v})&&h.preventDefault()},n=h=>{h.button===1&&e.selectResult(r,{navigate:!1})},l=C.formatSearchPrice(s,o),g=C.formatSearchCompareAtPrice(s,o),p=O(e.productUrl(s)),u=ae(s),f=t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"dialog-search-product-thumb","aria-hidden":!0,children:u!==void 0&&t.jsx("img",{src:u,alt:"",loading:"lazy"})}),t.jsx("span",{className:"dialog-search-product-title",children:t.jsx(T,{title:_(s),query:a})}),l!==""&&t.jsxs("span",{className:"dialog-search-product-price",children:[g!==""&&t.jsx("s",{className:"dialog-search-product-compare-at",children:g}),l]})]});return t.jsx("li",{ref:c,className:"dialog-search-card",children:p===void 0?t.jsx("div",{className:"dialog-search-product",children:f}):t.jsx("a",{className:"dialog-search-product",href:p,onClick:i,onAuxClick:n,children:f})})},ce=()=>t.jsx("svg",{width:16,height:16,viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"})}),le=()=>t.jsx("svg",{width:12,height:12,viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"})}),H=e=>(e??[]).flatMap(s=>{const r=ne(s);return r===void 0?[]:[{collection:s,href:r}]}),ie=({collections:e,query:s,messages:r})=>{const o=H(e);return o.length===0?null:t.jsxs("aside",{className:"dialog-search-collections",children:[t.jsxs("div",{className:"dialog-search-section-head",children:[t.jsx("p",{className:"dialog-search-label",children:r.collectionsLabel}),t.jsx("span",{className:"dialog-search-count",children:r.collectionsCount(o.length)})]}),t.jsx("ul",{className:"dialog-search-collection-list",children:o.map(({collection:a,href:c})=>t.jsx("li",{children:t.jsxs("a",{className:"dialog-search-collection",href:c,children:[t.jsx("span",{className:"dialog-search-collection-thumb","aria-hidden":!0,children:a.image?t.jsx("img",{src:a.image,alt:"",loading:"lazy"}):null}),t.jsx("span",{className:"dialog-search-collection-title",children:t.jsx(T,{title:_(a),query:s})}),t.jsx("span",{className:"dialog-search-caret",children:t.jsx(le,{})})]})},a.objectID))})]})},de=({controller:e,response:s,locale:r,messages:o})=>t.jsxs("section",{className:"dialog-search-products",children:[t.jsx("div",{className:"dialog-search-section-head",children:t.jsxs("p",{className:"dialog-search-label",children:[o.productsLabel,s.nbHits>0&&t.jsx("span",{className:"dialog-search-label-count",children:` · ${o.resultsCount(s.nbHits)}`})]})}),t.jsx("ul",{className:"dialog-search-results",children:s.hits.length===0?t.jsx("li",{className:"dialog-search-empty",role:"status",children:o.noResults}):s.hits.map((a,c)=>t.jsx(q,{controller:e,hit:a,index:c,locale:r,query:s.query},a.objectID))})]}),y=8,S=16,ue=200,he=1440,ge=(e,s)=>e.bottom>0&&e.top<s,pe=(e,s)=>{const r=Math.min(he,s-2*S),o=e.left+e.width/2-r/2;return{left:Math.min(Math.max(o,S),s-S-r),width:r}},fe=(e,s,r)=>{const o=r-e.bottom-y-S,a=e.top-y-S,c=pe(e,s);return o<ue&&a>o?{...c,bottom:r-e.top+y,maxHeight:Math.max(a,0)}:{...c,top:e.bottom+y,maxHeight:Math.max(o,0)}},be=e=>{const s=e.trim().replace(/^#/,"");if(!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(s))return;const r=s.length<=4?[...s].map(o=>o+o).join(""):s;return[0,2,4].map(o=>Number.parseInt(r.slice(o,o+2),16))},Ce=e=>{const s=/^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(e);if(s!==null)return[s[1],s[2],s[3]].map(Number)},ve=e=>{if(typeof document>"u")return;const s=document.createElement("span");if(s.style.color=e,s.style.color==="")return;document.body.appendChild(s);const r=Ce(getComputedStyle(s).color);return s.remove(),r},Se=e=>be(e)??ve(e),ye=e=>{const s=e/255;return s<=.03928?s/12.92:((s+.055)/1.055)**2.4},B=e=>{const s=Se(e);if(s===void 0)return;const[r,o,a]=s.map(ye);return .2126*r+.7152*o+.0722*a},me="#181825",we="#ffffff",Le="straight",w=.5,L={light:{panel:"#ffffff",side:"#fafbfc",text:"#111827","text-sec":"#6b7280",border:"#eceef2",hover:"#eef2f7",thumb:"#eef1f5"},dark:{panel:"#15171c",side:"#1b1e25",text:"#f3f4f6","text-sec":"#9ca3af",border:"#2b2f38",hover:"#242830",thumb:"#2b2f38"}},Ne={rectangle:{"r-panel":"4px","r-item":"4px","r-thumb":"2px","r-btn":"4px"},"rectangle-rounded":{"r-panel":"16px","r-item":"10px","r-thumb":"8px","r-btn":"10px"}},m=e=>e===void 0||e.trim()===""?void 0:e.trim(),ke=e=>{const s=e===void 0?void 0:B(e);return s===void 0?"light":s<w?"dark":"light"},Ee=(e,s)=>{const r=B(e);return r===void 0?L[s].text:(s==="light"?r<w:r>=w)?e:L[s].text},Pe=e=>{const s=ke(m(e==null?void 0:e.backgroundColor)),r=(e==null?void 0:e.ctaBorderType)===Le?"rectangle":"rectangle-rounded",o=m(e==null?void 0:e.primaryColor)??me,a=m(e==null?void 0:e.fontFamily),c={...L[s],...Ne[r],primary:o,accent:Ee(o,s),"cta-text":m(e==null?void 0:e.ctaTextColor)??we,...a===void 0?{}:{font:a}};return Object.fromEntries(Object.entries(c).map(([i,n])=>[`--dso-${i}`,n]))},Ae=e=>{const s=d.useRef(null),[r,o]=d.useState(void 0),[a,c]=d.useState({width:0,height:0});return d.useLayoutEffect(()=>{if(!e)return;const i=()=>{const n=s.current;if(n===null)return;const l=n.previousElementSibling??n,{top:g,bottom:p,left:u,width:f}=l.getBoundingClientRect();c(h=>h.width===window.innerWidth&&h.height===window.innerHeight?h:{width:window.innerWidth,height:window.innerHeight}),o(h=>h!==void 0&&h.top===g&&h.bottom===p&&h.left===u&&h.width===f?h:{top:g,bottom:p,left:u,width:f})};return i(),window.addEventListener("scroll",i,!0),window.addEventListener("resize",i),()=>{window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i)}},[e]),{anchorRef:s,rect:r,viewport:a}},Ie=(e,s)=>{const[r,o]=d.useState(!1),a=d.useRef(null),c=e.status!==C.SearchStatus.IDLE&&!r;return d.useEffect(()=>{o(!1)},[e.query]),d.useEffect(()=>{if(!c)return;const i=n=>{var f,h;const l=n.target;if(!(l instanceof Node))return;const g=(f=s.current)==null?void 0:f.previousElementSibling,p=((h=a.current)==null?void 0:h.contains(l))??!1,u=(g==null?void 0:g.contains(l))??!1;!p&&!u&&o(!0)};return document.addEventListener("pointerdown",i),()=>document.removeEventListener("pointerdown",i)},[c,s]),d.useEffect(()=>{var l;const i=(l=s.current)==null?void 0:l.previousElementSibling;if(i==null)return;const n=()=>o(!1);return i.addEventListener("focusin",n),()=>i.removeEventListener("focusin",n)},[s]),{isOpen:c,panelRef:a}},xe=e=>e instanceof C.DialogSearchError?`Search failed (${e.status}${e.code?` ${e.code}`:""}): ${e.message}`:"Search failed: network error. Check your connection and try again.",$e=(e,s)=>{var f,h;const{controller:r,state:o,locale:a,seeAllHref:c}=e,{status:i,response:n}=o;if(i===C.SearchStatus.ERROR)return t.jsxs("div",{className:"dialog-search-error",children:[t.jsx("p",{role:"alert",className:"dialog-search-status dialog-search-status-error",children:xe(o.error)}),t.jsx("button",{type:"button",className:"dialog-search-retry",onClick:()=>r.retry(),children:s.retry})]});if(n===void 0)return t.jsx("p",{role:"status",className:"dialog-search-status",children:s.searching(o.query)});const l=((h=(f=o.sections)==null?void 0:f.collections)==null?void 0:h.hits)??[],g=H(l).length>0,p=c!==void 0&&n.nbHits>0,u=!p&&$(o);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:`dialog-search-body${g?"":" dialog-search-body--no-collections"}`,children:[t.jsx(ie,{collections:l,query:n.query,messages:s}),t.jsx(de,{controller:r,response:n,locale:a,messages:s})]}),(p||u)&&t.jsx("div",{className:"dialog-search-footer",children:p?t.jsxs("a",{className:"dialog-search-cta",href:c(n.query),children:[s.seeAllLabel(n.nbHits),t.jsx(ce,{})]}):t.jsx(D,{controller:r,state:o,locale:a})})]})},De=e=>{const{state:s,locale:r,theme:o,layout:a="list"}=e,c=s.status!==C.SearchStatus.IDLE,{anchorRef:i,rect:n,viewport:l}=Ae(c),{isOpen:g,panelRef:p}=Ie(s,i),u=x(r),f=d.useMemo(()=>Pe(o),[o]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:i}),g&&n!==void 0&&ge(n,l.height)&&F.createPortal(t.jsx("div",{ref:p,className:`dialog-search-panel dialog-search-panel--${a}`,style:{...fe(n,l.width,l.height),...f},children:$e(e,u)}),document.body)]})},Me={status:C.SearchStatus.IDLE,query:"",page:0},Te=e=>{const s=d.useRef(e);s.current=e;const r=d.useRef(void 0),o=d.useCallback(()=>{if(r.current===void 0){const{client:l,surface:g="search_page",...p}=s.current;r.current=C.createSearchController({search:(u,f)=>l.search(u,f),analytics:{surface:g,trackViewSearchResults:u=>l.trackViewSearchResults(u),trackSelectSearchResult:u=>l.trackSelectSearchResult(u)},...p})}return r.current},[]),a=d.useRef(void 0);a.current??(a.current={setQuery:l=>o().setQuery(l),submit:l=>o().submit(l),setPage:l=>o().setPage(l),retry:()=>o().retry(),observeResult:(l,g)=>o().observeResult(l,g),selectResult:(l,g)=>o().selectResult(l,g),productUrl:l=>o().productUrl(l),subscribe:l=>o().subscribe(l),getState:()=>o().getState(),dispose:()=>{var l;(l=r.current)==null||l.dispose(),r.current=void 0}}),d.useEffect(()=>{C.registerDialogInstallation({method:"react",version:"2.10.1"});const l=o();return()=>{l.dispose(),r.current===l&&(r.current=void 0)}},[o]);const c=d.useCallback(l=>o().subscribe(l),[o]),i=d.useCallback(()=>o().getState(),[o]),n=d.useSyncExternalStore(c,i,()=>Me);return{controller:a.current,state:n,theme:e.client.theme}};b.DialogInput=P,b.DialogProductBlock=J,b.DialogSearchBar=te,b.DialogSearchPagination=D,b.DialogSearchProductCard=q,b.DialogSearchResults=De,b.useDialogSearch=Te,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askdialog/dialog-react",
-  "version": "2.9.0",
+  "version": "2.10.1",
   "private": false,
   "type": "module",
   "main": "./dist/dialog-react.umd.js",
@@ -26,7 +26,7 @@
   "devDependencies": {
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "@askdialog/dialog-sdk": "2.16.0"
+    "@askdialog/dialog-sdk": "2.18.0"
   },
   "author": "Dialog",
   "publishConfig": {