"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[35369,96360],{34303:(n,e,t)=>{t.r(e),t.d(e,{default:()=>M});var r,o,i,c,a,s,l,u=t(29439),d=(t(21249),t(68309),t(28225)),p=t(91044),f=t(30168),h=t(90245),m=t(42347),v=t(71893),g=v.ZP.div(r||(r=(0,f.Z)(["\n  width: 100%;\n  margin-bottom: ",";\n  border-top: ",";\n  border-bottom: ",";\n  padding-top: ",";\n  padding-bottom: ",";\n"])),(function(n){return n.theme.spacing.spacing03}),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent20)}),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent20)}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing03})),b=(0,v.ZP)(h.b)(o||(o=(0,f.Z)(["\n  margin-bottom: ",";\n"])),(function(n){return n.theme.spacing.spacing02})),Z=(0,v.ZP)(m.r)(i||(i=(0,f.Z)(["\n  color: ",";\n  &:hover,\n  :active,\n  :visited,\n  :focus {\n    color: ",";\n    text-decoration: underline;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),w=(0,v.ZP)(m.r)(c||(c=(0,f.Z)(["\n  width: 0;\n  height: 0;\n  overflow: hidden;\n"]))),x=(t(92222),t(7730)),y=t(54882),O=v.ZP.div(a||(a=(0,f.Z)(["\n  position: relative;\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  border: ",";\n  padding: ",";\n"])),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.spacing.spacing03}),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent40)}),(function(n){return n.theme.spacing.spacing005})),P=v.ZP.div(s||(s=(0,f.Z)(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background: ",";\n  ",";\n"])),(function(n){return n.color}),(function(n){return n.disabled&&"opacity: 20%"})),j=v.ZP.div(l||(l=(0,f.Z)(["\n  position: absolute;\n  border-top: ",";\n  width: -webkit-fill-available;\n  top: 50%;\n  right: 0;\n  transform: rotate(-45deg);\n"])),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent40)})),k=t(85893);const E=function(n){var e=n.color,t=n.disabled;return(0,k.jsxs)(O,{children:[(0,k.jsx)(P,{color:e,disabled:t}),t&&(0,k.jsx)(j,{})]})};var _;!function(n){n.COLOR="color",n.TEXT="text"}(_||(_={}));t(69826);var C,D,S,A,L,H=t(67294),$={text:5,color:8},X=t(7898),R=v.ZP.div(C||(C=(0,f.Z)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ",";\n  margin: ",";\n"])),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing01," 0")})),Y=(0,v.ZP)(X.P)(D||(D=(0,f.Z)(["\n  width: 100%;\n  > span {\n    border-style: solid;\n    border-width: 2px;\n    border-color: ",";\n    &:focus {\n      box-shadow: none;\n    }\n  }\n  & > div {\n    z-index: 2;\n  }\n  &:focus {\n    box-shadow: none;\n  }\n"])),(function(n){var e=n.theme;return n.isSelected?e.colors.brand.main:e.colors.environment.percent20})),T=(v.ZP.div(S||(S=(0,f.Z)(["\n  position: relative;\n"]))),v.ZP.div(A||(A=(0,f.Z)(["\n  position: relative;\n  width: fit-content;\n  cursor: ",";\n  padding: 0.75rem;\n  border-radius: 4px;\n  border: ",";\n  &:hover,\n  :active {\n    border: ",";\n  }\n  background: ",";\n  color: ",";\n"])),(function(n){var e=n.selected;return n.clickable?e?"default":"pointer":"not-allowed"}),(function(n){var e=n.theme,t=n.selected;return"2px solid ".concat(t?e.colors.brand.main:e.colors.environment.percent20)}),(function(n){var e=n.theme,t=n.disabled,r=n.selected;return"2px solid ".concat(t?e.colors.environment.percent20:r?e.colors.brand.main:e.colors.black)}),(function(n){var e=n.disabled,t=n.theme;return e?t.colors.environment.percent05:t.colors.white}),(function(n){var e=n.theme;return n.disabled&&e.colors.environment.percent40}))),I=(0,v.ZP)(x.Z)(L||(L=(0,f.Z)(["\n  display: block;\n"])));const B=function(n){var e,t=n.variant,r=n.handleClickOption,o=n.handleHover,i=(0,d.$G)(),c=(0,u.Z)(i,1)[0],a=function(n){var e=n.handleHover,t=n.handleClickOption,r=n.variant,o=(0,H.useState)(),i=(0,u.Z)(o,2),c=i[0],a=i[1],s=(0,H.useState)(),l=(0,u.Z)(s,2),d=l[0],p=l[1],f=(0,H.useState)(!1),h=(0,u.Z)(f,2),m=h[0],v=h[1],g=(0,H.useState)(!1),b=(0,u.Z)(g,2),Z=b[0],w=b[1];(0,H.useEffect)((function(){var n=r.options.find((function(n){return n.selected}));a(n)}),[r]);var x=function(n){n.selected||(n.available&&(a(n),w(!0),n.url&&window.open(n.url,"_self")),t&&t(n))};return{loading:Z,optionSelected:c,showPopover:m,optionHovered:d,exceedMaximum:function(){var n=r.options[0].displayPattern;return r.options.length>$[n]},changeSelectOption:function(n){var e=r.options.find((function(e){return e.name===n}));a(e),e&&x(e)},selectOption:x,hoverOption:function(n){if(n.url&&!n.selected){if(n.available)return e&&e(n);v(!0),p(n)}},unHoverOption:function(){v(!1)}}}({variant:t,handleClickOption:r,handleHover:o}),s=a.optionSelected,l=a.showPopover,p=a.optionHovered,f=a.exceedMaximum,h=a.changeSelectOption,m=a.selectOption,v=a.hoverOption,g=a.unHoverOption;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(I,{typo:"body2Regular",children:[t.name,": ",(0,k.jsx)(x.Z,{typo:"body2Bold",children:null===s||void 0===s?void 0:s.name})]}),t.options.length>1&&(0,k.jsxs)(R,{children:[f()?(0,k.jsx)(Y,{isSelected:Boolean(s),options:(e=t.options,e.map((function(n){return{name:"".concat(n.name).concat(!n.available&&" ".concat(c("productDetail.variants.notAvailableOption.notAvailable"))||""),id:n.name,selected:n.selected,disabled:!n.available}}))),value:null===s||void 0===s?void 0:s.name,handleChange:h}):t.options.map((function(n){return(0,k.jsxs)(T,{"data-testid":"option-box__".concat(n.name),selected:n.name===(null===s||void 0===s?void 0:s.name),disabled:!n.available,clickable:!!n.url,onClick:function(){return m(n)},onMouseEnter:function(){return v(n)},onMouseLeave:g,children:[(null===p||void 0===p?void 0:p.name)===n.name&&(0,k.jsx)(y.J,{"data-testid":"popover__".concat(n.name),active:l,popoverColor:"black",popoverPosition:"topCenter",children:(0,k.jsx)(Z,{href:n.url,children:c("productDetail.variants.notAvailableOption.box")})}),n.displayPattern===_.TEXT&&(0,k.jsx)(x.Z,{typo:"body1Regular",children:n.name}),n.displayValue&&n.displayPattern===_.COLOR&&(0,k.jsx)(E,{color:n.displayValue.color,disabled:!n.available})]},n.name)})),t.options.map((function(n){return(null===n||void 0===n?void 0:n.seoUrl)&&(0,k.jsx)(w,{href:n.seoUrl,title:n.productName,text:n.name},n.name)}))]})]})};const M=function(n){var e=n.variants,t=n.showAlert,r=n.handleHover,o=n.handleClickOption,i=n.sectionId,c=(0,d.$G)(),a=(0,u.Z)(c,1)[0];return(0,k.jsxs)(g,{id:i,children:[(0,k.jsx)(p.X,{as:"h4",children:a("productDetail.variants.title")}),(0,k.jsx)(b,{dismissible:!0,type:"success",text:a("productDetail.variants.alert"),visible:t}),e.map((function(n){return(0,k.jsx)(B,{variant:n,handleClickOption:o,handleHover:r},n.name)}))]})}},54882:(n,e,t)=>{t.d(e,{J:()=>j});var r,o,i,c,a,s,l,u,d,p,f,h,m=t(96891),v=t(39780),g=t(67294),b=t(82856),Z=t(71893),w=t(81529),x=function(n){switch(n){case"black":return w.Z.colors.black;case"danger":return w.Z.colors.danger.main;case"secondary":return w.Z.colors.secondary.main;case"success":return w.Z.colors.success.main;default:return w.Z.colors.white}},y=Z.ZP.div(r||(r=(0,b.Z)(["\n  width: max-content;\n  max-width: 17rem;\n  padding: ",";\n  border-radius: ",";\n  position: absolute;\n  color: ",";\n  background-color: ",";\n  text-align: left;\n  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14))\n    drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n  transition: opacity 0.5s ease, visibility 0.5s ease;\n  ",";\n\n  &::before {\n    content: '';\n    width: 0;\n    height: 0;\n    position: absolute;\n    border-style: solid;\n    border-width: ",";\n    border-color: transparent;\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing005}),(function(n){var e=n.$color,t=n.theme;return"white"===e?t.colors.black:t.colors.white}),(function(n){var e=n.$color;return x(e)}),(function(n){return n.$active?(0,Z.iv)(o||(o=(0,b.Z)(["\n          opacity: 1;\n          visibility: visible;\n        "]))):(0,Z.iv)(i||(i=(0,b.Z)(["\n          opacity: 0;\n          visibility: hidden;\n        "])))}),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.$position,t=n.$color;switch(e){case"topLeft":return(0,Z.iv)(c||(c=(0,b.Z)(["\n          left: 0;\n          bottom: calc(100% + ",");\n\n          &::before {\n            left: ",");\n            top: 100%;\n            border-bottom-width: 0;\n            border-top-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),x(t));case"topCenter":return(0,Z.iv)(a||(a=(0,b.Z)(["\n          left: 50%;\n          bottom: calc(100% + ",");\n          transform: translateX(-50%);\n\n          &::before {\n            left: 50%;\n            transform: translateX(-50%);\n            top: 100%;\n            border-bottom-width: 0;\n            border-top-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),x(t));case"topRight":return(0,Z.iv)(s||(s=(0,b.Z)(["\n          right: 0;\n          bottom: calc(100% + ",");\n\n          &::before {\n            right: ",";\n            top: 100%;\n            border-bottom-width: 0;\n            border-top-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),x(t));case"centerRight":return(0,Z.iv)(l||(l=(0,b.Z)(["\n          left: calc(100% + ",");\n          top: 50%;\n          transform: translateY(-50%);\n\n          &::before {\n            right: 100%;\n            top: 50%;\n            transform: translateY(-50%);\n            border-left-width: 0;\n            border-right-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),x(t));case"centerLeft":return(0,Z.iv)(u||(u=(0,b.Z)(["\n          right: calc(100% + ",");\n          top: 50%;\n          transform: translateY(-50%);\n\n          &::before {\n            left: 100%;\n            top: 50%;\n            transform: translateY(-50%);\n            border-right-width: 0;\n            border-left-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),x(t));case"bottomCenter":return(0,Z.iv)(d||(d=(0,b.Z)(["\n          left: 50%;\n          transform: translateX(-50%);\n          top: calc(100% + ",");\n\n          &::before {\n            left: 50%;\n            transform: translateX(-50%);\n            bottom: 100%;\n            border-top-width: 0;\n            border-bottom-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),x(t));case"bottomRight":return(0,Z.iv)(p||(p=(0,b.Z)(["\n          right: 0;\n          top: calc(100% + ",");\n\n          &::before {\n            right: ",";\n            bottom: 100%;\n            border-top-width: 0;\n            border-bottom-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),x(t));default:return(0,Z.iv)(f||(f=(0,b.Z)(["\n          left: 0;\n          top: calc(100% + ",");\n\n          &::before {\n            left: ",";\n            bottom: 100%;\n            border-top-width: 0;\n            border-bottom-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),x(t))}}),(function(n){return n.$noArrow&&(0,Z.iv)(h||(h=(0,b.Z)(["\n      &::before {\n        display: none;\n      }\n    "])))})),O=["active","children","noArrow","popoverColor","popoverPosition"];function P(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var j=function(n){var e=n.active,t=n.children,r=n.noArrow,o=void 0!==r&&r,i=n.popoverColor,c=void 0===i?"white":i,a=n.popoverPosition,s=void 0===a?"bottomLeft":a,l=(0,v.Z)(n,O);return g.createElement(y,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?P(Object(t),!0).forEach((function(e){(0,m.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({$active:e,$color:c,$position:s,$noArrow:o},l),t)}},90245:(n,e,t)=>{t.d(e,{b:()=>X});var r,o,i,c,a,s,l,u,d,p,f,h,m,v,g,b,Z=t(96891),w=t(90542),x=t(39780),y=t(67294),O=t(82856),P=t(71893),j=t(51062),k=P.ZP.div(r||(r=(0,O.Z)(["\n  min-height: ",";\n  border: 1px solid ",";\n  border-left-width: ",";\n  border-radius: ",";\n  display: none;\n  z-index: 99;\n  ","\n\n  ","\n  \n  ","\n\n  ","\n  ","\n"])),(function(n){return n.theme.spacing.spacing06}),(function(n){return A(n.theme.colors,n.type)}),(function(n){return n.theme.spacing.spacing005}),(function(n){return n.theme.spacing.spacing005}),(function(n){return n.floating&&(0,P.iv)(o||(o=(0,O.Z)(["\n      position: fixed;\n      background-color: white;\n      max-width: 90%;\n    "])))}),(function(n){var e=n.positionX;if(!n.floating)return(0,P.iv)(s||(s=(0,O.Z)(["\n        left: 0;\n        right: 0;\n        transform: none;\n      "])));switch(e){case"left":return(0,P.iv)(i||(i=(0,O.Z)(["\n            left: 5%;\n          "])));case"right":return(0,P.iv)(c||(c=(0,O.Z)(["\n            right: 5%;\n          "])));default:return(0,P.iv)(a||(a=(0,O.Z)(["\n            left: 50%;\n            transform: translate(-50%, 0);\n          "])))}}),(function(n){var e=n.positionY;if(!n.floating)return(0,P.iv)(d||(d=(0,O.Z)(["\n        top: 0;\n        bottom: 0;\n        transform: none;\n      "])));switch(e){case"top":default:return;case"bottom":return(0,P.iv)(l||(l=(0,O.Z)(["\n            bottom: 5%;\n          "])));case"middle":return(0,P.iv)(u||(u=(0,O.Z)(["\n            top: 50%;\n          "])))}}),(function(n){return n.hasIcon&&(0,P.iv)(p||(p=(0,O.Z)(["\n      border-left-width: 1px;\n    "])))}),(function(n){return n.visible&&(0,P.iv)(f||(f=(0,O.Z)(["\n      display: flex;\n    "])))})),E=P.ZP.div(h||(h=(0,O.Z)(["\n  height: auto;\n  width: ",";\n  min-width: ",";\n  padding-top: 0.75rem;\n  background: ",";\n  text-align: center;\n"])),(function(n){return n.theme.spacing.spacing05}),(function(n){return n.theme.spacing.spacing05}),(function(n){return A(n.theme.colors,n.type)})),_=P.ZP.div(m||(m=(0,O.Z)(["\n  display: flex;\n  flex-direction: column;\n"]))),C=P.ZP.span(v||(v=(0,O.Z)(["\n  display: ",";\n  padding: 0.875rem ","\n    ","\n    ",";\n  ",";\n"])),(function(n){return n.visible?"block":"none"}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing02}),j.g.body2Bold),D=P.ZP.span(g||(g=(0,O.Z)(["\n  padding: ","\n    "," 0.8125rem\n    ",";\n  ",";\n"])),(function(n){return n.hasTitle?0:"0.8125rem"}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),j.g.body2Regular),S=P.ZP.div(b||(b=(0,O.Z)(["\n  max-height: ",";\n  margin: calc("," - 1px)\n    ","\n    calc("," - 1px) auto;\n  & svg {\n    cursor: pointer;\n  }\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02})),A=function(n,e){switch(e){case"danger":return n.danger.main;case"info":return n.secondary.main;case"warning":return n.warning.main;case"success":return n.success.main;default:return n.environment.percent40}},L=t(63742),H=["title","text","hasIcon","dismissible","type","dismissAction","visible","positionX","positionY","floating","children"];function $(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var X=function(n){var e=n.title,t=n.text,r=n.hasIcon,o=n.dismissible,i=n.type,c=n.dismissAction,a=n.visible,s=n.positionX,l=n.positionY,u=n.floating,d=void 0!==u&&u,p=n.children,f=(0,x.Z)(n,H),h=(0,y.useState)(a||!1),m=(0,w.Z)(h,2),v=m[0],g=m[1];(0,y.useEffect)((function(){void 0!=a&&g(a)}),[a]);var b;return y.createElement(k,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?$(Object(t),!0).forEach((function(e){(0,Z.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):$(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({visible:v,type:i,hasIcon:!!r,floating:d,positionX:s,positionY:l,"data-testid":"alert-container"},f),r&&y.createElement(E,{type:i},y.createElement(L.J,{icon:R(i),fill:"white",big:!0,"data-testid":"icon"})),y.createElement(_,null,y.createElement(C,{visible:!!e},e),y.createElement(D,{hasTitle:!!e},t&&y.createElement("div",{dangerouslySetInnerHTML:(b=t,{__html:b})}),p)),o&&y.createElement(S,null,y.createElement(L.J,{onClick:function(){g(!1),c&&c()},icon:"remove",small:!0,"data-testid":"icon-remove"})))},R=function(n){switch(n){case"danger":return"interface_alert_triangle";case"success":return"check";case"warning":return"exclamation";default:return"interface_information"}}}}]);
//# sourceMappingURL=Variants.js.map