"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[98078],{71216:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});t(47941),t(82526),t(57327),t(38880),t(89554),t(54747),t(49337),t(33321),t(69070);var i,r=t(4942),o=t(67294),a=t(41970),c=t(12599),s=t(86706),l=t(18129),u=t(30168),p=t(71893).ZP.div(i||(i=(0,u.Z)(["\n  display: flex;\n  flex-direction: column;\n  margin-top: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),d=t(44185),h=t(49967),g=t(85893);function m(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function f(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?m(Object(t),!0).forEach((function(e){(0,r.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var b=function(n){return(0,g.jsx)(h.Z,{children:(0,g.jsx)(w,f({},n))})},w=function(n){var e=n.slug,t=n.articleName,i=n.medias,r=n.id,o=(0,s.v9)(l.Bt),u=d.G6[o],h=(0,s.v9)(l.oz);return e&&i&&0!==i.length?(0,g.jsx)(p,{id:r,children:(0,g.jsx)(a.Z,{slug:e,id:"carousel-medias-".concat(t||e),medias:i,settings:{onShowMore:function(){return location.href="".concat((0,c.Gn)(u,{product:e}),"?media=images")},loop:!1},domain:h})}):(0,g.jsx)(g.Fragment,{})};const v=(0,o.memo)(b)},41970:(n,e,t)=>{t.d(e,{Z:()=>_});var i,r,o,a,c,s,l=t(29439),u=(t(21249),t(83710),t(41539),t(39714),t(34553),t(67294)),p=t(30168),d=t(71893),h=t(38770),g=t(30305),m=t(42347),f=(0,d.ZP)(h.W)(i||(i=(0,p.Z)(["\n  padding-right: 0;\n  padding-left: 0;\n  padding-bottom: ",";\n\n  position: absolute;\n  width: 100%;\n\n  "," {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  /* Pagination */\n  .swiper-pagination-bullets-dynamic {\n    font-size: 0;\n    overflow: hidden;\n    .swiper-pagination-bullet {\n      position: relative;\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullet-active {\n      transform: scale(1);\n    }\n    .swiper-pagination-bullet-active-main {\n      transform: scale(1);\n    }\n    .swiper-pagination-bullet-active-prev {\n      transform: scale(0.66);\n    }\n    .swiper-pagination-bullet-active-prev-prev {\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullet-active-next {\n      transform: scale(0.66);\n    }\n    .swiper-pagination-bullet-active-next-next {\n      transform: scale(0.33);\n    }\n  }\n  .swiper-pagination-bullet {\n    border: "," solid ",";\n    border-radius: 50%;\n    background: ",";\n    display: inline-block;\n    height: ",";\n    width: ",";\n  }\n  button.swiper-pagination-bullet {\n    border: none;\n    box-shadow: none;\n    margin: 0;\n    padding: 0;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n  .swiper-pagination-clickable .swiper-pagination-bullet {\n    cursor: pointer;\n  }\n  .swiper-pagination-bullet:only-child {\n    display: none !important;\n  }\n  .swiper-pagination-bullet-active {\n    background: ",";\n  }\n\n  .swiper-container-horizontal > .swiper-pagination-bullets {\n    bottom: 0;\n    position: absolute;\n    text-align: center;\n    width: 100%;\n    z-index: 1;\n  }\n  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {\n    margin: 0 ",";\n  }\n  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n    left: 50%;\n    transform: translateX(-50%);\n    white-space: nowrap;\n  }\n  .swiper-container-horizontal\n    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet {\n    transition: 200ms transform, 200ms left;\n  }\n  .swiper-container-horizontal.swiper-container-rtl\n    > .swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet {\n    transition: 200ms transform, 200ms right;\n  }\n  .swiper-pagination-clickable .swiper-pagination-bullet {\n    cursor: pointer;\n  }\n"])),(function(n){return n.theme.spacing.spacing02}),g.B.tabletLandscape,(function(n){return n.theme.spacing.spacing0025}),(function(n){return n.theme.colors.black}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.colors.black}),(function(n){return n.theme.spacing.spacing005})),b=d.ZP.h2(r||(r=(0,p.Z)(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  margin-bottom: ",";\n  padding-left: ",";\n  "," {\n    font-weight: ",";\n    font-size: ",";\n    line-height: ",";\n    padding-left: ",";\n  }\n  "," {\n    padding-left: 0;\n  }\n"])),(function(n){return n.theme.typography.header.h3.weight}),(function(n){return n.theme.typography.header.h3.size}),(function(n){return n.theme.typography.header.h3.lineHeight}),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.spacing.spacing02}),g.B.tabletPortrait,(function(n){return n.theme.typography.header.h2.weight}),(function(n){return n.theme.typography.header.h2.size}),(function(n){return n.theme.typography.header.h2.lineHeight}),(function(n){return n.theme.spacing.spacing03}),g.B.tabletLandscape),w=d.ZP.div(o||(o=(0,p.Z)(["\n  .swiper-container {\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n\n    list-style: none;\n    padding: 0;\n    /* Fix of Webkit flickering */\n    z-index: ",";\n    overflow: hidden;\n  }\n\n  .swiper-wrapper {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    z-index: ",";\n    display: flex;\n    transition-property: transform;\n    box-sizing: content-box;\n  }\n  .swiper-container-android .swiper-slide,\n  .swiper-wrapper {\n    transform: translate3d(0px, 0, 0);\n  }\n  .swiper-container-multirow > .swiper-wrapper {\n    flex-wrap: wrap;\n  }\n\n  .swiper-container-pointer-events {\n    touch-action: pan-y;\n  }\n  .swiper-container-pointer-events.swiper-container-vertical {\n    touch-action: pan-x;\n  }\n  .swiper-slide {\n    flex-shrink: 0;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    transition-property: transform;\n  }\n  .swiper-slide-invisible-blank {\n    visibility: hidden;\n  }\n  /* Auto Height */\n  .swiper-container-autoheight,\n  .swiper-container-autoheight .swiper-slide {\n    height: auto;\n  }\n  .swiper-container-autoheight .swiper-wrapper {\n    align-items: flex-start;\n    transition-property: transform, height;\n  }\n\n  .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {\n    scroll-snap-type: x mandatory;\n  }\n\n  .swiper-button-prev,\n  .swiper-button-next {\n    background: ",";\n    width: ",";\n    height: ",";\n    border: 1px solid ",";\n    border-radius: 4px;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: ",";\n    display: none;\n    "," {\n      display: block;\n    }\n    &:hover {\n      cursor: pointer;\n    }\n  }\n\n  .swiper-button-prev {\n    left: 0;\n  }\n  .swiper-button-next {\n    right: 0;\n  }\n  .swiper-button-prev:after,\n  .swiper-button-next:after {\n    content: '';\n    display: inline-block;\n    border-right: 2px solid ",";\n    border-bottom: 2px solid ",";\n    width: 14px;\n    height: 14px;\n    transform: rotate(-45deg);\n    margin: 16px 13px 13px 13px;\n  }\n  .swiper-button-prev:after {\n    content: '';\n    transform: rotate(135deg);\n    margin: 16px 16px 16px 18px;\n  }\n  .swiper-button-prev.swiper-button-disabled,\n  .swiper-button-next.swiper-button-disabled {\n    opacity: 0.2;\n    &:hover {\n      cursor: auto;\n    }\n  }\n\n  /* Common Styles */\n  .swiper-pagination-fraction,\n  .swiper-pagination-custom,\n  .swiper-slide a {\n    height: 100%;\n    &:hover {\n      color: ",";\n    }\n  }\n\n  &.not-hydrated {\n    .swiper-button-next,\n    .swiper-button-prev {\n      display: none;\n    }\n    .swiper-wrapper {\n      display: flex;\n      flex-wrap: nowrap;\n    }\n\n    .swiper-slide {\n      margin-right: ",";\n      "," {\n        margin-right: 1rem;\n      }\n      "," {\n        margin-right: 1rem;\n      }\n      "," {\n        margin-right: ",";\n      }\n      &.swiper-slide-duplicate {\n        flex: 0 0 0;\n        width: 0;\n        height: 0;\n        margin: 0;\n        overflow: hidden;\n      }\n    }\n  }\n"])),(function(n){return n.theme.layout.zIndex.base}),(function(n){return n.theme.layout.zIndex.base}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.spacing.spacing06}),(function(n){return n.theme.spacing.spacing06}),(function(n){return n.theme.colors.environment.percent20}),(function(n){return n.theme.layout.zIndex.default}),g.B.tabletLandscape,(function(n){return n.theme.colors.black}),(function(n){return n.theme.colors.black}),(function(n){return n.theme.colors.black}),(function(n){return n.theme.spacing.spacing02}),g.B.tabletPortrait,g.B.tabletLandscape,g.B.desktopLarge,(function(n){return n.theme.spacing.spacing03})),v=d.ZP.div(a||(a=(0,p.Z)(["\n  position: relative;\n  height: 146px;\n"]))),y=d.ZP.h3(c||(c=(0,p.Z)([""]))),x=(0,d.ZP)(m.r)(s||(s=(0,p.Z)(["\n  margin-bottom: ",";\n"])),(function(n){return n.theme.spacing.spacing02})),Z=t(64519),k=t(24002),O=t(63845),j=t(95186),P=t(52997),E=t(30505),z=t(35392),L=t(13398),C=t(28225),D=t(12049),S=t(85893);O.Z.use([j.Z,P.Z]);const _=function(n){var e,t,i=n.id,r=n.slug,o=n.medias,a=n.title,c=void 0===a?"":a,s=n.settings,p=n.domain,d=(0,C.$G)(),h=(0,l.Z)(d,1)[0],g=(0,u.useState)(!1),m=(0,l.Z)(g,2),O=m[0],j=m[1],P=(0,u.useState)(),_=(0,l.Z)(P,2),B=_[0],A=_[1],I=(0,L.Z)(),H=I.toastToShow,W=I.setToasts,F=s.loop,M=s.navigation,R=void 0===M||M,T=s.pagination,$=void 0!==T&&T,G=(0,u.useRef)(null);return(0,u.useEffect)((function(){j(!0)}),[]),(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(y,{children:h("valoration.media_content_title")}),(0,S.jsxs)(v,{children:[(0,S.jsxs)(f,{id:i,children:[c&&(0,S.jsx)(b,{children:c}),(0,S.jsx)(w,{ref:G,className:O?"hydrated":"not-hydrated",children:(0,S.jsx)(Z.t,{pagination:!!$&&{clickable:!0},navigation:R,loop:F,slidesPerView:"auto",spaceBetween:42,watchOverflow:!0,children:o.map((function(n,e){return(0,S.jsx)(k.o,{style:{width:"auto"},children:(0,S.jsx)(E.Z,{media:n,height:128,width:128,onClick:function(n){return A(n)}})},n.idResource+e.toString()||e)}))})})]}),H,(0,S.jsx)(z.Z,{slug:r,idComment:(null===B||void 0===B||null===(e=B.owner)||void 0===e?void 0:e.id)||"0",amountYes:(null===B||void 0===B||null===(t=B.owner)||void 0===t?void 0:t.likes)||0,medias:o,defaultMediaIndex:null===o||void 0===o?void 0:o.findIndex((function(n){return n.idResource===(null===B||void 0===B?void 0:B.idResource)})),visible:!(null===B||void 0===B||!B.owner),onClose:function(){return A(void 0)},setToasts:W})]}),(0,S.jsx)(x,{onClick:function(n){n.preventDefault(),(null===s||void 0===s?void 0:s.onShowMore)&&s.onShowMore()},href:(0,D.K)(p,"".concat(r,"?media=images")),rel:"nofollow",text:h("valoration.show_all_images"),decorated:!0})]})}},22981:(n,e,t)=>{t.d(e,{GS:()=>s,EB:()=>l});var i=t(90542),r=t(67294);var o=t(29715),a={media:"",matches:!1,onchange:o.Z,addListener:o.Z,removeListener:o.Z,addEventListener:o.Z,removeEventListener:o.Z,dispatchEvent:function(n){return!0}},c=function(n){return function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=(0,r.useState)(t),c=(0,i.Z)(o,2),s=c[0],l=c[1],u=function(n){return"string"===typeof n?n.replace(/@media\s/,""):Object.entries(n).map((function(n){var e=(0,i.Z)(n,2),t=e[0],r=e[1],o=t.replace(/[A-Z]/g,(function(n){return"-".concat(n.toLowerCase())})).toLowerCase(),a=r;return"boolean"===typeof a?a?o:"not ".concat(o):("number"===typeof a&&/[height|width]$/.test(o)&&(a="".concat(a,"px")),"(".concat(o,": ").concat(a,")"))})).join(" and ")}(e);return n((function(){var n=!0,e="undefined"===typeof window?a:window.matchMedia(u),t=function(){n&&l(Boolean(e.matches))};return e.addListener(t),l(e.matches),function(){n=!1,e.removeListener(t)}}),[u]),s}},s=c(r.useEffect),l=c("undefined"!==typeof window?r.useLayoutEffect:r.useEffect)},38717:(n,e,t)=>{t.d(e,{t:()=>r});var i=t(67294),r=function(n,e,t){(0,i.useEffect)((function(){var i=function(i){t&&e.current&&!e.current.contains(i.target)&&n()};return document.addEventListener("mouseup",i),document.addEventListener("touchend",i),function(){document.removeEventListener("mouseup",i),document.removeEventListener("touchend",i)}}),[e,t,n])}},51376:(n,e,t)=>{t.d(e,{F:()=>h});var i,r,o=t(67294),a=t(82856),c=t(71893),s=t(24265),l=c.ZP.div(i||(i=(0,a.Z)(["\n  position: absolute;\n  background-color: #ffffffb8;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: ",";\n"])),(function(n){return n.theme.layout.zIndex.overlay})),u=(0,c.ZP)(s.a)(r||(r=(0,a.Z)(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: ",";\n  height: ",";\n"])),(function(n){return n.$big?"5rem":"4rem"}),(function(n){return n.$big?"5rem":"4rem"})),p=t(63742),d=t(53397),h=function(n){var e=n.big;return o.createElement(l,{"data-testid":"centeredPccomLoader"},o.createElement(u,{"data-testid":"centeredPccomLoaderSpinner",$big:e,extra:o.createElement(p.J,{big:e,icon:"pcc_icon",fill:d.n.light.colors.brand.main})}))}},65739:(n,e,t)=>{t.d(e,{u:()=>H});var i,r,o,a,c,s,l,u,p,d,h=t(96891),g=t(39780),m=t(67294),f=t(29715),b=t(38717),w=t(80092),v=t(46229),y=t(82856),x=t(91044),Z=t(71893),k=t(70370),O=Z.ZP.div(i||(i=(0,y.Z)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100%;\n  min-height: -moz-available;\n  min-height: -webkit-fill-available;\n  min-height: fill-available;\n  background-color: ",";\n  padding: ",";\n  z-index: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  @media (min-width: 500px) {\n    padding: ",";\n  }\n"])),(function(n){return"".concat(n.theme.colors.black,"3D")}),(function(n){var e=n.theme;return n.featured?"".concat(e.spacing.spacing05," 0"):"\n          ".concat(e.spacing.spacing05," ").concat(e.spacing.spacing02,";\n        ")}),(function(n){return n.theme.layout.zIndex.overlay}),(function(n){var e=n.theme;return(0,Z.iv)(r||(r=(0,y.Z)(["\n        "," ","\n      "])),e.spacing.spacing05,e.spacing.spacing02)})),j=Z.ZP.div(o||(o=(0,y.Z)(["\n  position: relative;\n  width: 100%;\n  max-height: 100%;\n  max-width: ",";\n  background-color: ",";\n  border-radius: 0.25rem;\n  box-shadow: 0 1rem 1.5rem #00000024, 0 0.375rem 2rem #0000001f;\n  overflow: hidden;\n  z-index: ",";\n  display: flex;\n  flex-direction: column;\n"])),(function(n){var e=n.customWidth;switch(n.size){case"small":return"25rem";case"medium":return"37.5rem";case"large":return"50rem";default:return null!==e&&void 0!==e?e:"37.5rem"}}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.layout.zIndex.modal})),P=Z.ZP.div(a||(a=(0,y.Z)(["\n  display: flex;\n  justify-content: space-between;\n  padding: ",";\n"])),(function(n){return n.theme.spacing.spacing03})),E=(0,Z.ZP)(x.X)(c||(c=(0,y.Z)(["\n  margin: 0;\n"]))),z=(0,Z.ZP)(k.h)(s||(s=(0,y.Z)(["\n  margin-left: ",";\n"])),(function(n){return n.theme.spacing.spacing02})),L=Z.ZP.div(l||(l=(0,y.Z)(["\n  position: relative;\n  padding: ",";\n  overflow-y: auto;\n\n  /* Firefox (it does not support custom width)*/\n  scrollbar-width: auto;\n  scrollbar-color: ","\n    ",";\n\n  /* Webkit */\n  /* total scrollbar width */\n  ::-webkit-scrollbar {\n    width: 0.75rem;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ",";\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    border: 0.125rem solid ",";\n    background: ",";\n    border-radius: 0.375rem;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ",";\n  }\n"])),(function(n){var e=n.theme;return(0,Z.iv)(u||(u=(0,y.Z)(["\n    ","\n    ","\n  "])),e.spacing.spacing03,e.spacing.spacing03)}),(function(n){return n.theme.colors.environment.percent20}),(function(n){return n.theme.colors.environment.percent05}),(function(n){return n.theme.colors.environment.percent05}),(function(n){return n.theme.colors.environment.percent05}),(function(n){return n.theme.colors.environment.percent20}),(function(n){return n.theme.colors.environment.percent40})),C=Z.ZP.div(p||(p=(0,y.Z)(["\n  display: flex;\n  flex-direction: row-reverse;\n  padding: ","\n    ",";\n  min-height: fit-content;\n\n  & > :not(:last-child) {\n    margin-left: ",";\n  }\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.spacing.spacing02})),D=Z.ZP.div(d||(d=(0,y.Z)(["\n  position: relative;\n  height: auto;\n"]))),S=t(51376),_=["actionButtons","children","closable","customWidth","featured","loading","onCancel","size","title","visible","notClosableOnClickOutside"];function B(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function A(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?B(Object(t),!0).forEach((function(e){(0,h.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var I=function(){document.body.style.overflow=""},H=function(n){var e=n.actionButtons,t=n.children,i=n.closable,r=void 0===i||i,o=n.customWidth,a=n.featured,c=void 0!==a&&a,s=n.loading,l=n.onCancel,u=n.size,p=n.title,d=n.visible,h=n.notClosableOnClickOutside,y=(0,g.Z)(n,_),x=(0,m.useRef)(null),Z=h?f.Z:l||f.Z;return(0,b.t)(Z,x,d),(0,m.useEffect)((function(){return d?document.body.style.overflow="hidden":I(),I}),[d]),d?m.createElement(O,{featured:c},m.createElement(j,A({"data-testid":"modal",customWidth:o,ref:x,size:u},(0,w.ly)(y)),m.createElement(P,null,m.createElement(E,{as:"h4"},p),r&&m.createElement(z,{ghost:!0,icon:"remove",label:"closeModal",small:!0,onClick:l})),m.createElement(L,null,m.createElement(D,null,t,s&&m.createElement(S.F,{big:!0}))),e&&e.length>0&&m.createElement(C,null,e.map((function(n,e){var t=n["aria-label"],i=n.secondary,r=n.action,o=n.disabled,a=n.loading,c=n.displayText,s=n.hidden,l=n.analyticData;return!s&&m.createElement(v.z,A({"aria-label":t,key:e,secondary:i,onClick:r,disabled:o,loading:a},l),c)}))))):null}}}]);
//# sourceMappingURL=ProductUsersMedias.js.map