"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[35369],{61961:(n,e,t)=>{t.r(e),t.d(e,{default:()=>J});var r=t(28225),o=t(91044),i=t(90245),a=t(42347),c=t(71893);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(){var n=l(["\n  width: 100%;\n  margin-bottom: ",";\n  border-top: ",";\n  border-bottom: ",";\n  padding-top: ",";\n  padding-bottom: ",";\n"]);return u=function(){return n},n}function s(){var n=l(["\n  margin-bottom: ",";\n"]);return s=function(){return n},n}function d(){var n=l(["\n  color: ",";\n  &:hover,\n  :active,\n  :visited,\n  :focus {\n    color: ",";\n    text-decoration: underline;\n  }\n"]);return d=function(){return n},n}var f=c.ZP.div(u(),(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})),p=(0,c.ZP)(i.b)(s(),(function(n){return n.theme.spacing.spacing02})),v=(0,c.ZP)(a.r)(d(),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),m=t(7730),b=t(54882);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function y(){var n=h(["\n  position: relative;\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  border: ",";\n  padding: ",";\n"]);return y=function(){return n},n}function g(){var n=h(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background: ",";\n  ",";\n"]);return g=function(){return n},n}function O(){var n=h(["\n  position: absolute;\n  border-top: ",";\n  width: -webkit-fill-available;\n  top: 50%;\n  right: 0;\n  transform: rotate(-45deg);\n"]);return O=function(){return n},n}var w=c.ZP.div(y(),(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})),E=c.ZP.div(g(),(function(n){return n.color}),(function(n){return n.disabled&&"opacity: 20%"})),S=c.ZP.div(O(),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent40)})),A=t(67294);const x=function(n){var e=n.color,t=n.disabled;return A.createElement(w,null,A.createElement(E,{color:e,disabled:t}),t&&A.createElement(S,null))};var P;!function(n){n.COLOR="color",n.TEXT="text"}(P||(P={}));var j=t(67294);function _(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 k(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 _(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 _(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.")}()}var C={text:5,color:8},Z=t(7898);function H(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function D(){var n=H(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ",";\n  margin: ",";\n"]);return D=function(){return n},n}function I(){var n=H(["\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 I=function(){return n},n}function L(){var n=H(["\n  position: relative;\n"]);return L=function(){return n},n}function M(){var n=H(["\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 M=function(){return n},n}function T(){var n=H(["\n  display: block;\n"]);return T=function(){return n},n}var z=c.ZP.div(D(),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing01," 0")})),U=(0,c.ZP)(Z.P)(I(),(function(n){var e=n.theme;return n.isSelected?e.colors.brand.main:e.colors.environment.percent20})),$=(c.ZP.div(L()),c.ZP.div(M(),(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}))),B=(0,c.ZP)(m.Z)(T()),R=t(67294);function X(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 G(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 X(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 X(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,t=n.variant,o=n.handleClickOption,i=n.handleHover,a=G((0,r.$G)(),1)[0],c=function(n){var e=n.handleHover,t=n.handleClickOption,r=n.variant,o=k((0,j.useState)(),2),i=o[0],a=o[1],c=k((0,j.useState)(),2),l=c[0],u=c[1],s=k((0,j.useState)(!1),2),d=s[0],f=s[1],p=k((0,j.useState)(!1),2),v=p[0],m=p[1];return(0,j.useEffect)((function(){var n=r.options.find((function(n){return n.selected}));a(n)}),[r]),{loading:v,optionSelected:i,showPopover:d,optionHovered:l,exceedMaximum:function(){var n=r.options[0].displayPattern;return r.options.length>C[n]},changeSelectOption:function(n){var e=r.options.find((function(e){return e.name===n}));a(e)},selectOption:function(n){n.selected||(n.available&&(a(n),m(!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);f(!0),u(n)}},unHoverOption:function(){f(!1)}}}({variant:t,handleClickOption:o,handleHover:i}),l=c.optionSelected,u=c.showPopover,s=c.optionHovered,d=c.exceedMaximum,f=c.changeSelectOption,p=c.selectOption,h=c.hoverOption,y=c.unHoverOption;return R.createElement(R.Fragment,null,R.createElement(B,{typo:"body2Regular"},t.name,": ",R.createElement(m.Z,{typo:"body2Bold"},null===l||void 0===l?void 0:l.name)),t.options.length>1&&R.createElement(z,null,d()?R.createElement(U,{isSelected:Boolean(l),options:(e=t.options,e.map((function(n){return{name:n.name,id:n.name,selected:n.selected,disabled:!n.available}}))),value:null===l||void 0===l?void 0:l.name,handleChange:f}):t.options.map((function(n){return R.createElement($,{"data-testid":"option-box__".concat(n.name),key:n.name,selected:n.name===(null===l||void 0===l?void 0:l.name),disabled:!n.available,clickable:!!n.url,onClick:function(){return p(n)},onMouseEnter:function(){return h(n)},onMouseLeave:y},(null===s||void 0===s?void 0:s.name)===n.name&&R.createElement(b.J,{"data-testid":"popover__".concat(n.name),active:u,popoverColor:"black",popoverPosition:"topCenter"},R.createElement(v,{href:n.url},a("productDetail.variants.notAvailableOption.box"))),n.displayPattern===P.TEXT&&R.createElement(m.Z,{typo:"body1Regular"},n.name),n.displayValue&&n.displayPattern===P.COLOR&&R.createElement(x,{color:n.displayValue.color,disabled:!n.available}))}))))};var N=t(67294);function V(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 F(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 V(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 V(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 J=function(n){var e=n.variants,t=n.showAlert,i=n.handleHover,a=n.handleClickOption,c=F((0,r.$G)(),1)[0];return N.createElement(f,null,N.createElement(o.X,{as:"h4"},c("productDetail.variants.title")),N.createElement(p,{dismissible:!0,type:"success",text:c("productDetail.variants.alert"),visible:t}),e.map((function(n){return N.createElement(K,{variant:n,key:n.name,handleClickOption:a,handleHover:i})})))}}}]);
//# sourceMappingURL=Variants.js.map