@snippyly/plugin-staging 1.0.92 → 1.0.94
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/package.json +1 -1
- package/snippyly.js +210 -210
package/package.json
CHANGED
package/snippyly.js
CHANGED
|
@@ -1220,7 +1220,212 @@ class ps extends ri{}ps.Encryptor=class extends ps{processBlock(t,e){const i=t,n
|
|
|
1220
1220
|
.user-invite-tool-container {
|
|
1221
1221
|
margin-right: 4px;
|
|
1222
1222
|
}
|
|
1223
|
-
`;var _s=function(t,e,i,n){for(var s,o=arguments.length,r=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(o<3?s(r):o>3?s(e,i,r):s(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};let Bs=class extends Y{constructor(){var i,n,s,o,r;super(),this._loadPlugin=!1,this.comments=[],this.addCommentMode=!1,this._expanded=!0,this.loading=!1,this.showOnboardingModal=!0,this.staging=true,this.copyLinkTooltip="Copy Link",this.invalidApiKey=!1,this.isUserGlobalContact=!1,this.exitReviewModeCalled=!1,this.addWindowClickEventListener=()=>{try{this.windowClickEventListener||(this.windowClickEventListener=()=>{this.menuOpenedId&&(this.menuOpenedId=void 0)},window.addEventListener("click",this.windowClickEventListener))}catch(t){console.warn("Error in addWindowClickEventListener: ",t),De("Error in addWindowClickEventListener: ",t)}},this.removeWindowClickEventListener=()=>{try{window.removeEventListener("click",this.windowClickEventListener),this.windowClickEventListener=void 0}catch(t){console.warn("Error in removeWindowClickEventListener: ",t),De("Error in removeWindowClickEventListener: ",t)}},this.setWindowEventListner=()=>{try{window.addEventListener("locationchange",(()=>{this.checkUrl()}))}catch(t){console.warn("Error in setWindowEventListner: ",t),De("Error in setWindowEventListner: ",t)}},this.urlChangeListener=()=>{try{const t=history.pushState;history.pushState=function(){const e=t.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),e};const e=history.replaceState;history.replaceState=function(){const t=e.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),t},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))}))}catch(t){console.warn("Error in urlChangeListener: ",t),De("Error in urlChangeListener: ",t)}},this.checkUrl=()=>{try{const t=new URL(document.location),e=t.searchParams;if((null==e?void 0:e.has("sprojectInstall"))&&!bs("sprojectInstall")?this.showOnboardingModal=!0:this.showOnboardingModal=!1,e.has("st")||e.has("snippyly_google_token")){if(e.has("st")){const t=decodeURIComponent(e.get("st")),i=Fs(t,ut,ft),n=i&&JSON.parse(i);if(n){const t={};t.userId=n.uid,t.name=n.displayName,t.email=n.email,t.photoUrl=null==n?void 0:n.photoURL;const e=JSON.stringify(t),i=ks(e,ut,ft);Cs("_sfut",i,!0)}}else if(e.has("snippyly_google_token")){const t=JSON.parse(atob(e.get("snippyly_google_token"))),i={};i.userId=t.uid,i.name=t.displayName,i.email=t.email,i.photoUrl=null==t?void 0:t.photoURL,Cs("snippyly-user",JSON.stringify(i),!0)}e.delete("st"),e.delete("snippyly_google_token"),window.history.replaceState({},document.title,t.href)}e.has("review")?(Cs("review","true",!1),xs("feedback"),"true"!==e.get("review")&&(e.delete("review"),e.append("review","true"),window.history.replaceState({},document.title,t.href)),this.loadPluginUI()):e.has("feedback")||bs("review",!1)&&(e.append("review","true"),window.history.replaceState({},document.title,t.href),this.loadPluginUI()),e.has("feedback")?(Cs("feedback","true",!1),xs("review"),"true"!==e.get("feedback")&&(e.delete("feedback"),e.append("feedback","true"),window.history.replaceState({},document.title,t.href)),this.loadPluginUI()):e.has("review")||bs("feedback",!1)&&(e.append("feedback","true"),window.history.replaceState({},document.title,t.href),this.loadPluginUI()),this.setVersionInUrl()}catch(t){console.warn("Error in checkUrl: ",t),De("Error in checkUrl: ",t)}},this.detectVersion=()=>{try{if(this.projectVersionKey){const t=new URL(document.location).searchParams;if(t.get(this.projectVersionKey))this.projectVersion=t.get(this.projectVersionKey);else if(window.snippylyInitialLoadUrl){const t=new URL(window.snippylyInitialLoadUrl).searchParams;t.get(this.projectVersionKey)&&(this.projectVersion=t.get(this.projectVersionKey))}this.projectVersion&&Cs("projectVersion",this.projectVersion,!1,"sessionStorage")}else{const t=new URL(document.location).searchParams;(t.has("review")||t.has("feedback"))&&t.has("sversion")&&(Cs("projectVersionKey","sversion",!1,"sessionStorage"),this.projectVersion=t.get("sversion"),this.projectVersion&&Cs("projectVersion",this.projectVersion,!1,"sessionStorage"))}}catch(t){console.warn("Error in detectVersion: ",t),De("Error in detectVersion: ",t)}},this.setVersionInUrl=()=>{try{const t=this.projectVersionKey||bs("projectVersionKey",!1,"sessionStorage"),e=this.projectVersion||bs("projectVersion",!1,"sessionStorage");if(t&&e){const i=new URL(document.location),n=i.searchParams;n.get(t)||(n.set(t,e),window.history.replaceState({},document.title,i.href))}}catch(t){console.warn("Error in setVersionInUrl: ",t),De("Error in setVersionInUrl: ",t)}},this.loadPluginUI=()=>{try{if(!this.apiKey)return;if(this.loadPlugin)return this.generateLocation(),void this.setViewMode(this.viewMode);const t=Ls();if(t&&!(null==t?void 0:t.isAnonymous)&&(this.loading=!0),this.loadPlugin=!0,!document.querySelector(lt)){const t=document.createElement(lt);null==t||t.addEventListener("signIn",(()=>{this.loginWithGoogle()})),window.document.body.appendChild(t)}if(!document.querySelector(at)){const t=document.createElement(at);t.setAttribute(pt,"true"),window.document.body.appendChild(t)}if(!document.querySelector(rt)){const t=document.createElement(rt);window.document.body.appendChild(t)}if(!document.querySelector(ct)){const t=document.createElement(ct);window.document.body.appendChild(t)}if(!document.querySelector(ht)){const t=document.createElement(ht);window.document.body.appendChild(t)}if(!document.querySelector(dt)){const t=document.createElement(dt);window.document.body.appendChild(t)}this.initializeSnippyly()}catch(t){this.loading=!1,console.warn("Error in loadPluginUI: ",t),De("Error in loadPluginUI: ",t)}},this.initializeSnippyly=async()=>{var i,n,s,o;try{await(s=this.apiKey,o={options:{staging:this.staging,version:"latest"}},t(void 0,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,6,,7]),[4,(n=null==o?void 0:o.options,new Promise((function(t,e){var i=document.getElementById("snippylyScript"),s=!1,o="latest";if(n&&(n.staging&&(s=n.staging),n.version&&(o=n.version)),(null==n?void 0:n.version)||(o="1.0.78"),i)t();else{var r=document.createElement("script");r.src="https://cdn.jsdelivr.net/npm/@snippyly/sdk".concat(s?"-staging":"","@").concat(o,"/snippyly.js"),r.id="snippylyScript",r.type="module",document.body.appendChild(r),r.onload=function(){t()},r.onerror=function(){e(new Error("Failed to load Snippyly script"))}}})))];case 1:return e.sent(),t=window.Snippyly,o?[4,t.init(s,o)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,t.init(s)];case 4:e.sent(),e.label=5;case 5:return(null==t?void 0:t.st)&&(null==t||t.st("client")),[2,t];case 6:return i=e.sent(),console.error(i),[2,null];case 7:return[2]}var n}))}))),Snippyly&&(null===Snippyly||void 0===Snippyly||Snippyly.sf(!0)),Snippyly&&Ie({sdkVersion:null===Snippyly||void 0===Snippyly?void 0:Snippyly.version,sdkType:"client"}),this.documentId=((t,e=0)=>{try{let i=3735928559^e,n=1103547991^e;for(let e,s=0;s<t.length;s++)e=t.charCodeAt(s),i=Math.imul(i^e,2654435761),n=Math.imul(n^e,1597334677);return i=Math.imul(i^i>>>16,2246822507)^Math.imul(n^n>>>13,3266489909),n=Math.imul(n^n>>>16,2246822507)^Math.imul(i^i>>>13,3266489909),4294967296*(2097151&n)+(i>>>0)}catch(t){return console.warn("Error in cyrb53: ",t),De("Error in cyrb53: ",t),0}})((t=>{let e;return e=t.includes("http")?new URL(t):new URL("http://"+t),e.hostname.replace("www.","")})(window.location.origin))+"",await(null===Snippyly||void 0===Snippyly?void 0:Snippyly.setDocumentId(this.documentId+"")),this.generateLocation(),this.setLocation(),this.commentElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getCommentElement(),this.contactElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getContactElement(),this.rewriterElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getRewriterElement(),this.commentElement&&(this.commentElement.enableTextComments(!0),this.commentElement.enableSignInButton(!0),this.commentElement.enableAttachment(!0),this.commentElement.showScreenSizeInfo(!0),this.commentElement.showCommentIndex(!0),this.commentElement.addCommentModeChange&&this.commentElement.addCommentModeChange().subscribe((t=>{this.addCommentMode=t})),(null===(i=this.commentElement)||void 0===i?void 0:i.enableOrphanComments)&&this.commentElement.enableOrphanComments()),this.selectionElement=Snippyly.getSelectionElement(),this.selectionElement&&this.selectionElement.enableLiveSelection(!0),this.rewriterElement&&(null===(n=this.rewriterElement)||void 0===n||n.enableRewriter()),this.identifySnippyly()}catch(t){this.loading=!1,console.warn("Error in initializeSnippyly: ",t),De("Error in initializeSnippyly: ",t)}},this.generateLocation=()=>{try{const t=new URL(document.location).searchParams,e=new URL(document.location);e.searchParams.delete("review"),e.searchParams.delete("feedback"),e.searchParams.delete("sreviewId"),e.searchParams.delete("scommentId"),e.searchParams.delete("sprojectInstall");const i=t.get("sversion")||this.projectVersion;this.location={url:Ss(e.href),version:i}}catch(t){console.warn("Error in generateLocation: ",t),De("Error in generateLocation: ",t)}},this.setLocation=()=>{try{window.Snippyly&&(null===Snippyly||void 0===Snippyly?void 0:Snippyly.setLocation)&&(null===Snippyly||void 0===Snippyly||Snippyly.setLocation(JSON.parse(JSON.stringify(this.location))))}catch(t){console.warn("Error in setLocation: ",t),De("Error in setLocation: ",t)}},this.identifySnippyly=async()=>{var t,e;try{this.invalidApiKey=!1;let e={name:"Anonymous User",email:"anonymous@snippyly.com",userId:"anonymous",isAnonymous:!0};const i=Ls();(null==i?void 0:i.email)&&(e=i),e.isAnonymous?delete e.groupId:e.groupId=Snippyly.getDocumentId()+"",(null===(t=null==e?void 0:e.contacts)||void 0===t?void 0:t.length)&&(e.contacts=[]),(null==e?void 0:e.isAnonymous)||(this.loading=!0),await Snippyly.identify(e),this.loading=!1,(null==e?void 0:e.isAnonymous)||(this.snippylyUser=JSON.parse(JSON.stringify(e))),Snippyly.getUserRole$().subscribe((t=>{this.snippylyUserRole=t})),Ie({clientUserId:null==e?void 0:e.userId}),this.getComments(),this.checkGlobalUserContact()}catch(t){this.loading=!1,this.signInError=!0,t&&"string"==typeof t&&(null===(e=null==t?void 0:t.toLowerCase())||void 0===e?void 0:e.includes("invalid"))&&(this.invalidApiKey=!0),console.warn("Error in identifySnippyly: ",t),De("Error in identifySnippyly: ",t)}},this.getComments=()=>{try{this.commentElement&&(this.commentSubscription&&this.commentSubscription.unsubscribe(),this.commentSubscription=this.commentElement.getAllCommentAnnotations(this.documentId).subscribe((t=>{this.comments=null==t?void 0:t.filter((t=>["open","inProgress"].includes(null==t?void 0:t.status))),"All"!==this.viewMode&&(this.viewMode?this.comments=this.comments.filter((t=>{var e;return(null===(e=null==t?void 0:t.location)||void 0===e?void 0:e.view)===this.viewMode})):this.comments=this.comments.filter((t=>{var e;return!(null===(e=null==t?void 0:t.location)||void 0===e?void 0:e.view)})))})))}catch(t){console.warn("Error in getComments: ",t),De("Error in getComments: ",t)}},this.checkGlobalUserContact=()=>{try{this.contactElement&&this.contactElement.isUserGlobalContact().subscribe((t=>{var e;!this.isUserGlobalContact&&t&&this.setViewMode("All"),this.isUserGlobalContact=t,t?null===(e=this.commentElement)||void 0===e||e.enablePriority():this.setViewMode(null)}))}catch(t){console.warn("Error in checkGlobalUserContact: ",t),De("Error in checkGlobalUserContact: ",t)}},this.toggleSnippylyPluginToolbar=()=>{try{this.expanded=!this.expanded}catch(t){console.warn("Error in toggleSnippylyPluginToolbar: ",t),De("Error in toggleSnippylyPluginToolbar: ",t)}},this.loginWithGoogle=()=>{try{if(this.loading)return;window.open(`https://snippyly-self-serve-platform.web.app//signup?redirect_url=${encodeURIComponent(window.location.href)}&source=sf`,"_self")}catch(t){console.warn("Error in loginWithGoogle: ",t),De("Error in loginWithGoogle: ",t)}},this.removeSnippyly=async()=>{try{this.exitReviewModeCalled=!0,xs("review"),xs("feedback"),xs("sreviewId"),xs("projectVersionKey","sessionStorage"),xs("projectVersion","sessionStorage");const t=new URL(document.location),e=t.searchParams;e.delete("sreviewId"),e.delete("review"),e.delete("feedback"),this.projectVersionKey&&e.delete(this.projectVersionKey),e.delete("sversion"),e.delete("sprojectInstall"),this.projectVersion=void 0,this.projectVersionKey=void 0,delete window.snippylyInitialLoadUrl,window.history.replaceState({},document.title,t.href),window.location.reload()}catch(t){console.warn("Error in removeSnippyly: ",t),De("Error in removeSnippyly: ",t)}},this.signOutUser=async()=>{try{await Snippyly.signOutUser(),xs("snippyly-user"),xs("_sfut"),this.snippylyUser=void 0,window.open(`https://snippyly-self-serve-platform.web.app//signout?redirect_url=${encodeURIComponent(window.location.href)}&source=sf`,"_self")}catch(t){console.warn("Error in signOutUser: ",t),De("Error in signOutUser: ",t)}},this.toggleMenu=(t,e)=>{try{t.stopPropagation(),this.menuOpenedId===e?this.menuOpenedId=void 0:this.menuOpenedId=e}catch(t){console.warn("Error in toggleMenu: ",t),De("Error in toggleMenu: ",t)}},this.copyLink=()=>{try{navigator.clipboard.writeText(window.location.href),this.copyLinkTooltip="Link copied!",setTimeout((()=>{this.copyLinkTooltip="Copy Link"}),2e3)}catch(t){console.warn("Error in copyLink: ",t),De("Error in copyLink: ",t)}},this.setViewMode=t=>{try{this.viewMode=t,t?this.location.view=t:delete this.location.view,this.setLocation(),this.getComments()}catch(t){console.warn("Error in setViewMode: ",t),De("Error in setViewMode: ",t)}},this.goToAdminPortal=()=>{try{let t="https://snippyly-self-serve-platform.web.app/";if(Snippyly&&(null===Snippyly||void 0===Snippyly?void 0:Snippyly.getDocumentId)){const e=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getDocumentId();e&&(t=`https://snippyly-self-serve-platform.web.app//dashboard/project/comment/${this.apiKey}/${e}`)}window.open(t,"_blank")}catch(t){console.warn("Error in goToAdminPortal: ",t),De("Error in goToAdminPortal: ",t)}},this.joinCommunity=()=>{try{window.open("https://join.slack.com/t/superflowusers/shared_invite/zt-1q3jzsddt-NEb~uu9RXscLfxOIDGQXJw","_blank")}catch(t){console.warn("Error in joinCommunity: ",t),De("Error in joinCommunity: ",t)}},this.onboardingNextClick=()=>{try{this.showOnboardingModal=!1,Cs("sprojectInstall","true");const t=new URL(document.location);t.searchParams.delete("sprojectInstall"),window.history.replaceState({},document.title,t.href)}catch(t){console.warn("Error in onboardingNextClick: ",t),De("Error in onboardingNextClick: ",t)}},this.setAttribute("data-snippyly-comment-disabled","true"),this.style.zIndex="2147483577",null===(n=null===(i=null===document||void 0===document?void 0:document.body)||void 0===i?void 0:i.style)||void 0===n||n.setProperty("transform","none","important"),null===(r=null===(o=null===(s=null===document||void 0===document?void 0:document.body)||void 0===s?void 0:s.parentElement)||void 0===o?void 0:o.style)||void 0===r||r.setProperty("transform","none","important");try{this.expanded=!0,this.detectVersion(),this.setWindowEventListner(),this.urlChangeListener(),this.checkUrl(),console.log("*** Staging Mode ON! ***")}catch(t){console.warn("Error in constructor: ",t),De("Error in constructor: ",t)}}get loadPlugin(){return this._loadPlugin}set loadPlugin(t){this._loadPlugin=t,this.loadPlugin?this.classList.add("visible"):this.classList.remove("visible")}get expanded(){return this._expanded}set expanded(t){this._expanded=t,this.expanded?this.classList.add("expanded"):this.classList.remove("expanded")}get apiKey(){return this._apiKey}set apiKey(t){this._apiKey=t,Ie({apiKey:this.apiKey}),this.checkUrl()}get projectVersionKey(){return this._projectVersionKey}set projectVersionKey(t){try{this._projectVersionKey=t,this.projectVersionKey&&Cs("projectVersionKey",this.projectVersionKey,!1,"sessionStorage"),this.exitReviewModeCalled||this.detectVersion()}catch(t){console.warn("Error in set projectVersionKey: ",t),De("Error in set projectVersionKey: ",t)}}get menuOpenedId(){return this._menuOpenedId}set menuOpenedId(t){this._menuOpenedId=t,this.menuOpenedId?this.addWindowClickEventListener():this.removeWindowClickEventListener()}render(){var t,e,i,n,s,o,r,l,a;return this.loadPlugin?this.snippylyUser?I`
|
|
1223
|
+
`;var _s=function(t,e,i,n){for(var s,o=arguments.length,r=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(o<3?s(r):o>3?s(e,i,r):s(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};let Bs=class extends Y{constructor(){var i,n,s,o,r;super(),this._loadPlugin=!1,this.comments=[],this.addCommentMode=!1,this._expanded=!0,this.loading=!1,this.showOnboardingModal=!0,this.staging=true,this.copyLinkTooltip="Copy Link",this.invalidApiKey=!1,this.isUserGlobalContact=!1,this.exitReviewModeCalled=!1,this.addWindowClickEventListener=()=>{try{this.windowClickEventListener||(this.windowClickEventListener=()=>{this.menuOpenedId&&(this.menuOpenedId=void 0)},window.addEventListener("click",this.windowClickEventListener))}catch(t){console.warn("Error in addWindowClickEventListener: ",t),De("Error in addWindowClickEventListener: ",t)}},this.removeWindowClickEventListener=()=>{try{window.removeEventListener("click",this.windowClickEventListener),this.windowClickEventListener=void 0}catch(t){console.warn("Error in removeWindowClickEventListener: ",t),De("Error in removeWindowClickEventListener: ",t)}},this.setWindowEventListner=()=>{try{window.addEventListener("locationchange",(()=>{this.checkUrl()}))}catch(t){console.warn("Error in setWindowEventListner: ",t),De("Error in setWindowEventListner: ",t)}},this.urlChangeListener=()=>{try{const t=history.pushState;history.pushState=function(){const e=t.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),e};const e=history.replaceState;history.replaceState=function(){const t=e.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),t},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))}))}catch(t){console.warn("Error in urlChangeListener: ",t),De("Error in urlChangeListener: ",t)}},this.checkUrl=()=>{try{const t=new URL(document.location),e=t.searchParams;if((null==e?void 0:e.has("sprojectInstall"))&&!bs("sprojectInstall")?this.showOnboardingModal=!0:this.showOnboardingModal=!1,e.has("st")||e.has("snippyly_google_token")){if(e.has("st")){const t=decodeURIComponent(e.get("st")),i=Fs(t,ut,ft),n=i&&JSON.parse(i);if(n){const t={};t.userId=n.uid,t.name=n.displayName,t.email=n.email,t.photoUrl=null==n?void 0:n.photoURL;const e=JSON.stringify(t),i=ks(e,ut,ft);Cs("_sfut",i,!0)}}else if(e.has("snippyly_google_token")){const t=JSON.parse(atob(e.get("snippyly_google_token"))),i={};i.userId=t.uid,i.name=t.displayName,i.email=t.email,i.photoUrl=null==t?void 0:t.photoURL,Cs("snippyly-user",JSON.stringify(i),!0)}e.delete("st"),e.delete("snippyly_google_token"),window.history.replaceState({},document.title,t.href)}e.has("review")?(Cs("review","true",!1),xs("feedback"),"true"!==e.get("review")&&(e.delete("review"),e.append("review","true"),window.history.replaceState({},document.title,t.href)),this.loadPluginUI()):e.has("feedback")||bs("review",!1)&&(e.append("review","true"),window.history.replaceState({},document.title,t.href),this.loadPluginUI()),e.has("feedback")?(Cs("feedback","true",!1),xs("review"),"true"!==e.get("feedback")&&(e.delete("feedback"),e.append("feedback","true"),window.history.replaceState({},document.title,t.href)),this.loadPluginUI()):e.has("review")||bs("feedback",!1)&&(e.append("feedback","true"),window.history.replaceState({},document.title,t.href),this.loadPluginUI()),this.setVersionInUrl()}catch(t){console.warn("Error in checkUrl: ",t),De("Error in checkUrl: ",t)}},this.detectVersion=()=>{try{if(this.projectVersionKey){const t=new URL(document.location).searchParams;if(t.get(this.projectVersionKey))this.projectVersion=t.get(this.projectVersionKey);else if(window.snippylyInitialLoadUrl){const t=new URL(window.snippylyInitialLoadUrl).searchParams;t.get(this.projectVersionKey)&&(this.projectVersion=t.get(this.projectVersionKey))}this.projectVersion&&Cs("projectVersion",this.projectVersion,!1,"sessionStorage")}else{const t=new URL(document.location).searchParams;(t.has("review")||t.has("feedback"))&&t.has("sversion")&&(Cs("projectVersionKey","sversion",!1,"sessionStorage"),this.projectVersion=t.get("sversion"),this.projectVersion&&Cs("projectVersion",this.projectVersion,!1,"sessionStorage"))}}catch(t){console.warn("Error in detectVersion: ",t),De("Error in detectVersion: ",t)}},this.setVersionInUrl=()=>{try{const t=this.projectVersionKey||bs("projectVersionKey",!1,"sessionStorage"),e=this.projectVersion||bs("projectVersion",!1,"sessionStorage");if(t&&e){const i=new URL(document.location),n=i.searchParams;n.get(t)||(n.set(t,e),window.history.replaceState({},document.title,i.href))}}catch(t){console.warn("Error in setVersionInUrl: ",t),De("Error in setVersionInUrl: ",t)}},this.loadPluginUI=()=>{try{if(!this.apiKey)return;if(this.loadPlugin)return this.generateLocation(),void this.setViewMode(this.viewMode);const t=Ls();if(t&&!(null==t?void 0:t.isAnonymous)&&(this.loading=!0),this.loadPlugin=!0,!document.querySelector(lt)){const t=document.createElement(lt);null==t||t.addEventListener("signIn",(()=>{this.loginWithGoogle()})),window.document.body.appendChild(t)}if(!document.querySelector(at)){const t=document.createElement(at);t.setAttribute(pt,"true"),window.document.body.appendChild(t)}if(!document.querySelector(rt)){const t=document.createElement(rt);window.document.body.appendChild(t)}if(!document.querySelector(ct)){const t=document.createElement(ct);window.document.body.appendChild(t)}if(!document.querySelector(ht)){const t=document.createElement(ht);window.document.body.appendChild(t)}if(!document.querySelector(dt)){const t=document.createElement(dt);window.document.body.appendChild(t)}this.initializeSnippyly()}catch(t){this.loading=!1,console.warn("Error in loadPluginUI: ",t),De("Error in loadPluginUI: ",t)}},this.initializeSnippyly=async()=>{var i,n,s,o;try{await(s=this.apiKey,o={options:{staging:this.staging,version:"latest"}},t(void 0,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,6,,7]),[4,(n=null==o?void 0:o.options,new Promise((function(t,e){var i=document.getElementById("snippylyScript"),s=!1,o="latest";if(n&&(n.staging&&(s=n.staging),n.version&&(o=n.version)),(null==n?void 0:n.version)||(o="1.0.78"),i)t();else{var r=document.createElement("script");r.src="https://cdn.jsdelivr.net/npm/@snippyly/sdk".concat(s?"-staging":"","@").concat(o,"/snippyly.js"),r.id="snippylyScript",r.type="module",document.body.appendChild(r),r.onload=function(){t()},r.onerror=function(){e(new Error("Failed to load Snippyly script"))}}})))];case 1:return e.sent(),t=window.Snippyly,o?[4,t.init(s,o)]:[3,3];case 2:return e.sent(),[3,5];case 3:return[4,t.init(s)];case 4:e.sent(),e.label=5;case 5:return(null==t?void 0:t.st)&&(null==t||t.st("client")),[2,t];case 6:return i=e.sent(),console.error(i),[2,null];case 7:return[2]}var n}))}))),Snippyly&&(null===Snippyly||void 0===Snippyly||Snippyly.sf(!0)),Snippyly&&Ie({sdkVersion:null===Snippyly||void 0===Snippyly?void 0:Snippyly.version,sdkType:"client"}),this.documentId=((t,e=0)=>{try{let i=3735928559^e,n=1103547991^e;for(let e,s=0;s<t.length;s++)e=t.charCodeAt(s),i=Math.imul(i^e,2654435761),n=Math.imul(n^e,1597334677);return i=Math.imul(i^i>>>16,2246822507)^Math.imul(n^n>>>13,3266489909),n=Math.imul(n^n>>>16,2246822507)^Math.imul(i^i>>>13,3266489909),4294967296*(2097151&n)+(i>>>0)}catch(t){return console.warn("Error in cyrb53: ",t),De("Error in cyrb53: ",t),0}})((t=>{let e;return e=t.includes("http")?new URL(t):new URL("http://"+t),e.hostname.replace("www.","")})(window.location.origin))+"",await(null===Snippyly||void 0===Snippyly?void 0:Snippyly.setDocumentId(this.documentId+"")),this.generateLocation(),this.setLocation(),this.commentElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getCommentElement(),this.contactElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getContactElement(),this.rewriterElement=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getRewriterElement(),this.commentElement&&(this.commentElement.enableTextComments(!0),this.commentElement.enableSignInButton(!0),this.commentElement.enableAttachment(!0),this.commentElement.showScreenSizeInfo(!0),this.commentElement.showCommentIndex(!0),this.commentElement.addCommentModeChange&&this.commentElement.addCommentModeChange().subscribe((t=>{this.addCommentMode=t})),(null===(i=this.commentElement)||void 0===i?void 0:i.enableOrphanComments)&&this.commentElement.enableOrphanComments()),this.selectionElement=Snippyly.getSelectionElement(),this.selectionElement&&this.selectionElement.enableLiveSelection(!0),this.rewriterElement&&(null===(n=this.rewriterElement)||void 0===n||n.enableRewriter()),this.identifySnippyly()}catch(t){this.loading=!1,console.warn("Error in initializeSnippyly: ",t),De("Error in initializeSnippyly: ",t)}},this.generateLocation=()=>{try{const t=new URL(document.location).searchParams,e=new URL(document.location);e.searchParams.delete("review"),e.searchParams.delete("feedback"),e.searchParams.delete("sreviewId"),e.searchParams.delete("scommentId"),e.searchParams.delete("sprojectInstall");const i=t.get("sversion")||this.projectVersion;this.location={url:Ss(e.href),version:i}}catch(t){console.warn("Error in generateLocation: ",t),De("Error in generateLocation: ",t)}},this.setLocation=()=>{try{window.Snippyly&&(null===Snippyly||void 0===Snippyly?void 0:Snippyly.setLocation)&&(null===Snippyly||void 0===Snippyly||Snippyly.setLocation(JSON.parse(JSON.stringify(this.location))))}catch(t){console.warn("Error in setLocation: ",t),De("Error in setLocation: ",t)}},this.identifySnippyly=async()=>{var t,e;try{this.invalidApiKey=!1;let e={name:"Anonymous User",email:"anonymous@snippyly.com",userId:"anonymous",isAnonymous:!0};const i=Ls();(null==i?void 0:i.email)&&(e=i),e.isAnonymous?delete e.groupId:e.groupId=Snippyly.getDocumentId()+"",(null===(t=null==e?void 0:e.contacts)||void 0===t?void 0:t.length)&&(e.contacts=[]),(null==e?void 0:e.isAnonymous)||(this.loading=!0),await Snippyly.identify(e),(null==e?void 0:e.isAnonymous)||(this.snippylyUser=JSON.parse(JSON.stringify(e))),Snippyly.getUserRole$().subscribe((t=>{var e;this.loading=!1,this.snippylyUserRole||"Admin"!==t||this.setViewMode("All"),this.snippylyUserRole=t,this.snippylyUserRole?null===(e=this.commentElement)||void 0===e||e.enablePriority():this.setViewMode(null)})),Ie({clientUserId:null==e?void 0:e.userId}),this.getComments(),this.checkGlobalUserContact()}catch(t){this.loading=!1,this.signInError=!0,t&&"string"==typeof t&&(null===(e=null==t?void 0:t.toLowerCase())||void 0===e?void 0:e.includes("invalid"))&&(this.invalidApiKey=!0),console.warn("Error in identifySnippyly: ",t),De("Error in identifySnippyly: ",t)}},this.getComments=()=>{try{this.commentElement&&(this.commentSubscription&&this.commentSubscription.unsubscribe(),this.commentSubscription=this.commentElement.getAllCommentAnnotations(this.documentId).subscribe((t=>{this.comments=null==t?void 0:t.filter((t=>["open","inProgress"].includes(null==t?void 0:t.status))),"All"!==this.viewMode&&(this.viewMode?this.comments=this.comments.filter((t=>{var e;return(null===(e=null==t?void 0:t.location)||void 0===e?void 0:e.view)===this.viewMode})):this.comments=this.comments.filter((t=>{var e;return!(null===(e=null==t?void 0:t.location)||void 0===e?void 0:e.view)})))})))}catch(t){console.warn("Error in getComments: ",t),De("Error in getComments: ",t)}},this.checkGlobalUserContact=()=>{try{this.contactElement&&this.contactElement.isUserGlobalContact().subscribe((t=>{this.isUserGlobalContact=t}))}catch(t){console.warn("Error in checkGlobalUserContact: ",t),De("Error in checkGlobalUserContact: ",t)}},this.toggleSnippylyPluginToolbar=()=>{try{this.expanded=!this.expanded}catch(t){console.warn("Error in toggleSnippylyPluginToolbar: ",t),De("Error in toggleSnippylyPluginToolbar: ",t)}},this.loginWithGoogle=()=>{try{if(this.loading)return;window.open(`https://snippyly-self-serve-platform.web.app//signup?redirect_url=${encodeURIComponent(window.location.href)}&source=sf`,"_self")}catch(t){console.warn("Error in loginWithGoogle: ",t),De("Error in loginWithGoogle: ",t)}},this.removeSnippyly=async()=>{try{this.exitReviewModeCalled=!0,xs("review"),xs("feedback"),xs("sreviewId"),xs("projectVersionKey","sessionStorage"),xs("projectVersion","sessionStorage");const t=new URL(document.location),e=t.searchParams;e.delete("sreviewId"),e.delete("review"),e.delete("feedback"),this.projectVersionKey&&e.delete(this.projectVersionKey),e.delete("sversion"),e.delete("sprojectInstall"),this.projectVersion=void 0,this.projectVersionKey=void 0,delete window.snippylyInitialLoadUrl,window.history.replaceState({},document.title,t.href),window.location.reload()}catch(t){console.warn("Error in removeSnippyly: ",t),De("Error in removeSnippyly: ",t)}},this.signOutUser=async()=>{try{await Snippyly.signOutUser(),xs("snippyly-user"),xs("_sfut"),this.snippylyUser=void 0,window.open(`https://snippyly-self-serve-platform.web.app//signout?redirect_url=${encodeURIComponent(window.location.href)}&source=sf`,"_self")}catch(t){console.warn("Error in signOutUser: ",t),De("Error in signOutUser: ",t)}},this.toggleMenu=(t,e)=>{try{t.stopPropagation(),this.menuOpenedId===e?this.menuOpenedId=void 0:this.menuOpenedId=e}catch(t){console.warn("Error in toggleMenu: ",t),De("Error in toggleMenu: ",t)}},this.copyLink=()=>{try{navigator.clipboard.writeText(window.location.href),this.copyLinkTooltip="Link copied!",setTimeout((()=>{this.copyLinkTooltip="Copy Link"}),2e3)}catch(t){console.warn("Error in copyLink: ",t),De("Error in copyLink: ",t)}},this.setViewMode=t=>{try{this.viewMode=t,t?this.location.view=t:delete this.location.view,this.setLocation(),this.getComments()}catch(t){console.warn("Error in setViewMode: ",t),De("Error in setViewMode: ",t)}},this.goToAdminPortal=()=>{try{let t="https://snippyly-self-serve-platform.web.app/";if(Snippyly&&(null===Snippyly||void 0===Snippyly?void 0:Snippyly.getDocumentId)){const e=null===Snippyly||void 0===Snippyly?void 0:Snippyly.getDocumentId();e&&(t=`https://snippyly-self-serve-platform.web.app//dashboard/project/comment/${this.apiKey}/${e}`)}window.open(t,"_blank")}catch(t){console.warn("Error in goToAdminPortal: ",t),De("Error in goToAdminPortal: ",t)}},this.joinCommunity=()=>{try{window.open("https://join.slack.com/t/superflowusers/shared_invite/zt-1q3jzsddt-NEb~uu9RXscLfxOIDGQXJw","_blank")}catch(t){console.warn("Error in joinCommunity: ",t),De("Error in joinCommunity: ",t)}},this.onboardingNextClick=()=>{try{this.showOnboardingModal=!1,Cs("sprojectInstall","true");const t=new URL(document.location);t.searchParams.delete("sprojectInstall"),window.history.replaceState({},document.title,t.href)}catch(t){console.warn("Error in onboardingNextClick: ",t),De("Error in onboardingNextClick: ",t)}},this.setAttribute("data-snippyly-comment-disabled","true"),this.style.zIndex="2147483577",null===(n=null===(i=null===document||void 0===document?void 0:document.body)||void 0===i?void 0:i.style)||void 0===n||n.setProperty("transform","none","important"),null===(r=null===(o=null===(s=null===document||void 0===document?void 0:document.body)||void 0===s?void 0:s.parentElement)||void 0===o?void 0:o.style)||void 0===r||r.setProperty("transform","none","important");try{this.expanded=!0,this.detectVersion(),this.setWindowEventListner(),this.urlChangeListener(),this.checkUrl(),console.log("*** Staging Mode ON! ***")}catch(t){console.warn("Error in constructor: ",t),De("Error in constructor: ",t)}}get loadPlugin(){return this._loadPlugin}set loadPlugin(t){this._loadPlugin=t,this.loadPlugin?this.classList.add("visible"):this.classList.remove("visible")}get expanded(){return this._expanded}set expanded(t){this._expanded=t,this.expanded?this.classList.add("expanded"):this.classList.remove("expanded")}get apiKey(){return this._apiKey}set apiKey(t){this._apiKey=t,Ie({apiKey:this.apiKey}),this.checkUrl()}get projectVersionKey(){return this._projectVersionKey}set projectVersionKey(t){try{this._projectVersionKey=t,this.projectVersionKey&&Cs("projectVersionKey",this.projectVersionKey,!1,"sessionStorage"),this.exitReviewModeCalled||this.detectVersion()}catch(t){console.warn("Error in set projectVersionKey: ",t),De("Error in set projectVersionKey: ",t)}}get menuOpenedId(){return this._menuOpenedId}set menuOpenedId(t){this._menuOpenedId=t,this.menuOpenedId?this.addWindowClickEventListener():this.removeWindowClickEventListener()}render(){var t,e,i,n,s,o,r,l,a;return this.loadPlugin?!this.snippylyUser||this.loading?I`
|
|
1224
|
+
<div class="snippyly-plugin-container">
|
|
1225
|
+
<div class="toolbar" id="smallToolbar">
|
|
1226
|
+
<!-- <div class="toolbar-section">
|
|
1227
|
+
<svg class="toolbar-icon-arrow" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1228
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
1229
|
+
d="M14.1607 12.4941C13.8353 12.8195 13.8353 13.3472 14.1607 13.6726L16.4882 16L14.1607 18.3274C13.8353 18.6528 13.8353 19.1805 14.1607 19.5059C14.4862 19.8314 15.0138 19.8314 15.3393 19.5059L18.2559 16.5893C18.5814 16.2638 18.5814 15.7362 18.2559 15.4107L15.3393 12.4941C15.0138 12.1686 14.4862 12.1686 14.1607 12.4941Z" />
|
|
1230
|
+
</svg>
|
|
1231
|
+
</div> -->
|
|
1232
|
+
<div class="toolbar-section">
|
|
1233
|
+
<svg class="toolbar-logo" width="28" height="28" viewBox="0 0 20 20" fill="none"
|
|
1234
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
1235
|
+
<path
|
|
1236
|
+
d="M7.27564 0.223149C6.79031 0.00346224 6.25358 -0.0557657 5.73589 0.0532382C5.21819 0.162242 4.74372 0.434385 4.37475 0.833949C3.99784 1.2249 3.74112 1.72714 3.63818 2.275C3.53523 2.82287 3.59085 3.39088 3.79775 3.90475C3.99487 4.42252 4.33503 4.86527 4.77372 5.17507C5.21241 5.48487 5.72921 5.64732 6.25653 5.64115H8.91823V2.82595C8.92404 2.26743 8.77031 1.72008 8.4772 1.25563C8.1841 0.791185 7.76528 0.431303 7.27564 0.223149Z"
|
|
1237
|
+
fill="#FFCB00" />
|
|
1238
|
+
<path
|
|
1239
|
+
d="M16.9736 3.72115C16.3509 3.06258 15.5579 2.61408 14.6946 2.43229C13.8313 2.25049 12.9365 2.34355 12.1231 2.69972C11.3097 3.05588 10.6143 3.65918 10.1246 4.43343C9.63489 5.20769 9.37289 6.11818 9.37167 7.04995V11.7611H13.8313C14.714 11.771 15.5791 11.4985 16.3131 10.9793C17.0471 10.46 17.616 9.7183 17.9451 8.85115C18.2892 7.9918 18.3806 7.04259 18.2072 6.12744C18.0339 5.21229 17.604 4.3737 16.9736 3.72115Z"
|
|
1240
|
+
fill="#FF7162" />
|
|
1241
|
+
<path
|
|
1242
|
+
d="M14.4933 13.9835C14.2962 13.4652 13.956 13.0218 13.5172 12.7114C13.0783 12.401 12.5612 12.2379 12.0334 12.2435H9.37167V15.0611C9.36611 15.6198 9.52006 16.1671 9.81336 16.6316C10.1067 17.096 10.5256 17.4558 11.0154 17.6639C11.3431 17.8099 11.6949 17.8853 12.0504 17.8859C12.4867 17.8813 12.9153 17.7635 13.2987 17.5429C13.682 17.3223 14.0085 17.0057 14.2496 16.6206C14.4906 16.2356 14.6388 15.7939 14.6813 15.3342C14.7238 14.8745 14.6593 14.4107 14.4933 13.9835Z"
|
|
1243
|
+
fill="#0DCF82" />
|
|
1244
|
+
<path
|
|
1245
|
+
d="M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z"
|
|
1246
|
+
fill="#A259FE" />
|
|
1247
|
+
</svg>
|
|
1248
|
+
</div>
|
|
1249
|
+
<div class="toolbar-section">
|
|
1250
|
+
<div class="toolbar-divider"></div>
|
|
1251
|
+
</div>
|
|
1252
|
+
<div class="toolbar-section comment-viewmode-section ${ot({"d-none":!this.expanded})}">
|
|
1253
|
+
${this.snippylyUserRole?I`
|
|
1254
|
+
<div class="toolbar-actions1 ${ot({"d-none":!this.commentElement})}">
|
|
1255
|
+
<snippyly-sidebar-button>
|
|
1256
|
+
<div class="action-border tooltip">
|
|
1257
|
+
<div class="tooltiptext">All Comments</div>
|
|
1258
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
1259
|
+
<g clip-path="url(#clip0_5417_64176)">
|
|
1260
|
+
<path d="M3 13.4545H6.56308C6.94874 13.4546 7.32675 13.5676 7.65478 13.7806C7.9828 13.9937 8.24787 14.2985 8.42031 14.6608L8.65662 15.1573C8.82912 15.5199 9.09434 15.8248 9.42254 16.0378C9.75074 16.2509 10.129 16.3637 10.5148 16.3636H13.4852C13.871 16.3637 14.2493 16.2509 14.5775 16.0378C14.9057 15.8248 15.1709 15.5199 15.3434 15.1573L15.5797 14.6608C15.7522 14.2983 16.0174 13.9934 16.3456 13.7804C16.6738 13.5673 17.052 13.4545 17.4378 13.4545H21M3 13.7823V17.8182C3 18.3968 3.21882 18.9518 3.60832 19.361C3.99782 19.7701 4.52609 20 5.07692 20H18.9231C19.4739 20 20.0022 19.7701 20.3917 19.361C20.7812 18.9518 21 18.3968 21 17.8182V13.7823C21 13.5651 20.9686 13.3488 20.9077 13.1413L18.6831 5.53988C18.5524 5.09405 18.2892 4.70395 17.932 4.42681C17.5748 4.14967 17.1425 4.00008 16.6985 4H7.30246C6.85841 4.00008 6.42608 4.14967 6.0689 4.42681C5.71172 4.70395 5.44849 5.09405 5.31785 5.53988L3.09231 13.1413C3.03133 13.349 3.00021 13.565 3 13.7823Z" stroke="#8F95B2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
1261
|
+
</g>
|
|
1262
|
+
<defs>
|
|
1263
|
+
<clipPath id="clip0_5417_64176">
|
|
1264
|
+
<rect width="24" height="24" fill="white"/>
|
|
1265
|
+
</clipPath>
|
|
1266
|
+
</defs>
|
|
1267
|
+
</svg>
|
|
1268
|
+
<p class="action-text">${null===(t=this.comments)||void 0===t?void 0:t.length}</p>
|
|
1269
|
+
</div>
|
|
1270
|
+
</snippyly-sidebar-button>
|
|
1271
|
+
</div>
|
|
1272
|
+
<div class="toolbar-section ${ot({"d-none":!this.commentElement})}">
|
|
1273
|
+
<div class="toolbar-divider"></div>
|
|
1274
|
+
</div>
|
|
1275
|
+
`:null}
|
|
1276
|
+
<div class="toolbar-section" @click=${()=>this.loginWithGoogle()}>
|
|
1277
|
+
<a class="toolbar-button sign-in-button ${ot({loading:this.loading})}">
|
|
1278
|
+
${this.loading?I`
|
|
1279
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
|
|
1280
|
+
<g transform="rotate(0 50 50)">
|
|
1281
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1282
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
|
|
1283
|
+
</rect>
|
|
1284
|
+
</g><g transform="rotate(30 50 50)">
|
|
1285
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1286
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
|
|
1287
|
+
</rect>
|
|
1288
|
+
</g><g transform="rotate(60 50 50)">
|
|
1289
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1290
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
|
|
1291
|
+
</rect>
|
|
1292
|
+
</g><g transform="rotate(90 50 50)">
|
|
1293
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1294
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
|
|
1295
|
+
</rect>
|
|
1296
|
+
</g><g transform="rotate(120 50 50)">
|
|
1297
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1298
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
|
|
1299
|
+
</rect>
|
|
1300
|
+
</g><g transform="rotate(150 50 50)">
|
|
1301
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1302
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
|
|
1303
|
+
</rect>
|
|
1304
|
+
</g><g transform="rotate(180 50 50)">
|
|
1305
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1306
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
|
|
1307
|
+
</rect>
|
|
1308
|
+
</g><g transform="rotate(210 50 50)">
|
|
1309
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1310
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
|
|
1311
|
+
</rect>
|
|
1312
|
+
</g><g transform="rotate(240 50 50)">
|
|
1313
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1314
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
|
|
1315
|
+
</rect>
|
|
1316
|
+
</g><g transform="rotate(270 50 50)">
|
|
1317
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1318
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
|
|
1319
|
+
</rect>
|
|
1320
|
+
</g><g transform="rotate(300 50 50)">
|
|
1321
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1322
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
|
|
1323
|
+
</rect>
|
|
1324
|
+
</g><g transform="rotate(330 50 50)">
|
|
1325
|
+
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1326
|
+
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
|
|
1327
|
+
</rect>
|
|
1328
|
+
</g>
|
|
1329
|
+
</svg>
|
|
1330
|
+
Signing In
|
|
1331
|
+
`:I`${this.signInError?I`
|
|
1332
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1333
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64754 5.99921C8.27961 6.01309 7.97008 5.72609 7.95619 5.35816C7.92488 4.5287 7.8809 3.92331 7.83766 3.48926C7.79508 3.06179 7.53702 2.8046 7.1773 2.76063C6.75313 2.70878 6.15477 2.66634 5.33367 2.66634C4.51254 2.66634 3.91418 2.70878 3.49002 2.76063C3.13048 2.80458 2.87229 3.06189 2.8297 3.48946C2.74944 4.29515 2.667 5.68713 2.667 7.99968C2.667 10.3122 2.74944 11.7042 2.8297 12.5099C2.87229 12.9375 3.13048 13.1948 3.49002 13.2387C3.91418 13.2906 4.51254 13.333 5.33367 13.333C6.15477 13.333 6.75313 13.2906 7.1773 13.2387C7.53702 13.1947 7.79508 12.9376 7.83766 12.5101C7.8809 12.076 7.92488 11.4706 7.95619 10.6412C7.97008 10.2733 8.27961 9.98626 8.64754 10.0001C9.01546 10.014 9.30247 10.3236 9.28858 10.6915C9.25644 11.5428 9.21087 12.1761 9.16443 12.6423C9.06679 13.6224 8.38345 14.4345 7.33908 14.5622C6.85294 14.6216 6.19979 14.6663 5.33367 14.6663C4.46752 14.6663 3.81436 14.6216 3.32822 14.5622C2.28377 14.4345 1.60055 13.622 1.50293 12.6421C1.41698 11.7792 1.33367 10.3407 1.33367 7.99968C1.33367 5.65866 1.41698 4.22013 1.50293 3.35729C1.60055 2.37738 2.28377 1.56483 3.32822 1.43715C3.81436 1.37772 4.46752 1.33301 5.33367 1.33301C6.19979 1.33301 6.85294 1.37772 7.33908 1.43714C8.38345 1.56481 9.06679 2.37697 9.16443 3.35709C9.21087 3.8233 9.25644 4.45651 9.28858 5.30786C9.30247 5.67579 9.01546 5.98532 8.64754 5.99921Z" fill="white"/>
|
|
1334
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1966 6.13807C10.9362 5.87772 10.9362 5.45561 11.1966 5.19526C11.4569 4.93491 11.879 4.93491 12.1394 5.19526L14.4727 7.5286C14.7331 7.78894 14.7331 8.21105 14.4727 8.4714L12.1394 10.8047C11.879 11.0651 11.4569 11.0651 11.1966 10.8047C10.9362 10.5444 10.9362 10.1223 11.1966 9.86193L12.3918 8.66667H6.0013C5.63311 8.66667 5.33463 8.36819 5.33463 8C5.33463 7.63181 5.63311 7.33333 6.0013 7.33333L12.3918 7.33333L11.1966 6.13807Z" fill="white"/>
|
|
1335
|
+
</svg>
|
|
1336
|
+
<span>Sign in again!</span>
|
|
1337
|
+
`:I`
|
|
1338
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1339
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64754 5.99921C8.27961 6.01309 7.97008 5.72609 7.95619 5.35816C7.92488 4.5287 7.8809 3.92331 7.83766 3.48926C7.79508 3.06179 7.53702 2.8046 7.1773 2.76063C6.75313 2.70878 6.15477 2.66634 5.33367 2.66634C4.51254 2.66634 3.91418 2.70878 3.49002 2.76063C3.13048 2.80458 2.87229 3.06189 2.8297 3.48946C2.74944 4.29515 2.667 5.68713 2.667 7.99968C2.667 10.3122 2.74944 11.7042 2.8297 12.5099C2.87229 12.9375 3.13048 13.1948 3.49002 13.2387C3.91418 13.2906 4.51254 13.333 5.33367 13.333C6.15477 13.333 6.75313 13.2906 7.1773 13.2387C7.53702 13.1947 7.79508 12.9376 7.83766 12.5101C7.8809 12.076 7.92488 11.4706 7.95619 10.6412C7.97008 10.2733 8.27961 9.98626 8.64754 10.0001C9.01546 10.014 9.30247 10.3236 9.28858 10.6915C9.25644 11.5428 9.21087 12.1761 9.16443 12.6423C9.06679 13.6224 8.38345 14.4345 7.33908 14.5622C6.85294 14.6216 6.19979 14.6663 5.33367 14.6663C4.46752 14.6663 3.81436 14.6216 3.32822 14.5622C2.28377 14.4345 1.60055 13.622 1.50293 12.6421C1.41698 11.7792 1.33367 10.3407 1.33367 7.99968C1.33367 5.65866 1.41698 4.22013 1.50293 3.35729C1.60055 2.37738 2.28377 1.56483 3.32822 1.43715C3.81436 1.37772 4.46752 1.33301 5.33367 1.33301C6.19979 1.33301 6.85294 1.37772 7.33908 1.43714C8.38345 1.56481 9.06679 2.37697 9.16443 3.35709C9.21087 3.8233 9.25644 4.45651 9.28858 5.30786C9.30247 5.67579 9.01546 5.98532 8.64754 5.99921Z" fill="white"/>
|
|
1340
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1966 6.13807C10.9362 5.87772 10.9362 5.45561 11.1966 5.19526C11.4569 4.93491 11.879 4.93491 12.1394 5.19526L14.4727 7.5286C14.7331 7.78894 14.7331 8.21105 14.4727 8.4714L12.1394 10.8047C11.879 11.0651 11.4569 11.0651 11.1966 10.8047C10.9362 10.5444 10.9362 10.1223 11.1966 9.86193L12.3918 8.66667H6.0013C5.63311 8.66667 5.33463 8.36819 5.33463 8C5.33463 7.63181 5.63311 7.33333 6.0013 7.33333L12.3918 7.33333L11.1966 6.13807Z" fill="white"/>
|
|
1341
|
+
</svg>
|
|
1342
|
+
<span>Sign in to comment</span>
|
|
1343
|
+
`}`}
|
|
1344
|
+
</a>
|
|
1345
|
+
</div>
|
|
1346
|
+
<div class="toolbar-section">
|
|
1347
|
+
<div class="toolbar-divider"></div>
|
|
1348
|
+
</div>
|
|
1349
|
+
<div class="toolbar-section s-more-menu dropdown">
|
|
1350
|
+
<div class="dropdown-content">
|
|
1351
|
+
<div class="menu-point header disable-hover">
|
|
1352
|
+
<svg class="toolbar-logo" width="28" height="28" viewBox="0 0 20 20" fill="none"
|
|
1353
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
1354
|
+
<path
|
|
1355
|
+
d="M7.27564 0.223149C6.79031 0.00346224 6.25358 -0.0557657 5.73589 0.0532382C5.21819 0.162242 4.74372 0.434385 4.37475 0.833949C3.99784 1.2249 3.74112 1.72714 3.63818 2.275C3.53523 2.82287 3.59085 3.39088 3.79775 3.90475C3.99487 4.42252 4.33503 4.86527 4.77372 5.17507C5.21241 5.48487 5.72921 5.64732 6.25653 5.64115H8.91823V2.82595C8.92404 2.26743 8.77031 1.72008 8.4772 1.25563C8.1841 0.791185 7.76528 0.431303 7.27564 0.223149Z"
|
|
1356
|
+
fill="#FFCB00" />
|
|
1357
|
+
<path
|
|
1358
|
+
d="M16.9736 3.72115C16.3509 3.06258 15.5579 2.61408 14.6946 2.43229C13.8313 2.25049 12.9365 2.34355 12.1231 2.69972C11.3097 3.05588 10.6143 3.65918 10.1246 4.43343C9.63489 5.20769 9.37289 6.11818 9.37167 7.04995V11.7611H13.8313C14.714 11.771 15.5791 11.4985 16.3131 10.9793C17.0471 10.46 17.616 9.7183 17.9451 8.85115C18.2892 7.9918 18.3806 7.04259 18.2072 6.12744C18.0339 5.21229 17.604 4.3737 16.9736 3.72115Z"
|
|
1359
|
+
fill="#FF7162" />
|
|
1360
|
+
<path
|
|
1361
|
+
d="M14.4933 13.9835C14.2962 13.4652 13.956 13.0218 13.5172 12.7114C13.0783 12.401 12.5612 12.2379 12.0334 12.2435H9.37167V15.0611C9.36611 15.6198 9.52006 16.1671 9.81336 16.6316C10.1067 17.096 10.5256 17.4558 11.0154 17.6639C11.3431 17.8099 11.6949 17.8853 12.0504 17.8859C12.4867 17.8813 12.9153 17.7635 13.2987 17.5429C13.682 17.3223 14.0085 17.0057 14.2496 16.6206C14.4906 16.2356 14.6388 15.7939 14.6813 15.3342C14.7238 14.8745 14.6593 14.4107 14.4933 13.9835Z"
|
|
1362
|
+
fill="#0DCF82" />
|
|
1363
|
+
<path
|
|
1364
|
+
d="M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z"
|
|
1365
|
+
fill="#A259FE" />
|
|
1366
|
+
</svg>
|
|
1367
|
+
<p>Superflow</p>
|
|
1368
|
+
</div>
|
|
1369
|
+
<div class="menu-point-wrap">
|
|
1370
|
+
Sign in to comment on this page.
|
|
1371
|
+
<a href="https://www.usesuperflow.com/features" target="_blank">
|
|
1372
|
+
Learn more
|
|
1373
|
+
<svg width="14" height="14" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1374
|
+
<path d="M4.30881 1.72602C3.67106 1.86293 3.11953 2.1682 2.64215 2.64149C2.29011 2.99745 2.05915 3.34183 1.89878 3.76037C1.66018 4.37857 1.668 4.08911 1.668 10.0007C1.668 15.9122 1.66018 15.6228 1.89878 16.241C2.29385 17.2699 3.29164 18.0876 4.38704 18.291C4.70779 18.3496 15.2947 18.3496 15.6154 18.291C16.2297 18.1775 16.9494 17.7942 17.3838 17.3481C17.8221 16.8942 18.1506 16.284 18.2797 15.6736C18.3227 15.4702 18.3345 14.8051 18.3345 12.2973V9.17907H17.5129H16.6913V12.1017C16.6913 13.7957 16.6756 15.126 16.6522 15.259C16.5348 15.975 15.9753 16.5343 15.2593 16.6517C14.9503 16.7025 5.05201 16.7025 4.74282 16.6517C4.03857 16.5382 3.48296 15.9944 3.34997 15.2862C3.29912 15.0085 3.29521 5.06326 3.34997 4.74251C3.46731 4.02653 4.02684 3.467 4.74282 3.34966C4.87582 3.32619 6.20609 3.31054 7.90013 3.31054H10.8226V2.48895V1.66735L7.68482 1.67126C5.25184 1.67126 4.48891 1.68691 4.30881 1.72602Z" fill="#4C5366"/>
|
|
1375
|
+
<path d="M12.5058 2.48917V3.31077H14.0004H15.4988L13.3548 5.45481L11.2148 7.59477L11.7939 8.17385C12.1108 8.49069 12.3887 8.74902 12.4082 8.74902C12.4317 8.74902 13.4019 7.79443 14.5679 6.62845L16.6924 4.50413V6.0026V7.49715H17.514H18.3352V4.58253V1.66791H15.4206H12.5058V2.48917Z" fill="#4C5366"/>
|
|
1376
|
+
</svg>
|
|
1377
|
+
</a>
|
|
1378
|
+
</div>
|
|
1379
|
+
<hr />
|
|
1380
|
+
<div class="menu-point">
|
|
1381
|
+
<snippyly-user-request-tool type="feedback"></snippyly-user-request-tool>
|
|
1382
|
+
</div>
|
|
1383
|
+
<div class="menu-point">
|
|
1384
|
+
<snippyly-user-request-tool type="reportBug"></snippyly-user-request-tool>
|
|
1385
|
+
</div>
|
|
1386
|
+
<div class="menu-point">
|
|
1387
|
+
<snippyly-user-request-tool type="contactUs"></snippyly-user-request-tool>
|
|
1388
|
+
</div>
|
|
1389
|
+
<div class="menu-point" @click=${()=>this.joinCommunity()}>
|
|
1390
|
+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1391
|
+
<path d="M6.28358 14.5984C6.28358 15.748 5.35444 16.6772 4.20484 16.6772C3.05523 16.6772 2.1261 15.748 2.1261 14.5984C2.1261 13.4488 3.05523 12.5197 4.20484 12.5197H6.28358V14.5984ZM7.32295 14.5984C7.32295 13.4488 8.25208 12.5197 9.40169 12.5197C10.5513 12.5197 11.4804 13.4488 11.4804 14.5984V19.7953C11.4804 20.9449 10.5513 21.874 9.40169 21.874C8.25208 21.874 7.32295 20.9449 7.32295 19.7953V14.5984Z" fill="#777E91" />
|
|
1392
|
+
<path d="M9.40157 6.25196C8.25196 6.25196 7.32283 5.32283 7.32283 4.17322C7.32283 3.02362 8.25196 2.09448 9.40157 2.09448C10.5512 2.09448 11.4803 3.02362 11.4803 4.17322V6.25196H9.40157ZM9.40157 7.30708C10.5512 7.30708 11.4803 8.23622 11.4803 9.38582C11.4803 10.5354 10.5512 11.4646 9.40157 11.4646H4.18897C3.03936 11.4646 2.11023 10.5354 2.11023 9.38582C2.11023 8.23622 3.03936 7.30708 4.18897 7.30708H9.40157Z" fill="#777E91" />
|
|
1393
|
+
<path d="M17.7323 9.38582C17.7323 8.23622 18.6614 7.30708 19.811 7.30708C20.9606 7.30708 21.8897 8.23622 21.8897 9.38582C21.8897 10.5354 20.9606 11.4646 19.811 11.4646H17.7323V9.38582ZM16.6929 9.38582C16.6929 10.5354 15.7637 11.4646 14.6141 11.4646C13.4645 11.4646 12.5354 10.5354 12.5354 9.38582V4.17322C12.5354 3.02362 13.4645 2.09448 14.6141 2.09448C15.7637 2.09448 16.6929 3.02362 16.6929 4.17322V9.38582Z" fill="#777E91" />
|
|
1394
|
+
<path d="M14.6141 17.7165C15.7637 17.7165 16.6929 18.6457 16.6929 19.7953C16.6929 20.9449 15.7637 21.874 14.6141 21.874C13.4645 21.874 12.5354 20.9449 12.5354 19.7953V17.7165H14.6141ZM14.6141 16.6772C13.4645 16.6772 12.5354 15.748 12.5354 14.5984C12.5354 13.4488 13.4645 12.5197 14.6141 12.5197H19.8267C20.9763 12.5197 21.9055 13.4488 21.9055 14.5984C21.9055 15.748 20.9763 16.6772 19.8267 16.6772H14.6141Z" fill="#777E91" />
|
|
1395
|
+
</svg>
|
|
1396
|
+
<p>Join Community</p>
|
|
1397
|
+
</div>
|
|
1398
|
+
<hr />
|
|
1399
|
+
<div class="menu-point" @click=${()=>this.removeSnippyly()}>
|
|
1400
|
+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1401
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C10.0478 4 8.24816 4.161 6.80371 4.35177C5.50372 4.52346 4.52346 5.50372 4.35177 6.80371C4.16101 8.24816 4 10.0478 4 12C4 13.9522 4.161 15.7518 4.35177 17.1963C4.52346 18.4963 5.50372 19.4765 6.80371 19.6482C8.24816 19.839 10.0478 20 12 20C13.9522 20 15.7518 19.839 17.1963 19.6482C18.4963 19.4765 19.4765 18.4963 19.6482 17.1963C19.839 15.7518 20 13.9522 20 12C20 10.0478 19.839 8.24816 19.6482 6.80371C19.4765 5.50372 18.4963 4.52346 17.1963 4.35177C15.7518 4.16101 13.9522 4 12 4ZM6.54184 2.36899C4.34504 2.65912 2.65912 4.34504 2.36899 6.54184C2.16953 8.05208 2 9.94127 2 12C2 14.0587 2.16953 15.9479 2.36899 17.4582C2.65912 19.655 4.34504 21.3409 6.54184 21.631C8.05208 21.8305 9.94127 22 12 22C14.0587 22 15.9479 21.8305 17.4582 21.631C19.655 21.3409 21.3409 19.655 21.631 17.4582C21.8305 15.9479 22 14.0587 22 12C22 9.94127 21.8305 8.05208 21.631 6.54184C21.3409 4.34504 19.655 2.65912 17.4582 2.36899C15.9479 2.16953 14.0587 2 12 2C9.94127 2 8.05208 2.16953 6.54184 2.36899Z" fill="#777E91"/>
|
|
1402
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z" fill="#777E91"/>
|
|
1403
|
+
</svg>
|
|
1404
|
+
|
|
1405
|
+
<p>Exit Review Mode</p>
|
|
1406
|
+
</div>
|
|
1407
|
+
<div class="menu-point" @click=${()=>this.loginWithGoogle()}>
|
|
1408
|
+
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1409
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64754 5.99921C8.27961 6.01309 7.97008 5.72609 7.95619 5.35816C7.92488 4.5287 7.8809 3.92331 7.83766 3.48926C7.79508 3.06179 7.53702 2.8046 7.1773 2.76063C6.75313 2.70878 6.15477 2.66634 5.33367 2.66634C4.51254 2.66634 3.91418 2.70878 3.49002 2.76063C3.13048 2.80458 2.87229 3.06189 2.8297 3.48946C2.74944 4.29515 2.667 5.68713 2.667 7.99968C2.667 10.3122 2.74944 11.7042 2.8297 12.5099C2.87229 12.9375 3.13048 13.1948 3.49002 13.2387C3.91418 13.2906 4.51254 13.333 5.33367 13.333C6.15477 13.333 6.75313 13.2906 7.1773 13.2387C7.53702 13.1947 7.79508 12.9376 7.83766 12.5101C7.8809 12.076 7.92488 11.4706 7.95619 10.6412C7.97008 10.2733 8.27961 9.98626 8.64754 10.0001C9.01546 10.014 9.30247 10.3236 9.28858 10.6915C9.25644 11.5428 9.21087 12.1761 9.16443 12.6423C9.06679 13.6224 8.38345 14.4345 7.33908 14.5622C6.85294 14.6216 6.19979 14.6663 5.33367 14.6663C4.46752 14.6663 3.81436 14.6216 3.32822 14.5622C2.28377 14.4345 1.60055 13.622 1.50293 12.6421C1.41698 11.7792 1.33367 10.3407 1.33367 7.99968C1.33367 5.65866 1.41698 4.22013 1.50293 3.35729C1.60055 2.37738 2.28377 1.56483 3.32822 1.43715C3.81436 1.37772 4.46752 1.33301 5.33367 1.33301C6.19979 1.33301 6.85294 1.37772 7.33908 1.43714C8.38345 1.56481 9.06679 2.37697 9.16443 3.35709C9.21087 3.8233 9.25644 4.45651 9.28858 5.30786C9.30247 5.67579 9.01546 5.98532 8.64754 5.99921Z" fill="#777E91"/>
|
|
1410
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1966 6.13807C10.9362 5.87772 10.9362 5.45561 11.1966 5.19526C11.4569 4.93491 11.879 4.93491 12.1394 5.19526L14.4727 7.5286C14.7331 7.78894 14.7331 8.21105 14.4727 8.4714L12.1394 10.8047C11.879 11.0651 11.4569 11.0651 11.1966 10.8047C10.9362 10.5444 10.9362 10.1223 11.1966 9.86193L12.3918 8.66667H6.0013C5.63311 8.66667 5.33463 8.36819 5.33463 8C5.33463 7.63181 5.63311 7.33333 6.0013 7.33333L12.3918 7.33333L11.1966 6.13807Z" fill="#777E91"/>
|
|
1411
|
+
</svg>
|
|
1412
|
+
<p>Sign in</p>
|
|
1413
|
+
</div>
|
|
1414
|
+
</div>
|
|
1415
|
+
<svg
|
|
1416
|
+
class="toolbar-icon"
|
|
1417
|
+
viewBox="0 0 32 32"
|
|
1418
|
+
fill="none"
|
|
1419
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1420
|
+
>
|
|
1421
|
+
<path
|
|
1422
|
+
d="M14 23C14 24.1 14.9 25 16 25C17.1 25 18 24.1 18 23C18 21.9 17.1 21 16 21C14.9 21 14 21.9 14 23ZM14 9C14 10.1 14.9 11 16 11C17.1 11 18 10.1 18 9C18 7.9 17.1 7 16 7C14.9 7 14 7.9 14 9ZM14 16C14 17.1 14.9 18 16 18C17.1 18 18 17.1 18 16C18 14.9 17.1 14 16 14C14.9 14 14 14.9 14 16Z"
|
|
1423
|
+
/>
|
|
1424
|
+
</svg>
|
|
1425
|
+
</div>
|
|
1426
|
+
</div>
|
|
1427
|
+
</div>
|
|
1428
|
+
`:I`
|
|
1224
1429
|
<div class="snippyly-plugin-container">
|
|
1225
1430
|
<div class="toolbar ${ot({expanded:this.expanded})}">
|
|
1226
1431
|
|
|
@@ -1335,7 +1540,7 @@ class ps extends ri{}ps.Encryptor=class extends ps{processBlock(t,e){const i=t,n
|
|
|
1335
1540
|
<p class="action-text">${null===(e=this.comments)||void 0===e?void 0:e.length}</p>
|
|
1336
1541
|
</div>
|
|
1337
1542
|
</snippyly-sidebar-button>
|
|
1338
|
-
${this.isUserGlobalContact?I`
|
|
1543
|
+
${this.isUserGlobalContact||"Admin"===this.snippylyUserRole?I`
|
|
1339
1544
|
<snippyly-menu class="d-sm-none">
|
|
1340
1545
|
<div menu-trigger class="action-border dropdown tooltip">
|
|
1341
1546
|
<div class="tooltiptext">Views</div>
|
|
@@ -1376,12 +1581,12 @@ class ps extends ri{}ps.Encryptor=class extends ps{processBlock(t,e){const i=t,n
|
|
|
1376
1581
|
<!-- actions 2 -->
|
|
1377
1582
|
<div class="toolbar-section user-profile-section ${ot({"d-none":!this.expanded})}">
|
|
1378
1583
|
<div class="toolbar-actions2">
|
|
1379
|
-
${this.snippylyUserRole
|
|
1584
|
+
${"Admin"===this.snippylyUserRole?I`
|
|
1380
1585
|
<div class="action tooltip cursor-pointer d-sm-none user-invite-tool-container">
|
|
1381
1586
|
<div class="tooltiptext">Share</div>
|
|
1382
1587
|
<snippyly-user-invite-tool></snippyly-user-invite-tool>
|
|
1383
1588
|
</div>
|
|
1384
|
-
|
|
1589
|
+
`:null}
|
|
1385
1590
|
<div class="action">
|
|
1386
1591
|
${(null===(i=this.snippylyUser)||void 0===i?void 0:i.photoUrl)?I`<img class="toolbar-img profile-img" src=${null===(n=this.snippylyUser)||void 0===n?void 0:n.photoUrl} referrerpolicy="no-referrer" title=${null===(s=this.snippylyUser)||void 0===s?void 0:s.name} />`:I`<div class="profile-initial"><span>${(null===(r=null===(o=this.snippylyUser)||void 0===o?void 0:o.name)||void 0===r?void 0:r.charAt(0))||(null===(a=null===(l=this.snippylyUser)||void 0===l?void 0:l.email)||void 0===a?void 0:a.charAt(0))}</span></div>`}
|
|
1387
1592
|
</div>
|
|
@@ -1512,209 +1717,4 @@ class ps extends ri{}ps.Encryptor=class extends ps{processBlock(t,e){const i=t,n
|
|
|
1512
1717
|
</div>
|
|
1513
1718
|
</div>
|
|
1514
1719
|
`:I``}
|
|
1515
|
-
`:I
|
|
1516
|
-
<div class="snippyly-plugin-container">
|
|
1517
|
-
<div class="toolbar" id="smallToolbar">
|
|
1518
|
-
<!-- <div class="toolbar-section">
|
|
1519
|
-
<svg class="toolbar-icon-arrow" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1520
|
-
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
1521
|
-
d="M14.1607 12.4941C13.8353 12.8195 13.8353 13.3472 14.1607 13.6726L16.4882 16L14.1607 18.3274C13.8353 18.6528 13.8353 19.1805 14.1607 19.5059C14.4862 19.8314 15.0138 19.8314 15.3393 19.5059L18.2559 16.5893C18.5814 16.2638 18.5814 15.7362 18.2559 15.4107L15.3393 12.4941C15.0138 12.1686 14.4862 12.1686 14.1607 12.4941Z" />
|
|
1522
|
-
</svg>
|
|
1523
|
-
</div> -->
|
|
1524
|
-
<div class="toolbar-section">
|
|
1525
|
-
<svg class="toolbar-logo" width="28" height="28" viewBox="0 0 20 20" fill="none"
|
|
1526
|
-
xmlns="http://www.w3.org/2000/svg">
|
|
1527
|
-
<path
|
|
1528
|
-
d="M7.27564 0.223149C6.79031 0.00346224 6.25358 -0.0557657 5.73589 0.0532382C5.21819 0.162242 4.74372 0.434385 4.37475 0.833949C3.99784 1.2249 3.74112 1.72714 3.63818 2.275C3.53523 2.82287 3.59085 3.39088 3.79775 3.90475C3.99487 4.42252 4.33503 4.86527 4.77372 5.17507C5.21241 5.48487 5.72921 5.64732 6.25653 5.64115H8.91823V2.82595C8.92404 2.26743 8.77031 1.72008 8.4772 1.25563C8.1841 0.791185 7.76528 0.431303 7.27564 0.223149Z"
|
|
1529
|
-
fill="#FFCB00" />
|
|
1530
|
-
<path
|
|
1531
|
-
d="M16.9736 3.72115C16.3509 3.06258 15.5579 2.61408 14.6946 2.43229C13.8313 2.25049 12.9365 2.34355 12.1231 2.69972C11.3097 3.05588 10.6143 3.65918 10.1246 4.43343C9.63489 5.20769 9.37289 6.11818 9.37167 7.04995V11.7611H13.8313C14.714 11.771 15.5791 11.4985 16.3131 10.9793C17.0471 10.46 17.616 9.7183 17.9451 8.85115C18.2892 7.9918 18.3806 7.04259 18.2072 6.12744C18.0339 5.21229 17.604 4.3737 16.9736 3.72115Z"
|
|
1532
|
-
fill="#FF7162" />
|
|
1533
|
-
<path
|
|
1534
|
-
d="M14.4933 13.9835C14.2962 13.4652 13.956 13.0218 13.5172 12.7114C13.0783 12.401 12.5612 12.2379 12.0334 12.2435H9.37167V15.0611C9.36611 15.6198 9.52006 16.1671 9.81336 16.6316C10.1067 17.096 10.5256 17.4558 11.0154 17.6639C11.3431 17.8099 11.6949 17.8853 12.0504 17.8859C12.4867 17.8813 12.9153 17.7635 13.2987 17.5429C13.682 17.3223 14.0085 17.0057 14.2496 16.6206C14.4906 16.2356 14.6388 15.7939 14.6813 15.3342C14.7238 14.8745 14.6593 14.4107 14.4933 13.9835Z"
|
|
1535
|
-
fill="#0DCF82" />
|
|
1536
|
-
<path
|
|
1537
|
-
d="M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z"
|
|
1538
|
-
fill="#A259FE" />
|
|
1539
|
-
</svg>
|
|
1540
|
-
</div>
|
|
1541
|
-
<div class="toolbar-section">
|
|
1542
|
-
<div class="toolbar-divider"></div>
|
|
1543
|
-
</div>
|
|
1544
|
-
<div class="toolbar-section comment-viewmode-section ${ot({"d-none":!this.expanded})}">
|
|
1545
|
-
${this.snippylyUserRole?I`
|
|
1546
|
-
<div class="toolbar-actions1 ${ot({"d-none":!this.commentElement})}">
|
|
1547
|
-
<snippyly-sidebar-button>
|
|
1548
|
-
<div class="action-border tooltip">
|
|
1549
|
-
<div class="tooltiptext">All Comments</div>
|
|
1550
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
1551
|
-
<g clip-path="url(#clip0_5417_64176)">
|
|
1552
|
-
<path d="M3 13.4545H6.56308C6.94874 13.4546 7.32675 13.5676 7.65478 13.7806C7.9828 13.9937 8.24787 14.2985 8.42031 14.6608L8.65662 15.1573C8.82912 15.5199 9.09434 15.8248 9.42254 16.0378C9.75074 16.2509 10.129 16.3637 10.5148 16.3636H13.4852C13.871 16.3637 14.2493 16.2509 14.5775 16.0378C14.9057 15.8248 15.1709 15.5199 15.3434 15.1573L15.5797 14.6608C15.7522 14.2983 16.0174 13.9934 16.3456 13.7804C16.6738 13.5673 17.052 13.4545 17.4378 13.4545H21M3 13.7823V17.8182C3 18.3968 3.21882 18.9518 3.60832 19.361C3.99782 19.7701 4.52609 20 5.07692 20H18.9231C19.4739 20 20.0022 19.7701 20.3917 19.361C20.7812 18.9518 21 18.3968 21 17.8182V13.7823C21 13.5651 20.9686 13.3488 20.9077 13.1413L18.6831 5.53988C18.5524 5.09405 18.2892 4.70395 17.932 4.42681C17.5748 4.14967 17.1425 4.00008 16.6985 4H7.30246C6.85841 4.00008 6.42608 4.14967 6.0689 4.42681C5.71172 4.70395 5.44849 5.09405 5.31785 5.53988L3.09231 13.1413C3.03133 13.349 3.00021 13.565 3 13.7823Z" stroke="#8F95B2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
1553
|
-
</g>
|
|
1554
|
-
<defs>
|
|
1555
|
-
<clipPath id="clip0_5417_64176">
|
|
1556
|
-
<rect width="24" height="24" fill="white"/>
|
|
1557
|
-
</clipPath>
|
|
1558
|
-
</defs>
|
|
1559
|
-
</svg>
|
|
1560
|
-
<p class="action-text">${null===(t=this.comments)||void 0===t?void 0:t.length}</p>
|
|
1561
|
-
</div>
|
|
1562
|
-
</snippyly-sidebar-button>
|
|
1563
|
-
</div>
|
|
1564
|
-
<div class="toolbar-section ${ot({"d-none":!this.commentElement})}">
|
|
1565
|
-
<div class="toolbar-divider"></div>
|
|
1566
|
-
</div>
|
|
1567
|
-
`:null}
|
|
1568
|
-
<div class="toolbar-section" @click=${()=>this.loginWithGoogle()}>
|
|
1569
|
-
<a class="toolbar-button sign-in-button ${ot({loading:this.loading})}">
|
|
1570
|
-
${this.loading?I`
|
|
1571
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
|
|
1572
|
-
<g transform="rotate(0 50 50)">
|
|
1573
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1574
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
|
|
1575
|
-
</rect>
|
|
1576
|
-
</g><g transform="rotate(30 50 50)">
|
|
1577
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1578
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
|
|
1579
|
-
</rect>
|
|
1580
|
-
</g><g transform="rotate(60 50 50)">
|
|
1581
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1582
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
|
|
1583
|
-
</rect>
|
|
1584
|
-
</g><g transform="rotate(90 50 50)">
|
|
1585
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1586
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
|
|
1587
|
-
</rect>
|
|
1588
|
-
</g><g transform="rotate(120 50 50)">
|
|
1589
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1590
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
|
|
1591
|
-
</rect>
|
|
1592
|
-
</g><g transform="rotate(150 50 50)">
|
|
1593
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1594
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
|
|
1595
|
-
</rect>
|
|
1596
|
-
</g><g transform="rotate(180 50 50)">
|
|
1597
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1598
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
|
|
1599
|
-
</rect>
|
|
1600
|
-
</g><g transform="rotate(210 50 50)">
|
|
1601
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1602
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
|
|
1603
|
-
</rect>
|
|
1604
|
-
</g><g transform="rotate(240 50 50)">
|
|
1605
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1606
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
|
|
1607
|
-
</rect>
|
|
1608
|
-
</g><g transform="rotate(270 50 50)">
|
|
1609
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1610
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
|
|
1611
|
-
</rect>
|
|
1612
|
-
</g><g transform="rotate(300 50 50)">
|
|
1613
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1614
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
|
|
1615
|
-
</rect>
|
|
1616
|
-
</g><g transform="rotate(330 50 50)">
|
|
1617
|
-
<rect x="47" y="6" rx="3" ry="12" width="6" height="24" fill="white">
|
|
1618
|
-
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
|
|
1619
|
-
</rect>
|
|
1620
|
-
</g>
|
|
1621
|
-
</svg>
|
|
1622
|
-
Signing In
|
|
1623
|
-
`:I`${this.signInError?I`
|
|
1624
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1625
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64754 5.99921C8.27961 6.01309 7.97008 5.72609 7.95619 5.35816C7.92488 4.5287 7.8809 3.92331 7.83766 3.48926C7.79508 3.06179 7.53702 2.8046 7.1773 2.76063C6.75313 2.70878 6.15477 2.66634 5.33367 2.66634C4.51254 2.66634 3.91418 2.70878 3.49002 2.76063C3.13048 2.80458 2.87229 3.06189 2.8297 3.48946C2.74944 4.29515 2.667 5.68713 2.667 7.99968C2.667 10.3122 2.74944 11.7042 2.8297 12.5099C2.87229 12.9375 3.13048 13.1948 3.49002 13.2387C3.91418 13.2906 4.51254 13.333 5.33367 13.333C6.15477 13.333 6.75313 13.2906 7.1773 13.2387C7.53702 13.1947 7.79508 12.9376 7.83766 12.5101C7.8809 12.076 7.92488 11.4706 7.95619 10.6412C7.97008 10.2733 8.27961 9.98626 8.64754 10.0001C9.01546 10.014 9.30247 10.3236 9.28858 10.6915C9.25644 11.5428 9.21087 12.1761 9.16443 12.6423C9.06679 13.6224 8.38345 14.4345 7.33908 14.5622C6.85294 14.6216 6.19979 14.6663 5.33367 14.6663C4.46752 14.6663 3.81436 14.6216 3.32822 14.5622C2.28377 14.4345 1.60055 13.622 1.50293 12.6421C1.41698 11.7792 1.33367 10.3407 1.33367 7.99968C1.33367 5.65866 1.41698 4.22013 1.50293 3.35729C1.60055 2.37738 2.28377 1.56483 3.32822 1.43715C3.81436 1.37772 4.46752 1.33301 5.33367 1.33301C6.19979 1.33301 6.85294 1.37772 7.33908 1.43714C8.38345 1.56481 9.06679 2.37697 9.16443 3.35709C9.21087 3.8233 9.25644 4.45651 9.28858 5.30786C9.30247 5.67579 9.01546 5.98532 8.64754 5.99921Z" fill="white"/>
|
|
1626
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1966 6.13807C10.9362 5.87772 10.9362 5.45561 11.1966 5.19526C11.4569 4.93491 11.879 4.93491 12.1394 5.19526L14.4727 7.5286C14.7331 7.78894 14.7331 8.21105 14.4727 8.4714L12.1394 10.8047C11.879 11.0651 11.4569 11.0651 11.1966 10.8047C10.9362 10.5444 10.9362 10.1223 11.1966 9.86193L12.3918 8.66667H6.0013C5.63311 8.66667 5.33463 8.36819 5.33463 8C5.33463 7.63181 5.63311 7.33333 6.0013 7.33333L12.3918 7.33333L11.1966 6.13807Z" fill="white"/>
|
|
1627
|
-
</svg>
|
|
1628
|
-
<span>Sign in again!</span>
|
|
1629
|
-
`:I`
|
|
1630
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1631
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64754 5.99921C8.27961 6.01309 7.97008 5.72609 7.95619 5.35816C7.92488 4.5287 7.8809 3.92331 7.83766 3.48926C7.79508 3.06179 7.53702 2.8046 7.1773 2.76063C6.75313 2.70878 6.15477 2.66634 5.33367 2.66634C4.51254 2.66634 3.91418 2.70878 3.49002 2.76063C3.13048 2.80458 2.87229 3.06189 2.8297 3.48946C2.74944 4.29515 2.667 5.68713 2.667 7.99968C2.667 10.3122 2.74944 11.7042 2.8297 12.5099C2.87229 12.9375 3.13048 13.1948 3.49002 13.2387C3.91418 13.2906 4.51254 13.333 5.33367 13.333C6.15477 13.333 6.75313 13.2906 7.1773 13.2387C7.53702 13.1947 7.79508 12.9376 7.83766 12.5101C7.8809 12.076 7.92488 11.4706 7.95619 10.6412C7.97008 10.2733 8.27961 9.98626 8.64754 10.0001C9.01546 10.014 9.30247 10.3236 9.28858 10.6915C9.25644 11.5428 9.21087 12.1761 9.16443 12.6423C9.06679 13.6224 8.38345 14.4345 7.33908 14.5622C6.85294 14.6216 6.19979 14.6663 5.33367 14.6663C4.46752 14.6663 3.81436 14.6216 3.32822 14.5622C2.28377 14.4345 1.60055 13.622 1.50293 12.6421C1.41698 11.7792 1.33367 10.3407 1.33367 7.99968C1.33367 5.65866 1.41698 4.22013 1.50293 3.35729C1.60055 2.37738 2.28377 1.56483 3.32822 1.43715C3.81436 1.37772 4.46752 1.33301 5.33367 1.33301C6.19979 1.33301 6.85294 1.37772 7.33908 1.43714C8.38345 1.56481 9.06679 2.37697 9.16443 3.35709C9.21087 3.8233 9.25644 4.45651 9.28858 5.30786C9.30247 5.67579 9.01546 5.98532 8.64754 5.99921Z" fill="white"/>
|
|
1632
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1966 6.13807C10.9362 5.87772 10.9362 5.45561 11.1966 5.19526C11.4569 4.93491 11.879 4.93491 12.1394 5.19526L14.4727 7.5286C14.7331 7.78894 14.7331 8.21105 14.4727 8.4714L12.1394 10.8047C11.879 11.0651 11.4569 11.0651 11.1966 10.8047C10.9362 10.5444 10.9362 10.1223 11.1966 9.86193L12.3918 8.66667H6.0013C5.63311 8.66667 5.33463 8.36819 5.33463 8C5.33463 7.63181 5.63311 7.33333 6.0013 7.33333L12.3918 7.33333L11.1966 6.13807Z" fill="white"/>
|
|
1633
|
-
</svg>
|
|
1634
|
-
<span>Sign in to comment</span>
|
|
1635
|
-
`}`}
|
|
1636
|
-
</a>
|
|
1637
|
-
</div>
|
|
1638
|
-
<div class="toolbar-section">
|
|
1639
|
-
<div class="toolbar-divider"></div>
|
|
1640
|
-
</div>
|
|
1641
|
-
<div class="toolbar-section s-more-menu dropdown">
|
|
1642
|
-
<div class="dropdown-content">
|
|
1643
|
-
<div class="menu-point header disable-hover">
|
|
1644
|
-
<svg class="toolbar-logo" width="28" height="28" viewBox="0 0 20 20" fill="none"
|
|
1645
|
-
xmlns="http://www.w3.org/2000/svg">
|
|
1646
|
-
<path
|
|
1647
|
-
d="M7.27564 0.223149C6.79031 0.00346224 6.25358 -0.0557657 5.73589 0.0532382C5.21819 0.162242 4.74372 0.434385 4.37475 0.833949C3.99784 1.2249 3.74112 1.72714 3.63818 2.275C3.53523 2.82287 3.59085 3.39088 3.79775 3.90475C3.99487 4.42252 4.33503 4.86527 4.77372 5.17507C5.21241 5.48487 5.72921 5.64732 6.25653 5.64115H8.91823V2.82595C8.92404 2.26743 8.77031 1.72008 8.4772 1.25563C8.1841 0.791185 7.76528 0.431303 7.27564 0.223149Z"
|
|
1648
|
-
fill="#FFCB00" />
|
|
1649
|
-
<path
|
|
1650
|
-
d="M16.9736 3.72115C16.3509 3.06258 15.5579 2.61408 14.6946 2.43229C13.8313 2.25049 12.9365 2.34355 12.1231 2.69972C11.3097 3.05588 10.6143 3.65918 10.1246 4.43343C9.63489 5.20769 9.37289 6.11818 9.37167 7.04995V11.7611H13.8313C14.714 11.771 15.5791 11.4985 16.3131 10.9793C17.0471 10.46 17.616 9.7183 17.9451 8.85115C18.2892 7.9918 18.3806 7.04259 18.2072 6.12744C18.0339 5.21229 17.604 4.3737 16.9736 3.72115Z"
|
|
1651
|
-
fill="#FF7162" />
|
|
1652
|
-
<path
|
|
1653
|
-
d="M14.4933 13.9835C14.2962 13.4652 13.956 13.0218 13.5172 12.7114C13.0783 12.401 12.5612 12.2379 12.0334 12.2435H9.37167V15.0611C9.36611 15.6198 9.52006 16.1671 9.81336 16.6316C10.1067 17.096 10.5256 17.4558 11.0154 17.6639C11.3431 17.8099 11.6949 17.8853 12.0504 17.8859C12.4867 17.8813 12.9153 17.7635 13.2987 17.5429C13.682 17.3223 14.0085 17.0057 14.2496 16.6206C14.4906 16.2356 14.6388 15.7939 14.6813 15.3342C14.7238 14.8745 14.6593 14.4107 14.4933 13.9835Z"
|
|
1654
|
-
fill="#0DCF82" />
|
|
1655
|
-
<path
|
|
1656
|
-
d="M0.351589 9.03355C0.00514201 9.8932 -0.0880133 10.8436 0.0843205 11.7602C0.256654 12.6768 0.686445 13.517 1.31742 14.1708C1.72451 14.6098 2.20989 14.9589 2.74541 15.1979C3.28094 15.4368 3.85595 15.5608 4.4371 15.5628C5.03193 15.5613 5.62062 15.4353 6.16924 15.192C6.9885 14.8437 7.68929 14.2415 8.17981 13.4645C8.67033 12.6874 8.92771 11.7717 8.91823 10.8372V6.12115H4.46544C3.58239 6.11147 2.71718 6.38434 1.98312 6.90402C1.24906 7.4237 0.680388 8.16595 0.351589 9.03355Z"
|
|
1657
|
-
fill="#A259FE" />
|
|
1658
|
-
</svg>
|
|
1659
|
-
<p>Superflow</p>
|
|
1660
|
-
</div>
|
|
1661
|
-
<div class="menu-point-wrap">
|
|
1662
|
-
Sign in to comment on this page.
|
|
1663
|
-
<a href="https://www.usesuperflow.com/features" target="_blank">
|
|
1664
|
-
Learn more
|
|
1665
|
-
<svg width="14" height="14" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1666
|
-
<path d="M4.30881 1.72602C3.67106 1.86293 3.11953 2.1682 2.64215 2.64149C2.29011 2.99745 2.05915 3.34183 1.89878 3.76037C1.66018 4.37857 1.668 4.08911 1.668 10.0007C1.668 15.9122 1.66018 15.6228 1.89878 16.241C2.29385 17.2699 3.29164 18.0876 4.38704 18.291C4.70779 18.3496 15.2947 18.3496 15.6154 18.291C16.2297 18.1775 16.9494 17.7942 17.3838 17.3481C17.8221 16.8942 18.1506 16.284 18.2797 15.6736C18.3227 15.4702 18.3345 14.8051 18.3345 12.2973V9.17907H17.5129H16.6913V12.1017C16.6913 13.7957 16.6756 15.126 16.6522 15.259C16.5348 15.975 15.9753 16.5343 15.2593 16.6517C14.9503 16.7025 5.05201 16.7025 4.74282 16.6517C4.03857 16.5382 3.48296 15.9944 3.34997 15.2862C3.29912 15.0085 3.29521 5.06326 3.34997 4.74251C3.46731 4.02653 4.02684 3.467 4.74282 3.34966C4.87582 3.32619 6.20609 3.31054 7.90013 3.31054H10.8226V2.48895V1.66735L7.68482 1.67126C5.25184 1.67126 4.48891 1.68691 4.30881 1.72602Z" fill="#4C5366"/>
|
|
1667
|
-
<path d="M12.5058 2.48917V3.31077H14.0004H15.4988L13.3548 5.45481L11.2148 7.59477L11.7939 8.17385C12.1108 8.49069 12.3887 8.74902 12.4082 8.74902C12.4317 8.74902 13.4019 7.79443 14.5679 6.62845L16.6924 4.50413V6.0026V7.49715H17.514H18.3352V4.58253V1.66791H15.4206H12.5058V2.48917Z" fill="#4C5366"/>
|
|
1668
|
-
</svg>
|
|
1669
|
-
</a>
|
|
1670
|
-
</div>
|
|
1671
|
-
<hr />
|
|
1672
|
-
<div class="menu-point">
|
|
1673
|
-
<snippyly-user-request-tool type="feedback"></snippyly-user-request-tool>
|
|
1674
|
-
</div>
|
|
1675
|
-
<div class="menu-point">
|
|
1676
|
-
<snippyly-user-request-tool type="reportBug"></snippyly-user-request-tool>
|
|
1677
|
-
</div>
|
|
1678
|
-
<div class="menu-point">
|
|
1679
|
-
<snippyly-user-request-tool type="contactUs"></snippyly-user-request-tool>
|
|
1680
|
-
</div>
|
|
1681
|
-
<div class="menu-point" @click=${()=>this.joinCommunity()}>
|
|
1682
|
-
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1683
|
-
<path d="M6.28358 14.5984C6.28358 15.748 5.35444 16.6772 4.20484 16.6772C3.05523 16.6772 2.1261 15.748 2.1261 14.5984C2.1261 13.4488 3.05523 12.5197 4.20484 12.5197H6.28358V14.5984ZM7.32295 14.5984C7.32295 13.4488 8.25208 12.5197 9.40169 12.5197C10.5513 12.5197 11.4804 13.4488 11.4804 14.5984V19.7953C11.4804 20.9449 10.5513 21.874 9.40169 21.874C8.25208 21.874 7.32295 20.9449 7.32295 19.7953V14.5984Z" fill="#777E91" />
|
|
1684
|
-
<path d="M9.40157 6.25196C8.25196 6.25196 7.32283 5.32283 7.32283 4.17322C7.32283 3.02362 8.25196 2.09448 9.40157 2.09448C10.5512 2.09448 11.4803 3.02362 11.4803 4.17322V6.25196H9.40157ZM9.40157 7.30708C10.5512 7.30708 11.4803 8.23622 11.4803 9.38582C11.4803 10.5354 10.5512 11.4646 9.40157 11.4646H4.18897C3.03936 11.4646 2.11023 10.5354 2.11023 9.38582C2.11023 8.23622 3.03936 7.30708 4.18897 7.30708H9.40157Z" fill="#777E91" />
|
|
1685
|
-
<path d="M17.7323 9.38582C17.7323 8.23622 18.6614 7.30708 19.811 7.30708C20.9606 7.30708 21.8897 8.23622 21.8897 9.38582C21.8897 10.5354 20.9606 11.4646 19.811 11.4646H17.7323V9.38582ZM16.6929 9.38582C16.6929 10.5354 15.7637 11.4646 14.6141 11.4646C13.4645 11.4646 12.5354 10.5354 12.5354 9.38582V4.17322C12.5354 3.02362 13.4645 2.09448 14.6141 2.09448C15.7637 2.09448 16.6929 3.02362 16.6929 4.17322V9.38582Z" fill="#777E91" />
|
|
1686
|
-
<path d="M14.6141 17.7165C15.7637 17.7165 16.6929 18.6457 16.6929 19.7953C16.6929 20.9449 15.7637 21.874 14.6141 21.874C13.4645 21.874 12.5354 20.9449 12.5354 19.7953V17.7165H14.6141ZM14.6141 16.6772C13.4645 16.6772 12.5354 15.748 12.5354 14.5984C12.5354 13.4488 13.4645 12.5197 14.6141 12.5197H19.8267C20.9763 12.5197 21.9055 13.4488 21.9055 14.5984C21.9055 15.748 20.9763 16.6772 19.8267 16.6772H14.6141Z" fill="#777E91" />
|
|
1687
|
-
</svg>
|
|
1688
|
-
<p>Join Community</p>
|
|
1689
|
-
</div>
|
|
1690
|
-
<hr />
|
|
1691
|
-
<div class="menu-point" @click=${()=>this.removeSnippyly()}>
|
|
1692
|
-
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1693
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C10.0478 4 8.24816 4.161 6.80371 4.35177C5.50372 4.52346 4.52346 5.50372 4.35177 6.80371C4.16101 8.24816 4 10.0478 4 12C4 13.9522 4.161 15.7518 4.35177 17.1963C4.52346 18.4963 5.50372 19.4765 6.80371 19.6482C8.24816 19.839 10.0478 20 12 20C13.9522 20 15.7518 19.839 17.1963 19.6482C18.4963 19.4765 19.4765 18.4963 19.6482 17.1963C19.839 15.7518 20 13.9522 20 12C20 10.0478 19.839 8.24816 19.6482 6.80371C19.4765 5.50372 18.4963 4.52346 17.1963 4.35177C15.7518 4.16101 13.9522 4 12 4ZM6.54184 2.36899C4.34504 2.65912 2.65912 4.34504 2.36899 6.54184C2.16953 8.05208 2 9.94127 2 12C2 14.0587 2.16953 15.9479 2.36899 17.4582C2.65912 19.655 4.34504 21.3409 6.54184 21.631C8.05208 21.8305 9.94127 22 12 22C14.0587 22 15.9479 21.8305 17.4582 21.631C19.655 21.3409 21.3409 19.655 21.631 17.4582C21.8305 15.9479 22 14.0587 22 12C22 9.94127 21.8305 8.05208 21.631 6.54184C21.3409 4.34504 19.655 2.65912 17.4582 2.36899C15.9479 2.16953 14.0587 2 12 2C9.94127 2 8.05208 2.16953 6.54184 2.36899Z" fill="#777E91"/>
|
|
1694
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z" fill="#777E91"/>
|
|
1695
|
-
</svg>
|
|
1696
|
-
|
|
1697
|
-
<p>Exit Review Mode</p>
|
|
1698
|
-
</div>
|
|
1699
|
-
<div class="menu-point" @click=${()=>this.loginWithGoogle()}>
|
|
1700
|
-
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1701
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64754 5.99921C8.27961 6.01309 7.97008 5.72609 7.95619 5.35816C7.92488 4.5287 7.8809 3.92331 7.83766 3.48926C7.79508 3.06179 7.53702 2.8046 7.1773 2.76063C6.75313 2.70878 6.15477 2.66634 5.33367 2.66634C4.51254 2.66634 3.91418 2.70878 3.49002 2.76063C3.13048 2.80458 2.87229 3.06189 2.8297 3.48946C2.74944 4.29515 2.667 5.68713 2.667 7.99968C2.667 10.3122 2.74944 11.7042 2.8297 12.5099C2.87229 12.9375 3.13048 13.1948 3.49002 13.2387C3.91418 13.2906 4.51254 13.333 5.33367 13.333C6.15477 13.333 6.75313 13.2906 7.1773 13.2387C7.53702 13.1947 7.79508 12.9376 7.83766 12.5101C7.8809 12.076 7.92488 11.4706 7.95619 10.6412C7.97008 10.2733 8.27961 9.98626 8.64754 10.0001C9.01546 10.014 9.30247 10.3236 9.28858 10.6915C9.25644 11.5428 9.21087 12.1761 9.16443 12.6423C9.06679 13.6224 8.38345 14.4345 7.33908 14.5622C6.85294 14.6216 6.19979 14.6663 5.33367 14.6663C4.46752 14.6663 3.81436 14.6216 3.32822 14.5622C2.28377 14.4345 1.60055 13.622 1.50293 12.6421C1.41698 11.7792 1.33367 10.3407 1.33367 7.99968C1.33367 5.65866 1.41698 4.22013 1.50293 3.35729C1.60055 2.37738 2.28377 1.56483 3.32822 1.43715C3.81436 1.37772 4.46752 1.33301 5.33367 1.33301C6.19979 1.33301 6.85294 1.37772 7.33908 1.43714C8.38345 1.56481 9.06679 2.37697 9.16443 3.35709C9.21087 3.8233 9.25644 4.45651 9.28858 5.30786C9.30247 5.67579 9.01546 5.98532 8.64754 5.99921Z" fill="#777E91"/>
|
|
1702
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1966 6.13807C10.9362 5.87772 10.9362 5.45561 11.1966 5.19526C11.4569 4.93491 11.879 4.93491 12.1394 5.19526L14.4727 7.5286C14.7331 7.78894 14.7331 8.21105 14.4727 8.4714L12.1394 10.8047C11.879 11.0651 11.4569 11.0651 11.1966 10.8047C10.9362 10.5444 10.9362 10.1223 11.1966 9.86193L12.3918 8.66667H6.0013C5.63311 8.66667 5.33463 8.36819 5.33463 8C5.33463 7.63181 5.63311 7.33333 6.0013 7.33333L12.3918 7.33333L11.1966 6.13807Z" fill="#777E91"/>
|
|
1703
|
-
</svg>
|
|
1704
|
-
<p>Sign in</p>
|
|
1705
|
-
</div>
|
|
1706
|
-
</div>
|
|
1707
|
-
<svg
|
|
1708
|
-
class="toolbar-icon"
|
|
1709
|
-
viewBox="0 0 32 32"
|
|
1710
|
-
fill="none"
|
|
1711
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1712
|
-
>
|
|
1713
|
-
<path
|
|
1714
|
-
d="M14 23C14 24.1 14.9 25 16 25C17.1 25 18 24.1 18 23C18 21.9 17.1 21 16 21C14.9 21 14 21.9 14 23ZM14 9C14 10.1 14.9 11 16 11C17.1 11 18 10.1 18 9C18 7.9 17.1 7 16 7C14.9 7 14 7.9 14 9ZM14 16C14 17.1 14.9 18 16 18C17.1 18 18 17.1 18 16C18 14.9 17.1 14 16 14C14.9 14 14 14.9 14 16Z"
|
|
1715
|
-
/>
|
|
1716
|
-
</svg>
|
|
1717
|
-
</div>
|
|
1718
|
-
</div>
|
|
1719
|
-
</div>
|
|
1720
|
-
`:I``}};Bs.styles=[$s,As],_s([it()],Bs.prototype,"loadPlugin",null),_s([it()],Bs.prototype,"comments",void 0),_s([it()],Bs.prototype,"commentElement",void 0),_s([it()],Bs.prototype,"contactElement",void 0),_s([it()],Bs.prototype,"rewriterElement",void 0),_s([it()],Bs.prototype,"commentSubscription",void 0),_s([it()],Bs.prototype,"selectionElement",void 0),_s([it()],Bs.prototype,"addCommentMode",void 0),_s([it()],Bs.prototype,"_expanded",void 0),_s([it()],Bs.prototype,"loading",void 0),_s([it()],Bs.prototype,"signInError",void 0),_s([it()],Bs.prototype,"snippylyUser",void 0),_s([it()],Bs.prototype,"snippylyUserRole",void 0),_s([it()],Bs.prototype,"showOnboardingModal",void 0),_s([et()],Bs.prototype,"apiKey",null),_s([it()],Bs.prototype,"staging",void 0),_s([et()],Bs.prototype,"projectVersionKey",null),_s([it()],Bs.prototype,"projectVersion",void 0),_s([it()],Bs.prototype,"_menuOpenedId",void 0),_s([it()],Bs.prototype,"copyLinkTooltip",void 0),_s([it()],Bs.prototype,"invalidApiKey",void 0),_s([it()],Bs.prototype,"documentId",void 0),_s([it()],Bs.prototype,"isUserGlobalContact",void 0),_s([it()],Bs.prototype,"location",void 0),_s([it()],Bs.prototype,"viewMode",void 0),Bs=_s([(t=>e=>"function"==typeof e?((t,e)=>(window.customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:n}=e;return{kind:i,elements:n,finisher(e){window.customElements.define(t,e)}}})(t,e))("snippyly-plugin")],Bs);export{Bs as SnippylyPlugin};
|
|
1720
|
+
`:I``}};Bs.styles=[$s,As],_s([it()],Bs.prototype,"loadPlugin",null),_s([it()],Bs.prototype,"comments",void 0),_s([it()],Bs.prototype,"commentElement",void 0),_s([it()],Bs.prototype,"contactElement",void 0),_s([it()],Bs.prototype,"rewriterElement",void 0),_s([it()],Bs.prototype,"commentSubscription",void 0),_s([it()],Bs.prototype,"selectionElement",void 0),_s([it()],Bs.prototype,"addCommentMode",void 0),_s([it()],Bs.prototype,"_expanded",void 0),_s([it()],Bs.prototype,"loading",void 0),_s([it()],Bs.prototype,"signInError",void 0),_s([it()],Bs.prototype,"snippylyUser",void 0),_s([it()],Bs.prototype,"snippylyUserRole",void 0),_s([it()],Bs.prototype,"showOnboardingModal",void 0),_s([et()],Bs.prototype,"apiKey",null),_s([it()],Bs.prototype,"staging",void 0),_s([et()],Bs.prototype,"projectVersionKey",null),_s([it()],Bs.prototype,"projectVersion",void 0),_s([it()],Bs.prototype,"_menuOpenedId",void 0),_s([it()],Bs.prototype,"copyLinkTooltip",void 0),_s([it()],Bs.prototype,"invalidApiKey",void 0),_s([it()],Bs.prototype,"documentId",void 0),_s([it()],Bs.prototype,"isUserGlobalContact",void 0),_s([it()],Bs.prototype,"location",void 0),_s([it()],Bs.prototype,"viewMode",void 0),Bs=_s([(t=>e=>"function"==typeof e?((t,e)=>(window.customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:n}=e;return{kind:i,elements:n,finisher(e){window.customElements.define(t,e)}}})(t,e))("snippyly-plugin")],Bs);export{Bs as SnippylyPlugin};
|