@gofynd/theme-template 3.2.32 → 3.2.33

package/dist/components/bag/bag.js

@@ -1 +1 @@
-!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("firestone",["react"],t):"object"==typeof exports?exports.firestone=t(require("react")):e.firestone=t(e.react)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={4814(e,t,r){r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgAddress(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"m10.001 5.16 4.167 3.75v6.508h-1.667v-5h-5v5H5.835V8.91zm0-2.242-8.333 7.5h2.5v6.667h5v-5h1.667v5h5v-6.667h2.5z"})))}},7962(e,t,r){r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgCall(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M5.45 4.167c.05.741.175 1.466.375 2.158l-1 1c-.342-1-.558-2.058-.633-3.158zm8.217 10.016c.708.2 1.433.325 2.166.375V15.8a12.9 12.9 0 0 1-3.166-.625zM6.25 2.5H3.333a.836.836 0 0 0-.833.833C2.5 11.158 8.842 17.5 16.667 17.5a.836.836 0 0 0 .833-.833v-2.909a.836.836 0 0 0-.833-.833 9.5 9.5 0 0 1-2.975-.475.7.7 0 0 0-.259-.042.85.85 0 0 0-.591.242l-1.834 1.833a12.62 12.62 0 0 1-5.491-5.491L7.35 7.158a.84.84 0 0 0 .208-.85 9.5 9.5 0 0 1-.475-2.975.836.836 0 0 0-.833-.833"})))}},7010(e,t,r){r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgEmail(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M18.335 4.999c0-.917-.75-1.667-1.667-1.667H3.335c-.917 0-1.667.75-1.667 1.667v10c0 .916.75 1.666 1.667 1.666h13.333c.917 0 1.667-.75 1.667-1.666zm-1.667 0-6.667 4.158-6.666-4.158zm0 10H3.335V6.665L10 10.832l6.667-4.167z"})))}},9825(e,t,r){r.d(t,{A:()=>s});var a,n,i=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const s=function SvgOrders(e){return i.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),i.createElement("mask",{id:"orders_svg__a",width:20,height:20,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},a||(a=i.createElement("path",{fill:"#D9D9D9",d:"M0 0h20v20H0z"}))),n||(n=i.createElement("g",{mask:"url(#orders_svg__a)"},i.createElement("path",{fill:"#4D4D4E",d:"M4.418 17.918q-.625 0-1.063-.437a1.45 1.45 0 0 1-.437-1.063v-9.5q0-.625.437-1.063a1.45 1.45 0 0 1 1.063-.437h1.833q0-1.562 1.094-2.657Q8.44 1.668 10 1.668q1.563 0 2.657 1.093 1.093 1.094 1.093 2.657h1.834q.624 0 1.062.437.438.438.438 1.063v9.5q0 .625-.438 1.063a1.45 1.45 0 0 1-1.062.437zm0-1.25h11.167q.082 0 .166-.083.084-.084.084-.167v-9.5q0-.083-.084-.167-.082-.083-.166-.083H4.418q-.083 0-.167.083-.083.084-.083.167v9.5q0 .084.083.167t.167.083m5.583-5.417q1.563 0 2.657-1.093 1.093-1.094 1.093-2.657h-1.25q0 1.042-.729 1.771a2.4 2.4 0 0 1-1.77.73 2.4 2.4 0 0 1-1.772-.73 2.4 2.4 0 0 1-.729-1.77h-1.25q0 1.562 1.094 2.656Q8.44 11.251 10 11.251m-2.5-5.833h5q0-1.042-.729-1.77a2.4 2.4 0 0 0-1.77-.73 2.4 2.4 0 0 0-1.772.73 2.4 2.4 0 0 0-.729 1.77"}))))}},8405(e,t,r){r.d(t,{default:()=>c});var a=r(9155),n=r.n(a),i=r(4429),s=r(266);const o=["original","30x0","44x0","66x0","50x0","75x0","60x60","90x90","100x0","130x200","135x0","270x0","360x0","500x0","400x0","540x0","720x0","312x480","resize-(w|h)?:[0-9]+(,)?(w|h)*(:)?[0-9]*"];function searchStringInArray(e,t){for(let r=0;r<t.length;r++)if(e?.match(new RegExp(`/${t[r]}/`)))return t[r];return""}const l=(0,a.forwardRef)(({backgroundColor:e="#ffffff",src:t="",placeholder:r="",alt:l="",isImageFill:c=!1,isFixedAspectRatio:_=!0,aspectRatio:d=1,mobileAspectRatio:m,showOverlay:u=!1,overlayColor:g="#ffffff",sources:p=s.Q6,customClass:f,globalConfig:h,defer:b=!0,overlayCustomClass:v,onLoad:w=()=>{}},x)=>{const[y,k]=(0,a.useState)(!1),q=h?.img_container_bg||e,E={"--aspect-ratio-desktop":`${d}`,"--aspect-ratio-mobile":`${m||d}`,...q&&"string"==typeof q&&q.trim()?{"--bg-color":`${q}`}:{},"--overlay-bgcolor":g},I=(0,a.useMemo)(()=>!t.match(/\.(svg|gif)$/i),[t]),getMedia=e=>{if(e.breakpoint){const t=e.breakpoint.min&&`(min-width: ${e.breakpoint.min}px)`||"",r=e.breakpoint.max&&`(max-width: ${e.breakpoint.max}px)`||"";return t&&r?`${t} and ${r}`:t||r}return""},getUrl=(e,a=t)=>{y&&(a=r);const n=searchStringInArray(a,o);return n?(0,i.ay)(a,n,e):(0,i.ay)(a,void 0,void 0)};return n().createElement("div",{className:`fy-image__imageWrapper___wKmP2 ${c?"fy-image__fill___rFWVY":"fy-image__contain___nRgq8"}\n      ${_?"fy-image__fixedAspRatio___fyXGS":""} ${f}`,style:E},u&&n().createElement("div",{className:`fy-image__overlay___Dx1Ju ${v}`}),n().createElement("picture",null,(I?p?.map(e=>(e.media=getMedia(e),e.srcset=getUrl(e.width,e.url),e)):[]).map((e,t)=>n().createElement("source",{key:t,media:e.media,srcSet:e.srcset,type:"image/webp"})),n().createElement("img",{className:"fx-image fy-image__fyImg___yIv86 fy-image__firefoxAltFix___hSfDR",srcSet:(()=>{let e=t;if(!I)return"";y&&(e=r);const a=searchStringInArray(e,o);return p.reduce((t,r)=>{let n=e;return a&&r?.width&&(n=(0,i.ay)(e,a,r.width),t.push(`${n} ${r.width}w`)),t},[]).join(", ")})(),src:(()=>{if(!I)return t;searchStringInArray(t,o);return y?r:(0,i.ay)(t,void 0,void 0)})(),alt:"",title:l,"aria-label":"Product image",onError:()=>{k(!0)},onLoad:e=>{e.target.alt=l,w(e)},loading:b?"lazy":"eager",fetchpriority:b?"low":"high",ref:x,"data-alt":l})))});l.propTypes={};const c=l},266(e,t,r){r.d(t,{Q6:()=>o});var a=r(9825),n=r(7962),i=r(7010),s=r(4814);a.A,n.A,i.A,s.A;const o=[{breakpoint:{min:1440},width:1920},{breakpoint:{min:1024},width:1600},{breakpoint:{min:768},width:1200},{breakpoint:{min:640},width:1e3},{breakpoint:{min:480},width:800},{breakpoint:{min:360},width:640},{breakpoint:{max:359},width:540}]},4429(e,t,r){r.d(t,{ay:()=>transformImage});r(266);const transformImage=(e,t,r)=>{let a=e;if(t&&r){const n=`/${t}/`;a=e.replace(new RegExp(n),`/resize-w:${r}/`)}try{const e=new URL(a);return e.searchParams.set("dpr",1),e.toString()}catch(e){return a}}},9155(t){t.exports=e}},r={};function __webpack_require__(e){var a=r[e];if(void 0!==a)return a.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,__webpack_require__),n.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};__webpack_require__.r(a),__webpack_require__.d(a,{BagImage:()=>BagImage,BundleBagImage:()=>BundleBagImage});var n=__webpack_require__(9155),i=__webpack_require__.n(n),s="bag__bagImg___F1kfj",o="bag__bundleCount___C799t",l="bag__bundleImg___TEyPU",c="bag__bundleImgItem___slqOT",_="bag__itemImg___tRLBP",d=__webpack_require__(8405);const isGifUrl=(e="")=>/\.gif(\?|#|$)/i.test(String(e||"")),toOriginalVariant=(e="")=>e?e.includes("/original/")?e:e.replace(/\/\d+x\d+\//,"/original/"):e;function BagImage({bag:e,isBundle:t,width:r=80,aspectRatio:a,isImageFill:n=!1}){const o=t?e?.bundle_details?.images?.[0]:e?.item?.image?.[0],l=t?e?.bundle_details?.name:e?.item?.name,c=isGifUrl(o),_=c?toOriginalVariant(o):o;return i().createElement(d.default,{customClass:s,src:_,alt:l,sources:c?[]:[{width:r}],aspectRatio:a,isImageFill:n})}function BundleBagImage({item:e,bundleGroupId:t,bundleGroupArticles:r,aspectRatio:a}){const m=(0,n.useMemo)(()=>r?.[t]||[],[t,r]),u=(0,n.useMemo)(()=>{const e=m.map(e=>e?.item?.image),t=Math.max(0,...e.map(e=>Array.isArray(e)?e.length:0)),r=[];for(let a=0;a<t&&r.length<4;a++)for(let t=0;t<e.length&&r.length<4;t++){const n=e[t]?.[a];void 0!==n&&r.push(n)}return r},[m]);return i().createElement("div",{className:`${s} ${l}`,style:{"--aspectRatio":`${a}`}},u.map((t,r)=>{const n=isGifUrl(t),s=n?toOriginalVariant(t):t;return i().createElement("div",{className:c,key:r},i().createElement(d.default,{customClass:_,src:s,alt:e?.name,sources:n?[]:[{width:80}],aspectRatio:a,isImageFill}),3===r&&m.length>4&&i().createElement("div",{className:`${o}`},"+",m.length-4))}))}return a})());
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("firestone",["react"],t):"object"==typeof exports?exports.firestone=t(require("react")):e.firestone=t(e.react)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={4814(e,t,r){r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgAddress(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"m10.001 5.16 4.167 3.75v6.508h-1.667v-5h-5v5H5.835V8.91zm0-2.242-8.333 7.5h2.5v6.667h5v-5h1.667v5h5v-6.667h2.5z"})))}},7962(e,t,r){r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgCall(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M5.45 4.167c.05.741.175 1.466.375 2.158l-1 1c-.342-1-.558-2.058-.633-3.158zm8.217 10.016c.708.2 1.433.325 2.166.375V15.8a12.9 12.9 0 0 1-3.166-.625zM6.25 2.5H3.333a.836.836 0 0 0-.833.833C2.5 11.158 8.842 17.5 16.667 17.5a.836.836 0 0 0 .833-.833v-2.909a.836.836 0 0 0-.833-.833 9.5 9.5 0 0 1-2.975-.475.7.7 0 0 0-.259-.042.85.85 0 0 0-.591.242l-1.834 1.833a12.62 12.62 0 0 1-5.491-5.491L7.35 7.158a.84.84 0 0 0 .208-.85 9.5 9.5 0 0 1-.475-2.975.836.836 0 0 0-.833-.833"})))}},7010(e,t,r){r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgEmail(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M18.335 4.999c0-.917-.75-1.667-1.667-1.667H3.335c-.917 0-1.667.75-1.667 1.667v10c0 .916.75 1.666 1.667 1.666h13.333c.917 0 1.667-.75 1.667-1.666zm-1.667 0-6.667 4.158-6.666-4.158zm0 10H3.335V6.665L10 10.832l6.667-4.167z"})))}},9825(e,t,r){r.d(t,{A:()=>o});var a,n,i=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const o=function SvgOrders(e){return i.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),i.createElement("mask",{id:"orders_svg__a",width:20,height:20,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},a||(a=i.createElement("path",{fill:"#D9D9D9",d:"M0 0h20v20H0z"}))),n||(n=i.createElement("g",{mask:"url(#orders_svg__a)"},i.createElement("path",{fill:"#4D4D4E",d:"M4.418 17.918q-.625 0-1.063-.437a1.45 1.45 0 0 1-.437-1.063v-9.5q0-.625.437-1.063a1.45 1.45 0 0 1 1.063-.437h1.833q0-1.562 1.094-2.657Q8.44 1.668 10 1.668q1.563 0 2.657 1.093 1.093 1.094 1.093 2.657h1.834q.624 0 1.062.437.438.438.438 1.063v9.5q0 .625-.438 1.063a1.45 1.45 0 0 1-1.062.437zm0-1.25h11.167q.082 0 .166-.083.084-.084.084-.167v-9.5q0-.083-.084-.167-.082-.083-.166-.083H4.418q-.083 0-.167.083-.083.084-.083.167v9.5q0 .084.083.167t.167.083m5.583-5.417q1.563 0 2.657-1.093 1.093-1.094 1.093-2.657h-1.25q0 1.042-.729 1.771a2.4 2.4 0 0 1-1.77.73 2.4 2.4 0 0 1-1.772-.73 2.4 2.4 0 0 1-.729-1.77h-1.25q0 1.562 1.094 2.656Q8.44 11.251 10 11.251m-2.5-5.833h5q0-1.042-.729-1.77a2.4 2.4 0 0 0-1.77-.73 2.4 2.4 0 0 0-1.772.73 2.4 2.4 0 0 0-.729 1.77"}))))}},8405(e,t,r){r.d(t,{default:()=>c});var a=r(9155),n=r.n(a),i=r(4429),o=r(266);const s=["original","30x0","44x0","66x0","50x0","75x0","60x60","90x90","100x0","130x200","135x0","270x0","360x0","500x0","400x0","540x0","720x0","312x480","resize-(w|h)?:[0-9]+(,)?(w|h)*(:)?[0-9]*"];function searchStringInArray(e,t){for(let r=0;r<t.length;r++)if(e?.match(new RegExp(`/${t[r]}/`)))return t[r];return""}const l=(0,a.forwardRef)(({backgroundColor:e="#ffffff",src:t="",placeholder:r="",alt:l="",isImageFill:c=!1,isFixedAspectRatio:_=!0,aspectRatio:d=1,mobileAspectRatio:u,showOverlay:m=!1,overlayColor:g="#ffffff",sources:p=o.Q6,customClass:f,globalConfig:h,defer:v=!0,overlayCustomClass:b,onLoad:w=()=>{}},x)=>{const[y,k]=(0,a.useState)(!1),q=h?.img_container_bg||e,E={"--aspect-ratio-desktop":`${d}`,"--aspect-ratio-mobile":`${u||d}`,...q&&"string"==typeof q&&q.trim()?{"--bg-color":`${q}`}:{},"--overlay-bgcolor":g},O=(0,a.useMemo)(()=>!t.match(/\.(svg|gif)$/i),[t]),getMedia=e=>{if(e.breakpoint){const t=e.breakpoint.min&&`(min-width: ${e.breakpoint.min}px)`||"",r=e.breakpoint.max&&`(max-width: ${e.breakpoint.max}px)`||"";return t&&r?`${t} and ${r}`:t||r}return""},getUrl=(e,a=t)=>{y&&(a=r);const n=searchStringInArray(a,s);return n?(0,i.ay)(a,n,e):(0,i.ay)(a,void 0,void 0)};return n().createElement("div",{className:`fy-image__imageWrapper___wKmP2 ${c?"fy-image__fill___rFWVY":"fy-image__contain___nRgq8"}\n      ${_?"fy-image__fixedAspRatio___fyXGS":""} ${f}`,style:E},m&&n().createElement("div",{className:`fy-image__overlay___Dx1Ju ${b}`}),n().createElement("picture",null,(O?p?.map(e=>(e.media=getMedia(e),e.srcset=getUrl(e.width,e.url),e)):[]).map((e,t)=>n().createElement("source",{key:t,media:e.media,srcSet:e.srcset,type:"image/webp"})),n().createElement("img",{className:"fx-image fy-image__fyImg___yIv86 fy-image__firefoxAltFix___hSfDR",srcSet:(()=>{let e=t;if(!O)return"";y&&(e=r);const a=searchStringInArray(e,s);return p.reduce((t,r)=>{let n=e;return a&&r?.width&&(n=(0,i.ay)(e,a,r.width),t.push(`${n} ${r.width}w`)),t},[]).join(", ")})(),src:(()=>{if(!O)return t;searchStringInArray(t,s);return y?r:(0,i.ay)(t,void 0,void 0)})(),alt:"",title:l,"aria-label":"Product image",onError:()=>{k(!0)},onLoad:e=>{e.target.alt=l,w(e)},loading:v?"lazy":"eager",fetchpriority:v?"low":"high",ref:x,"data-alt":l})))});l.propTypes={};const c=l},266(e,t,r){r.d(t,{Q6:()=>l,Zi:()=>s});var a=r(9825),n=r(7962),i=r(7010),o=r(4814);a.A,n.A,i.A,o.A;const s={MAX_DPR:2.5},l=[{breakpoint:{min:1440},width:1920},{breakpoint:{min:1024},width:1600},{breakpoint:{min:768},width:1200},{breakpoint:{min:640},width:1e3},{breakpoint:{min:480},width:800},{breakpoint:{min:360},width:640},{breakpoint:{max:359},width:540}]},4429(e,t,r){r.d(t,{ay:()=>transformImage});var a=r(266);function isRunningOnClient(){return"undefined"!=typeof window&&globalThis===window}const transformImage=(e,t,r)=>{const n=isRunningOnClient()&&window.devicePixelRatio||1,i=Math.min(Math.max(Math.round(n),1),a.Zi.MAX_DPR);let o=e;if(t&&r){const a=`/${t}/`;o=e.replace(new RegExp(a),`/resize-w:${r}/`)}try{const e=new URL(o);return e.searchParams.set("dpr",i),e.toString()}catch(e){return o}}},9155(t){t.exports=e}},r={};function __webpack_require__(e){var a=r[e];if(void 0!==a)return a.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,__webpack_require__),n.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};__webpack_require__.r(a),__webpack_require__.d(a,{BagImage:()=>BagImage,BundleBagImage:()=>BundleBagImage});var n=__webpack_require__(9155),i=__webpack_require__.n(n),o="bag__bagImg___F1kfj",s="bag__bundleCount___C799t",l="bag__bundleImg___TEyPU",c="bag__bundleImgItem___slqOT",_="bag__itemImg___tRLBP",d=__webpack_require__(8405);const isGifUrl=(e="")=>/\.gif(\?|#|$)/i.test(String(e||"")),toOriginalVariant=(e="")=>e?e.includes("/original/")?e:e.replace(/\/\d+x\d+\//,"/original/"):e;function BagImage({bag:e,isBundle:t,width:r=80,aspectRatio:a,isImageFill:n=!1}){const s=t?e?.bundle_details?.images?.[0]:e?.item?.image?.[0],l=t?e?.bundle_details?.name:e?.item?.name,c=isGifUrl(s),_=c?toOriginalVariant(s):s;return i().createElement(d.default,{customClass:o,src:_,alt:l,sources:c?[]:[{width:r}],aspectRatio:a,isImageFill:n})}function BundleBagImage({item:e,bundleGroupId:t,bundleGroupArticles:r,aspectRatio:a}){const u=(0,n.useMemo)(()=>r?.[t]||[],[t,r]),m=(0,n.useMemo)(()=>{const e=u.map(e=>e?.item?.image),t=Math.max(0,...e.map(e=>Array.isArray(e)?e.length:0)),r=[];for(let a=0;a<t&&r.length<4;a++)for(let t=0;t<e.length&&r.length<4;t++){const n=e[t]?.[a];void 0!==n&&r.push(n)}return r},[u]);return i().createElement("div",{className:`${o} ${l}`,style:{"--aspectRatio":`${a}`}},m.map((t,r)=>{const n=isGifUrl(t),o=n?toOriginalVariant(t):t;return i().createElement("div",{className:c,key:r},i().createElement(d.default,{customClass:_,src:o,alt:e?.name,sources:n?[]:[{width:80}],aspectRatio:a,isImageFill}),3===r&&u.length>4&&i().createElement("div",{className:`${s}`},"+",u.length-4))}))}return a})());