@fullsession.io/fs-feedback-widget 1.1.9 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullsession.io/fs-feedback-widget",
-  "version": "1.1.9",
+  "version": "1.2.2",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",

package/src/App.svelte

@@ -9,6 +9,15 @@
   $:document.documentElement.style.setProperty('--widgetColor', widgetColor);
   let widgetTextColor="";
   let iconColor = "";
+  let widgetName="feedback"
+  if(feedback.wgLanguage == "en"){
+    widgetName = "feedback"
+  } else if(feedback.wgLanguage == "ar"){
+    widgetName = "رأي"
+  } else{
+    widgetName = "Rétroaction"
+  }
+
   if(feedback.wgAlternateColor === true){
     widgetTextColor = "white";
     iconColor = "white"
@@ -16,6 +25,7 @@
     widgetTextColor = "black";
     iconColor ="black"
   }
+
   $:document.documentElement.style.setProperty('--widgetTextColor', widgetTextColor);
 
   let wgPositionHorizintal="";
@@ -107,7 +117,7 @@
 	
   {#if buttonVisible}
     <div class="widget" on:click={openWidget}>
-      <div id="feedbackTxt">Feedback</div>
+      <div id="feedbackTxt">{{widgetName}}</div>
       <div id="mainIcon">
         <MainIcon bind:fill={iconColor}/>
       </div>

package/src/widgetPages/App.css

@@ -2,14 +2,16 @@ container{
     width: 100%;
     display: flex;
     flex-direction: var(--wgPositionVertical);
-    position: absolute;
+    position: fixed;
     top: 0; right: 0; bottom: 0; left: 0;
 	height: 100%;
+  pointer-events: none;
   align-items: var(--wgPositionHorizintal);
   padding: 0;
   z-index: 100000;
   }
   .widget {
+    pointer-events: auto;
     background-color: var(--widgetColor);
     width: 34px;
     height: 112px;