From 5020938f10dd1f4c69534ea0e3b6e7a2f3a5274b Mon Sep 17 00:00:00 2001 From: Mark Murray Date: Thu, 18 Aug 2016 23:23:03 -0700 Subject: [PATCH] no need for jsx --- lib/SlackFeedback.js | 2 +- lib/SlackFeedback.js.map | 2 +- src/SlackFeedback.js | 6 +----- 3 files changed, 3 insertions(+), 7 deletions(-) diff --git a/lib/SlackFeedback.js b/lib/SlackFeedback.js index f27d4ad..bd8e34c 100644 --- a/lib/SlackFeedback.js +++ b/lib/SlackFeedback.js @@ -3,5 +3,5 @@ Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ -!function(){"use strict";function a(){for(var e=[],t=0;timg{margin-right:.5em}#SlackFeedback .SlackFeedback--header>.close{cursor:pointer;opacity:.7;margin-left:auto;font-size:11px}#SlackFeedback .SlackFeedback--header>.close:hover{opacity:1}#SlackFeedback .SlackFeedback--content{padding:.5em}#SlackFeedback .SlackFeedback--trigger{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;color:#858ba0;border:1px solid #d0d8e1;width:150px;padding:12px 1.25em;border-radius:30px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:0 3px 12px 1px rgba(34,44,79,.1);-webkit-transition:box-shadow .3s,color .2s,-webkit-transform .2s ease-in;transition:box-shadow .3s,color .2s,-webkit-transform .2s ease-in;transition:box-shadow .3s,transform .2s ease-in,color .2s;transition:box-shadow .3s,transform .2s ease-in,color .2s,-webkit-transform .2s ease-in}#SlackFeedback .SlackFeedback--trigger.active,#SlackFeedback .SlackFeedback--trigger:hover{box-shadow:0 6px 16px 2px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#5d606c;border-color:#b1becd}#SlackFeedback .SlackFeedback--trigger img{margin-right:8px}#SlackFeedback ul.SlackFeedback--tabs{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0;margin-bottom:1em}#SlackFeedback ul.SlackFeedback--tabs>li{-webkit-box-flex:1;-ms-flex:1;flex:1;background:hsla(0,0%,100%,.6);color:#5d606c;text-align:center;padding:.75em;font-size:13px;cursor:pointer;border:1px solid #d0d8e1}#SlackFeedback ul.SlackFeedback--tabs>li.selected{border-color:#08f;background:#fff;color:#08f;position:relative;text-shadow:0 1px 6px rgba(0,136,255,.1);box-shadow:0 0 8px rgba(0,136,255,.2)}#SlackFeedback ul.SlackFeedback--tabs>li:hover:not(.selected){border:1px solid #b7c3d1}#SlackFeedback ul.SlackFeedback--tabs>li:first-of-type{border-radius:4px 0 0 4px;margin-right:-1px}#SlackFeedback ul.SlackFeedback--tabs>li:last-of-type{border-radius:0 4px 4px 0;margin-left:-1px}#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button{border:1px solid #d0d8e1;padding:.75em 3em;text-align:center;font-size:13px;margin:auto;width:100%;display:table;color:#777d95;background:#fff;cursor:pointer;border-radius:4px}#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button:hover{border:1px solid #bac6d3;background:hsla(0,0%,100%,.6);color:#777d95}#SlackFeedback .SlackFeedback-image-upload>input{display:none}#SlackFeedback .SlackFeedback--input{margin-bottom:.75em;color:#858ba0}#SlackFeedback .border-box,#SlackFeedback .SlackFeedback--image-preview,#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea,#SlackFeedback .SlackFeedback--trigger,#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button{box-sizing:border-box}#SlackFeedback .resets,#SlackFeedback .SlackFeedback--checkbox,#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea{box-shadow:none;color:inherit;margin:inherit;padding:inherit}#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea{width:100%;color:#444!important;border:1px solid #d0d8e1!important;border-radius:3px;padding:.5em;outline:none;font-size:14px;background:#fff!important;margin-bottom:.5em}#SlackFeedback .SlackFeedback--input:focus,#SlackFeedback .SlackFeedback--textarea:focus{border:1px solid #08f!important;box-shadow:0 0 8px rgba(0,136,255,.3)!important}#SlackFeedback .SlackFeedback--input.disabled,#SlackFeedback .SlackFeedback--input[disabled],#SlackFeedback .SlackFeedback--textarea.disabled,#SlackFeedback .SlackFeedback--textarea[disabled]{opacity:.8!important;pointer-events:none;color:#636a7f}#SlackFeedback .SlackFeedback--textarea{min-height:150px}#SlackFeedback .SlackFeedback--label{color:#08f;display:block;font-size:11px;margin:5px 0}#SlackFeedback .SlackFeedback--checkbox{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;position:static!important;font-size:1.1em!important}#SlackFeedback .SlackFeedback--checkbox:after,#SlackFeedback .SlackFeedback--checkbox:before{content:none!important}#SlackFeedback .SlackFeedback--checkbox-label{display:inline-block!important;margin-left:10px!important;color:inherit;font-size:13px;color:#858ba0;cursor:pointer}#SlackFeedback .SlackFeedback--checkbox-label:hover{color:#777d95}#SlackFeedback .SlackFeedback--image-preview{background-size:cover;background-position:50%;position:relative;width:100%;height:140px;border-radius:4px;margin-bottom:5px;border:1px solid #d0d8e1}#SlackFeedback .SlackFeedback--image-preview:hover .SlackFeedback--preview-overlay{opacity:1}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;background:rgba(34,44,79,.4);opacity:0}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1em 3em;font-size:12px;text-transform:uppercase;color:#fff;border-radius:4px;cursor:pointer;background:rgba(34,44,79,.6);-webkit-transition:background .15s;transition:background .15s}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay span:hover{background:#08f}#SlackFeedback .Select{margin-bottom:.5em}#SlackFeedback .Select .Select-control{border:1px solid #d0d8e1}#SlackFeedback button.submit{display:block!important;width:100%!important;padding:1em .75em!important;text-align:center!important;background:#08f!important;color:#fff!important;font-weight:400;outline:none;border:none;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;cursor:pointer;-webkit-transition:background .2s,box-shadow .2s;transition:background .2s,box-shadow .2s}#SlackFeedback button.submit.disabled,#SlackFeedback button.submit[disabled]{pointer-events:none!important;opacity:.4!important}#SlackFeedback button.submit.sent{background:#3dc86f!important;pointer-events:none}#SlackFeedback button.submit.error{background:#ec3c3c!important;pointer-events:none}#SlackFeedback button.submit:hover{background:#2499ff;box-shadow:0 2px 8px 2px rgba(0,136,255,.2)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation:fadeInUp .4s ease;animation:fadeInUp .4s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;display:none;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;display:none;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.fadeOutDown{-webkit-animation:fadeOutDown .4s ease;animation:fadeOutDown .4s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t"),a){case"Bug":e="danger";break;case"Feature":e="good";break;case"Improvement":e="warning"}var i={channel:this.props.channel,username:this.props.user,icon_emoji:this.props.emoji,attachments:[{fallback:"Feedback ("+a+")",author_name:this.props.user,color:e,title:a,title_link:document.location.href,text:o,footer:"React Slack Feedback"}]};n.url&&(i.attachments[0].image_url=n.url),this.props.onSubmit.call(this,i)}},{key:"attachImage",value:function(e){var t=this,a=e.target.files,r=a[0];r.preview=window.URL.createObjectURL(r),this.setState({image:r,uploadingImage:!0},function(){t.props.onImageUpload.call(t,r)})}},{key:"uploadError",value:function(e){var t=this;this.setState({uploading:!1,error:"Error Uploading Image!"},function(){t.removeImage(),setTimeout(function(){t.setState({error:null})},6e3)})}},{key:"imageUploaded",value:function(e){if("string"!=typeof e)return console.error("[SlackFeedback] `url` argument in `imageUploaded` method must be a string"),void this.removeImage();var t=i({},this.state.image,{url:e});this.setState({uploadingImage:!1,image:t})}},{key:"renderImageUpload",value:function(){var e=this;return this.state.image.preview?s["default"].createElement("div",null,this.renderImagePreview()):s["default"].createElement("div",{className:"SlackFeedback-image-upload"},s["default"].createElement("label",{className:"SlackFeedback-image-upload-button",htmlFor:"imageUpload"},this.props.imageUploadText),s["default"].createElement("input",{id:"imageUpload",type:"file",accept:"image/*",style:{display:"none"},onChange:function(t){return e.attachImage(t)}}))}},{key:"removeImage",value:function(e){e&&e.preventDefault(),this.setState({image:{},uploadingImage:!1})}},{key:"renderImagePreview",value:function(){var e=this.state,t=e.image,a=e.uploadingImage;return t.preview?s["default"].createElement("div",{className:"SlackFeedback--image-preview",style:{backgroundImage:"url("+t.preview+")"}},a?s["default"].createElement("div",{className:"SlackFeedback--loader"}):s["default"].createElement("div",{className:"SlackFeedback--preview-overlay"},s["default"].createElement("span",{onClick:this.removeImage},"Remove"))):null}},{key:"render",value:function(){var e=this.state,t=e.active,a=e.sending,r=e.sent,n=e.error,o=(e.image,e.sendURL),i=e.selectedType,c=e.uploadingImage,l="Send Feedback";return r&&(l="Sent!"),a&&!r&&(l="Sending Feedback..."),n&&(l=n),this.props.disabled?null:s["default"].createElement("div",{ref:"SlackFeedback",id:"SlackFeedback",className:(0,p["default"])("SlackFeedback",{active:t})},s["default"].createElement("div",{ref:"container",className:"SlackFeedback--container fadeInUp"},s["default"].createElement("div",{className:"SlackFeedback--header"},s["default"].createElement(b["default"],null)," Send Feedback to Slack",s["default"].createElement("div",{className:"close",onClick:this.close},"close")),s["default"].createElement("div",{className:"SlackFeedback--content"},s["default"].createElement("label",{className:"SlackFeedback--label"},"Channel"),s["default"].createElement("input",{className:"SlackFeedback--input",value:this.props.channel,disabled:!0}),s["default"].createElement("label",{className:"SlackFeedback--label"},"Feedback Type"),s["default"].createElement("ul",{className:"SlackFeedback--tabs"},s["default"].createElement("li",{onClick:this.selectType,className:(0,p["default"])({selected:"Bug"===i})},"Bug"),s["default"].createElement("li",{onClick:this.selectType,className:(0,p["default"])({selected:"Feature"===i})},"Feature"),s["default"].createElement("li",{onClick:this.selectType,className:(0,p["default"])({selected:"Improvement"===i})},"Improvement")),s["default"].createElement("label",{className:"SlackFeedback--label"},"Your Message"),s["default"].createElement("textarea",{ref:"message",className:"SlackFeedback--textarea",placeholder:"Message..."}),this.props.onImageUpload?this.renderImageUpload():null,s["default"].createElement("div",{style:{padding:"0.5em 0 1em"}},s["default"].createElement("input",{id:"sendURL",className:"SlackFeedback--checkbox",type:"checkbox",checked:o,onChange:this.toggleSendURL}),s["default"].createElement("label",{htmlFor:"sendURL",className:"SlackFeedback--checkbox-label"},"Send URL with Feedback")),s["default"].createElement("button",{className:(0,p["default"])("submit",{sent:r,error:n,disabled:a||c}),onClick:this.send},l))),s["default"].createElement("div",{className:(0,p["default"])("SlackFeedback--trigger",{active:t}),onClick:this.toggle},s["default"].createElement(b["default"],null)," ",this.props.buttonText))}}]),t}(l.Component);m.propTypes=k,m.defaultProps=f,t["default"]=m}).call(this)}finally{}},function(e,t,a){try{(function(){"use strict";function e(e){return e&&e.__esModule?e:{"default":e}}function r(){return o["default"].createElement("svg",{id:"SlackIcon",width:"16px",height:"16px",viewBox:"0 0 256 256",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",preserveAspectRatio:"xMidYMid"},o["default"].createElement("g",null,o["default"].createElement("path",{d:"M165.963541,15.8384262 C162.07318,3.86308197 149.212328,-2.69009836 137.239082,1.20236066 C125.263738,5.09272131 118.710557,17.9535738 122.603016,29.9268197 L181.550164,211.292328 C185.597902,222.478689 197.682361,228.765377 209.282098,225.426885 C221.381246,221.943607 228.756984,209.093246 224.896,197.21023 C224.749115,196.756984 165.963541,15.8384262 165.963541,15.8384262",fill:"#DFA22F"}),o["default"].createElement("path",{d:"M74.6260984,45.515541 C70.7336393,33.5422951 57.8727869,26.9891148 45.899541,30.8794754 C33.9241967,34.7698361 27.3710164,47.6306885 31.2634754,59.6060328 L90.210623,240.971541 C94.2583607,252.157902 106.34282,258.44459 117.942557,255.104 C130.041705,251.62282 137.417443,238.772459 133.556459,226.887344 C133.409574,226.436197 74.6260984,45.515541 74.6260984,45.515541",fill:"#3CB187"}),o["default"].createElement("path",{d:"M240.161574,166.045377 C252.136918,162.155016 258.688,149.294164 254.797639,137.31882 C250.907279,125.345574 238.046426,118.792393 226.07318,122.682754 L44.7076721,181.632 C33.5213115,185.677639 27.234623,197.762098 30.5731148,209.361836 C34.0563934,221.460984 46.9067541,228.836721 58.7897705,224.975738 C59.2430164,224.828852 240.161574,166.045377 240.161574,166.045377",fill:"#CE1E5B"}),o["default"].createElement("path",{d:"M82.507541,217.270557 C94.312918,213.434754 109.528131,208.491016 125.855475,203.186361 C122.019672,191.380984 117.075934,176.163672 111.76918,159.83423 L68.4191475,173.924721 L82.507541,217.270557",fill:"#392538"}),o["default"].createElement("path",{d:"M173.847082,187.591344 C190.235279,182.267803 205.467279,177.31777 217.195016,173.507148 C213.359213,161.70177 208.413377,146.480262 203.106623,130.146623 L159.75659,144.237115 L173.847082,187.591344",fill:"#BB242A"}),o["default"].createElement("path",{d:"M210.484459,74.7058361 C222.457705,70.8154754 229.010885,57.954623 225.120525,45.9792787 C221.230164,34.0060328 208.369311,27.4528525 196.393967,31.3432131 L15.028459,90.292459 C3.84209836,94.3380984 -2.44459016,106.422557 0.896,118.022295 C4.37718033,130.121443 17.227541,137.49718 29.1126557,133.636197 C29.5638033,133.489311 210.484459,74.7058361 210.484459,74.7058361",fill:"#72C5CD"}),o["default"].createElement("path",{d:"M52.8220328,125.933115 C64.6274098,122.097311 79.8468197,117.151475 96.1762623,111.84682 C90.8527213,95.4565246 85.9026885,80.2245246 82.0920656,68.4946885 L38.731541,82.5872787 L52.8220328,125.933115",fill:"#248C73"}),o["default"].createElement("path",{d:"M144.159475,96.256 C160.551869,90.9303607 175.785967,85.9803279 187.515803,82.1676066 C182.190164,65.7752131 177.240131,50.5390164 173.42741,38.807082 L130.068984,52.8996721 L144.159475,96.256",fill:"#62803A"})))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r;var n=a(1),o=e(n)}).call(this)}finally{}},function(e,t,a){function r(e,t){for(var a=0;a=0&&S.splice(t,1)}function c(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",o(e,t),t}function s(e,t){var a,r,n;if(t.singleton){var o=h++;a=g||(g=c(t)),r=d.bind(null,a,o,!1),n=d.bind(null,a,o,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(a=l(t),r=u.bind(null,a),n=function(){i(a),a.href&&URL.revokeObjectURL(a.href)}):(a=c(t),r=p.bind(null,a),n=function(){i(a)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else n()}}function d(e,t,a,r){var n=a?"":r.css;if(e.styleSheet)e.styleSheet.cssText=v(t,n);else{var o=document.createTextNode(n),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(o,i[t]):e.appendChild(o)}}function p(e,t){var a=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=a;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(a))}}function u(e,t){var a=t.css,r=t.sourceMap;r&&(a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var n=new Blob([a],{type:"text/css"}),o=e.href;e.href=URL.createObjectURL(n),o&&URL.revokeObjectURL(o)}var b={},k=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},f=k(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=k(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,h=0,S=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=f()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var a=n(e);return r(a,t),function(e){for(var o=[],i=0;iimg{margin-right:.5em}#SlackFeedback .SlackFeedback--header>.close{cursor:pointer;opacity:.7;margin-left:auto;font-size:11px}#SlackFeedback .SlackFeedback--header>.close:hover{opacity:1}#SlackFeedback .SlackFeedback--content{padding:.5em}#SlackFeedback .SlackFeedback--trigger{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;color:#858ba0;border:1px solid #d0d8e1;width:150px;padding:12px 1.25em;border-radius:30px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:0 3px 12px 1px rgba(34,44,79,.1);-webkit-transition:box-shadow .3s,color .2s,-webkit-transform .2s ease-in;transition:box-shadow .3s,color .2s,-webkit-transform .2s ease-in;transition:box-shadow .3s,transform .2s ease-in,color .2s;transition:box-shadow .3s,transform .2s ease-in,color .2s,-webkit-transform .2s ease-in}#SlackFeedback .SlackFeedback--trigger.active,#SlackFeedback .SlackFeedback--trigger:hover{box-shadow:0 6px 16px 2px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#5d606c;border-color:#b1becd}#SlackFeedback .SlackFeedback--trigger img{margin-right:8px}#SlackFeedback ul.SlackFeedback--tabs{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0;margin-bottom:1em}#SlackFeedback ul.SlackFeedback--tabs>li{-webkit-box-flex:1;-ms-flex:1;flex:1;background:hsla(0,0%,100%,.6);color:#5d606c;text-align:center;padding:.75em;font-size:13px;cursor:pointer;border:1px solid #d0d8e1}#SlackFeedback ul.SlackFeedback--tabs>li.selected{border-color:#08f;background:#fff;color:#08f;position:relative;text-shadow:0 1px 6px rgba(0,136,255,.1);box-shadow:0 0 8px rgba(0,136,255,.2)}#SlackFeedback ul.SlackFeedback--tabs>li:hover:not(.selected){border:1px solid #b7c3d1}#SlackFeedback ul.SlackFeedback--tabs>li:first-of-type{border-radius:4px 0 0 4px;margin-right:-1px}#SlackFeedback ul.SlackFeedback--tabs>li:last-of-type{border-radius:0 4px 4px 0;margin-left:-1px}#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button{border:1px solid #d0d8e1;padding:.75em 3em;text-align:center;font-size:13px;margin:auto;width:100%;display:table;color:#777d95;background:#fff;cursor:pointer;border-radius:4px}#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button:hover{border:1px solid #bac6d3;background:hsla(0,0%,100%,.6);color:#777d95}#SlackFeedback .SlackFeedback-image-upload>input{display:none}#SlackFeedback .SlackFeedback--input{margin-bottom:.75em;color:#858ba0}#SlackFeedback .border-box,#SlackFeedback .SlackFeedback--image-preview,#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea,#SlackFeedback .SlackFeedback--trigger,#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button{box-sizing:border-box}#SlackFeedback .resets,#SlackFeedback .SlackFeedback--checkbox,#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea{box-shadow:none;color:inherit;margin:inherit;padding:inherit}#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea{width:100%;color:#444!important;border:1px solid #d0d8e1!important;border-radius:3px;padding:.5em;outline:none;font-size:14px;background:#fff!important;margin-bottom:.5em}#SlackFeedback .SlackFeedback--input:focus,#SlackFeedback .SlackFeedback--textarea:focus{border:1px solid #08f!important;box-shadow:0 0 8px rgba(0,136,255,.3)!important}#SlackFeedback .SlackFeedback--input.disabled,#SlackFeedback .SlackFeedback--input[disabled],#SlackFeedback .SlackFeedback--textarea.disabled,#SlackFeedback .SlackFeedback--textarea[disabled]{opacity:.8!important;pointer-events:none;color:#636a7f}#SlackFeedback .SlackFeedback--textarea{min-height:150px}#SlackFeedback .SlackFeedback--label{color:#08f;display:block;font-size:11px;margin:5px 0}#SlackFeedback .SlackFeedback--checkbox{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;position:static!important;font-size:1.1em!important}#SlackFeedback .SlackFeedback--checkbox:after,#SlackFeedback .SlackFeedback--checkbox:before{content:none!important}#SlackFeedback .SlackFeedback--checkbox-label{display:inline-block!important;margin-left:10px!important;color:inherit;font-size:13px;color:#858ba0;cursor:pointer}#SlackFeedback .SlackFeedback--checkbox-label:hover{color:#777d95}#SlackFeedback .SlackFeedback--image-preview{background-size:cover;background-position:50%;position:relative;width:100%;height:140px;border-radius:4px;margin-bottom:5px;border:1px solid #d0d8e1}#SlackFeedback .SlackFeedback--image-preview:hover .SlackFeedback--preview-overlay{opacity:1}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;background:rgba(34,44,79,.4);opacity:0}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1em 3em;font-size:12px;text-transform:uppercase;color:#fff;border-radius:4px;cursor:pointer;background:rgba(34,44,79,.6);-webkit-transition:background .15s;transition:background .15s}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay span:hover{background:#08f}#SlackFeedback .Select{margin-bottom:.5em}#SlackFeedback .Select .Select-control{border:1px solid #d0d8e1}#SlackFeedback button.submit{display:block!important;width:100%!important;padding:1em .75em!important;text-align:center!important;background:#08f!important;color:#fff!important;font-weight:400;outline:none;border:none;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;cursor:pointer;-webkit-transition:background .2s,box-shadow .2s;transition:background .2s,box-shadow .2s}#SlackFeedback button.submit.disabled,#SlackFeedback button.submit[disabled]{pointer-events:none!important;opacity:.4!important}#SlackFeedback button.submit.sent{background:#3dc86f!important;pointer-events:none}#SlackFeedback button.submit.error{background:#ec3c3c!important;pointer-events:none}#SlackFeedback button.submit:hover{background:#2499ff;box-shadow:0 2px 8px 2px rgba(0,136,255,.2)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation:fadeInUp .4s ease;animation:fadeInUp .4s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;display:none;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;display:none;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.fadeOutDown{-webkit-animation:fadeOutDown .4s ease;animation:fadeOutDown .4s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t"),a){case"Bug":e="danger";break;case"Feature":e="good";break;case"Improvement":e="warning"}var i={channel:this.props.channel,username:this.props.user,icon_emoji:this.props.emoji,attachments:[{fallback:"Feedback ("+a+")",author_name:this.props.user,color:e,title:a,title_link:document.location.href,text:o,footer:"React Slack Feedback"}]};n.url&&(i.attachments[0].image_url=n.url),this.props.onSubmit.call(this,i)}},{key:"attachImage",value:function(e){var t=this,a=e.target.files,r=a[0];r.preview=window.URL.createObjectURL(r),this.setState({image:r,uploadingImage:!0},function(){t.props.onImageUpload.call(t,r)})}},{key:"uploadError",value:function(e){var t=this;this.setState({uploading:!1,error:"Error Uploading Image!"},function(){t.removeImage(),setTimeout(function(){t.setState({error:null})},6e3)})}},{key:"imageUploaded",value:function(e){if("string"!=typeof e)return console.error("[SlackFeedback] `url` argument in `imageUploaded` method must be a string"),void this.removeImage();var t=i({},this.state.image,{url:e});this.setState({uploadingImage:!1,image:t})}},{key:"renderImageUpload",value:function(){var e=this;return this.state.image.preview?this.renderImagePreview():s["default"].createElement("div",{className:"SlackFeedback-image-upload"},s["default"].createElement("label",{className:"SlackFeedback-image-upload-button",htmlFor:"imageUpload"},this.props.imageUploadText),s["default"].createElement("input",{id:"imageUpload",type:"file",accept:"image/*",style:{display:"none"},onChange:function(t){return e.attachImage(t)}}))}},{key:"removeImage",value:function(e){e&&e.preventDefault(),this.setState({image:{},uploadingImage:!1})}},{key:"renderImagePreview",value:function(){var e=this.state,t=e.image,a=e.uploadingImage;return t.preview?s["default"].createElement("div",{className:"SlackFeedback--image-preview",style:{backgroundImage:"url("+t.preview+")"}},a?s["default"].createElement("div",{className:"SlackFeedback--loader"}):s["default"].createElement("div",{className:"SlackFeedback--preview-overlay"},s["default"].createElement("span",{onClick:this.removeImage},"Remove"))):null}},{key:"render",value:function(){var e=this.state,t=e.active,a=e.sending,r=e.sent,n=e.error,o=(e.image,e.sendURL),i=e.selectedType,c=e.uploadingImage,l="Send Feedback";return r&&(l="Sent!"),a&&!r&&(l="Sending Feedback..."),n&&(l=n),this.props.disabled?null:s["default"].createElement("div",{ref:"SlackFeedback",id:"SlackFeedback",className:(0,p["default"])("SlackFeedback",{active:t})},s["default"].createElement("div",{ref:"container",className:"SlackFeedback--container fadeInUp"},s["default"].createElement("div",{className:"SlackFeedback--header"},s["default"].createElement(u["default"],null)," Send Feedback to Slack",s["default"].createElement("div",{className:"close",onClick:this.close},"close")),s["default"].createElement("div",{className:"SlackFeedback--content"},s["default"].createElement("label",{className:"SlackFeedback--label"},"Channel"),s["default"].createElement("input",{className:"SlackFeedback--input",value:this.props.channel,disabled:!0}),s["default"].createElement("label",{className:"SlackFeedback--label"},"Feedback Type"),s["default"].createElement("ul",{className:"SlackFeedback--tabs"},s["default"].createElement("li",{onClick:this.selectType,className:(0,p["default"])({selected:"Bug"===i})},"Bug"),s["default"].createElement("li",{onClick:this.selectType,className:(0,p["default"])({selected:"Feature"===i})},"Feature"),s["default"].createElement("li",{onClick:this.selectType,className:(0,p["default"])({selected:"Improvement"===i})},"Improvement")),s["default"].createElement("label",{className:"SlackFeedback--label"},"Your Message"),s["default"].createElement("textarea",{ref:"message",className:"SlackFeedback--textarea",placeholder:"Message..."}),this.props.onImageUpload?this.renderImageUpload():null,s["default"].createElement("div",{style:{padding:"0.5em 0 1em"}},s["default"].createElement("input",{id:"sendURL",className:"SlackFeedback--checkbox",type:"checkbox",checked:o,onChange:this.toggleSendURL}),s["default"].createElement("label",{htmlFor:"sendURL",className:"SlackFeedback--checkbox-label"},"Send URL with Feedback")),s["default"].createElement("button",{className:(0,p["default"])("submit",{sent:r,error:n,disabled:a||c}),onClick:this.send},l))),s["default"].createElement("div",{className:(0,p["default"])("SlackFeedback--trigger",{active:t}),onClick:this.toggle},s["default"].createElement(u["default"],null)," ",this.props.buttonText))}}]),t}(l.Component);m.propTypes=k,m.defaultProps=f,t["default"]=m}).call(this)}finally{}},function(e,t,a){try{(function(){"use strict";function e(e){return e&&e.__esModule?e:{"default":e}}function r(){return o["default"].createElement("svg",{id:"SlackIcon",width:"16px",height:"16px",viewBox:"0 0 256 256",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",preserveAspectRatio:"xMidYMid"},o["default"].createElement("g",null,o["default"].createElement("path",{d:"M165.963541,15.8384262 C162.07318,3.86308197 149.212328,-2.69009836 137.239082,1.20236066 C125.263738,5.09272131 118.710557,17.9535738 122.603016,29.9268197 L181.550164,211.292328 C185.597902,222.478689 197.682361,228.765377 209.282098,225.426885 C221.381246,221.943607 228.756984,209.093246 224.896,197.21023 C224.749115,196.756984 165.963541,15.8384262 165.963541,15.8384262",fill:"#DFA22F"}),o["default"].createElement("path",{d:"M74.6260984,45.515541 C70.7336393,33.5422951 57.8727869,26.9891148 45.899541,30.8794754 C33.9241967,34.7698361 27.3710164,47.6306885 31.2634754,59.6060328 L90.210623,240.971541 C94.2583607,252.157902 106.34282,258.44459 117.942557,255.104 C130.041705,251.62282 137.417443,238.772459 133.556459,226.887344 C133.409574,226.436197 74.6260984,45.515541 74.6260984,45.515541",fill:"#3CB187"}),o["default"].createElement("path",{d:"M240.161574,166.045377 C252.136918,162.155016 258.688,149.294164 254.797639,137.31882 C250.907279,125.345574 238.046426,118.792393 226.07318,122.682754 L44.7076721,181.632 C33.5213115,185.677639 27.234623,197.762098 30.5731148,209.361836 C34.0563934,221.460984 46.9067541,228.836721 58.7897705,224.975738 C59.2430164,224.828852 240.161574,166.045377 240.161574,166.045377",fill:"#CE1E5B"}),o["default"].createElement("path",{d:"M82.507541,217.270557 C94.312918,213.434754 109.528131,208.491016 125.855475,203.186361 C122.019672,191.380984 117.075934,176.163672 111.76918,159.83423 L68.4191475,173.924721 L82.507541,217.270557",fill:"#392538"}),o["default"].createElement("path",{d:"M173.847082,187.591344 C190.235279,182.267803 205.467279,177.31777 217.195016,173.507148 C213.359213,161.70177 208.413377,146.480262 203.106623,130.146623 L159.75659,144.237115 L173.847082,187.591344",fill:"#BB242A"}),o["default"].createElement("path",{d:"M210.484459,74.7058361 C222.457705,70.8154754 229.010885,57.954623 225.120525,45.9792787 C221.230164,34.0060328 208.369311,27.4528525 196.393967,31.3432131 L15.028459,90.292459 C3.84209836,94.3380984 -2.44459016,106.422557 0.896,118.022295 C4.37718033,130.121443 17.227541,137.49718 29.1126557,133.636197 C29.5638033,133.489311 210.484459,74.7058361 210.484459,74.7058361",fill:"#72C5CD"}),o["default"].createElement("path",{d:"M52.8220328,125.933115 C64.6274098,122.097311 79.8468197,117.151475 96.1762623,111.84682 C90.8527213,95.4565246 85.9026885,80.2245246 82.0920656,68.4946885 L38.731541,82.5872787 L52.8220328,125.933115",fill:"#248C73"}),o["default"].createElement("path",{d:"M144.159475,96.256 C160.551869,90.9303607 175.785967,85.9803279 187.515803,82.1676066 C182.190164,65.7752131 177.240131,50.5390164 173.42741,38.807082 L130.068984,52.8996721 L144.159475,96.256",fill:"#62803A"})))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r;var n=a(1),o=e(n)}).call(this)}finally{}},function(e,t,a){function r(e,t){for(var a=0;a=0&&S.splice(t,1)}function c(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",o(e,t),t}function s(e,t){var a,r,n;if(t.singleton){var o=h++;a=g||(g=c(t)),r=d.bind(null,a,o,!1),n=d.bind(null,a,o,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(a=l(t),r=b.bind(null,a),n=function(){i(a),a.href&&URL.revokeObjectURL(a.href)}):(a=c(t),r=p.bind(null,a),n=function(){i(a)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else n()}}function d(e,t,a,r){var n=a?"":r.css;if(e.styleSheet)e.styleSheet.cssText=v(t,n);else{var o=document.createTextNode(n),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(o,i[t]):e.appendChild(o)}}function p(e,t){var a=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=a;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(a))}}function b(e,t){var a=t.css,r=t.sourceMap;r&&(a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var n=new Blob([a],{type:"text/css"}),o=e.href;e.href=URL.createObjectURL(n),o&&URL.revokeObjectURL(o)}var u={},k=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},f=k(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=k(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,h=0,S=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=f()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var a=n(e);return r(a,t),function(e){for(var o=[],i=0;iimg{margin-right:.5em}#SlackFeedback .SlackFeedback--header>.close{cursor:pointer;opacity:.7;margin-left:auto;font-size:11px}#SlackFeedback .SlackFeedback--header>.close:hover{opacity:1}#SlackFeedback .SlackFeedback--content{padding:.5em}#SlackFeedback .SlackFeedback--trigger{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;color:#858ba0;border:1px solid #d0d8e1;width:150px;padding:12px 1.25em;border-radius:30px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:0 3px 12px 1px rgba(34,44,79,.1);-webkit-transition:box-shadow .3s,color .2s,-webkit-transform .2s ease-in;transition:box-shadow .3s,color .2s,-webkit-transform .2s ease-in;transition:box-shadow .3s,transform .2s ease-in,color .2s;transition:box-shadow .3s,transform .2s ease-in,color .2s,-webkit-transform .2s ease-in}#SlackFeedback .SlackFeedback--trigger.active,#SlackFeedback .SlackFeedback--trigger:hover{box-shadow:0 6px 16px 2px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#5d606c;border-color:#b1becd}#SlackFeedback .SlackFeedback--trigger img{margin-right:8px}#SlackFeedback ul.SlackFeedback--tabs{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0;margin-bottom:1em}#SlackFeedback ul.SlackFeedback--tabs>li{-webkit-box-flex:1;-ms-flex:1;flex:1;background:hsla(0,0%,100%,.6);color:#5d606c;text-align:center;padding:.75em;font-size:13px;cursor:pointer;border:1px solid #d0d8e1}#SlackFeedback ul.SlackFeedback--tabs>li.selected{border-color:#08f;background:#fff;color:#08f;position:relative;text-shadow:0 1px 6px rgba(0,136,255,.1);box-shadow:0 0 8px rgba(0,136,255,.2)}#SlackFeedback ul.SlackFeedback--tabs>li:hover:not(.selected){border:1px solid #b7c3d1}#SlackFeedback ul.SlackFeedback--tabs>li:first-of-type{border-radius:4px 0 0 4px;margin-right:-1px}#SlackFeedback ul.SlackFeedback--tabs>li:last-of-type{border-radius:0 4px 4px 0;margin-left:-1px}#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button{border:1px solid #d0d8e1;padding:.75em 3em;text-align:center;font-size:13px;margin:auto;width:100%;display:table;color:#777d95;background:#fff;cursor:pointer;border-radius:4px}#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button:hover{border:1px solid #bac6d3;background:hsla(0,0%,100%,.6);color:#777d95}#SlackFeedback .SlackFeedback-image-upload>input{display:none}#SlackFeedback .SlackFeedback--input{margin-bottom:.75em;color:#858ba0}#SlackFeedback .border-box,#SlackFeedback .SlackFeedback--image-preview,#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea,#SlackFeedback .SlackFeedback--trigger,#SlackFeedback .SlackFeedback-image-upload .SlackFeedback-image-upload-button{box-sizing:border-box}#SlackFeedback .resets,#SlackFeedback .SlackFeedback--checkbox,#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea{box-shadow:none;color:inherit;margin:inherit;padding:inherit}#SlackFeedback .SlackFeedback--input,#SlackFeedback .SlackFeedback--textarea{width:100%;color:#444!important;border:1px solid #d0d8e1!important;border-radius:3px;padding:.5em;outline:none;font-size:14px;background:#fff!important;margin-bottom:.5em}#SlackFeedback .SlackFeedback--input:focus,#SlackFeedback .SlackFeedback--textarea:focus{border:1px solid #08f!important;box-shadow:0 0 8px rgba(0,136,255,.3)!important}#SlackFeedback .SlackFeedback--input.disabled,#SlackFeedback .SlackFeedback--input[disabled],#SlackFeedback .SlackFeedback--textarea.disabled,#SlackFeedback .SlackFeedback--textarea[disabled]{opacity:.8!important;pointer-events:none;color:#636a7f}#SlackFeedback .SlackFeedback--textarea{min-height:150px}#SlackFeedback .SlackFeedback--label{color:#08f;display:block;font-size:11px;margin:5px 0}#SlackFeedback .SlackFeedback--checkbox{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;position:static!important;font-size:1.1em!important}#SlackFeedback .SlackFeedback--checkbox:after,#SlackFeedback .SlackFeedback--checkbox:before{content:none!important}#SlackFeedback .SlackFeedback--checkbox-label{display:inline-block!important;margin-left:10px!important;color:inherit;font-size:13px;color:#858ba0;cursor:pointer}#SlackFeedback .SlackFeedback--checkbox-label:hover{color:#777d95}#SlackFeedback .SlackFeedback--image-preview{background-size:cover;background-position:50%;position:relative;width:100%;height:140px;border-radius:4px;margin-bottom:5px;border:1px solid #d0d8e1}#SlackFeedback .SlackFeedback--image-preview:hover .SlackFeedback--preview-overlay{opacity:1}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;background:rgba(34,44,79,.4);opacity:0}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1em 3em;font-size:12px;text-transform:uppercase;color:#fff;border-radius:4px;cursor:pointer;background:rgba(34,44,79,.6);-webkit-transition:background .15s;transition:background .15s}#SlackFeedback .SlackFeedback--image-preview .SlackFeedback--preview-overlay span:hover{background:#08f}#SlackFeedback .Select{margin-bottom:.5em}#SlackFeedback .Select .Select-control{border:1px solid #d0d8e1}#SlackFeedback button.submit{display:block!important;width:100%!important;padding:1em .75em!important;text-align:center!important;background:#08f!important;color:#fff!important;font-weight:400;outline:none;border:none;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;cursor:pointer;-webkit-transition:background .2s,box-shadow .2s;transition:background .2s,box-shadow .2s}#SlackFeedback button.submit.disabled,#SlackFeedback button.submit[disabled]{pointer-events:none!important;opacity:.4!important}#SlackFeedback button.submit.sent{background:#3dc86f!important;pointer-events:none}#SlackFeedback button.submit.error{background:#ec3c3c!important;pointer-events:none}#SlackFeedback button.submit:hover{background:#2499ff;box-shadow:0 2px 8px 2px rgba(0,136,255,.2)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation:fadeInUp .4s ease;animation:fadeInUp .4s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;display:none;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;display:none;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.fadeOutDown{-webkit-animation:fadeOutDown .4s ease;animation:fadeOutDown .4s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 4 */\n/***/ function(module, exports) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\t// css base code, injected by the css-loader\r\n\tmodule.exports = function() {\r\n\t\tvar list = [];\r\n\t\r\n\t\t// return the list of modules as css string\r\n\t\tlist.toString = function toString() {\r\n\t\t\tvar result = [];\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar item = this[i];\r\n\t\t\t\tif(item[2]) {\r\n\t\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresult.push(item[1]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn result.join(\"\");\r\n\t\t};\r\n\t\r\n\t\t// import a list of modules into the list\r\n\t\tlist.i = function(modules, mediaQuery) {\r\n\t\t\tif(typeof modules === \"string\")\r\n\t\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\t\tvar alreadyImportedModules = {};\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar id = this[i][0];\r\n\t\t\t\tif(typeof id === \"number\")\r\n\t\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t\t}\r\n\t\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\t\tvar item = modules[i];\r\n\t\t\t\t// skip already imported module\r\n\t\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t\t// when a module is imported multiple times with different media queries.\r\n\t\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlist.push(item);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t\treturn list;\r\n\t};\r\n\n\n/***/ },\n/* 5 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/Users/markmurray/Apps/react-slack-feedback/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/Users/markmurray/Apps/react-slack-feedback/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\t\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\t\n\tvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _classnames = __webpack_require__(2);\n\t\n\tvar _classnames2 = _interopRequireDefault(_classnames);\n\t\n\tvar _SlackIcon = __webpack_require__(6);\n\t\n\tvar _SlackIcon2 = _interopRequireDefault(_SlackIcon);\n\t\n\t__webpack_require__(8);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\t// classnames\n\t\n\t\n\t// Images\n\t\n\t\n\tvar propTypes = {\n\t channel: _react.PropTypes.string.isRequired,\n\t onSubmit: _react.PropTypes.func.isRequired,\n\t onImageUpload: _react.PropTypes.func,\n\t sending: _react.PropTypes.bool,\n\t user: _react.PropTypes.string,\n\t disabled: _react.PropTypes.bool,\n\t emoji: _react.PropTypes.string,\n\t buttonText: _react.PropTypes.string,\n\t imageUploadText: _react.PropTypes.string\n\t};\n\t\n\tvar defaultProps = {\n\t sending: false,\n\t user: 'Unknown User',\n\t disabled: false,\n\t emoji: ':speaking_head_in_silhouette:',\n\t buttonText: 'Slack Feedback',\n\t disableImageUpload: false,\n\t imageUploadText: 'Attach Image'\n\t};\n\t\n\tvar types = [{ value: 'bug', label: 'Bug' }, { value: 'improvement', label: 'Improvement' }, { value: 'feature', label: 'Feature Request' }];\n\t\n\tvar SlackFeedback = function (_Component) {\n\t _inherits(SlackFeedback, _Component);\n\t\n\t function SlackFeedback(props) {\n\t _classCallCheck(this, SlackFeedback);\n\t\n\t var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(SlackFeedback).call(this, props));\n\t\n\t _this.state = {\n\t active: false,\n\t sendURL: true,\n\t sent: false,\n\t error: false,\n\t uploadingImage: false,\n\t selectedType: 'Bug',\n\t image: {}\n\t };\n\t\n\t // Bind event handlers once to avoid performance issues with re-binding\n\t // on every render\n\t _this.removeImage = _this.removeImage.bind(_this);\n\t _this.toggle = _this.toggle.bind(_this);\n\t _this.send = _this.send.bind(_this);\n\t _this.toggleSendURL = _this.toggleSendURL.bind(_this);\n\t _this.selectType = _this.selectType.bind(_this);\n\t _this.close = _this.close.bind(_this);\n\t return _this;\n\t }\n\t\n\t _createClass(SlackFeedback, [{\n\t key: 'toggle',\n\t value: function toggle() {\n\t if (this.state.active) {\n\t this.close();\n\t } else {\n\t this.activate();\n\t }\n\t }\n\t }, {\n\t key: 'activate',\n\t value: function activate() {\n\t this.setState({\n\t active: !this.state.active\n\t });\n\t\n\t document.addEventListener('click', this.handleClickOutside.bind(this));\n\t }\n\t }, {\n\t key: 'handleClickOutside',\n\t value: function handleClickOutside(event) {\n\t\n\t if (event.defaultPrevented) return;\n\t\n\t if (!this.refs.SlackFeedback.contains(event.target)) {\n\t this.close();\n\t }\n\t }\n\t }, {\n\t key: 'close',\n\t value: function close() {\n\t this.setState({\n\t active: false\n\t });\n\t\n\t document.removeEventListener('click', this.handleClickOutside.bind(this));\n\t }\n\t }, {\n\t key: 'toggleSendURL',\n\t value: function toggleSendURL() {\n\t this.setState({\n\t sendURL: !this.state.sendURL\n\t });\n\t }\n\t }, {\n\t key: 'selectType',\n\t value: function selectType(e) {\n\t this.setState({\n\t selectedType: e.target.innerText\n\t });\n\t }\n\t }, {\n\t key: 'sent',\n\t value: function sent() {\n\t var _this2 = this;\n\t\n\t this.setState({\n\t sending: false,\n\t sent: true,\n\t image: {},\n\t error: false\n\t }, function () {\n\t _this2.refs.message.value = '';\n\t setTimeout(function () {\n\t _this2.setState({ sent: false });\n\t }, 5 * 1000);\n\t });\n\t }\n\t }, {\n\t key: 'error',\n\t value: function error(err) {\n\t var _this3 = this;\n\t\n\t this.setState({\n\t sending: false,\n\t error: this.determineErrorType(err)\n\t }, function () {\n\t\n\t setTimeout(function () {\n\t _this3.setState({ error: null });\n\t }, 8 * 1000);\n\t });\n\t }\n\t }, {\n\t key: 'determineErrorType',\n\t value: function determineErrorType(err) {\n\t if (!err || typeof err !== 'string') return 'Unexpected Error!';\n\t\n\t switch (err.status) {\n\t case 400:\n\t return 'Bad Request!';\n\t case 403:\n\t return 'Forbidden!';\n\t case 404:\n\t return 'Channel Not Found!';\n\t case 410:\n\t return 'Channel is Archived!';\n\t case 500:\n\t return 'Server Error!';\n\t default:\n\t return 'Unexpected Error!';\n\t }\n\t }\n\t }, {\n\t key: 'send',\n\t value: function send() {\n\t var _state = this.state;\n\t var selectedType = _state.selectedType;\n\t var sendURL = _state.sendURL;\n\t var image = _state.image;\n\t\n\t var message = this.refs.message.value;\n\t var level;\n\t\n\t this.setState({\n\t sending: true\n\t });\n\t\n\t // Attach the curent URL\n\t if (sendURL) message += '\\n <' + document.location.href + '>';\n\t\n\t // Slack accepts 3 color levels: danger (red), good (green) and warning (orange)\n\t switch (selectedType) {\n\t case 'Bug':\n\t level = 'danger';\n\t break;\n\t case 'Feature':\n\t level = 'good';\n\t break;\n\t case 'Improvement':\n\t level = 'warning';\n\t break;\n\t }\n\t\n\t var payload = {\n\t channel: this.props.channel,\n\t username: this.props.user,\n\t icon_emoji: this.props.emoji,\n\t attachments: [{\n\t fallback: 'Feedback (' + selectedType + ')',\n\t author_name: this.props.user,\n\t color: level,\n\t title: selectedType,\n\t title_link: document.location.href,\n\t text: message,\n\t footer: 'React Slack Feedback'\n\t }]\n\t };\n\t\n\t // Attach the image (if available)\n\t if (image.url) payload.attachments[0].image_url = image.url;\n\t\n\t // Submit the payload\n\t this.props.onSubmit.call(this, payload);\n\t }\n\t }, {\n\t key: 'attachImage',\n\t value: function attachImage(event) {\n\t var _this4 = this;\n\t\n\t var files = event.target.files;\n\t\n\t\n\t var file = files[0];\n\t file.preview = window.URL.createObjectURL(file);\n\t\n\t this.setState({\n\t image: file,\n\t uploadingImage: true\n\t }, function () {\n\t _this4.props.onImageUpload.call(_this4, file);\n\t });\n\t }\n\t }, {\n\t key: 'uploadError',\n\t value: function uploadError(err) {\n\t var _this5 = this;\n\t\n\t this.setState({\n\t uploading: false,\n\t error: 'Error Uploading Image!'\n\t }, function () {\n\t\n\t _this5.removeImage();\n\t\n\t setTimeout(function () {\n\t _this5.setState({ error: null });\n\t }, 6 * 1000);\n\t });\n\t }\n\t }, {\n\t key: 'imageUploaded',\n\t value: function imageUploaded(url) {\n\t if (typeof url !== 'string') {\n\t console.error('[SlackFeedback] `url` argument in `imageUploaded` method must be a string');\n\t this.removeImage();\n\t return;\n\t }\n\t\n\t // Merge the image URL with the file object,\n\t // the resulting object will contain only the preview and the URL.\n\t // Any file information will be lost\n\t var image = _extends({}, this.state.image, { url: url });\n\t\n\t this.setState({\n\t uploadingImage: false,\n\t image: image\n\t });\n\t }\n\t }, {\n\t key: 'renderImageUpload',\n\t value: function renderImageUpload() {\n\t var _this6 = this;\n\t\n\t if (this.state.image.preview) {\n\t return _react2.default.createElement(\n\t 'div',\n\t null,\n\t this.renderImagePreview()\n\t );\n\t }\n\t\n\t return _react2.default.createElement(\n\t 'div',\n\t { className: 'SlackFeedback-image-upload' },\n\t _react2.default.createElement(\n\t 'label',\n\t { className: 'SlackFeedback-image-upload-button', htmlFor: 'imageUpload' },\n\t this.props.imageUploadText\n\t ),\n\t _react2.default.createElement('input', {\n\t id: 'imageUpload',\n\t type: 'file',\n\t accept: 'image/*',\n\t style: { display: 'none' },\n\t onChange: function onChange(event) {\n\t return _this6.attachImage(event);\n\t }\n\t })\n\t );\n\t }\n\t }, {\n\t key: 'removeImage',\n\t value: function removeImage(event) {\n\t if (event) event.preventDefault();\n\t\n\t this.setState({\n\t image: {},\n\t uploadingImage: false\n\t });\n\t }\n\t }, {\n\t key: 'renderImagePreview',\n\t value: function renderImagePreview() {\n\t var _state2 = this.state;\n\t var image = _state2.image;\n\t var uploadingImage = _state2.uploadingImage;\n\t\n\t\n\t if (!image.preview) return null;\n\t\n\t return _react2.default.createElement(\n\t 'div',\n\t { className: 'SlackFeedback--image-preview', style: {\n\t backgroundImage: 'url(' + image.preview + ')'\n\t } },\n\t uploadingImage ? _react2.default.createElement('div', { className: 'SlackFeedback--loader' }) : _react2.default.createElement(\n\t 'div',\n\t { className: 'SlackFeedback--preview-overlay' },\n\t _react2.default.createElement(\n\t 'span',\n\t { onClick: this.removeImage },\n\t 'Remove'\n\t )\n\t )\n\t );\n\t }\n\t }, {\n\t key: 'render',\n\t value: function render() {\n\t var _state3 = this.state;\n\t var active = _state3.active;\n\t var sending = _state3.sending;\n\t var sent = _state3.sent;\n\t var error = _state3.error;\n\t var image = _state3.image;\n\t var sendURL = _state3.sendURL;\n\t var selectedType = _state3.selectedType;\n\t var uploadingImage = _state3.uploadingImage;\n\t\n\t\n\t var submitText = 'Send Feedback';\n\t\n\t if (sent) submitText = 'Sent!';\n\t if (sending && !sent) submitText = 'Sending Feedback...';\n\t if (error) submitText = error;\n\t\n\t // Return nothing if the component has been disabled\n\t if (this.props.disabled) return null;\n\t\n\t return _react2.default.createElement(\n\t 'div',\n\t { ref: 'SlackFeedback', id: 'SlackFeedback', className: (0, _classnames2.default)('SlackFeedback', { active: active }) },\n\t _react2.default.createElement(\n\t 'div',\n\t { ref: 'container', className: 'SlackFeedback--container fadeInUp' },\n\t _react2.default.createElement(\n\t 'div',\n\t { className: 'SlackFeedback--header' },\n\t _react2.default.createElement(_SlackIcon2.default, null),\n\t ' Send Feedback to Slack',\n\t _react2.default.createElement(\n\t 'div',\n\t { className: 'close', onClick: this.close },\n\t 'close'\n\t )\n\t ),\n\t _react2.default.createElement(\n\t 'div',\n\t { className: 'SlackFeedback--content' },\n\t _react2.default.createElement(\n\t 'label',\n\t { className: 'SlackFeedback--label' },\n\t 'Channel'\n\t ),\n\t _react2.default.createElement('input', { className: 'SlackFeedback--input', value: this.props.channel, disabled: true }),\n\t _react2.default.createElement(\n\t 'label',\n\t { className: 'SlackFeedback--label' },\n\t 'Feedback Type'\n\t ),\n\t _react2.default.createElement(\n\t 'ul',\n\t { className: 'SlackFeedback--tabs' },\n\t _react2.default.createElement(\n\t 'li',\n\t { onClick: this.selectType, className: (0, _classnames2.default)({\n\t selected: selectedType === 'Bug'\n\t }) },\n\t 'Bug'\n\t ),\n\t _react2.default.createElement(\n\t 'li',\n\t { onClick: this.selectType, className: (0, _classnames2.default)({\n\t selected: selectedType === 'Feature'\n\t }) },\n\t 'Feature'\n\t ),\n\t _react2.default.createElement(\n\t 'li',\n\t { onClick: this.selectType, className: (0, _classnames2.default)({\n\t selected: selectedType === 'Improvement'\n\t }) },\n\t 'Improvement'\n\t )\n\t ),\n\t _react2.default.createElement(\n\t 'label',\n\t { className: 'SlackFeedback--label' },\n\t 'Your Message'\n\t ),\n\t _react2.default.createElement('textarea', { ref: 'message', className: 'SlackFeedback--textarea', placeholder: 'Message...' }),\n\t this.props.onImageUpload ? this.renderImageUpload() : null,\n\t _react2.default.createElement(\n\t 'div',\n\t { style: { padding: '0.5em 0 1em' } },\n\t _react2.default.createElement('input', { id: 'sendURL', className: 'SlackFeedback--checkbox', type: 'checkbox', checked: sendURL, onChange: this.toggleSendURL }),\n\t _react2.default.createElement(\n\t 'label',\n\t { htmlFor: 'sendURL', className: 'SlackFeedback--checkbox-label' },\n\t 'Send URL with Feedback'\n\t )\n\t ),\n\t _react2.default.createElement(\n\t 'button',\n\t {\n\t className: (0, _classnames2.default)('submit', { sent: sent, error: error, disabled: sending || uploadingImage }),\n\t onClick: this.send },\n\t submitText\n\t )\n\t )\n\t ),\n\t _react2.default.createElement(\n\t 'div',\n\t {\n\t className: (0, _classnames2.default)('SlackFeedback--trigger', { active: active }),\n\t onClick: this.toggle },\n\t _react2.default.createElement(_SlackIcon2.default, null),\n\t ' ',\n\t this.props.buttonText\n\t )\n\t );\n\t }\n\t }]);\n\t\n\t return SlackFeedback;\n\t}(_react.Component);\n\t\n\tSlackFeedback.propTypes = propTypes;\n\tSlackFeedback.defaultProps = defaultProps;\n\t\n\texports.default = SlackFeedback;\n\t\n\t/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/Users/markmurray/Apps/react-slack-feedback/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot not apply hot update to \" + \"SlackFeedback.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n/***/ },\n/* 6 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/Users/markmurray/Apps/react-slack-feedback/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/Users/markmurray/Apps/react-slack-feedback/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\t\n\t\"use strict\";\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\texports.default = SlackIcon;\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction SlackIcon() {\n\t return _react2.default.createElement(\n\t \"svg\",\n\t { id: \"SlackIcon\", width: \"16px\", height: \"16px\", viewBox: \"0 0 256 256\", version: \"1.1\", xmlns: \"http://www.w3.org/2000/svg\", xmlnsXlink: \"http://www.w3.org/1999/xlink\", preserveAspectRatio: \"xMidYMid\" },\n\t _react2.default.createElement(\n\t \"g\",\n\t null,\n\t _react2.default.createElement(\"path\", { d: \"M165.963541,15.8384262 C162.07318,3.86308197 149.212328,-2.69009836 137.239082,1.20236066 C125.263738,5.09272131 118.710557,17.9535738 122.603016,29.9268197 L181.550164,211.292328 C185.597902,222.478689 197.682361,228.765377 209.282098,225.426885 C221.381246,221.943607 228.756984,209.093246 224.896,197.21023 C224.749115,196.756984 165.963541,15.8384262 165.963541,15.8384262\", fill: \"#DFA22F\" }),\n\t _react2.default.createElement(\"path\", { d: \"M74.6260984,45.515541 C70.7336393,33.5422951 57.8727869,26.9891148 45.899541,30.8794754 C33.9241967,34.7698361 27.3710164,47.6306885 31.2634754,59.6060328 L90.210623,240.971541 C94.2583607,252.157902 106.34282,258.44459 117.942557,255.104 C130.041705,251.62282 137.417443,238.772459 133.556459,226.887344 C133.409574,226.436197 74.6260984,45.515541 74.6260984,45.515541\", fill: \"#3CB187\" }),\n\t _react2.default.createElement(\"path\", { d: \"M240.161574,166.045377 C252.136918,162.155016 258.688,149.294164 254.797639,137.31882 C250.907279,125.345574 238.046426,118.792393 226.07318,122.682754 L44.7076721,181.632 C33.5213115,185.677639 27.234623,197.762098 30.5731148,209.361836 C34.0563934,221.460984 46.9067541,228.836721 58.7897705,224.975738 C59.2430164,224.828852 240.161574,166.045377 240.161574,166.045377\", fill: \"#CE1E5B\" }),\n\t _react2.default.createElement(\"path\", { d: \"M82.507541,217.270557 C94.312918,213.434754 109.528131,208.491016 125.855475,203.186361 C122.019672,191.380984 117.075934,176.163672 111.76918,159.83423 L68.4191475,173.924721 L82.507541,217.270557\", fill: \"#392538\" }),\n\t _react2.default.createElement(\"path\", { d: \"M173.847082,187.591344 C190.235279,182.267803 205.467279,177.31777 217.195016,173.507148 C213.359213,161.70177 208.413377,146.480262 203.106623,130.146623 L159.75659,144.237115 L173.847082,187.591344\", fill: \"#BB242A\" }),\n\t _react2.default.createElement(\"path\", { d: \"M210.484459,74.7058361 C222.457705,70.8154754 229.010885,57.954623 225.120525,45.9792787 C221.230164,34.0060328 208.369311,27.4528525 196.393967,31.3432131 L15.028459,90.292459 C3.84209836,94.3380984 -2.44459016,106.422557 0.896,118.022295 C4.37718033,130.121443 17.227541,137.49718 29.1126557,133.636197 C29.5638033,133.489311 210.484459,74.7058361 210.484459,74.7058361\", fill: \"#72C5CD\" }),\n\t _react2.default.createElement(\"path\", { d: \"M52.8220328,125.933115 C64.6274098,122.097311 79.8468197,117.151475 96.1762623,111.84682 C90.8527213,95.4565246 85.9026885,80.2245246 82.0920656,68.4946885 L38.731541,82.5872787 L52.8220328,125.933115\", fill: \"#248C73\" }),\n\t _react2.default.createElement(\"path\", { d: \"M144.159475,96.256 C160.551869,90.9303607 175.785967,85.9803279 187.515803,82.1676066 C182.190164,65.7752131 177.240131,50.5390164 173.42741,38.807082 L130.068984,52.8996721 L144.159475,96.256\", fill: \"#62803A\" })\n\t )\n\t );\n\t}\n\t\n\t/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/Users/markmurray/Apps/react-slack-feedback/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot not apply hot update to \" + \"SlackIcon.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n/***/ },\n/* 7 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\tvar stylesInDom = {},\r\n\t\tmemoize = function(fn) {\r\n\t\t\tvar memo;\r\n\t\t\treturn function () {\r\n\t\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\t\treturn memo;\r\n\t\t\t};\r\n\t\t},\r\n\t\tisOldIE = memoize(function() {\r\n\t\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t\t}),\r\n\t\tgetHeadElement = memoize(function () {\r\n\t\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t\t}),\r\n\t\tsingletonElement = null,\r\n\t\tsingletonCounter = 0,\r\n\t\tstyleElementsInsertedAtTop = [];\r\n\t\r\n\tmodule.exports = function(list, options) {\r\n\t\tif(false) {\r\n\t\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t\t}\r\n\t\r\n\t\toptions = options || {};\r\n\t\t// Force single-tag solution on IE6-9, which has a hard limit on the # of