UNPKG

react-feedback-popup

Version:

A highly customizable React component to get user feedback via a popup

6 lines 23.4 kB
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t){e.exports=require("react")},function(e,t,n){e.exports=n(5)()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(3),a=(r=o)&&r.__esModule?r:{default:r};t.default=a.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(0),i=f(a),s=f(n(4)),l=f(n(7)),u=f(n(1));function f(e){return e&&e.__esModule?e:{default:e}}var d=function(e){return!e.trim().length},p=function(e,t){return o({},t,"left"===e?{left:"5%"}:{right:"5%"})},c=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={showButton:!0,showForm:!1,showModal:!1,nameInput:"",messageInput:"",emailInput:"",ratingInput:-1},n.handleButtonClick=n.handleButtonClick.bind(n),n.handleClose=n.handleClose.bind(n),n.handleSubmit=n.handleSubmit.bind(n),n.handleMessageInput=n.handleMessageInput.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"handleMessageInput",value:function(e,t){"email"===e?this.setState({emailInput:t}):"name"===e?this.setState({nameInput:t}):"rating"===e?this.setState({ratingInput:t}):"message"===e&&this.setState({messageInput:t})}},{key:"handleRatingInput",value:function(e){this.setState({ratingInput:e})}},{key:"handleNameInput",value:function(e){this.setState({nameInput:e})}},{key:"handleEmailInput",value:function(e){this.setState({emailInput:e})}},{key:"handleButtonClick",value:function(){var e=this.props.handleButtonClick;this.setState({showButton:!1,showForm:!0}),e()}},{key:"handleSubmit",value:function(){var e=this.props,t=e.showButtonOnSubmit,n=e.handleSubmit,r=e.handleClose;d(this.state.nameInput)||d(this.state.emailInput)||d(this.state.messageInput)||-1===this.state.ratingInput?alert("Fields are missing!"):(n({name:this.state.nameInput,message:this.state.messageInput,rating:this.state.ratingInput,email:this.state.emailInput}),t&&this.setState({showButton:!0}),this.setState({showForm:!1,nameInput:"",messageInput:"",ratingInput:-1,emailInput:""}),r())}},{key:"handleClose",value:function(){var e=this.props,t=e.handleClose;e.showButtonOnClose&&this.setState({showButton:!0}),this.setState({showForm:!1}),t()}},{key:"render",value:function(){var e=this.props,t=e.headerText,n=e.buttonText,r=e.position,o=e.buttonStyles,a=e.headerStyles,u=e.headerBtnStyles,f=e.headerBtnText,d=e.bodyText,c=e.showNameInput,h=e.showEmailInput,y=e.showRatingInput,g=e.showMessageInput,b=e.numberOfStars,m=e.style;return i.default.createElement("div",null,this.state.showForm&&i.default.createElement("div",null,i.default.createElement(l.default,{style:m,headerText:t,numberOfStars:b,position:r,headerStyles:a,headerBtnStyles:u,headerBtnText:f,handleClose:this.handleClose,handleSubmit:this.handleSubmit,bodyText:d,showNameInput:c,showEmailInput:h,showRatingInput:y,showMessageInput:g,nameInput:this.state.nameInput,emailInput:this.state.emailInput,ratingInput:this.state.ratingInput,messageInput:this.state.messageInput,handleMessageInput:this.handleMessageInput,handleCustomPosition:p})),this.state.showButton&&i.default.createElement(s.default,{position:r,styles:o,text:n,handleButtonClick:this.handleButtonClick,handleCustomPosition:p}))}}]),t}(a.Component);c.propTypes={headerText:u.default.string,bodyText:u.default.string,position:u.default.string,handleClose:u.default.func,handleSubmit:u.default.func,handleButtonClick:u.default.func,showButtonOnClose:u.default.bool,showButtonOnSubmit:u.default.bool,buttonStyles:u.default.object,headerStyles:u.default.object,headerBtnStyles:u.default.object,bodyStyles:u.default.object,footerStyles:u.default.object,buttonText:u.default.string,headerBtnText:u.default.string,showEmailInput:u.default.bool,showRatingInput:u.default.bool,showMessageInput:u.default.bool},c.defaultProps={position:"right",handleSubmit:function(){},handleClose:function(){},handleButtonClick:function(){},showButtonOnClose:!0,showButtonOnSubmit:!0,modal:!1},t.default=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(0),a=s(o),i=s(n(1));function s(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var f=function(e){function t(){return l(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"render",value:function(){var e=this.props,t=e.handleButtonClick,n=e.text,r=e.styles,o=e.position,i=e.handleCustomPosition;return a.default.createElement("button",{type:"button",onClick:t,style:i(o,r)},n)}}]),t}(o.Component);f.propTypes={handleCustomPosition:i.default.func,handleButtonClick:i.default.func,styles:i.default.object,text:i.default.string,position:i.default.string},f.defaultProps={position:i.default.string,styles:{fontSize:"15px",background:"#34495e",color:"#fff",fontWeight:"bold",padding:"10px 15px",position:"fixed",borderRadius:"5px 5px 0 0",border:"none",bottom:0,backgroundColor:"#34495e",width:"auto"},text:"Feedback? ☝️",handleButtonClick:function(){return(void 0).handleButtonClick}},t.default=f},function(e,t,n){"use strict";var r=n(6);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(0),i=f(a),s=f(n(8)),l=f(n(9)),u=f(n(10));function f(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var c={position:"fixed",backgroundColor:"#FAFAFA",border:"1px solid #dcdcdc",borderRadius:"6px 6px 0 0",zIndex:"50000",bottom:"0px"},h=function(e){function t(){return d(this,t),p(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"render",value:function(){var e=this.props,t=e.headerStyles,n=e.headerText,o=e.position,a=e.handleClose,f=e.handleSubmit,d=e.handleMessageInput,p=e.handleEmailInput,h=e.handleRatingInput,y=e.handleCustomPosition,g=e.messageInput,b=e.emailInput,m=e.ratingInput,v=e.showEmailInput,S=e.showMessageInput,I=e.showRatingInput,x=e.numberOfStars,w=e.bodyText,O=y(o,c);return i.default.createElement("div",{style:r({},O,this.props.style)},i.default.createElement(s.default,{styles:t,headerText:n,handleClose:a}),i.default.createElement(u.default,{bodyText:w,numberOfStars:x,showEmailInput:v,showMessageInput:S,showRatingInput:I,handleMessageInput:d,handleEmailInput:p,handleRatingInput:h,messageInput:g,emailInput:b,ratingInput:m}),i.default.createElement(l.default,{handleSubmit:f,handleClose:a}))}}]),t}(a.Component);t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(0),a=(r=o)&&r.__esModule?r:{default:r};var i=function(e){var t=e.headerText,n=e.headerBtnText,r=e.handleClose,o=e.headerStyles,i=e.headerBtnStyles;return a.default.createElement("div",{style:o},t,a.default.createElement("button",{onClick:r,style:i,type:"button"},n))};i.defaultProps={headerText:"Have Feedback? 📝",headerBtnText:"X",headerBtnStyles:{position:"absolute",fontSize:"20px",right:"15px",color:"#ffffff",background:"none",border:0,fontWeight:"bold",lineHeight:"40px",height:"40px"},headerStyles:{lineHeight:"40px",paddingLeft:"15px",height:"40px",borderRadius:"6px 6px 0 0",backgroundColor:"#34495e",color:"#FFFFFF",fontSize:"18px",fontWeight:"500",overflow:"hidden"}},t.default=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(0),a=(r=o)&&r.__esModule?r:{default:r};var i={float:"left",color:"#fff",backgroundColor:"#DC143C",lineHeight:"30px",borderRadius:"3px",border:"2px solid #ff4742",fontSize:"13px",fontWeight:"bold"},s={float:"right",color:"#fff",backgroundColor:"#DC143C",lineHeight:"30px",borderRadius:"3px",border:"2px solid #ff4742",fontSize:"13px",fontWeight:"bold"},l=function(e){var t=e.handleSubmit,n=e.footerStyles,r=e.handleClose;return a.default.createElement("div",{style:n},a.default.createElement("div",{style:{padding:"10px"}},a.default.createElement("button",{onClick:t,style:s,type:"button"},"Submit"),a.default.createElement("button",{onClick:r,style:i,type:"button"},"Close")))};l.defaultProps={footerStyles:{height:"50px",boxSizing:"border-box",background:"#34495e",overflow:"hidden"}},t.default=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=a(n(0)),o=a(n(11));function a(e){return e&&e.__esModule?e:{default:e}}var i={boxSizing:"border-box",padding:"10px 10px 0 10px",overflow:"hidden",width:"300px",fontFamily:"arial"},s=function(e){var t=e.bodyText,n=e.bodyStyles,a=e.nameInput,s=e.messageInput,l=e.emailInput,u=e.ratingInput,f=e.handleMessageInput,d=e.showNameInput,p=e.showMessageInput,c=e.showRatingInput,h=e.showEmailInput,y=e.numberOfStars;return r.default.createElement("div",{style:n},r.default.createElement("div",{style:i},r.default.createElement("p",null,t)),d&&r.default.createElement("div",null,r.default.createElement("input",{type:"text",rows:"5",value:a,placeholder:"Enter Your Name",required:!0,onChange:function(e){return f("name",e.target.value)},style:i})),h&&r.default.createElement("div",null,r.default.createElement("input",{type:"email",rows:"5",value:l,placeholder:"Enter Your Email",required:!0,onChange:function(e){return f("email",e.target.value)},style:i})),p&&r.default.createElement("div",null,r.default.createElement("textarea",{rows:"5",value:s,placeholder:"Enter Your Feedback",onChange:function(e){return f("message",e.target.value)},style:i})),c&&r.default.createElement("div",{style:i},r.default.createElement(o.default,{rating:u,starRatedColor:"blue",changeRating:function(e){return f("rating",e)},numberOfStars:y,name:"rating",starDimension:"35px",starSpacing:"10px"})))};s.defaultProps={bodyText:"Need help? Have feedback? I'm a human so please be nice and I'll fix it!",bodyStyles:{padding:"10px",fontSize:"14px",display:"block !important"},showEmailInput:!0,showRatingInput:!0,showMessageInput:!0,showNameInput:!0,numberOfStars:5},t.default=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(12),a=(r=o)&&r.__esModule?r:{default:r};Number.isInteger=Number.isInteger||function(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e},t.default=a.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=s(n(0)),a=s(n(1)),i=s(n(13));function s(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var f=function(e){function t(){var e,n,r;l(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=u(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={highestStarHovered:-1/0},r.fillId="starGrad"+Math.random().toFixed(15).slice(2),r.hoverOverStar=function(e){return function(){r.setState({highestStarHovered:e})}},r.unHoverOverStar=function(){r.setState({highestStarHovered:-1/0})},u(r,n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"stopColorStyle",value:function(e){var t={stopColor:e,stopOpacity:"1"};return this.props.ignoreInlineStyles?{}:t}},{key:"render",value:function(){var e=this.props,t=e.starRatedColor,n=e.starEmptyColor;return o.default.createElement("div",{className:"star-ratings",title:this.titleText,style:this.starRatingsStyle},o.default.createElement("svg",{className:"star-grad",style:this.starGradientStyle},o.default.createElement("defs",null,o.default.createElement("linearGradient",{id:this.fillId,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},o.default.createElement("stop",{offset:"0%",className:"stop-color-first",style:this.stopColorStyle(t)}),o.default.createElement("stop",{offset:this.offsetValue,className:"stop-color-first",style:this.stopColorStyle(t)}),o.default.createElement("stop",{offset:this.offsetValue,className:"stop-color-final",style:this.stopColorStyle(n)}),o.default.createElement("stop",{offset:"100%",className:"stop-color-final",style:this.stopColorStyle(n)})))),this.renderStars)}},{key:"starRatingsStyle",get:function(){return this.props.ignoreInlineStyles?{}:{position:"relative",boxSizing:"border-box",display:"inline-block"}}},{key:"starGradientStyle",get:function(){return this.props.ignoreInlineStyles?{}:{position:"absolute",zIndex:"0",width:"0",height:"0",visibility:"hidden"}}},{key:"titleText",get:function(){var e=this.props,t=e.typeOfWidget,n=e.rating,r=this.state.highestStarHovered,o=r>0?r:n,a=parseFloat(o.toFixed(2)).toString();Number.isInteger(o)&&(a=String(o));var i=t+"s";return"1"===a&&(i=t),a+" "+i}},{key:"offsetValue",get:function(){var e=this.props.rating,t="0%";Number.isInteger(e)||(t=e.toFixed(2).split(".")[1].slice(0,2)+"%");return t}},{key:"renderStars",get:function(){var e=this,t=this.props,n=t.changeRating,r=t.rating,a=t.numberOfStars,s=t.starDimension,l=t.starSpacing,u=t.starRatedColor,f=t.starEmptyColor,d=t.starHoverColor,p=t.gradientPathName,c=t.ignoreInlineStyles,h=t.svgIconPath,y=t.svgIconViewBox,g=t.name,b=this.state.highestStarHovered;return Array.apply(null,Array(a)).map((function(t,m){var v=m+1,S=v<=r,I=b>0,x=v<=b,w=v===b,O=v>r&&v-1<r,C=1===v,_=v===a;return o.default.createElement(i.default,{key:v,fillId:e.fillId,changeRating:n?function(){return n(v,g)}:null,hoverOverStar:n?e.hoverOverStar(v):null,unHoverOverStar:n?e.unHoverOverStar:null,isStarred:S,isPartiallyFullStar:O,isHovered:x,hoverMode:I,isCurrentHoveredStar:w,isFirstStar:C,isLastStar:_,starDimension:s,starSpacing:l,starHoverColor:d,starRatedColor:u,starEmptyColor:f,gradientPathName:p,ignoreInlineStyles:c,svgIconPath:h,svgIconViewBox:y})}))}}]),t}(o.default.Component);f.propTypes={rating:a.default.number.isRequired,numberOfStars:a.default.number.isRequired,changeRating:a.default.func,starHoverColor:a.default.string.isRequired,starRatedColor:a.default.string.isRequired,starEmptyColor:a.default.string.isRequired,starDimension:a.default.string.isRequired,starSpacing:a.default.string.isRequired,gradientPathName:a.default.string.isRequired,ignoreInlineStyles:a.default.bool.isRequired,svgIconPath:a.default.string.isRequired,svgIconViewBox:a.default.string.isRequired,name:a.default.string},f.defaultProps={rating:0,typeOfWidget:"Star",numberOfStars:5,changeRating:null,starHoverColor:"rgb(230, 67, 47)",starRatedColor:"rgb(109, 122, 130)",starEmptyColor:"rgb(203, 211, 227)",starDimension:"50px",starSpacing:"7px",gradientPathName:"",ignoreInlineStyles:!1,svgIconPath:"m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z",svgIconViewBox:"0 0 51 48"},t.default=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=s(n(0)),a=s(n(14)),i=s(n(1));function s(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var f=function(e){function t(){return l(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"render",value:function(){var e=this.props,t=e.changeRating,n=e.hoverOverStar,r=e.unHoverOverStar,a=e.svgIconViewBox,i=e.svgIconPath;return o.default.createElement("div",{className:"star-container",style:this.starContainerStyle,onMouseEnter:n,onMouseLeave:r,onClick:t},o.default.createElement("svg",{viewBox:a,className:this.starClasses,style:this.starSvgStyle},o.default.createElement("path",{className:"star",style:this.pathStyle,d:i})))}},{key:"starContainerStyle",get:function(){var e=this.props,t=e.changeRating,n=e.starSpacing,r=e.isFirstStar,o=e.isLastStar;return e.ignoreInlineStyles?{}:{position:"relative",display:"inline-block",verticalAlign:"middle",paddingLeft:r?void 0:n,paddingRight:o?void 0:n,cursor:t?"pointer":void 0}}},{key:"starSvgStyle",get:function(){var e=this.props,t=e.ignoreInlineStyles,n=e.isCurrentHoveredStar,r=e.starDimension;return t?{}:{width:r,height:r,transition:"transform .2s ease-in-out",transform:n?"scale(1.1)":void 0}}},{key:"pathStyle",get:function(){var e=this.props,t=e.isStarred,n=e.isPartiallyFullStar,r=e.isHovered,o=e.hoverMode,a=e.starEmptyColor,i=e.starRatedColor,s=e.starHoverColor,l=e.gradientPathName,u=e.fillId,f=void 0;return f=o?r?s:a:n?"url('"+l+"#"+u+"')":t?i:a,e.ignoreInlineStyles?{}:{fill:f,transition:"fill .2s ease-in-out"}}},{key:"starClasses",get:function(){var e=this.props,t=e.isSelected,n=e.isPartiallyFullStar,r=e.isHovered,o=e.isCurrentHoveredStar,i=e.ignoreInlineStyles,s=(0,a.default)({"widget-svg":!0,"widget-selected":t,"multi-widget-selected":n,hovered:r,"current-hovered":o});return i?{}:s}}]),t}(o.default.Component);f.propTypes={fillId:i.default.string.isRequired,changeRating:i.default.func,hoverOverStar:i.default.func,unHoverOverStar:i.default.func,isStarred:i.default.bool.isRequired,isPartiallyFullStar:i.default.bool.isRequired,isHovered:i.default.bool.isRequired,hoverMode:i.default.bool.isRequired,isCurrentHoveredStar:i.default.bool.isRequired,isFirstStar:i.default.bool.isRequired,isLastStar:i.default.bool.isRequired,starDimension:i.default.string.isRequired,starSpacing:i.default.string.isRequired,starHoverColor:i.default.string.isRequired,starRatedColor:i.default.string.isRequired,starEmptyColor:i.default.string.isRequired,gradientPathName:i.default.string.isRequired,ignoreInlineStyles:i.default.bool.isRequired,svgIconPath:i.default.string.isRequired,svgIconViewBox:i.default.string.isRequired},t.default=f},function(e,t,n){var r; /*! Copyright (c) 2017 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var a=typeof r;if("string"===a||"number"===a)e.push(r);else if(Array.isArray(r)&&r.length){var i=o.apply(null,r);i&&e.push(i)}else if("object"===a)for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()}]);