@fullsession.io/fs-feedback-widget 1.7.2 → 1.7.3

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 (15) hide show
  1. package/README.md +109 -109
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +31 -31
  7. package/src/App.svelte +247 -246
  8. package/src/Icons/mainIcon.svelte +25 -25
  9. package/src/Icons/reactionIcons.svelte +96 -96
  10. package/src/Icons/reactionSvgs/icons.js +475 -475
  11. package/src/Icons/reactionSvgs/images/images.js +36 -36
  12. package/src/main.js +56 -56
  13. package/src/widgetPages/App.css +157 -157
  14. package/src/widgetPages/reactionPage.svelte +383 -383
  15. package/src/widgetPages/reactionpage.css +273 -273
package/src/widgetPages/reactionpage.css CHANGED
@@ -1,274 +1,274 @@
1
- .fsReactionsContainer {
2
- pointer-events: auto;
3
- display: flex;
4
- flex-direction: column;
5
- height: fit-content;
6
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
7
- }
8
-
9
- .fsIcons {
10
- display: flex;
11
- flex-direction: row;
12
- justify-content: space-evenly;
13
- margin-top: 5%;
14
- padding-bottom: 45px;
15
- }
16
-
17
- #fsTxt {
18
- align-self: center;
19
- font-size: 17px;
20
- display: block;
21
- text-align: center;
22
- width: 61%;
23
- overflow: hidden;
24
- }
25
-
26
- .fsIconTextCont {
27
- pointer-events: auto;
28
- display: flex;
29
- flex-direction: column;
30
- align-items: center;
31
- height: 22px;
32
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
33
- }
34
-
35
- .fsReactionText {
36
- font-size: 12px;
37
- display: none;
38
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
39
- margin-top: 0px;
40
- }
41
-
42
- .icons3-text {
43
- padding-left: 5px;
44
- }
45
-
46
- .icons3-text-2 {
47
- padding-left: 3px;
48
- }
49
-
50
- .fsIconTextCont:hover {
51
- pointer-events: auto;
52
- cursor: pointer;
53
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
54
- }
55
-
56
- .fsReactionIcon:hover+.fsReactionText {
57
- display: block;
58
- opacity: 0.8;
59
- }
60
-
61
- .fsCommentContainer,
62
- .fsQuestionContainer {
63
- pointer-events: auto;
64
- display: flex;
65
- flex-direction: column;
66
- pointer-events: auto;
67
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
68
- height: auto;
69
- padding-bottom: 10px;
70
- }
71
-
72
- .fsTextAreaCont {
73
- pointer-events: auto;
74
- width: 100%;
75
- height: 140px;
76
- background-color: #eaeaeb;
77
- margin-top: 17%;
78
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
79
- }
80
-
81
- .fsTextAreaCont-qa-view {
82
- pointer-events: auto;
83
- width: 100%;
84
- height: 140px;
85
- background-color: #eaeaeb;
86
- margin-top: 10px;
87
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
88
- }
89
-
90
- .txt-type-view {
91
- margin-top: 10px;
92
- }
93
-
94
- .fsTextArea, .fsAnswerTextArea {
95
- border: 0px;
96
- width: 85%;
97
- height: 120px;
98
- background-color: #eaeaeb;
99
- margin-left: 6%;
100
- outline: none;
101
- margin-top: 4%;
102
- resize: none;
103
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
104
- }
105
-
106
- .fsTextarea:focus {
107
- outline: none !important;
108
- }
109
-
110
- .fsSendButtonCommentComponent {
111
- pointer-events: auto;
112
- color: #ffff;
113
- font-size: 12px;
114
- text-align: center;
115
- margin-top: 6px;
116
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
117
-
118
- }
119
-
120
- .fsSendButtonContCommentComp {
121
- pointer-events: auto;
122
- background-color: var(--buttonColor);
123
- width: 50px;
124
- height: 29px;
125
- box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
126
- border-radius: 3px;
127
- margin-top: 13px;
128
- margin-right: 11px;
129
- cursor: pointer;
130
- border: 0px;
131
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
132
-
133
- }
134
-
135
- .fsCommentButtonContDisable {
136
- pointer-events: auto;
137
- background-color: #cccccc;
138
- width: 50px;
139
- height: 29px;
140
- box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
141
- border-radius: 3px;
142
- margin-top: 13px;
143
- margin-right: 11px;
144
- cursor: not-allowed;
145
- border: 0px;
146
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
147
-
148
- }
149
-
150
- .fsCommentButtonTxtDisable {
151
- pointer-events: auto;
152
- color: black;
153
- font-size: 12px;
154
- text-align: center;
155
- margin-top: 6px;
156
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
157
-
158
- }
159
-
160
- .fsFooter {
161
- pointer-events: auto;
162
- display: flex;
163
- justify-content: flex-end;
164
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
165
-
166
- }
167
-
168
- .fsIcons-second {
169
-
170
- display: flex;
171
- flex-direction: row;
172
- justify-content: space-evenly;
173
- margin-top: 6%;
174
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
175
- }
176
-
177
- .fsPointerDiv {
178
- width: 0;
179
- height: 0;
180
- border-left: 3px solid transparent;
181
- margin-top: -8px;
182
- border-right: 5px solid transparent;
183
- border-bottom: 8px solid #eaeaeb;
184
- margin-left: var(--pointerMargin);
185
- }
186
-
187
- #fsHateDiv {
188
- display: var(--hateDisplay);
189
- }
190
-
191
- #fsDislikeDiv {
192
- display: var(--dislikeDisplay);
193
- }
194
-
195
- #fsNeutralDiv {
196
- display: var(--neutralDisplay);
197
- }
198
-
199
- #fsLikeDiv {
200
- display: var(--likeDisplay);
201
- }
202
-
203
- #fsLoveDiv {
204
- display: var(--loveDisplay);
205
- }
206
-
207
- .fsEmailContainer {
208
- pointer-events: auto;
209
- display: flex;
210
- flex-direction: column;
211
- height: fit-content;
212
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
213
- }
214
-
215
- #fsEmailInputCont {
216
- pointer-events: auto;
217
- pointer-events: auto;
218
- width: 100%;
219
- height: 46px;
220
- background-color: #eaeaeb;
221
- display: flex;
222
- /* align-items: center; */
223
- justify-content: center;
224
- margin-top: 10%;
225
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
226
- }
227
-
228
- #fsEmailTextArea {
229
- pointer-events: auto;
230
- text-align: center;
231
- border: 0px;
232
- background-color: #eaeaeb;
233
- outline: none;
234
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
235
- }
236
-
237
- #fsEmailText {
238
- width: 80%;
239
- display: block;
240
- text-align: center;
241
- align-self: center;
242
- overflow: hidden;
243
- padding-top: 20px;
244
- line-height: 1.29;
245
- font-size: 17px;
246
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
247
- }
248
-
249
- .fsEmailFooter {
250
- pointer-events: auto;
251
- display: flex;
252
- justify-content: flex-end;
253
- flex-direction: row;
254
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
255
-
256
- }
257
-
258
- #fsSkipText {
259
- color: #908f8f;
260
- cursor: pointer;
261
- font-size: 13px;
262
- margin-top: 6%;
263
- margin-right: 4%;
264
- letter-spacing: normal;
265
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
266
-
267
-
268
- }
269
-
270
- #fsSkipText:hover {
271
- color: #666666;
272
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
273
-
1
+ .fsReactionsContainer {
2
+ pointer-events: auto;
3
+ display: flex;
4
+ flex-direction: column;
5
+ height: fit-content;
6
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
7
+ }
8
+
9
+ .fsIcons {
10
+ display: flex;
11
+ flex-direction: row;
12
+ justify-content: space-evenly;
13
+ margin-top: 5%;
14
+ padding-bottom: 45px;
15
+ }
16
+
17
+ #fsTxt {
18
+ align-self: center;
19
+ font-size: 17px;
20
+ display: block;
21
+ text-align: center;
22
+ width: 61%;
23
+ overflow: hidden;
24
+ }
25
+
26
+ .fsIconTextCont {
27
+ pointer-events: auto;
28
+ display: flex;
29
+ flex-direction: column;
30
+ align-items: center;
31
+ height: 22px;
32
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
33
+ }
34
+
35
+ .fsReactionText {
36
+ font-size: 12px;
37
+ display: none;
38
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
39
+ margin-top: 0px;
40
+ }
41
+
42
+ .icons3-text {
43
+ padding-left: 5px;
44
+ }
45
+
46
+ .icons3-text-2 {
47
+ padding-left: 3px;
48
+ }
49
+
50
+ .fsIconTextCont:hover {
51
+ pointer-events: auto;
52
+ cursor: pointer;
53
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
54
+ }
55
+
56
+ .fsReactionIcon:hover+.fsReactionText {
57
+ display: block;
58
+ opacity: 0.8;
59
+ }
60
+
61
+ .fsCommentContainer,
62
+ .fsQuestionContainer {
63
+ pointer-events: auto;
64
+ display: flex;
65
+ flex-direction: column;
66
+ pointer-events: auto;
67
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
68
+ height: auto;
69
+ padding-bottom: 10px;
70
+ }
71
+
72
+ .fsTextAreaCont {
73
+ pointer-events: auto;
74
+ width: 100%;
75
+ height: 140px;
76
+ background-color: #eaeaeb;
77
+ margin-top: 17%;
78
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
79
+ }
80
+
81
+ .fsTextAreaCont-qa-view {
82
+ pointer-events: auto;
83
+ width: 100%;
84
+ height: 140px;
85
+ background-color: #eaeaeb;
86
+ margin-top: 10px;
87
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
88
+ }
89
+
90
+ .txt-type-view {
91
+ margin-top: 10px;
92
+ }
93
+
94
+ .fsTextArea, .fsAnswerTextArea {
95
+ border: 0px;
96
+ width: 85%;
97
+ height: 120px;
98
+ background-color: #eaeaeb;
99
+ margin-left: 6%;
100
+ outline: none;
101
+ margin-top: 4%;
102
+ resize: none;
103
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
104
+ }
105
+
106
+ .fsTextarea:focus {
107
+ outline: none !important;
108
+ }
109
+
110
+ .fsSendButtonCommentComponent {
111
+ pointer-events: auto;
112
+ color: #ffff;
113
+ font-size: 12px;
114
+ text-align: center;
115
+ margin-top: 6px;
116
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
117
+
118
+ }
119
+
120
+ .fsSendButtonContCommentComp {
121
+ pointer-events: auto;
122
+ background-color: var(--buttonColor);
123
+ width: 50px;
124
+ height: 29px;
125
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
126
+ border-radius: 3px;
127
+ margin-top: 13px;
128
+ margin-right: 11px;
129
+ cursor: pointer;
130
+ border: 0px;
131
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
132
+
133
+ }
134
+
135
+ .fsCommentButtonContDisable {
136
+ pointer-events: auto;
137
+ background-color: #cccccc;
138
+ width: 50px;
139
+ height: 29px;
140
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
141
+ border-radius: 3px;
142
+ margin-top: 13px;
143
+ margin-right: 11px;
144
+ cursor: not-allowed;
145
+ border: 0px;
146
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
147
+
148
+ }
149
+
150
+ .fsCommentButtonTxtDisable {
151
+ pointer-events: auto;
152
+ color: black;
153
+ font-size: 12px;
154
+ text-align: center;
155
+ margin-top: 6px;
156
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
157
+
158
+ }
159
+
160
+ .fsFooter {
161
+ pointer-events: auto;
162
+ display: flex;
163
+ justify-content: flex-end;
164
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
165
+
166
+ }
167
+
168
+ .fsIcons-second {
169
+
170
+ display: flex;
171
+ flex-direction: row;
172
+ justify-content: space-evenly;
173
+ margin-top: 6%;
174
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
175
+ }
176
+
177
+ .fsPointerDiv {
178
+ width: 0;
179
+ height: 0;
180
+ border-left: 3px solid transparent;
181
+ margin-top: -8px;
182
+ border-right: 5px solid transparent;
183
+ border-bottom: 8px solid #eaeaeb;
184
+ margin-left: var(--pointerMargin);
185
+ }
186
+
187
+ #fsHateDiv {
188
+ display: var(--hateDisplay);
189
+ }
190
+
191
+ #fsDislikeDiv {
192
+ display: var(--dislikeDisplay);
193
+ }
194
+
195
+ #fsNeutralDiv {
196
+ display: var(--neutralDisplay);
197
+ }
198
+
199
+ #fsLikeDiv {
200
+ display: var(--likeDisplay);
201
+ }
202
+
203
+ #fsLoveDiv {
204
+ display: var(--loveDisplay);
205
+ }
206
+
207
+ .fsEmailContainer {
208
+ pointer-events: auto;
209
+ display: flex;
210
+ flex-direction: column;
211
+ height: fit-content;
212
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
213
+ }
214
+
215
+ #fsEmailInputCont {
216
+ pointer-events: auto;
217
+ pointer-events: auto;
218
+ width: 100%;
219
+ height: 46px;
220
+ background-color: #eaeaeb;
221
+ display: flex;
222
+ /* align-items: center; */
223
+ justify-content: center;
224
+ margin-top: 10%;
225
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
226
+ }
227
+
228
+ #fsEmailTextArea {
229
+ pointer-events: auto;
230
+ text-align: center;
231
+ border: 0px;
232
+ background-color: #eaeaeb;
233
+ outline: none;
234
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
235
+ }
236
+
237
+ #fsEmailText {
238
+ width: 80%;
239
+ display: block;
240
+ text-align: center;
241
+ align-self: center;
242
+ overflow: hidden;
243
+ padding-top: 20px;
244
+ line-height: 1.29;
245
+ font-size: 17px;
246
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
247
+ }
248
+
249
+ .fsEmailFooter {
250
+ pointer-events: auto;
251
+ display: flex;
252
+ justify-content: flex-end;
253
+ flex-direction: row;
254
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
255
+
256
+ }
257
+
258
+ #fsSkipText {
259
+ color: #908f8f;
260
+ cursor: pointer;
261
+ font-size: 13px;
262
+ margin-top: 6%;
263
+ margin-right: 4%;
264
+ letter-spacing: normal;
265
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
266
+
267
+
268
+ }
269
+
270
+ #fsSkipText:hover {
271
+ color: #666666;
272
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
273
+
274
274
  }