@fullsession.io/fs-feedback-widget 1.7.0 → 1.7.2
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/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Icons/reactionIcons.svelte +89 -128
- package/src/Icons/reactionSvgs/icons.js +476 -0
- package/src/Icons/reactionSvgs/images/images.js +37 -0
- package/src/widgetPages/App.css +1 -1
- package/src/widgetPages/reactionPage.svelte +24 -23
- package/src/widgetPages/reactionpage.css +7 -0
package/src/widgetPages/App.css
CHANGED
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
$: widgetQuestion = feedbackData.wgQuestion;
|
|
23
23
|
$: widgetEmailReqMsg = feedbackData.wgEmailReqMsg;
|
|
24
24
|
$: widgetPlaceholder = feedbackData.wgFeedbackPlaceholder;
|
|
25
|
+
$: widgetEmotIconType = feedbackData.wgReactionStyle;
|
|
25
26
|
$: document.documentElement.style.setProperty(
|
|
26
27
|
"--pointerMargin",
|
|
27
28
|
pointerMargin + "%"
|
|
@@ -194,10 +195,10 @@
|
|
|
194
195
|
<div class="fsIcons">
|
|
195
196
|
<div class="fsIconTextCont" on:click={() => openComment(2, 1, "hate")}>
|
|
196
197
|
<div class="fsReactionIcon">
|
|
197
|
-
<Icons bind:name={changingReactionNames[0]} />
|
|
198
|
+
<Icons bind:name={changingReactionNames[0]} bind:emotIconType={widgetEmotIconType} />
|
|
198
199
|
</div>
|
|
199
200
|
|
|
200
|
-
<p class="fsReactionText">Hate</p>
|
|
201
|
+
<p class="fsReactionText" class:icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
|
|
201
202
|
</div>
|
|
202
203
|
|
|
203
204
|
<div
|
|
@@ -205,32 +206,32 @@
|
|
|
205
206
|
on:click={() => openComment(2, 2, "dislike")}
|
|
206
207
|
>
|
|
207
208
|
<div class="fsReactionIcon">
|
|
208
|
-
<Icons bind:name={changingReactionNames[1]} />
|
|
209
|
+
<Icons bind:name={changingReactionNames[1]} bind:emotIconType={widgetEmotIconType} />
|
|
209
210
|
</div>
|
|
210
211
|
|
|
211
|
-
<p class="fsReactionText">Dislike</p>
|
|
212
|
+
<p class="fsReactionText" class:icons3-text={widgetEmotIconType === "2"}>Dislike</p>
|
|
212
213
|
</div>
|
|
213
214
|
<div
|
|
214
215
|
class="fsIconTextCont"
|
|
215
216
|
on:click={() => openComment(2, 3, "neutral")}
|
|
216
217
|
>
|
|
217
218
|
<div class="fsReactionIcon">
|
|
218
|
-
<Icons bind:name={changingReactionNames[2]} />
|
|
219
|
+
<Icons bind:name={changingReactionNames[2]} bind:emotIconType={widgetEmotIconType} />
|
|
219
220
|
</div>
|
|
220
221
|
|
|
221
222
|
<p class="fsReactionText">Neutral</p>
|
|
222
223
|
</div>
|
|
223
224
|
<div class="fsIconTextCont" on:click={() => openComment(2, 4, "like")}>
|
|
224
225
|
<div class="fsReactionIcon">
|
|
225
|
-
<Icons bind:name={changingReactionNames[3]} />
|
|
226
|
+
<Icons bind:name={changingReactionNames[3]} bind:emotIconType={widgetEmotIconType} />
|
|
226
227
|
</div>
|
|
227
|
-
<p class="fsReactionText">Like</p>
|
|
228
|
+
<p class="fsReactionText" class:icons3-text={widgetEmotIconType === "2"}>Like</p>
|
|
228
229
|
</div>
|
|
229
230
|
<div class="fsIconTextCont" on:click={() => openComment(2, 5, "love")}>
|
|
230
231
|
<div class="fsReactionIcon">
|
|
231
|
-
<Icons bind:name={changingReactionNames[4]} />
|
|
232
|
+
<Icons bind:name={changingReactionNames[4]} bind:emotIconType={widgetEmotIconType} />
|
|
232
233
|
</div>
|
|
233
|
-
<p class="fsReactionText">Love</p>
|
|
234
|
+
<p class="fsReactionText" class:icons3-text-2={widgetEmotIconType === "2"}>Love</p>
|
|
234
235
|
</div>
|
|
235
236
|
</div>
|
|
236
237
|
</div>
|
|
@@ -265,32 +266,32 @@
|
|
|
265
266
|
<div class="fsIconTextCont" on:click={() => openComment(2, 1, "hate")}>
|
|
266
267
|
<div class="fsReactionIcon">
|
|
267
268
|
{#if reactionState}
|
|
268
|
-
<Icons bind:name={changingReactionNames[0]} />
|
|
269
|
+
<Icons bind:name={changingReactionNames[0]} bind:emotIconType={widgetEmotIconType} />
|
|
269
270
|
{:else if reactionState == false}
|
|
270
|
-
<Icons bind:name={changingReactionNames[0]} />
|
|
271
|
+
<Icons bind:name={changingReactionNames[0]} bind:emotIconType={widgetEmotIconType} />
|
|
271
272
|
{/if}
|
|
272
273
|
</div>
|
|
273
274
|
|
|
274
|
-
<p class="fsReactionText" id="fsHateDiv">Hate</p>
|
|
275
|
+
<p class="fsReactionText" id="fsHateDiv" class:icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
|
|
275
276
|
</div>
|
|
276
277
|
|
|
277
278
|
<div class="fsIconTextCont" on:click={() => openComment(2, 2, "dislike")}>
|
|
278
279
|
<div class="fsReactionIcon">
|
|
279
280
|
{#if reactionState}
|
|
280
|
-
<Icons bind:name={changingReactionNames[1]} />
|
|
281
|
+
<Icons bind:name={changingReactionNames[1]} bind:emotIconType={widgetEmotIconType} />
|
|
281
282
|
{:else if reactionState == false}
|
|
282
|
-
<Icons bind:name={changingReactionNames[1]} />
|
|
283
|
+
<Icons bind:name={changingReactionNames[1]} bind:emotIconType={widgetEmotIconType} />
|
|
283
284
|
{/if}
|
|
284
285
|
</div>
|
|
285
286
|
|
|
286
|
-
<p class="fsReactionText" id="fsDislikeDiv">Dislike</p>
|
|
287
|
+
<p class="fsReactionText" id="fsDislikeDiv" class:icons3-text={widgetEmotIconType === "2"}>Dislike</p>
|
|
287
288
|
</div>
|
|
288
289
|
<div class="fsIconTextCont" on:click={() => openComment(2, 3, "neutral")}>
|
|
289
290
|
<div class="fsReactionIcon">
|
|
290
291
|
{#if reactionState}
|
|
291
|
-
<Icons bind:name={changingReactionNames[2]} />
|
|
292
|
+
<Icons bind:name={changingReactionNames[2]} bind:emotIconType={widgetEmotIconType} />
|
|
292
293
|
{:else if reactionState == false}
|
|
293
|
-
<Icons bind:name={changingReactionNames[2]} />
|
|
294
|
+
<Icons bind:name={changingReactionNames[2]} bind:emotIconType={widgetEmotIconType} />
|
|
294
295
|
{/if}
|
|
295
296
|
</div>
|
|
296
297
|
|
|
@@ -299,22 +300,22 @@
|
|
|
299
300
|
<div class="fsIconTextCont" on:click={() => openComment(2, 4, "like")}>
|
|
300
301
|
<div class="fsReactionIcon">
|
|
301
302
|
{#if reactionState}
|
|
302
|
-
<Icons bind:name={changingReactionNames[3]} />
|
|
303
|
+
<Icons bind:name={changingReactionNames[3]} bind:emotIconType={widgetEmotIconType} />
|
|
303
304
|
{:else if reactionState == false}
|
|
304
|
-
<Icons bind:name={changingReactionNames[3]} />
|
|
305
|
+
<Icons bind:name={changingReactionNames[3]} bind:emotIconType={widgetEmotIconType} />
|
|
305
306
|
{/if}
|
|
306
307
|
</div>
|
|
307
|
-
<p class="fsReactionText" id="fsLikeDiv">Like</p>
|
|
308
|
+
<p class="fsReactionText" id="fsLikeDiv" class:icons3-text={widgetEmotIconType === "2"}>Like</p>
|
|
308
309
|
</div>
|
|
309
310
|
<div class="fsIconTextCont">
|
|
310
311
|
<div class="fsReactionIcon" on:click={() => openComment(2, 5, "love")}>
|
|
311
312
|
{#if reactionState}
|
|
312
|
-
<Icons bind:name={changingReactionNames[4]} />
|
|
313
|
+
<Icons bind:name={changingReactionNames[4]} bind:emotIconType={widgetEmotIconType} />
|
|
313
314
|
{:else if reactionState == false}
|
|
314
|
-
<Icons bind:name={changingReactionNames[4]} />
|
|
315
|
+
<Icons bind:name={changingReactionNames[4]} bind:emotIconType={widgetEmotIconType} />
|
|
315
316
|
{/if}
|
|
316
317
|
</div>
|
|
317
|
-
<p class="fsReactionText" id="fsLoveDiv">Love</p>
|
|
318
|
+
<p class="fsReactionText" id="fsLoveDiv" class:icons3-text-2={widgetEmotIconType === "2"}>Love</p>
|
|
318
319
|
</div>
|
|
319
320
|
</div>
|
|
320
321
|
|