(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{106:function(e,n,t){"use strict";t.r(n);var r={};t.r(r),t.d(r,"navy",function(){return v}),t.d(r,"blueLighter",function(){return E}),t.d(r,"blue",function(){return w}),t.d(r,"blueDarker",function(){return O}),t.d(r,"aqua",function(){return y}),t.d(r,"teal",function(){return C}),t.d(r,"olive",function(){return x}),t.d(r,"green",function(){return k}),t.d(r,"lime",function(){return j}),t.d(r,"yellow",function(){return S}),t.d(r,"orange",function(){return P}),t.d(r,"red",function(){return D}),t.d(r,"fuchsia",function(){return I}),t.d(r,"purple",function(){return N}),t.d(r,"maroon",function(){return R}),t.d(r,"white",function(){return L}),t.d(r,"gray",function(){return A}),t.d(r,"grayDark",function(){return T}),t.d(r,"grayDarker",function(){return _}),t.d(r,"silver",function(){return M}),t.d(r,"black",function(){return U});var a={};t.r(a),t.d(a,"mediaSm",function(){return F}),t.d(a,"mediaMd",function(){return q}),t.d(a,"mediaLg",function(){return V}),t.d(a,"mediaXl",function(){return B});var o={};t.r(o),t.d(o,"transparencyBackground",function(){return J});var i=t(0),s=t.n(i),c=t(22),u=t.n(c),l=t(10),d=(t(73),t(4)),p=t(5),m=t(6),g=t(7),h=t(8),f=t(2),b=t(110),v="#001F3F",E="#f0fbff",w="#0074D9",O="#005daa",y="#7FDBFF",C="#39CCCC",x="#3D9970",k="#2ECC40",j="#01FF70",S="#FFDC00",P="#FF851B",D="#FF4136",I="#F012BE",N="#B10DC9",R="#85144B",L="#FFFFFF",A="#AAAAAA",T="#5e5e5e",_="#3a3a3a",M="#DDDDDD",U="#111111",F="@media screen and (min-width: 600px)",q="@media screen and (min-width: 900px)",V="@media screen and (min-width: 1200px)",B="@media screen and (min-width: 1800px)",z=t(3);function H(){var e=Object(z.a)(["\n  background-image: linear-gradient(45deg, "," 25%, transparent 25%),\n    linear-gradient(-45deg, "," 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, "," 75%),\n    linear-gradient(-45deg, transparent 75%, "," 75%);\n  background-color: ",";\n  background-size: 20px 20px;\n  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n"]);return H=function(){return e},e}var J=Object(f.c)(H(),A,A,A,A,T);function W(){var e=Object(z.a)(["\n  color: ",";\n  text-decoration: none;\n  margin: 0;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n  }\n"]);return W=function(){return e},e}var G=f.d.a(W(),function(e){return e.theme.colors.blue}),Y=t(15);function X(){var e=Object(z.a)(["\n  margin: 0;\n  padding: 0;\n  ","\n\n  color: ",";\n"]);return X=function(){return e},e}function K(){var e=Object(z.a)(['\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",\n    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  line-height: 16px;\n']);return K=function(){return e},e}var Z=Object(f.c)(K()),Q=f.d.p(X(),Z,function(e){return e.isLight?e.theme.colors.silver:e.theme.colors.black}),$=function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(Q,Object.assign({as:"p"},t),n)};function ee(){var e=Object(z.a)(["\n              background: ",";\n            "]);return ee=function(){return e},e}function ne(){var e=Object(z.a)(["\n              background: ",";\n            "]);return ne=function(){return e},e}function te(){var e=Object(z.a)(["\n              background: ",";\n            "]);return te=function(){return e},e}function re(){var e=Object(z.a)(["\n            transform: translateX(120%);\n          "]);return re=function(){return e},e}function ae(){var e=Object(z.a)(["\n          max-height: 0;\n          padding: 0;\n        "]);return ae=function(){return e},e}function oe(){var e=Object(z.a)(["\n  padding: 8px;\n  box-sizing: border-box;\n  width: 300px;\n  position: relative;\n  max-height: 500px\n  transition: .2s max-height, .2s padding;\n  transition-delay: .2s;\n  ",";\n\n  > div {\n    box-sizing: border-box;\n    padding: 8px 8px 8px 12px;\n    background: ",";\n    border-radius: 4px;\n    width: 100%;\n    box-shadow: 0 1px 2px 0px ",";\n    transition: 0.2s transform;\n    position: relative;\n    animation: "," .3s ease-out 1\n\n    ",';\n\n    &:before {\n      display: block;\n      position: absolute;\n      content: "";\n      width: 4px;\n      height: 100%;\n      top: 0;\n      left: 0;\n\n      ',";\n      ",";\n      ",";\n    }\n  }\n"]);return oe=function(){return e},e}function ie(){var e=Object(z.a)(["\n  0% {\n    transform: translateX(120%);\n  }\n  80% {\n    transform: translateX(-5%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n"]);return ie=function(){return e},e}function se(){var e=Object(z.a)(["\n  position: fixed;\n  top: 7vh;\n  right: 0;\n  z-index: 1000;\n"]);return se=function(){return e},e}function ce(e){window.kp_alert({message:e,type:"success"})}function ue(e){window.kp_alert({message:e,type:"error"})}var le=f.d.div(se()),de=Object(f.e)(ie()),pe=f.d.div(oe(),function(e){return e.removing?Object(f.c)(ae()):null},function(e){return e.theme.colors.grayDarker},function(e){return e.theme.colors.black},de,function(e){return e.removing?Object(f.c)(re()):null},function(e){return"error"===e.alertType?Object(f.c)(te(),e.theme.colors.red):null},function(e){return"success"===e.alertType?Object(f.c)(ne(),e.theme.colors.green):null},function(e){return"warning"===e.alertType?Object(f.c)(ee(),e.theme.colors.orange):null}),me=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={alerts:[]},t.handleIncomingAlert=function(e){var n=e.message,r=e.type,a=e.duration,o=void 0===a?5e3:a;if(n&&r){if(["error","success","warning"].includes(r)){var i=t.state.alerts,s=(new Date).getTime(),c="".concat(s).concat(r).concat(n);return i.push({message:n,type:r,created:s,id:c,removing:!1}),t.setState({alerts:i}),new Promise(function(e){window.setTimeout(function(){t.state.alerts.find(function(e){return e.id===c})&&t.removeAlert(c),e()},o)})}console.error("Alert called with ".concat(r,' as type. Only "error", "success", and "warning" are accepted.'))}else console.error("Alert called with no message or type. A type and message must be supplied.")},t.removeAlert=function(e){var n=t.state.alerts.map(function(n){return n.id===e&&(n.removing=!0),n});t.setState({alerts:n}),window.setTimeout(function(){var n=t.state.alerts.filter(function(n){return n.id!==e});t.setState({alerts:n})},1e3)},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this;window.kp_alert?console.error("More than one instance of Alert is rendered. Only one Alert should be rendered at a time."):window.kp_alert=function(n){return e.handleIncomingAlert(n)}}},{key:"componentWillUnmount",value:function(){delete window.kp_alert}},{key:"render",value:function(){return s.a.createElement(le,null,this.state.alerts.map(function(e){return s.a.createElement(pe,{alertType:e.type,removing:e.removing,key:e.id},s.a.createElement("div",null,s.a.createElement($,{isLight:!0},e.message)))}))}}]),n}(s.a.Component);function ge(){var e=Object(z.a)(["\n  ",";\n  display: block;\n  border-bottom: 1px solid\n    ",";\n  color: ",";\n  padding: 8px;\n  text-decoration: none;\n  transition: 0.2s background;\n"]);return ge=function(){return e},e}var he=f.d.div(ge(),Z,function(e){return e.isLight?e.theme.colors.grayDark:e.theme.colors.gray},function(e){return e.isLight?e.theme.colors.silver:e.theme.colors.black});function fe(){var e=Object(z.a)(["\n  ",";\n  background: linear-gradient(\n    -45deg,\n    ",",\n    ",",\n    ",",\n    ","\n  );\n  background-size: 400% 400%;\n  background-position: 100% 50%;\n  border-radius: 4px;\n  border: 0;\n  padding: 4px 8px;\n  margin: 8px 0;\n  cursor: pointer;\n  transition: 0.6s background;\n  box-sizing: border-box;\n  outline: none;\n  text-decoration: none;\n  text-align: center;\n  color: ",";\n\n  &:hover {\n    background-position: 0% 50%;\n  }\n  &.is-primary {\n    background-image: linear-gradient(\n      -45deg,\n      ",",\n      ",",\n      ",",\n      ","\n    );\n    color: ",";\n  }\n  &.is-block {\n    display: block;\n    width: 100%;\n  }\n  &[disabled] {\n    opacity: 0.5;\n    box-shadow: none;\n    cursor: not-allowed;\n  }\n"]);return fe=function(){return e},e}var be=f.d.button(fe(),Z,function(e){return e.theme.colors.silver},function(e){return e.theme.colors.silver},function(e){return e.theme.colors.gray},function(e){return e.theme.colors.gray},function(e){return e.theme.colors.black},function(e){return e.theme.colors.blue},function(e){return e.theme.colors.blue},function(e){return e.theme.colors.blueDarker},function(e){return e.theme.colors.blueDarker},function(e){return e.theme.colors.silver}),ve=function(e){var n=e.isPrimary,t=e.isBlock,r=e.children,a=e.className,o=Object(Y.a)(e,["isPrimary","isBlock","children","className"]),i=a?[a]:[];return n&&i.push("is-primary"),t&&i.push("is-block"),s.a.createElement(be,Object.assign({className:i.join(" ")},o),r)};function Ee(){var e=Object(z.a)(["\n  border-bottom: 1px solid ",";\n  margin: 4px 0;\n"]);return Ee=function(){return e},e}function we(){var e=Object(z.a)(["\n  ",";\n  display: block;\n  text-decoration: none;\n  white-space: nowrap;\n  padding: 4px 8px;\n  font-size: 14px;\n  color: ",";\n  transition: 0.2s;\n  cursor: ",";\n\n  ",";\n"]);return we=function(){return e},e}function Oe(){var e=Object(z.a)(["\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  background: ",";\n  border-radius: 4px;\n  border: 1px solid ",";\n  text-align: right;\n  box-shadow: 0px 2px 2px -1px ",";\n"]);return Oe=function(){return e},e}function ye(){var e=Object(z.a)(["\n  position: relative;\n"]);return ye=function(){return e},e}var Ce=f.d.span(ye()),xe=f.d.span(Oe(),function(e){return e.theme.colors.white},function(e){return e.theme.colors.gray},function(e){return e.theme.colors.grayDarker}),ke=f.d.a(we(),Z,function(e){return e.disabled?e.theme.colors.gray:e.theme.colors.black},function(e){return e.disabled?"default":"pointer"},function(e){return!e.disabled&&"&:hover {\n      background: ".concat(e.theme.colors.silver,";\n    }")}),je=f.d.div(Ee(),function(e){return e.theme.colors.gray}),Se=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isOpen:!1},t.autoClose=function(e){t.state.isOpen&&(t.node.contains(e.target)||t.close())},t.open=function(){t.setState({isOpen:!0})},t.close=function(){t.setState({isOpen:!1})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.autoClose)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.autoClose)}},{key:"render",value:function(){var e=this,n={actions:{open:this.open,close:this.close},props:{isOpen:this.state.isOpen},components:{Item:ke,Spacer:je}};return s.a.createElement(Ce,{ref:function(n){return e.node=n}},this.props.children(n),this.state.isOpen&&s.a.createElement(xe,null,this.props.dropdownContent(n)))}}]),n}(s.a.Component),Pe=t(30),De=t(14);var Ie=t(54).a;function Ne(){var e=Object(z.a)(["\n  color: ",";\n  border: 1px solid ",";\n  padding: 4px;\n  margin: 0 0 8px;\n  border-radius: 4px;\n  display: flex;\n\n  > .error-icon {\n    padding: 1px 4px 0 0;\n  }\n"]);return Ne=function(){return e},e}var Re=f.d.div(Ne(),function(e){return e.theme.colors.red},function(e){return e.theme.colors.red}),Le=function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(Re,t,s.a.createElement(Ie,{className:"error-icon",icon:"exclamation-circle"}),s.a.createElement("div",null,n))},Ae=t(63);function Te(e){var n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.referrer).replace(/http(s)?:\/\//,"").split("/")[0].split(":")[0];return["localhost"].concat(Object(Ae.a)(e)).map(function(e){return e.trim()}).includes(n)}function _e(){return{height:document.documentElement.clientHeight,width:document.documentElement.clientWidth}}var Me="beta.kitepaint.com"===window.location.hostname,Ue="kitepaint.com"===window.location.hostname;function Fe(e){return Me?"//beta.kitepaint.com/static".concat(e):Ue?"//kitepaint.com/static".concat(e):e}function qe(){return window.location.search.substr(1).split("&").filter(function(e){return!!e}).reduce(function(e,n){var t=n.split("="),r=t[0],a=decodeURIComponent(t[1]);return e[r]?Array.isArray(e[r])?(e[r].push(a),e):(e[r]=[e[r],a],e):(e[r]=a,e)},{})}var Ve=function(e){var n=!1;return{promise:new Promise(function(t,r){e.then(function(e){return n?r({isCanceled:!0}):t(e)},function(e){return r(n?{isCanceled:!0}:e)})}),cancel:function(){n=!0}}};function Be(e){window.location.href=e}var ze=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var r=!0;return n.find(function(e,t){return!!t&&n[t-1].trim().toLowerCase()!==e.trim().toLowerCase()&&(r=!1,!0)}),r};function He(){var e=Object(z.a)(["\n          height: ","px;\n        "]);return He=function(){return e},e}function Je(){var e=Object(z.a)(["\n  overflow: auto;\n  ",";\n"]);return Je=function(){return e},e}var We=f.d.div(Je(),function(e){return e.height||0===e.height?Object(f.c)(He(),e.height):null}),Ge=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={height:null},t.originalHeight=0,t.fillToBottom=function(){var e=t.wrapper.getBoundingClientRect(),n=_e().height-e.y-t.originalHeight-t.props.offset;if(!(n<0)||t.props.strict){var r=t.originalHeight+n;r<t.props.minHeight?t.setState({height:t.props.minHeight}):t.setState({height:r})}},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){this.originalHeight=this.wrapper.offsetHeight,this.fillToBottom(),window.addEventListener("resize",this.fillToBottom)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.fillToBottom)}},{key:"render",value:function(){var e=this;return s.a.createElement(We,{height:this.state.height,ref:function(n){return e.wrapper=n}},this.props.children)}}]),n}(s.a.Component);Ge.defaultProps={offset:0,strict:!1,minHeight:0};var Ye=Ge;function Xe(){var e=Object(z.a)(["\n  font-size: 32px;\n  line-height: 32px;\n"]);return Xe=function(){return e},e}var Ke=Object(f.d)(function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(Q,Object.assign({as:"h1"},t),n)})(Xe());function Ze(){var e=Object(z.a)(["\n  font-size: 24px;\n  line-height: 24px;\n"]);return Ze=function(){return e},e}var Qe=Object(f.d)(function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(Q,Object.assign({as:"h2"},t),n)})(Ze());function $e(){var e=Object(z.a)(["\n  font-size: 18px;\n  line-height: 24px;\n"]);return $e=function(){return e},e}var en=Object(f.d)(function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(Q,Object.assign({as:"h3"},t),n)})($e());function nn(){var e=Object(z.a)(["\n  "," display: block;\n  width: 100%;\n  padding: 4px;\n  border-radius: 4px;\n  border: 1px solid ",";\n  box-sizing: border-box;\n  outline: none;\n\n  &[readOnly] {\n    background: ",";\n  }\n  &:focus {\n    box-shadow: 0 0 3px ",";\n  }\n"]);return nn=function(){return e},e}var tn=f.d.input(nn(),Z,function(e){return e.theme.colors.gray},function(e){return e.theme.colors.silver},function(e){return e.theme.colors.blue});function rn(){var e=Object(z.a)(["\n  margin: 8px 0 4px;\n  display: block;\n  font-weight: 600;\n"]);return rn=function(){return e},e}var an=Object(f.d)(function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(Q,Object.assign({as:"label"},t),n)})(rn());function on(){var e=Object(z.a)(["\n  text-align: center;\n\n  .spinner {\n    display: inline-block;\n    animation: "," 1s infinite linear;\n  }\n"]);return on=function(){return e},e}function sn(){var e=Object(z.a)(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]);return sn=function(){return e},e}var cn=Object(f.e)(sn()),un=f.d.div(on(),cn),ln=function(){return s.a.createElement(un,null,s.a.createElement(Ie,{icon:"spinner",className:"spinner"})," ",s.a.createElement(Q,{as:"span"},"Loading..."))},dn=function(e){var n=e.children;return u.a.createPortal(n,document.querySelector("body"))};function pn(){var e=Object(z.a)(["\n  position: fixed;\n  top: 50px;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 300px;\n  background: ",";\n  z-index: 100;\n  padding: 16px;\n  border: 1px solid ",";\n  border-radius: 4px;\n  animation: "," 0.8s;\n"]);return pn=function(){return e},e}function mn(){var e=Object(z.a)(["\n  0% {\n    opacity: 0\n  }\n\n  15% {\n    opacity: 0\n  }\n\n  100% {\n    opacity: 1\n  }\n"]);return mn=function(){return e},e}function gn(){var e=Object(z.a)(["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: linear-gradient(-45deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));\n  background-size: 400% 400%;\n  background-position: 100% 100%;\n  z-index: 100;\n  animation: "," 0.6s;\n"]);return gn=function(){return e},e}function hn(){var e=Object(z.a)(["\n  0% {\n    background-position: 0% 0%;\n  },\n  100% {\n    background-position: 100% 100%;\n  }\n"]);return hn=function(){return e},e}var fn=Object(f.e)(hn()),bn=f.d.div(gn(),fn),vn=Object(f.e)(mn()),En=f.d.div(pn(),function(e){return e.theme.colors.white},function(e){return e.theme.colors.gray},vn),wn=function(e){var n=e.children,t=e.isOpen,r=e.modalContent,a=e.onBackdropClick;return s.a.createElement(s.a.Fragment,null,n,t&&s.a.createElement(dn,null,s.a.createElement(bn,{onClick:a,className:"testing_backdrop"}),s.a.createElement(En,{className:"testing_modal"},r)))};wn.defaultProps={onBackdropClick:function(){}};var On=wn;function yn(){var e=Object(z.a)(["\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  cursor: pointer;\n"]);return yn=function(){return e},e}var Cn=Object(f.d)(Ie)(yn()),xn=function(e){return s.a.createElement(Cn,Object.assign({icon:"times"},e))};function kn(){var e=Object(z.a)(["\n  .buttons {\n    display: flex;\n\n    button {\n      flex-grow: 1;\n      margin: 8px 8px 0;\n    }\n  }\n"]);return kn=function(){return e},e}var jn=f.d.div(kn()),Sn=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isOpen:!1},t.handleConfirm=function(){t.setState({isOpen:!1}),t.props.onConfirm()},t.handleCancel=function(){t.setState({isOpen:!1}),t.props.onCancel()},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){var e=this,n={actions:{open:function(){return e.setState({isOpen:!0})}},props:{isOpen:this.state.isOpen}};return s.a.createElement(On,{isOpen:this.state.isOpen,onBackdropClick:this.handleCancel,modalContent:s.a.createElement(jn,null,s.a.createElement($,null,this.props.message),s.a.createElement("div",{className:"buttons"},s.a.createElement(ve,{isPrimary:!0,className:"testing_confirm",onClick:this.handleConfirm},this.props.confirmText)," ",s.a.createElement(ve,{className:"testing_cancel",type:"button",onClick:this.handleCancel},this.props.cancelText)))},this.props.children(n))}}]),n}(s.a.Component);Sn.defaultProps={confirmText:"Confirm",cancelText:"Cancel",onCancel:function(){}};var Pn=Sn;function Dn(){var e=Object(z.a)(["\n  .buttons {\n    display: flex;\n\n    button {\n      flex-grow: 1;\n      margin: 8px 8px 0;\n    }\n  }\n"]);return Dn=function(){return e},e}var In=f.d.div(Dn()),Nn=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isOpen:!1,value:""},t.handleSubmit=function(e){e.preventDefault(),t.state.value&&(t.props.onSubmit(t.state.value),t.setState({isOpen:!1,value:""}))},t.handleCancel=function(){t.setState({isOpen:!1,value:""}),t.props.onCancel()},t.handleValueChange=function(e){t.setState({value:e.target.value})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidUpdate",value:function(e,n){!n.isOpen&&this.state.isOpen&&this.promptInput&&this.promptInput.focus()}},{key:"render",value:function(){var e=this,n={actions:{open:function(){return e.setState({isOpen:!0})}},props:{isOpen:this.state.isOpen}};return s.a.createElement(On,{isOpen:this.state.isOpen,onBackdropClick:this.handleCancel,modalContent:s.a.createElement(In,{className:"testing_modal"},s.a.createElement("form",{onSubmit:this.handleSubmit,className:"testing_submit"},s.a.createElement(an,null,this.props.message),s.a.createElement(tn,{type:this.props.inputType,ref:function(n){return e.promptInput=n},className:"testing_prompt-value",value:this.state.value,onChange:this.handleValueChange}),s.a.createElement("div",{className:"buttons"},s.a.createElement(ve,{type:"submit",isPrimary:!0},this.props.submitText)," ",s.a.createElement(ve,{type:"button",className:"testing_cancel",onClick:this.handleCancel},this.props.cancelText))))},this.props.children(n))}}]),n}(s.a.Component);Nn.defaultProps={submitText:"Submit",cancelText:"Cancel",inputType:"text",onCancel:function(){}};var Rn=Nn;function Ln(){return(Ln=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var An=s.a.createElement("path",{d:"M1.96,336.19c-0.78,0.69-2.96,1.68-1.41,3.43c1.55,1.74,4.26-0.22,4.26-0.22s172.42-113.07,290.41-107.24 c117.99,5.83,144.29,99.69,144.29,99.69c0.76,2.17,2.25,2.35,2.25,2.35l6.46,0.12c2.32-0.22,2.63-2.5,2.63-2.5 s36.68-91.49,132.9-94.44c113.67-3.49,321.78,101.26,321.78,101.26c2.26,1.79,2.77,2.11,4.08,0.83c1.32-1.28-1.17-4.2-1.17-4.2 L460.32,6.54c-16.43-15.5-36.21,1.39-36.21,1.39C361.64,52.04,2.73,335.5,1.96,336.19z"}),Tn=function(e){return s.a.createElement("svg",Ln({version:1.1,id:"Layer_1",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 909.6 340.42",style:{enableBackground:"new 0 0 909.6 340.42"},xmlSpace:"preserve"},e),An)};t.p;function _n(){return(_n=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var Mn=s.a.createElement("polygon",{points:"251.3,621.31 963.98,196.48 1676.91,621.31 1929.27,24.37 1587.84,13.43 1532.03,12.18 964.64,6.31 397.26,12.44 341.45,13.59 42.66,22.63 0,23.92 "}),Un=function(e){return s.a.createElement("svg",_n({version:1.1,id:"Layer_1",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 1929.27 631.64",style:{enableBackground:"new 0 0 1929.27 631.64"},xmlSpace:"preserve"},e),Mn)};t.p;function Fn(){var e=Object(z.a)(["\n  width: 200px;\n  height: 200px;\n  position: relative;\n  margin: 32px auto;\n\n  svg {\n    width: 20%;\n    height: 20%;\n  }\n\n  .k1 {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    transform: rotate(180deg);\n    animation: "," 3s infinite linear;\n  }\n  .k2 {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    transform: rotate(270deg);\n    animation: "," 3s infinite linear;\n  }\n  .k3 {\n    position: absolute;\n    bottom: 8px;\n    right: 8px;\n    animation: "," 3s infinite linear;\n  }\n  .k4 {\n    position: absolute;\n    bottom: 8px;\n    left: 8px;\n    transform: rotate(90deg);\n    animation: "," 3s infinite linear;\n  }\n"]);return Fn=function(){return e},e}function qn(){var e=Object(z.a)(["\n  0% {\n    transform: translate3d(0, 0, 0) rotate(90deg);\n  }\n  48% {\n    transform: translate3d(145px, 0, 0) rotate(90deg);\n  }\n  52% {\n    transform: translate3d(145px, 0, 0) rotate(0deg);\n  }\n  96% {\n    transform: translate3d(145px, -145px, 0) rotate(0deg);\n  }\n  100% {\n    transform: translate3d(145px, -145px, 0) rotate(-90deg);\n  }\n"]);return qn=function(){return e},e}function Vn(){var e=Object(z.a)(["\n  0% {\n    transform: translate3d(0, 0, 0) rotate(0deg);\n  }\n  48% {\n    transform: translate3d(0, -145px, 0) rotate(0deg);\n  }\n  52% {\n    transform: translate3d(0, -145px, 0) rotate(-90deg);\n  }\n  96% {\n    transform: translate3d(-145px, -145px, 0) rotate(-90deg);\n  }\n  100% {\n    transform: translate3d(-145px, -145px, 0) rotate(-180deg);\n  }\n"]);return Vn=function(){return e},e}function Bn(){var e=Object(z.a)(["\n  0% {\n    transform: translate3d(0, 0, 0) rotate(270deg);\n  }\n  48% {\n    transform: translate3d(-145px, 0, 0) rotate(270deg);\n  }\n  52% {\n    transform: translate3d(-145px, 0, 0) rotate(180deg);\n  }\n  96% {\n    transform: translate3d(-145px, 145px, 0) rotate(180deg);\n  }\n  100% {\n    transform: translate3d(-145px, 145px, 0) rotate(90deg);\n  }\n"]);return Bn=function(){return e},e}function zn(){var e=Object(z.a)(["\n  0% {\n    transform: translate3d(0, 0, 0) rotate(180deg);\n  }\n  48% {\n    transform: translate3d(0, 145px, 0) rotate(180deg);\n  }\n  52% {\n    transform: translate3d(0, 145px, 0) rotate(90deg);\n  }\n  96% {\n    transform: translate3d(145px, 145px, 0) rotate(90deg);\n  }\n  100% {\n    transform: translate3d(145px, 145px, 0) rotate(0deg);\n  }\n"]);return zn=function(){return e},e}var Hn=Object(f.e)(zn()),Jn=Object(f.e)(Bn()),Wn=Object(f.e)(Vn()),Gn=Object(f.e)(qn()),Yn=f.d.div(Fn(),Hn,Jn,Wn,Gn),Xn=function(){return s.a.createElement(Yn,null,s.a.createElement(Tn,{className:"k1"}),s.a.createElement(Un,{className:"k2"}),s.a.createElement(Tn,{className:"k3"}),s.a.createElement(Un,{className:"k4"}))};function Kn(){var e=Object(z.a)(["\n  ",";\n  position: relative;\n\n  select {\n    appearance: none;\n    display: block;\n    background: transparent;\n    width: 100%;\n    padding: 4px;\n    border-radius: 4px;\n    border: 1px solid ",';\n    box-sizing: border-box;\n    outline: none;\n  }\n  &:after {\n    content: "";\n    display: block;\n    border-right: 1px solid ',";\n    border-bottom: 1px solid ",";\n    transform: rotate(45deg);\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    top: 8px;\n    right: 8px;\n  }\n"]);return Kn=function(){return e},e}var Zn=f.d.div(Kn(),Z,function(e){return e.theme.colors.gray},function(e){return e.theme.colors.black},function(e){return e.theme.colors.black}),Qn=function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(Zn,null,s.a.createElement("select",t,n))};function $n(){var e=Object(z.a)(["\n  padding: 16px 8px 4px;\n  font-weight: bold;\n  font-size: 12px;\n  white-space: initial;\n"]);return $n=function(){return e},e}function et(){var e=Object(z.a)(["\n          &:hover {\n            background: ",";\n          }\n        "]);return et=function(){return e},e}function nt(){var e=Object(z.a)(["\n  display: flex;\n  align-items: center;\n  cursor: ",';\n  transition: 0.3s background;\n  position: relative;\n\n  &:after {\n    content: "";\n    display: block;\n    position: absolute;\n    height: 100%;\n    width: ',"px;\n    background: ",";\n    top: 0;\n    right: 0;\n    transition: 0.3s width;\n  }\n  ",";\n\n  > * {\n    margin: 0 4px;\n  }\n"]);return nt=function(){return e},e}function tt(){var e=Object(z.a)(["\n  width: 175px;\n  display: block;\n  flex-shrink: 0;\n  background: ",";\n  box-shadow: 0 0 2px 2px ",";\n  position: relative;\n"]);return tt=function(){return e},e}var rt=f.d.div(tt(),function(e){return e.theme.colors.grayDarker},function(e){return e.theme.colors.black}),at=Object(f.d)(he)(nt(),function(e){return e.hasAction?"pointer":"default"},function(e){return e.isActive?8:0},function(e){return e.theme.colors.silver},function(e){return e.hasAction?Object(f.c)(et(),e.theme.colors.black):null}),ot=Object(f.d)(he)($n()),it=function(e){var n=e.children,t=Object(Y.a)(e,["children"]);return s.a.createElement(rt,t,n({components:{Item:at,Heading:ot}}))};function st(){var e=Object(z.a)(["\n  margin-top: ","px;\n  margin-bottom: ","px;\n  margin-left: ","px;\n  margin-right: ","px;\n"]);return st=function(){return e},e}var ct={xs:4,sm:8,md:16,lg:32,xl:64},ut=f.d.div(st(),function(e){return e.top?ct[e.top]:0},function(e){return e.bottom?ct[e.bottom]:0},function(e){return e.left?ct[e.left]:0},function(e){return e.right?ct[e.right]:0}),lt=function(e){return s.a.createElement(ut,e)};function dt(){var e=Object(z.a)(["\n  ",";\n  border: 0;\n  outline: 0;\n  background: transparent;\n  box-shadow: none;\n  cursor: pointer;\n  color: ",";\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &[disabled] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n"]);return dt=function(){return e},e}f.d.button(dt(),Z,function(e){return e.theme.colors.blue});function pt(){var e=Object(z.a)(["\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 4px;\n"]);return pt=function(){return e},e}var mt=f.d.div(pt(),function(e){return e.theme.colors.white},function(e){return e.theme.colors.gray});function gt(){var e=Object(z.a)(["\n  position: relative;\n"]);return gt=function(){return e},e}function ht(){var e=Object(z.a)(["\n  border: 1px solid ",";\n  color: gray;\n  border-radius: 50%;\n  width: 12px !important;\n  height: 12px;\n  display: inline-block;\n  padding: 1px;\n  box-sizing: border-box;\n  transform: translateY(-3px);\n  cursor: help;\n"]);return ht=function(){return e},e}function ft(){var e=Object(z.a)(["\n  position: absolute;\n  background: ",";\n  padding: 4px;\n  border: 1px solid ",";\n  border-radius: 2px;\n  box-shadow: 0px 2px 2px -1px ",";\n  top: ","px;\n  left: ","px;\n  transform: translateY(calc(-100% - 10px)) translateX(-6px);\n  opacity: ",";\n  animation: ","\n    ",'s;\n  z-index: 200;\n\n  &:before {\n    content: "";\n    display: block;\n    width: 12px;\n    height: 12px;\n    background: ',";\n    border: 1px solid ",";\n    border-left: 0px;\n    border-top: 0px;\n    position: absolute;\n    top: calc(100% - 6px);\n    left: 5px;\n    transform: rotate(45deg);\n    border-bottom-right-radius: 2px;\n  }\n"]);return ft=function(){return e},e}function bt(){var e=Object(z.a)(["\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n"]);return bt=function(){return e},e}function vt(){var e=Object(z.a)(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"]);return vt=function(){return e},e}var Et=Object(f.e)(vt()),wt=Object(f.e)(bt()),Ot=f.d.div(ft(),function(e){return e.theme.colors.white},function(e){return e.theme.colors.silver},function(e){return e.theme.colors.gray},function(e){return e.top},function(e){return e.left},function(e){return e.removing?0:1},function(e){return e.removing?wt:Et},function(e){return e.fadeSpeed},function(e){return e.theme.colors.white},function(e){return e.theme.colors.silver}),yt=Object(f.d)(Ie)(ht(),function(e){return e.theme.colors.gray}),Ct=Object(f.d)(Q)(gt()),xt=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={renderTooltip:!1,removingTooltip:!1,top:null,left:null},t.fadeTimer=null,t.handleMouseEnter=function(e){window.clearTimeout(t.fadeTimer);var n=e.target.getBoundingClientRect();t.setState({renderTooltip:!0,removingTooltip:!1,top:n.y,left:n.x})},t.handleMouseLeave=function(){t.setState({removingTooltip:!0}),t.fadeTimer=window.setTimeout(function(){t.setState({removingTooltip:!1,renderTooltip:!1})},t.props.fadeSpeedMs)},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentWillUnmount",value:function(){window.clearTimeout(this.fadeTimer)}},{key:"render",value:function(){return s.a.createElement(s.a.Fragment,null,s.a.createElement(yt,{icon:"info",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave}),this.state.renderTooltip&&s.a.createElement(dn,null,s.a.createElement(Ot,{className:"testing_tooltip",top:this.state.top,left:this.state.left,isVisible:this.state.displayTooltip,fadeSpeed:this.props.fadeSpeedMs/1e3,removing:this.state.removingTooltip},s.a.createElement(Ct,null,this.props.children))))}}]),n}(s.a.Component);xt.defaultProps={fadeSpeedMs:250};var kt=xt,jt={colors:r,media:a,patterns:o},St=t(112),Pt=t(55),Dt=t.n(Pt),It=t(9),Nt=t.n(It),Rt=t(11);function Lt(){return(Lt=Object(Rt.a)(Nt.a.mark(function e(n,t){var r,a,o;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return(r=new FormData).append("uid",n),r.append("actcode",t),e.next=5,this.axiosInstance.post("/activate.php",r);case 5:if((a=e.sent).data&&a.data.activated){e.next=9;break}return o=a.data&&a.data.message?a.data.message:"Could not activate the account",e.abrupt("return",Promise.reject(o));case 9:return e.abrupt("return",a);case 10:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function At(){return(At=Object(Rt.a)(Nt.a.mark(function e(n,t){var r,a,o;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return(r=new FormData).append("id",n),r.append("email",t),e.next=5,this.axiosInstance.post("/change_email.php",r);case 5:if((a=e.sent).data&&a.data.changed){e.next=10;break}return ue(o=a.data?a.data.message:"Could not change the email address."),e.abrupt("return",new Promise(function(e,n){return n(o)}));case 10:return a.data.email=t,ce("Your email address has been saved."),e.abrupt("return",a);case 13:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function Tt(){return(Tt=Object(Rt.a)(Nt.a.mark(function e(n){var t,r,a,o,i,s,c;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.username,r=n.currentPassword,a=n.newPassword,o=n.confirmNewPassword,(i=new FormData).append("username",t),i.append("oldpassword",r),i.append("password2",o),i.append("password",a),e.next=8,this.axiosInstance.post("/changepassword.php",i);case 8:if((s=e.sent).data&&s.data.changed){e.next=13;break}return ue(c=s.data?s.data.message:"Could not change the password."),e.abrupt("return",new Promise(function(e,n){return n(c)}));case 13:return ce("Your password has been changed."),e.abrupt("return",s);case 15:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function _t(){return(_t=Object(Rt.a)(Nt.a.mark(function e(){var n,t,r,a;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:n=localStorage.getItem("user");try{t=JSON.parse(n)}catch(o){t=!1}if(t){e.next=4;break}return e.abrupt("return",new Promise(function(e,n){return n({data:"No session data was found. The user is not logged in."})}));case 4:return r=new FormData,Object.keys(t).forEach(function(e){return r.append(e,t[e])}),r.append("update_login",!0),e.next=9,this.axiosInstance.post("/index.php",r);case 9:if((a=e.sent).data&&a.data.logged_in){e.next=12;break}return e.abrupt("return",new Promise(function(e,n){return n(a)}));case 12:return localStorage.setItem("user",JSON.stringify(a.data)),e.abrupt("return",a);case 14:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function Mt(){return(Mt=Object(Rt.a)(Nt.a.mark(function e(n){var t,r,a;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=new FormData,Object.keys(n).forEach(function(e){return t.append(e,n[e])}),e.next=4,this.axiosInstance.post("/register.php",t);case 4:if((r=e.sent).data&&r.data.registered){e.next=9;break}return ue(a=r.data?r.data.message:"The registration request was unsuccessful"),e.abrupt("return",new Promise(function(e,n){return n(a)}));case 9:return e.abrupt("return",r);case 10:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function Ut(){return(Ut=Object(Rt.a)(Nt.a.mark(function e(n){var t,r,a,o,i;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t={status:0,new:1},(r=Object.assign(t,n.getProperties("name","product","user","variations","status"))).variations=JSON.stringify(r.variations),a=new FormData,Object.keys(r).forEach(function(e){return a.append(e,r[e])}),e.next=7,this.axiosInstance.post("/designs.php",a);case 7:if((o=e.sent).data&&o.data.id&&o.data.valid){e.next=12;break}return ue(i=o.data?o.data.message:"The design could not be saved"),e.abrupt("return",new Promise(function(e,n){return n(i)}));case 12:return ce("The design has been saved"),e.abrupt("return",o);case 14:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function Ft(){return(Ft=Object(Rt.a)(Nt.a.mark(function e(n,t){var r,a,o;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return(r=new FormData).append("id",n),r.append("password",t),e.next=5,this.axiosInstance.post("/delete_account.php",r);case 5:if((a=e.sent).data&&a.data.changed){e.next=10;break}return ue(o=a.data?a.data.message:"Could not delete account."),e.abrupt("return",new Promise(function(e,n){return n(o)}));case 10:return ce("Your account has been deleted."),e.abrupt("return",a);case 12:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function qt(){return(qt=Object(Rt.a)(Nt.a.mark(function e(n){var t,r,a,o;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t={delete:!0,id:n},r=new FormData,Object.keys(t).forEach(function(e){return r.append(e,t[e])}),e.next=5,this.axiosInstance.post("/designs.php",r);case 5:if((a=e.sent).data&&a.data.valid){e.next=10;break}return ue(o=a.data?a.data.message:"The design could not be deleted"),e.abrupt("return",new Promise(function(e,n){return n(o)}));case 10:return ce("The design has been deleted."),e.abrupt("return",a);case 12:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}var Vt=t(1),Bt=t.n(Vt),zt=t(18),Ht=t(56),Jt=t.n(Ht),Wt=Object(zt.b)("Manufacturer",{id:null,name:null,logo:null,website:null,json:Object(zt.a)(function(){return this.getProperties("id","name","logo","website")})});Wt.propTypes={id:Bt.a.string.isRequired,name:Bt.a.string.isRequired,logo:Bt.a.string.isRequired,website:Bt.a.string,json:Bt.a.shape({id:Bt.a.string,name:Bt.a.string,logo:Bt.a.string,website:Bt.a.string})};var Gt=Wt,Yt=Bt.a.oneOf(["0","1","2"]),Xt={0:"Private",1:"Unlisted",2:"Public",PRIVATE:"0",UNLISTED:"1",PUBLIC:"2"},Kt=Object(zt.b)("Product",{id:null,embed:null,name:null,notes:null,manufacturer:null,status:null,url:null,colors:null,variations:null,json:Object(zt.a)(function(){return this.getProperties("id","embed","name","notes","manufacturer","status","url","colors","variations")})});Kt.propTypes={id:Bt.a.string.isRequired,embed:Bt.a.string.isRequired,name:Bt.a.string.isRequired,notes:Bt.a.arrayOf(Bt.a.string),manufacturer:Bt.a.string.isRequired,status:Yt.isRequired,url:Bt.a.string,colors:Bt.a.arrayOf(Bt.a.shape({name:Bt.a.string.isRequired,color:Bt.a.string.isRequired})),variations:Bt.a.arrayOf(Bt.a.shape({id:Bt.a.string,name:Bt.a.string.isRequired,svg:Bt.a.string.isRequired})),json:Bt.a.shape({id:Bt.a.string.isRequired,embed:Bt.a.string.isRequired,name:Bt.a.string.isRequired,notes:Bt.a.arrayOf(Bt.a.string),manufacturer:Bt.a.string.isRequired,status:Yt.isRequired,url:Bt.a.string,colors:Bt.a.arrayOf(Bt.a.shape({name:Bt.a.string.isRequired,color:Bt.a.string.isRequired})),variations:Bt.a.arrayOf(Bt.a.shape({id:Bt.a.string,name:Bt.a.string.isRequired,svg:Bt.a.string.isRequired}))})};var Zt=Kt,Qt=Object(zt.b)("Design",{active:null,id:null,images:null,created:null,updated:null,name:null,product:null,user:null,variations:null,productStatus:null,status:null,updatedDate:Object(zt.a)(function(){var e=this.get("updated");return Jt()(e,"MM/DD/YYYY").valueOf()}),isPublic:Object(zt.a)(function(){return this.get("status")===Xt.PUBLIC&&this.get("productStatus")===Xt.PUBLIC}),isPrivate:Object(zt.a)(function(){return this.get("status")===Xt.PRIVATE||this.get("productStatus")===Xt.PRIVATE}),isPrivateProduct:Object(zt.a)(function(){return this.get("productStatus")===Xt.PRIVATE}),currentStatus:Object(zt.a)(function(){return this.get("status")>this.get("productStatus")?this.get("productStatus"):this.get("status")}),json:Object(zt.a)(function(){return this.getProperties("id","created","updated","name","product","user","variations","productStatus","status")})});Qt.propTypes={active:Bt.a.string,id:Bt.a.string,images:Bt.a.string,created:Bt.a.string,updated:Bt.a.string,name:Bt.a.string.isRequired,product:Bt.a.string.isRequired,user:Bt.a.string,variations:Bt.a.arrayOf(Bt.a.shape({id:Bt.a.string.isRequired,name:Bt.a.string.isRequired,svg:Bt.a.string.isRequired,primary:Bt.a.bool.isRequired})),productStatus:Yt,status:Yt.isRequired,updatedDate:Bt.a.instanceOf(Date),isPublic:Bt.a.bool.isRequired,json:Bt.a.object.isRequired};var $t=Qt;function er(){return(er=Object(Rt.a)(Nt.a.mark(function e(n){var t,r,a,o,i=arguments;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(!(i.length>1&&void 0!==i[1])||i[1])){e.next=7;break}return e.next=4,this._cacheable("getDesign",n,{});case 4:if((t=e.sent).continue){e.next=7;break}return e.abrupt("return",t);case 7:return e.next=9,this.axiosInstance.get("/designs.php",{params:{id:n}});case 9:if((r=e.sent).data&&r.data.length){e.next=14;break}return ue(a=r.data?r.data.message:"The request for design ".concat(n," was unsuccessful")),e.abrupt("return",new Promise(function(e,n){return n(a)}));case 14:if(r.data=r.data[0],"0"!==r.data.active){e.next=19;break}return ue(o="Design ".concat(n," has been deleted.")),e.abrupt("return",new Promise(function(e,n){return n(o)}));case 19:return r.data.variations=JSON.parse(r.data.variations),r.data=new $t(r.data),e.abrupt("return",r);case 22:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}var nr=t(31),tr=t.n(nr);function rr(){return(rr=Object(Rt.a)(Nt.a.mark(function e(){var n,t,r,a,o,i,s,c,u,l=arguments;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=l.length>0&&void 0!==l[0]?l[0]:{},t=!(l.length>1&&void 0!==l[1])||l[1],r={userId:null,publicOnly:!0,limit:50},a=Object.assign({},r,n),o={filter:{active:1},order:["id","DESC"]},a.limit&&(o.limit=a.limit),a.publicOnly&&(o.filter.status=2),a.userId&&(o.filter.user=a.userId),i=tr.a.stringify(o),!t){e.next=15;break}return e.next=12,this._cacheable("getDesign",i);case 12:if((s=e.sent).continue){e.next=15;break}return e.abrupt("return",s);case 15:return e.next=17,this.axiosInstance.get("/designs.php?".concat(i));case 17:if((c=e.sent).data){e.next=22;break}return ue(u=c.data?c.data.message:"The request for designs was unsuccessful"),e.abrupt("return",new Promise(function(e,n){return n(u)}));case 22:return c.data=c.data.map(function(e){return e.variations=JSON.parse(e.variations),new $t(e)}),e.abrupt("return",c);case 24:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function ar(){return(ar=Object(Rt.a)(Nt.a.mark(function e(){var n,t,r,a=arguments;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(!(a.length>0&&void 0!==a[0])||a[0])){e.next=7;break}return e.next=4,this._cacheable("getManufacturers");case 4:if((n=e.sent).continue){e.next=7;break}return e.abrupt("return",n);case 7:return e.next=9,this.axiosInstance.get("/manufacturers.php",{params:{activated:1}});case 9:if((t=e.sent).data){e.next=14;break}return ue(r=t.data?t.data.message:"The request for manufacturers was unsuccessful"),e.abrupt("return",new Promise(function(e,n){return n(r)}));case 14:return t.data=t.data.map(function(e){return new Gt(e)}),e.abrupt("return",t);case 16:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function or(){return(or=Object(Rt.a)(Nt.a.mark(function e(){var n,t,r,a=arguments;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(!(a.length>0&&void 0!==a[0])||a[0])){e.next=7;break}return e.next=4,this._cacheable("getProducts");case 4:if((n=e.sent).continue){e.next=7;break}return e.abrupt("return",n);case 7:return e.next=9,this.axiosInstance.get("/products.php");case 9:if((t=e.sent).data){e.next=14;break}return ue(r=t.data?t.data.message:"The request for products was unsuccessful"),e.abrupt("return",new Promise(function(e,n){return n(r)}));case 14:return t.data=t.data.map(function(e){return e.colors=JSON.parse(e.colors),e.notes=JSON.parse(e.notes).filter(function(e){return!!e}),new Zt(e)}),e.abrupt("return",t);case 16:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}var ir=Object(zt.b)("User",{username:null,loginid:null,json:Object(zt.a)(function(){return this.getProperties("username","loginid")})});ir.propTypes={username:Bt.a.string.isRequired,loginid:Bt.a.string.isRequired,json:Bt.a.shape({username:Bt.a.string.isRequired,loginid:Bt.a.string.isRequired})};var sr=ir;function cr(){return(cr=Object(Rt.a)(Nt.a.mark(function e(n){var t,r,a,o,i,s,c=arguments;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=!(c.length>1&&void 0!==c[1])||c[1],r={filter:{loginid:n},return:["username","loginid"]},a=tr.a.stringify(r),!t){e.next=9;break}return e.next=6,this._cacheable("getUser",a,{});case 6:if((o=e.sent).continue){e.next=9;break}return e.abrupt("return",o);case 9:return e.next=11,this.axiosInstance.get("/users.php?".concat(a));case 11:if((i=e.sent).data&&i.data.length){e.next=16;break}return ue(s=i.data?i.data.message:"The request for user ".concat(n," was unsuccessful")),e.abrupt("return",new Promise(function(e,n){return n(s)}));case 16:return i.data=new sr(i.data[0]),e.abrupt("return",i);case 18:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function ur(){return(ur=Object(Rt.a)(Nt.a.mark(function e(n,t){var r,a;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return(r=new FormData).append("username",n),r.append("password",t),e.next=5,this.axiosInstance.post("/index.php",r);case 5:if((a=e.sent).data&&a.data.logged_in){e.next=8;break}return e.abrupt("return",new Promise(function(e,n){return n(a.data?a.data.message:"The log in request was unsuccessful")}));case 8:return localStorage.setItem("user",JSON.stringify(a.data)),e.abrupt("return",a);case 10:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function lr(){return(lr=Object(Rt.a)(Nt.a.mark(function e(){return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.axiosInstance.post("/logout.php");case 2:ce("You have been logged out."),localStorage.removeItem("user");case 4:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function dr(){return(dr=Object(Rt.a)(Nt.a.mark(function e(n,t){var r,a,o;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return(r=new FormData).append("username",n),r.append("email",t),e.next=5,this.axiosInstance.post("/lostpassword.php",r);case 5:if((a=e.sent).data&&a.data.reset){e.next=10;break}return ue(o=a.data?a.data.message:"The reset password request was unsuccessful."),e.abrupt("return",new Promise(function(e,n){return n(o)}));case 10:return e.abrupt("return",a);case 11:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}function pr(){return(pr=Object(Rt.a)(Nt.a.mark(function e(n){var t,r,a,o;return Nt.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return(t=n.get("json")).variations&&(t.variations=JSON.stringify(t.variations)),r=new FormData,Object.keys(t).forEach(function(e){return r.append(e,t[e])}),e.next=6,this.axiosInstance.post("/designs.php",r);case 6:if((a=e.sent).data&&a.data.valid){e.next=11;break}return ue(o=a.data?a.data.message:"The design could not be updated"),e.abrupt("return",new Promise(function(e,n){return n(o)}));case 11:return ce("The design has been saved"),e.abrupt("return",{data:n});case 13:case"end":return e.stop()}},e,this)}))).apply(this,arguments)}var mr=new(function(){function e(){Object(d.a)(this,e),this.baseUrl=function(){var e={"beta.kitepaint.com":"https://api.beta.kitepaint.com/php","kitepaint.com":"https://api.kitepaint.com/php",default:"https://api.beta.kitepaint.com/php"};return e[arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.location.hostname]||e.default}(),this.config={},this.axiosInstance=null,this._cache={},this._getUserCache=[],this._getDesignsCache=[],this._getProductsCache=[],this._getManufacturersCache=[],this.config={baseURL:this.baseUrl,headers:{Accept:"application/json","Content-Type":"multipart/form-data"}},this.axiosInstance=Dt.a.create(this.config)}return Object(p.a)(e,[{key:"_cacheable",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"cache",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];this._cache[e]||(this._cache[e]=[]);var r,a=this._cache[e],o=a.find(function(e,t){return e.value===n&&(r=t,!0)});if(o){var i=(new Date).getTime();if(o.cacheTime+6e5>=i)return Promise.resolve({data:t});a.splice(r,1)}return a.push({cacheTime:(new Date).getTime(),value:n}),Promise.resolve({continue:!0})}},{key:"activateAccount",value:function(e,n){return function(e,n){return Lt.apply(this,arguments)}.call(this,e,n)}},{key:"checkLoginStatus",value:function(){return function(){return _t.apply(this,arguments)}.call(this)}},{key:"logIn",value:function(e,n){return function(e,n){return ur.apply(this,arguments)}.call(this,e,n)}},{key:"logOut",value:function(){return function(){return lr.apply(this,arguments)}.call(this)}},{key:"createAccount",value:function(e){return function(e){return Mt.apply(this,arguments)}.call(this,e)}},{key:"resetPassword",value:function(e,n){return function(e,n){return dr.apply(this,arguments)}.call(this,e,n)}},{key:"changeEmail",value:function(e,n){return function(e,n){return At.apply(this,arguments)}.call(this,e,n)}},{key:"changePassword",value:function(e){return function(e){return Tt.apply(this,arguments)}.call(this,e)}},{key:"deleteAccount",value:function(e,n){return function(e,n){return Ft.apply(this,arguments)}.call(this,e,n)}},{key:"getUser",value:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(e){return cr.apply(this,arguments)}.call(this,e,n)}},{key:"getDesigns",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(){return rr.apply(this,arguments)}.call(this,e,n)}},{key:"getDesign",value:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(e){return er.apply(this,arguments)}.call(this,e,n)}},{key:"getProducts",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return function(){return or.apply(this,arguments)}.call(this,e)}},{key:"getManufacturers",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return function(){return ar.apply(this,arguments)}.call(this,e)}},{key:"createDesign",value:function(e){return function(e){return Ut.apply(this,arguments)}.call(this,e)}},{key:"updateDesign",value:function(e){return function(e){return pr.apply(this,arguments)}.call(this,e)}},{key:"deleteDesign",value:function(e){return function(e){return qt.apply(this,arguments)}.call(this,e)}}]),e}());function gr(e,n){var t=Object(St.a)("".concat(e,".REQUESTED")),r=Object(St.a)("".concat(e,".RECEIVED")),a=Object(St.a)("".concat(e,".FAILED"));function o(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){e(o.REQUESTED());var r=n.apply(void 0,t);return r.then(function(n){e(o.RECEIVED(n))}),r.catch(function(n){e(o.FAILED(n))}),r}}return o.REQUESTED=t,o.RECEIVED=r,o.FAILED=a,o}var hr,fr=gr("CHECK_LOGIN",function(){return mr.checkLoginStatus()}),br=gr("LOG_IN",function(e,n){return mr.logIn(e,n)}),vr=gr("LOG_OUT",function(){return mr.logOut()}),Er=gr("CREATE_ACCOUNT",function(e){return mr.createAccount(e)}),wr=gr("RESET_PASSWORD",function(e,n){return mr.resetPassword(e,n)}),Or=gr("CHANGE_EMAIL",function(e,n){return mr.changeEmail(e,n)}),yr=gr("CHANGE_PASSWORD",function(e){return mr.changePassword(e)}),Cr=gr("DELETE_ACCOUNT",function(e,n){return mr.deleteAccount(e,n)}),xr=Object(St.a)("SET_RECOGNIZED_USER",function(e){return localStorage.setItem("isRecognizedUser",e),e}),kr=gr("GET_DESIGNS",function(e,n){return mr.getDesigns(e,n)}),jr=gr("GET_DESIGN",function(e){return mr.getDesign(e)}),Sr=gr("GET_PRODUCTS",function(e){return mr.getProducts(e)}),Pr=gr("GET_MANUFACTURERS",function(e){return mr.getManufacturers(e)}),Dr=gr("GET_USER",function(e){return mr.getUser(e)}),Ir=gr("CREATE_DESIGN",function(e){return mr.createDesign(e)}),Nr=gr("UPDATE_DESIGN",function(e){return mr.updateDesign(e)}),Rr=gr("DELETE_DESIGN",function(e){return mr.deleteDesign(e).then(function(){return{data:{id:e}}})}),Lr=t(13),Ar=t(109),Tr=t(17),_r=Object(Tr.fromJS)({actcode:null,firstName:null,id:null,isCheckingLogin:!0,isLoggedIn:!1,isLoggingIn:!1,isRecognizedUser:"true"===localStorage.getItem("isRecognizedUser"),lastName:null,username:null}),Mr=Object(Ar.a)((hr={},Object(Lr.a)(hr,xr,function(e,n){var t=n.payload;return e.set("isRecognizedUser",t)}),Object(Lr.a)(hr,fr.REQUESTED,function(e){return e.set("isCheckingLogin",!0)}),Object(Lr.a)(hr,fr.RECEIVED,function(e,n){var t=n.payload.data;return e.merge({actcode:t.actcode,email:t.email,firstName:t.first_name,id:t.user_id,isLoggedIn:t.logged_in,isCheckingLogin:!1,lastName:t.last_name,username:t.username})}),Object(Lr.a)(hr,fr.FAILED,function(e){return e.set("isCheckingLogin",!1)}),Object(Lr.a)(hr,br.REQUESTED,function(e){return e.set("isLoggingIn",!0)}),Object(Lr.a)(hr,br.RECEIVED,function(e,n){var t=n.payload.data;return e.merge({actcode:t.actcode,email:t.email,firstName:t.first_name,id:t.user_id,isLoggedIn:t.logged_in,isLoggingIn:!1,lastName:t.last_name,username:t.username})}),Object(Lr.a)(hr,br.FAILED,function(e){return e.set("isLoggingIn",!1)}),Object(Lr.a)(hr,vr.RECEIVED,function(e){return e.merge({actcode:null,email:null,firstName:null,id:null,isLoggedIn:!1,lastName:null,username:null})}),Object(Lr.a)(hr,Or.RECEIVED,function(e,n){return e.set("email",n.payload.data.email)}),Object(Lr.a)(hr,Cr.RECEIVED,function(e){return e.merge({actcode:null,email:null,firstName:null,id:null,isLoggedIn:!1,lastName:null,username:null})}),hr),_r),Ur=function(e){var n=e.get("user");return{email:n.get("email"),id:n.get("id"),isLoggedIn:n.get("isLoggedIn"),isLoggingIn:n.get("isLoggingIn"),username:n.get("username")}},Fr=t(113),qr=t(108);var Vr=qe(),Br=function(){try{return window.self!==window.top}catch(e){return!0}}(),zr=Br?Vr["css-url"]:null,Hr=Br?Vr.background:null,Jr=t(107),Wr=t(111),Gr=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={redirect:!1},t.toggleRecognition=function(){var e=t.props.isRecognizedUser;t.props.onSetRecognition(!e)},t.setRecognition=function(e){return t.props.onSetRecognition(e)},t.handleLogOut=function(){return t.props.onLogOut().then(function(){t.setState({redirect:!0},function(){return t.setState({redirect:!1})})})},t.buildRedirect=function(){return t.props.onRedirect(),s.a.createElement(Wr.a,{to:"/"})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){if(this.state.redirect)return this.buildRedirect();var e=this.props.user,n=e.email,t=e.id,r=e.isLoggedIn,a=e.isLoggingIn,o=e.username;return this.props.children({actions:{logOut:this.handleLogOut,toggleRecognition:this.toggleRecognition,setRecognition:this.setRecognition},props:{email:n,id:t,isLoggedIn:r,isLoggingIn:a,isRecognizedUser:this.props.isRecognizedUser,username:o}})}}]),n}(s.a.Component);Gr.defaultProps={onRedirect:function(){}};var Yr={onLogOut:vr,onSetRecognition:xr},Xr=Object(l.b)(function(e){return{user:Ur(e),isRecognizedUser:function(e){return e.getIn(["user","isRecognizedUser"])}(e)}},Yr)(Gr);function Kr(){var e=Object(z.a)(["\n  ",";\n  display: block;\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 40px;\n  text-align: center;\n  padding: 8px;\n  text-decoration: none;\n  background-image: linear-gradient(\n    180deg,\n    ",",\n    ",",\n    ",",\n    ","\n  );\n  background-size: 400% 400%;\n  background-position: 50% 0%;\n  transition: 0.5s background-position;\n  cursor: pointer;\n  height: 100%;\n  box-sizing: border-box;\n\n  &:hover {\n    background-position: 50% 35%;\n  }\n  .dropdown-arrow {\n    margin-left: 4px;\n  }\n"]);return Kr=function(){return e},e}function Zr(){var e=Object(z.a)(["\n  background: ",";\n  height: 48px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n  box-shadow: 0 0 1px ",";\n  position: relative;\n  box-sizing: border-box;\n  z-index: 3;\n\n  .left,\n  .right {\n    display: flex;\n    algin-items: center;\n    flex-grow: 1;\n  }\n  .right {\n    align-items: stretch;\n    justify-content: flex-end;\n    height: 100%;\n  }\n"]);return Zr=function(){return e},e}var Qr=f.d.header(Zr(),function(e){return e.theme.colors.silver},function(e){return e.theme.colors.black}),$r=f.d.div(Kr(),Z,function(e){return e.theme.colors.black},function(e){return e.theme.colors.silver},function(e){return e.theme.colors.silver},function(e){return e.theme.colors.gray},function(e){return e.theme.colors.gray}),ea=function(){return s.a.createElement(Qr,null,s.a.createElement("div",{className:"left"},s.a.createElement(Qe,null,s.a.createElement(G,{as:Jr.a,to:"/"},"KitePaint"))),s.a.createElement("div",{className:"right"},s.a.createElement($r,{as:Jr.a,to:"/"},s.a.createElement(Ie,{icon:"home"})),s.a.createElement($r,{as:Jr.a,to:"/about"},"About"),s.a.createElement($r,{as:Jr.a,to:"/create"},"Create"),s.a.createElement(Xr,null,function(e){return e.props.isLoggedIn?s.a.createElement(Se,{className:"testing_account-dropdown",dropdownContent:function(n){return s.a.createElement(s.a.Fragment,null,s.a.createElement(n.components.Item,{as:Jr.a,to:"/my-designs",onClick:n.actions.close},"My Designs"),s.a.createElement(n.components.Item,{as:Jr.a,to:"/account",onClick:n.actions.close},"Manage Account"),s.a.createElement(n.components.Spacer,null),s.a.createElement(n.components.Item,{onClick:e.actions.logOut},"Sign Out"))}},function(n){return s.a.createElement($r,{onClick:n.props.isOpen?n.actions.close:n.actions.open},e.props.username,s.a.createElement(Ie,{className:"dropdown-arrow",icon:"angle-down"}))}):s.a.createElement($r,{onClick:function(){return e.actions.setRecognition(!0)},as:Jr.a,to:{pathname:"/login",search:"?url=".concat(encodeURIComponent(window.location.href))}},"Log In")})))};function na(){var e=Object(z.a)(["\n  text-align: center;\n  border-top: 1px solid ","\n  padding: 8px;\n  background: ","\n  position: relative;\n"]);return na=function(){return e},e}var ta=f.d.footer(na(),function(e){return e.theme.colors.grayDark},function(e){return e.theme.colors.grayDarker}),ra=function(e){return s.a.createElement(ta,e,s.a.createElement($,{isLight:!0},Br?s.a.createElement(s.a.Fragment,null,"Powered by"," ",s.a.createElement(G,{href:"https://kitepaint.com",target:"_blank"},"KitePaint")):s.a.createElement(s.a.Fragment,null,"\xa9 ",(new Date).getFullYear()," ",s.a.createElement(G,{href:"http://wattydev.com",target:"_blank"},"Spencer Watson"))))},aa=function(e){var n=e._isEmbedded,t=e._externalCss;return n&&t?u.a.createPortal(s.a.createElement("link",{rel:"stylesheet",type:"text/css",href:zr}),document.querySelector("head")):null};aa.defaultProps={_isEmbedded:Br,_externalCss:zr};var oa=aa;function ia(){var e=Object(z.a)(["\n  text-align: center;\n  min-height: calc(100vh - 50px);\n  background: url(",');\n  background-size: cover;\n  background-repeat: none;\n  position: relative;\n  padding-top: 10%;\n  box-sizing: border-box;\n  &:before {\n    content: "";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: ',";\n    opacity: 0.6;\n  }\n\n  h1 {\n    display: block;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    background: ",";\n    color: ",";\n    border-radius: 50%;\n    line-height: 100px;\n    position: relative;\n    margin-bottom: 16px;\n  }\n\n  p {\n    position: relative;\n  }\n"]);return ia=function(){return e},e}var sa=f.d.div(ia(),Fe("/errorBackground.jpg"),function(e){return e.theme.colors.white},function(e){return e.theme.colors.black},function(e){return e.theme.colors.silver}),ca=function(e){var n=e.errorCode,t=e.errorMessage;return s.a.createElement(sa,null,s.a.createElement(Ke,null,n),s.a.createElement($,null,t))};ca.defaultProps={errorCode:404,errorMessage:"Page not found"};var ua=ca,la=function(e){var n=e._isEmbedded,t=Object(Y.a)(e,["_isEmbedded"]);return n?s.a.createElement(ua,{errorCode:401,errorMessage:"Embedding of this page is not permitted."}):s.a.createElement(qr.a,t)};la.defaultProps={_isEmbedded:Br};var da=la,pa=t(24),ma=t(114),ga=function(e){return e.split("&").reduce(function(e,n){var t=n.split("="),r=Object(pa.a)(t,2),a=r[0],o=r[1];return e[a]=o,e},{})},ha=function(e){function n(e){var t,r;Object(d.a)(this,n);for(var a=arguments.length,o=new Array(a>1?a-1:0),i=1;i<a;i++)o[i-1]=arguments[i];r=Object(m.a)(this,(t=Object(g.a)(n)).call.apply(t,[this,e].concat(o)));var s=e.history.location.hash.replace("#!/","");if(!s)return Object(m.a)(r);var c={},u=[{from:"about",to:"/about"},{from:"account",to:"/my-designs"},{from:"create",to:"/create"},{from:"activate?uid=:userId&actcode=:activationCode",to:"/activate/:userId/:activationCode"},{from:"edit/new?id=:productId",to:"/create/:productId"},{from:"designs",to:"/designs"},{from:"edit/saved?id=:designId",to:"/edit/:designId"},{from:"view?id=:designId",to:"/view/:designId"}].find(function(e){if(s===e.from)return!0;var n=s.split("?"),t=Object(pa.a)(n,2),r=t[0],a=t[1],o=e.from.split("?"),i=Object(pa.a)(o,2),u=i[0],l=i[1];if(r!==u)return!1;var d=ga(a),p=ga(l);return Object.keys(d).join()===Object.keys(p).join()&&(c=Object.keys(p).reduce(function(e,n){return e[p[n].replace(":","")]=d[n],e},{}),!0)});if(!u)return e.history.push("/error"),Object(m.a)(r);var l=Object.keys(c).reduce(function(e,n){return e.replace(":".concat(n),c[n])},u.to);return e.history.push(l),r}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return null}}]),n}(s.a.Component),fa=Object(ma.a)(ha);function ba(){var e=Object(z.a)(["\n  max-width: 1280px;\n  padding: 16px;\n  margin: 0 auto;\n"]);return ba=function(){return e},e}var va=f.d.div(ba()),Ea=function(){return s.a.createElement(va,null,s.a.createElement(Ke,null,"About"),s.a.createElement(lt,{bottom:"md"}),s.a.createElement($,null,"I started creating KitePaint.com in 2014 as a pet project to experiment with full stack development. At the time, I built it using AngularJS, but I started rebuilding the front end in React in 2018. This site is an experiment and a learning experience. While I am experimenting with these technologies, I figured that I might as well make something useful."),s.a.createElement(lt,{bottom:"sm"}),s.a.createElement($,null,"I created a colorizer application for"," ",s.a.createElement("a",{href:"http://revkites.com",rel:"noopener noreferrer",target:"_blank"},"Revolution Kites")," ","some time ago that serves as the initial inspiration for this site. I wanted to expand on what I had made for Revolution, but make it bigger, more fun, and more accessable for more people. I wanted all kite manufactuers to have the ability to get their own colorizers for a reasonable price. I wanted to make the custom kite ordering process easier for consumers. So, this site is the result. It is built around the concept of saving and sharing custom kite designs."),s.a.createElement(lt,{bottom:"sm"}),s.a.createElement($,null,"For more information, view the project on"," ",s.a.createElement("a",{href:"https://github.com/WattyRev/static.kitepaint",target:"_blank",rel:"noopener noreferrer"},"GitHub"),"."),s.a.createElement(lt,{bottom:"sm"}),s.a.createElement($,null,"Thanks for checking out KitePaint.com!",s.a.createElement("br",null),'- Spencer "Watty" Watson'))},wa=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={confirmNewPassword:"",currentPassword:"",deleteError:null,editingEmail:!1,editingPassword:!1,email:"",emailError:null,newPassword:"",passwordError:null},t.handleToggleEditEmail=function(){t.setState({emailError:null,editingEmail:!t.state.editingEmail,email:t.props.user.email})},t.handleToggleEditPassword=function(){t.setState({editingPassword:!t.state.editingPassword,confirmNewPassword:"",currentPassword:"",newPassword:"",passwordError:null})},t.handleEmailChange=function(e){t.setState({emailError:null,email:e})},t.handleCurrentPasswordChange=function(e){t.setState({currentPassword:e,passwordError:null})},t.handleNewPasswordChange=function(e){t.setState({newPassword:e,passwordError:null})},t.handleConfirmNewPasswordChange=function(e){t.setState({confirmNewPassword:e,passwordError:null})},t.handleSubmitEmail=function(){var e;return e=t.state.email===t.props.user.email?Ve(Promise.resolve()):Ve(t.props.onEmailChange(t.props.user.id,t.state.email)),t._requests.push(e),e.promise.then(function(){t.setState({editingEmail:!1})}).catch(function(e){t.setState({emailError:e})})},t.handleSubmitPassword=function(){var e=Ve(t.props.onPasswordChange({username:t.props.user.username,currentPassword:t.state.currentPassword,newPassword:t.state.newPassword,confirmNewPassword:t.state.confirmNewPassword}));return t._requests.push(e),e.promise.then(function(){t.setState({editingPassword:!1})}).catch(function(e){t.setState({passwordError:e})})},t.handleDeleteAccount=function(e){var n=Ve(t.props.onDeleteAccount(t.props.user.id,e));return t._requests.push(n),n.promise.catch(function(e){t.setState({deleteError:e})})},t._requests=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentWillUnmount",value:function(){this._requests.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return this.props.children({actions:{changeEmail:this.handleEmailChange,changeCurrentPassword:this.handleCurrentPasswordChange,changeNewPassword:this.handleNewPasswordChange,changeConfirmNewPassword:this.handleConfirmNewPasswordChange,toggleEditEmail:this.handleToggleEditEmail,toggleEditPassword:this.handleToggleEditPassword,submitEmail:this.handleSubmitEmail,submitPassword:this.handleSubmitPassword,deleteAccount:this.handleDeleteAccount},props:{confirmNewPassword:this.state.confirmNewPassword,currentPassword:this.state.currentPassword,deleteError:this.state.deleteError,editingEmail:this.state.editingEmail,editingPassword:this.state.editingPassword,email:this.state.editingEmail?this.state.email:this.props.user.email,emailError:this.state.emailError,newPassword:this.state.newPassword,passwordError:this.state.passwordError,user:this.props.user}})}}]),n}(s.a.Component),Oa={onEmailChange:Or,onPasswordChange:yr,onDeleteAccount:Cr},ya=Object(l.b)(function(e){return{user:Ur(e)}},Oa)(wa);function Ca(){var e=Object(z.a)(["\n  padding: 8px;\n"]);return Ca=function(){return e},e}var xa=f.d.form(Ca()),ka=function(e){var n=e.editing,t=e.email,r=e.error,a=e.onChangeEmail,o=e.onSubmit,i=e.onToggleEdit;return s.a.createElement(xa,{onSubmit:function(e){e.preventDefault(),o()}},s.a.createElement(an,{htmlFor:"email-input"},"Email Address (",s.a.createElement(G,{onClick:i},n?"Cancel":"Change"),")"),s.a.createElement(tn,{id:"email-input",type:"email",readOnly:!n,required:n,value:t,onChange:function(e){return a(e.target.value)}}),r&&s.a.createElement(lt,{top:"sm"},s.a.createElement(Le,null,s.a.createElement($,{className:"testing_error"},r))),n&&s.a.createElement(ve,{type:"submit",isPrimary:!0},"Save Email"))};ka.defaultProps={editing:!1,email:null,error:null};var ja=ka;function Sa(){var e=Object(z.a)(["\n  padding: 8px;\n"]);return Sa=function(){return e},e}var Pa=f.d.form(Sa()),Da=function(e){var n=e.confirmNewPassword,t=e.currentPassword,r=e.editing,a=e.error,o=e.newPassword,i=e.onChangeConfirmNewPassword,c=e.onChangeCurrentPassword,u=e.onChangeNewPassword,l=e.onSubmit,d=e.onToggleEdit;return s.a.createElement(Pa,{className:"form-group",onSubmit:function(e){e.preventDefault(),l()}},s.a.createElement(an,null,"Password (",s.a.createElement(G,{onClick:d},r?"Cancel":"Change"),")"),r?s.a.createElement(s.a.Fragment,null,s.a.createElement(an,{htmlFor:"current-password"},"Current Password"),s.a.createElement(tn,{id:"current-password",type:"password",value:t,onChange:function(e){return c(e.target.value)},required:!0}),s.a.createElement(an,{htmlFor:"new-password"},"New Password"," ",s.a.createElement(kt,null,"Passwords may be between 6-15 characters.",s.a.createElement("br",null),"They may include these characters: a-z, A-Z, 0-9, #, @, or *.")),s.a.createElement(tn,{id:"new-password",type:"password",value:o,onChange:function(e){return u(e.target.value)},required:!0}),s.a.createElement(an,{htmlFor:"confirm-password"},"Confirm New Password"),s.a.createElement(tn,{id:"confirm-password",type:"password",value:n,onChange:function(e){return i(e.target.value)},required:!0}),a&&s.a.createElement(lt,{top:"sm"},s.a.createElement(Le,null,s.a.createElement($,{className:"testing_error"},a))),s.a.createElement(ve,{type:"submit",isPrimary:!0},"Save Password")):s.a.createElement(tn,{className:"testing_mask",type:"password",readOnly:!0,defaultValue:"********"}))};function Ia(){var e=Object(z.a)(["\n  max-width: 1280px;\n  padding: 16px;\n  margin: 0 auto;\n\n  .form-group {\n    padding: 8px;\n  }\n"]);return Ia=function(){return e},e}var Na=f.d.div(Ia()),Ra=function(){return s.a.createElement(Na,null,s.a.createElement(ya,null,function(e){return s.a.createElement(s.a.Fragment,null,!e.props.user.id&&s.a.createElement(Wr.a,{to:"/"}),s.a.createElement(Ke,null,"Account Settings - ",e.props.user.username),s.a.createElement(lt,{top:"md",bottom:"md"},s.a.createElement(mt,null,s.a.createElement(ja,{editing:e.props.editingEmail,email:e.props.email,error:e.props.emailError,onChangeEmail:e.actions.changeEmail,onSubmit:e.actions.submitEmail,onToggleEdit:e.actions.toggleEditEmail}),s.a.createElement(Da,{confirmNewPassword:e.props.confirmNewPassword,currentPassword:e.props.currentPassword,editing:e.props.editingPassword,error:e.props.passwordError,newPassword:e.props.newPassword,onChangeConfirmNewPassword:e.actions.changeConfirmNewPassword,onChangeCurrentPassword:e.actions.changeCurrentPassword,onChangeNewPassword:e.actions.changeNewPassword,onSubmit:e.actions.submitPassword,onToggleEdit:e.actions.toggleEditPassword}),s.a.createElement("div",{className:"form-group"},s.a.createElement(Qe,null,"Delete Account"),s.a.createElement(lt,{bottom:"sm"}),s.a.createElement($,null,"Deleting your account cannot be undone."),e.props.deleteError&&s.a.createElement(lt,{top:"sm"},s.a.createElement(Le,null,s.a.createElement($,null,e.props.deleteError))),s.a.createElement(Rn,{message:"Please enter your password to confirm deletion of your account.",submitText:"Delete Account",cancelText:"Cancel",onSubmit:e.actions.deleteAccount,inputType:"password"},function(e){return s.a.createElement(ve,{onClick:e.actions.open},"Delete Account")})))))}))},La=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isPending:!0,error:""},t._cancelablePromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=Ve(mr.activateAccount(this.props.userId,this.props.activationCode));this._cancelablePromises.push(n),n.promise.then(function(){e.setState({isPending:!1})}).catch(function(n){n&&n.isCanceled||e.setState({isPending:!1,error:n})})}},{key:"componentWillUnmount",value:function(){this._cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return this.props.children({props:{isPending:this.state.isPending,error:this.state.error}})}}]),n}(s.a.Component);function Aa(){var e=Object(z.a)(["\n  max-width: 1280px;\n  padding: 16px;\n  margin: 0 auto;\n"]);return Aa=function(){return e},e}var Ta=f.d.div(Aa()),_a=function(e){var n=e.match;return s.a.createElement(Ta,null,s.a.createElement(Ke,null,"Account Activation"),s.a.createElement(lt,{bottom:"md"}),s.a.createElement(La,{userId:n.params.userId,activationCode:n.params.activationCode},function(e){return e.props.isPending?s.a.createElement(ln,null):e.props.error?s.a.createElement(s.a.Fragment,null,s.a.createElement($,null,"Account activation was unsucccessful."),s.a.createElement(lt,{bottom:"sm"}),s.a.createElement(Le,null,s.a.createElement($,null,e.props.error))):s.a.createElement($,{className:"testing_success"},"Your account has been activated!")}))},Ma=Object(Tr.fromJS)({}),Ua=Object(Ar.a)(Object(Lr.a)({},Sr.RECEIVED,function(e,n){var t=n.payload.data.reduce(function(e,n){return e[n.get("id")]=n,e},{});return e.merge(t)}),Ma),Fa=function(e,n){return e.get("products").get(n,null)},qa=function(e){return e.get("products").toJS()},Va=Object(Tr.fromJS)({}),Ba=Object(Ar.a)(Object(Lr.a)({},Pr.RECEIVED,function(e,n){var t=n.payload.data.reduce(function(e,n){return e[n.get("id")]=n,e},{});return e.merge(t)}),Va),za=function(e,n){var t=e.getIn(["products",n]);if(!t)return null;var r=t.get("manufacturer");return e.getIn(["manufacturers",r])||null},Ha=function(e){return e.get("manufacturers").toJS()},Ja=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isLoading:!0},t.cancelablePromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=Ve(this.props.getProducts()),t=Ve(this.props.getManufacturers());this.cancelablePromises.push(n),this.cancelablePromises.push(t),Promise.all([n.promise,t.promise]).then(function(){e.setState({isLoading:!1})}).catch(function(){e.setState({isLoading:!1})})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return this.props.children({props:{isLoading:this.state.isLoading,products:this.props.products||{},manufacturers:this.props.manufacturers||[]}})}}]),n}(s.a.Component),Wa={getProducts:Sr,getManufacturers:Pr},Ga=Object(l.b)(function(e){return{products:function(e,n){return e.get("products").filter(function(e){return e.get("status")===Xt.PUBLIC}).toList().sortBy(function(e){return e.get("name")}).groupBy(function(e){return e.get(n)}).toJS()}(e,"manufacturer"),manufacturers:function(e){return e.get("manufacturers").sort(function(e,n){var t=e.get("name"),r=n.get("name");return t>r?1:t<r?-1:0}).toList().toJS()}(e)}},Wa)(Ja);function Ya(){var e=Object(z.a)(["\n  background-image: url(",");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  display: block;\n  width: ","px;\n  height: ","px;\n  margin: ",";\n  border: 1px solid ",";\n  border-radius: 4px;\n  box-sizing: border-box;\n  background-color: ",";\n"]);return Ya=function(){return e},e}var Xa=f.d.div(Ya(),function(e){return e.src},function(e){return e.size||70},function(e){return e.size||70},function(e){return e.noMargin?0:"8px 8px 0 0"},function(e){return e.theme.colors.gray},function(e){return e.theme.colors.white});function Ka(){var e=Object(z.a)(["\n  display: flex;\n  align-items: center;\n"]);return Ka=function(){return e},e}function Za(){var e=Object(z.a)(["\n  padding: 8px;\n"]);return Za=function(){return e},e}var Qa=Object(f.d)(mt)(Za()),$a=f.d.div(Ka()),eo=function(e){var n=e.manufacturer,t=e.children;return s.a.createElement(Qa,null,s.a.createElement($a,null,s.a.createElement(Xa,{src:Fe("/logos/".concat(n.get("logo")))}),s.a.createElement("div",null,s.a.createElement(en,null,n.get("name")),n.get("website")&&s.a.createElement($,{className:"testing_website"},s.a.createElement(G,{href:n.get("website"),target:"_blank"},n.get("website"))))),t)},no=function(e){var n=e.svg,t=Object(Y.a)(e,["svg"]);return s.a.createElement("div",Object.assign({},t,{dangerouslySetInnerHTML:{__html:n}}))};function to(){var e=Object(z.a)(["\n  flex-basis: 500px;\n  margin: 8px;\n  flex-shrink: 1;\n  border: 1px solid ",";\n  border-radius: 4px;\n  ",";\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  padding: 36px 8px 8px;\n  flex-wrap: wrap;\n  align-items: middle;\n  justify-content: space-around;\n\n  .product-heading {\n    background: ",";\n    border-bottom: 1px solid ",";\n    text-align: center;\n    padding: 4px 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n  }\n  .preview {\n    width: 50%;\n    flex-grow: 1;\n    padding: 8px;\n    box-sizing: border-box;\n    transition: 0.6s transform;\n\n    &.count-2 {\n      width: 100%;\n    }\n    > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n  &:hover {\n    .preview {\n      transform: translateY(-15px);\n    }\n  }\n"]);return to=function(){return e},e}var ro=f.d.div(to(),function(e){return e.theme.colors.gray},function(e){return e.theme.patterns.transparencyBackground},function(e){return e.theme.colors.white},function(e){return e.theme.colors.gray}),ao=function(e){var n=e.product;return s.a.createElement(ro,{as:Jr.a,to:"/create/".concat(n.get("id"))},s.a.createElement(en,{className:"product-heading"},n.get("name")),n.get("variations").map(function(e){return s.a.createElement(no,{className:"preview count-".concat(n.get("variations").length),key:e.id,svg:e.svg})}))};function oo(){var e=Object(z.a)(["\n  margin: 0 auto;\n  max-width: 1280px;\n\n  .products-wrapper {\n    display: flex;\n    margin: 8px 0 24px;\n    justify-content: space-around;\n  }\n  .heading {\n    padding: 8px 16px;\n  }\n"]);return oo=function(){return e},e}var io=f.d.div(oo()),so=function(){return s.a.createElement(io,null,s.a.createElement("div",{className:"heading"},s.a.createElement(Ke,null,"Create"),s.a.createElement($,null,"Select a kite that you want to design")),s.a.createElement(Ga,null,function(e){return s.a.createElement(s.a.Fragment,null,e.props.isLoading?s.a.createElement(Xn,null):e.props.manufacturers.map(function(n){var t=e.props.products[n.get("id")];return t&&t.length?s.a.createElement(lt,{key:n.get("id"),bottom:"md"},s.a.createElement(eo,{manufacturer:n},s.a.createElement("div",{className:"products-wrapper"},t.map(function(e){return s.a.createElement(ao,{product:e,key:e.get("id")})})))):null}))}))},co=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isLoading:!0},t.cancelablePromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=Ve(this.props.onRequestProduct()),t=Ve(this.props.onRequestManufacturer());this.cancelablePromises.push(n),this.cancelablePromises.push(t),Promise.all([n.promise,t.promise]).then(function(){e.setState({isLoading:!1})}).catch(function(){e.setState({isLoading:!1})})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return this.props.children({props:{isLoading:this.state.isLoading,product:this.props.product,manufacturer:this.props.manufacturer}})}}]),n}(s.a.Component),uo={onRequestProduct:Sr,onRequestManufacturer:Pr},lo=Object(l.b)(function(e,n){return{product:Fa(e,n.productId),manufacturer:za(e,n.productId)}},uo)(co),po=t(58),mo=Bt.a.objectOf(Bt.a.shape({name:Bt.a.string.isRequired,color:Bt.a.string.isRequired}));Bt.a.objectOf(mo);function go(e,n){if(!n)return{appliedColors:{},autofillMap:{}};var t=n.get("colors");return(e?e.get("variations"):n.get("variations")).reduce(function(n,r){var a=r.svg,o=r.id,i=(new window.DOMParser).parseFromString(a,"text/xml");if(e){var s=function(e,n){for(var t=e.querySelectorAll("[data-id]"),r={},a=function(e){var a=t[e],o=a.getAttribute("fill");if(o){var i=n.find(function(e){return ze(e.color,o)}),s=i?i.name:o;r[a.getAttribute("data-id")]={color:o,name:s}}},o=0;o<t.length;o++)a(o);return r}(i,t);n.appliedColors[o]=s}var c=function(e){for(var n=e.querySelectorAll("[data-id]"),t={},r=0;r<n.length;r++){var a=n[r];a.getAttribute("data-autofill")&&(t[a.getAttribute("data-id")]=a.getAttribute("data-autofill").trim().split(" "))}return t}(i);return n.autofillMap[o]=c,n},{appliedColors:{},autofillMap:{}})}var ho=function(e){function n(e){var t,r;Object(d.a)(this,n);for(var a=arguments.length,o=new Array(a>1?a-1:0),i=1;i<a;i++)o[i-1]=arguments[i];(r=Object(m.a)(this,(t=Object(g.a)(n)).call.apply(t,[this,e].concat(o)))).handleUndo=function(){var e,n=r.state.undoDepth;if(n!==r.state.appliedColorsHistory.length){var t=r.state.appliedColorsHistory[n];if(t.keys.length)e=Object(Tr.fromJS)(r.state.appliedColors).setIn(t.keys,t.previousValue).toJS();else e=t.previousValue;r.setState({appliedColors:e,undoDepth:n+1})}},r.handleRedo=function(){var e,n=r.state.undoDepth;if(0!==n){var t=r.state.appliedColorsHistory[n-1];if(t.keys.length)e=Object(Tr.fromJS)(r.state.appliedColors).setIn(t.keys,t.value).toJS();else e=t.value;r.setState({appliedColors:e,undoDepth:n-1})}},r.cancelablePromises=[],r.handleColorSelection=function(e){var n=r.props.product.get("colors").find(function(n){return ze(n.name,e)});r.setState({currentColor:n})},r.handleVariationSelection=function(e){var n=r.props.product.get("variations").find(function(n){return n.id===e});r.setState({currentVariation:n})},r.handleColorApplied=function(e){return r._applyColors([r.state.currentVariation.id,e],r.state.currentColor)},r.generateDesignVariations=function(){var e=r.state.appliedColors,n=r.props.product.get("variations"),t=0,a=0,o=n.map(function(n,r){var o=(new window.DOMParser).parseFromString(n.svg,"text/xml"),i=e[n.id]||{},s=0,c=0;if(Object.keys(i).forEach(function(e){var n=i[e].color,t=o.querySelector('[data-id="'.concat(e,'"]'));t&&(s++,"#ffffff"!==n.toLowerCase()&&c++,t.setAttribute("fill",n))}),s){var u=c/s;u>t&&(t=u,a=r)}var l=o.querySelector("svg").outerHTML;return{id:n.id,name:n.name,primary:!1,svg:l}});return o[a].primary=!0,o},r.handleReset=function(){return r._applyColors([r.state.currentVariation.id],{})},r.handleSave=function(e){var n=e.name,t=e.user,a=new $t({name:n,user:t,product:r.props.product.get("id"),variations:r.generateDesignVariations(),status:"0"===t?Xt.PUBLIC:Xt.UNLISTED}),o=Ve(r.props.onSave(a));o.promise.then(function(n){var t=n.data.id;"0"===e.user?window.location.replace("/view/".concat(t)):window.location.replace("/edit/".concat(t))}),r.cancelablePromises.push(o)},r.handleUpdate=function(){var e=r.props.design.set("variations",r.generateDesignVariations());r.props.onUpdate(e)},r.getCurrentVariationColors=function(){var e=r.state.currentVariation.id;return r.state.appliedColors[e]||{}},r.handleAutofill=function(){var e=r.getCurrentVariationColors(),n=r.state.autofillMap[r.state.currentVariation.id],t=r.props.product.get("variations"),a=Object.entries(e).reduce(function(e,t){var r=Object(pa.a)(t,2),a=r[0],o=r[1];return(n[a]||[]).forEach(function(n){return e[n]=o}),e},{}),o=t.reduce(function(e,n){return e[n.id]=Object(po.a)({},a),e},{});r._applyColors([],o)},r.handleChangeBackground=function(e){return r.setState({background:e})},r.handleToggleHideOutlines=function(){return r.setState({hideOutlines:!r.state.hideOutlines})};var s=e.product.get("colors")[0];e.defaultColor&&(s=e.product.get("colors").find(function(n){return ze(n.name,e.defaultColor)}));var c=e.product.get("variations")[0];e.design&&(c=e.design.get("variations").find(function(e){return e.primary})),e.defaultVariation&&(c=e.product.get("variations").find(function(n){return n.id===e.defaultVariation}));var u=go(r.props.design,r.props.product),l=u.appliedColors,p=u.autofillMap;return r.state={background:Hr||null,hideOutlines:!1,currentColor:s,currentVariation:c,appliedColors:l,appliedColorsHistory:[],undoDepth:0,autofillMap:p},r}return Object(h.a)(n,e),Object(p.a)(n,[{key:"_applyColors",value:function(e,n){var t,r;if(e.length){var a=Object(Tr.fromJS)(this.state.appliedColors);t=a.setIn(e,n).toJS(),a.hasIn(e)&&(r=a.getIn(e,n)),Tr.Iterable.isIterable(r)&&(r=r.toJS())}else t=n,r=this.state.appliedColors;var o=this.state.appliedColorsHistory.slice(this.state.undoDepth),i={keys:e,value:n,previousValue:r};o.unshift(i),o.length>20&&o.pop(),this.setState({appliedColors:t,appliedColorsHistory:o,undoDepth:0})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){if(Br&&this.props.product&&!Te(this.props.product.get("embed").split(",")))return s.a.createElement(ua,{errorCode:401,errorMessage:"Embedding of this page is not permitted."});var e={actions:{applyColor:this.handleColorApplied,autofill:this.handleAutofill,changeBackground:this.handleChangeBackground,redo:this.handleRedo,reset:this.handleReset,save:this.handleSave,selectColor:this.handleColorSelection,selectVariation:this.handleVariationSelection,toggleHideOutlines:this.handleToggleHideOutlines,undo:this.handleUndo,update:this.handleUpdate},props:{appliedColors:this.state.appliedColors,background:this.state.background,canRedo:0!==this.state.undoDepth,canUndo:this.state.undoDepth!==this.state.appliedColorsHistory.length,currentColor:this.state.currentColor,currentVariation:this.state.currentVariation,currentVariationColors:this.getCurrentVariationColors(),hideOutlines:this.state.hideOutlines}};return this.props.children(e)}}]),n}(s.a.Component),fo={onSave:Ir,onUpdate:Nr},bo=Object(l.b)(function(){return{}},fo)(ho),vo=t(59),Eo=t.n(vo);function wo(){var e=Object(z.a)(["\n  max-width: 100%;\n  width: 500px;\n"]);return wo=function(){return e},e}var Oo=f.d.div(wo()),yo=function(e){var n=e.design,t=e.onClose,r=e.onDownloadSvg,a=e.onDownloadPng;return s.a.createElement(Oo,null,s.a.createElement(xn,{onClick:t}),n&&s.a.createElement(s.a.Fragment,null,s.a.createElement(an,{className:"testing_share-content"},"Public URL"),n.get("isPrivate")?s.a.createElement($,null,"This design is set to Private. It must be Unlisted or Public in order to share the URL."):s.a.createElement(tn,{className:"testing_public-url",readOnly:!0,value:"".concat(window.location.origin,"/view/").concat(n.get("id"))}),s.a.createElement(lt,{top:"md"}),s.a.createElement(an,null,"Download image files"),s.a.createElement(Se,{dropdownContent:function(e){return s.a.createElement(s.a.Fragment,null,s.a.createElement(e.components.Item,{onClick:function(){r(),e.actions.close()}},"SVG files"),s.a.createElement(e.components.Item,{onClick:function(){a(),e.actions.close()}},"PNG files"))}},function(e){return s.a.createElement(ve,{isPrimary:!0,onClick:e.actions.open},"Download ",s.a.createElement(Ie,{icon:"angle-down"}))})),!n&&s.a.createElement($,null,"You must save this design before it can be shared."))},Co=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isOpen:!1},t.handleOpen=function(){return t.setState({isOpen:!0})},t.handleClose=function(){return t.setState({isOpen:!1})},t.handleDownloadSvg=function(){t.props.design.get("variations").forEach(function(e){var n=document.createElement("a");n.setAttribute("href","data:text/plain;charset=utf-8,"+encodeURIComponent(e.svg)),n.setAttribute("download","".concat(t.props.design.get("name")," - ").concat(e.name,".svg")),n.style.display="none",document.body.appendChild(n),n.click(),document.body.removeChild(n)})},t.handleDownloadPng=function(){t.props.design.get("variations").forEach(function(e){var n=document.createElement("canvas");n.setAttribute("id","image-download-canvas"),n.setAttribute("width","1000px"),n.setAttribute("height","600px"),document.body.appendChild(n),Eo()(n,e.svg);var r=n.toDataURL("image/png"),a=document.createElement("a");a.setAttribute("href",r),a.setAttribute("download","".concat(t.props.design.get("name")," - ").concat(e.name,".png")),a.style.display="none",document.body.appendChild(a),a.click(),document.body.removeChild(a),document.body.removeChild(n)})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return s.a.createElement(On,{isOpen:this.state.isOpen,modalContent:s.a.createElement(yo,{design:this.props.design,onClose:this.handleClose,onDownloadSvg:this.handleDownloadSvg,onDownloadPng:this.handleDownloadPng}),onBackdropClick:this.handleClose},this.props.children({actions:{open:this.handleOpen}}))}}]),n}(s.a.Component);function xo(){var e=Object(z.a)(["\n  max-width: 100%;\n  width: 300px;\n  .submit-button {\n    float: right;\n  }\n"]);return xo=function(){return e},e}var ko=f.d.form(xo()),jo=function(e){var n=e.design,t=e.onSubmit,r=e.onCancel,a=e.onChangeName,o=e.onChangeStatus,i=e.isPending;if(!n)return null;var c=[{value:Xt.PUBLIC,label:Xt[Xt.PUBLIC],disabled:n.get("productStatus")<Xt.PUBLIC},{value:Xt.UNLISTED,label:Xt[Xt.UNLISTED],disabled:n.get("productStatus")<Xt.UNLISTED},{value:Xt.PRIVATE,label:Xt[Xt.PRIVATE],disabled:!1}];return s.a.createElement(ko,{onSubmit:function(e){e.preventDefault(),t()}},s.a.createElement(xn,{onClick:r}),s.a.createElement(an,null,"Design Name"),s.a.createElement(tn,{className:"input-name",value:n.get("name"),onChange:function(e){return a(e.target.value)},required:!0}),s.a.createElement(an,null,"Status"," ",s.a.createElement(kt,null,"Private designs are only visible by you.",s.a.createElement("br",null),"Unlisted designs are visible to anyone, but are not organically discoverable.",s.a.createElement("br",null),"Public designs are visible to anyone and are featured throughout KitePaint.")),s.a.createElement(Qn,{className:"select-status",value:n.get("currentStatus"),onChange:function(e){return o(e.target.value)}},c.map(function(e){return s.a.createElement("option",{key:e.value,disabled:e.disabled,value:e.value},e.label)})),s.a.createElement(ve,{className:"submit-button",type:"submit",isPrimary:!0,disabled:i},"Save"))},So=function(e){function n(e){var t,r;Object(d.a)(this,n);for(var a=arguments.length,o=new Array(a>1?a-1:0),i=1;i<a;i++)o[i-1]=arguments[i];return(r=Object(m.a)(this,(t=Object(g.a)(n)).call.apply(t,[this,e].concat(o)))).handleOpen=function(){return r.setState({isOpen:!0})},r.handleClose=function(){return r.setState({isOpen:!1})},r.handleChangeName=function(e){return r.setState({design:r.state.design.set("name",e)})},r.handleChangeStatus=function(e){return r.setState({design:r.state.design.set("status",e)})},r.handleSubmit=function(){var e=r.props.onSubmit(r.state.design);return e&&e.then&&(r.setState({isPending:!0}),e.then(function(){r.setState({isPending:!1}),r.handleClose()}),e.catch(function(){r.setState({isPending:!1}),r.handleClose()})),e},r.state={isOpen:!1,isPending:!1,design:e.design},r}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return this.props.design?s.a.createElement(On,{isOpen:this.state.isOpen,onBackdropClick:this.handleClose,modalContent:s.a.createElement(jo,{design:this.state.design,onCancel:this.handleClose,onSubmit:this.handleSubmit,onChangeName:this.handleChangeName,onChangeStatus:this.handleChangeStatus,isPending:this.state.isPending})},this.props.children({actions:{open:this.handleOpen}})):this.props.children({})}}]),n}(s.a.Component),Po={onSubmit:Nr},Do=Object(l.b)(function(){return{}},Po)(So);function Io(){var e=Object(z.a)(["\n  background: ",";\n  display: flex;\n  padding: 0 8px;\n  box-shadow: 0 0 2px 2px ",";\n  position: relative;\n  z-index: 2;\n\n  .toolbar-item {\n    padding: 8px;\n    cursor: pointer;\n    transition: 0.4s background;\n    border-right: 1px solid ",";\n    white-space: nowrap;\n\n    &:first-of-type {\n      border-left: 1px solid ",";\n    }\n\n    &:hover {\n      background: ",";\n    }\n    &[disabled] {\n      opacity: 0.5;\n      cursor: default;\n      background: none;\n    }\n  }\n"]);return Io=function(){return e},e}var No=[{label:"Default",value:null},{label:"Beach",value:Fe("/backgrounds/beach.jpg")},{label:"Blue Sky",value:Fe("/backgrounds/blue-sky.jpg")},{label:"Dark Sky",value:Fe("/backgrounds/dark-sky.jpg")},{label:"Orange Sky",value:Fe("/backgrounds/orange-sky.jpg")},{label:"Grass",value:Fe("/backgrounds/grass.jpg")},{label:"Water",value:Fe("/backgrounds/water.jpg")}],Ro=f.d.div(Io(),function(e){return e.theme.colors.grayDarker},function(e){return e.theme.colors.black},function(e){return e.theme.colors.grayDark},function(e){return e.theme.colors.grayDark},function(e){return e.theme.colors.black}),Lo=function(e){var n=e.children,t=e.design,r=e.onSave;return s.a.createElement(Rn,{onSubmit:r,message:"To save your design, you must give it a name. What would you like to name your design?"},function(e){return s.a.createElement(Co,{design:t},function(r){return s.a.createElement(Do,{design:t},function(t){return n({designSettingsModal:t,saveModal:e,shareModal:r})})})})};Lo.defaultProps={onSave:function(){}};var Ao=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={truncationCount:0},t.node=null,t.actionIndex=[],t._indexActions=function(){var e=[];t.node.querySelectorAll(".toolbar-item").forEach(function(n){e.push(n.getBoundingClientRect().right)}),t.actionIndex=e},t._determineTruncationCount=function(){var e,n=_e().width;if(t.actionIndex.find(function(t,r){return t>n-20&&(e=r,!0)}),e){var r=t.actionIndex.length-e+1;r!==t.state.truncationCount&&t.setState({truncationCount:r})}else{if(0===t.state.truncationCount)return;t.setState({truncationCount:0})}},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){this.node&&(this._indexActions(),this._determineTruncationCount(),window.addEventListener("resize",this._determineTruncationCount))}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this._determineTruncationCount)}},{key:"render",value:function(){var e=this;return s.a.createElement(Lo,{design:this.props.design,onSave:this.props.onSave},function(n){var t=[];e.props.onUpdate&&t.push({name:"save",content:s.a.createElement($,{className:"testing_update toolbar-item",isLight:!0,onClick:e.props.onUpdate},s.a.createElement(Ie,{icon:"save"}),s.a.createElement("span",{className:"label"}," Save")),truncatedContent:s.a.createElement(ke,{onClick:e.props.onUpdate},s.a.createElement(Ie,{icon:"share"}),s.a.createElement("span",{className:"label"}," Share"))}),e.props.onSave&&t.push({name:"save-as",content:s.a.createElement($,{className:"testing_save toolbar-item",isLight:!0,onClick:n.saveModal.actions.open},s.a.createElement(Ie,{icon:"save"}),s.a.createElement("span",{className:"label"}," ",e.props.onUpdate?"Save As":"Save"))}),t.push({name:"share",content:s.a.createElement($,{className:"toolbar-item",isLight:!0,onClick:n.shareModal.actions.open},s.a.createElement(Ie,{icon:"share"}),s.a.createElement("span",{className:"label"}," Share")),truncatedContent:s.a.createElement(ke,{onClick:n.shareModal.actions.open},s.a.createElement(Ie,{icon:"share"}),s.a.createElement("span",{className:"label"}," Share"))}),e.props.onUndo&&t.push({name:"undo",content:s.a.createElement($,{className:"toolbar-item",disabled:e.props.undoDisabled,isLight:!0,onClick:e.props.onUndo},s.a.createElement(Ie,{icon:"undo"}),s.a.createElement("span",{className:"label"}," Undo")),truncatedContent:s.a.createElement(ke,{disabled:e.props.undoDisabled,onClick:e.props.onUndo},s.a.createElement(Ie,{icon:"undo"}),s.a.createElement("span",{className:"label"}," Undo"))}),e.props.onRedo&&t.push({name:"redo",content:s.a.createElement($,{className:"toolbar-item",disabled:e.props.redoDisabled,isLight:!0,onClick:e.props.onRedo},s.a.createElement(Ie,{icon:"redo"}),s.a.createElement("span",{className:"label"}," Redo")),truncatedContent:s.a.createElement(ke,{disabled:e.props.redoDisabled,onClick:e.props.onRedo},s.a.createElement(Ie,{icon:"redo"}),s.a.createElement("span",{className:"label"}," Redo"))}),t.push({name:"background",content:s.a.createElement(Se,{dropdownContent:function(n){return s.a.createElement(s.a.Fragment,null,No.map(function(t){return s.a.createElement(n.components.Item,{key:t.value,onClick:function(){return e.props.onBackgroundChange(t.value)}},t.label)}))}},function(e){return s.a.createElement($,{className:"toolbar-item",isLight:!0,onClick:e.props.isOpen?e.actions.close:e.actions.open},s.a.createElement(Ie,{icon:"image"}),s.a.createElement("span",{className:"label"}," Background"))}),truncatedContent:s.a.createElement(Se,{dropdownContent:function(n){return s.a.createElement(s.a.Fragment,null,No.map(function(t){return s.a.createElement(n.components.Item,{key:t.value,onClick:function(){return e.props.onBackgroundChange(t.value)}},t.label)}))}},function(e){return s.a.createElement(ke,{onClick:e.props.isOpen?e.actions.close:e.actions.open},s.a.createElement(Ie,{icon:"image"}),s.a.createElement("span",{className:"label"}," Background"))})}),t.push({name:"hide-outlines",content:s.a.createElement($,{className:"toolbar-item",isLight:!0,onClick:e.props.onHideOutlines},s.a.createElement(Ie,{icon:e.props.hideOutlines?"eye":"eye-slash"}),s.a.createElement("span",{className:"label"}," ",e.props.hideOutlines?"Show":"Hide"," Outlines")),truncatedContent:s.a.createElement(ke,{onClick:e.props.onHideOutlines},s.a.createElement(Ie,{icon:e.props.hideOutlines?"eye":"eye-slash"}),s.a.createElement("span",{className:"label"}," ",e.props.hideOutlines?"Show":"Hide"," Outlines"))}),e.props.onAutofill&&t.push({name:"autofill",content:s.a.createElement($,{className:"testing_autofill toolbar-item",isLight:!0,onClick:e.props.onAutofill},s.a.createElement(Ie,{icon:"magic"}),s.a.createElement("span",{className:"label"}," Autofill")),truncatedContent:s.a.createElement(ke,{onClick:e.props.onAutofill},s.a.createElement(Ie,{icon:"magic"}),s.a.createElement("span",{className:"label"}," Autofill"))}),e.props.onReset&&t.push({name:"reset",content:s.a.createElement($,{className:"testing_reset toolbar-item",isLight:!0,onClick:e.props.onReset},s.a.createElement(Ie,{icon:"eraser"}),s.a.createElement("span",{className:"label"}," Reset")),truncatedContent:s.a.createElement(ke,{onClick:e.props.onReset},s.a.createElement(Ie,{icon:"eraser"}),s.a.createElement("span",{className:"label"}," Reset"))}),e.props.design&&e.props.showSettings&&t.push({name:"settings",content:s.a.createElement($,{className:"toolbar-item",isLight:!0,onClick:n.designSettingsModal.actions.open},s.a.createElement(Ie,{icon:"cog"}),s.a.createElement("span",{className:"label"}," Settings")),truncatedContent:s.a.createElement(ke,{onClick:n.designSettingsModal.actions.open},s.a.createElement(Ie,{icon:"cog"}),s.a.createElement("span",{className:"label"}," Settings"))});var r=t.slice(0,t.length-e.state.truncationCount),a=t.slice(t.length-e.state.truncationCount);return s.a.createElement(Ro,{ref:function(n){return e.node=n}},r.map(function(e){return s.a.createElement(s.a.Fragment,{key:e.name},e.content)}),!!a.length&&s.a.createElement(Se,{className:"testing_truncation-dropdown",dropdownContent:function(){return a.map(function(e){return s.a.createElement(s.a.Fragment,{key:e.name},e.truncatedContent)})}},function(e){return s.a.createElement($,{className:"toolbar-item",isLight:!0,onClick:e.props.isOpen?e.actions.close:e.actions.open},s.a.createElement(Ie,{icon:"ellipsis-h"}))}))})}}]),n}(s.a.Component);function To(){var e=Object(z.a)(["\n  display: block;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background-color: ",";\n  border: 1px solid ",";\n"]);return To=function(){return e},e}var _o=f.d.div(To(),function(e){return e.color||"#ffffff"},function(e){return e.theme.colors.gray});function Mo(){var e=Object(z.a)(["\n          svg * {\n            stroke-width: 0;\n          }\n        "]);return Mo=function(){return e},e}function Uo(){var e=Object(z.a)(["\n  ",";\n"]);return Uo=function(){return e},e}var Fo=f.d.div(Uo(),function(e){return e.hideOutlines?Object(f.c)(Mo()):null}),qo=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).originalColors={},t.node=null,t.applyColors=function(){var e=t.props.colorMap;t.node.querySelectorAll("[data-id]").forEach(function(n){var r=n.getAttribute("data-id");t.originalColors[r]||(t.originalColors[r]=n.getAttribute("fill"));var a=e[r]?e[r].color:t.originalColors[r];n.setAttribute("fill",a)})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){this.applyColors()}},{key:"componentDidUpdate",value:function(){this.applyColors()}},{key:"render",value:function(){var e=this;return s.a.createElement(Fo,{hideOutlines:this.props.hideOutlines,ref:function(n){return e.node=n},dangerouslySetInnerHTML:{__html:this.props.svg}})}}]),n}(s.a.Component);function Vo(){var e=Object(z.a)(["\n  width: 60px;\n\n  .color-tile,\n  .manufacturer-logo,\n  .variation-preview {\n    margin: 0 auto;\n  }\n\n  .color-label,\n  .variation-label,\n  .colors-heading,\n  .manufacturer-info,\n  .design-heading {\n    display: none;\n  }\n\n  "," {\n    width: 175px;\n    .color-label,\n    .variation-label {\n      display: inline;\n    }\n    .colors-heading,\n    .manufacturer-info,\n    .design-heading {\n      display: block;\n    }\n    .color-tile,\n    .manufacturer-logo,\n    .variation-preview {\n      margin: 0;\n    }\n  }\n"]);return Vo=function(){return e},e}function Bo(){var e=Object(z.a)(["\n  display: block;\n  width: 24px;\n  height: 24px;\n\n  svg {\n    margin-top: 50%;\n    transform: translateY(-50%);\n  }\n"]);return Bo=function(){return e},e}var zo=f.d.div(Bo()),Ho=Object(f.d)(it)(Vo(),function(e){return e.theme.media.mediaMd}),Jo=function(e){var n=e.appliedColors,t=e.manufacturer,r=e.product,a=e.design,o=e.selectedVariation,i=e.selectedColor,c=e.onColorSelect,u=e.onVariationSelect;return s.a.createElement(Ho,null,function(e){return s.a.createElement(s.a.Fragment,null,s.a.createElement(e.components.Item,{className:"testing_manufacturer",isLight:!0,as:r.get("url")||t.get("website")?"a":"div",href:r.get("url")||t.get("website"),target:"_blank",hasAction:!(!r.get("url")&&!t.get("website"))},s.a.createElement(Xa,{className:"manufacturer-logo",size:32,noMargin:!0,src:Fe("/logos/".concat(t.get("logo")))}),s.a.createElement("div",{className:"manufacturer-info"},r.get("name"),s.a.createElement("br",null),s.a.createElement("small",null,"by ",t.get("name")))),a&&s.a.createElement(e.components.Heading,{className:"testing_design design-heading",isLight:!0},a.get("name")),r.get("variations").map(function(t){return s.a.createElement(e.components.Item,{className:"testing_variation",isLight:!0,hasAction:!0,isActive:t.id===o,key:t.id,onClick:function(){return u(t.id)}},s.a.createElement(zo,{className:"variation-preview"},s.a.createElement(qo,{svg:t.svg,colorMap:n[t.id]||{}})),s.a.createElement("span",{className:"variation-label"}," ",t.name))}),s.a.createElement(e.components.Heading,{isLight:!0,className:"colors-heading"},s.a.createElement(Ie,{icon:"palette"})," Colors"),s.a.createElement(Ye,{offset:33,strict:!0,minHeight:300},r.get("colors").map(function(n){return s.a.createElement(e.components.Item,{className:"testing_color",isLight:!0,hasAction:!0,key:n.name,isActive:n.name===i,onClick:function(){return c(n.name)}},s.a.createElement(_o,{color:n.color,className:"color-tile"}),s.a.createElement("span",{className:"color-label"}," ",n.name))})))})};function Wo(){var e=Object(z.a)(["\n          background: url(",");\n          background-size: cover;\n          background-position: center;\n        "]);return Wo=function(){return e},e}function Go(){var e=Object(z.a)(["\n  flex-grow: 1;\n  ",";\n  padding: 16px;\n  ",";\n\n  > div {\n    min-height: 50vh;\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n  svg {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    max-width: 100%;\n    max-height: 100%;\n\n    *[data-id] {\n      cursor: ",";\n    }\n  }\n"]);return Go=function(){return e},e}var Yo=f.d.div(Go(),function(e){return e.theme.patterns.transparencyBackground},function(e){return e.background?Object(f.c)(Wo(),e.background):null},function(e){return e.isReadOnly?"default":"pointer"}),Xo=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).colorPanel=function(e){var n=function(e){return!e||!e.length||e.includes(t.props.currentColor.toLowerCase())},r=function(e){return!e||!e.length||!e.includes(t.props.currentColor.toLowerCase())},a=function(e){return e.split(",").map(function(e){return e.trim().toLowerCase()}).filter(function(e){return!!e})},o=e.target.getAttribute("data-id");if(o){var i=a(e.target.getAttribute("data-whitelist")||""),s=a(e.target.getAttribute("data-blacklist")||"");return n(i)&&r(s)?void t.props.onClick(o):void 0}if(e.target.parentElement){var c=e.target.parentElement.getAttribute("data-id");if(c){var u=a(e.target.parentElement.getAttribute("data-whitelist")||""),l=a(e.target.parentElement.getAttribute("data-blacklist")||"");n(u)&&r(l)&&t.props.onClick(c)}}},t.alertCurrentColor=function(e){var n=e.target.getAttribute("data-id");if(n)return ce(t.props.colorMap[n].name);if(e.target.parentElement){var r=e.target.parentElement.getAttribute("data-id");if(r)return ce(t.props.colorMap[r].name)}},t.handleClick=function(e){return t.props.isReadOnly?t.alertCurrentColor(e):t.colorPanel(e)},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return s.a.createElement(Yo,{onClick:this.handleClick,isReadOnly:this.props.isReadOnly,background:this.props.background},s.a.createElement(qo,{hideOutlines:this.props.hideOutlines,svg:this.props.svg,colorMap:this.props.colorMap}))}}]),n}(s.a.Component);Xo.defaultProps={onClick:function(){},colorMap:{},currentColor:""};var Ko=Xo;function Zo(){var e=Object(z.a)(["\n  position: fixed;\n  bottom: 50px;\n  right: 8px;\n  background: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n  line-height: 32px;\n  cursor: pointer;\n  transition: transform 0.3s;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n"]);return Zo=function(){return e},e}var Qo=f.d.div(Zo(),function(e){return e.theme.colors.white}),$o=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isOpen:!1},t.handleOpen=function(){return t.setState({isOpen:!0})},t.handleClose=function(){return t.setState({isOpen:!1})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return s.a.createElement(On,{isOpen:this.state.isOpen,onBackdropClick:this.handleClose,modalContent:s.a.createElement(s.a.Fragment,null,s.a.createElement(xn,{onClick:this.handleClose}),s.a.createElement(en,null,"Notes:"),this.props.notes.map(function(e,n){return e.trim()&&s.a.createElement($,{key:e+n},e)}))},s.a.createElement(Qo,{onClick:this.handleOpen},s.a.createElement(Ie,{icon:"info"})))}}]),n}(s.a.Component);function ei(){var e=Object(z.a)(["\n  display: flex;\n  justify-content: stretch;\n  position: relative;\n\n  .product-notes {\n    position: absolute;\n    background: rgba(0, 0, 0, 0.8);\n    bottom: 0;\n    right: 0;\n    padding: 8px;\n    max-width: calc(100% - 200px);\n  }\n"]);return ei=function(){return e},e}var ni=f.d.div(ei()),ti=function(e){var n=e.match;return s.a.createElement(lo,{productId:n.params.productId},function(e){return e.props.isLoading?s.a.createElement(Xn,null):e.props.product?s.a.createElement(bo,{product:e.props.product},function(n){return s.a.createElement(s.a.Fragment,null,s.a.createElement(Xr,null,function(e){return s.a.createElement(Ao,{hideOutlines:n.props.hideOutlines,onAutofill:n.actions.autofill,onBackgroundChange:n.actions.changeBackground,onHideOutlines:n.actions.toggleHideOutlines,onSave:function(t){n.actions.save({name:t,user:e.props.isLoggedIn?e.props.id:"0"})},onRedo:n.actions.redo,onReset:n.actions.reset,onUndo:n.actions.undo,redoDisabled:!n.props.canRedo,undoDisabled:!n.props.canUndo})}),s.a.createElement(ni,null,s.a.createElement(Jo,{product:e.props.product,manufacturer:e.props.manufacturer,selectedVariation:n.props.currentVariation.id,selectedColor:n.props.currentColor.name,onColorSelect:n.actions.selectColor,onVariationSelect:n.actions.selectVariation,appliedColors:n.props.appliedColors}),s.a.createElement(Ko,{background:n.props.background,hideOutlines:n.props.hideOutlines,colorMap:n.props.currentVariationColors,svg:n.props.currentVariation.svg,onClick:n.actions.applyColor,currentColor:n.props.currentColor.name}),e.props.product.get("notes")&&!!e.props.product.get("notes").length&&s.a.createElement($o,{notes:e.props.product.get("notes")})))}):s.a.createElement(ua,null)})};function ri(){var e=Object(z.a)(["\n  margin: 0 auto;\n  max-width: 1280px;\n\n  .products-wrapper {\n    display: flex;\n    margin: 8px 0 24px;\n    justify-content: space-around;\n  }\n  .heading {\n    padding: 8px 16px;\n  }\n"]);return ri=function(){return e},e}var ai,oi=f.d.div(ri()),ii=function(e){var n=e.match;return s.a.createElement(Ga,null,function(e){var t=decodeURIComponent(n.params.manufacturerName);return e.props.isLoading?s.a.createElement(Xn,null):e.props.manufacturers.find(function(e){return e.get("name")===t})?s.a.createElement(oi,null,s.a.createElement("div",{className:"heading"},s.a.createElement(Ke,null,t),s.a.createElement($,null,"Select a kite that you want to design")),e.props.manufacturers.map(function(n){var r=e.props.products[n.get("id")];return r&&r.length?n.get("name")!==t?null:s.a.createElement(lt,{key:n.get("id"),bottom:"md"},s.a.createElement(eo,{manufacturer:n},s.a.createElement("div",{className:"products-wrapper"},r.map(function(e){return s.a.createElement(ao,{product:e,key:e.get("id")})})))):null})):s.a.createElement(ua,null)})},si=Object(Tr.fromJS)({}),ci=Object(Ar.a)((ai={},Object(Lr.a)(ai,kr.RECEIVED,function(e,n){var t=n.payload.data.reduce(function(e,n){return e[n.get("id")]=n,e},{});return e.merge(t)}),Object(Lr.a)(ai,jr.RECEIVED,function(e,n){var t=n.payload.data;return t&&t.get?e.set(t.get("id"),t):e}),Object(Lr.a)(ai,Rr.RECEIVED,function(e,n){var t=n.payload.data.id;return e.delete(t)}),Object(Lr.a)(ai,Nr.RECEIVED,function(e,n){var t=n.payload.data;if(!t||!t.get)return e;var r=t.get("id");return e.set(r,t)}),ai),si),ui=function(e,n){var t=e.get("updatedDate"),r=n.get("updatedDate");return t>r?-1:t<r?1:0},li=function(e,n){return e.get("designs").filter(function(e){return e.get("isPublic")}).sort(ui).toList().toJS().slice(0,n)},di=function(e,n){return e.getIn(["designs",n])||null},pi=50,mi=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={count:0},t.updateCount=function(e){var n=t.state.count;t.setState({count:n+e})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return this.props.children({actions:{updateCount:this.updateCount},props:{count:this.state.count}})}}]),n}(s.a.Component),gi=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isLoading:!0,hasMore:!0},t._fetchDesigns=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];e&&t.setState({isLoading:!0});var n=Ve(t.props.onFetchDesigns({limit:"".concat(t.props.loadedCount,", ").concat(t.props.loadedCount+pi),publicOnly:!0},!1));return n.promise.then(function(n){var r=n.data.length;t.setState({hasMore:r>=t.props.loadedCount+pi}),t.props.onChangeLoadedCount(r),e&&t.setState({isLoading:!1})}).catch(function(){}),t.cancelablePromises.push(n),n.promise},t.cancelablePromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=this._fetchDesigns(!1),t=Ve(this.props.onFetchProducts()),r=Ve(this.props.onFetchManufacturers());this.cancelablePromises.push(t),this.cancelablePromises.push(r),Promise.all([n,t.promise,r.promise]).then(function(){e.setState({isLoading:!1})}).catch(function(n){n[0].isCanceled||e.setState({isLoading:!1})})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return this.props.children({actions:{loadMore:this._fetchDesigns},props:{hasMore:this.state.hasMore,isLoading:this.state.isLoading,designs:this.props.designs,products:this.props.products,manufacturers:this.props.manufacturers}})}}]),n}(s.a.Component),hi={onFetchDesigns:kr,onFetchProducts:Sr,onFetchManufacturers:Pr},fi=Object(l.b)(function(e,n){return{designs:li(e,n.loadedCount),products:qa(e),manufacturers:Ha(e)}},hi)(gi),bi=function(e){var n=e.children;return s.a.createElement(mi,null,function(e){return s.a.createElement(fi,{loadedCount:e.props.count,onChangeLoadedCount:e.actions.updateCount},function(e){return n(e)})})};function vi(){var e=Object(z.a)(["\n  padding: 16px;\n  > .designs {\n    display: flex;\n    justify-content: space-evenly;\n    flex-wrap: wrap;\n  }\n  .design-preview {\n    width:200px\n    height: 200px;\n    flex-shrink: 0;\n    margin: 8px;\n    border: 1px solid ",";\n    border-radius: 4px;\n    ",";\n\n    > svg {\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%) rotate(45deg);\n    }\n  }\n  > .cta {\n    max-width: 400px;\n    margin: 0 auto;\n  }\n  .design-name {\n    position: absolute;\n    bottom: 10%;\n    left: 0;\n    padding: 4px;\n    background: rgba(0,0,0,.8);\n    transition: .5s transform;\n  }\n  .design-wrapper {\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n  }\n  .logo {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n"]);return vi=function(){return e},e}var Ei=f.d.div(vi(),function(e){return e.theme.colors.gray},function(e){return e.theme.patterns.transparencyBackground}),wi=function(e){var n=e.designs,t=e.products,r=e.manufacturers,a=e.cta;return t&&r?s.a.createElement(Ei,null,s.a.createElement("div",{className:"designs"},n.map(function(e){var n=t[e.get("product")],a=r[n.get("manufacturer")];return s.a.createElement(Jr.a,{key:e.get("id"),className:"design-wrapper",to:"/view/".concat(e.get("id"))},s.a.createElement(no,{className:"design-preview",svg:e.get("variations").find(function(e){return e.primary}).svg}),s.a.createElement($,{isLight:!0,className:"design-name"},e.get("name")),s.a.createElement(Xa,{className:"logo",src:Fe("/logos/".concat(a.get("logo"))),noMargin:!0,size:45}))})),a&&s.a.createElement("div",{className:"cta"},a)):null},Oi=function(){return s.a.createElement(lt,{top:"md",right:"md",left:"md",bottom:"md"},s.a.createElement(s.a.Fragment,null,s.a.createElement(Ke,null,"Public Designs"),s.a.createElement(lt,{bottom:"md"}),s.a.createElement($,null,"Designs that were made by other KitePaint users and are set to public."),s.a.createElement(bi,null,function(e){return s.a.createElement(s.a.Fragment,null,e.props.isLoading&&s.a.createElement(lt,{top:"md",bottom:"md"},s.a.createElement(ln,null)),s.a.createElement(wi,{designs:e.props.designs,products:e.props.products,manufacturers:e.props.manufacturers,cta:e.props.hasMore&&s.a.createElement(ve,{disabled:e.props.isLoading,onClick:e.actions.loadMore,isPrimary:!0,isBlock:!0},"Load More")}))})))},yi=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isLoading:!0},t.cancelablePromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=Ve(this.props.onRequestProduct()),t=Ve(this.props.onRequestManufacturer()),r=Ve(this.props.onRequestDesign(this.props.designId));this.cancelablePromises.push(n),this.cancelablePromises.push(t),this.cancelablePromises.push(r),Promise.all([n.promise,t.promise,r.promise]).then(function(){e.setState({isLoading:!1})}).catch(function(){e.setState({isLoading:!1})})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){var e=this.props.design&&this.props.design.get("user")===this.props.user.id;return this.props.children({props:{design:e?this.props.design:null,isLoading:this.state.isLoading,product:this.props.product,manufacturer:this.props.manufacturer,user:this.props.user}})}}]),n}(s.a.Component),Ci={onRequestDesign:jr,onRequestProduct:Sr,onRequestManufacturer:Pr},xi=Object(l.b)(function(e,n){return{user:Ur(e),product:Fa(e,n.design&&n.design.get("product")),manufacturer:za(e,n.design&&n.design.get("product"))}},Ci)(yi),ki=Object(l.b)(function(e,n){return{design:di(e,n.designId)}})(xi);function ji(){var e=Object(z.a)(["\n  display: flex;\n  justify-content: stretch;\n  position: relative;\n\n  .product-notes {\n    position: absolute;\n    background: rgba(0, 0, 0, 0.8);\n    bottom: 0;\n    right: 0;\n    padding: 8px;\n    max-width: calc(100% - 200px);\n  }\n"]);return ji=function(){return e},e}var Si=f.d.div(ji()),Pi=function(e){var n=e.match;return s.a.createElement(ki,{designId:n.params.designId},function(e){return e.props.isLoading?s.a.createElement(Xn,null):e.props.design?e.props.product?s.a.createElement(bo,{design:e.props.design,product:e.props.product},function(n){return s.a.createElement(s.a.Fragment,null,s.a.createElement(Ao,{design:e.props.design,hideOutlines:n.props.hideOutlines,onAutofill:n.actions.autofill,onBackgroundChange:n.actions.changeBackground,onHideOutlines:n.actions.toggleHideOutlines,onRedo:n.actions.redo,onReset:n.actions.reset,onSave:function(t){return n.actions.save({name:t,user:e.props.user.id})},onUndo:n.actions.undo,onUpdate:n.actions.update,redoDisabled:!n.props.canRedo,showSettings:!0,undoDisabled:!n.props.canUndo}),s.a.createElement(Si,null,s.a.createElement(Jo,{design:e.props.design,product:e.props.product,manufacturer:e.props.manufacturer,selectedVariation:n.props.currentVariation.id,selectedColor:n.props.currentColor.name,onColorSelect:n.actions.selectColor,onVariationSelect:n.actions.selectVariation,appliedColors:n.props.appliedColors}),s.a.createElement(Ko,{hideOutlines:n.props.hideOutlines,background:n.props.background,colorMap:n.props.currentVariationColors,svg:n.props.currentVariation.svg,onClick:n.actions.applyColor,currentColor:n.props.currentColor.name}),e.props.product.get("notes")&&!!e.props.product.get("notes").length&&s.a.createElement($o,{notes:e.props.product.get("notes")})))}):s.a.createElement(ua,{errorMessage:"This product is no longer available."}):s.a.createElement(ua,null)})},Di=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isLoading:!0},t.cancelablePromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=Ve(this.props.getDesigns({limit:6})),t=Ve(this.props.getProducts()),r=Ve(this.props.getManufacturers());this.cancelablePromises.push(n),this.cancelablePromises.push(t),this.cancelablePromises.push(r),Promise.all([n.promise,t.promise,r.promise]).then(function(){return e.setState({isLoading:!1})}).catch(function(n){n&&n.isCanceled||e.setState({isLoading:!1})})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return this.props.children({props:{isLoading:this.state.isLoading,designs:this.props.designs,products:this.props.products,manufacturers:this.props.manufacturers}})}}]),n}(s.a.Component),Ii={getDesigns:kr,getProducts:Sr,getManufacturers:Pr},Ni=Object(l.b)(function(e){return{designs:li(e,6),products:qa(e),manufacturers:Ha(e)}},Ii)(Di),Ri=function(e){var n=e.id,t=e.isDisabled,r=e.errorMessage,a=e.onPasswordChange,o=e.onRegister,i=e.onResetPassword,c=e.onSubmit,u=e.onUsernameChange,l=e.password,d=e.username;return s.a.createElement("form",{id:n,onSubmit:function(e){e.preventDefault(),c()}},r&&s.a.createElement(Le,{className:"testing_error-message"},s.a.createElement($,null,r)),s.a.createElement(an,{htmlFor:"".concat(n,"-username")},"Username"," ",s.a.createElement(kt,null,"Usernames may be between 3-30 characters.",s.a.createElement("br",null),"They may include these characters: a-z, A-Z, 0-9.")),s.a.createElement(tn,{id:"".concat(n,"-username"),value:d,disabled:t,onChange:function(e){return u(e.target.value)}}),s.a.createElement(an,{htmlFor:"".concat(n,"-password")},"Password"," ",s.a.createElement(kt,null,"Passwords may be between 6-15 characters.",s.a.createElement("br",null),"They may include these characters: a-z, A-Z, 0-9, #, @, or *.")),s.a.createElement(tn,{id:"".concat(n,"-password"),type:"password",value:l,disabled:t,onChange:function(e){return a(e.target.value)}}),s.a.createElement(ve,{isPrimary:!0,isBlock:!0,type:"submit",disabled:t},"Sign In"),s.a.createElement($,null,s.a.createElement(G,{className:"testing_reset-password",onClick:i},"Lost your password?")),s.a.createElement($,null,s.a.createElement(G,{className:"testing_register",onClick:o},"Register")))},Li=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={username:"",errorMessage:null,password:"",pendingRequest:!1},t.handleUsernameChange=function(e){t.setState({username:e,errorMessage:null})},t.handlePasswordChange=function(e){t.setState({password:e,errorMessage:null})},t.handleSubmit=function(){t.setState({pendingRequest:!0});var e=Ve(t.props.onSubmit(t.state.username,t.state.password)),n=e.promise.then(function(){t.setState({pendingRequest:!1}),t.props.onLogin()}).catch(function(e){e.isCanceled||t.setState({pendingRequest:!1,errorMessage:e})});return t.pendingPromises.push(e),n},t.pendingPromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentWillUnmount",value:function(){this.pendingPromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return s.a.createElement(Ri,{id:this.props.id,errorMessage:this.state.errorMessage,username:this.state.username,password:this.state.password,isDisabled:this.state.pendingRequest,onUsernameChange:this.handleUsernameChange,onPasswordChange:this.handlePasswordChange,onSubmit:this.handleSubmit,onRegister:this.props.onRegister,onResetPassword:this.props.onResetPassword})}}]),n}(s.a.Component);Li.defaultProps={onLogin:function(){}};var Ai={onSubmit:br},Ti=Object(l.b)(function(){return{}},Ai)(Li),_i=function(e){var n=e.email,t=e.errorMessage,r=e.id,a=e.isDisabled,o=e.onEmailChange,i=e.onLogIn,c=e.onPasswordChange,u=e.onPasswordConfirmationChange,l=e.onSubmit,d=e.onUsernameChange,p=e.password,m=e.passwordConfirmation,g=e.showSuccessMessage,h=e.username;return s.a.createElement("form",{id:r,onSubmit:function(e){e.preventDefault(),l()}},g?s.a.createElement(s.a.Fragment,null,s.a.createElement($,{className:"testing_success-message"},"A confirmation email has been sent to ",n,". After confirming your email address, you main sign in."),s.a.createElement(ve,{type:"button",isPrimary:!0,isBlock:!0,onClick:i},"Sign In")):s.a.createElement(s.a.Fragment,null,t&&s.a.createElement(Le,null,s.a.createElement($,null,t)),s.a.createElement(an,{htmlFor:"".concat(r,"-username")},"Username"," ",s.a.createElement(kt,null,"Usernames may be between 3-30 characters.",s.a.createElement("br",null),"They may include these characters: a-z, A-Z, 0-9.")),s.a.createElement(tn,{id:"".concat(r,"-username"),value:h,disabled:a,onChange:function(e){return d(e.target.value)}}),s.a.createElement(an,{htmlFor:"".concat(r,"-email")},"Email Address"),s.a.createElement(tn,{id:"".concat(r,"-email"),type:"email",value:n,disabled:a,onChange:function(e){return o(e.target.value)}}),s.a.createElement(an,{htmlFor:"".concat(r,"-password")},"Password"," ",s.a.createElement(kt,null,"Passwords may be between 6-15 characters.",s.a.createElement("br",null),"They may include these characters: a-z, A-Z, 0-9, #, @, or *.")),s.a.createElement(tn,{id:"".concat(r,"-password"),type:"password",value:p,disabled:a,onChange:function(e){return c(e.target.value)}}),s.a.createElement(an,{htmlFor:"".concat(r,"-password-2")},"Confirm Password"),s.a.createElement(tn,{id:"".concat(r,"-password-2"),type:"password",value:m,disabled:a,onChange:function(e){return u(e.target.value)}}),s.a.createElement(ve,{disabled:a,isPrimary:!0,isBlock:!0,type:"submit"},"Sign Up"),s.a.createElement($,null,s.a.createElement(G,{href:Fe("/KitePaintTermsandConditions.pdf"),target:"_blank"},"Terms and Conditions")),s.a.createElement($,null,"Already registered?"," ",s.a.createElement(G,{className:"testing_log-in",onClick:i},"Sign In"))))},Mi=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={email:"",pendingRequest:!1,password:"",passwordConfirmation:"",errorMessage:null,registrationSent:!1,username:""},t.handleEmailChange=function(e){t.setState({email:e,errorMessage:null})},t.handleUsernameChange=function(e){t.setState({username:e,errorMessage:null})},t.handlePasswordChange=function(e){t.setState({password:e,errorMessage:null})},t.handlePasswordConfirmationChange=function(e){t.setState({passwordConfirmation:e,errorMessage:null})},t.handleSubmit=function(){var e={email:t.state.email,username:t.state.username,password:t.state.password,password2:t.state.passwordConfirmation};return t.setState({pendingRequest:!0}),t.props.onSubmit(e).then(function(){t.setState({pendingRequest:!1,registrationSent:!0})}).catch(function(e){t.setState({pendingRequest:!1,errorMessage:e})})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return s.a.createElement(_i,{email:this.state.email,errorMessage:this.state.errorMessage,id:this.props.id,isDisabled:this.state.pendingRequest,onEmailChange:this.handleEmailChange,onLogIn:this.props.onLogIn,onPasswordChange:this.handlePasswordChange,onPasswordConfirmationChange:this.handlePasswordConfirmationChange,onSubmit:this.handleSubmit,onUsernameChange:this.handleUsernameChange,password:this.state.password,passwordConfirmation:this.state.passwordConfirmation,showSuccessMessage:this.state.registrationSent,username:this.state.username})}}]),n}(s.a.Component),Ui={onSubmit:Er},Fi=Object(l.b)(function(){return{}},Ui)(Mi),qi=function(e){var n=e.email,t=e.errorMessage,r=e.id,a=e.isDisabled,o=e.onCancel,i=e.onEmailChange,c=e.onSubmit,u=e.onUsernameChange,l=e.showSuccessMessage,d=e.username;return s.a.createElement("form",{id:r,onSubmit:function(e){e.preventDefault(),c()}},l?s.a.createElement(s.a.Fragment,null,s.a.createElement($,{className:"testing_success-message"},"An email containing a password reset link has been sent to ",n,"."),s.a.createElement(ve,{type:"button",isPrimary:!0,isBlock:!0,onClick:o},"Sign In")):s.a.createElement(s.a.Fragment,null,t&&s.a.createElement(Le,null,s.a.createElement($,null,t)),s.a.createElement($,null,"Enter your username and email address to reset your password."),s.a.createElement(an,{htmlFor:"".concat(r,"-username")},"Username"," ",s.a.createElement(kt,null,"Usernames may be between 3-30 characters.",s.a.createElement("br",null),"They may include these characters: a-z, A-Z, 0-9.")),s.a.createElement(tn,{id:"".concat(r,"-username"),value:d,disabled:a,onChange:function(e){return u(e.target.value)}}),s.a.createElement(an,{htmlFor:"".concat(r,"-email")},"Email Address"),s.a.createElement(tn,{id:"".concat(r,"-email"),type:"email",value:n,disabled:a,onChange:function(e){return i(e.target.value)}}),s.a.createElement(ve,{isPrimary:!0,isBlock:!0,type:"submit",disabled:a},"Reset Password"),s.a.createElement($,null,s.a.createElement(G,{className:"testing_cancel",onClick:o},"Cancel"))))},Vi=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={email:"",pendingRequest:!1,errorMessage:null,resetPasswordSent:!1,username:""},t.handleEmailChange=function(e){t.setState({email:e,errorMessage:null})},t.handleUsernameChange=function(e){t.setState({username:e,errorMessage:null})},t.handleSubmit=function(){return t.setState({pendingRequest:!0}),t.props.onSubmit(t.state.username,t.state.email).then(function(){t.setState({pendingRequest:!1,resetPasswordSent:!0})}).catch(function(e){t.setState({pendingRequest:!1,errorMessage:e})})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return s.a.createElement(qi,{email:this.state.email,errorMessage:this.state.errorMessage,id:this.props.id,isDisabled:this.state.pendingRequest,onCancel:this.props.onCancel,onEmailChange:this.handleEmailChange,onSubmit:this.handleSubmit,onUsernameChange:this.handleUsernameChange,showSuccessMessage:this.state.resetPasswordSent,username:this.state.username})}}]),n}(s.a.Component),Bi={onSubmit:wr},zi=Object(l.b)(function(){return{}},Bi)(Vi);function Hi(){var e=Object(z.a)(["\n  width: 100%;\n  max-width: 300px;\n  background: ",";\n  border-radius: 8px;\n  padding: 16px;\n"]);return Hi=function(){return e},e}var Ji=f.d.div(Hi(),function(e){return e.theme.colors.white}),Wi=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={showResetPassword:!1},t.handleResetPasswordToggle=function(){var e=t.state.showResetPassword;t.setState({showResetPassword:!e})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){var e=this.props,n=e.id;return e.isRecognizedUser?this.state.showResetPassword?s.a.createElement(Ji,{className:this.props.className},s.a.createElement(zi,{id:n,onCancel:this.handleResetPasswordToggle,onSubmit:this.handlePasswordReset,onUsernameChange:this.handleUsernameChange,showSuccessMessage:this.state.resetPasswordSent,username:this.state.username})):s.a.createElement(Ji,{className:this.props.className},s.a.createElement(Ti,{id:n,onLogin:this.props.onLogin,onRegister:this.props.onToggleRecognition,onResetPassword:this.handleResetPasswordToggle})):s.a.createElement(Ji,{className:this.props.className},s.a.createElement(Fi,{id:n,onLogIn:this.props.onToggleRecognition}))}}]),n}(s.a.Component);Wi.defaultProps={onLogin:function(){}};var Gi=Wi,Yi=t(60),Xi=t.n(Yi);function Ki(){var e=Object(z.a)(["\n  height: 408px;\n  width: 100%;\n  background: url(",") no-repeat center;\n  background-size: cover;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .cta-wrapper {\n    background: rgba(0, 0, 0, 0.5);\n    width: 400px;\n    text-align: center;\n    padding: 16px;\n    border-radius: 8px;\n  }\n"]);return Ki=function(){return e},e}var Zi=f.d.div(Ki(),Xi.a),Qi=function(){return s.a.createElement(Zi,null,s.a.createElement("div",{className:"cta-wrapper"},s.a.createElement(en,{isLight:!0},"Get started new by creating a new kite design!"),s.a.createElement(ve,{isPrimary:!0,isBlock:!0,as:Jr.a,to:"/create"},"Get Started")))};function $i(){var e=Object(z.a)(["\n  background: ",";\n  padding: 16px 24px;\n  display: flex;\n  justify-content: center;\n\n  .message {\n    padding: 16px;\n    display: none;\n  }\n\n  "," {\n    .message {\n      display: block;\n    }\n  }\n"]);return $i=function(){return e},e}var es=f.d.div($i(),function(e){return e.theme.colors.silver},function(e){return e.theme.media.mediaSm}),ns=function(e){var n=e.isRecognizedUser,t=e.children,r=s.a.createElement("div",{className:"message"},s.a.createElement(Qe,null,"Welcome Back!"),s.a.createElement($,null,"Sign in to get back to your saved designs.")),a=s.a.createElement("div",{className:"message"},s.a.createElement(Qe,null,"Create an Account"),s.a.createElement($,null,"By creating a free account, you get access to features such as:"),s.a.createElement("ul",null,s.a.createElement("li",null,s.a.createElement($,null,"Save your designs and modify them later")),s.a.createElement("li",null,s.a.createElement($,null,"Control the visibility of your designs")),s.a.createElement("li",null,s.a.createElement($,null,"More features to come!"))));return s.a.createElement(es,null,t,n?r:a)},ts=function(){return s.a.createElement(s.a.Fragment,null,s.a.createElement(Qi,null),s.a.createElement(Xr,null,function(e){return!e.props.isLoggedIn&&s.a.createElement(ns,{isRecognizedUser:e.props.isRecognizedUser},s.a.createElement(Gi,{onToggleRecognition:e.actions.toggleRecognition,id:"account-banner-login",isRecognizedUser:e.props.isRecognizedUser}))}),s.a.createElement(Ni,null,function(e){return e.props.isLoading?s.a.createElement(lt,{top:"xl",bottom:"xl"},s.a.createElement(ln,null)):s.a.createElement(s.a.Fragment,null,s.a.createElement(lt,{top:"sm",left:"sm"},s.a.createElement(Qe,null,"Recent Designs")),s.a.createElement(wi,{designs:e.props.designs,products:e.props.products,manufacturers:e.props.manufacturers,cta:s.a.createElement(ve,{isBlock:!0,as:Jr.a,to:"/designs"},"See All Designs")}))}))};function rs(){var e=Object(z.a)(["\n  box-sizing: border-box;\n  min-height: calc(100vh - 85px);\n  ",";\n  padding-top: 10%;\n\n  .account-form {\n    margin: 0 auto;\n  }\n"]);return rs=function(){return e},e}var as=f.d.div(rs(),function(e){return e.theme.patterns.transparencyBackground}),os=function(e){function n(e){var t,r;Object(d.a)(this,n);for(var a=arguments.length,o=new Array(a>1?a-1:0),i=1;i<a;i++)o[i-1]=arguments[i];(r=Object(m.a)(this,(t=Object(g.a)(n)).call.apply(t,[this,e].concat(o)))).redirectAfterLogin=function(){r.state.redirectUrl?Be(r.state.redirectUrl):Be(window.location.origin)};var s=qe().url;return r.state={redirectUrl:s},r}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){var e=this;return s.a.createElement(as,null,s.a.createElement(Xr,null,function(n){return s.a.createElement(Gi,{className:"account-form",onLogin:e.redirectAfterLogin,onToggleRecognition:n.actions.toggleRecognition,id:"account-banner-login",isRecognizedUser:n.props.isRecognizedUser})}))}}]),n}(s.a.Component),is=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isLoading:!0},t.cancelablePromises=[],t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=Ve(this.props.onFetchDesigns({userId:this.props.user.id,limit:null,publicOnly:!1})),t=Ve(this.props.onFetchProducts()),r=Ve(this.props.onFetchManufacturers());this.cancelablePromises.push(n),this.cancelablePromises.push(t),this.cancelablePromises.push(r),Promise.all([n.promise,t.promise,r.promise]).then(function(){e.setState({isLoading:!1})}).catch(function(){e.setState({isLoading:!1})})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return this.props.children({actions:{deleteDesign:this.props.onDeleteDesign},props:{isLoading:this.state.isLoading,designs:this.props.designs,products:this.props.products,manufacturers:this.props.manufacturers}})}}]),n}(s.a.Component),ss={onDeleteDesign:Rr,onFetchDesigns:kr,onFetchProducts:Sr,onFetchManufacturers:Pr},cs=Object(l.b)(function(e,n){return{designs:function(e,n){return e.get("designs").filter(function(e){return e.get("user")===n}).sort(ui).toList().toJS()}(e,n.user&&n.user.id),products:qa(e),manufacturers:Ha(e)}},ss)(is),us=Object(l.b)(function(e){return{user:Ur(e)}})(cs);function ls(){var e=Object(z.a)(["\n  > div {\n    padding: 8px;\n  }\n\n  .previews {\n    ",";\n    display: flex;\n    padding: 8px 0;\n\n    > div {\n      width: 200px;\n      padding: 0 8px;\n    }\n  }\n"]);return ls=function(){return e},e}var ds=Object(f.d)(mt)(ls(),function(e){return e.theme.patterns.transparencyBackground}),ps=function(e){var n=e.design,t=e.product,r=e.manufacturer,a=e.onDelete;return s.a.createElement(ds,null,s.a.createElement("div",null,s.a.createElement(Qe,null,n.get("name")),t&&s.a.createElement($,null,s.a.createElement("strong",{className:"testing_product-info"},t.get("name"),r&&" by ".concat(r.get("name"))))),s.a.createElement("div",{className:"previews"},n.get("variations").map(function(e){return s.a.createElement(no,{key:e.id,svg:e.svg})})),s.a.createElement("div",null,s.a.createElement($,null,"Created: ",n.get("created")," | Last Modified:"," ",n.get("updated")," | Visiblity:"," ",Xt[n.get("currentStatus")]),!n.get("isPrivateProduct")&&s.a.createElement(ve,{className:"testing_view",as:Jr.a,to:"view/".concat(n.get("id"))},s.a.createElement(Ie,{icon:"eye"})," View")," ",!n.get("isPrivateProduct")&&s.a.createElement(ve,{as:Jr.a,to:"edit/".concat(n.get("id"))},s.a.createElement(Ie,{icon:"edit"})," Edit")," ",s.a.createElement(Co,{design:n},function(e){return s.a.createElement(ve,{onClick:e.actions.open},s.a.createElement(Ie,{icon:"share"})," Share")})," ",s.a.createElement(Pn,{onConfirm:function(){return a()},confirmText:"Yes",cancelText:"No",message:"Are you sure you want to delete ".concat(n.get("name"),"? This cannot be undone.")},function(e){return s.a.createElement(ve,{onClick:e.actions.open},s.a.createElement(Ie,{icon:"trash"})," Delete")})," ",s.a.createElement(Do,{design:n},function(e){return s.a.createElement(ve,{onClick:e.actions.open},s.a.createElement(Ie,{icon:"cog"})," Settings")}),n.get("isPrivateProduct")&&s.a.createElement(Le,null,s.a.createElement($,null,"This product is no longer available."))))};function ms(){var e=Object(z.a)(["\n  padding: 8px 16px;\n  margin: 0 auto;\n  max-width: 1280px;\n"]);return ms=function(){return e},e}var gs=f.d.div(ms()),hs=function(){return s.a.createElement(gs,null,s.a.createElement(Ke,null,"My Designs"),s.a.createElement(lt,{bottom:"md"}),s.a.createElement(us,null,function(e){return e.props.isLoading?s.a.createElement(Xn,null):s.a.createElement(s.a.Fragment,null,e.props.designs.map(function(n){var t=e.props.products[n.get("product")],r=t?e.props.manufacturers[t.get("manufacturer")]:null;return s.a.createElement(lt,{key:n.get("id"),bottom:"md"},s.a.createElement(ps,{onDelete:function(){return e.actions.deleteDesign(n.get("id"))},design:n,product:t,manufacturer:r}))}),!e.props.designs.length&&s.a.createElement(lt,{top:"lg",bottom:"lg"},s.a.createElement($,null,"You have not saved any designs yet. Go to the"," ",s.a.createElement(Jr.a,{to:"/create"},"Create")," page to start creating a new design.")))}))},fs=Object(Tr.fromJS)({}),bs=Object(Ar.a)(Object(Lr.a)({},Dr.RECEIVED,function(e,n){var t=n.payload.data;return t&&t.get?e.merge(Object(Lr.a)({},t.get("loginid"),t)):e}),fs),vs="Invalid Color";var Es=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isLoading:!0,appliedColors:null,usedColors:{},currentVariation:null,background:Hr||null,hideOutlines:!1,hasInvalidColors:!1},t.cancelablePromises=[],t.getCurrentVariationColors=function(){if(!t.state.currentVariation)return{};var e=t.state.currentVariation.id;return t.state.appliedColors[e]||{}},t.handleVariationSelection=function(e){var n=t.props.design.get("variations").find(function(n){return n.id===e});t.setState({currentVariation:n})},t.handleBackgroundChange=function(e){return t.setState({background:e})},t.handleToggleHideOutlines=function(){return t.setState({hideOutlines:!t.state.hideOutlines})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"componentDidMount",value:function(){var e=this,n=[this.props.onFetchProducts(),this.props.onFetchManufacturers()],t=Promise.resolve({data:this.props.design});this.props.design||(t=this.props.onFetchDesign(this.props.designId)),n.push(t);var r=Ve(Promise.all(n));this.cancelablePromises.push(r),r.promise.then(function(n){var t=n[2].data.get("user");return e.props.onFetchUser(t)}).then(function(){e.setState({isLoading:!1})}).catch(function(){e.setState({isLoading:!1})})}},{key:"componentWillUnmount",value:function(){this.cancelablePromises.forEach(function(e){return e.cancel()})}},{key:"render",value:function(){return Br&&this.props.product&&!Te(this.props.product.get("embed").split(","))?s.a.createElement(ua,{errorCode:401,errorMessage:"Embedding of this page is not permitted."}):this.props.children({actions:{changeBackground:this.handleBackgroundChange,selectVariation:this.handleVariationSelection,toggleHideOutlines:this.handleToggleHideOutlines},props:{currentVariationColors:this.getCurrentVariationColors(),background:this.state.background,hideOutlines:this.state.hideOutlines,hasInvalidColors:this.state.hasInvalidColors,currentVariation:this.state.currentVariation,isLoading:this.state.isLoading,design:this.props.design,manufacturer:this.props.manufacturer,product:this.props.product,usedColors:this.state.usedColors,user:this.props.user}})}}],[{key:"getDerivedStateFromProps",value:function(e,n){var t=e.design&&e.design.get("variations"),r=e.product&&e.product.get("colors");if(!t||!r)return{};var a={};n.currentVariation||(a.currentVariation=t.find(function(e){return e.primary}));var o=Object.keys(n.usedColors).length>0;if(!o||!n.appliedColors){var i=function(e,n){if(!e||!n)return{};var t=n.get("colors");return e.get("variations").reduce(function(e,n){for(var r=n.svg,a=n.id,o=(new window.DOMParser).parseFromString(r,"text/xml").querySelectorAll("[data-id]"),i={},s=function(e){var n=o[e],r=n.getAttribute("fill");if(r){var a=t.find(function(e){return ze(e.color,r)}),s=a?a.name:"".concat(vs,": ").concat(r);i[n.getAttribute("data-id")]={color:r,name:s}}},c=0;c<o.length;c++)s(c);return e[a]=i,e},{})}(e.design,e.product);if(n.appliedColors||(a.appliedColors=i),!o){a.usedColors=Object.entries(i).reduce(function(e,n){var t=Object(pa.a)(n,2),r=t[0],a=t[1],o=Object.values(a).reduce(function(e,n){return e.found.includes(n.color)?e:(e.found.push(n.color),e.usedColors.push(n),e)},{found:[],usedColors:[]}).usedColors;return e[r]=o,e},{});var s=Object.values(a.usedColors).find(function(e){return!!e.find(function(e){return!!e.name.includes(vs)})});a.hasInvalidColors=!!s}}return a}}]),n}(s.a.Component),ws={onFetchDesign:jr,onFetchProducts:Sr,onFetchManufacturers:Pr,onFetchUser:Dr},Os=Object(l.b)(function(e,n){return{product:Fa(e,n.design&&n.design.get("product")),manufacturer:za(e,n.design&&n.design.get("product")),user:function(e,n){var t=e.getIn(["users",n]);return t||null}(e,n.design&&n.design.get("user"))}},ws)(Es),ys=Object(l.b)(function(e,n){return{design:di(e,n.designId)}})(Os);function Cs(){var e=Object(z.a)(["\n  width: 60px;\n\n  .color-tile,\n  .manufacturer-logo,\n  .variation-preview {\n    margin: 0 auto;\n  }\n\n  .color-label,\n  .variation-label,\n  .colors-heading,\n  .manufacturer-info,\n  .design-heading {\n    display: none;\n  }\n\n  "," {\n    width: 175px;\n    .color-label,\n    .variation-label {\n      display: inline;\n    }\n    .colors-heading,\n    .manufacturer-info,\n    .design-heading {\n      display: block;\n    }\n    .color-tile,\n    .manufacturer-logo,\n    .variation-preview {\n      margin: 0;\n    }\n  }\n"]);return Cs=function(){return e},e}function xs(){var e=Object(z.a)(["\n  display: block;\n  width: 24px;\n  height: 24px;\n\n  svg {\n    margin-top: 50%;\n    transform: translateY(-50%);\n  }\n"]);return xs=function(){return e},e}var ks=f.d.div(xs()),js=Object(f.d)(it)(Cs(),function(e){return e.theme.media.mediaMd}),Ss=function(e){var n=e.manufacturer,t=e.product,r=e.design,a=e.selectedVariation,o=e.onVariationSelect,i=e.user,c=e.usedColors;return s.a.createElement(js,null,function(e){return s.a.createElement(s.a.Fragment,null,t&&n&&s.a.createElement(e.components.Item,{isLight:!0,as:t.get("url")||n.get("website")?"a":"div",href:t.get("url")||n.get("website"),target:"_blank",hasAction:!(!t.get("url")&&!n.get("website"))},s.a.createElement(Xa,{className:"manufacturer-logo",size:32,noMargin:!0,src:Fe("/logos/".concat(n.get("logo")))}),s.a.createElement("div",{className:"testing_manufacturer manufacturer-info"},t.get("name")," ",s.a.createElement("br",null),s.a.createElement("small",null,"by ",n.get("name")))),s.a.createElement(e.components.Heading,{className:"testing_design design-heading",isLight:!0},r.get("name")," ",i&&s.a.createElement(s.a.Fragment,null,s.a.createElement("br",null),"designed by ",i.get("username"))),r.get("variations").map(function(n){return s.a.createElement(e.components.Item,{className:"testing_variation",isLight:!0,hasAction:!0,isActive:n.id===a,key:n.id,onClick:function(){return o(n.id)}},s.a.createElement(ks,{className:"variation-preview"},s.a.createElement(no,{svg:n.svg})),s.a.createElement("span",{className:"variation-label"}," ",n.name))}),s.a.createElement(e.components.Heading,{isLight:!0,className:"colors-heading"},s.a.createElement(Ie,{icon:"palette"})," Colors"),s.a.createElement(Ye,{offset:35},c[a].map(function(n){return s.a.createElement(e.components.Item,{className:"testing_used-color",isLight:!0,key:n.color,onClick:function(){return ce(n.name)}},s.a.createElement(_o,{color:n.color,className:"color-tile"}),s.a.createElement("span",{className:"color-label"}," ",n.name))})))})};function Ps(){var e=Object(z.a)(["\n  .buttons {\n    display: flex;\n\n    button {\n      flex-grow: 1;\n      margin: 8px 8px 0;\n    }\n  }\n"]);return Ps=function(){return e},e}var Ds=f.d.div(Ps()),Is=function(e){function n(){var e,t;Object(d.a)(this,n);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(t=Object(m.a)(this,(e=Object(g.a)(n)).call.apply(e,[this].concat(a)))).state={isOpen:null},t.handleClose=function(){t.setState({isOpen:!1})},t}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return s.a.createElement(On,{isOpen:this.state.isOpen||!1,onBackdropClick:this.handleClose,modalContent:s.a.createElement(Ds,null,s.a.createElement(Qe,null,s.a.createElement(Ie,{icon:"exclamation-circle"})," Invalid colors"),s.a.createElement("br",null),s.a.createElement($,null,"This design contains colors that are no longer a part of this product's color palette. Please remake this design to ensure that it uses the color palette that is currently supported by the manufacturer."),s.a.createElement("div",{className:"buttons"},s.a.createElement(ve,{className:"testing_close",type:"button",onClick:this.handleClose},"Close")))})}}],[{key:"getDerivedStateFromProps",value:function(e,n){null===n.isOpen&&(n.isOpen=e.hasInvalidColors)}}]),n}(s.a.Component);function Ns(){var e=Object(z.a)(["\n  display: flex;\n  justify-content: stretch;\n  position: relative;\n"]);return Ns=function(){return e},e}var Rs=f.d.div(Ns()),Ls=function(e){var n=e.match;return s.a.createElement(ys,{designId:n.params.designId},function(e){return e.props.isLoading?s.a.createElement(Xn,null):e.props.design?e.props.product?s.a.createElement(s.a.Fragment,null,s.a.createElement(Is,{hasInvalidColors:e.props.hasInvalidColors}),s.a.createElement(Ao,{design:e.props.design,hideOutlines:e.props.hideOutlines,onHideOutlines:e.actions.toggleHideOutlines,onBackgroundChange:e.actions.changeBackground}),s.a.createElement(Rs,null,s.a.createElement(Ss,{manufacturer:e.props.manufacturer,product:e.props.product,design:e.props.design,selectedVariation:e.props.currentVariation.id,usedColors:e.props.usedColors,user:e.props.user,onVariationSelect:e.actions.selectVariation}),s.a.createElement(Ko,{hideOutlines:e.props.hideOutlines,svg:e.props.currentVariation.svg,isReadOnly:!0,background:e.props.background,colorMap:e.props.currentVariationColors}))):s.a.createElement(ua,{errorMessage:"This product is no longer available."}):s.a.createElement(ua,null)})};function As(){var e=Object(z.a)(['\n  body {\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n\n  .mesh,\n  [fill="venting"] {\n    fill: rgba(50, 50, 50, 0.5);\n  }\n']);return As=function(){return e},e}var Ts=Object(f.b)(As()),_s=function(e){var n=e._isEmbedded;return s.a.createElement(s.a.Fragment,null,s.a.createElement(Ts,null),s.a.createElement(oa,null),!n&&s.a.createElement(ea,null),s.a.createElement(fa,null),s.a.createElement(Fr.a,null,s.a.createElement(da,{exact:!0,path:"/",component:ts}),s.a.createElement(da,{exact:!0,path:"/about",component:Ea}),s.a.createElement(da,{exact:!0,path:"/account",component:Ra}),s.a.createElement(da,{exact:!0,path:"/activate/:userId/:activationCode",component:_a}),s.a.createElement(da,{exact:!0,path:"/create",component:so}),s.a.createElement(da,{exact:!0,path:"/manufacturer/:manufacturerName",component:ii}),s.a.createElement(qr.a,{exact:!0,path:"/create/:productId",component:ti}),s.a.createElement(da,{exact:!0,path:"/designs",component:Oi}),s.a.createElement(qr.a,{exact:!0,path:"/edit/:designId",component:Pi}),s.a.createElement(da,{exact:!0,path:"/login",component:os}),s.a.createElement(da,{exact:!0,path:"/my-designs",component:hs}),s.a.createElement(qr.a,{exact:!0,path:"/view/:designId",component:Ls}),s.a.createElement(qr.a,{component:ua})),s.a.createElement(ra,null),s.a.createElement(me,null))};_s.defaultProps={_isEmbedded:Br};var Ms=_s;Pe.b.add(De.a,De.b,De.c,De.d,De.e,De.f,De.g,De.h,De.i,De.j,De.k,De.l,De.m,De.n,De.o,De.p,De.q,De.r,De.s,De.v,De.t,De.u);var Us=function(e){function n(e){var t,r;Object(d.a)(this,n);for(var a=arguments.length,o=new Array(a>1?a-1:0),i=1;i<a;i++)o[i-1]=arguments[i];return r=Object(m.a)(this,(t=Object(g.a)(n)).call.apply(t,[this,e].concat(o))),e.onCheckLogin(),r}return Object(h.a)(n,e),Object(p.a)(n,[{key:"render",value:function(){return this.props.isCheckingLogin?s.a.createElement(Xn,null):s.a.createElement(b.a,null,s.a.createElement(f.a,{theme:jt},s.a.createElement(Ms,null)))}}]),n}(s.a.Component),Fs={onCheckLogin:fr},qs=Object(l.b)(function(e){return{isCheckingLogin:function(e){return e.getIn(["user","isCheckingLogin"])}(e)}},Fs)(Us);var Vs=t(28),Bs=t(61),zs=t(62),Hs=Object(zs.combineReducers)({designs:ci,user:Mr,users:bs,products:Ua,manufacturers:Ba}),Js=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__||Vs.c,Ws=Object(Vs.d)(Hs,Js(Object(Vs.a)(Bs.a)));window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),u.a.render(s.a.createElement(l.a,{store:Ws},s.a.createElement(qs,null)),document.getElementById("root"))},60:function(e,n,t){e.exports=t.p+"static/media/bg-rev.f5e486e3.jpg"},65:function(e,n,t){e.exports=t(106)}},[[65,2,1]]]);
//# sourceMappingURL=main.79d60aa5.chunk.js.map