https://womiz.com/v3/_next/static/chunks/2551.9a0ace1bd9faf7b32329.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2551],{17499:function(e,r,n){"use strict";var t=(0,n(5152).default)((function(){return Promise.all([n.e(1208),n.e(8408),n.e(92)]).then(n.bind(n,10092))}),{ssr:!1,loading:function(){return null},loadableGenerated:{webpack:function(){return[10092]},modules:["../src/components/Base/Form/CustomSelect/index.js -> ./CustomSelect"]}});r.Z=t},12551:function(e,r,n){"use strict";n.r(r);var t=n(92809),a=n(10219),o=n(67294),l=n(11208),i=n(94184),s=n.n(i),u=n(5634),c=n.n(u),d=n(15285),h=n(67282),F=n(38397),p=n.n(F),m=n(57124),g=n(7376),f=n(61573),B=n(85893),D=["children"],b=["children"],v=["children"],C=["values","options","name","prefix","isColor","onChange"];function y(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function O(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?y(Object(n),!0).forEach((function(r){(0,t.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var w=function(e){var r;if(void 0===e)return{};var n=e;return(null===(r=n)||void 0===r?void 0:r.length)>7&&(n=n.toUpperCase().replace("#FF","#")),{color:c().name(n)[1],colorHEX:n}},x=function(e){var r=e.values,n=e.options,t=e.name,i=e.prefix,u=e.isColor,c=e.onChange,F=(0,a.Z)(e,C),g=(0,o.useRef)(),y=(0,o.useState)(),x=y[0],S=y[1];return(0,B.jsx)("div",{ref:g,children:(0,B.jsx)(m.Z,{fullWidth:!1,className:s()(p().customSelectBox,"mr12","select-custom",p().noWrap),children:(0,B.jsx)(h.Z,O({className:"mb10",name:t,options:n,components:{Control:function(e){return function(e,r){var n=l.c.Control,t=(0,f.F)().isMobile,o=e.children,i=(0,a.Z)(e,D);return(0,B.jsx)(n,O(O({},i),{},{children:(0,B.jsxs)(m.Z,{align:"center",className:"control-wrap",children:[(0,B.jsx)("span",{children:r})," ",(0,B.jsx)(m.Z,{align:"center",spacing:"pl1",style:t?{maxWidth:"150px"}:{},children:o})]})}))}(e,i)},Option:function(e){return function(e,r){var n=l.c.Option,t=e.children,o=(0,a.Z)(e,b),i=r?w(t):{},s=i.color,u=i.colorHEX;return(0,B.jsx)(n,O(O({},o),{},{children:(0,B.jsx)("div",{children:r?(0,B.jsxs)(m.Z,{align:"center",className:p().colorBoxWrap,children:[(0,B.jsx)("div",{className:p().colorBox,children:(0,B.jsx)("div",{style:{background:u}})}),(0,B.jsx)(d.Z,{spacing:"pl8",children:s})]}):(0,B.jsx)(d.Z,{size:"12_16",children:t})})}))}(e,u)},SingleValue:function(e){return function(e,r){var n=l.c.SingleValue,t=e.children,o=(0,a.Z)(e,v),i=(r?w(t):{}).colorHEX;return(0,B.jsx)(n,O(O({},o),{},{children:(0,B.jsx)("div",{children:r?(0,B.jsx)(m.Z,{fullWidth:!0,style:{width:16,height:16},className:p().colorBox,children:(0,B.jsx)("div",{style:{background:i}})}):t})}))}(e,u)}},onChange:c,defaultValue:r,blurInputOnSelect:!0,onMenuOpen:function(){return function(){var e=g.current;if(e){var r=document.getElementById("mainWrap").getBoundingClientRect().bottom-(e.getBoundingClientRect().bottom+300);S(r>0?"bottom":"top")}}()},closeMenuOnScroll:!0,isSearchable:!1,menuPlacement:x},F))})})};x.defaultValue={isColor:!1,onChange:g.Z},r.default=x},67282:function(e,r,n){"use strict";n.d(r,{Z:function(){return M}});var t=n(92809),a=n(10219),o=(n(67294),n(52769)),l=n(94184),i=n.n(l),s=n(30658),u=n(17499),c=n(7376),d=n(67526),h=n(61573),F=n(80318),p=n(57124),m=n(89604),g=n.n(m),f=n(4279),B=n(15285),D=n(85893),b=["name","validate","labelText","className","required","options","onChange","isAsync","helpText","size","showRequired","labelInline","error","children"];function v(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function C(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach((function(r){(0,t.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEac

1h((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var y=function(e){var r=e.name,n=e.validate,l=e.labelText,c=e.className,h=e.required,m=e.options,v=e.onChange,y=(e.isAsync,e.helpText),O=e.size,w=e.showRequired,x=(e.labelInline,e.error,e.children),S=(0,a.Z)(e,b),j=(0,f.Z)(),k=(0,F.Z)(j,3),E=k[0],A=k[1],P=k[2];return(0,D.jsx)(o.gN,{name:r,validate:n,children:function(e){var n,a=e.input,o=e.meta,F=o.touched,f=o.error,b=a.value,j=(null===b||void 0===b?void 0:b.length)>0||E;n=(0,d.kJ)(a.value)?(m||[]).filter((function(e){return a.value.includes(e.value)})):(m||[]).find((function(e){return e.value==a.value}));var k={name:r,value:n,onSelectChange:function(e){e?(0,d.kJ)(e)?a.onChange((0,d.x9)(e,"value")):a.onChange(e.value):a.onChange(""),v(e)},onFocus:function(e){A(),a.onFocus(e)},onBlur:function(e){P(),a.onBlur(e)}};return(0,D.jsxs)(s.Z,{labelText:l,required:h,size:O,helpText:y,showRequired:w,className:i()("custom-select-wrap",c),inputActive:j,inputFocus:E,floatingLabel:!0,children:[(0,D.jsxs)(p.Z,{justify:"spaceBetween",align:"center",className:i()(g().formInputWrap,(0,t.Z)({},g().formInputError,!!f&&F)),children:[(0,D.jsx)(u.Z,C(C(C({blurInputOnSelect:!0,className:"fullWidth",options:m},k),S),{},{placeholder:"",components:C(C({},S.components||{}),{},{IndicatorSeparator:function(){return null}})})),!!f&&F&&(0,D.jsx)(B.Z,{block:!0,size:"12",color:"red",className:i()("shakeFormLabel",g().formError),children:f}),x]}),(0,D.jsx)("div",{className:i()("material_bar",{"with-help-text":!!y,"material-bar-error":!!f&&F})})]})}})};y.defaultProps={className:"",name:"",validate:null,labelText:"",labelInline:!1,required:!1,options:[],onChange:c.Z,isAsync:!1,helpText:"",size:"lg",showRequired:!1};var O=y,w=n(92511),x=n(92090),S=n.n(x),j=["name","validate","labelText","className","required","options","onChange","isAsync","helpText","size","showRequired","labelInline","noMaterialOnMobile","bagPageDropDown","fullWidth"];function k(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function E(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?k(Object(n),!0).forEach((function(r){(0,t.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var A=function(e){var r=e.name,n=e.validate,l=e.labelText,c=e.className,h=e.required,F=e.options,m=e.onChange,f=(e.isAsync,e.helpText),b=e.size,v=e.showRequired,C=e.labelInline,y=e.noMaterialOnMobile,O=e.bagPageDropDown,x=e.fullWidth,k=(0,a.Z)(e,j);return(0,D.jsx)(o.gN,{name:r,validate:n,children:function(e){var n,a,o=e.input,j=e.meta,A=j.touched,P=j.error;a=(0,d.kJ)(o.value)?(F||[]).filter((function(e){return o.value.includes(e.value)})):(F||[]).find((function(e){return e.value==o.value}));var M={name:r,value:a,onSelectChange:function(e){if(e)if((0,d.kJ)(e))o.onChange((0,d.x9)(e,"value"));else{var r=e.value;o.onChange(r)}else o.onChange("");m(e)},components:{IndicatorSeparator:function(){return null},DropdownIndicator:function(){return(0,D.jsx)(w.p,{height:"24",width:"24",className:"mr8",color:"var(--black-50)"})}}};return(0,D.jsx)(s.Z,{labelText:l,required:h,size:b,helpText:f,showRequired:v,labelInline:C,fullWidth:x,className:i()("custom-select-wrap",c),children:(0,D.jsxs)(p.Z,{justify:"spaceBetween",align:"center",className:i()(g().formInputWrap,S().formDropDownWrap,(n={},(0,t.Z)(n,S().noMaterialBorders,!!y),(0,t.Z)(n,S().bagPageDropDown,!!O),(0,t.Z)(n,g().formInputError,!!P&&A),n)),children:[(0,D.jsx)(u.Z,E(E({options:F},M),k)),!!P&&A&&(0,D.jsx)(B.Z,{block:!0,size:"12",color:"red",className:i()("shakeFormLabel",g().formError),children:P})]})})}})},P=function(e){var r=(0,h.F)().isMobile,n=e.forceMaterial,t=e.noMaterialOnMobile;return void 0!==t&&t?(0,D.jsx)(A,E({},e)):r||n?(0,D.jsx)(O,E({},e)):(0,D.jsx)(A,E({},e))};P.defaultProps={className:"",name:"",validate:null,labelText:"",labelInline:!1,required:!1,options:[],onChange:c.Z,isA

1sync:!1,helpText:"",size:"lg",showRequired:!1};var M=P},92511:function(e,r,n){"use strict";n.d(r,{p:function(){return u}});var t=n(92809),a=n(18565),o=n(32323),l=n(85893);function i(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function s(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?i(Object(n),!0).forEach((function(r){(0,t.Z)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var u=function(e){var r=(0,o.$)().pageLayout;return a.THEMES.D2C===r?(0,l.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M6 9L12 15L18 9",stroke:"#1A181E",strokeLinecap:"round",strokeLinejoin:"round"})}):(0,l.jsx)("svg",s(s({width:"18",height:"18",viewBox:"0 0 24 24"},e),{},{children:(0,l.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,l.jsx)("g",{fill:"currentColor",fillRule:"nonzero",children:(0,l.jsx)("g",{children:(0,l.jsx)("g",{children:(0,l.jsx)("g",{children:(0,l.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z",transform:"translate(-1248 -147) translate(1191 142) translate(16 3) translate(41 2)"})})})})})})}))}},5634:function(e){var r={init:function(){for(var e,n,t,a=0;a<r.names.length;a++)e="#".concat(r.names[a][0]),n=r.rgb(e),t=r.hsl(e),r.names[a].push(n[0],n[1],n[2],t[0],t[1],t[2])},name:function(e){if((e=e.toUpperCase()).length<3||e.length>7)return["#000000","Invalid Color: ".concat(e),"#000000","",!1];e.length%3==0&&(e="#".concat(e)),4==e.length&&(e="#".concat(e.substr(1,1)).concat(e.substr(1,1)).concat(e.substr(2,1)).concat(e.substr(2,1)).concat(e.substr(3,1)).concat(e.substr(3,1)));var n=r.rgb(e),t=n[0],a=n[1],o=n[2],l=r.hsl(e),i=l[0],s=l[1],u=l[2],c=0;ndf2=0,ndf=0;for(var d=-1,h=-1,F=0;F<r.names.length;F++){if(e=="#".concat(r.names[F][0]))return["#".concat(r.names[F][0]),r.names[F][1],r.shadergb(r.names[F][2]),r.names[F][2],!0];c=Math.pow(t-r.names[F][3],2)+Math.pow(a-r.names[F][4],2)+Math.pow(o-r.names[F][5],2),ndf2=Math.abs(Math.pow(i-r.names[F][6],2))+Math.pow(s-r.names[F][7],2)+Math.abs(Math.pow(u-r.names[F][8],2)),ndf=c+2*ndf2,(h<0||h>ndf)&&(h=ndf,d=F)}return d<0?["#000000","Invalid Color: ".concat(e),"#000000","",!1]:["#".concat(r.names[d][0]),r.names[d][1],r.shadergb(r.names[d][2]),r.names[d][2],!1]},hsl:function(e){var r,n,t,a,o,l,i=[parseInt("0x".concat(e.substring(1,3)))/255,parseInt("0x".concat(e.substring(3,5)))/255,parseInt("0x".concat(e.substring(5,7)))/255],s=i[0],u=i[1],c=i[2];return r=Math.min(s,Math.min(u,c)),t=(n=Math.max(s,Math.max(u,c)))-r,o=0,(l=(r+n)/2)>0&&l<1&&(o=t/(l<.5?2*l:2-2*l)),a=0,t>0&&(n==s&&n!=u&&(a+=(u-c)/t),n==u&&n!=c&&(a+=2+(c-s)/t),n==c&&n!=s&&(a+=4+(s-u)/t),a/=6),[parseInt(255*a),parseInt(255*o),parseInt(255*l)]},rgb:function(e){return[parseInt("0x".concat(e.substring(1,3))),parseInt("0x".concat(e.substring(3,5))),parseInt("0x".concat(e.substring(5,7)))]},shadergb:function(e){for(var n=0;n<r.shades.length;n++)if(e==r.shades[n][1])return"#".concat(r.shades[n][0]);return"#000000"},shades:[["FF0000","Red"],["FFA500","Orange"],["FFFF00","Yellow"],["008000","Green"],["0000FF","Blue"],["EE82EE","Violet"],["A52A2A","Brown"],["000000","Black"],["808080","Grey"],["FFFFFF","White"]],names:[["CD5C5C","Indian Red","Indian Red"],["F08080","Light Coral","Light Coral"],["FA8072","Salmon","Salmon"],["E9967A","Dark Salmon","Dark Salmon"],["FFA07A","Light Salmon","Light Salmon"],["DC143C","Crimson","Crimson"],["FF0000","Red","Red"],["B22222","Fire Brick","Fire Brick"],["8B0000","Dark Red","Dark Red"],["FFC0CB","Pink","Pink"],["FFB6C1","Light Pink","Light Pink"],["FF69B4","Hot Pink","Hot Pink"],["FF1493","Deep Pink","Deep Pink"],["C71585","Medium Violet Red","Medium Violet Red"],["DB7093","Pale Violet Red","Pale Violet Red"],["FFA07A","Light Salmon","Light Salmon"],["FF7F50","Coral","Coral"],["FF6347","Tomato","Tomato"],["FF4500","Orange Red","Orange Red"],["FF8C00","Dark Orange","Dark Orange"],["FFA500","Orange","Orange"],["FFD700","Gold","Gold"],["FFFF00","Yellow","Yellow"],["FFFFE0","Light Yellow","Light Yellow"],["FFFACD","Lemon Chiffon","Lemon Chiffon"],["FAFAD2","Light Goldenrod Yellow","Light Goldenrod Yellow"],["FFEFD5","Papaya Whip","Papaya Whip"],["FFE4B5","Moccasin","Moccasin"],["FFDAB9","Peach Puff","Peach Puff"],["EEE8AA","Pale Goldenrod","Pale Goldenrod"],["F0E68C","Khaki","Khaki"],["BDB76B","Dark Khaki","Dark Khaki"],["E6E6FA","Lavender","Lavender"],["D8BFD8","Thistle","Thistle"],["DDA0DD","Plum","Plum"],["EE82EE","Violet","Violet"],["DA70D6","Orchid","Orchid"],["FF00FF","Fuchsia","Fuchsia"],["FF00FF","Magenta","Magenta"],["BA55D3","Medium Orchid","Medium Orchid"],["9370D

1B","Medium Purple","Medium Purple"],["663399","Rebecca Purple","Rebecca Purple"],["8A2BE2","Blue Violet","Blue Violet"],["9400D3","Dark Violet","Dark Violet"],["9932CC","Dark Orchid","Dark Orchid"],["8B008B","Dark Magenta","Dark Magenta"],["800080","Purple","Purple"],["4B0082","Indigo","Indigo"],["6A5ACD","Slate Blue","Slate Blue"],["483D8B","Dark Slate Blue","Dark Slate Blue"],["7B68EE","Medium Slate Blue","Medium Slate Blue"],["ADFF2F","Green Yellow","Green Yellow"],["7FFF00","Chartreuse","Chartreuse"],["7CFC00","Lawn Green","Lawn Green"],["00FF00","Lime","Lime"],["32CD32","Lime Green","Lime Green"],["98FB98","Pale Green","Pale Green"],["90EE90","Light Green","Light Green"],["00FA9A","Medium Spring Green","Medium Spring Green"],["00FF7F","Spring Green","Spring Green"],["3CB371","Medium Sea Green","Medium Sea Green"],["2E8B57","Sea Green","Sea Green"],["228B22","Forest Green","Forest Green"],["008000","Green","Green"],["006400","Dark Green","Dark Green"],["9ACD32","Yellow Green","Yellow Green"],["6B8E23","Olive Drab","Olive Drab"],["808000","Olive","Olive"],["556B2F","Dark Olive Green","Dark Olive Green"],["66CDAA","Medium Aquamarine","Medium Aquamarine"],["8FBC8B","Dark Sea Green","Dark Sea Green"],["20B2AA","Light Sea Green","Light Sea Green"],["008B8B","Dark Cyan","Dark Cyan"],["008080","Teal","Teal"],["00FFFF","Aqua","Aqua"],["00FFFF","Cyan","Cyan"],["E0FFFF","Light Cyan","Light Cyan"],["AFEEEE","Pale Turquoise","Pale Turquoise"],["7FFFD4","Aquamarine","Aquamarine"],["40E0D0","Turquoise","Turquoise"],["48D1CC","Medium Turquoise","Medium Turquoise"],["00CED1","Dark Turquoise","Dark Turquoise"],["5F9EA0","Cadet Blue","Cadet Blue"],["4682B4","Steel Blue","Steel Blue"],["B0C4DE","Light Steel Blue","Light Steel Blue"],["B0E0E6","Powder Blue","Powder Blue"],["ADD8E6","Light Blue","Light Blue"],["87CEEB","Sky Blue","Sky Blue"],["87CEFA","Light Sky Blue","Light Sky Blue"],["00BFFF","Deep Sky Blue","Deep Sky Blue"],["1E90FF","Dodger Blue","Dodger Blue"],["6495ED","Cornflower Blue","Cornflower Blue"],["7B68EE","Medium Slate Blue","Medium Slate Blue"],["4169E1","Royal Blue","Royal Blue"],["0000FF","Blue","Blue"],["0000CD","Medium Blue","Medium Blue"],["00008B","Dark Blue","Dark Blue"],["000080","Navy","Navy"],["191970","Midnight Blue","Midnight Blue"],["FFF8DC","Cornsilk","Cornsilk"],["FFEBCD","Blanched Almond","Blanched Almond"],["FFE4C4","Bisque","Bisque"],["FFDEAD","Navajo White","Navajo White"],["F5DEB3","Wheat","Wheat"],["DEB887","Burly Wood","Burly Wood"],["D2B48C","Tan","Tan"],["BC8F8F","Rosy Brown","Rosy Brown"],["F4A460","Sandy Brown","Sandy Brown"],["DAA520","Goldenrod","Goldenrod"],["B8860B","Dark Goldenrod","Dark Goldenrod"],["CD853F","Peru","Peru"],["D2691E","Chocolate","Chocolate"],["8B4513","Saddle Brown","Saddle Brown"],["A0522D","Sienna","Sienna"],["A52A2A","Brown","Brown"],["800000","Maroon","Maroon"],["FFFFFF","White","White"],["FFFAFA","Snow","Snow"],["F0FFF0","Honey Dew","Honey Dew"],["F5FFFA","Mint Cream","Mint Cream"],["F0FFFF","Azure","Azure"],["F0F8FF","Alice Blue","Alice Blue"],["F8F8FF","Ghost White","Ghost White"],["F5F5F5","White Smoke","White Smoke"],["FFF5EE","Sea Shell","Sea Shell"],["F5F5DC","Beige","Beige"],["FDF5E6","Old Lace","Old Lace"],["FFFAF0","Floral White","Floral White"],["FFFFF0","Ivory","Ivory"],["FAEBD7","Antique White","Antique White"],["FAF0E6","Linen","Linen"],["FFF0F5","Lavender Blush","Lavender Blush"],["FFE4E1","Misty Rose","Misty Rose"],["DCDCDC","Gainsboro","Gainsboro"],["D3D3D3","Light Gray","Light Gray"],["C0C0C0","Silver","Silver"],["A9A9A9","Dark Gray","Dark Gray"],["808080","Gray","Gray"],["696969","Dim Gray","Dim Gray"],["778899","Light Slate Gray","Light Slate Gray"],["708090","Slate Gray","Slate Gray"],["2F4F4F","Dark Slate Gray","Dark Slate Gray"],["000000","Black","Black"]]};r.init(),e.exports=r},38397:function(e){e.exports={customSelectBox:"CustomSelectBox_customSelectBox__i-orH",colorBox:"CustomSelectBox_colorBox__lCAhZ",colorBoxWrap:"CustomSelectBox_colorBoxWrap__1MSUI",noWrap:"CustomSelectBox_noWrap__vLuXj"}},92090:function(e){e.exports={formDropDownWrap:"FormCustomSelect_formDropDownWrap__2Mdrc",noMaterialBorders:"FormCustomSelect_noMaterialBorders__3S4Zb",bagPageDropDown:"FormCustomSelect_bagPageDropDown__251cE"}}}]);