npm - @assaabloy/amarr-wc-door-designer - Versions diffs - 3.0.13 → 3.0.15 - Mend

@assaabloy/amarr-wc-door-designer 3.0.13 → 3.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/door-designer.js +1 -1
package/package.json +2 -2

package/door-designer.js CHANGED Viewed

	@@ -1 +1 @@
1	- !function(e){function t(t){for(var n,r,i=t[0],c=t[1],d=t[2],m=0,u=[];m<i.length;m++)r=i[m],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&u.push(o[r][0]),o[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(s&&s(t);u.length;)u.shift()();return l.push.apply(l,d\|\|[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==o[c]&&(n=!1)}n&&(l.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},o={38:0},l=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/";var i=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=c;l.push([828,0]),a()}({0:function(e,t){e.exports=React},1:function(e,t,a){"use strict";a.d(t,"g",(function(){return o})),a.d(t,"V",(function(){return l})),a.d(t,"i",(function(){return r})),a.d(t,"D",(function(){return i})),a.d(t,"G",(function(){return c})),a.d(t,"v",(function(){return d})),a.d(t,"B",(function(){return s})),a.d(t,"o",(function(){return m})),a.d(t,"r",(function(){return u})),a.d(t,"I",(function(){return p})),a.d(t,"H",(function(){return g})),a.d(t,"Q",(function(){return h})),a.d(t,"E",(function(){return f})),a.d(t,"u",(function(){return b})),a.d(t,"h",(function(){return w})),a.d(t,"t",(function(){return v})),a.d(t,"y",(function(){return x})),a.d(t,"w",(function(){return E})),a.d(t,"C",(function(){return O})),a.d(t,"s",(function(){return I})),a.d(t,"R",(function(){return y})),a.d(t,"q",(function(){return j})),a.d(t,"J",(function(){return N})),a.d(t,"F",(function(){return k})),a.d(t,"S",(function(){return D})),a.d(t,"m",(function(){return C})),a.d(t,"j",(function(){return R})),a.d(t,"n",(function(){return A})),a.d(t,"k",(function(){return L})),a.d(t,"l",(function(){return U})),a.d(t,"z",(function(){return z})),a.d(t,"L",(function(){return H})),a.d(t,"x",(function(){return W})),a.d(t,"T",(function(){return T})),a.d(t,"U",(function(){return Z})),a.d(t,"b",(function(){return M})),a.d(t,"O",(function(){return J})),a.d(t,"A",(function(){return _})),a.d(t,"a",(function(){return B})),a.d(t,"d",(function(){return V})),a.d(t,"f",(function(){return q})),a.d(t,"e",(function(){return F})),a.d(t,"X",(function(){return G})),a.d(t,"c",(function(){return $})),a.d(t,"W",(function(){return Q})),a.d(t,"K",(function(){return X})),a.d(t,"M",(function(){return K})),a.d(t,"N",(function(){return Y})),a.d(t,"p",(function(){return ee})),a.d(t,"P",(function(){return te}));var n=a(3),o=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},l=function(e){return btoa(unescape(encodeURIComponent(e)))},r=function(e){return e.toUpperCase()},i=function(e){return e.replaceAll(" ","-").toLowerCase()},c=new n.a(!1),d=new n.a(!1),s=new n.a(!1),m=new n.a(!1),u=new n.a(""),p=new n.a(!1),g=new n.a(!1),h=new n.a(!1),f=new n.a(!1),b=new n.a(!1),w=new n.a(!1),v=new n.a(""),x=new n.a(!0),E=new n.a(!0),O=new n.a(!0),I=new n.a(!0),y=new n.a(!0),j=new n.a(!0),N=new n.a({}),S=new n.a(!1),P=0,k=new n.a(!1),D=new n.a(""),C=new n.a(""),R=new n.a(""),A=new n.a(""),L=new n.a(""),U=new n.a(""),z=new n.a(""),H=new n.a(""),W=new n.a(!1),T=new n.a(!1),Z=new n.a(!1),M=function(){setTimeout((function(){P++,S.next(!0)}),0)},J=function(){setTimeout((function(){P>0&&P--,0==P&&S.next(!1)}),0)},_=function(){return S.asObservable()},B=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+))\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},V=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]$/)},q=function(e){return/^[0-9a-zA-Z !@#\$%\^\&\)$+=._-]+$/.test(e)},F=function(e){return/^\(?([0-9]{3})$\s[0-9]{3}-[0-9]{4}$/.test(e)},G=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+\|(?:www.\|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_])?\??(?:[-\+=&;%@.\w_])#?(?:[\w]))?)/.test(e)},$=function(e){return/^[0-9]$/.test(e)},Q=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~\|!:,.;][-a-zA-Z0-9+&@#/%=~\|]$/.test(e)},X=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},K=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e\|\|(e=e.toFixed(2)),e},Y=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)\|\|"0"===t?0:(e-t)/t100).toFixed(2)},ee=function(e){var t={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:e.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:e.selectedHeight,glass:e.selectedGlass,collection:e.selectedCollection,print:!0,baseUrl:"",gplacement:e.selectedWindowPlacement,width:e.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return e.selectedColor&&(t.color=e.selectedColor),e.colorHex&&(t.colorHex=e.colorHex),e.colorZone&&(t.colorZone=e.colorZone),e.selectedConstruction&&(t.model=e.selectedConstruction),e.selectedWindowDesign&&(t.top=e.selectedWindowDesign),e.glazepattern&&(t.glazepattern=e.glazepattern),e.selectedHardware&&(t.hardware=e.selectedHardware),t},te=function(e,t,a){var n="",o=e.split(t);return o.forEach((function(e,t){"undefined"!==e&&e&&(n+=e,t!==o.length-1&&(n+=a))})),n}},19:function(e,t){e.exports=ReactDOM},20:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),o=a.n(n),l=a(4).default.div.withConfig({displayName:"styles__View",componentId:"sc-97v6oe-0"})([".modal{&-content{border-radius:4px;box-shadow:0 4px 12px 0 rgb(0 0 0 / 20%);}}.alert-popup{.modal{padding:0 !important;&-dialog{max-width:540px !important;@media screen and (max-width:767px){max-width:100% !important;}@media screen and (min-width:768px) and (max-width:1024px){max-width:430px !important;}&-centered{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}}&-content{padding:30px;@media (min-width:768px){min-width:350px;}@media (max-width:426px){min-width:90%;max-width:90%;}}&-header,&-body,&-footer{padding:0;}&-header{border-bottom:none;.close{padding:0;margin:0;position:absolute;right:15px;top:15px;}}&-footer{border-top:none;button{min-width:100px;}}}}"]),r=a(5),i=function(e){var t=e.buttonText,a=void 0===t?"ok":t,n=e.text,i=void 0===n?"some message here.":n,c=e.name,d=void 0===c?"":c,s=e.type,m=void 0===s?"success":s,u=e.reloadPopup;return o.a.createElement(l,null,o.a.createElement("div",{className:"modal fade alert-popup",id:"msg-popup-".concat(d),role:"dialog","aria-hidden":"true"},o.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},o.a.createElement("div",{className:"modal-content"},o.a.createElement("div",{className:"modal-header"},o.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},o.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),o.a.createElement("div",{className:"modal-body text-center"},"success"===m?o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-confirm-green.svg",alt:"Tick icon"}):o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-error-red.svg",alt:"Cross icon"}),o.a.createElement("p",{className:"my-4"},i)),o.a.createElement("div",{className:"modal-footer justify-content-center"},o.a.createElement("a",{href:"#","data-dismiss":"modal"},o.a.createElement(r.a,{label:a,onClick:function(){setTimeout((function(){document.getElementById("parent-modal")&&(document.getElementById("parent-modal").style.display="none")}),500),u&&!0===u&&window.location.reload()}})))))))}},260:function(e,t){},261:function(e,t){},5:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(22),o=a(0),l=a.n(o),r=a(4),i=r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),c=r.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(['font-size:12px;font-family:"Open Sans";font-weight:600;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#fff;padding:12px 19px 12px 20px;border-radius:4px;background-color:#006166;box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:#338084;color:#fff;}&:focus{transform:scale(1);box-shadow:none !important;background-color:#004347;}&:active{background-color:#006166 !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:#333333;background:#b2cfd1;&:hover{background:#8EB8BB;}&:focus{background:#8EA5A7;border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:#8EA5A7 !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media(min-width:1201px){font-size:16px;}.button-icon{vertical-align:top;padding-right:8px;}']),d=a(18),s=a(17),m=function(e){var t=e.label,a=void 0===t?"label":t,o=e.classStyle,r=void 0===o?"default":o,m=e.link,u=void 0!==m&&m,p=e.disabled,g=void 0!==p&&p,h=e.datatoggle,f=void 0===h?"":h,b=e.datatarget,w=void 0===b?"":b,v=e.linkHref,x=e.target,E=void 0===x?"_self":x,O=e.downloadLink,I=void 0!==O&&O,y=e.inverse,j=void 0!==y&&y,N=e.icon,S=void 0===N?"":N,P=e.iconAlt,k=void 0===P?"":P,D=e.dataItemName,C=void 0===D?"":D,R=e.id,A=void 0===R?"":R,L=e.type,U=void 0===L?"button":L,z=e.showDisabledMessage,H=void 0===z?"":z,W=e.ariaLabel,T=void 0===W?"":W,Z=Object(n.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage","ariaLabel"]);return l.a.createElement(i,null,l.a.createElement("div",{className:"".concat(g&&H&&"disabled-button-parent")},u?l.a.createElement("a",{href:v,download:I,target:E,"data-item-name":C,id:A,"aria-label":T},l.a.createElement(c,Object.assign({role:"presentation",disabled:g,classStyle:"".concat(r)},Z,{type:U,className:j?"btn-inverse btn btn-success":"btn btn-success"}),""!=S?l.a.createElement("div",{"data-toggle":f,"data-target":w},l.a.createElement("img",{loading:"lazy",className:"button-icon",src:S,alt:k}),l.a.createElement("span",null,a)):l.a.createElement("span",null,a))):l.a.createElement(c,Object.assign({disabled:g,classStyle:r,className:j?"btn-inverse btn btn-success":"btn btn-success",id:A,"data-item-name":C,type:U},Z),l.a.createElement("span",null,a)),g&&H&&l.a.createElement(d.a,{placement:"top",delay:{show:250,hide:250},overlay:l.a.createElement(s.a,{id:"button-tooltip"},l.a.createElement("div",{className:"p-1 amarr-h6"},H))},l.a.createElement("div",{className:"disabled-button-overlay"}))))}},59:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(15),o=a(0),l=a.n(o),r=a(4),i=(a(35),r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:center;div{align-items:center;}}"])),c=a(26),d=a.n(c),s=function(e){return Object(n.a)(e),l.a.createElement(i,null,l.a.createElement("div",{className:"d-flex justify-content-center loader"},l.a.createElement("div",{className:"d-flex"},l.a.createElement(d.a,{type:"Oval",color:"rgb(0, 97, 102)",height:100,width:100}))))}},72:function(e,t,a){"use strict";var n=a(2),o=a(0),l=a.n(o),r=a(4),i=r.default.section.withConfig({displayName:"style__Content",componentId:"vvnxvg-0"})(['.stepper-head{margin-bottom:0;}.door-designer{margin:0 auto;}.sticky-content{position:sticky;top:150px;bottom:0;z-index:2;align-self:flex-start;@media(max-width:1440px){top:120px;}@media screen and (max-width:767px){position:relative;background:#ffff;top:0;}}.editEffect{cursor:pointer;&:hover{transform:scale(1.1);transition:0.2s;}}.main-content{margin-top:40px;margin-bottom:60px;.tabs-container{margin:0 auto;}}.btn-inverse,.next-btn button{min-width:80px !important;}.door-size-content{.row{margin-top:24px;margin-bottom:24px;}}.row{margin-top:40px;margin-bottom:40px;@media screen and (max-width:767px){margin-top:10px;}}button{cursor:pointer;}.door-dimension-select{display:inline-grid;width:170px;position:relative;:not(:last-child){margin-right:24px;}}.selected-item{transition:0.2s;border:solid 4px #de0000;}#doordesigner-link{visibility:hidden;font-size:1px;}.alert-popup .modal-dialog-centered.dd-popup{margin:20px auto 0;}.alert-popup{.modal{padding:0 !important;&-dialog{max-width:58% !important;@media screen and (max-width:767px){max-width:100% !important;}@media screen and (min-width:768px) and (max-width:1024px){max-width:430px !important;}&-centered{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}}&-content{padding:30px;width:100%;@media (max-width:768px){margin-left:17px;}}&-header,&-body,&-footer{padding:0;}&-header{border-bottom:none;.close{padding:0;margin:0;position:absolute;right:15px;top:15px;}}&-footer{border-top:none;button{min-width:100px;}}}}.door-box{width:48px;height:48px;display:inline-grid;place-items:center;margin-right:18px;border-radius:4px;border:solid 1px #b6b9bb;line-height:1.5;cursor:pointer;&.selected{border:solid 2px #006166;color:#006166;transition:0.4s;}}.nav-tabs{border-bottom:transparent;margin-left:0;.nav-item{width:25%;&.show{.nav-link{color:#006166;background-color:#fff;border-bottom:2px solid #006166;}}&.active{.door-box{background-color:#006166;}}.door-box{width:36px;height:36px;color:#fff;background-color:#8d8d8d;vertical-align:text-top;margin-top:2px;}}.nav-link{border:1px solid transparent;padding:0 0 18px 0;color:#333;text-align:center;display:flex;justify-content:center;align-items:center;&.active{color:#006166;background-color:#fff;border-bottom:2px solid #006166;}}}.garage-door-size-select .amarrHighlight{margin-left:40px;}.door-size-select-container{position:relative;}select{appearance:none;cursor:pointer;}.select-dropdown{&-icon{width:16px;height:16px;position:absolute;right:12px;top:34%;transform:rotate(87deg);pointer-events:none;}}.share-buttons{.share-item:not(:last-child){margin-right:16px;}}@media screen and (max-width:1136px){.nav-tabs .nav-item .door-box{margin-top:-2px;margin-right:8px;}.description.door-properties{padding:0px 0 10px !important;}.door-properties{padding:10px 0px !important;}.tab-info{p{margin-bottom:12px;}}}@media screen and (max-width:992px){.share-buttons{justify-content:flex-start !important;}span{&.gallery-image{img{min-height:auto !important;}}}.links-and-buttons > {margin:10px 0 0 0px;}.links-and-buttons{margin:-10px 0 0 0px;}.share-buttons > {margin:10px 0 0 0px;}.share-buttons{margin:-10px 0 0 0px;}}@media screen and (min-width:768px) and (max-width:992px){.links-and-buttons{}}@media screen and (max-width:991px){.nav-tabs .nav-item .door-box{display:none;}}@media screen and (max-width:576px){.nav-tabs .nav-link{padding-bottom:4px;}.nav-tabs .nav-link > span{width:100%;display:inline-block;font-size:16px;}.garage-door-size-select .amarrHighlight{display:block;margin-left:0px;}.door-dimension-select{width:calc(50% - 15px);:not(:last-child){margin-right:30px;}}}.door-size{padding-top:16px;@media screen and (min-width:1681px){padding-top:24px;}}.home-image-tab .row{margin-top:24px;margin-bottom:24px;@media screen and (max-width:767px){margin-top:12px;margin-bottom:12px;.home-image-upload-photo{padding-top:12px;}}}.upload-instructions{margin-left:2rem;li{padding-left:.5rem;&::marker{font-size:12px;}}}span.gallery-image{flex:1 1 calc(16% - 18px);img{min-height:125px;}}.photo-gallery{padding-bottom:8px;@media screen and (max-width:767px){padding-bottom:18px;}@media screen and (min-width:1681px){padding-bottom:16px;}}.photo-gallery-container{border:1px solid #8d8d8d;border-radius:4px;padding:18px;max-height:520px;overflow-y:auto;div{display:flex;flex-wrap:wrap;gap:18px;}}@media screen and (max-width:576px){span.gallery-image{flex:1 1 45%;}}.tabs-container.design-door-tabs{background-color:#f0f0f0;.nav-tabs{.nav-link{padding:14px 0;&.active{background-color:inherit;}}}}.tab-info{margin-top:12px;margin-left:-15px;@media screen and (max-width:767px){margin-left:0px;}}.description.door-properties{padding:0px 20px 40px;}.door-properties{padding:40px 20px;.door-properties-select{margin:24px 0;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}.btn-group{display:block;button{width:100%;padding:12px;border-radius:4px;border:solid 1px #b6b9bb;background-color:#ffffff;text-align:left;&:after{display:block;position:absolute;right:12px;color:#8d8d8d;border:none;top:32%;content:"";background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg);transform:rotate(87deg);background-size:16px;width:16px;height:16px;background-repeat:no-repeat;}@media screen and (max-width:1900px){padding:9px 12px;}}}.dropdown-menu.show{max-height:400px;overflow-y:auto;scroll-behavior:smooth;.dropdown-item{vertical-align:text-top;p{white-space:break-spaces;color:#333333;margin:0;}}}}}.apply-checkbox{display:flex;align-items:center;input{height:20px;width:20px;}label{display:inline-block;margin-left:10px;margin-bottom:0;}}.button-grp{display:flex;margin-top:24px;> div{&:nth-child(1){margin-right:auto;}&:nth-child(2){margin-right:1.5rem;}}}@media screen and (max-width:968px){.gallery-image{.color-block{height:6rem;}}}@media screen and (max-width:1136px){.design-door-tab .tab-content{margin-top:14px;}}.details-modal{.details-modal-container{display:flex;gap:36px;align-items:center;@media screen and (max-width:767px){display:block;}}.ok-button button.btn{padding-left:36px;padding-right:36px;}.modal-img-container{min-width:18vw;max-width:50%;@media screen and (max-width:767px){margin-bottom:8px;max-width:100%;}}.modal{&-dialog{max-width:65%;@media screen and (max-width:576px){max-width:100%;}}&-header,&-body,&-footer{padding:0px 36px 0px 36px;border:0;@media screen and (max-width:767px){padding:0px 20px 0px 20px;}}&-body{padding-bottom:36px;@media screen and (max-width:767px){padding-bottom:20px;}}&-header{padding-top:8px;}}.button-div{display:flex;}}.mosaic-modal{.modal{&-dialog{max-width:40%;@media screen and (max-width:576px){max-width:100%;}}}}.modal{&-header,&-body,&-footer{padding:36px;border:0;}&-header,&-body{padding-bottom:15px;}&-body{padding-top:0px;+ p{padding:15px 36px 20px;}}&-footer{justify-content:flex-start;>:not(:first-child){margin-left:1rem;}button{min-width:100px;}}&.show{.modal-dialog{max-width:65%;}}.mosaic-modal{&.show{.modal-dialog{max-width:50%;}}}&-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem 2));}&-content{width:100%;}.photo-gallery-container{border:none;padding:0;margin:0;max-height:400px;overflow-y:auto;scroll-behavior:smooth;span.gallery-image{height:170px;}}}.mosaic-note{margin-top:30px;font-size:15px;}.mosaicGlazed{color:blue;}.mosaicGlazed:hover{text-decoration:underline;cursor:pointer;}@media (min-width:576px){.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2));}}@media screen and (max-width:576px){.modal.show{padding-right:0 !important;.modal-dialog{max-width:100%;}}}@media screen and (min-width:992px){.review-save-main .no-gutters .col-md-6:first-child{max-width:calc(50% - 10px);margin-right:10px;}.review-save-main .no-gutters .col-md-6:nth-child(2){max-width:calc(50% - 10px);margin-left:10px;}}.review-save-main{.figure{width:100%;text-align:center;.figure-img{margin-bottom:0;}}.disclaimer-text{font-size:16px}}.figure-caption{color:#333;background-color:#f0f0f0;width:100%;text-align:center;padding:13px 0;}.review-save-door-box .multiple-doors{border:1px solid #8d8d8d;border-radius:4px;}.review-save-door-box .image-row{min-height:15rem;align-items:top;}.review-save-door-box{gap:1.88%;.multiple-doors{width:100% !important;@media screen and (min-width:1024px){max-width:calc(25% - 18px);flex:0 0 23.55%;}}}.font-weight-semi{font-weight:600;}.door-review-info{border-top:solid 1px #8d8d8d;}@media screen and (max-width:1023px){.review-save-door-box{display:grid;grid-template-columns:repeat(4,35%);will-change:transform;align-content:center;overflow-x:auto;-ms-scroll-snap-coordinate:0 0;scroll-snap-coordinate:0 0;-ms-scroll-snap-points-x:repeat(100%);scroll-snap-points-x:repeat(100%);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;column-gap:18px;}.door-box{width:38px;height:38px;}}@media screen and (max-width:1376px){.review-save-door-box{grid-template-columns:repeat(4,42%);}}@media screen and (max-width:1024px){.door-box{width:36px;height:36px;}.review-save-door-box{grid-template-columns:repeat(4,52%);}}@media screen and (max-width:768px){.review-save-door-box{grid-template-columns:repeat(4,62%);}.next-btn.request-quote{width:100%;margin:0 !important;margin-top:10px !important;}.nav-tabs{gap:2%;flex-wrap:initial;align-items:center;}}@media screen and (max-width:576px){.review-save-main{.figure{margin-bottom:10px;img{margin-bottom:0;}}}.review-save-door-box{grid-template-columns:repeat(4,72%);}.row.no-gutters.lg-images{margin-bottom:0;}.row.links-and-buttons{margin-top:0;}.next-btn.back-btn{}.next-btn.request-quote{margin-top:15px;}}@media screen and (max-width:450px){.review-save-door-box{grid-template-columns:repeat(4,90%);}}canvas{width:100%;}.next-btn{button{min-width:140px;text-transform:uppercase;@media screen and (max-width:576px){min-width:75px;}}}.color-block{display:inline-block;width:100%;height:4rem;}.photo-gallery-container a{width:14%;@media screen and (min-width:1400px){width:15%;.color-block{height:8rem;}}@media screen and (max-width:1024px){width:14%;}@media screen and (max-width:968px){width:45%;}}.dropdown-item{padding:10px;}.heading-tabs .nav-link{user-select:none;pointer-events:none;}.heading-tabs .nav-item{user-select:none;pointer-events:none;}.image-row img{max-height:10rem;}.cursor-pointer{cursor:pointer;}#email-success-link{visibility:hidden;}.modal-show{display:block !important;}.label-top-margin{margin-top:0.5rem;}.file-button{opacity:0;width:130px;height:44px;position:absolute;@media screen and (max-width:767px){width:120px;height:36px;}}.upload-image-btn{display:block;position:relative;width:130px;height:42px;border-radius:4px;border:solid 1px #b6b9bb;background-image:linear-gradient(to top,#f2f4f7,#ffffff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease-out;label{line-height:0;padding-top:14px;margin-bottom:0px;}input:focus{& ~ label{outline:-webkit-focus-ring-color auto 1px;}}@media screen and (max-width:767px){width:120px;height:36px;label{padding-top:15px;}}}.upload-file-container{display:flex;align-items:center;.upload-image-btn{margin-right:20px;}}.hardware-img-parent{position:relative;display:inline-block;.hardware-img{position:absolute;left:0;top:0;right:0;bottom:0;}}.add-to-favourites{display:flex;}@media print{@page{margin-top:2cm;padding-top:2cm;margin-left:0;margin-right:0;size:297mm 420mm;}.hide-print-media{display:none;}.review-save-door-box .image-row{height:10rem;}body{width:100%;height:100%;}.print-door{img{padding:0 20px !important;}}.figure-img{width:calc(50%);}.review-save-door-box{max-width:100%;justify-content:center;.multiple-doors{float:left !important;border:0 !important;width:25%;display:inline-block;.door-review-info{padding:10px !important;border:0;}h6,.body-text2,.body-text3{font-size:12px !important;line-height:18px;font-weight:normal !important;}span{font-weight:normal !important;}}}}.parent-pixi{position:relative;#small-loader{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:600px;display:block;@media (max-width:767px){height:400px;}.loader{text-align:center;overflow:hidden;background:rgba(0,0,0,0.75);overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;div{align-items:center;}}}}#email-img0,#email-img1,#email-img2,#email-img3,#something-went-wrong-modal-link{display:none;}']),c=a(1),d=a(23),s=a(5),m=a(6),u=a.n(m),p=a(159),g=a(9),h=[1,2,3,4],f=function(e){var t=e.doorSizeData,a=e.door,r=e.next,i=e.sampleHomeImagesCSV,m=e.doorOptionsAPIURL,f=e.imageRootPath,b=Object(o.useState)(1),w=Object(n.a)(b,2),v=w[0],x=w[1],E=Object(o.useState)([0]),O=Object(n.a)(E,2),I=O[0],y=O[1],j=Object(o.useState)([]),N=Object(n.a)(j,2),S=N[0],P=N[1],k=Object(o.useState)([]),D=Object(n.a)(k,2),C=D[0],R=D[1],A=Object(o.useState)([]),L=Object(n.a)(A,2),U=L[0],z=L[1],H=Object(o.useState)(!1),W=Object(n.a)(H,2),T=W[0],Z=W[1],M=Object(o.useState)([{width:8,height:7}]),J=Object(n.a)(M,2),_=J[0],B=J[1];Object(o.useEffect)((function(){B([{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}]),q(),V(),c.u.subscribe((function(e){e&&(q(),y([0]),x(1),B([{width:8,height:7}]))})),c.t.subscribe((function(e){if(e&&e.length>0){var t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"",a=t.length>0?JSON.parse(t):[{width:8,height:7}];B(a)}})),Object(c.A)().subscribe((function(e){Z(e)})),c.w.subscribe((function(e){if(!0===e){if(window.location.search){var t,a=new URLSearchParams(window.location.search),o=Object(d.a)(a);try{for(o.s();!(t=o.n()).done;){var l=Object(n.a)(t.value,2),r=l[0];l[1];if("collection"===r\|\|"window"===r\|\|"panel"===r\|\|"color"===r){var i=[{width:8,height:7}];i.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(i))}}}catch(s){o.e(s)}finally{o.f()}}c.w.next(!1)}})),G()}),[]);var V=function(){Object(c.b)(),u.a.get(i).then((function(e){var t=[],a=Object(p.a)(e.data).data,n=[];a.forEach((function(e){n.push(f+"DoorApp/homes/"+e[0])}));for(var o=0;o<a.length;o++){var l={index:o,images:[f+"homes/"+a[o][0]]},r=!1,i=!1;l.doors=[];for(var d=1;d<a[o].length;d+=9)l.doors.push({type:a[o][d].trim(),positions:a[o].slice(d+1,d+9)}),"s"==a[o][d].trim()&&(r=!0),"d"==a[o][d].trim()&&(i=!0),l.type=i&&r?"m":r?"s":"d",t.push(l)}localStorage.setItem("points",JSON.stringify(t)),z(n),localStorage.setItem("gallery",JSON.stringify(n)),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},q=function(){u.a.post(m,{names:["width","height"],hints:{}},{headers:{"content-type":"application/json"}}).then((function(e){P(e.data.options.height),R(e.data.options.width)}))},F=function(e){!function(e){y([0]);var t=[];x(e+1);for(var a=0;a<=e;a++)t.push(a);y(t)}(e);for(var t=_,a=0;a<=e;a++)null!==t[e]&&void 0!==t[e]\|\|t.push({width:8,height:7});B(t)},G=function(){var e=$(".no-garage-doors .door-box");$(e).each((function(e,t){$(this).on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode\|\|this.click()}))}))};return l.a.createElement("div",{className:"door-size-content"},T&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"no-garage-doors mb-3"},l.a.createElement("label",null,t.numberOfDoorsLabel.text),h.map((function(e,t){return l.a.createElement("div",{className:"door-box amarr-h6 ".concat(v===e?"selected":""),key:t,onClick:function(){return F(t)},role:"button",tabIndex:0},l.a.createElement("span",{className:"door-number"},e))}))))),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"garage-door-size-select"},l.a.createElement("label",null,t.sizeOfDoorsLabel.text,l.a.createElement("a",{className:"amarrHighlight body-text2 d-md-inline d-none",href:t.cta.url,target:t.cta.linkAction},t.cta.label)),l.a.createElement("p",{className:"body-text3 mb-sm-0"},t.sizeOfDoorsInfo.text),l.a.createElement("a",{className:"amarrHighlight body-text2 d-md-none d-block",href:t.cta.url,target:t.cta.linkAction},t.cta.label)))),I.map((function(e,n){return l.a.createElement("div",{className:"row mx-0",key:n},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"garage-door-size"},l.a.createElement("label",{htmlFor:"width-".concat(n)},a," ",e+1),l.a.createElement("div",{className:"door-dimension-select door-width-select"},l.a.createElement("p",{className:"body-text3"},t.width.text),l.a.createElement("div",{className:"door-size-select-container"},l.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),l.a.createElement("select",{name:"width",id:"width-".concat(n),onChange:function(e){return function(e,t){var a=_;a[t].width=Number(e.target.value),B(a)}(e,n)}},C&&C.length>0&&C.map((function(e,t){return l.a.createElement("option",{key:t,value:e.value,selected:!!(_&&_[t]&&_[t].width)&&e.value===_[t].width},e.description," '")}))))),l.a.createElement("div",{className:"door-dimension-select door-height-select"},l.a.createElement("p",{className:"body-text3"},t.height.text),l.a.createElement("div",{className:"door-size-select-container"},l.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),l.a.createElement("select",{name:"height",id:"height-".concat(n),onChange:function(e){return function(e,t){var a=_;a[t].height=Number(e.target.value),B(a)}(e,n)}},S&&S.length>0&&S.map((function(e,t){return l.a.createElement("option",{key:t,value:e.value,selected:!!(_&&_[t]&&_[t].height)&&e.value===_[t].height},e.description," '")}))))))))})),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12 next-btn door-size"},l.a.createElement(s.a,{label:Object(c.i)(r),onClick:function(){var e,t=v-_.length;0!=t&&_.splice(t),_.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(_)),localStorage.setItem("gallery",JSON.stringify(U)),c.v.next(!0),null===(e=document.getElementById("home-image-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}}))))},b=a(25),w=a.n(b),v=a(32),x=a(42),E=a(47),O=a(49),I=new(function(e){Object(E.a)(a,e);var t=Object(O.a)(a);function a(){var e;return Object(x.a)(this,a),(e=t.call(this,"AmarrDB")).image=void 0,e.version(1).stores({image:"image"}),e.open().catch((function(e){console.error(e.stack\|\|e)})),e}return a}(a(160).a)),y=a(161),j=function(e){var t=e.homeImageData,a=e.next,r=e.back,i=e.doorCoordinatesAPIURL,m=Object(o.useState)(""),p=Object(n.a)(m,2),h=p[0],f=p[1],b=Object(o.useState)(!1),x=Object(n.a)(b,2),E=x[0],O=x[1],j=Object(o.useState)([]),N=Object(n.a)(j,2),S=N[0],P=N[1],k=Object(o.useState)(0),D=Object(n.a)(k,2),C=D[0],R=D[1],A=Object(o.useState)(t.uploadNoImageText.text),L=Object(n.a)(A,2),U=L[0],z=L[1],H=Object(o.useState)(!1),W=Object(n.a)(H,2),T=W[0],Z=W[1],M=Object(o.useState)(!1),J=Object(n.a)(M,2),_=J[0],B=J[1],V=Object(o.useState)(!1),q=Object(n.a)(V,2),F=q[0],G=q[1];Object(o.useEffect)((function(){Object(c.A)().subscribe((function(e){G(e)})),Z(!1),c.u.subscribe((function(e){e&&(Z(!1),localStorage.setItem("image-type","chosen"),z(t.uploadNoImageText.text))})),c.v.subscribe((function(e){if(e&&(Z(!1),$(),localStorage.getItem("image-type")&&"uploaded"===localStorage.getItem("image-type"))){var t=localStorage.getItem("uploadedFileName")?localStorage.getItem("uploadedFileName"):"";z(t),I.table("image").toArray().then((function(e){e.length>0&&f(e[0].image)}))}})),c.C.subscribe((function(e){if(!0===e){if(Z(!1),window.location.search){var t,a=new URLSearchParams(window.location.search),o=Object(d.a)(a);try{for(o.s();!(t=o.n()).done;){var l=Object(n.a)(t.value,2),r=l[0];l[1];"collection"!==r&&"window"!==r&&"panel"!==r&&"color"!==r&&"glass"!==r\|\|($(),localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),K({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(i){o.e(i)}finally{o.f()}}c.C.next(!1)}}))}),[]);var $=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a="";1===t?a+="one":2===t?a+="two":3===t?a+="three":4===t&&(a+="four");for(var n=JSON.parse(e)[0]?JSON.parse(e)[0].type:"",o=!0,l=0;l<t-1;l++)JSON.parse(e)[l].type!=JSON.parse(e)[l+1].type&&(o=!1);if(!0===o)"s"===n?a+="Single":"d"===n&&(a+="Double");else{if(2===t){var r="";"sd"!==(r=r+JSON.parse(e)[0].type+JSON.parse(e)[1].type)&&"ds"!==r\|\|(a="other")}3===t&&(a="nope"),4===t&&(a="nope")}var i=[],c=localStorage.getItem("gallery");if(JSON.parse(c).forEach((function(e){e.indexOf(a)>-1&&i.push(e)})),P(i),localStorage.getItem("image-type")&&"chosen"===localStorage.getItem("image-type"))if(localStorage.getItem("selected-imageIndex")){var d=Number(localStorage.getItem("selected-imageIndex"));R(d),f(i[d]),K({},i[d],d),localStorage.setItem("image",i[d])}else R(0),f(i[0]),K({},i[0],0),localStorage.setItem("image",i[0])}},Q=function(e){if(i){var t=new FormData;return t.set("formFiles",e,e.name),u.a.post(i,t)}},X=function(){var e=Object(v.a)(w.a.mark((function e(t){var a,n,o,l,r,d,s;return w.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=29;break}if(localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),a=t.target.files[0].name,n=a.split(".").pop(),z(a),localStorage.setItem("uploadedFileName",a),"jpg"!==n.toLowerCase()&&"jpeg"!==n.toLowerCase()&&"png"!==n.toLowerCase()){e.next=27;break}if(O(!1),o=t.target.files[0].size,l=t.target.files[0],!(o<=5e6)){e.next=23;break}return B(!0),r={maxSizeMB:5,maxWidthOrHeight:4e3,useWebWorker:!0},Object(c.b)(),e.next=17,Object(y.a)(t.target.files[0],r).then((function(e){var t;(d=e,i)?null===(t=Q(l))\|\|void 0===t\|\|t.then((function(e){var t,a,n;(Object(c.O)(),B(!1),localStorage.setItem("door-coordinates",JSON.stringify(null===(t=e.data)\|\|void 0===t?void 0:t.doors)),localStorage.setItem("uploaded-image-id",JSON.stringify(null===(a=e.data)\|\|void 0===a?void 0:a.id)),null===(n=e.data)\|\|void 0===n?void 0:n.doors)&&e.data.doors.forEach((function(e,t){localStorage.setItem("updated-door_".concat(++t),JSON.stringify(e))}))}),(function(e){console.error(e)})):(B(!1),Object(c.O)())}));case 17:O(!1),(s=new FileReader).addEventListener("load",(function(e){var t=new Image;t.src=e.target.result,f(e.target.result);new Promise((function(e,a){t.onload=function(){var a=t.naturalWidth,n=t.naturalHeight;localStorage.setItem("dimensions",a+","+n),e({width:a,height:n})},t.onerror=a}))})),s.readAsDataURL(d),e.next=25;break;case 23:return O(!0),e.abrupt("return");case 25:e.next=29;break;case 27:return O(!0),e.abrupt("return");case 29:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),K=function(e,a,n){var o=new Image;o.src=a,o.onload=function(e){localStorage.setItem("dimensions",e.currentTarget.width+","+e.currentTarget.height)},localStorage.setItem("image",a),localStorage.setItem("image-type","chosen"),localStorage.setItem("selected-imageIndex",n.toString()),z(t.uploadNoImageText.text),R((function(){return C=n})),f(a)};return l.a.createElement("div",{className:"home-image-tab"},F&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"home-image-upload-photo"},l.a.createElement("div",{className:"mb-3"},l.a.createElement("label",null,t.uploadStepsLabel.text),l.a.createElement("ul",{className:"upload-instructions"},t.uploadSteps&&t.uploadSteps.length>0&&t.uploadSteps.map((function(e,t){return l.a.createElement("li",{className:"body-text2",key:t},e.text)})),l.a.createElement("p",{className:"body-text2 ml-2"},t.uploadStepsHelpText.text))),l.a.createElement("div",{className:"upload-file-container"},l.a.createElement("div",{className:"upload-image-btn"},l.a.createElement("input",{type:"file",className:"file-button",onChange:X,title:"file-upload"}),l.a.createElement("label",{className:"body-text3"},t.uploadImage.text,l.a.createElement("p",{className:"file-name"}))),l.a.createElement("div",{className:"body-text3"},l.a.createElement("span",null,U))),E&&l.a.createElement("p",{className:"error"},t.uploadStepsErrorMessage.text)))),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"label-top-margin"},l.a.createElement("label",null,t.or.text)))),l.a.createElement("div",{className:"row photo-gallery"},l.a.createElement("div",{className:"col-12"},l.a.createElement("label",null,t.chooseSample.text),l.a.createElement("div",{className:"photo-gallery-container"},l.a.createElement("div",null,S&&S.length>0&&S.map((function(e,t){return l.a.createElement("span",{className:"gallery-image cursor-pointer",key:t},l.a.createElement("a",{onClick:function(a){return K(a,e,t)}},l.a.createElement("img",{loading:"lazy",src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===C?"selected-item":"")})))})),0===S.length&&l.a.createElement("span",null,t.noSelectionImage.text))))),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",null,!0===T&&U===t.uploadNoImageText.text&&0===S.length&&l.a.createElement("span",{className:"error"},t.errorMessageNoImages.text)),l.a.createElement("div",{className:"button-grp col-12 pt-2 next-btn home-image px-0"},l.a.createElement("span",{className:"mr-3"},l.a.createElement(s.a,{label:Object(c.i)(r),inverse:!0,onClick:function(){var e,t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"";c.t.next(t),null===(e=document.getElementById("door-size-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}})),l.a.createElement("span",{className:"dimension-link"},l.a.createElement(s.a,{label:Object(c.i)(a),onClick:function(){if(I.table("image").clear(),Z(!0),U===t.uploadNoImageText.text&&0===S.length)return!1;var e;h&&h.length>0?I.table("image").add({image:h}):S.length>0?I.table("image").add({image:S[0]}):I.table("image").add({image:""}),c.B.next(!0),null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)},disabled:_})))))},N=a(29),S=r.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1lowhf1-0"})([".dropdown-toggle{width:400px;letter-spacing:0px;}.dropdown-menu{width:100%;z-index:50;}.dropdown-item{width:25%;display:inline-block;}.construction-option{display:flex;gap:18px;align-items:center;padding-bottom:18px;.img-container{max-width:40%;}}.dropdown-menu{a:hover{text-decoration:none !important;}}"]),P=a(156),k=function(e){var t=e.colorzoneData,a=(e.save,e.cancel,e.mainIndex),r=e.dropdownChange,i=void 0===r?function(e,t,a,n,o,l){}:r,d=e.colorZoneAPIURL,s=Object(o.useState)([]),m=Object(n.a)(s,2),p=m[0],g=m[1],h=Object(o.useState)(""),f=Object(n.a)(h,2),b=f[0],w=f[1],v=Object(o.useState)([]),x=Object(n.a)(v,2),E=x[0],O=x[1];Object(o.useEffect)((function(){c.o.subscribe((function(e){e&&I()}))}),[]);var I=function(){Object(c.b)(),u.a.get(d).then((function(e){var t=e.data,a=[];t.forEach((function(e,t){a.push({key:e[0],value:e[1],color:e[2],required:e[3]})})),g(a),O(a),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))};return l.a.createElement("div",{className:"modal fade",id:"color-zone-modal-".concat(a),role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("h4",null,t.colorModalTitle.text),l.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("p",{className:"col-12 p-0 body-text2",dangerouslySetInnerHTML:{__html:t.colorModalSubTitle.text}}),l.a.createElement("p",{className:"row mx-0 my-4"},l.a.createElement("input",{type:"text",onKeyUp:function(e){if(w(e.target.value.toLowerCase()),b.length>0){var t=[];p.forEach((function(e){-1===e.key.indexOf(b)&&-1===e.value.toLowerCase().indexOf(b)\|\|t.push(e)})),O(t)}else O(p)},onChange:function(e){w(e.target.value.toLowerCase())},placeholder:t.colorModalSearchEmpty.text,className:"col-md-6 col-lg-5 col-xl-5"})),l.a.createElement("div",{className:"photo-gallery-container"},l.a.createElement("div",null,E&&E.length>0&&E.map((function(e,t){return l.a.createElement("a",{key:t,onClick:function(){return function(e){var t=("#"+e.key+" / "+e.value+"$"+e.color).split("$"),n=t[0],o=Object(P.k)("rgb("+t[1]+")").split("#")[1];i(a,"color","ColorZone",n,o,"")}(e)},"data-dismiss":"modal"},l.a.createElement("span",{className:"gallery-image",key:t},l.a.createElement("span",{className:"color-block cursor-pointer",style:{background:"rgb("+e.color+")"}}),l.a.createElement("b",null,"SW ","Y"===e.required&&l.a.createElement("span",null,"")," ",e.key)," ",l.a.createElement("br",null),e.value))}))))),l.a.createElement("p",{className:"body-text3",dangerouslySetInnerHTML:{__html:t.colorModalDisclaimer.text}}))))},D=function(e){var t,a,r=e.mosaicData,i=e.ok,d=e.cancel,m=e.mainIndex,p=e.dropdownChange,g=void 0===p?function(e,t,a,n,o,l){}:p,h=e.doorHintsAPIURL,f=e.rulesAPIURL,b=e.doorImageRootPath,w={PanelWidths:{},SectionHeights:{}},v=null,x=b,E=Object(o.useState)(""),O=Object(n.a)(E,2),I=O[0],y=O[1],j=Object(o.useState)(),N=Object(n.a)(j,2),S=N[0],P=N[1],k=Object(o.useState)(),D=Object(n.a)(k,2),C=D[0],R=D[1],A=Object(o.useState)(),L=Object(n.a)(A,2),U=L[0],z=L[1],H=Object(o.useState)(!1),W=Object(n.a)(H,2),T=W[0],Z=W[1];Object(o.useEffect)((function(){_()}),[]),Object(o.useEffect)((function(){c.I.subscribe((function(e){e&&setTimeout((function(){J()}),1e3)})),c.H.subscribe((function(e){e&&M()}))}),[]);var M=function(){y(""),z(void 0)},J=function(){Object(c.b)(),Z(!1);var e=localStorage.getItem("selected-design-door"),t=JSON.parse(e),n=Object(c.p)(t);u.a.post(h,n,{headers:{"content-type":"application/json"}}).then((function(e){Object(c.O)(),a=V(e.data.inchheight,e.data.inchwidth,e.data.panelplacement),z(a),F(a,e.data.inchwidth,e.data.inchheight,e.data.collection,e.data.model,e.data.color,e.data.colorHex,e.data.colorcode,e.data.panelplacement,e.data.panel,e.data.glasstype,e.data["dig-top-name"]);var t=q(v);y(x+t);var n=e.data.panel;e.data.panelplacement;"Flush"!==n&&"Ribbed"!==n\|\|Z(!0)}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},_=function(){u.a.get(f).then((function(e){t=e.data;var a=x+"rules/"+t.PanelDimensions.Carriage.SectionHeightsFile,n=x+"rules/"+t.PanelDimensions.Short.PanelWidthsFile,o=x+"rules/"+t.PanelDimensions.Long.PanelWidthsFile,l=x+"rules/"+t.PanelDimensions.Mexico.PanelWidthsFile;u.a.get(a).then((function(e){w.SectionHeights=e.data})),u.a.get(o).then((function(e){w.PanelWidths.Long=e.data})),u.a.get(n).then((function(e){w.PanelWidths.Short=e.data})),u.a.get(l).then((function(e){w.PanelWidths.Mexico=e.data}))}))},B=function(e){var t,a,n=e.height,o=e.width,l=e.placement;return c.J.next({mosaic:w,emitOn:!0}),R(w),{s:null===(t=w)\|\|void 0===t?void 0:t.SectionHeights[n].length,p:null===(a=w)\|\|void 0===a?void 0:a.PanelWidths[l][o].Count}},V=function(e,t,a){for(var n=B({width:t\|\|"96",height:e\|\|"84",placement:a\|\|"Short"}),o="",l=0;l<n.s;l++){for(var r=0;r<n.p;r++)"Short"===a\|\|"Mexico"===a?o+=l<3&&r<3-l?"G":"X":l<2&&(0===r\|\|r===n.p-1)?o+="G":o+="X";l!=n.s-1&&(o+="-")}return o},q=function(e){var t=e.gpid;return"i/"+e.resolution+"/"+e.width+"x"+e.height+"/"+e.model+"/"+e.color+"/"+e.placement+"/"+e.panel+"/"+e.glaze+"/"+e.window+"/"+t+".jpg"},F=function(e,t,a,n,o,l,r,i,c,d,s,m){P(v={gpid:e,resolution:5,width:t,height:a,model:n+o,color:"ColorZone"===l?r:i,placement:c,panel:d,glaze:s,window:m\|\|"Open"})};return l.a.createElement("div",{className:"modal fade mosaic-modal",id:"mozaic-modal-".concat(m),role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("h4",{className:"modal-title"},r.windowModalTitle.text),l.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("p",{className:"body-text2 mb-4"},r.windowModalSubTitle.text," OR ",l.a.createElement("span",{className:"mosaicGlazed",id:"mosaicGlazed",onClick:function(){return function(){w=C,v=S;for(var e=(a=U).split("-"),t=e[0].length,n="",o=0;o<e.length;o++){for(var l=0;l<t;l++)n+="G";o!==e.length-1&&(n+="-")}z(n),v.gpid=n,P(v);var r=q(v);y(x+r)}()}},"CLICK HERE")," to place windows in all positions."),l.a.createElement("div",{id:"mosaic-builder",className:"text-center"},I&&l.a.createElement("img",{loading:"lazy",id:"mosaic-image-".concat(m),src:I,alt:"mosaic image",onClick:function(e){return function(e){var t,n,o=null===(t=document.getElementById("mosaic-image-"+m))\|\|void 0===t?void 0:t.clientWidth,l=null===(n=document.getElementById("mosaic-image-"+m))\|\|void 0===n?void 0:n.clientHeight;w=C,a=U;var r=B(v=S),i=a,c=o/r.p,d=l/r.s,s=Math.floor(e.nativeEvent.offsetX/c),u=Math.floor(e.nativeEvent.offsetY/d),p=r.pu+s+u;i=function(e,t,a){return e.substring(0,t)+a+e.substring(t+1)}(i,p,"G"===i[p]?"X":"G"),z(i),v.gpid=i,P(v);var g=q(v);y(x+g)}(e)}})),I&&T&&r.windowModalNote&&r.windowModalNote.text&&l.a.createElement("div",{className:"mosaic-note",dangerouslySetInnerHTML:{__html:r.windowModalNote.text}})),l.a.createElement("div",{className:"modal-footer"},l.a.createElement("a",{"data-dismiss":"modal"},l.a.createElement(s.a,{label:Object(c.i)(d)})),l.a.createElement(s.a,{label:Object(c.i)(i),onClick:function(){g(m,"windowplacement","Mosaic","","",U)},"data-dismiss":"modal"})))))},C=function(e){e.mainIndex;var t=e.name,a=e.ok,r=e.cancel,i=Object(o.useState)(""),d=Object(n.a)(i,2),m=d[0],u=d[1],p=Object(o.useState)(""),g=Object(n.a)(p,2),h=g[0],f=g[1],b=Object(o.useState)(""),w=Object(n.a)(b,2),v=w[0],x=w[1],E=Object(o.useState)(""),O=Object(n.a)(E,2),I=O[0],y=O[1];return Object(o.useEffect)((function(){c.L.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);u(t.modeltitle),f(t.modellongdescription),x(t.modelpopimage),y(t.modeldisplay)}}))}),[]),l.a.createElement("div",{className:"modal fade details-modal",id:t,role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("div",{className:"details-modal-container"},l.a.createElement("div",{className:"modal-img-container"},l.a.createElement("img",{loading:"lazy",src:v,alt:I})),l.a.createElement("div",{className:""},l.a.createElement("h4",null,m),l.a.createElement("p",{className:"body-text1 mb-4 pb-2"},h),l.a.createElement("div",{className:"button-div button-div-mobile"},l.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},l.a.createElement(s.a,{label:Object(c.i)(r)})),l.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},l.a.createElement(s.a,{label:Object(c.i)(a)})))))))))},R=function(e){var t=e.dropdownData,a=e.link,r=e.designDoorData,i=e.save,d=e.cancel,s=e.ok,m=e.mainIndex,p=e.type,g=e.dropdownChange,h=void 0===g?function(e,t,a,n,o,l){}:g,f=e.selectedValue,b=e.colorZoneAPIURL,w=e.rulesAPIURL,v=e.doorHintsAPIURL,x=e.doorImageRootPath,E=e.doorOptionsAPIURL,O=Object(o.useState)("Select"),I=Object(n.a)(O,2),y=(I[0],I[1]),j=Object(o.useState)(""),N=Object(n.a)(j,2),P=(N[0],N[1]),R=Object(o.useState)([]),A=Object(n.a)(R,2),L=A[0],U=A[1],z=Object(o.useState)(""),H=Object(n.a)(z,2),W=H[0],T=H[1],Z=function(e,t){y(t.description),P(t.value),"ColorZone"===t.value&&c.o.next(!0),"Mosaic"===t.value&&M(t.value),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(h(m,p,t.value,"","",""),"construction"===p&&(T(t.value),J(t.value)))},M=function(e){var t=localStorage.getItem("design-door"),a=JSON.parse(t)[m].hints;a.gplacement=e,Object(c.b)(),c.H.next(!0),u.a.post(E,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:a},{headers:{"content-type":"application/json"}}).then((function(e){var t={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorHex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};localStorage.setItem("selected-design-door",JSON.stringify(t)),c.I.next(!0),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},J=function(e){var t=localStorage.getItem("design-door"),a=JSON.parse(t),n={tabs:!0,collection:a[m].selectedCollection,type:"designer",clavos:!1,print:!0,download:!0,baseUrl:"",quote:!0,width:a[m].selectedWidth,srcDir:"DoorApp",srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:a[m].selectedPanel,brand:"",myGuid:"d-60c067ed66d0c3.82872006",email:!0,height:a[m].selectedHeight,logooption:"",model:e};a[m].selectedColor&&(n.color=a[m].selectedColor),a[m].colorHex&&(n.colorHex=a[m].colorHex),a[m].colorZone&&(n.colorZone=a[m].colorZone),a[m].selectedWindowDesign&&(n.top=a[m].selectedWindowDesign),a[m].glazepattern&&(n.glazepattern=a[m].glazepattern),a[m].selectedHardware&&(n.hardware=a[m].selectedHardware),a[m].selectedWindowPlacement&&(n.gplacement=a[m].selectedWindowPlacement),u.a.post(v,n,{headers:{"content-type":"application/json"}}).then((function(e){c.L.next(JSON.stringify(e.data))}))};Object(o.useEffect)((function(){U(t)}),[t,f]);return l.a.createElement(S,null,l.a.createElement("div",{className:"btn-group"},l.a.createElement("button",{type:"button",onClick:function(){c.r.subscribe((function(e){if(e.length>2){var t=e,a=JSON.parse(t);"collection"===p?U(a[m].collection):"panel"===p?U(a[m].panel):"color"===p?U(a[m].color):"windowdesign"===p?U(a[m].windowdesign):"glass"===p?U(a[m].glass):"construction"===p?U(a[m].construction):"hardware"===p&&U(a[m].hardware)}}))},className:"btn dropdown-toggle body-text3","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},l.a.createElement("span",null,function(){var e="Select";if(t&&t.length>0)for(var a=0;a<t.length;a++)t[a].value===f&&(e=t[a].description);return e}())),l.a.createElement("div",{className:"dropdown-menu"},L&&L.length>0&&L.map((function(e,t){return l.a.createElement("span",{key:t},"construction"!==p&&l.a.createElement("a",{className:"dropdown-item",href:"#","data-toggle":"modal","data-target":"".concat("ColorZone"===e.value?"#color-zone-modal-".concat(m):"Mosaic"===e.value?"#mozaic-modal-".concat(m):"construction"===p?"#details-modal-".concat(W):""),key:t,onClick:function(t){Z(0,e)}},l.a.createElement("div",null,l.a.createElement("img",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==p&&l.a.createElement("p",{className:"amarr-h6"},e.description),a&&l.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},a))),"construction"===p&&l.a.createElement("a",{className:'"dropdown-item d-block"',href:"#","data-toggle":"modal",key:t,onClick:function(t){Z(0,e)}},l.a.createElement("div",{className:"construction-option"},l.a.createElement("div",{className:"img-container"},l.a.createElement("img",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)})),"construction"===p&&l.a.createElement("div",null,a&&l.a.createElement("span",{"data-toggle":"modal",className:"amarrHighlight body-text3","data-target":"#details-modal-".concat(W)},a)))))})))),l.a.createElement(k,{colorZoneAPIURL:b,colorzoneData:r,save:i,cancel:d,dropdownChange:h,mainIndex:m}),l.a.createElement(D,{doorImageRootPath:x,doorHintsAPIURL:v,rulesAPIURL:w,mosaicData:r,ok:s,cancel:d,mainIndex:m,dropdownChange:h}),l.a.createElement(C,{mainIndex:m,name:"details-modal-".concat(W),ok:s,cancel:d}))},A=a(59),L=function(e){var t=e.collectionDetailURLs,a=e.designDoorData,r=e.door,i=e.next,m=e.back,p=e.save,h=e.cancel,f=e.ok,b=e.doorOptionsAPIURL,w=e.doorHintsAPIURL,v=e.doorDescriptionAPIURL,x=e.colorZoneAPIURL,E=e.rulesAPIURL,O=e.doorImageRootPath,I=e.doorCoordinatesUpdateAPIURL,y=Object(o.useState)([]),j=Object(n.a)(y,2),S=j[0],P=j[1],k=Object(o.useState)([]),D=Object(n.a)(k,2),C=D[0],L=D[1],U=Object(o.useState)(1),z=Object(n.a)(U,2),H=(z[0],z[1]),W=Object(o.useState)([0]),T=Object(n.a)(W,2),Z=T[0],M=T[1],J=(Object(o.useRef)(null),Object(o.useState)([])),_=Object(n.a)(J,2),B=_[0],V=_[1],q=Object(o.useState)(""),F=Object(n.a)(q,2),G=(F[0],F[1]),$=Object(o.useState)(0),Q=Object(n.a)($,2),X=Q[0],K=Q[1],Y=Object(o.useState)([]),ee=Object(n.a)(Y,2),te=ee[0],ae=ee[1],ne=Object(o.useState)([]),oe=Object(n.a)(ne,2),le=oe[0],re=oe[1],ie=Object(o.useState)([]),ce=Object(n.a)(ie,2),de=ce[0],se=ce[1],me=Object(o.useState)([]),ue=Object(n.a)(me,2),pe=ue[0],ge=ue[1],he=Object(o.useState)([]),fe=Object(n.a)(he,2),be=fe[0],we=fe[1],ve=Object(o.useState)([]),xe=Object(n.a)(ve,2),Ee=xe[0],Oe=xe[1],Ie=Object(o.useState)([]),ye=Object(n.a)(Ie,2),je=ye[0],Ne=ye[1],Se=Object(o.useState)([]),Pe=Object(n.a)(Se,2),ke=Pe[0],De=Pe[1],Ce=Object(o.useState)(""),Re=Object(n.a)(Ce,2),Ae=Re[0],Le=Re[1],Ue=Object(o.useState)(""),ze=Object(n.a)(Ue,2),He=ze[0],We=ze[1],Te=Object(o.useState)(""),Ze=Object(n.a)(Te,2),Me=Ze[0],Je=Ze[1],_e=Object(o.useState)(""),Be=Object(n.a)(_e,2),Ve=Be[0],qe=Be[1],Fe=Object(o.useState)(""),Ge=Object(n.a)(Fe,2),$e=Ge[0],Qe=Ge[1],Xe=Object(o.useState)(""),Ke=Object(n.a)(Xe,2),Ye=Ke[0],et=Ke[1],tt=Object(o.useState)(""),at=Object(n.a)(tt,2),nt=at[0],ot=at[1],lt=Object(o.useState)(""),rt=Object(n.a)(lt,2),it=rt[0],ct=rt[1],dt=Object(o.useState)([]),st=Object(n.a)(dt,2),mt=st[0],ut=st[1],pt=Object(o.useState)([]),gt=Object(n.a)(pt,2),ht=gt[0],ft=gt[1],bt=Object(o.useState)([]),wt=Object(n.a)(bt,2),vt=wt[0],xt=wt[1],Et=Object(o.useState)([]),Ot=Object(n.a)(Et,2),It=Ot[0],yt=Ot[1],jt=Object(o.useState)([]),Nt=Object(n.a)(jt,2),St=Nt[0],Pt=Nt[1],kt=Object(o.useState)([]),Dt=Object(n.a)(kt,2),Ct=Dt[0],Rt=Dt[1],At=Object(o.useState)([]),Lt=Object(n.a)(At,2),Ut=Lt[0],zt=Lt[1],Ht=Object(o.useState)([]),Wt=Object(n.a)(Ht,2),Tt=Wt[0],Zt=Wt[1],Mt=Object(o.useState)(""),Jt=Object(n.a)(Mt,2),_t=Jt[0],Bt=Jt[1],Vt=Object(o.useState)(""),qt=Object(n.a)(Vt,2),Ft=qt[0],Gt=qt[1],$t=Object(o.useState)(""),Qt=Object(n.a)($t,2),Xt=Qt[0],Kt=Qt[1],Yt=Object(o.useState)(""),ea=Object(n.a)(Yt,2),ta=ea[0],aa=ea[1],na=Object(o.useState)(""),oa=Object(n.a)(na,2),la=oa[0],ra=oa[1],ia=Object(o.useState)(""),ca=Object(n.a)(ia,2),da=ca[0],sa=ca[1],ma=Object(o.useState)(""),ua=Object(n.a)(ma,2),pa=ua[0],ga=ua[1],ha=Object(o.useState)(""),fa=Object(n.a)(ha,2),ba=fa[0],wa=fa[1],va=Object(o.useState)([]),xa=Object(n.a)(va,2),Ea=xa[0],Oa=xa[1],Ia=Object(o.useState)([]),ya=Object(n.a)(Ia,2),ja=ya[0],Na=ya[1],Sa=Object(o.useState)([]),Pa=Object(n.a)(Sa,2),ka=Pa[0],Da=Pa[1],Ca=Object(o.useState)([]),Ra=Object(n.a)(Ca,2),Aa=Ra[0],La=Ra[1],Ua=Object(o.useState)([]),za=Object(n.a)(Ua,2),Ha=za[0],Wa=za[1],Ta=Object(o.useState)([]),Za=Object(n.a)(Ta,2),Ma=Za[0],Ja=Za[1],_a=Object(o.useState)([]),Ba=Object(n.a)(_a,2),Va=Ba[0],qa=Ba[1],Fa=Object(o.useState)([]),Ga=Object(n.a)(Fa,2),$a=Ga[0],Qa=Ga[1],Xa=Object(o.useState)(""),Ka=Object(n.a)(Xa,2),Ya=Ka[0],en=Ka[1],tn=Object(o.useState)(""),an=Object(n.a)(tn,2),nn=an[0],on=an[1],ln=Object(o.useState)(""),rn=Object(n.a)(ln,2),cn=rn[0],dn=rn[1],sn=Object(o.useState)(""),mn=Object(n.a)(sn,2),un=mn[0],pn=mn[1],gn=Object(o.useState)(""),hn=Object(n.a)(gn,2),fn=hn[0],bn=hn[1],wn=Object(o.useState)(""),vn=Object(n.a)(wn,2),xn=vn[0],En=vn[1],On=Object(o.useState)(""),In=Object(n.a)(On,2),yn=In[0],jn=In[1],Nn=Object(o.useState)(""),Sn=Object(n.a)(Nn,2),Pn=Sn[0],kn=Sn[1],Dn=Object(o.useState)([]),Cn=Object(n.a)(Dn,2),Rn=Cn[0],An=Cn[1],Ln=Object(o.useState)([]),Un=Object(n.a)(Ln,2),zn=Un[0],Hn=Un[1],Wn=Object(o.useState)([]),Tn=Object(n.a)(Wn,2),Zn=Tn[0],Mn=Tn[1],Jn=Object(o.useState)([]),_n=Object(n.a)(Jn,2),Bn=_n[0],Vn=_n[1],qn=Object(o.useState)([]),Fn=Object(n.a)(qn,2),Gn=Fn[0],$n=Fn[1],Qn=Object(o.useState)([]),Xn=Object(n.a)(Qn,2),Kn=Xn[0],Yn=Xn[1],eo=Object(o.useState)([]),to=Object(n.a)(eo,2),ao=to[0],no=to[1],oo=Object(o.useState)([]),lo=Object(n.a)(oo,2),ro=lo[0],io=lo[1],co=Object(o.useState)(""),so=Object(n.a)(co,2),mo=so[0],uo=so[1],po=Object(o.useState)(""),go=Object(n.a)(po,2),ho=go[0],fo=go[1],bo=Object(o.useState)(""),wo=Object(n.a)(bo,2),vo=wo[0],xo=wo[1],Eo=Object(o.useState)(""),Oo=Object(n.a)(Eo,2),Io=Oo[0],yo=Oo[1],jo=Object(o.useState)(""),No=Object(n.a)(jo,2),So=No[0],Po=No[1],ko=Object(o.useState)(""),Do=Object(n.a)(ko,2),Co=Do[0],Ro=Do[1],Ao=Object(o.useState)(""),Lo=Object(n.a)(Ao,2),Uo=Lo[0],zo=Lo[1],Ho=Object(o.useState)(""),Wo=Object(n.a)(Ho,2),To=Wo[0],Zo=Wo[1],Mo=Object(o.useState)(!1),Jo=Object(n.a)(Mo,2),_o=Jo[0],Bo=Jo[1],Vo=Object(o.useState)({PanelWidths:{},SectionHeights:{}}),qo=Object(n.a)(Vo,2),Fo=qo[0],Go=qo[1];Object(o.useEffect)((function(){localStorage.setItem("tabValue","0"),c.J.subscribe((function(e){(null===e\|\|void 0===e?void 0:e.emitOn)&&Go(e.mosaic)})),c.B.subscribe((function(e){e&&$o()})),c.v.subscribe((function(e){e&&(Qo(),c.v.next(!1))})),c.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),a=JSON.parse(t),n=0;n<a;n++)Xo(a[n].selectedWidth,a[n].selectedHeight,a[n].selectedCollection,a[n].selectedPanel,a[n].selectedColor,a[n].selectedWindowDesign,a[n].selectedWindowPlacement,a[n].selectedGlass,a[n].selectedConstruction,a[n].selectedHardware,a[n].colorZone,a[n].colorHex,n)})),c.u.subscribe((function(e){if(e){ol(Number(localStorage.getItem("tabValue")));var t=document.getElementById("subTab-"+localStorage.getItem("tabValue"));t&&t.click()}})),Object(c.A)().subscribe((function(e){Bo(e)})),c.s.subscribe((function(e){if(!0===e){var t=new URLSearchParams(window.location.search);if(window.location.search&&!(t.has("id")&&t.get("id")&&t.has("locationId")&&t.get("locationId"))){Object(c.b)();var a,o="carct",l="Ashley",r="White",i="Closed Square",s="Closed",m="",u=[],p=Object(d.a)(t);try{for(p.s();!(a=p.n()).done;){var g=Object(n.a)(a.value,2),h=g[0];g[1];u.push(h)}}catch(E){p.e(E)}finally{p.f()}var f,b=Object(d.a)(t);try{for(b.s();!(f=b.n()).done;){var w=Object(n.a)(f.value,2),v=w[0],x=w[1];"collection"===v&&(o="undefined"===x\|\|"null"===x?"carct":x),"carct"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Ashley":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed Square"),u.find((function(e){return"panel"===e}))\|\|(l="Ashley"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"class"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Tuscany":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed Square"),u.find((function(e){return"panel"===e}))\|\|(l="Tuscany"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"desch"===o\|\|"hillc"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Bead Board":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed"),u.find((function(e){return"panel"===e}))\|\|(l="Bead Board"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"herit"===o\|\|"olymp"===o\|\|"linco"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Short":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed"),u.find((function(e){return"panel"===e}))\|\|(l="Short"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"vista"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Clear":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"Clear Anodized":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"":x),u.find((function(e){return"window"===e}))\|\|(i="Clear"),u.find((function(e){return"panel"===e}))\|\|(l=""),u.find((function(e){return"color"===e}))\|\|(r="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="")):"horiz"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Clear":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Uninsulated":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"Clear Anodized":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"":x),u.find((function(e){return"window"===e}))\|\|(i="Clear"),u.find((function(e){return"panel"===e}))\|\|(l="Uninsulated"),u.find((function(e){return"color"===e}))\|\|(r="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="")):"classfv"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Clear":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Fullview":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Top":x),u.find((function(e){return"window"===e}))\|\|(i="Clear"),u.find((function(e){return"panel"===e}))\|\|(l="Fullview"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed"),"glass"===v&&(m="undefined"===x\|\|"null"===x?"Frost":x),u.find((function(e){return"glass"===e}))\|\|(m="Frost")):("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Ashley":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),"glass"===v&&(m="undefined"===x\|\|"null"===x?"Frost":x),u.find((function(e){return"window"===e}))\|\|(i="Closed Square"),u.find((function(e){return"panel"===e}))\|\|(l="Ashley"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed"))}}catch(E){b.e(E)}finally{b.f()}$o(),o.length>0&&(l.length>0\|\|"vista"===o)&&r.length>0&&i.length>0?Xo(8,7,o,l,r,i,s,m,"4000","None","","",0):Xo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(c.O)()}),5e3)}c.s.next(!1)}}))}),[]);var $o=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";G(e)},Qo=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a=JSON.parse(e);H(t);for(var o={collection:[],selectedCollection:"",panel:[],selectedPanel:"",color:[],selectedColor:"",windowdesign:[],selectedWindowDesign:"",windowPlacement:[],selectedWindowPlacement:"",glass:[],selectedGlass:"",construction:[],selectedConstruction:"",hardware:[],selectedHardware:"",selectedWidth:0,selectedHeight:0,colorZone:"",colorHex:"",hints:{}},l=[],r=[],i=0;i<t;i++)l.push(i),r.push(o);if(M(l),P(r),window.location.search){var c,s=new URLSearchParams(window.location.search),m="carct",u="Ashley",p="White",g="Closed Square",h="Closed",f="",b=[],w=Object(d.a)(s);try{for(w.s();!(c=w.n()).done;){var v=Object(n.a)(c.value,2),x=v[0];v[1];b.push(x)}}catch(D){w.e(D)}finally{w.f()}var E,O=Object(d.a)(s);try{for(O.s();!(E=O.n()).done;){var I=Object(n.a)(E.value,2),y=I[0],j=I[1];"collection"===y&&(m="undefined"===j\|\|"null"===j?"carct":j),"carct"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed Square":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Ashley":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed Square"),b.find((function(e){return"panel"===e}))\|\|(u="Ashley"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"class"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed Square":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Tuscany":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed Square"),b.find((function(e){return"panel"===e}))\|\|(u="Tuscany"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"desch"===m\|\|"hillc"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Bead Board":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed"),b.find((function(e){return"panel"===e}))\|\|(u="Bead Board"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"herit"===m\|\|"olymp"===m\|\|"linco"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Short":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed"),b.find((function(e){return"panel"===e}))\|\|(u="Short"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"vista"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Clear":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"Clear Anodized":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"":j),b.find((function(e){return"window"===e}))\|\|(g="Clear"),b.find((function(e){return"panel"===e}))\|\|(u=""),b.find((function(e){return"color"===e}))\|\|(p="Clear Anodized"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="")):"horiz"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Clear":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Uninsulated":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"Clear Anodized":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"":j),b.find((function(e){return"window"===e}))\|\|(g="Clear"),b.find((function(e){return"panel"===e}))\|\|(u="Uninsulated"),b.find((function(e){return"color"===e}))\|\|(p="Clear Anodized"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="")):"classfv"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Clear":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Fullview":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Top":j),b.find((function(e){return"window"===e}))\|\|(g="Clear"),b.find((function(e){return"panel"===e}))\|\|(u="Fullview"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed"),"glass"===y&&(f="undefined"===j\|\|"null"===j?"Frost":j),b.find((function(e){return"glass"===e}))\|\|(f="Frost")):("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed Square":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Ashley":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),"glass"===y&&(f="undefined"===j\|\|"null"===j?"Frost":j),b.find((function(e){return"window"===e}))\|\|(g="Closed Square"),b.find((function(e){return"panel"===e}))\|\|(u="Ashley"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed"))}}catch(D){O.e(D)}finally{O.f()}if(m.length>0&&(u.length>0\|\|"vista"===m)&&p.length>0&&g.length>0)for(var N=0;N<a.length;N++)Xo(a[N].width,a[N].height,m,u,p,g,h,f,"4000","None","","",N);else for(var S=0;S<a.length;S++)Xo(a[S].width,a[S].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",S)}else for(var k=0;k<a.length;k++)Xo(a[k].width,a[k].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",k)}},Xo=function(e,t,a,n,o,l,r,i,d,s,m,u,p,g){Object(c.b)();var h={width:e,height:t,myGuid:"d-6076ae50473089.85177846",type:"designer",brand:"",logooption:"",print:!0,email:!0,quote:!0,download:!0,tabs:!0,id:"AmarrDoorDesigner",baseUrl:"",srcDir:"DoorApp",srcUrl:"/DoorApp",MosaicName:"Mosaic",clavos:!1};a.length>0&&(h.collection=a),o.length>0&&(h.color=o),l.length>0&&(h.top=l),n.length>0&&(h.panel=n),i.length>0&&(h.glass=i),r.length>0&&(h.gplacement=r),d.length>0&&(h.model=d),s.length>0&&(h.hardware=s),u.length>0&&(h.colorHex=u),m.length>0&&(h.colorZone=m),"Mosaic"===r&&g?ll(S,h,e,t,a,n,o,l,r,i,d,s,m,u,p,g):Ko(h,e,t,a,n,o,l,r,i,d,s,m,u,p,g)},Ko=function(e,t,a,n,o,l,r,i,d,s,m,p,g,h,f){u.a.post(b,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:e},{headers:{"content-type":"application/json"}}).then((function(e){var u={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:t,selectedHeight:a,colorZone:p,colorHex:g,glazepattern:f,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},b=e.data.options.collection?e.data.options.collection:[];0===h?An(b):1===h?ae(b):2===h?ut(b):3===h&&Oa(b);var w=e.data.options.panel?e.data.options.panel:[];0===h?Hn(w):1===h?re(w):2===h?ft(w):3===h&&Na(w);var v=e.data.options.color?e.data.options.color:[];0===h?Mn(v):1===h?se(v):2===h?xt(v):3===h&&Da(v);var x=e.data.options.top?e.data.options.top:[];0===h?Vn(x):1===h?ge(x):2===h?yt(x):3===h&&La(x);var E=e.data.options.glass?e.data.options.glass:[];0===h?Yn(E):1===h?Oe(E):2===h?Rt(E):3===h&&Ja(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===h?$n(O):1===h?we(O):2===h?Pt(O):3===h&&Wa(O);var I=e.data.options.model?e.data.options.model:[];0===h?no(I):1===h?Ne(I):2===h?zt(I):3===h&&qa(I);var y=e.data.options.hardware?e.data.options.hardware:[];0===h?io(y):1===h?De(y):2===h?Zt(y):3===h&&Qa(y),u.selectedCollection=Yo(n,b),0===h?uo(u.selectedCollection):1===h?Le(u.selectedCollection):2===h?Bt(u.selectedCollection):3===h&&en(u.selectedCollection),u.selectedPanel=Yo(o,w),0===h?fo(u.selectedPanel):1===h?We(u.selectedPanel):2===h?Gt(u.selectedPanel):3===h&&on(u.selectedPanel),u.selectedColor=Yo(l,v),0===h?xo(u.selectedColor):1===h?Je(u.selectedColor):2===h?Kt(u.selectedColor):3===h&&dn(u.selectedColor),u.selectedWindowDesign=Yo(r,x),0===h?yo(u.selectedWindowDesign):1===h?qe(u.selectedWindowDesign):2===h?aa(u.selectedWindowDesign):3===h&&pn(u.selectedWindowDesign),u.selectedWindowPlacement=Yo(i,O),0===h?Po(u.selectedWindowPlacement):1===h?Qe(u.selectedWindowPlacement):2===h?ra(u.selectedWindowPlacement):3===h&&bn(u.selectedWindowPlacement),u.selectedGlass=Yo(d,E),0===h?Ro(u.selectedGlass):1===h?et(u.selectedGlass):2===h?sa(u.selectedGlass):3===h&&En(u.selectedGlass),u.selectedConstruction=Yo(s,I),0===h?zo(u.selectedConstruction):1===h?ot(u.selectedConstruction):2===h?ga(u.selectedConstruction):3===h&&jn(u.selectedConstruction),u.selectedHardware=Yo(m,y),0===h?Zo(u.selectedHardware):1===h?ct(u.selectedHardware):2===h?wa(u.selectedHardware):3===h&&kn(u.selectedHardware);var j=S,N=localStorage.getItem("door-size"),k=JSON.parse(N);0!=j.length-k.length&&j.splice(k.length),j[h]=u,P(j),L(j),localStorage.setItem("design-door",JSON.stringify(j)),c.r.next(JSON.stringify(j)),tl(!1),Object(c.O)()}),(function(t){Object(c.O)(),console.log("err",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("saveDataApiCall",e,t)}),Xo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)})).catch((function(t){Object(c.O)(),console.log("error",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("saveDataApiCall",e,t)}),Xo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)}))},Yo=function(e,t){var a=!1,n="";if(t&&t.length>0){for(var o=0;o<t.length;o++)t[o].value===e&&(a=!0);n=!0===a?e:t[0].value}else n="";return n},el=function(){var e,t=localStorage.getItem("design-door"),a=t?JSON.parse(t):[],n=localStorage.getItem("door-size")?null===(e=JSON.parse(localStorage.getItem("door-size")))\|\|void 0===e?void 0:e.length:"",o=localStorage.getItem("door-coordinates")\|\|null,l=o?JSON.parse(o):[],r=[];if(n&&n>0)for(var i=0;i<n;i++){var c,d,s,m,p,g,h,f={market:"Residential",brand:"",model:(null===(c=a[i])\|\|void 0===c?void 0:c.selectedConstruction)?a[i].selectedConstruction:null,collection:a[i].selectedCollection,width:a[i].selectedWidth,height:a[i].selectedHeight,color:a[i].selectedColor,panel:(null===(d=a[i])\|\|void 0===d?void 0:d.selectedPanel)?a[i].selectedPanel:null,glassDetail:{gplacement:(null===(s=a[i])\|\|void 0===s?void 0:s.selectedWindowPlacement)?a[i].selectedWindowPlacement:null,top:a[i].selectedWindowDesign,glass:(null===(m=a[i])\|\|void 0===m?void 0:m.selectedGlass)?null===(p=a[i])\|\|void 0===p?void 0:p.selectedGlass:null,colorZoneCode:(null===(g=a[i])\|\|void 0===g?void 0:g.colorZone)?a[i].colorZone:null,mosaicPattern:"Mosaic"===a[i].selectedWindowPlacement&&(null===(h=a[i])\|\|void 0===h?void 0:h.glazepattern)?a[i].glazepattern:null},optional:{decorativeHardware:a[i].selectedHardware?a[i].selectedHardware:null,clavos:!1}};localStorage.getItem("updated-door_".concat(i))?r.push(Object(N.a)(Object(N.a)({},JSON.parse(localStorage.getItem("updated-door_".concat(i+1)))),{},{door:f})):null!==l&&r.push(Object(N.a)(Object(N.a)({},l[i]),{},{door:f}))}var b={imageId:JSON.parse(localStorage.getItem("uploaded-image-id")),coordinates:r};return u.a.post(I,b)},tl=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(localStorage.getItem("design-door"))for(var a=localStorage.getItem("design-door"),n=JSON.parse(a),o=0;o<n.length;o++){var l;if(null===(l=n[o])\|\|void 0===l?void 0:l.hints){var r=n[o].hints.collection,i=t[r];al(n[o].hints,o,i)}}if(I&&"uploaded"===localStorage.getItem("image-type")&&e){el(),localStorage.removeItem("isDoorPointsUpdated");for(var c=1;c<=4;c++)localStorage.removeItem("updated-door_".concat(c))}},al=function(e,t,a){Object(c.b)(),u.a.post(v,e,{headers:{"content-type":"application/json"}}).then((function(e){var n=B,o=localStorage.getItem("door-size"),l=JSON.parse(o);0!=n.length-l.length&&n.splice(l.length),n[t]=e.data,n[t].url=a,V(n),localStorage.setItem("desc-data",JSON.stringify(B)),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(t){"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("getDescription",e,t)}),Object(c.O)()}))},nl=function(e,t,a,n,o,l){var r=S;r[e].selectedCollection="collection"===t?a:r[e].selectedCollection,r[e].selectedPanel="panel"===t?a:r[e].selectedPanel,r[e].selectedColor="color"===t?a:r[e].selectedColor,r[e].selectedWindowDesign="windowdesign"===t?a:r[e].selectedWindowDesign,r[e].selectedWindowPlacement="windowplacement"===t?a:r[e].selectedWindowPlacement,r[e].selectedGlass="glass"===t?a:r[e].selectedGlass,r[e].selectedConstruction="construction"===t?a:r[e].selectedConstruction,r[e].selectedHardware="hardware"===t?a:r[e].selectedHardware,r[e].selectedWidth=r[e].selectedWidth,r[e].selectedHeight=r[e].selectedHeight,r[e].colorZone=n\|\|r[e].colorZone,r[e].colorHex=o\|\|r[e].colorHex,r[e].glazepattern=l\|\|r[e].glazepattern,Xo(r[e].selectedWidth,r[e].selectedHeight,r[e].selectedCollection,r[e].selectedPanel,r[e].selectedColor,r[e].selectedWindowDesign,r[e].selectedWindowPlacement,r[e].selectedGlass,r[e].selectedConstruction,r[e].selectedHardware,r[e].colorZone,r[e].colorHex,e,r[e].glazepattern)},ol=function(e){K(e),localStorage.setItem("tabValue",e)},ll=function(e,t,a,n,o,l,r,i,c,d,s,m,p,g,h,f){t.glazepattern=f,u.a.post(b,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:t},{headers:{"content-type":"application/json"}}).then((function(e){var u,b={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorhex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};(u=e.data.options&&e.data.options.gplacement&&e.data.options.gplacement.filter((function(e){return"Mosaic"===e.value})))&&u.length>0?il(b,t,a,n,o,l,r,i,c,d,s,m,p,g,h,f):Ko(t,a,n,o,l,r,i,c,d,s,m,p,g,h,f)}),(function(e){return e})).catch((function(e){return"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("payloadForDoorOptions",t,e)}),e}))},rl=function(e,t,a){return{methodName:e,error:a,payload:t}},il=function(e,t,a,n,o,l,r,i,d,s,m,p,g,h,f,b){var v=Object(c.p)(e);u.a.post(w,v,{headers:{"content-type":"application/json"}}).then((function(e){var c=e.data.glazepattern;sl(c,e.data.inchwidth,e.data.inchheight,e.data.panelplacement)\|\|(c=dl(e.data.inchheight,e.data.inchwidth,e.data.panelplacement));t.glazepattern=c,Ko(t,a,n,o,l,r,i,d,s,m,p,g,h,f,c)}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},cl=function(e){var t=e.height,a=e.width,n=e.placement;return{s:null===Fo\|\|void 0===Fo?void 0:Fo.SectionHeights[t].length,p:null===Fo\|\|void 0===Fo?void 0:Fo.PanelWidths[n][a].Count}},dl=function(e,t,a){for(var n=cl({width:t\|\|"96",height:e\|\|"84",placement:a\|\|"Short"}),o="",l=0;l<n.s;l++){for(var r=0;r<n.p;r++)"Short"===a\|\|"Mexico"===a?o+=l<3&&r<3-l?"G":"X":l<2&&(0===r\|\|r===n.p-1)?o+="G":o+="X";l!=n.s-1&&(o+="-")}return o},sl=function(e,t,a,n){var o=cl({width:t,height:a,placement:n}),l=new RegExp("^(?:[G\|X]{"+o.p+"}-){"+(o.s-1)+"}[G\|X]{"+o.p+"}$");return null!==e.match(l)};return l.a.createElement("div",{className:"design-door-tab"},_o&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3 sticky-content"},l.a.createElement("div",{className:"text-center parent-pixi"},l.a.createElement("div",{id:"pixi-stage"}),l.a.createElement("div",{id:"small-loader"},l.a.createElement(A.a,null))),l.a.createElement("p",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto py-sm-4 py-2 body-text3"},a.disclaimer.text)),l.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3"},l.a.createElement("div",{className:"tabs-container design-door-tabs"},l.a.createElement("ul",{className:"nav nav-tabs"},Z.map((function(e,t){return l.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return ol(t)}},l.a.createElement("a",{id:"subTab-".concat(t),className:"nav-link amarr-h5 ".concat(0===t?"active":""),href:"#tab-".concat(t),role:"tab","data-toggle":"tab","aria-controls":"tab-".concat(t)},l.a.createElement("span",null,r," ",e+1)))})))),l.a.createElement("div",{className:"tab-content col-12"},C&&(1===C.length\|\|2===C.length\|\|3===C.length\|\|4===C.length)&&l.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},a.firstDoorDescription&&a.firstDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.firstDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.firstDoorDescription&&a.firstDoorDescription.text?"description":""," door-properties pb-2")},Rn&&Rn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:mo,mainIndex:0,type:"collection",dropdownData:Rn,designDoorData:a,ok:f,save:p,cancel:h})),zn&&zn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:ho,mainIndex:0,type:"panel",dropdownData:zn,designDoorData:a,ok:f,save:p,cancel:h})),Zn&&Zn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:vo,mainIndex:0,type:"color",dropdownData:Zn,designDoorData:a,ok:f,save:p,cancel:h})),Gn&&Gn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:So,mainIndex:0,type:"windowplacement",dropdownData:Gn,designDoorData:a,ok:f,save:p,cancel:h})),Bn&&Bn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Io,mainIndex:0,type:"windowdesign",dropdownData:Bn,designDoorData:a,ok:f,save:p,cancel:h})),Kn&&Kn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Co,mainIndex:0,type:"glass",dropdownData:Kn,designDoorData:a,ok:f,save:p,cancel:h})),ao&&ao.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Uo,mainIndex:0,type:"construction",dropdownData:ao,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),ro&&ro.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:To,mainIndex:0,type:"hardware",dropdownData:ro,designDoorData:a,ok:f,save:p,cancel:h})))),C&&(2===C.length\|\|3===C.length\|\|4===C.length)&&l.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},a.secondDoorDescription&&a.secondDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.secondDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.secondDoorDescription&&a.secondDoorDescription.text?"description":""," door-properties")},te&&te.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ae,mainIndex:1,type:"collection",dropdownData:te,designDoorData:a,ok:f,save:p,cancel:h})),le&&le.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:He,mainIndex:1,type:"panel",dropdownData:le,designDoorData:a,ok:f,save:p,cancel:h})),de&&de.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Me,mainIndex:1,type:"color",dropdownData:de,designDoorData:a,ok:f,save:p,cancel:h})),be&&be.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:$e,mainIndex:1,type:"windowplacement",dropdownData:be,designDoorData:a,ok:f,save:p,cancel:h})),pe&&pe.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ve,mainIndex:1,type:"windowdesign",dropdownData:pe,designDoorData:a,ok:f,save:p,cancel:h})),Ee&&Ee.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ye,mainIndex:1,type:"glass",dropdownData:Ee,designDoorData:a,ok:f,save:p,cancel:h})),je&&je.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:nt,mainIndex:1,type:"construction",dropdownData:je,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),ke&&ke.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:it,mainIndex:1,type:"hardware",dropdownData:ke,designDoorData:a,ok:f,save:p,cancel:h})))),C&&(3===C.length\|\|4===C.length)&&l.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},a.thirdDoorDescription&&a.thirdDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.thirdDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.thirdDoorDescription&&a.thirdDoorDescription.text?"description":""," door-properties")},mt&&mt.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:_t,mainIndex:2,type:"collection",dropdownData:mt,designDoorData:a,ok:f,save:p,cancel:h})),ht&&ht.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ft,mainIndex:2,type:"panel",dropdownData:ht,designDoorData:a,ok:f,save:p,cancel:h})),vt&&vt.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Xt,mainIndex:2,type:"color",dropdownData:vt,designDoorData:a,ok:f,save:p,cancel:h})),St&&St.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:la,mainIndex:2,type:"windowplacement",dropdownData:St,designDoorData:a,ok:f,save:p,cancel:h})),It&&It.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:ta,mainIndex:2,type:"windowdesign",dropdownData:It,designDoorData:a,ok:f,save:p,cancel:h})),Ct&&Ct.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:da,mainIndex:2,type:"glass",dropdownData:Ct,designDoorData:a,ok:f,save:p,cancel:h})),Ut&&Ut.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:pa,mainIndex:2,type:"construction",dropdownData:Ut,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),Tt&&Tt.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:ba,mainIndex:2,type:"hardware",dropdownData:Tt,designDoorData:a,ok:f,save:p,cancel:h})))),C&&4===C.length&&l.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},a.fourthDoorDescription&&a.fourthDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.fourthDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.fourthDoorDescription&&a.fourthDoorDescription.text?"description":""," door-properties")},Ea&&Ea.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ya,mainIndex:3,type:"collection",dropdownData:Ea,designDoorData:a,ok:f,save:p,cancel:h})),ja&&ja.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:nn,mainIndex:3,type:"panel",dropdownData:ja,designDoorData:a,ok:f,save:p,cancel:h})),ka&&ka.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:cn,mainIndex:3,type:"color",dropdownData:ka,designDoorData:a,ok:f,save:p,cancel:h})),Ha&&Ha.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:fn,mainIndex:3,type:"windowplacement",dropdownData:Ha,designDoorData:a,ok:f,save:p,cancel:h})),Aa&&Aa.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:un,mainIndex:3,type:"windowdesign",dropdownData:Aa,designDoorData:a,ok:f,save:p,cancel:h})),Ma&&Ma.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:xn,mainIndex:3,type:"glass",dropdownData:Ma,designDoorData:a,ok:f,save:p,cancel:h})),Va&&Va.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:yn,mainIndex:3,type:"construction",dropdownData:Va,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),$a&&$a.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Pn,mainIndex:3,type:"hardware",dropdownData:$a,designDoorData:a,ok:f,save:p,cancel:h}))))),l.a.createElement("div",{className:"door-properties pt-3 mx-3"},C&&(null===C\|\|void 0===C?void 0:C.length)>1&&l.a.createElement("div",{className:"apply-checkbox py-2"},l.a.createElement("input",{onChange:function(e){if(!0===e.target.checked)for(var a=X,n=localStorage.getItem("design-door"),o=JSON.parse(n),l=0;l<o.length;l++){var r;if(Xo(o[l].selectedWidth,o[l].selectedHeight,o[a].selectedCollection,o[a].selectedPanel,o[a].selectedColor,o[a].selectedWindowDesign,o[a].selectedWindowPlacement,o[a].selectedGlass,o[a].selectedConstruction,o[a].selectedHardware,o[a].colorZone,o[a].colorHex,l),null===(r=o[a])\|\|void 0===r?void 0:r.hints){var i=o[a].hints.collection,c=t[i];al(o[a].hints,l,c)}}},type:"checkbox",id:"vehicle1",name:"vehicle1",value:"Bike"}),l.a.createElement("label",null,a.applyDesign.text)),l.a.createElement("div",{className:"button-grp pt-sm-0 pt-1"},l.a.createElement(s.a,{classStyle:"back-btn",label:Object(c.i)(m),onClick:function(){var e;null===(e=document.getElementById("home-image-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)},inverse:!0}),l.a.createElement("span",{className:"screenshot-link mr-3"},l.a.createElement(s.a,{classStyle:"save-btn",label:Object(c.i)(p),onClick:tl})),l.a.createElement("span",{className:"screenshot-link screenshot-final"},l.a.createElement(s.a,{classStyle:"next-btn",label:Object(c.i)(i),onClick:function(){tl(!0);var e=document.getElementById("vehicle1");e&&e.checked&&(e.checked=!1),setTimeout((function(){var e;null===(e=document.getElementById("review-save-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0),c.R.next(!0),c.Q.next(!0)}),1e3)}})))))))},U=a(20),z=function(e){var t=e.emailPath,a=(e.imageRootPath,e.reviewsaveData),r=e.ok,i=e.recaptchaToken,d=Object(o.useState)(""),m=Object(n.a)(d,2),p=m[0],h=m[1],f=Object(o.useState)(""),b=Object(n.a)(f,2),w=b[0],v=b[1],x=Object(o.useState)(""),E=Object(n.a)(x,2),O=E[0],y=E[1],j=Object(o.useState)(""),N=Object(n.a)(j,2),S=N[0],P=N[1],k=Object(o.useState)(!1),D=Object(n.a)(k,2),C=D[0],R=D[1],A=Object(o.useState)(!1),L=Object(n.a)(A,2),z=L[0],H=L[1];Object(o.useEffect)((function(){Object(c.A)().subscribe((function(e){H(e)}))}),[]);return l.a.createElement("div",{className:"modal fade",id:"email-modal",role:"dialog","aria-hidden":"true"},z&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document",id:"parent-modal"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{id:"close",type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("label",null,a.emailFieldLabel.text),l.a.createElement("input",{className:"mb-2 ".concat(C?"error-class":""),type:"text",onChange:function(e){h(e.target.value)},onKeyUp:function(){""===p\|\|!1===Object(c.a)(p)?R(!0):R(!1)}}),C&&l.a.createElement("p",{className:"error"},a.emailFieldValidationMessage.text),l.a.createElement("label",null,a.emailMessageLabel.text),l.a.createElement("textarea",{onChange:function(e){v(e.target.value)}})),l.a.createElement("div",{className:"modal-footer"},l.a.createElement(s.a,{label:Object(c.i)(a.sendEmailButtonLabel.text),onClick:function(){""!==p&&!1!==Object(c.a)(p)&&function(){Object(c.b)(),document.getElementById("parent-modal").style.display="none",document.getElementsByClassName("modal-backdrop")[0].style.display="none";var e=localStorage.getItem("desc-data"),n=JSON.parse(e),o=localStorage.getItem("garageDoorPdf");fetch(o).then((function(e){return e.blob()})).then((function(e){l.append("filepdf",new File([e],"print.pdf",{type:e.type}))}));var l=new FormData;l.append("receipients",p),l.append("message",w),l.append("count",n.length),l.append("g-recaptcha-response",i);var r="";I.table("image").toArray().then((function(e){e.length>0&&(r=e[0].image,fetch(r).then((function(e){return e.blob()})).then((function(e){var t="";"image/jpeg"===e.type&&(t="file0.jpeg"),"image/jpg"===e.type&&(t="file0.jpg"),"image/png"===e.type&&(t="file0.png");l.append("file0",new File([e],t,{type:e.type}))})))}));for(var d=function(e){for(var t=n[e].doorText,a=(n[e].doorImage[0],n[e].doorImage[1]&&n[e].doorImage[1],"door"+(e+1)),o=0;o<t.length;o++){var r=a+"."+t[o][0];l.append(r,t[o][1])}var i="file"+(e+1)+".png",c=localStorage.getItem("file"+e);fetch(c).then((function(e){return e.blob()})).then((function(t){var a="file"+(e+1);l.append(a,new File([t],i,{type:t.type}))}))},s=0;s<n.length;s++)d(s);setTimeout((function(){u()({method:"post",url:t,data:l,headers:{"Content-Type":"multipart/form-data"}}).then((function(e){y("success"),P(a.sendEmailSuccessMessage.text),document.getElementById("email-success-link").click(),Object(c.O)()}),(function(e){y("error"),P(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(c.O)()})).catch((function(e){y("error"),P(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(c.O)()}))}),5e3)}()},disabled:""===p\|\|!1===Object(c.a)(p)})))),l.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},a.sendEmailButtonLabel.text),l.a.createElement(U.a,{name:"email-sent",type:O,text:S,buttonText:r}))},H=a(8),W=function(e){var t=e.reviewsaveData,a=e.back,r=e.dispatchRequestQuoteURL,i=e.emailPath,d=e.imageRootPath,m=e.ok,p=e.door,h=e.recaptchaToken,f=e.microSiteDispatchRequestQuoteURL,b=e.dealerInfoAPIURL,w=e.dealerLocationListingAPIPath,v=Object(o.useState)([]),x=Object(n.a)(v,2),E=x[0],O=x[1],I=Object(o.useState)(""),y=Object(n.a)(I,2),j=(y[0],y[1],Object(o.useState)("")),N=Object(n.a)(j,2),S=N[0],P=(N[1],Object(o.useState)("")),k=Object(n.a)(P,2),D=k[0],C=(k[1],Object(o.useState)(!1)),R=Object(n.a)(C,2),A=R[0],L=R[1],W=Object(o.useState)(!1),T=Object(n.a)(W,2),Z=T[0],M=T[1];Object(o.useEffect)((function(){Object(c.A)().subscribe((function(e){M(e)})),c.Q.subscribe((function(e){if(e&&(c.E.next(!0),localStorage.getItem("desc-data"))){var t=localStorage.getItem("desc-data"),a=JSON.parse(t);O(a),c.R.subscribe((function(e){!0===e&&(Object(c.b)(),setTimeout((function(){Object(c.O)()}),7e3),c.R.next(!1))}))}}))}),[]);var J=function(){c.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}),1e3)},_=function(e){var t="";return t=e.indexOf("http")>-1?e:d+e,e.indexOf("{hardware-overlay-image}")>-1&&(t=""),t};return l.a.createElement("div",{className:"review-save-main"},Z&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"review-save-main-inner"},l.a.createElement("div",{className:"row no-gutters lg-images"},l.a.createElement("div",{className:"col-12 col-md-6 print-door print-door1"},l.a.createElement("figure",{className:"figure"},l.a.createElement("img",{loading:"lazy",id:"before-img",alt:"Garage Door Before Design",src:S,className:"figure-img img-fluid",onLoad:function(){}}),l.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.before.text))),l.a.createElement("div",{className:"col-12 col-md-6 print-door print-door2"},l.a.createElement("figure",{className:"figure"},l.a.createElement("img",{loading:"lazy",id:"after-img",alt:"Garage Door After Design",src:D,className:"figure-img img-fluid"}),l.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.after.text))),l.a.createElement("div",{className:"container"},l.a.createElement("p",{className:"body-text3"},t.disclaimer.text))),l.a.createElement("div",{className:"container d-flex justify-content-between flex-wrap links-and-buttons hide-print-media","data-html2canvas-ignore":"true"},l.a.createElement("div",{className:"next-btn back-btn pr-md-3 pr-lg-0 pr-0 d-flex hide-print-media"},l.a.createElement("div",{className:"mr-3 hide-print-media"},l.a.createElement(s.a,{label:Object(c.i)(a),onClick:J,inverse:!0})),l.a.createElement("div",{className:"hide-print-media"},l.a.createElement(s.a,{label:Object(c.i)(t.startOver.text),onClick:function(){var e;localStorage.removeItem("door-size"),localStorage.removeItem("image-type"),localStorage.removeItem("image"),localStorage.removeItem("uploadedFileName"),localStorage.removeItem("desc-data"),localStorage.removeItem("design-door"),localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("tabValue","0"),L(!1),null===(e=document.getElementById("door-size-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0),c.u.next(!0)}}))),l.a.createElement("div",{"data-html2canvas-ignore":"true",className:"hide-print-media"},l.a.createElement("div",{className:"row text-left text-md-right my-lg-0 mx-lg-0 align-items-center justify-content-end share-buttons"},l.a.createElement("div",{onClick:function(){L(!A);var e=localStorage.getItem("file0")?localStorage.getItem("file0"):"",t=localStorage.getItem("file1")?localStorage.getItem("file1"):"",a=localStorage.getItem("file2")?localStorage.getItem("file2"):"",n=localStorage.getItem("file3")?localStorage.getItem("file3"):"";localStorage.setItem("fav0",e),localStorage.setItem("fav1",t),localStorage.setItem("fav2",a),localStorage.setItem("fav3",n);var o=localStorage.getItem("desc-data"),l=JSON.parse(o);l.forEach((function(e,t){e.sequence=t+1}));var r={data:l,time:new Date,imageRootPath:d,door:p};!1===A?localStorage.setItem("designer-fav",JSON.stringify(r)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer align-items-center share-item"},!0===A?l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favourite Icon",className:"mr-2"}):l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favourite Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.favourites.text)),l.a.createElement("div",{className:"pdf-generate cursor-pointer d-flex align-items-center share-item"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-pdf.svg",alt:"PDF Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.savePdf.text)),l.a.createElement("div",{onClick:function(){window.print()},className:"print cursor-pointer d-flex align-items-center share-item"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-printer.svg",alt:"Printer Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.print.text)),l.a.createElement("div",{onClick:function(){document.getElementById("parent-modal").style.display="block"},"data-toggle":"modal","data-target":"#email-modal",className:"email pdf-generate-email cursor-pointer d-flex align-items-center share-item"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-mail.svg",alt:"Mail Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.email.text)),l.a.createElement("div",{className:"request-quote px-0 ml-sm-3 pt-2 pt-sm-0 text-left share-item"},l.a.createElement(s.a,{label:Object(c.i)(t.raq.text),onClick:function(){for(var e="Source:"+window.location.origin+"\|",t=localStorage.getItem("desc-data"),a=JSON.parse(t),n=0;n<a.length;n++){e=e+"Door#"+(n+1)+"\|";for(var o=a[n].doorText,l="",i=0;i<o.length;i++)l=i===o.length-1?l+o[i][0]+":"+o[i][1]+";":l+o[i][0]+":"+o[i][1]+",";e+=l}var d=encodeURIComponent(e);localStorage.setItem("doorDesignerDescription",e);var s=new URLSearchParams(window.location.search);if(s)if(s.has("id")&&s.get("id")&&s.has("locationId")&&s.get("locationId")){var m;Object(c.b)();var p=s.get("id"),g=s.get("locationId");null===(m=Object(H.c)({url:w.replace("{accountNumber}",p).replace("{dealerListingLocationId}",g)}))\|\|void 0===m\|\|m.then((function(e){var t=e.data;if(Object(c.O)(),t.enrolledInDispatch){var a=(f=f.replace("{locationId}",t.dealer.accountNumber))+d;window.open(a,"_blank")}else{var n="mailto:".concat(t.dispatchNotificationEmail?t.dispatchNotificationEmail:t.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(n,"_blank")}})).catch((function(e){var t;console.log("Error Logged: ",e),null===(t=document.getElementById("something-went-wrong-modal-link"))\|\|void 0===t\|\|t.click()}))}else{var h=new URL(window.location.href).host;if(function(e){var t=new RegExp(/^([a-z]+\:\/{2})?([\w-]+\.[\w-]+\.\w+)$/);return!!e.match(t)}(h))Object(c.b)(),u.a.get("".concat(b,"?micrositeDomain=").concat(h)).then((function(e){var t=e.data;if(Object(c.O)(),t.totalCount>0){var a=t.data[0].dealerListingLocations;if(a.length>0){var n=a[0];if(n.enrolledInDispatch){var o=(f=f.replace("{locationId}",n.id))+d;window.open(o,"_blank")}else{var l="mailto:".concat(n.dispatchNotificationEmail?n.dispatchNotificationEmail:n.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(l,"_blank")}}else console.warn("No Listing Locations are available for this dealer")}else{var i=r;window.open(i,"_blank")}}));else{var v=r;window.open(v,"_blank")}}}}))))),l.a.createElement("div",{className:"container d-lg-flex review-save-door-box pt-5"},E&&E.length>0&&E.map((function(e,t){return l.a.createElement("div",{className:"multiple-doors",key:t},l.a.createElement("div",{key:t,className:"col-xl-12 col-lg-12 col-12 pl-0 pr-0"},l.a.createElement("div",{className:"row m-0 text-center align-items-center p-3"},l.a.createElement("div",{className:"col-11 p-0 text-left"},l.a.createElement("h5",{className:"m-0"},p," ",t+1)),l.a.createElement("div",{className:"col-1 p-0 hide-print-media","data-html2canvas-ignore":"true"},l.a.createElement("span",null,l.a.createElement("img",{loading:"lazy",onClick:function(e){return function(e,t){J();var a="subTab-"+t;setTimeout((function(){var e;null===(e=document.getElementById(a))\|\|void 0===e\|\|e.click()}),1200)}(0,t)},src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-edit.svg",alt:"Edit Icon",className:"editEffect"})))),l.a.createElement("div",{className:"row m-0 px-3 pt-4 pb-5 mb-3 image-row text-center"},l.a.createElement("div",{className:"col-12 p-0"},l.a.createElement("span",{className:"hardware-img-parent"},l.a.createElement("img",{loading:"lazy",alt:e.doorText[2][1],src:_(e.doorImage[0])}),_(e.doorImage[1])&&_(e.doorImage[1]).length>0&&l.a.createElement("img",{loading:"lazy",className:"hardware-img",alt:e.doorText[2][1],src:_(e.doorImage[1])})))),l.a.createElement("div",{className:"door-review-info body-text3 p-3"},e.doorText&&e.doorText.map((function(e,t){return 0==t\|\|1==t\|\|2==t?l.a.createElement("div",{className:"row m-0 font-weight-semi",key:t},l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[0])),l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[1]))):l.a.createElement("div",{className:"row m-0 ",key:t},l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[0])),l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[1])))})))))})))),l.a.createElement(z,{emailPath:i,imageRootPath:d,reviewsaveData:t,ok:m,recaptchaToken:h}),l.a.createElement("canvas",{id:"email-img0",width:"500",height:"500"}),l.a.createElement("canvas",{id:"email-img1",width:"500",height:"500"}),l.a.createElement("canvas",{id:"email-img2",width:"500",height:"500"}),l.a.createElement("canvas",{id:"email-img3",width:"500",height:"500"}),l.a.createElement("a",{id:"something-went-wrong-modal-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-something-went-wrong"}),l.a.createElement(U.a,{name:"something-went-wrong",type:"error",text:"Something went wrong!",buttonText:m}))},T=a(31),Z=a(51),M=a(19),J=a.n(M),_=function(e){Object(E.a)(a,e);var t=Object(O.a)(a);function a(){return Object(x.a)(this,a),t.apply(this,arguments)}return Object(Z.a)(a,[{key:"render",value:function(){var e=this.props.node\|\|document.body;return J.a.createPortal(this.props.children,e)}}]),a}(l.a.Component),B=function(e){var t,a,r=e.doorDesignerData,d=Object(c.g)(r),m=Object(o.useState)("door-size"),u=Object(n.a)(m,2),p=u[0],g=u[1],h=Object(o.useRef)(),b=Object(o.useState)(""),w=Object(n.a)(b,2),v=w[0],x=w[1],E=function(e,t){g(t)};Object(o.useEffect)((function(){c.y.subscribe((function(e){!0===e&&(localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("image-type","chosen"),c.y.next(!1))})),c.E.subscribe((function(e){e&&h.current.execute()}))}),[]);return l.a.createElement(i,null,l.a.createElement("div",{className:"col-xl-12 col-md-12 col-sm-12 col-12 p-0 door-designer"},l.a.createElement("div",{className:"main-content"},l.a.createElement("div",{className:"tabs-container col-xl-9 col-md-10 col-sm-11 col-12 px-0 px-md-3"},l.a.createElement("ul",{className:"nav nav-tabs heading-tabs hide-print-media",id:"myTab",role:"tablist"},l.a.createElement("li",{role:"tab",className:"nav-item ".concat("door-size"===p?"active":""),onClick:function(e){return E(0,"door-size")}},l.a.createElement("a",{className:"nav-link amarr-h4 active",id:"door-size-tab",href:"#door-size","data-toggle":"tab","aria-controls":"door-size-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"1")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step1.heading.text)))),l.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===p?"active":""),onClick:function(e){return E(0,"home-image")}},l.a.createElement("a",{className:"nav-link amarr-h4",id:"home-image-tab",href:"#home-image","data-toggle":"tab","aria-controls":"home-image-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"2")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step2.heading.text)))),l.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===p?"active":""),onClick:function(e){return E(0,"design-door")}},l.a.createElement("a",{className:"nav-link amarr-h4",id:"design-door-tab",href:"#design-door","data-toggle":"tab","aria-controls":"design-door-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"3")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step3.heading.text)))),l.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===p?"active":""),onClick:function(e){return E(0,"review-save")}},l.a.createElement("a",{className:"nav-link amarr-h4",id:"review-save-tab",href:"#review-save","data-toggle":"tab","aria-controls":"review-save-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"4")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step4.heading.text)))))),l.a.createElement("div",{className:"tab-content"},l.a.createElement("div",{className:"tab-pane fade show active",id:"door-size",role:"tabpanel","aria-labelledby":"door-size-tab"},l.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-0"},l.a.createElement(f,{doorSizeData:d.step1,door:d.door.text,next:d.next.text,sampleHomeImagesCSV:d.sampleHomeImagesCSV,doorOptionsAPIURL:d.doorOptionsAPIURL,imageRootPath:d.imageRootPath}))),l.a.createElement("div",{className:"tab-pane fade",id:"home-image",role:"tabpanel","aria-labelledby":"home-image-tab"},l.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-md-0"},l.a.createElement(j,{homeImageData:d.step2,next:d.next.text,back:d.back.text,doorCoordinatesAPIURL:null===d\|\|void 0===d?void 0:d.doorCoordinatesAPIURL}))),l.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},l.a.createElement(L,{designDoorData:d.step3,door:d.door.text,next:d.next.text,back:d.back.text,save:d.save.text,cancel:d.cancel.text,ok:d.ok.text,doorOptionsAPIURL:d.doorOptionsAPIURL,doorHintsAPIURL:d.doorHintsAPIURL,doorDescriptionAPIURL:d.doorDescriptionAPIURL,colorZoneAPIURL:d.colorZoneAPIURL,rulesAPIURL:d.rulesAPIURL,doorImageRootPath:d.doorImageRootPath,collectionDetailURLs:d.collectionDetailURLs,doorCoordinatesUpdateAPIURL:d.doorCoordinatesUpdateAPIURL})),l.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},l.a.createElement(W,{imageRootPath:d.imageRootPath,reviewsaveData:d.step4,back:d.back.text,dispatchRequestQuoteURL:d.dispatchRequestQuoteURL,emailPath:d.emailPath,ok:d.ok.text,door:d.door.text,recaptchaToken:v,microSiteDispatchRequestQuoteURL:d.microSiteDispatchRequestQuoteURL,dealerInfoAPIURL:d.dealerInfoAPIURL,dealerLocationListingAPIPath:d.dealerLocationListingAPIPath})))),l.a.createElement(_,null,l.a.createElement(T.a,{ref:h,sitekey:d.invisibleRecaptchaKey,onChange:function(e){x(e)},size:"invisible",onExpired:function(){h.current.execute()}}))),l.a.createElement("a",{id:"doordesigner-link","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),l.a.createElement("div",{className:"modal fade alert-popup",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered dd-popup",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body py-4 mb-3"},l.a.createElement("div",null,null===(t=d.popupMessage)\|\|void 0===t?void 0:t.text)),l.a.createElement("div",{className:"modal-footer"},l.a.createElement("span",{className:""},l.a.createElement("a",{href:"#","data-dismiss":"modal"},l.a.createElement(s.a,{onClick:function(e){var t;e.preventDefault(),null===(t=document.getElementById("door-size-tab"))\|\|void 0===t\|\|t.click(),window.scrollTo(0,0)},label:Object(c.i)(null===(a=d.ok)\|\|void 0===a?void 0:a.text)}))))))))};B.defaultProps={config:"",theme:"",doorDesignerData:""};t.a=B},734:function(e,t,a){"use strict";a.r(t);var n=a(14),o=a(72);t.default=n.a.create({component:o.a,configuration:{tagname:"amarr-door-designer",useShadow:!1},plugins:[]})},8:function(e,t,a){"use strict";a.d(t,"c",(function(){return r})),a.d(t,"b",(function(){return i})),a.d(t,"d",(function(){return c})),a.d(t,"e",(function(){return d})),a.d(t,"a",(function(){return s}));var n=a(29),o=a(6),l=a.n(o);function r(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"GET",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function i(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"DELETE",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function c(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"POST",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function d(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"PUT",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function s(e){return l()({url:e,method:"GET"})}l.a.interceptors.request.use((function(e){return!(window.location.pathname.indexOf(".html")>-1)&&Object(n.a)({},e)})),l.a.interceptors.response.use((function(e){return 201===e.status&&console.log("Posted Successfully"),401===e.status&&console.log("not found"),400===e.status&&console.log("unauthorized"),e}),(function(e){return window.location.pathname.indexOf("/dealer/")>-1&&401===e.response.status&&(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),window.location.href=window.location.origin),Promise.reject(e)}))},9:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(15),o=a(0),l=a.n(o),r=a(4),i=(a(35),r.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),c=a(26),d=a.n(c),s=function(e){return Object(n.a)(e),l.a.createElement(i,null,l.a.createElement("div",{className:"d-flex justify-content-center loader"},l.a.createElement("div",{className:"d-flex"},l.a.createElement(d.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}}});
1	+ !function(e){function t(t){for(var n,r,i=t[0],c=t[1],d=t[2],m=0,u=[];m<i.length;m++)r=i[m],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&u.push(o[r][0]),o[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(s&&s(t);u.length;)u.shift()();return l.push.apply(l,d\|\|[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==o[c]&&(n=!1)}n&&(l.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},o={38:0},l=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/";var i=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=c;l.push([828,0]),a()}({0:function(e,t){e.exports=React},1:function(e,t,a){"use strict";a.d(t,"g",(function(){return o})),a.d(t,"V",(function(){return l})),a.d(t,"i",(function(){return r})),a.d(t,"D",(function(){return i})),a.d(t,"G",(function(){return c})),a.d(t,"v",(function(){return d})),a.d(t,"B",(function(){return s})),a.d(t,"o",(function(){return m})),a.d(t,"r",(function(){return u})),a.d(t,"I",(function(){return p})),a.d(t,"H",(function(){return g})),a.d(t,"Q",(function(){return h})),a.d(t,"E",(function(){return f})),a.d(t,"u",(function(){return b})),a.d(t,"h",(function(){return w})),a.d(t,"t",(function(){return v})),a.d(t,"y",(function(){return x})),a.d(t,"w",(function(){return E})),a.d(t,"C",(function(){return O})),a.d(t,"s",(function(){return I})),a.d(t,"R",(function(){return y})),a.d(t,"q",(function(){return j})),a.d(t,"J",(function(){return N})),a.d(t,"F",(function(){return C})),a.d(t,"S",(function(){return k})),a.d(t,"m",(function(){return D})),a.d(t,"j",(function(){return R})),a.d(t,"n",(function(){return A})),a.d(t,"k",(function(){return L})),a.d(t,"l",(function(){return U})),a.d(t,"z",(function(){return z})),a.d(t,"L",(function(){return H})),a.d(t,"x",(function(){return W})),a.d(t,"T",(function(){return Z})),a.d(t,"U",(function(){return T})),a.d(t,"b",(function(){return M})),a.d(t,"O",(function(){return J})),a.d(t,"A",(function(){return V})),a.d(t,"a",(function(){return _})),a.d(t,"d",(function(){return B})),a.d(t,"f",(function(){return q})),a.d(t,"e",(function(){return G})),a.d(t,"X",(function(){return F})),a.d(t,"c",(function(){return $})),a.d(t,"W",(function(){return Q})),a.d(t,"K",(function(){return X})),a.d(t,"M",(function(){return K})),a.d(t,"N",(function(){return Y})),a.d(t,"p",(function(){return ee})),a.d(t,"P",(function(){return te}));var n=a(3),o=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},l=function(e){return btoa(unescape(encodeURIComponent(e)))},r=function(e){return e.toUpperCase()},i=function(e){return e.replaceAll(" ","-").toLowerCase()},c=new n.a(!1),d=new n.a(!1),s=new n.a(!1),m=new n.a(!1),u=new n.a(""),p=new n.a(!1),g=new n.a(!1),h=new n.a(!1),f=new n.a(!1),b=new n.a(!1),w=new n.a(!1),v=new n.a(""),x=new n.a(!0),E=new n.a(!0),O=new n.a(!0),I=new n.a(!0),y=new n.a(!0),j=new n.a(!0),N=new n.a({}),S=new n.a(!1),P=0,C=new n.a(!1),k=new n.a(""),D=new n.a(""),R=new n.a(""),A=new n.a(""),L=new n.a(""),U=new n.a(""),z=new n.a(""),H=new n.a(""),W=new n.a(!1),Z=new n.a(!1),T=new n.a(!1),M=function(){setTimeout((function(){P++,S.next(!0)}),0)},J=function(){setTimeout((function(){P>0&&P--,0==P&&S.next(!1)}),0)},V=function(){return S.asObservable()},_=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+))\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},B=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]$/)},q=function(e){return/^[0-9a-zA-Z !@#\$%\^\&\)$+=._-]+$/.test(e)},G=function(e){return/^\(?([0-9]{3})$\s[0-9]{3}-[0-9]{4}$/.test(e)},F=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+\|(?:www.\|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_])?\??(?:[-\+=&;%@.\w_])#?(?:[\w]))?)/.test(e)},$=function(e){return/^[0-9]$/.test(e)},Q=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~\|!:,.;][-a-zA-Z0-9+&@#/%=~\|]$/.test(e)},X=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},K=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e\|\|(e=e.toFixed(2)),e},Y=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)\|\|"0"===t?0:(e-t)/t100).toFixed(2)},ee=function(e){var t={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:e.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:e.selectedHeight,glass:e.selectedGlass,collection:e.selectedCollection,print:!0,baseUrl:"",gplacement:e.selectedWindowPlacement,width:e.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return e.selectedColor&&(t.color=e.selectedColor),e.colorHex&&(t.colorHex=e.colorHex),e.colorZone&&(t.colorZone=e.colorZone),e.selectedConstruction&&(t.model=e.selectedConstruction),e.selectedWindowDesign&&(t.top=e.selectedWindowDesign),e.glazepattern&&(t.glazepattern=e.glazepattern),e.selectedHardware&&(t.hardware=e.selectedHardware),t},te=function(e,t,a){var n="",o=e.split(t);return o.forEach((function(e,t){"undefined"!==e&&e&&(n+=e,t!==o.length-1&&(n+=a))})),n}},19:function(e,t){e.exports=ReactDOM},20:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),o=a.n(n),l=a(4).default.div.withConfig({displayName:"styles__View",componentId:"sc-97v6oe-0"})([".modal{&-content{border-radius:4px;box-shadow:0 4px 12px 0 rgb(0 0 0 / 20%);}}.alert-popup{.modal{padding:0 !important;&-dialog{max-width:540px !important;@media screen and (max-width:767px){max-width:100% !important;}@media screen and (min-width:768px) and (max-width:1024px){max-width:430px !important;}&-centered{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}}&-content{padding:30px;@media (min-width:768px){min-width:350px;}@media (max-width:426px){min-width:90%;max-width:90%;}}&-header,&-body,&-footer{padding:0;}&-header{border-bottom:none;.close{padding:0;margin:0;position:absolute;right:15px;top:15px;}}&-footer{border-top:none;button{min-width:100px;}}}}"]),r=a(5),i=function(e){var t=e.buttonText,a=void 0===t?"ok":t,n=e.text,i=void 0===n?"some message here.":n,c=e.name,d=void 0===c?"":c,s=e.type,m=void 0===s?"success":s,u=e.reloadPopup;return o.a.createElement(l,null,o.a.createElement("div",{className:"modal fade alert-popup",id:"msg-popup-".concat(d),role:"dialog","aria-hidden":"true"},o.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},o.a.createElement("div",{className:"modal-content"},o.a.createElement("div",{className:"modal-header"},o.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},o.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),o.a.createElement("div",{className:"modal-body text-center"},"success"===m?o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-confirm-green.svg",alt:"Tick icon"}):o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-error-red.svg",alt:"Cross icon"}),o.a.createElement("p",{className:"my-4"},i)),o.a.createElement("div",{className:"modal-footer justify-content-center"},o.a.createElement("a",{href:"#","data-dismiss":"modal"},o.a.createElement(r.a,{label:a,onClick:function(){setTimeout((function(){document.getElementById("parent-modal")&&(document.getElementById("parent-modal").style.display="none")}),500),u&&!0===u&&window.location.reload()}})))))))}},260:function(e,t){},261:function(e,t){},5:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(22),o=a(0),l=a.n(o),r=a(4),i=r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),c=r.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(['font-size:12px;font-family:"Open Sans";font-weight:600;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#fff;padding:12px 19px 12px 20px;border-radius:4px;background-color:#006166;box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:#338084;color:#fff;}&:focus{transform:scale(1);box-shadow:none !important;background-color:#004347;}&:active{background-color:#006166 !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:#333333;background:#b2cfd1;&:hover{background:#8EB8BB;}&:focus{background:#8EA5A7;border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:#8EA5A7 !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media(min-width:1201px){font-size:16px;}.button-icon{vertical-align:top;padding-right:8px;}']),d=a(18),s=a(17),m=function(e){var t=e.label,a=void 0===t?"label":t,o=e.classStyle,r=void 0===o?"default":o,m=e.link,u=void 0!==m&&m,p=e.disabled,g=void 0!==p&&p,h=e.datatoggle,f=void 0===h?"":h,b=e.datatarget,w=void 0===b?"":b,v=e.linkHref,x=e.target,E=void 0===x?"_self":x,O=e.downloadLink,I=void 0!==O&&O,y=e.inverse,j=void 0!==y&&y,N=e.icon,S=void 0===N?"":N,P=e.iconAlt,C=void 0===P?"":P,k=e.dataItemName,D=void 0===k?"":k,R=e.id,A=void 0===R?"":R,L=e.type,U=void 0===L?"button":L,z=e.showDisabledMessage,H=void 0===z?"":z,W=e.ariaLabel,Z=void 0===W?"":W,T=Object(n.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage","ariaLabel"]);return l.a.createElement(i,null,l.a.createElement("div",{className:"".concat(g&&H&&"disabled-button-parent")},u?l.a.createElement("a",{href:v,download:I,target:E,"data-item-name":D,id:A,"aria-label":Z},l.a.createElement(c,Object.assign({role:"presentation",disabled:g,classStyle:"".concat(r)},T,{type:U,className:j?"btn-inverse btn btn-success":"btn btn-success"}),""!=S?l.a.createElement("div",{"data-toggle":f,"data-target":w},l.a.createElement("img",{loading:"lazy",className:"button-icon",src:S,alt:C}),l.a.createElement("span",null,a)):l.a.createElement("span",null,a))):l.a.createElement(c,Object.assign({disabled:g,classStyle:r,className:j?"btn-inverse btn btn-success":"btn btn-success",id:A,"data-item-name":D,type:U},T),l.a.createElement("span",null,a)),g&&H&&l.a.createElement(d.a,{placement:"top",delay:{show:250,hide:250},overlay:l.a.createElement(s.a,{id:"button-tooltip"},l.a.createElement("div",{className:"p-1 amarr-h6"},H))},l.a.createElement("div",{className:"disabled-button-overlay"}))))}},59:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(15),o=a(0),l=a.n(o),r=a(4),i=(a(35),r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:center;div{align-items:center;}}"])),c=a(27),d=a.n(c),s=function(e){return Object(n.a)(e),l.a.createElement(i,null,l.a.createElement("div",{className:"d-flex justify-content-center loader"},l.a.createElement("div",{className:"d-flex"},l.a.createElement(d.a,{type:"Oval",color:"rgb(0, 97, 102)",height:100,width:100}))))}},72:function(e,t,a){"use strict";var n=a(2),o=a(0),l=a.n(o),r=a(4),i=r.default.section.withConfig({displayName:"style__Content",componentId:"vvnxvg-0"})(['.stepper-head{margin-bottom:0;}.door-designer{margin:0 auto;}.sticky-content{position:sticky;top:150px;bottom:0;z-index:2;align-self:flex-start;@media(max-width:1440px){top:120px;}@media screen and (max-width:767px){position:relative;background:#ffff;top:0;}}.editEffect{cursor:pointer;&:hover{transform:scale(1.1);transition:0.2s;}}.main-content{margin-top:40px;margin-bottom:60px;.tabs-container{margin:0 auto;}}.btn-inverse,.next-btn button{min-width:80px !important;}.door-size-content{.row{margin-top:24px;margin-bottom:24px;}}.row{margin-top:40px;margin-bottom:40px;@media screen and (max-width:767px){margin-top:10px;}}button{cursor:pointer;}.door-dimension-select{display:inline-grid;width:170px;position:relative;:not(:last-child){margin-right:24px;}}.selected-item{transition:0.2s;border:solid 4px #de0000;}#doordesigner-link{visibility:hidden;font-size:1px;}.alert-popup .modal-dialog-centered.dd-popup{margin:20px auto 0;}.alert-popup{.modal{padding:0 !important;&-dialog{max-width:58% !important;@media screen and (max-width:767px){max-width:100% !important;}@media screen and (min-width:768px) and (max-width:1024px){max-width:430px !important;}&-centered{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}}&-content{padding:30px;width:100%;@media (max-width:768px){margin-left:17px;}}&-header,&-body,&-footer{padding:0;}&-header{border-bottom:none;.close{padding:0;margin:0;position:absolute;right:15px;top:15px;}}&-footer{border-top:none;button{min-width:100px;}}}}.door-box{width:48px;height:48px;display:inline-grid;place-items:center;margin-right:18px;border-radius:4px;border:solid 1px #b6b9bb;line-height:1.5;cursor:pointer;&.selected{border:solid 2px #006166;color:#006166;transition:0.4s;}}.nav-tabs{border-bottom:transparent;margin-left:0;.nav-item{width:25%;&.show{.nav-link{color:#006166;background-color:#fff;border-bottom:2px solid #006166;}}&.active{.door-box{background-color:#006166;}}.door-box{width:36px;height:36px;color:#fff;background-color:#8d8d8d;vertical-align:text-top;margin-top:2px;}}.nav-link{border:1px solid transparent;padding:0 0 18px 0;color:#333;text-align:center;display:flex;justify-content:center;align-items:center;&.active{color:#006166;background-color:#fff;border-bottom:2px solid #006166;}}}.garage-door-size-select .amarrHighlight{margin-left:40px;}.door-size-select-container{position:relative;}select{appearance:none;cursor:pointer;}.select-dropdown{&-icon{width:16px;height:16px;position:absolute;right:12px;top:34%;transform:rotate(87deg);pointer-events:none;}}.share-buttons{.share-item:not(:last-child){margin-right:16px;}}@media screen and (max-width:1136px){.nav-tabs .nav-item .door-box{margin-top:-2px;margin-right:8px;}.description.door-properties{padding:0px 0 10px !important;}.door-properties{padding:10px 0px !important;}.tab-info{p{margin-bottom:12px;}}}@media screen and (max-width:992px){.share-buttons{justify-content:flex-start !important;}span{&.gallery-image{img{min-height:auto !important;}}}.links-and-buttons > {margin:10px 0 0 0px;}.links-and-buttons{margin:-10px 0 0 0px;}.share-buttons > {margin:10px 0 0 0px;}.share-buttons{margin:-10px 0 0 0px;}}@media screen and (min-width:768px) and (max-width:992px){.links-and-buttons{}}@media screen and (max-width:991px){.nav-tabs .nav-item .door-box{display:none;}}@media screen and (max-width:576px){.nav-tabs .nav-link{padding-bottom:4px;}.nav-tabs .nav-link > span{width:100%;display:inline-block;font-size:16px;}.garage-door-size-select .amarrHighlight{display:block;margin-left:0px;}.door-dimension-select{width:calc(50% - 15px);:not(:last-child){margin-right:30px;}}}.door-size{padding-top:16px;@media screen and (min-width:1681px){padding-top:24px;}}.home-image-tab .row{margin-top:24px;margin-bottom:24px;@media screen and (max-width:767px){margin-top:12px;margin-bottom:12px;.home-image-upload-photo{padding-top:12px;}}}.upload-instructions{margin-left:2rem;li{padding-left:.5rem;&::marker{font-size:12px;}}}span.gallery-image{flex:1 1 calc(16% - 18px);img{min-height:125px;}}.photo-gallery{padding-bottom:8px;@media screen and (max-width:767px){padding-bottom:18px;}@media screen and (min-width:1681px){padding-bottom:16px;}}.photo-gallery-container{border:1px solid #8d8d8d;border-radius:4px;padding:18px;max-height:520px;overflow-y:auto;div{display:flex;flex-wrap:wrap;gap:18px;}}@media screen and (max-width:576px){span.gallery-image{flex:1 1 45%;}}.tabs-container.design-door-tabs{background-color:#f0f0f0;.nav-tabs{.nav-link{padding:14px 0;&.active{background-color:inherit;}}}}.tab-info{margin-top:12px;margin-left:-15px;@media screen and (max-width:767px){margin-left:0px;}}.description.door-properties{padding:0px 20px 40px;}.door-properties{padding:40px 20px;.door-properties-select{margin:24px 0;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}.btn-group{display:block;button{width:100%;padding:12px;border-radius:4px;border:solid 1px #b6b9bb;background-color:#ffffff;text-align:left;&:after{display:block;position:absolute;right:12px;color:#8d8d8d;border:none;top:32%;content:"";background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg);transform:rotate(87deg);background-size:16px;width:16px;height:16px;background-repeat:no-repeat;}@media screen and (max-width:1900px){padding:9px 12px;}}}.dropdown-menu.show{max-height:400px;overflow-y:auto;scroll-behavior:smooth;.dropdown-item{vertical-align:text-top;p{white-space:break-spaces;color:#333333;margin:0;}}}}}.apply-checkbox{display:flex;align-items:center;input{height:20px;width:20px;}label{display:inline-block;margin-left:10px;margin-bottom:0;}}.button-grp{display:flex;margin-top:24px;> div{&:nth-child(1){margin-right:auto;}&:nth-child(2){margin-right:1.5rem;}}}@media screen and (max-width:968px){.gallery-image{.color-block{height:6rem;}}}@media screen and (max-width:1136px){.design-door-tab .tab-content{margin-top:14px;}}.details-modal{.details-modal-container{display:flex;gap:36px;align-items:center;@media screen and (max-width:767px){display:block;}}.ok-button button.btn{padding-left:36px;padding-right:36px;}.modal-img-container{min-width:18vw;max-width:50%;@media screen and (max-width:767px){margin-bottom:8px;max-width:100%;}}.modal{&-dialog{max-width:65%;@media screen and (max-width:576px){max-width:100%;}}&-header,&-body,&-footer{padding:0px 36px 0px 36px;border:0;@media screen and (max-width:767px){padding:0px 20px 0px 20px;}}&-body{padding-bottom:36px;@media screen and (max-width:767px){padding-bottom:20px;}}&-header{padding-top:8px;}}.button-div{display:flex;}}.mosaic-modal{.modal{&-dialog{max-width:40%;@media screen and (max-width:576px){max-width:100%;}}}}.modal{&-header,&-body,&-footer{padding:36px;border:0;}&-header,&-body{padding-bottom:15px;}&-body{padding-top:0px;+ p{padding:15px 36px 20px;}}&-footer{justify-content:flex-start;>:not(:first-child){margin-left:1rem;}button{min-width:100px;}}&.show{.modal-dialog{max-width:65%;}}.mosaic-modal{&.show{.modal-dialog{max-width:50%;}}}&-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem 2));}&-content{width:100%;}.photo-gallery-container{border:none;padding:0;margin:0;max-height:400px;overflow-y:auto;scroll-behavior:smooth;span.gallery-image{height:170px;}}}.mosaic-note{margin-top:30px;font-size:15px;}.mosaicGlazed{color:blue;}.mosaicGlazed:hover{text-decoration:underline;cursor:pointer;}@media (min-width:576px){.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2));}}@media screen and (max-width:576px){.modal.show{padding-right:0 !important;.modal-dialog{max-width:100%;}}}@media screen and (min-width:992px){.review-save-main .no-gutters .col-md-6:first-child{max-width:calc(50% - 10px);margin-right:10px;}.review-save-main .no-gutters .col-md-6:nth-child(2){max-width:calc(50% - 10px);margin-left:10px;}}.review-save-main{.figure{width:100%;text-align:center;.figure-img{margin-bottom:0;}}.disclaimer-text{font-size:16px}}.figure-caption{color:#333;background-color:#f0f0f0;width:100%;text-align:center;padding:13px 0;}.review-save-door-box .multiple-doors{border:1px solid #8d8d8d;border-radius:4px;}.review-save-door-box .image-row{min-height:15rem;align-items:top;}.review-save-door-box{gap:1.88%;.multiple-doors{width:100% !important;@media screen and (min-width:1024px){max-width:calc(25% - 18px);flex:0 0 23.55%;}}}.font-weight-semi{font-weight:600;}.door-review-info{border-top:solid 1px #8d8d8d;}@media screen and (max-width:1023px){.review-save-door-box{display:grid;grid-template-columns:repeat(4,35%);will-change:transform;align-content:center;overflow-x:auto;-ms-scroll-snap-coordinate:0 0;scroll-snap-coordinate:0 0;-ms-scroll-snap-points-x:repeat(100%);scroll-snap-points-x:repeat(100%);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;column-gap:18px;}.door-box{width:38px;height:38px;}}@media screen and (max-width:1376px){.review-save-door-box{grid-template-columns:repeat(4,42%);}}@media screen and (max-width:1024px){.door-box{width:36px;height:36px;}.review-save-door-box{grid-template-columns:repeat(4,52%);}}@media screen and (max-width:768px){.review-save-door-box{grid-template-columns:repeat(4,62%);}.next-btn.request-quote{width:100%;margin:0 !important;margin-top:10px !important;}.nav-tabs{gap:2%;flex-wrap:initial;align-items:center;}}@media screen and (max-width:576px){.review-save-main{.figure{margin-bottom:10px;img{margin-bottom:0;}}}.review-save-door-box{grid-template-columns:repeat(4,72%);}.row.no-gutters.lg-images{margin-bottom:0;}.row.links-and-buttons{margin-top:0;}.next-btn.back-btn{}.next-btn.request-quote{margin-top:15px;}}@media screen and (max-width:450px){.review-save-door-box{grid-template-columns:repeat(4,90%);}}canvas{width:100%;}.next-btn{button{min-width:140px;text-transform:uppercase;@media screen and (max-width:576px){min-width:75px;}}}.color-block{display:inline-block;width:100%;height:4rem;}.photo-gallery-container a{width:14%;@media screen and (min-width:1400px){width:15%;.color-block{height:8rem;}}@media screen and (max-width:1024px){width:14%;}@media screen and (max-width:968px){width:45%;}}.dropdown-item{padding:10px;}.heading-tabs .nav-link{user-select:none;pointer-events:none;}.heading-tabs .nav-item{user-select:none;pointer-events:none;}.image-row img{max-height:10rem;}.cursor-pointer{cursor:pointer;}#email-success-link{visibility:hidden;}.modal-show{display:block !important;}.label-top-margin{margin-top:0.5rem;}.file-button{opacity:0;width:130px;height:44px;position:absolute;@media screen and (max-width:767px){width:120px;height:36px;}}.upload-image-btn{display:block;position:relative;width:130px;height:42px;border-radius:4px;border:solid 1px #b6b9bb;background-image:linear-gradient(to top,#f2f4f7,#ffffff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease-out;label{line-height:0;padding-top:14px;margin-bottom:0px;}input:focus{& ~ label{outline:-webkit-focus-ring-color auto 1px;}}@media screen and (max-width:767px){width:120px;height:36px;label{padding-top:15px;}}}.upload-file-container{display:flex;align-items:center;.upload-image-btn{margin-right:20px;}}.hardware-img-parent{position:relative;display:inline-block;.hardware-img{position:absolute;left:0;top:0;right:0;bottom:0;}}.add-to-favourites{display:flex;}@media print{@page{margin-top:2cm;padding-top:2cm;margin-left:0;margin-right:0;size:297mm 420mm;}.hide-print-media{display:none;}.review-save-door-box .image-row{height:10rem;}body{width:100%;height:100%;}.print-door{img{padding:0 20px !important;}}.figure-img{width:calc(50%);}.review-save-door-box{max-width:100%;justify-content:center;.multiple-doors{float:left !important;border:0 !important;width:25%;display:inline-block;.door-review-info{padding:10px !important;border:0;}h6,.body-text2,.body-text3{font-size:12px !important;line-height:18px;font-weight:normal !important;}span{font-weight:normal !important;}}}}.parent-pixi{position:relative;#small-loader{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:600px;display:block;@media (max-width:767px){height:400px;}.loader{text-align:center;overflow:hidden;background:rgba(0,0,0,0.75);overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;div{align-items:center;}}}}#email-img0,#email-img1,#email-img2,#email-img3,#something-went-wrong-modal-link{display:none;}']),c=a(1),d=a(23),s=a(5),m=a(6),u=a.n(m),p=a(159),g=a(9),h=[1,2,3,4],f=function(e){var t=e.doorSizeData,a=e.door,r=e.next,i=e.sampleHomeImagesCSV,m=e.doorOptionsAPIURL,f=e.imageRootPath,b=Object(o.useState)(1),w=Object(n.a)(b,2),v=w[0],x=w[1],E=Object(o.useState)([0]),O=Object(n.a)(E,2),I=O[0],y=O[1],j=Object(o.useState)([]),N=Object(n.a)(j,2),S=N[0],P=N[1],C=Object(o.useState)([]),k=Object(n.a)(C,2),D=k[0],R=k[1],A=Object(o.useState)([]),L=Object(n.a)(A,2),U=L[0],z=L[1],H=Object(o.useState)(!1),W=Object(n.a)(H,2),Z=W[0],T=W[1],M=Object(o.useState)([{width:8,height:7}]),J=Object(n.a)(M,2),V=J[0],_=J[1];Object(o.useEffect)((function(){_([{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}]),q(),B(),c.u.subscribe((function(e){e&&(q(),y([0]),x(1),_([{width:8,height:7}]))})),c.t.subscribe((function(e){if(e&&e.length>0){var t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"",a=t.length>0?JSON.parse(t):[{width:8,height:7}];_(a)}})),Object(c.A)().subscribe((function(e){T(e)})),c.w.subscribe((function(e){if(!0===e){if(window.location.search){var t,a=new URLSearchParams(window.location.search),o=Object(d.a)(a);try{for(o.s();!(t=o.n()).done;){var l=Object(n.a)(t.value,2),r=l[0];l[1];if("collection"===r\|\|"window"===r\|\|"panel"===r\|\|"color"===r){var i=[{width:8,height:7}];i.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(i))}}}catch(s){o.e(s)}finally{o.f()}}c.w.next(!1)}})),F()}),[]);var B=function(){Object(c.b)(),u.a.get(i).then((function(e){var t=[],a=Object(p.a)(e.data).data,n=[];a.forEach((function(e){n.push(f+"DoorApp/homes/"+e[0])}));for(var o=0;o<a.length;o++){var l={index:o,images:[f+"homes/"+a[o][0]]},r=!1,i=!1;l.doors=[];for(var d=1;d<a[o].length;d+=9)l.doors.push({type:a[o][d].trim(),positions:a[o].slice(d+1,d+9)}),"s"==a[o][d].trim()&&(r=!0),"d"==a[o][d].trim()&&(i=!0),l.type=i&&r?"m":r?"s":"d",t.push(l)}localStorage.setItem("points",JSON.stringify(t)),z(n),localStorage.setItem("gallery",JSON.stringify(n)),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},q=function(){u.a.post(m,{names:["width","height"],hints:{}},{headers:{"content-type":"application/json"}}).then((function(e){P(e.data.options.height),R(e.data.options.width)}))},G=function(e){!function(e){y([0]);var t=[];x(e+1);for(var a=0;a<=e;a++)t.push(a);y(t)}(e);for(var t=V,a=0;a<=e;a++)null!==t[e]&&void 0!==t[e]\|\|t.push({width:8,height:7});_(t)},F=function(){var e=$(".no-garage-doors .door-box");$(e).each((function(e,t){$(this).on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode\|\|this.click()}))}))};return l.a.createElement("div",{className:"door-size-content"},Z&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"no-garage-doors mb-3"},l.a.createElement("label",null,t.numberOfDoorsLabel.text),h.map((function(e,t){return l.a.createElement("div",{className:"door-box amarr-h6 ".concat(v===e?"selected":""),key:t,onClick:function(){return G(t)},role:"button",tabIndex:0},l.a.createElement("span",{className:"door-number"},e))}))))),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"garage-door-size-select"},l.a.createElement("label",null,t.sizeOfDoorsLabel.text,l.a.createElement("a",{className:"amarrHighlight body-text2 d-md-inline d-none",href:t.cta.url,target:t.cta.linkAction},t.cta.label)),l.a.createElement("p",{className:"body-text3 mb-sm-0"},t.sizeOfDoorsInfo.text),l.a.createElement("a",{className:"amarrHighlight body-text2 d-md-none d-block",href:t.cta.url,target:t.cta.linkAction},t.cta.label)))),I.map((function(e,n){return l.a.createElement("div",{className:"row mx-0",key:n},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"garage-door-size"},l.a.createElement("label",{htmlFor:"width-".concat(n)},a," ",e+1),l.a.createElement("div",{className:"door-dimension-select door-width-select"},l.a.createElement("p",{className:"body-text3"},t.width.text),l.a.createElement("div",{className:"door-size-select-container"},l.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),l.a.createElement("select",{name:"width",id:"width-".concat(n),onChange:function(e){return function(e,t){var a=V;a[t].width=Number(e.target.value),_(a)}(e,n)}},D&&D.length>0&&D.map((function(e,t){return l.a.createElement("option",{key:t,value:e.value,selected:!!(V&&V[t]&&V[t].width)&&e.value===V[t].width},e.description," '")}))))),l.a.createElement("div",{className:"door-dimension-select door-height-select"},l.a.createElement("p",{className:"body-text3"},t.height.text),l.a.createElement("div",{className:"door-size-select-container"},l.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),l.a.createElement("select",{name:"height",id:"height-".concat(n),onChange:function(e){return function(e,t){var a=V;a[t].height=Number(e.target.value),_(a)}(e,n)}},S&&S.length>0&&S.map((function(e,t){return l.a.createElement("option",{key:t,value:e.value,selected:!!(V&&V[t]&&V[t].height)&&e.value===V[t].height},e.description," '")}))))))))})),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12 next-btn door-size"},l.a.createElement(s.a,{label:Object(c.i)(r),onClick:function(){var e,t=v-V.length;0!=t&&V.splice(t),V.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(V)),localStorage.setItem("gallery",JSON.stringify(U)),c.v.next(!0),null===(e=document.getElementById("home-image-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}}))))},b=a(25),w=a.n(b),v=a(32),x=a(42),E=a(47),O=a(49),I=new(function(e){Object(E.a)(a,e);var t=Object(O.a)(a);function a(){var e;return Object(x.a)(this,a),(e=t.call(this,"AmarrDB")).image=void 0,e.version(1).stores({image:"image"}),e.open().catch((function(e){console.error(e.stack\|\|e)})),e}return a}(a(160).a)),y=a(161),j=function(e){var t=e.homeImageData,a=e.next,r=e.back,i=e.doorCoordinatesAPIURL,m=Object(o.useState)(""),p=Object(n.a)(m,2),h=p[0],f=p[1],b=Object(o.useState)(!1),x=Object(n.a)(b,2),E=x[0],O=x[1],j=Object(o.useState)([]),N=Object(n.a)(j,2),S=N[0],P=N[1],C=Object(o.useState)(0),k=Object(n.a)(C,2),D=k[0],R=k[1],A=Object(o.useState)(t.uploadNoImageText.text),L=Object(n.a)(A,2),U=L[0],z=L[1],H=Object(o.useState)(!1),W=Object(n.a)(H,2),Z=W[0],T=W[1],M=Object(o.useState)(!1),J=Object(n.a)(M,2),V=J[0],_=J[1],B=Object(o.useState)(!1),q=Object(n.a)(B,2),G=q[0],F=q[1];Object(o.useEffect)((function(){Object(c.A)().subscribe((function(e){F(e)})),T(!1),c.u.subscribe((function(e){e&&(T(!1),localStorage.setItem("image-type","chosen"),z(t.uploadNoImageText.text))})),c.v.subscribe((function(e){if(e&&(T(!1),$(),localStorage.getItem("image-type")&&"uploaded"===localStorage.getItem("image-type"))){var t=localStorage.getItem("uploadedFileName")?localStorage.getItem("uploadedFileName"):"";z(t),I.table("image").toArray().then((function(e){e.length>0&&f(e[0].image)}))}})),c.C.subscribe((function(e){if(!0===e){if(T(!1),window.location.search){var t,a=new URLSearchParams(window.location.search),o=Object(d.a)(a);try{for(o.s();!(t=o.n()).done;){var l=Object(n.a)(t.value,2),r=l[0];l[1];"collection"!==r&&"window"!==r&&"panel"!==r&&"color"!==r&&"glass"!==r\|\|($(),localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),K({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(i){o.e(i)}finally{o.f()}}c.C.next(!1)}}))}),[]);var $=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a="";1===t?a+="one":2===t?a+="two":3===t?a+="three":4===t&&(a+="four");for(var n=JSON.parse(e)[0]?JSON.parse(e)[0].type:"",o=!0,l=0;l<t-1;l++)JSON.parse(e)[l].type!=JSON.parse(e)[l+1].type&&(o=!1);if(!0===o)"s"===n?a+="Single":"d"===n&&(a+="Double");else{if(2===t){var r="";"sd"!==(r=r+JSON.parse(e)[0].type+JSON.parse(e)[1].type)&&"ds"!==r\|\|(a="other")}3===t&&(a="nope"),4===t&&(a="nope")}var i=[],c=localStorage.getItem("gallery");if(JSON.parse(c).forEach((function(e){e.indexOf(a)>-1&&i.push(e)})),P(i),localStorage.getItem("image-type")&&"chosen"===localStorage.getItem("image-type"))if(localStorage.getItem("selected-imageIndex")){var d=Number(localStorage.getItem("selected-imageIndex"));R(d),f(i[d]),K({},i[d],d),localStorage.setItem("image",i[d])}else R(0),f(i[0]),K({},i[0],0),localStorage.setItem("image",i[0])}},Q=function(e){if(i){var t=new FormData;return t.set("formFiles",e,e.name),u.a.post(i,t)}},X=function(){var e=Object(v.a)(w.a.mark((function e(t){var a,n,o,l,r,d,s;return w.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=29;break}if(localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),a=t.target.files[0].name,n=a.split(".").pop(),z(a),localStorage.setItem("uploadedFileName",a),"jpg"!==n.toLowerCase()&&"jpeg"!==n.toLowerCase()&&"png"!==n.toLowerCase()){e.next=27;break}if(O(!1),o=t.target.files[0].size,l=t.target.files[0],!(o<=5e6)){e.next=23;break}return _(!0),r={maxSizeMB:5,maxWidthOrHeight:4e3,useWebWorker:!0},Object(c.b)(),e.next=17,Object(y.a)(t.target.files[0],r).then((function(e){var t;(d=e,i)?null===(t=Q(l))\|\|void 0===t\|\|t.then((function(e){var t,a,n;(Object(c.O)(),_(!1),localStorage.setItem("door-coordinates",JSON.stringify(null===(t=e.data)\|\|void 0===t?void 0:t.doors)),localStorage.setItem("uploaded-image-id",JSON.stringify(null===(a=e.data)\|\|void 0===a?void 0:a.id)),null===(n=e.data)\|\|void 0===n?void 0:n.doors)&&e.data.doors.forEach((function(e,t){localStorage.setItem("updated-door_".concat(++t),JSON.stringify(e))}))}),(function(e){console.error(e)})):(_(!1),Object(c.O)())}));case 17:O(!1),(s=new FileReader).addEventListener("load",(function(e){var t=new Image;t.src=e.target.result,f(e.target.result);new Promise((function(e,a){t.onload=function(){var a=t.naturalWidth,n=t.naturalHeight;localStorage.setItem("dimensions",a+","+n),e({width:a,height:n})},t.onerror=a}))})),s.readAsDataURL(d),e.next=25;break;case 23:return O(!0),e.abrupt("return");case 25:e.next=29;break;case 27:return O(!0),e.abrupt("return");case 29:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),K=function(e,a,n){var o=new Image;o.src=a,o.onload=function(e){localStorage.setItem("dimensions",e.currentTarget.width+","+e.currentTarget.height)},localStorage.setItem("image",a),localStorage.setItem("image-type","chosen"),localStorage.setItem("selected-imageIndex",n.toString()),z(t.uploadNoImageText.text),R((function(){return D=n})),f(a)};return l.a.createElement("div",{className:"home-image-tab"},G&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"home-image-upload-photo"},l.a.createElement("div",{className:"mb-3"},l.a.createElement("label",null,t.uploadStepsLabel.text),l.a.createElement("ul",{className:"upload-instructions"},t.uploadSteps&&t.uploadSteps.length>0&&t.uploadSteps.map((function(e,t){return l.a.createElement("li",{className:"body-text2",key:t},e.text)})),l.a.createElement("p",{className:"body-text2 ml-2"},t.uploadStepsHelpText.text))),l.a.createElement("div",{className:"upload-file-container"},l.a.createElement("div",{className:"upload-image-btn"},l.a.createElement("input",{type:"file",className:"file-button",onChange:X,title:"file-upload"}),l.a.createElement("label",{className:"body-text3"},t.uploadImage.text,l.a.createElement("p",{className:"file-name"}))),l.a.createElement("div",{className:"body-text3"},l.a.createElement("span",null,U))),E&&l.a.createElement("p",{className:"error"},t.uploadStepsErrorMessage.text)))),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-12"},l.a.createElement("div",{className:"label-top-margin"},l.a.createElement("label",null,t.or.text)))),l.a.createElement("div",{className:"row photo-gallery"},l.a.createElement("div",{className:"col-12"},l.a.createElement("label",null,t.chooseSample.text),l.a.createElement("div",{className:"photo-gallery-container"},l.a.createElement("div",null,S&&S.length>0&&S.map((function(e,t){return l.a.createElement("span",{className:"gallery-image cursor-pointer",key:t},l.a.createElement("a",{onClick:function(a){return K(a,e,t)}},l.a.createElement("img",{loading:"lazy",src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===D?"selected-item":"")})))})),0===S.length&&l.a.createElement("span",null,t.noSelectionImage.text))))),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",null,!0===Z&&U===t.uploadNoImageText.text&&0===S.length&&l.a.createElement("span",{className:"error"},t.errorMessageNoImages.text)),l.a.createElement("div",{className:"button-grp col-12 pt-2 next-btn home-image px-0"},l.a.createElement("span",{className:"mr-3"},l.a.createElement(s.a,{label:Object(c.i)(r),inverse:!0,onClick:function(){var e,t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"";c.t.next(t),null===(e=document.getElementById("door-size-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}})),l.a.createElement("span",{className:"dimension-link"},l.a.createElement(s.a,{label:Object(c.i)(a),onClick:function(){if(I.table("image").clear(),T(!0),U===t.uploadNoImageText.text&&0===S.length)return!1;var e;h&&h.length>0?I.table("image").add({image:h}):S.length>0?I.table("image").add({image:S[0]}):I.table("image").add({image:""}),c.B.next(!0),null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)},disabled:V})))))},N=a(26),S=r.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1lowhf1-0"})([".dropdown-toggle{width:400px;letter-spacing:0px;}.dropdown-menu{width:100%;z-index:50;}.dropdown-item{width:25%;display:inline-block;}.construction-option{display:flex;gap:18px;align-items:center;padding-bottom:18px;.img-container{max-width:40%;}}.dropdown-menu{a:hover{text-decoration:none !important;}}"]),P=a(156),C=function(e){var t=e.colorzoneData,a=(e.save,e.cancel,e.mainIndex),r=e.dropdownChange,i=void 0===r?function(e,t,a,n,o,l){}:r,d=e.colorZoneAPIURL,s=Object(o.useState)([]),m=Object(n.a)(s,2),p=m[0],g=m[1],h=Object(o.useState)(""),f=Object(n.a)(h,2),b=f[0],w=f[1],v=Object(o.useState)([]),x=Object(n.a)(v,2),E=x[0],O=x[1];Object(o.useEffect)((function(){c.o.subscribe((function(e){e&&I()}))}),[]);var I=function(){Object(c.b)(),u.a.get(d).then((function(e){var t=e.data,a=[];t.forEach((function(e,t){a.push({key:e[0],value:e[1],color:e[2],required:e[3]})})),g(a),O(a),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))};return l.a.createElement("div",{className:"modal fade",id:"color-zone-modal-".concat(a),role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("h4",null,t.colorModalTitle.text),l.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("p",{className:"col-12 p-0 body-text2",dangerouslySetInnerHTML:{__html:t.colorModalSubTitle.text}}),l.a.createElement("p",{className:"row mx-0 my-4"},l.a.createElement("input",{type:"text",onKeyUp:function(e){if(w(e.target.value.toLowerCase()),b.length>0){var t=[];p.forEach((function(e){-1===e.key.indexOf(b)&&-1===e.value.toLowerCase().indexOf(b)\|\|t.push(e)})),O(t)}else O(p)},onChange:function(e){w(e.target.value.toLowerCase())},placeholder:t.colorModalSearchEmpty.text,className:"col-md-6 col-lg-5 col-xl-5"})),l.a.createElement("div",{className:"photo-gallery-container"},l.a.createElement("div",null,E&&E.length>0&&E.map((function(e,t){return l.a.createElement("a",{key:t,onClick:function(){return function(e){var t=("#"+e.key+" / "+e.value+"$"+e.color).split("$"),n=t[0],o=Object(P.k)("rgb("+t[1]+")").split("#")[1];i(a,"color","ColorZone",n,o,"")}(e)},"data-dismiss":"modal"},l.a.createElement("span",{className:"gallery-image",key:t},l.a.createElement("span",{className:"color-block cursor-pointer",style:{background:"rgb("+e.color+")"}}),l.a.createElement("b",null,"SW ","Y"===e.required&&l.a.createElement("span",null,"")," ",e.key)," ",l.a.createElement("br",null),e.value))}))))),l.a.createElement("p",{className:"body-text3",dangerouslySetInnerHTML:{__html:t.colorModalDisclaimer.text}}))))},k=function(e){var t,a,r=e.mosaicData,i=e.ok,d=e.cancel,m=e.mainIndex,p=e.dropdownChange,g=void 0===p?function(e,t,a,n,o,l){}:p,h=e.doorHintsAPIURL,f=e.rulesAPIURL,b=e.doorImageRootPath,w={PanelWidths:{},SectionHeights:{}},v=null,x=b,E=Object(o.useState)(""),O=Object(n.a)(E,2),I=O[0],y=O[1],j=Object(o.useState)(),N=Object(n.a)(j,2),S=N[0],P=N[1],C=Object(o.useState)(),k=Object(n.a)(C,2),D=k[0],R=k[1],A=Object(o.useState)(),L=Object(n.a)(A,2),U=L[0],z=L[1],H=Object(o.useState)(!1),W=Object(n.a)(H,2),Z=W[0],T=W[1];Object(o.useEffect)((function(){V()}),[]),Object(o.useEffect)((function(){c.I.subscribe((function(e){e&&setTimeout((function(){J()}),1e3)})),c.H.subscribe((function(e){e&&M()}))}),[]);var M=function(){y(""),z(void 0)},J=function(){Object(c.b)(),T(!1);var e=localStorage.getItem("selected-design-door"),t=JSON.parse(e),n=Object(c.p)(t);u.a.post(h,n,{headers:{"content-type":"application/json"}}).then((function(e){Object(c.O)(),a=B(e.data.inchheight,e.data.inchwidth,e.data.panelplacement),z(a),G(a,e.data.inchwidth,e.data.inchheight,e.data.collection,e.data.model,e.data.color,e.data.colorHex,e.data.colorcode,e.data.panelplacement,e.data.panel,e.data.glasstype,e.data["dig-top-name"]);var t=q(v);y(x+t);var n=e.data.panel;e.data.panelplacement;"Flush"!==n&&"Ribbed"!==n\|\|T(!0)}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},V=function(){u.a.get(f).then((function(e){t=e.data;var a=x+"rules/"+t.PanelDimensions.Carriage.SectionHeightsFile,n=x+"rules/"+t.PanelDimensions.Short.PanelWidthsFile,o=x+"rules/"+t.PanelDimensions.Long.PanelWidthsFile,l=x+"rules/"+t.PanelDimensions.Mexico.PanelWidthsFile;u.a.get(a).then((function(e){w.SectionHeights=e.data})),u.a.get(o).then((function(e){w.PanelWidths.Long=e.data})),u.a.get(n).then((function(e){w.PanelWidths.Short=e.data})),u.a.get(l).then((function(e){w.PanelWidths.Mexico=e.data}))}))},_=function(e){var t,a,n=e.height,o=e.width,l=e.placement;return c.J.next({mosaic:w,emitOn:!0}),R(w),{s:null===(t=w)\|\|void 0===t?void 0:t.SectionHeights[n].length,p:null===(a=w)\|\|void 0===a?void 0:a.PanelWidths[l][o].Count}},B=function(e,t,a){for(var n=_({width:t\|\|"96",height:e\|\|"84",placement:a\|\|"Short"}),o="",l=0;l<n.s;l++){for(var r=0;r<n.p;r++)"Short"===a\|\|"Mexico"===a?o+=l<3&&r<3-l?"G":"X":l<2&&(0===r\|\|r===n.p-1)?o+="G":o+="X";l!=n.s-1&&(o+="-")}return o},q=function(e){var t=e.gpid;return"i/"+e.resolution+"/"+e.width+"x"+e.height+"/"+e.model+"/"+e.color+"/"+e.placement+"/"+e.panel+"/"+e.glaze+"/"+e.window+"/"+t+".jpg"},G=function(e,t,a,n,o,l,r,i,c,d,s,m){P(v={gpid:e,resolution:5,width:t,height:a,model:n+o,color:"ColorZone"===l?r:i,placement:c,panel:d,glaze:s,window:m\|\|"Open"})};return l.a.createElement("div",{className:"modal fade mosaic-modal",id:"mozaic-modal-".concat(m),role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("h4",{className:"modal-title"},r.windowModalTitle.text),l.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("p",{className:"body-text2 mb-4"},r.windowModalSubTitle.text," OR ",l.a.createElement("span",{className:"mosaicGlazed",id:"mosaicGlazed",onClick:function(){return function(){w=D,v=S;for(var e=(a=U).split("-"),t=e[0].length,n="",o=0;o<e.length;o++){for(var l=0;l<t;l++)n+="G";o!==e.length-1&&(n+="-")}z(n),v.gpid=n,P(v);var r=q(v);y(x+r)}()}},"CLICK HERE")," to place windows in all positions."),l.a.createElement("div",{id:"mosaic-builder",className:"text-center"},I&&l.a.createElement("img",{loading:"lazy",id:"mosaic-image-".concat(m),src:I,alt:"mosaic image",onClick:function(e){return function(e){var t,n,o=null===(t=document.getElementById("mosaic-image-"+m))\|\|void 0===t?void 0:t.clientWidth,l=null===(n=document.getElementById("mosaic-image-"+m))\|\|void 0===n?void 0:n.clientHeight;w=D,a=U;var r=_(v=S),i=a,c=o/r.p,d=l/r.s,s=Math.floor(e.nativeEvent.offsetX/c),u=Math.floor(e.nativeEvent.offsetY/d),p=r.pu+s+u;i=function(e,t,a){return e.substring(0,t)+a+e.substring(t+1)}(i,p,"G"===i[p]?"X":"G"),z(i),v.gpid=i,P(v);var g=q(v);y(x+g)}(e)}})),I&&Z&&r.windowModalNote&&r.windowModalNote.text&&l.a.createElement("div",{className:"mosaic-note",dangerouslySetInnerHTML:{__html:r.windowModalNote.text}})),l.a.createElement("div",{className:"modal-footer"},l.a.createElement("a",{"data-dismiss":"modal"},l.a.createElement(s.a,{label:Object(c.i)(d)})),l.a.createElement(s.a,{label:Object(c.i)(i),onClick:function(){g(m,"windowplacement","Mosaic","","",U)},"data-dismiss":"modal"})))))},D=function(e){e.mainIndex;var t=e.name,a=e.ok,r=e.cancel,i=Object(o.useState)(""),d=Object(n.a)(i,2),m=d[0],u=d[1],p=Object(o.useState)(""),g=Object(n.a)(p,2),h=g[0],f=g[1],b=Object(o.useState)(""),w=Object(n.a)(b,2),v=w[0],x=w[1],E=Object(o.useState)(""),O=Object(n.a)(E,2),I=O[0],y=O[1];return Object(o.useEffect)((function(){c.L.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);u(t.modeltitle),f(t.modellongdescription),x(t.modelpopimage),y(t.modeldisplay)}}))}),[]),l.a.createElement("div",{className:"modal fade details-modal",id:t,role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("div",{className:"details-modal-container"},l.a.createElement("div",{className:"modal-img-container"},l.a.createElement("img",{loading:"lazy",src:v,alt:I})),l.a.createElement("div",{className:""},l.a.createElement("h4",null,m),l.a.createElement("p",{className:"body-text1 mb-4 pb-2"},h),l.a.createElement("div",{className:"button-div button-div-mobile"},l.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},l.a.createElement(s.a,{label:Object(c.i)(r)})),l.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},l.a.createElement(s.a,{label:Object(c.i)(a)})))))))))},R=function(e){var t=e.dropdownData,a=e.link,r=e.designDoorData,i=e.save,d=e.cancel,s=e.ok,m=e.mainIndex,p=e.type,g=e.dropdownChange,h=void 0===g?function(e,t,a,n,o,l){}:g,f=e.selectedValue,b=e.colorZoneAPIURL,w=e.rulesAPIURL,v=e.doorHintsAPIURL,x=e.doorImageRootPath,E=e.doorOptionsAPIURL,O=Object(o.useState)("Select"),I=Object(n.a)(O,2),y=(I[0],I[1]),j=Object(o.useState)(""),N=Object(n.a)(j,2),P=(N[0],N[1]),R=Object(o.useState)([]),A=Object(n.a)(R,2),L=A[0],U=A[1],z=Object(o.useState)(""),H=Object(n.a)(z,2),W=H[0],Z=H[1],T=function(e,t){y(t.description),P(t.value),"ColorZone"===t.value&&c.o.next(!0),"Mosaic"===t.value&&M(t.value),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(h(m,p,t.value,"","",""),"construction"===p&&(Z(t.value),J(t.value)))},M=function(e){var t=localStorage.getItem("design-door"),a=JSON.parse(t)[m].hints;a.gplacement=e,Object(c.b)(),c.H.next(!0),u.a.post(E,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:a},{headers:{"content-type":"application/json"}}).then((function(e){var t={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorHex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};localStorage.setItem("selected-design-door",JSON.stringify(t)),c.I.next(!0),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},J=function(e){var t=localStorage.getItem("design-door"),a=JSON.parse(t),n={tabs:!0,collection:a[m].selectedCollection,type:"designer",clavos:!1,print:!0,download:!0,baseUrl:"",quote:!0,width:a[m].selectedWidth,srcDir:"DoorApp",srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:a[m].selectedPanel,brand:"",myGuid:"d-60c067ed66d0c3.82872006",email:!0,height:a[m].selectedHeight,logooption:"",model:e};a[m].selectedColor&&(n.color=a[m].selectedColor),a[m].colorHex&&(n.colorHex=a[m].colorHex),a[m].colorZone&&(n.colorZone=a[m].colorZone),a[m].selectedWindowDesign&&(n.top=a[m].selectedWindowDesign),a[m].glazepattern&&(n.glazepattern=a[m].glazepattern),a[m].selectedHardware&&(n.hardware=a[m].selectedHardware),a[m].selectedWindowPlacement&&(n.gplacement=a[m].selectedWindowPlacement),u.a.post(v,n,{headers:{"content-type":"application/json"}}).then((function(e){c.L.next(JSON.stringify(e.data))}))};Object(o.useEffect)((function(){U(t)}),[t,f]);return l.a.createElement(S,null,l.a.createElement("div",{className:"btn-group"},l.a.createElement("button",{type:"button",onClick:function(){c.r.subscribe((function(e){if(e.length>2){var t=e,a=JSON.parse(t);"collection"===p?U(a[m].collection):"panel"===p?U(a[m].panel):"color"===p?U(a[m].color):"windowdesign"===p?U(a[m].windowdesign):"glass"===p?U(a[m].glass):"construction"===p?U(a[m].construction):"hardware"===p&&U(a[m].hardware)}}))},className:"btn dropdown-toggle body-text3","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},l.a.createElement("span",null,function(){var e="Select";if(t&&t.length>0)for(var a=0;a<t.length;a++)t[a].value===f&&(e=t[a].description);return e}())),l.a.createElement("div",{className:"dropdown-menu"},L&&L.length>0&&L.map((function(e,t){return l.a.createElement("span",{key:t},"construction"!==p&&l.a.createElement("a",{className:"dropdown-item",href:"#","data-toggle":"modal","data-target":"".concat("ColorZone"===e.value?"#color-zone-modal-".concat(m):"Mosaic"===e.value?"#mozaic-modal-".concat(m):"construction"===p?"#details-modal-".concat(W):""),key:t,onClick:function(t){T(0,e)}},l.a.createElement("div",null,l.a.createElement("img",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==p&&l.a.createElement("p",{className:"amarr-h6"},e.description),a&&l.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},a))),"construction"===p&&l.a.createElement("a",{className:'"dropdown-item d-block"',href:"#","data-toggle":"modal",key:t,onClick:function(t){T(0,e)}},l.a.createElement("div",{className:"construction-option"},l.a.createElement("div",{className:"img-container"},l.a.createElement("img",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)})),"construction"===p&&l.a.createElement("div",null,a&&l.a.createElement("span",{"data-toggle":"modal",className:"amarrHighlight body-text3","data-target":"#details-modal-".concat(W)},a)))))})))),l.a.createElement(C,{colorZoneAPIURL:b,colorzoneData:r,save:i,cancel:d,dropdownChange:h,mainIndex:m}),l.a.createElement(k,{doorImageRootPath:x,doorHintsAPIURL:v,rulesAPIURL:w,mosaicData:r,ok:s,cancel:d,mainIndex:m,dropdownChange:h}),l.a.createElement(D,{mainIndex:m,name:"details-modal-".concat(W),ok:s,cancel:d}))},A=a(59),L=function(e){var t=e.collectionDetailURLs,a=e.designDoorData,r=e.door,i=e.next,m=e.back,p=e.save,h=e.cancel,f=e.ok,b=e.doorOptionsAPIURL,w=e.doorHintsAPIURL,v=e.doorDescriptionAPIURL,x=e.colorZoneAPIURL,E=e.rulesAPIURL,O=e.doorImageRootPath,I=e.doorCoordinatesUpdateAPIURL,y=Object(o.useState)([]),j=Object(n.a)(y,2),S=j[0],P=j[1],C=Object(o.useState)([]),k=Object(n.a)(C,2),D=k[0],L=k[1],U=Object(o.useState)(1),z=Object(n.a)(U,2),H=(z[0],z[1]),W=Object(o.useState)([0]),Z=Object(n.a)(W,2),T=Z[0],M=Z[1],J=(Object(o.useRef)(null),Object(o.useState)([])),V=Object(n.a)(J,2),_=V[0],B=V[1],q=Object(o.useState)(""),G=Object(n.a)(q,2),F=(G[0],G[1]),$=Object(o.useState)(0),Q=Object(n.a)($,2),X=Q[0],K=Q[1],Y=Object(o.useState)([]),ee=Object(n.a)(Y,2),te=ee[0],ae=ee[1],ne=Object(o.useState)([]),oe=Object(n.a)(ne,2),le=oe[0],re=oe[1],ie=Object(o.useState)([]),ce=Object(n.a)(ie,2),de=ce[0],se=ce[1],me=Object(o.useState)([]),ue=Object(n.a)(me,2),pe=ue[0],ge=ue[1],he=Object(o.useState)([]),fe=Object(n.a)(he,2),be=fe[0],we=fe[1],ve=Object(o.useState)([]),xe=Object(n.a)(ve,2),Ee=xe[0],Oe=xe[1],Ie=Object(o.useState)([]),ye=Object(n.a)(Ie,2),je=ye[0],Ne=ye[1],Se=Object(o.useState)([]),Pe=Object(n.a)(Se,2),Ce=Pe[0],ke=Pe[1],De=Object(o.useState)(""),Re=Object(n.a)(De,2),Ae=Re[0],Le=Re[1],Ue=Object(o.useState)(""),ze=Object(n.a)(Ue,2),He=ze[0],We=ze[1],Ze=Object(o.useState)(""),Te=Object(n.a)(Ze,2),Me=Te[0],Je=Te[1],Ve=Object(o.useState)(""),_e=Object(n.a)(Ve,2),Be=_e[0],qe=_e[1],Ge=Object(o.useState)(""),Fe=Object(n.a)(Ge,2),$e=Fe[0],Qe=Fe[1],Xe=Object(o.useState)(""),Ke=Object(n.a)(Xe,2),Ye=Ke[0],et=Ke[1],tt=Object(o.useState)(""),at=Object(n.a)(tt,2),nt=at[0],ot=at[1],lt=Object(o.useState)(""),rt=Object(n.a)(lt,2),it=rt[0],ct=rt[1],dt=Object(o.useState)([]),st=Object(n.a)(dt,2),mt=st[0],ut=st[1],pt=Object(o.useState)([]),gt=Object(n.a)(pt,2),ht=gt[0],ft=gt[1],bt=Object(o.useState)([]),wt=Object(n.a)(bt,2),vt=wt[0],xt=wt[1],Et=Object(o.useState)([]),Ot=Object(n.a)(Et,2),It=Ot[0],yt=Ot[1],jt=Object(o.useState)([]),Nt=Object(n.a)(jt,2),St=Nt[0],Pt=Nt[1],Ct=Object(o.useState)([]),kt=Object(n.a)(Ct,2),Dt=kt[0],Rt=kt[1],At=Object(o.useState)([]),Lt=Object(n.a)(At,2),Ut=Lt[0],zt=Lt[1],Ht=Object(o.useState)([]),Wt=Object(n.a)(Ht,2),Zt=Wt[0],Tt=Wt[1],Mt=Object(o.useState)(""),Jt=Object(n.a)(Mt,2),Vt=Jt[0],_t=Jt[1],Bt=Object(o.useState)(""),qt=Object(n.a)(Bt,2),Gt=qt[0],Ft=qt[1],$t=Object(o.useState)(""),Qt=Object(n.a)($t,2),Xt=Qt[0],Kt=Qt[1],Yt=Object(o.useState)(""),ea=Object(n.a)(Yt,2),ta=ea[0],aa=ea[1],na=Object(o.useState)(""),oa=Object(n.a)(na,2),la=oa[0],ra=oa[1],ia=Object(o.useState)(""),ca=Object(n.a)(ia,2),da=ca[0],sa=ca[1],ma=Object(o.useState)(""),ua=Object(n.a)(ma,2),pa=ua[0],ga=ua[1],ha=Object(o.useState)(""),fa=Object(n.a)(ha,2),ba=fa[0],wa=fa[1],va=Object(o.useState)([]),xa=Object(n.a)(va,2),Ea=xa[0],Oa=xa[1],Ia=Object(o.useState)([]),ya=Object(n.a)(Ia,2),ja=ya[0],Na=ya[1],Sa=Object(o.useState)([]),Pa=Object(n.a)(Sa,2),Ca=Pa[0],ka=Pa[1],Da=Object(o.useState)([]),Ra=Object(n.a)(Da,2),Aa=Ra[0],La=Ra[1],Ua=Object(o.useState)([]),za=Object(n.a)(Ua,2),Ha=za[0],Wa=za[1],Za=Object(o.useState)([]),Ta=Object(n.a)(Za,2),Ma=Ta[0],Ja=Ta[1],Va=Object(o.useState)([]),_a=Object(n.a)(Va,2),Ba=_a[0],qa=_a[1],Ga=Object(o.useState)([]),Fa=Object(n.a)(Ga,2),$a=Fa[0],Qa=Fa[1],Xa=Object(o.useState)(""),Ka=Object(n.a)(Xa,2),Ya=Ka[0],en=Ka[1],tn=Object(o.useState)(""),an=Object(n.a)(tn,2),nn=an[0],on=an[1],ln=Object(o.useState)(""),rn=Object(n.a)(ln,2),cn=rn[0],dn=rn[1],sn=Object(o.useState)(""),mn=Object(n.a)(sn,2),un=mn[0],pn=mn[1],gn=Object(o.useState)(""),hn=Object(n.a)(gn,2),fn=hn[0],bn=hn[1],wn=Object(o.useState)(""),vn=Object(n.a)(wn,2),xn=vn[0],En=vn[1],On=Object(o.useState)(""),In=Object(n.a)(On,2),yn=In[0],jn=In[1],Nn=Object(o.useState)(""),Sn=Object(n.a)(Nn,2),Pn=Sn[0],Cn=Sn[1],kn=Object(o.useState)([]),Dn=Object(n.a)(kn,2),Rn=Dn[0],An=Dn[1],Ln=Object(o.useState)([]),Un=Object(n.a)(Ln,2),zn=Un[0],Hn=Un[1],Wn=Object(o.useState)([]),Zn=Object(n.a)(Wn,2),Tn=Zn[0],Mn=Zn[1],Jn=Object(o.useState)([]),Vn=Object(n.a)(Jn,2),_n=Vn[0],Bn=Vn[1],qn=Object(o.useState)([]),Gn=Object(n.a)(qn,2),Fn=Gn[0],$n=Gn[1],Qn=Object(o.useState)([]),Xn=Object(n.a)(Qn,2),Kn=Xn[0],Yn=Xn[1],eo=Object(o.useState)([]),to=Object(n.a)(eo,2),ao=to[0],no=to[1],oo=Object(o.useState)([]),lo=Object(n.a)(oo,2),ro=lo[0],io=lo[1],co=Object(o.useState)(""),so=Object(n.a)(co,2),mo=so[0],uo=so[1],po=Object(o.useState)(""),go=Object(n.a)(po,2),ho=go[0],fo=go[1],bo=Object(o.useState)(""),wo=Object(n.a)(bo,2),vo=wo[0],xo=wo[1],Eo=Object(o.useState)(""),Oo=Object(n.a)(Eo,2),Io=Oo[0],yo=Oo[1],jo=Object(o.useState)(""),No=Object(n.a)(jo,2),So=No[0],Po=No[1],Co=Object(o.useState)(""),ko=Object(n.a)(Co,2),Do=ko[0],Ro=ko[1],Ao=Object(o.useState)(""),Lo=Object(n.a)(Ao,2),Uo=Lo[0],zo=Lo[1],Ho=Object(o.useState)(""),Wo=Object(n.a)(Ho,2),Zo=Wo[0],To=Wo[1],Mo=Object(o.useState)(!1),Jo=Object(n.a)(Mo,2),Vo=Jo[0],_o=Jo[1],Bo=Object(o.useState)({PanelWidths:{},SectionHeights:{}}),qo=Object(n.a)(Bo,2),Go=qo[0],Fo=qo[1];Object(o.useEffect)((function(){localStorage.setItem("tabValue","0"),c.J.subscribe((function(e){(null===e\|\|void 0===e?void 0:e.emitOn)&&Fo(e.mosaic)})),c.B.subscribe((function(e){e&&$o()})),c.v.subscribe((function(e){e&&(Qo(),c.v.next(!1))})),c.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),a=JSON.parse(t),n=0;n<a;n++)Xo(a[n].selectedWidth,a[n].selectedHeight,a[n].selectedCollection,a[n].selectedPanel,a[n].selectedColor,a[n].selectedWindowDesign,a[n].selectedWindowPlacement,a[n].selectedGlass,a[n].selectedConstruction,a[n].selectedHardware,a[n].colorZone,a[n].colorHex,n)})),c.u.subscribe((function(e){if(e){ol(Number(localStorage.getItem("tabValue")));var t=document.getElementById("subTab-"+localStorage.getItem("tabValue"));t&&t.click()}})),Object(c.A)().subscribe((function(e){_o(e)})),c.s.subscribe((function(e){if(!0===e){var t=new URLSearchParams(window.location.search);if(window.location.search&&!(t.has("id")&&t.get("id")&&t.has("locationId")&&t.get("locationId"))){Object(c.b)();var a,o="carct",l="Ashley",r="White",i="Closed Square",s="Closed",m="",u=[],p=Object(d.a)(t);try{for(p.s();!(a=p.n()).done;){var g=Object(n.a)(a.value,2),h=g[0];g[1];u.push(h)}}catch(E){p.e(E)}finally{p.f()}var f,b=Object(d.a)(t);try{for(b.s();!(f=b.n()).done;){var w=Object(n.a)(f.value,2),v=w[0],x=w[1];"collection"===v&&(o="undefined"===x\|\|"null"===x?"carct":x),"carct"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Ashley":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed Square"),u.find((function(e){return"panel"===e}))\|\|(l="Ashley"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"class"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Tuscany":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed Square"),u.find((function(e){return"panel"===e}))\|\|(l="Tuscany"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"desch"===o\|\|"hillc"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Bead Board":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed"),u.find((function(e){return"panel"===e}))\|\|(l="Bead Board"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"herit"===o\|\|"olymp"===o\|\|"linco"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Short":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),u.find((function(e){return"window"===e}))\|\|(i="Closed"),u.find((function(e){return"panel"===e}))\|\|(l="Short"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed")):"vista"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Clear":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"Clear Anodized":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"":x),u.find((function(e){return"window"===e}))\|\|(i="Clear"),u.find((function(e){return"panel"===e}))\|\|(l=""),u.find((function(e){return"color"===e}))\|\|(r="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="")):"horiz"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Clear":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Uninsulated":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"Clear Anodized":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"":x),u.find((function(e){return"window"===e}))\|\|(i="Clear"),u.find((function(e){return"panel"===e}))\|\|(l="Uninsulated"),u.find((function(e){return"color"===e}))\|\|(r="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="")):"classfv"===o?("window"===v&&(i="undefined"===x\|\|"null"===x?"Clear":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Fullview":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Top":x),u.find((function(e){return"window"===e}))\|\|(i="Clear"),u.find((function(e){return"panel"===e}))\|\|(l="Fullview"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed"),"glass"===v&&(m="undefined"===x\|\|"null"===x?"Frost":x),u.find((function(e){return"glass"===e}))\|\|(m="Frost")):("window"===v&&(i="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===v&&(l="undefined"===x\|\|"null"===x?"Ashley":x),"color"===v&&(r="undefined"===x\|\|"null"===x?"White":x),"windowPlacement"===v&&(s="undefined"===x\|\|"null"===x?"Closed":x),"glass"===v&&(m="undefined"===x\|\|"null"===x?"Frost":x),u.find((function(e){return"window"===e}))\|\|(i="Closed Square"),u.find((function(e){return"panel"===e}))\|\|(l="Ashley"),u.find((function(e){return"color"===e}))\|\|(r="White"),u.find((function(e){return"windowPlacement"===e}))\|\|(s="Closed"))}}catch(E){b.e(E)}finally{b.f()}$o(),o.length>0&&(l.length>0\|\|"vista"===o)&&r.length>0&&i.length>0?Xo(8,7,o,l,r,i,s,m,"4000","None","","",0):Xo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(c.O)()}),5e3)}c.s.next(!1)}}))}),[]);var $o=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";F(e)},Qo=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a=JSON.parse(e);H(t);for(var o={collection:[],selectedCollection:"",panel:[],selectedPanel:"",color:[],selectedColor:"",windowdesign:[],selectedWindowDesign:"",windowPlacement:[],selectedWindowPlacement:"",glass:[],selectedGlass:"",construction:[],selectedConstruction:"",hardware:[],selectedHardware:"",selectedWidth:0,selectedHeight:0,colorZone:"",colorHex:"",hints:{}},l=[],r=[],i=0;i<t;i++)l.push(i),r.push(o);if(M(l),P(r),window.location.search){var c,s=new URLSearchParams(window.location.search),m="carct",u="Ashley",p="White",g="Closed Square",h="Closed",f="",b=[],w=Object(d.a)(s);try{for(w.s();!(c=w.n()).done;){var v=Object(n.a)(c.value,2),x=v[0];v[1];b.push(x)}}catch(k){w.e(k)}finally{w.f()}var E,O=Object(d.a)(s);try{for(O.s();!(E=O.n()).done;){var I=Object(n.a)(E.value,2),y=I[0],j=I[1];"collection"===y&&(m="undefined"===j\|\|"null"===j?"carct":j),"carct"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed Square":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Ashley":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed Square"),b.find((function(e){return"panel"===e}))\|\|(u="Ashley"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"class"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed Square":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Tuscany":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed Square"),b.find((function(e){return"panel"===e}))\|\|(u="Tuscany"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"desch"===m\|\|"hillc"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Bead Board":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed"),b.find((function(e){return"panel"===e}))\|\|(u="Bead Board"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"herit"===m\|\|"olymp"===m\|\|"linco"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Short":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),b.find((function(e){return"window"===e}))\|\|(g="Closed"),b.find((function(e){return"panel"===e}))\|\|(u="Short"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed")):"vista"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Clear":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"Clear Anodized":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"":j),b.find((function(e){return"window"===e}))\|\|(g="Clear"),b.find((function(e){return"panel"===e}))\|\|(u=""),b.find((function(e){return"color"===e}))\|\|(p="Clear Anodized"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="")):"horiz"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Clear":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Uninsulated":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"Clear Anodized":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"":j),b.find((function(e){return"window"===e}))\|\|(g="Clear"),b.find((function(e){return"panel"===e}))\|\|(u="Uninsulated"),b.find((function(e){return"color"===e}))\|\|(p="Clear Anodized"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="")):"classfv"===m?("window"===y&&(g="undefined"===j\|\|"null"===j?"Clear":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Fullview":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Top":j),b.find((function(e){return"window"===e}))\|\|(g="Clear"),b.find((function(e){return"panel"===e}))\|\|(u="Fullview"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed"),"glass"===y&&(f="undefined"===j\|\|"null"===j?"Frost":j),b.find((function(e){return"glass"===e}))\|\|(f="Frost")):("window"===y&&(g="undefined"===j\|\|"null"===j?"Closed Square":j),"panel"===y&&(u="undefined"===j\|\|"null"===j?"Ashley":j),"color"===y&&(p="undefined"===j\|\|"null"===j?"White":j),"windowPlacement"===y&&(h="undefined"===j\|\|"null"===j?"Closed":j),"glass"===y&&(f="undefined"===j\|\|"null"===j?"Frost":j),b.find((function(e){return"window"===e}))\|\|(g="Closed Square"),b.find((function(e){return"panel"===e}))\|\|(u="Ashley"),b.find((function(e){return"color"===e}))\|\|(p="White"),b.find((function(e){return"windowPlacement"===e}))\|\|(h="Closed"))}}catch(k){O.e(k)}finally{O.f()}if(m.length>0&&(u.length>0\|\|"vista"===m)&&p.length>0&&g.length>0)for(var N=0;N<a.length;N++)Xo(a[N].width,a[N].height,m,u,p,g,h,f,"4000","None","","",N);else for(var S=0;S<a.length;S++)Xo(a[S].width,a[S].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",S)}else for(var C=0;C<a.length;C++)Xo(a[C].width,a[C].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",C)}},Xo=function(e,t,a,n,o,l,r,i,d,s,m,u,p,g){Object(c.b)();var h={width:e,height:t,myGuid:"d-6076ae50473089.85177846",type:"designer",brand:"",logooption:"",print:!0,email:!0,quote:!0,download:!0,tabs:!0,id:"AmarrDoorDesigner",baseUrl:"",srcDir:"DoorApp",srcUrl:"/DoorApp",MosaicName:"Mosaic",clavos:!1};a.length>0&&(h.collection=a),o.length>0&&(h.color=o),l.length>0&&(h.top=l),n.length>0&&(h.panel=n),i.length>0&&(h.glass=i),r.length>0&&(h.gplacement=r),d.length>0&&(h.model=d),s.length>0&&(h.hardware=s),u.length>0&&(h.colorHex=u),m.length>0&&(h.colorZone=m),"Mosaic"===r&&g?ll(S,h,e,t,a,n,o,l,r,i,d,s,m,u,p,g):Ko(h,e,t,a,n,o,l,r,i,d,s,m,u,p,g)},Ko=function(e,t,a,n,o,l,r,i,d,s,m,p,g,h,f){u.a.post(b,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:e},{headers:{"content-type":"application/json"}}).then((function(e){var u={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:t,selectedHeight:a,colorZone:p,colorHex:g,glazepattern:f,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},b=e.data.options.collection?e.data.options.collection:[];0===h?An(b):1===h?ae(b):2===h?ut(b):3===h&&Oa(b);var w=e.data.options.panel?e.data.options.panel:[];0===h?Hn(w):1===h?re(w):2===h?ft(w):3===h&&Na(w);var v=e.data.options.color?e.data.options.color:[];0===h?Mn(v):1===h?se(v):2===h?xt(v):3===h&&ka(v);var x=e.data.options.top?e.data.options.top:[];0===h?Bn(x):1===h?ge(x):2===h?yt(x):3===h&&La(x);var E=e.data.options.glass?e.data.options.glass:[];0===h?Yn(E):1===h?Oe(E):2===h?Rt(E):3===h&&Ja(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===h?$n(O):1===h?we(O):2===h?Pt(O):3===h&&Wa(O);var I=e.data.options.model?e.data.options.model:[];0===h?no(I):1===h?Ne(I):2===h?zt(I):3===h&&qa(I);var y=e.data.options.hardware?e.data.options.hardware:[];0===h?io(y):1===h?ke(y):2===h?Tt(y):3===h&&Qa(y),u.selectedCollection=Yo(n,b),0===h?uo(u.selectedCollection):1===h?Le(u.selectedCollection):2===h?_t(u.selectedCollection):3===h&&en(u.selectedCollection),u.selectedPanel=Yo(o,w),0===h?fo(u.selectedPanel):1===h?We(u.selectedPanel):2===h?Ft(u.selectedPanel):3===h&&on(u.selectedPanel),u.selectedColor=Yo(l,v),0===h?xo(u.selectedColor):1===h?Je(u.selectedColor):2===h?Kt(u.selectedColor):3===h&&dn(u.selectedColor),u.selectedWindowDesign=Yo(r,x),0===h?yo(u.selectedWindowDesign):1===h?qe(u.selectedWindowDesign):2===h?aa(u.selectedWindowDesign):3===h&&pn(u.selectedWindowDesign),u.selectedWindowPlacement=Yo(i,O),0===h?Po(u.selectedWindowPlacement):1===h?Qe(u.selectedWindowPlacement):2===h?ra(u.selectedWindowPlacement):3===h&&bn(u.selectedWindowPlacement),u.selectedGlass=Yo(d,E),0===h?Ro(u.selectedGlass):1===h?et(u.selectedGlass):2===h?sa(u.selectedGlass):3===h&&En(u.selectedGlass),u.selectedConstruction=Yo(s,I),0===h?zo(u.selectedConstruction):1===h?ot(u.selectedConstruction):2===h?ga(u.selectedConstruction):3===h&&jn(u.selectedConstruction),u.selectedHardware=Yo(m,y),0===h?To(u.selectedHardware):1===h?ct(u.selectedHardware):2===h?wa(u.selectedHardware):3===h&&Cn(u.selectedHardware);var j=S,N=localStorage.getItem("door-size"),C=JSON.parse(N);0!=j.length-C.length&&j.splice(C.length),j[h]=u,P(j),L(j),localStorage.setItem("design-door",JSON.stringify(j)),c.r.next(JSON.stringify(j)),tl(!1),Object(c.O)()}),(function(t){Object(c.O)(),console.log("err",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("saveDataApiCall",e,t)}),Xo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)})).catch((function(t){Object(c.O)(),console.log("error",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("saveDataApiCall",e,t)}),Xo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)}))},Yo=function(e,t){var a=!1,n="";if(t&&t.length>0){for(var o=0;o<t.length;o++)t[o].value===e&&(a=!0);n=!0===a?e:t[0].value}else n="";return n},el=function(){var e,t=localStorage.getItem("design-door"),a=t?JSON.parse(t):[],n=localStorage.getItem("door-size")?null===(e=JSON.parse(localStorage.getItem("door-size")))\|\|void 0===e?void 0:e.length:"",o=localStorage.getItem("door-coordinates")\|\|null,l=o?JSON.parse(o):[],r=[],i=null;if(n&&n>0)for(var c=0;c<n;c++){var d,s,m;if("ColorZone"===a[c].selectedColor){var p=a[c].colorZone.match(/\d+/g);p.length>0&&(i=p[0])}var g={market:"Residential",brand:"",model:(null===(d=a[c])\|\|void 0===d?void 0:d.selectedConstruction)?a[c].selectedConstruction:null,collection:a[c].selectedCollection,width:a[c].selectedWidth,height:a[c].selectedHeight,color:a[c].selectedColor,panel:(null===(s=a[c])\|\|void 0===s?void 0:s.selectedPanel)?a[c].selectedPanel:null,optional:{colorZoneCode:"ColorZone"===a[c].selectedColor?i:null,decorativeHardware:a[c].selectedHardware?a[c].selectedHardware:null,clavos:!1,mosaicPattern:"Mosaic"===a[c].selectedWindowPlacement&&(null===(m=a[c])\|\|void 0===m?void 0:m.glazepattern)?a[c].glazepattern:null}};if("vista"==a[c].selectedCollection\|\|"horiz"===a[c].selectedCollection){var h={sectionPattern:"GGGG",pvcalm:"ALM",painttype:a[c].selectedColor.includes("Anodized")?"AN":"PC",glassDetail:{glassvalue:a[c].selectedWindowDesign,gltype:null}};g=Object(N.a)(Object(N.a)({},g),{FullViewDetail:h,GlassDetail:null})}else{var f,b,w,v={gplacement:(null===(f=a[c])\|\|void 0===f?void 0:f.selectedWindowPlacement)?a[c].selectedWindowPlacement:null,top:a[c].selectedWindowDesign,glass:(null===(b=a[c])\|\|void 0===b?void 0:b.selectedGlass)?null===(w=a[c])\|\|void 0===w?void 0:w.selectedGlass:null};g=Object(N.a)(Object(N.a)({},g),{GlassDetail:v})}localStorage.getItem("updated-door_".concat(c))?r.push(Object(N.a)(Object(N.a)({},JSON.parse(localStorage.getItem("updated-door_".concat(c+1)))),{},{door:g})):null!==l&&r.push(Object(N.a)(Object(N.a)({},l[c]),{},{door:g}))}var x={imageId:JSON.parse(localStorage.getItem("uploaded-image-id")),coordinates:r};return u.a.post(I,x)},tl=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(localStorage.getItem("design-door"))for(var a=localStorage.getItem("design-door"),n=JSON.parse(a),o=0;o<n.length;o++){var l;if(null===(l=n[o])\|\|void 0===l?void 0:l.hints){var r=n[o].hints.collection,i=t[r];al(n[o].hints,o,i)}}if(I&&"uploaded"===localStorage.getItem("image-type")&&e){el(),localStorage.removeItem("isDoorPointsUpdated");for(var c=1;c<=4;c++)localStorage.removeItem("updated-door_".concat(c))}},al=function(e,t,a){Object(c.b)(),u.a.post(v,e,{headers:{"content-type":"application/json"}}).then((function(e){var n=_,o=localStorage.getItem("door-size"),l=JSON.parse(o);0!=n.length-l.length&&n.splice(l.length),n[t]=e.data,n[t].url=a,B(n),localStorage.setItem("desc-data",JSON.stringify(_)),Object(c.O)()}),(function(e){Object(c.O)()})).catch((function(t){"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("getDescription",e,t)}),Object(c.O)()}))},nl=function(e,t,a,n,o,l){var r=S;r[e].selectedCollection="collection"===t?a:r[e].selectedCollection,r[e].selectedPanel="panel"===t?a:r[e].selectedPanel,r[e].selectedColor="color"===t?a:r[e].selectedColor,r[e].selectedWindowDesign="windowdesign"===t?a:r[e].selectedWindowDesign,r[e].selectedWindowPlacement="windowplacement"===t?a:r[e].selectedWindowPlacement,r[e].selectedGlass="glass"===t?a:r[e].selectedGlass,r[e].selectedConstruction="construction"===t?a:r[e].selectedConstruction,r[e].selectedHardware="hardware"===t?a:r[e].selectedHardware,r[e].selectedWidth=r[e].selectedWidth,r[e].selectedHeight=r[e].selectedHeight,r[e].colorZone=n\|\|r[e].colorZone,r[e].colorHex=o\|\|r[e].colorHex,r[e].glazepattern=l\|\|r[e].glazepattern,Xo(r[e].selectedWidth,r[e].selectedHeight,r[e].selectedCollection,r[e].selectedPanel,r[e].selectedColor,r[e].selectedWindowDesign,r[e].selectedWindowPlacement,r[e].selectedGlass,r[e].selectedConstruction,r[e].selectedHardware,r[e].colorZone,r[e].colorHex,e,r[e].glazepattern)},ol=function(e){K(e),localStorage.setItem("tabValue",e)},ll=function(e,t,a,n,o,l,r,i,c,d,s,m,p,g,h,f){t.glazepattern=f,u.a.post(b,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:t},{headers:{"content-type":"application/json"}}).then((function(e){var u,b={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorhex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};(u=e.data.options&&e.data.options.gplacement&&e.data.options.gplacement.filter((function(e){return"Mosaic"===e.value})))&&u.length>0?il(b,t,a,n,o,l,r,i,c,d,s,m,p,g,h,f):Ko(t,a,n,o,l,r,i,c,d,s,m,p,g,h,f)}),(function(e){return e})).catch((function(e){return"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:rl("payloadForDoorOptions",t,e)}),e}))},rl=function(e,t,a){return{methodName:e,error:a,payload:t}},il=function(e,t,a,n,o,l,r,i,d,s,m,p,g,h,f,b){var v=Object(c.p)(e);u.a.post(w,v,{headers:{"content-type":"application/json"}}).then((function(e){var c=e.data.glazepattern;sl(c,e.data.inchwidth,e.data.inchheight,e.data.panelplacement)\|\|(c=dl(e.data.inchheight,e.data.inchwidth,e.data.panelplacement));t.glazepattern=c,Ko(t,a,n,o,l,r,i,d,s,m,p,g,h,f,c)}),(function(e){Object(c.O)()})).catch((function(e){Object(c.O)()}))},cl=function(e){var t=e.height,a=e.width,n=e.placement;return{s:null===Go\|\|void 0===Go?void 0:Go.SectionHeights[t].length,p:null===Go\|\|void 0===Go?void 0:Go.PanelWidths[n][a].Count}},dl=function(e,t,a){for(var n=cl({width:t\|\|"96",height:e\|\|"84",placement:a\|\|"Short"}),o="",l=0;l<n.s;l++){for(var r=0;r<n.p;r++)"Short"===a\|\|"Mexico"===a?o+=l<3&&r<3-l?"G":"X":l<2&&(0===r\|\|r===n.p-1)?o+="G":o+="X";l!=n.s-1&&(o+="-")}return o},sl=function(e,t,a,n){var o=cl({width:t,height:a,placement:n}),l=new RegExp("^(?:[G\|X]{"+o.p+"}-){"+(o.s-1)+"}[G\|X]{"+o.p+"}$");return null!==e.match(l)};return l.a.createElement("div",{className:"design-door-tab"},Vo&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"row mx-0"},l.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3 sticky-content"},l.a.createElement("div",{className:"text-center parent-pixi"},l.a.createElement("div",{id:"pixi-stage"}),l.a.createElement("div",{id:"small-loader"},l.a.createElement(A.a,null))),l.a.createElement("p",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto py-sm-4 py-2 body-text3"},a.disclaimer.text)),l.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3"},l.a.createElement("div",{className:"tabs-container design-door-tabs"},l.a.createElement("ul",{className:"nav nav-tabs"},T.map((function(e,t){return l.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return ol(t)}},l.a.createElement("a",{id:"subTab-".concat(t),className:"nav-link amarr-h5 ".concat(0===t?"active":""),href:"#tab-".concat(t),role:"tab","data-toggle":"tab","aria-controls":"tab-".concat(t)},l.a.createElement("span",null,r," ",e+1)))})))),l.a.createElement("div",{className:"tab-content col-12"},D&&(1===D.length\|\|2===D.length\|\|3===D.length\|\|4===D.length)&&l.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},a.firstDoorDescription&&a.firstDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.firstDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.firstDoorDescription&&a.firstDoorDescription.text?"description":""," door-properties pb-2")},Rn&&Rn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:mo,mainIndex:0,type:"collection",dropdownData:Rn,designDoorData:a,ok:f,save:p,cancel:h})),zn&&zn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:ho,mainIndex:0,type:"panel",dropdownData:zn,designDoorData:a,ok:f,save:p,cancel:h})),Tn&&Tn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:vo,mainIndex:0,type:"color",dropdownData:Tn,designDoorData:a,ok:f,save:p,cancel:h})),Fn&&Fn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:So,mainIndex:0,type:"windowplacement",dropdownData:Fn,designDoorData:a,ok:f,save:p,cancel:h})),_n&&_n.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Io,mainIndex:0,type:"windowdesign",dropdownData:_n,designDoorData:a,ok:f,save:p,cancel:h})),Kn&&Kn.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Do,mainIndex:0,type:"glass",dropdownData:Kn,designDoorData:a,ok:f,save:p,cancel:h})),ao&&ao.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Uo,mainIndex:0,type:"construction",dropdownData:ao,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),ro&&ro.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorImageRootPath:O,doorOptionsAPIURL:b,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Zo,mainIndex:0,type:"hardware",dropdownData:ro,designDoorData:a,ok:f,save:p,cancel:h})))),D&&(2===D.length\|\|3===D.length\|\|4===D.length)&&l.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},a.secondDoorDescription&&a.secondDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.secondDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.secondDoorDescription&&a.secondDoorDescription.text?"description":""," door-properties")},te&&te.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ae,mainIndex:1,type:"collection",dropdownData:te,designDoorData:a,ok:f,save:p,cancel:h})),le&&le.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:He,mainIndex:1,type:"panel",dropdownData:le,designDoorData:a,ok:f,save:p,cancel:h})),de&&de.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Me,mainIndex:1,type:"color",dropdownData:de,designDoorData:a,ok:f,save:p,cancel:h})),be&&be.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:$e,mainIndex:1,type:"windowplacement",dropdownData:be,designDoorData:a,ok:f,save:p,cancel:h})),pe&&pe.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Be,mainIndex:1,type:"windowdesign",dropdownData:pe,designDoorData:a,ok:f,save:p,cancel:h})),Ee&&Ee.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ye,mainIndex:1,type:"glass",dropdownData:Ee,designDoorData:a,ok:f,save:p,cancel:h})),je&&je.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:nt,mainIndex:1,type:"construction",dropdownData:je,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),Ce&&Ce.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:it,mainIndex:1,type:"hardware",dropdownData:Ce,designDoorData:a,ok:f,save:p,cancel:h})))),D&&(3===D.length\|\|4===D.length)&&l.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},a.thirdDoorDescription&&a.thirdDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.thirdDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.thirdDoorDescription&&a.thirdDoorDescription.text?"description":""," door-properties")},mt&&mt.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Vt,mainIndex:2,type:"collection",dropdownData:mt,designDoorData:a,ok:f,save:p,cancel:h})),ht&&ht.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Gt,mainIndex:2,type:"panel",dropdownData:ht,designDoorData:a,ok:f,save:p,cancel:h})),vt&&vt.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Xt,mainIndex:2,type:"color",dropdownData:vt,designDoorData:a,ok:f,save:p,cancel:h})),St&&St.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:la,mainIndex:2,type:"windowplacement",dropdownData:St,designDoorData:a,ok:f,save:p,cancel:h})),It&&It.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:ta,mainIndex:2,type:"windowdesign",dropdownData:It,designDoorData:a,ok:f,save:p,cancel:h})),Dt&&Dt.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:da,mainIndex:2,type:"glass",dropdownData:Dt,designDoorData:a,ok:f,save:p,cancel:h})),Ut&&Ut.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:pa,mainIndex:2,type:"construction",dropdownData:Ut,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),Zt&&Zt.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:ba,mainIndex:2,type:"hardware",dropdownData:Zt,designDoorData:a,ok:f,save:p,cancel:h})))),D&&4===D.length&&l.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},a.fourthDoorDescription&&a.fourthDoorDescription.text&&l.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.fourthDoorDescription.text}}),l.a.createElement("div",{className:"".concat(a.fourthDoorDescription&&a.fourthDoorDescription.text?"description":""," door-properties")},Ea&&Ea.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.doorCollection.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Ya,mainIndex:3,type:"collection",dropdownData:Ea,designDoorData:a,ok:f,save:p,cancel:h})),ja&&ja.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.panelDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:nn,mainIndex:3,type:"panel",dropdownData:ja,designDoorData:a,ok:f,save:p,cancel:h})),Ca&&Ca.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.color.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:cn,mainIndex:3,type:"color",dropdownData:Ca,designDoorData:a,ok:f,save:p,cancel:h})),Ha&&Ha.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowPlacement.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:fn,mainIndex:3,type:"windowplacement",dropdownData:Ha,designDoorData:a,ok:f,save:p,cancel:h})),Aa&&Aa.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.windowDesign.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:un,mainIndex:3,type:"windowdesign",dropdownData:Aa,designDoorData:a,ok:f,save:p,cancel:h})),Ma&&Ma.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.glass.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:xn,mainIndex:3,type:"glass",dropdownData:Ma,designDoorData:a,ok:f,save:p,cancel:h})),Ba&&Ba.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.construction.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:yn,mainIndex:3,type:"construction",dropdownData:Ba,designDoorData:a,ok:f,link:a.viewDetails.text,save:p,cancel:h})),$a&&$a.length>0&&l.a.createElement("div",{className:"door-properties-select"},l.a.createElement("label",null,a.decorativeHardware.text),l.a.createElement(R,{doorOptionsAPIURL:b,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return nl(e,t,a,n,o,l)},selectedValue:Pn,mainIndex:3,type:"hardware",dropdownData:$a,designDoorData:a,ok:f,save:p,cancel:h}))))),l.a.createElement("div",{className:"door-properties pt-3 mx-3"},D&&(null===D\|\|void 0===D?void 0:D.length)>1&&l.a.createElement("div",{className:"apply-checkbox py-2"},l.a.createElement("input",{onChange:function(e){if(!0===e.target.checked)for(var a=X,n=localStorage.getItem("design-door"),o=JSON.parse(n),l=0;l<o.length;l++){var r;if(Xo(o[l].selectedWidth,o[l].selectedHeight,o[a].selectedCollection,o[a].selectedPanel,o[a].selectedColor,o[a].selectedWindowDesign,o[a].selectedWindowPlacement,o[a].selectedGlass,o[a].selectedConstruction,o[a].selectedHardware,o[a].colorZone,o[a].colorHex,l),null===(r=o[a])\|\|void 0===r?void 0:r.hints){var i=o[a].hints.collection,c=t[i];al(o[a].hints,l,c)}}},type:"checkbox",id:"vehicle1",name:"vehicle1",value:"Bike"}),l.a.createElement("label",null,a.applyDesign.text)),l.a.createElement("div",{className:"button-grp pt-sm-0 pt-1"},l.a.createElement(s.a,{classStyle:"back-btn",label:Object(c.i)(m),onClick:function(){var e;null===(e=document.getElementById("home-image-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)},inverse:!0}),l.a.createElement("span",{className:"screenshot-link mr-3"},l.a.createElement(s.a,{classStyle:"save-btn",label:Object(c.i)(p),onClick:tl})),l.a.createElement("span",{className:"screenshot-link screenshot-final"},l.a.createElement(s.a,{classStyle:"next-btn",label:Object(c.i)(i),onClick:function(){tl(!0);var e=document.getElementById("vehicle1");e&&e.checked&&(e.checked=!1),setTimeout((function(){var e;null===(e=document.getElementById("review-save-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0),c.R.next(!0),c.Q.next(!0)}),1e3)}})))))))},U=a(20),z=function(e){var t=e.emailPath,a=(e.imageRootPath,e.reviewsaveData),r=e.ok,i=e.recaptchaToken,d=Object(o.useState)(""),m=Object(n.a)(d,2),p=m[0],h=m[1],f=Object(o.useState)(""),b=Object(n.a)(f,2),w=b[0],v=b[1],x=Object(o.useState)(""),E=Object(n.a)(x,2),O=E[0],y=E[1],j=Object(o.useState)(""),N=Object(n.a)(j,2),S=N[0],P=N[1],C=Object(o.useState)(!1),k=Object(n.a)(C,2),D=k[0],R=k[1],A=Object(o.useState)(!1),L=Object(n.a)(A,2),z=L[0],H=L[1];Object(o.useEffect)((function(){Object(c.A)().subscribe((function(e){H(e)}))}),[]);return l.a.createElement("div",{className:"modal fade",id:"email-modal",role:"dialog","aria-hidden":"true"},z&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document",id:"parent-modal"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{id:"close",type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body"},l.a.createElement("label",null,a.emailFieldLabel.text),l.a.createElement("input",{className:"mb-2 ".concat(D?"error-class":""),type:"text",onChange:function(e){h(e.target.value)},onKeyUp:function(){""===p\|\|!1===Object(c.a)(p)?R(!0):R(!1)}}),D&&l.a.createElement("p",{className:"error"},a.emailFieldValidationMessage.text),l.a.createElement("label",null,a.emailMessageLabel.text),l.a.createElement("textarea",{onChange:function(e){v(e.target.value)}})),l.a.createElement("div",{className:"modal-footer"},l.a.createElement(s.a,{label:Object(c.i)(a.sendEmailButtonLabel.text),onClick:function(){""!==p&&!1!==Object(c.a)(p)&&function(){Object(c.b)(),document.getElementById("parent-modal").style.display="none",document.getElementsByClassName("modal-backdrop")[0].style.display="none";var e=localStorage.getItem("desc-data"),n=JSON.parse(e),o=localStorage.getItem("garageDoorPdf");fetch(o).then((function(e){return e.blob()})).then((function(e){r.append("filepdf",new File([e],"print.pdf",{type:e.type}))}));var l=localStorage.getItem("canvasImg");fetch(l).then((function(e){return e.blob()})).then((function(e){r.append("afterfile",new File([e],"after.png",{type:e.type}))}));var r=new FormData;r.append("receipients",p),r.append("message",w),r.append("count",n.length),r.append("g-recaptcha-response",i);var d="";I.table("image").toArray().then((function(e){e.length>0&&(d=e[0].image,fetch(d).then((function(e){return e.blob()})).then((function(e){var t="";"image/jpeg"===e.type&&(t="file0.jpeg"),"image/jpg"===e.type&&(t="file0.jpg"),"image/png"===e.type&&(t="file0.png");r.append("file0",new File([e],t,{type:e.type}))})))}));for(var s=function(e){for(var t=n[e].doorText,a=(n[e].doorImage[0],n[e].doorImage[1]&&n[e].doorImage[1],"door"+(e+1)),o=0;o<t.length;o++){var l=a+"."+t[o][0];r.append(l,t[o][1])}var i="file"+(e+1)+".png",c=localStorage.getItem("file"+e);fetch(c).then((function(e){return e.blob()})).then((function(t){var a="file"+(e+1);r.append(a,new File([t],i,{type:t.type}))}))},m=0;m<n.length;m++)s(m);setTimeout((function(){u()({method:"post",url:t,data:r,headers:{"Content-Type":"multipart/form-data"}}).then((function(e){y("success"),P(a.sendEmailSuccessMessage.text),document.getElementById("email-success-link").click(),Object(c.O)()}),(function(e){y("error"),P(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(c.O)()})).catch((function(e){y("error"),P(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(c.O)()}))}),5e3)}()},disabled:""===p\|\|!1===Object(c.a)(p)})))),l.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},a.sendEmailButtonLabel.text),l.a.createElement(U.a,{name:"email-sent",type:O,text:S,buttonText:r}))},H=a(8),W=function(e){var t=e.reviewsaveData,a=e.back,r=e.dispatchRequestQuoteURL,i=e.emailPath,d=e.imageRootPath,m=e.ok,p=e.door,h=e.recaptchaToken,f=e.microSiteDispatchRequestQuoteURL,b=e.dealerInfoAPIURL,w=e.dealerLocationListingAPIPath,v=Object(o.useState)([]),x=Object(n.a)(v,2),E=x[0],O=x[1],I=Object(o.useState)(""),y=Object(n.a)(I,2),j=(y[0],y[1],Object(o.useState)("")),N=Object(n.a)(j,2),S=N[0],P=(N[1],Object(o.useState)("")),C=Object(n.a)(P,2),k=C[0],D=(C[1],Object(o.useState)(!1)),R=Object(n.a)(D,2),A=R[0],L=R[1],W=Object(o.useState)(!1),Z=Object(n.a)(W,2),T=Z[0],M=Z[1];Object(o.useEffect)((function(){Object(c.A)().subscribe((function(e){M(e)})),c.Q.subscribe((function(e){if(e&&(c.E.next(!0),localStorage.getItem("desc-data"))){var t=localStorage.getItem("desc-data"),a=JSON.parse(t);O(a),c.R.subscribe((function(e){!0===e&&(Object(c.b)(),setTimeout((function(){Object(c.O)()}),7e3),c.R.next(!1))}))}}))}),[]);var J=function(){c.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}),1e3)},V=function(e){var t="";return t=e.indexOf("http")>-1?e:d+e,e.indexOf("{hardware-overlay-image}")>-1&&(t=""),t};return l.a.createElement("div",{className:"review-save-main"},T&&l.a.createElement(g.a,null),l.a.createElement("div",{className:"review-save-main-inner"},l.a.createElement("div",{className:"row no-gutters lg-images"},l.a.createElement("div",{className:"col-12 col-md-6 print-door print-door1"},l.a.createElement("figure",{className:"figure"},l.a.createElement("img",{loading:"lazy",id:"before-img",alt:"Garage Door Before Design",src:S,className:"figure-img img-fluid",onLoad:function(){}}),l.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.before.text))),l.a.createElement("div",{className:"col-12 col-md-6 print-door print-door2"},l.a.createElement("figure",{className:"figure"},l.a.createElement("img",{loading:"lazy",id:"after-img",alt:"Garage Door After Design",src:k,className:"figure-img img-fluid"}),l.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.after.text))),l.a.createElement("div",{className:"container"},l.a.createElement("p",{className:"body-text3"},t.disclaimer.text))),l.a.createElement("div",{className:"container d-flex justify-content-between flex-wrap links-and-buttons hide-print-media","data-html2canvas-ignore":"true"},l.a.createElement("div",{className:"next-btn back-btn pr-md-3 pr-lg-0 pr-0 d-flex hide-print-media"},l.a.createElement("div",{className:"mr-3 hide-print-media"},l.a.createElement(s.a,{label:Object(c.i)(a),onClick:J,inverse:!0})),l.a.createElement("div",{className:"hide-print-media"},l.a.createElement(s.a,{label:Object(c.i)(t.startOver.text),onClick:function(){var e;localStorage.removeItem("door-size"),localStorage.removeItem("image-type"),localStorage.removeItem("image"),localStorage.removeItem("uploadedFileName"),localStorage.removeItem("desc-data"),localStorage.removeItem("design-door"),localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("tabValue","0"),L(!1),null===(e=document.getElementById("door-size-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0),c.u.next(!0)}}))),l.a.createElement("div",{"data-html2canvas-ignore":"true",className:"hide-print-media"},l.a.createElement("div",{className:"row text-left text-md-right my-lg-0 mx-lg-0 align-items-center justify-content-end share-buttons"},l.a.createElement("div",{onClick:function(){L(!A);var e=localStorage.getItem("file0")?localStorage.getItem("file0"):"",t=localStorage.getItem("file1")?localStorage.getItem("file1"):"",a=localStorage.getItem("file2")?localStorage.getItem("file2"):"",n=localStorage.getItem("file3")?localStorage.getItem("file3"):"";localStorage.setItem("fav0",e),localStorage.setItem("fav1",t),localStorage.setItem("fav2",a),localStorage.setItem("fav3",n);var o=localStorage.getItem("desc-data"),l=JSON.parse(o);l.forEach((function(e,t){e.sequence=t+1}));var r={data:l,time:new Date,imageRootPath:d,door:p};!1===A?localStorage.setItem("designer-fav",JSON.stringify(r)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer align-items-center share-item"},!0===A?l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favourite Icon",className:"mr-2"}):l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favourite Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.favourites.text)),l.a.createElement("div",{className:"pdf-generate cursor-pointer d-flex align-items-center share-item"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-pdf.svg",alt:"PDF Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.savePdf.text)),l.a.createElement("div",{onClick:function(){window.print()},className:"print cursor-pointer d-flex align-items-center share-item"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-printer.svg",alt:"Printer Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.print.text)),l.a.createElement("div",{onClick:function(){document.getElementById("parent-modal").style.display="block"},"data-toggle":"modal","data-target":"#email-modal",className:"email pdf-generate-email cursor-pointer d-flex align-items-center share-item"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-mail.svg",alt:"Mail Icon",className:"mr-2"}),l.a.createElement("h6",{className:"m-0"},t.email.text)),l.a.createElement("div",{className:"request-quote px-0 ml-sm-3 pt-2 pt-sm-0 text-left share-item"},l.a.createElement(s.a,{label:Object(c.i)(t.raq.text),onClick:function(){for(var e="Source:"+window.location.origin+"\|",t=localStorage.getItem("desc-data"),a=JSON.parse(t),n=0;n<a.length;n++){e=e+"Door#"+(n+1)+"\|";for(var o=a[n].doorText,l="",i=0;i<o.length;i++)l=i===o.length-1?l+o[i][0]+":"+o[i][1]+";":l+o[i][0]+":"+o[i][1]+",";e+=l}var d=encodeURIComponent(e);localStorage.setItem("doorDesignerDescription",e);var s=new URLSearchParams(window.location.search);if(s)if(s.has("id")&&s.get("id")&&s.has("locationId")&&s.get("locationId")){var m;Object(c.b)();var p=s.get("id"),g=s.get("locationId");null===(m=Object(H.c)({url:w.replace("{accountNumber}",p).replace("{dealerListingLocationId}",g)}))\|\|void 0===m\|\|m.then((function(e){var t=e.data;if(Object(c.O)(),t.enrolledInDispatch){var a=(f=f.replace("{locationId}",t.dealer.accountNumber))+d;window.open(a,"_blank")}else{var n="mailto:".concat(t.dispatchNotificationEmail?t.dispatchNotificationEmail:t.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(n,"_blank")}})).catch((function(e){var t;console.log("Error Logged: ",e),null===(t=document.getElementById("something-went-wrong-modal-link"))\|\|void 0===t\|\|t.click()}))}else{var h=new URL(window.location.href).host;if(function(e){var t=new RegExp(/^([a-z]+\:\/{2})?([\w-]+\.[\w-]+\.\w+)$/);return!!e.match(t)}(h))Object(c.b)(),u.a.get("".concat(b,"?micrositeDomain=").concat(h)).then((function(e){var t=e.data;if(Object(c.O)(),t.totalCount>0){var a=t.data[0].dealerListingLocations;if(a.length>0){var n=a[0];if(n.enrolledInDispatch){var o=(f=f.replace("{locationId}",n.id))+d;window.open(o,"_blank")}else{var l="mailto:".concat(n.dispatchNotificationEmail?n.dispatchNotificationEmail:n.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(l,"_blank")}}else console.warn("No Listing Locations are available for this dealer")}else{var i=r;window.open(i,"_blank")}}));else{var v=r;window.open(v,"_blank")}}}}))))),l.a.createElement("div",{className:"container d-lg-flex review-save-door-box pt-5"},E&&E.length>0&&E.map((function(e,t){return l.a.createElement("div",{className:"multiple-doors",key:t},l.a.createElement("div",{key:t,className:"col-xl-12 col-lg-12 col-12 pl-0 pr-0"},l.a.createElement("div",{className:"row m-0 text-center align-items-center p-3"},l.a.createElement("div",{className:"col-11 p-0 text-left"},l.a.createElement("h5",{className:"m-0"},p," ",t+1)),l.a.createElement("div",{className:"col-1 p-0 hide-print-media","data-html2canvas-ignore":"true"},l.a.createElement("span",null,l.a.createElement("img",{loading:"lazy",onClick:function(e){return function(e,t){J();var a="subTab-"+t;setTimeout((function(){var e;null===(e=document.getElementById(a))\|\|void 0===e\|\|e.click()}),1200)}(0,t)},src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-edit.svg",alt:"Edit Icon",className:"editEffect"})))),l.a.createElement("div",{className:"row m-0 px-3 pt-4 pb-5 mb-3 image-row text-center"},l.a.createElement("div",{className:"col-12 p-0"},l.a.createElement("span",{className:"hardware-img-parent"},l.a.createElement("img",{loading:"lazy",alt:e.doorText[2][1],src:V(e.doorImage[0])}),V(e.doorImage[1])&&V(e.doorImage[1]).length>0&&l.a.createElement("img",{loading:"lazy",className:"hardware-img",alt:e.doorText[2][1],src:V(e.doorImage[1])})))),l.a.createElement("div",{className:"door-review-info body-text3 p-3"},e.doorText&&e.doorText.map((function(e,t){return 0==t\|\|1==t\|\|2==t?l.a.createElement("div",{className:"row m-0 font-weight-semi",key:t},l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[0])),l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[1]))):l.a.createElement("div",{className:"row m-0 ",key:t},l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[0])),l.a.createElement("div",{className:"col-6 p-0"},l.a.createElement("span",null,e[1])))})))))})))),l.a.createElement(z,{emailPath:i,imageRootPath:d,reviewsaveData:t,ok:m,recaptchaToken:h}),l.a.createElement("canvas",{id:"email-img0",width:"500",height:"500"}),l.a.createElement("canvas",{id:"email-img1",width:"500",height:"500"}),l.a.createElement("canvas",{id:"email-img2",width:"500",height:"500"}),l.a.createElement("canvas",{id:"email-img3",width:"500",height:"500"}),l.a.createElement("a",{id:"something-went-wrong-modal-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-something-went-wrong"}),l.a.createElement(U.a,{name:"something-went-wrong",type:"error",text:"Something went wrong!",buttonText:m}))},Z=a(31),T=a(51),M=a(19),J=a.n(M),V=function(e){Object(E.a)(a,e);var t=Object(O.a)(a);function a(){return Object(x.a)(this,a),t.apply(this,arguments)}return Object(T.a)(a,[{key:"render",value:function(){var e=this.props.node\|\|document.body;return J.a.createPortal(this.props.children,e)}}]),a}(l.a.Component),_=function(e){var t,a,r=e.doorDesignerData,d=Object(c.g)(r),m=Object(o.useState)("door-size"),u=Object(n.a)(m,2),p=u[0],g=u[1],h=Object(o.useRef)(),b=Object(o.useState)(""),w=Object(n.a)(b,2),v=w[0],x=w[1],E=function(e,t){g(t)};Object(o.useEffect)((function(){c.y.subscribe((function(e){!0===e&&(localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("image-type","chosen"),c.y.next(!1))})),c.E.subscribe((function(e){e&&h.current.execute()}))}),[]);return l.a.createElement(i,null,l.a.createElement("div",{className:"col-xl-12 col-md-12 col-sm-12 col-12 p-0 door-designer"},l.a.createElement("div",{className:"main-content"},l.a.createElement("div",{className:"tabs-container col-xl-9 col-md-10 col-sm-11 col-12 px-0 px-md-3"},l.a.createElement("ul",{className:"nav nav-tabs heading-tabs hide-print-media",id:"myTab",role:"tablist"},l.a.createElement("li",{role:"tab",className:"nav-item ".concat("door-size"===p?"active":""),onClick:function(e){return E(0,"door-size")}},l.a.createElement("a",{className:"nav-link amarr-h4 active",id:"door-size-tab",href:"#door-size","data-toggle":"tab","aria-controls":"door-size-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"1")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step1.heading.text)))),l.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===p?"active":""),onClick:function(e){return E(0,"home-image")}},l.a.createElement("a",{className:"nav-link amarr-h4",id:"home-image-tab",href:"#home-image","data-toggle":"tab","aria-controls":"home-image-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"2")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step2.heading.text)))),l.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===p?"active":""),onClick:function(e){return E(0,"design-door")}},l.a.createElement("a",{className:"nav-link amarr-h4",id:"design-door-tab",href:"#design-door","data-toggle":"tab","aria-controls":"design-door-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"3")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step3.heading.text)))),l.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===p?"active":""),onClick:function(e){return E(0,"review-save")}},l.a.createElement("a",{className:"nav-link amarr-h4",id:"review-save-tab",href:"#review-save","data-toggle":"tab","aria-controls":"review-save-tab"},l.a.createElement("div",{className:"door-box amarr-h6"},l.a.createElement("span",{className:"door-number"},"4")),l.a.createElement("h3",{className:"amarr-h4 stepper-head"},l.a.createElement("span",null,d.step4.heading.text)))))),l.a.createElement("div",{className:"tab-content"},l.a.createElement("div",{className:"tab-pane fade show active",id:"door-size",role:"tabpanel","aria-labelledby":"door-size-tab"},l.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-0"},l.a.createElement(f,{doorSizeData:d.step1,door:d.door.text,next:d.next.text,sampleHomeImagesCSV:d.sampleHomeImagesCSV,doorOptionsAPIURL:d.doorOptionsAPIURL,imageRootPath:d.imageRootPath}))),l.a.createElement("div",{className:"tab-pane fade",id:"home-image",role:"tabpanel","aria-labelledby":"home-image-tab"},l.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-md-0"},l.a.createElement(j,{homeImageData:d.step2,next:d.next.text,back:d.back.text,doorCoordinatesAPIURL:null===d\|\|void 0===d?void 0:d.doorCoordinatesAPIURL}))),l.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},l.a.createElement(L,{designDoorData:d.step3,door:d.door.text,next:d.next.text,back:d.back.text,save:d.save.text,cancel:d.cancel.text,ok:d.ok.text,doorOptionsAPIURL:d.doorOptionsAPIURL,doorHintsAPIURL:d.doorHintsAPIURL,doorDescriptionAPIURL:d.doorDescriptionAPIURL,colorZoneAPIURL:d.colorZoneAPIURL,rulesAPIURL:d.rulesAPIURL,doorImageRootPath:d.doorImageRootPath,collectionDetailURLs:d.collectionDetailURLs,doorCoordinatesUpdateAPIURL:d.doorCoordinatesUpdateAPIURL})),l.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},l.a.createElement(W,{imageRootPath:d.imageRootPath,reviewsaveData:d.step4,back:d.back.text,dispatchRequestQuoteURL:d.dispatchRequestQuoteURL,emailPath:d.emailPath,ok:d.ok.text,door:d.door.text,recaptchaToken:v,microSiteDispatchRequestQuoteURL:d.microSiteDispatchRequestQuoteURL,dealerInfoAPIURL:d.dealerInfoAPIURL,dealerLocationListingAPIPath:d.dealerLocationListingAPIPath})))),l.a.createElement(V,null,l.a.createElement(Z.a,{ref:h,sitekey:d.invisibleRecaptchaKey,onChange:function(e){x(e)},size:"invisible",onExpired:function(){h.current.execute()}}))),l.a.createElement("a",{id:"doordesigner-link","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),l.a.createElement("div",{className:"modal fade alert-popup",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered dd-popup",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body py-4 mb-3"},l.a.createElement("div",null,null===(t=d.popupMessage)\|\|void 0===t?void 0:t.text)),l.a.createElement("div",{className:"modal-footer"},l.a.createElement("span",{className:""},l.a.createElement("a",{href:"#","data-dismiss":"modal"},l.a.createElement(s.a,{onClick:function(e){var t;e.preventDefault(),null===(t=document.getElementById("door-size-tab"))\|\|void 0===t\|\|t.click(),window.scrollTo(0,0)},label:Object(c.i)(null===(a=d.ok)\|\|void 0===a?void 0:a.text)}))))))))};_.defaultProps={config:"",theme:"",doorDesignerData:""};t.a=_},734:function(e,t,a){"use strict";a.r(t);var n=a(14),o=a(72);t.default=n.a.create({component:o.a,configuration:{tagname:"amarr-door-designer",useShadow:!1},plugins:[]})},8:function(e,t,a){"use strict";a.d(t,"c",(function(){return r})),a.d(t,"b",(function(){return i})),a.d(t,"d",(function(){return c})),a.d(t,"e",(function(){return d})),a.d(t,"a",(function(){return s}));var n=a(26),o=a(6),l=a.n(o);function r(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"GET",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function i(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"DELETE",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function c(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"POST",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function d(e){var t=localStorage.getItem("token");if(e)return l()({url:e.url,method:"PUT",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function s(e){return l()({url:e,method:"GET"})}l.a.interceptors.request.use((function(e){return!(window.location.pathname.indexOf(".html")>-1)&&Object(n.a)({},e)})),l.a.interceptors.response.use((function(e){return 201===e.status&&console.log("Posted Successfully"),401===e.status&&console.log("not found"),400===e.status&&console.log("unauthorized"),e}),(function(e){return window.location.pathname.indexOf("/dealer/")>-1&&401===e.response.status&&(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),window.location.href=window.location.origin),Promise.reject(e)}))},9:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(15),o=a(0),l=a.n(o),r=a(4),i=(a(35),r.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),c=a(27),d=a.n(c),s=function(e){return Object(n.a)(e),l.a.createElement(i,null,l.a.createElement("div",{className:"d-flex justify-content-center loader"},l.a.createElement("div",{className:"d-flex"},l.a.createElement(d.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}}});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@assaabloy/amarr-wc-door-designer",
-  "version": "3.0.13",
+  "version": "3.0.15",
   "description": "Web component - Door-designer",
   "type": "module",
   "main": "door-designer.js",
@@ -11,5 +11,5 @@
   },
   "author": "Nagarro",
   "license": "MIT",
-  "gitHead": "a577ac6fe84324196b3981a76b2cd487fe0b61cd"
+  "gitHead": "1acbb748839ad26ad3d5dd401e956201d7863188"
 }