@fullsession.io/fs-feedback-widget 1.4.6 → 1.4.7

package/package.json

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

package/src/App.svelte

@@ -2,7 +2,6 @@
   import MainIcon from "./Icons/mainIcon.svelte";
   import ReactionPage from "./widgetPages/reactionPage.svelte";
   export let feedback;
-  export let containerState;
   console.log(feedback);
   import { fly } from "svelte/transition";
   import "../src/widgetPages/App.css";
@@ -177,7 +176,6 @@
   };
 
 </script>
-{#if containerState == 0}
 <fsContainer>
   {#if buttonVisible}
     <div class="fsWidget" on:click={openWidget}>
@@ -219,48 +217,5 @@
     </div>
   {/if}
 </fsContainer>
-{/if}
 
-{#if containerState == 1}
-<fsContainerApp>
-  {#if buttonVisible}
-    <div class="fsWidget" on:click={openWidget}>
-      <div id="fsFeedbackTxt">{widgetName}</div>
-      <div id="fsMainIcon">
-        <MainIcon bind:fill={iconColor} />
-      </div>
-    </div>
-  {/if}
 
-  {#if visible}
-    <div class="fsCont" in:fly={{ x: inTransitionX, duration: 500 }}>
-      <div class="fsCloseCont" on:click={closeWidget}>
-        <p id="fsCloseIcon">X</p>
-      </div>
-      <ReactionPage
-        closeHandler={closeOne}
-        bind:feedbackData={feedback}
-        closeHandlerBeforeFinishing={closeBeforeFinsihing}
-      />
-    </div>
-  {/if}
-  {#if thanksMessageVisible}
-    <div
-      class="fsThanksMessageCont"
-      out:fly={{ x: outTransitionX, duration: 300 }}
-    >
-      <div class="fsCloseCont" on:click={closeThanksMessage}>
-        <p id="fsCloseIcon">X</p>
-      </div>
-      <div
-        style="    width: 61%;
-    text-align: center;
-    margin-top: 7%;
-    margin-left: 20%;"
-      >
-        {feedback.wgThanksMsg}
-      </div>
-    </div>
-  {/if}
-</fsContainerApp>
-{/if}

package/src/main.js

@@ -2,12 +2,18 @@ import App from './App.svelte';
 
 
 
-export function feedbackCreator(response,containerState) {
+export function feedbackCreator(response,htmlElement) {
+	let view;
+	if(htmlElement == null || htmlElement == undefined){
+		view = document.body
+	}
+	else{
+		view = document.body.htmlElement
+	}
 	new App({
-		target: document.body,
+		target: view,
 		props: {
-			feedback: response,
-			containerState: containerState
+			feedback: response
 		}
 	});
 }