@gofynd/theme-template 3.2.9 → 3.2.11

package/dist/components/bag/bag.css

@@ -0,0 +1,433 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.bag__display-block___U_YPF {
+  display: block;
+}
+.bag__inline-block___EsCVB,
+.bag__inlineBlock___mp9L4 {
+  display: inline-block;
+}
+.bag__flex-row___H3VDQ {
+  display: flex;
+}
+.bag__flex-column___vZxz5,
+.bag__flexColumn___PMS89 {
+  display: flex;
+  flex-direction: column;
+}
+.bag__flex-align-center___T8aC5,
+.bag__flexAlignCenter___LYNna {
+  display: flex;
+  align-items: center;
+}
+.bag__flex-justify-center___jSKCp,
+.bag__flexJustifyCenter___bjZwp {
+  display: flex;
+  justify-content: center;
+}
+.bag__flex-center___O2Ft5,
+.bag__flexCenter___bzHaa {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.bag__justify-start___hUS24,
+.bag__justifyStart___MdodZ {
+  justify-content: flex-start;
+}
+.bag__justify-end___BxxBk,
+.bag__justifyEnd___izoJ2 {
+  justify-content: flex-end;
+}
+.bag__justify-between___uaJOI,
+.bag__justifyBetween___oYcC6 {
+  justify-content: space-between;
+}
+.bag__justify-around___ZUg_l,
+.bag__justifyAround___ad67N {
+  justify-content: space-around;
+}
+.bag__justify-evenly___YZ1NQ,
+.bag__justifyEvenly___QBJUu {
+  justify-content: space-evenly;
+}
+h1,
+.bag__h1___yv4sn {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 42px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h1,
+  .bag__h1___yv4sn {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.bag__h2___Nv1Up {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h2,
+  .bag__h2___Nv1Up {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.bag__h3___qasNP {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media only screen and (min-width: 769px) {
+  h3,
+  .bag__h3___qasNP {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.bag__h4___Hokuw {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 16px;
+  line-height: 1.5;
+}
+@media only screen and (min-width: 769px) {
+  h4,
+  .bag__h4___Hokuw {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.bag__h5___ESfMQ {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h5,
+  .bag__h5___ESfMQ {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.bag__b1___EZ4So {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .bag__b1___EZ4So {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.bag__b-small___tjwxK,
+.bag__bSmall___DZHZ3,
+.bag__b2___E69Dc {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .bag__b-small___tjwxK,
+  .bag__bSmall___DZHZ3,
+  .bag__b2___E69Dc {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.bag__d1___Lrxkl {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .bag__d1___Lrxkl {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.bag__caption-medium___M57y8,
+.bag__captionMedium___j4lTh {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .bag__caption-medium___M57y8,
+  .bag__captionMedium___j4lTh {
+    font-size: 11px;
+  }
+}
+.bag__caption-semi-bold___NA_Qp,
+.bag__captionSemiBold___zsquN {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .bag__caption-semi-bold___NA_Qp,
+  .bag__captionSemiBold___zsquN {
+    font-size: 11px;
+  }
+}
+.bag__btn-link___uaItG,
+.bag__btnLink___b1JQA {
+  font-weight: 500;
+  letter-spacing: -0.02em;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: var(--buttonRadius, 0px);
+  cursor: pointer;
+  color: var(--buttonLink, #b1655b);
+  text-decoration: underline;
+  background: none;
+  border: none;
+}
+@media only screen and (min-width: 769px) {
+  .bag__btn-link___uaItG,
+  .bag__btnLink___b1JQA {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.bag__btn-link___uaItG:hover,
+.bag__btnLink___b1JQA:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.bag__btn-link___uaItG:disabled,
+.bag__btnLink___b1JQA:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.bag__btn-link___uaItG:active,
+.bag__btnLink___b1JQA:active {
+  opacity: 0.8;
+}
+.bag__user-select-none___oSvos,
+.bag__userSelectNone___jEqdR {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.bag__margin-0-auto___e_rAQ,
+.bag__margin0auto___E90Pt {
+  margin: 0 auto;
+}
+.bag__base-page-container___ylIRR,
+.bag__basePageContainer___FZo_C {
+  max-width: 1440px !important;
+}
+.bag__remove-scroll___Hav2e,
+.bag__removeScroll___dGbiR {
+  overflow-y: hidden !important;
+}
+.bag__mr-5___y1uvv,
+.bag__mr5___pK91S {
+  margin-inline-end: 30px !important;
+}
+.bag__mr-2____ZqxC,
+.bag__mr2___xpjOo {
+  margin-inline-end: 5px !important;
+}
+.bag__py-5___ltsEk,
+.bag__py5___R7BsT {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.bag__view-all-text____8XpL,
+.bag__viewAllText___np2Kg {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.bag__view-all-mobile___dWe4_,
+.bag__viewAllMobile___bmkJR {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .bag__view-all-mobile___dWe4_,
+  .bag__viewAllMobile___bmkJR {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .bag__view-all-mobile___dWe4_,
+  .bag__viewAllMobile___bmkJR {
+    margin-top: 24px;
+  }
+}
+.bag__accent-btn___HbLIk,
+.bag__accentBtn___NeiAY {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.bag__no-scroll___xqcXk,
+.bag__noScroll___j6iDv {
+  overflow-y: hidden;
+}
+.bag__hide-overflow___Egp3N,
+.bag__hideOverflow___drczI {
+  overflow: hidden;
+}
+.bag__markdown-body___X7Cfk h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .bag__markdown-body___X7Cfk {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.bag__view3d-canvas___de3_F {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .bag__view-mobile-up___iRON6 {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .bag__view-mobile___IW_HG {
+    display: none !important;
+  }
+}
+.bag__bagImg___F1kfj {
+  min-width: 80px;
+  object-fit: cover;
+  border-radius: var(--buttonRadius, 0px);
+  overflow: hidden;
+}
+.bag__bagImg___F1kfj img {
+  object-fit: cover;
+}
+.bag__bundleImg___TEyPU {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  padding: 4px;
+  gap: 4px;
+  aspect-ratio: var(--aspectRatio);
+  border: 1px solid var(--dividerStokes, #d4d1d1);
+  border-radius: var(--buttonRadius, 0px);
+}
+.bag__bundleImg___TEyPU .bag__bundleImgItem___slqOT {
+  display: flex;
+  border-radius: calc(var(--buttonRadius, 0px) / 2);
+  overflow: hidden;
+  position: relative;
+}
+.bag__bundleImg___TEyPU .bag__bundleImgItem___slqOT .bag__itemImg___tRLBP {
+  display: flex;
+}
+.bag__bundleImg___TEyPU .bag__bundleImgItem___slqOT .bag__bundleCount___C799t {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #FFF;
+  background-color: #1F1F1FA3;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 140%;
+}
+
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.fy-image__imageWrapper___wKmP2 {
+  overflow: hidden;
+  position: relative;
+}
+.fy-image__imageWrapper___wKmP2 picture {
+  display: flex;
+  align-items: center;
+  background-color: var(--bg-color, transparent);
+}
+.fy-image__imageWrapper___wKmP2 .fy-image__overlay___Dx1Ju {
+  position: absolute;
+  background-color: var(--overlay-bgcolor);
+  z-index: 1;
+  opacity: 0.4;
+  height: 100%;
+  width: 100%;
+}
+.fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86 {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+@-moz-document url-prefix() {
+  .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR[alt=""] {
+    font-size: 0;
+    text-indent: -9999px;
+    color: transparent;
+    line-height: 0;
+    letter-spacing: -1000px;
+    -webkit-text-fill-color: transparent;
+    text-shadow: none;
+  }
+  .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR[alt=""]::before,
+  .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR[alt=""]::after {
+    display: none;
+    content: none;
+  }
+  .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR {
+    transition: opacity 0.2s ease-in-out;
+  }
+}
+.fy-image__imageWrapper___wKmP2.fy-image__fill___rFWVY .fy-image__fyImg___yIv86 {
+  object-fit: cover;
+}
+.fy-image__imageWrapper___wKmP2.fy-image__fixedAspRatio___fyXGS picture {
+  aspect-ratio: var(--aspect-ratio-mobile);
+}
+@media only screen and (min-width: 769px) {
+  .fy-image__imageWrapper___wKmP2.fy-image__fixedAspRatio___fyXGS picture {
+    aspect-ratio: var(--aspect-ratio-desktop);
+  }
+}
+

package/dist/components/bag/bag.js

@@ -0,0 +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)}("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:()=>s});var a=r(9155),n=r.n(a),i=r(4429);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)(((e,t)=>{let{backgroundColor:r="#ffffff",src:l="",placeholder:s="",alt:c="",isImageFill:_=!1,isFixedAspectRatio:d=!0,aspectRatio:u=1,mobileAspectRatio:m,showOverlay:g=!1,overlayColor:p="#ffffff",sources:f=[{breakpoint:{min:780},width:1280},{breakpoint:{min:600},width:1100},{breakpoint:{min:480},width:1200},{breakpoint:{min:361},width:900},{breakpoint:{max:360},width:640}],customClass:h,globalConfig:v,defer:w=!0,overlayCustomClass:b,onLoad:x=(()=>{})}=e;const[y,k]=(0,a.useState)(!1),q={"--aspect-ratio-desktop":`${u}`,"--aspect-ratio-mobile":`${m||u}`,"--bg-color":`${v?.img_container_bg||r}`,"--overlay-bgcolor":p},E=(0,a.useMemo)((()=>!l.match(/\.(svg|gif)$/i)),[l]),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=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l;y&&(t=s);const r=searchStringInArray(t,o);return r?(0,i.ay)(t,r,e):(0,i.ay)(t,void 0,void 0)};return n().createElement("div",{className:`fy-image__imageWrapper___wKmP2 ${_?"fy-image__fill___rFWVY":""}\n      ${d?"fy-image__fixedAspRatio___fyXGS":""} ${h}`,style:q},g&&n().createElement("div",{className:`fy-image__overlay___Dx1Ju ${b}`}),n().createElement("picture",null,(E?f?.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=l;if(!E)return"";y&&(e=s);const t=searchStringInArray(e,o);return f.reduce(((r,a)=>{let n=e;return t&&a?.width&&(n=(0,i.ay)(e,t,a.width),r.push(`${n} ${a.width}w`)),r}),[]).join(", ")})(),src:(()=>{if(!E)return l;searchStringInArray(l,o);return y?s:(0,i.ay)(l,void 0,void 0)})(),alt:"",title:c,"aria-label":"Product image",onError:()=>{k(!0)},onLoad:e=>{e.target.alt=c,x(e)},loading:w?"lazy":"eager",fetchpriority:w?"low":"high",ref:t,"data-alt":c})))}));l.propTypes={};const s=l},266:(e,t,r)=>{var a=r(9825),n=r(7962),i=r(7010),o=r(4814);a.A,n.A,i.A,o.A},4429:(e,t,r)=>{r.d(t,{ay:()=>transformImage});r(266);function isRunningOnClient(){return"undefined"!=typeof window&&globalThis===window}const transformImage=(e,t,r)=>{Math.min(Math.max(Math.round(isRunningOnClient()&&window.devicePixelRatio||1),1),5);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.append("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={};return(()=>{__webpack_require__.r(a),__webpack_require__.d(a,{BagImage:()=>BagImage,BundleBagImage:()=>BundleBagImage});var e=__webpack_require__(9155),t=__webpack_require__.n(e),r="bag__bagImg___F1kfj",n="bag__bundleCount___C799t",i="bag__bundleImg___TEyPU",o="bag__bundleImgItem___slqOT",l="bag__itemImg___tRLBP",s=__webpack_require__(8405);function BagImage(e){let{bag:a,isBundle:n,width:i=80,aspectRatio:o}=e;const l=n?a?.bundle_details?.images?.[0]:a?.item?.image?.[0],c=n?a?.bundle_details?.name:a?.item?.name;return t().createElement(s.default,{customClass:r,src:l,alt:c,sources:[{width:i}],aspectRatio:o,isImageFill:!0})}function BundleBagImage(a){let{item:c,bundleGroupId:_,bundleGroupArticles:d,aspectRatio:u}=a;const m=(0,e.useMemo)((()=>d?.[_]||[]),[_,d]),g=(0,e.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 t().createElement("div",{className:`${r} ${i}`,style:{"--aspectRatio":`${u}`}},g.map(((e,r)=>t().createElement("div",{className:o,key:r},t().createElement(s.default,{customClass:l,src:e,alt:c?.name,sources:[{width:80}],aspectRatio:u,isImageFill:!0}),3===r&&m.length>4&&t().createElement("div",{className:`${n}`},"+",m.length-4)))))}})(),a})()));