pushfeedback 0.1.36 → 0.1.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/feedback-button_2.cjs.entry.js +8238 -1
- package/dist/cjs/index-d64bfb06.js +1547 -1
- package/dist/cjs/index.cjs.js +2 -1
- package/dist/cjs/loader.cjs.js +22 -1
- package/dist/cjs/pushfeedback.cjs.js +23 -1
- package/dist/collection/components/feedback-button/feedback-button.js +620 -1
- package/dist/collection/components/feedback-modal/feedback-modal.js +814 -1
- package/dist/collection/index.js +1 -1
- package/dist/components/feedback-button.js +160 -1
- package/dist/components/feedback-modal.js +6 -1
- package/dist/components/feedback-modal2.js +8183 -1
- package/dist/components/index.js +3 -1
- package/dist/esm/feedback-button_2.entry.js +8233 -1
- package/dist/esm/index-b07fba3a.js +1519 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/loader.js +18 -1
- package/dist/esm/polyfills/core-js.js +11 -1
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/polyfills/dom.js +79 -1
- package/dist/esm/polyfills/es5-html-element.js +1 -1
- package/dist/esm/polyfills/index.js +34 -1
- package/dist/esm/polyfills/system.js +6 -1
- package/dist/esm/pushfeedback.js +18 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.js +1 -1
- package/dist/pushfeedback/p-a0681be3.js +2 -1
- package/dist/pushfeedback/p-ea59cbec.entry.js +22 -1
- package/dist/pushfeedback/pushfeedback.esm.js +1 -1
- package/package.json +5 -4
|
@@ -1 +1,814 @@
|
|
|
1
|
-
const _0x1376ee=_0x1f76;function _0x1f76(_0x5dec6d,_0x356bf9){const _0x13efbf=_0x13ef();return _0x1f76=function(_0x1f7635,_0x454981){_0x1f7635=_0x1f7635-0x72;let _0x8659b2=_0x13efbf[_0x1f7635];return _0x8659b2;},_0x1f76(_0x5dec6d,_0x356bf9);}(function(_0x323388,_0x2f111e){const _0x33458b=_0x1f76,_0xec606c=_0x323388();while(!![]){try{const _0x525f01=-parseInt(_0x33458b(0x1d5))/0x1*(-parseInt(_0x33458b(0xfe))/0x2)+-parseInt(_0x33458b(0x160))/0x3*(parseInt(_0x33458b(0x134))/0x4)+parseInt(_0x33458b(0xc1))/0x5+-parseInt(_0x33458b(0x1d0))/0x6*(parseInt(_0x33458b(0x19c))/0x7)+parseInt(_0x33458b(0x174))/0x8+parseInt(_0x33458b(0x9d))/0x9*(parseInt(_0x33458b(0x14e))/0xa)+-parseInt(_0x33458b(0x1b9))/0xb*(parseInt(_0x33458b(0xf7))/0xc);if(_0x525f01===_0x2f111e)break;else _0xec606c['push'](_0xec606c['shift']());}catch(_0x428ec7){_0xec606c['push'](_0xec606c['shift']());}}}(_0x13ef,0x2e9d6));function _0x13ef(){const _0x123747=['eqJvJ','single','21mXQciF','lGALe','tSHjz','href','show-modal','feedback-modal-element-hover','div','12\x202\x2015.09\x208.26\x2022\x209.27\x2017\x2014.14\x2018.18\x2021.02\x2012\x2017.77\x205.82\x2021.02\x207\x2014.14\x202\x209.27\x208.91\x208.26\x2012\x202','split','modalTitle','WVBcI','privacy-policy-text','zaEJC','The\x20request\x20URL\x20does\x20not\x20match\x20the\x20one\x20defined\x20in\x20PushFeedback\x20for\x20this\x20project.','SDVSd','removeChild','M680-80v-120H560v-80h120v-120h80v120h120v80H760v120h-80ZM200-200v-200h80v120h120v80H200Zm0-360v-200h200v80H280v120h-80Zm480\x200v-120H560v-80h200v200h-80Z','checkbox','handleCheckboxChange','screenshotModal','modal-title-error','HTGZy','getBoundingClientRect','POST','\x27Send\x27','scrollY','feedback-modal-footer','close','feedback-modal-button\x20feedback-modal-button--screenshot\x20','baMxP','handleRatingChange','HZuto','kGhUS','zEqHF','feedback-modal-message','gsgyM','\x27Add\x20a\x20screenshot\x27','http://www.w3.org/2000/svg','feedback-modal-text','fetchData','remove','hide-screenshot-button','error-message','button','handleMouseOverScreenShot','messagePlaceholder','9rPgUad','hide-privacy-policy','I\x20have\x20read\x20and\x20expressly\x20consent\x20to\x20the\x20terms\x20of\x20the\x20<a\x20href=\x27https://pushfeedback.com/privacy\x27>Privacy\x20Policy</a>.','transparent','showModal','CoimR','rQWFH','add','0\x200\x2024\x2024','AUZDf','boolean','irXON','HQQgG','CIRem','feedback-modal-screenshot-open','rating-placeholder','rating-stars-placeholder','DQVGZ','JqhsN','send-button-text','showScreenshotTopBar','feedback-logo','OChpn','\x27thumbs\x27','LgBzF','whitelabel','right-side','Oops!','application/json','show-screenshot-top-bar','error','center','bottomSide','yoLWI','ratingMode','modalPosition','1296885dEodQi','WjzXE','scrollTimeout','errorMessage','iIqfE','encapsulation','width','SbtmI','right','Add\x20a\x20screenshot','tQOXi','\x27Comments\x27','\x22The\x20request\x20URL\x20does\x20not\x20match\x20the\x20one\x20defined\x20in\x20PushFeedback\x20for\x20this\x20project.\x22','resetOverflow','feedback-modal-input-heading','feedback-modal-rating','onScrollDebounced','LXkVZ','rightSide','LPWyC','pLQtG','feedback-modal-rating-buttons\x20feedback-modal-rating-buttons--thumbs','handleEmailInput','lopGG','XwirN','feedback-modal-wrapper','left','Email\x20address\x20(optional)','documentElement','How\x20would\x20you\x20rate\x20this\x20page?','NBmYl','ubmIo','jjznm','formEmail','clientWidth','FrlzJ','fPois','iwBai','Comments','0\x20-960\x20960\x20960','feedback-modal-header','feedback-modal-screenshot-closing','jfHNF','#191919','hideScreenshotButton','qKeyx','3|2|1|5|4|0','yaCAv','innerWidth','nFDaG','gtjFx','rating-mode','ZWCsq','DIyqT','12UHWMNZ','feedback-modal-email','qFzBU','UMSsj','BLgVx','value','KYCDU','10068bIVEZp','JqIUS','IBJAe','errorMessage403','EiNJS','textarea','appendChild','NKJvB','formSuccess','MOXND','modalTitleError','aaOlN','\x27Select\x20an\x20element\x20on\x20this\x20page\x27','openScreenShot','oiYAh','Was\x20this\x20page\x20helpful?','AjKjP','nsOAH','ycOzb','feedback-modal-screenshot','thumbs','hPdzC','mMIrn','lSLsW','mTwdw','height','hideRating','M10\x2015v4a3\x203\x200\x200\x200\x203\x203l4-9V2H5.72a2\x202\x200\x200\x200-2\x201.7l-1.38\x209a2\x202\x200\x200\x200\x202\x202.3zm7-13h2.67A2.31\x202.31\x200\x200\x201\x2022\x204v7a2.31\x202.31\x200\x200\x201-2.33\x202H17','BDjTn','handleMouseClickedSelectedElement','MlMTq','UXYPd','oJsFB','formErrorStatus','has-selected-element','showScreenshotMode','DHUtb','pijGG','AYpKl','top','true','errorMessage404','classList','bottom','form','100%','selectedRating','styleUrls','handleSubmit','aRBYY','dLbzt','leftSide','fetchProjectData','left-side','796lkdrdt','feedback-modal-rating-content','Thanks\x20for\x20your\x20feedback!','feedback-modal-body','email','awdXg','feedback-modal-buttons\x20','screenshot-button-text','backgroundColor','round','WnTzz','fCOjg','handleMessageInput','ZSmmT','hideEmail','display','encodedScreenshot','\x22I\x20have\x20read\x20and\x20expressly\x20consent\x20to\x20the\x20terms\x20of\x20the\x20<a\x20href=\x27https://pushfeedback.com/privacy\x27>Privacy\x20Policy</a>.\x22','#5F6368','string','componentWillLoad','wOKEL','privacyPolicyText','eskdi','HhPTH','preventDefault','2428950rVtWaj','toDataURL','error-message-4-0-3','WMHgn','Vudcj','xpRAS','position','UJeUv','feedback-modal-privacy','modalTitleSuccess','TWwYD','email-address','https://app.pushfeedback.com/api/projects/','screenshotButtonText','svg','hidePrivacyPolicy','GBJPR','0px','1419SRCjQB','CLPgD','states','closeScreenShot','dlzse','feedback-modal-rating-buttons\x20feedback-modal-rating-buttons--stars','rnHyY','\x27How\x20would\x20you\x20rate\x20this\x20page?\x27','tASZJ','AcTGm','emailAddress','formMessage','body','oUrAS','rwqhv','isPrivacyChecked','feedback-modal-rating-button--selected','feedback-modal-screenshot-header','feedback-modal-screenshot-open--scroll','feedback-modal-content--open','2228880ktSUwG','QAQQD','message-placeholder','ratingStarsPlaceholder','M14\x209V5a3\x203\x200\x200\x200-3-3l-4\x209v11h11.28a2\x202\x200\x200\x200\x202-1.7l1.38-9a2\x202\x200\x200\x200-2-2.3zM7\x2022H4a2\x202\x200\x200\x201-2-2v-7a2\x202\x200\x200\x201\x202-2h3','100vh','WkvGd','atLjW','properties','Bqbrh','ZXYXx','feedback-modal-button\x20feedback-modal-button--submit','target','agVUe','BSoEa','successMessage','ratingPlaceholder','Please\x20try\x20again\x20later.','feather\x20feather-x','error-message-4-0-4','feedback-modal-content\x20feedback-modal-content--','\x27Share\x20your\x20feedback\x27','feedback-modal-rating-button\x20','sendButtonText','innerHeight','_blank','elementSelected','checked','feedback-overlay','skrif','uiYKc','\x27Thanks\x20for\x20your\x20feedback!\x27','jtLFC','status','show-screenshot-mode','yiEJd','dlGeF','feedback-modal-button--active','zfagh','map','14RkeSaF','UprIh','KbTli','SArGl','scrollX','bkAJY','bottom-side','LIQeU','dPRtz','Fnbfz','uyJuo','hasSelectedElement','topSide','privacyPolicy','path','modalContent','span','kUOMM','PushFeedback.com','emailPlaceholder','removeEventListener','tnSEb','scrollTo','kBWAX','captureScreenshot','MirsQ','sending','input','MyGSe','4866851jkKkwj','feedback-modal-element-selected','project','pCgqc','style','ieRmr','hide-email','poeRE','feedback-modal-close','RgEAg','none','screenshotTopbarText','screenshot-topbar-text','absolute','line','\x22Please\x20try\x20again\x20later.\x22','qUyKj','log','vdgRi','\x27Was\x20this\x20page\x20helpful?\x27','UBOlt','xlBwE','feedback-modal.css','477282DxJJGW','formError','KoFiZ'];_0x13ef=function(){return _0x123747;};return _0x13ef();}import{h}from'@stencil/core';import _0x2e58e3 from'html2canvas';export class FeedbackModal{constructor(){const _0x22adb1=_0x1f76,_0xb01930={'uiYKc':_0x22adb1(0xea),'uyJuo':function(_0x466dac,_0x48083c){return _0x466dac(_0x48083c);},'eskdi':function(_0x51efdb,_0x3514f3,_0x277aaa){return _0x51efdb(_0x3514f3,_0x277aaa);},'pijGG':function(_0x2fd31f,_0x36ae9f,_0x3a3d76){return _0x2fd31f(_0x36ae9f,_0x3a3d76);},'jtLFC':'https://app.pushfeedback.com/api/feedback/','lopGG':_0x22adb1(0xb9),'xUCNM':function(_0x58001c,_0x18577a){return _0x58001c===_0x18577a;},'HqiNl':function(_0x3bd9b3,_0xdaa3ab){return _0x3bd9b3>_0xdaa3ab;},'FFFOt':function(_0xb8e9fb,_0x4708f1){return _0xb8e9fb*_0x4708f1;},'jJowa':_0x22adb1(0xab),'qFzBU':_0x22adb1(0xef),'Bqbrh':_0x22adb1(0x1c3),'AYpKl':_0x22adb1(0x1c6),'gtjFx':_0x22adb1(0x74),'tnSEb':_0x22adb1(0x15f),'IOJLw':function(_0x22d885,_0x3097b7){return _0x22d885+_0x3097b7;},'FrlzJ':'rgba(0,\x200,\x200,\x200.4)','lSLsW':_0x22adb1(0x179),'AcTGm':function(_0x2db730,_0x216466){return _0x2db730+_0x216466;},'ubmIo':function(_0x37762d,_0x233d44){return _0x37762d+_0x233d44;},'CIRem':_0x22adb1(0x12b),'iCIuS':_0x22adb1(0x1ba),'MlMTq':function(_0x441cb7,_0x2fbd96){return _0x441cb7+_0x2fbd96;},'uGJum':'Screenshot\x20captured','tQOXi':_0x22adb1(0x7c),'KYCDU':'We\x20could\x20not\x20find\x20the\x20provided\x20project\x20ID\x20in\x20PushFeedback.','YbBzu':'Share\x20your\x20feedback','xlBwE':_0x22adb1(0x136),'OChpn':_0x22adb1(0xb8),'nsOAH':_0x22adb1(0xca),'zEqHF':_0x22adb1(0xe7),'xNvEh':_0x22adb1(0x10d),'HhPTH':_0x22adb1(0xde),'irXON':_0x22adb1(0x9f)};this['onScrollDebounced']=()=>{const _0x27c17f=_0x22adb1,_0x58048d={'zaEJC':_0xb01930[_0x27c17f(0x192)]};_0xb01930[_0x27c17f(0x1a6)](clearTimeout,this['scrollTimeout']),this[_0x27c17f(0xc3)]=_0xb01930[_0x27c17f(0x14b)](setTimeout,()=>{const _0x31bc8a=_0x27c17f;document[_0x31bc8a(0xdd)]['classList']['remove'](_0x58048d[_0x31bc8a(0x7b)]),document[_0x31bc8a(0xdd)]['style'][_0x31bc8a(0x125)]='',window[_0x31bc8a(0x1b0)]('scroll',this[_0x31bc8a(0xd1)]);},0xc8);},this[_0x22adb1(0x12e)]=async _0x5f159e=>{const _0xef71e7=_0x22adb1;_0x5f159e[_0xef71e7(0x14d)](),this['resetOverflow'](),this[_0xef71e7(0x121)]=![],this[_0xef71e7(0xb1)]=![],this['showModal']=![],this[_0xef71e7(0x1b6)]=!![];try{const _0x545072=await _0xb01930[_0xef71e7(0x123)](fetch,_0xb01930[_0xef71e7(0x194)],{'method':_0xef71e7(0x86),'body':JSON['stringify']({'url':window['location'][_0xef71e7(0x72)],'message':this[_0xef71e7(0x16b)],'email':this[_0xef71e7(0xe2)],'project':this['project'],'screenshot':this[_0xef71e7(0x144)],'rating':this['selectedRating'],'ratingMode':this[_0xef71e7(0xbf)]}),'headers':{'Content-Type':_0xb01930[_0xef71e7(0xd8)]}});_0xb01930['xUCNM'](_0x545072[_0xef71e7(0x195)],0xc9)?(this[_0xef71e7(0x106)]=!![],this['formError']=![]):(this['formSuccess']=![],this['formError']=!![],this['formErrorStatus']=_0x545072['status']);}catch(_0x37ba1c){console[_0xef71e7(0x1ca)](_0x37ba1c),this['formSuccess']=![],this[_0xef71e7(0x1d1)]=!![],this['formErrorStatus']=0x1f4;}finally{this[_0xef71e7(0x1b6)]=![],this[_0xef71e7(0xa1)]=!![];}},this[_0x22adb1(0x8a)]=()=>{const _0x2b27a5=_0x22adb1,_0xfe3db0='8|6|1|5|10|3|11|0|4|2|7|9'['split']('|');let _0xf06dbe=0x0;while(!![]){switch(_0xfe3db0[_0xf06dbe++]){case'0':this[_0x2b27a5(0x1d1)]=![];continue;case'1':this['showScreenshotMode']=![];continue;case'2':this['formMessage']='';continue;case'3':this[_0x2b27a5(0x144)]=null;continue;case'4':this[_0x2b27a5(0x11f)]=0x1f4;continue;case'5':this['showScreenshotTopBar']=![];continue;case'6':this[_0x2b27a5(0xa1)]=![];continue;case'7':this[_0x2b27a5(0xe2)]='';continue;case'8':this[_0x2b27a5(0x1b6)]=![];continue;case'9':this[_0x2b27a5(0xce)]();continue;case'10':this['hasSelectedElement']=![];continue;case'11':this['formSuccess']=![];continue;}break;}},this[_0x22adb1(0x10b)]=()=>{const _0x56422d=_0x22adb1;this[_0x56422d(0x1a7)]=![],this[_0x56422d(0xa1)]=![],this[_0x56422d(0x121)]=!![],this['showScreenshotTopBar']=!![],this[_0x56422d(0x144)]=null;_0xb01930['HqiNl'](window[_0x56422d(0xf1)],document[_0x56422d(0xdd)][_0x56422d(0xe3)])&&document[_0x56422d(0xdd)]['classList'][_0x56422d(0xa4)](_0x56422d(0x172));const _0x1a98e7=window[_0x56422d(0x88)];document[_0x56422d(0xdd)][_0x56422d(0x1bd)][_0x56422d(0x125)]='-'+_0x1a98e7+'px',window[_0x56422d(0x1b2)](0x0,_0xb01930['FFFOt'](_0xb01930['uyJuo'](parseInt,document[_0x56422d(0xdd)][_0x56422d(0x1bd)]['top']||'0'),-0x1)),document[_0x56422d(0xdd)]['classList'][_0x56422d(0xa4)](_0xb01930['jJowa']);},this[_0x22adb1(0x163)]=()=>{const _0x303aab=_0x22adb1,_0x51c439=_0xb01930[_0x303aab(0xf9)]['split']('|');let _0x1c4522=0x0;while(!![]){switch(_0x51c439[_0x1c4522++]){case'0':this[_0x303aab(0xce)]();continue;case'1':this[_0x303aab(0xb1)]=![];continue;case'2':this[_0x303aab(0x121)]=![];continue;case'3':this[_0x303aab(0xa1)]=![];continue;case'4':this[_0x303aab(0x144)]=null;continue;case'5':this[_0x303aab(0x1a7)]=![];continue;}break;}},this[_0x22adb1(0x9b)]=_0x47f137=>{const _0x429571=_0x22adb1;_0x47f137[_0x429571(0x14d)]();if(this[_0x429571(0x1a7)])return;const _0x134a8b=0x2;this[_0x429571(0x82)][_0x429571(0x1bd)][_0x429571(0x143)]=_0xb01930[_0x429571(0x17d)];const _0x1a462e=document['elementFromPoint'](_0x47f137['clientX'],_0x47f137['clientY']),_0x52ce3b=_0x1a462e[_0x429571(0x85)]();this['screenshotModal'][_0x429571(0x1bd)][_0x429571(0x143)]='',this[_0x429571(0x18e)][_0x429571(0x1bd)]['position']=_0xb01930[_0x429571(0x124)],this[_0x429571(0x18e)][_0x429571(0x1bd)]['left']=_0x52ce3b[_0x429571(0xdb)]+'px',this[_0x429571(0x18e)]['style'][_0x429571(0x125)]=_0x52ce3b[_0x429571(0x125)]+'px',this[_0x429571(0x18e)][_0x429571(0x1bd)]['width']=_0x52ce3b['width']+'px',this[_0x429571(0x18e)][_0x429571(0x1bd)]['height']=_0x52ce3b['height']+'px',this[_0x429571(0x18e)][_0x429571(0x128)][_0x429571(0xa4)](_0xb01930[_0x429571(0xf3)]),this[_0x429571(0x1a8)][_0x429571(0x1bd)][_0x429571(0x154)]=_0xb01930[_0x429571(0x124)],this[_0x429571(0x1a8)][_0x429571(0x1bd)][_0x429571(0xdb)]=_0x52ce3b[_0x429571(0xdb)]+'px',this[_0x429571(0x1a8)][_0x429571(0x1bd)]['top']=_0xb01930[_0x429571(0x1b1)],this[_0x429571(0x1a8)][_0x429571(0x1bd)][_0x429571(0xc7)]=_0xb01930['IOJLw'](_0x52ce3b[_0x429571(0xc7)],_0x134a8b)+'px',this[_0x429571(0x1a8)][_0x429571(0x1bd)][_0x429571(0x117)]=_0x52ce3b[_0x429571(0x125)]+'px',this[_0x429571(0x1a8)][_0x429571(0x1bd)]['backgroundColor']=_0xb01930[_0x429571(0xe4)],this[_0x429571(0x131)][_0x429571(0x1bd)][_0x429571(0x154)]=_0xb01930[_0x429571(0x124)],this[_0x429571(0x131)]['style'][_0x429571(0xdb)]=_0xb01930[_0x429571(0x1b1)],this['leftSide'][_0x429571(0x1bd)][_0x429571(0x125)]=_0x429571(0x15f),this[_0x429571(0x131)]['style'][_0x429571(0xc7)]=_0x52ce3b[_0x429571(0xdb)]+'px',this[_0x429571(0x131)][_0x429571(0x1bd)][_0x429571(0x117)]=_0xb01930['lSLsW'],this['leftSide'][_0x429571(0x1bd)]['backgroundColor']=_0xb01930['FrlzJ'],this[_0x429571(0xbd)][_0x429571(0x1bd)]['position']=_0xb01930['AYpKl'],this[_0x429571(0xbd)][_0x429571(0x1bd)][_0x429571(0xdb)]=_0x52ce3b[_0x429571(0xdb)]+'px',this[_0x429571(0xbd)][_0x429571(0x1bd)][_0x429571(0x125)]=_0xb01930[_0x429571(0x169)](_0x52ce3b[_0x429571(0x129)],_0x134a8b)+'px',this[_0x429571(0xbd)][_0x429571(0x1bd)]['width']=_0x52ce3b[_0x429571(0xc7)]+_0x134a8b+'px',this[_0x429571(0xbd)]['style'][_0x429571(0x117)]=_0xb01930[_0x429571(0x115)],this[_0x429571(0xbd)][_0x429571(0x1bd)][_0x429571(0x13c)]=_0xb01930[_0x429571(0xe4)],this[_0x429571(0xd3)]['style'][_0x429571(0x154)]=_0xb01930[_0x429571(0x124)],this[_0x429571(0xd3)]['style'][_0x429571(0xdb)]=_0xb01930[_0x429571(0xe0)](_0x52ce3b[_0x429571(0xc9)],_0x134a8b)+'px';;this['rightSide'][_0x429571(0x1bd)][_0x429571(0x125)]=_0x429571(0x15f),this[_0x429571(0xd3)]['style'][_0x429571(0xc7)]=_0xb01930[_0x429571(0xaa)],this[_0x429571(0xd3)]['style'][_0x429571(0x117)]=_0xb01930[_0x429571(0x115)],this['rightSide'][_0x429571(0x1bd)][_0x429571(0x13c)]=_0xb01930[_0x429571(0xe4)],this[_0x429571(0x82)][_0x429571(0x1bd)][_0x429571(0x13c)]=_0x429571(0xa0);},this[_0x22adb1(0x11b)]=async _0x529eeb=>{const _0x154781=_0x22adb1;_0x529eeb[_0x154781(0x14d)]();if(!this[_0x154781(0x18e)])return;this[_0x154781(0x1a7)]=!![],this[_0x154781(0x18e)][_0x154781(0x128)][_0x154781(0xa4)](_0xb01930['iCIuS']);const _0x2b1c7f=this[_0x154781(0x18e)][_0x154781(0x85)]()['top'],_0x4d1d79=_0xb01930[_0x154781(0x11c)](_0x2b1c7f,window[_0x154781(0x88)]);this['elementSelected'][_0x154781(0x1bd)]['top']=_0x4d1d79+'px';const _0x2ec1ba=this[_0x154781(0x18e)]['cloneNode'](!![]);document[_0x154781(0x16c)][_0x154781(0x104)](_0x2ec1ba),this['elementSelected'][_0x154781(0x1bd)][_0x154781(0x125)]=_0x2b1c7f+'px',this[_0x154781(0xb1)]=![],this[_0x154781(0xa1)]=![];try{const _0x36991e=await this[_0x154781(0x1b4)]();console[_0x154781(0x1ca)](_0xb01930['uGJum']),this['encodedScreenshot']=_0x36991e;}catch(_0x20da2b){console[_0x154781(0xbb)]('Failed\x20to\x20capture\x20screenshot:',_0x20da2b),this[_0x154781(0x1a7)]=![];}finally{document[_0x154781(0x16c)][_0x154781(0x7e)](_0x2ec1ba),this[_0x154781(0xa1)]=!![];}},this[_0x22adb1(0x1b6)]=![],this[_0x22adb1(0x16b)]='',this[_0x22adb1(0xe2)]='',this[_0x22adb1(0x106)]=![],this['formError']=![],this[_0x22adb1(0x11f)]=0x1f4,this[_0x22adb1(0x144)]=undefined,this[_0x22adb1(0x16f)]=![],this[_0x22adb1(0xb6)]=![],this[_0x22adb1(0x12c)]=0x0,this[_0x22adb1(0xc4)]=_0x22adb1(0x185),this[_0x22adb1(0x101)]=_0xb01930[_0x22adb1(0xcb)],this[_0x22adb1(0x127)]=_0xb01930[_0x22adb1(0xfd)],this[_0x22adb1(0x78)]=_0xb01930['YbBzu'],this[_0x22adb1(0x157)]=_0xb01930[_0x22adb1(0x1ce)],this[_0x22adb1(0x108)]=_0xb01930[_0x22adb1(0xb3)],this[_0x22adb1(0xc0)]=_0x22adb1(0xbc),this[_0x22adb1(0x18b)]='Send',this[_0x22adb1(0x183)]='',this['project']='',this[_0x22adb1(0x15b)]=_0xb01930[_0x22adb1(0x10f)],this[_0x22adb1(0x1c4)]='Select\x20an\x20element\x20on\x20this\x20page',this[_0x22adb1(0x142)]=![],this[_0x22adb1(0x16a)]='',this[_0x22adb1(0x1af)]=_0x22adb1(0xdc),this[_0x22adb1(0x9c)]=_0xb01930[_0x22adb1(0x90)],this[_0x22adb1(0x118)]=![],this[_0x22adb1(0xbf)]=_0x22adb1(0x112),this[_0x22adb1(0x184)]=_0xb01930['xNvEh'],this[_0x22adb1(0x177)]=_0xb01930[_0x22adb1(0x14c)],this[_0x22adb1(0xa1)]=![],this['showScreenshotMode']=![],this[_0x22adb1(0xb1)]=![],this[_0x22adb1(0x1a7)]=![],this[_0x22adb1(0xed)]=![],this[_0x22adb1(0x15d)]=!![],this[_0x22adb1(0x14a)]=_0xb01930[_0x22adb1(0xa8)],this[_0x22adb1(0x96)]=!![];}[_0x1376ee(0x148)](){const _0x167949=_0x1376ee;if(this[_0x167949(0x96)])this[_0x167949(0x132)]();this[_0x167949(0xe2)]=this[_0x167949(0x16a)];}async['fetchProjectData'](){const _0x448aa0=_0x1376ee,_0x1db22d={'UprIh':function(_0x258d22,_0x3e6408){return _0x258d22(_0x3e6408);},'UMSsj':function(_0x5796de,_0x4d1a7b){return _0x5796de+_0x4d1a7b;},'dlGeF':_0x448aa0(0x15a)};try{const _0x35349e=await _0x1db22d[_0x448aa0(0x19d)](fetch,_0x1db22d[_0x448aa0(0xfa)](_0x1db22d[_0x448aa0(0x198)],this[_0x448aa0(0x1bb)])+'/'),_0x4ca79b=await _0x35349e['json']();this['whitelabel']=_0x4ca79b['whitelabel'];}catch(_0x1e7f57){console[_0x448aa0(0x1ca)](_0x1e7f57);}}[_0x1376ee(0xce)](){const _0xfd7070=_0x1376ee,_0x51e5d5={'jmaDd':function(_0x491895,_0xb46905){return _0x491895(_0xb46905);},'rQWFH':_0xfd7070(0xea),'NBmYl':_0xfd7070(0x172),'dLbzt':_0xfd7070(0xab),'kBWAX':'scroll'},_0x55b227='3|2|1|0|4'[_0xfd7070(0x77)]('|');let _0x160e4d=0x0;while(!![]){switch(_0x55b227[_0x160e4d++]){case'0':window['scrollTo'](0x0,_0x51e5d5['jmaDd'](parseInt,document['documentElement'][_0xfd7070(0x1bd)]['top']||'0')*-0x1);continue;case'1':document['documentElement']['classList'][_0xfd7070(0xa4)](_0x51e5d5[_0xfd7070(0xa3)]);continue;case'2':document[_0xfd7070(0xdd)][_0xfd7070(0x128)][_0xfd7070(0x97)](_0x51e5d5[_0xfd7070(0xdf)]);continue;case'3':document['documentElement'][_0xfd7070(0x128)][_0xfd7070(0x97)](_0x51e5d5[_0xfd7070(0x130)]);continue;case'4':window['addEventListener'](_0x51e5d5[_0xfd7070(0x1b3)],this[_0xfd7070(0xd1)]);continue;}break;}}[_0x1376ee(0x140)](_0x1269de){const _0x446fa8=_0x1376ee;this[_0x446fa8(0x16b)]=_0x1269de[_0x446fa8(0x180)]['value'];}[_0x1376ee(0xd7)](_0x180873){const _0x50bc93=_0x1376ee;this[_0x50bc93(0xe2)]=_0x180873['target'][_0x50bc93(0xfc)];}[_0x1376ee(0x1b4)](){const _0x399cbd={'wUkWP':function(_0x1bcf53,_0x59a099,_0x3127a3){return _0x1bcf53(_0x59a099,_0x3127a3);},'SArGl':function(_0x4b0546,_0x3dc454){return _0x4b0546(_0x3dc454);}};return new Promise((_0xb73352,_0x2a4b9f)=>{const _0x5b0ba5={'BDjTn':function(_0xb08bd8,_0x566242){const _0x40d99f=_0x1f76;return _0x399cbd[_0x40d99f(0x19f)](_0xb08bd8,_0x566242);}};requestAnimationFrame(()=>{const _0x5eeed7=_0x1f76;_0x399cbd['wUkWP'](_0x2e58e3,document['body'],{'x':window[_0x5eeed7(0x1a0)],'y':window[_0x5eeed7(0x88)],'width':window['innerWidth'],'height':window[_0x5eeed7(0x18c)]})['then'](_0x1a998e=>{const _0x2c8149=_0x5eeed7,_0xfa90fe=_0x1a998e[_0x2c8149(0x14f)]();_0xb73352(_0xfa90fe);})['catch'](_0x4408db=>{const _0x3f5722=_0x5eeed7;console['error'](_0x4408db),_0x5b0ba5[_0x3f5722(0x11a)](_0x2a4b9f,_0x4408db);});});});}['handleCheckboxChange'](_0x18d2fe){const _0x38997b=_0x1376ee;this['isPrivacyChecked']=_0x18d2fe[_0x38997b(0x180)][_0x38997b(0x18f)];}[_0x1376ee(0x8d)](_0xebdeee){this['selectedRating']=_0xebdeee;}['render'](){const _0x190bd3=_0x1376ee,_0xe31e8a={'rEveI':function(_0x3c60f1,_0x5e9864,_0x585dba,_0x2f269f,_0x47a0f4,_0x48d818,_0x5a2994,_0x565aad,_0x10e944){return _0x3c60f1(_0x5e9864,_0x585dba,_0x2f269f,_0x47a0f4,_0x48d818,_0x5a2994,_0x565aad,_0x10e944);},'DQVGZ':_0x190bd3(0x75),'AjKjP':_0x190bd3(0x111),'pCgqc':function(_0x2b3d1d,_0x291269,_0x337816){return _0x2b3d1d(_0x291269,_0x337816);},'Fnbfz':'top-side','oNkDU':_0x190bd3(0x133),'SDVSd':function(_0x6f21f5,_0x9dbdc1,_0x426604){return _0x6f21f5(_0x9dbdc1,_0x426604);},'TWwYD':_0x190bd3(0x1a2),'klbyh':_0x190bd3(0x171),'dlzse':function(_0x4d5c9e,_0x293152,_0x575f84,_0x3dff4a){return _0x4d5c9e(_0x293152,_0x575f84,_0x3dff4a);},'yoLWI':_0x190bd3(0x1ac),'aRBYY':function(_0x2cfa0e,_0x1c834d,_0x2d088e,_0x562885,_0x39427e){return _0x2cfa0e(_0x1c834d,_0x2d088e,_0x562885,_0x39427e);},'WjzXE':_0x190bd3(0x15c),'ZWCsq':_0x190bd3(0x94),'XwirN':'0\x200\x2024\x2024','wOKEL':_0x190bd3(0xec),'atLjW':_0x190bd3(0x13d),'fPois':_0x190bd3(0x186),'ZXYXx':_0x190bd3(0x1c7),'UXYPd':function(_0x5cba02,_0x242cfb,_0x563891){return _0x5cba02(_0x242cfb,_0x563891);},'HTGZy':_0x190bd3(0x190),'qKeyx':function(_0x1c4be7,_0x39edb1,_0x2bb1fc,_0x4494e1,_0x5039f4,_0x506b60){return _0x1c4be7(_0x39edb1,_0x2bb1fc,_0x4494e1,_0x5039f4,_0x506b60);},'LIQeU':function(_0x4580f1,_0x3c1d86,_0x117f21,_0x480f5e){return _0x4580f1(_0x3c1d86,_0x117f21,_0x480f5e);},'mMIrn':function(_0x3dafe4,_0x4571a3,_0x52386d,_0x1cdbdb){return _0x3dafe4(_0x4571a3,_0x52386d,_0x1cdbdb);},'QAQQD':_0x190bd3(0x9a),'iwBai':_0x190bd3(0x1c3),'rwqhv':function(_0x4b6118,_0x2a9608,_0x28bed9){return _0x4b6118(_0x2a9608,_0x28bed9);},'bkAJY':_0x190bd3(0x137),'mVpJQ':_0x190bd3(0x12a),'JqhsN':function(_0x55d693,_0x10fe2b,_0x4f1a93,_0x5f47dd){return _0x55d693(_0x10fe2b,_0x4f1a93,_0x5f47dd);},'tASZJ':_0x190bd3(0x135),'WVBcI':_0x190bd3(0xcf),'LwReW':'Yes','mKUlt':function(_0x2dfbd7,_0x1795c9){return _0x2dfbd7===_0x1795c9;},'oiYAh':_0x190bd3(0x170),'rnHyY':function(_0x5cfc8a,_0x243a10,_0x58970c,_0x5a621e){return _0x5cfc8a(_0x243a10,_0x58970c,_0x5a621e);},'nFDaG':_0x190bd3(0x1aa),'skrif':_0x190bd3(0x178),'iIqfE':function(_0x431ab5,_0x2ccca8,_0x24a30f,_0x39a026){return _0x431ab5(_0x2ccca8,_0x24a30f,_0x39a026);},'rYLss':_0x190bd3(0x146),'oJsFB':_0x190bd3(0x119),'WnTzz':function(_0x5b9967,_0x15fbd0,_0xa79d9,_0x5b7126,_0x21126d){return _0x5b9967(_0x15fbd0,_0xa79d9,_0x5b7126,_0x21126d);},'vdgRi':_0x190bd3(0x165),'gsgyM':function(_0x15bfa0,_0x4fbd21,_0x75d935,_0x69230a){return _0x15bfa0(_0x4fbd21,_0x75d935,_0x69230a);},'JqIUS':_0x190bd3(0x95),'ZrDup':_0x190bd3(0x103),'HQQgG':_0x190bd3(0xf8),'KbTli':function(_0x37463d,_0xb676dd,_0xe12b85){return _0x37463d(_0xb676dd,_0xe12b85);},'MOXND':_0x190bd3(0x1b7),'SsUOV':_0x190bd3(0x138),'yiEJd':_0x190bd3(0x156),'jUlBz':_0x190bd3(0x80),'ieRmr':_0x190bd3(0x1a9),'WMHgn':function(_0xca113c,_0x5172f9,_0x909dd9){return _0xca113c(_0x5172f9,_0x909dd9);},'agVUe':function(_0x15ec5d,_0x250cbf,_0x2bd31e,_0x3dfe23,_0x58f1d7){return _0x15ec5d(_0x250cbf,_0x2bd31e,_0x3dfe23,_0x58f1d7);},'JxMRd':function(_0x4bfe34,_0x296e1f,_0xf74264,_0x531bdc,_0x54e50e){return _0x4bfe34(_0x296e1f,_0xf74264,_0x531bdc,_0x54e50e);},'kUOMM':_0x190bd3(0x199),'AUZDf':function(_0x588348,_0x1466d0,_0x171d8f){return _0x588348(_0x1466d0,_0x171d8f);},'SbtmI':_0x190bd3(0x17f),'qUyKj':'submit','KoFiZ':function(_0x5f3fd3,_0x3f6c26,_0x59bcba,_0x22b30){return _0x5f3fd3(_0x3f6c26,_0x59bcba,_0x22b30);},'mTwdw':'feedback-modal-message','CLPgD':function(_0x56e4ce,_0x26f7a0,_0x525809){return _0x56e4ce(_0x26f7a0,_0x525809);},'hPdzC':function(_0x4d1f73,_0x3594a8,_0x16450b,_0x4f9829){return _0x4d1f73(_0x3594a8,_0x16450b,_0x4f9829);},'lGALe':_0x190bd3(0x89),'TDgLL':function(_0x541cec,_0x1f76dd,_0x523a75,_0x4e8221,_0x3d1e6e){return _0x541cec(_0x1f76dd,_0x523a75,_0x4e8221,_0x3d1e6e);},'EiNJS':_0x190bd3(0xb2),'poeRE':'Powered\x20by\x20','KwEMN':function(_0xd53f37,_0x47d5cb,_0xfae661,_0x4dadb6){return _0xd53f37(_0x47d5cb,_0xfae661,_0x4dadb6);},'Vudcj':_0x190bd3(0x18d),'dPRtz':'https://pushfeedback.com','eqJvJ':_0x190bd3(0x1ae)};return h(_0x190bd3(0x75),{'class':_0x190bd3(0xda)},this[_0x190bd3(0x121)]&&_0xe31e8a['rEveI'](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a[_0x190bd3(0x10e)],'ref':_0x4492f0=>this[_0x190bd3(0x82)]=_0x4492f0,'onMouseMove':this[_0x190bd3(0x9b)]},h(_0xe31e8a['DQVGZ'],{'class':'feedback-modal-screenshot-element-selected','ref':_0x57e04a=>this[_0x190bd3(0x18e)]=_0x57e04a,'onClick':this[_0x190bd3(0x11b)]}),_0xe31e8a[_0x190bd3(0x1bc)](h,_0x190bd3(0x75),{'class':_0xe31e8a[_0x190bd3(0x1a5)],'ref':_0x437e61=>this['topSide']=_0x437e61}),h(_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a['oNkDU'],'ref':_0x36bda1=>this['leftSide']=_0x36bda1}),_0xe31e8a['SDVSd'](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a[_0x190bd3(0x158)],'ref':_0x39ef3f=>this['bottomSide']=_0x39ef3f}),h(_0x190bd3(0x75),{'class':_0x190bd3(0xb7),'ref':_0x152d98=>this[_0x190bd3(0xd3)]=_0x152d98}),this[_0x190bd3(0xb1)]&&h(_0x190bd3(0x75),{'class':_0xe31e8a['klbyh'],'onClick':this[_0x190bd3(0x163)]},_0xe31e8a[_0x190bd3(0x164)](h,_0xe31e8a[_0x190bd3(0xbe)],null,this['screenshotTopbarText']),_0xe31e8a[_0x190bd3(0x164)](h,_0xe31e8a['yoLWI'],{'class':'feedback-modal-screenshot-close'},_0xe31e8a[_0x190bd3(0x12f)](h,_0xe31e8a['WjzXE'],{'xmlns':_0xe31e8a[_0x190bd3(0xf5)],'width':'22','height':'22','viewBox':_0xe31e8a['XwirN'],'fill':'none','stroke':_0xe31e8a['wOKEL'],'stroke-width':'2','stroke-linecap':_0xe31e8a[_0x190bd3(0x17b)],'stroke-linejoin':_0xe31e8a['atLjW'],'class':_0xe31e8a[_0x190bd3(0xe5)]},h(_0xe31e8a[_0x190bd3(0x17e)],{'x1':'18','y1':'6','x2':'6','y2':'18'}),_0xe31e8a[_0x190bd3(0x1bc)](h,_0xe31e8a[_0x190bd3(0x17e)],{'x1':'6','y1':'6','x2':'18','y2':'18'}))))),this[_0x190bd3(0xa1)]&&_0xe31e8a[_0x190bd3(0x11d)](h,'div',{'class':_0xe31e8a[_0x190bd3(0x84)]}),this[_0x190bd3(0xa1)]&&_0xe31e8a[_0x190bd3(0xee)](h,_0xe31e8a['DQVGZ'],{'class':_0x190bd3(0x188)+this[_0x190bd3(0xc0)]+'\x20'+(this['showModal']?_0x190bd3(0x173):''),'ref':_0x42d4e2=>this[_0x190bd3(0x1ab)]=_0x42d4e2},_0xe31e8a[_0x190bd3(0x12f)](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0x190bd3(0xe9)},!this[_0x190bd3(0x106)]&&!this[_0x190bd3(0x1d1)]?_0xe31e8a[_0x190bd3(0x1a3)](h,_0xe31e8a[_0x190bd3(0xbe)],null,this[_0x190bd3(0x78)]):this[_0x190bd3(0x106)]?h(_0xe31e8a[_0x190bd3(0xbe)],null,this[_0x190bd3(0x157)]):_0xe31e8a[_0x190bd3(0x114)](h,_0xe31e8a[_0x190bd3(0xbe)],null,this[_0x190bd3(0x108)]),_0xe31e8a['mMIrn'](h,_0xe31e8a[_0x190bd3(0x175)],{'class':_0x190bd3(0x1c1),'onClick':this['close']},h(_0xe31e8a[_0x190bd3(0xc2)],{'xmlns':_0x190bd3(0x94),'width':'22','height':'22','viewBox':_0xe31e8a[_0x190bd3(0xd9)],'fill':_0xe31e8a['iwBai'],'stroke':_0xe31e8a[_0x190bd3(0x149)],'stroke-width':'2','stroke-linecap':_0xe31e8a[_0x190bd3(0x17b)],'stroke-linejoin':_0xe31e8a[_0x190bd3(0x17b)],'class':_0xe31e8a['fPois']},h(_0x190bd3(0x1c7),{'x1':'18','y1':'6','x2':'6','y2':'18'}),_0xe31e8a[_0x190bd3(0x16e)](h,_0xe31e8a[_0x190bd3(0x17e)],{'x1':'6','y1':'6','x2':'18','y2':'18'})))),_0xe31e8a[_0x190bd3(0x1a3)](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a[_0x190bd3(0x1a1)]},!this['formSuccess']&&!this['formError']?h(_0xe31e8a['mVpJQ'],{'onSubmit':this['handleSubmit']},!this['hideRating']&&_0xe31e8a['JqhsN'](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0x190bd3(0xd0)},this[_0x190bd3(0xbf)]===_0x190bd3(0x112)?_0xe31e8a[_0x190bd3(0x12f)](h,_0x190bd3(0x75),{'class':_0xe31e8a[_0x190bd3(0x168)]},h('span',{'class':_0xe31e8a[_0x190bd3(0x79)]},this[_0x190bd3(0x184)]),h(_0xe31e8a['DQVGZ'],{'class':_0x190bd3(0xd6)},_0xe31e8a[_0x190bd3(0x114)](h,_0xe31e8a[_0x190bd3(0x175)],{'title':_0xe31e8a['LwReW'],'class':_0x190bd3(0x18a)+(_0xe31e8a['mKUlt'](this[_0x190bd3(0x12c)],0x1)?_0xe31e8a[_0x190bd3(0x10c)]:''),'onClick':_0x1ed2e2=>{const _0x4635ac=_0x190bd3;_0x1ed2e2[_0x4635ac(0x14d)](),this['handleRatingChange'](0x1);}},_0xe31e8a[_0x190bd3(0x166)](h,_0xe31e8a[_0x190bd3(0xc2)],{'xmlns':_0x190bd3(0x94),'width':'24','height':'24','viewBox':_0x190bd3(0xa5),'fill':_0x190bd3(0x1c3),'stroke':_0x190bd3(0x146),'stroke-width':'2','stroke-linecap':_0xe31e8a[_0x190bd3(0x17b)],'stroke-linejoin':_0xe31e8a[_0x190bd3(0x17b)]},h(_0xe31e8a[_0x190bd3(0xf2)],{'d':_0xe31e8a[_0x190bd3(0x191)]}))),_0xe31e8a[_0x190bd3(0x1a3)](h,_0xe31e8a[_0x190bd3(0x175)],{'title':'No','class':'feedback-modal-rating-button\x20'+(_0xe31e8a['mKUlt'](this['selectedRating'],0x5)?_0xe31e8a['oiYAh']:''),'onClick':_0x34e026=>{const _0x410228=_0x190bd3;_0x34e026[_0x410228(0x14d)](),this['handleRatingChange'](0x5);}},_0xe31e8a[_0x190bd3(0xc5)](h,_0xe31e8a['WjzXE'],{'xmlns':_0xe31e8a['ZWCsq'],'width':'24','height':'24','viewBox':_0x190bd3(0xa5),'fill':_0xe31e8a[_0x190bd3(0xe6)],'stroke':_0xe31e8a['rYLss'],'stroke-width':'2','stroke-linecap':_0xe31e8a[_0x190bd3(0x17b)],'stroke-linejoin':_0xe31e8a['atLjW']},h(_0x190bd3(0x1aa),{'d':_0xe31e8a[_0x190bd3(0x11e)]}))))):_0xe31e8a[_0x190bd3(0x13e)](h,_0x190bd3(0x75),{'class':_0x190bd3(0x135)},_0xe31e8a[_0x190bd3(0x1a3)](h,_0xe31e8a['yoLWI'],{'class':'feedback-modal-input-heading'},this[_0x190bd3(0x177)]),h(_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a[_0x190bd3(0x1cb)]},[0x1,0x2,0x3,0x4,0x5][_0x190bd3(0x19b)](_0x5df72c=>h('button',{'key':_0x5df72c,'class':_0x190bd3(0x18a)+(this[_0x190bd3(0x12c)]>=_0x5df72c?_0x190bd3(0x170):''),'onClick':_0x17aebf=>{const _0x5b0b60=_0x190bd3;_0x17aebf[_0x5b0b60(0x14d)](),this[_0x5b0b60(0x8d)](_0x5df72c);}},h('svg',{'xmlns':_0x190bd3(0x94),'width':'28','height':'28','viewBox':'0\x200\x2024\x2024','fill':_0x190bd3(0x1c3),'stroke':_0x190bd3(0x146),'stroke-width':'2','stroke-linecap':_0x190bd3(0x13d),'stroke-linejoin':'round'},h('polygon',{'points':_0x190bd3(0x76)}))))))),_0xe31e8a[_0x190bd3(0x92)](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a[_0x190bd3(0xff)]},_0xe31e8a[_0x190bd3(0x16e)](h,_0xe31e8a['ZrDup'],{'placeholder':this['messagePlaceholder'],'value':this[_0x190bd3(0x16b)],'onInput':_0x16cb91=>this[_0x190bd3(0x140)](_0x16cb91)})),!this[_0x190bd3(0x142)]&&_0xe31e8a[_0x190bd3(0xaf)](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a[_0x190bd3(0xa9)]},_0xe31e8a[_0x190bd3(0x19e)](h,_0xe31e8a[_0x190bd3(0x107)],{'placeholder':this[_0x190bd3(0x1af)],'type':_0xe31e8a['SsUOV'],'onInput':_0x29217e=>this[_0x190bd3(0xd7)](_0x29217e),'value':this[_0x190bd3(0xe2)]})),!this['hidePrivacyPolicy']&&h(_0xe31e8a['DQVGZ'],{'class':_0xe31e8a[_0x190bd3(0x197)]},_0xe31e8a[_0x190bd3(0x7d)](h,_0xe31e8a[_0x190bd3(0x107)],{'type':_0xe31e8a['jUlBz'],'id':_0xe31e8a[_0x190bd3(0x1be)],'onChange':_0xe5c79d=>this[_0x190bd3(0x81)](_0xe5c79d),'required':!![]}),_0xe31e8a[_0x190bd3(0x151)](h,_0x190bd3(0x1ac),{'innerHTML':this[_0x190bd3(0x14a)]})),_0xe31e8a[_0x190bd3(0x181)](h,_0x190bd3(0x75),{'class':_0x190bd3(0x13a)+(this['hideScreenshotButton']?_0x190bd3(0x1d4):'')},!this[_0x190bd3(0xed)]&&_0xe31e8a['JxMRd'](h,_0xe31e8a[_0x190bd3(0x175)],{'type':_0xe31e8a['QAQQD'],'class':_0x190bd3(0x8b)+(this[_0x190bd3(0x144)]?_0xe31e8a[_0x190bd3(0x1ad)]:''),'onClick':this['openScreenShot'],'disabled':this[_0x190bd3(0x1b6)]},h(_0xe31e8a[_0x190bd3(0xc2)],{'xmlns':_0xe31e8a[_0x190bd3(0xf5)],'height':'24','viewBox':_0x190bd3(0xe8),'width':'24'},_0xe31e8a[_0x190bd3(0xa6)](h,_0xe31e8a['nFDaG'],{'d':_0x190bd3(0x7f)})),this['screenshotButtonText']),_0xe31e8a[_0x190bd3(0xc5)](h,_0xe31e8a['QAQQD'],{'class':_0xe31e8a[_0x190bd3(0xc8)],'type':_0xe31e8a[_0x190bd3(0x1c9)],'disabled':this['sending']},this['sendButtonText']))):this['formSuccess']&&!this[_0x190bd3(0x1d1)]?_0xe31e8a[_0x190bd3(0x1d2)](h,'p',{'class':_0xe31e8a[_0x190bd3(0x116)]},this[_0x190bd3(0x183)]):this[_0x190bd3(0x1d1)]&&this[_0x190bd3(0x11f)]==0x194?h('p',{'class':_0xe31e8a[_0x190bd3(0x116)]},this['errorMessage404']):this[_0x190bd3(0x1d1)]&&this[_0x190bd3(0x11f)]==0x193?_0xe31e8a[_0x190bd3(0xaf)](h,'p',{'class':_0x190bd3(0x91)},this[_0x190bd3(0x101)]):this[_0x190bd3(0x1d1)]?_0xe31e8a[_0x190bd3(0xc5)](h,'p',{'class':_0xe31e8a[_0x190bd3(0x116)]},this[_0x190bd3(0xc4)]):_0xe31e8a[_0x190bd3(0x161)](h,_0xe31e8a['yoLWI'],null)),_0xe31e8a[_0x190bd3(0x113)](h,_0x190bd3(0x75),{'class':_0xe31e8a[_0x190bd3(0x1d6)],'style':{'display':this[_0x190bd3(0xb6)]?'none':'block'}},_0xe31e8a['TDgLL'](h,_0xe31e8a[_0x190bd3(0xae)],{'class':_0xe31e8a[_0x190bd3(0x102)]},_0xe31e8a[_0x190bd3(0x1c0)],_0xe31e8a['KwEMN'](h,'a',{'target':_0xe31e8a[_0x190bd3(0x152)],'href':_0xe31e8a[_0x190bd3(0x1a4)]},_0xe31e8a[_0x190bd3(0x1d3)])))));}static get['is'](){const _0x10f6b8=_0x1376ee,_0x5f057b={'fCOjg':'feedback-modal'};return _0x5f057b[_0x10f6b8(0x13f)];}static get[_0x1376ee(0xc6)](){const _0x54c332={'eCIlp':'shadow'};return _0x54c332['eCIlp'];}static get['originalStyleUrls'](){const _0x514dc0=_0x1376ee,_0x33775b={'zfagh':_0x514dc0(0x1cf)};return{'$':[_0x33775b[_0x514dc0(0x19a)]]};}static get[_0x1376ee(0x12d)](){const _0x50a393=_0x1376ee,_0x9347a5={'KiIaw':_0x50a393(0x1cf)};return{'$':[_0x9347a5['KiIaw']]};}static get[_0x1376ee(0x17c)](){const _0x218d0e=_0x1376ee,_0x1e83cc={'yaCAv':_0x218d0e(0x147),'LgBzF':_0x218d0e(0x99),'aaOlN':_0x218d0e(0x1c8),'awdXg':'\x22We\x20could\x20not\x20find\x20the\x20provided\x20project\x20ID\x20in\x20PushFeedback.\x22','xpRAS':'modal-title','pALhD':'modal-title-success','GBJPR':_0x218d0e(0x193),'hIIYk':_0x218d0e(0x83),'AirIs':'\x22Oops!\x22','WkvGd':'modal-position','LXkVZ':'\x27center\x27','baJLK':_0x218d0e(0xb0),'pLQtG':_0x218d0e(0x87),'CoimR':'success-message','MyGSe':_0x218d0e(0x1bb),'jjznm':_0x218d0e(0x13b),'NKJvB':_0x218d0e(0x93),'PxavU':_0x218d0e(0x1c5),'MirsQ':_0x218d0e(0x10a),'oUrAS':'boolean','DIyqT':_0x218d0e(0x1bf),'HZuto':'false','RgEAg':_0x218d0e(0x159),'rcysH':'email-placeholder','BLgVx':'\x27Email\x20address\x20(optional)\x27','LPWyC':_0x218d0e(0x176),'ZSmmT':_0x218d0e(0xcc),'TKhhW':_0x218d0e(0xf4),'DHUtb':_0x218d0e(0xac),'baMxP':_0x218d0e(0x1cc),'ycOzb':_0x218d0e(0xad),'UJeUv':_0x218d0e(0x73),'IBJAe':_0x218d0e(0x196),'tSHjz':_0x218d0e(0x98),'BSoEa':_0x218d0e(0x9e),'kGhUS':_0x218d0e(0x126),'sWGYF':_0x218d0e(0x7a),'jfHNF':_0x218d0e(0x145),'UBOlt':'fetch-data'};return{'errorMessage':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x218d0e(0x147),'resolved':_0x218d0e(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0xb5)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x109)]},'errorMessage403':{'type':_0x1e83cc['yaCAv'],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x1e83cc['yaCAv'],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x218d0e(0x150),'reflect':![],'defaultValue':_0x218d0e(0xcd)},'errorMessage404':{'type':_0x1e83cc['yaCAv'],'mutable':![],'complexType':{'original':_0x218d0e(0x147),'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x218d0e(0x187),'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x139)]},'modalTitle':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x153)],'reflect':![],'defaultValue':_0x218d0e(0x189)},'modalTitleSuccess':{'type':_0x218d0e(0x147),'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x218d0e(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc['pALhD'],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x15e)]},'modalTitleError':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc['hIIYk'],'reflect':![],'defaultValue':_0x1e83cc['AirIs']},'modalPosition':{'type':_0x218d0e(0x147),'mutable':![],'complexType':{'original':_0x218d0e(0x147),'resolved':_0x218d0e(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x17a)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0xd2)]},'sendButtonText':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc['yaCAv'],'resolved':_0x218d0e(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc['baJLK'],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0xd5)]},'successMessage':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0xa2)],'reflect':![],'defaultValue':'\x22\x22'},'project':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x1b8)],'reflect':![],'defaultValue':'\x27\x27'},'screenshotButtonText':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x218d0e(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0xe1)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x105)]},'screenshotTopbarText':{'type':_0x218d0e(0x147),'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc['PxavU'],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x1b5)]},'hideEmail':{'type':_0x218d0e(0xa7),'mutable':![],'complexType':{'original':_0x1e83cc['oUrAS'],'resolved':_0x1e83cc[_0x218d0e(0x16d)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0xf6)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x8e)]},'emailAddress':{'type':_0x218d0e(0x147),'mutable':![],'complexType':{'original':_0x1e83cc['yaCAv'],'resolved':_0x218d0e(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x1c2)],'reflect':![],'defaultValue':'\x27\x27'},'emailPlaceholder':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc['yaCAv'],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc['rcysH'],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0xfb)]},'messagePlaceholder':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0xd4)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x141)]},'hideRating':{'type':_0x218d0e(0xa7),'mutable':![],'complexType':{'original':'boolean','resolved':_0x1e83cc[_0x218d0e(0x16d)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':'hide-rating','reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x8e)]},'ratingMode':{'type':_0x1e83cc['yaCAv'],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0xf0)],'resolved':_0x218d0e(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc['TKhhW'],'reflect':![],'defaultValue':_0x218d0e(0xb4)},'ratingPlaceholder':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc['yaCAv'],'resolved':'string','references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x122)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x8c)]},'ratingStarsPlaceholder':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc['yaCAv'],'resolved':_0x1e83cc['yaCAv'],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x110)],'reflect':![],'defaultValue':_0x218d0e(0x167)},'showModal':{'type':_0x1e83cc[_0x218d0e(0x16d)],'mutable':!![],'complexType':{'original':_0x218d0e(0xa7),'resolved':_0x1e83cc[_0x218d0e(0x16d)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x155)],'reflect':!![],'defaultValue':_0x1e83cc[_0x218d0e(0x8e)]},'showScreenshotMode':{'type':_0x1e83cc[_0x218d0e(0x16d)],'mutable':!![],'complexType':{'original':_0x1e83cc[_0x218d0e(0x16d)],'resolved':_0x1e83cc[_0x218d0e(0x16d)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x100)],'reflect':!![],'defaultValue':_0x1e83cc['HZuto']},'showScreenshotTopBar':{'type':_0x1e83cc[_0x218d0e(0x16d)],'mutable':!![],'complexType':{'original':_0x1e83cc[_0x218d0e(0x16d)],'resolved':_0x1e83cc[_0x218d0e(0x16d)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x218d0e(0xba),'reflect':!![],'defaultValue':_0x1e83cc[_0x218d0e(0x8e)]},'hasSelectedElement':{'type':_0x1e83cc[_0x218d0e(0x16d)],'mutable':!![],'complexType':{'original':_0x1e83cc[_0x218d0e(0x16d)],'resolved':_0x1e83cc[_0x218d0e(0x16d)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x218d0e(0x120),'reflect':!![],'defaultValue':_0x1e83cc[_0x218d0e(0x8e)]},'hideScreenshotButton':{'type':_0x218d0e(0xa7),'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0x16d)],'resolved':_0x1e83cc['oUrAS'],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x1d7)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x8e)]},'hidePrivacyPolicy':{'type':_0x1e83cc['oUrAS'],'mutable':![],'complexType':{'original':_0x218d0e(0xa7),'resolved':_0x1e83cc[_0x218d0e(0x16d)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x182)],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0x8f)]},'privacyPolicyText':{'type':_0x1e83cc[_0x218d0e(0xf0)],'mutable':![],'complexType':{'original':_0x1e83cc['yaCAv'],'resolved':_0x1e83cc[_0x218d0e(0xf0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc['sWGYF'],'reflect':![],'defaultValue':_0x1e83cc[_0x218d0e(0xeb)]},'fetchData':{'type':_0x1e83cc[_0x218d0e(0x16d)],'mutable':![],'complexType':{'original':_0x1e83cc[_0x218d0e(0x16d)],'resolved':_0x1e83cc['oUrAS'],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x1e83cc[_0x218d0e(0x1cd)],'reflect':![],'defaultValue':_0x1e83cc['kGhUS']}};}static get[_0x1376ee(0x162)](){return{'sending':{},'formMessage':{},'formEmail':{},'formSuccess':{},'formError':{},'formErrorStatus':{},'encodedScreenshot':{},'isPrivacyChecked':{},'whitelabel':{},'selectedRating':{}};}}
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import html2canvas from 'html2canvas';
|
|
3
|
+
export class FeedbackModal {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.onScrollDebounced = () => {
|
|
6
|
+
clearTimeout(this.scrollTimeout);
|
|
7
|
+
this.scrollTimeout = setTimeout(() => {
|
|
8
|
+
document.documentElement.classList.remove('feedback-modal-screenshot-closing');
|
|
9
|
+
document.documentElement.style.top = "";
|
|
10
|
+
window.removeEventListener('scroll', this.onScrollDebounced);
|
|
11
|
+
}, 200);
|
|
12
|
+
};
|
|
13
|
+
this.handleSubmit = async (event) => {
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
this.resetOverflow();
|
|
16
|
+
this.showScreenshotMode = false;
|
|
17
|
+
this.showScreenshotTopBar = false;
|
|
18
|
+
this.showModal = false;
|
|
19
|
+
this.sending = true;
|
|
20
|
+
try {
|
|
21
|
+
const res = await fetch('https://app.pushfeedback.com/api/feedback/', {
|
|
22
|
+
method: 'POST',
|
|
23
|
+
body: JSON.stringify({
|
|
24
|
+
url: window.location.href,
|
|
25
|
+
message: this.formMessage,
|
|
26
|
+
email: this.formEmail,
|
|
27
|
+
project: this.project,
|
|
28
|
+
screenshot: this.encodedScreenshot,
|
|
29
|
+
rating: this.selectedRating,
|
|
30
|
+
ratingMode: this.ratingMode,
|
|
31
|
+
}),
|
|
32
|
+
headers: {
|
|
33
|
+
'Content-Type': 'application/json'
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
if (res.status === 201) {
|
|
37
|
+
this.formSuccess = true;
|
|
38
|
+
this.formError = false;
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
this.formSuccess = false;
|
|
42
|
+
this.formError = true;
|
|
43
|
+
this.formErrorStatus = res.status;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
catch (error) {
|
|
47
|
+
console.log(error);
|
|
48
|
+
this.formSuccess = false;
|
|
49
|
+
this.formError = true;
|
|
50
|
+
this.formErrorStatus = 500;
|
|
51
|
+
}
|
|
52
|
+
finally {
|
|
53
|
+
this.sending = false;
|
|
54
|
+
this.showModal = true;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
this.close = () => {
|
|
58
|
+
this.sending = false;
|
|
59
|
+
this.showModal = false;
|
|
60
|
+
this.showScreenshotMode = false;
|
|
61
|
+
this.showScreenshotTopBar = false;
|
|
62
|
+
this.hasSelectedElement = false;
|
|
63
|
+
this.encodedScreenshot = null;
|
|
64
|
+
this.formSuccess = false;
|
|
65
|
+
this.formError = false;
|
|
66
|
+
this.formErrorStatus = 500;
|
|
67
|
+
this.formMessage = '';
|
|
68
|
+
this.formEmail = '';
|
|
69
|
+
this.resetOverflow();
|
|
70
|
+
};
|
|
71
|
+
this.openScreenShot = () => {
|
|
72
|
+
this.hasSelectedElement = false;
|
|
73
|
+
this.showModal = false;
|
|
74
|
+
this.showScreenshotMode = true;
|
|
75
|
+
this.showScreenshotTopBar = true;
|
|
76
|
+
this.encodedScreenshot = null;
|
|
77
|
+
if (window.innerWidth > document.documentElement.clientWidth) {
|
|
78
|
+
document.documentElement.classList.add('feedback-modal-screenshot-open--scroll');
|
|
79
|
+
}
|
|
80
|
+
const scrollY = window.scrollY;
|
|
81
|
+
document.documentElement.style.top = `-${scrollY}px`;
|
|
82
|
+
window.scrollTo(0, parseInt(document.documentElement.style.top || '0') * -1);
|
|
83
|
+
document.documentElement.classList.add('feedback-modal-screenshot-open');
|
|
84
|
+
};
|
|
85
|
+
this.closeScreenShot = () => {
|
|
86
|
+
this.showModal = false;
|
|
87
|
+
this.showScreenshotMode = false;
|
|
88
|
+
this.showScreenshotTopBar = false;
|
|
89
|
+
this.hasSelectedElement = false;
|
|
90
|
+
this.encodedScreenshot = null;
|
|
91
|
+
this.resetOverflow();
|
|
92
|
+
};
|
|
93
|
+
this.handleMouseOverScreenShot = (event) => {
|
|
94
|
+
event.preventDefault();
|
|
95
|
+
if (this.hasSelectedElement)
|
|
96
|
+
return;
|
|
97
|
+
const borderOffset = 2;
|
|
98
|
+
this.screenshotModal.style.display = 'none';
|
|
99
|
+
const elementUnder = document.elementFromPoint(event.clientX, event.clientY);
|
|
100
|
+
const rect = elementUnder.getBoundingClientRect();
|
|
101
|
+
this.screenshotModal.style.display = '';
|
|
102
|
+
// Get the bounding box of the element selected
|
|
103
|
+
this.elementSelected.style.position = "absolute";
|
|
104
|
+
this.elementSelected.style.left = `${rect.left}px`;
|
|
105
|
+
this.elementSelected.style.top = `${rect.top}px`;
|
|
106
|
+
this.elementSelected.style.width = `${rect.width}px`;
|
|
107
|
+
this.elementSelected.style.height = `${rect.height}px`;
|
|
108
|
+
this.elementSelected.classList.add('feedback-modal-element-hover');
|
|
109
|
+
// Set the background color of nonselected areas
|
|
110
|
+
// Top
|
|
111
|
+
this.topSide.style.position = "absolute";
|
|
112
|
+
this.topSide.style.left = `${rect.left}px`;
|
|
113
|
+
this.topSide.style.top = '0px';
|
|
114
|
+
this.topSide.style.width = `${rect.width + borderOffset}px`;
|
|
115
|
+
this.topSide.style.height = `${rect.top}px`;
|
|
116
|
+
this.topSide.style.backgroundColor = "rgba(0, 0, 0, 0.4)";
|
|
117
|
+
// Left
|
|
118
|
+
this.leftSide.style.position = "absolute";
|
|
119
|
+
this.leftSide.style.left = '0px';
|
|
120
|
+
this.leftSide.style.top = '0px';
|
|
121
|
+
this.leftSide.style.width = `${rect.left}px`;
|
|
122
|
+
this.leftSide.style.height = '100vh';
|
|
123
|
+
this.leftSide.style.backgroundColor = "rgba(0, 0, 0, 0.4)";
|
|
124
|
+
// Bottom
|
|
125
|
+
this.bottomSide.style.position = "absolute";
|
|
126
|
+
this.bottomSide.style.left = `${rect.left}px`;
|
|
127
|
+
this.bottomSide.style.top = `${rect.bottom + borderOffset}px`;
|
|
128
|
+
this.bottomSide.style.width = `${rect.width + borderOffset}px`;
|
|
129
|
+
this.bottomSide.style.height = '100vh';
|
|
130
|
+
this.bottomSide.style.backgroundColor = "rgba(0, 0, 0, 0.4)";
|
|
131
|
+
// Right
|
|
132
|
+
this.rightSide.style.position = "absolute";
|
|
133
|
+
this.rightSide.style.left = `${rect.right + borderOffset}px`;
|
|
134
|
+
;
|
|
135
|
+
this.rightSide.style.top = '0px';
|
|
136
|
+
this.rightSide.style.width = '100%';
|
|
137
|
+
this.rightSide.style.height = '100vh';
|
|
138
|
+
this.rightSide.style.backgroundColor = "rgba(0, 0, 0, 0.4)";
|
|
139
|
+
// Restore the visibility of the screenshot-modal
|
|
140
|
+
this.screenshotModal.style.backgroundColor = 'transparent';
|
|
141
|
+
};
|
|
142
|
+
this.handleMouseClickedSelectedElement = async (event) => {
|
|
143
|
+
event.preventDefault();
|
|
144
|
+
if (!this.elementSelected) {
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
this.hasSelectedElement = true;
|
|
148
|
+
this.elementSelected.classList.add('feedback-modal-element-selected');
|
|
149
|
+
// Get the top position including the scroll offset
|
|
150
|
+
const rectTop = this.elementSelected.getBoundingClientRect().top;
|
|
151
|
+
const topWithScroll = rectTop + window.scrollY;
|
|
152
|
+
// Move the element with the scroll offset
|
|
153
|
+
this.elementSelected.style.top = `${topWithScroll}px`;
|
|
154
|
+
// Clone the selected element and append it to the body
|
|
155
|
+
const clonedElementSelected = this.elementSelected.cloneNode(true);
|
|
156
|
+
document.body.appendChild(clonedElementSelected);
|
|
157
|
+
// Reset the top position of the original element
|
|
158
|
+
this.elementSelected.style.top = `${rectTop}px`;
|
|
159
|
+
this.showScreenshotTopBar = false;
|
|
160
|
+
this.showModal = false;
|
|
161
|
+
try {
|
|
162
|
+
const dataUrl = await this.captureScreenshot();
|
|
163
|
+
console.log('Screenshot captured');
|
|
164
|
+
this.encodedScreenshot = dataUrl;
|
|
165
|
+
}
|
|
166
|
+
catch (error) {
|
|
167
|
+
console.error('Failed to capture screenshot:', error);
|
|
168
|
+
this.hasSelectedElement = false;
|
|
169
|
+
}
|
|
170
|
+
finally {
|
|
171
|
+
// Remove the cloned element and show the modal again
|
|
172
|
+
document.body.removeChild(clonedElementSelected);
|
|
173
|
+
this.showModal = true;
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
this.sending = false;
|
|
177
|
+
this.formMessage = '';
|
|
178
|
+
this.formEmail = '';
|
|
179
|
+
this.formSuccess = false;
|
|
180
|
+
this.formError = false;
|
|
181
|
+
this.formErrorStatus = 500;
|
|
182
|
+
this.encodedScreenshot = undefined;
|
|
183
|
+
this.isPrivacyChecked = false;
|
|
184
|
+
this.whitelabel = false;
|
|
185
|
+
this.selectedRating = 0;
|
|
186
|
+
this.errorMessage = "Please try again later.";
|
|
187
|
+
this.errorMessage403 = "The request URL does not match the one defined in PushFeedback for this project.";
|
|
188
|
+
this.errorMessage404 = "We could not find the provided project ID in PushFeedback.";
|
|
189
|
+
this.modalTitle = 'Share your feedback';
|
|
190
|
+
this.modalTitleSuccess = 'Thanks for your feedback!';
|
|
191
|
+
this.modalTitleError = "Oops!";
|
|
192
|
+
this.modalPosition = 'center';
|
|
193
|
+
this.sendButtonText = 'Send';
|
|
194
|
+
this.successMessage = "";
|
|
195
|
+
this.project = '';
|
|
196
|
+
this.screenshotButtonText = 'Add a screenshot';
|
|
197
|
+
this.screenshotTopbarText = 'Select an element on this page';
|
|
198
|
+
this.hideEmail = false;
|
|
199
|
+
this.emailAddress = '';
|
|
200
|
+
this.emailPlaceholder = 'Email address (optional)';
|
|
201
|
+
this.messagePlaceholder = 'Comments';
|
|
202
|
+
this.hideRating = false;
|
|
203
|
+
this.ratingMode = 'thumbs';
|
|
204
|
+
this.ratingPlaceholder = 'Was this page helpful?';
|
|
205
|
+
this.ratingStarsPlaceholder = 'How would you rate this page?';
|
|
206
|
+
this.showModal = false;
|
|
207
|
+
this.showScreenshotMode = false;
|
|
208
|
+
this.showScreenshotTopBar = false;
|
|
209
|
+
this.hasSelectedElement = false;
|
|
210
|
+
this.hideScreenshotButton = false;
|
|
211
|
+
this.hidePrivacyPolicy = true;
|
|
212
|
+
this.privacyPolicyText = "I have read and expressly consent to the terms of the <a href='https://pushfeedback.com/privacy'>Privacy Policy</a>.";
|
|
213
|
+
this.fetchData = true;
|
|
214
|
+
}
|
|
215
|
+
componentWillLoad() {
|
|
216
|
+
if (this.fetchData)
|
|
217
|
+
this.fetchProjectData();
|
|
218
|
+
this.formEmail = this.emailAddress;
|
|
219
|
+
}
|
|
220
|
+
async fetchProjectData() {
|
|
221
|
+
try {
|
|
222
|
+
const response = await fetch('https://app.pushfeedback.com/api/projects/' + this.project + '/');
|
|
223
|
+
const data = await response.json();
|
|
224
|
+
this.whitelabel = data.whitelabel;
|
|
225
|
+
}
|
|
226
|
+
catch (error) {
|
|
227
|
+
console.log(error);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
resetOverflow() {
|
|
231
|
+
document.documentElement.classList.remove('feedback-modal-screenshot-open');
|
|
232
|
+
document.documentElement.classList.remove('feedback-modal-screenshot-open--scroll');
|
|
233
|
+
document.documentElement.classList.add('feedback-modal-screenshot-closing');
|
|
234
|
+
window.scrollTo(0, parseInt(document.documentElement.style.top || '0') * -1);
|
|
235
|
+
window.addEventListener('scroll', this.onScrollDebounced);
|
|
236
|
+
}
|
|
237
|
+
handleMessageInput(event) {
|
|
238
|
+
this.formMessage = event.target.value;
|
|
239
|
+
}
|
|
240
|
+
handleEmailInput(event) {
|
|
241
|
+
this.formEmail = event.target.value;
|
|
242
|
+
}
|
|
243
|
+
captureScreenshot() {
|
|
244
|
+
return new Promise((resolve, reject) => {
|
|
245
|
+
requestAnimationFrame(() => {
|
|
246
|
+
html2canvas(document.body, {
|
|
247
|
+
x: window.scrollX,
|
|
248
|
+
y: window.scrollY,
|
|
249
|
+
width: window.innerWidth,
|
|
250
|
+
height: window.innerHeight,
|
|
251
|
+
}).then(canvas => {
|
|
252
|
+
const dataUrl = canvas.toDataURL();
|
|
253
|
+
resolve(dataUrl);
|
|
254
|
+
})
|
|
255
|
+
.catch(error => {
|
|
256
|
+
console.error(error);
|
|
257
|
+
reject(error);
|
|
258
|
+
});
|
|
259
|
+
});
|
|
260
|
+
});
|
|
261
|
+
}
|
|
262
|
+
handleCheckboxChange(event) {
|
|
263
|
+
this.isPrivacyChecked = event.target.checked;
|
|
264
|
+
}
|
|
265
|
+
handleRatingChange(newRating) {
|
|
266
|
+
this.selectedRating = newRating;
|
|
267
|
+
}
|
|
268
|
+
render() {
|
|
269
|
+
return (h("div", { class: 'feedback-modal-wrapper' }, this.showScreenshotMode && (h("div", { class: "feedback-modal-screenshot", ref: el => (this.screenshotModal = el), onMouseMove: this.handleMouseOverScreenShot }, h("div", { class: "feedback-modal-screenshot-element-selected", ref: el => (this.elementSelected = el), onClick: this.handleMouseClickedSelectedElement }), h("div", { class: "top-side", ref: el => (this.topSide = el) }), h("div", { class: "left-side", ref: el => (this.leftSide = el) }), h("div", { class: "bottom-side", ref: el => (this.bottomSide = el) }), h("div", { class: "right-side", ref: el => (this.rightSide = el) }), this.showScreenshotTopBar && (h("div", { class: "feedback-modal-screenshot-header", onClick: this.closeScreenShot }, h("span", null, this.screenshotTopbarText), h("span", { class: "feedback-modal-screenshot-close" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))))))), this.showModal && (h("div", { class: "feedback-overlay" })), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition} ${this.showModal ? 'feedback-modal-content--open' : ''}`, ref: el => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", null, this.modalTitleSuccess)) : h("span", null, this.modalTitleError), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, !this.hideRating && (h("div", { class: "feedback-modal-rating" }, this.ratingMode === 'thumbs' ? (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--thumbs" }, h("button", { title: "Yes", class: `feedback-modal-rating-button ${this.selectedRating === 1 ? 'feedback-modal-rating-button--selected' : ''}`, onClick: (event) => {
|
|
270
|
+
event.preventDefault();
|
|
271
|
+
this.handleRatingChange(1);
|
|
272
|
+
} }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#5F6368", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }))), h("button", { title: "No", class: `feedback-modal-rating-button ${this.selectedRating === 5 ? 'feedback-modal-rating-button--selected' : ''}`, onClick: (event) => {
|
|
273
|
+
event.preventDefault();
|
|
274
|
+
this.handleRatingChange(5);
|
|
275
|
+
} }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#5F6368", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" })))))) : (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingStarsPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--stars" }, [1, 2, 3, 4, 5].map((rating) => (h("button", { key: rating, class: `feedback-modal-rating-button ${this.selectedRating >= rating ? 'feedback-modal-rating-button--selected' : ''}`, onClick: (event) => {
|
|
276
|
+
event.preventDefault();
|
|
277
|
+
this.handleRatingChange(rating);
|
|
278
|
+
} }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "#5F6368", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })))))))))), h("div", { class: "feedback-modal-text" }, h("textarea", { placeholder: this.messagePlaceholder, value: this.formMessage, onInput: (event) => this.handleMessageInput(event) })), !this.hideEmail && (h("div", { class: "feedback-modal-email" }, h("input", { placeholder: this.emailPlaceholder, type: "email", onInput: (event) => this.handleEmailInput(event), value: this.formEmail }))), !this.hidePrivacyPolicy && (h("div", { class: "feedback-modal-privacy" }, h("input", { type: "checkbox", id: "privacyPolicy", onChange: (ev) => this.handleCheckboxChange(ev), required: true }), h("span", { innerHTML: this.privacyPolicyText }))), h("div", { class: `feedback-modal-buttons ${this.hideScreenshotButton ? 'single' : ''}` }, !this.hideScreenshotButton && (h("button", { type: "button", class: `feedback-modal-button feedback-modal-button--screenshot ${this.encodedScreenshot ? "feedback-modal-button--active" : ""}`, onClick: this.openScreenShot, disabled: this.sending }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 -960 960 960", width: "24" }, h("path", { d: "M680-80v-120H560v-80h120v-120h80v120h120v80H760v120h-80ZM200-200v-200h80v120h120v80H200Zm0-360v-200h200v80H280v120h-80Zm480 0v-120H560v-80h200v200h-80Z" })), this.screenshotButtonText)), h("button", { class: "feedback-modal-button feedback-modal-button--submit", type: "submit", disabled: this.sending }, this.sendButtonText)))) : this.formSuccess && !this.formError ? (h("p", { class: "feedback-modal-message" }, this.successMessage)) : this.formError && this.formErrorStatus == 404 ? (h("p", { class: "feedback-modal-message" }, this.errorMessage404)) : this.formError && this.formErrorStatus == 403 ? (h("p", { class: "feedback-modal-message" }, this.errorMessage403)) : this.formError ? (h("p", { class: "feedback-modal-message" }, this.errorMessage)) : h("span", null)), h("div", { class: "feedback-modal-footer", style: { display: this.whitelabel ? 'none' : 'block' } }, h("div", { class: "feedback-logo" }, "Powered by ", h("a", { target: "_blank", href: "https://pushfeedback.com" }, "PushFeedback.com")))))));
|
|
279
|
+
}
|
|
280
|
+
static get is() { return "feedback-modal"; }
|
|
281
|
+
static get encapsulation() { return "shadow"; }
|
|
282
|
+
static get originalStyleUrls() {
|
|
283
|
+
return {
|
|
284
|
+
"$": ["feedback-modal.css"]
|
|
285
|
+
};
|
|
286
|
+
}
|
|
287
|
+
static get styleUrls() {
|
|
288
|
+
return {
|
|
289
|
+
"$": ["feedback-modal.css"]
|
|
290
|
+
};
|
|
291
|
+
}
|
|
292
|
+
static get properties() {
|
|
293
|
+
return {
|
|
294
|
+
"errorMessage": {
|
|
295
|
+
"type": "string",
|
|
296
|
+
"mutable": false,
|
|
297
|
+
"complexType": {
|
|
298
|
+
"original": "string",
|
|
299
|
+
"resolved": "string",
|
|
300
|
+
"references": {}
|
|
301
|
+
},
|
|
302
|
+
"required": false,
|
|
303
|
+
"optional": false,
|
|
304
|
+
"docs": {
|
|
305
|
+
"tags": [],
|
|
306
|
+
"text": ""
|
|
307
|
+
},
|
|
308
|
+
"attribute": "error-message",
|
|
309
|
+
"reflect": false,
|
|
310
|
+
"defaultValue": "\"Please try again later.\""
|
|
311
|
+
},
|
|
312
|
+
"errorMessage403": {
|
|
313
|
+
"type": "string",
|
|
314
|
+
"mutable": false,
|
|
315
|
+
"complexType": {
|
|
316
|
+
"original": "string",
|
|
317
|
+
"resolved": "string",
|
|
318
|
+
"references": {}
|
|
319
|
+
},
|
|
320
|
+
"required": false,
|
|
321
|
+
"optional": false,
|
|
322
|
+
"docs": {
|
|
323
|
+
"tags": [],
|
|
324
|
+
"text": ""
|
|
325
|
+
},
|
|
326
|
+
"attribute": "error-message-4-0-3",
|
|
327
|
+
"reflect": false,
|
|
328
|
+
"defaultValue": "\"The request URL does not match the one defined in PushFeedback for this project.\""
|
|
329
|
+
},
|
|
330
|
+
"errorMessage404": {
|
|
331
|
+
"type": "string",
|
|
332
|
+
"mutable": false,
|
|
333
|
+
"complexType": {
|
|
334
|
+
"original": "string",
|
|
335
|
+
"resolved": "string",
|
|
336
|
+
"references": {}
|
|
337
|
+
},
|
|
338
|
+
"required": false,
|
|
339
|
+
"optional": false,
|
|
340
|
+
"docs": {
|
|
341
|
+
"tags": [],
|
|
342
|
+
"text": ""
|
|
343
|
+
},
|
|
344
|
+
"attribute": "error-message-4-0-4",
|
|
345
|
+
"reflect": false,
|
|
346
|
+
"defaultValue": "\"We could not find the provided project ID in PushFeedback.\""
|
|
347
|
+
},
|
|
348
|
+
"modalTitle": {
|
|
349
|
+
"type": "string",
|
|
350
|
+
"mutable": false,
|
|
351
|
+
"complexType": {
|
|
352
|
+
"original": "string",
|
|
353
|
+
"resolved": "string",
|
|
354
|
+
"references": {}
|
|
355
|
+
},
|
|
356
|
+
"required": false,
|
|
357
|
+
"optional": false,
|
|
358
|
+
"docs": {
|
|
359
|
+
"tags": [],
|
|
360
|
+
"text": ""
|
|
361
|
+
},
|
|
362
|
+
"attribute": "modal-title",
|
|
363
|
+
"reflect": false,
|
|
364
|
+
"defaultValue": "'Share your feedback'"
|
|
365
|
+
},
|
|
366
|
+
"modalTitleSuccess": {
|
|
367
|
+
"type": "string",
|
|
368
|
+
"mutable": false,
|
|
369
|
+
"complexType": {
|
|
370
|
+
"original": "string",
|
|
371
|
+
"resolved": "string",
|
|
372
|
+
"references": {}
|
|
373
|
+
},
|
|
374
|
+
"required": false,
|
|
375
|
+
"optional": false,
|
|
376
|
+
"docs": {
|
|
377
|
+
"tags": [],
|
|
378
|
+
"text": ""
|
|
379
|
+
},
|
|
380
|
+
"attribute": "modal-title-success",
|
|
381
|
+
"reflect": false,
|
|
382
|
+
"defaultValue": "'Thanks for your feedback!'"
|
|
383
|
+
},
|
|
384
|
+
"modalTitleError": {
|
|
385
|
+
"type": "string",
|
|
386
|
+
"mutable": false,
|
|
387
|
+
"complexType": {
|
|
388
|
+
"original": "string",
|
|
389
|
+
"resolved": "string",
|
|
390
|
+
"references": {}
|
|
391
|
+
},
|
|
392
|
+
"required": false,
|
|
393
|
+
"optional": false,
|
|
394
|
+
"docs": {
|
|
395
|
+
"tags": [],
|
|
396
|
+
"text": ""
|
|
397
|
+
},
|
|
398
|
+
"attribute": "modal-title-error",
|
|
399
|
+
"reflect": false,
|
|
400
|
+
"defaultValue": "\"Oops!\""
|
|
401
|
+
},
|
|
402
|
+
"modalPosition": {
|
|
403
|
+
"type": "string",
|
|
404
|
+
"mutable": false,
|
|
405
|
+
"complexType": {
|
|
406
|
+
"original": "string",
|
|
407
|
+
"resolved": "string",
|
|
408
|
+
"references": {}
|
|
409
|
+
},
|
|
410
|
+
"required": false,
|
|
411
|
+
"optional": false,
|
|
412
|
+
"docs": {
|
|
413
|
+
"tags": [],
|
|
414
|
+
"text": ""
|
|
415
|
+
},
|
|
416
|
+
"attribute": "modal-position",
|
|
417
|
+
"reflect": false,
|
|
418
|
+
"defaultValue": "'center'"
|
|
419
|
+
},
|
|
420
|
+
"sendButtonText": {
|
|
421
|
+
"type": "string",
|
|
422
|
+
"mutable": false,
|
|
423
|
+
"complexType": {
|
|
424
|
+
"original": "string",
|
|
425
|
+
"resolved": "string",
|
|
426
|
+
"references": {}
|
|
427
|
+
},
|
|
428
|
+
"required": false,
|
|
429
|
+
"optional": false,
|
|
430
|
+
"docs": {
|
|
431
|
+
"tags": [],
|
|
432
|
+
"text": ""
|
|
433
|
+
},
|
|
434
|
+
"attribute": "send-button-text",
|
|
435
|
+
"reflect": false,
|
|
436
|
+
"defaultValue": "'Send'"
|
|
437
|
+
},
|
|
438
|
+
"successMessage": {
|
|
439
|
+
"type": "string",
|
|
440
|
+
"mutable": false,
|
|
441
|
+
"complexType": {
|
|
442
|
+
"original": "string",
|
|
443
|
+
"resolved": "string",
|
|
444
|
+
"references": {}
|
|
445
|
+
},
|
|
446
|
+
"required": false,
|
|
447
|
+
"optional": false,
|
|
448
|
+
"docs": {
|
|
449
|
+
"tags": [],
|
|
450
|
+
"text": ""
|
|
451
|
+
},
|
|
452
|
+
"attribute": "success-message",
|
|
453
|
+
"reflect": false,
|
|
454
|
+
"defaultValue": "\"\""
|
|
455
|
+
},
|
|
456
|
+
"project": {
|
|
457
|
+
"type": "string",
|
|
458
|
+
"mutable": false,
|
|
459
|
+
"complexType": {
|
|
460
|
+
"original": "string",
|
|
461
|
+
"resolved": "string",
|
|
462
|
+
"references": {}
|
|
463
|
+
},
|
|
464
|
+
"required": false,
|
|
465
|
+
"optional": false,
|
|
466
|
+
"docs": {
|
|
467
|
+
"tags": [],
|
|
468
|
+
"text": ""
|
|
469
|
+
},
|
|
470
|
+
"attribute": "project",
|
|
471
|
+
"reflect": false,
|
|
472
|
+
"defaultValue": "''"
|
|
473
|
+
},
|
|
474
|
+
"screenshotButtonText": {
|
|
475
|
+
"type": "string",
|
|
476
|
+
"mutable": false,
|
|
477
|
+
"complexType": {
|
|
478
|
+
"original": "string",
|
|
479
|
+
"resolved": "string",
|
|
480
|
+
"references": {}
|
|
481
|
+
},
|
|
482
|
+
"required": false,
|
|
483
|
+
"optional": false,
|
|
484
|
+
"docs": {
|
|
485
|
+
"tags": [],
|
|
486
|
+
"text": ""
|
|
487
|
+
},
|
|
488
|
+
"attribute": "screenshot-button-text",
|
|
489
|
+
"reflect": false,
|
|
490
|
+
"defaultValue": "'Add a screenshot'"
|
|
491
|
+
},
|
|
492
|
+
"screenshotTopbarText": {
|
|
493
|
+
"type": "string",
|
|
494
|
+
"mutable": false,
|
|
495
|
+
"complexType": {
|
|
496
|
+
"original": "string",
|
|
497
|
+
"resolved": "string",
|
|
498
|
+
"references": {}
|
|
499
|
+
},
|
|
500
|
+
"required": false,
|
|
501
|
+
"optional": false,
|
|
502
|
+
"docs": {
|
|
503
|
+
"tags": [],
|
|
504
|
+
"text": ""
|
|
505
|
+
},
|
|
506
|
+
"attribute": "screenshot-topbar-text",
|
|
507
|
+
"reflect": false,
|
|
508
|
+
"defaultValue": "'Select an element on this page'"
|
|
509
|
+
},
|
|
510
|
+
"hideEmail": {
|
|
511
|
+
"type": "boolean",
|
|
512
|
+
"mutable": false,
|
|
513
|
+
"complexType": {
|
|
514
|
+
"original": "boolean",
|
|
515
|
+
"resolved": "boolean",
|
|
516
|
+
"references": {}
|
|
517
|
+
},
|
|
518
|
+
"required": false,
|
|
519
|
+
"optional": false,
|
|
520
|
+
"docs": {
|
|
521
|
+
"tags": [],
|
|
522
|
+
"text": ""
|
|
523
|
+
},
|
|
524
|
+
"attribute": "hide-email",
|
|
525
|
+
"reflect": false,
|
|
526
|
+
"defaultValue": "false"
|
|
527
|
+
},
|
|
528
|
+
"emailAddress": {
|
|
529
|
+
"type": "string",
|
|
530
|
+
"mutable": false,
|
|
531
|
+
"complexType": {
|
|
532
|
+
"original": "string",
|
|
533
|
+
"resolved": "string",
|
|
534
|
+
"references": {}
|
|
535
|
+
},
|
|
536
|
+
"required": false,
|
|
537
|
+
"optional": false,
|
|
538
|
+
"docs": {
|
|
539
|
+
"tags": [],
|
|
540
|
+
"text": ""
|
|
541
|
+
},
|
|
542
|
+
"attribute": "email-address",
|
|
543
|
+
"reflect": false,
|
|
544
|
+
"defaultValue": "''"
|
|
545
|
+
},
|
|
546
|
+
"emailPlaceholder": {
|
|
547
|
+
"type": "string",
|
|
548
|
+
"mutable": false,
|
|
549
|
+
"complexType": {
|
|
550
|
+
"original": "string",
|
|
551
|
+
"resolved": "string",
|
|
552
|
+
"references": {}
|
|
553
|
+
},
|
|
554
|
+
"required": false,
|
|
555
|
+
"optional": false,
|
|
556
|
+
"docs": {
|
|
557
|
+
"tags": [],
|
|
558
|
+
"text": ""
|
|
559
|
+
},
|
|
560
|
+
"attribute": "email-placeholder",
|
|
561
|
+
"reflect": false,
|
|
562
|
+
"defaultValue": "'Email address (optional)'"
|
|
563
|
+
},
|
|
564
|
+
"messagePlaceholder": {
|
|
565
|
+
"type": "string",
|
|
566
|
+
"mutable": false,
|
|
567
|
+
"complexType": {
|
|
568
|
+
"original": "string",
|
|
569
|
+
"resolved": "string",
|
|
570
|
+
"references": {}
|
|
571
|
+
},
|
|
572
|
+
"required": false,
|
|
573
|
+
"optional": false,
|
|
574
|
+
"docs": {
|
|
575
|
+
"tags": [],
|
|
576
|
+
"text": ""
|
|
577
|
+
},
|
|
578
|
+
"attribute": "message-placeholder",
|
|
579
|
+
"reflect": false,
|
|
580
|
+
"defaultValue": "'Comments'"
|
|
581
|
+
},
|
|
582
|
+
"hideRating": {
|
|
583
|
+
"type": "boolean",
|
|
584
|
+
"mutable": false,
|
|
585
|
+
"complexType": {
|
|
586
|
+
"original": "boolean",
|
|
587
|
+
"resolved": "boolean",
|
|
588
|
+
"references": {}
|
|
589
|
+
},
|
|
590
|
+
"required": false,
|
|
591
|
+
"optional": false,
|
|
592
|
+
"docs": {
|
|
593
|
+
"tags": [],
|
|
594
|
+
"text": ""
|
|
595
|
+
},
|
|
596
|
+
"attribute": "hide-rating",
|
|
597
|
+
"reflect": false,
|
|
598
|
+
"defaultValue": "false"
|
|
599
|
+
},
|
|
600
|
+
"ratingMode": {
|
|
601
|
+
"type": "string",
|
|
602
|
+
"mutable": false,
|
|
603
|
+
"complexType": {
|
|
604
|
+
"original": "string",
|
|
605
|
+
"resolved": "string",
|
|
606
|
+
"references": {}
|
|
607
|
+
},
|
|
608
|
+
"required": false,
|
|
609
|
+
"optional": false,
|
|
610
|
+
"docs": {
|
|
611
|
+
"tags": [],
|
|
612
|
+
"text": ""
|
|
613
|
+
},
|
|
614
|
+
"attribute": "rating-mode",
|
|
615
|
+
"reflect": false,
|
|
616
|
+
"defaultValue": "'thumbs'"
|
|
617
|
+
},
|
|
618
|
+
"ratingPlaceholder": {
|
|
619
|
+
"type": "string",
|
|
620
|
+
"mutable": false,
|
|
621
|
+
"complexType": {
|
|
622
|
+
"original": "string",
|
|
623
|
+
"resolved": "string",
|
|
624
|
+
"references": {}
|
|
625
|
+
},
|
|
626
|
+
"required": false,
|
|
627
|
+
"optional": false,
|
|
628
|
+
"docs": {
|
|
629
|
+
"tags": [],
|
|
630
|
+
"text": ""
|
|
631
|
+
},
|
|
632
|
+
"attribute": "rating-placeholder",
|
|
633
|
+
"reflect": false,
|
|
634
|
+
"defaultValue": "'Was this page helpful?'"
|
|
635
|
+
},
|
|
636
|
+
"ratingStarsPlaceholder": {
|
|
637
|
+
"type": "string",
|
|
638
|
+
"mutable": false,
|
|
639
|
+
"complexType": {
|
|
640
|
+
"original": "string",
|
|
641
|
+
"resolved": "string",
|
|
642
|
+
"references": {}
|
|
643
|
+
},
|
|
644
|
+
"required": false,
|
|
645
|
+
"optional": false,
|
|
646
|
+
"docs": {
|
|
647
|
+
"tags": [],
|
|
648
|
+
"text": ""
|
|
649
|
+
},
|
|
650
|
+
"attribute": "rating-stars-placeholder",
|
|
651
|
+
"reflect": false,
|
|
652
|
+
"defaultValue": "'How would you rate this page?'"
|
|
653
|
+
},
|
|
654
|
+
"showModal": {
|
|
655
|
+
"type": "boolean",
|
|
656
|
+
"mutable": true,
|
|
657
|
+
"complexType": {
|
|
658
|
+
"original": "boolean",
|
|
659
|
+
"resolved": "boolean",
|
|
660
|
+
"references": {}
|
|
661
|
+
},
|
|
662
|
+
"required": false,
|
|
663
|
+
"optional": false,
|
|
664
|
+
"docs": {
|
|
665
|
+
"tags": [],
|
|
666
|
+
"text": ""
|
|
667
|
+
},
|
|
668
|
+
"attribute": "show-modal",
|
|
669
|
+
"reflect": true,
|
|
670
|
+
"defaultValue": "false"
|
|
671
|
+
},
|
|
672
|
+
"showScreenshotMode": {
|
|
673
|
+
"type": "boolean",
|
|
674
|
+
"mutable": true,
|
|
675
|
+
"complexType": {
|
|
676
|
+
"original": "boolean",
|
|
677
|
+
"resolved": "boolean",
|
|
678
|
+
"references": {}
|
|
679
|
+
},
|
|
680
|
+
"required": false,
|
|
681
|
+
"optional": false,
|
|
682
|
+
"docs": {
|
|
683
|
+
"tags": [],
|
|
684
|
+
"text": ""
|
|
685
|
+
},
|
|
686
|
+
"attribute": "show-screenshot-mode",
|
|
687
|
+
"reflect": true,
|
|
688
|
+
"defaultValue": "false"
|
|
689
|
+
},
|
|
690
|
+
"showScreenshotTopBar": {
|
|
691
|
+
"type": "boolean",
|
|
692
|
+
"mutable": true,
|
|
693
|
+
"complexType": {
|
|
694
|
+
"original": "boolean",
|
|
695
|
+
"resolved": "boolean",
|
|
696
|
+
"references": {}
|
|
697
|
+
},
|
|
698
|
+
"required": false,
|
|
699
|
+
"optional": false,
|
|
700
|
+
"docs": {
|
|
701
|
+
"tags": [],
|
|
702
|
+
"text": ""
|
|
703
|
+
},
|
|
704
|
+
"attribute": "show-screenshot-top-bar",
|
|
705
|
+
"reflect": true,
|
|
706
|
+
"defaultValue": "false"
|
|
707
|
+
},
|
|
708
|
+
"hasSelectedElement": {
|
|
709
|
+
"type": "boolean",
|
|
710
|
+
"mutable": true,
|
|
711
|
+
"complexType": {
|
|
712
|
+
"original": "boolean",
|
|
713
|
+
"resolved": "boolean",
|
|
714
|
+
"references": {}
|
|
715
|
+
},
|
|
716
|
+
"required": false,
|
|
717
|
+
"optional": false,
|
|
718
|
+
"docs": {
|
|
719
|
+
"tags": [],
|
|
720
|
+
"text": ""
|
|
721
|
+
},
|
|
722
|
+
"attribute": "has-selected-element",
|
|
723
|
+
"reflect": true,
|
|
724
|
+
"defaultValue": "false"
|
|
725
|
+
},
|
|
726
|
+
"hideScreenshotButton": {
|
|
727
|
+
"type": "boolean",
|
|
728
|
+
"mutable": false,
|
|
729
|
+
"complexType": {
|
|
730
|
+
"original": "boolean",
|
|
731
|
+
"resolved": "boolean",
|
|
732
|
+
"references": {}
|
|
733
|
+
},
|
|
734
|
+
"required": false,
|
|
735
|
+
"optional": false,
|
|
736
|
+
"docs": {
|
|
737
|
+
"tags": [],
|
|
738
|
+
"text": ""
|
|
739
|
+
},
|
|
740
|
+
"attribute": "hide-screenshot-button",
|
|
741
|
+
"reflect": false,
|
|
742
|
+
"defaultValue": "false"
|
|
743
|
+
},
|
|
744
|
+
"hidePrivacyPolicy": {
|
|
745
|
+
"type": "boolean",
|
|
746
|
+
"mutable": false,
|
|
747
|
+
"complexType": {
|
|
748
|
+
"original": "boolean",
|
|
749
|
+
"resolved": "boolean",
|
|
750
|
+
"references": {}
|
|
751
|
+
},
|
|
752
|
+
"required": false,
|
|
753
|
+
"optional": false,
|
|
754
|
+
"docs": {
|
|
755
|
+
"tags": [],
|
|
756
|
+
"text": ""
|
|
757
|
+
},
|
|
758
|
+
"attribute": "hide-privacy-policy",
|
|
759
|
+
"reflect": false,
|
|
760
|
+
"defaultValue": "true"
|
|
761
|
+
},
|
|
762
|
+
"privacyPolicyText": {
|
|
763
|
+
"type": "string",
|
|
764
|
+
"mutable": false,
|
|
765
|
+
"complexType": {
|
|
766
|
+
"original": "string",
|
|
767
|
+
"resolved": "string",
|
|
768
|
+
"references": {}
|
|
769
|
+
},
|
|
770
|
+
"required": false,
|
|
771
|
+
"optional": false,
|
|
772
|
+
"docs": {
|
|
773
|
+
"tags": [],
|
|
774
|
+
"text": ""
|
|
775
|
+
},
|
|
776
|
+
"attribute": "privacy-policy-text",
|
|
777
|
+
"reflect": false,
|
|
778
|
+
"defaultValue": "\"I have read and expressly consent to the terms of the <a href='https://pushfeedback.com/privacy'>Privacy Policy</a>.\""
|
|
779
|
+
},
|
|
780
|
+
"fetchData": {
|
|
781
|
+
"type": "boolean",
|
|
782
|
+
"mutable": false,
|
|
783
|
+
"complexType": {
|
|
784
|
+
"original": "boolean",
|
|
785
|
+
"resolved": "boolean",
|
|
786
|
+
"references": {}
|
|
787
|
+
},
|
|
788
|
+
"required": false,
|
|
789
|
+
"optional": false,
|
|
790
|
+
"docs": {
|
|
791
|
+
"tags": [],
|
|
792
|
+
"text": ""
|
|
793
|
+
},
|
|
794
|
+
"attribute": "fetch-data",
|
|
795
|
+
"reflect": false,
|
|
796
|
+
"defaultValue": "true"
|
|
797
|
+
}
|
|
798
|
+
};
|
|
799
|
+
}
|
|
800
|
+
static get states() {
|
|
801
|
+
return {
|
|
802
|
+
"sending": {},
|
|
803
|
+
"formMessage": {},
|
|
804
|
+
"formEmail": {},
|
|
805
|
+
"formSuccess": {},
|
|
806
|
+
"formError": {},
|
|
807
|
+
"formErrorStatus": {},
|
|
808
|
+
"encodedScreenshot": {},
|
|
809
|
+
"isPrivacyChecked": {},
|
|
810
|
+
"whitelabel": {},
|
|
811
|
+
"selectedRating": {}
|
|
812
|
+
};
|
|
813
|
+
}
|
|
814
|
+
}
|