1(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[532],{39753:function(e,t,i){"use strict";i.d(t,{kS:function(){return p},Ay:function(){return g},XP:function(){return l}});var n=i(89379),r=i(94542),a=i(9950),o=function(e,t,i,n){var r=e;return isNaN(r)&&(r=t),r<i&&(r=i),r>n&&(r=n),r},s=i(1288),d=i(44414),c={inputFontSize:"16px",inputLineHeight:"22px",inputWidth:"64px",inputHeight:"32px",buttonFontSize:"16px",buttonLineHeight:"32px",buttonWidth:"32px",buttonHeight:"32px"},l=(0,n.A)((0,n.A)({},c),{},{inputWidth:"220px"}),p=r.Ay.div.withConfig({componentId:"sc-hxqeuc-0"})(["display:inline-flex;vertical-align:middle;flex-flow:row nowrap;justify-content:center;align-items:center;"]),u=r.Ay.button.attrs({type:"button"}).withConfig({componentId:"sc-hxqeuc-1"})(["font-size:",";line-height:",";border:0;background:none;padding:0;width:",";height:",";"," "," text-align:center;font-family:'Roboto',sans-serif;font-weight:700;cursor:pointer;outline:none;color:#78BC65;color:var(--theme-color-primary);&:hover{color:#474849;color:var(--text-color-body);background-color:rgba(0,0,0,.1);}&:disabled:hover,&:disabled{color:#999;color:var(--text-color-gray);cursor:not-allowed;background-color:transparent;}"],(function(e){return e.theme.buttonFontSize}),(function(e){return e.theme.buttonLineHeight}),(function(e){return e.theme.buttonWidth}),(function(e){return e.theme.buttonHeight}),(function(e){return"decrement"===e.act?"margin-left: -11px;":""}),(function(e){return"increment"===e.act?"margin-right: -11px;":""})),m=r.Ay.input.attrs({type:"text"}).withConfig({componentId:"sc-hxqeuc-2"})(["width:",";height:",";font-family:'Roboto',sans-serif;font-size:",";line-height:",";border:1px solid #E5E5E5;border-radius:2px;border-radius:var(--form-field-border-radius);margin:0;padding:0;background:#fff;text-align:center;outline:none;&:focus{border-color:#b5b5b5;}&:disabled{background-color:#f2f2f2;border-color:#e6e6e6;color:#8d8d8d;cursor:not-allowed;user-select:none;}",""],(function(e){return e.theme.inputWidth}),(function(e){return e.theme.inputHeight}),(function(e){return e.theme.inputFontSize}),(function(e){return e.theme.inputLineHeight}),(function(e){return e.theme._inputCSS?e.theme._inputCSS:""})),h=function(e){var t=(0,a.useRef)(null);e.freeInput&&t.current&&t.current.value!==e.value&&(t.current.value=e.value);var i=function(t){e.onChange({target:{value:o(Number(t.target.value)-Number(t.target.value)%e.step,e.value,e.min,e.max)}})},n=(0,s.s)(1e3)((function(){e.onChange({target:{value:o(Number(t.current.value)-Number(t.current.value)%e.step,e.value,e.min,e.max)}})}));return(0,d.jsx)(r.NP,{theme:e.theme,children:(0,d.jsxs)(p,{children:[(0,d.jsx)(u,{act:"decrement",disabled:e.disabled||e.value===e.min,onClick:function(){var t=o(Number(e.value)-e.step,e.value,e.min,e.max);e.onChange({target:{value:t}})},children:"\u2013"}),e.freeInput?(0,d.jsx)(m,{ref:t,defaultValue:e.value,maxLength:e.maxLength||e.max.toString().length,disabled:e.disabled||e.min===e.max,onBlur:i,onChange:n}):(0,d.jsx)(m,{value:e.value,disabled:e.disabled||e.min===e.max,onChange:i}),(0,d.jsx)(u,{act:"increment",disabled:e.disabled||e.value===e.max,onClick:function(){var t=o(Number(e.value)+e.step,e.value,e.min,e.max);e.onChange({target:{value:t}})},children:"+"})]})})};h.defaultProps={min:0,max:9,step:1,disabled:!1,onChange:function(){},theme:c};var g=h},98854:function(e,t,i){"use strict";i.d(t,{$W:function(){return u},Ck:function(){return y}});var n,r,a,o=i(57528),s=i(89379),d=(i(9950),i(46465)),c=i(94542),l=i(44414),p=function(e){return(0,s.A)((0,s.A)({},e),{},{borderRadius:2,spacing:(0,s.A)((0,s.A)({},e.spacing),{},{baseUnit:4,controlHeight:32,menuGutter:0}),colors:(0,s.A)((0,s.A)({},e.colors),{},{danger:"#E66A7A",primary:"#78BC65",primary25:"hsla(107, 39%, 90%, 1)",primary50:"hsla(107, 39%, 78%, 1)",primary75:"hsla(107, 39%, 68%, 1)"})})},u=function(e){return(0,s.A)((0,s.A)({},p(e)),{},{colors:(0,s.A)((0,s.A)({},e.colors),{},{danger:"#E66A7A",primary:"#FF8300",primary25:"hsla(31, 100%, 87%, 1)",primary50:"hsla(31, 100%, 75%, 1)",primary75:"hsla(31, 100%, 63%, 1)"})})},m={control:function(e,t){return(0,s.A)((0,s.A)({},e),{},{cursor:t.isDisabled?"not-allowed":"default",borderColor:t.menuIsOpen||t.isFocused?t.theme.colors.primary:t.theme.colors.neutral10,boxShadow:"none","&:hover":{borderColor:t.isDisabled?t.theme.colors.neutral10:t.menuIsOpen||t.isFocused?t.theme.colors.primary:t.theme.colors.neutral10}})},groupHeading:function(e,t){return(0,s.A)((0,s.A)({},e),{},{textTransform:"none"})},indicatorSeparator:function(){return{display:"none"}},valueContainer:function(e,t){return(0,s.A)((0,s.A)({},e),{},{padding:"0 15px"})},singleValue:function(e,t){return(0,s.A)((0,s.A)({},e),{},{marginLeft:0,marginRight:0})},menu:function(e,t){return(0,s.A)((0,s.A)({},e),{},{marginTop:0,marginBottom:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderWidth:"0 1px 1px",borderStyle:"solid",borderColor:t.theme.colors.neutral10,boxShadow:"none",zIndex:2})},menuList:function(e,t){return(0,s.A)((0,s.A)({},e),{},{paddingTop:0,paddingBottom:0})},option:function(e,t){return(0,s.A)((0,s.A)({},e),{},{lineHeight:1,paddingLeft:16,paddingRight:16})},placeholder:function(e,t){return(0,s.A)((0,s.A)({},e),{},{color:"#8B8D8F"})}},h=c.Ay.div(n||(n=(0,o.A)(["\n position: relative;\n box-sizing: border-box;\n"]))),g=function(e){return(0,l.jsx)(h,{children:e.children})},f=c.Ay.div(r||(r=(0,o.A)(["\n display: flex;\n justify-content: center;\n align-items: center;
1\n width: 20px;\n height: 32px;\n color: #616060;\n cursor: pointer;\n \n &:hover {\n color: #E66A7A;\n color: var(--theme-color-danger);\n }\n \n svg {\n display: block;\n }\n \n path {\n fill: currentColor;\n }\n \n &:hover::before {\n content: '';\n position: absolute;\n top: -1px;\n right: -1px;\n bottom: -1px;\n left: -1px;\n border: 1px solid currentColor;\n border-radius: 2px;\n border-radius: var(--form-field-border-radius);\n pointer-events: none;\n }\n"]))),v=function(e){return(0,l.jsx)(f,{onMouseDown:function(t){t.stopPropagation(),e.clearValue()},children:(0,l.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M4.00003 4.66663L7.33338 7.99998L8.00005 7.33331L4.6667 3.99996L7.99998 0.666687L7.33331 2.22535e-05L4.00004 3.3333L0.666736 0L7.11999e-05 0.666665L3.33337 3.99996L0 7.33334L0.666665 8L4.00003 4.66663Z",fill:"#8B8D8F"})})})},x=c.Ay.div(a||(a=(0,o.A)(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 30px;\n height: 32px;\n color: #616060;\n \n svg {\n display: block;\n }\n \n path {\n fill: currentColor;\n \n ",":hover & {\n fill: ",";\n fill: ",";\n }\n }\n"])),h,(function(e){return e.isDisabled?"currentColor":"#78BC65"}),(function(e){return e.isDisabled?"currentColor":"var(--theme-color-primary)"})),b=function(e){var t=e.isDisabled;return(0,l.jsx)(x,{isDisabled:t,children:(0,l.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M3.29295 5.27821L0.464524 2.44978C0.0739998 2.05926 0.0739998 1.42609 0.464524 1.03557C0.855048 0.645045 1.48821 0.645045 1.87874 1.03557L4.00006 3.15689L6.12138 1.03557C6.5119 0.645045 7.14507 0.645045 7.53559 1.03557C7.92612 1.42609 7.92612 2.05926 7.53559 2.44978L4.70716 5.27821C4.31664 5.66873 3.68348 5.66873 3.29295 5.27821Z",fill:"#8B8D8F"})})})},y=function(e){return(0,l.jsx)(d.Ay,(0,s.A)((0,s.A)({placeholder:"",noOptionsMessage:function(){return"\u041d\u0435\u0442 \u043e\u043f\u0446\u0438\u0439"},isSearchable:!1,theme:p},e),{},{styles:m,components:{SelectContainer:g,ClearIndicator:v,DropdownIndicator:b}}))}},86473:function(e,t,i){"use strict";i.d(t,{oV:function(){return u}});var n=i(89379),r=i(94542),a=i(11942),o=i.n(a),s=(i(9950),i(44414)),d={fontSize:"14px",padding:"3px 6px"},c=(0,n.A)((0,n.A)({},d),{},{color:"#fff",hoverColor:"#fff",selectedColor:"#95d84b",disabledColor:"#fff",backgroundColor:"#8cd538",selectedBackgroundColor:"#fff",hoverBackgroundColor:"#74ba21",hoverSelectedBackgroundColor:"#74ba21",disabledBackgroundColor:"#8d8d8d",textTransform:"uppercase",textDecoration:"none"}),l=((0,n.A)((0,n.A)({},d),{},{color:"#5c5c5c",hoverColor:"#5c5c5c",selectedColor:"#5c5c5c",disabledColor:"#5c5c5c",backgroundColor:"#e3e7ed",selectedBackgroundColor:"#e3e7ed",hoverBackgroundColor:"#d2d6dc",hoverSelectedBackgroundColor:"#d2d6dc",disabledBackgroundColor:"#e3e7ed",textTransform:"none",textDecoration:"none"}),(0,n.A)((0,n.A)({},d),{},{color:"#83c441",hoverColor:"#95d84b",selectedColor:"#95d84b",disabledColor:"#5c5c5c",backgroundColor:"transparent",selectedBackgroundColor:"transparent",hoverBackgroundColor:"transparent",hoverSelectedBackgroundColor:"transparent",disabledBackgroundColor:"transparent",textTransform:"none",textDecoration:"underline"}),(0,n.A)((0,n.A)({},d),{},{color:"#fff",hoverColor:"#fff",selectedColor:"#fff",disabledColor:"#fff",backgroundColor:"#FC4751",selectedBackgroundColor:"#FC4751",hoverBackgroundColor:"#FC4751",hoverSelectedBackgroundColor:"#FC4751",disabledBackgroundColor:"#FC4751",textTransform:"none",textDecoration:"none"}),(0,n.A)((0,n.A)({},d),{},{color:"#616060",hoverColor:"#FC4751",selectedColor:"#FC4751",disabledColor:"#999",backgroundColor:"transparent",selectedBackgroundColor:"transparent",hoverBackgroundColor:"#e6e6e6",hoverSelectedBackgroundColor:"transparent",disabledBackgroundColor:"transparent",padding:"10px"})),p=r.Ay.button.withConfig({componentId:"sc-d256u9-0"})(["display:inline-block;vertical-align:middle;border:0;border-radius:3px;text-align:center;outline:0;margin:0;padding:",";cursor:pointer;text-transform:",";text-decoration:",";color:",";background-color:",";font-size:",";font-weight:400;font-family:'Roboto',sans-serif;line-height:1.2;transition:color .1s ease-in-out,background-color .1s ease-in-out;user-select:none;& + &{margin-left:5px;}&:hover{color:",";background-color:",";}
1&:disabled{color:",";background-color:",";cursor:not-allowed;opacity:.7;}svg{display:block;}"],(function(e){return e.theme.padding}),(function(e){return e.theme.textTransform}),(function(e){return e.theme.textDecoration}),(function(e){return e.selected?e.theme.selectedColor:e.theme.color}),(function(e){return e.selected?e.theme.selectedBackgroundColor:e.theme.backgroundColor}),(function(e){return e.theme.fontSize}),(function(e){return e.theme.hoverColor}),(function(e){return e.selected?e.theme.hoverSelectedBackgroundColor:e.theme.hoverBackgroundColor}),(function(e){return e.theme.disabledColor}),(function(e){return e.theme.disabledBackgroundColor}));p.propTypes={type:o().string,selected:o().bool,disabled:o().bool,onClick:o().func,theme:o().shape({color:o().string,selectedColor:o().string,disabledColor:o().string,backgroundColor:o().string,selectedBackgroundColor:o().string,hoverBackgroundColor:o().string,hoverSelectedBackgroundColor:o().string,disabledBackgroundColor:o().string,textTransform:o().string})},p.defaultProps={type:"button",selected:!1,disabled:!1,theme:(0,n.A)({},c)};var u=function(e){return(0,s.jsx)(p,(0,n.A)((0,n.A)({},e),{},{theme:l,children:(0,s.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{fill:"currentColor",d:"M4.00003 4.66663L7.33338 7.99998L8.00005 7.33331L4.6667 3.99996L7.99998 0.666687L7.33331 2.22535e-05L4.00004 3.3333L0.666736 0L7.11999e-05 0.666665L3.33337 3.99996L0 7.33334L0.666665 8L4.00003 4.66663Z"})})}))};t.Ay=p},65817:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return G}});var n=i(64467),r=i(80296),a=i(89379),o=i(45458),s=i(23029),d=i(92901),c=i(39874),l=i(15361),p=i(9950),u=i(98854),m=i(86473),h=i(39753),g=i(21899),f=i(28851),v=i(1288),x=i(57527),b=i(94542),y=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-0"})(["margin-bottom:15px;padding-bottom:15px;display:flex;flex-wrap:wrap;align-items:flex-end;border-bottom:2px solid #B7BABD;border-bottom:2px solid var(--gray-border-4);"]),w=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-1"})(["display:flex;align-items:center;margin-left:auto;@media(max-width:768px){padding-top:8px;flex-wrap:wrap;}"]),A=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-2"})(["padding-right:24px;padding-right:var(--grid-atom--x3);white-space:nowrap;"]),k=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-3"})(["width:194px;@media(max-width:1024px){width:110px;;}"]),C=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-4"})(["font-size:30px;line-height:1.17;font-weight:500;white-space:nowrap;color:#262626;color:var(--text-color-heading);@media(max-width:1100px){font-size:24px;}"]),j=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-5"})(['position:relative;display:flex;flex-wrap:wrap;display:grid;align-items:flex-start;justify-content:space-between;grid-template-columns:repeat(5,auto) 368px;grid-template-rows:1fr;grid-template-areas:"vcpu vram localdisk fastvdrive vdrive price";grid-gap:8px;border-radius:3px;padding:20px 0;&:not(:first-child){border-top:1px solid #DADADA;border-top:1px solid var(--gray-border);}@media(max-width:1200px){grid-template-columns:repeat(5,auto) 260px;}@media(max-width:1100px){grid-template-columns:repeat(4,auto);grid-template-rows:2fr;grid-template-areas:"vcpu localdisk fastvdrive ." "vram vdrive price price";}@media(max-width:620px){grid-template-columns:repeat(2,auto);justify-content:space-around;grid-template-rows:3fr;grid-template-areas:"vcpu fastvdrive" "vram vdrive" "localdisk price";}@media(max-width:360px){grid-template-columns:1fr;grid-template-rows:6fr;grid-template-areas:"vcpu" "vram" "localdisk" "fastvdrive" "vdrive" "price";}']),S=(b.Ay.div.withConfig({componentId:"sc-1v4a7kk-6"})(["grid-area:vdc;@media (min-width:1025px){padding-right:24px;padding-right:var(--grid-atom--x3);}"]),b.Ay.div.withConfig({componentId:"sc-1v4a7kk-7"})(["grid-area:vcpu;@media(max-width:360px){text-align:center;}"])),I=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-8"})(["grid-area:vram;@media(max-width:360px){text-align:center;}"]),L=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-9"})(["grid-area:localdisk;@media(max-width:360px){text-align:center;}"]),T=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-10"})(["grid-area:fastvdrive;@media(max-width:360px){text-align:center;}"]),D=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-11"})(["grid-area:vdrive;@media(max-width:360px){text-align:center;}"]),P=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-12"})(["grid-area:price;@media (min-width:1201px){padding-left:48px;padding-left:var(--grid-atom--x6);}@media(max-width:360px){text-align:center;}"]),N=(0,b.Ay)(C).withConfig({componentId:"sc-1v4a7kk-13"})([""]),O=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-14"})(["font-size:12px;padding-bottom:15px;text-align:",";@media(max-width:1100px){padding-bottom:8px;}@media(max-width:360px){text-align:center;}"],(function(e){return e.textAlign?e.textAlign:"center"})),B=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-15"})(["position:absolute;top:0;right:0;@media (min-width:1101px){top:16px;top:var(--grid-atom--x2);}","{display:block;}"],m.Ay),R=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-16"})(["display:flex;margin:-20px -20px 0;@media(max-width:1024px){flex-wrap:wrap;}"]),V=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-17"})(["padding:0 20px;flex-grow:1;"]),_=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-18"})(["font-weight:500;font-size:20px;margin-top:40px;margin-top:var(--grid-atom--x5);"]),F=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-19"})(["display:flex;align-items:center;&:not(:first-child){margin-top:24px;margin-top:var(--grid-atom--x3);}"]),z=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-20"})(["flex-grow:1;padding-right:5px;@media(max-width:360px){word-break:break-all;word-break:break-word;}"]),W=(0,b.Ay)(C).withConfig({componentId:"sc-1v4a7kk-21"})(["margin-bottom:20px;"]),E=(0,b.Ay)(C).withConfig({componentId:"sc-1v4a7kk-22"})(["margin-bottom:90px;@media(max-width:1100px){margin-bottom:30px;}"]),H=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-23"})(["display:flex;align-items:flex-end;@media(max-width:768px){flex-wrap:wrap;}"]),M=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-24"})(["flex:1 1 auto;padding-right:36px;@media(max-width:768px){padding-right:0;}"]),q=b.Ay.div.withConfig({componentId:"sc-1v4a7kk-25"})(["flex:0 0 320px;position:sticky;bottom:20px;@media(max-width:1200px){flex-basis:260px;}@media(max-width:768px){flex-basis:100%;position:static;margin-top:40px;}"]),U=(b.Ay.div.withConfig({componentId:"sc-1v4a7kk-26"})(["display:flex;@media(max-width:768px){flex-wrap:wrap;}"]),b.Ay.div.withConfig({componentId:"sc-1v4a7kk-27"})(["flex:0 0 320px;@media(max-width:1200px){flex-basis:260px;}@media(max-width:768px){flex-basis:100%;margin-top:40px;}"]),i(44414)),$=(0,f.A)({padRight:2}),G=function(e){function t(e){var i;(0,s.A)(this,t),(i=(0,c.A)(this,t,[e])).state={period:720,serverList:[],price:{},fetching:!0},i.addServerItem=function(){i.setState({serverList:[].concat((0,o.A)(i.state.serverList),[i.getNewServerItem()])})},i.saveStateToStorageDebounced=(0,v.s)(1e3)(t.saveStateToStorage);var n=t.getStateFromStorage();return n&&n.period&&(i.state.period=n.period),n&&n.serverList?i.state.serverList=n.serverList:i.state.serverList.push(i.getNewServerItem()),n&&n.price&&(i.state.price=n.price),i}
1return(0,l.A)(t,e),(0,d.A)(t,[{key:"componentDidMount",value:function(){var e=this,i=new FormData;i.append("action","get_cloud_prices"),fetch(window.wp_ajax_url||"/wp-admin/admin-ajax.php",{method:"POST",headers:{"X-Requested-With":"XMLHttpRequest"},body:i}).then((function(e){return e.json()})).then((function(i){var n,r=i.data,o={};r.forEach((function(e){var t=e.title,i=e.name,n=e.unit,r=e.hour_price;return o[i]={title:t,unit:n,price:+r}}));var s={vcpu:o.vcpus,vram:o.memory,vfastssd:o["volume.size.fast"],vssd:o["volume.size.basic"],"windows-license":o["windows.license"],"floating-ip":o["ip.floating"],localDisk:o["local.disk"]},d=new Set(Object.keys(e.state.price)),c=new Set(Object.keys(s));n=d.size===c.size&&(0,x.uq)(d,c)?Object.keys(e.state.price).reduce((function(t,i){return t[i]=(0,a.A)((0,a.A)((0,a.A)({},e.state.price[i]),s[i]),{},{amount:e.state.price[i].amount||0}),t}),{}):Object.keys(s).reduce((function(e,i){return e[i]=(0,a.A)((0,a.A)({},s[i]),{},{amount:t.additionalDefaults.hasOwnProperty(i)?t.additionalDefaults[i]:0}),e}),{}),e.setState({price:n,fetching:!1})}))}},{key:"componentDidUpdate",value:function(e,t,i){this.saveStateToStorageDebounced(this.state)}},{key:"render",value:function(){var e=this,i=Object.entries(t.periods).map((function(e){var t=(0,r.A)(e,2),i=t[0];return{label:t[1].title,value:Number(i)}}));return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)("div",{className:"bg-lightgray-2 plate-border-radius p-4 pt-lg-7 ph-lg-10 pb-lg-10 mb-4 ".concat(this.state.fetching?"processing":""),children:[(0,U.jsxs)("div",{className:"mb-3",children:[(0,U.jsxs)(y,{children:[(0,U.jsx)("div",{className:"sub-heading mb-0 mr-4 color-heading",children:"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432"}),(0,U.jsx)("button",{type:"button",className:"btn btn--outline hide-lg-down",disabled:this.state.serverList.length>9,onClick:this.addServerItem,children:"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440"}),(0,U.jsxs)(w,{children:[(0,U.jsx)(A,{children:"\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0437\u0430"}),(0,U.jsx)(k,{children:(0,U.jsx)(u.Ck,{options:i,value:i.find((function(t){return t.value===e.state.period})),onChange:function(t){var i=t.value;return e.setState({period:i})},theme:u.$W})})]})]}),(0,U.jsx)("div",{children:this.state.serverList.sort((0,g.B2)("id")).map((function(i){return(0,U.jsxs)(j,{children:[(0,U.jsxs)(S,{children:[(0,U.jsx)(O,{children:"vCPU, \u0448\u0442."}),(0,U.jsx)(h.Ay,{freeInput:!0,min:0,max:1e5,step:1,value:i.configuration.vcpu,onChange:function(t){e.setServerItemProp(i.id,"vcpu",Number(t.target.value))}})]}),(0,U.jsxs)(I,{children:[(0,U.jsx)(O,{children:"\u041f\u0430\u043c\u044f\u0442\u044c, \u0413\u0411"}),(0,U.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vram,onChange:function(t){e.setServerItemProp(i.id,"vram",Number(t.target.value))}})]}),(0,U.jsxs)(L,{children:[(0,U.jsx)(O,{children:"Local disk, \u0413\u0411"}),(0,U.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.localDisk,onChange:function(t){e.setServerItemProp(i.id,"localDisk",Number(t.target.value))}})]}),(0,U.jsxs)(T,{children:[(0,U.jsx)(O,{children:"Fast disk, \u0413\u0411"}),(0,U.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vfastssd,onChange:function(t){e.setServerItemProp(i.id,"vfastssd",Number(t.target.value))}})]}),(0,U.jsxs)(D,{children:[(0,U.jsx)(O,{children:"Base disk, \u0413\u0411"}),(0,U.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vssd,onChange:function(t){e.setServerItemProp(i.id,"vssd",Number(t.target.value))}})]}),(0,U.jsxs)(P,{children:[(0,U.jsx)(O,{textAlign:"left",children:"\u0418\u0442\u043e\u0433\u043e \u0437\u0430 \u044d\u0442\u043e\u0442 \u0441\u0435\u0440\u0432\u0435\u0440"}),(0,U.jsxs)(N,{children:[$(e.getServerItemTotalPrice(i))," \u20bd/",t.periods[e.state.period].shortTitle]})]}),e.state.serverList.length>1&&(0,U.jsx)(B,{children:(0,U.jsx)(m.oV,{onClick:function(){return e.removeServerItem(i.id)}})})]},i.id)}))}),(0,U.jsx)("button",{type:"button",className:"btn btn--outline hide-lg-up",disabled:this.state.serverList.length>9,onClick:this.addServerItem,children:"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440"})]}),(0,U.jsxs)(H,{children:[(0,U.jsxs)(M,{children:[(0,U.jsx)(y,{children:(0,U.jsx)("div",{className:"sub-heading mb-0 color-heading",children:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b"})}),(0,U.jsxs)(R,{children:[(0,U.jsxs)(V,{children:[(0,U.jsx)(_,{children:"IP-\u0430\u0434\u0440\u0435\u0441\u0430 \u0438 \u0441\u0435\u0442\u0438"}),this.renderAdditionalSection(t.additionalSections.ipAndNetwork),(0,U.jsx)(_,{children:"\u041b\u
10438\u0446\u0435\u043d\u0437\u0438\u0438"}),this.renderAdditionalSection(t.additionalSections.licenses)]}),(0,U.jsx)(V,{})]})]}),(0,U.jsxs)(q,{children:[(0,U.jsx)(W,{children:"\u0418\u0442\u043e\u0433\u043e:"}),(0,U.jsxs)(E,{children:[$(this.getTotalPrice())," \u20bd/",t.periods[this.state.period].shortTitle]}),(0,U.jsx)("p",{className:"text-label mb-2",children:"\u0426\u0435\u043d\u0430 \u0432\u0441\u0435\u0445 \u0443\u0441\u043b\u0443\u0433 \u0443\u043a\u0430\u0437\u0430\u043d\u0430 \u0431\u0435\u0437 \u0443\u0447\u0435\u0442\u0430 \u041d\u0414\u0421 22%"}),(0,U.jsx)("a",{href:"https://cp.datahouse.ru/account/login?next=/openstack",target:"_blank",rel:"noreferrer noopener nofollow",className:"btn",children:"\u041d\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c"})]})]})]}),(0,U.jsxs)("p",{className:"text-label text-center",children:["\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u043e\u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0431\u0438\u043b\u043b\u0438\u043d\u0433 \u043f\u043e \u043c\u043e\u0434\u0435\u043b\u0438 Pay-as-you-go. ",(0,U.jsx)("br",{}),"\u0421\u0443\u043c\u043c\u0438\u0440\u0443\u0435\u043c \u0432\u0441\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u0430\u0448\u0438\u043d: vCPU, RAM, \u0440\u0430\u0437\u043c\u0435\u0440 \u0434\u0438\u0441\u043a\u043e\u0432 (\u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u0430\u0448\u0438\u043d \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0438\u0441\u043a\u0438). ",(0,U.jsx)("br",{}),"\u041f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0443\u043c\u043d\u043e\u0436\u0430\u044e\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0432 \u0447\u0430\u0441 \u0438 \u0441\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0441 \u0431\u0430\u043b\u0430\u043d\u0441\u0430."]})]})}},{key:"getNewServerItem",value:function(){return{id:Date.now(),vdcType:"Gold",configuration:{vcpu:0,vram:0,vfastssd:0,vssd:0,localDisk:0}}}},{key:"removeServerItem",value:function(e){this.setState({serverList:(0,o.A)(this.state.serverList.filter((function(t){return t.id!==e})))})}},{key:"setServerItemProp",value:function(e,t,i){this.setState({serverList:[].concat((0,o.A)(this.state.serverList.filter((function(t){return t.id!==e}))),[(0,a.A)((0,a.A)({},this.findServerItemById(e)),{},{configuration:(0,a.A)((0,a.A)({},this.findServerItemById(e).configuration),{},(0,n.A)({},t,i))})])})}},{key:"findServerItemById",value:function(e){return this.state.serverList.find((function(t){return t.id===e}))}},{key:"renderAdditionalSection",value:function(e){var t=this;return e.map((function(e){var i=(0,r.A)(e,2),n=i[0],a=i[1];return t.state.price.hasOwnProperty(n)?(0,U.jsxs)(F,{children:[(0,U.jsx)(z,{children:a}),(0,U.jsx)(h.Ay,{freeInput:!0,min:0,max:1e3,step:1,value:t.state.price[n].amount,onChange:function(e){t.setPriceItemAmount(n,Number(e.target.value))}})]},n):null}))}},{key:"setPriceItemAmount",value:function(e,t){this.setState({price:(0,a.A)((0,a.A)({},this.state.price),{},(0,n.A)({},e,(0,a.A)((0,a.A)({},this.state.price[e]),{},{amount:t})))})}},{key:"getServerItemTotalPrice",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state.period,n=["vcpu","vram","localDisk"];return"Gold"===e.vdcType&&n.push("vfastssd","vssd"),n.reduce((function(n,r){return t.state.price.hasOwnProperty(r)?n+e.configuration[r]*t.state.price[r].price*i:n}),0)}},{key:"getAdditionalItemTotalPrice",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state.period;return this.state.price[e]?this.state.price[e].amount*this.state.price[e].price*t:0}},{key:"getAdditionalItemsTotalPrice",value:function(e){var i=this;return[].concat((0,o.A)(t.additionalSections.ipAndNetwork.map((function(e){return(0,r.A)(e,1)[0]}))),(0,o.A)(t.additionalSections.licenses.map((function(e){return(0,r.A)(e,1)[0]})))).reduce((function(t,n){return i.state.price.hasOwnProperty(n)?t+i.getAdditionalItemTotalPrice(n,e):t}),0)}},{key:"getTotalPrice",value:function(e){var t=this,i=0;return i+=this.state.serverList.reduce((function(i,n){return i+t.getServerItemTotalPrice(n,e)}),0),i+=this.getAdditionalItemsTotalPrice(e)}}],[{key:"getStateFromStorage",value:function(){var e;try{var i=JSON.parse(localStorage.getItem("datahouse-cs-state"));i.version===t.storageVersion&&(e=i.state)}catch(n){}return e||(e={}),e}},{key:"saveStateToStorage",value:function(e){var i={version:t.storageVersion,timestamp:Date.now(),state:{period:e.period,serverList:e.serverList,price:e.price}};try{localStorage.setItem("datahouse-cs-state",JSON.stringify(i))}catch(n){}}}])}(p.Component);G.vdcTypes=(0,n.A)({},"gold","Gold"),G.periods=(0,n.A)((0,n.A)((0,n.A)({},1,{title:"1 \u0447\u0430\u0441",shortTitle:"\u0447\u0430\u0441"}),24,{title:"1 \u0434\u0435\u043d\u044c",shortTitle:"\u0434\u0435\u043d\u044c"}),720,{title:"1 \u043c\u0435\u0441\u044f\u0446",shortTitle:"\u043c\u0435\u0441."}),G.additionalSections={ipAndNetwork:[["floating-ip","\u041f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0439 IP-\u0430\u0434\u0440\u0435\u0441"]],licenses:[["windows-license","Windows Server (1 \u044f\u0434\u0440\u043e)"]]},G.additionalDefaults={"floating-ip":0,"windows-license":0},G.storageVersion=4},96734:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return ee}});var n=i(64467),r=i(80296),a=i(89379),o=i(45458),s=i(23029),d=i(92901),c=i(39874),l=i(15361),p=i(9950),u=i(98854),m=i(86473),h=i(39753),g=i(21899),f=i(28851),v=i(1288),x=i(57527),b=i(94542),y=b.Ay.div.withConfig({componentId:"sc-1bli4ka-0"})(["margin-bottom:15px;padding-bottom:15px;
1display:flex;flex-wrap:wrap;align-items:flex-end;border-bottom:1px solid var(--palette-31);"]),w=b.Ay.div.withConfig({componentId:"sc-1bli4ka-1"})(["display:flex;align-items:center;margin-left:auto;@media(max-width:768px){padding-top:8px;flex-wrap:wrap;}"]),A=b.Ay.div.withConfig({componentId:"sc-1bli4ka-2"})(["padding-right:var(--grid-atom--x3);white-space:nowrap;"]),k=b.Ay.div.withConfig({componentId:"sc-1bli4ka-3"})(["width:194px;@media(max-width:1024px){width:initial;}"]),C=b.Ay.div.withConfig({componentId:"sc-1bli4ka-4"})(["font-size:30px;line-height:1.17;font-weight:500;white-space:nowrap;color:var(--text-color-heading);@media(max-width:1100px){font-size:24px;}"]),j=b.Ay.div.withConfig({componentId:"sc-1bli4ka-5"})(['position:relative;display:grid;align-items:start;justify-content:space-between;grid-template-columns:132px repeat(4,auto) 368px;grid-template-rows:1fr;grid-template-areas:"vdc vcpu vram fastvdrive vdrive price";grid-gap:8px;border-radius:3px;padding:20px 0;&:not(:first-child){border-top:1px solid var(--gray-border);}@media(max-width:1200px){grid-template-columns:132px repeat(4,auto) 260px;}@media(max-width:1100px){grid-template-columns:132px repeat(4,auto);grid-template-rows:2fr;grid-template-areas:"vdc vcpu vram fastvdrive vdrive" "price price price price price";}@media(max-width:850px){grid-template-columns:220px repeat(2,auto);grid-template-rows:2fr;grid-template-areas:"vdc vcpu fastvdrive" "price vram vdrive";}@media(max-width:620px){grid-template-columns:repeat(2,auto);grid-template-rows:4fr;grid-template-areas:"vdc . ." "vcpu fastvdrive vram" "vdrive . ." "price price price";}@media(max-width:550px){grid-template-columns:repeat(2,auto);grid-template-rows:4fr;grid-template-areas:"vdc ." "vcpu fastvdrive" "vram vdrive" "price price";}@media(max-width:400px){grid-template-columns:1fr;grid-template-rows:6fr;grid-template-areas:"vdc" "vcpu" "vram" "fastvdrive" "vdrive" "price";}']),S=b.Ay.div.withConfig({componentId:"sc-1bli4ka-6"})(["grid-area:vdc;@media (min-width:1025px){padding-right:var(--grid-atom--x3);}"]),I=b.Ay.div.withConfig({componentId:"sc-1bli4ka-7"})(["grid-area:vcpu;@media(max-width:400px){text-align:center;}"]),L=b.Ay.div.withConfig({componentId:"sc-1bli4ka-8"})(["grid-area:vram;@media(max-width:400px){text-align:center;}"]),T=b.Ay.div.withConfig({componentId:"sc-1bli4ka-9"})(["grid-area:fastvdrive;@media(max-width:400px){text-align:center;}"]),D=b.Ay.div.withConfig({componentId:"sc-1bli4ka-10"})(["grid-area:vdrive;@media(max-width:400px){text-align:center;}"]),P=b.Ay.div.withConfig({componentId:"sc-1bli4ka-11"})(["grid-area:price;@media (min-width:1101px){padding-left:var(--grid-atom--x6);}"]),N=(0,b.Ay)(C).withConfig({componentId:"sc-1bli4ka-12"})([""]),O=b.Ay.div.withConfig({componentId:"sc-1bli4ka-13"})(["font-size:12px;padding-bottom:15px;text-align:",";@media(max-width:1100px){padding-bottom:8px;}"],(function(e){return e.textAlign?e.textAlign:"center"})),B=b.Ay.div.withConfig({componentId:"sc-1bli4ka-14"})(["position:absolute;top:0;right:0;@media (min-width:1101px){top:var(--grid-atom--x2);}","{display:block;}"],m.Ay),R=b.Ay.div.withConfig({componentId:"sc-1bli4ka-15"})(["display:flex;margin:-20px -20px 0;@media(max-width:1024px){flex-wrap:wrap;}"]),V=b.Ay.div.withConfig({componentId:"sc-1bli4ka-16"})(["padding:0 20px;flex-grow:1;"]),_=b.Ay.div.withConfig({componentId:"sc-1bli4ka-17"})(["font-weight:500;font-size:20px;margin-top:var(--grid-atom--x5);"]),F=b.Ay.div.withConfig({componentId:"sc-1bli4ka-18"})(["display:flex;align-items:center;&:not(:first-child){margin-top:var(--grid-atom--x3);}"]),z=b.Ay.div.withConfig({componentId:"sc-1bli4ka-19"})(["flex-grow:1;padding-right:5px;@media(max-width:360px){word-break:break-all;word-break:break-word;}"]),W=(0,b.Ay)(C).withConfig({componentId:"sc-1bli4ka-20"})(["font-size:20px;margin-bottom:12px;"]),E=(0,b.Ay)(C).withConfig({componentId:"sc-1bli4ka-21"})(["margin-bottom:90px;@media(max-width:1100px){margin-bottom:30px;}"]),H=b.Ay.div.withConfig({componentId:"sc-1bli4ka-22"})(["display:flex;align-items:flex-end;@media(max-width:768px){flex-wrap:wrap;}"]),M=b.Ay.div.withConfig({componentId:"sc-1bli4ka-23"})(["flex:1 1 auto;padding-right:36px;@media(max-width:768px){padding-right:0;}"]),q=b.Ay.div.withConfig({componentId:"sc-1bli4ka-24"})(["flex:0 0 320px;position:sticky;bottom:20px;@media(max-width:1200px){flex-basis:260px;}@media(max-width:768px){flex-basis:100%;position:static;margin-top:40px;}"]),U=b.Ay.div.withConfig({componentId:"sc-1bli4ka-25"})(["display:flex;@media(max-width:768px){flex-wrap:wrap;}"]),$=b.Ay.div.withConfig({componentId:"sc-1bli4ka-26"})(["flex:1 1 auto;padding-right:var(--grid-atom--x5);@media(max-width:768px){padding-right:0;}"]),G=b.Ay.div.withConfig({componentId:"sc-1bli4ka-27"})(["flex:0 0 320px;@media(max-width:1200px){flex-basis:260px;}@media(max-width:768px){flex-basis:100%;margin-top:40px;}"]),X=b.Ay.div.withConfig({componentId:"sc-1bli4ka-28"})(["display:flex;flex-wrap:wrap;margin:0 calc(var(--grid-atom--x2) * -1);"]),J=b.Ay.div.withConfig({componentId:"sc-1bli4ka-29"})(["display:flex;flex-direction:column;align-items:center;flex-basis:120px;padding:0 var(--grid-atom--x2);"]),Z=i(44414),Q=(0,f.A)({padRight:2}),Y="gold",K="silver",ee=function(e){function t(e){var i;(0,s.A)(this,t),(i=(0,c.A)(this,t,[e])).state={period:720,vdcList:[],price:{},fetching:!0},i.addVdcItem=function(){i.setState({vdcList:[].concat((0,o.A)(i.state.vdcList),[i.getNewVdcItem()])})},i.saveStateToStorageDebounced=(0,v.s)(1e3)(t.saveStateToStorage);var n=t.getStateFromStorage();return n&&n.period&&(i.state.period=n.period),n&&n.vdcList?i.state.vdcList=n.vdcList:i.state.vdcList.push(i.getNewVdcItem()),n&&n.price&&(i.state.price=n.price),i}
1return(0,l.A)(t,e),(0,d.A)(t,[{key:"componentDidMount",value:function(){var e=this,i=new FormData;i.append("action","get_vmware_prices"),fetch(window.wp_ajax_url||"/wp-admin/admin-ajax.php",{method:"POST",headers:{"X-Requested-With":"XMLHttpRequest"},body:i}).then((function(e){return e.json()})).then((function(i){var n,r=i.data,o=new Set(Object.keys(e.state.price)),s=new Set(Object.keys(r.price));n=o.size===s.size&&(0,x.uq)(o,s)?Object.keys(e.state.price).reduce((function(t,i){return t[i]=(0,a.A)((0,a.A)((0,a.A)({},e.state.price[i]),r.price[i]),{},{amount:e.state.price[i].amount}),t}),{}):Object.keys(r.price).reduce((function(e,i){return e[i]=(0,a.A)((0,a.A)({},r.price[i]),{},{amount:t.additionalDefaults.hasOwnProperty(i)?t.additionalDefaults[i]:0}),e}),{}),e.setState({price:n,fetching:!1})}))}},{key:"componentDidUpdate",value:function(e,t,i){this.saveStateToStorageDebounced(this.state)}},{key:"render",value:function(){var e=this,i=Object.entries(t.periods).map((function(e){var t=(0,r.A)(e,2),i=t[0];return{label:t[1].title,value:Number(i)}}));return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("div",{className:"bg-lightgray plate-border-radius pv-7 ph-4 ph-lg-10 mb-4 ".concat(this.state.fetching?"processing":""),children:[(0,Z.jsxs)("div",{className:"mb-3",children:[(0,Z.jsxs)(y,{children:[(0,Z.jsx)("div",{className:"sub-heading mb-0 mr-4 color-heading",children:"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432"}),(0,Z.jsx)("button",{type:"button",className:"btn btn--outline hide-lg-down pv-1",disabled:this.state.vdcList.length>9,onClick:this.addVdcItem,children:"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c vDC"}),(0,Z.jsxs)(w,{children:[(0,Z.jsx)(A,{children:"\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0437\u0430"}),(0,Z.jsx)(k,{children:(0,Z.jsx)(u.Ck,{options:i,value:i.find((function(t){return t.value===e.state.period})),onChange:function(t){var i=t.value;return e.setState({period:i})},theme:u.$W})})]})]}),(0,Z.jsx)("div",{children:this.state.vdcList.sort((0,g.B2)("id")).map((function(i){return(0,Z.jsxs)(j,{children:[(0,Z.jsxs)(S,{children:[(0,Z.jsx)(O,{textAlign:"left",children:"\u0422\u0438\u043f vDC"}),e.renderItemVdcType(i)]}),(0,Z.jsxs)(I,{children:[(0,Z.jsx)(O,{children:"vCPU, \u0448\u0442."}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e5,step:1,value:i.configuration.vcpu,onChange:function(t){e.setVDCItemProp(i.id,"vcpu",Number(t.target.value))}})]}),(0,Z.jsxs)(L,{children:[(0,Z.jsx)(O,{children:"vRAM, \u0413\u0411"}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vram,onChange:function(t){e.setVDCItemProp(i.id,"vram",Number(t.target.value))}})]}),(0,Z.jsxs)(T,{children:[i.vdcType===Y&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O,{children:"Fast vSSD, \u0413\u0411"}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vfastssd,onChange:function(t){e.setVDCItemProp(i.id,"vfastssd",Number(t.target.value))}})]}),i.vdcType===K&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O,{children:"Fast vHDD, \u0413\u0411"}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vfasthdd,onChange:function(t){e.setVDCItemProp(i.id,"vfasthdd",Number(t.target.value))}})]})]}),(0,Z.jsxs)(D,{children:[i.vdcType===Y&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O,{children:"vSSD, \u0413\u0411"}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vssd,onChange:function(t){e.setVDCItemProp(i.id,"vssd",Number(t.target.value))}})]}),i.vdcType===K&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O,{children:"vHDD, \u0413\u0411"}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:i.configuration.vhdd,onChange:function(t){e.setVDCItemProp(i.id,"vhdd",Number(t.target.value))}})]})]}),(0,Z.jsxs)(P,{children:[(0,Z.jsx)(O,{textAlign:"left",children:"\u0418\u0442\u043e\u0433\u043e \u0437\u0430 \u044d\u0442\u043e\u0442 vDC"}),(0,Z.jsxs)(N,{children:[Q(e.getVdcItemTotalPrice(i))," \u20bd/",t.periods[e.state.period].shortTitle]})]}),e.state.vdcList.length>1&&(0,Z.jsx)(B,{children:(0,Z.jsx)(m.oV,{onClick:function(){return e.removeVdcItem(i.id)}})})]},i.id)}))}),(0,Z.jsx)("button",{type:"button",className:"btn btn--outline hide-lg-up",disabled:this.state.vdcList.length>9,onClick:this.addVdcItem,children:"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0435\u0449\u0451 1\xa0vDC"})]}),(0,Z.jsxs)("div",{className:"mb-5",children:[(0,Z.jsxs)(U,{children:[(0,Z.jsx)($,{children:(0,Z.jsx)(y,{children:(0,Z.jsx)("div",{className:"sub-heading mb-0 color-heading",children:"\u0420\u0435\u0437\u0435\u0440\u0432\u043d\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435"})})}),(0,Z.jsx)(G,{})]}),(0,Z.jsxs)(U,{children:[(0,Z.jsx)($,{children:(0,Z.jsxs)(X,{children:[this.state.price.hasOwnProperty("veeam_vm_count")&&(0,Z.jsxs)(J,{children:[(0,Z.jsx)(O,{children:"VM, \u0448\u0442."}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e5,step:1,value:this.state.price.veeam_vm_count.amount,onChange:function(t){e.setPriceItemAmount("veeam_vm_count",Number(t.target.value))}})]}),this.state.price.hasOwnProperty("veeam_used_gigabytes")&&(0,Z.jsxs)(J,{children:[(0,Z.jsx)(O,{children:"HDD, \u0413\u0411"}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e6,step:1,value:this.state.price.veeam_used_gigabytes.amount,onChange:function(t){e.setPriceItemAmount("veeam_used_gigabytes",Number(t.target.value))}})]})]})}),(0,Z.jsx)(G,{children:(0,Z.jsxs)("div",{children:[(0,Z.jsx)(O,{textAlign:"left",children:"\u0418\u0442\u043e\u0433\u043e \u0437\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445"}),(0,Z.jsxs)(N,{children:[Q(this.getVeeamTotalPrice())," \u20bd/",t.periods[this.state.period].shortTitle]})]})})]})]}),(0,Z.jsxs)(H,{children:[(0,Z.jsxs)(M,{children:[(0,Z.jsx)(y,{children:(0,Z.jsx)("div",{className:"sub-heading mb-0 color-heading",children:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b"})}),(0,Z.jsxs)(R,{children:[(0,Z.jsxs)(V,{children:[(0,Z.jsx)(_,{children:"IP-\u0430\u0434\u0440\u0435\u0441\u0430 \u0438 \u0441\u0435\u0442\u0438"}),this.renderAdditionalSection(t.additionalSections.ipAndNetwork),(0,Z.jsx)(_,{children:"\u041b\u
10438\u0446\u0435\u043d\u0437\u0438\u0438"}),this.renderAdditionalSection(t.additionalSections.licenses)]}),(0,Z.jsxs)(V,{children:[(0,Z.jsx)(_,{children:"Edge-\u0420\u043e\u0443\u0442\u0435\u0440\u044b"}),this.renderAdditionalSection(t.additionalSections.edgeRouters)]})]})]}),(0,Z.jsxs)(q,{children:[(0,Z.jsx)(W,{children:"\u0418\u0442\u043e\u0433\u043e:"}),(0,Z.jsxs)(E,{children:[Q(this.getTotalPrice())," \u20bd/",t.periods[this.state.period].shortTitle]}),(0,Z.jsx)("p",{className:"text-label mb-2",children:"\u0426\u0435\u043d\u0430 \u0432\u0441\u0435\u0445 \u0443\u0441\u043b\u0443\u0433 \u0443\u043a\u0430\u0437\u0430\u043d\u0430 \u0431\u0435\u0437 \u0443\u0447\u0435\u0442\u0430 \u041d\u0414\u0421 22%"}),(0,Z.jsxs)("a",{href:"https://cp.datahouse.ru/account/login?next=/vmware",target:"_blank",rel:"noreferrer noopener nofollow",className:"btn",children:["\u041d\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c",(0,Z.jsx)("svg",{width:"16",height:"11",className:"svg-arrow-right",style:{marginLeft:"12px"},children:(0,Z.jsx)("use",{href:"#svg-arrow-right"})})]})]})]})]}),(0,Z.jsxs)("p",{className:"text-label text-center",children:["* \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u0446\u0435\u043d\u043e\u0432\u043e\u0439 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u0438\xa0\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d\u0438\u044f \u0441\u043e\xa0\u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c\u044e. \u0417\u0430\u043a\u0430\u0437 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0443\u0441\u043b\u0443\u0433 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\xa0\u043f\u0430\u043d\u0435\u043b\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f.",(0,Z.jsx)("br",{}),"* \u041f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438\u0437 \u0440\u0430\u0441\u0447\u0435\u0442\u0430 720 \u0447\u0430\u0441\u043e\u0432 \u0432 \u043c\u0435\u0441\u044f\u0446\u0435."]})]})}},{key:"renderItemVdcType",value:function(e){var i=this,n=Object.entries(t.vdcTypes).map((function(e){var t=(0,r.A)(e,2),i=t[0];return{label:t[1],value:i}}));return(0,Z.jsx)(u.Ck,{options:n,value:n.find((function(t){return t.value===e.vdcType})),onChange:function(t){i.setState({vdcList:[].concat((0,o.A)(i.state.vdcList.filter((function(t){return t.id!==e.id}))),[(0,a.A)((0,a.A)({},e),{},{vdcType:t.value})])})},theme:u.$W})}},{key:"renderAdditionalSection",value:function(e){var t=this;return e.map((function(e){var i=(0,r.A)(e,2),n=i[0],a=i[1];return t.state.price.hasOwnProperty(n)?(0,Z.jsxs)(F,{children:[(0,Z.jsx)(z,{children:a}),(0,Z.jsx)(h.Ay,{freeInput:!0,min:0,max:1e3,step:1,value:t.state.price[n].amount,onChange:function(e){t.setPriceItemAmount(n,Number(e.target.value))}})]},n):null}))}},{key:"getNewVdcItem",value:function(){return{id:Date.now(),vdcType:Object.keys(t.vdcTypes)[0],configuration:{vcpu:0,vram:0,vfastssd:0,vssd:0,vfasthdd:0,vhdd:0}}}},{key:"removeVdcItem",value:function(e){this.setState({vdcList:(0,o.A)(this.state.vdcList.filter((function(t){return t.id!==e})))})}},{key:"setVDCItemProp",value:function(e,t,i){this.setState({vdcList:[].concat((0,o.A)(this.state.vdcList.filter((function(t){return t.id!==e}))),[(0,a.A)((0,a.A)({},this.findVDCItemById(e)),{},{configuration:(0,a.A)((0,a.A)({},this.findVDCItemById(e).configuration),{},(0,n.A)({},t,i))})])})}},{key:"findVDCItemById",value:function(e){return this.state.vdcList.find((function(t){return t.id===e}))}},{key:"setPriceItemAmount",value:function(e,t){this.setState({price:(0,a.A)((0,a.A)({},this.state.price),{},(0,n.A)({},e,(0,a.A)((0,a.A)({},this.state.price[e]),{},{amount:t})))})}},{key:"getVdcItemTotalPrice",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state.period,n=["vcpu","vram"];return e.vdcType===Y&&n.push("vfastssd","vssd"),e.vdcType===K&&n.push("vfasthdd","vhdd"),n.reduce((function(n,r){return t.state.price.hasOwnProperty(r)?n+e.configuration[r]*t.state.price[r].price*i:n}),0)}},{key:"getVeeamTotalPrice",value:function(){var e=this;return t.additionalSections.veeam.map((function(e){return(0,r.A)(e,1)[0]})).reduce((function(t,i){return e.state.price.hasOwnProperty(i)?t+e.getAdditionalItemTotalPrice(i):t}),0)}},{key:"getAdditionalItemTotalPrice",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state.period;return this.state.price[e].amount*this.state.price[e].price*t}},{key:"getAdditionalItemsTotalPrice",value:function(){var e=this;return[].concat((0,o.A)(t.additionalSections.ipAndNetwork.map((function(e){return(0,r.A)(e,1)[0]}))),(0,o.A)(t.additionalSections.licenses.map((function(e){return(0,r.A)(e,1)[0]}))),(0,o.A)(t.additionalSections.edgeRouters.map((function(e){return(0,r.A)(e,1)[0]}))),(0,o.A)(t.additionalSections.veeam.map((function(e){return(0,r.A)(e,1)[0]})))).reduce((function(t,i){return e.state.price.hasOwnProperty(i)?t+e.getAdditionalItemTotalPrice(i):t}),0)}},{key:"getTotalPrice",value:function(){var e=this,t=0;return t+=this.state.vdcList.reduce((function(t,i){return t+e.getVdcItemTotalPrice(i)}),0),t+=this.getAdditionalItemsTotalPrice()}}],[{key:"getStateFromStorage",value:function(){var e;try{var i=JSON.parse(localStorage.getItem("datahouse-vdc-state"));i.version===t.storageVersion&&(e=i.state)}catch(n){}return e||(e={}),e}},{key:"saveStateToStorage",value:function(e){var i={version:t.storageVersion,timestamp:Date.now(),state:{period:e.period,vdcList:e.vdcList,price:e.price}};try{localStorage.setItem("datahouse-vdc-state",JSON.stringify(i))}catch(n){}}}])}(p.Component);ee.vdcTypes=(0,n.A)((0,n.A)({},Y,"Gold"),K,"Silver"),ee.periods=(0,n.A)((0,n.A)((0,n.A)({},1,{title:"1 \u0447\u0430\u0441",shortTitle:"\u0447\u0430\u0441"}),24,{title:"1 \u0434\u0435\u043d\u044c",shortTitle:"\u0434\u0435\u043d\u044c"}),720,{title:"1 \u043c\u0435\u0441\u044f\u0446",shortTitle:"\u043c\u0435\u0441."}),ee.additionalSections={ipAndNetwork:[["routed-ip","\u041c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c\u044b\u0439 IP-\u0430\u0434\u0440\u0435\u0441"],["isolated-net","\u0418\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0441\u0435\u0442\u044c"],["direct-net-29","Direct connected \u043f\u043e\u0434\u0441\u0435\u0442\u044c /29"],["direct-net-28","Direct connected \u043f\u043e\u0434\u0441\u0435\u0442\u044c /28"],["direct-net-24","Direct connected \u043f\u043e\u0434\u0441\u0435\u0442\u044c /24"]],licenses:[["windows-license","Windows Server (1 \u044f\u0434\u0440\u043e)"],["license-6515528","Microsoft SQL Server Standard Edition (2 \u044f\u0434\u0440\u0430)"],["license-11997245","Microsoft WinRmtDisktpSvcsSALAIILng Licence"]],edgeRouters:[["edge-compact","Compact"],["edge-large","Large"],["edge-quad-large","Quad Large"],["edge-x-large","X-Large"]],veeam:[["veeam_used_gigabytes","\u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435, Veeam Backup"],["veeam_vm_count","\u0412\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0448\u0438\u043d\u044b, Veeam Backup"]]},ee.additionalDefaults={},ee.storageVersion=2},28851:function(e,t,i){"use strict";var n=i(89379),r=i(72506),a=i.n(r),o=function(e){return{integerSeparator:" ",decimal:",",round:2,padRight:e%1>0?2:0}};t.A=function(e){if("number"===typeof e)return a()(o(e))(e);if(null!==e&&"object"===typeof e)return a()((0,n.A)((0,n.A)({},o(e)),e));throw new Error("Wrong argument type, expecting Number or Object. Got ".concat(typeof e,": ").concat(e))}},57527:function(e,t,i){"use strict";i.d(t,{E$:function(){return a},uq:function(){return r}});var n=i(24765),r=function(e,t){var i,r=(0,n.A)(t);try{for(r.s();!(i=r.n()).done;){var a=i.value;if(!e.has(a))return!1}}catch(o){r.e(o)}finally{r.f()}return!0},a=function(e,t){var i,r=new Set,a=(0,n.A)(t);try{for(a.s();!(i=a.n()).done;){var o=i.value;e.has(o)&&r.add(o)}}catch(s){a.e(s)}finally{a.f()}return r}},21899:function(e,t,i){"use strict";i.d(t,{B2:function(){return r}});var n=function(e,t){return e-t},r=function(e){return function(t,i){return n(t[e],i[e])}}},72506:function(e){function t(e){if((e=e||{}).negativeType=e.negativeType||("R"===e.negative?"right":"left"),"string"!==typeof e.negativeLeftSymbol)switch(e.negativeType){case"left":e.negativeLeftSymbol="-";break;case"brackets":e.negativeLeftSymbol="(";break;default:e.negativeLeftSymbol=""}if("string"!==typeof e.negativeRightSymbol)switch(e.negativeType){case"right":e.negativeRightSymbol="-";break;case"brackets":e.negativeRightSymbol=")";break;default:e.negativeRightSymbol=""}function t(t,i){if(i=i||{},!t&&0!==t)return"";var n=[],r="-"===(t=""+t).charAt(0);return t=t.replace(/^\-/g,""),e.negativeLeftOut||i.noUnits||n.push(e.prefix),r&&n.push(e.negativeLeftSymbol),e.negativeLeftOut&&!i.noUnits&&n.push(e.prefix),t=t.split("."),null!=e.round&&function(e,t){if(e[1]&&t>=0&&e[1].length>t){var i=e[1].slice(0,t);if(+e[1].substr(t,1)>=5){for(var n="";"0"===i.charAt(0);)n+="0",i=i.substr(1);(i=n+(i=+i+1+"")).length>t&&(e[0]=+e[0]+ +i.charAt(0)+"",i=i.substring(1))}e[1]=i}}(t,e.round),null!=e.truncate&&(t[1]=function(e,t){e&&(e+="");return e&&e.length>t?e.substr(0,t):e}(t[1],e.truncate)),e.padLeft>0&&(t[0]=function(e,t){e+="";var i=[];for(;i.length+e.length<t;)i.push("0");return i.join("")+e}(t[0],e.padLeft)),e.padRight>0&&(t[1]=function(e,t){e?e+="":e="";var i=[];for(;i.length+e.length<t;)i.push("0");return e+i.join("")}(t[1],e.padRight)),!i.noSeparator&&t[1]&&(t[1]=function(e,t){if(e+="",!t)return e;var i=/(\d{3})(\d+)/;for(;i.test(e);)e=e.replace(i,"$1"+t+"$2");return e}(t[1],e.decimalsSeparator)),!i.noSeparator&&t[0]&&(t[0]=function(e,t){if(e+="",!t)return e;var i=/(\d+)(\d{3})/;for(;i.test(e);)e=e.replace(i,"$1"+t+"$2");return e}(t[0],e.integerSeparator)),n.push(t[0]),t[1]&&(n.push(e.decimal),n.push(t[1])),e.negativeRightOut&&!i.noUnits&&n.push(e.suffix),r&&n.push(e.negativeRightSymbol),e.negativeRightOut||i.noUnits||n.push(e.suffix),n.join("")}function i(t,i){i=i||[],e.allowedSeparators&&e.allowedSeparators.forEac
1h((function(e){i.push(e)})),i.push(e.integerSeparator),i.push(e.decimalsSeparator);var n=t=(t=t.replace(e.prefix,"")).replace(e.suffix,"");do{t=n;for(var r=0;r<i.length;r++)n=n.replace(i[r],"")}while(n!=t);return t}return"boolean"!==typeof e.negativeLeftOut&&(e.negativeLeftOut=!1!==e.negativeOut),"boolean"!==typeof e.negativeRightOut&&(e.negativeRightOut=!1!==e.negativeOut),e.prefix=e.prefix||"",e.suffix=e.suffix||"","string"!==typeof e.integerSeparator&&(e.integerSeparator="string"===typeof e.separator?e.separator:","),e.decimalsSeparator="string"===typeof e.decimalsSeparator?e.decimalsSeparator:"",e.decimal=e.decimal||".",e.padLeft=e.padLeft||-1,e.padRight=e.padRight||-1,t.negative=e.negative,t.negativeOut=e.negativeOut,t.negativeType=e.negativeType,t.negativeLeftOut=e.negativeLeftOut,t.negativeLeftSymbol=e.negativeLeftSymbol,t.negativeRightOut=e.negativeRightOut,t.negativeRightSymbol=e.negativeRightSymbol,t.prefix=e.prefix,t.suffix=e.suffix,t.separate=e.separate,t.integerSeparator=e.integerSeparator,t.decimalsSeparator=e.decimalsSeparator,t.decimal=e.decimal,t.padLeft=e.padLeft,t.padRight=e.padRight,t.truncate=e.truncate,t.round=e.round,t.unformat=i,t}e.exports=t,e.exports.default=t},43488:function(e,t,i){"use strict";var n=i(93959);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,t,i,r,a,o){if(o!==n){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var i={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:r};return i.PropTypes=i,i}},11942:function(e,t,i){e.exports=i(43488)()},93959:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},24765:function(e,t,i){"use strict";i.d(t,{A:function(){return r}});var n=i(27800);function r(e,t){var i="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!i){if(Array.isArray(e)||(i=(0,n.A)(e))||t&&e&&"number"==typeof e.length){i&&(e=i);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,d=!1;return{s:function(){i=i.call(e)},n:function(){var e=i.next();return s=e.done,e},e:function(e){d=!0,o=e},f:function(){try{s||null==i.return||i.return()}finally{if(d)throw o}}}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.