New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
fs-feedback-creator
Advanced tools
fs-feedback-creator - npm Package Compare versions
Comparing version 2.0.40 to 2.0.41
@@ -250,3 +250,3 @@ // modules are defined as an array | ||
| this.root.innerHTML = html; | ||
| this.root.style.cssText = "width: 100%; display: flex; transform: translate(0, -50%);" + this.style_map.get(this.fb.wgPosition) + this.elementsPosition; | ||
| this.root.style.cssText = "width: 100%; display: flex; transform: translate(0, -50%); z-index: 4598465323;" + this.style_map.get(this.fb.wgPosition) + this.elementsPosition; | ||
| this.addButtonTrigger = true; | ||
@@ -307,3 +307,3 @@ this.addButtonEventListener.then(buttonId => { | ||
| <img src='https://www.fullsession.io/wp-content/uploads/2021/04/cropped-icon-fullsession-32x32.png' style="width: 18px; height: 18px;"> | ||
| <div style="margin-top: 5.4px;"> | ||
| <div style="margin-top: 6.4px;"> | ||
| <p id="fullsessionLinkText${this.fb.id.toString()}">Not using <a style="color: black" href="https://www.fullsession.io" target="_blank">Fullsession</a> yet?</p> | ||
@@ -315,3 +315,3 @@ </div> | ||
| this.root.innerHTML = html; | ||
| this.root.style.cssText = "width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| this.root.style.cssText = "width: 100%; display: flex; z-index: 4598465323;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| const closeButton = document.getElementById("closeModal" + this.fb.id.toString()); | ||
@@ -324,2 +324,3 @@ closeButton.addEventListener("click", () => { | ||
| next.addEventListener("click", () => { | ||
| clearInterval(checkTextAreaInterval); | ||
| this.renderForm(selectedIcon, selectedText); | ||
@@ -334,3 +335,2 @@ }); | ||
| } else { | ||
| clearInterval(checkTextAreaInterval); | ||
| next.disabled = false; | ||
@@ -468,3 +468,3 @@ next.style.cursor = "pointer"; | ||
| <img src='https://www.fullsession.io/wp-content/uploads/2021/04/cropped-icon-fullsession-32x32.png' style="width: 18px; height: 18px;"> | ||
| <div style="margin-top: 5.4px;"> | ||
| <div style="margin-top: 6.4px;"> | ||
| <p id="fullsessionLinkText${this.fb.id.toString()}">Not using <a style="color: black" href="https://www.fullsession.io" target="_blank">Fullsession</a> yet?</p> | ||
@@ -477,3 +477,3 @@ </div> | ||
| this.root.innerHTML = html; | ||
| this.root.style.cssText = "width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| this.root.style.cssText = "width: 100%; display: flex; z-index: 4598465323;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| document.getElementById(selectedText + this.fb.id.toString()).style.setProperty("display", "block"); | ||
@@ -601,3 +601,3 @@ document.getElementById(selectedIcon + this.fb.id.toString()).style.width = "37px"; | ||
| <img src='https://www.fullsession.io/wp-content/uploads/2021/04/cropped-icon-fullsession-32x32.png' style="width: 18px; height: 18px;"> | ||
| <div style="margin-top: 5.4px;"> | ||
| <div style="margin-top: 6.4px;"> | ||
| <p id="fullsessionLinkText${this.fb.id.toString()}">Not using <a style="color: black" href="https://www.fullsession.io" target="_blank">Fullsession</a> yet?</p> | ||
@@ -610,3 +610,3 @@ </div> | ||
| this.root.innerHTML = html; | ||
| this.root.style.cssText = "width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| this.root.style.cssText = "width: 100%; display: flex; z-index: 4598465323;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| let visitorEmail = ""; | ||
@@ -672,3 +672,3 @@ const closeButton = document.getElementById("closeEmailModal" + this.fb.id.toString()); | ||
| this.root.innerHTML = html; | ||
| this.root.style.cssText = "width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| this.root.style.cssText = "width: 100%; display: flex; z-index: 4598465323;" + this.modalViews.get(this.fb.wgPosition) + this.elementsPosition; | ||
| const closeButton = document.getElementById("thxClose" + this.fb.id.toString()); | ||
@@ -688,3 +688,6 @@ closeButton.addEventListener("click", () => { | ||
| #fullsessionLinkText${this.fb.id.toString()}{ | ||
| margin-left: 5px; | ||
| margin-left: 5px; | ||
| margin-bottom: 0px; | ||
| margin-top: 0px; | ||
| margin-right: 0px; | ||
| } | ||
@@ -718,5 +721,4 @@ .fullsessionLink${this.fb.id.toString()}{ | ||
| flex-direction: column-reverse; | ||
| z-index: 1000; | ||
| align-items: center; | ||
| position: relative; | ||
| position: absolute; | ||
| } | ||
@@ -756,3 +758,3 @@ #feedbackButton${this.fb.id.toString()}:hover { | ||
| #reactionModal${this.fb.id.toString()}{ | ||
| height: auto; width: 404px; z-index: 1000; border-radius: 10px; border: solid 2px #d6eaf3; background-color: #f1f5f9; text-align: -webkit-center; text-align: -moz-center; | ||
| height: auto; width: 404px; border-radius: 10px; border: solid 2px #d6eaf3; background-color: #f1f5f9; text-align: -webkit-center; text-align: -moz-center; | ||
| ${this.modalViews.get(this.fb.wgPosition)}; | ||
@@ -762,2 +764,3 @@ animation: reactionModal .2s ease-in; | ||
| padding: 30px 0px 30px 0px; | ||
| position: absolute; | ||
| } | ||
@@ -822,6 +825,7 @@ .modalsTriangle${this.fb.id.toString()}{ | ||
| #commentViewModal${this.fb.id.toString()}{ | ||
| width: 404px; height: auto; z-index: 1000; text-align: -webkit-center; text-align:-moz-center; border-radius: 10px; border: solid 2px #d6eaf3; background-color: #f1f5f9; | ||
| width: 404px; height: auto; text-align: -webkit-center; text-align:-moz-center; border-radius: 10px; border: solid 2px #d6eaf3; background-color: #f1f5f9; | ||
| ${this.modalViews.get(this.fb.wgPosition)}; | ||
| max-width: 90%; | ||
| padding: 30px 30px 28px 28px; | ||
| position: absolute; | ||
| } | ||
@@ -857,6 +861,7 @@ #commentTextArea${this.fb.id.toString()}{ | ||
| #emailModal${this.fb.id.toString()}{ | ||
| width: 404px; height: auto; z-index: 1000; border-radius: 10px; background-color: #f1f5f9; text-align: -webkit-center; text-align:-moz-center; border: solid 2px #d6eaf3; | ||
| width: 404px; height: auto; border-radius: 10px; background-color: #f1f5f9; text-align: -webkit-center; text-align:-moz-center; border: solid 2px #d6eaf3; | ||
| ${this.modalViews.get(this.fb.wgPosition)}; | ||
| max-width: 90%; | ||
| padding: 15px 15px 15px 15px; | ||
| position: absolute; | ||
| } | ||
@@ -888,6 +893,7 @@ #emailModalText${this.fb.id.toString()}{ | ||
| #thanksModal${this.fb.id.toString()}{ | ||
| width: 404px; height: auto; z-index: 1000; border-radius: 10px; background-color: #f1f5f9; text-align: -webkit-center; text-align:-moz-center; border: solid 2px #d6eaf3; | ||
| width: 404px; height: auto; border-radius: 10px; background-color: #f1f5f9; text-align: -webkit-center; text-align:-moz-center; border: solid 2px #d6eaf3; | ||
| ${this.modalViews.get(this.fb.wgPosition)}; | ||
| max-width: 90%; | ||
| padding: 30px 20px 30px 20px; | ||
| position: absolute; | ||
| } | ||
@@ -972,10 +978,10 @@ #thanksMessage${this.fb.id.toString()}{ | ||
| this.language_map.set("fr", "Rétroaction"); | ||
| this.style_map.set("0", "flex-direction: row-reverse; top:50%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("1", "flex-direction: row; top:50%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.style_map.set("2", "flex-direction: row-reverse; top:80%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("3", "flex-direction: row; top:80%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.modalViews.set("0", "right: 20px; flex-direction: row-reverse; top:50%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("1", "left: 20px; flex-direction: row; top:50%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("2", "right: 20px; flex-direction: row-reverse; top:80%; transform: translate(0, -40%);"); | ||
| this.modalViews.set("3", "left: 20px; flex-direction: row; top:80%; transform: translate(0, -40%);"); | ||
| this.style_map.set("0", "flex-direction: row-reverse; top:35%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("1", "flex-direction: row; top:35%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.style_map.set("2", "flex-direction: row-reverse; top:65%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("3", "flex-direction: row; top:65%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.modalViews.set("0", "right: 20px; flex-direction: row-reverse; top:35%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("1", "left: 20px; flex-direction: row; top:35%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("2", "right: 20px; flex-direction: row-reverse; top:65%; transform: translate(0, -60%);"); | ||
| this.modalViews.set("3", "left: 20px; flex-direction: row; top:65%; transform: translate(0, -60%);"); | ||
| this.trianglePosition.set("0", "float: right; margin-right: -15.5%;"); | ||
@@ -1018,3 +1024,3 @@ this.trianglePosition.set("1", "float: left; margin-left: -15.5%; transform: rotate(-90deg);"); | ||
| var protocol = location.protocol === 'https:' ? 'wss' : 'ws'; | ||
| var ws = new WebSocket(protocol + '://' + hostname + ':' + "36957" + '/'); | ||
| var ws = new WebSocket(protocol + '://' + hostname + ':' + "37899" + '/'); | ||
@@ -1021,0 +1027,0 @@ ws.onmessage = function (event) { |
@@ -535,3 +535,3 @@ import { angryIcon } from "./assets/icons"; | ||
| align-items: center; | ||
| position: relative; | ||
| position: absolute; | ||
| } | ||
@@ -576,2 +576,3 @@ #feedbackButton${this.fb.id.toString()}:hover { | ||
| padding: 30px 0px 30px 0px; | ||
| position: absolute; | ||
| } | ||
@@ -640,2 +641,3 @@ .modalsTriangle${this.fb.id.toString()}{ | ||
| padding: 30px 30px 28px 28px; | ||
| position: absolute; | ||
| } | ||
@@ -675,2 +677,3 @@ #commentTextArea${this.fb.id.toString()}{ | ||
| padding: 15px 15px 15px 15px; | ||
| position: absolute; | ||
| } | ||
@@ -706,2 +709,3 @@ #emailModalText${this.fb.id.toString()}{ | ||
| padding: 30px 20px 30px 20px; | ||
| position: absolute; | ||
| } | ||
@@ -785,10 +789,10 @@ #thanksMessage${this.fb.id.toString()}{ | ||
| this.language_map.set("fr", "Rétroaction"); | ||
| this.style_map.set("0", "flex-direction: row-reverse; top:50%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("1", "flex-direction: row; top:50%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.style_map.set("2", "flex-direction: row-reverse; top:80%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("3", "flex-direction: row; top:80%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.modalViews.set("0", "right: 20px; flex-direction: row-reverse; top:50%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("1", "left: 20px; flex-direction: row; top:50%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("2", "right: 20px; flex-direction: row-reverse; top:80%; transform: translate(0, -40%);"); | ||
| this.modalViews.set("3", "left: 20px; flex-direction: row; top:80%; transform: translate(0, -40%);"); | ||
| this.style_map.set("0", "flex-direction: row-reverse; top:35%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("1", "flex-direction: row; top:35%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.style_map.set("2", "flex-direction: row-reverse; top:65%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0;"); | ||
| this.style_map.set("3", "flex-direction: row; top:65%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;"); | ||
| this.modalViews.set("0", "right: 20px; flex-direction: row-reverse; top:35%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("1", "left: 20px; flex-direction: row; top:35%; transform: translate(0, -25%);"); | ||
| this.modalViews.set("2", "right: 20px; flex-direction: row-reverse; top:65%; transform: translate(0, -60%);"); | ||
| this.modalViews.set("3", "left: 20px; flex-direction: row; top:65%; transform: translate(0, -60%);"); | ||
| this.trianglePosition.set("0", "float: right; margin-right: -15.5%;"); | ||
@@ -795,0 +799,0 @@ this.trianglePosition.set("1", "float: left; margin-left: -15.5%; transform: rotate(-90deg);"); |
| { | ||
| "name": "fs-feedback-creator", | ||
| "version": "2.0.40", | ||
| "version": "2.0.41", | ||
| "description": "web-based module that's responsible to inject fullsession feedback modal", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Total package byte prevSize
- increased by2.95%
481252
- Lines of code
- increased by0.5%
1992
No dependency changes