@faststore/core 2.0.78-alpha.0 → 2.0.80-alpha.0

package/.turbo/turbo-build.log

@@ -41,7 +41,7 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-9746772201fe3ac1.js        23.9 kB
   ├ chunks/pages/_app-9cc7312632f19e94.js  28.9 kB
-  ├ chunks/webpack-499a79772d3ef1c5.js     2.22 kB
+  ├ chunks/webpack-8649a0a6a4495828.js     2.21 kB
   └ css/14ebc84fc6d6c80c.css               19.9 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.80-alpha.0](https://github.com/vtex/faststore/compare/v2.0.79-alpha.0...v2.0.80-alpha.0) (2023-03-15)
+
+### Bug Fixes
+
+- forwardRef errors ([#1671](https://github.com/vtex/faststore/issues/1671)) ([945c5da](https://github.com/vtex/faststore/commit/945c5dabf21b7ee87c1e9197a1115b9b1eafb9c0))
+
+## 2.0.79-alpha.0 (2023-03-15)
+
+### Bug Fixes
+
+- husky pre-commit script + Lint-stage ([#1669](https://github.com/vtex/faststore/issues/1669)) ([5a3f3c8](https://github.com/vtex/faststore/commit/5a3f3c85ddc6b76377290a930cd70ed37735d8e8))
+- Puts cart-sidebar test id in the right place ([#1670](https://github.com/vtex/faststore/issues/1670)) ([0001070](https://github.com/vtex/faststore/commit/0001070617546c8f423550c0f4bf26e9a640b804))
+
 ## [2.0.78-alpha.0](https://github.com/vtex/faststore/compare/v2.0.77-alpha.0...v2.0.78-alpha.0) (2023-03-15)
 
 **Note:** Version bump only for package @faststore/core

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.0.78-alpha.0",
+  "version": "2.0.80-alpha.0",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "scripts": {
@@ -15,7 +15,7 @@
     "lint": "next lint",
     "stylelint": "stylelint \"**/*.scss\"",
     "stylelint:fix": "stylelint \"**/*.scss\" --fix",
-    "postinstall": "node postinstall.js && (is-ci || husky install) || echo Skipped postinstall step for @faststore/core",
+    "postinstall": "node postinstall.js && (is-ci || (cd ../.. && husky install packages/core/.husky)) || echo Skipped postinstall step for @faststore/core",
     "partytown": "partytown copylib ./public/~partytown",
     "storybook": "start-storybook --docs -p 6006",
     "build-storybook": "build-storybook"
@@ -30,10 +30,10 @@
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
     "@faststore/api": "^2.0.3-alpha.0",
-    "@faststore/components": "^2.0.78-alpha.0",
+    "@faststore/components": "^2.0.80-alpha.0",
     "@faststore/graphql-utils": "^2.0.3-alpha.0",
     "@faststore/sdk": "^2.0.3-alpha.0",
-    "@faststore/ui": "^2.0.75-alpha.0",
+    "@faststore/ui": "^2.0.79-alpha.0",
     "@types/react": "^18.0.14",
     "@vtex/client-cms": "^0.2.12",
     "autoprefixer": "^10.4.0",
@@ -107,5 +107,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "f72396792ad4f91aacd757071734e514eb49ae68"
+  "gitHead": "f34f2ebca04e5c97d12a33ba41bcd7dac7105756"
 }

package/src/components/cart/CartSidebar/CartSidebar.tsx

@@ -71,12 +71,9 @@ function CartSidebar() {
       direction="rightSide"
       className={styles.fsCartSidebar}
       onTransitionEnd={() => fade === 'out' && closeCart()}
+      data-testid="cart-sidebar"
     >
-      <UISlideOverHeader
-        closeBtnProps={closeBtnProps}
-        onClose={fadeOut}
-        data-testid="cart-sidebar"
-      >
+      <UISlideOverHeader closeBtnProps={closeBtnProps} onClose={fadeOut}>
         <div data-fs-cart-sidebar-title>
           <p data-fs-cart-sidebar-title-text className="text__lead">
             Your Cart

package/src/components/search/SearchTop/SearchTop.tsx

@@ -2,12 +2,11 @@ import {
   SearchTop as UISearchTop,
   SearchTopTerm as UISearchTopTerm,
 } from '@faststore/ui'
-import { forwardRef } from 'react'
 import type { HTMLAttributes } from 'react'
 
+import type { StoreSuggestionTerm } from '@generated/graphql'
 import useSearchInput, { formatSearchPath } from 'src/sdk/search/useSearchInput'
 import useTopSearch from 'src/sdk/search/useTopSearch'
-import type { StoreSuggestionTerm } from '@generated/graphql'
 
 export interface SearchTopProps extends HTMLAttributes<HTMLDivElement> {
   /**
@@ -16,35 +15,33 @@ export interface SearchTopProps extends HTMLAttributes<HTMLDivElement> {
   topTerms?: StoreSuggestionTerm[]
 }
 
-const SearchTop = forwardRef<HTMLDivElement, SearchTopProps>(
-  function SearchTop({ topTerms, ...otherProps }) {
-    const { onSearchInputSelection } = useSearchInput()
-    const { terms, isLoading } = useTopSearch(topTerms)
-
-    if (terms.length === 0) {
-      return null
-    }
+function SearchTop({ topTerms, ...otherProps }: SearchTopProps) {
+  const { onSearchInputSelection } = useSearchInput()
+  const { terms, isLoading } = useTopSearch(topTerms)
 
-    return (
-      <UISearchTop title="Top Search" isLoading={isLoading} {...otherProps}>
-        {terms.map((term, index) => (
-          <UISearchTopTerm
-            key={index}
-            value={term.value}
-            index={index}
-            linkProps={{
-              href: formatSearchPath(term.value),
-              onClick: () =>
-                onSearchInputSelection?.(
-                  term.value,
-                  formatSearchPath(term.value)
-                ),
-            }}
-          />
-        ))}
-      </UISearchTop>
-    )
+  if (terms.length === 0) {
+    return null
   }
-)
+
+  return (
+    <UISearchTop title="Top Search" isLoading={isLoading} {...otherProps}>
+      {terms.map((term, index) => (
+        <UISearchTopTerm
+          key={index}
+          value={term.value}
+          index={index}
+          linkProps={{
+            href: formatSearchPath(term.value),
+            onClick: () =>
+              onSearchInputSelection?.(
+                term.value,
+                formatSearchPath(term.value)
+              ),
+          }}
+        />
+      ))}
+    </UISearchTop>
+  )
+}
 
 export default SearchTop

package/.next/static/chunks/909.ea3532bde0943808.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[909],{7549:function(e,t,r){var n=r(2784),a=r(2691);const o=(0,n.forwardRef)((function({value:e,as:t="span",variant:r="selling",testId:o="fs-price",formatter:c=(e=>e),SRText:i,...s},l){const u=c(e,r);return n.createElement(t,{ref:l,"data-fs-price":!0,"data-fs-price-variant":r,"data-testid":o,...s},i&&n.createElement(a.Z,{text:i}),u)}));t.Z=o},3909:function(e,t,r){r.r(t),r.d(t,{default:function(){return re}});var n=r(9499),a=r(4730),o=r(2784),c=r(1329);var i=({testId:e="fs-search-auto-complete",children:t,...r})=>o.createElement("section",{"data-testid":e,"data-fs-search-auto-complete":!0,...r},o.createElement(c.Z,{as:"ol"},t));var s=()=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"16",width:24,height:24},o.createElement("rect",{width:"256",height:"256",fill:"none"}),o.createElement("circle",{cx:"116",cy:"116",r:"84",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),o.createElement("line",{x1:"175.4",y1:"175.4",x2:"224",y2:"224",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),l=r(7865),u=r(5045);var p=({testId:e="fs-search-auto-complete-term",suggestion:t,term:r,linkProps:n,icon:a})=>{const c=a||o.createElement(s,null),i=t.toLowerCase().split(r.toLowerCase());return o.createElement("li",{"data-fs-search-auto-complete-item":!0,"data-testid":e},o.createElement(l.Z,{...n,"data-fs-search-auto-complete-item-link":!0,variant:"display"},c&&o.createElement(u.Z,{component:c,"data-fs-search-auto-complete-item-icon":!0}),o.createElement("p",null,i.map(((e,n)=>o.createElement(o.Fragment,{key:[e,n].join()},e.length>0&&o.createElement("strong",{"data-fs-search-auto-complete-item-suggestion":!0},0===n?e.charAt(0).toUpperCase()+e.slice(1):e),n!==i.length-1&&function(e,t,r){return 0===e?t.split("").map(((e,t)=>0===t&&0===r.indexOf(e.toUpperCase())?e.toUpperCase():e.toLowerCase())).join(""):t.toLowerCase()}(n,r,t)))))))};var d=({testId:e="fs-search-products",title:t="Suggested Products",children:r,...n})=>o.createElement("section",{"data-testid":e,"data-fs-search-products":!0,...n},o.createElement("header",{"data-fs-search-products-header":!0},o.createElement("p",{"data-fs-search-products-title":!0},t)),o.createElement(c.Z,{as:"ol"},r));var f=(0,o.forwardRef)((function({testId:e="fs-search-product-item",linkProps:t,children:r}){return o.createElement("li",{"data-fs-search-product-item":!0,"data-testid":e},o.createElement(l.Z,{...t,"data-fs-search-product-item-link":!0,variant:"display"},r))}));var h=(0,o.forwardRef)((function({testId:e="fs-search-product-item-image",children:t,...r},n){return o.createElement("div",{ref:n,"data-fs-search-product-item-image":!0,"data-testid":e,...r},t)})),m=r(7549);var v=(0,o.forwardRef)((function({price:e,title:t,...r},n){return o.createElement("section",{ref:n,"data-fs-search-product-item-content":!0,...r},o.createElement("p",{"data-fs-search-product-item-title":!0},t),o.createElement("span",{"data-fs-search-product-item-prices":!0},o.createElement(m.Z,{value:e?.listPrice?e.listPrice:0,formatter:e?.formatter,testId:"list-price","data-value":e?.listPrice,variant:"listing",SRText:"Original price:"}),o.createElement(m.Z,{value:e?.value?e.value:0,formatter:e?.formatter,testId:"price","data-value":e?.value,variant:"spot",SRText:"Price:"})))})),O=r(2154),g=r(5346),y=r(9854),b=r(3588),j=r(2322),P=["product","index"],w=["href","onClick"];function k(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(e){var{product:t,index:r}=e,n=(0,a.Z)(e,P),{onSearchInputSelection:o}=(0,b.ZP)(),c=(0,y.w)({product:t,selectedOffer:0,index:r}),{href:i,onClick:s}=c,l=(0,a.Z)(c,w),{isVariantOf:{name:u},image:[p],offers:{lowPrice:d,offers:[{listPrice:m}]}}=t,k=E({href:i,onClick:()=>{s(),null===o||void 0===o||o(u,i)}},l);return(0,j.jsxs)(f,E(E({linkProps:k},n),{},{children:[(0,j.jsx)(h,{children:(0,j.jsx)(O.E,{src:p.url,alt:p.alternateName,width:56,height:56})}),(0,j.jsx)(v,{title:u,price:{value:d,listPrice:m,formatter:g.P}})]}))},S=r(1393),Z=r.n(S),D=["testId","term","terms","products"];function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I=function(e){var{testId:t="suggestions",term:r="",terms:n=[],products:o=[]}=e,c=(0,a.Z)(e,D),{onSearchInputSelection:s}=(0,b.ZP)();return(0,j.jsxs)("section",L(L({"data-testid":t,"data-fs-search":!0,className:Z().fsSearch},c),{},{children:[n.length>0&&(0,j.jsx)(i,{"data-fs-search-section":!0,children:null===n||void 0===n?void 0:n.map((e=>{var{value:t}=e;return(0,j.jsx)(p,{term:r,suggestion:t,linkProps:{href:(0,b.uc)(t),onClick:()=>null===s||void 0===s?void 0:s(t,(0,b.uc)(t))}},t)}))}),o.length>0&&(0,j.jsx)(d,{"data-fs-search-section":!0,children:o.map(((e,t)=>(0,j.jsx)(x,{product:e,index:t},e.id)))})]}))},_=r(7732),R=r(5914),W="SearchSuggestionsQuery";var F=function(e){var t,r,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5,{channel:a,locale:o}=(0,R.kP)(),{data:c,error:i}=(0,_.aM)(W,{term:e,selectedFacets:[{key:"channel",value:null!==a&&void 0!==a?a:""},{key:"locale",value:o}]});return{terms:(null!==(t=null===c||void 0===c?void 0:c.search.suggestions.terms)&&void 0!==t?t:[]).slice(0,n),products:(null!==(r=null===c||void 0===c?void 0:c.search.suggestions.products)&&void 0!==r?r:[]).slice(0,n),isLoading:!i&&!c}},T=r(4842);var N=({testId:e="fs-search-history",title:t="History",clearLabel:r="Clear History",onClear:n,children:a,...i})=>o.createElement("section",{"data-testid":e,"data-fs-search-history":!0,...i},o.createElement("header",{"data-fs-search-history-header":!0},o.createElement("p",{"data-fs-search-history-title":!0},t),o.createElement(T.Z,{variant:"tertiary",onClick:n,size:"small"},r)),o.createElement(c.Z,{as:"ol"},a));var H=()=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",strokeWidth:"16",width:24,height:24},o.createElement("rect",{width:"256",height:"256",fill:"none"}),o.createElement("line",{x1:"128",y1:"80",x2:"128",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),o.createElement("line",{x1:"169.6",y1:"152",x2:"128",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),o.createElement("polyline",{points:"184.2 99.7 224.2 99.7 224.2 59.7",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),o.createElement("path",{d:"M190.2,190.2a88,88,0,1,1,0-124.4l34,33.9",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}));var M=({testId:e="fs-search-history-term",value:t,linkProps:r,icon:n})=>{const a=n||o.createElement(H,null);return o.createElement("li",{"data-fs-search-history-item":!0,"data-testid":e},o.createElement(l.Z,{...r,"data-fs-search-history-item-link":!0,variant:"display"},a&&o.createElement(u.Z,{component:a,"data-fs-search-history-item-icon":!0}),o.createElement("span",null,t)))},z=r(5098);function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function V(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var U=e=>{var t=Object.assign({},e),{onSearchInputSelection:r}=(0,b.ZP)(),{searchHistory:n,clearSearchHistory:a}=(0,z.Z)();return n.length?(0,j.jsx)(N,V(V({title:"History",onClear:a},t),{},{children:n.map((e=>(0,j.jsx)(M,{value:e.term,linkProps:{href:e.path,onClick:()=>null===r||void 0===r?void 0:r(e.term,e.path)}},e.term)))})):null};var B=(0,o.forwardRef)((function({testId:e="fs-top-search",title:t="Top Search",loadingMessage:r="Loading...",isLoading:n,children:a,...i},s){return o.createElement("section",{ref:s,"data-testid":e,"data-fs-search-top":!0,...i},n?o.createElement("p",{"data-fs-search-top-input-loading-text":!0},r):o.createElement(o.Fragment,null,o.createElement("header",{"data-fs-search-top-header":!0},o.createElement("p",{"data-fs-search-top-title":!0},t)),o.createElement(c.Z,{as:"ol"},a)))})),G=r(44);var Q=(0,o.forwardRef)((function({testId:e="fs-top-search-term",value:t,linkProps:r,index:n}){return o.createElement("li",{"data-fs-search-top-item":!0,"data-testid":e},o.createElement(l.Z,{...r,"data-fs-search-top-item-link":!0,variant:"display"},o.createElement(G.Z,{"data-fs-search-top-item-badge":!0,variant:"info"},n+1),t))})),J="TopSearchSuggestionsQuery";var q=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5,{channel:n,locale:a}=(0,R.kP)(),{data:o,error:c}=(0,_.aM)(J,{term:"",selectedFacets:[{key:"channel",value:null!==n&&void 0!==n?n:""},{key:"locale",value:a}]});return{terms:(null!==(e=null===o||void 0===o?void 0:o.search.suggestions.terms)&&void 0!==e?e:t).slice(0,r),isLoading:!c&&!o}},K=["topTerms"];function X(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?X(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var $=(0,o.forwardRef)((function(e){var{topTerms:t}=e,r=(0,a.Z)(e,K),{onSearchInputSelection:n}=(0,b.ZP)(),{terms:o,isLoading:c}=q(t);return 0===o.length?null:(0,j.jsx)(B,Y(Y({title:"Top Search",isLoading:c},r),{},{children:o.map(((e,t)=>(0,j.jsx)(Q,{value:e.value,index:t,linkProps:{href:(0,b.uc)(e.value),onClick:()=>null===n||void 0===n?void 0:n(e.value,(0,b.uc)(e.value))}},t)))}))})),ee=["term","style"];function te(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var re=function(e){var{term:t="",style:r}=e,o=(0,a.Z)(e,ee),{terms:c,products:i,isLoading:s}=F(t);return 0!==t.length||s?s?(0,j.jsx)("p",{"data-fs-search-input-loading-text":!0,children:"Loading..."}):0===c.length&&0===i.length?null:(0,j.jsx)(I,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?te(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):te(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({term:t,terms:c,products:i},o)):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(U,{"data-fs-search-section":!0}),(0,j.jsx)($,{"data-fs-search-section":!0})]})}},2154:function(e,t,r){r.d(t,{E:function(){return y}});var n=r(9499),a=r(4730),o=r(2784),c=r(9008),i=r.n(c);var s=(e,t)=>{var r,n,a=["https://assets.vtex.app","unsafe"],o=[];t.trim&&a.push("trim"),t.manualCrop&&a.push((e=>{var{left:t,top:r,right:n,bottom:a}=e;return"".concat(t,"x").concat(r,":").concat(n,"x").concat(a)})(t.manualCrop)),t.fitIn&&a.push("fit-in"),o.push(null!==(r=t.horizontalAlign)&&void 0!==r?r:"center"),o.push(null!==(n=t.verticalAlign)&&void 0!==n?n:"middle"),t.smart&&o.push("smart");var{filters:c}=t;return c&&o.push(function(e){var t=["filters"];return Object.keys(e).forEach((r=>{var n,a=e[r];n=Array.isArray(a)?a.join(","):!0===a?"":String(a),t.push("".concat(r,"(").concat(n,")"))})),t.join(":")}(c)),o.push(encodeURIComponent(e)),(e,r)=>{var n="";return t.flipHorizontal&&(n+="-"),n+="".concat(e,"x"),t.flipVertical&&(n+="-"),n+="".concat(r),[...a,n,...o].join("/")}},l=["src","width","height","options"];function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var p=[1,2,3],d=p[p.length-1],f=e=>{var{src:t,width:r,height:c,options:i={}}=e,f=(0,a.Z)(e,l),{srcSet:h,src:m}=(0,o.useMemo)((()=>{var e=s(t,i),n=p.map((t=>{var n=r*t;return"".concat(e(n,c*t)," ").concat(n,"w")}));return{src:e(r*d,c*d),srcSet:n.join(", ")}}),[c,i,t,r]);return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({src:m,srcSet:h,width:"".concat(r,"px"),height:"".concat(c,"px")},f)},h=r(2322),m=["preload","fetchPriority"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=(0,o.forwardRef)(((e,t)=>{var{preload:r=!1,fetchPriority:n}=e,o=(0,a.Z)(e,m),c=f(o),{src:s,sizes:l="100vw",srcSet:u}=c;return(0,h.jsxs)(h.Fragment,{children:[r&&(0,h.jsx)(i(),{children:(0,h.jsx)("link",{as:"image",rel:"preload",href:s,imageSrcSet:u,imageSizes:l,fetchpriority:n})}),(0,h.jsx)("img",O(O({ref:t,"data-fs-image":!0},c),{},{alt:c.alt,fetchpriority:n}))]})}));g.displayName="Image";var y=(0,o.memo)(g)},7732:function(e,t,r){r.d(t,{WN:function(){return u},aM:function(){return p},km:function(){return l}});var n=r(29),a=r(9499),o=r(9857),c=r(180);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){(0,a.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var l=(e,t)=>"".concat(e,"::").concat(JSON.stringify(t)),u={errorRetryCount:3,refreshWhenHidden:!1,refreshWhenOffline:!1,revalidateOnFocus:!1,revalidateOnReconnect:!1,shouldRetryOnError:!0},p=(e,t,r)=>(0,o.ZP)(l(e,t),s(s({fetcher:()=>new Promise((a=>{setTimeout((0,n.Z)((function*(){a(yield(0,c.W)(e,t,r))})))}))},u),r))},5346:function(e,t,r){r.d(t,{P:function(){return c},o:function(){return o}});var n=r(2784),a=r(5914),o=function(){var{decimals:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{currency:t,locale:r}=(0,a.kP)();return(0,n.useCallback)((n=>Intl.NumberFormat(r,{style:"currency",currency:t.code,minimumFractionDigits:e?2:0}).format(n)),[t.code,r,e])},c=e=>{var t=o();return(0,n.useMemo)((()=>t(e)),[t,e])}},9854:function(e,t,r){r.d(t,{w:function(){return c}});var n=r(8460),a=r(2784),o=r(5914),c=e=>{var{index:t,product:r,selectedOffer:c}=e,{slug:i}=r,{currency:{code:s}}=(0,o.kP)(),l=(0,a.useCallback)((()=>{(0,n._)({name:"select_item",params:{items:[{item_id:r.isVariantOf.productGroupID,item_name:r.isVariantOf.name,item_brand:r.brand.name,item_variant:r.sku,index:t,price:r.offers.offers[c].price,discount:r.offers.offers[c].listPrice-r.offers.offers[c].price,currency:s,item_variant_name:r.name,product_reference_id:r.gtin}]}}),(0,n._)({name:"search_select_item",params:{url:window.location.href,items:[{item_id:r.isVariantOf.productGroupID,item_variant:r.sku,index:t}]}})}),[s,r,t,c]);return{href:"/".concat(i,"/p"),onClick:l,"data-testid":"product-link"}}}}]);