@fullsession.io/fs-feedback-widget 1.0.4 → 1.0.6

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.
Files changed (8) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/lib/index.js +1 -1
  6. package/package.json +1 -1
  7. package/src/App.svelte +43 -43
  8. package/src/widgetPages/reactionPage.svelte +146 -145
package/src/widgetPages/reactionPage.svelte CHANGED
@@ -135,151 +135,6 @@
135
135
 
136
136
  </script>
137
137
 
138
-
139
- {#if widgetComponent === 1}
140
- <div class="container">
141
- <div id="txt">{feedbackData.wgQuestion}</div>
142
- <div class="icons">
143
- <div class="iconTextCont" on:click={() =>openComment(2,1,"hate")}>
144
- <div class="reactionIcon">
145
- <Icons bind:name={changingReactionNames[0]}/>
146
- </div>
147
-
148
- <p class="reactionText">Hate</p>
149
- </div>
150
-
151
- <div class="iconTextCont" on:click={() =>openComment(2,2,"dislike")}>
152
- <div class="reactionIcon">
153
- <Icons bind:name={changingReactionNames[1]} />
154
- </div>
155
-
156
- <p class="reactionText">Dislike</p>
157
- </div>
158
- <div class="iconTextCont" on:click={() =>openComment(2,3,"neutral")}>
159
- <div class="reactionIcon">
160
- <Icons bind:name={changingReactionNames[2]} />
161
- </div>
162
-
163
- <p class="reactionText">Neutral</p>
164
- </div>
165
- <div class="iconTextCont" on:click={() =>openComment(2,4,"like")}>
166
- <div class="reactionIcon">
167
- <Icons bind:name={changingReactionNames[3]} />
168
- </div>
169
- <p class="reactionText">Like</p>
170
- </div>
171
- <div class="iconTextCont" on:click={() =>openComment(2,5,"love")}>
172
- <div class="reactionIcon">
173
- <Icons bind:name={changingReactionNames[4]} />
174
- </div>
175
- <p class="reactionText" >Love</p>
176
- </div>
177
- </div>
178
- <p id ="test"></p>
179
- </div>
180
-
181
-
182
- {:else if widgetComponent === 2}
183
- <div class="commentContainer">
184
- <div class="icons-second">
185
- <div class="iconTextCont" on:click={() =>openComment(2,1,"hate")}>
186
- <div class="reactionIcon">
187
- {#if reactionState}
188
- <Icons bind:name={changingReactionNames[0]}/>
189
- {:else if reactionState==false}
190
- <Icons bind:name={changingReactionNames[0]}/>
191
- {/if}
192
- </div>
193
-
194
- <p class="reactionText" id="hateDiv">Hate</p>
195
- </div>
196
-
197
- <div class="iconTextCont" on:click={() =>openComment(2,2,"dislike")}>
198
- <div class="reactionIcon">
199
- {#if reactionState}
200
- <Icons bind:name={changingReactionNames[1]}/>
201
- {:else if reactionState==false}
202
- <Icons bind:name={changingReactionNames[1]}/>
203
- {/if}
204
- </div>
205
-
206
- <p class="reactionText" id="dislikeDiv">Dislike</p>
207
- </div>
208
- <div class="iconTextCont" on:click={() =>openComment(2,3,"neutral")}>
209
- <div class="reactionIcon">
210
- {#if reactionState}
211
- <Icons bind:name={changingReactionNames[2]}/>
212
- {:else if reactionState==false}
213
- <Icons bind:name={changingReactionNames[2]}/>
214
- {/if}
215
- </div>
216
-
217
- <p class="reactionText" id="neutralDiv">Neutral</p>
218
- </div>
219
- <div class="iconTextCont" on:click={() =>openComment(2,4,"like")}>
220
- <div class="reactionIcon">
221
- {#if reactionState}
222
- <Icons bind:name={changingReactionNames[3]}/>
223
- {:else if reactionState==false}
224
- <Icons bind:name={changingReactionNames[3]}/>
225
- {/if}
226
- </div>
227
- <p class="reactionText" id="likeDiv">Like</p>
228
- </div>
229
- <div class="iconTextCont">
230
- <div class="reactionIcon" on:click={() =>openComment(2,5,"love")}>
231
- {#if reactionState}
232
- <Icons bind:name={changingReactionNames[4]}/>
233
- {:else if reactionState==false}
234
- <Icons bind:name={changingReactionNames[4]}/>
235
- {/if}
236
- </div>
237
- <p class="reactionText" id="loveDiv">Love</p>
238
- </div>
239
- </div>
240
-
241
- <div class="textAreaCont" >
242
- <div class="pointerDiv" id="pointer" ></div>
243
- <textarea class="textArea" placeholder="Tell us your experience..." on:click={() => commentButtonDisable()}></textarea>
244
- </div>
245
-
246
- <div class="footer">
247
- {#if buttonState == false}
248
- <button class="CommentButtonContDisable" disabled>
249
- <p class="CommentButtonTxtDisable">Send</p>
250
- </button>
251
- {:else if buttonState == true}
252
- <button class="sendButtonContCommentComp" on:click={() => openEmailCont(3)} >
253
- <p class="SendButtonCommentComponent">Send</p>
254
- </button>
255
- {/if}
256
- </div>
257
- </div>
258
- {:else if widgetComponent === 3}
259
- <div class="emailContainer">
260
- <div id="emailText">
261
- {feedbackData.wgEmailReqMsg}
262
- </div>
263
- <div id="emailInputCont" on:click={() => EmailButtonDisable()}>
264
- <input type="text" id="EmailTextArea" placeholder="email@domain.com">
265
- </div>
266
- <div class="emailFooter">
267
- <p id="skipText" on:click={() => closeHandler()}><u>Skip</u></p>
268
- {#if buttonState == false}
269
- <button class="CommentButtonContDisable" disabled>
270
- <p class="CommentButtonTxtDisable">Send</p>
271
- </button>
272
- {:else if buttonState == true}
273
- <button class="sendButtonContCommentComp" on:click={() => closeHandler()}>
274
- <p class="SendButtonCommentComponent" >Send</p>
275
- </button>
276
- {/if}
277
-
278
- </div>
279
- </div>
280
- {/if}
281
-
282
-
283
138
  <style>
284
139
  .container {
285
140
  display: flex;
@@ -464,3 +319,149 @@
464
319
  color: #666666;
465
320
  }
466
321
  </style>
322
+
323
+ {#if widgetComponent === 1}
324
+ <div class="container">
325
+ <div id="txt">{feedbackData.wgQuestion}</div>
326
+ <div class="icons">
327
+ <div class="iconTextCont" on:click={() =>openComment(2,1,"hate")}>
328
+ <div class="reactionIcon">
329
+ <Icons bind:name={changingReactionNames[0]}/>
330
+ </div>
331
+
332
+ <p class="reactionText">Hate</p>
333
+ </div>
334
+
335
+ <div class="iconTextCont" on:click={() =>openComment(2,2,"dislike")}>
336
+ <div class="reactionIcon">
337
+ <Icons bind:name={changingReactionNames[1]} />
338
+ </div>
339
+
340
+ <p class="reactionText">Dislike</p>
341
+ </div>
342
+ <div class="iconTextCont" on:click={() =>openComment(2,3,"neutral")}>
343
+ <div class="reactionIcon">
344
+ <Icons bind:name={changingReactionNames[2]} />
345
+ </div>
346
+
347
+ <p class="reactionText">Neutral</p>
348
+ </div>
349
+ <div class="iconTextCont" on:click={() =>openComment(2,4,"like")}>
350
+ <div class="reactionIcon">
351
+ <Icons bind:name={changingReactionNames[3]} />
352
+ </div>
353
+ <p class="reactionText">Like</p>
354
+ </div>
355
+ <div class="iconTextCont" on:click={() =>openComment(2,5,"love")}>
356
+ <div class="reactionIcon">
357
+ <Icons bind:name={changingReactionNames[4]} />
358
+ </div>
359
+ <p class="reactionText" >Love</p>
360
+ </div>
361
+ </div>
362
+ <p id ="test"></p>
363
+ </div>
364
+
365
+
366
+ {:else if widgetComponent === 2}
367
+ <div class="commentContainer">
368
+ <div class="icons-second">
369
+ <div class="iconTextCont" on:click={() =>openComment(2,1,"hate")}>
370
+ <div class="reactionIcon">
371
+ {#if reactionState}
372
+ <Icons bind:name={changingReactionNames[0]}/>
373
+ {:else if reactionState==false}
374
+ <Icons bind:name={changingReactionNames[0]}/>
375
+ {/if}
376
+ </div>
377
+
378
+ <p class="reactionText" id="hateDiv">Hate</p>
379
+ </div>
380
+
381
+ <div class="iconTextCont" on:click={() =>openComment(2,2,"dislike")}>
382
+ <div class="reactionIcon">
383
+ {#if reactionState}
384
+ <Icons bind:name={changingReactionNames[1]}/>
385
+ {:else if reactionState==false}
386
+ <Icons bind:name={changingReactionNames[1]}/>
387
+ {/if}
388
+ </div>
389
+
390
+ <p class="reactionText" id="dislikeDiv">Dislike</p>
391
+ </div>
392
+ <div class="iconTextCont" on:click={() =>openComment(2,3,"neutral")}>
393
+ <div class="reactionIcon">
394
+ {#if reactionState}
395
+ <Icons bind:name={changingReactionNames[2]}/>
396
+ {:else if reactionState==false}
397
+ <Icons bind:name={changingReactionNames[2]}/>
398
+ {/if}
399
+ </div>
400
+
401
+ <p class="reactionText" id="neutralDiv">Neutral</p>
402
+ </div>
403
+ <div class="iconTextCont" on:click={() =>openComment(2,4,"like")}>
404
+ <div class="reactionIcon">
405
+ {#if reactionState}
406
+ <Icons bind:name={changingReactionNames[3]}/>
407
+ {:else if reactionState==false}
408
+ <Icons bind:name={changingReactionNames[3]}/>
409
+ {/if}
410
+ </div>
411
+ <p class="reactionText" id="likeDiv">Like</p>
412
+ </div>
413
+ <div class="iconTextCont">
414
+ <div class="reactionIcon" on:click={() =>openComment(2,5,"love")}>
415
+ {#if reactionState}
416
+ <Icons bind:name={changingReactionNames[4]}/>
417
+ {:else if reactionState==false}
418
+ <Icons bind:name={changingReactionNames[4]}/>
419
+ {/if}
420
+ </div>
421
+ <p class="reactionText" id="loveDiv">Love</p>
422
+ </div>
423
+ </div>
424
+
425
+ <div class="textAreaCont" >
426
+ <div class="pointerDiv" id="pointer" ></div>
427
+ <textarea class="textArea" placeholder="Tell us your experience..." on:click={() => commentButtonDisable()}></textarea>
428
+ </div>
429
+
430
+ <div class="footer">
431
+ {#if buttonState == false}
432
+ <button class="CommentButtonContDisable" disabled>
433
+ <p class="CommentButtonTxtDisable">Send</p>
434
+ </button>
435
+ {:else if buttonState == true}
436
+ <button class="sendButtonContCommentComp" on:click={() => openEmailCont(3)} >
437
+ <p class="SendButtonCommentComponent">Send</p>
438
+ </button>
439
+ {/if}
440
+ </div>
441
+ </div>
442
+ {:else if widgetComponent === 3}
443
+ <div class="emailContainer">
444
+ <div id="emailText">
445
+ {feedbackData.wgEmailReqMsg}
446
+ </div>
447
+ <div id="emailInputCont" on:click={() => EmailButtonDisable()}>
448
+ <input type="text" id="EmailTextArea" placeholder="email@domain.com">
449
+ </div>
450
+ <div class="emailFooter">
451
+ <p id="skipText" on:click={() => closeHandler()}><u>Skip</u></p>
452
+ {#if buttonState == false}
453
+ <button class="CommentButtonContDisable" disabled>
454
+ <p class="CommentButtonTxtDisable">Send</p>
455
+ </button>
456
+ {:else if buttonState == true}
457
+ <button class="sendButtonContCommentComp" on:click={() => closeHandler()}>
458
+ <p class="SendButtonCommentComponent" >Send</p>
459
+ </button>
460
+ {/if}
461
+
462
+ </div>
463
+ </div>
464
+ {/if}
465
+
466
+
467
+