@assaabloy/amarr-wc-door-designer 2.0.13 → 2.0.16

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
  1. package/door-designer.js +1 -1
  2. package/package.json +2 -2
package/door-designer.js CHANGED
@@ -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={37: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([492,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,"P",(function(){return l})),a.d(t,"i",(function(){return r})),a.d(t,"B",(function(){return i})),a.d(t,"D",(function(){return c})),a.d(t,"t",(function(){return d})),a.d(t,"z",(function(){return s})),a.d(t,"n",(function(){return m})),a.d(t,"p",(function(){return u})),a.d(t,"E",(function(){return p})),a.d(t,"K",(function(){return g})),a.d(t,"s",(function(){return h})),a.d(t,"h",(function(){return b})),a.d(t,"r",(function(){return f})),a.d(t,"w",(function(){return x})),a.d(t,"u",(function(){return w})),a.d(t,"A",(function(){return v})),a.d(t,"q",(function(){return E})),a.d(t,"L",(function(){return O})),a.d(t,"o",(function(){return y})),a.d(t,"C",(function(){return N})),a.d(t,"M",(function(){return S})),a.d(t,"l",(function(){return P})),a.d(t,"j",(function(){return k})),a.d(t,"m",(function(){return D})),a.d(t,"k",(function(){return C})),a.d(t,"x",(function(){return R})),a.d(t,"G",(function(){return A})),a.d(t,"v",(function(){return L})),a.d(t,"N",(function(){return U})),a.d(t,"O",(function(){return H})),a.d(t,"b",(function(){return z})),a.d(t,"J",(function(){return W})),a.d(t,"y",(function(){return Z})),a.d(t,"a",(function(){return J})),a.d(t,"d",(function(){return T})),a.d(t,"f",(function(){return M})),a.d(t,"e",(function(){return V})),a.d(t,"c",(function(){return B})),a.d(t,"Q",(function(){return _})),a.d(t,"F",(function(){return q})),a.d(t,"H",(function(){return G})),a.d(t,"I",(function(){return F}));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),b=new n.a(!1),f=new n.a(""),x=new n.a(!0),w=new n.a(!0),v=new n.a(!0),E=new n.a(!0),O=new n.a(!0),y=new n.a(!0),j=new n.a(!1),I=0,N=new n.a(!1),S=new n.a(""),P=new n.a(""),k=new n.a(""),D=new n.a(""),C=new n.a(""),R=new n.a(""),A=new n.a(""),L=new n.a(!1),U=new n.a(!1),H=new n.a(!1),z=function(){setTimeout((function(){I++,j.next(!0)}),0)},W=function(){setTimeout((function(){I>0&&I--,0==I&&j.next(!1)}),0)},Z=function(){return j.asObservable()},J=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)},T=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},M=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},V=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},B=function(e){return/^[0-9]*$/.test(e)},_=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},q=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},G=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},F=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)}},20:function(e,t){e.exports=ReactDOM},21: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",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-confirm-green.svg",alt:"Tick icon"}):o.a.createElement("img",{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()}})))))))}},246:function(e,t){},247:function(e,t){},403:function(e,t,a){"use strict";a.r(t);var n=a(13),o=a(71);t.default=n.a.create({component:o.a,configuration:{tagname:"amarr-door-designer",useShadow:!1},plugins:[]})},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,b=void 0===h?"":h,f=e.datatarget,x=void 0===f?"":f,w=e.linkHref,v=e.target,E=void 0===v?"_self":v,O=e.downloadLink,y=void 0!==O&&O,j=e.inverse,I=void 0!==j&&j,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,H=e.showDisabledMessage,z=void 0===H?"":H,W=Object(n.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return l.a.createElement(i,null,l.a.createElement("div",{className:"".concat(g&&z&&"disabled-button-parent")},u?l.a.createElement("a",{href:w,download:y,target:E,"data-item-name":C,id:A},l.a.createElement(c,Object.assign({disabled:g,classStyle:"".concat(r)},W,{type:U,className:I?"btn-inverse btn btn-success":"btn btn-success"}),""!=S?l.a.createElement("div",{"data-toggle":b,"data-target":x},l.a.createElement("img",{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:I?"btn-inverse btn btn-success":"btn btn-success",id:A,"data-item-name":C,type:U},W),l.a.createElement("span",null,a)),g&&z&&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"},z))},l.a.createElement("div",{className:"disabled-button-overlay"}))))}},54: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(32),r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:center;div{align-items:center;}}"])),c=a(25),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}))))}},71:function(e,t,a){"use strict";var n=a(23),o=a(2),l=a(0),r=a.n(l),i=a(4),c=i.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;}}}@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%;@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;}@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{display:none;}']),d=a(1),s=a(5),m=a(6),u=a.n(m),p=a(153),g=a(8),h=[1,2,3,4],b=function(e){var t=e.doorSizeData,a=e.door,i=e.next,c=e.sampleHomeImagesCSV,m=e.doorOptionsAPIURL,b=e.imageRootPath,f=Object(l.useState)(1),x=Object(o.a)(f,2),w=x[0],v=x[1],E=Object(l.useState)([0]),O=Object(o.a)(E,2),y=O[0],j=O[1],I=Object(l.useState)([]),N=Object(o.a)(I,2),S=N[0],P=N[1],k=Object(l.useState)([]),D=Object(o.a)(k,2),C=D[0],R=D[1],A=Object(l.useState)([]),L=Object(o.a)(A,2),U=L[0],H=L[1],z=Object(l.useState)(!1),W=Object(o.a)(z,2),Z=W[0],J=W[1],T=Object(l.useState)([{width:8,height:7}]),M=Object(o.a)(T,2),V=M[0],B=M[1];Object(l.useEffect)((function(){B([{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}]),q(),_(),d.s.subscribe((function(e){e&&(q(),j([0]),v(1),B([{width:8,height:7}]))})),d.r.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(d.y)().subscribe((function(e){J(e)})),d.u.subscribe((function(e){if(!0===e){if(window.location.search){var t,a=new URLSearchParams(window.location.search),l=Object(n.a)(a);try{for(l.s();!(t=l.n()).done;){var r=Object(o.a)(t.value,2),i=r[0];r[1];if("collection"===i||"window"===i||"panel"===i||"color"===i){var c=[{width:8,height:7}];c.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(c))}}}catch(s){l.e(s)}finally{l.f()}}d.u.next(!1)}}))}),[]);var _=function(){Object(d.b)(),u.a.get(c).then((function(e){var t=[],a=Object(p.a)(e.data).data,n=[];a.forEach((function(e){n.push(b+"DoorApp/homes/"+e[0])}));for(var o=0;o<a.length;o++){var l={index:o,images:[b+"homes/"+a[o][0]]},r=!1,i=!1;l.doors=[];for(var c=1;c<a[o].length;c+=9)l.doors.push({type:a[o][c].trim(),positions:a[o].slice(c+1,c+9)}),"s"==a[o][c].trim()&&(r=!0),"d"==a[o][c].trim()&&(i=!0),l.type=i&&r?"m":r?"s":"d",t.push(l)}localStorage.setItem("points",JSON.stringify(t)),H(n),localStorage.setItem("gallery",JSON.stringify(n)),Object(d.J)()}),(function(e){Object(d.J)()})).catch((function(e){Object(d.J)()}))},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){j([0]);var t=[];v(e+1);for(var a=0;a<=e;a++)t.push(a);j(t)}(e);for(var t=V,a=0;a<=e;a++)null!==t[e]&&void 0!==t[e]||t.push({width:8,height:7});B(t)};return r.a.createElement("div",{className:"door-size-content"},Z&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"no-garage-doors mb-3"},r.a.createElement("label",null,t.numberOfDoorsLabel.text),h.map((function(e,t){return r.a.createElement("div",{className:"door-box amarr-h6 ".concat(w===e?"selected":""),key:t,onClick:function(){return G(t)}},r.a.createElement("span",{className:"door-number"},e))}))))),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"garage-door-size-select"},r.a.createElement("label",null,t.sizeOfDoorsLabel.text,r.a.createElement("a",{className:"amarrHighlight body-text2 d-md-inline d-none",href:t.cta.url,target:t.cta.linkAction},t.cta.label)),r.a.createElement("p",{className:"body-text3 mb-sm-0"},t.sizeOfDoorsInfo.text),r.a.createElement("a",{className:"amarrHighlight body-text2 d-md-none d-block",href:t.cta.url,target:t.cta.linkAction},t.cta.label)))),y.map((function(e,n){return r.a.createElement("div",{className:"row mx-0",key:n},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"garage-door-size"},r.a.createElement("label",{htmlFor:"width-".concat(n)},a," ",e+1),r.a.createElement("div",{className:"door-dimension-select door-width-select"},r.a.createElement("p",{className:"body-text3"},t.width.text),r.a.createElement("div",{className:"door-size-select-container"},r.a.createElement("img",{className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),r.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),B(a)}(e,n)}},C&&C.length>0&&C.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(V&&V[t]&&V[t].width)&&e.value===V[t].width},e.description," '")}))))),r.a.createElement("div",{className:"door-dimension-select door-height-select"},r.a.createElement("p",{className:"body-text3"},t.height.text),r.a.createElement("div",{className:"door-size-select-container"},r.a.createElement("img",{className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),r.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),B(a)}(e,n)}},S&&S.length>0&&S.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(V&&V[t]&&V[t].height)&&e.value===V[t].height},e.description," '")}))))))))})),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 next-btn door-size"},r.a.createElement(s.a,{label:Object(d.i)(i),onClick:function(){var e,t=w-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)),d.t.next(!0),null===(e=document.getElementById("home-image-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}}))))},f=a(28),x=a.n(f),w=a(33),v=a(47),E=a(61),O=a(63),y=new(function(e){Object(E.a)(a,e);var t=Object(O.a)(a);function a(){var e;return Object(v.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(154).a)),j=a(155),I=function(e){var t=e.homeImageData,a=e.next,i=e.back,c=Object(l.useState)(""),m=Object(o.a)(c,2),u=m[0],p=m[1],g=Object(l.useState)(!1),h=Object(o.a)(g,2),b=h[0],f=h[1],v=Object(l.useState)([]),E=Object(o.a)(v,2),O=E[0],I=E[1],N=Object(l.useState)(0),S=Object(o.a)(N,2),P=S[0],k=S[1],D=Object(l.useState)(t.uploadNoImageText.text),C=Object(o.a)(D,2),R=C[0],A=C[1],L=Object(l.useState)(!1),U=Object(o.a)(L,2),H=U[0],z=U[1],W=Object(l.useState)(!1),Z=Object(o.a)(W,2),J=Z[0],T=Z[1],M=Object(l.useState)(!1),V=Object(o.a)(M,2);V[0],V[1];Object(l.useEffect)((function(){z(!1),d.s.subscribe((function(e){e&&(z(!1),localStorage.setItem("image-type","chosen"),A(t.uploadNoImageText.text))})),d.t.subscribe((function(e){if(e&&(z(!1),B(),localStorage.getItem("image-type")&&"uploaded"===localStorage.getItem("image-type"))){var t=localStorage.getItem("uploadedFileName")?localStorage.getItem("uploadedFileName"):"";A(t),y.table("image").toArray().then((function(e){e.length>0&&p(e[0].image)}))}})),d.A.subscribe((function(e){if(!0===e){if(z(!1),window.location.search){var t,a=new URLSearchParams(window.location.search),l=Object(n.a)(a);try{for(l.s();!(t=l.n()).done;){var r=Object(o.a)(t.value,2),i=r[0];r[1];"collection"!==i&&"window"!==i&&"panel"!==i&&"color"!==i||(B(),localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),q({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(c){l.e(c)}finally{l.f()}}d.A.next(!1)}}))}),[]);var B=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)})),I(i),localStorage.getItem("image-type")&&"chosen"===localStorage.getItem("image-type"))if(localStorage.getItem("selected-imageIndex")){var d=Number(localStorage.getItem("selected-imageIndex"));k(d),p(i[d]),q({},i[d],d),localStorage.setItem("image",i[d])}else k(0),p(i[0]),q({},i[0],0),localStorage.setItem("image",i[0])}},_=function(){var e=Object(w.a)(x.a.mark((function e(t){var a,n,o,l,r;return x.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=28;break}if(localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),a=t.target.files[0].name,n=a.split(".").pop(),A(a),localStorage.setItem("uploadedFileName",a),"jpg"!==n.toLowerCase()&&"jpeg"!==n.toLowerCase()&&"png"!==n.toLowerCase()){e.next=26;break}if(f(!1),!(t.target.files[0].size<=5e6)){e.next=22;break}return T(!0),o={maxSizeMB:5,maxWidthOrHeight:4e3,useWebWorker:!0},Object(d.b)(),e.next=16,Object(j.a)(t.target.files[0],o).then((function(e){l=e,T(!1),Object(d.J)()}));case 16:f(!1),(r=new FileReader).addEventListener("load",(function(e){var t=new Image;t.src=e.target.result,p(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}))})),r.readAsDataURL(l),e.next=24;break;case 22:return f(!0),e.abrupt("return");case 24:e.next=28;break;case 26:return f(!0),e.abrupt("return");case 28:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),q=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()),A(t.uploadNoImageText.text),k((function(){return P=n})),p(a)};return r.a.createElement("div",{className:"home-image-tab"},r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"home-image-upload-photo"},r.a.createElement("div",{className:"mb-3"},r.a.createElement("label",null,t.uploadStepsLabel.text),r.a.createElement("ul",{className:"upload-instructions"},t.uploadSteps&&t.uploadSteps.length>0&&t.uploadSteps.map((function(e,t){return r.a.createElement("li",{className:"body-text2",key:t},e.text)})),r.a.createElement("p",{className:"body-text2 ml-2"},t.uploadStepsHelpText.text))),r.a.createElement("div",{className:"upload-file-container"},r.a.createElement("div",{className:"upload-image-btn"},r.a.createElement("input",{type:"file",className:"file-button",onChange:_,title:"file-upload"}),r.a.createElement("label",{className:"body-text3"},t.uploadImage.text,r.a.createElement("p",{className:"file-name"}))),r.a.createElement("div",{className:"body-text3"},r.a.createElement("span",null,R))),b&&r.a.createElement("p",{className:"error"},t.uploadStepsErrorMessage.text)))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"label-top-margin"},r.a.createElement("label",null,t.or.text)))),r.a.createElement("div",{className:"row photo-gallery"},r.a.createElement("div",{className:"col-12"},r.a.createElement("label",null,t.chooseSample.text),r.a.createElement("div",{className:"photo-gallery-container"},r.a.createElement("div",null,O&&O.length>0&&O.map((function(e,t){return r.a.createElement("span",{className:"gallery-image cursor-pointer",key:t},r.a.createElement("a",{onClick:function(a){return q(a,e,t)}},r.a.createElement("img",{src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===P?"selected-item":"")})))})),0===O.length&&r.a.createElement("span",null,t.noSelectionImage.text))))),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",null,!0===H&&R===t.uploadNoImageText.text&&0===O.length&&r.a.createElement("span",{className:"error"},t.errorMessageNoImages.text)),r.a.createElement("div",{className:"button-grp col-12 pt-2 next-btn home-image px-0"},r.a.createElement("span",{className:"mr-3"},r.a.createElement(s.a,{label:Object(d.i)(i),inverse:!0,onClick:function(){var e,t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"";d.r.next(t),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}})),r.a.createElement("span",{className:"dimension-link"},r.a.createElement(s.a,{label:Object(d.i)(a),onClick:function(){if(y.table("image").clear(),z(!0),R===t.uploadNoImageText.text&&0===O.length)return!1;var e;u&&u.length>0?y.table("image").add({image:u}):O.length>0?y.table("image").add({image:O[0]}):y.table("image").add({image:""}),d.z.next(!0),null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)},disabled:J})))))},N=i.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;}}"]),S=a(151),P=function(e){var t=e.colorzoneData,a=(e.save,e.cancel,e.mainIndex),n=e.dropdownChange,i=void 0===n?function(e,t,a,n,o,l){}:n,c=e.colorZoneAPIURL,s=Object(l.useState)([]),m=Object(o.a)(s,2),p=m[0],g=m[1],h=Object(l.useState)(""),b=Object(o.a)(h,2),f=b[0],x=b[1],w=Object(l.useState)([]),v=Object(o.a)(w,2),E=v[0],O=v[1];Object(l.useEffect)((function(){d.n.subscribe((function(e){e&&y()}))}),[]);var y=function(){Object(d.b)(),u.a.get(c).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(d.J)()}),(function(e){Object(d.J)()})).catch((function(e){Object(d.J)()}))};return r.a.createElement("div",{className:"modal fade",id:"color-zone-modal-".concat(a),role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("h4",null,t.colorModalTitle.text),r.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("p",{className:"col-12 p-0 body-text2",dangerouslySetInnerHTML:{__html:t.colorModalSubTitle.text}}),r.a.createElement("p",{className:"row mx-0 my-4"},r.a.createElement("input",{type:"text",onKeyUp:function(e){if(x(e.target.value.toLowerCase()),f.length>0){var t=[];p.forEach((function(e){-1===e.key.indexOf(f)&&-1===e.value.toLowerCase().indexOf(f)||t.push(e)})),O(t)}else O(p)},onChange:function(e){x(e.target.value.toLowerCase())},placeholder:t.colorModalSearchEmpty.text,className:"col-md-6 col-lg-5 col-xl-5"})),r.a.createElement("div",{className:"photo-gallery-container"},r.a.createElement("div",null,E&&E.length>0&&E.map((function(e,t){return r.a.createElement("a",{key:t,onClick:function(){return function(e){var t=("#"+e.key+" / "+e.value+"$"+e.color).split("$"),n=t[0],o=Object(S.k)("rgb("+t[1]+")").split("#")[1];i(a,"color","ColorZone",n,o,"")}(e)},"data-dismiss":"modal"},r.a.createElement("span",{className:"gallery-image",key:t},r.a.createElement("span",{className:"color-block cursor-pointer",style:{background:"rgb("+e.color+")"}}),r.a.createElement("b",null,"SW ","Y"===e.required&&r.a.createElement("span",null,"*")," ",e.key)," ",r.a.createElement("br",null),e.value))}))))),r.a.createElement("p",{className:"body-text3",dangerouslySetInnerHTML:{__html:t.colorModalDisclaimer.text}}))))},k=function(e){var t,a,n=e.mosaicData,i=e.ok,c=e.cancel,m=e.mainIndex,p=e.dropdownChange,g=void 0===p?function(e,t,a,n,o,l){}:p,h=e.doorHintsAPIURL,b=e.rulesAPIURL,f=e.doorImageRootPath,x={PanelWidths:{},SectionHeights:{}},w=null,v=f,E=Object(l.useState)(""),O=Object(o.a)(E,2),y=O[0],j=O[1],I=Object(l.useState)(),N=Object(o.a)(I,2),S=N[0],P=N[1],k=Object(l.useState)(),D=Object(o.a)(k,2),C=D[0],R=D[1],A=Object(l.useState)(),L=Object(o.a)(A,2),U=L[0],H=L[1];Object(l.useEffect)((function(){W()}),[]),Object(l.useEffect)((function(){d.E.subscribe((function(e){e&&setTimeout((function(){z()}),1e3)}))}),[]);var z=function(){Object(d.b)();var e=localStorage.getItem("design-door"),t=JSON.parse(e),n={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:"Short"===t[m].selectedPanel?"Short":"Long"===t[m].selectedPanel?"Long":"Mexico"===t[m].selectedPanel?"Mexico":"Short",brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:t[m].selectedHeight,glass:"Clear",collection:t[m].selectedCollection,print:!0,baseUrl:"",gplacement:"Mosaic",width:t[m].selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};t[m].selectedColor&&(n.color=t[m].selectedColor),t[m].colorHex&&(n.colorHex=t[m].colorHex),t[m].colorZone&&(n.colorZone=t[m].colorZone),t[m].selectedConstruction&&(n.model=t[m].selectedConstruction),t[m].selectedWindowDesign&&(n.top=t[m].selectedWindowDesign),t[m].glazepattern&&(n.glazepattern=t[m].glazepattern),t[m].selectedHardware&&(n.hardware=t[m].selectedHardware),u.a.post(h,n,{headers:{"content-type":"application/json"}}).then((function(e){Object(d.J)(),a=J(e.data.inchheight,e.data.inchwidth,e.data.panelplacement),H(a),M(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=T(w);j(v+t)}),(function(e){Object(d.J)()})).catch((function(e){Object(d.J)()}))},W=function(){u.a.get(b).then((function(e){t=e.data;var a=v+"rules/"+t.PanelDimensions.Carriage.SectionHeightsFile,n=v+"rules/"+t.PanelDimensions.Short.PanelWidthsFile,o=v+"rules/"+t.PanelDimensions.Long.PanelWidthsFile,l=v+"rules/"+t.PanelDimensions.Mexico.PanelWidthsFile;u.a.get(a).then((function(e){x.SectionHeights=e.data})),u.a.get(o).then((function(e){x.PanelWidths.Long=e.data})),u.a.get(n).then((function(e){x.PanelWidths.Short=e.data})),u.a.get(l).then((function(e){x.PanelWidths.Mexico=e.data}))}))},Z=function(e){var t,a,n=e.height,o=e.width,l=e.placement;return R(x),{s:null===(t=x)||void 0===t?void 0:t.SectionHeights[n].length,p:null===(a=x)||void 0===a?void 0:a.PanelWidths[l][o].Count}},J=function(e,t,a){for(var n=Z({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},T=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"},M=function(e,t,a,n,o,l,r,i,c,d,s,m){P(w={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 r.a.createElement("div",{className:"modal fade mosaic-modal",id:"mozaic-modal-".concat(m),role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("h4",{className:"modal-title"},n.windowModalTitle.text),r.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("p",{className:"body-text2 mb-4"},n.windowModalSubTitle.text),r.a.createElement("div",{id:"mosaic-builder",className:"text-center"},y&&r.a.createElement("img",{id:"mosaic-image-".concat(m),src:y,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;x=C,a=U;var r=Z(w=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.p*u+s+u;i=function(e,t,a){return e.substring(0,t)+a+e.substring(t+1)}(i,p,"G"===i[p]?"X":"G"),H(i),w.gpid=i,P(w);var g=T(w);j(v+g)}(e)}}))),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("a",{"data-dismiss":"modal"},r.a.createElement(s.a,{label:Object(d.i)(c)})),r.a.createElement(s.a,{label:Object(d.i)(i),onClick:function(){g(m,"windowplacement","Mosaic","","",U)},"data-dismiss":"modal"})))))},D=function(e){e.mainIndex;var t=e.name,a=e.ok,n=e.cancel,i=Object(l.useState)(""),c=Object(o.a)(i,2),m=c[0],u=c[1],p=Object(l.useState)(""),g=Object(o.a)(p,2),h=g[0],b=g[1],f=Object(l.useState)(""),x=Object(o.a)(f,2),w=x[0],v=x[1],E=Object(l.useState)(""),O=Object(o.a)(E,2),y=O[0],j=O[1];return Object(l.useEffect)((function(){d.G.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);u(t.modeltitle),b(t.modellongdescription),v(t.modelpopimage),j(t.modeldisplay)}}))}),[]),r.a.createElement("div",{className:"modal fade details-modal",id:t,role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("div",{className:"details-modal-container"},r.a.createElement("div",{className:"modal-img-container"},r.a.createElement("img",{src:w,alt:y})),r.a.createElement("div",{className:""},r.a.createElement("h4",null,m),r.a.createElement("p",{className:"body-text1 mb-4 pb-2"},h),r.a.createElement("div",{className:"button-div button-div-mobile"},r.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},r.a.createElement(s.a,{label:Object(d.i)(n)})),r.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},r.a.createElement(s.a,{label:Object(d.i)(a)})))))))))},C=function(e){var t=e.dropdownData,a=e.link,n=e.designDoorData,i=e.save,c=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,b=e.selectedValue,f=e.colorZoneAPIURL,x=e.rulesAPIURL,w=e.doorHintsAPIURL,v=e.doorImageRootPath,E=Object(l.useState)("Select"),O=Object(o.a)(E,2),y=(O[0],O[1]),j=Object(l.useState)(""),I=Object(o.a)(j,2),S=(I[0],I[1]),C=Object(l.useState)([]),R=Object(o.a)(C,2),A=R[0],L=R[1],U=Object(l.useState)(""),H=Object(o.a)(U,2),z=H[0],W=H[1],Z=function(e,t){y(t.description),S(t.value),"ColorZone"===t.value&&d.n.next(!0),"Mosaic"===t.value&&d.E.next(!0),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(h(m,p,t.value,"","",""),"construction"===p&&(W(t.value),J(t.value)))},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(w,n,{headers:{"content-type":"application/json"}}).then((function(e){d.G.next(JSON.stringify(e.data))}))};Object(l.useEffect)((function(){L(t)}),[t,b]);return r.a.createElement(N,null,r.a.createElement("div",{className:"btn-group"},r.a.createElement("button",{type:"button",onClick:function(){d.p.subscribe((function(e){if(e.length>2){var t=e,a=JSON.parse(t);"collection"===p?L(a[m].collection):"panel"===p?L(a[m].panel):"color"===p?L(a[m].color):"windowdesign"===p?L(a[m].windowdesign):"glass"===p?L(a[m].glass):"construction"===p?L(a[m].construction):"hardware"===p&&L(a[m].hardware)}}))},className:"btn dropdown-toggle body-text3","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},r.a.createElement("span",null,function(){var e="Select";if(t&&t.length>0)for(var a=0;a<t.length;a++)t[a].value===b&&(e=t[a].description);return e}())),r.a.createElement("div",{className:"dropdown-menu"},A&&A.length>0&&A.map((function(e,t){return r.a.createElement("span",{key:t},"construction"!==p&&r.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(z):""),key:t,onClick:function(t){Z(0,e)}},r.a.createElement("div",null,r.a.createElement("img",{alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==p&&r.a.createElement("p",{className:"amarr-h6"},e.description),a&&r.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},a))),"construction"===p&&r.a.createElement("a",{className:'"dropdown-item d-block"',href:"#","data-toggle":"modal",key:t,onClick:function(t){Z(0,e)}},r.a.createElement("div",{className:"construction-option"},r.a.createElement("div",{className:"img-container"},r.a.createElement("img",{alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)})),"construction"===p&&r.a.createElement("div",null,a&&r.a.createElement("span",{"data-toggle":"modal",className:"amarrHighlight body-text3","data-target":"#details-modal-".concat(z)},a)))))})))),r.a.createElement(P,{colorZoneAPIURL:f,colorzoneData:n,save:i,cancel:c,dropdownChange:h,mainIndex:m}),r.a.createElement(k,{doorImageRootPath:v,doorHintsAPIURL:w,rulesAPIURL:x,mosaicData:n,ok:s,cancel:c,mainIndex:m,dropdownChange:h}),r.a.createElement(D,{mainIndex:m,name:"details-modal-".concat(z),ok:s,cancel:c}))},R=a(54),A=function(e){var t=e.collectionDetailURLs,a=e.designDoorData,i=e.door,c=e.next,m=e.back,p=e.save,h=e.cancel,b=e.ok,f=e.doorOptionsAPIURL,x=e.doorHintsAPIURL,w=e.doorDescriptionAPIURL,v=e.colorZoneAPIURL,E=e.rulesAPIURL,O=e.doorImageRootPath,y=Object(l.useState)([]),j=Object(o.a)(y,2),I=j[0],N=j[1],S=Object(l.useState)([]),P=Object(o.a)(S,2),k=P[0],D=P[1],A=Object(l.useState)(1),L=Object(o.a)(A,2),U=(L[0],L[1]),H=Object(l.useState)([0]),z=Object(o.a)(H,2),W=z[0],Z=z[1],J=(Object(l.useRef)(null),Object(l.useState)([])),T=Object(o.a)(J,2),M=T[0],V=T[1],B=Object(l.useState)(""),_=Object(o.a)(B,2),q=(_[0],_[1]),G=Object(l.useState)(0),F=Object(o.a)(G,2),X=F[0],$=F[1],K=Object(l.useState)([]),Q=Object(o.a)(K,2),Y=Q[0],ee=Q[1],te=Object(l.useState)([]),ae=Object(o.a)(te,2),ne=ae[0],oe=ae[1],le=Object(l.useState)([]),re=Object(o.a)(le,2),ie=re[0],ce=re[1],de=Object(l.useState)([]),se=Object(o.a)(de,2),me=se[0],ue=se[1],pe=Object(l.useState)([]),ge=Object(o.a)(pe,2),he=ge[0],be=ge[1],fe=Object(l.useState)([]),xe=Object(o.a)(fe,2),we=xe[0],ve=xe[1],Ee=Object(l.useState)([]),Oe=Object(o.a)(Ee,2),ye=Oe[0],je=Oe[1],Ie=Object(l.useState)([]),Ne=Object(o.a)(Ie,2),Se=Ne[0],Pe=Ne[1],ke=Object(l.useState)(""),De=Object(o.a)(ke,2),Ce=De[0],Re=De[1],Ae=Object(l.useState)(""),Le=Object(o.a)(Ae,2),Ue=Le[0],He=Le[1],ze=Object(l.useState)(""),We=Object(o.a)(ze,2),Ze=We[0],Je=We[1],Te=Object(l.useState)(""),Me=Object(o.a)(Te,2),Ve=Me[0],Be=Me[1],_e=Object(l.useState)(""),qe=Object(o.a)(_e,2),Ge=qe[0],Fe=qe[1],Xe=Object(l.useState)(""),$e=Object(o.a)(Xe,2),Ke=$e[0],Qe=$e[1],Ye=Object(l.useState)(""),et=Object(o.a)(Ye,2),tt=et[0],at=et[1],nt=Object(l.useState)(""),ot=Object(o.a)(nt,2),lt=ot[0],rt=ot[1],it=Object(l.useState)([]),ct=Object(o.a)(it,2),dt=ct[0],st=ct[1],mt=Object(l.useState)([]),ut=Object(o.a)(mt,2),pt=ut[0],gt=ut[1],ht=Object(l.useState)([]),bt=Object(o.a)(ht,2),ft=bt[0],xt=bt[1],wt=Object(l.useState)([]),vt=Object(o.a)(wt,2),Et=vt[0],Ot=vt[1],yt=Object(l.useState)([]),jt=Object(o.a)(yt,2),It=jt[0],Nt=jt[1],St=Object(l.useState)([]),Pt=Object(o.a)(St,2),kt=Pt[0],Dt=Pt[1],Ct=Object(l.useState)([]),Rt=Object(o.a)(Ct,2),At=Rt[0],Lt=Rt[1],Ut=Object(l.useState)([]),Ht=Object(o.a)(Ut,2),zt=Ht[0],Wt=Ht[1],Zt=Object(l.useState)(""),Jt=Object(o.a)(Zt,2),Tt=Jt[0],Mt=Jt[1],Vt=Object(l.useState)(""),Bt=Object(o.a)(Vt,2),_t=Bt[0],qt=Bt[1],Gt=Object(l.useState)(""),Ft=Object(o.a)(Gt,2),Xt=Ft[0],$t=Ft[1],Kt=Object(l.useState)(""),Qt=Object(o.a)(Kt,2),Yt=Qt[0],ea=Qt[1],ta=Object(l.useState)(""),aa=Object(o.a)(ta,2),na=aa[0],oa=aa[1],la=Object(l.useState)(""),ra=Object(o.a)(la,2),ia=ra[0],ca=ra[1],da=Object(l.useState)(""),sa=Object(o.a)(da,2),ma=sa[0],ua=sa[1],pa=Object(l.useState)(""),ga=Object(o.a)(pa,2),ha=ga[0],ba=ga[1],fa=Object(l.useState)([]),xa=Object(o.a)(fa,2),wa=xa[0],va=xa[1],Ea=Object(l.useState)([]),Oa=Object(o.a)(Ea,2),ya=Oa[0],ja=Oa[1],Ia=Object(l.useState)([]),Na=Object(o.a)(Ia,2),Sa=Na[0],Pa=Na[1],ka=Object(l.useState)([]),Da=Object(o.a)(ka,2),Ca=Da[0],Ra=Da[1],Aa=Object(l.useState)([]),La=Object(o.a)(Aa,2),Ua=La[0],Ha=La[1],za=Object(l.useState)([]),Wa=Object(o.a)(za,2),Za=Wa[0],Ja=Wa[1],Ta=Object(l.useState)([]),Ma=Object(o.a)(Ta,2),Va=Ma[0],Ba=Ma[1],_a=Object(l.useState)([]),qa=Object(o.a)(_a,2),Ga=qa[0],Fa=qa[1],Xa=Object(l.useState)(""),$a=Object(o.a)(Xa,2),Ka=$a[0],Qa=$a[1],Ya=Object(l.useState)(""),en=Object(o.a)(Ya,2),tn=en[0],an=en[1],nn=Object(l.useState)(""),on=Object(o.a)(nn,2),ln=on[0],rn=on[1],cn=Object(l.useState)(""),dn=Object(o.a)(cn,2),sn=dn[0],mn=dn[1],un=Object(l.useState)(""),pn=Object(o.a)(un,2),gn=pn[0],hn=pn[1],bn=Object(l.useState)(""),fn=Object(o.a)(bn,2),xn=fn[0],wn=fn[1],vn=Object(l.useState)(""),En=Object(o.a)(vn,2),On=En[0],yn=En[1],jn=Object(l.useState)(""),In=Object(o.a)(jn,2),Nn=In[0],Sn=In[1],Pn=Object(l.useState)([]),kn=Object(o.a)(Pn,2),Dn=kn[0],Cn=kn[1],Rn=Object(l.useState)([]),An=Object(o.a)(Rn,2),Ln=An[0],Un=An[1],Hn=Object(l.useState)([]),zn=Object(o.a)(Hn,2),Wn=zn[0],Zn=zn[1],Jn=Object(l.useState)([]),Tn=Object(o.a)(Jn,2),Mn=Tn[0],Vn=Tn[1],Bn=Object(l.useState)([]),_n=Object(o.a)(Bn,2),qn=_n[0],Gn=_n[1],Fn=Object(l.useState)([]),Xn=Object(o.a)(Fn,2),$n=Xn[0],Kn=Xn[1],Qn=Object(l.useState)([]),Yn=Object(o.a)(Qn,2),eo=Yn[0],to=Yn[1],ao=Object(l.useState)([]),no=Object(o.a)(ao,2),oo=no[0],lo=no[1],ro=Object(l.useState)(""),io=Object(o.a)(ro,2),co=io[0],so=io[1],mo=Object(l.useState)(""),uo=Object(o.a)(mo,2),po=uo[0],go=uo[1],ho=Object(l.useState)(""),bo=Object(o.a)(ho,2),fo=bo[0],xo=bo[1],wo=Object(l.useState)(""),vo=Object(o.a)(wo,2),Eo=vo[0],Oo=vo[1],yo=Object(l.useState)(""),jo=Object(o.a)(yo,2),Io=jo[0],No=jo[1],So=Object(l.useState)(""),Po=Object(o.a)(So,2),ko=Po[0],Do=Po[1],Co=Object(l.useState)(""),Ro=Object(o.a)(Co,2),Ao=Ro[0],Lo=Ro[1],Uo=Object(l.useState)(""),Ho=Object(o.a)(Uo,2),zo=Ho[0],Wo=Ho[1],Zo=Object(l.useState)(!1),Jo=Object(o.a)(Zo,2),To=Jo[0],Mo=Jo[1];Object(l.useEffect)((function(){localStorage.setItem("tabValue","0"),d.z.subscribe((function(e){e&&Vo()})),d.t.subscribe((function(e){e&&(Bo(),d.t.next(!1))})),d.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),a=JSON.parse(t),n=0;n<a;n++)_o(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)})),d.s.subscribe((function(e){if(e){$o(Number(localStorage.getItem("tabValue")));var t=document.getElementById("subTab-"+localStorage.getItem("tabValue"));t&&t.click()}})),Object(d.y)().subscribe((function(e){Mo(e)})),d.q.subscribe((function(e){if(!0===e){if(window.location.search){Object(d.b)();var t,a=new URLSearchParams(window.location.search),l="carct",r="Ashley",i="White",c="Closed Square",s="Closed",m=[],u=Object(n.a)(a);try{for(u.s();!(t=u.n()).done;){var p=Object(o.a)(t.value,2),g=p[0];p[1];m.push(g)}}catch(v){u.e(v)}finally{u.f()}var h,b=Object(n.a)(a);try{for(b.s();!(h=b.n()).done;){var f=Object(o.a)(h.value,2),x=f[0],w=f[1];"collection"===x&&(l="undefined"===w||"null"===w?"carct":w),"carct"===l?("window"===x&&(c="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Ashley":w),"color"===x&&(i="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),m.find((function(e){return"window"===e}))||(c="Closed Square"),m.find((function(e){return"panel"===e}))||(r="Ashley"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"class"===l?("window"===x&&(c="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Tuscany":w),"color"===x&&(i="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),m.find((function(e){return"window"===e}))||(c="Closed Square"),m.find((function(e){return"panel"===e}))||(r="Tuscany"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"desch"===l||"hillc"===l?("window"===x&&(c="undefined"===w||"null"===w?"Closed":w),"panel"===x&&(r="undefined"===w||"null"===w?"Bead Board":w),"color"===x&&(i="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),m.find((function(e){return"window"===e}))||(c="Closed"),m.find((function(e){return"panel"===e}))||(r="Bead Board"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"herit"===l||"olymp"===l||"linco"===l?("window"===x&&(c="undefined"===w||"null"===w?"Closed":w),"panel"===x&&(r="undefined"===w||"null"===w?"Short":w),"color"===x&&(i="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),m.find((function(e){return"window"===e}))||(c="Closed"),m.find((function(e){return"panel"===e}))||(r="Short"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"vista"===l?("window"===x&&(c="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"":w),"color"===x&&(i="undefined"===w||"null"===w?"Clear Anodized":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"":w),m.find((function(e){return"window"===e}))||(c="Clear"),m.find((function(e){return"panel"===e}))||(r=""),m.find((function(e){return"color"===e}))||(i="Clear Anodized"),m.find((function(e){return"windowPlacement"===e}))||(s="")):"horiz"===l&&("window"===x&&(c="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"Uninsulated":w),"color"===x&&(i="undefined"===w||"null"===w?"Clear Anodized":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"":w),m.find((function(e){return"window"===e}))||(c="Clear"),m.find((function(e){return"panel"===e}))||(r="Uninsulated"),m.find((function(e){return"color"===e}))||(i="Clear Anodized"),m.find((function(e){return"windowPlacement"===e}))||(s=""))}}catch(v){b.e(v)}finally{b.f()}Vo(),l.length>0&&(r.length>0||"vista"===l)&&i.length>0&&c.length>0?_o(8,7,l,r,i,c,s,"","4000","None","","",0):_o(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(d.J)()}),5e3)}d.q.next(!1)}}))}),[]);var Vo=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";q(e)},Bo=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a=JSON.parse(e);U(t);for(var l={collection:[],selectedCollection:"",panel:[],selectedPanel:"",color:[],selectedColor:"",windowdesign:[],selectedWindowDesign:"",windowPlacement:[],selectedWindowPlacement:"",glass:[],selectedGlass:"",construction:[],selectedConstruction:"",hardware:[],selectedHardware:"",selectedWidth:0,selectedHeight:0,colorZone:"",colorHex:"",hints:{}},r=[],i=[],c=0;c<t;c++)r.push(c),i.push(l);if(Z(r),N(i),window.location.search){var d,s=new URLSearchParams(window.location.search),m="carct",u="Ashley",p="White",g="Closed Square",h="Closed",b=[],f=Object(n.a)(s);try{for(f.s();!(d=f.n()).done;){var x=Object(o.a)(d.value,2),w=x[0];x[1];b.push(w)}}catch(k){f.e(k)}finally{f.f()}var v,E=Object(n.a)(s);try{for(E.s();!(v=E.n()).done;){var O=Object(o.a)(v.value,2),y=O[0],j=O[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=""))}}catch(k){E.e(k)}finally{E.f()}if(m.length>0&&(u.length>0||"vista"===m)&&p.length>0&&g.length>0)for(var I=0;I<a.length;I++)_o(a[I].width,a[I].height,m,u,p,g,h,"","4000","None","","",I);else for(var S=0;S<a.length;S++)_o(a[S].width,a[S].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",S)}else for(var P=0;P<a.length;P++)_o(a[P].width,a[P].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",P)}},_o=function e(t,a,n,o,l,r,i,c,s,m,p,g,h,b){Object(d.b)();var x={width:t,height:a,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};n.length>0&&(x.collection=n),l.length>0&&(x.color=l),r.length>0&&(x.top=r),o.length>0&&(x.panel=o),c.length>0&&(x.glass=c),i.length>0&&(x.gplacement=i),s.length>0&&(x.model=s),m.length>0&&(x.hardware=m),g.length>0&&(x.colorHex=g),p.length>0&&(x.colorZone=p),"Mosaic"===i&&("8"===t.toString()?x.glazepattern="Long"===o?b&&b.length>0&&2===b.split("-")[0].length?b:"XG-XG-XG-XG":b&&b.length>0&&4===b.split("-")[0].length?b:"XXXG-XXXG-XXXG-XXXG":x.glazepattern=b||""),u.a.post(f,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:x},{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:b,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},f=e.data.options.collection?e.data.options.collection:[];0===h?Cn(f):1===h?ee(f):2===h?st(f):3===h&&va(f);var x=e.data.options.panel?e.data.options.panel:[];0===h?Un(x):1===h?oe(x):2===h?gt(x):3===h&&ja(x);var w=e.data.options.color?e.data.options.color:[];0===h?Zn(w):1===h?ce(w):2===h?xt(w):3===h&&Pa(w);var v=e.data.options.top?e.data.options.top:[];0===h?Vn(v):1===h?ue(v):2===h?Ot(v):3===h&&Ra(v);var E=e.data.options.glass?e.data.options.glass:[];0===h?Kn(E):1===h?ve(E):2===h?Dt(E):3===h&&Ja(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===h?Gn(O):1===h?be(O):2===h?Nt(O):3===h&&Ha(O);var y=e.data.options.model?e.data.options.model:[];0===h?to(y):1===h?je(y):2===h?Lt(y):3===h&&Ba(y);var j=e.data.options.hardware?e.data.options.hardware:[];0===h?lo(j):1===h?Pe(j):2===h?Wt(j):3===h&&Fa(j),u.selectedCollection=qo(n,f),0===h?so(u.selectedCollection):1===h?Re(u.selectedCollection):2===h?Mt(u.selectedCollection):3===h&&Qa(u.selectedCollection),u.selectedPanel=qo(o,x),0===h?go(u.selectedPanel):1===h?He(u.selectedPanel):2===h?qt(u.selectedPanel):3===h&&an(u.selectedPanel),u.selectedColor=qo(l,w),0===h?xo(u.selectedColor):1===h?Je(u.selectedColor):2===h?$t(u.selectedColor):3===h&&rn(u.selectedColor),u.selectedWindowDesign=qo(r,v),0===h?Oo(u.selectedWindowDesign):1===h?Be(u.selectedWindowDesign):2===h?ea(u.selectedWindowDesign):3===h&&mn(u.selectedWindowDesign),u.selectedWindowPlacement=qo(i,O),0===h?No(u.selectedWindowPlacement):1===h?Fe(u.selectedWindowPlacement):2===h?oa(u.selectedWindowPlacement):3===h&&hn(u.selectedWindowPlacement),u.selectedGlass=qo(c,E),0===h?Do(u.selectedGlass):1===h?Qe(u.selectedGlass):2===h?ca(u.selectedGlass):3===h&&wn(u.selectedGlass),u.selectedConstruction=qo(s,y),0===h?Lo(u.selectedConstruction):1===h?at(u.selectedConstruction):2===h?ua(u.selectedConstruction):3===h&&yn(u.selectedConstruction),u.selectedHardware=qo(m,j),0===h?Wo(u.selectedHardware):1===h?rt(u.selectedHardware):2===h?ba(u.selectedHardware):3===h&&Sn(u.selectedHardware);var S=I,P=localStorage.getItem("door-size"),k=JSON.parse(P);0!=S.length-k.length&&S.splice(k.length),S[h]=u,N(S),D(S),localStorage.setItem("design-door",JSON.stringify(S)),d.p.next(JSON.stringify(S)),Go(),Object(d.J)()}),(function(t){Object(d.J)(),e(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)})).catch((function(t){Object(d.J)(),e(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)}))},qo=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},Go=function(){if(localStorage.getItem("design-door"))for(var e=localStorage.getItem("design-door"),a=JSON.parse(e),n=0;n<a.length;n++){var o;if(null===(o=a[n])||void 0===o?void 0:o.hints){var l=a[n].hints.collection,r=t[l];Fo(a[n].hints,n,r)}}},Fo=function(e,t,a){Object(d.b)(),u.a.post(w,e,{headers:{"content-type":"application/json"}}).then((function(e){var n=M,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(M)),Object(d.J)()}),(function(e){Object(d.J)()})).catch((function(e){Object(d.J)()}))},Xo=function(e,t,a,n,o,l){var r=I;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,_o(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)},$o=function(e){$(e),localStorage.setItem("tabValue",e)};return r.a.createElement("div",{className:"design-door-tab"},To&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3 sticky-content"},r.a.createElement("div",{className:"text-center parent-pixi"},r.a.createElement("div",{id:"pixi-stage"}),r.a.createElement("div",{id:"small-loader"},r.a.createElement(R.a,null))),r.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)),r.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3"},r.a.createElement("div",{className:"tabs-container design-door-tabs"},r.a.createElement("ul",{className:"nav nav-tabs"},W.map((function(e,t){return r.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return $o(t)}},r.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)},r.a.createElement("span",null,i," ",e+1)))})))),r.a.createElement("div",{className:"tab-content col-12"},k&&(1===k.length||2===k.length||3===k.length||4===k.length)&&r.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},a.firstDoorDescription&&a.firstDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.firstDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.firstDoorDescription&&a.firstDoorDescription.text?"description":""," door-properties pb-2")},Dn&&Dn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:co,mainIndex:0,type:"collection",dropdownData:Dn,designDoorData:a,ok:b,save:p,cancel:h})),Ln&&Ln.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:po,mainIndex:0,type:"panel",dropdownData:Ln,designDoorData:a,ok:b,save:p,cancel:h})),Wn&&Wn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:fo,mainIndex:0,type:"color",dropdownData:Wn,designDoorData:a,ok:b,save:p,cancel:h})),qn&&qn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Io,mainIndex:0,type:"windowplacement",dropdownData:qn,designDoorData:a,ok:b,save:p,cancel:h})),Mn&&Mn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Eo,mainIndex:0,type:"windowdesign",dropdownData:Mn,designDoorData:a,ok:b,save:p,cancel:h})),$n&&$n.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:ko,mainIndex:0,type:"glass",dropdownData:$n,designDoorData:a,ok:b,save:p,cancel:h})),eo&&eo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ao,mainIndex:0,type:"construction",dropdownData:eo,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),oo&&oo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:zo,mainIndex:0,type:"hardware",dropdownData:oo,designDoorData:a,ok:b,save:p,cancel:h})))),k&&(2===k.length||3===k.length||4===k.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},a.secondDoorDescription&&a.secondDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.secondDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.secondDoorDescription&&a.secondDoorDescription.text?"description":""," door-properties")},Y&&Y.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ce,mainIndex:1,type:"collection",dropdownData:Y,designDoorData:a,ok:b,save:p,cancel:h})),ne&&ne.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ue,mainIndex:1,type:"panel",dropdownData:ne,designDoorData:a,ok:b,save:p,cancel:h})),ie&&ie.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ze,mainIndex:1,type:"color",dropdownData:ie,designDoorData:a,ok:b,save:p,cancel:h})),he&&he.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ge,mainIndex:1,type:"windowplacement",dropdownData:he,designDoorData:a,ok:b,save:p,cancel:h})),me&&me.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ve,mainIndex:1,type:"windowdesign",dropdownData:me,designDoorData:a,ok:b,save:p,cancel:h})),we&&we.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ke,mainIndex:1,type:"glass",dropdownData:we,designDoorData:a,ok:b,save:p,cancel:h})),ye&&ye.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:tt,mainIndex:1,type:"construction",dropdownData:ye,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),Se&&Se.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:lt,mainIndex:1,type:"hardware",dropdownData:Se,designDoorData:a,ok:b,save:p,cancel:h})))),k&&(3===k.length||4===k.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},a.thirdDoorDescription&&a.thirdDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.thirdDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.thirdDoorDescription&&a.thirdDoorDescription.text?"description":""," door-properties")},dt&&dt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Tt,mainIndex:2,type:"collection",dropdownData:dt,designDoorData:a,ok:b,save:p,cancel:h})),pt&&pt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:_t,mainIndex:2,type:"panel",dropdownData:pt,designDoorData:a,ok:b,save:p,cancel:h})),ft&&ft.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Xt,mainIndex:2,type:"color",dropdownData:ft,designDoorData:a,ok:b,save:p,cancel:h})),It&&It.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:na,mainIndex:2,type:"windowplacement",dropdownData:It,designDoorData:a,ok:b,save:p,cancel:h})),Et&&Et.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Yt,mainIndex:2,type:"windowdesign",dropdownData:Et,designDoorData:a,ok:b,save:p,cancel:h})),kt&&kt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:ia,mainIndex:2,type:"glass",dropdownData:kt,designDoorData:a,ok:b,save:p,cancel:h})),At&&At.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:ma,mainIndex:2,type:"construction",dropdownData:At,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),zt&&zt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:ha,mainIndex:2,type:"hardware",dropdownData:zt,designDoorData:a,ok:b,save:p,cancel:h})))),k&&4===k.length&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},a.fourthDoorDescription&&a.fourthDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.fourthDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.fourthDoorDescription&&a.fourthDoorDescription.text?"description":""," door-properties")},wa&&wa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Ka,mainIndex:3,type:"collection",dropdownData:wa,designDoorData:a,ok:b,save:p,cancel:h})),ya&&ya.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:tn,mainIndex:3,type:"panel",dropdownData:ya,designDoorData:a,ok:b,save:p,cancel:h})),Sa&&Sa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:ln,mainIndex:3,type:"color",dropdownData:Sa,designDoorData:a,ok:b,save:p,cancel:h})),Ua&&Ua.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:gn,mainIndex:3,type:"windowplacement",dropdownData:Ua,designDoorData:a,ok:b,save:p,cancel:h})),Ca&&Ca.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:sn,mainIndex:3,type:"windowdesign",dropdownData:Ca,designDoorData:a,ok:b,save:p,cancel:h})),Za&&Za.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:xn,mainIndex:3,type:"glass",dropdownData:Za,designDoorData:a,ok:b,save:p,cancel:h})),Va&&Va.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:On,mainIndex:3,type:"construction",dropdownData:Va,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),Ga&&Ga.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:v,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Xo(e,t,a,n,o,l)},selectedValue:Nn,mainIndex:3,type:"hardware",dropdownData:Ga,designDoorData:a,ok:b,save:p,cancel:h}))))),r.a.createElement("div",{className:"door-properties pt-3 mx-3"},k&&(null===k||void 0===k?void 0:k.length)>1&&r.a.createElement("div",{className:"apply-checkbox py-2"},r.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(_o(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];Fo(o[a].hints,l,c)}}},type:"checkbox",id:"vehicle1",name:"vehicle1",value:"Bike"}),r.a.createElement("label",null,a.applyDesign.text)),r.a.createElement("div",{className:"button-grp pt-sm-0 pt-1"},r.a.createElement(s.a,{classStyle:"back-btn",label:Object(d.i)(m),onClick:function(){var e;null===(e=document.getElementById("home-image-tab"))||void 0===e||e.click(),window.scrollTo(0,0)},inverse:!0}),r.a.createElement("span",{className:"screenshot-link mr-3"},r.a.createElement(s.a,{classStyle:"save-btn",label:Object(d.i)(p),onClick:Go})),r.a.createElement("span",{className:"screenshot-link screenshot-final"},r.a.createElement(s.a,{classStyle:"next-btn",label:Object(d.i)(c),onClick:function(){Go();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),d.L.next(!0),d.K.next(!0)}),1e3)}})))))))},L=a(21),U=function(e){var t=e.emailPath,a=(e.imageRootPath,e.reviewsaveData),n=e.ok,i=Object(l.useState)(""),c=Object(o.a)(i,2),m=c[0],p=c[1],h=Object(l.useState)(""),b=Object(o.a)(h,2),f=b[0],x=b[1],w=Object(l.useState)(""),v=Object(o.a)(w,2),E=v[0],O=v[1],j=Object(l.useState)(""),I=Object(o.a)(j,2),N=I[0],S=I[1],P=Object(l.useState)(!1),k=Object(o.a)(P,2),D=k[0],C=k[1],R=Object(l.useState)(!1),A=Object(o.a)(R,2),U=A[0],H=A[1];Object(l.useEffect)((function(){Object(d.y)().subscribe((function(e){H(e)}))}),[]);return r.a.createElement("div",{className:"modal fade",id:"email-modal",role:"dialog","aria-hidden":"true"},U&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document",id:"parent-modal"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{id:"close",type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("label",null,a.emailFieldLabel.text),r.a.createElement("input",{className:"mb-2 ".concat(D?"error-class":""),type:"text",onChange:function(e){p(e.target.value)},onKeyUp:function(){""===m||!1===Object(d.a)(m)?C(!0):C(!1)}}),D&&r.a.createElement("p",{className:"error"},a.emailFieldValidationMessage.text),r.a.createElement("label",null,a.emailMessageLabel.text),r.a.createElement("textarea",{onChange:function(e){x(e.target.value)}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement(s.a,{label:Object(d.i)(a.sendEmailButtonLabel.text),onClick:function(){""!==m&&!1!==Object(d.a)(m)&&function(){Object(d.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",m),l.append("message",f),l.append("count",n.length);var r="";y.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 i=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}))}))},c=0;c<n.length;c++)i(c);setTimeout((function(){u()({method:"post",url:t,data:l,headers:{"Content-Type":"multipart/form-data"}}).then((function(e){O("success"),S(a.sendEmailSuccessMessage.text),document.getElementById("email-success-link").click(),Object(d.J)()}),(function(e){O("error"),S(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(d.J)()})).catch((function(e){O("error"),S(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(d.J)()}))}),5e3)}()},disabled:""===m||!1===Object(d.a)(m)})))),r.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},a.sendEmailButtonLabel.text),r.a.createElement(L.a,{name:"email-sent",type:E,text:N,buttonText:n}))},H=function(e){var t=e.reviewsaveData,a=e.back,n=e.dispatchRequestQuoteURL,i=e.emailPath,c=e.imageRootPath,m=e.ok,u=e.door,p=Object(l.useState)([]),h=Object(o.a)(p,2),b=h[0],f=h[1],x=Object(l.useState)(""),w=Object(o.a)(x,2),v=(w[0],w[1],Object(l.useState)("")),E=Object(o.a)(v,2),O=E[0],y=(E[1],Object(l.useState)("")),j=Object(o.a)(y,2),I=j[0],N=(j[1],Object(l.useState)(!1)),S=Object(o.a)(N,2),P=S[0],k=S[1],D=Object(l.useState)(!1),C=Object(o.a)(D,2),R=C[0],A=C[1];Object(l.useEffect)((function(){Object(d.y)().subscribe((function(e){A(e)})),d.K.subscribe((function(e){if(e&&localStorage.getItem("desc-data")){var t=localStorage.getItem("desc-data"),a=JSON.parse(t);f(a),d.L.subscribe((function(e){!0===e&&(Object(d.b)(),setTimeout((function(){Object(d.J)()}),7e3),d.L.next(!1))}))}}))}),[]);var L=function(){d.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}),1e3)},H=function(e){var t="";return t=e.indexOf("http")>-1?e:c+e,e.indexOf("{hardware-overlay-image}")>-1&&(t=""),t};return r.a.createElement("div",{className:"review-save-main"},R&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"review-save-main-inner"},r.a.createElement("div",{className:"row no-gutters lg-images"},r.a.createElement("div",{className:"col-12 col-md-6 print-door print-door1"},r.a.createElement("figure",{className:"figure"},r.a.createElement("img",{id:"before-img",alt:"Garage Door Before Design",src:O,className:"figure-img img-fluid",onLoad:function(){}}),r.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.before.text))),r.a.createElement("div",{className:"col-12 col-md-6 print-door print-door2"},r.a.createElement("figure",{className:"figure"},r.a.createElement("img",{id:"after-img",alt:"Garage Door After Design",src:I,className:"figure-img img-fluid"}),r.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.after.text))),r.a.createElement("div",{className:"container"},r.a.createElement("p",{className:"body-text3"},t.disclaimer.text))),r.a.createElement("div",{className:"container d-flex justify-content-between flex-wrap links-and-buttons hide-print-media","data-html2canvas-ignore":"true"},r.a.createElement("div",{className:"next-btn back-btn pr-md-3 pr-lg-0 pr-0 d-flex hide-print-media"},r.a.createElement("div",{className:"mr-3 hide-print-media"},r.a.createElement(s.a,{label:Object(d.i)(a),onClick:L,inverse:!0})),r.a.createElement("div",{className:"hide-print-media"},r.a.createElement(s.a,{label:Object(d.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"),k(!1),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0),d.s.next(!0)}}))),r.a.createElement("div",{"data-html2canvas-ignore":"true",className:"hide-print-media"},r.a.createElement("div",{className:"row text-left text-md-right my-lg-0 mx-lg-0 align-items-center justify-content-end share-buttons"},r.a.createElement("div",{onClick:function(){k(!P);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:c,door:u};!1===P?localStorage.setItem("designer-fav",JSON.stringify(r)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer align-items-center share-item"},!0===P?r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favourite Icon",className:"mr-2"}):r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favourite Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.favourites.text)),r.a.createElement("div",{className:"pdf-generate cursor-pointer d-flex align-items-center share-item"},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-pdf.svg",alt:"PDF Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.savePdf.text)),r.a.createElement("div",{onClick:function(){window.print()},className:"print cursor-pointer d-flex align-items-center share-item"},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-printer.svg",alt:"Printer Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.print.text)),r.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"},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-mail.svg",alt:"Mail Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.email.text)),r.a.createElement("div",{className:"request-quote px-0 ml-sm-3 pt-2 pt-sm-0 text-left share-item"},r.a.createElement(s.a,{label:Object(d.i)(t.raq.text),onClick:function(){for(var e="Source:"+window.location.origin+"|",t=localStorage.getItem("desc-data"),a=JSON.parse(t),o=0;o<a.length;o++){e=e+"Door#"+(o+1)+"|";for(var l=a[o].doorText,r="",i=0;i<l.length;i++)r=i===l.length-1?r+l[i][0]+":"+l[i][1]+";":r+l[i][0]+":"+l[i][1]+",";e+=r}var c=encodeURIComponent(e),d=n+c;window.open(d,"_blank")}}))))),r.a.createElement("div",{className:"container d-lg-flex review-save-door-box pt-5"},b&&b.length>0&&b.map((function(e,t){return r.a.createElement("div",{className:"multiple-doors",key:t},r.a.createElement("div",{key:t,className:"col-xl-12 col-lg-12 col-12 pl-0 pr-0"},r.a.createElement("div",{className:"row m-0 text-center align-items-center p-3"},r.a.createElement("div",{className:"col-11 p-0 text-left"},r.a.createElement("h5",{className:"m-0"},u," ",t+1)),r.a.createElement("div",{className:"col-1 p-0 hide-print-media","data-html2canvas-ignore":"true"},r.a.createElement("span",null,r.a.createElement("img",{onClick:function(e){return function(e,t){L();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"})))),r.a.createElement("div",{className:"row m-0 px-3 pt-4 pb-5 mb-3 image-row text-center"},r.a.createElement("div",{className:"col-12 p-0"},r.a.createElement("span",{className:"hardware-img-parent"},r.a.createElement("img",{alt:e.doorText[2][1],src:H(e.doorImage[0])}),H(e.doorImage[1])&&H(e.doorImage[1]).length>0&&r.a.createElement("img",{className:"hardware-img",alt:e.doorText[2][1],src:H(e.doorImage[1])})))),r.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?r.a.createElement("div",{className:"row m-0 font-weight-semi",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1]))):r.a.createElement("div",{className:"row m-0 ",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1])))})))))})))),r.a.createElement(U,{emailPath:i,imageRootPath:c,reviewsaveData:t,ok:m}),r.a.createElement("canvas",{id:"email-img0",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img1",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img2",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img3",width:"500",height:"500"}))},z=function(e){var t,a,i=e.doorDesignerData,m=Object(d.g)(i),u=Object(l.useState)("door-size"),p=Object(o.a)(u,2),g=p[0],h=p[1],f=function(e,t){h(t)};Object(l.useEffect)((function(){d.w.subscribe((function(e){if(!0===e){if(localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("image-type","chosen"),window.location.search){var t,a=new URLSearchParams(window.location.search),l=Object(n.a)(a);try{for(l.s();!(t=l.n()).done;){var r,i,c=Object(o.a)(t.value,2),s=c[0];c[1];if("collection"===s||"window"===s||"panel"===s||"color"===s)null===(r=document.getElementById("design-door-tab"))||void 0===r||r.click(),window.scrollTo(0,0),null===(i=document.getElementById("doordesigner-link"))||void 0===i||i.click()}}catch(m){l.e(m)}finally{l.f()}}d.w.next(!1)}}))}),[]);return r.a.createElement(c,null,r.a.createElement("div",{className:"col-xl-12 col-md-12 col-sm-12 col-12 p-0 door-designer"},r.a.createElement("div",{className:"main-content"},r.a.createElement("div",{className:"tabs-container col-xl-9 col-md-10 col-sm-11 col-12 px-0 px-md-3"},r.a.createElement("ul",{className:"nav nav-tabs heading-tabs hide-print-media",id:"myTab",role:"tablist"},r.a.createElement("li",{role:"tab",className:"nav-item ".concat("door-size"===g?"active":""),onClick:function(e){return f(0,"door-size")}},r.a.createElement("a",{className:"nav-link amarr-h4 active",id:"door-size-tab",href:"#door-size","data-toggle":"tab","aria-controls":"door-size-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"1")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step1.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===g?"active":""),onClick:function(e){return f(0,"home-image")}},r.a.createElement("a",{className:"nav-link amarr-h4",id:"home-image-tab",href:"#home-image","data-toggle":"tab","aria-controls":"home-image-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"2")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step2.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===g?"active":""),onClick:function(e){return f(0,"design-door")}},r.a.createElement("a",{className:"nav-link amarr-h4",id:"design-door-tab",href:"#design-door","data-toggle":"tab","aria-controls":"design-door-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"3")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step3.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===g?"active":""),onClick:function(e){return f(0,"review-save")}},r.a.createElement("a",{className:"nav-link amarr-h4",id:"review-save-tab",href:"#review-save","data-toggle":"tab","aria-controls":"review-save-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"4")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step4.heading.text)))))),r.a.createElement("div",{className:"tab-content"},r.a.createElement("div",{className:"tab-pane fade show active",id:"door-size",role:"tabpanel","aria-labelledby":"door-size-tab"},r.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-0"},r.a.createElement(b,{doorSizeData:m.step1,door:m.door.text,next:m.next.text,sampleHomeImagesCSV:m.sampleHomeImagesCSV,doorOptionsAPIURL:m.doorOptionsAPIURL,imageRootPath:m.imageRootPath}))),r.a.createElement("div",{className:"tab-pane fade",id:"home-image",role:"tabpanel","aria-labelledby":"home-image-tab"},r.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-md-0"},r.a.createElement(I,{homeImageData:m.step2,next:m.next.text,back:m.back.text}))),r.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},r.a.createElement(A,{designDoorData:m.step3,door:m.door.text,next:m.next.text,back:m.back.text,save:m.save.text,cancel:m.cancel.text,ok:m.ok.text,doorOptionsAPIURL:m.doorOptionsAPIURL,doorHintsAPIURL:m.doorHintsAPIURL,doorDescriptionAPIURL:m.doorDescriptionAPIURL,colorZoneAPIURL:m.colorZoneAPIURL,rulesAPIURL:m.rulesAPIURL,doorImageRootPath:m.doorImageRootPath,collectionDetailURLs:m.collectionDetailURLs})),r.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},r.a.createElement(H,{imageRootPath:m.imageRootPath,reviewsaveData:m.step4,back:m.back.text,dispatchRequestQuoteURL:m.dispatchRequestQuoteURL,emailPath:m.emailPath,ok:m.ok.text,door:m.door.text}))))),r.a.createElement("a",{id:"doordesigner-link","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),r.a.createElement("div",{className:"modal fade alert-popup",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered dd-popup",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body py-4 mb-3"},r.a.createElement("div",null,null===(t=m.popupMessage)||void 0===t?void 0:t.text)),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("span",{className:""},r.a.createElement("a",{href:"#","data-dismiss":"modal"},r.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(d.i)(null===(a=m.ok)||void 0===a?void 0:a.text)}))))))))};z.defaultProps={config:"",theme:"",doorDesignerData:""};t.a=z},8: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(32),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(25),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={37: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([492,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,"R",(function(){return l})),a.d(t,"i",(function(){return r})),a.d(t,"C",(function(){return i})),a.d(t,"E",(function(){return c})),a.d(t,"u",(function(){return d})),a.d(t,"A",(function(){return s})),a.d(t,"n",(function(){return m})),a.d(t,"q",(function(){return u})),a.d(t,"F",(function(){return p})),a.d(t,"M",(function(){return g})),a.d(t,"t",(function(){return h})),a.d(t,"h",(function(){return b})),a.d(t,"s",(function(){return f})),a.d(t,"x",(function(){return w})),a.d(t,"v",(function(){return v})),a.d(t,"B",(function(){return x})),a.d(t,"r",(function(){return E})),a.d(t,"N",(function(){return O})),a.d(t,"p",(function(){return I})),a.d(t,"G",(function(){return y})),a.d(t,"D",(function(){return S})),a.d(t,"O",(function(){return P})),a.d(t,"l",(function(){return k})),a.d(t,"j",(function(){return D})),a.d(t,"m",(function(){return C})),a.d(t,"k",(function(){return R})),a.d(t,"y",(function(){return L})),a.d(t,"I",(function(){return A})),a.d(t,"w",(function(){return U})),a.d(t,"P",(function(){return H})),a.d(t,"Q",(function(){return z})),a.d(t,"b",(function(){return W})),a.d(t,"L",(function(){return Z})),a.d(t,"z",(function(){return T})),a.d(t,"a",(function(){return M})),a.d(t,"d",(function(){return V})),a.d(t,"f",(function(){return B})),a.d(t,"e",(function(){return J})),a.d(t,"T",(function(){return _})),a.d(t,"c",(function(){return q})),a.d(t,"S",(function(){return G})),a.d(t,"H",(function(){return F})),a.d(t,"J",(function(){return $})),a.d(t,"K",(function(){return X})),a.d(t,"o",(function(){return K}));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),b=new n.a(!1),f=new n.a(""),w=new n.a(!0),v=new n.a(!0),x=new n.a(!0),E=new n.a(!0),O=new n.a(!0),I=new n.a(!0),y=new n.a({}),j=new n.a(!1),N=0,S=new n.a(!1),P=new n.a(""),k=new n.a(""),D=new n.a(""),C=new n.a(""),R=new n.a(""),L=new n.a(""),A=new n.a(""),U=new n.a(!1),H=new n.a(!1),z=new n.a(!1),W=function(){setTimeout((function(){N++,j.next(!0)}),0)},Z=function(){setTimeout((function(){N>0&&N--,0==N&&j.next(!1)}),0)},T=function(){return j.asObservable()},M=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-. ]*$/)},B=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},J=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},_=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},q=function(e){return/^[0-9]*$/.test(e)},G=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},F=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},$=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},X=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)},K=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}},20:function(e,t){e.exports=ReactDOM},21: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",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-confirm-green.svg",alt:"Tick icon"}):o.a.createElement("img",{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()}})))))))}},246:function(e,t){},247:function(e,t){},403:function(e,t,a){"use strict";a.r(t);var n=a(13),o=a(71);t.default=n.a.create({component:o.a,configuration:{tagname:"amarr-door-designer",useShadow:!1},plugins:[]})},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,b=void 0===h?"":h,f=e.datatarget,w=void 0===f?"":f,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,L=void 0===R?"":R,A=e.type,U=void 0===A?"button":A,H=e.showDisabledMessage,z=void 0===H?"":H,W=Object(n.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return l.a.createElement(i,null,l.a.createElement("div",{className:"".concat(g&&z&&"disabled-button-parent")},u?l.a.createElement("a",{href:v,download:I,target:E,"data-item-name":C,id:L},l.a.createElement(c,Object.assign({disabled:g,classStyle:"".concat(r)},W,{type:U,className:j?"btn-inverse btn btn-success":"btn btn-success"}),""!=S?l.a.createElement("div",{"data-toggle":b,"data-target":w},l.a.createElement("img",{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:L,"data-item-name":C,type:U},W),l.a.createElement("span",null,a)),g&&z&&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"},z))},l.a.createElement("div",{className:"disabled-button-overlay"}))))}},54: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(34),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}))))}},71:function(e,t,a){"use strict";var n=a(23),o=a(2),l=a(0),r=a.n(l),i=a(4),c=i.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;}}}@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%;@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;}@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{display:none;}']),d=a(1),s=a(5),m=a(6),u=a.n(m),p=a(153),g=a(8),h=[1,2,3,4],b=function(e){var t=e.doorSizeData,a=e.door,i=e.next,c=e.sampleHomeImagesCSV,m=e.doorOptionsAPIURL,b=e.imageRootPath,f=Object(l.useState)(1),w=Object(o.a)(f,2),v=w[0],x=w[1],E=Object(l.useState)([0]),O=Object(o.a)(E,2),I=O[0],y=O[1],j=Object(l.useState)([]),N=Object(o.a)(j,2),S=N[0],P=N[1],k=Object(l.useState)([]),D=Object(o.a)(k,2),C=D[0],R=D[1],L=Object(l.useState)([]),A=Object(o.a)(L,2),U=A[0],H=A[1],z=Object(l.useState)(!1),W=Object(o.a)(z,2),Z=W[0],T=W[1],M=Object(l.useState)([{width:8,height:7}]),V=Object(o.a)(M,2),B=V[0],J=V[1];Object(l.useEffect)((function(){J([{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}]),q(),_(),d.t.subscribe((function(e){e&&(q(),y([0]),x(1),J([{width:8,height:7}]))})),d.s.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}];J(a)}})),Object(d.z)().subscribe((function(e){T(e)})),d.v.subscribe((function(e){if(!0===e){if(window.location.search){var t,a=new URLSearchParams(window.location.search),l=Object(n.a)(a);try{for(l.s();!(t=l.n()).done;){var r=Object(o.a)(t.value,2),i=r[0];r[1];if("collection"===i||"window"===i||"panel"===i||"color"===i){var c=[{width:8,height:7}];c.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(c))}}}catch(s){l.e(s)}finally{l.f()}}d.v.next(!1)}}))}),[]);var _=function(){Object(d.b)(),u.a.get(c).then((function(e){var t=[],a=Object(p.a)(e.data).data,n=[];a.forEach((function(e){n.push(b+"DoorApp/homes/"+e[0])}));for(var o=0;o<a.length;o++){var l={index:o,images:[b+"homes/"+a[o][0]]},r=!1,i=!1;l.doors=[];for(var c=1;c<a[o].length;c+=9)l.doors.push({type:a[o][c].trim(),positions:a[o].slice(c+1,c+9)}),"s"==a[o][c].trim()&&(r=!0),"d"==a[o][c].trim()&&(i=!0),l.type=i&&r?"m":r?"s":"d",t.push(l)}localStorage.setItem("points",JSON.stringify(t)),H(n),localStorage.setItem("gallery",JSON.stringify(n)),Object(d.L)()}),(function(e){Object(d.L)()})).catch((function(e){Object(d.L)()}))},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=B,a=0;a<=e;a++)null!==t[e]&&void 0!==t[e]||t.push({width:8,height:7});J(t)};return r.a.createElement("div",{className:"door-size-content"},Z&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"no-garage-doors mb-3"},r.a.createElement("label",null,t.numberOfDoorsLabel.text),h.map((function(e,t){return r.a.createElement("div",{className:"door-box amarr-h6 ".concat(v===e?"selected":""),key:t,onClick:function(){return G(t)}},r.a.createElement("span",{className:"door-number"},e))}))))),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"garage-door-size-select"},r.a.createElement("label",null,t.sizeOfDoorsLabel.text,r.a.createElement("a",{className:"amarrHighlight body-text2 d-md-inline d-none",href:t.cta.url,target:t.cta.linkAction},t.cta.label)),r.a.createElement("p",{className:"body-text3 mb-sm-0"},t.sizeOfDoorsInfo.text),r.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 r.a.createElement("div",{className:"row mx-0",key:n},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"garage-door-size"},r.a.createElement("label",{htmlFor:"width-".concat(n)},a," ",e+1),r.a.createElement("div",{className:"door-dimension-select door-width-select"},r.a.createElement("p",{className:"body-text3"},t.width.text),r.a.createElement("div",{className:"door-size-select-container"},r.a.createElement("img",{className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),r.a.createElement("select",{name:"width",id:"width-".concat(n),onChange:function(e){return function(e,t){var a=B;a[t].width=Number(e.target.value),J(a)}(e,n)}},C&&C.length>0&&C.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(B&&B[t]&&B[t].width)&&e.value===B[t].width},e.description," '")}))))),r.a.createElement("div",{className:"door-dimension-select door-height-select"},r.a.createElement("p",{className:"body-text3"},t.height.text),r.a.createElement("div",{className:"door-size-select-container"},r.a.createElement("img",{className:"select-dropdown-icon",alt:"dropdown icon",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg"}),r.a.createElement("select",{name:"height",id:"height-".concat(n),onChange:function(e){return function(e,t){var a=B;a[t].height=Number(e.target.value),J(a)}(e,n)}},S&&S.length>0&&S.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(B&&B[t]&&B[t].height)&&e.value===B[t].height},e.description," '")}))))))))})),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 next-btn door-size"},r.a.createElement(s.a,{label:Object(d.i)(i),onClick:function(){var e,t=v-B.length;0!=t&&B.splice(t),B.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(B)),localStorage.setItem("gallery",JSON.stringify(U)),d.u.next(!0),null===(e=document.getElementById("home-image-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}}))))},f=a(25),w=a.n(f),v=a(31),x=a(47),E=a(61),O=a(63),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(154).a)),y=a(155),j=function(e){var t=e.homeImageData,a=e.next,i=e.back,c=Object(l.useState)(""),m=Object(o.a)(c,2),u=m[0],p=m[1],g=Object(l.useState)(!1),h=Object(o.a)(g,2),b=h[0],f=h[1],x=Object(l.useState)([]),E=Object(o.a)(x,2),O=E[0],j=E[1],N=Object(l.useState)(0),S=Object(o.a)(N,2),P=S[0],k=S[1],D=Object(l.useState)(t.uploadNoImageText.text),C=Object(o.a)(D,2),R=C[0],L=C[1],A=Object(l.useState)(!1),U=Object(o.a)(A,2),H=U[0],z=U[1],W=Object(l.useState)(!1),Z=Object(o.a)(W,2),T=Z[0],M=Z[1],V=Object(l.useState)(!1),B=Object(o.a)(V,2);B[0],B[1];Object(l.useEffect)((function(){z(!1),d.t.subscribe((function(e){e&&(z(!1),localStorage.setItem("image-type","chosen"),L(t.uploadNoImageText.text))})),d.u.subscribe((function(e){if(e&&(z(!1),J(),localStorage.getItem("image-type")&&"uploaded"===localStorage.getItem("image-type"))){var t=localStorage.getItem("uploadedFileName")?localStorage.getItem("uploadedFileName"):"";L(t),I.table("image").toArray().then((function(e){e.length>0&&p(e[0].image)}))}})),d.B.subscribe((function(e){if(!0===e){if(z(!1),window.location.search){var t,a=new URLSearchParams(window.location.search),l=Object(n.a)(a);try{for(l.s();!(t=l.n()).done;){var r=Object(o.a)(t.value,2),i=r[0];r[1];"collection"!==i&&"window"!==i&&"panel"!==i&&"color"!==i||(J(),localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),q({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(c){l.e(c)}finally{l.f()}}d.B.next(!1)}}))}),[]);var J=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)})),j(i),localStorage.getItem("image-type")&&"chosen"===localStorage.getItem("image-type"))if(localStorage.getItem("selected-imageIndex")){var d=Number(localStorage.getItem("selected-imageIndex"));k(d),p(i[d]),q({},i[d],d),localStorage.setItem("image",i[d])}else k(0),p(i[0]),q({},i[0],0),localStorage.setItem("image",i[0])}},_=function(){var e=Object(v.a)(w.a.mark((function e(t){var a,n,o,l,r;return w.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=28;break}if(localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),a=t.target.files[0].name,n=a.split(".").pop(),L(a),localStorage.setItem("uploadedFileName",a),"jpg"!==n.toLowerCase()&&"jpeg"!==n.toLowerCase()&&"png"!==n.toLowerCase()){e.next=26;break}if(f(!1),!(t.target.files[0].size<=5e6)){e.next=22;break}return M(!0),o={maxSizeMB:5,maxWidthOrHeight:4e3,useWebWorker:!0},Object(d.b)(),e.next=16,Object(y.a)(t.target.files[0],o).then((function(e){l=e,M(!1),Object(d.L)()}));case 16:f(!1),(r=new FileReader).addEventListener("load",(function(e){var t=new Image;t.src=e.target.result,p(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}))})),r.readAsDataURL(l),e.next=24;break;case 22:return f(!0),e.abrupt("return");case 24:e.next=28;break;case 26:return f(!0),e.abrupt("return");case 28:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),q=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()),L(t.uploadNoImageText.text),k((function(){return P=n})),p(a)};return r.a.createElement("div",{className:"home-image-tab"},r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"home-image-upload-photo"},r.a.createElement("div",{className:"mb-3"},r.a.createElement("label",null,t.uploadStepsLabel.text),r.a.createElement("ul",{className:"upload-instructions"},t.uploadSteps&&t.uploadSteps.length>0&&t.uploadSteps.map((function(e,t){return r.a.createElement("li",{className:"body-text2",key:t},e.text)})),r.a.createElement("p",{className:"body-text2 ml-2"},t.uploadStepsHelpText.text))),r.a.createElement("div",{className:"upload-file-container"},r.a.createElement("div",{className:"upload-image-btn"},r.a.createElement("input",{type:"file",className:"file-button",onChange:_,title:"file-upload"}),r.a.createElement("label",{className:"body-text3"},t.uploadImage.text,r.a.createElement("p",{className:"file-name"}))),r.a.createElement("div",{className:"body-text3"},r.a.createElement("span",null,R))),b&&r.a.createElement("p",{className:"error"},t.uploadStepsErrorMessage.text)))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"label-top-margin"},r.a.createElement("label",null,t.or.text)))),r.a.createElement("div",{className:"row photo-gallery"},r.a.createElement("div",{className:"col-12"},r.a.createElement("label",null,t.chooseSample.text),r.a.createElement("div",{className:"photo-gallery-container"},r.a.createElement("div",null,O&&O.length>0&&O.map((function(e,t){return r.a.createElement("span",{className:"gallery-image cursor-pointer",key:t},r.a.createElement("a",{onClick:function(a){return q(a,e,t)}},r.a.createElement("img",{src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===P?"selected-item":"")})))})),0===O.length&&r.a.createElement("span",null,t.noSelectionImage.text))))),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",null,!0===H&&R===t.uploadNoImageText.text&&0===O.length&&r.a.createElement("span",{className:"error"},t.errorMessageNoImages.text)),r.a.createElement("div",{className:"button-grp col-12 pt-2 next-btn home-image px-0"},r.a.createElement("span",{className:"mr-3"},r.a.createElement(s.a,{label:Object(d.i)(i),inverse:!0,onClick:function(){var e,t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"";d.s.next(t),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}})),r.a.createElement("span",{className:"dimension-link"},r.a.createElement(s.a,{label:Object(d.i)(a),onClick:function(){if(I.table("image").clear(),z(!0),R===t.uploadNoImageText.text&&0===O.length)return!1;var e;u&&u.length>0?I.table("image").add({image:u}):O.length>0?I.table("image").add({image:O[0]}):I.table("image").add({image:""}),d.A.next(!0),null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)},disabled:T})))))},N=i.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;}}"]),S=a(151),P=function(e){var t=e.colorzoneData,a=(e.save,e.cancel,e.mainIndex),n=e.dropdownChange,i=void 0===n?function(e,t,a,n,o,l){}:n,c=e.colorZoneAPIURL,s=Object(l.useState)([]),m=Object(o.a)(s,2),p=m[0],g=m[1],h=Object(l.useState)(""),b=Object(o.a)(h,2),f=b[0],w=b[1],v=Object(l.useState)([]),x=Object(o.a)(v,2),E=x[0],O=x[1];Object(l.useEffect)((function(){d.n.subscribe((function(e){e&&I()}))}),[]);var I=function(){Object(d.b)(),u.a.get(c).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(d.L)()}),(function(e){Object(d.L)()})).catch((function(e){Object(d.L)()}))};return r.a.createElement("div",{className:"modal fade",id:"color-zone-modal-".concat(a),role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("h4",null,t.colorModalTitle.text),r.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("p",{className:"col-12 p-0 body-text2",dangerouslySetInnerHTML:{__html:t.colorModalSubTitle.text}}),r.a.createElement("p",{className:"row mx-0 my-4"},r.a.createElement("input",{type:"text",onKeyUp:function(e){if(w(e.target.value.toLowerCase()),f.length>0){var t=[];p.forEach((function(e){-1===e.key.indexOf(f)&&-1===e.value.toLowerCase().indexOf(f)||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"})),r.a.createElement("div",{className:"photo-gallery-container"},r.a.createElement("div",null,E&&E.length>0&&E.map((function(e,t){return r.a.createElement("a",{key:t,onClick:function(){return function(e){var t=("#"+e.key+" / "+e.value+"$"+e.color).split("$"),n=t[0],o=Object(S.k)("rgb("+t[1]+")").split("#")[1];i(a,"color","ColorZone",n,o,"")}(e)},"data-dismiss":"modal"},r.a.createElement("span",{className:"gallery-image",key:t},r.a.createElement("span",{className:"color-block cursor-pointer",style:{background:"rgb("+e.color+")"}}),r.a.createElement("b",null,"SW ","Y"===e.required&&r.a.createElement("span",null,"*")," ",e.key)," ",r.a.createElement("br",null),e.value))}))))),r.a.createElement("p",{className:"body-text3",dangerouslySetInnerHTML:{__html:t.colorModalDisclaimer.text}}))))},k=function(e){var t,a,n=e.mosaicData,i=e.ok,c=e.cancel,m=e.mainIndex,p=e.dropdownChange,g=void 0===p?function(e,t,a,n,o,l){}:p,h=e.doorHintsAPIURL,b=e.rulesAPIURL,f=e.doorImageRootPath,w={PanelWidths:{},SectionHeights:{}},v=null,x=f,E=Object(l.useState)(""),O=Object(o.a)(E,2),I=O[0],y=O[1],j=Object(l.useState)(),N=Object(o.a)(j,2),S=N[0],P=N[1],k=Object(l.useState)(),D=Object(o.a)(k,2),C=D[0],R=D[1],L=Object(l.useState)(),A=Object(o.a)(L,2),U=A[0],H=A[1];Object(l.useEffect)((function(){W()}),[]),Object(l.useEffect)((function(){d.F.subscribe((function(e){e&&setTimeout((function(){z()}),1e3)}))}),[]);var z=function(){Object(d.b)();var e=localStorage.getItem("selected-design-door"),t=JSON.parse(e),n=Object(d.o)(t);u.a.post(h,n,{headers:{"content-type":"application/json"}}).then((function(e){Object(d.L)(),a=T(e.data.inchheight,e.data.inchwidth,e.data.panelplacement),H(a),V(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=M(v);y(x+t)}),(function(e){Object(d.L)()})).catch((function(e){Object(d.L)()}))},W=function(){u.a.get(b).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}))}))},Z=function(e){var t,a,n=e.height,o=e.width,l=e.placement;return d.G.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}},T=function(e,t,a){for(var n=Z({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},M=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"},V=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 r.a.createElement("div",{className:"modal fade mosaic-modal",id:"mozaic-modal-".concat(m),role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("h4",{className:"modal-title"},n.windowModalTitle.text),r.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("p",{className:"body-text2 mb-4"},n.windowModalSubTitle.text),r.a.createElement("div",{id:"mosaic-builder",className:"text-center"},I&&r.a.createElement("img",{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=Z(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.p*u+s+u;i=function(e,t,a){return e.substring(0,t)+a+e.substring(t+1)}(i,p,"G"===i[p]?"X":"G"),H(i),v.gpid=i,P(v);var g=M(v);y(x+g)}(e)}}))),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("a",{"data-dismiss":"modal"},r.a.createElement(s.a,{label:Object(d.i)(c)})),r.a.createElement(s.a,{label:Object(d.i)(i),onClick:function(){g(m,"windowplacement","Mosaic","","",U)},"data-dismiss":"modal"})))))},D=function(e){e.mainIndex;var t=e.name,a=e.ok,n=e.cancel,i=Object(l.useState)(""),c=Object(o.a)(i,2),m=c[0],u=c[1],p=Object(l.useState)(""),g=Object(o.a)(p,2),h=g[0],b=g[1],f=Object(l.useState)(""),w=Object(o.a)(f,2),v=w[0],x=w[1],E=Object(l.useState)(""),O=Object(o.a)(E,2),I=O[0],y=O[1];return Object(l.useEffect)((function(){d.I.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);u(t.modeltitle),b(t.modellongdescription),x(t.modelpopimage),y(t.modeldisplay)}}))}),[]),r.a.createElement("div",{className:"modal fade details-modal",id:t,role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("div",{className:"details-modal-container"},r.a.createElement("div",{className:"modal-img-container"},r.a.createElement("img",{src:v,alt:I})),r.a.createElement("div",{className:""},r.a.createElement("h4",null,m),r.a.createElement("p",{className:"body-text1 mb-4 pb-2"},h),r.a.createElement("div",{className:"button-div button-div-mobile"},r.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},r.a.createElement(s.a,{label:Object(d.i)(n)})),r.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},r.a.createElement(s.a,{label:Object(d.i)(a)})))))))))},C=function(e){var t=e.dropdownData,a=e.link,n=e.designDoorData,i=e.save,c=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,b=e.selectedValue,f=e.colorZoneAPIURL,w=e.rulesAPIURL,v=e.doorHintsAPIURL,x=e.doorImageRootPath,E=e.doorOptionsAPIURL,O=Object(l.useState)("Select"),I=Object(o.a)(O,2),y=(I[0],I[1]),j=Object(l.useState)(""),S=Object(o.a)(j,2),C=(S[0],S[1]),R=Object(l.useState)([]),L=Object(o.a)(R,2),A=L[0],U=L[1],H=Object(l.useState)(""),z=Object(o.a)(H,2),W=z[0],Z=z[1],T=function(e,t){y(t.description),C(t.value),"ColorZone"===t.value&&d.n.next(!0),"Mosaic"===t.value&&M(t.value),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(h(m,p,t.value,"","",""),"construction"===p&&(Z(t.value),V(t.value)))},M=function(e){var t=localStorage.getItem("design-door"),a=JSON.parse(t)[m].hints;a.gplacement=e,Object(d.b)(),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)),d.F.next(!0),Object(d.L)()}),(function(e){Object(d.L)()})).catch((function(e){Object(d.L)()}))},V=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){d.I.next(JSON.stringify(e.data))}))};Object(l.useEffect)((function(){U(t)}),[t,b]);return r.a.createElement(N,null,r.a.createElement("div",{className:"btn-group"},r.a.createElement("button",{type:"button",onClick:function(){d.q.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"},r.a.createElement("span",null,function(){var e="Select";if(t&&t.length>0)for(var a=0;a<t.length;a++)t[a].value===b&&(e=t[a].description);return e}())),r.a.createElement("div",{className:"dropdown-menu"},A&&A.length>0&&A.map((function(e,t){return r.a.createElement("span",{key:t},"construction"!==p&&r.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)}},r.a.createElement("div",null,r.a.createElement("img",{alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==p&&r.a.createElement("p",{className:"amarr-h6"},e.description),a&&r.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},a))),"construction"===p&&r.a.createElement("a",{className:'"dropdown-item d-block"',href:"#","data-toggle":"modal",key:t,onClick:function(t){T(0,e)}},r.a.createElement("div",{className:"construction-option"},r.a.createElement("div",{className:"img-container"},r.a.createElement("img",{alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)})),"construction"===p&&r.a.createElement("div",null,a&&r.a.createElement("span",{"data-toggle":"modal",className:"amarrHighlight body-text3","data-target":"#details-modal-".concat(W)},a)))))})))),r.a.createElement(P,{colorZoneAPIURL:f,colorzoneData:n,save:i,cancel:c,dropdownChange:h,mainIndex:m}),r.a.createElement(k,{doorImageRootPath:x,doorHintsAPIURL:v,rulesAPIURL:w,mosaicData:n,ok:s,cancel:c,mainIndex:m,dropdownChange:h}),r.a.createElement(D,{mainIndex:m,name:"details-modal-".concat(W),ok:s,cancel:c}))},R=a(54),L=function(e){var t=e.collectionDetailURLs,a=e.designDoorData,i=e.door,c=e.next,m=e.back,p=e.save,h=e.cancel,b=e.ok,f=e.doorOptionsAPIURL,w=e.doorHintsAPIURL,v=e.doorDescriptionAPIURL,x=e.colorZoneAPIURL,E=e.rulesAPIURL,O=e.doorImageRootPath,I=Object(l.useState)([]),y=Object(o.a)(I,2),j=y[0],N=y[1],S=Object(l.useState)([]),P=Object(o.a)(S,2),k=P[0],D=P[1],L=Object(l.useState)(1),A=Object(o.a)(L,2),U=(A[0],A[1]),H=Object(l.useState)([0]),z=Object(o.a)(H,2),W=z[0],Z=z[1],T=(Object(l.useRef)(null),Object(l.useState)([])),M=Object(o.a)(T,2),V=M[0],B=M[1],J=Object(l.useState)(""),_=Object(o.a)(J,2),q=(_[0],_[1]),G=Object(l.useState)(0),F=Object(o.a)(G,2),$=F[0],X=F[1],K=Object(l.useState)([]),Q=Object(o.a)(K,2),Y=Q[0],ee=Q[1],te=Object(l.useState)([]),ae=Object(o.a)(te,2),ne=ae[0],oe=ae[1],le=Object(l.useState)([]),re=Object(o.a)(le,2),ie=re[0],ce=re[1],de=Object(l.useState)([]),se=Object(o.a)(de,2),me=se[0],ue=se[1],pe=Object(l.useState)([]),ge=Object(o.a)(pe,2),he=ge[0],be=ge[1],fe=Object(l.useState)([]),we=Object(o.a)(fe,2),ve=we[0],xe=we[1],Ee=Object(l.useState)([]),Oe=Object(o.a)(Ee,2),Ie=Oe[0],ye=Oe[1],je=Object(l.useState)([]),Ne=Object(o.a)(je,2),Se=Ne[0],Pe=Ne[1],ke=Object(l.useState)(""),De=Object(o.a)(ke,2),Ce=De[0],Re=De[1],Le=Object(l.useState)(""),Ae=Object(o.a)(Le,2),Ue=Ae[0],He=Ae[1],ze=Object(l.useState)(""),We=Object(o.a)(ze,2),Ze=We[0],Te=We[1],Me=Object(l.useState)(""),Ve=Object(o.a)(Me,2),Be=Ve[0],Je=Ve[1],_e=Object(l.useState)(""),qe=Object(o.a)(_e,2),Ge=qe[0],Fe=qe[1],$e=Object(l.useState)(""),Xe=Object(o.a)($e,2),Ke=Xe[0],Qe=Xe[1],Ye=Object(l.useState)(""),et=Object(o.a)(Ye,2),tt=et[0],at=et[1],nt=Object(l.useState)(""),ot=Object(o.a)(nt,2),lt=ot[0],rt=ot[1],it=Object(l.useState)([]),ct=Object(o.a)(it,2),dt=ct[0],st=ct[1],mt=Object(l.useState)([]),ut=Object(o.a)(mt,2),pt=ut[0],gt=ut[1],ht=Object(l.useState)([]),bt=Object(o.a)(ht,2),ft=bt[0],wt=bt[1],vt=Object(l.useState)([]),xt=Object(o.a)(vt,2),Et=xt[0],Ot=xt[1],It=Object(l.useState)([]),yt=Object(o.a)(It,2),jt=yt[0],Nt=yt[1],St=Object(l.useState)([]),Pt=Object(o.a)(St,2),kt=Pt[0],Dt=Pt[1],Ct=Object(l.useState)([]),Rt=Object(o.a)(Ct,2),Lt=Rt[0],At=Rt[1],Ut=Object(l.useState)([]),Ht=Object(o.a)(Ut,2),zt=Ht[0],Wt=Ht[1],Zt=Object(l.useState)(""),Tt=Object(o.a)(Zt,2),Mt=Tt[0],Vt=Tt[1],Bt=Object(l.useState)(""),Jt=Object(o.a)(Bt,2),_t=Jt[0],qt=Jt[1],Gt=Object(l.useState)(""),Ft=Object(o.a)(Gt,2),$t=Ft[0],Xt=Ft[1],Kt=Object(l.useState)(""),Qt=Object(o.a)(Kt,2),Yt=Qt[0],ea=Qt[1],ta=Object(l.useState)(""),aa=Object(o.a)(ta,2),na=aa[0],oa=aa[1],la=Object(l.useState)(""),ra=Object(o.a)(la,2),ia=ra[0],ca=ra[1],da=Object(l.useState)(""),sa=Object(o.a)(da,2),ma=sa[0],ua=sa[1],pa=Object(l.useState)(""),ga=Object(o.a)(pa,2),ha=ga[0],ba=ga[1],fa=Object(l.useState)([]),wa=Object(o.a)(fa,2),va=wa[0],xa=wa[1],Ea=Object(l.useState)([]),Oa=Object(o.a)(Ea,2),Ia=Oa[0],ya=Oa[1],ja=Object(l.useState)([]),Na=Object(o.a)(ja,2),Sa=Na[0],Pa=Na[1],ka=Object(l.useState)([]),Da=Object(o.a)(ka,2),Ca=Da[0],Ra=Da[1],La=Object(l.useState)([]),Aa=Object(o.a)(La,2),Ua=Aa[0],Ha=Aa[1],za=Object(l.useState)([]),Wa=Object(o.a)(za,2),Za=Wa[0],Ta=Wa[1],Ma=Object(l.useState)([]),Va=Object(o.a)(Ma,2),Ba=Va[0],Ja=Va[1],_a=Object(l.useState)([]),qa=Object(o.a)(_a,2),Ga=qa[0],Fa=qa[1],$a=Object(l.useState)(""),Xa=Object(o.a)($a,2),Ka=Xa[0],Qa=Xa[1],Ya=Object(l.useState)(""),en=Object(o.a)(Ya,2),tn=en[0],an=en[1],nn=Object(l.useState)(""),on=Object(o.a)(nn,2),ln=on[0],rn=on[1],cn=Object(l.useState)(""),dn=Object(o.a)(cn,2),sn=dn[0],mn=dn[1],un=Object(l.useState)(""),pn=Object(o.a)(un,2),gn=pn[0],hn=pn[1],bn=Object(l.useState)(""),fn=Object(o.a)(bn,2),wn=fn[0],vn=fn[1],xn=Object(l.useState)(""),En=Object(o.a)(xn,2),On=En[0],In=En[1],yn=Object(l.useState)(""),jn=Object(o.a)(yn,2),Nn=jn[0],Sn=jn[1],Pn=Object(l.useState)([]),kn=Object(o.a)(Pn,2),Dn=kn[0],Cn=kn[1],Rn=Object(l.useState)([]),Ln=Object(o.a)(Rn,2),An=Ln[0],Un=Ln[1],Hn=Object(l.useState)([]),zn=Object(o.a)(Hn,2),Wn=zn[0],Zn=zn[1],Tn=Object(l.useState)([]),Mn=Object(o.a)(Tn,2),Vn=Mn[0],Bn=Mn[1],Jn=Object(l.useState)([]),_n=Object(o.a)(Jn,2),qn=_n[0],Gn=_n[1],Fn=Object(l.useState)([]),$n=Object(o.a)(Fn,2),Xn=$n[0],Kn=$n[1],Qn=Object(l.useState)([]),Yn=Object(o.a)(Qn,2),eo=Yn[0],to=Yn[1],ao=Object(l.useState)([]),no=Object(o.a)(ao,2),oo=no[0],lo=no[1],ro=Object(l.useState)(""),io=Object(o.a)(ro,2),co=io[0],so=io[1],mo=Object(l.useState)(""),uo=Object(o.a)(mo,2),po=uo[0],go=uo[1],ho=Object(l.useState)(""),bo=Object(o.a)(ho,2),fo=bo[0],wo=bo[1],vo=Object(l.useState)(""),xo=Object(o.a)(vo,2),Eo=xo[0],Oo=xo[1],Io=Object(l.useState)(""),yo=Object(o.a)(Io,2),jo=yo[0],No=yo[1],So=Object(l.useState)(""),Po=Object(o.a)(So,2),ko=Po[0],Do=Po[1],Co=Object(l.useState)(""),Ro=Object(o.a)(Co,2),Lo=Ro[0],Ao=Ro[1],Uo=Object(l.useState)(""),Ho=Object(o.a)(Uo,2),zo=Ho[0],Wo=Ho[1],Zo=Object(l.useState)(!1),To=Object(o.a)(Zo,2),Mo=To[0],Vo=To[1],Bo=Object(l.useState)({PanelWidths:{},SectionHeights:{}}),Jo=Object(o.a)(Bo,2),_o=Jo[0],qo=Jo[1];Object(l.useEffect)((function(){localStorage.setItem("tabValue","0"),d.G.subscribe((function(e){(null===e||void 0===e?void 0:e.emitOn)&&qo(e.mosaic)})),d.A.subscribe((function(e){e&&Go()})),d.u.subscribe((function(e){e&&(Fo(),d.u.next(!1))})),d.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),a=JSON.parse(t),n=0;n<a;n++)$o(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)})),d.t.subscribe((function(e){if(e){tl(Number(localStorage.getItem("tabValue")));var t=document.getElementById("subTab-"+localStorage.getItem("tabValue"));t&&t.click()}})),Object(d.z)().subscribe((function(e){Vo(e)})),d.r.subscribe((function(e){if(!0===e){if(window.location.search){Object(d.b)();var t,a=new URLSearchParams(window.location.search),l="carct",r="Ashley",i="White",c="Closed Square",s="Closed",m=[],u=Object(n.a)(a);try{for(u.s();!(t=u.n()).done;){var p=Object(o.a)(t.value,2),g=p[0];p[1];m.push(g)}}catch(x){u.e(x)}finally{u.f()}var h,b=Object(n.a)(a);try{for(b.s();!(h=b.n()).done;){var f=Object(o.a)(h.value,2),w=f[0],v=f[1];"collection"===w&&(l="undefined"===v||"null"===v?"carct":v),"carct"===l?("window"===w&&(c="undefined"===v||"null"===v?"Closed Square":v),"panel"===w&&(r="undefined"===v||"null"===v?"Ashley":v),"color"===w&&(i="undefined"===v||"null"===v?"White":v),"windowPlacement"===w&&(s="undefined"===v||"null"===v?"Closed":v),m.find((function(e){return"window"===e}))||(c="Closed Square"),m.find((function(e){return"panel"===e}))||(r="Ashley"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"class"===l?("window"===w&&(c="undefined"===v||"null"===v?"Closed Square":v),"panel"===w&&(r="undefined"===v||"null"===v?"Tuscany":v),"color"===w&&(i="undefined"===v||"null"===v?"White":v),"windowPlacement"===w&&(s="undefined"===v||"null"===v?"Closed":v),m.find((function(e){return"window"===e}))||(c="Closed Square"),m.find((function(e){return"panel"===e}))||(r="Tuscany"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"desch"===l||"hillc"===l?("window"===w&&(c="undefined"===v||"null"===v?"Closed":v),"panel"===w&&(r="undefined"===v||"null"===v?"Bead Board":v),"color"===w&&(i="undefined"===v||"null"===v?"White":v),"windowPlacement"===w&&(s="undefined"===v||"null"===v?"Closed":v),m.find((function(e){return"window"===e}))||(c="Closed"),m.find((function(e){return"panel"===e}))||(r="Bead Board"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"herit"===l||"olymp"===l||"linco"===l?("window"===w&&(c="undefined"===v||"null"===v?"Closed":v),"panel"===w&&(r="undefined"===v||"null"===v?"Short":v),"color"===w&&(i="undefined"===v||"null"===v?"White":v),"windowPlacement"===w&&(s="undefined"===v||"null"===v?"Closed":v),m.find((function(e){return"window"===e}))||(c="Closed"),m.find((function(e){return"panel"===e}))||(r="Short"),m.find((function(e){return"color"===e}))||(i="White"),m.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"vista"===l?("window"===w&&(c="undefined"===v||"null"===v?"Clear":v),"panel"===w&&(r="undefined"===v||"null"===v?"":v),"color"===w&&(i="undefined"===v||"null"===v?"Clear Anodized":v),"windowPlacement"===w&&(s="undefined"===v||"null"===v?"":v),m.find((function(e){return"window"===e}))||(c="Clear"),m.find((function(e){return"panel"===e}))||(r=""),m.find((function(e){return"color"===e}))||(i="Clear Anodized"),m.find((function(e){return"windowPlacement"===e}))||(s="")):"horiz"===l&&("window"===w&&(c="undefined"===v||"null"===v?"Clear":v),"panel"===w&&(r="undefined"===v||"null"===v?"Uninsulated":v),"color"===w&&(i="undefined"===v||"null"===v?"Clear Anodized":v),"windowPlacement"===w&&(s="undefined"===v||"null"===v?"":v),m.find((function(e){return"window"===e}))||(c="Clear"),m.find((function(e){return"panel"===e}))||(r="Uninsulated"),m.find((function(e){return"color"===e}))||(i="Clear Anodized"),m.find((function(e){return"windowPlacement"===e}))||(s=""))}}catch(x){b.e(x)}finally{b.f()}Go(),l.length>0&&(r.length>0||"vista"===l)&&i.length>0&&c.length>0?$o(8,7,l,r,i,c,s,"","4000","None","","",0):$o(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(d.L)()}),5e3)}d.r.next(!1)}}))}),[]);var Go=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";q(e)},Fo=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a=JSON.parse(e);U(t);for(var l={collection:[],selectedCollection:"",panel:[],selectedPanel:"",color:[],selectedColor:"",windowdesign:[],selectedWindowDesign:"",windowPlacement:[],selectedWindowPlacement:"",glass:[],selectedGlass:"",construction:[],selectedConstruction:"",hardware:[],selectedHardware:"",selectedWidth:0,selectedHeight:0,colorZone:"",colorHex:"",hints:{}},r=[],i=[],c=0;c<t;c++)r.push(c),i.push(l);if(Z(r),N(i),window.location.search){var d,s=new URLSearchParams(window.location.search),m="carct",u="Ashley",p="White",g="Closed Square",h="Closed",b=[],f=Object(n.a)(s);try{for(f.s();!(d=f.n()).done;){var w=Object(o.a)(d.value,2),v=w[0];w[1];b.push(v)}}catch(k){f.e(k)}finally{f.f()}var x,E=Object(n.a)(s);try{for(E.s();!(x=E.n()).done;){var O=Object(o.a)(x.value,2),I=O[0],y=O[1];"collection"===I&&(m="undefined"===y||"null"===y?"carct":y),"carct"===m?("window"===I&&(g="undefined"===y||"null"===y?"Closed Square":y),"panel"===I&&(u="undefined"===y||"null"===y?"Ashley":y),"color"===I&&(p="undefined"===y||"null"===y?"White":y),"windowPlacement"===I&&(h="undefined"===y||"null"===y?"Closed":y),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"===I&&(g="undefined"===y||"null"===y?"Closed Square":y),"panel"===I&&(u="undefined"===y||"null"===y?"Tuscany":y),"color"===I&&(p="undefined"===y||"null"===y?"White":y),"windowPlacement"===I&&(h="undefined"===y||"null"===y?"Closed":y),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"===I&&(g="undefined"===y||"null"===y?"Closed":y),"panel"===I&&(u="undefined"===y||"null"===y?"Bead Board":y),"color"===I&&(p="undefined"===y||"null"===y?"White":y),"windowPlacement"===I&&(h="undefined"===y||"null"===y?"Closed":y),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"===I&&(g="undefined"===y||"null"===y?"Closed":y),"panel"===I&&(u="undefined"===y||"null"===y?"Short":y),"color"===I&&(p="undefined"===y||"null"===y?"White":y),"windowPlacement"===I&&(h="undefined"===y||"null"===y?"Closed":y),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"===I&&(g="undefined"===y||"null"===y?"Clear":y),"panel"===I&&(u="undefined"===y||"null"===y?"":y),"color"===I&&(p="undefined"===y||"null"===y?"Clear Anodized":y),"windowPlacement"===I&&(h="undefined"===y||"null"===y?"":y),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"===I&&(g="undefined"===y||"null"===y?"Clear":y),"panel"===I&&(u="undefined"===y||"null"===y?"Uninsulated":y),"color"===I&&(p="undefined"===y||"null"===y?"Clear Anodized":y),"windowPlacement"===I&&(h="undefined"===y||"null"===y?"":y),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=""))}}catch(k){E.e(k)}finally{E.f()}if(m.length>0&&(u.length>0||"vista"===m)&&p.length>0&&g.length>0)for(var j=0;j<a.length;j++)$o(a[j].width,a[j].height,m,u,p,g,h,"","4000","None","","",j);else for(var S=0;S<a.length;S++)$o(a[S].width,a[S].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",S)}else for(var P=0;P<a.length;P++)$o(a[P].width,a[P].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",P)}},$o=function(e,t,a,n,o,l,r,i,c,s,m,u,p,g){Object(d.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),c.length>0&&(h.model=c),s.length>0&&(h.hardware=s),u.length>0&&(h.colorHex=u),m.length>0&&(h.colorZone=m),"Mosaic"===r&&g?al(j,h,e,t,a,n,o,l,r,i,c,s,m,u,p,g):Xo(h,e,t,a,n,o,l,r,i,c,s,m,u,p,g)},Xo=function(e,t,a,n,o,l,r,i,c,s,m,p,g,h,b){u.a.post(f,{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:b,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},f=e.data.options.collection?e.data.options.collection:[];0===h?Cn(f):1===h?ee(f):2===h?st(f):3===h&&xa(f);var w=e.data.options.panel?e.data.options.panel:[];0===h?Un(w):1===h?oe(w):2===h?gt(w):3===h&&ya(w);var v=e.data.options.color?e.data.options.color:[];0===h?Zn(v):1===h?ce(v):2===h?wt(v):3===h&&Pa(v);var x=e.data.options.top?e.data.options.top:[];0===h?Bn(x):1===h?ue(x):2===h?Ot(x):3===h&&Ra(x);var E=e.data.options.glass?e.data.options.glass:[];0===h?Kn(E):1===h?xe(E):2===h?Dt(E):3===h&&Ta(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===h?Gn(O):1===h?be(O):2===h?Nt(O):3===h&&Ha(O);var I=e.data.options.model?e.data.options.model:[];0===h?to(I):1===h?ye(I):2===h?At(I):3===h&&Ja(I);var y=e.data.options.hardware?e.data.options.hardware:[];0===h?lo(y):1===h?Pe(y):2===h?Wt(y):3===h&&Fa(y),u.selectedCollection=Ko(n,f),0===h?so(u.selectedCollection):1===h?Re(u.selectedCollection):2===h?Vt(u.selectedCollection):3===h&&Qa(u.selectedCollection),u.selectedPanel=Ko(o,w),0===h?go(u.selectedPanel):1===h?He(u.selectedPanel):2===h?qt(u.selectedPanel):3===h&&an(u.selectedPanel),u.selectedColor=Ko(l,v),0===h?wo(u.selectedColor):1===h?Te(u.selectedColor):2===h?Xt(u.selectedColor):3===h&&rn(u.selectedColor),u.selectedWindowDesign=Ko(r,x),0===h?Oo(u.selectedWindowDesign):1===h?Je(u.selectedWindowDesign):2===h?ea(u.selectedWindowDesign):3===h&&mn(u.selectedWindowDesign),u.selectedWindowPlacement=Ko(i,O),0===h?No(u.selectedWindowPlacement):1===h?Fe(u.selectedWindowPlacement):2===h?oa(u.selectedWindowPlacement):3===h&&hn(u.selectedWindowPlacement),u.selectedGlass=Ko(c,E),0===h?Do(u.selectedGlass):1===h?Qe(u.selectedGlass):2===h?ca(u.selectedGlass):3===h&&vn(u.selectedGlass),u.selectedConstruction=Ko(s,I),0===h?Ao(u.selectedConstruction):1===h?at(u.selectedConstruction):2===h?ua(u.selectedConstruction):3===h&&In(u.selectedConstruction),u.selectedHardware=Ko(m,y),0===h?Wo(u.selectedHardware):1===h?rt(u.selectedHardware):2===h?ba(u.selectedHardware):3===h&&Sn(u.selectedHardware);var S=j,P=localStorage.getItem("door-size"),k=JSON.parse(P);0!=S.length-k.length&&S.splice(k.length),S[h]=u,N(S),D(S),localStorage.setItem("design-door",JSON.stringify(S)),d.q.next(JSON.stringify(S)),Qo(),Object(d.L)()}),(function(e){Object(d.L)(),$o(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)})).catch((function(e){Object(d.L)(),$o(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)}))},Ko=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},Qo=function(){if(localStorage.getItem("design-door"))for(var e=localStorage.getItem("design-door"),a=JSON.parse(e),n=0;n<a.length;n++){var o;if(null===(o=a[n])||void 0===o?void 0:o.hints){var l=a[n].hints.collection,r=t[l];Yo(a[n].hints,n,r)}}},Yo=function(e,t,a){Object(d.b)(),u.a.post(v,e,{headers:{"content-type":"application/json"}}).then((function(e){var n=V,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(V)),Object(d.L)()}),(function(e){Object(d.L)()})).catch((function(e){Object(d.L)()}))},el=function(e,t,a,n,o,l){var r=j;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,$o(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)},tl=function(e){X(e),localStorage.setItem("tabValue",e)},al=function(e,t,a,n,o,l,r,i,c,d,s,m,p,g,h,b){t.glazepattern=b,u.a.post(f,{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={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};nl(u,t,a,n,o,l,r,i,c,d,s,m,p,g,h,b)}),(function(e){})).catch((function(e){}))},nl=function(e,t,a,n,o,l,r,i,c,s,m,p,g,h,b,f){var v=Object(d.o)(e);u.a.post(w,v,{headers:{"content-type":"application/json"}}).then((function(e){var d=e.data.glazepattern;rl(d,e.data.inchwidth,e.data.inchheight,e.data.panelplacement)||(d=ll(e.data.inchheight,e.data.inchwidth,e.data.panelplacement));t.glazepattern=d,Xo(t,a,n,o,l,r,i,c,s,m,p,g,h,b,d)}),(function(e){Object(d.L)()})).catch((function(e){Object(d.L)()}))},ol=function(e){var t=e.height,a=e.width,n=e.placement;return{s:null===_o||void 0===_o?void 0:_o.SectionHeights[t].length,p:null===_o||void 0===_o?void 0:_o.PanelWidths[n][a].Count}},ll=function(e,t,a){for(var n=ol({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},rl=function(e,t,a,n){var o=ol({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 r.a.createElement("div",{className:"design-door-tab"},Mo&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3 sticky-content"},r.a.createElement("div",{className:"text-center parent-pixi"},r.a.createElement("div",{id:"pixi-stage"}),r.a.createElement("div",{id:"small-loader"},r.a.createElement(R.a,null))),r.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)),r.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3"},r.a.createElement("div",{className:"tabs-container design-door-tabs"},r.a.createElement("ul",{className:"nav nav-tabs"},W.map((function(e,t){return r.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return tl(t)}},r.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)},r.a.createElement("span",null,i," ",e+1)))})))),r.a.createElement("div",{className:"tab-content col-12"},k&&(1===k.length||2===k.length||3===k.length||4===k.length)&&r.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},a.firstDoorDescription&&a.firstDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.firstDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.firstDoorDescription&&a.firstDoorDescription.text?"description":""," door-properties pb-2")},Dn&&Dn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:co,mainIndex:0,type:"collection",dropdownData:Dn,designDoorData:a,ok:b,save:p,cancel:h})),An&&An.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:po,mainIndex:0,type:"panel",dropdownData:An,designDoorData:a,ok:b,save:p,cancel:h})),Wn&&Wn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:fo,mainIndex:0,type:"color",dropdownData:Wn,designDoorData:a,ok:b,save:p,cancel:h})),qn&&qn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:jo,mainIndex:0,type:"windowplacement",dropdownData:qn,designDoorData:a,ok:b,save:p,cancel:h})),Vn&&Vn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Eo,mainIndex:0,type:"windowdesign",dropdownData:Vn,designDoorData:a,ok:b,save:p,cancel:h})),Xn&&Xn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:ko,mainIndex:0,type:"glass",dropdownData:Xn,designDoorData:a,ok:b,save:p,cancel:h})),eo&&eo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Lo,mainIndex:0,type:"construction",dropdownData:eo,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),oo&&oo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorImageRootPath:O,doorOptionsAPIURL:f,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:zo,mainIndex:0,type:"hardware",dropdownData:oo,designDoorData:a,ok:b,save:p,cancel:h})))),k&&(2===k.length||3===k.length||4===k.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},a.secondDoorDescription&&a.secondDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.secondDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.secondDoorDescription&&a.secondDoorDescription.text?"description":""," door-properties")},Y&&Y.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Ce,mainIndex:1,type:"collection",dropdownData:Y,designDoorData:a,ok:b,save:p,cancel:h})),ne&&ne.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Ue,mainIndex:1,type:"panel",dropdownData:ne,designDoorData:a,ok:b,save:p,cancel:h})),ie&&ie.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Ze,mainIndex:1,type:"color",dropdownData:ie,designDoorData:a,ok:b,save:p,cancel:h})),he&&he.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Ge,mainIndex:1,type:"windowplacement",dropdownData:he,designDoorData:a,ok:b,save:p,cancel:h})),me&&me.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Be,mainIndex:1,type:"windowdesign",dropdownData:me,designDoorData:a,ok:b,save:p,cancel:h})),ve&&ve.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Ke,mainIndex:1,type:"glass",dropdownData:ve,designDoorData:a,ok:b,save:p,cancel:h})),Ie&&Ie.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:tt,mainIndex:1,type:"construction",dropdownData:Ie,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),Se&&Se.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:lt,mainIndex:1,type:"hardware",dropdownData:Se,designDoorData:a,ok:b,save:p,cancel:h})))),k&&(3===k.length||4===k.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},a.thirdDoorDescription&&a.thirdDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.thirdDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.thirdDoorDescription&&a.thirdDoorDescription.text?"description":""," door-properties")},dt&&dt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Mt,mainIndex:2,type:"collection",dropdownData:dt,designDoorData:a,ok:b,save:p,cancel:h})),pt&&pt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:_t,mainIndex:2,type:"panel",dropdownData:pt,designDoorData:a,ok:b,save:p,cancel:h})),ft&&ft.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:$t,mainIndex:2,type:"color",dropdownData:ft,designDoorData:a,ok:b,save:p,cancel:h})),jt&&jt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:na,mainIndex:2,type:"windowplacement",dropdownData:jt,designDoorData:a,ok:b,save:p,cancel:h})),Et&&Et.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Yt,mainIndex:2,type:"windowdesign",dropdownData:Et,designDoorData:a,ok:b,save:p,cancel:h})),kt&&kt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:ia,mainIndex:2,type:"glass",dropdownData:kt,designDoorData:a,ok:b,save:p,cancel:h})),Lt&&Lt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:ma,mainIndex:2,type:"construction",dropdownData:Lt,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),zt&&zt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:ha,mainIndex:2,type:"hardware",dropdownData:zt,designDoorData:a,ok:b,save:p,cancel:h})))),k&&4===k.length&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},a.fourthDoorDescription&&a.fourthDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:a.fourthDoorDescription.text}}),r.a.createElement("div",{className:"".concat(a.fourthDoorDescription&&a.fourthDoorDescription.text?"description":""," door-properties")},va&&va.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Ka,mainIndex:3,type:"collection",dropdownData:va,designDoorData:a,ok:b,save:p,cancel:h})),Ia&&Ia.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:tn,mainIndex:3,type:"panel",dropdownData:Ia,designDoorData:a,ok:b,save:p,cancel:h})),Sa&&Sa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:ln,mainIndex:3,type:"color",dropdownData:Sa,designDoorData:a,ok:b,save:p,cancel:h})),Ua&&Ua.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:gn,mainIndex:3,type:"windowplacement",dropdownData:Ua,designDoorData:a,ok:b,save:p,cancel:h})),Ca&&Ca.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:sn,mainIndex:3,type:"windowdesign",dropdownData:Ca,designDoorData:a,ok:b,save:p,cancel:h})),Za&&Za.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:wn,mainIndex:3,type:"glass",dropdownData:Za,designDoorData:a,ok:b,save:p,cancel:h})),Ba&&Ba.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:On,mainIndex:3,type:"construction",dropdownData:Ba,designDoorData:a,ok:b,link:a.viewDetails.text,save:p,cancel:h})),Ga&&Ga.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(C,{doorOptionsAPIURL:f,doorImageRootPath:O,doorHintsAPIURL:w,colorZoneAPIURL:x,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return el(e,t,a,n,o,l)},selectedValue:Nn,mainIndex:3,type:"hardware",dropdownData:Ga,designDoorData:a,ok:b,save:p,cancel:h}))))),r.a.createElement("div",{className:"door-properties pt-3 mx-3"},k&&(null===k||void 0===k?void 0:k.length)>1&&r.a.createElement("div",{className:"apply-checkbox py-2"},r.a.createElement("input",{onChange:function(e){if(!0===e.target.checked)for(var a=$,n=localStorage.getItem("design-door"),o=JSON.parse(n),l=0;l<o.length;l++){var r;if($o(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];Yo(o[a].hints,l,c)}}},type:"checkbox",id:"vehicle1",name:"vehicle1",value:"Bike"}),r.a.createElement("label",null,a.applyDesign.text)),r.a.createElement("div",{className:"button-grp pt-sm-0 pt-1"},r.a.createElement(s.a,{classStyle:"back-btn",label:Object(d.i)(m),onClick:function(){var e;null===(e=document.getElementById("home-image-tab"))||void 0===e||e.click(),window.scrollTo(0,0)},inverse:!0}),r.a.createElement("span",{className:"screenshot-link mr-3"},r.a.createElement(s.a,{classStyle:"save-btn",label:Object(d.i)(p),onClick:Qo})),r.a.createElement("span",{className:"screenshot-link screenshot-final"},r.a.createElement(s.a,{classStyle:"next-btn",label:Object(d.i)(c),onClick:function(){Qo();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),d.N.next(!0),d.M.next(!0)}),1e3)}})))))))},A=a(21),U=function(e){var t=e.emailPath,a=(e.imageRootPath,e.reviewsaveData),n=e.ok,i=e.recaptchaToken,c=Object(l.useState)(""),m=Object(o.a)(c,2),p=m[0],h=m[1],b=Object(l.useState)(""),f=Object(o.a)(b,2),w=f[0],v=f[1],x=Object(l.useState)(""),E=Object(o.a)(x,2),O=E[0],y=E[1],j=Object(l.useState)(""),N=Object(o.a)(j,2),S=N[0],P=N[1],k=Object(l.useState)(!1),D=Object(o.a)(k,2),C=D[0],R=D[1],L=Object(l.useState)(!1),U=Object(o.a)(L,2),H=U[0],z=U[1];Object(l.useEffect)((function(){Object(d.z)().subscribe((function(e){z(e)}))}),[]);return r.a.createElement("div",{className:"modal fade",id:"email-modal",role:"dialog","aria-hidden":"true"},H&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document",id:"parent-modal"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{id:"close",type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},r.a.createElement("label",null,a.emailFieldLabel.text),r.a.createElement("input",{className:"mb-2 ".concat(C?"error-class":""),type:"text",onChange:function(e){h(e.target.value)},onKeyUp:function(){""===p||!1===Object(d.a)(p)?R(!0):R(!1)}}),C&&r.a.createElement("p",{className:"error"},a.emailFieldValidationMessage.text),r.a.createElement("label",null,a.emailMessageLabel.text),r.a.createElement("textarea",{onChange:function(e){v(e.target.value)}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement(s.a,{label:Object(d.i)(a.sendEmailButtonLabel.text),onClick:function(){""!==p&&!1!==Object(d.a)(p)&&function(){Object(d.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-invisible-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 c=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++)c(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(d.L)()}),(function(e){y("error"),P(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(d.L)()})).catch((function(e){y("error"),P(a.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(d.L)()}))}),5e3)}()},disabled:""===p||!1===Object(d.a)(p)})))),r.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},a.sendEmailButtonLabel.text),r.a.createElement(A.a,{name:"email-sent",type:O,text:S,buttonText:n}))},H=a(30),z=function(e){var t=e.reviewsaveData,a=e.back,n=e.dispatchRequestQuoteURL,i=e.emailPath,c=e.imageRootPath,m=e.ok,u=e.door,p=e.recaptchaKey,h=Object(l.useState)([]),b=Object(o.a)(h,2),f=b[0],w=b[1],v=Object(l.useState)(""),x=Object(o.a)(v,2),E=(x[0],x[1],Object(l.useState)("")),O=Object(o.a)(E,2),I=O[0],y=(O[1],Object(l.useState)("")),j=Object(o.a)(y,2),N=j[0],S=(j[1],Object(l.useState)(!1)),P=Object(o.a)(S,2),k=P[0],D=P[1],C=Object(l.useState)(!1),R=Object(o.a)(C,2),L=R[0],A=R[1],z=Object(l.useRef)(),W=Object(l.useState)(""),Z=Object(o.a)(W,2),T=Z[0],M=Z[1];Object(l.useEffect)((function(){Object(d.z)().subscribe((function(e){A(e)})),d.M.subscribe((function(e){if(e&&localStorage.getItem("desc-data")){var t=localStorage.getItem("desc-data"),a=JSON.parse(t);w(a),d.N.subscribe((function(e){!0===e&&(Object(d.b)(),setTimeout((function(){Object(d.L)()}),7e3),d.N.next(!1))}))}}))}),[]);var V=function(){d.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}),1e3)},B=function(e){var t="";return t=e.indexOf("http")>-1?e:c+e,e.indexOf("{hardware-overlay-image}")>-1&&(t=""),t};return r.a.createElement("div",{className:"review-save-main"},L&&r.a.createElement(g.a,null),r.a.createElement("div",{className:"review-save-main-inner"},r.a.createElement("div",{className:"row no-gutters lg-images"},r.a.createElement("div",{className:"col-12 col-md-6 print-door print-door1"},r.a.createElement("figure",{className:"figure"},r.a.createElement("img",{id:"before-img",alt:"Garage Door Before Design",src:I,className:"figure-img img-fluid",onLoad:function(){}}),r.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.before.text))),r.a.createElement("div",{className:"col-12 col-md-6 print-door print-door2"},r.a.createElement("figure",{className:"figure"},r.a.createElement("img",{id:"after-img",alt:"Garage Door After Design",src:N,className:"figure-img img-fluid"}),r.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.after.text))),r.a.createElement("div",{className:"container"},r.a.createElement("p",{className:"body-text3"},t.disclaimer.text))),r.a.createElement("div",{className:"container d-flex justify-content-between flex-wrap links-and-buttons hide-print-media","data-html2canvas-ignore":"true"},r.a.createElement("div",{className:"next-btn back-btn pr-md-3 pr-lg-0 pr-0 d-flex hide-print-media"},r.a.createElement("div",{className:"mr-3 hide-print-media"},r.a.createElement(s.a,{label:Object(d.i)(a),onClick:V,inverse:!0})),r.a.createElement("div",{className:"hide-print-media"},r.a.createElement(s.a,{label:Object(d.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"),D(!1),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0),d.t.next(!0)}}))),r.a.createElement("div",{"data-html2canvas-ignore":"true",className:"hide-print-media"},r.a.createElement("div",{className:"row text-left text-md-right my-lg-0 mx-lg-0 align-items-center justify-content-end share-buttons"},r.a.createElement("div",{onClick:function(){D(!k);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:c,door:u};!1===k?localStorage.setItem("designer-fav",JSON.stringify(r)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer align-items-center share-item"},!0===k?r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favourite Icon",className:"mr-2"}):r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favourite Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.favourites.text)),r.a.createElement("div",{className:"pdf-generate cursor-pointer d-flex align-items-center share-item"},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-pdf.svg",alt:"PDF Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.savePdf.text)),r.a.createElement("div",{onClick:function(){window.print()},className:"print cursor-pointer d-flex align-items-center share-item"},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-printer.svg",alt:"Printer Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.print.text)),r.a.createElement("div",{onClick:function(){document.getElementById("parent-modal").style.display="block",z.current.execute()},"data-toggle":"modal","data-target":"#email-modal",className:"email pdf-generate-email cursor-pointer d-flex align-items-center share-item"},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-mail.svg",alt:"Mail Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.email.text)),r.a.createElement("div",{className:"request-quote px-0 ml-sm-3 pt-2 pt-sm-0 text-left share-item"},r.a.createElement(s.a,{label:Object(d.i)(t.raq.text),onClick:function(){for(var e="Source:"+window.location.origin+"|",t=localStorage.getItem("desc-data"),a=JSON.parse(t),o=0;o<a.length;o++){e=e+"Door#"+(o+1)+"|";for(var l=a[o].doorText,r="",i=0;i<l.length;i++)r=i===l.length-1?r+l[i][0]+":"+l[i][1]+";":r+l[i][0]+":"+l[i][1]+",";e+=r}var c=encodeURIComponent(e),d=n+c;window.open(d,"_blank")}}))))),r.a.createElement("div",{className:"container d-lg-flex review-save-door-box pt-5"},f&&f.length>0&&f.map((function(e,t){return r.a.createElement("div",{className:"multiple-doors",key:t},r.a.createElement("div",{key:t,className:"col-xl-12 col-lg-12 col-12 pl-0 pr-0"},r.a.createElement("div",{className:"row m-0 text-center align-items-center p-3"},r.a.createElement("div",{className:"col-11 p-0 text-left"},r.a.createElement("h5",{className:"m-0"},u," ",t+1)),r.a.createElement("div",{className:"col-1 p-0 hide-print-media","data-html2canvas-ignore":"true"},r.a.createElement("span",null,r.a.createElement("img",{onClick:function(e){return function(e,t){V();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"})))),r.a.createElement("div",{className:"row m-0 px-3 pt-4 pb-5 mb-3 image-row text-center"},r.a.createElement("div",{className:"col-12 p-0"},r.a.createElement("span",{className:"hardware-img-parent"},r.a.createElement("img",{alt:e.doorText[2][1],src:B(e.doorImage[0])}),B(e.doorImage[1])&&B(e.doorImage[1]).length>0&&r.a.createElement("img",{className:"hardware-img",alt:e.doorText[2][1],src:B(e.doorImage[1])})))),r.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?r.a.createElement("div",{className:"row m-0 font-weight-semi",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1]))):r.a.createElement("div",{className:"row m-0 ",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1])))})))))})))),r.a.createElement(U,{emailPath:i,imageRootPath:c,reviewsaveData:t,ok:m,recaptchaToken:T}),r.a.createElement("canvas",{id:"email-img0",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img1",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img2",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img3",width:"500",height:"500"}),r.a.createElement(H.a,{ref:z,sitekey:p,size:"invisible",onChange:function(e){M(e)},onExpired:function(){z.current.execute()}}))},W=function(e){var t,a,i=e.doorDesignerData,m=Object(d.g)(i),u=Object(l.useState)("door-size"),p=Object(o.a)(u,2),g=p[0],h=p[1],f=function(e,t){h(t)};Object(l.useEffect)((function(){d.x.subscribe((function(e){if(!0===e){if(localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("image-type","chosen"),window.location.search){var t,a=new URLSearchParams(window.location.search),l=Object(n.a)(a);try{for(l.s();!(t=l.n()).done;){var r,i,c=Object(o.a)(t.value,2),s=c[0];c[1];if("collection"===s||"window"===s||"panel"===s||"color"===s)null===(r=document.getElementById("design-door-tab"))||void 0===r||r.click(),window.scrollTo(0,0),null===(i=document.getElementById("doordesigner-link"))||void 0===i||i.click()}}catch(m){l.e(m)}finally{l.f()}}d.x.next(!1)}}))}),[]);return r.a.createElement(c,null,r.a.createElement("div",{className:"col-xl-12 col-md-12 col-sm-12 col-12 p-0 door-designer"},r.a.createElement("div",{className:"main-content"},r.a.createElement("div",{className:"tabs-container col-xl-9 col-md-10 col-sm-11 col-12 px-0 px-md-3"},r.a.createElement("ul",{className:"nav nav-tabs heading-tabs hide-print-media",id:"myTab",role:"tablist"},r.a.createElement("li",{role:"tab",className:"nav-item ".concat("door-size"===g?"active":""),onClick:function(e){return f(0,"door-size")}},r.a.createElement("a",{className:"nav-link amarr-h4 active",id:"door-size-tab",href:"#door-size","data-toggle":"tab","aria-controls":"door-size-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"1")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step1.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===g?"active":""),onClick:function(e){return f(0,"home-image")}},r.a.createElement("a",{className:"nav-link amarr-h4",id:"home-image-tab",href:"#home-image","data-toggle":"tab","aria-controls":"home-image-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"2")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step2.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===g?"active":""),onClick:function(e){return f(0,"design-door")}},r.a.createElement("a",{className:"nav-link amarr-h4",id:"design-door-tab",href:"#design-door","data-toggle":"tab","aria-controls":"design-door-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"3")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step3.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===g?"active":""),onClick:function(e){return f(0,"review-save")}},r.a.createElement("a",{className:"nav-link amarr-h4",id:"review-save-tab",href:"#review-save","data-toggle":"tab","aria-controls":"review-save-tab"},r.a.createElement("div",{className:"door-box amarr-h6"},r.a.createElement("span",{className:"door-number"},"4")),r.a.createElement("h3",{className:"amarr-h4 stepper-head"},r.a.createElement("span",null,m.step4.heading.text)))))),r.a.createElement("div",{className:"tab-content"},r.a.createElement("div",{className:"tab-pane fade show active",id:"door-size",role:"tabpanel","aria-labelledby":"door-size-tab"},r.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-0"},r.a.createElement(b,{doorSizeData:m.step1,door:m.door.text,next:m.next.text,sampleHomeImagesCSV:m.sampleHomeImagesCSV,doorOptionsAPIURL:m.doorOptionsAPIURL,imageRootPath:m.imageRootPath}))),r.a.createElement("div",{className:"tab-pane fade",id:"home-image",role:"tabpanel","aria-labelledby":"home-image-tab"},r.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-md-0"},r.a.createElement(j,{homeImageData:m.step2,next:m.next.text,back:m.back.text}))),r.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},r.a.createElement(L,{designDoorData:m.step3,door:m.door.text,next:m.next.text,back:m.back.text,save:m.save.text,cancel:m.cancel.text,ok:m.ok.text,doorOptionsAPIURL:m.doorOptionsAPIURL,doorHintsAPIURL:m.doorHintsAPIURL,doorDescriptionAPIURL:m.doorDescriptionAPIURL,colorZoneAPIURL:m.colorZoneAPIURL,rulesAPIURL:m.rulesAPIURL,doorImageRootPath:m.doorImageRootPath,collectionDetailURLs:m.collectionDetailURLs})),r.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},r.a.createElement(z,{imageRootPath:m.imageRootPath,reviewsaveData:m.step4,back:m.back.text,dispatchRequestQuoteURL:m.dispatchRequestQuoteURL,emailPath:m.emailPath,ok:m.ok.text,door:m.door.text,recaptchaKey:m.invisibleRecaptchaKey}))))),r.a.createElement("a",{id:"doordesigner-link","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),r.a.createElement("div",{className:"modal fade alert-popup",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered dd-popup",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body py-4 mb-3"},r.a.createElement("div",null,null===(t=m.popupMessage)||void 0===t?void 0:t.text)),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("span",{className:""},r.a.createElement("a",{href:"#","data-dismiss":"modal"},r.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(d.i)(null===(a=m.ok)||void 0===a?void 0:a.text)}))))))))};W.defaultProps={config:"",theme:"",doorDesignerData:""};t.a=W},8: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(34),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}))))}}});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@assaabloy/amarr-wc-door-designer",
3
- "version": "2.0.13",
3
+ "version": "2.0.16",
4
4
  "description": "Web component - Door-designer",
5
5
  "type": "module",
6
6
  "main": "door-designer.js",
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "author": "Nagarro",
13
13
  "license": "MIT",
14
- "gitHead": "73b8cd71b8c7218c0f0516ab1b82759ddf7d67e6"
14
+ "gitHead": "9f3ba6df9c158cc30da75ee0580ede76a260641f"
15
15
  }