npm - @assaabloy/amarr-wc-door-designer - Versions diffs - 1.0.128 → 1.0.129 - Mend

@assaabloy/amarr-wc-door-designer 1.0.128 → 1.0.129

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

Files changed (2) hide show

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

package/door-designer.js CHANGED Viewed

	@@ -1 +1 @@
1	- !function(e){function t(t){for(var n,r,c=t[0],i=t[1],s=t[2],m=0,p=[];m<c.length;m++)r=c[m],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&p.push(o[r][0]),o[r]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(d&&d(t);p.length;)p.shift()();return l.push.apply(l,s\|\|[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],n=!0,c=1;c<a.length;c++){var i=a[c];0!==o[i]&&(n=!1)}n&&(l.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},o={36: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 c=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]\|\|[],i=c.push.bind(c);c.push=t,c=c.slice();for(var s=0;s<c.length;s++)t(c[s]);var d=i;l.push([479,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,"F",(function(){return l})),a.d(t,"i",(function(){return r})),a.d(t,"v",(function(){return c})),a.d(t,"x",(function(){return i})),a.d(t,"q",(function(){return s})),a.d(t,"u",(function(){return d})),a.d(t,"n",(function(){return m})),a.d(t,"o",(function(){return p})),a.d(t,"y",(function(){return u})),a.d(t,"C",(function(){return g})),a.d(t,"p",(function(){return b})),a.d(t,"h",(function(){return h})),a.d(t,"w",(function(){return v})),a.d(t,"D",(function(){return w})),a.d(t,"l",(function(){return E})),a.d(t,"j",(function(){return O})),a.d(t,"m",(function(){return y})),a.d(t,"k",(function(){return j})),a.d(t,"s",(function(){return N})),a.d(t,"A",(function(){return I})),a.d(t,"r",(function(){return S})),a.d(t,"E",(function(){return k})),a.d(t,"b",(function(){return P})),a.d(t,"B",(function(){return D})),a.d(t,"t",(function(){return R})),a.d(t,"a",(function(){return C})),a.d(t,"d",(function(){return A})),a.d(t,"f",(function(){return L})),a.d(t,"e",(function(){return U})),a.d(t,"c",(function(){return H})),a.d(t,"G",(function(){return z})),a.d(t,"z",(function(){return Z}));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()},c=function(e){return e.replaceAll(" ","-").toLowerCase()},i=new n.a(!1),s=new n.a(!1),d=new n.a(!1),m=new n.a(!1),p=new n.a(""),u=new n.a(!1),g=new n.a(!1),b=new n.a(!1),h=new n.a(!1),f=new n.a(!1),x=0,v=new n.a(!1),w=new n.a(""),E=new n.a(""),O=new n.a(""),y=new n.a(""),j=new n.a(""),N=new n.a(""),I=new n.a(""),S=new n.a(!1),k=new n.a(!1),P=function(){setTimeout((function(){x++,f.next(!0)}),0)},D=function(){setTimeout((function(){x>0&&x--,0==x&&f.next(!1)}),0)},R=function(){return f.asObservable()},C=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)},A=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]$/)},L=function(e){return/^[0-9a-zA-Z !@#\$%\^\&\)$+=._-]+$/.test(e)},U=function(e){return/^\(?([0-9]{3})$\s[0-9]{3}-[0-9]{4}$/.test(e)},H=function(e){return/^[0-9]$/.test(e)},z=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~\|!:,.;][-a-zA-Z0-9+&@#/%=~\|]$/.test(e)},Z=function(e){if(e&&""!==e){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e}},19:function(e,t){e.exports=ReactDOM},21:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));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),c=function(e){var t=e.buttonText,a=void 0===t?"ok":t,n=e.text,c=void 0===n?"some message here.":n,i=e.name,s=void 0===i?"":i,d=e.type,m=void 0===d?"success":d,p=e.reloadPopup;return o.a.createElement(l,null,o.a.createElement("div",{className:"modal fade alert-popup",id:"msg-popup-".concat(s),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"},c)),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),p&&!0===p&&window.location.reload()}})))))))}},235:function(e,t){},236:function(e,t){},391:function(e,t,a){"use strict";a.r(t);var n=a(13),o=a(67);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 s}));var n=a(20),o=a(0),l=a.n(o),r=a(4),c=r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),i=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;}']),s=function(e){var t=e.label,a=void 0===t?"label":t,o=e.classStyle,r=void 0===o?"default":o,s=e.link,d=void 0!==s&&s,m=e.disabled,p=void 0!==m&&m,u=e.datatoggle,g=void 0===u?"":u,b=e.datatarget,h=void 0===b?"":b,f=e.linkHref,x=e.target,v=void 0===x?"_self":x,w=e.downloadLink,E=void 0!==w&&w,O=e.inverse,y=void 0!==O&&O,j=e.icon,N=void 0===j?"":j,I=e.iconAlt,S=void 0===I?"":I,k=e.dataItemName,P=void 0===k?"":k,D=e.id,R=void 0===D?"":D,C=e.type,A=void 0===C?"button":C,L=Object(n.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type"]);return l.a.createElement(c,null,l.a.createElement("div",{className:""},d?l.a.createElement("a",{href:f,download:E,target:v,"data-item-name":P,id:R},l.a.createElement(i,Object.assign({disabled:p,classStyle:"".concat(r)},L,{type:A,className:y?"btn-inverse btn btn-success":"btn btn-success"}),""!=N?l.a.createElement("div",{"data-toggle":g,"data-target":h},l.a.createElement("img",{className:"button-icon",src:N,alt:S}),l.a.createElement("span",null,a)):l.a.createElement("span",null,a))):l.a.createElement(i,Object.assign({disabled:p,classStyle:r,className:y?"btn-inverse btn btn-success":"btn btn-success",id:R,"data-item-name":P,type:A},L),l.a.createElement("span",null,a))))}},67:function(e,t,a){"use strict";var n=a(22),o=a(2),l=a(0),r=a.n(l),c=a(4),i=c.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){top:65px;background:#ffff;}}.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;}#link1{visibility:hidden;font-size:1px;}.modal-dialog{background-color:#fff;}.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;}.door-properties{padding:10px 0 !important;}}@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;}}}}.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%;.figure-img{width:100%;margin-bottom:0;height:450px !important;@media screen and (min-width:1681px){height:680px !important;}@media screen and (min-width:768px) and (max-width:991px){height:380px !important;}}}.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:216px;align-items:center;}@media screen and (min-width:1024px){.review-save-door-box{gap:1.88%;.multiple-doors{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;}}@media print{@page{margin-top:2cm;padding-top:2cm;margin-left:0;margin-right:0;size:297mm 420mm;}body{width:100%;height:100%;}.print-door{max-height:450px !important;img{height:450px !important;padding:0 20px !important;}}.figure-img{width:calc(50%);}.review-save-door-box{max-width:100%;justify-content:center;.multiple-doors{float:none !important;border:0 !important;max-width:30%;.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;}}}}']),s=a(1),d=a(5),m=a(6),p=a.n(m),u=a(147),g=a(8),b=[1,2,3,4],h=function(e){var t=e.doorSizeData,a=e.door,c=e.next,i=e.sampleHomeImagesCSV,m=e.doorOptionsAPIURL,h=e.imageRootPath,f=Object(l.useState)(1),x=Object(o.a)(f,2),v=x[0],w=x[1],E=Object(l.useState)([0]),O=Object(o.a)(E,2),y=O[0],j=O[1],N=Object(l.useState)([]),I=Object(o.a)(N,2),S=I[0],k=I[1],P=Object(l.useState)([]),D=Object(o.a)(P,2),R=D[0],C=D[1],A=Object(l.useState)([]),L=Object(o.a)(A,2),U=L[0],H=L[1],z=Object(l.useState)(!1),Z=Object(o.a)(z,2),W=Z[0],B=Z[1],T=[{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}];Object(l.useEffect)((function(){if(M(),V(),s.p.subscribe((function(e){e&&(j([0]),w(1))})),Object(s.t)().subscribe((function(e){B(e)})),window.location.search){var e,t=new URLSearchParams(window.location.search),a=Object(n.a)(t);try{for(a.s();!(e=a.n()).done;){var l=Object(o.a)(e.value,2),r=l[0];l[1];if("collection"===r\|\|"window"===r\|\|"panel"===r\|\|"color"===r){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(i){a.e(i)}finally{a.f()}}}),[]);var V=function(){Object(s.b)(),p.a.get(i).then((function(e){var t=[],a=Object(u.a)(e.data).data,n=[];a.forEach((function(e){n.push(h+"DoorApp/homes/"+e[0])}));for(var o=0;o<a.length;o++){var l={index:o,images:[h+"homes/"+a[o][0]]},r=!1,c=!1;l.doors=[];for(var i=1;i<a[o].length;i+=9)l.doors.push({type:a[o][i].trim(),positions:a[o].slice(i+1,i+9)}),"s"==a[o][i].trim()&&(r=!0),"d"==a[o][i].trim()&&(c=!0),l.type=c&&r?"m":r?"s":"d",t.push(l)}localStorage.setItem("points",JSON.stringify(t)),H(n),localStorage.setItem("gallery",JSON.stringify(n)),Object(s.B)()}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))},M=function(){p.a.post(m,{names:["width","height"],hints:{}},{headers:{"content-type":"application/json"}}).then((function(e){k(e.data.options.height),C(e.data.options.width)}))};return r.a.createElement("div",{className:"door-size-content"},W&&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),b.map((function(e,t){return r.a.createElement("div",{className:"door-box amarr-h6 ".concat(v===e?"selected":""),key:t,onClick:function(){return function(e){j([0]);var t=[];w(e+1);for(var a=0;a<=e;a++)t.push(a);j(t)}(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){T[t].width=Number(e.target.value)}(e,n)}},R&&R.length>0&&R.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value},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){T[t].height=Number(e.target.value)}(e,n)}},S&&S.length>0&&S.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value},e.description," '")}))))))))})),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 next-btn door-size"},r.a.createElement(d.a,{label:Object(s.i)(c),onClick:function(){var e,t=v-T.length;0!=t&&T.splice(t),T.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(T)),localStorage.setItem("gallery",JSON.stringify(U)),s.q.next(!0),null===(e=document.getElementById("home-image-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}}))))},f=a(27),x=a.n(f),v=a(33),w=function(e){var t=e.homeImageData,a=e.next,c=e.back,i=Object(l.useState)(""),m=Object(o.a)(i,2),p=m[0],u=m[1],g=Object(l.useState)(!1),b=Object(o.a)(g,2),h=b[0],f=b[1],w=Object(l.useState)([]),E=Object(o.a)(w,2),O=E[0],y=E[1],j=Object(l.useState)(0),N=Object(o.a)(j,2),I=N[0],S=N[1],k=Object(l.useState)(t.uploadNoImageText.text),P=Object(o.a)(k,2),D=P[0],R=P[1];Object(l.useEffect)((function(){if(localStorage.setItem("image-type","chosen"),s.q.subscribe((function(e){e&&C()})),window.location.search){var e,t=new URLSearchParams(window.location.search),a=Object(n.a)(t);try{for(a.s();!(e=a.n()).done;){var l=Object(o.a)(e.value,2),r=l[0];l[1];"collection"!==r&&"window"!==r&&"panel"!==r&&"color"!==r\|\|(localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),L({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(c){a.e(c)}finally{a.f()}}}),[]);var C=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")),2===t){var r="";"sd"!==(r=r+JSON.parse(e)[0].type+JSON.parse(e)[1].type)&&"ds"!==r\|\|(a="other")}var c=[],i=localStorage.getItem("gallery");JSON.parse(i).forEach((function(e){e.indexOf(a)>-1&&c.push(e)})),y(c),u(c[0])}},A=function(){var e=Object(v.a)(x.a.mark((function e(t){var a,n,o;return x.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=22;break}if(localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),a=t.target.files[0].name,n=a.split(".").pop(),R(a),"jpg"!==n&&"jpeg"!==n&&"png"!==n){e.next=20;break}if(f(!1),!(t.target.files[0].size<=5e6)){e.next=16;break}f(!1),(o=new FileReader).addEventListener("load",(function(){return u(o.result)})),o.readAsDataURL(t.target.files[0]),e.next=18;break;case 16:return f(!0),e.abrupt("return");case 18:e.next=22;break;case 20:return f(!0),e.abrupt("return");case 22:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),L=function(e,t,a){var n=new Image;n.src=t,n.onload=function(e){localStorage.setItem("dimensions",e.currentTarget.width+","+e.currentTarget.height)},localStorage.setItem("image-type","chosen"),S((function(){return I=a})),u(t)};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:A,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,D))),h&&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 L(a,e,t)}},r.a.createElement("img",{src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===I?"selected-item":"")})))})))))),r.a.createElement("div",{className:"row mx-0"},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(d.a,{label:Object(s.i)(c),inverse:!0,onClick:function(){var e;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(d.a,{label:Object(s.i)(a),onClick:function(){var e;p.length>0?localStorage.setItem("image",p):O.length>0?localStorage.setItem("image",O[0]):localStorage.setItem("image",""),s.u.next(!0),null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}})))))},E=c.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;}}"]),O=a(145),y=function(e){var t=e.colorzoneData,a=(e.save,e.cancel,e.mainIndex),n=e.dropdownChange,c=void 0===n?function(e,t,a,n,o,l){}:n,i=e.colorZoneAPIURL,d=Object(l.useState)([]),m=Object(o.a)(d,2),u=m[0],g=m[1],b=Object(l.useState)(""),h=Object(o.a)(b,2),f=h[0],x=h[1],v=Object(l.useState)([]),w=Object(o.a)(v,2),E=w[0],y=w[1];Object(l.useEffect)((function(){s.n.subscribe((function(e){e&&j()}))}),[]);var j=function(){Object(s.b)(),p.a.get(i).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),y(a),Object(s.B)()}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))};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=[];u.forEach((function(e){-1===e.key.indexOf(f)&&-1===e.value.toLowerCase().indexOf(f)\|\|t.push(e)})),y(t)}else y(u)},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(O.k)("rgb("+t[1]+")").split("#")[1];c(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}}))))},j=function(e){var t,a,n=e.mosaicData,c=e.ok,i=e.cancel,m=e.mainIndex,u=e.dropdownChange,g=void 0===u?function(e,t,a,n,o,l){}:u,b=e.doorHintsAPIURL,h=e.rulesAPIURL,f=e.doorImageRootPath,x={PanelWidths:{},SectionHeights:{}},v=null,w=f,E=Object(l.useState)(""),O=Object(o.a)(E,2),y=O[0],j=O[1],N=Object(l.useState)(),I=Object(o.a)(N,2),S=I[0],k=I[1],P=Object(l.useState)(),D=Object(o.a)(P,2),R=D[0],C=D[1],A=Object(l.useState)(),L=Object(o.a)(A,2),U=L[0],H=L[1];Object(l.useEffect)((function(){Z()}),[]),Object(l.useEffect)((function(){s.y.subscribe((function(e){e&&setTimeout((function(){z()}),1e3)}))}),[]);var z=function(){Object(s.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),p.a.post(b,n,{headers:{"content-type":"application/json"}}).then((function(e){Object(s.B)(),a=B(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=T(v);j(w+t)}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))},Z=function(){p.a.get(h).then((function(e){t=e.data;var a=w+"rules/"+t.PanelDimensions.Carriage.SectionHeightsFile,n=w+"rules/"+t.PanelDimensions.Short.PanelWidthsFile,o=w+"rules/"+t.PanelDimensions.Long.PanelWidthsFile,l=w+"rules/"+t.PanelDimensions.Mexico.PanelWidthsFile;p.a.get(a).then((function(e){x.SectionHeights=e.data})),p.a.get(o).then((function(e){x.PanelWidths.Long=e.data})),p.a.get(n).then((function(e){x.PanelWidths.Short=e.data})),p.a.get(l).then((function(e){x.PanelWidths.Mexico=e.data}))}))},W=function(e){var t,a,n=e.height,o=e.width,l=e.placement;return C(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}},B=function(e,t,a){for(var n=W({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"},V=function(e,t,a,n,o,l,r,c,i,s,d,m){k(v={gpid:e,resolution:5,width:t,height:a,model:n+o,color:"ColorZone"===l?r:c,placement:i,panel:s,glaze:d,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",src:y,alt:"mosaic image",onClick:function(e){return function(e){var t,n;x=R,a=U;var o=W(v=S),l=a,r=null===(t=document.getElementById("mosaic-image"))\|\|void 0===t?void 0:t.clientWidth,c=null===(n=document.getElementById("mosaic-image"))\|\|void 0===n?void 0:n.clientHeight,i=r/o.p,s=c/o.s,d=Math.floor(e.nativeEvent.offsetX/i),m=Math.floor(e.nativeEvent.offsetY/s),p=o.pm+d+m;l=function(e,t,a){return e.substring(0,t)+a+e.substring(t+1)}(l,p,"G"===l[p]?"X":"G"),H(l),v.gpid=l,k(v);var u=T(v);j(w+u)}(e)}}))),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("a",{"data-dismiss":"modal"},r.a.createElement(d.a,{label:Object(s.i)(i)})),r.a.createElement(d.a,{label:Object(s.i)(c),onClick:function(){g(m,"windowplacement","Mosaic","","",U)},"data-dismiss":"modal"})))))},N=function(e){e.mainIndex;var t=e.name,a=e.ok,n=e.cancel,c=Object(l.useState)(""),i=Object(o.a)(c,2),m=i[0],p=i[1],u=Object(l.useState)(""),g=Object(o.a)(u,2),b=g[0],h=g[1],f=Object(l.useState)(""),x=Object(o.a)(f,2),v=x[0],w=x[1],E=Object(l.useState)(""),O=Object(o.a)(E,2),y=O[0],j=O[1];return Object(l.useEffect)((function(){s.A.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);p(t.modeltitle),h(t.modellongdescription),w(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:v,alt:y})),r.a.createElement("div",{className:""},r.a.createElement("h4",null,m),r.a.createElement("p",{className:"body-text1 mb-4 pb-2"},b),r.a.createElement("div",{className:"button-div button-div-mobile"},r.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},r.a.createElement(d.a,{label:Object(s.i)(n)})),r.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},r.a.createElement(d.a,{label:Object(s.i)(a)})))))))))},I=function(e){var t=e.dropdownData,a=e.link,n=e.designDoorData,c=e.save,i=e.cancel,d=e.ok,m=e.mainIndex,u=e.type,g=e.dropdownChange,b=void 0===g?function(e,t,a,n,o,l){}:g,h=e.selectedValue,f=e.colorZoneAPIURL,x=e.rulesAPIURL,v=e.doorHintsAPIURL,w=e.doorImageRootPath,O=Object(l.useState)("Select"),I=Object(o.a)(O,2),S=(I[0],I[1]),k=Object(l.useState)(""),P=Object(o.a)(k,2),D=(P[0],P[1]),R=Object(l.useState)([]),C=Object(o.a)(R,2),A=C[0],L=C[1],U=Object(l.useState)(""),H=Object(o.a)(U,2),z=H[0],Z=H[1],W=function(e,t){S(t.description),D(t.value),"ColorZone"===t.value&&s.n.next(!0),"Mosaic"===t.value&&s.y.next(!0),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(b(m,u,t.value,"","",""),"construction"===u&&(Z(t.value),B(t.value)))},B=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),p.a.post(v,n,{headers:{"content-type":"application/json"}}).then((function(e){s.A.next(JSON.stringify(e.data))}))};Object(l.useEffect)((function(){L(t)}),[t,h]);return r.a.createElement(E,null,r.a.createElement("div",{className:"btn-group"},r.a.createElement("button",{type:"button",onClick:function(){s.o.subscribe((function(e){if(e.length>2){var t=e,a=JSON.parse(t);"collection"===u?L(a[m].collection):"panel"===u?L(a[m].panel):"color"===u?L(a[m].color):"windowdesign"===u?L(a[m].windowdesign):"glass"===u?L(a[m].glass):"construction"===u?L(a[m].construction):"hardware"===u&&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===h&&(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"!==u&&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"===u?"#details-modal-".concat(z):""),key:t,onClick:function(t){W(0,e)}},r.a.createElement("div",null,r.a.createElement("img",{alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==u&&r.a.createElement("p",{className:"amarr-h6"},e.description),a&&r.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},a))),"construction"===u&&r.a.createElement("a",{className:'"dropdown-item d-block"',href:"#","data-toggle":"modal",key:t,onClick:function(t){W(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"===u&&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(y,{colorZoneAPIURL:f,colorzoneData:n,save:c,cancel:i,dropdownChange:b,mainIndex:m}),r.a.createElement(j,{doorImageRootPath:w,doorHintsAPIURL:v,rulesAPIURL:x,mosaicData:n,ok:d,cancel:i,mainIndex:m,dropdownChange:b}),r.a.createElement(N,{mainIndex:m,name:"details-modal-".concat(z),ok:d,cancel:i}))},S=function(e){var t=e.collectionDetailURLs,a=e.designDoorData,c=e.door,i=e.next,m=e.back,u=e.save,b=e.cancel,h=e.ok,f=e.doorOptionsAPIURL,x=e.doorHintsAPIURL,v=e.doorDescriptionAPIURL,w=e.colorZoneAPIURL,E=e.rulesAPIURL,O=e.doorImageRootPath,y=Object(l.useState)([]),j=Object(o.a)(y,2),N=j[0],S=j[1],k=Object(l.useState)([]),P=Object(o.a)(k,2),D=P[0],R=P[1],C=Object(l.useState)(1),A=Object(o.a)(C,2),L=(A[0],A[1]),U=Object(l.useState)([0]),H=Object(o.a)(U,2),z=H[0],Z=H[1],W=(Object(l.useRef)(null),Object(l.useState)([])),B=Object(o.a)(W,2),T=B[0],V=B[1],M=Object(l.useState)(""),J=Object(o.a)(M,2),G=(J[0],J[1]),q=Object(l.useState)(0),_=Object(o.a)(q,2),F=_[0],X=_[1],$=Object(l.useState)([]),Q=Object(o.a)($,2),K=Q[0],Y=Q[1],ee=Object(l.useState)([]),te=Object(o.a)(ee,2),ae=te[0],ne=te[1],oe=Object(l.useState)([]),le=Object(o.a)(oe,2),re=le[0],ce=le[1],ie=Object(l.useState)([]),se=Object(o.a)(ie,2),de=se[0],me=se[1],pe=Object(l.useState)([]),ue=Object(o.a)(pe,2),ge=ue[0],be=ue[1],he=Object(l.useState)([]),fe=Object(o.a)(he,2),xe=fe[0],ve=fe[1],we=Object(l.useState)([]),Ee=Object(o.a)(we,2),Oe=Ee[0],ye=Ee[1],je=Object(l.useState)([]),Ne=Object(o.a)(je,2),Ie=Ne[0],Se=Ne[1],ke=Object(l.useState)(""),Pe=Object(o.a)(ke,2),De=Pe[0],Re=Pe[1],Ce=Object(l.useState)(""),Ae=Object(o.a)(Ce,2),Le=Ae[0],Ue=Ae[1],He=Object(l.useState)(""),ze=Object(o.a)(He,2),Ze=ze[0],We=ze[1],Be=Object(l.useState)(""),Te=Object(o.a)(Be,2),Ve=Te[0],Me=Te[1],Je=Object(l.useState)(""),Ge=Object(o.a)(Je,2),qe=Ge[0],_e=Ge[1],Fe=Object(l.useState)(""),Xe=Object(o.a)(Fe,2),$e=Xe[0],Qe=Xe[1],Ke=Object(l.useState)(""),Ye=Object(o.a)(Ke,2),et=Ye[0],tt=Ye[1],at=Object(l.useState)(""),nt=Object(o.a)(at,2),ot=nt[0],lt=nt[1],rt=Object(l.useState)([]),ct=Object(o.a)(rt,2),it=ct[0],st=ct[1],dt=Object(l.useState)([]),mt=Object(o.a)(dt,2),pt=mt[0],ut=mt[1],gt=Object(l.useState)([]),bt=Object(o.a)(gt,2),ht=bt[0],ft=bt[1],xt=Object(l.useState)([]),vt=Object(o.a)(xt,2),wt=vt[0],Et=vt[1],Ot=Object(l.useState)([]),yt=Object(o.a)(Ot,2),jt=yt[0],Nt=yt[1],It=Object(l.useState)([]),St=Object(o.a)(It,2),kt=St[0],Pt=St[1],Dt=Object(l.useState)([]),Rt=Object(o.a)(Dt,2),Ct=Rt[0],At=Rt[1],Lt=Object(l.useState)([]),Ut=Object(o.a)(Lt,2),Ht=Ut[0],zt=Ut[1],Zt=Object(l.useState)(""),Wt=Object(o.a)(Zt,2),Bt=Wt[0],Tt=Wt[1],Vt=Object(l.useState)(""),Mt=Object(o.a)(Vt,2),Jt=Mt[0],Gt=Mt[1],qt=Object(l.useState)(""),_t=Object(o.a)(qt,2),Ft=_t[0],Xt=_t[1],$t=Object(l.useState)(""),Qt=Object(o.a)($t,2),Kt=Qt[0],Yt=Qt[1],ea=Object(l.useState)(""),ta=Object(o.a)(ea,2),aa=ta[0],na=ta[1],oa=Object(l.useState)(""),la=Object(o.a)(oa,2),ra=la[0],ca=la[1],ia=Object(l.useState)(""),sa=Object(o.a)(ia,2),da=sa[0],ma=sa[1],pa=Object(l.useState)(""),ua=Object(o.a)(pa,2),ga=ua[0],ba=ua[1],ha=Object(l.useState)([]),fa=Object(o.a)(ha,2),xa=fa[0],va=fa[1],wa=Object(l.useState)([]),Ea=Object(o.a)(wa,2),Oa=Ea[0],ya=Ea[1],ja=Object(l.useState)([]),Na=Object(o.a)(ja,2),Ia=Na[0],Sa=Na[1],ka=Object(l.useState)([]),Pa=Object(o.a)(ka,2),Da=Pa[0],Ra=Pa[1],Ca=Object(l.useState)([]),Aa=Object(o.a)(Ca,2),La=Aa[0],Ua=Aa[1],Ha=Object(l.useState)([]),za=Object(o.a)(Ha,2),Za=za[0],Wa=za[1],Ba=Object(l.useState)([]),Ta=Object(o.a)(Ba,2),Va=Ta[0],Ma=Ta[1],Ja=Object(l.useState)([]),Ga=Object(o.a)(Ja,2),qa=Ga[0],_a=Ga[1],Fa=Object(l.useState)(""),Xa=Object(o.a)(Fa,2),$a=Xa[0],Qa=Xa[1],Ka=Object(l.useState)(""),Ya=Object(o.a)(Ka,2),en=Ya[0],tn=Ya[1],an=Object(l.useState)(""),nn=Object(o.a)(an,2),on=nn[0],ln=nn[1],rn=Object(l.useState)(""),cn=Object(o.a)(rn,2),sn=cn[0],dn=cn[1],mn=Object(l.useState)(""),pn=Object(o.a)(mn,2),un=pn[0],gn=pn[1],bn=Object(l.useState)(""),hn=Object(o.a)(bn,2),fn=hn[0],xn=hn[1],vn=Object(l.useState)(""),wn=Object(o.a)(vn,2),En=wn[0],On=wn[1],yn=Object(l.useState)(""),jn=Object(o.a)(yn,2),Nn=jn[0],In=jn[1],Sn=Object(l.useState)([]),kn=Object(o.a)(Sn,2),Pn=kn[0],Dn=kn[1],Rn=Object(l.useState)([]),Cn=Object(o.a)(Rn,2),An=Cn[0],Ln=Cn[1],Un=Object(l.useState)([]),Hn=Object(o.a)(Un,2),zn=Hn[0],Zn=Hn[1],Wn=Object(l.useState)([]),Bn=Object(o.a)(Wn,2),Tn=Bn[0],Vn=Bn[1],Mn=Object(l.useState)([]),Jn=Object(o.a)(Mn,2),Gn=Jn[0],qn=Jn[1],_n=Object(l.useState)([]),Fn=Object(o.a)(_n,2),Xn=Fn[0],$n=Fn[1],Qn=Object(l.useState)([]),Kn=Object(o.a)(Qn,2),Yn=Kn[0],eo=Kn[1],to=Object(l.useState)([]),ao=Object(o.a)(to,2),no=ao[0],oo=ao[1],lo=Object(l.useState)(""),ro=Object(o.a)(lo,2),co=ro[0],io=ro[1],so=Object(l.useState)(""),mo=Object(o.a)(so,2),po=mo[0],uo=mo[1],go=Object(l.useState)(""),bo=Object(o.a)(go,2),ho=bo[0],fo=bo[1],xo=Object(l.useState)(""),vo=Object(o.a)(xo,2),wo=vo[0],Eo=vo[1],Oo=Object(l.useState)(""),yo=Object(o.a)(Oo,2),jo=yo[0],No=yo[1],Io=Object(l.useState)(""),So=Object(o.a)(Io,2),ko=So[0],Po=So[1],Do=Object(l.useState)(""),Ro=Object(o.a)(Do,2),Co=Ro[0],Ao=Ro[1],Lo=Object(l.useState)(""),Uo=Object(o.a)(Lo,2),Ho=Uo[0],zo=Uo[1],Zo=Object(l.useState)(!1),Wo=Object(o.a)(Zo,2),Bo=Wo[0],To=Wo[1];Object(l.useEffect)((function(){if(localStorage.setItem("tabValue","0"),s.u.subscribe((function(e){e&&Vo()})),s.q.subscribe((function(e){e&&Mo()})),s.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),a=JSON.parse(t),n=0;n<a;n++)Jo(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)})),Object(s.t)().subscribe((function(e){To(e)})),window.location.search){Object(s.b)();var e,t=new URLSearchParams(window.location.search),a="",l="",r="",c="",i=Object(n.a)(t);try{for(i.s();!(e=i.n()).done;){var d=Object(o.a)(e.value,2),m=d[0],p=d[1];"collection"===m&&(a="undefined"===p\|\|"null"===p?"carct":p),"window"===m&&(c="undefined"===p\|\|"null"===p?"Closed Square":p),"panel"===m&&(r="undefined"===p\|\|"null"===p?"Ashley":p),"color"===m&&(l="undefined"===p\|\|"null"===p?"White":p)}}catch(u){i.e(u)}finally{i.f()}Vo(),a.length>0&&r.length>0&&l.length>0&&c.length>0?Jo(8,7,a,r,l,c,"Closed","","4000","None","","",0):Jo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(s.B)()}),5e3)}}),[]);var Vo=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";G(e)},Mo=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a=JSON.parse(e);L(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=[],c=[],i=0;i<t;i++)r.push(i),c.push(l);if(Z(r),S(c),window.location.search){var s,d=new URLSearchParams(window.location.search),m="",p="",u="",g="",b=Object(n.a)(d);try{for(b.s();!(s=b.n()).done;){var h=Object(o.a)(s.value,2),f=h[0],x=h[1];"collection"===f&&(m="undefined"===x\|\|"null"===x?"carct":x),"window"===f&&(g="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===f&&(u="undefined"===x\|\|"null"===x?"Ashley":x),"color"===f&&(p="undefined"===x\|\|"null"===x?"White":x)}}catch(O){b.e(O)}finally{b.f()}if(m.length>0&&u.length>0&&p.length>0&&g.length>0)for(var v=0;v<a.length;v++)Jo(a[v].width,a[v].height,m,u,p,g,"Closed","","4000","None","","",v);else for(var w=0;w<a.length;w++)Jo(a[w].width,a[w].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",w)}else for(var E=0;E<a.length;E++)Jo(a[E].width,a[E].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",E)}},Jo=function e(t,a,n,o,l,r,c,i,d,m,u,g,b,h){Object(s.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};if(n.length>0&&(x.collection=n),l.length>0&&(x.color=l),r.length>0&&(x.top=r),o.length>0&&(x.panel=o),i.length>0&&(x.glass=i),c.length>0&&(x.gplacement=c),d.length>0&&(x.model=d),m.length>0&&(x.hardware=m),g.length>0&&(x.colorHex=g),u.length>0&&(x.colorZone=u),h&&h.length>0){var v=h.split("-")[0].length;x.glazepattern="Long"===o?2===v?h:"GG-GG-XX-XX":4===v?h:"GGGX-GGXX-GXXX-XXXX"}p.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 p={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:u,colorHex:g,glazepattern:h,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},f=e.data.options.collection?e.data.options.collection:[];0===b?Dn(f):1===b?Y(f):2===b?st(f):3===b&&va(f);var x=e.data.options.panel?e.data.options.panel:[];0===b?Ln(x):1===b?ne(x):2===b?ut(x):3===b&&ya(x);var v=e.data.options.color?e.data.options.color:[];0===b?Zn(v):1===b?ce(v):2===b?ft(v):3===b&&Sa(v);var w=e.data.options.top?e.data.options.top:[];0===b?Vn(w):1===b?me(w):2===b?Et(w):3===b&&Ra(w);var E=e.data.options.glass?e.data.options.glass:[];0===b?$n(E):1===b?ve(E):2===b?Pt(E):3===b&&Wa(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===b?qn(O):1===b?be(O):2===b?Nt(O):3===b&&Ua(O);var y=e.data.options.model?e.data.options.model:[];0===b?eo(y):1===b?ye(y):2===b?At(y):3===b&&Ma(y);var j=e.data.options.hardware?e.data.options.hardware:[];0===b?oo(j):1===b?Se(j):2===b?zt(j):3===b&&_a(j),p.selectedCollection=Go(n,f),0===b?io(p.selectedCollection):1===b?Re(p.selectedCollection):2===b?Tt(p.selectedCollection):3===b&&Qa(p.selectedCollection),p.selectedPanel=Go(o,x),0===b?uo(p.selectedPanel):1===b?Ue(p.selectedPanel):2===b?Gt(p.selectedPanel):3===b&&tn(p.selectedPanel),p.selectedColor=Go(l,v),0===b?fo(p.selectedColor):1===b?We(p.selectedColor):2===b?Xt(p.selectedColor):3===b&&ln(p.selectedColor),p.selectedWindowDesign=Go(r,w),0===b?Eo(p.selectedWindowDesign):1===b?Me(p.selectedWindowDesign):2===b?Yt(p.selectedWindowDesign):3===b&&dn(p.selectedWindowDesign),p.selectedWindowPlacement=Go(c,O),0===b?No(p.selectedWindowPlacement):1===b?_e(p.selectedWindowPlacement):2===b?na(p.selectedWindowPlacement):3===b&&gn(p.selectedWindowPlacement),p.selectedGlass=Go(i,E),0===b?Po(p.selectedGlass):1===b?Qe(p.selectedGlass):2===b?ca(p.selectedGlass):3===b&&xn(p.selectedGlass),p.selectedConstruction=Go(d,y),0===b?Ao(p.selectedConstruction):1===b?tt(p.selectedConstruction):2===b?ma(p.selectedConstruction):3===b&&On(p.selectedConstruction),p.selectedHardware=Go(m,j),0===b?zo(p.selectedHardware):1===b?lt(p.selectedHardware):2===b?ba(p.selectedHardware):3===b&&In(p.selectedHardware);var I=N;I[b]=p,S(I),R(I),localStorage.setItem("design-door",JSON.stringify(I)),s.o.next(JSON.stringify(I)),qo(),Object(s.B)()}),(function(t){Object(s.B)(),e(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0)})).catch((function(t){Object(s.B)(),e(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0)}))},Go=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];_o(a[n].hints,n,r)}}},_o=function(e,t,a){Object(s.b)(),p.a.post(v,e,{headers:{"content-type":"application/json"}}).then((function(e){var n=T;n[t]=e.data,n[t].url=a,V(n),localStorage.setItem("desc-data",JSON.stringify(T)),Object(s.B)()}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))},Fo=function(e,t,a,n,o,l){var r=N;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,Jo(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)};return r.a.createElement("div",{className:"design-door-tab"},Bo&&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"},r.a.createElement("div",{id:"pixi-stage"})),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"},z.map((function(e,t){return r.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return function(e){X(e),localStorage.setItem("tabValue",e)}(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,c," ",e+1)))})))),r.a.createElement("div",{className:"tab-content col-12"},D&&(1===D.length\|\|2===D.length\|\|3===D.length\|\|4===D.length)&&r.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},r.a.createElement("div",{className:"door-properties pb-2"},Pn&&Pn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:co,mainIndex:0,type:"collection",dropdownData:Pn,designDoorData:a,ok:h,save:u,cancel:b})),An&&An.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:po,mainIndex:0,type:"panel",dropdownData:An,designDoorData:a,ok:h,save:u,cancel:b})),zn&&zn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ho,mainIndex:0,type:"color",dropdownData:zn,designDoorData:a,ok:h,save:u,cancel:b})),Gn&&Gn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:jo,mainIndex:0,type:"windowplacement",dropdownData:Gn,designDoorData:a,ok:h,save:u,cancel:b})),Tn&&Tn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:wo,mainIndex:0,type:"windowdesign",dropdownData:Tn,designDoorData:a,ok:h,save:u,cancel:b})),Xn&&Xn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ko,mainIndex:0,type:"glass",dropdownData:Xn,designDoorData:a,ok:h,save:u,cancel:b})),Yn&&Yn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Co,mainIndex:0,type:"construction",dropdownData:Yn,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),no&&no.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ho,mainIndex:0,type:"hardware",dropdownData:no,designDoorData:a,ok:h,save:u,cancel:b})))),D&&(2===D.length\|\|3===D.length\|\|4===D.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},r.a.createElement("div",{className:"door-properties"},K&&K.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:De,mainIndex:1,type:"collection",dropdownData:K,designDoorData:a,ok:h,save:u,cancel:b})),ae&&ae.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Le,mainIndex:1,type:"panel",dropdownData:ae,designDoorData:a,ok:h,save:u,cancel:b})),re&&re.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ze,mainIndex:1,type:"color",dropdownData:re,designDoorData:a,ok:h,save:u,cancel:b})),ge&&ge.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:qe,mainIndex:1,type:"windowplacement",dropdownData:ge,designDoorData:a,ok:h,save:u,cancel:b})),de&&de.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ve,mainIndex:1,type:"windowdesign",dropdownData:de,designDoorData:a,ok:h,save:u,cancel:b})),xe&&xe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:$e,mainIndex:1,type:"glass",dropdownData:xe,designDoorData:a,ok:h,save:u,cancel:b})),Oe&&Oe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:et,mainIndex:1,type:"construction",dropdownData:Oe,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),Ie&&Ie.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ot,mainIndex:1,type:"hardware",dropdownData:Ie,designDoorData:a,ok:h,save:u,cancel:b})))),D&&(3===D.length\|\|4===D.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},r.a.createElement("div",{className:"door-properties"},it&&it.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Bt,mainIndex:2,type:"collection",dropdownData:it,designDoorData:a,ok:h,save:u,cancel:b})),pt&&pt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Jt,mainIndex:2,type:"panel",dropdownData:pt,designDoorData:a,ok:h,save:u,cancel:b})),ht&&ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ft,mainIndex:2,type:"color",dropdownData:ht,designDoorData:a,ok:h,save:u,cancel:b})),jt&&jt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:aa,mainIndex:2,type:"windowplacement",dropdownData:jt,designDoorData:a,ok:h,save:u,cancel:b})),wt&&wt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Kt,mainIndex:2,type:"windowdesign",dropdownData:wt,designDoorData:a,ok:h,save:u,cancel:b})),kt&&kt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ra,mainIndex:2,type:"glass",dropdownData:kt,designDoorData:a,ok:h,save:u,cancel:b})),Ct&&Ct.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:da,mainIndex:2,type:"construction",dropdownData:Ct,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),Ht&&Ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ga,mainIndex:2,type:"hardware",dropdownData:Ht,designDoorData:a,ok:h,save:u,cancel:b})))),D&&4===D.length&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},r.a.createElement("div",{className:"door-properties"},xa&&xa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:$a,mainIndex:3,type:"collection",dropdownData:xa,designDoorData:a,ok:h,save:u,cancel:b})),Oa&&Oa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:en,mainIndex:3,type:"panel",dropdownData:Oa,designDoorData:a,ok:h,save:u,cancel:b})),Ia&&Ia.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:on,mainIndex:3,type:"color",dropdownData:Ia,designDoorData:a,ok:h,save:u,cancel:b})),La&&La.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:un,mainIndex:3,type:"windowplacement",dropdownData:La,designDoorData:a,ok:h,save:u,cancel:b})),Da&&Da.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:sn,mainIndex:3,type:"windowdesign",dropdownData:Da,designDoorData:a,ok:h,save:u,cancel:b})),Za&&Za.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:fn,mainIndex:3,type:"glass",dropdownData:Za,designDoorData:a,ok:h,save:u,cancel:b})),Va&&Va.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:En,mainIndex:3,type:"construction",dropdownData:Va,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),qa&&qa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Nn,mainIndex:3,type:"hardware",dropdownData:qa,designDoorData:a,ok:h,save:u,cancel:b}))))),r.a.createElement("div",{className:"door-properties pt-3 mx-3"},D&&(null===D\|\|void 0===D?void 0:D.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=F,n=localStorage.getItem("design-door"),o=JSON.parse(n),l=0;l<o.length;l++){var r;if(Jo(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 c=o[a].hints.collection,i=t[c];_o(o[a].hints,l,i)}}},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(d.a,{classStyle:"back-btn",label:Object(s.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(d.a,{classStyle:"save-btn",label:Object(s.i)(u),onClick:qo})),r.a.createElement("span",{className:"screenshot-link screenshot-final"},r.a.createElement(d.a,{classStyle:"next-btn",label:Object(s.i)(i),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),s.C.next(!0)}),1e3)}})))))))},k=a(21),P=function(e){var t=e.emailPath,a=e.imageRootPath,n=e.reviewsaveData,c=e.ok,i=Object(l.useState)(""),m=Object(o.a)(i,2),u=m[0],b=m[1],h=Object(l.useState)(""),f=Object(o.a)(h,2),x=f[0],v=f[1],w=Object(l.useState)(""),E=Object(o.a)(w,2),O=E[0],y=E[1],j=Object(l.useState)(""),N=Object(o.a)(j,2),I=N[0],S=N[1],P=Object(l.useState)(!1),D=Object(o.a)(P,2),R=D[0],C=D[1],A=Object(l.useState)(!1),L=Object(o.a)(A,2),U=L[0],H=L[1];Object(l.useEffect)((function(){Object(s.t)().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,n.emailFieldLabel.text),r.a.createElement("input",{className:"mb-2 ".concat(R?"error-class":""),type:"text",onChange:function(e){b(e.target.value)},onKeyUp:function(){""===u\|\|!1===Object(s.a)(u)?C(!0):C(!1)}}),R&&r.a.createElement("p",{className:"error"},n.emailFieldValidationMessage.text),r.a.createElement("label",null,n.emailMessageLabel.text),r.a.createElement("textarea",{onChange:function(e){v(e.target.value)}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement(d.a,{label:Object(s.i)(n.sendEmailButtonLabel.text),onClick:function(){""!==u&&!1!==Object(s.a)(u)&&function(){Object(s.b)(),document.getElementById("parent-modal").style.display="none",document.getElementsByClassName("modal-backdrop")[0].style.display="none";var e=localStorage.getItem("desc-data"),o=JSON.parse(e),l=localStorage.getItem("garageDoorPdf"),r=new FormData;r.append("receipients",u),r.append("message",x),r.append("count",o.length),fetch(l).then((function(e){return e.blob()})).then((function(e){r.append("filepdf",new File([e],"print.pdf",{type:e.type}))}));var c=localStorage.getItem("image")?localStorage.getItem("image"):"";fetch(c).then((function(e){return e.blob()})).then((function(e){var t="";"uploaded"===localStorage.getItem("image-type")?("image/jpeg"===e.type&&(t="file0.jpeg"),"image/jpg"===e.type&&(t="file0.jpg"),"image/png"===e.type&&(t="file0.png")):t=c.split("/")[c.split("/").length-1];r.append("file0",new File([e],t,{type:e.type}))}));for(var i=function(e){for(var l=o[e].doorText,c=o[e].doorImage[0],i="door"+(e+1),d=0;d<l.length;d++){var m=i+"."+l[d][0];r.append(m,l[d][1])}var u=c.split("/")[c.split("/").length-1],g=void 0;g=c.indexOf("http")>-1?c:a+c,fetch(g).then((function(e){return e.blob()})).then((function(t){var a="file"+(e+1);r.append(a,new File([t],u,{type:t.type}))})),setTimeout((function(){p()({method:"post",url:t,data:r,headers:{"Content-Type":"multipart/form-data"}}).then((function(e){y("success"),S(n.sendEmailSuccessMessage.text),document.getElementById("email-success-link").click(),Object(s.B)()}),(function(e){y("error"),S(n.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(s.B)()})).catch((function(e){y("error"),S(n.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(s.B)()}))}),5e3)},d=0;d<o.length;d++)i(d)}()},disabled:""===u\|\|!1===Object(s.a)(u)})))),r.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},n.sendEmailButtonLabel.text),r.a.createElement(k.a,{name:"email-sent",type:O,text:I,buttonText:c}))},D=function(e){var t=e.reviewsaveData,a=e.back,n=e.dispatchRequestQuoteURL,c=e.emailPath,i=e.imageRootPath,m=e.ok,p=e.door,u=Object(l.useState)([]),g=Object(o.a)(u,2),b=g[0],h=g[1],f=Object(l.useState)(""),x=Object(o.a)(f,2),v=(x[0],x[1],Object(l.useState)("")),w=Object(o.a)(v,2),E=w[0],O=w[1],y=Object(l.useState)(""),j=Object(o.a)(y,2),N=j[0],I=j[1],S=Object(l.useState)(!1),k=Object(o.a)(S,2),D=k[0],R=k[1];Object(l.useEffect)((function(){s.C.subscribe((function(e){if(e&&localStorage.getItem("desc-data")){var t=localStorage.getItem("desc-data"),a=JSON.parse(t);h(a);var n=localStorage.getItem("image")?localStorage.getItem("image"):"";O(n);var o=localStorage.getItem("canvasImg")?localStorage.getItem("canvasImg"):"";I(o)}}))}),[]);var C=function(){s.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}),1e3)};return r.a.createElement("div",{className:"review-save-main"},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:E,className:"figure-img img-fluid",onLoad:function(){var e=document.querySelector("#before-img");document.querySelector("#after-img").style.height=e.height+"px"}}),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"},r.a.createElement("div",{className:"mr-3"},r.a.createElement(d.a,{label:Object(s.i)(a),onClick:C,inverse:!0})),r.a.createElement("div",null,r.a.createElement(d.a,{label:Object(s.i)(t.startOver.text),onClick:function(){var e;null===(e=document.getElementById("door-size-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0),s.p.next(!0)}}))),r.a.createElement("div",{"data-html2canvas-ignore":"true"},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(){R(!D);var e=localStorage.getItem("desc-data"),t=JSON.parse(e);t.forEach((function(e,t){e.sequence=t+1}));var a={data:t,time:new Date,imageRootPath:i,door:p};!1===D?localStorage.setItem("designer-fav",JSON.stringify(a)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer d-flex align-items-center share-item"},!0===D?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(d.a,{label:Object(s.i)(t.raq.text),onClick:function(){for(var e="",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="",c=0;c<l.length;c++)r=c===l.length-1?r+l[c][0]+":"+l[c][1]+";":r+l[c][0]+":"+l[c][1]+",";e+=r}var i=encodeURIComponent(e),s=n+i;window.open(s,"_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"},p," ",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){C();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",null,r.a.createElement("img",{alt:e.doorText[2][1],src:(a=e.doorImage[0],a.indexOf("http")>-1?a:i+a)})))),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])))})))));var a}))),r.a.createElement(P,{emailPath:c,imageRootPath:i,reviewsaveData:t,ok:m}))},R=function(e){var t=e.doorDesignerData,a=Object(s.g)(t),c=Object(l.useState)("door-size"),m=Object(o.a)(c,2),p=m[0],u=m[1],g=function(e,t){u(t)};Object(l.useEffect)((function(){if(window.location.search){var e,t=new URLSearchParams(window.location.search),a=Object(n.a)(t);try{for(a.s();!(e=a.n()).done;){var l,r,c=Object(o.a)(e.value,2),i=c[0];c[1];if("collection"===i\|\|"window"===i\|\|"panel"===i\|\|"color"===i)null===(l=document.getElementById("design-door-tab"))\|\|void 0===l\|\|l.click(),window.scrollTo(0,0),null===(r=document.getElementById("link1"))\|\|void 0===r\|\|r.click()}}catch(s){a.e(s)}finally{a.f()}}}),[]);return r.a.createElement(i,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"===p?"active":""),onClick:function(e){return g(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,a.step1.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===p?"active":""),onClick:function(e){return g(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,a.step2.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===p?"active":""),onClick:function(e){return g(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,a.step3.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===p?"active":""),onClick:function(e){return g(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,a.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(h,{doorSizeData:a.step1,door:a.door.text,next:a.next.text,sampleHomeImagesCSV:a.sampleHomeImagesCSV,doorOptionsAPIURL:a.doorOptionsAPIURL,imageRootPath:a.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(w,{homeImageData:a.step2,next:a.next.text,back:a.back.text}))),r.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},r.a.createElement(S,{designDoorData:a.step3,door:a.door.text,next:a.next.text,back:a.back.text,save:a.save.text,cancel:a.cancel.text,ok:a.ok.text,doorOptionsAPIURL:a.doorOptionsAPIURL,doorHintsAPIURL:a.doorHintsAPIURL,doorDescriptionAPIURL:a.doorDescriptionAPIURL,colorZoneAPIURL:a.colorZoneAPIURL,rulesAPIURL:a.rulesAPIURL,doorImageRootPath:a.doorImageRootPath,collectionDetailURLs:a.collectionDetailURLs})),r.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},r.a.createElement(D,{imageRootPath:a.imageRootPath,reviewsaveData:a.step4,back:a.back.text,dispatchRequestQuoteURL:a.dispatchRequestQuoteURL,emailPath:a.emailPath,ok:a.ok.text,door:a.door.text}))))),r.a.createElement("a",{id:"link1","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),r.a.createElement("div",{className:"modal fade",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog",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"},r.a.createElement("div",null,"If you want to select door size/count so start over to first tab !!")),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("span",{className:""},r.a.createElement("a",{href:"#","data-dismiss":"modal"},r.a.createElement(d.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:"ok"}))))))))};R.defaultProps={config:"",theme:"",doorDesignerData:""};t.a=R},8:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(16),o=a(0),l=a.n(o),r=a(4),c=(a(29),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;}}"])),i=a(24),s=a.n(i),d=function(e){return Object(n.a)(e),l.a.createElement(c,null,l.a.createElement("div",{className:"d-flex justify-content-center loader"},l.a.createElement("div",{className:"d-flex"},l.a.createElement(s.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}}});
1	+ !function(e){function t(t){for(var n,r,c=t[0],i=t[1],s=t[2],m=0,p=[];m<c.length;m++)r=c[m],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&p.push(o[r][0]),o[r]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(d&&d(t);p.length;)p.shift()();return l.push.apply(l,s\|\|[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],n=!0,c=1;c<a.length;c++){var i=a[c];0!==o[i]&&(n=!1)}n&&(l.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},o={36: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 c=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]\|\|[],i=c.push.bind(c);c.push=t,c=c.slice();for(var s=0;s<c.length;s++)t(c[s]);var d=i;l.push([479,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,"F",(function(){return l})),a.d(t,"i",(function(){return r})),a.d(t,"v",(function(){return c})),a.d(t,"x",(function(){return i})),a.d(t,"q",(function(){return s})),a.d(t,"u",(function(){return d})),a.d(t,"n",(function(){return m})),a.d(t,"o",(function(){return p})),a.d(t,"y",(function(){return u})),a.d(t,"C",(function(){return g})),a.d(t,"p",(function(){return b})),a.d(t,"h",(function(){return h})),a.d(t,"w",(function(){return v})),a.d(t,"D",(function(){return w})),a.d(t,"l",(function(){return E})),a.d(t,"j",(function(){return O})),a.d(t,"m",(function(){return y})),a.d(t,"k",(function(){return j})),a.d(t,"s",(function(){return N})),a.d(t,"A",(function(){return I})),a.d(t,"r",(function(){return S})),a.d(t,"E",(function(){return P})),a.d(t,"b",(function(){return k})),a.d(t,"B",(function(){return D})),a.d(t,"t",(function(){return R})),a.d(t,"a",(function(){return C})),a.d(t,"d",(function(){return A})),a.d(t,"f",(function(){return L})),a.d(t,"e",(function(){return U})),a.d(t,"c",(function(){return H})),a.d(t,"G",(function(){return z})),a.d(t,"z",(function(){return Z}));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()},c=function(e){return e.replaceAll(" ","-").toLowerCase()},i=new n.a(!1),s=new n.a(!1),d=new n.a(!1),m=new n.a(!1),p=new n.a(""),u=new n.a(!1),g=new n.a(!1),b=new n.a(!1),h=new n.a(!1),f=new n.a(!1),x=0,v=new n.a(!1),w=new n.a(""),E=new n.a(""),O=new n.a(""),y=new n.a(""),j=new n.a(""),N=new n.a(""),I=new n.a(""),S=new n.a(!1),P=new n.a(!1),k=function(){setTimeout((function(){x++,f.next(!0)}),0)},D=function(){setTimeout((function(){x>0&&x--,0==x&&f.next(!1)}),0)},R=function(){return f.asObservable()},C=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)},A=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]$/)},L=function(e){return/^[0-9a-zA-Z !@#\$%\^\&\)$+=._-]+$/.test(e)},U=function(e){return/^\(?([0-9]{3})$\s[0-9]{3}-[0-9]{4}$/.test(e)},H=function(e){return/^[0-9]$/.test(e)},z=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~\|!:,.;][-a-zA-Z0-9+&@#/%=~\|]$/.test(e)},Z=function(e){if(e&&""!==e){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e}},19:function(e,t){e.exports=ReactDOM},21:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));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),c=function(e){var t=e.buttonText,a=void 0===t?"ok":t,n=e.text,c=void 0===n?"some message here.":n,i=e.name,s=void 0===i?"":i,d=e.type,m=void 0===d?"success":d,p=e.reloadPopup;return o.a.createElement(l,null,o.a.createElement("div",{className:"modal fade alert-popup",id:"msg-popup-".concat(s),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"},c)),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),p&&!0===p&&window.location.reload()}})))))))}},235:function(e,t){},236:function(e,t){},391:function(e,t,a){"use strict";a.r(t);var n=a(13),o=a(67);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 s}));var n=a(20),o=a(0),l=a.n(o),r=a(4),c=r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),i=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;}']),s=function(e){var t=e.label,a=void 0===t?"label":t,o=e.classStyle,r=void 0===o?"default":o,s=e.link,d=void 0!==s&&s,m=e.disabled,p=void 0!==m&&m,u=e.datatoggle,g=void 0===u?"":u,b=e.datatarget,h=void 0===b?"":b,f=e.linkHref,x=e.target,v=void 0===x?"_self":x,w=e.downloadLink,E=void 0!==w&&w,O=e.inverse,y=void 0!==O&&O,j=e.icon,N=void 0===j?"":j,I=e.iconAlt,S=void 0===I?"":I,P=e.dataItemName,k=void 0===P?"":P,D=e.id,R=void 0===D?"":D,C=e.type,A=void 0===C?"button":C,L=Object(n.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type"]);return l.a.createElement(c,null,l.a.createElement("div",{className:""},d?l.a.createElement("a",{href:f,download:E,target:v,"data-item-name":k,id:R},l.a.createElement(i,Object.assign({disabled:p,classStyle:"".concat(r)},L,{type:A,className:y?"btn-inverse btn btn-success":"btn btn-success"}),""!=N?l.a.createElement("div",{"data-toggle":g,"data-target":h},l.a.createElement("img",{className:"button-icon",src:N,alt:S}),l.a.createElement("span",null,a)):l.a.createElement("span",null,a))):l.a.createElement(i,Object.assign({disabled:p,classStyle:r,className:y?"btn-inverse btn btn-success":"btn btn-success",id:R,"data-item-name":k,type:A},L),l.a.createElement("span",null,a))))}},67:function(e,t,a){"use strict";var n=a(22),o=a(2),l=a(0),r=a.n(l),c=a(4),i=c.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){top:65px;background:#ffff;}}.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;}#link1{visibility:hidden;font-size:1px;}.modal-dialog{background-color:#fff;}.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;}.door-properties{padding:10px 0 !important;}}@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;}}}}.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%;.figure-img{width:100%;margin-bottom:0;height:450px !important;@media screen and (min-width:1681px){height:680px !important;}@media screen and (min-width:768px) and (max-width:991px){height:380px !important;}}}.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:216px;align-items:center;}@media screen and (min-width:1024px){.review-save-door-box{gap:1.88%;.multiple-doors{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;}}@media print{@page{margin-top:2cm;padding-top:2cm;margin-left:0;margin-right:0;size:297mm 420mm;}body{width:100%;height:100%;}.print-door{max-height:450px !important;img{height:450px !important;padding:0 20px !important;}}.figure-img{width:calc(50%);}.review-save-door-box{max-width:100%;justify-content:center;.multiple-doors{float:none !important;border:0 !important;max-width:30%;.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;}}}}']),s=a(1),d=a(5),m=a(6),p=a.n(m),u=a(147),g=a(8),b=[1,2,3,4],h=function(e){var t=e.doorSizeData,a=e.door,c=e.next,i=e.sampleHomeImagesCSV,m=e.doorOptionsAPIURL,h=e.imageRootPath,f=Object(l.useState)(1),x=Object(o.a)(f,2),v=x[0],w=x[1],E=Object(l.useState)([0]),O=Object(o.a)(E,2),y=O[0],j=O[1],N=Object(l.useState)([]),I=Object(o.a)(N,2),S=I[0],P=I[1],k=Object(l.useState)([]),D=Object(o.a)(k,2),R=D[0],C=D[1],A=Object(l.useState)([]),L=Object(o.a)(A,2),U=L[0],H=L[1],z=Object(l.useState)(!1),Z=Object(o.a)(z,2),W=Z[0],B=Z[1],T=[{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}];Object(l.useEffect)((function(){if(M(),V(),s.p.subscribe((function(e){e&&(j([0]),w(1))})),Object(s.t)().subscribe((function(e){B(e)})),window.location.search){var e,t=new URLSearchParams(window.location.search),a=Object(n.a)(t);try{for(a.s();!(e=a.n()).done;){var l=Object(o.a)(e.value,2),r=l[0];l[1];if("collection"===r\|\|"window"===r\|\|"panel"===r\|\|"color"===r){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(i){a.e(i)}finally{a.f()}}}),[]);var V=function(){Object(s.b)(),p.a.get(i).then((function(e){var t=[],a=Object(u.a)(e.data).data,n=[];a.forEach((function(e){n.push(h+"DoorApp/homes/"+e[0])}));for(var o=0;o<a.length;o++){var l={index:o,images:[h+"homes/"+a[o][0]]},r=!1,c=!1;l.doors=[];for(var i=1;i<a[o].length;i+=9)l.doors.push({type:a[o][i].trim(),positions:a[o].slice(i+1,i+9)}),"s"==a[o][i].trim()&&(r=!0),"d"==a[o][i].trim()&&(c=!0),l.type=c&&r?"m":r?"s":"d",t.push(l)}localStorage.setItem("points",JSON.stringify(t)),H(n),localStorage.setItem("gallery",JSON.stringify(n)),Object(s.B)()}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))},M=function(){p.a.post(m,{names:["width","height"],hints:{}},{headers:{"content-type":"application/json"}}).then((function(e){P(e.data.options.height),C(e.data.options.width)}))};return r.a.createElement("div",{className:"door-size-content"},W&&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),b.map((function(e,t){return r.a.createElement("div",{className:"door-box amarr-h6 ".concat(v===e?"selected":""),key:t,onClick:function(){return function(e){j([0]);var t=[];w(e+1);for(var a=0;a<=e;a++)t.push(a);j(t)}(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){T[t].width=Number(e.target.value)}(e,n)}},R&&R.length>0&&R.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value},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){T[t].height=Number(e.target.value)}(e,n)}},S&&S.length>0&&S.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value},e.description," '")}))))))))})),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 next-btn door-size"},r.a.createElement(d.a,{label:Object(s.i)(c),onClick:function(){var e,t=v-T.length;0!=t&&T.splice(t),T.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(T)),localStorage.setItem("gallery",JSON.stringify(U)),s.q.next(!0),null===(e=document.getElementById("home-image-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}}))))},f=a(27),x=a.n(f),v=a(33),w=function(e){var t=e.homeImageData,a=e.next,c=e.back,i=Object(l.useState)(""),m=Object(o.a)(i,2),p=m[0],u=m[1],g=Object(l.useState)(!1),b=Object(o.a)(g,2),h=b[0],f=b[1],w=Object(l.useState)([]),E=Object(o.a)(w,2),O=E[0],y=E[1],j=Object(l.useState)(0),N=Object(o.a)(j,2),I=N[0],S=N[1],P=Object(l.useState)(t.uploadNoImageText.text),k=Object(o.a)(P,2),D=k[0],R=k[1];Object(l.useEffect)((function(){if(localStorage.setItem("image-type","chosen"),s.q.subscribe((function(e){e&&C()})),window.location.search){var e,t=new URLSearchParams(window.location.search),a=Object(n.a)(t);try{for(a.s();!(e=a.n()).done;){var l=Object(o.a)(e.value,2),r=l[0];l[1];"collection"!==r&&"window"!==r&&"panel"!==r&&"color"!==r\|\|(localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),L({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(c){a.e(c)}finally{a.f()}}}),[]);var C=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")),2===t){var r="";"sd"!==(r=r+JSON.parse(e)[0].type+JSON.parse(e)[1].type)&&"ds"!==r\|\|(a="other")}var c=[],i=localStorage.getItem("gallery");JSON.parse(i).forEach((function(e){e.indexOf(a)>-1&&c.push(e)})),y(c),u(c[0])}},A=function(){var e=Object(v.a)(x.a.mark((function e(t){var a,n,o;return x.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=22;break}if(localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),a=t.target.files[0].name,n=a.split(".").pop(),R(a),"jpg"!==n&&"jpeg"!==n&&"png"!==n){e.next=20;break}if(f(!1),!(t.target.files[0].size<=5e6)){e.next=16;break}f(!1),(o=new FileReader).addEventListener("load",(function(){return u(o.result)})),o.readAsDataURL(t.target.files[0]),e.next=18;break;case 16:return f(!0),e.abrupt("return");case 18:e.next=22;break;case 20:return f(!0),e.abrupt("return");case 22:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),L=function(e,t,a){var n=new Image;n.src=t,n.onload=function(e){localStorage.setItem("dimensions",e.currentTarget.width+","+e.currentTarget.height)},localStorage.setItem("image-type","chosen"),S((function(){return I=a})),u(t)};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:A,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,D))),h&&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 L(a,e,t)}},r.a.createElement("img",{src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===I?"selected-item":"")})))})))))),r.a.createElement("div",{className:"row mx-0"},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(d.a,{label:Object(s.i)(c),inverse:!0,onClick:function(){var e;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(d.a,{label:Object(s.i)(a),onClick:function(){var e;p.length>0?localStorage.setItem("image",p):O.length>0?localStorage.setItem("image",O[0]):localStorage.setItem("image",""),s.u.next(!0),null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}})))))},E=c.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;}}"]),O=a(145),y=function(e){var t=e.colorzoneData,a=(e.save,e.cancel,e.mainIndex),n=e.dropdownChange,c=void 0===n?function(e,t,a,n,o,l){}:n,i=e.colorZoneAPIURL,d=Object(l.useState)([]),m=Object(o.a)(d,2),u=m[0],g=m[1],b=Object(l.useState)(""),h=Object(o.a)(b,2),f=h[0],x=h[1],v=Object(l.useState)([]),w=Object(o.a)(v,2),E=w[0],y=w[1];Object(l.useEffect)((function(){s.n.subscribe((function(e){e&&j()}))}),[]);var j=function(){Object(s.b)(),p.a.get(i).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),y(a),Object(s.B)()}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))};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=[];u.forEach((function(e){-1===e.key.indexOf(f)&&-1===e.value.toLowerCase().indexOf(f)\|\|t.push(e)})),y(t)}else y(u)},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(O.k)("rgb("+t[1]+")").split("#")[1];c(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}}))))},j=function(e){var t,a,n=e.mosaicData,c=e.ok,i=e.cancel,m=e.mainIndex,u=e.dropdownChange,g=void 0===u?function(e,t,a,n,o,l){}:u,b=e.doorHintsAPIURL,h=e.rulesAPIURL,f=e.doorImageRootPath,x={PanelWidths:{},SectionHeights:{}},v=null,w=f,E=Object(l.useState)(""),O=Object(o.a)(E,2),y=O[0],j=O[1],N=Object(l.useState)(),I=Object(o.a)(N,2),S=I[0],P=I[1],k=Object(l.useState)(),D=Object(o.a)(k,2),R=D[0],C=D[1],A=Object(l.useState)(),L=Object(o.a)(A,2),U=L[0],H=L[1];Object(l.useEffect)((function(){Z()}),[]),Object(l.useEffect)((function(){s.y.subscribe((function(e){e&&setTimeout((function(){z()}),1e3)}))}),[]);var z=function(){Object(s.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),p.a.post(b,n,{headers:{"content-type":"application/json"}}).then((function(e){Object(s.B)(),a=B(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=T(v);j(w+t)}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))},Z=function(){p.a.get(h).then((function(e){t=e.data;var a=w+"rules/"+t.PanelDimensions.Carriage.SectionHeightsFile,n=w+"rules/"+t.PanelDimensions.Short.PanelWidthsFile,o=w+"rules/"+t.PanelDimensions.Long.PanelWidthsFile,l=w+"rules/"+t.PanelDimensions.Mexico.PanelWidthsFile;p.a.get(a).then((function(e){x.SectionHeights=e.data})),p.a.get(o).then((function(e){x.PanelWidths.Long=e.data})),p.a.get(n).then((function(e){x.PanelWidths.Short=e.data})),p.a.get(l).then((function(e){x.PanelWidths.Mexico=e.data}))}))},W=function(e){var t,a,n=e.height,o=e.width,l=e.placement;return C(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}},B=function(e,t,a){for(var n=W({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"},V=function(e,t,a,n,o,l,r,c,i,s,d,m){P(v={gpid:e,resolution:5,width:t,height:a,model:n+o,color:"ColorZone"===l?r:c,placement:i,panel:s,glaze:d,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",src:y,alt:"mosaic image",onClick:function(e){return function(e){var t,n;x=R,a=U;var o=W(v=S),l=a,r=null===(t=document.getElementById("mosaic-image"))\|\|void 0===t?void 0:t.clientWidth,c=null===(n=document.getElementById("mosaic-image"))\|\|void 0===n?void 0:n.clientHeight,i=r/o.p,s=c/o.s,d=Math.floor(e.nativeEvent.offsetX/i),m=Math.floor(e.nativeEvent.offsetY/s),p=o.pm+d+m;l=function(e,t,a){return e.substring(0,t)+a+e.substring(t+1)}(l,p,"G"===l[p]?"X":"G"),H(l),v.gpid=l,P(v);var u=T(v);j(w+u)}(e)}}))),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("a",{"data-dismiss":"modal"},r.a.createElement(d.a,{label:Object(s.i)(i)})),r.a.createElement(d.a,{label:Object(s.i)(c),onClick:function(){g(m,"windowplacement","Mosaic","","",U)},"data-dismiss":"modal"})))))},N=function(e){e.mainIndex;var t=e.name,a=e.ok,n=e.cancel,c=Object(l.useState)(""),i=Object(o.a)(c,2),m=i[0],p=i[1],u=Object(l.useState)(""),g=Object(o.a)(u,2),b=g[0],h=g[1],f=Object(l.useState)(""),x=Object(o.a)(f,2),v=x[0],w=x[1],E=Object(l.useState)(""),O=Object(o.a)(E,2),y=O[0],j=O[1];return Object(l.useEffect)((function(){s.A.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);p(t.modeltitle),h(t.modellongdescription),w(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:v,alt:y})),r.a.createElement("div",{className:""},r.a.createElement("h4",null,m),r.a.createElement("p",{className:"body-text1 mb-4 pb-2"},b),r.a.createElement("div",{className:"button-div button-div-mobile"},r.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},r.a.createElement(d.a,{label:Object(s.i)(n)})),r.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},r.a.createElement(d.a,{label:Object(s.i)(a)})))))))))},I=function(e){var t=e.dropdownData,a=e.link,n=e.designDoorData,c=e.save,i=e.cancel,d=e.ok,m=e.mainIndex,u=e.type,g=e.dropdownChange,b=void 0===g?function(e,t,a,n,o,l){}:g,h=e.selectedValue,f=e.colorZoneAPIURL,x=e.rulesAPIURL,v=e.doorHintsAPIURL,w=e.doorImageRootPath,O=Object(l.useState)("Select"),I=Object(o.a)(O,2),S=(I[0],I[1]),P=Object(l.useState)(""),k=Object(o.a)(P,2),D=(k[0],k[1]),R=Object(l.useState)([]),C=Object(o.a)(R,2),A=C[0],L=C[1],U=Object(l.useState)(""),H=Object(o.a)(U,2),z=H[0],Z=H[1],W=function(e,t){S(t.description),D(t.value),"ColorZone"===t.value&&s.n.next(!0),"Mosaic"===t.value&&s.y.next(!0),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(b(m,u,t.value,"","",""),"construction"===u&&(Z(t.value),B(t.value)))},B=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),p.a.post(v,n,{headers:{"content-type":"application/json"}}).then((function(e){s.A.next(JSON.stringify(e.data))}))};Object(l.useEffect)((function(){L(t)}),[t,h]);return r.a.createElement(E,null,r.a.createElement("div",{className:"btn-group"},r.a.createElement("button",{type:"button",onClick:function(){s.o.subscribe((function(e){if(e.length>2){var t=e,a=JSON.parse(t);"collection"===u?L(a[m].collection):"panel"===u?L(a[m].panel):"color"===u?L(a[m].color):"windowdesign"===u?L(a[m].windowdesign):"glass"===u?L(a[m].glass):"construction"===u?L(a[m].construction):"hardware"===u&&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===h&&(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"!==u&&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"===u?"#details-modal-".concat(z):""),key:t,onClick:function(t){W(0,e)}},r.a.createElement("div",null,r.a.createElement("img",{alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==u&&r.a.createElement("p",{className:"amarr-h6"},e.description),a&&r.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},a))),"construction"===u&&r.a.createElement("a",{className:'"dropdown-item d-block"',href:"#","data-toggle":"modal",key:t,onClick:function(t){W(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"===u&&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(y,{colorZoneAPIURL:f,colorzoneData:n,save:c,cancel:i,dropdownChange:b,mainIndex:m}),r.a.createElement(j,{doorImageRootPath:w,doorHintsAPIURL:v,rulesAPIURL:x,mosaicData:n,ok:d,cancel:i,mainIndex:m,dropdownChange:b}),r.a.createElement(N,{mainIndex:m,name:"details-modal-".concat(z),ok:d,cancel:i}))},S=function(e){var t=e.collectionDetailURLs,a=e.designDoorData,c=e.door,i=e.next,m=e.back,u=e.save,b=e.cancel,h=e.ok,f=e.doorOptionsAPIURL,x=e.doorHintsAPIURL,v=e.doorDescriptionAPIURL,w=e.colorZoneAPIURL,E=e.rulesAPIURL,O=e.doorImageRootPath,y=Object(l.useState)([]),j=Object(o.a)(y,2),N=j[0],S=j[1],P=Object(l.useState)([]),k=Object(o.a)(P,2),D=k[0],R=k[1],C=Object(l.useState)(1),A=Object(o.a)(C,2),L=(A[0],A[1]),U=Object(l.useState)([0]),H=Object(o.a)(U,2),z=H[0],Z=H[1],W=(Object(l.useRef)(null),Object(l.useState)([])),B=Object(o.a)(W,2),T=B[0],V=B[1],M=Object(l.useState)(""),J=Object(o.a)(M,2),G=(J[0],J[1]),q=Object(l.useState)(0),_=Object(o.a)(q,2),F=_[0],X=_[1],$=Object(l.useState)([]),Q=Object(o.a)($,2),K=Q[0],Y=Q[1],ee=Object(l.useState)([]),te=Object(o.a)(ee,2),ae=te[0],ne=te[1],oe=Object(l.useState)([]),le=Object(o.a)(oe,2),re=le[0],ce=le[1],ie=Object(l.useState)([]),se=Object(o.a)(ie,2),de=se[0],me=se[1],pe=Object(l.useState)([]),ue=Object(o.a)(pe,2),ge=ue[0],be=ue[1],he=Object(l.useState)([]),fe=Object(o.a)(he,2),xe=fe[0],ve=fe[1],we=Object(l.useState)([]),Ee=Object(o.a)(we,2),Oe=Ee[0],ye=Ee[1],je=Object(l.useState)([]),Ne=Object(o.a)(je,2),Ie=Ne[0],Se=Ne[1],Pe=Object(l.useState)(""),ke=Object(o.a)(Pe,2),De=ke[0],Re=ke[1],Ce=Object(l.useState)(""),Ae=Object(o.a)(Ce,2),Le=Ae[0],Ue=Ae[1],He=Object(l.useState)(""),ze=Object(o.a)(He,2),Ze=ze[0],We=ze[1],Be=Object(l.useState)(""),Te=Object(o.a)(Be,2),Ve=Te[0],Me=Te[1],Je=Object(l.useState)(""),Ge=Object(o.a)(Je,2),qe=Ge[0],_e=Ge[1],Fe=Object(l.useState)(""),Xe=Object(o.a)(Fe,2),$e=Xe[0],Qe=Xe[1],Ke=Object(l.useState)(""),Ye=Object(o.a)(Ke,2),et=Ye[0],tt=Ye[1],at=Object(l.useState)(""),nt=Object(o.a)(at,2),ot=nt[0],lt=nt[1],rt=Object(l.useState)([]),ct=Object(o.a)(rt,2),it=ct[0],st=ct[1],dt=Object(l.useState)([]),mt=Object(o.a)(dt,2),pt=mt[0],ut=mt[1],gt=Object(l.useState)([]),bt=Object(o.a)(gt,2),ht=bt[0],ft=bt[1],xt=Object(l.useState)([]),vt=Object(o.a)(xt,2),wt=vt[0],Et=vt[1],Ot=Object(l.useState)([]),yt=Object(o.a)(Ot,2),jt=yt[0],Nt=yt[1],It=Object(l.useState)([]),St=Object(o.a)(It,2),Pt=St[0],kt=St[1],Dt=Object(l.useState)([]),Rt=Object(o.a)(Dt,2),Ct=Rt[0],At=Rt[1],Lt=Object(l.useState)([]),Ut=Object(o.a)(Lt,2),Ht=Ut[0],zt=Ut[1],Zt=Object(l.useState)(""),Wt=Object(o.a)(Zt,2),Bt=Wt[0],Tt=Wt[1],Vt=Object(l.useState)(""),Mt=Object(o.a)(Vt,2),Jt=Mt[0],Gt=Mt[1],qt=Object(l.useState)(""),_t=Object(o.a)(qt,2),Ft=_t[0],Xt=_t[1],$t=Object(l.useState)(""),Qt=Object(o.a)($t,2),Kt=Qt[0],Yt=Qt[1],ea=Object(l.useState)(""),ta=Object(o.a)(ea,2),aa=ta[0],na=ta[1],oa=Object(l.useState)(""),la=Object(o.a)(oa,2),ra=la[0],ca=la[1],ia=Object(l.useState)(""),sa=Object(o.a)(ia,2),da=sa[0],ma=sa[1],pa=Object(l.useState)(""),ua=Object(o.a)(pa,2),ga=ua[0],ba=ua[1],ha=Object(l.useState)([]),fa=Object(o.a)(ha,2),xa=fa[0],va=fa[1],wa=Object(l.useState)([]),Ea=Object(o.a)(wa,2),Oa=Ea[0],ya=Ea[1],ja=Object(l.useState)([]),Na=Object(o.a)(ja,2),Ia=Na[0],Sa=Na[1],Pa=Object(l.useState)([]),ka=Object(o.a)(Pa,2),Da=ka[0],Ra=ka[1],Ca=Object(l.useState)([]),Aa=Object(o.a)(Ca,2),La=Aa[0],Ua=Aa[1],Ha=Object(l.useState)([]),za=Object(o.a)(Ha,2),Za=za[0],Wa=za[1],Ba=Object(l.useState)([]),Ta=Object(o.a)(Ba,2),Va=Ta[0],Ma=Ta[1],Ja=Object(l.useState)([]),Ga=Object(o.a)(Ja,2),qa=Ga[0],_a=Ga[1],Fa=Object(l.useState)(""),Xa=Object(o.a)(Fa,2),$a=Xa[0],Qa=Xa[1],Ka=Object(l.useState)(""),Ya=Object(o.a)(Ka,2),en=Ya[0],tn=Ya[1],an=Object(l.useState)(""),nn=Object(o.a)(an,2),on=nn[0],ln=nn[1],rn=Object(l.useState)(""),cn=Object(o.a)(rn,2),sn=cn[0],dn=cn[1],mn=Object(l.useState)(""),pn=Object(o.a)(mn,2),un=pn[0],gn=pn[1],bn=Object(l.useState)(""),hn=Object(o.a)(bn,2),fn=hn[0],xn=hn[1],vn=Object(l.useState)(""),wn=Object(o.a)(vn,2),En=wn[0],On=wn[1],yn=Object(l.useState)(""),jn=Object(o.a)(yn,2),Nn=jn[0],In=jn[1],Sn=Object(l.useState)([]),Pn=Object(o.a)(Sn,2),kn=Pn[0],Dn=Pn[1],Rn=Object(l.useState)([]),Cn=Object(o.a)(Rn,2),An=Cn[0],Ln=Cn[1],Un=Object(l.useState)([]),Hn=Object(o.a)(Un,2),zn=Hn[0],Zn=Hn[1],Wn=Object(l.useState)([]),Bn=Object(o.a)(Wn,2),Tn=Bn[0],Vn=Bn[1],Mn=Object(l.useState)([]),Jn=Object(o.a)(Mn,2),Gn=Jn[0],qn=Jn[1],_n=Object(l.useState)([]),Fn=Object(o.a)(_n,2),Xn=Fn[0],$n=Fn[1],Qn=Object(l.useState)([]),Kn=Object(o.a)(Qn,2),Yn=Kn[0],eo=Kn[1],to=Object(l.useState)([]),ao=Object(o.a)(to,2),no=ao[0],oo=ao[1],lo=Object(l.useState)(""),ro=Object(o.a)(lo,2),co=ro[0],io=ro[1],so=Object(l.useState)(""),mo=Object(o.a)(so,2),po=mo[0],uo=mo[1],go=Object(l.useState)(""),bo=Object(o.a)(go,2),ho=bo[0],fo=bo[1],xo=Object(l.useState)(""),vo=Object(o.a)(xo,2),wo=vo[0],Eo=vo[1],Oo=Object(l.useState)(""),yo=Object(o.a)(Oo,2),jo=yo[0],No=yo[1],Io=Object(l.useState)(""),So=Object(o.a)(Io,2),Po=So[0],ko=So[1],Do=Object(l.useState)(""),Ro=Object(o.a)(Do,2),Co=Ro[0],Ao=Ro[1],Lo=Object(l.useState)(""),Uo=Object(o.a)(Lo,2),Ho=Uo[0],zo=Uo[1],Zo=Object(l.useState)(!1),Wo=Object(o.a)(Zo,2),Bo=Wo[0],To=Wo[1];Object(l.useEffect)((function(){if(localStorage.setItem("tabValue","0"),s.u.subscribe((function(e){e&&Vo()})),s.q.subscribe((function(e){e&&Mo()})),s.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),a=JSON.parse(t),n=0;n<a;n++)Jo(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)})),Object(s.t)().subscribe((function(e){To(e)})),window.location.search){Object(s.b)();var e,t=new URLSearchParams(window.location.search),a="",l="",r="",c="",i=Object(n.a)(t);try{for(i.s();!(e=i.n()).done;){var d=Object(o.a)(e.value,2),m=d[0],p=d[1];"collection"===m&&(a="undefined"===p\|\|"null"===p?"carct":p),"window"===m&&(c="undefined"===p\|\|"null"===p?"Closed Square":p),"panel"===m&&(r="undefined"===p\|\|"null"===p?"Ashley":p),"color"===m&&(l="undefined"===p\|\|"null"===p?"White":p)}}catch(u){i.e(u)}finally{i.f()}Vo(),a.length>0&&r.length>0&&l.length>0&&c.length>0?Jo(8,7,a,r,l,c,"Closed","","4000","None","","",0):Jo(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(s.B)()}),5e3)}}),[]);var Vo=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";G(e)},Mo=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,a=JSON.parse(e);L(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=[],c=[],i=0;i<t;i++)r.push(i),c.push(l);if(Z(r),S(c),window.location.search){var s,d=new URLSearchParams(window.location.search),m="",p="",u="",g="",b=Object(n.a)(d);try{for(b.s();!(s=b.n()).done;){var h=Object(o.a)(s.value,2),f=h[0],x=h[1];"collection"===f&&(m="undefined"===x\|\|"null"===x?"carct":x),"window"===f&&(g="undefined"===x\|\|"null"===x?"Closed Square":x),"panel"===f&&(u="undefined"===x\|\|"null"===x?"Ashley":x),"color"===f&&(p="undefined"===x\|\|"null"===x?"White":x)}}catch(O){b.e(O)}finally{b.f()}if(m.length>0&&u.length>0&&p.length>0&&g.length>0)for(var v=0;v<a.length;v++)Jo(a[v].width,a[v].height,m,u,p,g,"Closed","","4000","None","","",v);else for(var w=0;w<a.length;w++)Jo(a[w].width,a[w].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",w)}else for(var E=0;E<a.length;E++)Jo(a[E].width,a[E].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",E)}},Jo=function e(t,a,n,o,l,r,c,i,d,m,u,g,b,h){Object(s.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};if(n.length>0&&(x.collection=n),l.length>0&&(x.color=l),r.length>0&&(x.top=r),o.length>0&&(x.panel=o),i.length>0&&(x.glass=i),c.length>0&&(x.gplacement=c),d.length>0&&(x.model=d),m.length>0&&(x.hardware=m),g.length>0&&(x.colorHex=g),u.length>0&&(x.colorZone=u),h&&h.length>0){var v=h.split("-")[0].length;x.glazepattern="Long"===o?2===v?h:"GG-GG-XX-XX":4===v?h:"GGGX-GGXX-GXXX-XXXX"}p.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 p={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:u,colorHex:g,glazepattern:h,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},f=e.data.options.collection?e.data.options.collection:[];0===b?Dn(f):1===b?Y(f):2===b?st(f):3===b&&va(f);var x=e.data.options.panel?e.data.options.panel:[];0===b?Ln(x):1===b?ne(x):2===b?ut(x):3===b&&ya(x);var v=e.data.options.color?e.data.options.color:[];0===b?Zn(v):1===b?ce(v):2===b?ft(v):3===b&&Sa(v);var w=e.data.options.top?e.data.options.top:[];0===b?Vn(w):1===b?me(w):2===b?Et(w):3===b&&Ra(w);var E=e.data.options.glass?e.data.options.glass:[];0===b?$n(E):1===b?ve(E):2===b?kt(E):3===b&&Wa(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===b?qn(O):1===b?be(O):2===b?Nt(O):3===b&&Ua(O);var y=e.data.options.model?e.data.options.model:[];0===b?eo(y):1===b?ye(y):2===b?At(y):3===b&&Ma(y);var j=e.data.options.hardware?e.data.options.hardware:[];0===b?oo(j):1===b?Se(j):2===b?zt(j):3===b&&_a(j),p.selectedCollection=Go(n,f),0===b?io(p.selectedCollection):1===b?Re(p.selectedCollection):2===b?Tt(p.selectedCollection):3===b&&Qa(p.selectedCollection),p.selectedPanel=Go(o,x),0===b?uo(p.selectedPanel):1===b?Ue(p.selectedPanel):2===b?Gt(p.selectedPanel):3===b&&tn(p.selectedPanel),p.selectedColor=Go(l,v),0===b?fo(p.selectedColor):1===b?We(p.selectedColor):2===b?Xt(p.selectedColor):3===b&&ln(p.selectedColor),p.selectedWindowDesign=Go(r,w),0===b?Eo(p.selectedWindowDesign):1===b?Me(p.selectedWindowDesign):2===b?Yt(p.selectedWindowDesign):3===b&&dn(p.selectedWindowDesign),p.selectedWindowPlacement=Go(c,O),0===b?No(p.selectedWindowPlacement):1===b?_e(p.selectedWindowPlacement):2===b?na(p.selectedWindowPlacement):3===b&&gn(p.selectedWindowPlacement),p.selectedGlass=Go(i,E),0===b?ko(p.selectedGlass):1===b?Qe(p.selectedGlass):2===b?ca(p.selectedGlass):3===b&&xn(p.selectedGlass),p.selectedConstruction=Go(d,y),0===b?Ao(p.selectedConstruction):1===b?tt(p.selectedConstruction):2===b?ma(p.selectedConstruction):3===b&&On(p.selectedConstruction),p.selectedHardware=Go(m,j),0===b?zo(p.selectedHardware):1===b?lt(p.selectedHardware):2===b?ba(p.selectedHardware):3===b&&In(p.selectedHardware);var I=N;I[b]=p,S(I),R(I),localStorage.setItem("design-door",JSON.stringify(I)),s.o.next(JSON.stringify(I)),qo(),Object(s.B)()}),(function(t){Object(s.B)(),e(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0)})).catch((function(t){Object(s.B)(),e(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0)}))},Go=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];_o(a[n].hints,n,r)}}},_o=function(e,t,a){Object(s.b)(),p.a.post(v,e,{headers:{"content-type":"application/json"}}).then((function(e){var n=T;n[t]=e.data,n[t].url=a,V(n),localStorage.setItem("desc-data",JSON.stringify(T)),Object(s.B)()}),(function(e){Object(s.B)()})).catch((function(e){Object(s.B)()}))},Fo=function(e,t,a,n,o,l){var r=N;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,Jo(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)};return r.a.createElement("div",{className:"design-door-tab"},Bo&&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"},r.a.createElement("div",{id:"pixi-stage"})),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"},z.map((function(e,t){return r.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return function(e){X(e),localStorage.setItem("tabValue",e)}(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,c," ",e+1)))})))),r.a.createElement("div",{className:"tab-content col-12"},D&&(1===D.length\|\|2===D.length\|\|3===D.length\|\|4===D.length)&&r.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},r.a.createElement("div",{className:"door-properties pb-2"},kn&&kn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:co,mainIndex:0,type:"collection",dropdownData:kn,designDoorData:a,ok:h,save:u,cancel:b})),An&&An.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:po,mainIndex:0,type:"panel",dropdownData:An,designDoorData:a,ok:h,save:u,cancel:b})),zn&&zn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ho,mainIndex:0,type:"color",dropdownData:zn,designDoorData:a,ok:h,save:u,cancel:b})),Gn&&Gn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:jo,mainIndex:0,type:"windowplacement",dropdownData:Gn,designDoorData:a,ok:h,save:u,cancel:b})),Tn&&Tn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:wo,mainIndex:0,type:"windowdesign",dropdownData:Tn,designDoorData:a,ok:h,save:u,cancel:b})),Xn&&Xn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Po,mainIndex:0,type:"glass",dropdownData:Xn,designDoorData:a,ok:h,save:u,cancel:b})),Yn&&Yn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Co,mainIndex:0,type:"construction",dropdownData:Yn,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),no&&no.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ho,mainIndex:0,type:"hardware",dropdownData:no,designDoorData:a,ok:h,save:u,cancel:b})))),D&&(2===D.length\|\|3===D.length\|\|4===D.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},r.a.createElement("div",{className:"door-properties"},K&&K.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:De,mainIndex:1,type:"collection",dropdownData:K,designDoorData:a,ok:h,save:u,cancel:b})),ae&&ae.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Le,mainIndex:1,type:"panel",dropdownData:ae,designDoorData:a,ok:h,save:u,cancel:b})),re&&re.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ze,mainIndex:1,type:"color",dropdownData:re,designDoorData:a,ok:h,save:u,cancel:b})),ge&&ge.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:qe,mainIndex:1,type:"windowplacement",dropdownData:ge,designDoorData:a,ok:h,save:u,cancel:b})),de&&de.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ve,mainIndex:1,type:"windowdesign",dropdownData:de,designDoorData:a,ok:h,save:u,cancel:b})),xe&&xe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:$e,mainIndex:1,type:"glass",dropdownData:xe,designDoorData:a,ok:h,save:u,cancel:b})),Oe&&Oe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:et,mainIndex:1,type:"construction",dropdownData:Oe,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),Ie&&Ie.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ot,mainIndex:1,type:"hardware",dropdownData:Ie,designDoorData:a,ok:h,save:u,cancel:b})))),D&&(3===D.length\|\|4===D.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},r.a.createElement("div",{className:"door-properties"},it&&it.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Bt,mainIndex:2,type:"collection",dropdownData:it,designDoorData:a,ok:h,save:u,cancel:b})),pt&&pt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Jt,mainIndex:2,type:"panel",dropdownData:pt,designDoorData:a,ok:h,save:u,cancel:b})),ht&&ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Ft,mainIndex:2,type:"color",dropdownData:ht,designDoorData:a,ok:h,save:u,cancel:b})),jt&&jt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:aa,mainIndex:2,type:"windowplacement",dropdownData:jt,designDoorData:a,ok:h,save:u,cancel:b})),wt&&wt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Kt,mainIndex:2,type:"windowdesign",dropdownData:wt,designDoorData:a,ok:h,save:u,cancel:b})),Pt&&Pt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ra,mainIndex:2,type:"glass",dropdownData:Pt,designDoorData:a,ok:h,save:u,cancel:b})),Ct&&Ct.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:da,mainIndex:2,type:"construction",dropdownData:Ct,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),Ht&&Ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:ga,mainIndex:2,type:"hardware",dropdownData:Ht,designDoorData:a,ok:h,save:u,cancel:b})))),D&&4===D.length&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},r.a.createElement("div",{className:"door-properties"},xa&&xa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.doorCollection.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:$a,mainIndex:3,type:"collection",dropdownData:xa,designDoorData:a,ok:h,save:u,cancel:b})),Oa&&Oa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.panelDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:en,mainIndex:3,type:"panel",dropdownData:Oa,designDoorData:a,ok:h,save:u,cancel:b})),Ia&&Ia.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.color.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:on,mainIndex:3,type:"color",dropdownData:Ia,designDoorData:a,ok:h,save:u,cancel:b})),La&&La.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowPlacement.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:un,mainIndex:3,type:"windowplacement",dropdownData:La,designDoorData:a,ok:h,save:u,cancel:b})),Da&&Da.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.windowDesign.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:sn,mainIndex:3,type:"windowdesign",dropdownData:Da,designDoorData:a,ok:h,save:u,cancel:b})),Za&&Za.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.glass.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:fn,mainIndex:3,type:"glass",dropdownData:Za,designDoorData:a,ok:h,save:u,cancel:b})),Va&&Va.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.construction.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:En,mainIndex:3,type:"construction",dropdownData:Va,designDoorData:a,ok:h,link:a.viewDetails.text,save:u,cancel:b})),qa&&qa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,a.decorativeHardware.text),r.a.createElement(I,{doorImageRootPath:O,doorHintsAPIURL:x,colorZoneAPIURL:w,rulesAPIURL:E,dropdownChange:function(e,t,a,n,o,l){return Fo(e,t,a,n,o,l)},selectedValue:Nn,mainIndex:3,type:"hardware",dropdownData:qa,designDoorData:a,ok:h,save:u,cancel:b}))))),r.a.createElement("div",{className:"door-properties pt-3 mx-3"},D&&(null===D\|\|void 0===D?void 0:D.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=F,n=localStorage.getItem("design-door"),o=JSON.parse(n),l=0;l<o.length;l++){var r;if(Jo(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 c=o[a].hints.collection,i=t[c];_o(o[a].hints,l,i)}}},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(d.a,{classStyle:"back-btn",label:Object(s.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(d.a,{classStyle:"save-btn",label:Object(s.i)(u),onClick:qo})),r.a.createElement("span",{className:"screenshot-link screenshot-final"},r.a.createElement(d.a,{classStyle:"next-btn",label:Object(s.i)(i),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),s.C.next(!0)}),1e3)}})))))))},P=a(21),k=function(e){var t=e.emailPath,a=e.imageRootPath,n=e.reviewsaveData,c=e.ok,i=Object(l.useState)(""),m=Object(o.a)(i,2),u=m[0],b=m[1],h=Object(l.useState)(""),f=Object(o.a)(h,2),x=f[0],v=f[1],w=Object(l.useState)(""),E=Object(o.a)(w,2),O=E[0],y=E[1],j=Object(l.useState)(""),N=Object(o.a)(j,2),I=N[0],S=N[1],k=Object(l.useState)(!1),D=Object(o.a)(k,2),R=D[0],C=D[1],A=Object(l.useState)(!1),L=Object(o.a)(A,2),U=L[0],H=L[1];Object(l.useEffect)((function(){Object(s.t)().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,n.emailFieldLabel.text),r.a.createElement("input",{className:"mb-2 ".concat(R?"error-class":""),type:"text",onChange:function(e){b(e.target.value)},onKeyUp:function(){""===u\|\|!1===Object(s.a)(u)?C(!0):C(!1)}}),R&&r.a.createElement("p",{className:"error"},n.emailFieldValidationMessage.text),r.a.createElement("label",null,n.emailMessageLabel.text),r.a.createElement("textarea",{onChange:function(e){v(e.target.value)}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement(d.a,{label:Object(s.i)(n.sendEmailButtonLabel.text),onClick:function(){""!==u&&!1!==Object(s.a)(u)&&function(){Object(s.b)(),document.getElementById("parent-modal").style.display="none",document.getElementsByClassName("modal-backdrop")[0].style.display="none";var e=localStorage.getItem("desc-data"),o=JSON.parse(e),l=localStorage.getItem("garageDoorPdf"),r=new FormData;r.append("receipients",u),r.append("message",x),r.append("count",o.length),fetch(l).then((function(e){return e.blob()})).then((function(e){r.append("filepdf",new File([e],"print.pdf",{type:e.type}))}));var c=localStorage.getItem("image")?localStorage.getItem("image"):"";fetch(c).then((function(e){return e.blob()})).then((function(e){var t="";"uploaded"===localStorage.getItem("image-type")?("image/jpeg"===e.type&&(t="file0.jpeg"),"image/jpg"===e.type&&(t="file0.jpg"),"image/png"===e.type&&(t="file0.png")):t=c.split("/")[c.split("/").length-1];r.append("file0",new File([e],t,{type:e.type}))}));for(var i=function(e){for(var l=o[e].doorText,c=o[e].doorImage[0],i="door"+(e+1),d=0;d<l.length;d++){var m=i+"."+l[d][0];r.append(m,l[d][1])}var u=c.split("/")[c.split("/").length-1],g=void 0;g=c.indexOf("http")>-1?c:a+c,fetch(g).then((function(e){return e.blob()})).then((function(t){var a="file"+(e+1);r.append(a,new File([t],u,{type:t.type}))})),setTimeout((function(){p()({method:"post",url:t,data:r,headers:{"Content-Type":"multipart/form-data"}}).then((function(e){y("success"),S(n.sendEmailSuccessMessage.text),document.getElementById("email-success-link").click(),Object(s.B)()}),(function(e){y("error"),S(n.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(s.B)()})).catch((function(e){y("error"),S(n.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(s.B)()}))}),5e3)},d=0;d<o.length;d++)i(d)}()},disabled:""===u\|\|!1===Object(s.a)(u)})))),r.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},n.sendEmailButtonLabel.text),r.a.createElement(P.a,{name:"email-sent",type:O,text:I,buttonText:c}))},D=function(e){var t=e.reviewsaveData,a=e.back,n=e.dispatchRequestQuoteURL,c=e.emailPath,i=e.imageRootPath,m=e.ok,p=e.door,u=Object(l.useState)([]),g=Object(o.a)(u,2),b=g[0],h=g[1],f=Object(l.useState)(""),x=Object(o.a)(f,2),v=(x[0],x[1],Object(l.useState)("")),w=Object(o.a)(v,2),E=w[0],O=w[1],y=Object(l.useState)(""),j=Object(o.a)(y,2),N=j[0],I=j[1],S=Object(l.useState)(!1),P=Object(o.a)(S,2),D=P[0],R=P[1];Object(l.useEffect)((function(){s.C.subscribe((function(e){if(e&&localStorage.getItem("desc-data")){var t=localStorage.getItem("desc-data"),a=JSON.parse(t);h(a);var n=localStorage.getItem("image")?localStorage.getItem("image"):"";O(n);var o=localStorage.getItem("canvasImg")?localStorage.getItem("canvasImg"):"";I(o)}}))}),[]);var C=function(){s.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0)}),1e3)};return r.a.createElement("div",{className:"review-save-main"},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:E,className:"figure-img img-fluid",onLoad:function(){var e=document.querySelector("#before-img");document.querySelector("#after-img").style.height=e.height+"px"}}),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"},r.a.createElement("div",{className:"mr-3"},r.a.createElement(d.a,{label:Object(s.i)(a),onClick:C,inverse:!0})),r.a.createElement("div",null,r.a.createElement(d.a,{label:Object(s.i)(t.startOver.text),onClick:function(){var e;null===(e=document.getElementById("door-size-tab"))\|\|void 0===e\|\|e.click(),window.scrollTo(0,0),s.p.next(!0)}}))),r.a.createElement("div",{"data-html2canvas-ignore":"true"},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(){R(!D);var e=localStorage.getItem("desc-data"),t=JSON.parse(e);t.forEach((function(e,t){e.sequence=t+1}));var a={data:t,time:new Date,imageRootPath:i,door:p};!1===D?localStorage.setItem("designer-fav",JSON.stringify(a)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer d-flex align-items-center share-item"},!0===D?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(d.a,{label:Object(s.i)(t.raq.text),onClick:function(){for(var e="",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="",c=0;c<l.length;c++)r=c===l.length-1?r+l[c][0]+":"+l[c][1]+";":r+l[c][0]+":"+l[c][1]+",";e+=r}var i=encodeURIComponent(e),s=n+i;window.open(s,"_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"},p," ",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){C();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",null,r.a.createElement("img",{alt:e.doorText[2][1],src:(a=e.doorImage[0],a.indexOf("http")>-1?a:i+a)})))),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])))})))));var a}))),r.a.createElement(k,{emailPath:c,imageRootPath:i,reviewsaveData:t,ok:m}))},R=function(e){var t=e.doorDesignerData,a=Object(s.g)(t),c=Object(l.useState)("door-size"),m=Object(o.a)(c,2),p=m[0],u=m[1],g=function(e,t){u(t)};Object(l.useEffect)((function(){if(window.location.search){var e,t=new URLSearchParams(window.location.search),a=Object(n.a)(t);try{for(a.s();!(e=a.n()).done;){var l,r=Object(o.a)(e.value,2),c=r[0];r[1];if("collection"===c\|\|"window"===c\|\|"panel"===c\|\|"color"===c)null===(l=document.getElementById("design-door-tab"))\|\|void 0===l\|\|l.click(),window.scrollTo(0,0)}}catch(i){a.e(i)}finally{a.f()}}}),[]);return r.a.createElement(i,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"===p?"active":""),onClick:function(e){return g(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,a.step1.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===p?"active":""),onClick:function(e){return g(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,a.step2.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===p?"active":""),onClick:function(e){return g(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,a.step3.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===p?"active":""),onClick:function(e){return g(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,a.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(h,{doorSizeData:a.step1,door:a.door.text,next:a.next.text,sampleHomeImagesCSV:a.sampleHomeImagesCSV,doorOptionsAPIURL:a.doorOptionsAPIURL,imageRootPath:a.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(w,{homeImageData:a.step2,next:a.next.text,back:a.back.text}))),r.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},r.a.createElement(S,{designDoorData:a.step3,door:a.door.text,next:a.next.text,back:a.back.text,save:a.save.text,cancel:a.cancel.text,ok:a.ok.text,doorOptionsAPIURL:a.doorOptionsAPIURL,doorHintsAPIURL:a.doorHintsAPIURL,doorDescriptionAPIURL:a.doorDescriptionAPIURL,colorZoneAPIURL:a.colorZoneAPIURL,rulesAPIURL:a.rulesAPIURL,doorImageRootPath:a.doorImageRootPath,collectionDetailURLs:a.collectionDetailURLs})),r.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},r.a.createElement(D,{imageRootPath:a.imageRootPath,reviewsaveData:a.step4,back:a.back.text,dispatchRequestQuoteURL:a.dispatchRequestQuoteURL,emailPath:a.emailPath,ok:a.ok.text,door:a.door.text}))))),r.a.createElement("a",{id:"link1","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),r.a.createElement("div",{className:"modal fade",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog",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"},r.a.createElement("div",null,"If you want to select door size/count so start over to first tab !!")),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("span",{className:""},r.a.createElement("a",{href:"#","data-dismiss":"modal"},r.a.createElement(d.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:"ok"}))))))))};R.defaultProps={config:"",theme:"",doorDesignerData:""};t.a=R},8:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(16),o=a(0),l=a.n(o),r=a(4),c=(a(29),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;}}"])),i=a(24),s=a.n(i),d=function(e){return Object(n.a)(e),l.a.createElement(c,null,l.a.createElement("div",{className:"d-flex justify-content-center loader"},l.a.createElement("div",{className:"d-flex"},l.a.createElement(s.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}}});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@assaabloy/amarr-wc-door-designer",
-  "version": "1.0.128",
+  "version": "1.0.129",
   "description": "Web component - Door-designer",
   "type": "module",
   "main": "door-designer.js",
@@ -11,5 +11,5 @@
   },
   "author": "Nagarro",
   "license": "MIT",
-  "gitHead": "00791ebb097126e0925507829adeb1da2f75e87a"
+  "gitHead": "056b4eb53b894a4a19459fd3090b3dd8d98c6803"
 }