"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5369],{61961:(n,e,t)=>{t.r(e),t.d(e,{default:()=>K});var r=t(67294),o=t(26793),i=t(91044),a=t(90245),c=t(42347),l=t(71893);function u(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function s(){var n=u(["\n  width: 100%;\n  margin-bottom: ",";\n  border-top: ",";\n  border-bottom: ",";\n  padding-top: ",";\n  padding-bottom: ",";\n"]);return s=function(){return n},n}function d(){var n=u(["\n  margin-bottom: ",";\n"]);return d=function(){return n},n}function f(){var n=u(["\n  color: ",";\n  &:hover,\n  :active,\n  :visited,\n  :focus {\n    color: ",";\n    text-decoration: underline;\n  }\n"]);return f=function(){return n},n}var p=l.ZP.div(s(),(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})),v=(0,l.ZP)(a.b)(d(),(function(n){return n.theme.spacing.spacing02})),m=(0,l.ZP)(c.r)(f(),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),b=t(7730),h=t(54882);function y(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function g(){var n=y(["\n  position: relative;\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  border: ",";\n  padding: ",";\n"]);return g=function(){return n},n}function O(){var n=y(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background: ",";\n  ",";\n"]);return O=function(){return n},n}function w(){var n=y(["\n  position: absolute;\n  border-top: ",";\n  width: -webkit-fill-available;\n  top: 50%;\n  right: 0;\n  transform: rotate(-45deg);\n"]);return w=function(){return n},n}var E=l.ZP.div(g(),(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})),S=l.ZP.div(O(),(function(n){return n.color}),(function(n){return n.disabled&&"opacity: 20%"})),A=l.ZP.div(w(),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent40)}));const x=function(n){var e=n.color,t=n.disabled;return r.createElement(E,null,r.createElement(S,{color:e,disabled:t}),t&&r.createElement(A,null))};var P;function j(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function _(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return j(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return j(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}!function(n){n.COLOR="color",n.TEXT="text"}(P||(P={}));var C={text:8,color:10},k=t(7898);function Z(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function H(){var n=Z(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ",";\n  margin: ",";\n"]);return H=function(){return n},n}function D(){var n=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  &:focus {\n    box-shadow: none;\n  }\n"]);return D=function(){return n},n}function I(){var n=Z(["\n  position: relative;\n"]);return I=function(){return n},n}function L(){var n=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"]);return L=function(){return n},n}var M=l.ZP.div(H(),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing01," 0")})),T=(0,l.ZP)(k.P)(D(),(function(n){var e=n.theme;return n.isSelected?e.colors.brand.main:e.colors.environment.percent20})),z=(l.ZP.div(I()),l.ZP.div(L(),(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})));function U(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function $(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return U(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return U(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const B=function(n){var e,t=n.variant,i=n.handleClickOption,a=n.handleHover,c=$((0,o.$)(),1)[0],l=function(n){var e=n.handleHover,t=n.handleClickOption,o=n.variant,i=_((0,r.useState)(),2),a=i[0],c=i[1],l=_((0,r.useState)(),2),u=l[0],s=l[1],d=_((0,r.useState)(!1),2),f=d[0],p=d[1],v=_((0,r.useState)(!1),2),m=v[0],b=v[1];return(0,r.useEffect)((function(){var n=o.options.find((function(n){return n.selected}));c(n)}),[o]),{loading:m,optionSelected:a,showPopover:f,optionHovered:u,exceedMaximum:function(){var n=o.options[0].displayPattern;return o.options.length>C[n]},changeSelectOption:function(n){var e=o.options.find((function(e){return e.name===n}));c(e)},selectOption:function(n){n.selected||(n.available&&(c(n),b(!0),n.url&&window.open(n.url,"_self")),t&&t(n))},hoverOption:function(n){if(n.url&&!n.selected){if(n.available)return e&&e(n);p(!0),s(n)}},unHoverOption:function(){p(!1)}}}({variant:t,handleClickOption:i,handleHover:a}),u=l.optionSelected,s=l.showPopover,d=l.optionHovered,f=l.exceedMaximum,p=l.changeSelectOption,v=l.selectOption,y=l.hoverOption,g=l.unHoverOption;return r.createElement(r.Fragment,null,r.createElement(b.Z,{typo:"body2Regular"},t.name,": ",r.createElement(b.Z,{typo:"body2Bold"},null===u||void 0===u?void 0:u.name)),r.createElement(M,null,f()?r.createElement(T,{isSelected:Boolean(u),options:(e=t.options,e.map((function(n){return{name:n.name,id:n.name,selected:n.selected,disabled:!n.available}}))),value:null===u||void 0===u?void 0:u.name,handleChange:p}):t.options.map((function(n){return r.createElement(z,{"data-testid":"option-box__".concat(n.name),key:n.name,selected:n.name===(null===u||void 0===u?void 0:u.name),disabled:!n.available,clickable:!!n.url,onClick:function(){return v(n)},onMouseEnter:function(){return y(n)},onMouseLeave:g},(null===d||void 0===d?void 0:d.name)===n.name&&r.createElement(h.J,{"data-testid":"popover__".concat(n.name),active:s,popoverColor:"black",popoverPosition:"topCenter"},r.createElement(m,{href:n.url},c("productDetail.variants.notAvailableOption.box"))),n.displayPattern===P.TEXT&&r.createElement(b.Z,{typo:"body1Regular"},n.name),n.displayValue&&n.displayPattern===P.COLOR&&r.createElement(x,{color:n.displayValue.color,disabled:!n.available}))}))))};function R(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function X(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return R(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return R(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const K=function(n){var e=n.variants,t=n.showAlert,a=n.handleHover,c=n.handleClickOption,l=X((0,o.$)(),1)[0];return r.createElement(p,null,r.createElement(i.X,{as:"h4"},l("productDetail.variants.title")),r.createElement(v,{dismissible:!0,type:"success",text:l("productDetail.variants.alert"),visible:t}),e.map((function(n){return r.createElement(B,{variant:n,key:n.name,handleClickOption:c,handleHover:a})})))}}}]);
//# sourceMappingURL=Variants.js.map