@assaabloy/amarr-wc-door-designer 5.0.21 → 5.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/door-designer.js +1 -1
  2. package/package.json +2 -2
package/door-designer.js CHANGED
@@ -1 +1 @@
1
- !function(e){function t(t){for(var a,l,i=t[0],c=t[1],d=t[2],m=0,u=[];m<i.length;m++)l=i[m],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&u.push(o[l][0]),o[l]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(s&&s(t);u.length;)u.shift()();return r.push.apply(r,d||[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],a=!0,i=1;i<n.length;i++){var c=n[i];0!==o[c]&&(a=!1)}a&&(r.splice(t--,1),e=l(l.s=n[0]))}return e}var a={},o={44:0},r=[];function l(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=a,l.d=function(e,t,n){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)l.d(n,a,function(t){return e[t]}.bind(null,a));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var i=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],c=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=c;r.push([615,0]),n()}({0:function(e,t){e.exports=React},1:function(e,t,n){"use strict";n.d(t,"g",(function(){return o})),n.d(t,"gb",(function(){return r})),n.d(t,"y",(function(){return l})),n.d(t,"i",(function(){return i})),n.d(t,"M",(function(){return c})),n.d(t,"P",(function(){return d})),n.d(t,"w",(function(){return s})),n.d(t,"K",(function(){return m})),n.d(t,"p",(function(){return u})),n.d(t,"s",(function(){return p})),n.d(t,"R",(function(){return g})),n.d(t,"Q",(function(){return h})),n.d(t,"bb",(function(){return b})),n.d(t,"N",(function(){return f})),n.d(t,"v",(function(){return v})),n.d(t,"h",(function(){return x})),n.d(t,"u",(function(){return w})),n.d(t,"A",(function(){return E})),n.d(t,"x",(function(){return O})),n.d(t,"L",(function(){return y})),n.d(t,"t",(function(){return I})),n.d(t,"cb",(function(){return N})),n.d(t,"r",(function(){return j})),n.d(t,"S",(function(){return S})),n.d(t,"O",(function(){return P})),n.d(t,"db",(function(){return U})),n.d(t,"n",(function(){return D})),n.d(t,"k",(function(){return C})),n.d(t,"o",(function(){return L})),n.d(t,"l",(function(){return R})),n.d(t,"m",(function(){return M})),n.d(t,"D",(function(){return z})),n.d(t,"W",(function(){return T})),n.d(t,"z",(function(){return H})),n.d(t,"eb",(function(){return W})),n.d(t,"fb",(function(){return q})),n.d(t,"b",(function(){return Z})),n.d(t,"Z",(function(){return _})),n.d(t,"F",(function(){return F})),n.d(t,"a",(function(){return B})),n.d(t,"hb",(function(){return V})),n.d(t,"d",(function(){return J})),n.d(t,"f",(function(){return G})),n.d(t,"e",(function(){return Q})),n.d(t,"kb",(function(){return $})),n.d(t,"c",(function(){return K})),n.d(t,"ib",(function(){return X})),n.d(t,"jb",(function(){return Y})),n.d(t,"T",(function(){return ee})),n.d(t,"U",(function(){return te})),n.d(t,"V",(function(){return ne})),n.d(t,"X",(function(){return ae})),n.d(t,"Y",(function(){return oe})),n.d(t,"q",(function(){return re})),n.d(t,"ab",(function(){return le})),n.d(t,"C",(function(){return ie})),n.d(t,"J",(function(){return ce})),n.d(t,"j",(function(){return de})),n.d(t,"E",(function(){return se})),n.d(t,"H",(function(){return me})),n.d(t,"I",(function(){return ue})),n.d(t,"G",(function(){return pe})),n.d(t,"B",(function(){return he}));var a=n(4),o=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},r=function(e){return btoa(unescape(encodeURIComponent(e)))},l=function(e){return r(JSON.stringify(e))},i=function(e){return e.toUpperCase()},c=function(e){return e.replaceAll(" ","-").toLowerCase()},d=new a.a(!1),s=new a.a(!1),m=new a.a(!1),u=new a.a(!1),p=new a.a(""),g=new a.a(!1),h=new a.a(!1),b=new a.a(!1),f=new a.a(!1),v=new a.a(!1),x=new a.a(!1),w=new a.a(""),E=new a.a(!0),O=new a.a(!0),y=new a.a(!0),I=new a.a(!0),N=new a.a(!0),j=new a.a(!0),S=new a.a({}),k=new a.a(!1),A=0,P=new a.a(!1),U=new a.a(""),D=new a.a(""),C=new a.a(""),L=new a.a(""),R=new a.a(""),M=new a.a(""),z=new a.a(""),T=new a.a(""),H=new a.a(!1),W=new a.a(!1),q=new a.a(!1),Z=(new a.a(!1),new a.a(!1),new a.a({flag:!1}),function(){setTimeout((function(){A++,k.next(!0)}),0)}),_=function(){setTimeout((function(){A>0&&A--,0==A&&k.next(!1)}),0)},F=function(){return k.asObservable()},B=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},V=function(e){var t=0;return!!/(?=.{8,})/.test(e)&&(/([a-z])/.test(e)&&t++,/([A-Z])/.test(e)&&t++,/(\d)/.test(e)&&t++,/([!@#$%^&*])/.test(e)&&t++,!(t<3))},J=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},G=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},Q=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},$=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},K=function(e){return/^[0-9]*$/.test(e)},X=function(e){return new RegExp("^[0-9]+[.][0-9]{0,2}$").test(e)},Y=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},ee=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},te=function(e){var t=(""+e).replace(/\D/g,"");if(t.length>10){var n=(t=t.slice(0,10)).match(/^(\d{3})(\d{3})(\d{4})$/);if(n)return"("+n[1]+") "+n[2]+"-"+n[3]}var a="";return t.split("").forEach((function(e,t){a+=0==t?"("+e:2==t?e+") ":5==t?e+"-":e})),a},ne=function(e){var t=e.target.value;return 1==t.length?"("+t:5==t.length?t.slice(0,t.length-1)+") "+t[t.length-1]:10==t.length&&"-"!==t[t.length-1]?t.slice(0,t.length-1)+"-"+t[t.length-1]:10==t.length&&"-"===t[t.length-1]?t.substring(0,t.length-1):6==t.length?t.substring(0,t.length-2):t},ae=function(e){return e&&(e=Number(e).toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},oe=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)},re=function(e){var t={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:e.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:e.selectedHeight,glass:e.selectedGlass,collection:e.selectedCollection,print:!0,baseUrl:"",gplacement:e.selectedWindowPlacement,width:e.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return e.selectedColor&&(t.color=e.selectedColor),e.colorHex&&(t.colorHex=e.colorHex),e.colorZone&&(t.colorZone=e.colorZone),e.selectedConstruction&&(t.model=e.selectedConstruction),e.selectedWindowDesign&&(t.top=e.selectedWindowDesign),e.glazepattern&&(t.glazepattern=e.glazepattern),e.selectedHardware&&(t.hardware=e.selectedHardware),t},le=function(e,t,n){var a="",o=e.split(t);return o.forEach((function(e,t){"undefined"!==e&&e&&(a+=e,t!==o.length-1&&(a+=n))})),a},ie=function(e){return e.length>0?e.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"").replace(/ /g,""):e};function ce(e,t){var n=t||"html",a=e;return n||(n="html"),"html"==n&&(a=function(e){var t,n,a,l,i,s=e,m="";t=o(s,"&lt;!--","--&gt;",c,"W3HTMLCOMMENTPOS"),s=t.rest;for(;s.indexOf("&lt;")>-1;)l="",n=s.indexOf("&lt;"),"&LT;STYLE"==s.substr(n,9).toUpperCase()&&(l="css"),"&LT;SCRIPT"==s.substr(n,10).toUpperCase()&&(l="javascript"),-1==(a=s.indexOf("&gt;",n))&&(a=s.length),m+=s.substring(0,n),m+=r(s.substring(n,a+4)),s=s.substr(a+4),"css"==l&&(a=s.indexOf("&lt;/style&gt;"))>-1&&(m+=d(s.substring(0,a)),s=s.substr(a)),"javascript"==l&&(a=s.indexOf("&lt;/script&gt;"))>-1&&(m+=p(s.substring(0,a)),s=s.substr(a));for(s=m+s,i=0;i<t.arr.length;i++)s=s.replace("W3HTMLCOMMENTPOS",t.arr[i]);return s}(a)),"css"==n&&(a=d(a)),"js"==n&&(a=p(a)),a;function o(e,t,n,a,o){for(var r,l,i="",c=[];e.search(t)>-1;)r=e.search(t),-1==(l=e.indexOf(n,r))&&(l=e.length),o?(c.push(a(e.substring(r,l+n.length))),e=e.substring(0,r)+o+e.substr(l+n.length)):(i+=e.substring(0,r),i+=a(e.substring(r,l+n.length)),e=e.substr(l+n.length));return{rest:i+e,arr:c}}function r(e){for(var t,n,a,o=e,r="";o.search(/(\s|<br>)/)>-1;)t=o.search(/(\s|<br>)/),-1==(n=o.indexOf("&gt;"))&&(n=o.length),r+=o.substring(0,t),r+=l(o.substring(t,n)),o=o.substr(n);return"&gt;"==(a="<span style=color:grey>&lt;</span>"+(a=r+o).substring(4)).substr(a.length-4,4)&&(a=a.substring(0,a.length-4)+"<span style=color:grey>&gt;</span>"),"<span style=color:#a10d5f>"+a+"</span>"}function l(e){for(var t,n,a,o,r,l=e,c="";l.indexOf("=")>-1;)n=-1,t=l.indexOf("="),a=l.indexOf("'",t),o=l.indexOf('"',t),(r=l.indexOf(" ",t+2))>-1&&(r<a||-1==a)&&(r<o||-1==o)?n=l.indexOf(" ",t):o>-1&&(o<a||-1==a)&&(o<r||-1==r)?n=l.indexOf('"',l.indexOf('"',t)+1):a>-1&&(a<o||-1==o)&&(a<r||-1==r)&&(n=l.indexOf("'",l.indexOf("'",t)+1)),(!n||-1==n||n<t)&&(n=l.length),c+=l.substring(0,t),c+=i(l.substring(t,n+1)),l=l.substr(n+1);return"<span style=color:green>"+c+l+"</span>"}function i(e){return"<span style=color:#1c8a9c>"+e+"</span>"}function c(e){return"<span style=color:green>"+e+"</span>"}function d(e){var t,n,a,r,l,i,d,m=e,u="";for(m=(a=o(m,/\/\*/,"*/",c,"W3CSSCOMMENTPOS")).rest;m.search("{")>-1;){for(t=m.search("{"),l=m.substr(t+1),d=1,i=0,r=0;r<l.length&&("{"==l.substr(r,1)&&(d++,i++),"}"==l.substr(r,1)&&d--,0!=d);r++);for(0!=d&&(i=0),n=t,r=0;r<=i;r++)n=m.indexOf("}",n+1);-1==n&&(n=m.length),u+=m.substring(0,t+1),u+=s(m.substring(t+1,n)),m=m.substr(n)}for(m=(m=(m=u+m).replace(/{/g,"<span style=color:grey>{</span>")).replace(/}/g,"<span style=color:grey>}</span>"),r=0;r<a.arr.length;r++)m=m.replace("W3CSSCOMMENTPOS",a.arr[r]);return"<span style=color:green>"+m+"</span>"}function s(e){var t,n,a,o,r=e,l="";if(r.indexOf("{")>-1)return d(r);for(;r.search(":")>-1;){for(o=!0,a=t=r.search(":");1==o;)o=!1,n=r.indexOf(";",a),"&nbsp;"==r.substring(n-5,n+1)&&(o=!0,a=n+1);-1==n&&(n=r.length),l+=r.substring(0,t),l+=m(r.substring(t,n+1)),r=r.substr(n+1)}return"<span style=color:#a10d5f>"+l+r+"</span>"}function m(e){var t,n=e,a="";for(n="<span style=color:grey>:</span>"+n.substring(1);n.search(/!important/i)>-1;)t=n.search(/!important/i),a+=n.substring(0,t),a+=u(n.substring(t,t+10)),n=n.substr(t+10);var o=a+n;return";"==o.substr(o.length-1,1)&&"&nbsp;"!=o.substr(o.length-6,6)&&"&lt;"!=o.substr(o.length-4,4)&&"&gt;"!=o.substr(o.length-4,4)&&"&amp;"!=o.substr(o.length-5,5)&&(o=o.substring(0,o.length-1)+"<span style=color:grey>;</span>"),"<span style=color:black>"+o+"</span>"}function u(e){return"<span style=color:red;font-weight:bold;>"+e+"</span>"}function p(e){var t,n,a,o,r,l,i,d,s,m,u=e,p="",y=[],I="";for(t=0;t<u.length;t++)"\\"==(n=u.substr(t,1))&&(y.push(u.substr(t,2)),n="W3JSESCAPE",t++),I+=n;for(u=I,1;a=E(u,"'","'",g),o=E(u,'"','"',g),r=E(u,/\/\*/,"*/",c),l=E(u,/\/\//,"<br>",c),d=O(u,b),i=w("js",u,h),m=v(u,f),-1!=Math.max(d[0],a[0],o[0],r[0],l[0],i[0],m[0])&&-1!=(s=x(d,a,o,r,l,i,m))[0];)s[0]>-1&&(p+=u.substring(0,s[0]),p+=s[2](u.substring(s[0],s[1])),u=u.substr(s[1]));for(u=p+u,t=0;t<y.length;t++)u=u.replace("W3JSESCAPE",y[t]);return"<span style=color:black>"+u+"</span>"}function g(e){return"<span style=color:brown>"+e+"</span>"}function h(e){return"<span style=color:mediumblue>"+e+"</span>"}function b(e){return"<span style=color:red>"+e+"</span>"}function f(e){return"<span style=color:black>"+e+"</span>"}function v(e,t){var n,a,o,r,l=[".","<"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%"];if((r=e.indexOf("."))>-1)for(n=e.substr(r+1),o=0;o<n.length;o++){var i=n[o];for(a=0;a<l.length;a++)if(i.indexOf(l[a])>-1)return[r+1,o+r+1,t]}return[-1,-1,t]}function x(e,t,n,a,o,r,l){var i,c=[];for(i=0;i<arguments.length;i++)arguments[i][0]>-1&&(0==c.length||arguments[i][0]<c[0])&&(c=arguments[i]);return 0==c.length&&(c=arguments[i]),c}function w(e,t,n){var a,o,r,l,i=-1,c=-1;for("js"==e&&(l=["abstract","arguments","boolean","break","byte","case","catch","char","class","const","continue","debugger","default","delete","do","double","else","enum","eval","export","extends","false","final","finally","float","for","function","goto","if","implements","import","in","instanceof","int","interface","let","long","NaN","native","new","null","package","private","protected","public","return","short","static","super","switch","synchronized","this","throw","throws","transient","true","try","typeof","var","void","volatile","while","with","yield"]),a=0;a<l.length;a++)(o=t.indexOf(l[a]))>-1&&(r=/\W/g,t.substr(o+l[a].length,1).match(r)&&t.substr(o-1,1).match(r)&&o>-1&&(-1==i||o<i)&&(c=(i=o)+l[a].length));return[i,c,n]}function E(e,t,n,a){var o,r;return o=e.search(t),-1==(r=e.indexOf(n,o+n.length))&&(r=e.length),[o,r+n.length,a]}function O(e,t){var n,a,o,r,l,i=["<br>"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%","="],c=0;for(n=0;n<e.length;n++)for(a=0;a<i.length;a++)if((o=e.substr(n,i[a].length))==i[a]){if("-"==o&&("e"==e.substr(n-1,1)||"E"==e.substr(n-1,1)))continue;if(c<(r=n)&&(l=e.substring(c,r),!isNaN(l)))return[c,r,t];c=n+=i[a].length,n-=1;break}return[-1,-1,t]}}var de=function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},se=function(){return getComputedStyle(document.body).getPropertyValue("--asset-path").trim()},me=function(){return getComputedStyle(document.body).getPropertyValue("--accent").trim()},ue=function(e){if("string"===typeof e){var t=e;return t=(t=t.replace(/\\/g,"\\\\")).replace(/"/g,'\\"')}return e},pe=function(e){return Math.floor(Math.random()*e)+1},ge=["January","February","March","April","May","June","July","August","September","October","November","December"],he=function(e){var t=new Date(e);if("Invalid Date"==t.toString())return e;var n=t.getFullYear(),a=t.getMonth(),o=(t.getDate()+"").padStart(2,"0");return"".concat(ge[a].slice(0,3)," ").concat(o,", ").concat(n)}},10:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-1pdbosk-0"})(["box-sizing:border-box;width:100%;margin:0 auto;padding:",";max-width:",";"],(function(e){return e.padding?"0 var(--grid-margin);":0}),(function(e){e.maxWidth;return"calc(var(--container-max-width)px + var(--grid-margin) + var(--grid-margin));"})),l=function(e){var t=e.className,n=e.children,a=e.maxWidth,l=void 0===a?1520:a,i=e.padding,c=void 0===i||i;return o.a.createElement(r,{className:t,maxWidth:l,padding:c},n)};t.b=l},11:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(3),o=n(0),r=n.n(o),l=n(5).default.div.withConfig({displayName:"styles__View",componentId:"q1njqe-0"})([".form-grey{background-color:var(--bg-alt);border-color:transparent;border-bottom-color:var(--black);}.help-icon{width:15px;margin-left:10px;margin-bottom:2px;}.help-icon:hover{cursor:pointer;}.right-icon,.show-password{display:flex;align-items:center;position:absolute;right:10px;height:100%;}.show-password{cursor:pointer;}.help-text{font-size:0.8rem;&--top{margin-bottom:5px;margin-top:-5px;}&--bottom{margin-bottom:0;margin-top:5px;}}.sub-label{font-weight:var(--font-weight-regular);display:block;}.error{line-height:18px;}.input-wrapper{width:100%;}input.has-right-icon{padding-right:35px;}"]),i=n(1),c=function(e){var t=e.label,n=void 0===t?"":t,c=e.isAsterisks,d=void 0===c||c,s=e.required,m=void 0===s||s,u=e.inputType,p=void 0===u?"text":u,g=e.placeholder,h=void 0===g?"":g,b=e.errorMsg,f=void 0===b?"":b,v=e.className,x=void 0===v?"":v,w=e.maxlength,E=void 0===w?0:w,O=e.prefix,y=void 0===O?"":O,I=e.subLabel,N=void 0===I?"":I,j=e.name,S=void 0===j?"":j,k=e.onBlur,A=void 0===k?function(){}:k,P=e.onChange,U=void 0===P?function(){}:P,D=e.onFocus,C=void 0===D?function(){}:D,L=e.textClassName,R=void 0===L?"":L,M=e.min,z=void 0===M?0:M,T=e.max,H=e.labelclassName,W=e.value,q=e.disabled,Z=void 0!==q&&q,_=e.pattern,F=void 0===_?"":_,B=e.onKeyDown,V=void 0===B?function(){}:B,J=e.onKeyUp,G=void 0===J?function(){}:J,Q=e.icon,$=void 0!==Q&&Q,K=e.enableShowPassword,X=void 0!==K&&K,Y=e.rightIcon,ee=void 0===Y?"":Y,te=e.helpText,ne=void 0===te?"":te,ae=e.helpTextPosition,oe=void 0===ae?"top":ae,re=e.step,le=Object(o.useState)(p),ie=Object(a.a)(le,2),ce=ie[0],de=ie[1];return r.a.createElement(l,null,r.a.createElement("div",{className:"".concat(x," ").concat(f?"error-msg":""," ")},r.a.createElement("label",{htmlFor:n?"".concat(Object(i.M)(n),"-id"):S?"".concat(S,"-id"):"input-id",className:H},m&&d&&r.a.createElement("span",{className:"required"},"*")," ",n,$&&r.a.createElement("img",{className:"help-icon",src:Object(i.E)().concat("app_question_help.png"),title:"Since 1951, we have been pioneers in garage door innovation."}),N&&r.a.createElement("span",{className:"sub-label body-text2"},N)),ne&&"top"===oe&&r.a.createElement("p",{className:"help-text help-text--top"},ne),r.a.createElement("span",{className:"flex-span position-relative align-items-center"},y&&y.length>0&&r.a.createElement("span",{className:"prefix"},y),r.a.createElement("input",{id:n?"".concat(Object(i.M)(n),"-id"):S?"".concat(S,"-id"):"input-id",type:ce,placeholder:h,maxLength:E,name:S,onBlur:A,onChange:U,onFocus:C,className:"".concat(R," ").concat(ee||X?"has-right-icon":""),min:z,onKeyDown:V,onKeyUp:G,value:W,disabled:Z,pattern:F||void 0,max:T,step:re,required:!!m}),ee&&r.a.createElement("span",{className:"right-icon"},r.a.createElement("img",{src:ee,alt:"Input Icon",height:"13px"})),"password"===p&&X&&r.a.createElement("span",{className:"show-password",onClick:function(){de("password"===ce?"text":"password")}},r.a.createElement("img",{src:"password"===ce?Object(i.E)().concat("eye.svg"):Object(i.E)().concat("eye-cross.svg"),alt:"Show Password"}))),ne&&"bottom"===oe&&r.a.createElement("p",{className:"help-text help-text--bottom"},ne),r.a.createElement("span",{className:"error"},f)))}},14:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(28),o=n(0),r=n.n(o),l=n(5),i=(n(41),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:var(--text-center);z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),c=n(33),d=n.n(c),s=n(1),m=function(e){return Object(a.a)(e),r.a.createElement(i,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(d.a,{type:"ThreeDots",color:Object(s.H)(),height:100,width:100}))))}},16:function(e,t,n){"use strict";n.d(t,"c",(function(){return l})),n.d(t,"b",(function(){return i})),n.d(t,"d",(function(){return c})),n.d(t,"e",(function(){return d})),n.d(t,"a",(function(){return s}));var a=n(15),o=n(7),r=n.n(o);function l(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"GET",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function i(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"DELETE",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function c(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"POST",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function d(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"PUT",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function s(e){return r()({url:e,method:"GET"})}r.a.interceptors.request.use((function(e){return!(window.location.pathname.indexOf(".html")>-1)&&Object(a.a)({},e)})),r.a.interceptors.response.use((function(e){return e.status,e.status,e.status,e}),(function(e){return window.location.pathname.indexOf("/dealer/")>-1&&401===e.response.status&&(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),localStorage.removeItem("dealerMagentoToken"),window.location.href=window.location.origin),Promise.reject(e)}))},17:function(e,t,n){"use strict";n.d(t,"d",(function(){return i})),n.d(t,"c",(function(){return c})),n.d(t,"b",(function(){return d})),n.d(t,"a",(function(){return s}));var a=n(7),o=n.n(a),r=n(40),l=function(){var e=localStorage.getItem("dealerMagentoToken");return"true"===localStorage.getItem("isHomeownerSite")&&(e=localStorage.getItem("homeownerMagentoToken")),"false"===localStorage.getItem("isHomeownerSite")&&"true"===localStorage.getItem("enableEcommerce")&&(e=localStorage.getItem("dealerMagentoToken")),e},i=function(){var e=l();if(e&&e.length>0){var t=Object(r.a)(e).exp;return!((new Date).getTime()>1e3*Number(t))}return!1};function c(e,t){if(t)return o()({url:e,method:"POST",headers:{"Content-type":"application/json",redirectOnTokenFailure:!1},data:JSON.stringify({query:t})})}function d(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=l();if(t)return o()({url:e,method:"POST",headers:{Authorization:"Bearer "+a,"Content-type":"application/json",redirectOnTokenFailure:n},data:JSON.stringify({query:t})})}function s(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=l();if(t)return o()({url:e,method:"POST",headers:{Authorization:"Bearer "+a,"Content-type":"application/json",redirectOnTokenFailure:n},data:JSON.stringify({query:t})})}o.a.interceptors.response.use((function(e){var t,n,a,o,r,l,i;return(null===(t=e.data)||void 0===t||null===(n=t.data)||void 0===n||null===(a=n.errors)||void 0===a?void 0:a.length)>0||(null===(o=e.data)||void 0===o||null===(r=o.errors)||void 0===r?void 0:r.length)?Promise.reject(e):("The current customer isn't authorized."===(null===e||void 0===e||null===(l=e.data)||void 0===l||null===(i=l.errors)||void 0===i?void 0:i.message)&&(window.location.href=window.location.origin,localStorage.removeItem("homeownerMagentoToken"),localStorage.removeItem("username"),localStorage.removeItem("email"),localStorage.removeItem("dealerMagentoToken")),e)}),(function(e){return Promise.reject(e)})),o.a.interceptors.request.use((function(e){var t=localStorage.getItem("erp-dealer-id")||"";if("true"===localStorage.getItem("isHomeownerSite")&&(t=localStorage.getItem("erp-dealer-id")||""),"false"===localStorage.getItem("isHomeownerSite")&&"true"===localStorage.getItem("enableEcommerce")){var n=localStorage.getItem("dealer"),a=JSON.parse(n);t=Number(a.accountNumber)+""}var o=localStorage.getItem("store"),i="true"===localStorage.getItem("enableLogoutRedirection");if(t&&(e.headers.common["erp-dealer-id"]=t),o&&(e.headers.common.store=o),e.headers.redirectOnTokenFailure&&i){var c=l();if(c&&c.length>0){var d=Object(r.a)(c).exp;(new Date).getTime()>1e3*Number(d)&&(window.location.href=window.location.origin,localStorage.removeItem("homeownerMagentoToken"),localStorage.removeItem("username"),localStorage.removeItem("email"),localStorage.removeItem("dealerMagentoToken"))}else window.location.href=window.location.origin,localStorage.removeItem("homeownerMagentoToken"),localStorage.removeItem("username"),localStorage.removeItem("email"),localStorage.removeItem("dealerMagentoToken")}return delete e.headers.redirectOnTokenFailure,e}))},18:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"g1x5bu-0"})(["select{appearance:none;}.flex-span{position:relative;}.select-dropdown{&-icon{width:16px;height:16px;position:absolute;right:12px;top:34%;transform:rotate(87deg);pointer-events:none;}}"]),l=n(1),i=n(39),c=function(e){var t=e.label,n=void 0===t?"":t,a=e.required,c=void 0===a||a,d=e.isAsterisks,s=void 0===d||d,m=e.options,u=void 0===m?[{text:"",value:""}]:m,p=e.placeholder,g=void 0===p?"":p,h=e.errorMsg,b=void 0===h?"":h,f=e.className,v=void 0===f?"":f,x=e.prefix,w=void 0===x?"":x,E=e.name,O=void 0===E?"":E,y=e.selectClassName,I=void 0===y?"":y,N=e.onChange,j=void 0===N?function(){}:N,S=e.hasPopup,k=void 0!==S&&S,A=e.popupLinkText,P=void 0===A?"":A,U=e.popupText,D=void 0===U?"text":U,C=e.reset,L=void 0!==C&&C,R=e.disabled,M=void 0!==R&&R;return o.a.createElement(r,null,o.a.createElement("div",{className:v},o.a.createElement("label",{htmlFor:"".concat(n?Object(l.M)(n):O,"-id")},c&&s&&o.a.createElement("span",{className:"required"},"*")," ",n,k&&o.a.createElement("a",{className:"popup-link","data-toggle":"modal","data-target":"#info-popup-".concat(O)},P&&o.a.createElement(o.a.Fragment,null,P),!P&&o.a.createElement("img",{loading:"lazy",className:"ml-2",src:Object(l.E)().concat("ic-info.svg"),alt:"info icon"}))),o.a.createElement("span",{className:"flex-span"},w&&w.length>0&&o.a.createElement("span",{className:"prefix"},w),o.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:Object(l.E)().concat("ic-arrow-right-dark.svg")}),o.a.createElement("select",{className:I,id:"".concat(n?Object(l.M)(n):O,"-id"),onChange:j,name:O,disabled:M},g&&(L?o.a.createElement("option",{value:"",selected:!0},g):o.a.createElement("option",{value:""},g)),u&&u.length>0&&u.map((function(e,t){return o.a.createElement("option",{key:t,value:e.value},e.text)})))),o.a.createElement("span",{className:"error"},b)),k&&o.a.createElement(i.a,{name:O,heading:P||n,text:D}))}},2:function(e,t,n){"use strict";n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return o}));var a={mobileAndUpMin:128,mobileAndUp:320,smallMobileAndUp:375,largeMobileAndUp:426,tabletPortraitUp:606,largeMobileAndUp2:576,tabletPortraitAndUp:768,tabletPortraitAndUp2:835,tabletLandscapeAndUp:992,desktopAndUp:1024,smallDesktopAndUp1:1100,smallDesktopAndUp:1200,smallDesktopAndUp2:1280,smallDesktopAndUp3:1300,smallDesktopAndUp4:1150,mediumDesktopAndUp:1400,mediumDesktopAndUp2:1600,mediumDesktopAndUp3:1680,mediumDesktopAndUp4:1440,mediumDesktopAndUp5:1520,largeDesktop:1800,maxWidthAndUp:1900,wrapperMaxWidth:1920,extraLarge:2560},o={mobileAndUpMin:"(min-width: ".concat(a.mobileAndUpMin,"px)"),mobileAndUp:"(min-width: ".concat(a.mobileAndUp,"px)"),mobile1AndUp:"(max-width: ".concat(a.mobileAndUp-20,"px)"),mobileMax:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),smallMobileAndUp:"(min-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileMax:"(max-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileAndUpMax:"(max-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMin:"(min-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMax2:"(max-width: ".concat(a.smallMobileAndUp+5,"px)"),largeMobileAndUp:"(min-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax:"(max-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax2:"(max-width: ".concat(a.largeMobileAndUp-2,"px)"),largeMobileAndUpMax3:"(max-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUpMin:"(min-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUp2:"(min-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max:"(max-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max2:"(max-width: ".concat(a.tabletPortraitUp+34,"px)"),largeMobileMin:"(min-width: ".concat(a.tabletPortraitAndUp+1,"px)"),tabletPortraitUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitUp2:"(min-width: ".concat(a.tabletPortraitAndUp+16,"px)"),tabletPortraitUpMax1:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),tabletPortraitAndUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax:"(max-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax2:"(max-width: ".concat(a.tabletPortraitAndUp+4,"px)"),tabletPortraitAndUpMax3:"(max-width: ".concat(a.tabletPortraitAndUp-12,"px)"),tabletPortraitAndUp2:"(min-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max:"(max-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max2:"(max-width: ".concat(a.tabletPortraitAndUp2-1,"px)"),tabletPortraitMax:"(max-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMin:"(min-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMax2:"(max-width: ".concat(a.tabletLandscapeAndUp-2,"px)"),tabletLandscapeAndUp:"(min-width: ".concat(a.tabletLandscapeAndUp,"px)"),tabletLandscapeAndUpMax:"(max-width: ".concat(a.tabletLandscapeAndUp,"px)"),desktopAndUp:"(min-width: ".concat(a.desktopAndUp,"px)"),desktopAndUpMax:"(max-width: ".concat(a.desktopAndUp,"px)"),desktopMin:"(min-width: ".concat(a.desktopAndUp+1,"px)"),desktopMax2:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop2Max:"(max-width: ".concat(a.desktopAndUp-1,"px)"),desktopMin2:"(min-width: ".concat(a.desktopAndUp+2,"px)"),desktopMin1:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop1Min:"(min-width: ".concat(a.desktopMin1+1,"px)"),desktop2Min:"(min-width: ".concat(a.desktopAndUp-1,"px)"),desktopMax:"(max-width: ".concat(a.smallDesktopAndUp-1,"px)"),smallDesktopAndUp1:"(min-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp1Max:"(max-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp:"(min-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktopAndUpMax:"(max-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktop2Min:"(min-width: ".concat(a.smallDesktopAndUp+1,"px)"),smallDesktopAndUp2:"(min-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp2Max:"(max-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp3:"(min-width: ".concat(a.smallDesktopAndUp3,"px)"),smallDesktopAndUp4:"(max-width: ".concat(a.smallDesktopAndUp4,"px)"),smallDesktopAndUp3Max:"(max-width: ".concat(a.smallDesktopAndUp3,"px)"),mediumDesktopMin:"(min-width: ".concat(a.smallDesktopAndUp2+1,"px)"),mediumDesktopMin2:"(min-width: ".concat(a.mediumDesktopAndUp+1,"px)"),mediumDesktopAndUp:"(min-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUpMax:"(max-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUp2:"(min-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp2Max:"(max-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp3:"(min-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp3Max:"(max-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp4:"(min-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp4Min:"(min-width: ".concat(a.mediumDesktopAndUp4+1,"px)"),mediumDesktopAndUp4Max:"(max-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp5:"(min-width: ".concat(a.mediumDesktopAndUp5,"px)"),mediumDesktopAndUp5Max:"(max-width: ".concat(a.mediumDesktopAndUp5-1,"px)"),largeDesktopMax:"(min-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMax2:"(max-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMin:"(min-width: ".concat(a.mediumDesktopAndUp3+1,"px)"),largeDesktop:"(min-width: ".concat(a.largeDesktop,"px)"),maxWidthAndUp:"(min-width: ".concat(a.maxWidthAndUp,"px)"),maxWidthAndUpMax:"(max-width: ".concat(a.maxWidthAndUp,"px)"),wrapperMaxWidth:"(min-width: ".concat(a.wrapperMaxWidth,"px)"),wrapperMaxWidthMax:"(max-width: ".concat(a.wrapperMaxWidth-1,"px)"),wrapperMaxWidth2:"(min-width: ".concat(a.wrapperMaxWidth+1,"px)"),largeMobile460:"(max-width: ".concat(a.largeMobileAndUp-6,"px)"),minWidth1901:"(min-width: ".concat(a.maxWidthAndUp+1,"px)"),extraLargeMax:"(max-width: ".concat(a.extraLarge,"px)"),extraLargeMin:"(min-width: ".concat(a.extraLarge,"px)")}},20:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(0),o=n.n(a),r=n(44),l=n(5),i=n(2),c=l.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:100% !important;}@media screen and "," and ","{max-width:430px !important;}&-centered{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}}&-content{padding:30px;@media ","{min-width:350px;}@media ","{min-width:90%;max-width:90%;}}&-header,&-body,&-footer{padding:0;&__text{overflow:hidden;text-overflow:ellipsis;> *{overflow:hidden;text-overflow:ellipsis;}}}&-header{border-bottom:none;.close{padding:0;margin:0;position:absolute;right:22px;top:15px;}}&-footer{border-top:none;button{min-width:100px;}}}}"],i.b.mobileMax,i.b.tabletPortraitAndUp,i.b.desktopAndUpMax,i.b.tabletPortraitAndUp,i.b.largeMobileAndUp),d=n(6),s=n(1),m=function(e){var t=e.buttonText,n=void 0===t?"ok":t,a=e.text,l=void 0===a?"some message here.":a,i=e.name,m=void 0===i?"":i,u=e.type,p=void 0===u?"success":u,g=e.reloadPopup,h=e.onClose,b=void 0===h?null:h,f=function(){setTimeout((function(){document.getElementById("parent-modal")&&(document.getElementById("parent-modal").style.display="none");"function"===typeof b&&b()}),500),g&&!0===g&&window.location.reload()};return o.a.useEffect((function(){return $("#msg-popup-".concat(m)).on("hidden.bs.modal",(function(){f()})),function(){$("#msg-popup-".concat(m)).off("hidden.bs.modal")}}),[]),o.a.createElement(c,null,o.a.createElement("div",{className:"modal fade alert-popup",id:"msg-popup-".concat(m),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"===p?o.a.createElement("img",{loading:"lazy",src:Object(s.E)().concat("ic-confirm-green.svg"),alt:"Tick icon"}):o.a.createElement("img",{loading:"lazy",src:Object(s.E)().concat("ic-error-red.svg"),alt:"Cross icon"}),o.a.createElement("div",{className:"my-4 modal-body__text",dangerouslySetInnerHTML:{__html:Object(r.sanitize)(l)}})),o.a.createElement("div",{className:"modal-footer justify-content-center"},o.a.createElement("a",{href:"#","data-dismiss":"modal"},o.a.createElement(d.a,{label:n,onClick:f})))))))}},32:function(e,t){e.exports=ReactDOM},329:function(e,t){},330:function(e,t){},39:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"sc-28t0ak-0"})([".modal{&-content{border-radius:var(--border-radius);box-shadow:0 4px 12px 0 rgb(0 0 0 / 20%);}&-dialog{&-centered{display:flex;align-items:center;height:100%;margin-top:0;margin-bottom:0;}}}"]),l=n(6),i=function(e){var t=e.heading,n=e.text,a=void 0===n?"":n,i=e.name,c=void 0===i?"":i,d=e.requiredDismissButton,s=void 0!==d&&d,m=e.dismissText,u=void 0===m?"":m;return o.a.createElement(r,null,o.a.createElement("div",{className:"modal fade",id:"info-popup-".concat(c),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"},t&&o.a.createElement("h4",{className:"mb-3"},t),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 mb-3"},o.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:a}})),s&&o.a.createElement("div",{className:"modal-footer justify-content-between"},o.a.createElement(l.a,{label:u,"data-dismiss":"modal"}))))))}},46:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"ssxsm2-0"})([".help-icon{width:15px;margin-left:10px;margin-bottom:2px;}.help-icon:hover{cursor:pointer;}"]),l=n(1),i=function(e){var t=e.label,n=void 0===t?"":t,a=e.required,i=void 0===a||a,c=e.options,d=void 0===c?[{text:"Radio",value:"Radio",minValue:0,maxValue:0}]:c,s=e.errorMsg,m=void 0===s?"":s,u=e.name,p=void 0===u?"":u,g=e.className,h=void 0===g?"":g,b=e.onChange,f=void 0===b?function(){}:b,v=e.changedValue,x=void 0===v?void 0:v,w=e.checked,E=void 0===w?void 0:w,O=e.icon,y=void 0===O?void 0:O;return o.a.createElement(r,null,void 0===x&&o.a.createElement("div",null,o.a.createElement("label",null,i&&o.a.createElement("span",{className:"required"},"*")," ",n),d&&d.length>0&&d.map((function(e,t){return o.a.createElement("div",{className:"radio-wrapper ".concat(h),key:t},o.a.createElement("input",{required:i,type:"radio",name:p||"radio-group-".concat(n),value:e.value||e.minValue+"-"+e.maxValue,onChange:f,id:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t)}),o.a.createElement("label",{htmlFor:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t)},e.text))})),o.a.createElement("span",{className:"error"},m)),void 0!=x&&o.a.createElement("div",null,o.a.createElement("label",null,i&&o.a.createElement("span",{className:"required"},"*")," ",n,y&&o.a.createElement("img",{className:"help-icon",src:Object(l.E)().concat("app_question_help.png"),title:"Since 1951, we have been pioneers in garage door innovation."})),d&&d.length>0&&d.map((function(e,t){return o.a.createElement("div",{className:"radio-wrapper ".concat(h),key:t},o.a.createElement("input",{required:i,type:"radio",name:p||"radio-group-".concat(n),value:e.value||e.minValue+"-"+e.maxValue,onChange:f,id:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t),checked:E||x===e.value}),o.a.createElement("label",{htmlFor:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t)},e.text))})),o.a.createElement("span",{className:"error"},m)))}},498:function(e,t,n){"use strict";n.r(t);var a=n(22),o=n(89);t.default=a.a.create({component:o.a,configuration:{tagname:"amarr-door-designer",useShadow:!1},plugins:[]})},55:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"qfn3bf-0"})([".form-grey{background-color:var(--bg-alt);border-color:transparent;border-bottom-color:var(--black);}"]),l=n(1),i=function(e){var t=e.label,n=void 0===t?"":t,a=e.required,i=void 0===a||a,c=e.placeholder,d=void 0===c?"":c,s=e.errorMsg,m=void 0===s?"":s,u=e.maxlength,p=void 0===u?0:u,g=e.onChange,h=void 0===g?function(){}:g,b=e.name,f=void 0===b?"":b,v=e.textAreaClassName,x=void 0===v?"":v;return o.a.createElement(r,null,o.a.createElement("div",null,o.a.createElement("label",{htmlFor:"".concat(Object(l.M)(n),"-id")},i&&o.a.createElement("span",{className:"required"},"*")," ",n),o.a.createElement("textarea",{id:"".concat(Object(l.M)(n),"-id"),className:x,rows:4,cols:50,placeholder:d,maxLength:p,name:f,onChange:h}),o.a.createElement("p",{className:"error"},m)))}},6:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(31),o=n(0),r=n.n(o),l=n(5),i=n(2),c=l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),d=l.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(["font-size:var(--font-size-s1);font-family:var(--font-family-body);font-weight:var(--font-weight-semi-bold);font-stretch:var(--font-normal);font-style:var(--font-normal);line-height:1.5;letter-spacing:var(--font-normal);text-align:var(--text-center);color:var(--bg-main);padding:12px 19px 12px 20px;border-radius:var(--border-radius);background-color:var(--accent);box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:var(--accent-hover);color:var(--bg-main);}&:focus{transform:scale(1);box-shadow:none !important;background-color:var(--accent-focus);}&:active{background-color:var(--accent-active) !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:var(--text-color);background:var(--accent-inverse);&:hover{background:var(--accent-inverse-hover);}&:focus{background:var(--accent-inverse-focus);border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:var(--accent-inverse-active) !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media ","{font-size:var(--font-size-m1);}.button-icon{vertical-align:top;padding-right:8px;}"],i.b.smallDesktop2Min),s=n(30),m=n(29),u=function(e){var t=e.label,n=void 0===t?"label":t,o=e.classStyle,l=void 0===o?"default":o,i=e.link,u=void 0!==i&&i,p=e.disabled,g=void 0!==p&&p,h=e.datatoggle,b=void 0===h?"":h,f=e.datatarget,v=void 0===f?"":f,x=e.linkHref,w=e.target,E=void 0===w?"_self":w,O=e.downloadLink,y=void 0!==O&&O,I=e.inverse,N=void 0!==I&&I,j=e.icon,S=void 0===j?"":j,k=e.iconAlt,A=void 0===k?"":k,P=e.dataItemName,U=void 0===P?"":P,D=e.id,C=void 0===D?"":D,L=e.type,R=void 0===L?"button":L,M=e.showDisabledMessage,z=void 0===M?"":M,T=e.ariaLabel,H=void 0===T?"":T,W=e.tabIndex,q=void 0===W?-1:W,Z=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage","ariaLabel","tabIndex"]);return r.a.createElement(c,null,r.a.createElement("div",{className:"".concat(g&&z&&"disabled-button-parent")},u?r.a.createElement("a",{href:x,download:y,target:E,"data-item-name":U,id:C,"aria-label":H},r.a.createElement(d,Object.assign({disabled:g,classStyle:"".concat(l)},Z,{type:R,className:N?"btn-inverse btn btn-success":"btn btn-success",tabIndex:q}),""!=S?r.a.createElement("div",{"data-toggle":b,"data-target":v},r.a.createElement("img",{loading:"lazy",className:"button-icon",src:S,alt:A}),r.a.createElement("span",null,n)):r.a.createElement("span",null,n))):r.a.createElement(d,Object.assign({disabled:g,classStyle:l,className:N?"btn-inverse btn btn-success":"btn btn-success",id:C,"data-item-name":U,type:R,"data-toggle":b,"data-target":v},Z),r.a.createElement("span",null,n)),g&&z&&r.a.createElement(s.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(m.a,{id:"button-tooltip"},r.a.createElement("div",{className:"p-1 amarr-h6"},z))},r.a.createElement("div",{className:"disabled-button-overlay"}))))}},63:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(28),o=n(0),r=n.n(o),l=n(5),i=(n(41),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:var(--text-center);div{align-items:var(--text-center);}}"])),c=n(33),d=n.n(c),s=n(1),m=function(e){return Object(a.a)(e),r.a.createElement(i,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(d.a,{type:"Oval",color:Object(s.H)(),height:100,width:100}))))}},8:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(5),o=n(0),r=n.n(o),l=function(e){var t=e.setter,n=t.componentThemes,o=t.selectedTheme;return r.a.createElement(a.ThemeProvider,{theme:function(){if(!o)return n.theme1;var e=o.match(/\d+/g).map(Number),t=Object.keys(n).find((function(t){return!(!Array.isArray(e)||1!==e.length)&&(t.includes(e[0])&&n[t])}));return t?n["".concat(t)]:n.theme1}},e.children)};t.b=l},89:function(e,t,n){"use strict";var a=n(3),o=n(0),r=n.n(o),l=n(1),i=n(36),c=n(6),d=n(7),s=n.n(d),m=n(202),u=n(14),p=[1,2,3,4],g=function(e){var t=e.doorSizeData,n=e.door,d=e.next,g=e.sampleHomeImagesCSV,h=e.doorOptionsAPIURL,b=e.imageRootPath,f=Object(o.useState)(1),v=Object(a.a)(f,2),x=v[0],w=v[1],E=Object(o.useState)([0]),O=Object(a.a)(E,2),y=O[0],I=O[1],N=Object(o.useState)([]),j=Object(a.a)(N,2),S=j[0],k=j[1],A=Object(o.useState)([]),P=Object(a.a)(A,2),U=P[0],D=P[1],C=Object(o.useState)([]),L=Object(a.a)(C,2),R=L[0],M=L[1],z=Object(o.useState)(!1),T=Object(a.a)(z,2),H=T[0],W=T[1],q=Object(o.useState)([{width:8,height:7}]),Z=Object(a.a)(q,2),_=Z[0],F=Z[1];Object(o.useEffect)((function(){F([{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}]),J(),B(),l.v.subscribe((function(e){e&&(J(),I([0]),w(1),F([{width:8,height:7}]))})),l.u.subscribe((function(e){if(e&&e.length>0){var t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"",n=t.length>0?JSON.parse(t):[{width:8,height:7}];F(n)}})),Object(l.F)().subscribe((function(e){W(e)})),l.x.subscribe((function(e){if(!0===e){if(window.location.search){var t,n=new URLSearchParams(window.location.search),o=Object(i.a)(n);try{for(o.s();!(t=o.n()).done;){var r=Object(a.a)(t.value,2),c=r[0];r[1];if("collection"===c||"window"===c||"panel"===c||"color"===c){var d=[{width:8,height:7}];d.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(d))}}}catch(s){o.e(s)}finally{o.f()}}l.x.next(!1)}})),V()}),[]);var B=function(){Object(l.b)(),s.a.get(g).then((function(e){var t=[],n=Object(m.a)(e.data).data,a=[];n.forEach((function(e){a.push(b+"DoorApp/homes/"+e[0])}));for(var o=0;o<n.length;o++){var r={index:o,images:[b+"homes/"+n[o][0]]},i=!1,c=!1;r.doors=[];for(var d=1;d<n[o].length;d+=9)r.doors.push({type:n[o][d].trim(),positions:n[o].slice(d+1,d+9)}),"s"==n[o][d].trim()&&(i=!0),"d"==n[o][d].trim()&&(c=!0),r.type=c&&i?"m":i?"s":"d",t.push(r)}localStorage.setItem("points",JSON.stringify(t)),M(a),localStorage.setItem("gallery",JSON.stringify(a)),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},V=function(){var e=$(".no-garage-doors .door-box");$(e).each((function(e,t){$(this).on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode||this.click()}))}))},J=function(){s.a.post(h,{names:["width","height"],hints:{}},{headers:{"content-type":"application/json"}}).then((function(e){k(e.data.options.height),D(e.data.options.width)}))},G=function(e){!function(e){I([0]);var t=[];w(e+1);for(var n=0;n<=e;n++)t.push(n);I(t)}(e);for(var t=_,n=0;n<=e;n++)null!==t[e]&&void 0!==t[e]||t.push({width:8,height:7});F(t)};return r.a.createElement("div",{className:"door-size-content"},H&&r.a.createElement(u.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),p.map((function(e,t){return r.a.createElement("div",{className:"door-box amarr-h6 ".concat(x===e?"selected":""),key:t,onClick:function(){return G(t)},role:"button",tabIndex:0},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,a){return r.a.createElement("div",{className:"row mx-0",key:a},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"garage-door-size"},r.a.createElement("label",{htmlFor:"width-".concat(a)},n," ",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",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:Object(l.E)().concat("ic-arrow-right-dark.svg")}),r.a.createElement("select",{name:"width",id:"width-".concat(a),onChange:function(e){return function(e,t){var n=_;n[t].width=Number(e.target.value),F(n)}(e,a)}},U&&U.length>0&&U.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(_&&_[t]&&_[t].width)&&e.value===_[t].width},e.description," '")}))))),r.a.createElement("div",{className:"door-dimension-select door-height-select"},r.a.createElement("p",{className:"body-text3"},t.height.text),r.a.createElement("div",{className:"door-size-select-container"},r.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:Object(l.E)().concat("ic-arrow-right-dark.svg")}),r.a.createElement("select",{name:"height",id:"height-".concat(a),onChange:function(e){return function(e,t){var n=_;n[t].height=Number(e.target.value),F(n)}(e,a)}},S&&S.length>0&&S.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(_&&_[t]&&_[t].height)&&e.value===_[t].height},e.description," '")}))))))))})),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 next-btn door-size"},r.a.createElement(c.a,{label:Object(l.i)(d),onClick:function(){var e,t=x-_.length;0!=t&&_.splice(t),_.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(_)),localStorage.setItem("gallery",JSON.stringify(R)),l.w.next(!0),null===(e=document.getElementById("home-image-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}}))))},h=n(27),b=n.n(h),f=n(35),v=n(56),x=n(59),w=n(61),E=new(function(e){Object(x.a)(n,e);var t=Object(w.a)(n);function n(){var e;return Object(v.a)(this,n),(e=t.call(this,"AmarrDB")).image=void 0,e.delete(),e.version(1).stores({image:"image",garageDoorPdf:"key",canvasImg:"key"}),e.open().catch((function(e){console.error(e.stack||e)})),e}return n}(n(80).a)),O=n(203),y=n.n(O),I=function(e){var t=e.homeImageData,n=e.next,d=e.back,m=e.doorCoordinatesAPIURL,p=Object(o.useState)(""),g=Object(a.a)(p,2),h=g[0],v=g[1],x=Object(o.useState)(!1),w=Object(a.a)(x,2),O=w[0],I=w[1],N=Object(o.useState)([]),j=Object(a.a)(N,2),S=j[0],k=j[1],A=Object(o.useState)(0),P=Object(a.a)(A,2),U=P[0],D=P[1],C=Object(o.useState)(t.uploadNoImageText.text),L=Object(a.a)(C,2),R=L[0],M=L[1],z=Object(o.useState)(!1),T=Object(a.a)(z,2),H=T[0],W=T[1],q=Object(o.useState)(!1),Z=Object(a.a)(q,2),_=Z[0],F=Z[1],B=Object(o.useState)(!1),V=Object(a.a)(B,2),J=V[0],G=V[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){G(e)})),W(!1),l.v.subscribe((function(e){e&&(W(!1),localStorage.setItem("image-type","chosen"),M(t.uploadNoImageText.text))})),l.w.subscribe((function(e){if(e&&(W(!1),Q(),localStorage.getItem("image-type")&&"uploaded"===localStorage.getItem("image-type"))){var t=localStorage.getItem("uploadedFileName")?localStorage.getItem("uploadedFileName"):"";M(t),E.table("image").toArray().then((function(e){e.length>0&&v(e[0].image)}))}})),l.L.subscribe((function(e){if(!0===e){if(W(!1),window.location.search){var t,n=new URLSearchParams(window.location.search),o=Object(i.a)(n);try{for(o.s();!(t=o.n()).done;){var r=Object(a.a)(t.value,2),c=r[0];r[1];"collection"!==c&&"window"!==c&&"panel"!==c&&"color"!==c&&"glass"!==c||(Q(),localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),X({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(d){o.e(d)}finally{o.f()}}l.L.next(!1)}}))}),[]);var Q=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,n="";1===t?n+="one":2===t?n+="two":3===t?n+="three":4===t&&(n+="four");for(var a=JSON.parse(e)[0]?JSON.parse(e)[0].type:"",o=!0,r=0;r<t-1;r++)JSON.parse(e)[r].type!=JSON.parse(e)[r+1].type&&(o=!1);if(!0===o)"s"===a?n+="Single":"d"===a&&(n+="Double");else{if(2===t){var l="";"sd"!==(l=l+JSON.parse(e)[0].type+JSON.parse(e)[1].type)&&"ds"!==l||(n="other")}3===t&&(n="nope"),4===t&&(n="nope")}var i=[],c=localStorage.getItem("gallery");if(JSON.parse(c).forEach((function(e){e.indexOf(n)>-1&&i.push(e)})),k(i),localStorage.getItem("image-type")&&"chosen"===localStorage.getItem("image-type"))if(localStorage.getItem("selected-imageIndex")){var d=Number(localStorage.getItem("selected-imageIndex"));D(d),v(i[d]),X({},i[d],d),localStorage.setItem("image",i[d])}else D(0),v(i[0]),X({},i[0],0),localStorage.setItem("image",i[0])}},$=function(e){if(m){var t=new FormData;return t.set("formFiles",e,e.name),s.a.post(m,t)}},K=function(){var e=Object(f.a)(b.a.mark((function e(t){var n,a,o,r,i;return b.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=26;break}if(E.table("image").clear(),localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),n=t.target.files[0].name,a=n.split(".").pop(),M(n),localStorage.setItem("uploadedFileName",n),"jpg"!==a.toLowerCase()&&"jpeg"!==a.toLowerCase()&&"png"!==a.toLowerCase()){e.next=24;break}if(I(!1),o=t.target.files[0].size,r=t.target.files[0],!(o<=5e6)){e.next=20;break}return F(!0),{maxSizeMB:5,maxWidthOrHeight:4e3,useWebWorker:!1},Object(l.b)(),e.next=18,new y.a(t.target.files[0],{quality:.6,convertSize:5e6,maxWidth:4e3,success:function(e){if(i=e,m){var t;null===(t=$(r))||void 0===t||t.then((function(e){var t,n,a;(Object(l.Z)(),F(!1),localStorage.setItem("door-coordinates",JSON.stringify(null===(t=e.data)||void 0===t?void 0:t.doors)),localStorage.setItem("uploaded-image-id",null===(n=e.data)||void 0===n?void 0:n.id),null===(a=e.data)||void 0===a?void 0:a.doors)&&e.data.doors.forEach((function(e,t){localStorage.setItem("updated-door_".concat(++t),JSON.stringify(e))}))}),(function(e){console.error(e),"function"===typeof window.ineum&&window.ineum("reportError","Error in Home Page",{componentStack:"DesignDoorHome",meta:{error:e}})})),I(!1);var n=new FileReader;n.addEventListener("load",(function(e){var t=new Image;t.src=e.target.result,v(e.target.result);new Promise((function(e,n){t.onload=function(){var n=t.naturalWidth,a=t.naturalHeight;localStorage.setItem("dimensions",n+","+a),e({width:n,height:a})},t.onerror=n}))})),n.readAsDataURL(i)}else F(!1),Object(l.Z)()},error:function(e){console.log(e.message)}});case 18:e.next=22;break;case 20:return I(!0),e.abrupt("return");case 22:e.next=26;break;case 24:return I(!0),e.abrupt("return");case 26:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),X=function(e,n,a){var o=new Image;o.src=n,o.onload=function(e){localStorage.setItem("dimensions",e.currentTarget.width+","+e.currentTarget.height)},localStorage.setItem("image",n),localStorage.setItem("image-type","chosen"),localStorage.setItem("selected-imageIndex",a.toString()),M(t.uploadNoImageText.text),D((function(){return U=a})),v(n)};return r.a.createElement("div",{className:"home-image-tab"},J&&r.a.createElement(u.a,null),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:K,title:"file-upload"}),r.a.createElement("label",{className:"body-text3"},t.uploadImage.text,r.a.createElement("p",{className:"file-name"}))),r.a.createElement("div",{className:"body-text3"},r.a.createElement("span",null,R))),O&&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,S&&S.length>0&&S.map((function(e,t){return r.a.createElement("span",{className:"gallery-image cursor-pointer",key:t},r.a.createElement("a",{onClick:function(n){return X(n,e,t)}},r.a.createElement("img",{loading:"lazy",src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===U?"selected-item":"")})))})),0===S.length&&r.a.createElement("span",null,t.noSelectionImage.text))))),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",null,!0===H&&R===t.uploadNoImageText.text&&0===S.length&&r.a.createElement("span",{className:"error"},t.errorMessageNoImages.text)),r.a.createElement("div",{className:"button-grp col-12 pt-2 next-btn home-image px-0"},r.a.createElement("span",{className:"mr-3"},r.a.createElement(c.a,{label:Object(l.i)(d),inverse:!0,onClick:function(){var e,t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"";l.u.next(t),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}})),r.a.createElement("span",{className:"dimension-link"},r.a.createElement(c.a,{label:Object(l.i)(n),onClick:function(){if(E.table("image").clear(),W(!0),R===t.uploadNoImageText.text&&0===S.length)return!1;var e;h&&h.length>0?E.table("image").add({image:h}):S.length>0?E.table("image").add({image:S[0]}):E.table("image").add({image:""}),l.K.next(!0),null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)},disabled:_})))))},N=n(15),j=n(5),S=j.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;}}"]),k=n(198),A=function(e){var t=e.colorzoneData,n=(e.save,e.cancel,e.mainIndex),i=e.dropdownChange,c=void 0===i?function(e,t,n,a,o,r){}:i,d=e.colorZoneAPIURL,m=Object(o.useState)([]),u=Object(a.a)(m,2),p=u[0],g=u[1],h=Object(o.useState)(""),b=Object(a.a)(h,2),f=b[0],v=b[1],x=Object(o.useState)([]),w=Object(a.a)(x,2),E=w[0],O=w[1];Object(o.useEffect)((function(){l.p.subscribe((function(e){e&&y()}))}),[]);var y=function(){Object(l.b)(),s.a.get(d).then((function(e){var t=e.data,n=[];t.forEach((function(e,t){n.push({key:e[0],value:e[1],color:e[2],required:e[3]})})),g(n),O(n),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))};return r.a.createElement("div",{className:"modal fade",id:"color-zone-modal-".concat(n),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(v(e.target.value.toLowerCase()),f.length>0){var t=[];p.forEach((function(e){-1===e.key.indexOf(f)&&-1===e.value.toLowerCase().indexOf(f)||t.push(e)})),O(t)}else O(p)},onChange:function(e){v(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("$"),a=t[0],o=Object(k.k)("rgb("+t[1]+")").split("#")[1];c(n,"color","ColorZone",a,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}}))))},P=function(e){var t,n,i=e.mosaicData,d=e.ok,m=e.cancel,u=e.mainIndex,p=e.dropdownChange,g=void 0===p?function(e,t,n,a,o,r){}:p,h=e.doorHintsAPIURL,b=e.rulesAPIURL,f=e.doorImageRootPath,v={PanelWidths:{},SectionHeights:{}},x=null,w=f,E=Object(o.useState)(""),O=Object(a.a)(E,2),y=O[0],I=O[1],N=Object(o.useState)(),j=Object(a.a)(N,2),S=j[0],k=j[1],A=Object(o.useState)(),P=Object(a.a)(A,2),U=P[0],D=P[1],C=Object(o.useState)(),L=Object(a.a)(C,2),R=L[0],M=L[1],z=Object(o.useState)(!1),T=Object(a.a)(z,2),H=T[0],W=T[1];Object(o.useEffect)((function(){_()}),[]),Object(o.useEffect)((function(){l.R.subscribe((function(e){e&&setTimeout((function(){Z()}),1e3)})),l.Q.subscribe((function(e){e&&q()}))}),[]);var q=function(){I(""),M(void 0)},Z=function(){Object(l.b)(),W(!1);var e=localStorage.getItem("selected-design-door"),t=JSON.parse(e),a=Object(l.q)(t);s.a.post(h,a,{headers:{"content-type":"application/json"}}).then((function(e){Object(l.Z)(),n=B(e.data.inchheight,e.data.inchwidth,e.data.panelplacement),M(n),J(n,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=V(x);I(w+t);var a=e.data.panel;e.data.panelplacement;"Flush"!==a&&"Ribbed"!==a||W(!0)}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},_=function(){s.a.get(b).then((function(e){t=e.data;var n=w+"rules/"+t.PanelDimensions.Carriage.SectionHeightsFile,a=w+"rules/"+t.PanelDimensions.Short.PanelWidthsFile,o=w+"rules/"+t.PanelDimensions.Long.PanelWidthsFile,r=w+"rules/"+t.PanelDimensions.Mexico.PanelWidthsFile;s.a.get(n).then((function(e){v.SectionHeights=e.data})),s.a.get(o).then((function(e){v.PanelWidths.Long=e.data})),s.a.get(a).then((function(e){v.PanelWidths.Short=e.data})),s.a.get(r).then((function(e){v.PanelWidths.Mexico=e.data}))}))},F=function(e){var t,n,a=e.height,o=e.width,r=e.placement;return l.S.next({mosaic:v,emitOn:!0}),D(v),{s:null===(t=v)||void 0===t?void 0:t.SectionHeights[a].length,p:null===(n=v)||void 0===n?void 0:n.PanelWidths[r][o].Count}},B=function(e,t,n){for(var a=F({width:t||"96",height:e||"84",placement:n||"Short"}),o="",r=0;r<a.s;r++){for(var l=0;l<a.p;l++)"Short"===n||"Mexico"===n?o+=r<3&&l<3-r?"G":"X":r<2&&(0===l||l===a.p-1)?o+="G":o+="X";r!=a.s-1&&(o+="-")}return o},V=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"},J=function(e,t,n,a,o,r,l,i,c,d,s,m){k(x={gpid:e,resolution:5,width:t,height:n,model:a+o,color:"ColorZone"===r?l:i,placement:c,panel:d,glaze:s,window:m||"Open"})};return r.a.createElement("div",{className:"modal fade mosaic-modal",id:"mozaic-modal-".concat(u),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"},i.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"},i.windowModalSubTitle.text," OR"," ",r.a.createElement("span",{className:"mosaicGlazed",id:"mosaicGlazed",onClick:function(){return function(){v=U,x=S;for(var e=(n=R).split("-"),t=e[0].length,a="",o=0;o<e.length;o++){for(var r=0;r<t;r++)a+="G";o!==e.length-1&&(a+="-")}M(a),x.gpid=a,k(x);var l=V(x);I(w+l)}()}},"CLICK HERE")," ","to place windows in all positions."),r.a.createElement("div",{id:"mosaic-builder",className:"text-center"},y&&r.a.createElement("img",{loading:"lazy",id:"mosaic-image-".concat(u),src:y,alt:"mosaic image",onClick:function(e){return function(e){var t,a,o=null===(t=document.getElementById("mosaic-image-"+u))||void 0===t?void 0:t.clientWidth,r=null===(a=document.getElementById("mosaic-image-"+u))||void 0===a?void 0:a.clientHeight;v=U,n=R;var l=F(x=S),i=n,c=o/l.p,d=r/l.s,s=Math.floor(e.nativeEvent.offsetX/c),m=Math.floor(e.nativeEvent.offsetY/d),p=l.p*m+s+m;i=function(e,t,n){return e.substring(0,t)+n+e.substring(t+1)}(i,p,"G"===i[p]?"X":"G"),M(i),x.gpid=i,k(x);var g=V(x);I(w+g)}(e)}})),y&&H&&i.windowModalNote&&i.windowModalNote.text&&r.a.createElement("div",{className:"mosaic-note",dangerouslySetInnerHTML:{__html:i.windowModalNote.text}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("a",{"data-dismiss":"modal"},r.a.createElement(c.a,{label:Object(l.i)(m)})),r.a.createElement(c.a,{label:Object(l.i)(d),onClick:function(){g(u,"windowplacement","Mosaic","","",R)},"data-dismiss":"modal"})))))},U=function(e){e.mainIndex;var t=e.name,n=e.ok,i=e.cancel,d=Object(o.useState)(""),s=Object(a.a)(d,2),m=s[0],u=s[1],p=Object(o.useState)(""),g=Object(a.a)(p,2),h=g[0],b=g[1],f=Object(o.useState)(""),v=Object(a.a)(f,2),x=v[0],w=v[1],E=Object(o.useState)(""),O=Object(a.a)(E,2),y=O[0],I=O[1];return Object(o.useEffect)((function(){l.W.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);u(t.modeltitle),b(t.modellongdescription),w(t.modelpopimage),I(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",{loading:"lazy",src:x,alt:y})),r.a.createElement("div",{className:""},r.a.createElement("h4",null,m),r.a.createElement("p",{className:"body-text1 mb-4 pb-2"},h),r.a.createElement("div",{className:"button-div button-div-mobile"},r.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},r.a.createElement(c.a,{label:Object(l.i)(i)})),r.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},r.a.createElement(c.a,{label:Object(l.i)(n)})))))))))},D=function(e){var t=e.dropdownData,n=e.link,i=e.designDoorData,c=e.save,d=e.cancel,m=e.ok,u=e.mainIndex,p=e.type,g=e.dropdownChange,h=void 0===g?function(e,t,n,a,o,r){}:g,b=e.selectedValue,f=e.colorZoneAPIURL,v=e.rulesAPIURL,x=e.doorHintsAPIURL,w=e.doorImageRootPath,E=e.doorOptionsAPIURL,O=Object(o.useState)("Select"),y=Object(a.a)(O,2),I=(y[0],y[1]),N=Object(o.useState)(""),j=Object(a.a)(N,2),k=(j[0],j[1]),D=Object(o.useState)([]),C=Object(a.a)(D,2),L=C[0],R=C[1],M=Object(o.useState)(""),z=Object(a.a)(M,2),T=z[0],H=z[1],W=function(e,t){I(t.description),k(t.value),"ColorZone"===t.value&&l.p.next(!0),"Mosaic"===t.value&&q(t.value),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(h(u,p,t.value,"","",""),"construction"===p&&(H(t.value),Z(t.value)))},q=function(e){var t=localStorage.getItem("design-door"),n=JSON.parse(t)[u].hints;n.gplacement=e,Object(l.b)(),l.Q.next(!0),s.a.post(E,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:n},{headers:{"content-type":"application/json"}}).then((function(e){var t={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorHex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};localStorage.setItem("selected-design-door",JSON.stringify(t)),l.R.next(!0),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},Z=function(e){var t=localStorage.getItem("design-door"),n=JSON.parse(t),a={tabs:!0,collection:n[u].selectedCollection,type:"designer",clavos:!1,print:!0,download:!0,baseUrl:"",quote:!0,width:n[u].selectedWidth,srcDir:"DoorApp",srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:n[u].selectedPanel,brand:"",myGuid:"d-60c067ed66d0c3.82872006",email:!0,height:n[u].selectedHeight,logooption:"",model:e};n[u].selectedColor&&(a.color=n[u].selectedColor),n[u].colorHex&&(a.colorHex=n[u].colorHex),n[u].colorZone&&(a.colorZone=n[u].colorZone),n[u].selectedWindowDesign&&(a.top=n[u].selectedWindowDesign),n[u].glazepattern&&(a.glazepattern=n[u].glazepattern),n[u].selectedHardware&&(a.hardware=n[u].selectedHardware),n[u].selectedWindowPlacement&&(a.gplacement=n[u].selectedWindowPlacement),s.a.post(x,a,{headers:{"content-type":"application/json"}}).then((function(e){l.W.next(JSON.stringify(e.data))}))};Object(o.useEffect)((function(){R(t)}),[t,b]);return r.a.createElement(S,null,r.a.createElement("div",{className:"btn-group"},r.a.createElement("button",{type:"button",onClick:function(){l.s.subscribe((function(e){if(e.length>2){var t=e,n=JSON.parse(t);"collection"===p?R(n[u].collection):"panel"===p?R(n[u].panel):"color"===p?R(n[u].color):"windowdesign"===p?R(n[u].windowdesign):"glass"===p?R(n[u].glass):"construction"===p?R(n[u].construction):"hardware"===p&&R(n[u].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 n=0;n<t.length;n++)t[n].value===b&&(e=t[n].description);return e}())),r.a.createElement("div",{className:"dropdown-menu"},L&&L.length>0&&L.map((function(e,t){return r.a.createElement("span",{key:t},"construction"!==p&&r.a.createElement("a",{className:"dropdown-item",href:"#","data-toggle":"modal","data-target":"".concat("ColorZone"===e.value?"#color-zone-modal-".concat(u):"Mosaic"===e.value?"#mozaic-modal-".concat(u):"construction"===p?"#details-modal-".concat(T):""),key:t,onClick:function(t){W(0,e)}},r.a.createElement("div",null,r.a.createElement("img",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==p&&r.a.createElement("p",{className:"amarr-h6"},e.description),n&&r.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},n))),"construction"===p&&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",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)})),"construction"===p&&r.a.createElement("div",null,n&&r.a.createElement("span",{"data-toggle":"modal",className:"amarrHighlight body-text3","data-target":"#details-modal-".concat(T)},n)))))})))),r.a.createElement(A,{colorZoneAPIURL:f,colorzoneData:i,save:c,cancel:d,dropdownChange:h,mainIndex:u}),r.a.createElement(P,{doorImageRootPath:w,doorHintsAPIURL:x,rulesAPIURL:v,mosaicData:i,ok:m,cancel:d,mainIndex:u,dropdownChange:h}),r.a.createElement(U,{mainIndex:u,name:"details-modal-".concat(T),ok:m,cancel:d}))},C=n(63),L=(n(17),function(e){var t=e.collectionDetailURLs,n=e.designDoorData,d=e.door,m=e.next,p=e.back,g=e.save,h=e.cancel,v=e.ok,x=(e.apiURL,e.doorOptionsAPIURL),w=e.doorHintsAPIURL,E=e.doorDescriptionAPIURL,O=e.colorZoneAPIURL,y=e.rulesAPIURL,I=e.doorImageRootPath,j=e.doorCoordinatesUpdateAPIURL,S=e.dealerLocationListingAPIPath,k=e.customBrands,A=Object(o.useState)([]),P=Object(a.a)(A,2),U=P[0],L=P[1],R=Object(o.useState)([]),M=Object(a.a)(R,2),z=M[0],T=M[1],H=Object(o.useState)(1),W=Object(a.a)(H,2),q=(W[0],W[1]),Z=Object(o.useState)([0]),_=Object(a.a)(Z,2),F=_[0],B=_[1],V=(Object(o.useRef)(null),Object(o.useState)([])),J=Object(a.a)(V,2),G=J[0],Q=J[1],$=Object(o.useState)(""),K=Object(a.a)($,2),X=(K[0],K[1]),Y=Object(o.useState)(0),ee=Object(a.a)(Y,2),te=ee[0],ne=ee[1],ae=Object(o.useState)([]),oe=Object(a.a)(ae,2),re=oe[0],le=oe[1],ie=Object(o.useState)([]),ce=Object(a.a)(ie,2),de=ce[0],se=ce[1],me=Object(o.useState)([]),ue=Object(a.a)(me,2),pe=ue[0],ge=ue[1],he=Object(o.useState)([]),be=Object(a.a)(he,2),fe=be[0],ve=be[1],xe=Object(o.useState)([]),we=Object(a.a)(xe,2),Ee=we[0],Oe=we[1],ye=Object(o.useState)([]),Ie=Object(a.a)(ye,2),Ne=Ie[0],je=Ie[1],Se=Object(o.useState)([]),ke=Object(a.a)(Se,2),Ae=ke[0],Pe=ke[1],Ue=Object(o.useState)([]),De=Object(a.a)(Ue,2),Ce=De[0],Le=De[1],Re=Object(o.useState)(""),Me=Object(a.a)(Re,2),ze=Me[0],Te=Me[1],He=Object(o.useState)(""),We=Object(a.a)(He,2),qe=We[0],Ze=We[1],_e=Object(o.useState)(""),Fe=Object(a.a)(_e,2),Be=Fe[0],Ve=Fe[1],Je=Object(o.useState)(""),Ge=Object(a.a)(Je,2),Qe=Ge[0],$e=Ge[1],Ke=Object(o.useState)(""),Xe=Object(a.a)(Ke,2),Ye=Xe[0],et=Xe[1],tt=Object(o.useState)(""),nt=Object(a.a)(tt,2),at=nt[0],ot=nt[1],rt=Object(o.useState)(""),lt=Object(a.a)(rt,2),it=lt[0],ct=lt[1],dt=Object(o.useState)(""),st=Object(a.a)(dt,2),mt=st[0],ut=st[1],pt=Object(o.useState)([]),gt=Object(a.a)(pt,2),ht=gt[0],bt=gt[1],ft=Object(o.useState)([]),vt=Object(a.a)(ft,2),xt=vt[0],wt=vt[1],Et=Object(o.useState)([]),Ot=Object(a.a)(Et,2),yt=Ot[0],It=Ot[1],Nt=Object(o.useState)([]),jt=Object(a.a)(Nt,2),St=jt[0],kt=jt[1],At=Object(o.useState)([]),Pt=Object(a.a)(At,2),Ut=Pt[0],Dt=Pt[1],Ct=Object(o.useState)([]),Lt=Object(a.a)(Ct,2),Rt=Lt[0],Mt=Lt[1],zt=Object(o.useState)([]),Tt=Object(a.a)(zt,2),Ht=Tt[0],Wt=Tt[1],qt=Object(o.useState)([]),Zt=Object(a.a)(qt,2),_t=Zt[0],Ft=Zt[1],Bt=Object(o.useState)(""),Vt=Object(a.a)(Bt,2),Jt=Vt[0],Gt=Vt[1],Qt=Object(o.useState)(""),$t=Object(a.a)(Qt,2),Kt=$t[0],Xt=$t[1],Yt=Object(o.useState)(""),en=Object(a.a)(Yt,2),tn=en[0],nn=en[1],an=Object(o.useState)(""),on=Object(a.a)(an,2),rn=on[0],ln=on[1],cn=Object(o.useState)(""),dn=Object(a.a)(cn,2),sn=dn[0],mn=dn[1],un=Object(o.useState)(""),pn=Object(a.a)(un,2),gn=pn[0],hn=pn[1],bn=Object(o.useState)(""),fn=Object(a.a)(bn,2),vn=fn[0],xn=fn[1],wn=Object(o.useState)(""),En=Object(a.a)(wn,2),On=En[0],yn=En[1],In=Object(o.useState)([]),Nn=Object(a.a)(In,2),jn=Nn[0],Sn=Nn[1],kn=Object(o.useState)([]),An=Object(a.a)(kn,2),Pn=An[0],Un=An[1],Dn=Object(o.useState)([]),Cn=Object(a.a)(Dn,2),Ln=Cn[0],Rn=Cn[1],Mn=Object(o.useState)([]),zn=Object(a.a)(Mn,2),Tn=zn[0],Hn=zn[1],Wn=Object(o.useState)([]),qn=Object(a.a)(Wn,2),Zn=qn[0],_n=qn[1],Fn=Object(o.useState)([]),Bn=Object(a.a)(Fn,2),Vn=Bn[0],Jn=Bn[1],Gn=Object(o.useState)([]),Qn=Object(a.a)(Gn,2),$n=Qn[0],Kn=Qn[1],Xn=Object(o.useState)([]),Yn=Object(a.a)(Xn,2),ea=Yn[0],ta=Yn[1],na=Object(o.useState)(""),aa=Object(a.a)(na,2),oa=aa[0],ra=aa[1],la=Object(o.useState)(""),ia=Object(a.a)(la,2),ca=ia[0],da=ia[1],sa=Object(o.useState)(""),ma=Object(a.a)(sa,2),ua=ma[0],pa=ma[1],ga=Object(o.useState)(""),ha=Object(a.a)(ga,2),ba=ha[0],fa=ha[1],va=Object(o.useState)(""),xa=Object(a.a)(va,2),wa=xa[0],Ea=xa[1],Oa=Object(o.useState)(""),ya=Object(a.a)(Oa,2),Ia=ya[0],Na=ya[1],ja=Object(o.useState)(""),Sa=Object(a.a)(ja,2),ka=Sa[0],Aa=Sa[1],Pa=Object(o.useState)(""),Ua=Object(a.a)(Pa,2),Da=Ua[0],Ca=Ua[1],La=Object(o.useState)([]),Ra=Object(a.a)(La,2),Ma=Ra[0],za=Ra[1],Ta=Object(o.useState)([]),Ha=Object(a.a)(Ta,2),Wa=Ha[0],qa=Ha[1],Za=Object(o.useState)([]),_a=Object(a.a)(Za,2),Fa=_a[0],Ba=_a[1],Va=Object(o.useState)([]),Ja=Object(a.a)(Va,2),Ga=Ja[0],Qa=Ja[1],$a=Object(o.useState)([]),Ka=Object(a.a)($a,2),Xa=Ka[0],Ya=Ka[1],eo=Object(o.useState)([]),to=Object(a.a)(eo,2),no=to[0],ao=to[1],oo=Object(o.useState)([]),ro=Object(a.a)(oo,2),lo=ro[0],io=ro[1],co=Object(o.useState)([]),so=Object(a.a)(co,2),mo=so[0],uo=so[1],po=Object(o.useState)(""),go=Object(a.a)(po,2),ho=go[0],bo=go[1],fo=Object(o.useState)(""),vo=Object(a.a)(fo,2),xo=vo[0],wo=vo[1],Eo=Object(o.useState)(""),Oo=Object(a.a)(Eo,2),yo=Oo[0],Io=Oo[1],No=Object(o.useState)(""),jo=Object(a.a)(No,2),So=jo[0],ko=jo[1],Ao=Object(o.useState)(""),Po=Object(a.a)(Ao,2),Uo=Po[0],Do=Po[1],Co=Object(o.useState)(""),Lo=Object(a.a)(Co,2),Ro=Lo[0],Mo=Lo[1],zo=Object(o.useState)(""),To=Object(a.a)(zo,2),Ho=To[0],Wo=To[1],qo=Object(o.useState)(""),Zo=Object(a.a)(qo,2),_o=Zo[0],Fo=Zo[1],Bo=Object(o.useState)(!1),Vo=Object(a.a)(Bo,2),Jo=Vo[0],Go=Vo[1],Qo=Object(o.useState)({PanelWidths:{},SectionHeights:{}}),$o=Object(a.a)(Qo,2),Ko=$o[0],Xo=$o[1],Yo=Object(o.useState)({brand:"",id:"AmarrDoorDesigner"}),er=Object(a.a)(Yo,2),tr=er[0],nr=er[1],ar=Object(o.useState)(0),or=Object(a.a)(ar,2),rr=(or[0],or[1]);Object(o.useEffect)((function(){localStorage.setItem("tabValue","0"),l.S.subscribe((function(e){(null===e||void 0===e?void 0:e.emitOn)&&Xo(e.mosaic)})),l.K.subscribe((function(e){e&&lr()})),l.w.subscribe((function(e){e&&(ir(),l.w.next(!1))})),l.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),n=JSON.parse(t),a=0;a<n;a++)cr(n[a].selectedWidth,n[a].selectedHeight,n[a].selectedCollection,n[a].selectedPanel,n[a].selectedColor,n[a].selectedWindowDesign,n[a].selectedWindowPlacement,n[a].selectedGlass,n[a].selectedConstruction,n[a].selectedHardware,n[a].colorZone,n[a].colorHex,a)})),l.v.subscribe((function(e){if(e){hr(Number(localStorage.getItem("tabValue")));var t=document.getElementById("subTab-"+localStorage.getItem("tabValue"));t&&t.click()}})),Object(l.F)().subscribe((function(e){Go(e)})),l.t.subscribe((function(e){if(!0===e){var t=new URLSearchParams(window.location.search);if(window.location.search&&!(t.has("id")&&t.get("id")&&t.has("locationId")&&t.get("locationId"))&&(!t.has("brand")||!t.get("brand"))){Object(l.b)();var n,o="carct",r="Ashley",c="White",d="Closed Square",s="Closed",m="",u=[],p=Object(i.a)(t);try{for(p.s();!(n=p.n()).done;){var g=Object(a.a)(n.value,2),h=g[0];g[1];u.push(h)}}catch(E){p.e(E)}finally{p.f()}var b,f=Object(i.a)(t);try{for(f.s();!(b=f.n()).done;){var v=Object(a.a)(b.value,2),x=v[0],w=v[1];"collection"===x&&(o="undefined"===w||"null"===w?"carct":w),"carct"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Ashley":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed Square"),u.find((function(e){return"panel"===e}))||(r="Ashley"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"class"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Tuscany":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed Square"),u.find((function(e){return"panel"===e}))||(r="Tuscany"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"desch"===o||"hillc"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed":w),"panel"===x&&(r="undefined"===w||"null"===w?"Bead Board":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed"),u.find((function(e){return"panel"===e}))||(r="Bead Board"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"herit"===o||"olymp"===o||"linco"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed":w),"panel"===x&&(r="undefined"===w||"null"===w?"Short":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed"),u.find((function(e){return"panel"===e}))||(r="Short"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"vista"===o?("window"===x&&(d="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"":w),"color"===x&&(c="undefined"===w||"null"===w?"Clear Anodized":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"":w),u.find((function(e){return"window"===e}))||(d="Clear"),u.find((function(e){return"panel"===e}))||(r=""),u.find((function(e){return"color"===e}))||(c="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))||(s="")):"horiz"===o?("window"===x&&(d="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"Uninsulated":w),"color"===x&&(c="undefined"===w||"null"===w?"Clear Anodized":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"":w),u.find((function(e){return"window"===e}))||(d="Clear"),u.find((function(e){return"panel"===e}))||(r="Uninsulated"),u.find((function(e){return"color"===e}))||(c="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))||(s="")):"classfv"===o?("window"===x&&(d="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"Fullview":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Top":w),u.find((function(e){return"window"===e}))||(d="Clear"),u.find((function(e){return"panel"===e}))||(r="Fullview"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed"),"glass"===x&&(m="undefined"===w||"null"===w?"Frost":w),u.find((function(e){return"glass"===e}))||(m="Frost")):("window"===x&&(d="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Ashley":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),"glass"===x&&(m="undefined"===w||"null"===w?"Frost":w),u.find((function(e){return"window"===e}))||(d="Closed Square"),u.find((function(e){return"panel"===e}))||(r="Ashley"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed"))}}catch(E){f.e(E)}finally{f.f()}lr(),o.length>0&&(r.length>0||"vista"===o)&&c.length>0&&d.length>0?cr(8,7,o,r,c,d,s,m,"4000","None","","",0):cr(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(l.Z)()}),5e3)}l.t.next(!1)}}))}),[]);var lr=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";X(e)},ir=function(){var e=Object(f.a)(b.a.mark((function e(){var t,n,o,r,c,d,m,u,p,g,h,f,v,x,w,E,O,y,I,N,j,A,P,U,D,C,R,M,z,T,H,W,Z,_,F,V,J;return b.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!localStorage.getItem("door-size")){e.next=48;break}for(t=localStorage.getItem("door-size"),n=JSON.parse(t).length,o=JSON.parse(t),q(n),r={collection:[],selectedCollection:"",panel:[],selectedPanel:"",color:[],selectedColor:"",windowdesign:[],selectedWindowDesign:"",windowPlacement:[],selectedWindowPlacement:"",glass:[],selectedGlass:"",construction:[],selectedConstruction:"",hardware:[],selectedHardware:"",selectedWidth:0,selectedHeight:0,colorZone:"",colorHex:"",hints:{}},c=[],d=[],m=[],u=0;u<n;u++)c.push(u),d.push(r),m.push(0);if(B(c),L(d),localStorage.setItem("doorPricing",JSON.stringify(m)),!window.location.search){e.next=47;break}p=new URLSearchParams(window.location.search),g="carct",h="Ashley",f="White",v="Closed Square",x="Closed",w="",E=[],O=p.get("locationId"),y=p.get("id"),I=Object(i.a)(p);try{for(I.s();!(N=I.n()).done;)j=Object(a.a)(N.value,2),A=j[0],j[1],E.push(A)}catch(b){I.e(b)}finally{I.f()}P=Object(i.a)(p);try{for(P.s();!(U=P.n()).done;)D=Object(a.a)(U.value,2),C=D[0],R=D[1],"collection"===C&&(g="undefined"===R||"null"===R?"carct":R),"carct"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed Square":R),"panel"===C&&(h="undefined"===R||"null"===R?"Ashley":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed Square"),E.find((function(e){return"panel"===e}))||(h="Ashley"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"class"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed Square":R),"panel"===C&&(h="undefined"===R||"null"===R?"Tuscany":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed Square"),E.find((function(e){return"panel"===e}))||(h="Tuscany"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"desch"===g||"hillc"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed":R),"panel"===C&&(h="undefined"===R||"null"===R?"Bead Board":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed"),E.find((function(e){return"panel"===e}))||(h="Bead Board"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"herit"===g||"olymp"===g||"linco"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed":R),"panel"===C&&(h="undefined"===R||"null"===R?"Short":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed"),E.find((function(e){return"panel"===e}))||(h="Short"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"vista"===g?("window"===C&&(v="undefined"===R||"null"===R?"Clear":R),"panel"===C&&(h="undefined"===R||"null"===R?"":R),"color"===C&&(f="undefined"===R||"null"===R?"Clear Anodized":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"":R),E.find((function(e){return"window"===e}))||(v="Clear"),E.find((function(e){return"panel"===e}))||(h=""),E.find((function(e){return"color"===e}))||(f="Clear Anodized"),E.find((function(e){return"windowPlacement"===e}))||(x="")):"horiz"===g?("window"===C&&(v="undefined"===R||"null"===R?"Clear":R),"panel"===C&&(h="undefined"===R||"null"===R?"Uninsulated":R),"color"===C&&(f="undefined"===R||"null"===R?"Clear Anodized":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"":R),E.find((function(e){return"window"===e}))||(v="Clear"),E.find((function(e){return"panel"===e}))||(h="Uninsulated"),E.find((function(e){return"color"===e}))||(f="Clear Anodized"),E.find((function(e){return"windowPlacement"===e}))||(x="")):"classfv"===g?("window"===C&&(v="undefined"===R||"null"===R?"Clear":R),"panel"===C&&(h="undefined"===R||"null"===R?"Fullview":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Top":R),E.find((function(e){return"window"===e}))||(v="Clear"),E.find((function(e){return"panel"===e}))||(h="Fullview"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed"),"glass"===C&&(w="undefined"===R||"null"===R?"Frost":R),E.find((function(e){return"glass"===e}))||(w="Frost")):("window"===C&&(v="undefined"===R||"null"===R?"Closed Square":R),"panel"===C&&(h="undefined"===R||"null"===R?"Ashley":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),"glass"===C&&(w="undefined"===R||"null"===R?"Frost":R),E.find((function(e){return"window"===e}))||(v="Closed Square"),E.find((function(e){return"panel"===e}))||(h="Ashley"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed"))}catch(b){P.e(b)}finally{P.f()}if(!O||!y){e.next=44;break}return M=S.replace("{accountNumber}",y).replace("{dealerListingLocationId}",O),e.prev=30,Object(l.b)(),e.next=34,s.a.get(M);case 34:z=e.sent,Object(l.Z)(),200===z.status&&(H=(null===z||void 0===z||null===(T=z.data)||void 0===T?void 0:T.doorDesignerCustomBrand)||"")&&k&&k.length>0&&(W=k.findIndex((function(e){return e.value.toLowerCase()===H.toLowerCase()})))>-1&&(Z={brand:k[W].value,id:k[W].id},localStorage.setItem("brandId",k[W].id),nr((function(){return Z}))),e.next=44;break;case 39:e.prev=39,e.t0=e.catch(30),Object(l.Z)(),_=e.t0,"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("getDefaultDropDown",null===_||void 0===_?void 0:_.response,e.t0)});case 44:if(g.length>0&&(h.length>0||"vista"===g)&&f.length>0&&v.length>0)for(F=0;F<o.length;F++)cr(o[F].width,o[F].height,g,h,f,v,x,w,"4000","None","","",F);else for(V=0;V<o.length;V++)cr(o[V].width,o[V].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",V);e.next=48;break;case 47:for(J=0;J<o.length;J++)cr(o[J].width,o[J].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",J);case 48:case"end":return e.stop()}}),e,null,[[30,39]])})));return function(){return e.apply(this,arguments)}}(),cr=function(e,t,n,a,o,r,i,c,d,s,m,u,p,g){Object(l.b)();var h=function(){var e=new URLSearchParams(window.location.search),t=e.get("brand"),n=e.get("locationId"),a=e.get("id"),o=tr;if(!t||n&&a)n&&a&&nr((function(e){return o=e}));else if(k&&k.length>0){var r=k.findIndex((function(e){return e.brand.toLowerCase()===t.toLowerCase()}));r>=0&&(o={brand:k[r].value,id:k[r].id},localStorage.setItem("brandId",k[r].id))}return o}(),b={width:e,height:t,myGuid:"d-6076ae50473089.85177846",type:"designer",brand:h.brand,logooption:"",print:!0,email:!0,quote:!0,download:!0,tabs:!0,id:h.id,baseUrl:"",srcDir:"DoorApp",srcUrl:"/DoorApp",MosaicName:"Mosaic",clavos:!1};n.length>0&&(b.collection=n),o.length>0&&(b.color=o),r.length>0&&(b.top=r),a.length>0&&(b.panel=a),c.length>0&&(b.glass=c),i.length>0&&(b.gplacement=i),d.length>0&&(b.model=d),s.length>0&&(b.hardware=s),u.length>0&&(b.colorHex=u),m.length>0&&(b.colorZone=m),"Mosaic"===i&&g?br(U,b,e,t,n,a,o,r,i,c,d,s,m,u,p,g):dr(b,e,t,n,a,o,r,i,c,d,s,m,u,p,g)},dr=function(e,t,n,a,o,r,i,c,d,m,u,p,g,h,b){s.a.post(x,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:e},{headers:{"content-type":"application/json"}}).then((function(e){var s={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:n,colorZone:p,colorHex:g,glazepattern:b,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},f=e.data.options.collection?e.data.options.collection:[];0===h?za(f):1===h?le(f):2===h?bt(f):3===h&&Sn(f);var v=e.data.options.panel?e.data.options.panel:[];0===h?qa(v):1===h?se(v):2===h?wt(v):3===h&&Un(v);var x=e.data.options.color?e.data.options.color:[];0===h?Ba(x):1===h?ge(x):2===h?It(x):3===h&&Rn(x);var w=e.data.options.top?e.data.options.top:[];0===h?Qa(w):1===h?ve(w):2===h?kt(w):3===h&&Hn(w);var E=e.data.options.glass?e.data.options.glass:[];0===h?ao(E):1===h?je(E):2===h?Mt(E):3===h&&Jn(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===h?Ya(O):1===h?Oe(O):2===h?Dt(O):3===h&&_n(O);var y=e.data.options.model?e.data.options.model:[];0===h?io(y):1===h?Pe(y):2===h?Wt(y):3===h&&Kn(y);var I=e.data.options.hardware?e.data.options.hardware:[];0===h?uo(I):1===h?Le(I):2===h?Ft(I):3===h&&ta(I),s.selectedCollection=sr(a,f),0===h?bo(s.selectedCollection):1===h?Te(s.selectedCollection):2===h?Gt(s.selectedCollection):3===h&&ra(s.selectedCollection),s.selectedPanel=sr(o,v),0===h?wo(s.selectedPanel):1===h?Ze(s.selectedPanel):2===h?Xt(s.selectedPanel):3===h&&da(s.selectedPanel),s.selectedColor=sr(r,x),0===h?Io(s.selectedColor):1===h?Ve(s.selectedColor):2===h?nn(s.selectedColor):3===h&&pa(s.selectedColor),s.selectedWindowDesign=sr(i,w),0===h?ko(s.selectedWindowDesign):1===h?$e(s.selectedWindowDesign):2===h?ln(s.selectedWindowDesign):3===h&&fa(s.selectedWindowDesign),s.selectedWindowPlacement=sr(c,O),0===h?Do(s.selectedWindowPlacement):1===h?et(s.selectedWindowPlacement):2===h?mn(s.selectedWindowPlacement):3===h&&Ea(s.selectedWindowPlacement),s.selectedGlass=sr(d,E),0===h?Mo(s.selectedGlass):1===h?ot(s.selectedGlass):2===h?hn(s.selectedGlass):3===h&&Na(s.selectedGlass),s.selectedConstruction=sr(m,y),0===h?Wo(s.selectedConstruction):1===h?ct(s.selectedConstruction):2===h?xn(s.selectedConstruction):3===h&&Aa(s.selectedConstruction),s.selectedHardware=sr(u,I),0===h?Fo(s.selectedHardware):1===h?ut(s.selectedHardware):2===h?yn(s.selectedHardware):3===h&&Ca(s.selectedHardware);var N=U,j=localStorage.getItem("door-size"),S=JSON.parse(j);S&&(0!=N.length-S.length&&N.splice(S.length));N[h]=s,L(N),T(N),localStorage.setItem("design-door",JSON.stringify(N)),l.s.next(JSON.stringify(N)),ur(!1),Object(l.Z)()}),(function(t){Object(l.Z)(),console.log("err",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("saveDataApiCall",e,t)}),cr(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)})).catch((function(t){Object(l.Z)(),console.log("error",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("saveDataApiCall",e,t)}),cr(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)}))},sr=function(e,t){var n=!1,a="";if(t&&t.length>0){for(var o=0;o<t.length;o++)t[o].value===e&&(n=!0);a=!0===n?e:t[0].value}else a="";return a},mr=function(){var e,t=localStorage.getItem("design-door"),n=t?JSON.parse(t):[],a=localStorage.getItem("door-size")?null===(e=JSON.parse(localStorage.getItem("door-size")))||void 0===e?void 0:e.length:"",o=localStorage.getItem("door-coordinates")||null,r=o?JSON.parse(o):[],l=Math.min(+r.length,+a),i=[],c=null;if(l&&l>0)for(var d=0;d<l;d++){var m,u,p;if("ColorZone"===n[d].selectedColor){var g=n[d].colorZone.match(/\d+/g);g.length>0&&(c=g[0])}var h={market:"Residential",brand:"",model:(null===(m=n[d])||void 0===m?void 0:m.selectedConstruction)?n[d].selectedConstruction:null,collection:n[d].selectedCollection,width:n[d].selectedWidth,height:n[d].selectedHeight,color:n[d].selectedColor,panel:(null===(u=n[d])||void 0===u?void 0:u.selectedPanel)?n[d].selectedPanel:null,optional:{colorZoneCode:"ColorZone"===n[d].selectedColor?c:null,decorativeHardware:n[d].selectedHardware?n[d].selectedHardware:null,clavos:!1,mosaicPattern:"Mosaic"===n[d].selectedWindowPlacement&&(null===(p=n[d])||void 0===p?void 0:p.glazepattern)?n[d].glazepattern:null}};if("vista"==n[d].selectedCollection||"horiz"===n[d].selectedCollection){var b={sectionPattern:"GGGG",pvcalm:"ALM",painttype:n[d].selectedColor.includes("Anodized")?"AN":"PC",glassDetail:{glassvalue:n[d].selectedWindowDesign,gltype:null}};h=Object(N.a)(Object(N.a)({},h),{FullViewDetail:b,GlassDetail:null})}else{var f,v,x,w={gplacement:(null===(f=n[d])||void 0===f?void 0:f.selectedWindowPlacement)?n[d].selectedWindowPlacement:null,top:n[d].selectedWindowDesign,glass:(null===(v=n[d])||void 0===v?void 0:v.selectedGlass)?null===(x=n[d])||void 0===x?void 0:x.selectedGlass:null};h=Object(N.a)(Object(N.a)({},h),{GlassDetail:w})}localStorage.getItem("updated-door_".concat(d+1))?i.push(Object(N.a)(Object(N.a)({},JSON.parse(localStorage.getItem("updated-door_".concat(d+1)))),{},{door:h})):r[d]&&i.push(Object(N.a)(Object(N.a)({},r[d]),{},{door:h}))}var E=localStorage.getItem("uploaded-image-id");if(E){var O={imageId:E,coordinates:i};return s.a.post(j,O)}},ur=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(localStorage.getItem("design-door"))for(var n=localStorage.getItem("design-door"),a=JSON.parse(n),o=0;o<a.length;o++){var r;if(null===(r=a[o])||void 0===r?void 0:r.hints){var l=a[o].hints.collection,i=t[l];pr(a[o].hints,o,i)}}j&&"uploaded"===localStorage.getItem("image-type")&&e&&mr()},pr=function(e,t,n){Object(l.b)(),s.a.post(E,e,{headers:{"content-type":"application/json"}}).then((function(e){var a=G,o=localStorage.getItem("door-size"),r=JSON.parse(o);r&&(0!=a.length-r.length&&a.splice(r.length));a[t]=e.data,a[t].url=n,Q(a),localStorage.setItem("desc-data",JSON.stringify(G)),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(t){"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("getDescription",e,t)}),Object(l.Z)()}))},gr=function(e,t,n,a,o,r){var l=U;l[e].selectedCollection="collection"===t?n:l[e].selectedCollection,l[e].selectedPanel="panel"===t?n:l[e].selectedPanel,l[e].selectedColor="color"===t?n:l[e].selectedColor,l[e].selectedWindowDesign="windowdesign"===t?n:l[e].selectedWindowDesign,l[e].selectedWindowPlacement="windowplacement"===t?n:l[e].selectedWindowPlacement,l[e].selectedGlass="glass"===t?n:l[e].selectedGlass,l[e].selectedConstruction="construction"===t?n:l[e].selectedConstruction,l[e].selectedHardware="hardware"===t?n:l[e].selectedHardware,l[e].selectedWidth=l[e].selectedWidth,l[e].selectedHeight=l[e].selectedHeight,l[e].colorZone=a||l[e].colorZone,l[e].colorHex=o||l[e].colorHex,l[e].glazepattern=r||l[e].glazepattern,cr(l[e].selectedWidth,l[e].selectedHeight,l[e].selectedCollection,l[e].selectedPanel,l[e].selectedColor,l[e].selectedWindowDesign,l[e].selectedWindowPlacement,l[e].selectedGlass,l[e].selectedConstruction,l[e].selectedHardware,l[e].colorZone,l[e].colorHex,e,l[e].glazepattern)},hr=function(e){ne(e);var t=localStorage.getItem("doorPricing"),n=JSON.parse(t);rr(n[e]),localStorage.setItem("tabValue",e)},br=function(e,t,n,a,o,r,l,i,c,d,m,u,p,g,h,b){t.glazepattern=b,s.a.post(x,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:t},{headers:{"content-type":"application/json"}}).then((function(e){var s,f={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorhex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};(s=e.data.options&&e.data.options.gplacement&&e.data.options.gplacement.filter((function(e){return"Mosaic"===e.value})))&&s.length>0?vr(f,t,n,a,o,r,l,i,c,d,m,u,p,g,h,b):dr(t,n,a,o,r,l,i,c,d,m,u,p,g,h,b)}),(function(e){return e})).catch((function(e){return"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("payloadForDoorOptions",t,e)}),e}))},fr=function(e,t,n){return{methodName:e,error:n,payload:t}},vr=function(e,t,n,a,o,r,i,c,d,m,u,p,g,h,b,f){var v=Object(l.q)(e);s.a.post(w,v,{headers:{"content-type":"application/json"}}).then((function(e){var l=e.data.glazepattern;Er(l,e.data.inchwidth,e.data.inchheight,e.data.panelplacement)||(l=wr(e.data.inchheight,e.data.inchwidth,e.data.panelplacement));t.glazepattern=l,dr(t,n,a,o,r,i,c,d,m,u,p,g,h,b,l)}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},xr=function(e){var t=e.height,n=e.width,a=e.placement;return{s:null===Ko||void 0===Ko?void 0:Ko.SectionHeights[t].length,p:null===Ko||void 0===Ko?void 0:Ko.PanelWidths[a][n].Count}},wr=function(e,t,n){for(var a=xr({width:t||"96",height:e||"84",placement:n||"Short"}),o="",r=0;r<a.s;r++){for(var l=0;l<a.p;l++)"Short"===n||"Mexico"===n?o+=r<3&&l<3-r?"G":"X":r<2&&(0===l||l===a.p-1)?o+="G":o+="X";r!=a.s-1&&(o+="-")}return o},Er=function(e,t,n,a){var o=xr({width:t,height:n,placement:a}),r=new RegExp("^(?:[G|X]{"+o.p+"}-){"+(o.s-1)+"}[G|X]{"+o.p+"}$");return null!==e.match(r)};return r.a.createElement("div",{className:"design-door-tab"},Jo&&r.a.createElement(u.a,null),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3 sticky-content"},r.a.createElement("div",{className:"text-center parent-pixi"},r.a.createElement("div",{id:"pixi-stage"}),r.a.createElement("div",{id:"small-loader"},r.a.createElement(C.a,null))),r.a.createElement("p",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto py-sm-4 py-2 body-text3"},n.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"},F.map((function(e,t){return r.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return hr(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,d," ",e+1)))})))),r.a.createElement("div",{className:"tab-content col-12"},z&&(1===z.length||2===z.length||3===z.length||4===z.length)&&r.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},n.firstDoorDescription&&n.firstDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.firstDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.firstDoorDescription&&n.firstDoorDescription.text?"description":""," door-properties pb-2")},Ma&&Ma.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ho,mainIndex:0,type:"collection",dropdownData:Ma,designDoorData:n,ok:v,save:g,cancel:h})),Wa&&Wa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:xo,mainIndex:0,type:"panel",dropdownData:Wa,designDoorData:n,ok:v,save:g,cancel:h})),Fa&&Fa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:yo,mainIndex:0,type:"color",dropdownData:Fa,designDoorData:n,ok:v,save:g,cancel:h})),Xa&&Xa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Uo,mainIndex:0,type:"windowplacement",dropdownData:Xa,designDoorData:n,ok:v,save:g,cancel:h})),Ga&&Ga.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:So,mainIndex:0,type:"windowdesign",dropdownData:Ga,designDoorData:n,ok:v,save:g,cancel:h})),no&&no.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ro,mainIndex:0,type:"glass",dropdownData:no,designDoorData:n,ok:v,save:g,cancel:h})),lo&&lo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ho,mainIndex:0,type:"construction",dropdownData:lo,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),mo&&mo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:_o,mainIndex:0,type:"hardware",dropdownData:mo,designDoorData:n,ok:v,save:g,cancel:h})))),z&&(2===z.length||3===z.length||4===z.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},n.secondDoorDescription&&n.secondDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.secondDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.secondDoorDescription&&n.secondDoorDescription.text?"description":""," door-properties")},re&&re.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ze,mainIndex:1,type:"collection",dropdownData:re,designDoorData:n,ok:v,save:g,cancel:h})),de&&de.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:qe,mainIndex:1,type:"panel",dropdownData:de,designDoorData:n,ok:v,save:g,cancel:h})),pe&&pe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Be,mainIndex:1,type:"color",dropdownData:pe,designDoorData:n,ok:v,save:g,cancel:h})),Ee&&Ee.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ye,mainIndex:1,type:"windowplacement",dropdownData:Ee,designDoorData:n,ok:v,save:g,cancel:h})),fe&&fe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Qe,mainIndex:1,type:"windowdesign",dropdownData:fe,designDoorData:n,ok:v,save:g,cancel:h})),Ne&&Ne.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:at,mainIndex:1,type:"glass",dropdownData:Ne,designDoorData:n,ok:v,save:g,cancel:h})),Ae&&Ae.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:it,mainIndex:1,type:"construction",dropdownData:Ae,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),Ce&&Ce.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:mt,mainIndex:1,type:"hardware",dropdownData:Ce,designDoorData:n,ok:v,save:g,cancel:h})))),z&&(3===z.length||4===z.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},n.thirdDoorDescription&&n.thirdDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.thirdDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.thirdDoorDescription&&n.thirdDoorDescription.text?"description":""," door-properties")},ht&&ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Jt,mainIndex:2,type:"collection",dropdownData:ht,designDoorData:n,ok:v,save:g,cancel:h})),xt&&xt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Kt,mainIndex:2,type:"panel",dropdownData:xt,designDoorData:n,ok:v,save:g,cancel:h})),yt&&yt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:tn,mainIndex:2,type:"color",dropdownData:yt,designDoorData:n,ok:v,save:g,cancel:h})),Ut&&Ut.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:sn,mainIndex:2,type:"windowplacement",dropdownData:Ut,designDoorData:n,ok:v,save:g,cancel:h})),St&&St.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:rn,mainIndex:2,type:"windowdesign",dropdownData:St,designDoorData:n,ok:v,save:g,cancel:h})),Rt&&Rt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:gn,mainIndex:2,type:"glass",dropdownData:Rt,designDoorData:n,ok:v,save:g,cancel:h})),Ht&&Ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:vn,mainIndex:2,type:"construction",dropdownData:Ht,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),_t&&_t.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:On,mainIndex:2,type:"hardware",dropdownData:_t,designDoorData:n,ok:v,save:g,cancel:h})))),z&&4===z.length&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},n.fourthDoorDescription&&n.fourthDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.fourthDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.fourthDoorDescription&&n.fourthDoorDescription.text?"description":""," door-properties")},jn&&jn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:oa,mainIndex:3,type:"collection",dropdownData:jn,designDoorData:n,ok:v,save:g,cancel:h})),Pn&&Pn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ca,mainIndex:3,type:"panel",dropdownData:Pn,designDoorData:n,ok:v,save:g,cancel:h})),Ln&&Ln.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ua,mainIndex:3,type:"color",dropdownData:Ln,designDoorData:n,ok:v,save:g,cancel:h})),Zn&&Zn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:wa,mainIndex:3,type:"windowplacement",dropdownData:Zn,designDoorData:n,ok:v,save:g,cancel:h})),Tn&&Tn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ba,mainIndex:3,type:"windowdesign",dropdownData:Tn,designDoorData:n,ok:v,save:g,cancel:h})),Vn&&Vn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ia,mainIndex:3,type:"glass",dropdownData:Vn,designDoorData:n,ok:v,save:g,cancel:h})),$n&&$n.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ka,mainIndex:3,type:"construction",dropdownData:$n,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),ea&&ea.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Da,mainIndex:3,type:"hardware",dropdownData:ea,designDoorData:n,ok:v,save:g,cancel:h}))))),r.a.createElement("div",{className:"door-properties pt-3 mx-3"},z&&(null===z||void 0===z?void 0:z.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 n=te,a=localStorage.getItem("design-door"),o=JSON.parse(a),r=0;r<o.length;r++){var l,i;if(cr(o[r].selectedWidth,o[r].selectedHeight,o[n].selectedCollection,o[n].selectedPanel,o[n].selectedColor,o[n].selectedWindowDesign,o[n].selectedWindowPlacement,o[n].selectedGlass,o[n].selectedConstruction,o[n].selectedHardware,o[n].colorZone,o[n].colorHex,r,null===(l=o[n])||void 0===l?void 0:l.glazepattern),null===(i=o[n])||void 0===i?void 0:i.hints){var c=o[n].hints.collection,d=t[c];pr(o[n].hints,r,d)}}},type:"checkbox",id:"vehicle1",name:"vehicle1",value:"Bike"}),r.a.createElement("label",null,n.applyDesign.text)),r.a.createElement("div",{className:"button-grp pt-sm-0 pt-1"},r.a.createElement(c.a,{classStyle:"back-btn",label:Object(l.i)(p),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(c.a,{classStyle:"save-btn",label:Object(l.i)(g),onClick:ur})),r.a.createElement("span",{className:"screenshot-link screenshot-final"},r.a.createElement(c.a,{classStyle:"next-btn",label:Object(l.i)(m),onClick:function(){ur(!0);var e=document.getElementById("vehicle1");e&&e.checked&&(e.checked=!1),setTimeout((function(){var e;null===(e=document.getElementById("review-save-tab"))||void 0===e||e.click(),window.scrollTo(0,0),l.cb.next(!0),l.bb.next(!0)}),1e3)}})))))))}),R=function(e){var t=e.reviewsaveData,n=(e.ok,e.setEmailOnReview),i=e.setMessageOnReview,d=e.sendMail,s=(e.popupMsg,e.popupType,Object(o.useState)("")),m=Object(a.a)(s,2),p=m[0],g=m[1],h=Object(o.useState)(!1),b=Object(a.a)(h,2),f=b[0],v=b[1],x=Object(o.useState)(!1),w=Object(a.a)(x,2),E=w[0],O=w[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){O(e)}))}),[]);return r.a.createElement("div",{className:"modal fade",id:"email-modal",role:"dialog","aria-hidden":"true"},E&&r.a.createElement(u.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,t.emailFieldLabel.text),r.a.createElement("input",{className:"mb-2 ".concat(f?"error-class":""),type:"text",onChange:function(e){g(e.target.value),n(e.target.value)},onKeyUp:function(){""===p||!1===Object(l.a)(p)?v(!0):v(!1)}}),f&&r.a.createElement("p",{className:"error"},t.emailFieldValidationMessage.text),r.a.createElement("label",null,t.emailMessageLabel.text),r.a.createElement("textarea",{onChange:function(e){i(e.target.value)}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement(c.a,{label:Object(l.i)(t.sendEmailButtonLabel.text),onClick:function(){Object(l.b)(),d()},disabled:""===p||!1===Object(l.a)(p)})))))},M=n(16),z=n(20),T=n(50),H=n(46),W=n(11),q=n(18),Z=n(55),_=function(e){var t=e.customBrandRQForm,n=e.customBrandRQFormStates,i=e.heading,d=e.requestQuoteButton,s=(e.closeButton,e.sendMail),m=Object(o.useState)({firstName:{value:"",error:"",type:"text"},lastName:{value:"",error:"",type:"text"},receipients:{value:"",error:"",type:"text"},phone:{value:"",error:"",type:"text"},city:{value:"",error:"",type:"text"},state:{value:"",error:"",type:"select"},zip:{value:"",error:"",type:"text"},whenToCall:{value:"",error:"",type:"select"},needAnOpener:{value:"",error:"",type:"select"},message:{value:"",error:"",type:"text"},address:{value:"",error:"",type:"text"},address2:{value:"",error:"",type:"text"}}),p=Object(a.a)(m,2),g=p[0],h=p[1],b=Object(o.useState)(!1),f=Object(a.a)(b,2),v=f[0],x=f[1],w=Object(o.useState)({flag:!0,form:{}}),E=Object(a.a)(w,2),O=E[0],y=E[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){x(e)}))}),[]),Object(o.useEffect)((function(){O.flag||(Object(l.b)(),s(O.form,!0))}),[O]);var I=function(e,t){var n=e.name,a=e.value;"text"===t&&"phone"!==n?j(n,a):"select"===t?A(e):"phone"===n&&S(e)},j=function(e,n){var a="",o=t[e];if("address2"===e&&(o.required=!1),!n&&(null===o||void 0===o?void 0:o.required)&&(a=null===o||void 0===o?void 0:o.errorMessage),"firstName"===e||"lastName"===e){/^[A-Za-z ]*$/.test(n)||(a=(null===o||void 0===o?void 0:o.formatErrorMessage)||"Field is incorrect")}return"receipients"!==e||Object(l.a)(n)||(a=(null===o||void 0===o?void 0:o.formatErrorMessage)||"Field is incorrect"),h((function(t){return Object(N.a)(Object(N.a)({},t),{},Object(T.a)({},e,{value:n,error:a,type:"text"}))})),!!a},S=function(e){var n=e.name,a=e.value,o=a.replaceAll("(","");o=(o=o.replaceAll(") ","")).replaceAll("-","");var r="",i="",c=t[n];return/^[0-9]*$/.test(o)&&(a&&Object(l.e)(a)?r=k(a):Object(l.e)(a)||""===o?i=c.errorMessage:(r=k(a),i=c.formatErrorMessage||"Field is incorrect")),a||c.required||(i=""),h((function(e){return Object(N.a)(Object(N.a)({},e),{},{phone:{value:r,error:i,type:"text"}})})),!!i},k=function(e){return 1==e.length?"("+e:5==e.length?e.slice(0,e.length-1)+") "+e[e.length-1]:10==e.length&&"-"!==e[e.length-1]?e.slice(0,e.length-1)+"-"+e[e.length-1]:10==e.length&&"-"===e[e.length-1]?e.substring(0,e.length-1):6==e.length?e.substring(0,e.length-2):e},A=function(e){var n=e.name,a=e.value,o="",r=t[n];return!a&&r.required&&(o=null===r||void 0===r?void 0:r.errorMessage),h((function(e){return Object(N.a)(Object(N.a)({},e),{},Object(T.a)({},n,{value:a,error:o,type:"select"}))})),!!o};return r.a.createElement("div",{className:"modal fade",id:"requestToQuote-modal",role:"dialog","aria-hidden":"true"},v&&r.a.createElement(u.a,null),r.a.createElement("div",{className:"modal-dialog modal-dialog-centered request-quote-dialog",role:"document",id:"parent-request-modal"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("div",{className:"header-title"},null===i||void 0===i?void 0:i.text),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("form",null,r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12 col-lg-6"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},label:t.firstName.text,required:t.firstName.required,inputType:"text",placeholder:t.firstName.placeholder,errorMsg:g.firstName.error,name:"firstName",value:g.firstName.value,maxlength:Number(t.firstName.textLength)})),r.a.createElement("div",{className:"col-12 col-lg-6 pt-4 pt-lg-0"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},label:t.lastName.text,required:t.lastName.required,inputType:"text",errorMsg:g.lastName.error,name:"lastName",maxlength:Number(t.lastName.textLength),placeholder:t.lastName.placeholder,value:g.lastName.value}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"receipients",maxlength:Number(t.receipients.textLength),placeholder:t.receipients.placeholder,value:g.receipients.value,label:t.receipients.text,required:t.receipients.required,inputType:"text",errorMsg:g.receipients.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"phone",maxlength:Number(t.phone.textLength)+4,placeholder:t.phone.placeholder,value:g.phone.value,label:t.phone.text,required:t.phone.required,inputType:"text",errorMsg:g.phone.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(q.a,{onChange:function(e){return I(e.target,"select")},name:"whenToCall",label:t.whenToCall.text,required:t.whenToCall.required,options:t.whenToCall.options,placeholder:t.whenToCall.placeholder,errorMsg:g.whenToCall.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"address",label:t.address.text,maxlength:Number(t.address.textLength),required:t.address.required,inputType:"text",placeholder:t.address.placeholder,errorMsg:g.address.error})),r.a.createElement("div",{className:"col-12 pt-1"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"address2",maxlength:Number(t.address2.textLength)+4,inputType:"text",required:!1,placeholder:t.address2.placeholder}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12 col-lg-6"},r.a.createElement(q.a,{onChange:function(e){return I(e.target,"select")},name:"state",label:t.state.text,required:t.state.required,options:n,placeholder:t.state.placeholder,errorMsg:g.state.error})),r.a.createElement("div",{className:"col-12 col-lg-6 pt-4 pt-lg-0"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"city",label:t.city.text,maxlength:Number(t.city.textLength),required:t.city.required,inputType:"text",placeholder:t.city.placeholder,errorMsg:g.city.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"zip",label:t.zip.text,maxlength:Number(t.zip.textLength),required:t.zip.required,inputType:"text",placeholder:t.zip.placeholder,errorMsg:g.zip.error,value:g.zip.value}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-12"},r.a.createElement(H.a,{label:t.needAnOpener.text,onChange:function(e){return I(e.target,"text")},name:"needAnOpener",required:t.needAnOpener.required,options:t.needAnOpener.options,errorMsg:g.needAnOpener.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(Z.a,{onChange:function(e){return I(e.target,"text")},name:"message",label:t.message.text,maxlength:Number(t.message.textLength),required:t.message.required,placeholder:t.message.placeholder,errorMsg:g.message.error})))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12 col-lg-6 pt-4 pt-lg-0"},r.a.createElement(c.a,{label:Object(l.i)(d.text),onClick:function(e){e.preventDefault();var t=new FormData,n=!1;for(var a in g){var o=g[a];I({name:a,value:o.value},o.type),t.append(a,o.value)}y((function(e){return{flag:!0,form:t}})),h((function(e){for(var t in e)e[t].error&&(n=!0);return n||y((function(e){return{flag:!1,form:e.form}})),e}))}})))))))},F=function(e){var t=e.reviewsaveData,n=e.back,i=e.dispatchRequestQuoteURL,d=e.emailPath,m=e.imageRootPath,p=e.ok,g=e.door,h=(e.apiURL,e.recaptchaToken),b=e.recaptchaTokenReGenerate,f=e.microSiteDispatchRequestQuoteURL,v=e.dealerInfoAPIURL,x=e.dealerLocationListingAPIPath,w=e.brands,O=e.statesAPIURL,y=Object(o.useState)([]),I=Object(a.a)(y,2),N=I[0],j=I[1],S=Object(o.useState)(""),k=Object(a.a)(S,2),A=(k[0],k[1],Object(o.useState)("")),P=Object(a.a)(A,2),U=P[0],D=(P[1],Object(o.useState)("")),C=Object(a.a)(D,2),L=C[0],T=(C[1],Object(o.useState)(!1)),H=Object(a.a)(T,2),W=H[0],q=H[1],Z=Object(o.useState)(!1),F=Object(a.a)(Z,2),B=F[0],V=F[1],J=Object(o.useState)(!1),G=Object(a.a)(J,2),Q=G[0],$=(G[1],Object(o.useState)(0)),K=Object(a.a)($,2),X=(K[0],K[1]),Y=Object(o.useState)(0),ee=Object(a.a)(Y,2),te=(ee[0],ee[1]),ne=Object(o.useState)(0),ae=Object(a.a)(ne,2),oe=(ae[0],ae[1]),re=Object(o.useState)(""),le=Object(a.a)(re,2),ie=le[0],ce=le[1],de=Object(o.useState)(""),se=Object(a.a)(de,2),me=se[0],ue=se[1],pe=Object(o.useState)(""),ge=Object(a.a)(pe,2),he=ge[0],be=ge[1],fe=Object(o.useState)([]),ve=Object(a.a)(fe,2),xe=ve[0],we=ve[1],Ee=Object(o.useState)(""),Oe=Object(a.a)(Ee,2),ye=Oe[0],Ie=Oe[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){V(e)})),localStorage.getItem("brandId")&&Pe(),l.bb.subscribe((function(e){if(e){if(l.N.next(!0),localStorage.getItem("desc-data")){var t=localStorage.getItem("desc-data"),n=JSON.parse(t);j(n),l.cb.subscribe((function(e){!0===e&&(Object(l.b)(),setTimeout((function(){Object(l.Z)()}),7e3),l.cb.next(!1))}))}Se()}}))}),[]);var Ne=function(){l.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}),1e3)},je=function(e){var t="";return t=e.indexOf("http")>-1?e:m+e,e.indexOf("{hardware-overlay-image}")>-1&&(t=""),t},Se=function(){var e,t,n=localStorage.getItem("marginPrices"),a=JSON.parse(n),o=0,r=0,l=localStorage.getItem("doorPricing"),i=JSON.parse(l),c=0;r=Number(!1===Q?null===a||void 0===a||null===(e=a.additional_charges)||void 0===e?void 0:e.site_check:null===a||void 0===a||null===(t=a.additional_charges)||void 0===t?void 0:t.site_check_diy),r=isNaN(r)?0:r;for(var d=localStorage.getItem("design-door"),s=JSON.parse(d),m=0;m<s.length;m++)for(var u=0;u<(null===a||void 0===a||null===(p=a.items)||void 0===p?void 0:p.length);u++){var p,g,h,b,f,v,x,w,E;if(s[m].selectedCollection===a.items[u].sku)if(Number(s[m].selectedWidth)<16)if(isNaN(null===a||void 0===a||null===(g=a.items[u])||void 0===g||null===(h=g.priceData[0])||void 0===h?void 0:h.labour_charge))o+=0;else o+=Number(null===a||void 0===a||null===(b=a.items[u])||void 0===b||null===(f=b.priceData[0])||void 0===f?void 0:f.labour_charge);else if(isNaN(null===a||void 0===a||null===(v=a.items[u])||void 0===v||null===(x=v.priceData[1])||void 0===x?void 0:x.labour_charge))o+=0;else o+=Number(null===a||void 0===a||null===(w=a.items[u])||void 0===w||null===(E=w.priceData[1])||void 0===E?void 0:E.labour_charge)}for(var O=0;O<i.length;O++)c=isNaN(i[O])?c:c+Number(i[O]);X(c),te(o+r),oe(c+r+o)},ke=function(e,n){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];s()({method:"post",url:a?d.replace("{brand}","".concat(e,"rq")):d.replace("{brand}",e),data:n,headers:{"Content-Type":"multipart/form-data"}}).then((function(e){Ie("success"),be(t.sendEmailSuccessMessage.text),document.getElementById("email-success-link").click(),Object(l.Z)()}),(function(e){Ie("error"),be(t.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(l.Z)()})).catch((function(e){Ie("error"),be(t.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(l.Z)()})).finally((function(){b()}))},Ae=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new FormData,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=document.getElementById("parent-modal");n.style.display="none";for(var a=document.getElementsByClassName("modal-backdrop"),o=0;o<a.length;o++)a[o].style.display="none";var r=document.getElementById("parent-request-modal");r&&(r.style.display="none");var l=localStorage.getItem("desc-data"),i=JSON.parse(l);E.table("garageDoorPdf").get({key:"garageDoorPdf"}).then((function(t){var n=t.value;fetch(n).then((function(e){return e.blob()})).then((function(t){e.append("filepdf",new File([t],"print.pdf",{type:t.type}))}))})),E.table("canvasImg").get({key:"canvasImg"}).then((function(t){var n=t.value;fetch(n).then((function(e){return e.blob()})).then((function(t){e.append("fileafter",new File([t],"after.png",{type:t.type}))}))})),t||(e.append("receipients",ie),e.append("message",me)),e.append("count",i.length),e.append("g-recaptcha-response",h);var c="";E.table("image").toArray().then((function(t){t.length>0&&(c=t[0].image,fetch(c).then((function(e){return e.blob()})).then((function(t){var n="";"image/jpeg"===t.type&&(n="file0.jpeg"),"image/jpg"===t.type&&(n="file0.jpg"),"image/png"===t.type&&(n="file0.png");e.append("file0",new File([t],n,{type:t.type}))})))}));for(var d="",s=function(t){var n=i[t].doorText;d+="<div><h3>Door #".concat(t+1,"</h3>");for(var a=0;a<n.length;a++)d+="<p>".concat(n[a][0],": ").concat(n[a][1],"</p> ");d+="</div>";var o="file"+(t+1)+".png",r=localStorage.getItem("file"+t);fetch(r).then((function(e){return e.blob()})).then((function(n){var a="file"+(t+1);e.append(a,new File([n],o,{type:n.type}))}))},m=0;m<i.length;m++)s(m);e.append("doorsHTML",d),setTimeout((function(){var n=localStorage.getItem("brandId")||"doordesigner";if(w&&w.length>0){var a=w.findIndex((function(e){return e.id.toLowerCase()===n.toLowerCase()}));a>-1&&(n=w[a].value)}ke(n,e,t)}),5e3)},Pe=function(){var e;null===(e=s.a.get(O))||void 0===e||e.then((function(e){var t=e.data.data;if(t.length>0){var n=[];t.forEach((function(e,t){n[t]={text:e.name,value:e.name}})),we(n)}}))};return r.a.createElement("div",{className:"review-save-main"},B&&r.a.createElement(u.a,null),r.a.createElement("div",{className:"review-save-main-inner"},r.a.createElement("div",{className:"row no-gutters lg-images"},r.a.createElement("div",{className:"col-12 col-md-6 print-door print-door1"},r.a.createElement("figure",{className:"figure"},r.a.createElement("img",{loading:"lazy",id:"before-img",alt:"Garage Door Before Design",src:U,className:"figure-img img-fluid",onLoad:function(){return null}}),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",{loading:"lazy",id:"after-img",alt:"Garage Door After Design",src:L,className:"figure-img img-fluid"}),r.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.after.text))),r.a.createElement("div",{className:"container inner-container"},r.a.createElement("p",{className:"body-text3"},t.disclaimer.text))),r.a.createElement("div",{className:"container inner-container d-flex justify-content-between flex-wrap links-and-buttons hide-print-media","data-html2canvas-ignore":"true"},r.a.createElement("div",{className:"next-btn back-btn pr-md-3 pr-lg-0 pr-0 d-flex hide-print-media"},r.a.createElement("div",{className:"mr-3 hide-print-media"},r.a.createElement(c.a,{label:Object(l.i)(n),onClick:Ne,inverse:!0})),r.a.createElement("div",{className:"hide-print-media"},r.a.createElement(c.a,{label:Object(l.i)(t.startOver.text),onClick:function(){var e;localStorage.removeItem("door-size"),localStorage.removeItem("image-type"),localStorage.removeItem("image"),localStorage.removeItem("uploadedFileName"),localStorage.removeItem("desc-data"),localStorage.removeItem("design-door"),localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("tabValue","0"),q(!1),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0),l.v.next(!0)}}))),r.a.createElement("div",{"data-html2canvas-ignore":"true",className:"hide-print-media"},r.a.createElement("div",{className:"row text-left text-md-right my-lg-0 mx-lg-0 align-items-center justify-content-end share-buttons"},r.a.createElement("div",{onClick:function(){q(!W);var e=localStorage.getItem("file0")?localStorage.getItem("file0"):"",t=localStorage.getItem("file1")?localStorage.getItem("file1"):"",n=localStorage.getItem("file2")?localStorage.getItem("file2"):"",a=localStorage.getItem("file3")?localStorage.getItem("file3"):"";localStorage.setItem("fav0",e),localStorage.setItem("fav1",t),localStorage.setItem("fav2",n),localStorage.setItem("fav3",a);var o=localStorage.getItem("desc-data"),r=JSON.parse(o);r.forEach((function(e,t){e.sequence=t+1}));var l={data:r,time:new Date,imageRootPath:m,door:g};!1===W?localStorage.setItem("designer-fav",JSON.stringify(l)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer align-items-center share-item"},!0===W?r.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ic-fav-red-fill.svg"),alt:"Favourite Icon",className:"mr-2"}):r.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("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",{loading:"lazy",src:Object(l.E)().concat("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(){return function(){var e=document.title,t=localStorage.getItem("brandId");t&&"amarrdoordesigner"!==t.toLowerCase()&&(document.title="Easily Design Your Garage Door"),window.print(),setTimeout((function(){document.title=e}),2e3)}()},className:"print cursor-pointer d-flex align-items-center share-item"},r.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("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",{loading:"lazy",src:Object(l.E)().concat("ic-mail.svg"),alt:"Mail Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.email.text)),localStorage.getItem("brandId")&&t.customBrandRQForm?r.a.createElement("div",{onClick:function(){document.getElementById("parent-request-modal").style.display="block"},"data-toggle":"modal","data-target":"#requestToQuote-modal",className:"email pdf-generate-email cursor-pointer d-flex align-items-center share-item"},r.a.createElement(c.a,{label:Object(l.i)(t.raq.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(c.a,{label:Object(l.i)(t.raq.text),onClick:function(){for(var e="Source:"+window.location.origin+"|",t=localStorage.getItem("desc-data"),n=JSON.parse(t),a=0;a<n.length;a++){e=e+"Door#"+(a+1)+"|";for(var o=n[a].doorText,r="",c=0;c<o.length;c++)r=c===o.length-1?r+o[c][0]+":"+o[c][1]+";":r+o[c][0]+":"+o[c][1]+",";e+=r}var d=encodeURIComponent(e);localStorage.setItem("doorDesignerDescription",e);var m=new URLSearchParams(window.location.search);if(m)if(m.has("id")&&m.get("id")&&m.has("locationId")&&m.get("locationId")){var u;Object(l.b)();var p=m.get("id"),g=m.get("locationId");null===(u=Object(M.c)({url:x.replace("{accountNumber}",p).replace("{dealerListingLocationId}",g)}))||void 0===u||u.then((function(e){var t=e.data;if(Object(l.Z)(),t.enrolledInDispatch){var n=(f=f.replace("{locationId}",t.dealer.accountNumber))+d;window.open(n,"_blank")}else{var a="mailto:".concat(t.dispatchNotificationEmail?t.dispatchNotificationEmail:t.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(a,"_blank")}})).catch((function(e){var t;Object(l.Z)(),console.log("Error Logged: ",e),null===(t=document.getElementById("something-went-wrong-modal-link"))||void 0===t||t.click()}))}else{var h=new URL(window.location.href).host;if(function(e){var t=new RegExp(/^([a-z]+\:\/{2})?([\w-]+\.[\w-]+\.\w+)$/);return!!e.match(t)}(h))Object(l.b)(),s.a.get("".concat(v,"?micrositeDomain=").concat(h)).then((function(e){var t=e.data;if(Object(l.Z)(),t.totalCount>0){var n=t.data[0].dealerListingLocations;if(n.length>0){var a=n[0];if(a.enrolledInDispatch){var o=(f=f.replace("{locationId}",a.id))+d;window.open(o,"_blank")}else{var r="mailto:".concat(a.dispatchNotificationEmail?a.dispatchNotificationEmail:a.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(r,"_blank")}}else console.warn("No Listing Locations are available for this dealer")}else{var c=i;window.open(c,"_blank")}}));else{var b=i;window.open(b,"_blank")}}}}))))),r.a.createElement("div",{className:"container inner-container d-lg-flex review-save-door-box pt-5"},N&&N.length>0&&N.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"},g," ",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",{loading:"lazy",onClick:function(e){return function(e,t){Ne();var n="subTab-"+t;setTimeout((function(){var e;null===(e=document.getElementById(n))||void 0===e||e.click()}),1200)}(0,t)},src:Object(l.E)().concat("ic-edit.svg"),alt:"Edit Icon",className:"editEffect"})))),r.a.createElement("div",{className:"row m-0 px-3 pt-4 pb-5 mb-3 image-row text-center"},r.a.createElement("div",{className:"col-12 p-0"},r.a.createElement("span",{className:"hardware-img-parent"},r.a.createElement("img",{loading:"lazy",alt:e.doorText[2][1],src:je(e.doorImage[0])}),je(e.doorImage[1])&&je(e.doorImage[1]).length>0&&r.a.createElement("img",{loading:"lazy",className:"hardware-img",alt:e.doorText[2][1],src:je(e.doorImage[1])})))),r.a.createElement("div",{className:"door-review-info body-text3 p-3"},e.doorText&&e.doorText.map((function(e,t){return 0==t||1==t||2==t?r.a.createElement("div",{className:"row m-0 font-weight-semi",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1]))):r.a.createElement("div",{className:"row m-0 ",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1])))})))))})))),r.a.createElement(R,{emailPath:d,imageRootPath:m,reviewsaveData:t,ok:p,recaptchaToken:h,sendMail:Ae,setEmailOnReview:ce,setMessageOnReview:ue,popupMsg:he,popupType:ye}),t.customBrandRQForm&&r.a.createElement(_,{customBrandRQForm:t.customBrandRQForm,customBrandRQFormStates:xe,heading:t.customBrandRQForm.heading,requestQuoteButton:t.customBrandRQForm.requestQuoteButton,closeButton:t.customBrandRQForm.closeButton,sendMail:Ae}),r.a.createElement("canvas",{id:"email-img0",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img1",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img2",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img3",width:"500",height:"500"}),r.a.createElement("a",{id:"something-went-wrong-modal-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-something-went-wrong"}),r.a.createElement(z.a,{name:"something-went-wrong",type:"error",text:"Something went wrong!",buttonText:p}),r.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},t.sendEmailButtonLabel.text),r.a.createElement(z.a,{name:"email-sent",type:ye,text:he,buttonText:p}))},B=n(43),V=n(67),J=n(32),G=n.n(J),Q=function(e){Object(x.a)(n,e);var t=Object(w.a)(n);function n(){return Object(v.a)(this,n),t.apply(this,arguments)}return Object(V.a)(n,[{key:"render",value:function(){var e=this.props.node||document.body;return G.a.createPortal(this.props.children,e)}}]),n}(r.a.Component),K=n(13),X=n.n(K),Y={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},ee=n(12),te=n(2);function ne(){var e=Object(ee.a)(["\n .stepper-head {\n margin-bottom: 0;\n }\n\n .door-designer {\n margin: 0 auto;\n }\n\n .sticky-content {\n position: sticky;\n top: 150px;\n bottom: 0;\n z-index: 2;\n align-self: flex-start;\n\n @media "," {\n top: 120px;\n }\n @media screen and "," {\n position: relative;\n background: var(--bg-main);\n top: 0;\n }\n }\n\n .editEffect {\n cursor: pointer;\n\n &:hover {\n transform: scale(1.1);\n transition: 0.2s;\n }\n }\n\n .main-content {\n margin-top: 40px;\n margin-bottom: 60px;\n .tabs-container {\n margin: 0 auto;\n }\n }\n\n .btn-inverse,\n .next-btn button {\n min-width: 80px !important;\n }\n .door-size-content {\n .row {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n }\n .row {\n margin-top: 40px;\n margin-bottom: 40px;\n @media screen and "," {\n margin-top: 10px;\n }\n }\n\n button {\n cursor: pointer;\n }\n\n .door-dimension-select {\n display: inline-grid;\n width: 170px;\n position: relative;\n :not(:last-child) {\n margin-right: 24px;\n }\n }\n\n .selected-item {\n transition: 0.2s;\n border: solid 4px #de0000;\n }\n #doordesigner-link {\n visibility: hidden;\n font-size: 1px;\n }\n .alert-popup .modal-dialog-centered.dd-popup {\n margin: 20px auto 0;\n }\n .alert-popup {\n .modal {\n padding: 0 !important;\n\n &-dialog {\n max-width: 58% !important;\n @media screen and "," {\n max-width: 100% !important;\n }\n @media screen and "," and "," {\n max-width: 430px !important;\n }\n\n &-centered {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n margin: 0 auto;\n }\n }\n\n &-content {\n padding: 30px;\n width: 100%;\n @media "," {\n margin-left: 17px;\n }\n }\n\n &-header,\n &-body,\n &-footer {\n padding: 0;\n }\n\n &-header {\n border-bottom: none;\n .close {\n padding: 0;\n margin: 0;\n position: absolute;\n right: 15px;\n top: 15px;\n }\n }\n\n &-footer {\n border-top: none;\n button {\n min-width: 100px;\n }\n }\n }\n }\n .door-box {\n width: 48px;\n height: 48px;\n display: inline-grid;\n place-items: center;\n margin-right: 18px;\n border-radius: 4px;\n border: solid 1px #b6b9bb;\n line-height: 1.5;\n cursor: pointer;\n\n &.selected {\n border: solid 2px var(--accent);\n color: var(--accent);\n transition: 0.4s;\n }\n }\n\n .nav-tabs {\n border-bottom: transparent;\n margin-left: 0;\n\n .nav-item {\n width: 25%;\n\n &.show {\n .nav-link {\n color: var(--accent);\n background-color: var(--bg-main);\n border-bottom: 2px solid var(--accent);\n }\n }\n\n &.active {\n .door-box {\n background-color: var(--accent);\n }\n }\n\n .door-box {\n width: 36px;\n height: 36px;\n color: var(--bg-main);\n background-color: #8d8d8d;\n vertical-align: text-top;\n margin-top: 2px;\n }\n }\n\n .nav-link {\n border: 1px solid transparent;\n padding: 0 0 18px 0;\n color: #333;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &.active {\n color: var(--accent);\n background-color: var(--bg-main);\n border-bottom: 2px solid var(--accent);\n }\n }\n }\n\n .garage-door-size-select .amarrHighlight {\n margin-left: 40px;\n }\n\n .door-size-select-container {\n position: relative;\n }\n select {\n appearance: none;\n cursor: pointer;\n }\n .select-dropdown {\n &-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n right: 12px;\n top: 34%;\n transform: rotate(87deg);\n pointer-events: none;\n }\n }\n .share-buttons {\n .share-item:not(:last-child) {\n margin-right: 16px;\n }\n }\n @media screen and (max-width: 1136px) {\n .nav-tabs .nav-item .door-box {\n margin-top: -2px;\n margin-right: 8px;\n }\n .description.door-properties {\n padding: 0px 0 10px !important;\n }\n .door-properties {\n padding: 10px 0px !important;\n }\n .tab-info {\n p {\n margin-bottom: 12px;\n }\n }\n }\n\n @media screen and "," {\n .share-buttons {\n justify-content: flex-start !important;\n // row-gap: 10px;\n }\n\n span {\n &.gallery-image {\n img {\n min-height: auto !important;\n }\n }\n }\n .links-and-buttons > * {\n margin: 10px 0 0 0px;\n }\n .links-and-buttons {\n margin: -10px 0 0 0px;\n }\n .share-buttons > * {\n margin: 10px 0 0 0px;\n }\n .share-buttons {\n margin: -10px 0 0 0px;\n }\n }\n @media screen and "," and "," {\n .links-and-buttons {\n // row-gap: 10px;\n }\n }\n @media screen and "," {\n .nav-tabs .nav-item .door-box {\n display: none;\n }\n }\n\n @media screen and "," {\n .nav-tabs .nav-link {\n padding-bottom: 4px;\n }\n\n .nav-tabs .nav-link > span {\n width: 100%;\n display: inline-block;\n font-size: var(--font-size-m1);\n }\n\n .garage-door-size-select .amarrHighlight {\n display: block;\n margin-left: 0px;\n }\n\n .door-dimension-select {\n width: calc(50% - 15px);\n :not(:last-child) {\n margin-right: 30px;\n }\n }\n }\n\n // ====================HOme page========================\n\n .door-size {\n padding-top: 16px;\n @media screen and "," {\n padding-top: 24px;\n }\n }\n\n .home-image-tab .row {\n margin-top: 24px;\n margin-bottom: 24px;\n @media screen and "," {\n margin-top: 12px;\n margin-bottom: 12px;\n .home-image-upload-photo {\n padding-top: 12px;\n }\n }\n }\n\n .upload-instructions {\n margin-left: 2rem;\n li {\n padding-left: 0.5rem;\n &::marker {\n font-size: var(--font-size-s1);\n }\n }\n }\n\n span.gallery-image {\n flex: 1 1 calc(16% - 18px);\n img {\n min-height: 125px;\n }\n }\n .photo-gallery {\n padding-bottom: 8px;\n @media screen and "," {\n padding-bottom: 18px;\n }\n @media screen and "," {\n padding-bottom: 16px;\n }\n }\n .photo-gallery-container {\n border: 1px solid #8d8d8d;\n border-radius: 4px;\n padding: 18px;\n max-height: 520px;\n overflow-y: auto;\n div {\n display: flex;\n flex-wrap: wrap;\n gap: 18px;\n }\n }\n\n @media screen and "," {\n span.gallery-image {\n flex: 1 1 45%;\n }\n }\n\n // ===================================Desingn Door ================\n\n .tabs-container.design-door-tabs {\n background-color: #f0f0f0;\n\n .nav-tabs {\n .nav-link {\n padding: 14px 0;\n\n &.active {\n background-color: inherit;\n }\n }\n }\n }\n .tab-info {\n margin-top: 12px;\n margin-left: -15px;\n @media screen and ",' {\n margin-left: 0px;\n }\n }\n .description.door-properties {\n padding: 0px 20px 40px;\n }\n .door-properties {\n padding: 40px 20px;\n\n .door-properties-select {\n margin: 24px 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .btn-group {\n display: block;\n\n button {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #b6b9bb;\n background-color: var(--bg-main);\n text-align: left;\n\n &:after {\n display: block;\n position: absolute;\n right: 12px;\n color: #8d8d8d;\n border: none;\n top: 32%;\n content: "";\n background-image: ',";\n transform: rotate(87deg);\n background-size: 16px;\n width: 16px;\n height: 16px;\n background-repeat: no-repeat;\n }\n @media screen and "," {\n padding: 9px 12px;\n }\n }\n }\n\n .dropdown-menu.show {\n max-height: 400px;\n overflow-y: auto;\n scroll-behavior: smooth;\n\n .dropdown-item {\n vertical-align: text-top;\n\n p {\n white-space: break-spaces;\n color: #333333;\n margin: 0;\n }\n }\n }\n }\n }\n\n .apply-checkbox {\n display: flex;\n align-items: center;\n\n input {\n height: 20px;\n width: 20px;\n }\n\n label {\n display: inline-block;\n margin-left: 10px;\n margin-bottom: 0;\n }\n }\n\n .button-grp {\n display: flex;\n margin-top: 24px;\n\n > div {\n &:nth-child(1) {\n margin-right: auto;\n }\n &:nth-child(2) {\n margin-right: 1.5rem;\n }\n }\n }\n\n @media screen and (max-width: 968px) {\n .gallery-image {\n .color-block {\n height: 6rem;\n }\n }\n }\n\n @media screen and (max-width: 1136px) {\n .design-door-tab .tab-content {\n margin-top: 14px;\n }\n }\n\n // ===========Modal==============\n\n .details-modal {\n .details-modal-container {\n display: flex;\n gap: 36px;\n align-items: center;\n @media screen and "," {\n display: block;\n }\n }\n .ok-button button.btn {\n padding-left: 36px;\n padding-right: 36px;\n }\n .modal-img-container {\n min-width: 18vw;\n max-width: 50%;\n @media screen and "," {\n margin-bottom: 8px;\n max-width: 100%;\n }\n }\n .modal {\n &-dialog {\n max-width: 65%;\n @media screen and "," {\n max-width: 100%;\n }\n }\n &-header,\n &-body,\n &-footer {\n padding: 0px 36px 0px 36px;\n border: 0;\n @media screen and "," {\n padding: 0px 20px 0px 20px;\n }\n }\n &-body {\n padding-bottom: 36px;\n @media screen and "," {\n padding-bottom: 20px;\n }\n }\n &-header {\n padding-top: 8px;\n }\n }\n .button-div {\n display: flex;\n // gap: 24px;\n }\n }\n .mosaic-modal {\n .modal {\n &-dialog {\n max-width: 40%;\n @media screen and "," {\n max-width: 100%;\n }\n }\n }\n }\n .modal {\n &-header,\n &-body,\n &-footer {\n padding: 36px;\n border: 0;\n }\n\n &-header,\n &-body {\n padding-bottom: 15px;\n }\n\n &-body {\n padding-top: 0px;\n\n + p {\n padding: 15px 36px 20px;\n }\n }\n\n &-footer {\n justify-content: flex-start;\n\n > :not(:first-child) {\n margin-left: 1rem;\n }\n button {\n min-width: 100px;\n }\n }\n\n &.show {\n .modal-dialog {\n max-width: 65%;\n }\n }\n .mosaic-modal {\n &.show {\n .modal-dialog {\n max-width: 50%;\n }\n }\n }\n\n &-dialog-centered {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: calc(100% - (0.5rem * 2));\n }\n\n &-content {\n width: 100%;\n }\n\n .photo-gallery-container {\n border: none;\n padding: 0;\n margin: 0;\n max-height: 400px;\n overflow-y: auto;\n scroll-behavior: smooth;\n\n span.gallery-image {\n height: 170px;\n }\n }\n }\n\n .mosaic-note {\n margin-top: 30px;\n font-size: var(--font-size-m1);\n }\n\n .mosaicGlazed {\n color: blue;\n }\n .mosaicGlazed:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n @media "," {\n .modal-dialog-centered {\n min-height: calc(100% - (1.75rem * 2));\n }\n }\n\n @media screen and "," {\n .modal.show {\n padding-right: 0 !important;\n .modal-dialog {\n max-width: 100%;\n }\n }\n }\n\n // ===========================Review and save=======================\n @media screen and "," {\n .review-save-main .no-gutters .col-md-6:first-child {\n max-width: calc(50% - 10px);\n margin-right: 10px;\n }\n .review-save-main .no-gutters .col-md-6:nth-child(2) {\n max-width: calc(50% - 10px);\n margin-left: 10px;\n }\n }\n\n .review-save-main {\n .figure {\n width: 100%;\n text-align: center;\n .figure-img {\n margin-bottom: 0;\n }\n }\n .disclaimer-text {\n font-size: var(--font-size-m1);\n }\n\n &__order-estimation {\n &__estimates {\n border: solid 1px var(--border-color);\n border-radius: 4px;\n padding: 15px;\n\n &__item {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n }\n }\n\n &__actions {\n &__add-to-cart {\n button {\n padding-left: 50px;\n padding-right: 50px;\n }\n }\n }\n }\n }\n\n .figure-caption {\n color: #333;\n background-color: #f0f0f0;\n width: 100%;\n text-align: center;\n padding: 13px 0;\n }\n\n .review-save-door-box .multiple-doors {\n border: 1px solid #8d8d8d;\n border-radius: 4px;\n /* margin-right: 18px; */\n }\n\n .review-save-door-box .image-row {\n min-height: 15rem;\n align-items: top;\n }\n\n .review-save-door-box {\n gap: 1.88%;\n .multiple-doors {\n width: 100% !important;\n @media screen and "," {\n max-width: calc(25% - 18px);\n flex: 0 0 23.55%;\n }\n }\n }\n\n .font-weight-semi {\n font-weight: var(--font-weight-semi-bold);\n }\n .door-review-info {\n border-top: solid 1px #8d8d8d;\n }\n\n @media screen and "," {\n .review-save-door-box {\n display: grid;\n grid-template-columns: repeat(4, 35%);\n will-change: transform;\n align-content: center;\n overflow-x: auto;\n -ms-scroll-snap-coordinate: 0 0;\n scroll-snap-coordinate: 0 0;\n -ms-scroll-snap-points-x: repeat(100%);\n scroll-snap-points-x: repeat(100%);\n -ms-scroll-snap-type: x mandatory;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n column-gap: 18px;\n }\n\n .door-box {\n width: 38px;\n height: 38px;\n }\n }\n\n @media screen and (max-width: 1376px) {\n .review-save-door-box {\n grid-template-columns: repeat(4, 42%);\n }\n }\n\n @media screen and "," {\n .door-box {\n width: 36px;\n height: 36px;\n }\n\n .review-save-door-box {\n grid-template-columns: repeat(4, 52%);\n }\n }\n\n @media screen and "," {\n .review-save-door-box {\n grid-template-columns: repeat(4, 62%);\n }\n\n .next-btn.request-quote {\n width: 100%;\n margin: 0 !important;\n margin-top: 10px !important;\n }\n\n .nav-tabs {\n gap: 2%;\n flex-wrap: initial;\n align-items: center;\n }\n }\n\n @media screen and "," {\n .review-save-main {\n .figure {\n margin-bottom: 10px;\n img {\n margin-bottom: 0;\n }\n }\n }\n .review-save-door-box {\n grid-template-columns: repeat(4, 72%);\n }\n .row.no-gutters.lg-images {\n margin-bottom: 0;\n }\n .row.links-and-buttons {\n margin-top: 0;\n }\n\n .next-btn.back-btn {\n // margin-bottom: 15px;\n }\n\n .next-btn.request-quote {\n margin-top: 15px;\n }\n }\n\n @media screen and (max-width: 450px) {\n .review-save-door-box {\n grid-template-columns: repeat(4, 90%);\n }\n }\n\n canvas {\n width: 100%;\n }\n\n //Common\n .next-btn {\n button {\n min-width: 140px;\n text-transform: uppercase;\n @media screen and "," {\n min-width: 75px;\n }\n }\n }\n\n .color-block {\n display: inline-block;\n width: 100%;\n height: 4rem;\n }\n\n .photo-gallery-container a {\n width: 14%;\n\n @media screen and "," {\n width: 15%;\n .color-block {\n height: 8rem;\n }\n }\n\n @media screen and "," {\n width: 14%;\n }\n\n @media screen and (max-width: 968px) {\n width: 45%;\n }\n }\n\n .dropdown-item {\n padding: 10px;\n }\n\n .heading-tabs .nav-link {\n user-select: none;\n pointer-events: none;\n }\n .heading-tabs .nav-item {\n user-select: none;\n pointer-events: none;\n }\n\n .image-row img {\n max-height: 10rem;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n #email-success-link {\n visibility: hidden;\n }\n\n .modal-show {\n display: block !important;\n }\n .label-top-margin {\n margin-top: 0.5rem;\n }\n\n .file-button {\n opacity: 0;\n width: 130px;\n height: 44px;\n position: absolute;\n @media screen and "," {\n width: 120px;\n height: 36px;\n }\n }\n .upload-image-btn {\n display: block;\n position: relative;\n width: 130px;\n height: 42px;\n // margin: 18px 24px 24px 240px;\n // padding: 12px 22px;\n border-radius: 4px;\n border: solid 1px #b6b9bb;\n background-image: linear-gradient(\n to top,\n var(--dim-grey),\n var(--bg-main)\n );\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--bg-main);\n font-weight: var(--font-weight-semi-bold);\n cursor: pointer;\n transition: transform 0.2s ease-out;\n label {\n line-height: 0;\n padding-top: 14px;\n margin-bottom: 0px;\n }\n input:focus{\n & ~ label{\n outline: -webkit-focus-ring-color auto 1px;\n }\n }\n @media screen and "," {\n width: 120px;\n height: 36px;\n label {\n padding-top: 15px;\n }\n }\n }\n .upload-file-container {\n display: flex;\n align-items: center;\n // gap: 20px;\n .upload-image-btn {\n margin-right: 20px;\n }\n }\n .hardware-img-parent {\n position: relative;\n display: inline-block;\n .hardware-img {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n }\n .add-to-favourites {\n display: flex;\n }\n @media print {\n @page {\n margin-top: 2cm;\n padding-top: 2cm;\n margin-left: 0;\n margin-right: 0;\n size: 297mm 420mm;\n }\n .hide-print-media {\n display: none;\n }\n .review-save-door-box .image-row {\n height: 10rem;\n }\n\n body {\n width: 100%;\n height: 100%;\n }\n\n .print-door {\n //max-height: 450px !important;\n img {\n //height: 450px !important;\n padding: 0 20px !important;\n }\n }\n .figure-img {\n width: calc(50%);\n }\n .review-save-door-box {\n /* width: 38%; */\n max-width: 100%;\n justify-content: center;\n\n .multiple-doors {\n /* page-break-after: always; */\n float: left !important;\n border: 0 !important;\n width: 25%;\n display: inline-block;\n .door-review-info {\n padding: 10px !important;\n border: 0;\n }\n\n h6,\n .body-text2,\n .body-text3 {\n font-size: var(--font-size-s1) !important;\n line-height: 18px;\n font-weight: normal !important;\n }\n\n span {\n font-weight: normal !important;\n }\n }\n }\n }\n .parent-pixi {\n position: relative;\n #small-loader {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 600px;\n display: block;\n @media "," {\n height: 400px;\n }\n .loader {\n text-align: center;\n overflow: hidden;\n background: var(--bg-black);\n overflow: hidden;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n div {\n align-items: center;\n }\n }\n }\n }\n #email-img0,\n #email-img1,\n #email-img2,\n #email-img3,\n #something-went-wrong-modal-link {\n display: none;\n }\n\n @media print {\n .col-12, .col-xl-12, .col-lg-12, .col-12{\n max-width: 100%;\n }\n .hardware-img-parent{\n float:left;\n } \n .door-review-info{\n width: 350px;\n }\n }\n\n .request-quote-dialog {\n max-width: 55% !important;\n .modal-content {\n border: 0px;\n }\n .modal-header {\n background: #006166;\n padding: 15px;\n color: white;\n padding-bottom: 9px;\n }\n }\n\n @media screen and "," {\n .request-quote-dialog {\n max-width: 100% !important\n }\n }\n \n "]);return ne=function(){return e},e}var ae=j.default.div.withConfig({displayName:"styles__Content",componentId:"sc-8aak66-0"})(["",""],(function(e){var t;(null===(t=e.gradients)||void 0===t?void 0:t.visible)?e.theme.gradient:e.theme;return Object(j.css)(ne(),te.b.mediumDesktopAndUp4Max,te.b.mobileMax,te.b.mobileMax,te.b.mobileMax,te.b.tabletPortraitUp,te.b.desktopAndUpMax,te.b.tabletPortraitAndUpMax,te.b.tabletLandscapeAndUpMax,te.b.tabletPortraitUp,te.b.tabletLandscapeAndUpMax,te.b.tabletPortraitMax,te.b.largeMobileAndUp2Max,te.b.largeDesktopMin,te.b.mobileMax,te.b.mobileMax,te.b.largeDesktopMin,te.b.largeMobileAndUp2Max,te.b.mobileMax,(function(){return"url("+Object(l.E)().concat("ic-arrow-right-dark.svg")+")"}),te.b.maxWidthAndUpMax,te.b.mobileMax,te.b.mobileMax,te.b.largeMobileAndUp2Max,te.b.mobileMax,te.b.mobileMax,te.b.largeMobileAndUp2Max,te.b.largeMobileAndUp2,te.b.largeMobileAndUp2Max,te.b.tabletLandscapeAndUp,te.b.desktopAndUp,te.b.desktop2Max,te.b.desktopAndUpMax,te.b.tabletPortraitAndUpMax,te.b.largeMobileAndUp2Max,te.b.largeMobileAndUp2Max,te.b.mediumDesktopAndUp,te.b.desktopAndUpMax,te.b.mobileMax,te.b.mobileMax,te.b.mobileMax,te.b.largeMobileAndUp2Max)})),oe=n(8),re=n(9),le=n(10),ie={door:{text:""},next:{text:""},back:{text:""},save:{text:""},cancel:{text:""},popupMessage:{text:""},ok:{text:""},step1:{heading:{text:""},numberOfDoorsLabel:{text:""},sizeOfDoorsLabel:{text:""},cta:{label:"",url:"",linkAction:"",visible:!1,isInternal:!1},sizeOfDoorsInfo:{text:""},width:{text:""},widthPlaceholder:{text:""},height:{text:""},heightPlaceholder:{text:""}},step2:{heading:{text:""},uploadImage:{text:""},uploadStepsLabel:{text:""},uploadNoImageText:{text:""},uploadSteps:[{text:""},{text:""}],uploadStepsHelpText:{text:""},uploadStepsErrorMessage:{text:""},or:{text:""},chooseSample:{text:""},noSelectionImage:{text:""},errorMessageNoImages:{text:""}},step3:{heading:{text:""},doorCollection:{text:""},panelDesign:{text:""},color:{text:""},windowDesign:{text:""},windowPlacement:{text:""},glass:{text:""},construction:{text:""},decorativeHardware:{text:""},applyDesign:{text:""},disclaimer:{text:""},colorModalTitle:{text:""},colorModalSubTitle:{text:""},colorModalDisclaimer:{text:""},colorModalSearchEmpty:{text:""},windowModalTitle:{text:""},windowModalSubTitle:{text:""},viewDetails:{text:""},firstDoorDescription:{text:""},secondDoorDescription:{text:""},thirdDoorDescription:{text:""},fourthDoorDescription:{text:""}},step4:{heading:{text:""},before:{text:""},after:{text:""},disclaimer:{text:""},favourites:{text:""},savePdf:{text:""},print:{text:""},email:{text:""},raq:{text:""},startOver:{text:""},title:{text:""},materialCharges:{text:""},professionalInstallationCharges:{text:""},miscellaneousCharges:{text:""},siteCheckCost:{text:""},totalEstimate:{text:""},addToCartButton:{label:"",url:"",marketingUrl:"",isInternal:!1},emailFieldLabel:{text:""},emailMessageLabel:{text:""},sendEmailButtonLabel:{text:""},sendEmailSuccessMessage:{text:""},sendEmailFailureMessage:{text:""},emailFieldValidationMessage:{text:""},customBrandRQForm:null},invisibleRecaptchaKey:"",apiURL:"",doorOptionsAPIURL:"",doorHintsAPIURL:"",doorDescriptionAPIURL:"",colorZoneAPIURL:"",rulesAPIURL:"",statesAPIURL:"",uploadHouseImagePath:"",imageRootPath:"",dispatchRequestQuoteURL:"",emailPath:"",doorImageRootPath:"",sampleHomeImagesCSV:"",microSiteDispatchRequestQuoteURL:"",dealerInfoAPIURL:"",dealerLocationListingAPIPath:"",doorCoordinatesAPIURL:"",doorCoordinatesUpdateAPIURL:"",collectionDetailURLs:{olymp:"",horiz:"",carct:"",desch:"",hillc:"",herit:"",class:"",vista:"",linco:""},customBrands:{id:"",brand:""},customBrandRQForm:null},ce=function(e){var t,n,i=X()({},ie,Object(l.g)(e.content)),d=Object(o.useState)("door-size"),s=Object(a.a)(d,2),m=s[0],u=s[1],p=Object(o.useRef)(),h=Object(o.useState)(""),b=Object(a.a)(h,2),f=b[0],v=b[1],x=function(e,t){u(t)};Object(o.useEffect)((function(){l.A.subscribe((function(e){if(!0===e){localStorage.removeItem("brandId"),localStorage.removeItem("image-type"),localStorage.removeItem("image"),localStorage.removeItem("uploadedFileName"),localStorage.removeItem("canvasImg"),localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("image-type","chosen"),localStorage.removeItem("isDoorPointsUpdated");for(var t=1;t<=4;t++)localStorage.removeItem("updated-door_".concat(t));l.A.next(!1)}})),l.N.subscribe((function(e){e&&p.current.execute()}))}),[]);var w=function(){p.current.execute()};return r.a.createElement(oe.a,{setter:{componentThemes:Y,selectedTheme:e.theme}},r.a.createElement(re.a,null,r.a.createElement(le.a,{padding:!1},r.a.createElement(ae,{isReversed:!1},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"===m?"active":""),onClick:function(e){return x(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,i.step1.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===m?"active":""),onClick:function(e){return x(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,i.step2.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===m?"active":""),onClick:function(e){return x(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,i.step3.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===m?"active":""),onClick:function(e){return x(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,i.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(g,{doorSizeData:i.step1,door:i.door.text,next:i.next.text,sampleHomeImagesCSV:i.sampleHomeImagesCSV,doorOptionsAPIURL:i.doorOptionsAPIURL,imageRootPath:i.imageRootPath}))),r.a.createElement("div",{className:"tab-pane fade",id:"home-image",role:"tabpanel","aria-labelledby":"home-image-tab"},r.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-md-0"},r.a.createElement(I,{homeImageData:i.step2,next:i.next.text,back:i.back.text,doorCoordinatesAPIURL:null===i||void 0===i?void 0:i.doorCoordinatesAPIURL}))),r.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},r.a.createElement(L,{designDoorData:i.step3,door:i.door.text,next:i.next.text,back:i.back.text,save:i.save.text,cancel:i.cancel.text,ok:i.ok.text,apiURL:i.apiURL,doorOptionsAPIURL:i.doorOptionsAPIURL,doorHintsAPIURL:i.doorHintsAPIURL,doorDescriptionAPIURL:i.doorDescriptionAPIURL,colorZoneAPIURL:i.colorZoneAPIURL,rulesAPIURL:i.rulesAPIURL,doorImageRootPath:i.doorImageRootPath,collectionDetailURLs:i.collectionDetailURLs,doorCoordinatesUpdateAPIURL:i.doorCoordinatesUpdateAPIURL,dealerLocationListingAPIPath:i.dealerLocationListingAPIPath,customBrands:i.customBrands})),r.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},r.a.createElement(F,{imageRootPath:i.imageRootPath,reviewsaveData:i.step4,back:i.back.text,dispatchRequestQuoteURL:i.dispatchRequestQuoteURL,emailPath:i.emailPath,ok:i.ok.text,door:i.door.text,apiURL:i.apiURL,recaptchaToken:f,recaptchaTokenReGenerate:w,microSiteDispatchRequestQuoteURL:i.microSiteDispatchRequestQuoteURL,dealerInfoAPIURL:i.dealerInfoAPIURL,dealerLocationListingAPIPath:i.dealerLocationListingAPIPath,brands:i.customBrands,statesAPIURL:i.statesAPIURL})))),r.a.createElement(Q,null,r.a.createElement(B.a,{ref:p,sitekey:i.invisibleRecaptchaKey,onChange:function(e){v(e)},size:"invisible",onExpired:w}))),r.a.createElement("a",{id:"doordesigner-link","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),r.a.createElement("div",{className:"modal fade alert-popup",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered dd-popup",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body py-4 mb-3"},r.a.createElement("div",null,null===(t=i.popupMessage)||void 0===t?void 0:t.text)),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("span",{className:""},r.a.createElement("a",{href:"#","data-dismiss":"modal"},r.a.createElement(c.a,{onClick:function(e){var t;e.preventDefault(),null===(t=document.getElementById("door-size-tab"))||void 0===t||t.click(),window.scrollTo(0,0)},label:Object(l.i)(null===(n=i.ok)||void 0===n?void 0:n.text)})))))))))))};ce.defaultProps={theme:"",content:""};t.a=ce},9:function(e,t,n){"use strict";var a=n(0),o=n.n(a),r=n(5),l=n(23),i=Object(a.createContext)({});t.a=function(e){var t=!1;try{var n;t=(null===(n=document)||void 0===n?void 0:n.dir)&&"rtl"===document.dir.toLowerCase()||!1}catch(c){console.log(c)}var a=t?[l.a]:[];return o.a.createElement(r.StyleSheetManager,{stylisPlugins:a},o.a.createElement(i.Provider,{value:{rtl:t}},e.children))}}});
1
+ !function(e){function t(t){for(var a,l,i=t[0],c=t[1],d=t[2],m=0,u=[];m<i.length;m++)l=i[m],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&u.push(o[l][0]),o[l]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(s&&s(t);u.length;)u.shift()();return r.push.apply(r,d||[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],a=!0,i=1;i<n.length;i++){var c=n[i];0!==o[c]&&(a=!1)}a&&(r.splice(t--,1),e=l(l.s=n[0]))}return e}var a={},o={44:0},r=[];function l(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=a,l.d=function(e,t,n){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)l.d(n,a,function(t){return e[t]}.bind(null,a));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var i=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],c=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=c;r.push([615,0]),n()}({0:function(e,t){e.exports=React},1:function(e,t,n){"use strict";n.d(t,"g",(function(){return o})),n.d(t,"gb",(function(){return r})),n.d(t,"y",(function(){return l})),n.d(t,"i",(function(){return i})),n.d(t,"M",(function(){return c})),n.d(t,"P",(function(){return d})),n.d(t,"w",(function(){return s})),n.d(t,"K",(function(){return m})),n.d(t,"p",(function(){return u})),n.d(t,"s",(function(){return p})),n.d(t,"R",(function(){return g})),n.d(t,"Q",(function(){return h})),n.d(t,"bb",(function(){return b})),n.d(t,"N",(function(){return f})),n.d(t,"v",(function(){return v})),n.d(t,"h",(function(){return x})),n.d(t,"u",(function(){return w})),n.d(t,"A",(function(){return E})),n.d(t,"x",(function(){return O})),n.d(t,"L",(function(){return y})),n.d(t,"t",(function(){return I})),n.d(t,"cb",(function(){return N})),n.d(t,"r",(function(){return j})),n.d(t,"S",(function(){return S})),n.d(t,"O",(function(){return P})),n.d(t,"db",(function(){return U})),n.d(t,"n",(function(){return D})),n.d(t,"k",(function(){return C})),n.d(t,"o",(function(){return L})),n.d(t,"l",(function(){return R})),n.d(t,"m",(function(){return M})),n.d(t,"D",(function(){return z})),n.d(t,"W",(function(){return T})),n.d(t,"z",(function(){return H})),n.d(t,"eb",(function(){return W})),n.d(t,"fb",(function(){return q})),n.d(t,"b",(function(){return Z})),n.d(t,"Z",(function(){return _})),n.d(t,"F",(function(){return F})),n.d(t,"a",(function(){return B})),n.d(t,"hb",(function(){return V})),n.d(t,"d",(function(){return J})),n.d(t,"f",(function(){return G})),n.d(t,"e",(function(){return Q})),n.d(t,"kb",(function(){return $})),n.d(t,"c",(function(){return K})),n.d(t,"ib",(function(){return X})),n.d(t,"jb",(function(){return Y})),n.d(t,"T",(function(){return ee})),n.d(t,"U",(function(){return te})),n.d(t,"V",(function(){return ne})),n.d(t,"X",(function(){return ae})),n.d(t,"Y",(function(){return oe})),n.d(t,"q",(function(){return re})),n.d(t,"ab",(function(){return le})),n.d(t,"C",(function(){return ie})),n.d(t,"J",(function(){return ce})),n.d(t,"j",(function(){return de})),n.d(t,"E",(function(){return se})),n.d(t,"H",(function(){return me})),n.d(t,"I",(function(){return ue})),n.d(t,"G",(function(){return pe})),n.d(t,"B",(function(){return he}));var a=n(4),o=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},r=function(e){return btoa(unescape(encodeURIComponent(e)))},l=function(e){return r(JSON.stringify(e))},i=function(e){return e.toUpperCase()},c=function(e){return e.replaceAll(" ","-").toLowerCase()},d=new a.a(!1),s=new a.a(!1),m=new a.a(!1),u=new a.a(!1),p=new a.a(""),g=new a.a(!1),h=new a.a(!1),b=new a.a(!1),f=new a.a(!1),v=new a.a(!1),x=new a.a(!1),w=new a.a(""),E=new a.a(!0),O=new a.a(!0),y=new a.a(!0),I=new a.a(!0),N=new a.a(!0),j=new a.a(!0),S=new a.a({}),k=new a.a(!1),A=0,P=new a.a(!1),U=new a.a(""),D=new a.a(""),C=new a.a(""),L=new a.a(""),R=new a.a(""),M=new a.a(""),z=new a.a(""),T=new a.a(""),H=new a.a(!1),W=new a.a(!1),q=new a.a(!1),Z=(new a.a(!1),new a.a(!1),new a.a({flag:!1}),function(){setTimeout((function(){A++,k.next(!0)}),0)}),_=function(){setTimeout((function(){A>0&&A--,0==A&&k.next(!1)}),0)},F=function(){return k.asObservable()},B=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},V=function(e){var t=0;return!!/(?=.{8,})/.test(e)&&(/([a-z])/.test(e)&&t++,/([A-Z])/.test(e)&&t++,/(\d)/.test(e)&&t++,/([!@#$%^&*])/.test(e)&&t++,!(t<3))},J=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},G=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},Q=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},$=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},K=function(e){return/^[0-9]*$/.test(e)},X=function(e){return new RegExp("^[0-9]+[.][0-9]{0,2}$").test(e)},Y=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},ee=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},te=function(e){var t=(""+e).replace(/\D/g,"");if(t.length>10){var n=(t=t.slice(0,10)).match(/^(\d{3})(\d{3})(\d{4})$/);if(n)return"("+n[1]+") "+n[2]+"-"+n[3]}var a="";return t.split("").forEach((function(e,t){a+=0==t?"("+e:2==t?e+") ":5==t?e+"-":e})),a},ne=function(e){var t=e.target.value;return 1==t.length?"("+t:5==t.length?t.slice(0,t.length-1)+") "+t[t.length-1]:10==t.length&&"-"!==t[t.length-1]?t.slice(0,t.length-1)+"-"+t[t.length-1]:10==t.length&&"-"===t[t.length-1]?t.substring(0,t.length-1):6==t.length?t.substring(0,t.length-2):t},ae=function(e){return e&&(e=Number(e).toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},oe=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)},re=function(e){var t={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:e.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:e.selectedHeight,glass:e.selectedGlass,collection:e.selectedCollection,print:!0,baseUrl:"",gplacement:e.selectedWindowPlacement,width:e.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return e.selectedColor&&(t.color=e.selectedColor),e.colorHex&&(t.colorHex=e.colorHex),e.colorZone&&(t.colorZone=e.colorZone),e.selectedConstruction&&(t.model=e.selectedConstruction),e.selectedWindowDesign&&(t.top=e.selectedWindowDesign),e.glazepattern&&(t.glazepattern=e.glazepattern),e.selectedHardware&&(t.hardware=e.selectedHardware),t},le=function(e,t,n){var a="",o=e.split(t);return o.forEach((function(e,t){"undefined"!==e&&e&&(a+=e,t!==o.length-1&&(a+=n))})),a},ie=function(e){return e.length>0?e.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"").replace(/ /g,""):e};function ce(e,t){var n=t||"html",a=e;return n||(n="html"),"html"==n&&(a=function(e){var t,n,a,l,i,s=e,m="";t=o(s,"&lt;!--","--&gt;",c,"W3HTMLCOMMENTPOS"),s=t.rest;for(;s.indexOf("&lt;")>-1;)l="",n=s.indexOf("&lt;"),"&LT;STYLE"==s.substr(n,9).toUpperCase()&&(l="css"),"&LT;SCRIPT"==s.substr(n,10).toUpperCase()&&(l="javascript"),-1==(a=s.indexOf("&gt;",n))&&(a=s.length),m+=s.substring(0,n),m+=r(s.substring(n,a+4)),s=s.substr(a+4),"css"==l&&(a=s.indexOf("&lt;/style&gt;"))>-1&&(m+=d(s.substring(0,a)),s=s.substr(a)),"javascript"==l&&(a=s.indexOf("&lt;/script&gt;"))>-1&&(m+=p(s.substring(0,a)),s=s.substr(a));for(s=m+s,i=0;i<t.arr.length;i++)s=s.replace("W3HTMLCOMMENTPOS",t.arr[i]);return s}(a)),"css"==n&&(a=d(a)),"js"==n&&(a=p(a)),a;function o(e,t,n,a,o){for(var r,l,i="",c=[];e.search(t)>-1;)r=e.search(t),-1==(l=e.indexOf(n,r))&&(l=e.length),o?(c.push(a(e.substring(r,l+n.length))),e=e.substring(0,r)+o+e.substr(l+n.length)):(i+=e.substring(0,r),i+=a(e.substring(r,l+n.length)),e=e.substr(l+n.length));return{rest:i+e,arr:c}}function r(e){for(var t,n,a,o=e,r="";o.search(/(\s|<br>)/)>-1;)t=o.search(/(\s|<br>)/),-1==(n=o.indexOf("&gt;"))&&(n=o.length),r+=o.substring(0,t),r+=l(o.substring(t,n)),o=o.substr(n);return"&gt;"==(a="<span style=color:grey>&lt;</span>"+(a=r+o).substring(4)).substr(a.length-4,4)&&(a=a.substring(0,a.length-4)+"<span style=color:grey>&gt;</span>"),"<span style=color:#a10d5f>"+a+"</span>"}function l(e){for(var t,n,a,o,r,l=e,c="";l.indexOf("=")>-1;)n=-1,t=l.indexOf("="),a=l.indexOf("'",t),o=l.indexOf('"',t),(r=l.indexOf(" ",t+2))>-1&&(r<a||-1==a)&&(r<o||-1==o)?n=l.indexOf(" ",t):o>-1&&(o<a||-1==a)&&(o<r||-1==r)?n=l.indexOf('"',l.indexOf('"',t)+1):a>-1&&(a<o||-1==o)&&(a<r||-1==r)&&(n=l.indexOf("'",l.indexOf("'",t)+1)),(!n||-1==n||n<t)&&(n=l.length),c+=l.substring(0,t),c+=i(l.substring(t,n+1)),l=l.substr(n+1);return"<span style=color:green>"+c+l+"</span>"}function i(e){return"<span style=color:#1c8a9c>"+e+"</span>"}function c(e){return"<span style=color:green>"+e+"</span>"}function d(e){var t,n,a,r,l,i,d,m=e,u="";for(m=(a=o(m,/\/\*/,"*/",c,"W3CSSCOMMENTPOS")).rest;m.search("{")>-1;){for(t=m.search("{"),l=m.substr(t+1),d=1,i=0,r=0;r<l.length&&("{"==l.substr(r,1)&&(d++,i++),"}"==l.substr(r,1)&&d--,0!=d);r++);for(0!=d&&(i=0),n=t,r=0;r<=i;r++)n=m.indexOf("}",n+1);-1==n&&(n=m.length),u+=m.substring(0,t+1),u+=s(m.substring(t+1,n)),m=m.substr(n)}for(m=(m=(m=u+m).replace(/{/g,"<span style=color:grey>{</span>")).replace(/}/g,"<span style=color:grey>}</span>"),r=0;r<a.arr.length;r++)m=m.replace("W3CSSCOMMENTPOS",a.arr[r]);return"<span style=color:green>"+m+"</span>"}function s(e){var t,n,a,o,r=e,l="";if(r.indexOf("{")>-1)return d(r);for(;r.search(":")>-1;){for(o=!0,a=t=r.search(":");1==o;)o=!1,n=r.indexOf(";",a),"&nbsp;"==r.substring(n-5,n+1)&&(o=!0,a=n+1);-1==n&&(n=r.length),l+=r.substring(0,t),l+=m(r.substring(t,n+1)),r=r.substr(n+1)}return"<span style=color:#a10d5f>"+l+r+"</span>"}function m(e){var t,n=e,a="";for(n="<span style=color:grey>:</span>"+n.substring(1);n.search(/!important/i)>-1;)t=n.search(/!important/i),a+=n.substring(0,t),a+=u(n.substring(t,t+10)),n=n.substr(t+10);var o=a+n;return";"==o.substr(o.length-1,1)&&"&nbsp;"!=o.substr(o.length-6,6)&&"&lt;"!=o.substr(o.length-4,4)&&"&gt;"!=o.substr(o.length-4,4)&&"&amp;"!=o.substr(o.length-5,5)&&(o=o.substring(0,o.length-1)+"<span style=color:grey>;</span>"),"<span style=color:black>"+o+"</span>"}function u(e){return"<span style=color:red;font-weight:bold;>"+e+"</span>"}function p(e){var t,n,a,o,r,l,i,d,s,m,u=e,p="",y=[],I="";for(t=0;t<u.length;t++)"\\"==(n=u.substr(t,1))&&(y.push(u.substr(t,2)),n="W3JSESCAPE",t++),I+=n;for(u=I,1;a=E(u,"'","'",g),o=E(u,'"','"',g),r=E(u,/\/\*/,"*/",c),l=E(u,/\/\//,"<br>",c),d=O(u,b),i=w("js",u,h),m=v(u,f),-1!=Math.max(d[0],a[0],o[0],r[0],l[0],i[0],m[0])&&-1!=(s=x(d,a,o,r,l,i,m))[0];)s[0]>-1&&(p+=u.substring(0,s[0]),p+=s[2](u.substring(s[0],s[1])),u=u.substr(s[1]));for(u=p+u,t=0;t<y.length;t++)u=u.replace("W3JSESCAPE",y[t]);return"<span style=color:black>"+u+"</span>"}function g(e){return"<span style=color:brown>"+e+"</span>"}function h(e){return"<span style=color:mediumblue>"+e+"</span>"}function b(e){return"<span style=color:red>"+e+"</span>"}function f(e){return"<span style=color:black>"+e+"</span>"}function v(e,t){var n,a,o,r,l=[".","<"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%"];if((r=e.indexOf("."))>-1)for(n=e.substr(r+1),o=0;o<n.length;o++){var i=n[o];for(a=0;a<l.length;a++)if(i.indexOf(l[a])>-1)return[r+1,o+r+1,t]}return[-1,-1,t]}function x(e,t,n,a,o,r,l){var i,c=[];for(i=0;i<arguments.length;i++)arguments[i][0]>-1&&(0==c.length||arguments[i][0]<c[0])&&(c=arguments[i]);return 0==c.length&&(c=arguments[i]),c}function w(e,t,n){var a,o,r,l,i=-1,c=-1;for("js"==e&&(l=["abstract","arguments","boolean","break","byte","case","catch","char","class","const","continue","debugger","default","delete","do","double","else","enum","eval","export","extends","false","final","finally","float","for","function","goto","if","implements","import","in","instanceof","int","interface","let","long","NaN","native","new","null","package","private","protected","public","return","short","static","super","switch","synchronized","this","throw","throws","transient","true","try","typeof","var","void","volatile","while","with","yield"]),a=0;a<l.length;a++)(o=t.indexOf(l[a]))>-1&&(r=/\W/g,t.substr(o+l[a].length,1).match(r)&&t.substr(o-1,1).match(r)&&o>-1&&(-1==i||o<i)&&(c=(i=o)+l[a].length));return[i,c,n]}function E(e,t,n,a){var o,r;return o=e.search(t),-1==(r=e.indexOf(n,o+n.length))&&(r=e.length),[o,r+n.length,a]}function O(e,t){var n,a,o,r,l,i=["<br>"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%","="],c=0;for(n=0;n<e.length;n++)for(a=0;a<i.length;a++)if((o=e.substr(n,i[a].length))==i[a]){if("-"==o&&("e"==e.substr(n-1,1)||"E"==e.substr(n-1,1)))continue;if(c<(r=n)&&(l=e.substring(c,r),!isNaN(l)))return[c,r,t];c=n+=i[a].length,n-=1;break}return[-1,-1,t]}}var de=function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},se=function(){return getComputedStyle(document.body).getPropertyValue("--asset-path").trim()},me=function(){return getComputedStyle(document.body).getPropertyValue("--accent").trim()},ue=function(e){if("string"===typeof e){var t=e;return t=(t=t.replace(/\\/g,"\\\\")).replace(/"/g,'\\"')}return e},pe=function(e){return Math.floor(Math.random()*e)+1},ge=["January","February","March","April","May","June","July","August","September","October","November","December"],he=function(e){var t=new Date(e);if("Invalid Date"==t.toString())return e;var n=t.getFullYear(),a=t.getMonth(),o=(t.getDate()+"").padStart(2,"0");return"".concat(ge[a].slice(0,3)," ").concat(o,", ").concat(n)}},10:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-1pdbosk-0"})(["box-sizing:border-box;width:100%;margin:0 auto;padding:",";max-width:",";"],(function(e){return e.padding?"0 var(--grid-margin);":0}),(function(e){e.maxWidth;return"calc(var(--container-max-width)px + var(--grid-margin) + var(--grid-margin));"})),l=function(e){var t=e.className,n=e.children,a=e.maxWidth,l=void 0===a?1520:a,i=e.padding,c=void 0===i||i;return o.a.createElement(r,{className:t,maxWidth:l,padding:c},n)};t.b=l},11:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(3),o=n(0),r=n.n(o),l=n(5).default.div.withConfig({displayName:"styles__View",componentId:"q1njqe-0"})([".form-grey{background-color:var(--bg-alt);border-color:transparent;border-bottom-color:var(--black);}.help-icon{width:15px;margin-left:10px;margin-bottom:2px;}.help-icon:hover{cursor:pointer;}.right-icon,.show-password{display:flex;align-items:center;position:absolute;right:10px;height:100%;}.show-password{cursor:pointer;}.help-text{font-size:0.8rem;&--top{margin-bottom:5px;margin-top:-5px;}&--bottom{margin-bottom:0;margin-top:5px;}}.sub-label{font-weight:var(--font-weight-regular);display:block;}.error{line-height:18px;}.input-wrapper{width:100%;}input.has-right-icon{padding-right:35px;}"]),i=n(1),c=function(e){var t=e.label,n=void 0===t?"":t,c=e.isAsterisks,d=void 0===c||c,s=e.required,m=void 0===s||s,u=e.inputType,p=void 0===u?"text":u,g=e.placeholder,h=void 0===g?"":g,b=e.errorMsg,f=void 0===b?"":b,v=e.className,x=void 0===v?"":v,w=e.maxlength,E=void 0===w?0:w,O=e.prefix,y=void 0===O?"":O,I=e.subLabel,N=void 0===I?"":I,j=e.name,S=void 0===j?"":j,k=e.onBlur,A=void 0===k?function(){}:k,P=e.onChange,U=void 0===P?function(){}:P,D=e.onFocus,C=void 0===D?function(){}:D,L=e.textClassName,R=void 0===L?"":L,M=e.min,z=void 0===M?0:M,T=e.max,H=e.labelclassName,W=e.value,q=e.disabled,Z=void 0!==q&&q,_=e.pattern,F=void 0===_?"":_,B=e.onKeyDown,V=void 0===B?function(){}:B,J=e.onKeyUp,G=void 0===J?function(){}:J,Q=e.icon,$=void 0!==Q&&Q,K=e.enableShowPassword,X=void 0!==K&&K,Y=e.rightIcon,ee=void 0===Y?"":Y,te=e.helpText,ne=void 0===te?"":te,ae=e.helpTextPosition,oe=void 0===ae?"top":ae,re=e.step,le=Object(o.useState)(p),ie=Object(a.a)(le,2),ce=ie[0],de=ie[1];return r.a.createElement(l,null,r.a.createElement("div",{className:"".concat(x," ").concat(f?"error-msg":""," ")},r.a.createElement("label",{htmlFor:n?"".concat(Object(i.M)(n),"-id"):S?"".concat(S,"-id"):"input-id",className:H},m&&d&&r.a.createElement("span",{className:"required"},"*")," ",n,$&&r.a.createElement("img",{className:"help-icon",src:Object(i.E)().concat("app_question_help.png"),title:"Since 1951, we have been pioneers in garage door innovation."}),N&&r.a.createElement("span",{className:"sub-label body-text2"},N)),ne&&"top"===oe&&r.a.createElement("p",{className:"help-text help-text--top"},ne),r.a.createElement("span",{className:"flex-span position-relative align-items-center"},y&&y.length>0&&r.a.createElement("span",{className:"prefix"},y),r.a.createElement("input",{id:n?"".concat(Object(i.M)(n),"-id"):S?"".concat(S,"-id"):"input-id",type:ce,placeholder:h,maxLength:E,name:S,onBlur:A,onChange:U,onFocus:C,className:"".concat(R," ").concat(ee||X?"has-right-icon":""),min:z,onKeyDown:V,onKeyUp:G,value:W,disabled:Z,pattern:F||void 0,max:T,step:re,required:!!m}),ee&&r.a.createElement("span",{className:"right-icon"},r.a.createElement("img",{src:ee,alt:"Input Icon",height:"13px"})),"password"===p&&X&&r.a.createElement("span",{className:"show-password",onClick:function(){de("password"===ce?"text":"password")}},r.a.createElement("img",{src:"password"===ce?Object(i.E)().concat("eye.svg"):Object(i.E)().concat("eye-cross.svg"),alt:"Show Password"}))),ne&&"bottom"===oe&&r.a.createElement("p",{className:"help-text help-text--bottom"},ne),r.a.createElement("span",{className:"error"},f)))}},14:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(28),o=n(0),r=n.n(o),l=n(5),i=(n(41),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:var(--text-center);z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),c=n(33),d=n.n(c),s=n(1),m=function(e){return Object(a.a)(e),r.a.createElement(i,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(d.a,{type:"ThreeDots",color:Object(s.H)(),height:100,width:100}))))}},16:function(e,t,n){"use strict";n.d(t,"c",(function(){return l})),n.d(t,"b",(function(){return i})),n.d(t,"d",(function(){return c})),n.d(t,"e",(function(){return d})),n.d(t,"a",(function(){return s}));var a=n(15),o=n(7),r=n.n(o);function l(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"GET",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function i(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"DELETE",headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function c(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"POST",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function d(e){var t=localStorage.getItem("token");if(e)return r()({url:e.url,method:"PUT",data:e.data,headers:{Authorization:"Bearer "+t,"content-type":"application/json"}})}function s(e){return r()({url:e,method:"GET"})}r.a.interceptors.request.use((function(e){return!(window.location.pathname.indexOf(".html")>-1)&&Object(a.a)({},e)})),r.a.interceptors.response.use((function(e){return e.status,e.status,e.status,e}),(function(e){return window.location.pathname.indexOf("/dealer/")>-1&&401===e.response.status&&(localStorage.removeItem("user"),localStorage.removeItem("dealer"),localStorage.removeItem("expiry"),localStorage.removeItem("token"),document.cookie="usertype=null; max-age=0;secure",localStorage.removeItem("primaryRole"),sessionStorage.removeItem("amarrRoles"),localStorage.removeItem("dealerMagentoToken"),window.location.href=window.location.origin),Promise.reject(e)}))},17:function(e,t,n){"use strict";n.d(t,"d",(function(){return i})),n.d(t,"c",(function(){return c})),n.d(t,"b",(function(){return d})),n.d(t,"a",(function(){return s}));var a=n(7),o=n.n(a),r=n(40),l=function(){var e=localStorage.getItem("dealerMagentoToken");return"true"===localStorage.getItem("isHomeownerSite")&&(e=localStorage.getItem("homeownerMagentoToken")),"false"===localStorage.getItem("isHomeownerSite")&&"true"===localStorage.getItem("enableEcommerce")&&(e=localStorage.getItem("dealerMagentoToken")),e},i=function(){var e=l();if(e&&e.length>0){var t=Object(r.a)(e).exp;return!((new Date).getTime()>1e3*Number(t))}return!1};function c(e,t){if(t)return o()({url:e,method:"POST",headers:{"Content-type":"application/json",redirectOnTokenFailure:!1},data:JSON.stringify({query:t})})}function d(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=l();if(t)return o()({url:e,method:"POST",headers:{Authorization:"Bearer "+a,"Content-type":"application/json",redirectOnTokenFailure:n},data:JSON.stringify({query:t})})}function s(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=l();if(t)return o()({url:e,method:"POST",headers:{Authorization:"Bearer "+a,"Content-type":"application/json",redirectOnTokenFailure:n},data:JSON.stringify({query:t})})}o.a.interceptors.response.use((function(e){var t,n,a,o,r,l,i;return(null===(t=e.data)||void 0===t||null===(n=t.data)||void 0===n||null===(a=n.errors)||void 0===a?void 0:a.length)>0||(null===(o=e.data)||void 0===o||null===(r=o.errors)||void 0===r?void 0:r.length)?Promise.reject(e):("The current customer isn't authorized."===(null===e||void 0===e||null===(l=e.data)||void 0===l||null===(i=l.errors)||void 0===i?void 0:i.message)&&(window.location.href=window.location.origin,localStorage.removeItem("homeownerMagentoToken"),localStorage.removeItem("username"),localStorage.removeItem("email"),localStorage.removeItem("dealerMagentoToken")),e)}),(function(e){return Promise.reject(e)})),o.a.interceptors.request.use((function(e){var t=localStorage.getItem("erp-dealer-id")||"";if("true"===localStorage.getItem("isHomeownerSite")&&(t=localStorage.getItem("erp-dealer-id")||""),"false"===localStorage.getItem("isHomeownerSite")&&"true"===localStorage.getItem("enableEcommerce")){var n=localStorage.getItem("dealer"),a=JSON.parse(n);t=Number(a.accountNumber)+""}var o=localStorage.getItem("store"),i="true"===localStorage.getItem("enableLogoutRedirection");if(t&&(e.headers.common["erp-dealer-id"]=t),o&&(e.headers.common.store=o),e.headers.redirectOnTokenFailure&&i){var c=l();if(c&&c.length>0){var d=Object(r.a)(c).exp;(new Date).getTime()>1e3*Number(d)&&(window.location.href=window.location.origin,localStorage.removeItem("homeownerMagentoToken"),localStorage.removeItem("username"),localStorage.removeItem("email"),localStorage.removeItem("dealerMagentoToken"))}else window.location.href=window.location.origin,localStorage.removeItem("homeownerMagentoToken"),localStorage.removeItem("username"),localStorage.removeItem("email"),localStorage.removeItem("dealerMagentoToken")}return delete e.headers.redirectOnTokenFailure,e}))},18:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"g1x5bu-0"})(["select{appearance:none;}.flex-span{position:relative;}.select-dropdown{&-icon{width:16px;height:16px;position:absolute;right:12px;top:34%;transform:rotate(87deg);pointer-events:none;}}"]),l=n(1),i=n(39),c=function(e){var t=e.label,n=void 0===t?"":t,a=e.required,c=void 0===a||a,d=e.isAsterisks,s=void 0===d||d,m=e.options,u=void 0===m?[{text:"",value:""}]:m,p=e.placeholder,g=void 0===p?"":p,h=e.errorMsg,b=void 0===h?"":h,f=e.className,v=void 0===f?"":f,x=e.prefix,w=void 0===x?"":x,E=e.name,O=void 0===E?"":E,y=e.selectClassName,I=void 0===y?"":y,N=e.onChange,j=void 0===N?function(){}:N,S=e.hasPopup,k=void 0!==S&&S,A=e.popupLinkText,P=void 0===A?"":A,U=e.popupText,D=void 0===U?"text":U,C=e.reset,L=void 0!==C&&C,R=e.disabled,M=void 0!==R&&R;return o.a.createElement(r,null,o.a.createElement("div",{className:v},o.a.createElement("label",{htmlFor:"".concat(n?Object(l.M)(n):O,"-id")},c&&s&&o.a.createElement("span",{className:"required"},"*")," ",n,k&&o.a.createElement("a",{className:"popup-link","data-toggle":"modal","data-target":"#info-popup-".concat(O)},P&&o.a.createElement(o.a.Fragment,null,P),!P&&o.a.createElement("img",{loading:"lazy",className:"ml-2",src:Object(l.E)().concat("ic-info.svg"),alt:"info icon"}))),o.a.createElement("span",{className:"flex-span"},w&&w.length>0&&o.a.createElement("span",{className:"prefix"},w),o.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:Object(l.E)().concat("ic-arrow-right-dark.svg")}),o.a.createElement("select",{className:I,id:"".concat(n?Object(l.M)(n):O,"-id"),onChange:j,name:O,disabled:M},g&&(L?o.a.createElement("option",{value:"",selected:!0},g):o.a.createElement("option",{value:""},g)),u&&u.length>0&&u.map((function(e,t){return o.a.createElement("option",{key:t,value:e.value},e.text)})))),o.a.createElement("span",{className:"error"},b)),k&&o.a.createElement(i.a,{name:O,heading:P||n,text:D}))}},2:function(e,t,n){"use strict";n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return o}));var a={mobileAndUpMin:128,mobileAndUp:320,smallMobileAndUp:375,largeMobileAndUp:426,tabletPortraitUp:606,largeMobileAndUp2:576,tabletPortraitAndUp:768,tabletPortraitAndUp2:835,tabletLandscapeAndUp:992,desktopAndUp:1024,smallDesktopAndUp1:1100,smallDesktopAndUp:1200,smallDesktopAndUp2:1280,smallDesktopAndUp3:1300,smallDesktopAndUp4:1150,mediumDesktopAndUp:1400,mediumDesktopAndUp2:1600,mediumDesktopAndUp3:1680,mediumDesktopAndUp4:1440,mediumDesktopAndUp5:1520,largeDesktop:1800,maxWidthAndUp:1900,wrapperMaxWidth:1920,extraLarge:2560},o={mobileAndUpMin:"(min-width: ".concat(a.mobileAndUpMin,"px)"),mobileAndUp:"(min-width: ".concat(a.mobileAndUp,"px)"),mobile1AndUp:"(max-width: ".concat(a.mobileAndUp-20,"px)"),mobileMax:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),smallMobileAndUp:"(min-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileMax:"(max-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileAndUpMax:"(max-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMin:"(min-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMax2:"(max-width: ".concat(a.smallMobileAndUp+5,"px)"),largeMobileAndUp:"(min-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax:"(max-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax2:"(max-width: ".concat(a.largeMobileAndUp-2,"px)"),largeMobileAndUpMax3:"(max-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUpMin:"(min-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUp2:"(min-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max:"(max-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max2:"(max-width: ".concat(a.tabletPortraitUp+34,"px)"),largeMobileMin:"(min-width: ".concat(a.tabletPortraitAndUp+1,"px)"),tabletPortraitUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitUp2:"(min-width: ".concat(a.tabletPortraitAndUp+16,"px)"),tabletPortraitUpMax1:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),tabletPortraitAndUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax:"(max-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax2:"(max-width: ".concat(a.tabletPortraitAndUp+4,"px)"),tabletPortraitAndUpMax3:"(max-width: ".concat(a.tabletPortraitAndUp-12,"px)"),tabletPortraitAndUp2:"(min-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max:"(max-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max2:"(max-width: ".concat(a.tabletPortraitAndUp2-1,"px)"),tabletPortraitMax:"(max-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMin:"(min-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMax2:"(max-width: ".concat(a.tabletLandscapeAndUp-2,"px)"),tabletLandscapeAndUp:"(min-width: ".concat(a.tabletLandscapeAndUp,"px)"),tabletLandscapeAndUpMax:"(max-width: ".concat(a.tabletLandscapeAndUp,"px)"),desktopAndUp:"(min-width: ".concat(a.desktopAndUp,"px)"),desktopAndUpMax:"(max-width: ".concat(a.desktopAndUp,"px)"),desktopMin:"(min-width: ".concat(a.desktopAndUp+1,"px)"),desktopMax2:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop2Max:"(max-width: ".concat(a.desktopAndUp-1,"px)"),desktopMin2:"(min-width: ".concat(a.desktopAndUp+2,"px)"),desktopMin1:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop1Min:"(min-width: ".concat(a.desktopMin1+1,"px)"),desktop2Min:"(min-width: ".concat(a.desktopAndUp-1,"px)"),desktopMax:"(max-width: ".concat(a.smallDesktopAndUp-1,"px)"),smallDesktopAndUp1:"(min-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp1Max:"(max-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp:"(min-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktopAndUpMax:"(max-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktop2Min:"(min-width: ".concat(a.smallDesktopAndUp+1,"px)"),smallDesktopAndUp2:"(min-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp2Max:"(max-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp3:"(min-width: ".concat(a.smallDesktopAndUp3,"px)"),smallDesktopAndUp4:"(max-width: ".concat(a.smallDesktopAndUp4,"px)"),smallDesktopAndUp3Max:"(max-width: ".concat(a.smallDesktopAndUp3,"px)"),mediumDesktopMin:"(min-width: ".concat(a.smallDesktopAndUp2+1,"px)"),mediumDesktopMin2:"(min-width: ".concat(a.mediumDesktopAndUp+1,"px)"),mediumDesktopAndUp:"(min-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUpMax:"(max-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUp2:"(min-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp2Max:"(max-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp3:"(min-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp3Max:"(max-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp4:"(min-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp4Min:"(min-width: ".concat(a.mediumDesktopAndUp4+1,"px)"),mediumDesktopAndUp4Max:"(max-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp5:"(min-width: ".concat(a.mediumDesktopAndUp5,"px)"),mediumDesktopAndUp5Max:"(max-width: ".concat(a.mediumDesktopAndUp5-1,"px)"),largeDesktopMax:"(min-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMax2:"(max-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMin:"(min-width: ".concat(a.mediumDesktopAndUp3+1,"px)"),largeDesktop:"(min-width: ".concat(a.largeDesktop,"px)"),maxWidthAndUp:"(min-width: ".concat(a.maxWidthAndUp,"px)"),maxWidthAndUpMax:"(max-width: ".concat(a.maxWidthAndUp,"px)"),wrapperMaxWidth:"(min-width: ".concat(a.wrapperMaxWidth,"px)"),wrapperMaxWidthMax:"(max-width: ".concat(a.wrapperMaxWidth-1,"px)"),wrapperMaxWidth2:"(min-width: ".concat(a.wrapperMaxWidth+1,"px)"),largeMobile460:"(max-width: ".concat(a.largeMobileAndUp-6,"px)"),minWidth1901:"(min-width: ".concat(a.maxWidthAndUp+1,"px)"),extraLargeMax:"(max-width: ".concat(a.extraLarge,"px)"),extraLargeMin:"(min-width: ".concat(a.extraLarge,"px)")}},20:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(0),o=n.n(a),r=n(44),l=n(5),i=n(2),c=l.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:100% !important;}@media screen and "," and ","{max-width:430px !important;}&-centered{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}}&-content{padding:30px;@media ","{min-width:350px;}@media ","{min-width:90%;max-width:90%;}}&-header,&-body,&-footer{padding:0;&__text{overflow:hidden;text-overflow:ellipsis;> *{overflow:hidden;text-overflow:ellipsis;}}}&-header{border-bottom:none;.close{padding:0;margin:0;position:absolute;right:22px;top:15px;}}&-footer{border-top:none;button{min-width:100px;}}}}"],i.b.mobileMax,i.b.tabletPortraitAndUp,i.b.desktopAndUpMax,i.b.tabletPortraitAndUp,i.b.largeMobileAndUp),d=n(6),s=n(1),m=function(e){var t=e.buttonText,n=void 0===t?"ok":t,a=e.text,l=void 0===a?"some message here.":a,i=e.name,m=void 0===i?"":i,u=e.type,p=void 0===u?"success":u,g=e.reloadPopup,h=e.onClose,b=void 0===h?null:h,f=function(){setTimeout((function(){document.getElementById("parent-modal")&&(document.getElementById("parent-modal").style.display="none");"function"===typeof b&&b()}),500),g&&!0===g&&window.location.reload()};return o.a.useEffect((function(){return $("#msg-popup-".concat(m)).on("hidden.bs.modal",(function(){f()})),function(){$("#msg-popup-".concat(m)).off("hidden.bs.modal")}}),[]),o.a.createElement(c,null,o.a.createElement("div",{className:"modal fade alert-popup",id:"msg-popup-".concat(m),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"===p?o.a.createElement("img",{loading:"lazy",src:Object(s.E)().concat("ic-confirm-green.svg"),alt:"Tick icon"}):o.a.createElement("img",{loading:"lazy",src:Object(s.E)().concat("ic-error-red.svg"),alt:"Cross icon"}),o.a.createElement("div",{className:"my-4 modal-body__text",dangerouslySetInnerHTML:{__html:Object(r.sanitize)(l)}})),o.a.createElement("div",{className:"modal-footer justify-content-center"},o.a.createElement("a",{href:"#","data-dismiss":"modal"},o.a.createElement(d.a,{label:n,onClick:f})))))))}},32:function(e,t){e.exports=ReactDOM},329:function(e,t){},330:function(e,t){},39:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"sc-28t0ak-0"})([".modal{&-content{border-radius:var(--border-radius);box-shadow:0 4px 12px 0 rgb(0 0 0 / 20%);}&-dialog{&-centered{display:flex;align-items:center;height:100%;margin-top:0;margin-bottom:0;}}}"]),l=n(6),i=function(e){var t=e.heading,n=e.text,a=void 0===n?"":n,i=e.name,c=void 0===i?"":i,d=e.requiredDismissButton,s=void 0!==d&&d,m=e.dismissText,u=void 0===m?"":m;return o.a.createElement(r,null,o.a.createElement("div",{className:"modal fade",id:"info-popup-".concat(c),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"},t&&o.a.createElement("h4",{className:"mb-3"},t),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 mb-3"},o.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:a}})),s&&o.a.createElement("div",{className:"modal-footer justify-content-between"},o.a.createElement(l.a,{label:u,"data-dismiss":"modal"}))))))}},46:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"ssxsm2-0"})([".help-icon{width:15px;margin-left:10px;margin-bottom:2px;}.help-icon:hover{cursor:pointer;}"]),l=n(1),i=function(e){var t=e.label,n=void 0===t?"":t,a=e.required,i=void 0===a||a,c=e.options,d=void 0===c?[{text:"Radio",value:"Radio",minValue:0,maxValue:0}]:c,s=e.errorMsg,m=void 0===s?"":s,u=e.name,p=void 0===u?"":u,g=e.className,h=void 0===g?"":g,b=e.onChange,f=void 0===b?function(){}:b,v=e.changedValue,x=void 0===v?void 0:v,w=e.checked,E=void 0===w?void 0:w,O=e.icon,y=void 0===O?void 0:O;return o.a.createElement(r,null,void 0===x&&o.a.createElement("div",null,o.a.createElement("label",null,i&&o.a.createElement("span",{className:"required"},"*")," ",n),d&&d.length>0&&d.map((function(e,t){return o.a.createElement("div",{className:"radio-wrapper ".concat(h),key:t},o.a.createElement("input",{required:i,type:"radio",name:p||"radio-group-".concat(n),value:e.value||e.minValue+"-"+e.maxValue,onChange:f,id:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t)}),o.a.createElement("label",{htmlFor:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t)},e.text))})),o.a.createElement("span",{className:"error"},m)),void 0!=x&&o.a.createElement("div",null,o.a.createElement("label",null,i&&o.a.createElement("span",{className:"required"},"*")," ",n,y&&o.a.createElement("img",{className:"help-icon",src:Object(l.E)().concat("app_question_help.png"),title:"Since 1951, we have been pioneers in garage door innovation."})),d&&d.length>0&&d.map((function(e,t){return o.a.createElement("div",{className:"radio-wrapper ".concat(h),key:t},o.a.createElement("input",{required:i,type:"radio",name:p||"radio-group-".concat(n),value:e.value||e.minValue+"-"+e.maxValue,onChange:f,id:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t),checked:E||x===e.value}),o.a.createElement("label",{htmlFor:n?"".concat(Object(l.M)(n),"-id-").concat(t):"radio-".concat(t)},e.text))})),o.a.createElement("span",{className:"error"},m)))}},498:function(e,t,n){"use strict";n.r(t);var a=n(22),o=n(89);t.default=a.a.create({component:o.a,configuration:{tagname:"amarr-door-designer",useShadow:!1},plugins:[]})},55:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),o=n.n(a),r=n(5).default.div.withConfig({displayName:"styles__View",componentId:"qfn3bf-0"})([".form-grey{background-color:var(--bg-alt);border-color:transparent;border-bottom-color:var(--black);}"]),l=n(1),i=function(e){var t=e.label,n=void 0===t?"":t,a=e.required,i=void 0===a||a,c=e.placeholder,d=void 0===c?"":c,s=e.errorMsg,m=void 0===s?"":s,u=e.maxlength,p=void 0===u?0:u,g=e.onChange,h=void 0===g?function(){}:g,b=e.name,f=void 0===b?"":b,v=e.textAreaClassName,x=void 0===v?"":v;return o.a.createElement(r,null,o.a.createElement("div",null,o.a.createElement("label",{htmlFor:"".concat(Object(l.M)(n),"-id")},i&&o.a.createElement("span",{className:"required"},"*")," ",n),o.a.createElement("textarea",{id:"".concat(Object(l.M)(n),"-id"),className:x,rows:4,cols:50,placeholder:d,maxLength:p,name:f,onChange:h}),o.a.createElement("p",{className:"error"},m)))}},6:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(31),o=n(0),r=n.n(o),l=n(5),i=n(2),c=l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),d=l.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(["font-size:var(--font-size-s1);font-family:var(--font-family-body);font-weight:var(--font-weight-semi-bold);font-stretch:var(--font-normal);font-style:var(--font-normal);line-height:1.5;letter-spacing:var(--font-normal);text-align:var(--text-center);color:var(--bg-main);padding:12px 19px 12px 20px;border-radius:var(--border-radius);background-color:var(--accent);box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:var(--accent-hover);color:var(--bg-main);}&:focus{transform:scale(1);box-shadow:none !important;background-color:var(--accent-focus);}&:active{background-color:var(--accent-active) !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:var(--text-color);background:var(--accent-inverse);&:hover{background:var(--accent-inverse-hover);}&:focus{background:var(--accent-inverse-focus);border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:var(--accent-inverse-active) !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media ","{font-size:var(--font-size-m1);}.button-icon{vertical-align:top;padding-right:8px;}"],i.b.smallDesktop2Min),s=n(30),m=n(29),u=function(e){var t=e.label,n=void 0===t?"label":t,o=e.classStyle,l=void 0===o?"default":o,i=e.link,u=void 0!==i&&i,p=e.disabled,g=void 0!==p&&p,h=e.datatoggle,b=void 0===h?"":h,f=e.datatarget,v=void 0===f?"":f,x=e.linkHref,w=e.target,E=void 0===w?"_self":w,O=e.downloadLink,y=void 0!==O&&O,I=e.inverse,N=void 0!==I&&I,j=e.icon,S=void 0===j?"":j,k=e.iconAlt,A=void 0===k?"":k,P=e.dataItemName,U=void 0===P?"":P,D=e.id,C=void 0===D?"":D,L=e.type,R=void 0===L?"button":L,M=e.showDisabledMessage,z=void 0===M?"":M,T=e.ariaLabel,H=void 0===T?"":T,W=e.tabIndex,q=void 0===W?-1:W,Z=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage","ariaLabel","tabIndex"]);return r.a.createElement(c,null,r.a.createElement("div",{className:"".concat(g&&z&&"disabled-button-parent")},u?r.a.createElement("a",{href:x,download:y,target:E,"data-item-name":U,id:C,"aria-label":H},r.a.createElement(d,Object.assign({disabled:g,classStyle:"".concat(l)},Z,{type:R,className:N?"btn-inverse btn btn-success":"btn btn-success",tabIndex:q}),""!=S?r.a.createElement("div",{"data-toggle":b,"data-target":v},r.a.createElement("img",{loading:"lazy",className:"button-icon",src:S,alt:A}),r.a.createElement("span",null,n)):r.a.createElement("span",null,n))):r.a.createElement(d,Object.assign({disabled:g,classStyle:l,className:N?"btn-inverse btn btn-success":"btn btn-success",id:C,"data-item-name":U,type:R,"data-toggle":b,"data-target":v},Z),r.a.createElement("span",null,n)),g&&z&&r.a.createElement(s.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(m.a,{id:"button-tooltip"},r.a.createElement("div",{className:"p-1 amarr-h6"},z))},r.a.createElement("div",{className:"disabled-button-overlay"}))))}},63:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(28),o=n(0),r=n.n(o),l=n(5),i=(n(41),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:var(--text-center);div{align-items:var(--text-center);}}"])),c=n(33),d=n.n(c),s=n(1),m=function(e){return Object(a.a)(e),r.a.createElement(i,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(d.a,{type:"Oval",color:Object(s.H)(),height:100,width:100}))))}},8:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(5),o=n(0),r=n.n(o),l=function(e){var t=e.setter,n=t.componentThemes,o=t.selectedTheme;return r.a.createElement(a.ThemeProvider,{theme:function(){if(!o)return n.theme1;var e=o.match(/\d+/g).map(Number),t=Object.keys(n).find((function(t){return!(!Array.isArray(e)||1!==e.length)&&(t.includes(e[0])&&n[t])}));return t?n["".concat(t)]:n.theme1}},e.children)};t.b=l},89:function(e,t,n){"use strict";var a=n(3),o=n(0),r=n.n(o),l=n(1),i=n(36),c=n(6),d=n(7),s=n.n(d),m=n(202),u=n(14),p=[1,2,3,4],g=function(e){var t=e.doorSizeData,n=e.door,d=e.next,g=e.sampleHomeImagesCSV,h=e.doorOptionsAPIURL,b=e.imageRootPath,f=Object(o.useState)(1),v=Object(a.a)(f,2),x=v[0],w=v[1],E=Object(o.useState)([0]),O=Object(a.a)(E,2),y=O[0],I=O[1],N=Object(o.useState)([]),j=Object(a.a)(N,2),S=j[0],k=j[1],A=Object(o.useState)([]),P=Object(a.a)(A,2),U=P[0],D=P[1],C=Object(o.useState)([]),L=Object(a.a)(C,2),R=L[0],M=L[1],z=Object(o.useState)(!1),T=Object(a.a)(z,2),H=T[0],W=T[1],q=Object(o.useState)([{width:8,height:7}]),Z=Object(a.a)(q,2),_=Z[0],F=Z[1];Object(o.useEffect)((function(){F([{width:8,height:7},{width:8,height:7},{width:8,height:7},{width:8,height:7}]),J(),B(),l.v.subscribe((function(e){e&&(J(),I([0]),w(1),F([{width:8,height:7}]))})),l.u.subscribe((function(e){if(e&&e.length>0){var t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"",n=t.length>0?JSON.parse(t):[{width:8,height:7}];F(n)}})),Object(l.F)().subscribe((function(e){W(e)})),l.x.subscribe((function(e){if(!0===e){if(window.location.search){var t,n=new URLSearchParams(window.location.search),o=Object(i.a)(n);try{for(o.s();!(t=o.n()).done;){var r=Object(a.a)(t.value,2),c=r[0];r[1];if("collection"===c||"window"===c||"panel"===c||"color"===c){var d=[{width:8,height:7}];d.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(d))}}}catch(s){o.e(s)}finally{o.f()}}l.x.next(!1)}})),V()}),[]);var B=function(){Object(l.b)(),s.a.get(g).then((function(e){var t=[],n=Object(m.a)(e.data).data,a=[];n.forEach((function(e){a.push(b+"DoorApp/homes/"+e[0])}));for(var o=0;o<n.length;o++){var r={index:o,images:[b+"homes/"+n[o][0]]},i=!1,c=!1;r.doors=[];for(var d=1;d<n[o].length;d+=9)r.doors.push({type:n[o][d].trim(),positions:n[o].slice(d+1,d+9)}),"s"==n[o][d].trim()&&(i=!0),"d"==n[o][d].trim()&&(c=!0),r.type=c&&i?"m":i?"s":"d",t.push(r)}localStorage.setItem("points",JSON.stringify(t)),M(a),localStorage.setItem("gallery",JSON.stringify(a)),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},V=function(){var e=$(".no-garage-doors .door-box");$(e).each((function(e,t){$(this).on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode||this.click()}))}))},J=function(){s.a.post(h,{names:["width","height"],hints:{}},{headers:{"content-type":"application/json"}}).then((function(e){k(e.data.options.height),D(e.data.options.width)}))},G=function(e){!function(e){I([0]);var t=[];w(e+1);for(var n=0;n<=e;n++)t.push(n);I(t)}(e);for(var t=_,n=0;n<=e;n++)null!==t[e]&&void 0!==t[e]||t.push({width:8,height:7});F(t)};return r.a.createElement("div",{className:"door-size-content"},H&&r.a.createElement(u.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),p.map((function(e,t){return r.a.createElement("div",{className:"door-box amarr-h6 ".concat(x===e?"selected":""),key:t,onClick:function(){return G(t)},role:"button",tabIndex:0},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,a){return r.a.createElement("div",{className:"row mx-0",key:a},r.a.createElement("div",{className:"col-12"},r.a.createElement("div",{className:"garage-door-size"},r.a.createElement("label",{htmlFor:"width-".concat(a)},n," ",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",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:Object(l.E)().concat("ic-arrow-right-dark.svg")}),r.a.createElement("select",{name:"width",id:"width-".concat(a),onChange:function(e){return function(e,t){var n=_;n[t].width=Number(e.target.value),F(n)}(e,a)}},U&&U.length>0&&U.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(_&&_[t]&&_[t].width)&&e.value===_[t].width},e.description," '")}))))),r.a.createElement("div",{className:"door-dimension-select door-height-select"},r.a.createElement("p",{className:"body-text3"},t.height.text),r.a.createElement("div",{className:"door-size-select-container"},r.a.createElement("img",{loading:"lazy",className:"select-dropdown-icon",alt:"dropdown icon",src:Object(l.E)().concat("ic-arrow-right-dark.svg")}),r.a.createElement("select",{name:"height",id:"height-".concat(a),onChange:function(e){return function(e,t){var n=_;n[t].height=Number(e.target.value),F(n)}(e,a)}},S&&S.length>0&&S.map((function(e,t){return r.a.createElement("option",{key:t,value:e.value,selected:!!(_&&_[t]&&_[t].height)&&e.value===_[t].height},e.description," '")}))))))))})),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 next-btn door-size"},r.a.createElement(c.a,{label:Object(l.i)(d),onClick:function(){var e,t=x-_.length;0!=t&&_.splice(t),_.forEach((function(e){e.width<=10?e.type="s":e.type="d"})),localStorage.setItem("door-size",JSON.stringify(_)),localStorage.setItem("gallery",JSON.stringify(R)),l.w.next(!0),null===(e=document.getElementById("home-image-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}}))))},h=n(27),b=n.n(h),f=n(35),v=n(56),x=n(59),w=n(61),E=new(function(e){Object(x.a)(n,e);var t=Object(w.a)(n);function n(){var e;return Object(v.a)(this,n),(e=t.call(this,"AmarrDB")).image=void 0,e.delete(),e.version(1).stores({image:"image",garageDoorPdf:"key",canvasImg:"key"}),e.open().catch((function(e){console.error(e.stack||e)})),e}return n}(n(80).a)),O=n(203),y=n.n(O),I=function(e){var t=e.homeImageData,n=e.next,d=e.back,m=e.doorCoordinatesAPIURL,p=Object(o.useState)(""),g=Object(a.a)(p,2),h=g[0],v=g[1],x=Object(o.useState)(!1),w=Object(a.a)(x,2),O=w[0],I=w[1],N=Object(o.useState)([]),j=Object(a.a)(N,2),S=j[0],k=j[1],A=Object(o.useState)(0),P=Object(a.a)(A,2),U=P[0],D=P[1],C=Object(o.useState)(t.uploadNoImageText.text),L=Object(a.a)(C,2),R=L[0],M=L[1],z=Object(o.useState)(!1),T=Object(a.a)(z,2),H=T[0],W=T[1],q=Object(o.useState)(!1),Z=Object(a.a)(q,2),_=Z[0],F=Z[1],B=Object(o.useState)(!1),V=Object(a.a)(B,2),J=V[0],G=V[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){G(e)})),W(!1),l.v.subscribe((function(e){e&&(W(!1),localStorage.setItem("image-type","chosen"),M(t.uploadNoImageText.text))})),l.w.subscribe((function(e){if(e&&(W(!1),Q(),localStorage.getItem("image-type")&&"uploaded"===localStorage.getItem("image-type"))){var t=localStorage.getItem("uploadedFileName")?localStorage.getItem("uploadedFileName"):"";M(t),E.table("image").toArray().then((function(e){e.length>0&&v(e[0].image)}))}})),l.L.subscribe((function(e){if(!0===e){if(W(!1),window.location.search){var t,n=new URLSearchParams(window.location.search),o=Object(i.a)(n);try{for(o.s();!(t=o.n()).done;){var r=Object(a.a)(t.value,2),c=r[0];r[1];"collection"!==c&&"window"!==c&&"panel"!==c&&"color"!==c&&"glass"!==c||(Q(),localStorage.setItem("image","https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg"),X({},"https://myonsite.amarr.com/DoorApp/homes/oneSingle.jpg",0))}}catch(d){o.e(d)}finally{o.f()}}l.L.next(!1)}}))}),[]);var Q=function(){if(localStorage.getItem("door-size")){var e=localStorage.getItem("door-size"),t=JSON.parse(e).length,n="";1===t?n+="one":2===t?n+="two":3===t?n+="three":4===t&&(n+="four");for(var a=JSON.parse(e)[0]?JSON.parse(e)[0].type:"",o=!0,r=0;r<t-1;r++)JSON.parse(e)[r].type!=JSON.parse(e)[r+1].type&&(o=!1);if(!0===o)"s"===a?n+="Single":"d"===a&&(n+="Double");else{if(2===t){var l="";"sd"!==(l=l+JSON.parse(e)[0].type+JSON.parse(e)[1].type)&&"ds"!==l||(n="other")}3===t&&(n="nope"),4===t&&(n="nope")}var i=[],c=localStorage.getItem("gallery");if(JSON.parse(c).forEach((function(e){e.indexOf(n)>-1&&i.push(e)})),k(i),localStorage.getItem("image-type")&&"chosen"===localStorage.getItem("image-type"))if(localStorage.getItem("selected-imageIndex")){var d=Number(localStorage.getItem("selected-imageIndex"));D(d),v(i[d]),X({},i[d],d),localStorage.setItem("image",i[d])}else D(0),v(i[0]),X({},i[0],0),localStorage.setItem("image",i[0])}},$=function(e){if(m){var t=new FormData;return t.set("formFiles",e,e.name),s.a.post(m,t)}},K=function(){var e=Object(f.a)(b.a.mark((function e(t){var n,a,o,r,i;return b.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.target.files[0]){e.next=26;break}if(E.table("image").clear(),localStorage.setItem("dimensions",""),localStorage.setItem("image-type","uploaded"),n=t.target.files[0].name,a=n.split(".").pop(),M(n),localStorage.setItem("uploadedFileName",n),"jpg"!==a.toLowerCase()&&"jpeg"!==a.toLowerCase()&&"png"!==a.toLowerCase()){e.next=24;break}if(I(!1),o=t.target.files[0].size,r=t.target.files[0],!(o<=5e6)){e.next=20;break}return F(!0),{maxSizeMB:5,maxWidthOrHeight:4e3,useWebWorker:!1},Object(l.b)(),e.next=18,new y.a(t.target.files[0],{quality:.6,convertSize:5e6,maxWidth:2e3,success:function(e){if(i=e,m){var t;null===(t=$(r))||void 0===t||t.then((function(e){var t,n,a;(Object(l.Z)(),F(!1),localStorage.setItem("door-coordinates",JSON.stringify(null===(t=e.data)||void 0===t?void 0:t.doors)),localStorage.setItem("uploaded-image-id",null===(n=e.data)||void 0===n?void 0:n.id),null===(a=e.data)||void 0===a?void 0:a.doors)&&e.data.doors.forEach((function(e,t){localStorage.setItem("updated-door_".concat(++t),JSON.stringify(e))}))}),(function(e){console.error(e),"function"===typeof window.ineum&&window.ineum("reportError","Error in Home Page",{componentStack:"DesignDoorHome",meta:{error:e}})})),I(!1);var n=new FileReader;n.addEventListener("load",(function(e){var t=new Image;t.src=e.target.result,v(e.target.result);new Promise((function(e,n){t.onload=function(){var n=t.naturalWidth,a=t.naturalHeight;localStorage.setItem("dimensions",n+","+a),e({width:n,height:a})},t.onerror=n}))})),n.readAsDataURL(i)}else F(!1),Object(l.Z)()},error:function(e){console.log(e.message)}});case 18:e.next=22;break;case 20:return I(!0),e.abrupt("return");case 22:e.next=26;break;case 24:return I(!0),e.abrupt("return");case 26:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),X=function(e,n,a){var o=new Image;o.src=n,o.onload=function(e){localStorage.setItem("dimensions",e.currentTarget.width+","+e.currentTarget.height)},localStorage.setItem("image",n),localStorage.setItem("image-type","chosen"),localStorage.setItem("selected-imageIndex",a.toString()),M(t.uploadNoImageText.text),D((function(){return U=a})),v(n)};return r.a.createElement("div",{className:"home-image-tab"},J&&r.a.createElement(u.a,null),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:K,title:"file-upload"}),r.a.createElement("label",{className:"body-text3"},t.uploadImage.text,r.a.createElement("p",{className:"file-name"}))),r.a.createElement("div",{className:"body-text3"},r.a.createElement("span",null,R))),O&&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,S&&S.length>0&&S.map((function(e,t){return r.a.createElement("span",{className:"gallery-image cursor-pointer",key:t},r.a.createElement("a",{onClick:function(n){return X(n,e,t)}},r.a.createElement("img",{loading:"lazy",src:e,alt:e.split("/")[e.split("/").length-1].split(".")[0],className:"".concat(t===U?"selected-item":"")})))})),0===S.length&&r.a.createElement("span",null,t.noSelectionImage.text))))),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",null,!0===H&&R===t.uploadNoImageText.text&&0===S.length&&r.a.createElement("span",{className:"error"},t.errorMessageNoImages.text)),r.a.createElement("div",{className:"button-grp col-12 pt-2 next-btn home-image px-0"},r.a.createElement("span",{className:"mr-3"},r.a.createElement(c.a,{label:Object(l.i)(d),inverse:!0,onClick:function(){var e,t=localStorage.getItem("door-size")?localStorage.getItem("door-size"):"";l.u.next(t),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}})),r.a.createElement("span",{className:"dimension-link"},r.a.createElement(c.a,{label:Object(l.i)(n),onClick:function(){if(E.table("image").clear(),W(!0),R===t.uploadNoImageText.text&&0===S.length)return!1;var e;h&&h.length>0?E.table("image").add({image:h}):S.length>0?E.table("image").add({image:S[0]}):E.table("image").add({image:""}),l.K.next(!0),null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)},disabled:_})))))},N=n(15),j=n(5),S=j.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;}}"]),k=n(198),A=function(e){var t=e.colorzoneData,n=(e.save,e.cancel,e.mainIndex),i=e.dropdownChange,c=void 0===i?function(e,t,n,a,o,r){}:i,d=e.colorZoneAPIURL,m=Object(o.useState)([]),u=Object(a.a)(m,2),p=u[0],g=u[1],h=Object(o.useState)(""),b=Object(a.a)(h,2),f=b[0],v=b[1],x=Object(o.useState)([]),w=Object(a.a)(x,2),E=w[0],O=w[1];Object(o.useEffect)((function(){l.p.subscribe((function(e){e&&y()}))}),[]);var y=function(){Object(l.b)(),s.a.get(d).then((function(e){var t=e.data,n=[];t.forEach((function(e,t){n.push({key:e[0],value:e[1],color:e[2],required:e[3]})})),g(n),O(n),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))};return r.a.createElement("div",{className:"modal fade",id:"color-zone-modal-".concat(n),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(v(e.target.value.toLowerCase()),f.length>0){var t=[];p.forEach((function(e){-1===e.key.indexOf(f)&&-1===e.value.toLowerCase().indexOf(f)||t.push(e)})),O(t)}else O(p)},onChange:function(e){v(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("$"),a=t[0],o=Object(k.k)("rgb("+t[1]+")").split("#")[1];c(n,"color","ColorZone",a,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}}))))},P=function(e){var t,n,i=e.mosaicData,d=e.ok,m=e.cancel,u=e.mainIndex,p=e.dropdownChange,g=void 0===p?function(e,t,n,a,o,r){}:p,h=e.doorHintsAPIURL,b=e.rulesAPIURL,f=e.doorImageRootPath,v={PanelWidths:{},SectionHeights:{}},x=null,w=f,E=Object(o.useState)(""),O=Object(a.a)(E,2),y=O[0],I=O[1],N=Object(o.useState)(),j=Object(a.a)(N,2),S=j[0],k=j[1],A=Object(o.useState)(),P=Object(a.a)(A,2),U=P[0],D=P[1],C=Object(o.useState)(),L=Object(a.a)(C,2),R=L[0],M=L[1],z=Object(o.useState)(!1),T=Object(a.a)(z,2),H=T[0],W=T[1];Object(o.useEffect)((function(){_()}),[]),Object(o.useEffect)((function(){l.R.subscribe((function(e){e&&setTimeout((function(){Z()}),1e3)})),l.Q.subscribe((function(e){e&&q()}))}),[]);var q=function(){I(""),M(void 0)},Z=function(){Object(l.b)(),W(!1);var e=localStorage.getItem("selected-design-door"),t=JSON.parse(e),a=Object(l.q)(t);s.a.post(h,a,{headers:{"content-type":"application/json"}}).then((function(e){Object(l.Z)(),n=B(e.data.inchheight,e.data.inchwidth,e.data.panelplacement),M(n),J(n,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=V(x);I(w+t);var a=e.data.panel;e.data.panelplacement;"Flush"!==a&&"Ribbed"!==a||W(!0)}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},_=function(){s.a.get(b).then((function(e){t=e.data;var n=w+"rules/"+t.PanelDimensions.Carriage.SectionHeightsFile,a=w+"rules/"+t.PanelDimensions.Short.PanelWidthsFile,o=w+"rules/"+t.PanelDimensions.Long.PanelWidthsFile,r=w+"rules/"+t.PanelDimensions.Mexico.PanelWidthsFile;s.a.get(n).then((function(e){v.SectionHeights=e.data})),s.a.get(o).then((function(e){v.PanelWidths.Long=e.data})),s.a.get(a).then((function(e){v.PanelWidths.Short=e.data})),s.a.get(r).then((function(e){v.PanelWidths.Mexico=e.data}))}))},F=function(e){var t,n,a=e.height,o=e.width,r=e.placement;return l.S.next({mosaic:v,emitOn:!0}),D(v),{s:null===(t=v)||void 0===t?void 0:t.SectionHeights[a].length,p:null===(n=v)||void 0===n?void 0:n.PanelWidths[r][o].Count}},B=function(e,t,n){for(var a=F({width:t||"96",height:e||"84",placement:n||"Short"}),o="",r=0;r<a.s;r++){for(var l=0;l<a.p;l++)"Short"===n||"Mexico"===n?o+=r<3&&l<3-r?"G":"X":r<2&&(0===l||l===a.p-1)?o+="G":o+="X";r!=a.s-1&&(o+="-")}return o},V=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"},J=function(e,t,n,a,o,r,l,i,c,d,s,m){k(x={gpid:e,resolution:5,width:t,height:n,model:a+o,color:"ColorZone"===r?l:i,placement:c,panel:d,glaze:s,window:m||"Open"})};return r.a.createElement("div",{className:"modal fade mosaic-modal",id:"mozaic-modal-".concat(u),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"},i.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"},i.windowModalSubTitle.text," OR"," ",r.a.createElement("span",{className:"mosaicGlazed",id:"mosaicGlazed",onClick:function(){return function(){v=U,x=S;for(var e=(n=R).split("-"),t=e[0].length,a="",o=0;o<e.length;o++){for(var r=0;r<t;r++)a+="G";o!==e.length-1&&(a+="-")}M(a),x.gpid=a,k(x);var l=V(x);I(w+l)}()}},"CLICK HERE")," ","to place windows in all positions."),r.a.createElement("div",{id:"mosaic-builder",className:"text-center"},y&&r.a.createElement("img",{loading:"lazy",id:"mosaic-image-".concat(u),src:y,alt:"mosaic image",onClick:function(e){return function(e){var t,a,o=null===(t=document.getElementById("mosaic-image-"+u))||void 0===t?void 0:t.clientWidth,r=null===(a=document.getElementById("mosaic-image-"+u))||void 0===a?void 0:a.clientHeight;v=U,n=R;var l=F(x=S),i=n,c=o/l.p,d=r/l.s,s=Math.floor(e.nativeEvent.offsetX/c),m=Math.floor(e.nativeEvent.offsetY/d),p=l.p*m+s+m;i=function(e,t,n){return e.substring(0,t)+n+e.substring(t+1)}(i,p,"G"===i[p]?"X":"G"),M(i),x.gpid=i,k(x);var g=V(x);I(w+g)}(e)}})),y&&H&&i.windowModalNote&&i.windowModalNote.text&&r.a.createElement("div",{className:"mosaic-note",dangerouslySetInnerHTML:{__html:i.windowModalNote.text}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("a",{"data-dismiss":"modal"},r.a.createElement(c.a,{label:Object(l.i)(m)})),r.a.createElement(c.a,{label:Object(l.i)(d),onClick:function(){g(u,"windowplacement","Mosaic","","",R)},"data-dismiss":"modal"})))))},U=function(e){e.mainIndex;var t=e.name,n=e.ok,i=e.cancel,d=Object(o.useState)(""),s=Object(a.a)(d,2),m=s[0],u=s[1],p=Object(o.useState)(""),g=Object(a.a)(p,2),h=g[0],b=g[1],f=Object(o.useState)(""),v=Object(a.a)(f,2),x=v[0],w=v[1],E=Object(o.useState)(""),O=Object(a.a)(E,2),y=O[0],I=O[1];return Object(o.useEffect)((function(){l.W.subscribe((function(e){if(e.length>2){var t=JSON.parse(e);u(t.modeltitle),b(t.modellongdescription),w(t.modelpopimage),I(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",{loading:"lazy",src:x,alt:y})),r.a.createElement("div",{className:""},r.a.createElement("h4",null,m),r.a.createElement("p",{className:"body-text1 mb-4 pb-2"},h),r.a.createElement("div",{className:"button-div button-div-mobile"},r.a.createElement("a",{href:"#","data-dismiss":"modal",className:"mr-4"},r.a.createElement(c.a,{label:Object(l.i)(i)})),r.a.createElement("a",{className:"ok-button",href:"#","data-dismiss":"modal"},r.a.createElement(c.a,{label:Object(l.i)(n)})))))))))},D=function(e){var t=e.dropdownData,n=e.link,i=e.designDoorData,c=e.save,d=e.cancel,m=e.ok,u=e.mainIndex,p=e.type,g=e.dropdownChange,h=void 0===g?function(e,t,n,a,o,r){}:g,b=e.selectedValue,f=e.colorZoneAPIURL,v=e.rulesAPIURL,x=e.doorHintsAPIURL,w=e.doorImageRootPath,E=e.doorOptionsAPIURL,O=Object(o.useState)("Select"),y=Object(a.a)(O,2),I=(y[0],y[1]),N=Object(o.useState)(""),j=Object(a.a)(N,2),k=(j[0],j[1]),D=Object(o.useState)([]),C=Object(a.a)(D,2),L=C[0],R=C[1],M=Object(o.useState)(""),z=Object(a.a)(M,2),T=z[0],H=z[1],W=function(e,t){I(t.description),k(t.value),"ColorZone"===t.value&&l.p.next(!0),"Mosaic"===t.value&&q(t.value),"ColorZone"!==t.value&&"Mosaic"!==t.value&&(h(u,p,t.value,"","",""),"construction"===p&&(H(t.value),Z(t.value)))},q=function(e){var t=localStorage.getItem("design-door"),n=JSON.parse(t)[u].hints;n.gplacement=e,Object(l.b)(),l.Q.next(!0),s.a.post(E,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:n},{headers:{"content-type":"application/json"}}).then((function(e){var t={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorHex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};localStorage.setItem("selected-design-door",JSON.stringify(t)),l.R.next(!0),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},Z=function(e){var t=localStorage.getItem("design-door"),n=JSON.parse(t),a={tabs:!0,collection:n[u].selectedCollection,type:"designer",clavos:!1,print:!0,download:!0,baseUrl:"",quote:!0,width:n[u].selectedWidth,srcDir:"DoorApp",srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:n[u].selectedPanel,brand:"",myGuid:"d-60c067ed66d0c3.82872006",email:!0,height:n[u].selectedHeight,logooption:"",model:e};n[u].selectedColor&&(a.color=n[u].selectedColor),n[u].colorHex&&(a.colorHex=n[u].colorHex),n[u].colorZone&&(a.colorZone=n[u].colorZone),n[u].selectedWindowDesign&&(a.top=n[u].selectedWindowDesign),n[u].glazepattern&&(a.glazepattern=n[u].glazepattern),n[u].selectedHardware&&(a.hardware=n[u].selectedHardware),n[u].selectedWindowPlacement&&(a.gplacement=n[u].selectedWindowPlacement),s.a.post(x,a,{headers:{"content-type":"application/json"}}).then((function(e){l.W.next(JSON.stringify(e.data))}))};Object(o.useEffect)((function(){R(t)}),[t,b]);return r.a.createElement(S,null,r.a.createElement("div",{className:"btn-group"},r.a.createElement("button",{type:"button",onClick:function(){l.s.subscribe((function(e){if(e.length>2){var t=e,n=JSON.parse(t);"collection"===p?R(n[u].collection):"panel"===p?R(n[u].panel):"color"===p?R(n[u].color):"windowdesign"===p?R(n[u].windowdesign):"glass"===p?R(n[u].glass):"construction"===p?R(n[u].construction):"hardware"===p&&R(n[u].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 n=0;n<t.length;n++)t[n].value===b&&(e=t[n].description);return e}())),r.a.createElement("div",{className:"dropdown-menu"},L&&L.length>0&&L.map((function(e,t){return r.a.createElement("span",{key:t},"construction"!==p&&r.a.createElement("a",{className:"dropdown-item",href:"#","data-toggle":"modal","data-target":"".concat("ColorZone"===e.value?"#color-zone-modal-".concat(u):"Mosaic"===e.value?"#mozaic-modal-".concat(u):"construction"===p?"#details-modal-".concat(T):""),key:t,onClick:function(t){W(0,e)}},r.a.createElement("div",null,r.a.createElement("img",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)}),"collection"!==p&&r.a.createElement("p",{className:"amarr-h6"},e.description),n&&r.a.createElement("span",{"data-toggle":"modal","data-target":"details-modal"},n))),"construction"===p&&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",{loading:"lazy",alt:e.image,src:"https://myonsite.amarr.com/".concat(e.image)})),"construction"===p&&r.a.createElement("div",null,n&&r.a.createElement("span",{"data-toggle":"modal",className:"amarrHighlight body-text3","data-target":"#details-modal-".concat(T)},n)))))})))),r.a.createElement(A,{colorZoneAPIURL:f,colorzoneData:i,save:c,cancel:d,dropdownChange:h,mainIndex:u}),r.a.createElement(P,{doorImageRootPath:w,doorHintsAPIURL:x,rulesAPIURL:v,mosaicData:i,ok:m,cancel:d,mainIndex:u,dropdownChange:h}),r.a.createElement(U,{mainIndex:u,name:"details-modal-".concat(T),ok:m,cancel:d}))},C=n(63),L=(n(17),function(e){var t=e.collectionDetailURLs,n=e.designDoorData,d=e.door,m=e.next,p=e.back,g=e.save,h=e.cancel,v=e.ok,x=(e.apiURL,e.doorOptionsAPIURL),w=e.doorHintsAPIURL,E=e.doorDescriptionAPIURL,O=e.colorZoneAPIURL,y=e.rulesAPIURL,I=e.doorImageRootPath,j=e.doorCoordinatesUpdateAPIURL,S=e.dealerLocationListingAPIPath,k=e.customBrands,A=Object(o.useState)([]),P=Object(a.a)(A,2),U=P[0],L=P[1],R=Object(o.useState)([]),M=Object(a.a)(R,2),z=M[0],T=M[1],H=Object(o.useState)(1),W=Object(a.a)(H,2),q=(W[0],W[1]),Z=Object(o.useState)([0]),_=Object(a.a)(Z,2),F=_[0],B=_[1],V=(Object(o.useRef)(null),Object(o.useState)([])),J=Object(a.a)(V,2),G=J[0],Q=J[1],$=Object(o.useState)(""),K=Object(a.a)($,2),X=(K[0],K[1]),Y=Object(o.useState)(0),ee=Object(a.a)(Y,2),te=ee[0],ne=ee[1],ae=Object(o.useState)([]),oe=Object(a.a)(ae,2),re=oe[0],le=oe[1],ie=Object(o.useState)([]),ce=Object(a.a)(ie,2),de=ce[0],se=ce[1],me=Object(o.useState)([]),ue=Object(a.a)(me,2),pe=ue[0],ge=ue[1],he=Object(o.useState)([]),be=Object(a.a)(he,2),fe=be[0],ve=be[1],xe=Object(o.useState)([]),we=Object(a.a)(xe,2),Ee=we[0],Oe=we[1],ye=Object(o.useState)([]),Ie=Object(a.a)(ye,2),Ne=Ie[0],je=Ie[1],Se=Object(o.useState)([]),ke=Object(a.a)(Se,2),Ae=ke[0],Pe=ke[1],Ue=Object(o.useState)([]),De=Object(a.a)(Ue,2),Ce=De[0],Le=De[1],Re=Object(o.useState)(""),Me=Object(a.a)(Re,2),ze=Me[0],Te=Me[1],He=Object(o.useState)(""),We=Object(a.a)(He,2),qe=We[0],Ze=We[1],_e=Object(o.useState)(""),Fe=Object(a.a)(_e,2),Be=Fe[0],Ve=Fe[1],Je=Object(o.useState)(""),Ge=Object(a.a)(Je,2),Qe=Ge[0],$e=Ge[1],Ke=Object(o.useState)(""),Xe=Object(a.a)(Ke,2),Ye=Xe[0],et=Xe[1],tt=Object(o.useState)(""),nt=Object(a.a)(tt,2),at=nt[0],ot=nt[1],rt=Object(o.useState)(""),lt=Object(a.a)(rt,2),it=lt[0],ct=lt[1],dt=Object(o.useState)(""),st=Object(a.a)(dt,2),mt=st[0],ut=st[1],pt=Object(o.useState)([]),gt=Object(a.a)(pt,2),ht=gt[0],bt=gt[1],ft=Object(o.useState)([]),vt=Object(a.a)(ft,2),xt=vt[0],wt=vt[1],Et=Object(o.useState)([]),Ot=Object(a.a)(Et,2),yt=Ot[0],It=Ot[1],Nt=Object(o.useState)([]),jt=Object(a.a)(Nt,2),St=jt[0],kt=jt[1],At=Object(o.useState)([]),Pt=Object(a.a)(At,2),Ut=Pt[0],Dt=Pt[1],Ct=Object(o.useState)([]),Lt=Object(a.a)(Ct,2),Rt=Lt[0],Mt=Lt[1],zt=Object(o.useState)([]),Tt=Object(a.a)(zt,2),Ht=Tt[0],Wt=Tt[1],qt=Object(o.useState)([]),Zt=Object(a.a)(qt,2),_t=Zt[0],Ft=Zt[1],Bt=Object(o.useState)(""),Vt=Object(a.a)(Bt,2),Jt=Vt[0],Gt=Vt[1],Qt=Object(o.useState)(""),$t=Object(a.a)(Qt,2),Kt=$t[0],Xt=$t[1],Yt=Object(o.useState)(""),en=Object(a.a)(Yt,2),tn=en[0],nn=en[1],an=Object(o.useState)(""),on=Object(a.a)(an,2),rn=on[0],ln=on[1],cn=Object(o.useState)(""),dn=Object(a.a)(cn,2),sn=dn[0],mn=dn[1],un=Object(o.useState)(""),pn=Object(a.a)(un,2),gn=pn[0],hn=pn[1],bn=Object(o.useState)(""),fn=Object(a.a)(bn,2),vn=fn[0],xn=fn[1],wn=Object(o.useState)(""),En=Object(a.a)(wn,2),On=En[0],yn=En[1],In=Object(o.useState)([]),Nn=Object(a.a)(In,2),jn=Nn[0],Sn=Nn[1],kn=Object(o.useState)([]),An=Object(a.a)(kn,2),Pn=An[0],Un=An[1],Dn=Object(o.useState)([]),Cn=Object(a.a)(Dn,2),Ln=Cn[0],Rn=Cn[1],Mn=Object(o.useState)([]),zn=Object(a.a)(Mn,2),Tn=zn[0],Hn=zn[1],Wn=Object(o.useState)([]),qn=Object(a.a)(Wn,2),Zn=qn[0],_n=qn[1],Fn=Object(o.useState)([]),Bn=Object(a.a)(Fn,2),Vn=Bn[0],Jn=Bn[1],Gn=Object(o.useState)([]),Qn=Object(a.a)(Gn,2),$n=Qn[0],Kn=Qn[1],Xn=Object(o.useState)([]),Yn=Object(a.a)(Xn,2),ea=Yn[0],ta=Yn[1],na=Object(o.useState)(""),aa=Object(a.a)(na,2),oa=aa[0],ra=aa[1],la=Object(o.useState)(""),ia=Object(a.a)(la,2),ca=ia[0],da=ia[1],sa=Object(o.useState)(""),ma=Object(a.a)(sa,2),ua=ma[0],pa=ma[1],ga=Object(o.useState)(""),ha=Object(a.a)(ga,2),ba=ha[0],fa=ha[1],va=Object(o.useState)(""),xa=Object(a.a)(va,2),wa=xa[0],Ea=xa[1],Oa=Object(o.useState)(""),ya=Object(a.a)(Oa,2),Ia=ya[0],Na=ya[1],ja=Object(o.useState)(""),Sa=Object(a.a)(ja,2),ka=Sa[0],Aa=Sa[1],Pa=Object(o.useState)(""),Ua=Object(a.a)(Pa,2),Da=Ua[0],Ca=Ua[1],La=Object(o.useState)([]),Ra=Object(a.a)(La,2),Ma=Ra[0],za=Ra[1],Ta=Object(o.useState)([]),Ha=Object(a.a)(Ta,2),Wa=Ha[0],qa=Ha[1],Za=Object(o.useState)([]),_a=Object(a.a)(Za,2),Fa=_a[0],Ba=_a[1],Va=Object(o.useState)([]),Ja=Object(a.a)(Va,2),Ga=Ja[0],Qa=Ja[1],$a=Object(o.useState)([]),Ka=Object(a.a)($a,2),Xa=Ka[0],Ya=Ka[1],eo=Object(o.useState)([]),to=Object(a.a)(eo,2),no=to[0],ao=to[1],oo=Object(o.useState)([]),ro=Object(a.a)(oo,2),lo=ro[0],io=ro[1],co=Object(o.useState)([]),so=Object(a.a)(co,2),mo=so[0],uo=so[1],po=Object(o.useState)(""),go=Object(a.a)(po,2),ho=go[0],bo=go[1],fo=Object(o.useState)(""),vo=Object(a.a)(fo,2),xo=vo[0],wo=vo[1],Eo=Object(o.useState)(""),Oo=Object(a.a)(Eo,2),yo=Oo[0],Io=Oo[1],No=Object(o.useState)(""),jo=Object(a.a)(No,2),So=jo[0],ko=jo[1],Ao=Object(o.useState)(""),Po=Object(a.a)(Ao,2),Uo=Po[0],Do=Po[1],Co=Object(o.useState)(""),Lo=Object(a.a)(Co,2),Ro=Lo[0],Mo=Lo[1],zo=Object(o.useState)(""),To=Object(a.a)(zo,2),Ho=To[0],Wo=To[1],qo=Object(o.useState)(""),Zo=Object(a.a)(qo,2),_o=Zo[0],Fo=Zo[1],Bo=Object(o.useState)(!1),Vo=Object(a.a)(Bo,2),Jo=Vo[0],Go=Vo[1],Qo=Object(o.useState)({PanelWidths:{},SectionHeights:{}}),$o=Object(a.a)(Qo,2),Ko=$o[0],Xo=$o[1],Yo=Object(o.useState)({brand:"",id:"AmarrDoorDesigner"}),er=Object(a.a)(Yo,2),tr=er[0],nr=er[1],ar=Object(o.useState)(0),or=Object(a.a)(ar,2),rr=(or[0],or[1]);Object(o.useEffect)((function(){localStorage.setItem("tabValue","0"),l.S.subscribe((function(e){(null===e||void 0===e?void 0:e.emitOn)&&Xo(e.mosaic)})),l.K.subscribe((function(e){e&&lr()})),l.w.subscribe((function(e){e&&(ir(),l.w.next(!1))})),l.h.subscribe((function(e){if(e)for(var t=localStorage.getItem("design-door"),n=JSON.parse(t),a=0;a<n;a++)cr(n[a].selectedWidth,n[a].selectedHeight,n[a].selectedCollection,n[a].selectedPanel,n[a].selectedColor,n[a].selectedWindowDesign,n[a].selectedWindowPlacement,n[a].selectedGlass,n[a].selectedConstruction,n[a].selectedHardware,n[a].colorZone,n[a].colorHex,a)})),l.v.subscribe((function(e){if(e){hr(Number(localStorage.getItem("tabValue")));var t=document.getElementById("subTab-"+localStorage.getItem("tabValue"));t&&t.click()}})),Object(l.F)().subscribe((function(e){Go(e)})),l.t.subscribe((function(e){if(!0===e){var t=new URLSearchParams(window.location.search);if(window.location.search&&!(t.has("id")&&t.get("id")&&t.has("locationId")&&t.get("locationId"))&&(!t.has("brand")||!t.get("brand"))){Object(l.b)();var n,o="carct",r="Ashley",c="White",d="Closed Square",s="Closed",m="",u=[],p=Object(i.a)(t);try{for(p.s();!(n=p.n()).done;){var g=Object(a.a)(n.value,2),h=g[0];g[1];u.push(h)}}catch(E){p.e(E)}finally{p.f()}var b,f=Object(i.a)(t);try{for(f.s();!(b=f.n()).done;){var v=Object(a.a)(b.value,2),x=v[0],w=v[1];"collection"===x&&(o="undefined"===w||"null"===w?"carct":w),"carct"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Ashley":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed Square"),u.find((function(e){return"panel"===e}))||(r="Ashley"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"class"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Tuscany":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed Square"),u.find((function(e){return"panel"===e}))||(r="Tuscany"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"desch"===o||"hillc"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed":w),"panel"===x&&(r="undefined"===w||"null"===w?"Bead Board":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed"),u.find((function(e){return"panel"===e}))||(r="Bead Board"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"herit"===o||"olymp"===o||"linco"===o?("window"===x&&(d="undefined"===w||"null"===w?"Closed":w),"panel"===x&&(r="undefined"===w||"null"===w?"Short":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),u.find((function(e){return"window"===e}))||(d="Closed"),u.find((function(e){return"panel"===e}))||(r="Short"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed")):"vista"===o?("window"===x&&(d="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"":w),"color"===x&&(c="undefined"===w||"null"===w?"Clear Anodized":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"":w),u.find((function(e){return"window"===e}))||(d="Clear"),u.find((function(e){return"panel"===e}))||(r=""),u.find((function(e){return"color"===e}))||(c="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))||(s="")):"horiz"===o?("window"===x&&(d="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"Uninsulated":w),"color"===x&&(c="undefined"===w||"null"===w?"Clear Anodized":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"":w),u.find((function(e){return"window"===e}))||(d="Clear"),u.find((function(e){return"panel"===e}))||(r="Uninsulated"),u.find((function(e){return"color"===e}))||(c="Clear Anodized"),u.find((function(e){return"windowPlacement"===e}))||(s="")):"classfv"===o?("window"===x&&(d="undefined"===w||"null"===w?"Clear":w),"panel"===x&&(r="undefined"===w||"null"===w?"Fullview":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Top":w),u.find((function(e){return"window"===e}))||(d="Clear"),u.find((function(e){return"panel"===e}))||(r="Fullview"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed"),"glass"===x&&(m="undefined"===w||"null"===w?"Frost":w),u.find((function(e){return"glass"===e}))||(m="Frost")):("window"===x&&(d="undefined"===w||"null"===w?"Closed Square":w),"panel"===x&&(r="undefined"===w||"null"===w?"Ashley":w),"color"===x&&(c="undefined"===w||"null"===w?"White":w),"windowPlacement"===x&&(s="undefined"===w||"null"===w?"Closed":w),"glass"===x&&(m="undefined"===w||"null"===w?"Frost":w),u.find((function(e){return"window"===e}))||(d="Closed Square"),u.find((function(e){return"panel"===e}))||(r="Ashley"),u.find((function(e){return"color"===e}))||(c="White"),u.find((function(e){return"windowPlacement"===e}))||(s="Closed"))}}catch(E){f.e(E)}finally{f.f()}lr(),o.length>0&&(r.length>0||"vista"===o)&&c.length>0&&d.length>0?cr(8,7,o,r,c,d,s,m,"4000","None","","",0):cr(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",0),setTimeout((function(){Object(l.Z)()}),5e3)}l.t.next(!1)}}))}),[]);var lr=function(){var e=localStorage.getItem("image")?localStorage.getItem("image"):"";X(e)},ir=function(){var e=Object(f.a)(b.a.mark((function e(){var t,n,o,r,c,d,m,u,p,g,h,f,v,x,w,E,O,y,I,N,j,A,P,U,D,C,R,M,z,T,H,W,Z,_,F,V,J;return b.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!localStorage.getItem("door-size")){e.next=48;break}for(t=localStorage.getItem("door-size"),n=JSON.parse(t).length,o=JSON.parse(t),q(n),r={collection:[],selectedCollection:"",panel:[],selectedPanel:"",color:[],selectedColor:"",windowdesign:[],selectedWindowDesign:"",windowPlacement:[],selectedWindowPlacement:"",glass:[],selectedGlass:"",construction:[],selectedConstruction:"",hardware:[],selectedHardware:"",selectedWidth:0,selectedHeight:0,colorZone:"",colorHex:"",hints:{}},c=[],d=[],m=[],u=0;u<n;u++)c.push(u),d.push(r),m.push(0);if(B(c),L(d),localStorage.setItem("doorPricing",JSON.stringify(m)),!window.location.search){e.next=47;break}p=new URLSearchParams(window.location.search),g="carct",h="Ashley",f="White",v="Closed Square",x="Closed",w="",E=[],O=p.get("locationId"),y=p.get("id"),I=Object(i.a)(p);try{for(I.s();!(N=I.n()).done;)j=Object(a.a)(N.value,2),A=j[0],j[1],E.push(A)}catch(b){I.e(b)}finally{I.f()}P=Object(i.a)(p);try{for(P.s();!(U=P.n()).done;)D=Object(a.a)(U.value,2),C=D[0],R=D[1],"collection"===C&&(g="undefined"===R||"null"===R?"carct":R),"carct"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed Square":R),"panel"===C&&(h="undefined"===R||"null"===R?"Ashley":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed Square"),E.find((function(e){return"panel"===e}))||(h="Ashley"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"class"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed Square":R),"panel"===C&&(h="undefined"===R||"null"===R?"Tuscany":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed Square"),E.find((function(e){return"panel"===e}))||(h="Tuscany"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"desch"===g||"hillc"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed":R),"panel"===C&&(h="undefined"===R||"null"===R?"Bead Board":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed"),E.find((function(e){return"panel"===e}))||(h="Bead Board"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"herit"===g||"olymp"===g||"linco"===g?("window"===C&&(v="undefined"===R||"null"===R?"Closed":R),"panel"===C&&(h="undefined"===R||"null"===R?"Short":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),E.find((function(e){return"window"===e}))||(v="Closed"),E.find((function(e){return"panel"===e}))||(h="Short"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed")):"vista"===g?("window"===C&&(v="undefined"===R||"null"===R?"Clear":R),"panel"===C&&(h="undefined"===R||"null"===R?"":R),"color"===C&&(f="undefined"===R||"null"===R?"Clear Anodized":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"":R),E.find((function(e){return"window"===e}))||(v="Clear"),E.find((function(e){return"panel"===e}))||(h=""),E.find((function(e){return"color"===e}))||(f="Clear Anodized"),E.find((function(e){return"windowPlacement"===e}))||(x="")):"horiz"===g?("window"===C&&(v="undefined"===R||"null"===R?"Clear":R),"panel"===C&&(h="undefined"===R||"null"===R?"Uninsulated":R),"color"===C&&(f="undefined"===R||"null"===R?"Clear Anodized":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"":R),E.find((function(e){return"window"===e}))||(v="Clear"),E.find((function(e){return"panel"===e}))||(h="Uninsulated"),E.find((function(e){return"color"===e}))||(f="Clear Anodized"),E.find((function(e){return"windowPlacement"===e}))||(x="")):"classfv"===g?("window"===C&&(v="undefined"===R||"null"===R?"Clear":R),"panel"===C&&(h="undefined"===R||"null"===R?"Fullview":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Top":R),E.find((function(e){return"window"===e}))||(v="Clear"),E.find((function(e){return"panel"===e}))||(h="Fullview"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed"),"glass"===C&&(w="undefined"===R||"null"===R?"Frost":R),E.find((function(e){return"glass"===e}))||(w="Frost")):("window"===C&&(v="undefined"===R||"null"===R?"Closed Square":R),"panel"===C&&(h="undefined"===R||"null"===R?"Ashley":R),"color"===C&&(f="undefined"===R||"null"===R?"White":R),"windowPlacement"===C&&(x="undefined"===R||"null"===R?"Closed":R),"glass"===C&&(w="undefined"===R||"null"===R?"Frost":R),E.find((function(e){return"window"===e}))||(v="Closed Square"),E.find((function(e){return"panel"===e}))||(h="Ashley"),E.find((function(e){return"color"===e}))||(f="White"),E.find((function(e){return"windowPlacement"===e}))||(x="Closed"))}catch(b){P.e(b)}finally{P.f()}if(!O||!y){e.next=44;break}return M=S.replace("{accountNumber}",y).replace("{dealerListingLocationId}",O),e.prev=30,Object(l.b)(),e.next=34,s.a.get(M);case 34:z=e.sent,Object(l.Z)(),200===z.status&&(H=(null===z||void 0===z||null===(T=z.data)||void 0===T?void 0:T.doorDesignerCustomBrand)||"")&&k&&k.length>0&&(W=k.findIndex((function(e){return e.value.toLowerCase()===H.toLowerCase()})))>-1&&(Z={brand:k[W].value,id:k[W].id},localStorage.setItem("brandId",k[W].id),nr((function(){return Z}))),e.next=44;break;case 39:e.prev=39,e.t0=e.catch(30),Object(l.Z)(),_=e.t0,"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("getDefaultDropDown",null===_||void 0===_?void 0:_.response,e.t0)});case 44:if(g.length>0&&(h.length>0||"vista"===g)&&f.length>0&&v.length>0)for(F=0;F<o.length;F++)cr(o[F].width,o[F].height,g,h,f,v,x,w,"4000","None","","",F);else for(V=0;V<o.length;V++)cr(o[V].width,o[V].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",V);e.next=48;break;case 47:for(J=0;J<o.length;J++)cr(o[J].width,o[J].height,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",J);case 48:case"end":return e.stop()}}),e,null,[[30,39]])})));return function(){return e.apply(this,arguments)}}(),cr=function(e,t,n,a,o,r,i,c,d,s,m,u,p,g){Object(l.b)();var h=function(){var e=new URLSearchParams(window.location.search),t=e.get("brand"),n=e.get("locationId"),a=e.get("id"),o=tr;if(!t||n&&a)n&&a&&nr((function(e){return o=e}));else if(k&&k.length>0){var r=k.findIndex((function(e){return e.brand.toLowerCase()===t.toLowerCase()}));r>=0&&(o={brand:k[r].value,id:k[r].id},localStorage.setItem("brandId",k[r].id))}return o}(),b={width:e,height:t,myGuid:"d-6076ae50473089.85177846",type:"designer",brand:h.brand,logooption:"",print:!0,email:!0,quote:!0,download:!0,tabs:!0,id:h.id,baseUrl:"",srcDir:"DoorApp",srcUrl:"/DoorApp",MosaicName:"Mosaic",clavos:!1};n.length>0&&(b.collection=n),o.length>0&&(b.color=o),r.length>0&&(b.top=r),a.length>0&&(b.panel=a),c.length>0&&(b.glass=c),i.length>0&&(b.gplacement=i),d.length>0&&(b.model=d),s.length>0&&(b.hardware=s),u.length>0&&(b.colorHex=u),m.length>0&&(b.colorZone=m),"Mosaic"===i&&g?br(U,b,e,t,n,a,o,r,i,c,d,s,m,u,p,g):dr(b,e,t,n,a,o,r,i,c,d,s,m,u,p,g)},dr=function(e,t,n,a,o,r,i,c,d,m,u,p,g,h,b){s.a.post(x,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:e},{headers:{"content-type":"application/json"}}).then((function(e){var s={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:n,colorZone:p,colorHex:g,glazepattern:b,hints:e.data.hints,selectedCollection:"",selectedPanel:"",selectedColor:"",selectedWindowDesign:"",selectedWindowPlacement:"",selectedGlass:"",selectedConstruction:"",selectedHardware:""},f=e.data.options.collection?e.data.options.collection:[];0===h?za(f):1===h?le(f):2===h?bt(f):3===h&&Sn(f);var v=e.data.options.panel?e.data.options.panel:[];0===h?qa(v):1===h?se(v):2===h?wt(v):3===h&&Un(v);var x=e.data.options.color?e.data.options.color:[];0===h?Ba(x):1===h?ge(x):2===h?It(x):3===h&&Rn(x);var w=e.data.options.top?e.data.options.top:[];0===h?Qa(w):1===h?ve(w):2===h?kt(w):3===h&&Hn(w);var E=e.data.options.glass?e.data.options.glass:[];0===h?ao(E):1===h?je(E):2===h?Mt(E):3===h&&Jn(E);var O=e.data.options.gplacement?e.data.options.gplacement:[];0===h?Ya(O):1===h?Oe(O):2===h?Dt(O):3===h&&_n(O);var y=e.data.options.model?e.data.options.model:[];0===h?io(y):1===h?Pe(y):2===h?Wt(y):3===h&&Kn(y);var I=e.data.options.hardware?e.data.options.hardware:[];0===h?uo(I):1===h?Le(I):2===h?Ft(I):3===h&&ta(I),s.selectedCollection=sr(a,f),0===h?bo(s.selectedCollection):1===h?Te(s.selectedCollection):2===h?Gt(s.selectedCollection):3===h&&ra(s.selectedCollection),s.selectedPanel=sr(o,v),0===h?wo(s.selectedPanel):1===h?Ze(s.selectedPanel):2===h?Xt(s.selectedPanel):3===h&&da(s.selectedPanel),s.selectedColor=sr(r,x),0===h?Io(s.selectedColor):1===h?Ve(s.selectedColor):2===h?nn(s.selectedColor):3===h&&pa(s.selectedColor),s.selectedWindowDesign=sr(i,w),0===h?ko(s.selectedWindowDesign):1===h?$e(s.selectedWindowDesign):2===h?ln(s.selectedWindowDesign):3===h&&fa(s.selectedWindowDesign),s.selectedWindowPlacement=sr(c,O),0===h?Do(s.selectedWindowPlacement):1===h?et(s.selectedWindowPlacement):2===h?mn(s.selectedWindowPlacement):3===h&&Ea(s.selectedWindowPlacement),s.selectedGlass=sr(d,E),0===h?Mo(s.selectedGlass):1===h?ot(s.selectedGlass):2===h?hn(s.selectedGlass):3===h&&Na(s.selectedGlass),s.selectedConstruction=sr(m,y),0===h?Wo(s.selectedConstruction):1===h?ct(s.selectedConstruction):2===h?xn(s.selectedConstruction):3===h&&Aa(s.selectedConstruction),s.selectedHardware=sr(u,I),0===h?Fo(s.selectedHardware):1===h?ut(s.selectedHardware):2===h?yn(s.selectedHardware):3===h&&Ca(s.selectedHardware);var N=U,j=localStorage.getItem("door-size"),S=JSON.parse(j);S&&(0!=N.length-S.length&&N.splice(S.length));N[h]=s,L(N),T(N),localStorage.setItem("design-door",JSON.stringify(N)),l.s.next(JSON.stringify(N)),ur(!1),Object(l.Z)()}),(function(t){Object(l.Z)(),console.log("err",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("saveDataApiCall",e,t)}),cr(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)})).catch((function(t){Object(l.Z)(),console.log("error",t),"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("saveDataApiCall",e,t)}),cr(8,7,"carct","Ashley","White","Closed Square","Closed","","4000","None","","",h)}))},sr=function(e,t){var n=!1,a="";if(t&&t.length>0){for(var o=0;o<t.length;o++)t[o].value===e&&(n=!0);a=!0===n?e:t[0].value}else a="";return a},mr=function(){var e,t=localStorage.getItem("design-door"),n=t?JSON.parse(t):[],a=localStorage.getItem("door-size")?null===(e=JSON.parse(localStorage.getItem("door-size")))||void 0===e?void 0:e.length:"",o=localStorage.getItem("door-coordinates")||null,r=o?JSON.parse(o):[],l=Math.min(+r.length,+a),i=[],c=null;if(l&&l>0)for(var d=0;d<l;d++){var m,u,p;if("ColorZone"===n[d].selectedColor){var g=n[d].colorZone.match(/\d+/g);g.length>0&&(c=g[0])}var h={market:"Residential",brand:"",model:(null===(m=n[d])||void 0===m?void 0:m.selectedConstruction)?n[d].selectedConstruction:null,collection:n[d].selectedCollection,width:n[d].selectedWidth,height:n[d].selectedHeight,color:n[d].selectedColor,panel:(null===(u=n[d])||void 0===u?void 0:u.selectedPanel)?n[d].selectedPanel:null,optional:{colorZoneCode:"ColorZone"===n[d].selectedColor?c:null,decorativeHardware:n[d].selectedHardware?n[d].selectedHardware:null,clavos:!1,mosaicPattern:"Mosaic"===n[d].selectedWindowPlacement&&(null===(p=n[d])||void 0===p?void 0:p.glazepattern)?n[d].glazepattern:null}};if("vista"==n[d].selectedCollection||"horiz"===n[d].selectedCollection){var b={sectionPattern:"GGGG",pvcalm:"ALM",painttype:n[d].selectedColor.includes("Anodized")?"AN":"PC",glassDetail:{glassvalue:n[d].selectedWindowDesign,gltype:null}};h=Object(N.a)(Object(N.a)({},h),{FullViewDetail:b,GlassDetail:null})}else{var f,v,x,w={gplacement:(null===(f=n[d])||void 0===f?void 0:f.selectedWindowPlacement)?n[d].selectedWindowPlacement:null,top:n[d].selectedWindowDesign,glass:(null===(v=n[d])||void 0===v?void 0:v.selectedGlass)?null===(x=n[d])||void 0===x?void 0:x.selectedGlass:null};h=Object(N.a)(Object(N.a)({},h),{GlassDetail:w})}localStorage.getItem("updated-door_".concat(d+1))?i.push(Object(N.a)(Object(N.a)({},JSON.parse(localStorage.getItem("updated-door_".concat(d+1)))),{},{door:h})):r[d]&&i.push(Object(N.a)(Object(N.a)({},r[d]),{},{door:h}))}var E=localStorage.getItem("uploaded-image-id");if(E){var O={imageId:E,coordinates:i};return s.a.post(j,O)}},ur=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(localStorage.getItem("design-door"))for(var n=localStorage.getItem("design-door"),a=JSON.parse(n),o=0;o<a.length;o++){var r;if(null===(r=a[o])||void 0===r?void 0:r.hints){var l=a[o].hints.collection,i=t[l];pr(a[o].hints,o,i)}}j&&"uploaded"===localStorage.getItem("image-type")&&e&&mr()},pr=function(e,t,n){Object(l.b)(),s.a.post(E,e,{headers:{"content-type":"application/json"}}).then((function(e){var a=G,o=localStorage.getItem("door-size"),r=JSON.parse(o);r&&(0!=a.length-r.length&&a.splice(r.length));a[t]=e.data,a[t].url=n,Q(a),localStorage.setItem("desc-data",JSON.stringify(G)),Object(l.Z)()}),(function(e){Object(l.Z)()})).catch((function(t){"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("getDescription",e,t)}),Object(l.Z)()}))},gr=function(e,t,n,a,o,r){var l=U;l[e].selectedCollection="collection"===t?n:l[e].selectedCollection,l[e].selectedPanel="panel"===t?n:l[e].selectedPanel,l[e].selectedColor="color"===t?n:l[e].selectedColor,l[e].selectedWindowDesign="windowdesign"===t?n:l[e].selectedWindowDesign,l[e].selectedWindowPlacement="windowplacement"===t?n:l[e].selectedWindowPlacement,l[e].selectedGlass="glass"===t?n:l[e].selectedGlass,l[e].selectedConstruction="construction"===t?n:l[e].selectedConstruction,l[e].selectedHardware="hardware"===t?n:l[e].selectedHardware,l[e].selectedWidth=l[e].selectedWidth,l[e].selectedHeight=l[e].selectedHeight,l[e].colorZone=a||l[e].colorZone,l[e].colorHex=o||l[e].colorHex,l[e].glazepattern=r||l[e].glazepattern,cr(l[e].selectedWidth,l[e].selectedHeight,l[e].selectedCollection,l[e].selectedPanel,l[e].selectedColor,l[e].selectedWindowDesign,l[e].selectedWindowPlacement,l[e].selectedGlass,l[e].selectedConstruction,l[e].selectedHardware,l[e].colorZone,l[e].colorHex,e,l[e].glazepattern)},hr=function(e){ne(e);var t=localStorage.getItem("doorPricing"),n=JSON.parse(t);rr(n[e]),localStorage.setItem("tabValue",e)},br=function(e,t,n,a,o,r,l,i,c,d,m,u,p,g,h,b){t.glazepattern=b,s.a.post(x,{names:["width","height","collection","model","panel","gplacement","panel-size","top","color","two-tone","glass","hardware","clavos"],hints:t},{headers:{"content-type":"application/json"}}).then((function(e){var s,f={collection:e.data.options.collection,panel:e.data.options.panel,color:e.data.options.color,windowdesign:e.data.options.top,windowplacement:e.data.options.gplacement,glass:e.data.options.glass,construction:e.data.options.model,hardware:e.data.options.hardware,selectedWidth:e.data.hints.width,selectedHeight:e.data.hints.height,colorZone:e.data.hints.colorzone,colorHex:e.data.hints.colorhex,glazepattern:e.data.hints.glazepattern,hints:e.data.hints,selectedCollection:e.data.hints.collection,selectedPanel:e.data.hints.panel,selectedColor:e.data.hints.color,selectedWindowDesign:e.data.hints.top,selectedWindowPlacement:e.data.hints.gplacement,selectedGlass:e.data.hints.glass,selectedConstruction:e.data.hints.model,selectedHardware:e.data.hints.hardware};(s=e.data.options&&e.data.options.gplacement&&e.data.options.gplacement.filter((function(e){return"Mosaic"===e.value})))&&s.length>0?vr(f,t,n,a,o,r,l,i,c,d,m,u,p,g,h,b):dr(t,n,a,o,r,l,i,c,d,m,u,p,g,h,b)}),(function(e){return e})).catch((function(e){return"function"===typeof window.ineum&&window.ineum("reportError","Error in Door Designer Page",{componentStack:"DesignDoor",meta:fr("payloadForDoorOptions",t,e)}),e}))},fr=function(e,t,n){return{methodName:e,error:n,payload:t}},vr=function(e,t,n,a,o,r,i,c,d,m,u,p,g,h,b,f){var v=Object(l.q)(e);s.a.post(w,v,{headers:{"content-type":"application/json"}}).then((function(e){var l=e.data.glazepattern;Er(l,e.data.inchwidth,e.data.inchheight,e.data.panelplacement)||(l=wr(e.data.inchheight,e.data.inchwidth,e.data.panelplacement));t.glazepattern=l,dr(t,n,a,o,r,i,c,d,m,u,p,g,h,b,l)}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()}))},xr=function(e){var t=e.height,n=e.width,a=e.placement;return{s:null===Ko||void 0===Ko?void 0:Ko.SectionHeights[t].length,p:null===Ko||void 0===Ko?void 0:Ko.PanelWidths[a][n].Count}},wr=function(e,t,n){for(var a=xr({width:t||"96",height:e||"84",placement:n||"Short"}),o="",r=0;r<a.s;r++){for(var l=0;l<a.p;l++)"Short"===n||"Mexico"===n?o+=r<3&&l<3-r?"G":"X":r<2&&(0===l||l===a.p-1)?o+="G":o+="X";r!=a.s-1&&(o+="-")}return o},Er=function(e,t,n,a){var o=xr({width:t,height:n,placement:a}),r=new RegExp("^(?:[G|X]{"+o.p+"}-){"+(o.s-1)+"}[G|X]{"+o.p+"}$");return null!==e.match(r)};return r.a.createElement("div",{className:"design-door-tab"},Jo&&r.a.createElement(u.a,null),r.a.createElement("div",{className:"row mx-0"},r.a.createElement("div",{className:"col-12 col-md-6 px-0 px-md-3 sticky-content"},r.a.createElement("div",{className:"text-center parent-pixi"},r.a.createElement("div",{id:"pixi-stage"}),r.a.createElement("div",{id:"small-loader"},r.a.createElement(C.a,null))),r.a.createElement("p",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto py-sm-4 py-2 body-text3"},n.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"},F.map((function(e,t){return r.a.createElement("li",{className:"nav-item active",key:t,onClick:function(e){return hr(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,d," ",e+1)))})))),r.a.createElement("div",{className:"tab-content col-12"},z&&(1===z.length||2===z.length||3===z.length||4===z.length)&&r.a.createElement("div",{className:"tab-pane fade show active",id:"tab-0",role:"tabpanel","aria-labelledby":"tab-0"},n.firstDoorDescription&&n.firstDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.firstDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.firstDoorDescription&&n.firstDoorDescription.text?"description":""," door-properties pb-2")},Ma&&Ma.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ho,mainIndex:0,type:"collection",dropdownData:Ma,designDoorData:n,ok:v,save:g,cancel:h})),Wa&&Wa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:xo,mainIndex:0,type:"panel",dropdownData:Wa,designDoorData:n,ok:v,save:g,cancel:h})),Fa&&Fa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:yo,mainIndex:0,type:"color",dropdownData:Fa,designDoorData:n,ok:v,save:g,cancel:h})),Xa&&Xa.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Uo,mainIndex:0,type:"windowplacement",dropdownData:Xa,designDoorData:n,ok:v,save:g,cancel:h})),Ga&&Ga.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:So,mainIndex:0,type:"windowdesign",dropdownData:Ga,designDoorData:n,ok:v,save:g,cancel:h})),no&&no.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ro,mainIndex:0,type:"glass",dropdownData:no,designDoorData:n,ok:v,save:g,cancel:h})),lo&&lo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ho,mainIndex:0,type:"construction",dropdownData:lo,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),mo&&mo.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorImageRootPath:I,doorOptionsAPIURL:x,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:_o,mainIndex:0,type:"hardware",dropdownData:mo,designDoorData:n,ok:v,save:g,cancel:h})))),z&&(2===z.length||3===z.length||4===z.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-1",role:"tabpanel","aria-labelledby":"tab-1"},n.secondDoorDescription&&n.secondDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.secondDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.secondDoorDescription&&n.secondDoorDescription.text?"description":""," door-properties")},re&&re.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ze,mainIndex:1,type:"collection",dropdownData:re,designDoorData:n,ok:v,save:g,cancel:h})),de&&de.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:qe,mainIndex:1,type:"panel",dropdownData:de,designDoorData:n,ok:v,save:g,cancel:h})),pe&&pe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Be,mainIndex:1,type:"color",dropdownData:pe,designDoorData:n,ok:v,save:g,cancel:h})),Ee&&Ee.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ye,mainIndex:1,type:"windowplacement",dropdownData:Ee,designDoorData:n,ok:v,save:g,cancel:h})),fe&&fe.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Qe,mainIndex:1,type:"windowdesign",dropdownData:fe,designDoorData:n,ok:v,save:g,cancel:h})),Ne&&Ne.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:at,mainIndex:1,type:"glass",dropdownData:Ne,designDoorData:n,ok:v,save:g,cancel:h})),Ae&&Ae.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:it,mainIndex:1,type:"construction",dropdownData:Ae,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),Ce&&Ce.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:mt,mainIndex:1,type:"hardware",dropdownData:Ce,designDoorData:n,ok:v,save:g,cancel:h})))),z&&(3===z.length||4===z.length)&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-2",role:"tabpanel","aria-labelledby":"tab-2"},n.thirdDoorDescription&&n.thirdDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.thirdDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.thirdDoorDescription&&n.thirdDoorDescription.text?"description":""," door-properties")},ht&&ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Jt,mainIndex:2,type:"collection",dropdownData:ht,designDoorData:n,ok:v,save:g,cancel:h})),xt&&xt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Kt,mainIndex:2,type:"panel",dropdownData:xt,designDoorData:n,ok:v,save:g,cancel:h})),yt&&yt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:tn,mainIndex:2,type:"color",dropdownData:yt,designDoorData:n,ok:v,save:g,cancel:h})),Ut&&Ut.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:sn,mainIndex:2,type:"windowplacement",dropdownData:Ut,designDoorData:n,ok:v,save:g,cancel:h})),St&&St.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:rn,mainIndex:2,type:"windowdesign",dropdownData:St,designDoorData:n,ok:v,save:g,cancel:h})),Rt&&Rt.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:gn,mainIndex:2,type:"glass",dropdownData:Rt,designDoorData:n,ok:v,save:g,cancel:h})),Ht&&Ht.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:vn,mainIndex:2,type:"construction",dropdownData:Ht,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),_t&&_t.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:On,mainIndex:2,type:"hardware",dropdownData:_t,designDoorData:n,ok:v,save:g,cancel:h})))),z&&4===z.length&&r.a.createElement("div",{className:"tab-pane fade",id:"tab-3",role:"tabpanel","aria-labelledby":"tab-3"},n.fourthDoorDescription&&n.fourthDoorDescription.text&&r.a.createElement("div",{className:"tab-info",dangerouslySetInnerHTML:{__html:n.fourthDoorDescription.text}}),r.a.createElement("div",{className:"".concat(n.fourthDoorDescription&&n.fourthDoorDescription.text?"description":""," door-properties")},jn&&jn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.doorCollection.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:oa,mainIndex:3,type:"collection",dropdownData:jn,designDoorData:n,ok:v,save:g,cancel:h})),Pn&&Pn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.panelDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ca,mainIndex:3,type:"panel",dropdownData:Pn,designDoorData:n,ok:v,save:g,cancel:h})),Ln&&Ln.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.color.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ua,mainIndex:3,type:"color",dropdownData:Ln,designDoorData:n,ok:v,save:g,cancel:h})),Zn&&Zn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowPlacement.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:wa,mainIndex:3,type:"windowplacement",dropdownData:Zn,designDoorData:n,ok:v,save:g,cancel:h})),Tn&&Tn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.windowDesign.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ba,mainIndex:3,type:"windowdesign",dropdownData:Tn,designDoorData:n,ok:v,save:g,cancel:h})),Vn&&Vn.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.glass.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Ia,mainIndex:3,type:"glass",dropdownData:Vn,designDoorData:n,ok:v,save:g,cancel:h})),$n&&$n.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.construction.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:ka,mainIndex:3,type:"construction",dropdownData:$n,designDoorData:n,ok:v,link:n.viewDetails.text,save:g,cancel:h})),ea&&ea.length>0&&r.a.createElement("div",{className:"door-properties-select"},r.a.createElement("label",null,n.decorativeHardware.text),r.a.createElement(D,{doorOptionsAPIURL:x,doorImageRootPath:I,doorHintsAPIURL:w,colorZoneAPIURL:O,rulesAPIURL:y,dropdownChange:function(e,t,n,a,o,r){return gr(e,t,n,a,o,r)},selectedValue:Da,mainIndex:3,type:"hardware",dropdownData:ea,designDoorData:n,ok:v,save:g,cancel:h}))))),r.a.createElement("div",{className:"door-properties pt-3 mx-3"},z&&(null===z||void 0===z?void 0:z.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 n=te,a=localStorage.getItem("design-door"),o=JSON.parse(a),r=0;r<o.length;r++){var l,i;if(cr(o[r].selectedWidth,o[r].selectedHeight,o[n].selectedCollection,o[n].selectedPanel,o[n].selectedColor,o[n].selectedWindowDesign,o[n].selectedWindowPlacement,o[n].selectedGlass,o[n].selectedConstruction,o[n].selectedHardware,o[n].colorZone,o[n].colorHex,r,null===(l=o[n])||void 0===l?void 0:l.glazepattern),null===(i=o[n])||void 0===i?void 0:i.hints){var c=o[n].hints.collection,d=t[c];pr(o[n].hints,r,d)}}},type:"checkbox",id:"vehicle1",name:"vehicle1",value:"Bike"}),r.a.createElement("label",null,n.applyDesign.text)),r.a.createElement("div",{className:"button-grp pt-sm-0 pt-1"},r.a.createElement(c.a,{classStyle:"back-btn",label:Object(l.i)(p),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(c.a,{classStyle:"save-btn",label:Object(l.i)(g),onClick:ur})),r.a.createElement("span",{className:"screenshot-link screenshot-final"},r.a.createElement(c.a,{classStyle:"next-btn",label:Object(l.i)(m),onClick:function(){ur(!0);var e=document.getElementById("vehicle1");e&&e.checked&&(e.checked=!1),setTimeout((function(){var e;null===(e=document.getElementById("review-save-tab"))||void 0===e||e.click(),window.scrollTo(0,0),l.cb.next(!0),l.bb.next(!0)}),1e3)}})))))))}),R=function(e){var t=e.reviewsaveData,n=(e.ok,e.setEmailOnReview),i=e.setMessageOnReview,d=e.sendMail,s=(e.popupMsg,e.popupType,Object(o.useState)("")),m=Object(a.a)(s,2),p=m[0],g=m[1],h=Object(o.useState)(!1),b=Object(a.a)(h,2),f=b[0],v=b[1],x=Object(o.useState)(!1),w=Object(a.a)(x,2),E=w[0],O=w[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){O(e)}))}),[]);return r.a.createElement("div",{className:"modal fade",id:"email-modal",role:"dialog","aria-hidden":"true"},E&&r.a.createElement(u.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,t.emailFieldLabel.text),r.a.createElement("input",{className:"mb-2 ".concat(f?"error-class":""),type:"text",onChange:function(e){g(e.target.value),n(e.target.value)},onKeyUp:function(){""===p||!1===Object(l.a)(p)?v(!0):v(!1)}}),f&&r.a.createElement("p",{className:"error"},t.emailFieldValidationMessage.text),r.a.createElement("label",null,t.emailMessageLabel.text),r.a.createElement("textarea",{onChange:function(e){i(e.target.value)}})),r.a.createElement("div",{className:"modal-footer"},r.a.createElement(c.a,{label:Object(l.i)(t.sendEmailButtonLabel.text),onClick:function(){Object(l.b)(),d()},disabled:""===p||!1===Object(l.a)(p)})))))},M=n(16),z=n(20),T=n(50),H=n(46),W=n(11),q=n(18),Z=n(55),_=function(e){var t=e.customBrandRQForm,n=e.customBrandRQFormStates,i=e.heading,d=e.requestQuoteButton,s=(e.closeButton,e.sendMail),m=Object(o.useState)({firstName:{value:"",error:"",type:"text"},lastName:{value:"",error:"",type:"text"},receipients:{value:"",error:"",type:"text"},phone:{value:"",error:"",type:"text"},city:{value:"",error:"",type:"text"},state:{value:"",error:"",type:"select"},zip:{value:"",error:"",type:"text"},whenToCall:{value:"",error:"",type:"select"},needAnOpener:{value:"",error:"",type:"select"},message:{value:"",error:"",type:"text"},address:{value:"",error:"",type:"text"},address2:{value:"",error:"",type:"text"}}),p=Object(a.a)(m,2),g=p[0],h=p[1],b=Object(o.useState)(!1),f=Object(a.a)(b,2),v=f[0],x=f[1],w=Object(o.useState)({flag:!0,form:{}}),E=Object(a.a)(w,2),O=E[0],y=E[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){x(e)}))}),[]),Object(o.useEffect)((function(){O.flag||(Object(l.b)(),s(O.form,!0))}),[O]);var I=function(e,t){var n=e.name,a=e.value;"text"===t&&"phone"!==n?j(n,a):"select"===t?A(e):"phone"===n&&S(e)},j=function(e,n){var a="",o=t[e];if("address2"===e&&(o.required=!1),!n&&(null===o||void 0===o?void 0:o.required)&&(a=null===o||void 0===o?void 0:o.errorMessage),"firstName"===e||"lastName"===e){/^[A-Za-z ]*$/.test(n)||(a=(null===o||void 0===o?void 0:o.formatErrorMessage)||"Field is incorrect")}return"receipients"!==e||Object(l.a)(n)||(a=(null===o||void 0===o?void 0:o.formatErrorMessage)||"Field is incorrect"),h((function(t){return Object(N.a)(Object(N.a)({},t),{},Object(T.a)({},e,{value:n,error:a,type:"text"}))})),!!a},S=function(e){var n=e.name,a=e.value,o=a.replaceAll("(","");o=(o=o.replaceAll(") ","")).replaceAll("-","");var r="",i="",c=t[n];return/^[0-9]*$/.test(o)&&(a&&Object(l.e)(a)?r=k(a):Object(l.e)(a)||""===o?i=c.errorMessage:(r=k(a),i=c.formatErrorMessage||"Field is incorrect")),a||c.required||(i=""),h((function(e){return Object(N.a)(Object(N.a)({},e),{},{phone:{value:r,error:i,type:"text"}})})),!!i},k=function(e){return 1==e.length?"("+e:5==e.length?e.slice(0,e.length-1)+") "+e[e.length-1]:10==e.length&&"-"!==e[e.length-1]?e.slice(0,e.length-1)+"-"+e[e.length-1]:10==e.length&&"-"===e[e.length-1]?e.substring(0,e.length-1):6==e.length?e.substring(0,e.length-2):e},A=function(e){var n=e.name,a=e.value,o="",r=t[n];return!a&&r.required&&(o=null===r||void 0===r?void 0:r.errorMessage),h((function(e){return Object(N.a)(Object(N.a)({},e),{},Object(T.a)({},n,{value:a,error:o,type:"select"}))})),!!o};return r.a.createElement("div",{className:"modal fade",id:"requestToQuote-modal",role:"dialog","aria-hidden":"true"},v&&r.a.createElement(u.a,null),r.a.createElement("div",{className:"modal-dialog modal-dialog-centered request-quote-dialog",role:"document",id:"parent-request-modal"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("div",{className:"header-title"},null===i||void 0===i?void 0:i.text),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("form",null,r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12 col-lg-6"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},label:t.firstName.text,required:t.firstName.required,inputType:"text",placeholder:t.firstName.placeholder,errorMsg:g.firstName.error,name:"firstName",value:g.firstName.value,maxlength:Number(t.firstName.textLength)})),r.a.createElement("div",{className:"col-12 col-lg-6 pt-4 pt-lg-0"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},label:t.lastName.text,required:t.lastName.required,inputType:"text",errorMsg:g.lastName.error,name:"lastName",maxlength:Number(t.lastName.textLength),placeholder:t.lastName.placeholder,value:g.lastName.value}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"receipients",maxlength:Number(t.receipients.textLength),placeholder:t.receipients.placeholder,value:g.receipients.value,label:t.receipients.text,required:t.receipients.required,inputType:"text",errorMsg:g.receipients.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"phone",maxlength:Number(t.phone.textLength)+4,placeholder:t.phone.placeholder,value:g.phone.value,label:t.phone.text,required:t.phone.required,inputType:"text",errorMsg:g.phone.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(q.a,{onChange:function(e){return I(e.target,"select")},name:"whenToCall",label:t.whenToCall.text,required:t.whenToCall.required,options:t.whenToCall.options,placeholder:t.whenToCall.placeholder,errorMsg:g.whenToCall.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"address",label:t.address.text,maxlength:Number(t.address.textLength),required:t.address.required,inputType:"text",placeholder:t.address.placeholder,errorMsg:g.address.error})),r.a.createElement("div",{className:"col-12 pt-1"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"address2",maxlength:Number(t.address2.textLength)+4,inputType:"text",required:!1,placeholder:t.address2.placeholder}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12 col-lg-6"},r.a.createElement(q.a,{onChange:function(e){return I(e.target,"select")},name:"state",label:t.state.text,required:t.state.required,options:n,placeholder:t.state.placeholder,errorMsg:g.state.error})),r.a.createElement("div",{className:"col-12 col-lg-6 pt-4 pt-lg-0"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"city",label:t.city.text,maxlength:Number(t.city.textLength),required:t.city.required,inputType:"text",placeholder:t.city.placeholder,errorMsg:g.city.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(W.a,{onChange:function(e){return I(e.target,"text")},name:"zip",label:t.zip.text,maxlength:Number(t.zip.textLength),required:t.zip.required,inputType:"text",placeholder:t.zip.placeholder,errorMsg:g.zip.error,value:g.zip.value}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-12"},r.a.createElement(H.a,{label:t.needAnOpener.text,onChange:function(e){return I(e.target,"text")},name:"needAnOpener",required:t.needAnOpener.required,options:t.needAnOpener.options,errorMsg:g.needAnOpener.error}))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement(Z.a,{onChange:function(e){return I(e.target,"text")},name:"message",label:t.message.text,maxlength:Number(t.message.textLength),required:t.message.required,placeholder:t.message.placeholder,errorMsg:g.message.error})))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12 col-lg-6 pt-4 pt-lg-0"},r.a.createElement(c.a,{label:Object(l.i)(d.text),onClick:function(e){e.preventDefault();var t=new FormData,n=!1;for(var a in g){var o=g[a];I({name:a,value:o.value},o.type),t.append(a,o.value)}y((function(e){return{flag:!0,form:t}})),h((function(e){for(var t in e)e[t].error&&(n=!0);return n||y((function(e){return{flag:!1,form:e.form}})),e}))}})))))))},F=function(e){var t=e.reviewsaveData,n=e.back,i=e.dispatchRequestQuoteURL,d=e.emailPath,m=e.imageRootPath,p=e.ok,g=e.door,h=(e.apiURL,e.recaptchaToken),b=e.recaptchaTokenReGenerate,f=e.microSiteDispatchRequestQuoteURL,v=e.dealerInfoAPIURL,x=e.dealerLocationListingAPIPath,w=e.brands,O=e.statesAPIURL,y=Object(o.useState)([]),I=Object(a.a)(y,2),N=I[0],j=I[1],S=Object(o.useState)(""),k=Object(a.a)(S,2),A=(k[0],k[1],Object(o.useState)("")),P=Object(a.a)(A,2),U=P[0],D=(P[1],Object(o.useState)("")),C=Object(a.a)(D,2),L=C[0],T=(C[1],Object(o.useState)(!1)),H=Object(a.a)(T,2),W=H[0],q=H[1],Z=Object(o.useState)(!1),F=Object(a.a)(Z,2),B=F[0],V=F[1],J=Object(o.useState)(!1),G=Object(a.a)(J,2),Q=G[0],$=(G[1],Object(o.useState)(0)),K=Object(a.a)($,2),X=(K[0],K[1]),Y=Object(o.useState)(0),ee=Object(a.a)(Y,2),te=(ee[0],ee[1]),ne=Object(o.useState)(0),ae=Object(a.a)(ne,2),oe=(ae[0],ae[1]),re=Object(o.useState)(""),le=Object(a.a)(re,2),ie=le[0],ce=le[1],de=Object(o.useState)(""),se=Object(a.a)(de,2),me=se[0],ue=se[1],pe=Object(o.useState)(""),ge=Object(a.a)(pe,2),he=ge[0],be=ge[1],fe=Object(o.useState)([]),ve=Object(a.a)(fe,2),xe=ve[0],we=ve[1],Ee=Object(o.useState)(""),Oe=Object(a.a)(Ee,2),ye=Oe[0],Ie=Oe[1];Object(o.useEffect)((function(){Object(l.F)().subscribe((function(e){V(e)})),localStorage.getItem("brandId")&&Ue(),l.bb.subscribe((function(e){if(e){if(l.N.next(!0),localStorage.getItem("desc-data")){var t=localStorage.getItem("desc-data"),n=JSON.parse(t);j(n),l.cb.subscribe((function(e){!0===e&&(Object(l.b)(),setTimeout((function(){Object(l.Z)()}),7e3),l.cb.next(!1))}))}ke()}}))}),[]);var Ne=function(){l.h.next(!0),setTimeout((function(){var e;null===(e=document.getElementById("design-door-tab"))||void 0===e||e.click(),window.scrollTo(0,0)}),1e3)},je=function(e){var t="";return t=e.indexOf("http")>-1?e:m+e,e.indexOf("{hardware-overlay-image}")>-1&&(t=""),t},Se=function(e){var t=e.split(".")[0]?e.split(".")[0]:"";if("dev"!==t&&"qa"!==t&&"www"!==t){var n=new RegExp(/^([a-z]+\:\/{2})?([\w-]+\.[\w-]+\.\w+)$/);return!!e.match(n)}return!1},ke=function(){var e,t,n=localStorage.getItem("marginPrices"),a=JSON.parse(n),o=0,r=0,l=localStorage.getItem("doorPricing"),i=JSON.parse(l),c=0;r=Number(!1===Q?null===a||void 0===a||null===(e=a.additional_charges)||void 0===e?void 0:e.site_check:null===a||void 0===a||null===(t=a.additional_charges)||void 0===t?void 0:t.site_check_diy),r=isNaN(r)?0:r;for(var d=localStorage.getItem("design-door"),s=JSON.parse(d),m=0;m<s.length;m++)for(var u=0;u<(null===a||void 0===a||null===(p=a.items)||void 0===p?void 0:p.length);u++){var p,g,h,b,f,v,x,w,E;if(s[m].selectedCollection===a.items[u].sku)if(Number(s[m].selectedWidth)<16)if(isNaN(null===a||void 0===a||null===(g=a.items[u])||void 0===g||null===(h=g.priceData[0])||void 0===h?void 0:h.labour_charge))o+=0;else o+=Number(null===a||void 0===a||null===(b=a.items[u])||void 0===b||null===(f=b.priceData[0])||void 0===f?void 0:f.labour_charge);else if(isNaN(null===a||void 0===a||null===(v=a.items[u])||void 0===v||null===(x=v.priceData[1])||void 0===x?void 0:x.labour_charge))o+=0;else o+=Number(null===a||void 0===a||null===(w=a.items[u])||void 0===w||null===(E=w.priceData[1])||void 0===E?void 0:E.labour_charge)}for(var O=0;O<i.length;O++)c=isNaN(i[O])?c:c+Number(i[O]);X(c),te(o+r),oe(c+r+o)},Ae=function(e,n){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];s()({method:"post",url:a?d.replace("{brand}","".concat(e,"rq")):d.replace("{brand}",e),data:n,headers:{"Content-Type":"multipart/form-data"}}).then((function(e){Ie("success"),be(t.sendEmailSuccessMessage.text),document.getElementById("email-success-link").click(),Object(l.Z)()}),(function(e){Ie("error"),be(t.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(l.Z)()})).catch((function(e){Ie("error"),be(t.sendEmailFailureMessage.text),document.getElementById("email-success-link").click(),Object(l.Z)()})).finally((function(){b()}))},Pe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new FormData,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=document.getElementById("parent-modal");n.style.display="none";for(var a=document.getElementsByClassName("modal-backdrop"),o=0;o<a.length;o++)a[o].style.display="none";var r=document.getElementById("parent-request-modal");r&&(r.style.display="none");var l=localStorage.getItem("desc-data"),i=JSON.parse(l);E.table("garageDoorPdf").get({key:"garageDoorPdf"}).then((function(t){var n=t.value;fetch(n).then((function(e){return e.blob()})).then((function(t){e.append("filepdf",new File([t],"print.pdf",{type:t.type}))}))})),E.table("canvasImg").get({key:"canvasImg"}).then((function(t){var n=t.value;fetch(n).then((function(e){return e.blob()})).then((function(t){e.append("fileafter",new File([t],"after.png",{type:t.type}))}))})),t||(e.append("receipients",ie),e.append("message",me)),e.append("count",i.length),e.append("g-recaptcha-response",h),e.append("isDealer",Se(window.location.host));var c="";E.table("image").toArray().then((function(t){t.length>0&&(c=t[0].image,fetch(c).then((function(e){return e.blob()})).then((function(t){var n="";"image/jpeg"===t.type&&(n="file0.jpeg"),"image/jpg"===t.type&&(n="file0.jpg"),"image/png"===t.type&&(n="file0.png");e.append("file0",new File([t],n,{type:t.type}))})))}));for(var d="",s=function(t){var n=i[t].doorText;d+="<div><h3>Door #".concat(t+1,"</h3>");for(var a=0;a<n.length;a++)d+="<p>".concat(n[a][0],": ").concat(n[a][1],"</p> ");d+="</div>";var o="file"+(t+1)+".png",r=localStorage.getItem("file"+t);fetch(r).then((function(e){return e.blob()})).then((function(n){var a="file"+(t+1);e.append(a,new File([n],o,{type:n.type}))}))},m=0;m<i.length;m++)s(m);e.append("doorsHTML",d),setTimeout((function(){var n=localStorage.getItem("brandId")||"doordesigner";if(w&&w.length>0){var a=w.findIndex((function(e){return e.id.toLowerCase()===n.toLowerCase()}));a>-1&&(n=w[a].value)}Ae(n,e,t)}),5e3)},Ue=function(){var e;null===(e=s.a.get(O))||void 0===e||e.then((function(e){var t=e.data.data;if(t.length>0){var n=[];t.forEach((function(e,t){n[t]={text:e.name,value:e.name}})),we(n)}}))};return r.a.createElement("div",{className:"review-save-main"},B&&r.a.createElement(u.a,null),r.a.createElement("div",{className:"review-save-main-inner"},r.a.createElement("div",{className:"row no-gutters lg-images"},r.a.createElement("div",{className:"col-12 col-md-6 print-door print-door1"},r.a.createElement("figure",{className:"figure"},r.a.createElement("img",{loading:"lazy",id:"before-img",alt:"Garage Door Before Design",src:U,className:"figure-img img-fluid",onLoad:function(){return null}}),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",{loading:"lazy",id:"after-img",alt:"Garage Door After Design",src:L,className:"figure-img img-fluid"}),r.a.createElement("figcaption",{className:"figure-caption amarr-h4"},t.after.text))),r.a.createElement("div",{className:"container inner-container"},r.a.createElement("p",{className:"body-text3"},t.disclaimer.text))),r.a.createElement("div",{className:"container inner-container d-flex justify-content-between flex-wrap links-and-buttons hide-print-media","data-html2canvas-ignore":"true"},r.a.createElement("div",{className:"next-btn back-btn pr-md-3 pr-lg-0 pr-0 d-flex hide-print-media"},r.a.createElement("div",{className:"mr-3 hide-print-media"},r.a.createElement(c.a,{label:Object(l.i)(n),onClick:Ne,inverse:!0})),r.a.createElement("div",{className:"hide-print-media"},r.a.createElement(c.a,{label:Object(l.i)(t.startOver.text),onClick:function(){var e;localStorage.removeItem("door-size"),localStorage.removeItem("image-type"),localStorage.removeItem("image"),localStorage.removeItem("uploadedFileName"),localStorage.removeItem("desc-data"),localStorage.removeItem("design-door"),localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("tabValue","0"),q(!1),null===(e=document.getElementById("door-size-tab"))||void 0===e||e.click(),window.scrollTo(0,0),l.v.next(!0)}}))),r.a.createElement("div",{"data-html2canvas-ignore":"true",className:"hide-print-media"},r.a.createElement("div",{className:"row text-left text-md-right my-lg-0 mx-lg-0 align-items-center justify-content-end share-buttons"},r.a.createElement("div",{onClick:function(){q(!W);var e=localStorage.getItem("file0")?localStorage.getItem("file0"):"",t=localStorage.getItem("file1")?localStorage.getItem("file1"):"",n=localStorage.getItem("file2")?localStorage.getItem("file2"):"",a=localStorage.getItem("file3")?localStorage.getItem("file3"):"";localStorage.setItem("fav0",e),localStorage.setItem("fav1",t),localStorage.setItem("fav2",n),localStorage.setItem("fav3",a);var o=localStorage.getItem("desc-data"),r=JSON.parse(o);r.forEach((function(e,t){e.sequence=t+1}));var l={data:r,time:new Date,imageRootPath:m,door:g};!1===W?localStorage.setItem("designer-fav",JSON.stringify(l)):localStorage.removeItem("designer-fav")},className:"add-to-favourites cursor-pointer align-items-center share-item"},!0===W?r.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ic-fav-red-fill.svg"),alt:"Favourite Icon",className:"mr-2"}):r.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("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",{loading:"lazy",src:Object(l.E)().concat("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(){return function(){var e=document.title,t=localStorage.getItem("brandId");t&&"amarrdoordesigner"!==t.toLowerCase()&&(document.title="Easily Design Your Garage Door"),window.print(),setTimeout((function(){document.title=e}),2e3)}()},className:"print cursor-pointer d-flex align-items-center share-item"},r.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("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",{loading:"lazy",src:Object(l.E)().concat("ic-mail.svg"),alt:"Mail Icon",className:"mr-2"}),r.a.createElement("h6",{className:"m-0"},t.email.text)),localStorage.getItem("brandId")&&t.customBrandRQForm?r.a.createElement("div",{onClick:function(){document.getElementById("parent-request-modal").style.display="block"},"data-toggle":"modal","data-target":"#requestToQuote-modal",className:"email pdf-generate-email cursor-pointer d-flex align-items-center share-item"},r.a.createElement(c.a,{label:Object(l.i)(t.raq.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(c.a,{label:Object(l.i)(t.raq.text),onClick:function(){for(var e="Source:"+window.location.origin+"|",t=localStorage.getItem("desc-data"),n=JSON.parse(t),a=0;a<n.length;a++){e=e+"Door#"+(a+1)+"|";for(var o=n[a].doorText,r="",c=0;c<o.length;c++)r=c===o.length-1?r+o[c][0]+":"+o[c][1]+";":r+o[c][0]+":"+o[c][1]+",";e+=r}var d=encodeURIComponent(e);localStorage.setItem("doorDesignerDescription",e);var m=new URLSearchParams(window.location.search);if(m)if(m.has("id")&&m.get("id")&&m.has("locationId")&&m.get("locationId")){var u;Object(l.b)();var p=m.get("id"),g=m.get("locationId");null===(u=Object(M.c)({url:x.replace("{accountNumber}",p).replace("{dealerListingLocationId}",g)}))||void 0===u||u.then((function(e){var t=e.data;if(Object(l.Z)(),t.enrolledInDispatch){var n=(f=f.replace("{locationId}",t.dealer.accountNumber))+d;window.open(n,"_blank")}else{var a="mailto:".concat(t.dispatchNotificationEmail?t.dispatchNotificationEmail:t.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(a,"_blank")}})).catch((function(e){var t;Object(l.Z)(),console.log("Error Logged: ",e),null===(t=document.getElementById("something-went-wrong-modal-link"))||void 0===t||t.click()}))}else{var h=new URL(window.location.href).host;if(Se(h))Object(l.b)(),s.a.get("".concat(v,"?micrositeDomain=").concat(h)).then((function(e){var t=e.data;if(Object(l.Z)(),t.totalCount>0){var n=t.data[0].dealerListingLocations;if(n.length>0){var a=n[0];if(a.enrolledInDispatch){var o=(f=f.replace("{locationId}",a.id))+d;window.open(o,"_blank")}else{var r="mailto:".concat(a.dispatchNotificationEmail?a.dispatchNotificationEmail:a.email,"?subject=Request a quote from amarr.com&body=").concat(encodeURIComponent("I would like a quote on the following door\r\n\n")).concat(d).concat(encodeURIComponent("\r\n\nPlease contact me at the phone number below\r\n"));window.open(r,"_blank")}}else console.warn("No Listing Locations are available for this dealer")}else{var c=i;window.open(c,"_blank")}}));else{var b=i;window.open(b,"_blank")}}}}))))),r.a.createElement("div",{className:"container inner-container d-lg-flex review-save-door-box pt-5"},N&&N.length>0&&N.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"},g," ",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",{loading:"lazy",onClick:function(e){return function(e,t){Ne();var n="subTab-"+t;setTimeout((function(){var e;null===(e=document.getElementById(n))||void 0===e||e.click()}),1200)}(0,t)},src:Object(l.E)().concat("ic-edit.svg"),alt:"Edit Icon",className:"editEffect"})))),r.a.createElement("div",{className:"row m-0 px-3 pt-4 pb-5 mb-3 image-row text-center"},r.a.createElement("div",{className:"col-12 p-0"},r.a.createElement("span",{className:"hardware-img-parent"},r.a.createElement("img",{loading:"lazy",alt:e.doorText[2][1],src:je(e.doorImage[0])}),je(e.doorImage[1])&&je(e.doorImage[1]).length>0&&r.a.createElement("img",{loading:"lazy",className:"hardware-img",alt:e.doorText[2][1],src:je(e.doorImage[1])})))),r.a.createElement("div",{className:"door-review-info body-text3 p-3"},e.doorText&&e.doorText.map((function(e,t){return 0==t||1==t||2==t?r.a.createElement("div",{className:"row m-0 font-weight-semi",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1]))):r.a.createElement("div",{className:"row m-0 ",key:t},r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[0])),r.a.createElement("div",{className:"col-6 p-0"},r.a.createElement("span",null,e[1])))})))))})))),r.a.createElement(R,{emailPath:d,imageRootPath:m,reviewsaveData:t,ok:p,recaptchaToken:h,sendMail:Pe,setEmailOnReview:ce,setMessageOnReview:ue,popupMsg:he,popupType:ye}),t.customBrandRQForm&&r.a.createElement(_,{customBrandRQForm:t.customBrandRQForm,customBrandRQFormStates:xe,heading:t.customBrandRQForm.heading,requestQuoteButton:t.customBrandRQForm.requestQuoteButton,closeButton:t.customBrandRQForm.closeButton,sendMail:Pe}),r.a.createElement("canvas",{id:"email-img0",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img1",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img2",width:"500",height:"500"}),r.a.createElement("canvas",{id:"email-img3",width:"500",height:"500"}),r.a.createElement("a",{id:"something-went-wrong-modal-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-something-went-wrong"}),r.a.createElement(z.a,{name:"something-went-wrong",type:"error",text:"Something went wrong!",buttonText:p}),r.a.createElement("a",{id:"email-success-link",href:"#","data-toggle":"modal","data-target":"#msg-popup-email-sent"},t.sendEmailButtonLabel.text),r.a.createElement(z.a,{name:"email-sent",type:ye,text:he,buttonText:p}))},B=n(43),V=n(67),J=n(32),G=n.n(J),Q=function(e){Object(x.a)(n,e);var t=Object(w.a)(n);function n(){return Object(v.a)(this,n),t.apply(this,arguments)}return Object(V.a)(n,[{key:"render",value:function(){var e=this.props.node||document.body;return G.a.createPortal(this.props.children,e)}}]),n}(r.a.Component),K=n(13),X=n.n(K),Y={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},ee=n(12),te=n(2);function ne(){var e=Object(ee.a)(["\n .stepper-head {\n margin-bottom: 0;\n }\n\n .door-designer {\n margin: 0 auto;\n }\n\n .sticky-content {\n position: sticky;\n top: 150px;\n bottom: 0;\n z-index: 2;\n align-self: flex-start;\n\n @media "," {\n top: 120px;\n }\n @media screen and "," {\n position: relative;\n background: var(--bg-main);\n top: 0;\n }\n }\n\n .editEffect {\n cursor: pointer;\n\n &:hover {\n transform: scale(1.1);\n transition: 0.2s;\n }\n }\n\n .main-content {\n margin-top: 40px;\n margin-bottom: 60px;\n .tabs-container {\n margin: 0 auto;\n }\n }\n\n .btn-inverse,\n .next-btn button {\n min-width: 80px !important;\n }\n .door-size-content {\n .row {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n }\n .row {\n margin-top: 40px;\n margin-bottom: 40px;\n @media screen and "," {\n margin-top: 10px;\n }\n }\n\n button {\n cursor: pointer;\n }\n\n .door-dimension-select {\n display: inline-grid;\n width: 170px;\n position: relative;\n :not(:last-child) {\n margin-right: 24px;\n }\n }\n\n .selected-item {\n transition: 0.2s;\n border: solid 4px #de0000;\n }\n #doordesigner-link {\n visibility: hidden;\n font-size: 1px;\n }\n .alert-popup .modal-dialog-centered.dd-popup {\n margin: 20px auto 0;\n }\n .alert-popup {\n .modal {\n padding: 0 !important;\n\n &-dialog {\n max-width: 58% !important;\n @media screen and "," {\n max-width: 100% !important;\n }\n @media screen and "," and "," {\n max-width: 430px !important;\n }\n\n &-centered {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n margin: 0 auto;\n }\n }\n\n &-content {\n padding: 30px;\n width: 100%;\n @media "," {\n margin-left: 17px;\n }\n }\n\n &-header,\n &-body,\n &-footer {\n padding: 0;\n }\n\n &-header {\n border-bottom: none;\n .close {\n padding: 0;\n margin: 0;\n position: absolute;\n right: 15px;\n top: 15px;\n }\n }\n\n &-footer {\n border-top: none;\n button {\n min-width: 100px;\n }\n }\n }\n }\n .door-box {\n width: 48px;\n height: 48px;\n display: inline-grid;\n place-items: center;\n margin-right: 18px;\n border-radius: 4px;\n border: solid 1px #b6b9bb;\n line-height: 1.5;\n cursor: pointer;\n\n &.selected {\n border: solid 2px var(--accent);\n color: var(--accent);\n transition: 0.4s;\n }\n }\n\n .nav-tabs {\n border-bottom: transparent;\n margin-left: 0;\n\n .nav-item {\n width: 25%;\n\n &.show {\n .nav-link {\n color: var(--accent);\n background-color: var(--bg-main);\n border-bottom: 2px solid var(--accent);\n }\n }\n\n &.active {\n .door-box {\n background-color: var(--accent);\n }\n }\n\n .door-box {\n width: 36px;\n height: 36px;\n color: var(--bg-main);\n background-color: #8d8d8d;\n vertical-align: text-top;\n margin-top: 2px;\n }\n }\n\n .nav-link {\n border: 1px solid transparent;\n padding: 0 0 18px 0;\n color: #333;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &.active {\n color: var(--accent);\n background-color: var(--bg-main);\n border-bottom: 2px solid var(--accent);\n }\n }\n }\n\n .garage-door-size-select .amarrHighlight {\n margin-left: 40px;\n }\n\n .door-size-select-container {\n position: relative;\n }\n select {\n appearance: none;\n cursor: pointer;\n }\n .select-dropdown {\n &-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n right: 12px;\n top: 34%;\n transform: rotate(87deg);\n pointer-events: none;\n }\n }\n .share-buttons {\n .share-item:not(:last-child) {\n margin-right: 16px;\n }\n }\n @media screen and (max-width: 1136px) {\n .nav-tabs .nav-item .door-box {\n margin-top: -2px;\n margin-right: 8px;\n }\n .description.door-properties {\n padding: 0px 0 10px !important;\n }\n .door-properties {\n padding: 10px 0px !important;\n }\n .tab-info {\n p {\n margin-bottom: 12px;\n }\n }\n }\n\n @media screen and "," {\n .share-buttons {\n justify-content: flex-start !important;\n // row-gap: 10px;\n }\n\n span {\n &.gallery-image {\n img {\n min-height: auto !important;\n }\n }\n }\n .links-and-buttons > * {\n margin: 10px 0 0 0px;\n }\n .links-and-buttons {\n margin: -10px 0 0 0px;\n }\n .share-buttons > * {\n margin: 10px 0 0 0px;\n }\n .share-buttons {\n margin: -10px 0 0 0px;\n }\n }\n @media screen and "," and "," {\n .links-and-buttons {\n // row-gap: 10px;\n }\n }\n @media screen and "," {\n .nav-tabs .nav-item .door-box {\n display: none;\n }\n }\n\n @media screen and "," {\n .nav-tabs .nav-link {\n padding-bottom: 4px;\n }\n\n .nav-tabs .nav-link > span {\n width: 100%;\n display: inline-block;\n font-size: var(--font-size-m1);\n }\n\n .garage-door-size-select .amarrHighlight {\n display: block;\n margin-left: 0px;\n }\n\n .door-dimension-select {\n width: calc(50% - 15px);\n :not(:last-child) {\n margin-right: 30px;\n }\n }\n }\n\n // ====================HOme page========================\n\n .door-size {\n padding-top: 16px;\n @media screen and "," {\n padding-top: 24px;\n }\n }\n\n .home-image-tab .row {\n margin-top: 24px;\n margin-bottom: 24px;\n @media screen and "," {\n margin-top: 12px;\n margin-bottom: 12px;\n .home-image-upload-photo {\n padding-top: 12px;\n }\n }\n }\n\n .upload-instructions {\n margin-left: 2rem;\n li {\n padding-left: 0.5rem;\n &::marker {\n font-size: var(--font-size-s1);\n }\n }\n }\n\n span.gallery-image {\n flex: 1 1 calc(16% - 18px);\n img {\n min-height: 125px;\n }\n }\n .photo-gallery {\n padding-bottom: 8px;\n @media screen and "," {\n padding-bottom: 18px;\n }\n @media screen and "," {\n padding-bottom: 16px;\n }\n }\n .photo-gallery-container {\n border: 1px solid #8d8d8d;\n border-radius: 4px;\n padding: 18px;\n max-height: 520px;\n overflow-y: auto;\n div {\n display: flex;\n flex-wrap: wrap;\n gap: 18px;\n }\n }\n\n @media screen and "," {\n span.gallery-image {\n flex: 1 1 45%;\n }\n }\n\n // ===================================Desingn Door ================\n\n .tabs-container.design-door-tabs {\n background-color: #f0f0f0;\n\n .nav-tabs {\n .nav-link {\n padding: 14px 0;\n\n &.active {\n background-color: inherit;\n }\n }\n }\n }\n .tab-info {\n margin-top: 12px;\n margin-left: -15px;\n @media screen and ",' {\n margin-left: 0px;\n }\n }\n .description.door-properties {\n padding: 0px 20px 40px;\n }\n .door-properties {\n padding: 40px 20px;\n\n .door-properties-select {\n margin: 24px 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .btn-group {\n display: block;\n\n button {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n border: solid 1px #b6b9bb;\n background-color: var(--bg-main);\n text-align: left;\n\n &:after {\n display: block;\n position: absolute;\n right: 12px;\n color: #8d8d8d;\n border: none;\n top: 32%;\n content: "";\n background-image: ',";\n transform: rotate(87deg);\n background-size: 16px;\n width: 16px;\n height: 16px;\n background-repeat: no-repeat;\n }\n @media screen and "," {\n padding: 9px 12px;\n }\n }\n }\n\n .dropdown-menu.show {\n max-height: 400px;\n overflow-y: auto;\n scroll-behavior: smooth;\n\n .dropdown-item {\n vertical-align: text-top;\n\n p {\n white-space: break-spaces;\n color: #333333;\n margin: 0;\n }\n }\n }\n }\n }\n\n .apply-checkbox {\n display: flex;\n align-items: center;\n\n input {\n height: 20px;\n width: 20px;\n }\n\n label {\n display: inline-block;\n margin-left: 10px;\n margin-bottom: 0;\n }\n }\n\n .button-grp {\n display: flex;\n margin-top: 24px;\n\n > div {\n &:nth-child(1) {\n margin-right: auto;\n }\n &:nth-child(2) {\n margin-right: 1.5rem;\n }\n }\n }\n\n @media screen and (max-width: 968px) {\n .gallery-image {\n .color-block {\n height: 6rem;\n }\n }\n }\n\n @media screen and (max-width: 1136px) {\n .design-door-tab .tab-content {\n margin-top: 14px;\n }\n }\n\n // ===========Modal==============\n\n .details-modal {\n .details-modal-container {\n display: flex;\n gap: 36px;\n align-items: center;\n @media screen and "," {\n display: block;\n }\n }\n .ok-button button.btn {\n padding-left: 36px;\n padding-right: 36px;\n }\n .modal-img-container {\n min-width: 18vw;\n max-width: 50%;\n @media screen and "," {\n margin-bottom: 8px;\n max-width: 100%;\n }\n }\n .modal {\n &-dialog {\n max-width: 65%;\n @media screen and "," {\n max-width: 100%;\n }\n }\n &-header,\n &-body,\n &-footer {\n padding: 0px 36px 0px 36px;\n border: 0;\n @media screen and "," {\n padding: 0px 20px 0px 20px;\n }\n }\n &-body {\n padding-bottom: 36px;\n @media screen and "," {\n padding-bottom: 20px;\n }\n }\n &-header {\n padding-top: 8px;\n }\n }\n .button-div {\n display: flex;\n // gap: 24px;\n }\n }\n .mosaic-modal {\n .modal {\n &-dialog {\n max-width: 40%;\n @media screen and "," {\n max-width: 100%;\n }\n }\n }\n }\n .modal {\n &-header,\n &-body,\n &-footer {\n padding: 36px;\n border: 0;\n }\n\n &-header,\n &-body {\n padding-bottom: 15px;\n }\n\n &-body {\n padding-top: 0px;\n\n + p {\n padding: 15px 36px 20px;\n }\n }\n\n &-footer {\n justify-content: flex-start;\n\n > :not(:first-child) {\n margin-left: 1rem;\n }\n button {\n min-width: 100px;\n }\n }\n\n &.show {\n .modal-dialog {\n max-width: 65%;\n }\n }\n .mosaic-modal {\n &.show {\n .modal-dialog {\n max-width: 50%;\n }\n }\n }\n\n &-dialog-centered {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: calc(100% - (0.5rem * 2));\n }\n\n &-content {\n width: 100%;\n }\n\n .photo-gallery-container {\n border: none;\n padding: 0;\n margin: 0;\n max-height: 400px;\n overflow-y: auto;\n scroll-behavior: smooth;\n\n span.gallery-image {\n height: 170px;\n }\n }\n }\n\n .mosaic-note {\n margin-top: 30px;\n font-size: var(--font-size-m1);\n }\n\n .mosaicGlazed {\n color: blue;\n }\n .mosaicGlazed:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n @media "," {\n .modal-dialog-centered {\n min-height: calc(100% - (1.75rem * 2));\n }\n }\n\n @media screen and "," {\n .modal.show {\n padding-right: 0 !important;\n .modal-dialog {\n max-width: 100%;\n }\n }\n }\n\n // ===========================Review and save=======================\n @media screen and "," {\n .review-save-main .no-gutters .col-md-6:first-child {\n max-width: calc(50% - 10px);\n margin-right: 10px;\n }\n .review-save-main .no-gutters .col-md-6:nth-child(2) {\n max-width: calc(50% - 10px);\n margin-left: 10px;\n }\n }\n\n .review-save-main {\n .figure {\n width: 100%;\n text-align: center;\n .figure-img {\n margin-bottom: 0;\n }\n }\n .disclaimer-text {\n font-size: var(--font-size-m1);\n }\n\n &__order-estimation {\n &__estimates {\n border: solid 1px var(--border-color);\n border-radius: 4px;\n padding: 15px;\n\n &__item {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n }\n }\n\n &__actions {\n &__add-to-cart {\n button {\n padding-left: 50px;\n padding-right: 50px;\n }\n }\n }\n }\n }\n\n .figure-caption {\n color: #333;\n background-color: #f0f0f0;\n width: 100%;\n text-align: center;\n padding: 13px 0;\n }\n\n .review-save-door-box .multiple-doors {\n border: 1px solid #8d8d8d;\n border-radius: 4px;\n /* margin-right: 18px; */\n }\n\n .review-save-door-box .image-row {\n min-height: 15rem;\n align-items: top;\n }\n\n .review-save-door-box {\n gap: 1.88%;\n .multiple-doors {\n width: 100% !important;\n @media screen and "," {\n max-width: calc(25% - 18px);\n flex: 0 0 23.55%;\n }\n }\n }\n\n .font-weight-semi {\n font-weight: var(--font-weight-semi-bold);\n }\n .door-review-info {\n border-top: solid 1px #8d8d8d;\n }\n\n @media screen and "," {\n .review-save-door-box {\n display: grid;\n grid-template-columns: repeat(4, 35%);\n will-change: transform;\n align-content: center;\n overflow-x: auto;\n -ms-scroll-snap-coordinate: 0 0;\n scroll-snap-coordinate: 0 0;\n -ms-scroll-snap-points-x: repeat(100%);\n scroll-snap-points-x: repeat(100%);\n -ms-scroll-snap-type: x mandatory;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n column-gap: 18px;\n }\n\n .door-box {\n width: 38px;\n height: 38px;\n }\n }\n\n @media screen and (max-width: 1376px) {\n .review-save-door-box {\n grid-template-columns: repeat(4, 42%);\n }\n }\n\n @media screen and "," {\n .door-box {\n width: 36px;\n height: 36px;\n }\n\n .review-save-door-box {\n grid-template-columns: repeat(4, 52%);\n }\n }\n\n @media screen and "," {\n .review-save-door-box {\n grid-template-columns: repeat(4, 62%);\n }\n\n .next-btn.request-quote {\n width: 100%;\n margin: 0 !important;\n margin-top: 10px !important;\n }\n\n .nav-tabs {\n gap: 2%;\n flex-wrap: initial;\n align-items: center;\n }\n }\n\n @media screen and "," {\n .review-save-main {\n .figure {\n margin-bottom: 10px;\n img {\n margin-bottom: 0;\n }\n }\n }\n .review-save-door-box {\n grid-template-columns: repeat(4, 72%);\n }\n .row.no-gutters.lg-images {\n margin-bottom: 0;\n }\n .row.links-and-buttons {\n margin-top: 0;\n }\n\n .next-btn.back-btn {\n // margin-bottom: 15px;\n }\n\n .next-btn.request-quote {\n margin-top: 15px;\n }\n }\n\n @media screen and (max-width: 450px) {\n .review-save-door-box {\n grid-template-columns: repeat(4, 90%);\n }\n }\n\n canvas {\n width: 100%;\n }\n\n //Common\n .next-btn {\n button {\n min-width: 140px;\n text-transform: uppercase;\n @media screen and "," {\n min-width: 75px;\n }\n }\n }\n\n .color-block {\n display: inline-block;\n width: 100%;\n height: 4rem;\n }\n\n .photo-gallery-container a {\n width: 14%;\n\n @media screen and "," {\n width: 15%;\n .color-block {\n height: 8rem;\n }\n }\n\n @media screen and "," {\n width: 14%;\n }\n\n @media screen and (max-width: 968px) {\n width: 45%;\n }\n }\n\n .dropdown-item {\n padding: 10px;\n }\n\n .heading-tabs .nav-link {\n user-select: none;\n pointer-events: none;\n }\n .heading-tabs .nav-item {\n user-select: none;\n pointer-events: none;\n }\n\n .image-row img {\n max-height: 10rem;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n #email-success-link {\n visibility: hidden;\n }\n\n .modal-show {\n display: block !important;\n }\n .label-top-margin {\n margin-top: 0.5rem;\n }\n\n .file-button {\n opacity: 0;\n width: 130px;\n height: 44px;\n position: absolute;\n @media screen and "," {\n width: 120px;\n height: 36px;\n }\n }\n .upload-image-btn {\n display: block;\n position: relative;\n width: 130px;\n height: 42px;\n // margin: 18px 24px 24px 240px;\n // padding: 12px 22px;\n border-radius: 4px;\n border: solid 1px #b6b9bb;\n background-image: linear-gradient(\n to top,\n var(--dim-grey),\n var(--bg-main)\n );\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--bg-main);\n font-weight: var(--font-weight-semi-bold);\n cursor: pointer;\n transition: transform 0.2s ease-out;\n label {\n line-height: 0;\n padding-top: 14px;\n margin-bottom: 0px;\n }\n input:focus{\n & ~ label{\n outline: -webkit-focus-ring-color auto 1px;\n }\n }\n @media screen and "," {\n width: 120px;\n height: 36px;\n label {\n padding-top: 15px;\n }\n }\n }\n .upload-file-container {\n display: flex;\n align-items: center;\n // gap: 20px;\n .upload-image-btn {\n margin-right: 20px;\n }\n }\n .hardware-img-parent {\n position: relative;\n display: inline-block;\n .hardware-img {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n }\n .add-to-favourites {\n display: flex;\n }\n @media print {\n @page {\n margin-top: 2cm;\n padding-top: 2cm;\n margin-left: 0;\n margin-right: 0;\n size: 297mm 420mm;\n }\n .hide-print-media {\n display: none;\n }\n .review-save-door-box .image-row {\n height: 10rem;\n }\n\n body {\n width: 100%;\n height: 100%;\n }\n\n .print-door {\n //max-height: 450px !important;\n img {\n //height: 450px !important;\n padding: 0 20px !important;\n }\n }\n .figure-img {\n width: calc(50%);\n }\n .review-save-door-box {\n /* width: 38%; */\n max-width: 100%;\n justify-content: center;\n\n .multiple-doors {\n /* page-break-after: always; */\n float: left !important;\n border: 0 !important;\n width: 25%;\n display: inline-block;\n .door-review-info {\n padding: 10px !important;\n border: 0;\n }\n\n h6,\n .body-text2,\n .body-text3 {\n font-size: var(--font-size-s1) !important;\n line-height: 18px;\n font-weight: normal !important;\n }\n\n span {\n font-weight: normal !important;\n }\n }\n }\n }\n .parent-pixi {\n position: relative;\n #small-loader {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 600px;\n display: block;\n @media "," {\n height: 400px;\n }\n .loader {\n text-align: center;\n overflow: hidden;\n background: var(--bg-black);\n overflow: hidden;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n div {\n align-items: center;\n }\n }\n }\n }\n #email-img0,\n #email-img1,\n #email-img2,\n #email-img3,\n #something-went-wrong-modal-link {\n display: none;\n }\n\n @media print {\n .col-12, .col-xl-12, .col-lg-12, .col-12{\n max-width: 100%;\n }\n .hardware-img-parent{\n float:left;\n } \n .door-review-info{\n width: 350px;\n }\n }\n\n .request-quote-dialog {\n max-width: 55% !important;\n .modal-content {\n border: 0px;\n }\n .modal-header {\n background: #006166;\n padding: 15px;\n color: white;\n padding-bottom: 9px;\n }\n }\n\n @media screen and "," {\n .request-quote-dialog {\n max-width: 100% !important\n }\n }\n \n "]);return ne=function(){return e},e}var ae=j.default.div.withConfig({displayName:"styles__Content",componentId:"sc-8aak66-0"})(["",""],(function(e){var t;(null===(t=e.gradients)||void 0===t?void 0:t.visible)?e.theme.gradient:e.theme;return Object(j.css)(ne(),te.b.mediumDesktopAndUp4Max,te.b.mobileMax,te.b.mobileMax,te.b.mobileMax,te.b.tabletPortraitUp,te.b.desktopAndUpMax,te.b.tabletPortraitAndUpMax,te.b.tabletLandscapeAndUpMax,te.b.tabletPortraitUp,te.b.tabletLandscapeAndUpMax,te.b.tabletPortraitMax,te.b.largeMobileAndUp2Max,te.b.largeDesktopMin,te.b.mobileMax,te.b.mobileMax,te.b.largeDesktopMin,te.b.largeMobileAndUp2Max,te.b.mobileMax,(function(){return"url("+Object(l.E)().concat("ic-arrow-right-dark.svg")+")"}),te.b.maxWidthAndUpMax,te.b.mobileMax,te.b.mobileMax,te.b.largeMobileAndUp2Max,te.b.mobileMax,te.b.mobileMax,te.b.largeMobileAndUp2Max,te.b.largeMobileAndUp2,te.b.largeMobileAndUp2Max,te.b.tabletLandscapeAndUp,te.b.desktopAndUp,te.b.desktop2Max,te.b.desktopAndUpMax,te.b.tabletPortraitAndUpMax,te.b.largeMobileAndUp2Max,te.b.largeMobileAndUp2Max,te.b.mediumDesktopAndUp,te.b.desktopAndUpMax,te.b.mobileMax,te.b.mobileMax,te.b.mobileMax,te.b.largeMobileAndUp2Max)})),oe=n(8),re=n(9),le=n(10),ie={door:{text:""},next:{text:""},back:{text:""},save:{text:""},cancel:{text:""},popupMessage:{text:""},ok:{text:""},step1:{heading:{text:""},numberOfDoorsLabel:{text:""},sizeOfDoorsLabel:{text:""},cta:{label:"",url:"",linkAction:"",visible:!1,isInternal:!1},sizeOfDoorsInfo:{text:""},width:{text:""},widthPlaceholder:{text:""},height:{text:""},heightPlaceholder:{text:""}},step2:{heading:{text:""},uploadImage:{text:""},uploadStepsLabel:{text:""},uploadNoImageText:{text:""},uploadSteps:[{text:""},{text:""}],uploadStepsHelpText:{text:""},uploadStepsErrorMessage:{text:""},or:{text:""},chooseSample:{text:""},noSelectionImage:{text:""},errorMessageNoImages:{text:""}},step3:{heading:{text:""},doorCollection:{text:""},panelDesign:{text:""},color:{text:""},windowDesign:{text:""},windowPlacement:{text:""},glass:{text:""},construction:{text:""},decorativeHardware:{text:""},applyDesign:{text:""},disclaimer:{text:""},colorModalTitle:{text:""},colorModalSubTitle:{text:""},colorModalDisclaimer:{text:""},colorModalSearchEmpty:{text:""},windowModalTitle:{text:""},windowModalSubTitle:{text:""},viewDetails:{text:""},firstDoorDescription:{text:""},secondDoorDescription:{text:""},thirdDoorDescription:{text:""},fourthDoorDescription:{text:""}},step4:{heading:{text:""},before:{text:""},after:{text:""},disclaimer:{text:""},favourites:{text:""},savePdf:{text:""},print:{text:""},email:{text:""},raq:{text:""},startOver:{text:""},title:{text:""},materialCharges:{text:""},professionalInstallationCharges:{text:""},miscellaneousCharges:{text:""},siteCheckCost:{text:""},totalEstimate:{text:""},addToCartButton:{label:"",url:"",marketingUrl:"",isInternal:!1},emailFieldLabel:{text:""},emailMessageLabel:{text:""},sendEmailButtonLabel:{text:""},sendEmailSuccessMessage:{text:""},sendEmailFailureMessage:{text:""},emailFieldValidationMessage:{text:""},customBrandRQForm:null},invisibleRecaptchaKey:"",apiURL:"",doorOptionsAPIURL:"",doorHintsAPIURL:"",doorDescriptionAPIURL:"",colorZoneAPIURL:"",rulesAPIURL:"",statesAPIURL:"",uploadHouseImagePath:"",imageRootPath:"",dispatchRequestQuoteURL:"",emailPath:"",doorImageRootPath:"",sampleHomeImagesCSV:"",microSiteDispatchRequestQuoteURL:"",dealerInfoAPIURL:"",dealerLocationListingAPIPath:"",doorCoordinatesAPIURL:"",doorCoordinatesUpdateAPIURL:"",collectionDetailURLs:{olymp:"",horiz:"",carct:"",desch:"",hillc:"",herit:"",class:"",vista:"",linco:""},customBrands:{id:"",brand:""},customBrandRQForm:null},ce=function(e){var t,n,i=X()({},ie,Object(l.g)(e.content)),d=Object(o.useState)("door-size"),s=Object(a.a)(d,2),m=s[0],u=s[1],p=Object(o.useRef)(),h=Object(o.useState)(""),b=Object(a.a)(h,2),f=b[0],v=b[1],x=function(e,t){u(t)};Object(o.useEffect)((function(){l.A.subscribe((function(e){if(!0===e){localStorage.removeItem("brandId"),localStorage.removeItem("image-type"),localStorage.removeItem("image"),localStorage.removeItem("uploadedFileName"),localStorage.removeItem("canvasImg"),localStorage.setItem("selected-imageIndex","0"),localStorage.setItem("image-type","chosen"),localStorage.removeItem("isDoorPointsUpdated");for(var t=1;t<=4;t++)localStorage.removeItem("updated-door_".concat(t));l.A.next(!1)}})),l.N.subscribe((function(e){e&&p.current.execute()}))}),[]);var w=function(){p.current.execute()};return r.a.createElement(oe.a,{setter:{componentThemes:Y,selectedTheme:e.theme}},r.a.createElement(re.a,null,r.a.createElement(le.a,{padding:!1},r.a.createElement(ae,{isReversed:!1},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"===m?"active":""),onClick:function(e){return x(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,i.step1.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("home-image"===m?"active":""),onClick:function(e){return x(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,i.step2.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("design-door"===m?"active":""),onClick:function(e){return x(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,i.step3.heading.text)))),r.a.createElement("li",{role:"tab",className:"nav-item ".concat("review-save"===m?"active":""),onClick:function(e){return x(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,i.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(g,{doorSizeData:i.step1,door:i.door.text,next:i.next.text,sampleHomeImagesCSV:i.sampleHomeImagesCSV,doorOptionsAPIURL:i.doorOptionsAPIURL,imageRootPath:i.imageRootPath}))),r.a.createElement("div",{className:"tab-pane fade",id:"home-image",role:"tabpanel","aria-labelledby":"home-image-tab"},r.a.createElement("div",{className:"col-xl-9 col-md-10 col-sm-11 col-12 mx-auto px-md-0"},r.a.createElement(I,{homeImageData:i.step2,next:i.next.text,back:i.back.text,doorCoordinatesAPIURL:null===i||void 0===i?void 0:i.doorCoordinatesAPIURL}))),r.a.createElement("div",{className:"tab-pane fade",id:"design-door",role:"tabpanel","aria-labelledby":"design-door-tab"},r.a.createElement(L,{designDoorData:i.step3,door:i.door.text,next:i.next.text,back:i.back.text,save:i.save.text,cancel:i.cancel.text,ok:i.ok.text,apiURL:i.apiURL,doorOptionsAPIURL:i.doorOptionsAPIURL,doorHintsAPIURL:i.doorHintsAPIURL,doorDescriptionAPIURL:i.doorDescriptionAPIURL,colorZoneAPIURL:i.colorZoneAPIURL,rulesAPIURL:i.rulesAPIURL,doorImageRootPath:i.doorImageRootPath,collectionDetailURLs:i.collectionDetailURLs,doorCoordinatesUpdateAPIURL:i.doorCoordinatesUpdateAPIURL,dealerLocationListingAPIPath:i.dealerLocationListingAPIPath,customBrands:i.customBrands})),r.a.createElement("div",{className:"tab-pane fade",id:"review-save",role:"tabpanel","aria-labelledby":"review-save-tab"},r.a.createElement(F,{imageRootPath:i.imageRootPath,reviewsaveData:i.step4,back:i.back.text,dispatchRequestQuoteURL:i.dispatchRequestQuoteURL,emailPath:i.emailPath,ok:i.ok.text,door:i.door.text,apiURL:i.apiURL,recaptchaToken:f,recaptchaTokenReGenerate:w,microSiteDispatchRequestQuoteURL:i.microSiteDispatchRequestQuoteURL,dealerInfoAPIURL:i.dealerInfoAPIURL,dealerLocationListingAPIPath:i.dealerLocationListingAPIPath,brands:i.customBrands,statesAPIURL:i.statesAPIURL})))),r.a.createElement(Q,null,r.a.createElement(B.a,{ref:p,sitekey:i.invisibleRecaptchaKey,onChange:function(e){v(e)},size:"invisible",onExpired:w}))),r.a.createElement("a",{id:"doordesigner-link","data-toggle":"modal","data-target":"#ddpopup-link"},"ok"),r.a.createElement("div",{className:"modal fade alert-popup",id:"ddpopup-link",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered dd-popup",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body py-4 mb-3"},r.a.createElement("div",null,null===(t=i.popupMessage)||void 0===t?void 0:t.text)),r.a.createElement("div",{className:"modal-footer"},r.a.createElement("span",{className:""},r.a.createElement("a",{href:"#","data-dismiss":"modal"},r.a.createElement(c.a,{onClick:function(e){var t;e.preventDefault(),null===(t=document.getElementById("door-size-tab"))||void 0===t||t.click(),window.scrollTo(0,0)},label:Object(l.i)(null===(n=i.ok)||void 0===n?void 0:n.text)})))))))))))};ce.defaultProps={theme:"",content:""};t.a=ce},9:function(e,t,n){"use strict";var a=n(0),o=n.n(a),r=n(5),l=n(23),i=Object(a.createContext)({});t.a=function(e){var t=!1;try{var n;t=(null===(n=document)||void 0===n?void 0:n.dir)&&"rtl"===document.dir.toLowerCase()||!1}catch(c){console.log(c)}var a=t?[l.a]:[];return o.a.createElement(r.StyleSheetManager,{stylisPlugins:a},o.a.createElement(i.Provider,{value:{rtl:t}},e.children))}}});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@assaabloy/amarr-wc-door-designer",
3
- "version": "5.0.21",
3
+ "version": "5.0.23",
4
4
  "description": "Web component - Door-designer",
5
5
  "type": "module",
6
6
  "main": "door-designer.js",
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "author": "Nagarro",
13
13
  "license": "MIT",
14
- "gitHead": "51ebb8d90475905968cf276c0ddce41ca137b973"
14
+ "gitHead": "1573def407bfa9ddaaf52fc160fd22da3c0d50f8"
15
15
  }