@fullsession.io/fs-feedback-widget 1.3.2 → 1.3.5
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/bundle.css +329 -0
- 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/dist/publicextra.css +298 -0
- package/package.json +1 -1
- package/src/App.svelte +150 -94
- package/src/main.js +32 -32
- package/src/widgetPages/App.css +14 -14
- package/src/widgetPages/reactionPage.svelte +96 -78
- package/src/widgetPages/reactionpage.css +64 -32
package/dist/bundle.css
ADDED
|
@@ -0,0 +1,329 @@
|
|
|
1
|
+
fsContainer{
|
|
2
|
+
width: 100%;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: var(--wgPositionVertical);
|
|
5
|
+
position: fixed;
|
|
6
|
+
top: 0; right: 0; bottom: 0; left: 0;
|
|
7
|
+
height: 100%;
|
|
8
|
+
pointer-events: none;
|
|
9
|
+
align-items: var(--wgPositionHorizintal);
|
|
10
|
+
padding: 0;
|
|
11
|
+
z-index: 100000;
|
|
12
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
13
|
+
}
|
|
14
|
+
.fsWidget {
|
|
15
|
+
pointer-events: auto;
|
|
16
|
+
background-color: var(--widgetColor);
|
|
17
|
+
width: 34px;
|
|
18
|
+
height: 112px;
|
|
19
|
+
border-top-left-radius:var(--widgetLeftSideBorder) ;
|
|
20
|
+
border-bottom-left-radius: var(--widgetLeftSideBorder);
|
|
21
|
+
border-top-right-radius: var(--widgetRightSideBorder) ;
|
|
22
|
+
border-bottom-right-radius: var(--widgetRightSideBorder);
|
|
23
|
+
box-shadow: 0.2px 0.2px 0.2px rgb(133, 130, 130);
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
align-items: center;
|
|
27
|
+
justify-content: space-evenly;
|
|
28
|
+
cursor: pointer;
|
|
29
|
+
margin-top: 5px;
|
|
30
|
+
}
|
|
31
|
+
#fsMainIcon {
|
|
32
|
+
width: 60%;
|
|
33
|
+
margin-left: 4%;
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
}
|
|
36
|
+
#fsFeedbackTxt {
|
|
37
|
+
color: var(--widgetTextColor);
|
|
38
|
+
font-size: 15px;
|
|
39
|
+
writing-mode: vertical-lr;
|
|
40
|
+
transform: rotate(180deg);
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
font-size-adjust: 0.40;
|
|
43
|
+
}
|
|
44
|
+
.fsWidget:hover {
|
|
45
|
+
width: 35px;
|
|
46
|
+
-webkit-box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);
|
|
47
|
+
box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);
|
|
48
|
+
}
|
|
49
|
+
.fsCont {
|
|
50
|
+
pointer-events: auto;
|
|
51
|
+
width: 320px;
|
|
52
|
+
height: fit-content;
|
|
53
|
+
background-color: rgb(255, 255, 255);
|
|
54
|
+
margin-right: var(--widgetMarginRight);
|
|
55
|
+
margin-left: var(--widgetMarginLeft);
|
|
56
|
+
-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
|
|
57
|
+
box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
|
|
58
|
+
}
|
|
59
|
+
.fsThanksMessageCont{
|
|
60
|
+
pointer-events: auto;
|
|
61
|
+
width: 320px;
|
|
62
|
+
height: 104px;
|
|
63
|
+
background-color: rgb(255, 255, 255);
|
|
64
|
+
margin-right: var(--widgetMarginRight);
|
|
65
|
+
margin-left: var(--widgetMarginLeft);
|
|
66
|
+
-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
|
|
67
|
+
box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
|
|
68
|
+
}
|
|
69
|
+
#fsCloseIcon{
|
|
70
|
+
font-size: 15px;
|
|
71
|
+
color: #ffff;
|
|
72
|
+
font-weight: 600;
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
|
|
75
|
+
}
|
|
76
|
+
.fsCloseCont{
|
|
77
|
+
pointer-events: auto;
|
|
78
|
+
background-color: #4d5167;
|
|
79
|
+
width: 27px;
|
|
80
|
+
height: 27px;
|
|
81
|
+
border-radius: 50%;
|
|
82
|
+
display: flex;
|
|
83
|
+
justify-content: center;
|
|
84
|
+
align-items: center;
|
|
85
|
+
margin-top: -15px;
|
|
86
|
+
margin-left: 85%;
|
|
87
|
+
cursor: pointer;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
/* @media (min-width: 640px) {
|
|
95
|
+
body {
|
|
96
|
+
max-width: none;
|
|
97
|
+
}
|
|
98
|
+
} */.fsReactionsContainer {
|
|
99
|
+
pointer-events: auto;
|
|
100
|
+
display: flex;
|
|
101
|
+
flex-direction: column;
|
|
102
|
+
height: 190px;
|
|
103
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
104
|
+
}
|
|
105
|
+
.fsIcons {
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-direction: row;
|
|
108
|
+
justify-content: space-evenly;
|
|
109
|
+
margin-top: 11%;
|
|
110
|
+
}
|
|
111
|
+
#fsTxt {
|
|
112
|
+
font-size: 17px;
|
|
113
|
+
display: flex;
|
|
114
|
+
text-align: center;
|
|
115
|
+
margin-top: 5%;
|
|
116
|
+
width: 61%;
|
|
117
|
+
margin-left: 19%;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.fsIconTextCont {
|
|
121
|
+
pointer-events: auto;
|
|
122
|
+
display: flex;
|
|
123
|
+
flex-direction: column;
|
|
124
|
+
align-items: center;
|
|
125
|
+
height: 22px;
|
|
126
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.fsReactionText {
|
|
130
|
+
font-size: 12px;
|
|
131
|
+
display: none;
|
|
132
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
133
|
+
margin-top: 0px;
|
|
134
|
+
|
|
135
|
+
}
|
|
136
|
+
.fsIconTextCont:hover{
|
|
137
|
+
pointer-events: auto;
|
|
138
|
+
cursor: pointer;
|
|
139
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
140
|
+
}
|
|
141
|
+
.fsReactionIcon:hover + .fsReactionText {
|
|
142
|
+
display: block;
|
|
143
|
+
opacity: 0.8;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.fsCommentContainer{
|
|
147
|
+
pointer-events: auto;
|
|
148
|
+
display: flex;
|
|
149
|
+
flex-direction: column;
|
|
150
|
+
height: 291px;
|
|
151
|
+
pointer-events: auto;
|
|
152
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
153
|
+
}
|
|
154
|
+
.fsTextAreaCont{
|
|
155
|
+
pointer-events: auto;
|
|
156
|
+
width: 100%;
|
|
157
|
+
height: 140px;
|
|
158
|
+
background-color: #eaeaeb;
|
|
159
|
+
margin-top: 17%;
|
|
160
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
161
|
+
|
|
162
|
+
}
|
|
163
|
+
.fsTextArea{
|
|
164
|
+
border: 0px;
|
|
165
|
+
width: 85%;
|
|
166
|
+
height: 120px;
|
|
167
|
+
background-color: #eaeaeb;
|
|
168
|
+
margin-left: 6%;
|
|
169
|
+
outline: none;
|
|
170
|
+
margin-top: 4%;
|
|
171
|
+
resize: none;
|
|
172
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
173
|
+
|
|
174
|
+
}
|
|
175
|
+
.fsSendButtonCommentComponent{
|
|
176
|
+
pointer-events: auto;
|
|
177
|
+
color: #ffff;
|
|
178
|
+
font-size: 12px;
|
|
179
|
+
text-align: center;
|
|
180
|
+
margin-top: 7px;
|
|
181
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
182
|
+
|
|
183
|
+
}
|
|
184
|
+
.fsSendButtonContCommentComp{
|
|
185
|
+
pointer-events: auto;
|
|
186
|
+
background-color: var(--buttonColor);
|
|
187
|
+
width: 50px;
|
|
188
|
+
height: 29px;
|
|
189
|
+
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
|
|
190
|
+
border-radius: 3px;
|
|
191
|
+
margin-top: 13px;
|
|
192
|
+
margin-right: 11px;
|
|
193
|
+
cursor: pointer;
|
|
194
|
+
border: 0px;
|
|
195
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
196
|
+
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.fsCommentButtonContDisable{
|
|
200
|
+
pointer-events: auto;
|
|
201
|
+
background-color: #cccccc;
|
|
202
|
+
width: 50px;
|
|
203
|
+
height: 29px;
|
|
204
|
+
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
|
|
205
|
+
border-radius: 3px;
|
|
206
|
+
margin-top: 13px;
|
|
207
|
+
margin-right: 11px;
|
|
208
|
+
cursor:not-allowed;
|
|
209
|
+
border: 0px;
|
|
210
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
211
|
+
|
|
212
|
+
}
|
|
213
|
+
.fsCommentButtonTxtDisable{
|
|
214
|
+
pointer-events: auto;
|
|
215
|
+
color: black;
|
|
216
|
+
font-size: 12px;
|
|
217
|
+
text-align: center;
|
|
218
|
+
margin-top: 7px;
|
|
219
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
220
|
+
|
|
221
|
+
}
|
|
222
|
+
.fsFooter{
|
|
223
|
+
pointer-events: auto;
|
|
224
|
+
display: flex;
|
|
225
|
+
justify-content: flex-end;
|
|
226
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
227
|
+
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.fsIcons-second{
|
|
231
|
+
|
|
232
|
+
display: flex;
|
|
233
|
+
flex-direction: row;
|
|
234
|
+
justify-content: space-evenly;
|
|
235
|
+
margin-top: 6%;
|
|
236
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
237
|
+
|
|
238
|
+
}
|
|
239
|
+
.fsPointerDiv{
|
|
240
|
+
width: 0;
|
|
241
|
+
height: 0;
|
|
242
|
+
border-left: 3px solid transparent;
|
|
243
|
+
margin-top: -8px;
|
|
244
|
+
border-right: 5px solid transparent;
|
|
245
|
+
border-bottom: 8px solid #eaeaeb;
|
|
246
|
+
margin-left: var(--pointerMargin);
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
}
|
|
250
|
+
#fsHateDiv{
|
|
251
|
+
display: var(--hateDisplay);
|
|
252
|
+
}
|
|
253
|
+
#fsDislikeDiv{
|
|
254
|
+
display: var(--dislikeDisplay);
|
|
255
|
+
}
|
|
256
|
+
#fsNeutralDiv{
|
|
257
|
+
display: var(--neutralDisplay);
|
|
258
|
+
}
|
|
259
|
+
#fsLikeDiv{
|
|
260
|
+
display: var(--likeDisplay);
|
|
261
|
+
}
|
|
262
|
+
#fsLoveDiv{
|
|
263
|
+
display: var(--loveDisplay);
|
|
264
|
+
}
|
|
265
|
+
.fsEmailContainer{
|
|
266
|
+
pointer-events: auto;
|
|
267
|
+
display: flex;
|
|
268
|
+
flex-direction: column;
|
|
269
|
+
height: 220px;
|
|
270
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
271
|
+
|
|
272
|
+
}
|
|
273
|
+
#fsEmailInputCont{
|
|
274
|
+
pointer-events: auto;
|
|
275
|
+
pointer-events: auto;
|
|
276
|
+
width: 100%;
|
|
277
|
+
height: 46px;
|
|
278
|
+
background-color: #eaeaeb;
|
|
279
|
+
display: flex;
|
|
280
|
+
/* align-items: center; */
|
|
281
|
+
justify-content: center;
|
|
282
|
+
margin-top: 10%;
|
|
283
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
284
|
+
|
|
285
|
+
|
|
286
|
+
}
|
|
287
|
+
#fsEmailTextArea{
|
|
288
|
+
pointer-events: auto;
|
|
289
|
+
text-align: center;
|
|
290
|
+
border: 0px;
|
|
291
|
+
background-color: #eaeaeb;
|
|
292
|
+
outline: none;
|
|
293
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
294
|
+
|
|
295
|
+
}
|
|
296
|
+
#fsEmailText{
|
|
297
|
+
width: 80%;
|
|
298
|
+
text-align: center;
|
|
299
|
+
margin-left: 11%;
|
|
300
|
+
margin-top: 8%;
|
|
301
|
+
line-height: 1.29;
|
|
302
|
+
font-size: 17px;
|
|
303
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
304
|
+
|
|
305
|
+
}
|
|
306
|
+
.fsEmailFooter{
|
|
307
|
+
pointer-events: auto;
|
|
308
|
+
display: flex;
|
|
309
|
+
justify-content: flex-end;
|
|
310
|
+
flex-direction: row;
|
|
311
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
312
|
+
|
|
313
|
+
}
|
|
314
|
+
#fsSkipText{
|
|
315
|
+
color: #908f8f;
|
|
316
|
+
cursor: pointer;
|
|
317
|
+
font-size: 13px;
|
|
318
|
+
margin-top: 6%;
|
|
319
|
+
margin-right: 4%;
|
|
320
|
+
letter-spacing: normal;
|
|
321
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
322
|
+
|
|
323
|
+
|
|
324
|
+
}
|
|
325
|
+
#fsSkipText:hover{
|
|
326
|
+
color: #666666;
|
|
327
|
+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
328
|
+
|
|
329
|
+
}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var fsFeedbackWidget=function(n){"use strict";function t(){}const e=n=>n;function o(n,t){for(const e in t)n[e]=t[e];return n}function i(n){return n()}function r(){return Object.create(null)}function l(n){n.forEach(i)}function c(n){return"function"==typeof n}function a(n,t){return n!=n?t==t:n!==t||n&&"object"==typeof n||"function"==typeof n}function s(n){const t={};for(const e in n)"$"!==e[0]&&(t[e]=n[e]);return t}const u="undefined"!=typeof window;let d=u?()=>window.performance.now():()=>Date.now(),f=u?n=>requestAnimationFrame(n):t;const p=new Set;function m(n){p.forEach((t=>{t.c(n)||(p.delete(t),t.f())})),0!==p.size&&f(m)}function g(n){let t;return 0===p.size&&f(m),{promise:new Promise((e=>{p.add(t={c:n,f:e})})),abort(){p.delete(t)}}}function x(n,t){n.appendChild(t)}function h(n){if(!n)return document;const t=n.getRootNode?n.getRootNode():n.ownerDocument;return t&&t.host?t:n.ownerDocument}function $(n){const t=b("style");return function(n,t){x(n.head||n,t)}(h(n),t),t.sheet}function v(n,t,e){n.insertBefore(t,e||null)}function y(n){n.parentNode.removeChild(n)}function b(n){return document.createElement(n)}function w(n){return document.createElementNS("http://www.w3.org/2000/svg",n)}function k(n){return document.createTextNode(n)}function C(){return k(" ")}function T(n,t,e,o){return n.addEventListener(t,e,o),()=>n.removeEventListener(t,e,o)}function B(n,t,e){null==e?n.removeAttribute(t):n.getAttribute(t)!==e&&n.setAttribute(t,e)}function M(n,t){t=""+t,n.wholeText!==t&&(n.data=t)}function z(n,t,e,o){null===e?n.style.removeProperty(t):n.style.setProperty(t,e,o?"important":"")}const E=new Map;let D,_=0;function S(n,t,e,o,i,r,l,c=0){const a=16.666/o;let s="{\n";for(let n=0;n<=1;n+=a){const o=t+(e-t)*r(n);s+=100*n+`%{${l(o,1-o)}}\n`}const u=s+`100% {${l(e,1-e)}}\n}`,d=`__svelte_${function(n){let t=5381,e=n.length;for(;e--;)t=(t<<5)-t^n.charCodeAt(e);return t>>>0}(u)}_${c}`,f=h(n),{stylesheet:p,rules:m}=E.get(f)||function(n,t){const e={stylesheet:$(t),rules:{}};return E.set(n,e),e}(f,n);m[d]||(m[d]=!0,p.insertRule(`@keyframes ${d} ${u}`,p.cssRules.length));const g=n.style.animation||"";return n.style.animation=`${g?`${g}, `:""}${d} ${o}ms linear ${i}ms 1 both`,_+=1,d}function L(n,t){const e=(n.style.animation||"").split(", "),o=e.filter(t?n=>n.indexOf(t)<0:n=>-1===n.indexOf("__svelte")),i=e.length-o.length;i&&(n.style.animation=o.join(", "),_-=i,_||f((()=>{_||(E.forEach((n=>{const{stylesheet:t}=n;let e=t.cssRules.length;for(;e--;)t.deleteRule(e);n.rules={}})),E.clear())})))}function P(n){D=n}const H=[],A=[],I=[],q=[],N=Promise.resolve();let R=!1;function j(n){I.push(n)}function F(n){q.push(n)}const O=new Set;let Q,V=0;function X(){const n=D;do{for(;V<H.length;){const n=H[V];V++,P(n),W(n.$$)}for(P(null),H.length=0,V=0;A.length;)A.pop()();for(let n=0;n<I.length;n+=1){const t=I[n];O.has(t)||(O.add(t),t())}I.length=0}while(H.length);for(;q.length;)q.pop()();R=!1,O.clear(),P(n)}function W(n){if(null!==n.fragment){n.update(),l(n.before_update);const t=n.dirty;n.dirty=[-1],n.fragment&&n.fragment.p(n.ctx,t),n.after_update.forEach(j)}}function G(){return Q||(Q=Promise.resolve(),Q.then((()=>{Q=null}))),Q}function J(n,t,e){n.dispatchEvent(function(n,t,e=!1){const o=document.createEvent("CustomEvent");return o.initCustomEvent(n,e,!1,t),o}(`${t?"intro":"outro"}${e}`))}const K=new Set;let U;function Y(){U={r:0,c:[],p:U}}function Z(){U.r||l(U.c),U=U.p}function nn(n,t){n&&n.i&&(K.delete(n),n.i(t))}function tn(n,t,e,o){if(n&&n.o){if(K.has(n))return;K.add(n),U.c.push((()=>{K.delete(n),o&&(e&&n.d(1),o())})),n.o(t)}}const en={duration:0};function on(n,t,e){const o=n.$$.props[t];void 0!==o&&(n.$$.bound[o]=e,e(n.$$.ctx[o]))}function rn(n){n&&n.c()}function ln(n,t,e,o){const{fragment:r,on_mount:a,on_destroy:s,after_update:u}=n.$$;r&&r.m(t,e),o||j((()=>{const t=a.map(i).filter(c);s?s.push(...t):l(t),n.$$.on_mount=[]})),u.forEach(j)}function cn(n,t){const e=n.$$;null!==e.fragment&&(l(e.on_destroy),e.fragment&&e.fragment.d(t),e.on_destroy=e.fragment=null,e.ctx=[])}function an(n,t){-1===n.$$.dirty[0]&&(H.push(n),R||(R=!0,N.then(X)),n.$$.dirty.fill(0)),n.$$.dirty[t/31|0]|=1<<t%31}function sn(n,e,o,i,c,a,s,u=[-1]){const d=D;P(n);const f=n.$$={fragment:null,ctx:null,props:a,update:t,not_equal:c,bound:r(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(d?d.$$.context:[])),callbacks:r(),dirty:u,skip_bound:!1,root:e.target||d.$$.root};s&&s(f.root);let p=!1;if(f.ctx=o?o(n,e.props||{},((t,e,...o)=>{const i=o.length?o[0]:e;return f.ctx&&c(f.ctx[t],f.ctx[t]=i)&&(!f.skip_bound&&f.bound[t]&&f.bound[t](i),p&&an(n,t)),e})):[],f.update(),p=!0,l(f.before_update),f.fragment=!!i&&i(f.ctx),e.target){if(e.hydrate){const n=function(n){return Array.from(n.childNodes)}(e.target);f.fragment&&f.fragment.l(n),n.forEach(y)}else f.fragment&&f.fragment.c();e.intro&&nn(n.$$.fragment),ln(n,e.target,e.anchor,e.customElement),X()}P(d)}class un{$destroy(){cn(this,1),this.$destroy=t}$on(n,t){const e=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return e.push(t),()=>{const n=e.indexOf(t);-1!==n&&e.splice(n,1)}}$set(n){var t;this.$$set&&(t=n,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(n),this.$$.skip_bound=!1)}}function dn(n){let e,o,i,r,l,c,a,s,u,d,f,p,m,g,h,$,b,k,C;return{c(){e=w("svg"),o=w("g"),i=w("g"),r=w("path"),l=w("g"),c=w("g"),a=w("g"),s=w("g"),u=w("g"),d=w("g"),f=w("g"),p=w("g"),m=w("g"),g=w("g"),h=w("g"),$=w("g"),b=w("g"),k=w("g"),C=w("g"),B(r,"d","M428,41.534H30c-16.569,0-30,13.431-30,30v252c0,16.568,13.432,30,30,30h132.1l43.942,52.243 c5.7,6.777,14.103,10.69,22.959,10.69c8.856,0,17.258-3.912,22.959-10.69l43.942-52.243H428c16.568,0,30-13.432,30-30v-252 C458,54.965,444.568,41.534,428,41.534z M323.916,281.534H82.854c-8.284,0-15-6.716-15-15s6.716-15,15-15h241.062 c8.284,0,15,6.716,15,15S332.2,281.534,323.916,281.534z M67.854,198.755c0-8.284,6.716-15,15-15h185.103c8.284,0,15,6.716,15,15 s-6.716,15-15,15H82.854C74.57,213.755,67.854,207.039,67.854,198.755z M375.146,145.974H82.854c-8.284,0-15-6.716-15-15 s6.716-15,15-15h292.291c8.284,0,15,6.716,15,15C390.146,139.258,383.43,145.974,375.146,145.974z"),B(e,"fill",n[0]),B(e,"version","1.1"),B(e,"id","Layer_1"),B(e,"xmlns","http://www.w3.org/2000/svg"),B(e,"xmlns:xlink","http://www.w3.org/1999/xlink"),B(e,"x","0px"),B(e,"y","0px"),B(e,"viewBox","0 0 458 458"),z(e,"enable-background","new 0 0 458 458"),B(e,"xml:space","preserve")},m(n,t){v(n,e,t),x(e,o),x(o,i),x(i,r),x(e,l),x(e,c),x(e,a),x(e,s),x(e,u),x(e,d),x(e,f),x(e,p),x(e,m),x(e,g),x(e,h),x(e,$),x(e,b),x(e,k),x(e,C)},p(n,[t]){1&t&&B(e,"fill",n[0])},i:t,o:t,d(n){n&&y(e)}}}function fn(n,t,e){let{fill:o=""}=t;return n.$$set=n=>{"fill"in n&&e(0,o=n.fill)},[o]}class pn extends un{constructor(n){super(),sn(this,n,fn,dn,a,{fill:0})}}function mn(n){let e,o,i=n[3].svg+"";return{c(){e=w("svg"),B(e,"class",o=n[4].class),B(e,"focusable",n[0]),B(e,"width",n[1]),B(e,"height",n[2]),B(e,"viewBox","0 0 "+n[3].box+" "+(n[3].box-1))},m(n,t){v(n,e,t),e.innerHTML=i},p(n,[t]){16&t&&o!==(o=n[4].class)&&B(e,"class",o),1&t&&B(e,"focusable",n[0]),2&t&&B(e,"width",n[1]),4&t&&B(e,"height",n[2])},i:t,o:t,d(n){n&&y(e)}}}function gn(n,t,e){let{name:i}=t,{focusable:r=!1}=t,{width:l="40px"}=t,{height:c="40px"}=t,a=[{box:50,name:"love",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="#EF7C54" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLove",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"like",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="#FDC537" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLike",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"neutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="#F59F45" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedNeutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"dislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"unSelectedDislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"hate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'},{box:50,name:"unSelectedHate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'}].find((n=>n.name===i));return n.$$set=n=>{e(4,t=o(o({},t),s(n))),"name"in n&&e(5,i=n.name),"focusable"in n&&e(0,r=n.focusable),"width"in n&&e(1,l=n.width),"height"in n&&e(2,c=n.height)},t=s(t),[r,l,c,a,t,i]}class xn extends un{constructor(n){super(),sn(this,n,gn,mn,a,{name:5,focusable:0,width:1,height:2})}}function hn(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===e&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}function $n(n){let e,o,i,r,c,a,s,u,d,f,p,m=n[0].wgEmailReqMsg+"";function g(n,t){return 0==n[8]?wn:1==n[8]?bn:void 0}let h=g(n),$=h&&h(n);return{c(){e=b("div"),o=b("div"),i=k(m),r=C(),c=b("div"),c.innerHTML='<input type="text" id="EmailTextArea" placeholder="email@domain.com"/>',a=C(),s=b("div"),u=b("p"),u.innerHTML="<u>Skip</u>",d=C(),$&&$.c(),B(o,"id","emailText"),B(c,"id","emailInputCont"),B(u,"id","skipText"),B(s,"class","emailFooter"),B(e,"class","emailContainer")},m(t,l){v(t,e,l),x(e,o),x(o,i),x(e,r),x(e,c),x(e,a),x(e,s),x(s,u),x(s,d),$&&$.m(s,null),f||(p=[T(c,"click",n[47]),T(u,"click",n[48])],f=!0)},p(n,t){1&t[0]&&m!==(m=n[0].wgEmailReqMsg+"")&&M(i,m),h===(h=g(n))&&$?$.p(n,t):($&&$.d(1),$=h&&h(n),$&&($.c(),$.m(s,null)))},i:t,o:t,d(n){n&&y(e),$&&$.d(),f=!1,l(p)}}}function vn(n){let t,e,o,i,r,c,a,s,u,d,f,p,m,g,h,$,w,k,M,z,E,D,_,S,L,P,H,A,I,q,N,R,j,F,O,Q,V,X,W,G,J,K,U,en,on,rn;const ln=[Cn,kn],cn=[];function an(n,t){return n[6]?0:0==n[6]?1:-1}~(r=an(n))&&(c=cn[r]=ln[r](n));const sn=[Bn,Tn],un=[];function dn(n,t){return n[6]?0:0==n[6]?1:-1}~(p=dn(n))&&(m=un[p]=sn[p](n));const fn=[zn,Mn],pn=[];function mn(n,t){return n[6]?0:0==n[6]?1:-1}~(M=mn(n))&&(z=pn[M]=fn[M](n));const gn=[Dn,En],xn=[];function hn(n,t){return n[6]?0:0==n[6]?1:-1}~(P=hn(n))&&(H=xn[P]=gn[P](n));const $n=[Sn,_n],vn=[];function yn(n,t){return n[6]?0:0==n[6]?1:-1}function bn(n,t){return 0==n[8]?Pn:1==n[8]?Ln:void 0}~(j=yn(n))&&(F=vn[j]=$n[j](n));let wn=bn(n),Hn=wn&&wn(n);return{c(){t=b("div"),e=b("div"),o=b("div"),i=b("div"),c&&c.c(),a=C(),s=b("p"),s.textContent="Hate",u=C(),d=b("div"),f=b("div"),m&&m.c(),g=C(),h=b("p"),h.textContent="Dislike",$=C(),w=b("div"),k=b("div"),z&&z.c(),E=C(),D=b("p"),D.textContent="Neutral",_=C(),S=b("div"),L=b("div"),H&&H.c(),A=C(),I=b("p"),I.textContent="Like",q=C(),N=b("div"),R=b("div"),F&&F.c(),O=C(),Q=b("p"),Q.textContent="Love",V=C(),X=b("div"),W=b("div"),G=C(),J=b("textarea"),K=C(),U=b("div"),Hn&&Hn.c(),B(i,"class","reactionIcon"),B(s,"class","reactionText"),B(s,"id","hateDiv"),B(o,"class","iconTextCont"),B(f,"class","reactionIcon"),B(h,"class","reactionText"),B(h,"id","dislikeDiv"),B(d,"class","iconTextCont"),B(k,"class","reactionIcon"),B(D,"class","reactionText"),B(D,"id","neutralDiv"),B(w,"class","iconTextCont"),B(L,"class","reactionIcon"),B(I,"class","reactionText"),B(I,"id","likeDiv"),B(S,"class","iconTextCont"),B(R,"class","reactionIcon"),B(Q,"class","reactionText"),B(Q,"id","loveDiv"),B(N,"class","iconTextCont"),B(e,"class","icons-second"),B(W,"class","pointerDiv"),B(W,"id","pointer"),B(J,"class","textArea"),B(J,"placeholder","Tell us your experience..."),B(X,"class","textAreaCont"),B(U,"class","footer"),B(t,"class","commentContainer")},m(l,c){v(l,t,c),x(t,e),x(e,o),x(o,i),~r&&cn[r].m(i,null),x(o,a),x(o,s),x(e,u),x(e,d),x(d,f),~p&&un[p].m(f,null),x(d,g),x(d,h),x(e,$),x(e,w),x(w,k),~M&&pn[M].m(k,null),x(w,E),x(w,D),x(e,_),x(e,S),x(S,L),~P&&xn[P].m(L,null),x(S,A),x(S,I),x(e,q),x(e,N),x(N,R),~j&&vn[j].m(R,null),x(N,O),x(N,Q),x(t,V),x(t,X),x(X,W),x(X,G),x(X,J),x(t,K),x(t,U),Hn&&Hn.m(U,null),en=!0,on||(rn=[T(o,"click",n[32]),T(d,"click",n[35]),T(w,"click",n[38]),T(S,"click",n[41]),T(R,"click",n[44]),T(J,"click",n[45])],on=!0)},p(n,t){let e=r;r=an(n),r===e?~r&&cn[r].p(n,t):(c&&(Y(),tn(cn[e],1,1,(()=>{cn[e]=null})),Z()),~r?(c=cn[r],c?c.p(n,t):(c=cn[r]=ln[r](n),c.c()),nn(c,1),c.m(i,null)):c=null);let o=p;p=dn(n),p===o?~p&&un[p].p(n,t):(m&&(Y(),tn(un[o],1,1,(()=>{un[o]=null})),Z()),~p?(m=un[p],m?m.p(n,t):(m=un[p]=sn[p](n),m.c()),nn(m,1),m.m(f,null)):m=null);let l=M;M=mn(n),M===l?~M&&pn[M].p(n,t):(z&&(Y(),tn(pn[l],1,1,(()=>{pn[l]=null})),Z()),~M?(z=pn[M],z?z.p(n,t):(z=pn[M]=fn[M](n),z.c()),nn(z,1),z.m(k,null)):z=null);let a=P;P=hn(n),P===a?~P&&xn[P].p(n,t):(H&&(Y(),tn(xn[a],1,1,(()=>{xn[a]=null})),Z()),~P?(H=xn[P],H?H.p(n,t):(H=xn[P]=gn[P](n),H.c()),nn(H,1),H.m(L,null)):H=null);let s=j;j=yn(n),j===s?~j&&vn[j].p(n,t):(F&&(Y(),tn(vn[s],1,1,(()=>{vn[s]=null})),Z()),~j?(F=vn[j],F?F.p(n,t):(F=vn[j]=$n[j](n),F.c()),nn(F,1),F.m(R,null)):F=null),wn===(wn=bn(n))&&Hn?Hn.p(n,t):(Hn&&Hn.d(1),Hn=wn&&wn(n),Hn&&(Hn.c(),Hn.m(U,null)))},i(n){en||(nn(c),nn(m),nn(z),nn(H),nn(F),en=!0)},o(n){tn(c),tn(m),tn(z),tn(H),tn(F),en=!1},d(n){n&&y(t),~r&&cn[r].d(),~p&&un[p].d(),~M&&pn[M].d(),~P&&xn[P].d(),~j&&vn[j].d(),Hn&&Hn.d(),on=!1,l(rn)}}}function yn(n){let t,e,o,i,r,c,a,s,u,d,f,p,m,g,h,$,w,z,E,D,_,S,L,P,H,I,q,N,R,j,O,Q,V,X,W,G,J,K,U,Y,Z,en,an,sn,un=n[0].wgQuestion+"";function dn(t){n[20](t)}let fn={};function pn(t){n[22](t)}void 0!==n[2][0]&&(fn.name=n[2][0]),s=new xn({props:fn}),A.push((()=>on(s,"name",dn)));let mn={};function gn(t){n[24](t)}void 0!==n[2][1]&&(mn.name=n[2][1]),h=new xn({props:mn}),A.push((()=>on(h,"name",pn)));let hn={};function $n(t){n[26](t)}void 0!==n[2][2]&&(hn.name=n[2][2]),S=new xn({props:hn}),A.push((()=>on(S,"name",gn)));let vn={};function yn(t){n[28](t)}void 0!==n[2][3]&&(vn.name=n[2][3]),R=new xn({props:vn}),A.push((()=>on(R,"name",$n)));let bn={};return void 0!==n[2][4]&&(bn.name=n[2][4]),G=new xn({props:bn}),A.push((()=>on(G,"name",yn))),{c(){t=b("div"),e=b("div"),o=k(un),i=C(),r=b("div"),c=b("div"),a=b("div"),rn(s.$$.fragment),d=C(),f=b("p"),f.textContent="Hate",p=C(),m=b("div"),g=b("div"),rn(h.$$.fragment),w=C(),z=b("p"),z.textContent="Dislike",E=C(),D=b("div"),_=b("div"),rn(S.$$.fragment),P=C(),H=b("p"),H.textContent="Neutral",I=C(),q=b("div"),N=b("div"),rn(R.$$.fragment),O=C(),Q=b("p"),Q.textContent="Like",V=C(),X=b("div"),W=b("div"),rn(G.$$.fragment),K=C(),U=b("p"),U.textContent="Love",Y=C(),Z=b("p"),B(e,"id","txt"),B(a,"class","reactionIcon"),B(f,"class","reactionText"),B(c,"class","iconTextCont"),B(g,"class","reactionIcon"),B(z,"class","reactionText"),B(m,"class","iconTextCont"),B(_,"class","reactionIcon"),B(H,"class","reactionText"),B(D,"class","iconTextCont"),B(N,"class","reactionIcon"),B(Q,"class","reactionText"),B(q,"class","iconTextCont"),B(W,"class","reactionIcon"),B(U,"class","reactionText"),B(X,"class","iconTextCont"),B(r,"class","icons"),B(Z,"id","test"),B(t,"class","container")},m(l,u){v(l,t,u),x(t,e),x(e,o),x(t,i),x(t,r),x(r,c),x(c,a),ln(s,a,null),x(c,d),x(c,f),x(r,p),x(r,m),x(m,g),ln(h,g,null),x(m,w),x(m,z),x(r,E),x(r,D),x(D,_),ln(S,_,null),x(D,P),x(D,H),x(r,I),x(r,q),x(q,N),ln(R,N,null),x(q,O),x(q,Q),x(r,V),x(r,X),x(X,W),ln(G,W,null),x(X,K),x(X,U),x(t,Y),x(t,Z),en=!0,an||(sn=[T(c,"click",n[21]),T(m,"click",n[23]),T(D,"click",n[25]),T(q,"click",n[27]),T(X,"click",n[29])],an=!0)},p(n,t){(!en||1&t[0])&&un!==(un=n[0].wgQuestion+"")&&M(o,un);const e={};!u&&4&t[0]&&(u=!0,e.name=n[2][0],F((()=>u=!1))),s.$set(e);const i={};!$&&4&t[0]&&($=!0,i.name=n[2][1],F((()=>$=!1))),h.$set(i);const r={};!L&&4&t[0]&&(L=!0,r.name=n[2][2],F((()=>L=!1))),S.$set(r);const l={};!j&&4&t[0]&&(j=!0,l.name=n[2][3],F((()=>j=!1))),R.$set(l);const c={};!J&&4&t[0]&&(J=!0,c.name=n[2][4],F((()=>J=!1))),G.$set(c)},i(n){en||(nn(s.$$.fragment,n),nn(h.$$.fragment,n),nn(S.$$.fragment,n),nn(R.$$.fragment,n),nn(G.$$.fragment,n),en=!0)},o(n){tn(s.$$.fragment,n),tn(h.$$.fragment,n),tn(S.$$.fragment,n),tn(R.$$.fragment,n),tn(G.$$.fragment,n),en=!1},d(n){n&&y(t),cn(s),cn(h),cn(S),cn(R),cn(G),an=!1,l(sn)}}}function bn(n){let e,o,i;return{c(){e=b("button"),e.innerHTML='<p class="SendButtonCommentComponent">Send</p>',B(e,"class","sendButtonContCommentComp")},m(t,r){v(t,e,r),o||(i=T(e,"click",n[49]),o=!0)},p:t,d(n){n&&y(e),o=!1,i()}}}function wn(n){let e;return{c(){e=b("button"),e.innerHTML='<p class="CommentButtonTxtDisable">Send</p>',B(e,"class","CommentButtonContDisable"),e.disabled=!0},m(n,t){v(n,e,t)},p:t,d(n){n&&y(e)}}}function kn(n){let t,e,o;function i(t){n[31](t)}let r={};return void 0!==n[2][0]&&(r.name=n[2][0]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][0],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function Cn(n){let t,e,o;function i(t){n[30](t)}let r={};return void 0!==n[2][0]&&(r.name=n[2][0]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][0],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function Tn(n){let t,e,o;function i(t){n[34](t)}let r={};return void 0!==n[2][1]&&(r.name=n[2][1]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][1],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function Bn(n){let t,e,o;function i(t){n[33](t)}let r={};return void 0!==n[2][1]&&(r.name=n[2][1]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][1],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function Mn(n){let t,e,o;function i(t){n[37](t)}let r={};return void 0!==n[2][2]&&(r.name=n[2][2]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][2],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function zn(n){let t,e,o;function i(t){n[36](t)}let r={};return void 0!==n[2][2]&&(r.name=n[2][2]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][2],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function En(n){let t,e,o;function i(t){n[40](t)}let r={};return void 0!==n[2][3]&&(r.name=n[2][3]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][3],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function Dn(n){let t,e,o;function i(t){n[39](t)}let r={};return void 0!==n[2][3]&&(r.name=n[2][3]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][3],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function _n(n){let t,e,o;function i(t){n[43](t)}let r={};return void 0!==n[2][4]&&(r.name=n[2][4]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][4],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function Sn(n){let t,e,o;function i(t){n[42](t)}let r={};return void 0!==n[2][4]&&(r.name=n[2][4]),t=new xn({props:r}),A.push((()=>on(t,"name",i))),{c(){rn(t.$$.fragment)},m(n,e){ln(t,n,e),o=!0},p(n,o){const i={};!e&&4&o[0]&&(e=!0,i.name=n[2][4],F((()=>e=!1))),t.$set(i)},i(n){o||(nn(t.$$.fragment,n),o=!0)},o(n){tn(t.$$.fragment,n),o=!1},d(n){cn(t,n)}}}function Ln(n){let e,o,i;return{c(){e=b("button"),e.innerHTML='<p class="SendButtonCommentComponent">Send</p>',B(e,"class","sendButtonContCommentComp")},m(t,r){v(t,e,r),o||(i=T(e,"click",n[46]),o=!0)},p:t,d(n){n&&y(e),o=!1,i()}}}function Pn(n){let e;return{c(){e=b("button"),e.innerHTML='<p class="CommentButtonTxtDisable">Send</p>',B(e,"class","CommentButtonContDisable"),e.disabled=!0},m(n,t){v(n,e,t)},p:t,d(n){n&&y(e)}}}function Hn(n){let t,e,o,i;const r=[yn,vn,$n],l=[];function c(n,t){return 1===n[7]?0:2===n[7]?1:3===n[7]?2:-1}return~(t=c(n))&&(e=l[t]=r[t](n)),{c(){e&&e.c(),o=k("")},m(n,e){~t&&l[t].m(n,e),v(n,o,e),i=!0},p(n,i){let a=t;t=c(n),t===a?~t&&l[t].p(n,i):(e&&(Y(),tn(l[a],1,1,(()=>{l[a]=null})),Z()),~t?(e=l[t],e?e.p(n,i):(e=l[t]=r[t](n),e.c()),nn(e,1),e.m(o.parentNode,o)):e=null)},i(n){i||(nn(e),i=!0)},o(n){tn(e),i=!1},d(n){~t&&l[t].d(n),n&&y(o)}}}function An(n,t,e){let o,i,r,l,c,a,s,u,d,f,{feedbackData:p}=t,m=["hate","dislike","neutral","like","love"],g=m,x="",h="",$="",v="test",y=!0,b=0,{closeHandler:w=((n,t,e)=>{})}=t;const k=()=>{let n=document.querySelector(".textArea");f=setInterval((()=>{console.log(n.value),""===n.value?e(8,d=!1):e(8,d=!0)}),500)},C=()=>{let n=document.querySelector("#EmailTextArea");setInterval((()=>{console.log(n.value),/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(n.value)&&""!==n.value?e(8,d=!0):e(8,d=!1),e(5,$=""),e(5,$=document.getElementById("EmailTextArea").value)}),500)},T=(n,t,u)=>{let d=v;var f;v=u,console.log(u),e(7,o=n),e(3,x=String(t)),e(2,g=["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"]),b>0&&("hate"==(f=d)?e(18,r="none"):"dislike"==f?e(17,l="none"):"neutral"==f?e(16,c="none"):"like"==f?e(15,a="none"):"love"==f&&e(13,s="none")),b++,1==t?(e(14,i=11),e(18,r="block"),e(2,g[0]=m[0],g),e(6,y=!y)):2==t?(e(2,g[1]=m[1],g),e(14,i=30),e(17,l="block"),e(6,y=!y)):3==t?(e(2,g[2]=m[2],g),e(14,i=49),e(16,c="block"),e(6,y=!y)):4==t?(e(2,g[3]=m[3],g),e(14,i=68),e(15,a="block"),e(6,y=!y)):5==t&&(e(2,g[4]=m[4],g),e(14,i=87),e(13,s="block"),e(6,y=!y))},B=n=>{clearInterval(f),e(8,d=!1),e(7,o=n),e(4,h=document.getElementsByClassName("textArea")[0].value)};return n.$$set=n=>{"feedbackData"in n&&e(0,p=n.feedbackData),"closeHandler"in n&&e(1,w=n.closeHandler)},n.$$.update=()=>{1&n.$$.dirty[0]&&e(19,u=p.wgAccentColor),16384&n.$$.dirty[0]&&document.documentElement.style.setProperty("--pointerMargin",i+"%"),262144&n.$$.dirty[0]&&document.documentElement.style.setProperty("--hateDisplay",r),131072&n.$$.dirty[0]&&document.documentElement.style.setProperty("--dislikeDisplay",l),65536&n.$$.dirty[0]&&document.documentElement.style.setProperty("--neutralDisplay",c),32768&n.$$.dirty[0]&&document.documentElement.style.setProperty("--likeDisplay",a),8192&n.$$.dirty[0]&&document.documentElement.style.setProperty("--loveDisplay",s),524288&n.$$.dirty[0]&&document.documentElement.style.setProperty("--buttonColor",u)},e(7,o=1),e(14,i=10),e(18,r="none"),e(17,l="none"),e(16,c="none"),e(15,a="none"),e(13,s="none"),e(8,d=!1),[p,w,g,x,h,$,y,o,d,k,C,T,B,s,i,a,c,l,r,u,function(t){n.$$.not_equal(g[0],t)&&(g[0]=t,e(2,g))},()=>T(2,1,"hate"),function(t){n.$$.not_equal(g[1],t)&&(g[1]=t,e(2,g))},()=>T(2,2,"dislike"),function(t){n.$$.not_equal(g[2],t)&&(g[2]=t,e(2,g))},()=>T(2,3,"neutral"),function(t){n.$$.not_equal(g[3],t)&&(g[3]=t,e(2,g))},()=>T(2,4,"like"),function(t){n.$$.not_equal(g[4],t)&&(g[4]=t,e(2,g))},()=>T(2,5,"love"),function(t){n.$$.not_equal(g[0],t)&&(g[0]=t,e(2,g))},function(t){n.$$.not_equal(g[0],t)&&(g[0]=t,e(2,g))},()=>T(2,1,"hate"),function(t){n.$$.not_equal(g[1],t)&&(g[1]=t,e(2,g))},function(t){n.$$.not_equal(g[1],t)&&(g[1]=t,e(2,g))},()=>T(2,2,"dislike"),function(t){n.$$.not_equal(g[2],t)&&(g[2]=t,e(2,g))},function(t){n.$$.not_equal(g[2],t)&&(g[2]=t,e(2,g))},()=>T(2,3,"neutral"),function(t){n.$$.not_equal(g[3],t)&&(g[3]=t,e(2,g))},function(t){n.$$.not_equal(g[3],t)&&(g[3]=t,e(2,g))},()=>T(2,4,"like"),function(t){n.$$.not_equal(g[4],t)&&(g[4]=t,e(2,g))},function(t){n.$$.not_equal(g[4],t)&&(g[4]=t,e(2,g))},()=>T(2,5,"love"),()=>k(),()=>B(3),()=>C(),()=>w($,h,x),()=>w($,h,x)]}hn(".container {\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: 190px;\n }\n .icons {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n margin-top: 11%;\n }\n #txt {\n font-size: 17px;\n display: flex;\n text-align: center;\n margin-top: 5%;\n width: 61%;\n margin-left: 19%;\n }\n\n .iconTextCont {\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 22px;\n }\n\n .reactionText {\n font-size: 12px;\n display: none;\n margin-top: 9.5%;\n \n }\n .iconTextCont:hover{\n pointer-events: auto;\n cursor: pointer;\n }\n .reactionIcon:hover + .reactionText {\n display: block;\n opacity: 0.8;\n }\n\n .commentContainer{\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: 291px;\n pointer-events: auto;\n }\n .textAreaCont{\n pointer-events: auto;\n width: 100%;\n height: 140px;\n background-color: #eaeaeb;\n margin-top: 17%;\n }\n .textArea{\n border: 0px;\n width: 85%;\n height: 120px;\n background-color: #eaeaeb;\n margin-left: 6%;\n outline: none;\n margin-top: 4%;\n resize: none;\n\n }\n .SendButtonCommentComponent{\n pointer-events: auto;\n color: #ffff;\n font-size: 12px;\n text-align: center;\n margin-top: 7px;\n \n }\n .sendButtonContCommentComp{\n pointer-events: auto;\n background-color: var(--buttonColor);\n width: 50px;\n height: 29px;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;\n border-radius: 3px;\n margin-top: 13px;\n margin-right: 11px;\n cursor: pointer;\n border: 0px;\n \n }\n \n.CommentButtonContDisable{\n pointer-events: auto;\n background-color: #cccccc;\n width: 50px;\n height: 29px;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;\n border-radius: 3px;\n margin-top: 13px;\n margin-right: 11px;\n cursor:not-allowed;\n border: 0px;\n}\n.CommentButtonTxtDisable{\n pointer-events: auto;\n color: black;\n font-size: 12px;\n text-align: center;\n margin-top: 7px;\n}\n .footer{\n pointer-events: auto;\n display: flex;\n justify-content: flex-end;\n }\n\n .icons-second{\n\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n margin-top: 6%;\n }\n .pointerDiv{\n width: 0;\n height: 0;\n border-left: 3px solid transparent;\n margin-top: -8px;\n border-right: 5px solid transparent;\n border-bottom: 8px solid #eaeaeb;\n margin-left: var(--pointerMargin);\n\n\n }\n #hateDiv{\n display: var(--hateDisplay);\n }\n #dislikeDiv{\n display: var(--dislikeDisplay);\n }\n #neutralDiv{\n display: var(--neutralDisplay);\n }\n #likeDiv{\n display: var(--likeDisplay);\n }\n #loveDiv{\n display: var(--loveDisplay);\n }\n .emailContainer{\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: 220px;\n }\n #emailInputCont{\n pointer-events: auto;\n pointer-events: auto;\n width: 100%;\n height: 46px;\n background-color: #eaeaeb;\n display: flex;\n /* align-items: center; */\n justify-content: center;\n margin-top: 10%;\n\n }\n #EmailTextArea{\n pointer-events: auto;\n text-align: center;\n border: 0px;\n background-color: #eaeaeb;\n outline: none;\n }\n #emailText{\n width: 80%;\n text-align: center;\n margin-left: 11%;\n margin-top: 8%;\n line-height: 1.29;\n font-size: 17px;\n }\n .emailFooter{\n pointer-events: auto;\n display: flex;\n justify-content: flex-end;\n flex-direction: row;\n }\n #skipText{\n color: #908f8f;\n cursor: pointer;\n font-size: 13px;\n margin-top: 6%;\n margin-right: 4%;\n letter-spacing: normal;\n\n }\n #skipText:hover{\n color: #666666;\n }",{insertAt:"top"});class In extends un{constructor(n){super(),sn(this,n,An,Hn,a,{feedbackData:0,closeHandler:1},null,[-1,-1])}}function qn(n){const t=n-1;return t*t*t+1}function Nn(n,{delay:t=0,duration:e=400,easing:o=qn,x:i=0,y:r=0,opacity:l=0}={}){const c=getComputedStyle(n),a=+c.opacity,s="none"===c.transform?"":c.transform,u=a*(1-l);return{delay:t,duration:e,easing:o,css:(n,t)=>`\n\t\t\ttransform: ${s} translate(${(1-n)*i}px, ${(1-n)*r}px);\n\t\t\topacity: ${a-u*t}`}}function Rn(n){let t,e,o,i,r,l,c,a,s,u;function d(t){n[20](t)}let f={};return void 0!==n[1]&&(f.fill=n[1]),l=new pn({props:f}),A.push((()=>on(l,"fill",d))),{c(){t=b("div"),e=b("div"),o=k(n[2]),i=C(),r=b("div"),rn(l.$$.fragment),B(e,"id","feedbackTxt"),B(r,"id","mainIcon"),B(t,"class","widget")},m(c,d){v(c,t,d),x(t,e),x(e,o),x(t,i),x(t,r),ln(l,r,null),a=!0,s||(u=T(t,"click",n[10]),s=!0)},p(n,t){(!a||4&t)&&M(o,n[2]);const e={};!c&&2&t&&(c=!0,e.fill=n[1],F((()=>c=!1))),l.$set(e)},i(n){a||(nn(l.$$.fragment,n),a=!0)},o(n){tn(l.$$.fragment,n),a=!1},d(n){n&&y(t),cn(l),s=!1,u()}}}function jn(n){let o,i,r,l,a,s,u,f,p;function m(t){n[21](t)}let h={closeHandler:n[8]};return void 0!==n[0]&&(h.feedbackData=n[0]),l=new In({props:h}),A.push((()=>on(l,"feedbackData",m))),{c(){o=b("div"),i=b("div"),i.innerHTML='<p id="closeIcon">X</p>',r=C(),rn(l.$$.fragment),B(i,"class","closeCont"),B(o,"class","cont")},m(t,e){v(t,o,e),x(o,i),x(o,r),ln(l,o,null),u=!0,f||(p=T(i,"click",n[11]),f=!0)},p(t,e){n=t;const o={};!a&&1&e&&(a=!0,o.feedbackData=n[0],F((()=>a=!1))),l.$set(o)},i(i){u||(nn(l.$$.fragment,i),s||j((()=>{s=function(n,o,i){let r,l,a=o(n,i),s=!1,u=0;function f(){r&&L(n,r)}function p(){const{delay:o=0,duration:i=300,easing:c=e,tick:p=t,css:m}=a||en;m&&(r=S(n,0,1,i,o,c,m,u++)),p(0,1);const x=d()+o,h=x+i;l&&l.abort(),s=!0,j((()=>J(n,!0,"start"))),l=g((t=>{if(s){if(t>=h)return p(1,0),J(n,!0,"end"),f(),s=!1;if(t>=x){const n=c((t-x)/i);p(n,1-n)}}return s}))}let m=!1;return{start(){m||(m=!0,L(n),c(a)?(a=a(),G().then(p)):p())},invalidate(){m=!1},end(){s&&(f(),s=!1)}}}(o,Nn,{x:n[6],duration:500}),s.start()})),u=!0)},o(n){tn(l.$$.fragment,n),u=!1},d(n){n&&y(o),cn(l),f=!1,p()}}}function Fn(n){let o,i,r,a,s,u,f,p,m,h=n[0].wgThanksMsg+"";return{c(){o=b("div"),i=b("div"),i.innerHTML='<p id="closeIcon">X</p>',r=C(),a=b("div"),s=k(h),B(i,"class","closeCont"),z(a,"width","61%"),z(a,"text-align","center"),z(a,"margin-top","7%"),z(a,"margin-left","20%"),B(o,"class","thanksMessageCont")},m(t,e){v(t,o,e),x(o,i),x(o,r),x(o,a),x(a,s),f=!0,p||(m=T(i,"click",n[9]),p=!0)},p(t,e){n=t,(!f||1&e)&&h!==(h=n[0].wgThanksMsg+"")&&M(s,h)},i(n){f||(u&&u.end(1),f=!0)},o(i){u=function(n,o,i){let r,a=o(n,i),s=!0;const u=U;function f(){const{delay:o=0,duration:i=300,easing:c=e,tick:f=t,css:p}=a||en;p&&(r=S(n,1,0,i,o,c,p));const m=d()+o,x=m+i;j((()=>J(n,!1,"start"))),g((t=>{if(s){if(t>=x)return f(0,1),J(n,!1,"end"),--u.r||l(u.c),!1;if(t>=m){const n=c((t-m)/i);f(1-n,n)}}return s}))}return u.r+=1,c(a)?G().then((()=>{a=a(),f()})):f(),{end(t){t&&a.tick&&a.tick(1,0),s&&(r&&L(n,r),s=!1)}}}(o,Nn,{x:n[7],duration:300}),f=!1},d(n){n&&y(o),n&&u&&u.end(),p=!1,m()}}}function On(n){let t,e,o,i,r=n[4]&&Rn(n),l=n[3]&&jn(n),c=n[5]&&Fn(n);return{c(){t=b("container"),r&&r.c(),e=C(),l&&l.c(),o=C(),c&&c.c()},m(n,a){v(n,t,a),r&&r.m(t,null),x(t,e),l&&l.m(t,null),x(t,o),c&&c.m(t,null),i=!0},p(n,[i]){n[4]?r?(r.p(n,i),16&i&&nn(r,1)):(r=Rn(n),r.c(),nn(r,1),r.m(t,e)):r&&(Y(),tn(r,1,1,(()=>{r=null})),Z()),n[3]?l?(l.p(n,i),8&i&&nn(l,1)):(l=jn(n),l.c(),nn(l,1),l.m(t,o)):l&&(Y(),tn(l,1,1,(()=>{l=null})),Z()),n[5]?c?(c.p(n,i),32&i&&nn(c,1)):(c=Fn(n),c.c(),nn(c,1),c.m(t,null)):c&&(Y(),tn(c,1,1,(()=>{c=null})),Z())},i(n){i||(nn(r),nn(l),nn(c),i=!0)},o(n){tn(r),tn(l),tn(c),i=!1},d(n){n&&y(t),r&&r.d(),l&&l.d(),c&&c.d()}}}function Qn(n,t,e){let o,{feedback:i}=t;console.log(i);let r="",l="",c="Feedback";c="en"==i.wgLanguage?" Feedback":"ar"==i.wgLanguage?"رأي":"Rétroaction",!0===i.wgAlternateColor?(r="white",l="white"):(r="black",l="black");let a="",s="",u=0,d=0,f=0,p=0,m=!1,g=!0,x=!1,h=0,$=0;0==Number(i.wgPosition)&&(a="center",s="row-reverse",u=5,d=0,f=30,p=0,h=-100,$=20),1==Number(i.wgPosition)&&(a="center",s="row",u=0,d=5,f=0,p=30,h=100,$=-20),2==Number(i.wgPosition)&&(a="flex-end",s="row-reverse",u=5,f=30,p=0,h=-100,$=20),3==Number(i.wgPosition)&&(a="flex-end",s="row",u=0,d=5,f=0,p=30,h=100,$=-20);const v=()=>{e(3,m=!m),e(5,x=!x)};return n.$$set=n=>{"feedback"in n&&e(0,i=n.feedback)},n.$$.update=()=>{1&n.$$.dirty&&e(19,o=i.wgAccentColor),524288&n.$$.dirty&&document.documentElement.style.setProperty("--widgetColor",o),4096&n.$$.dirty&&document.documentElement.style.setProperty("--widgetTextColor",r),8192&n.$$.dirty&&document.documentElement.style.setProperty("--wgPositionHorizintal",a),16384&n.$$.dirty&&document.documentElement.style.setProperty("--wgPositionVertical",s),32768&n.$$.dirty&&document.documentElement.style.setProperty("--widgetLeftSideBorder",u+"px"),65536&n.$$.dirty&&document.documentElement.style.setProperty("--widgetRightSideBorder",d+"px"),131072&n.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginRight",f+"px"),262144&n.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginLeft",p+"px")},[i,l,c,m,g,x,h,$,(n,t,e)=>{let o={email:n,comment:t,reaction:e},i=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(i),console.log(o),v()},()=>{e(5,x=!x),setTimeout((function(){e(4,g=!g)}),350)},()=>{e(3,m=!m),e(4,g=!g)},()=>{e(3,m=!m),setTimeout((function(){e(4,g=!g)}),350)},r,a,s,u,d,f,p,o,function(n){l=n,e(1,l)},function(n){i=n,e(0,i)}]}hn("container{\n width: 100%;\n display: flex;\n flex-direction: var(--wgPositionVertical);\n position: fixed;\n top: 0; right: 0; bottom: 0; left: 0;\n\theight: 100%;\n pointer-events: none;\n align-items: var(--wgPositionHorizintal);\n padding: 0;\n z-index: 100000;\n }\n .widget {\n pointer-events: auto;\n background-color: var(--widgetColor);\n width: 34px;\n height: 112px;\n border-top-left-radius:var(--widgetLeftSideBorder) ;\n border-bottom-left-radius: var(--widgetLeftSideBorder);\n border-top-right-radius: var(--widgetRightSideBorder) ;\n border-bottom-right-radius: var(--widgetRightSideBorder);\n box-shadow: 0.2px 0.2px 0.2px rgb(133, 130, 130);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n cursor: pointer;\n margin-top: 5px;\n }\n #mainIcon {\n width: 60%;\n margin-left: 4%;\n cursor: pointer;\n }\n #feedbackTxt {\n color: var(--widgetTextColor);\n font-size: 15px;\n writing-mode: vertical-lr;\n transform: rotate(180deg);\n cursor: pointer;\n font-size-adjust: 0.40;\n }\n .widget:hover {\n width: 35px;\n -webkit-box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);\n box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);\n }\n .cont {\n pointer-events: auto;\n width: 320px;\n height: fit-content;\n background-color: rgb(255, 255, 255);\n \tmargin-right: var(--widgetMarginRight);\n margin-left: var(--widgetMarginLeft);\n\t-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px; \n\tbox-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\n }\n .thanksMessageCont{\n pointer-events: auto;\n width: 320px;\n height: 104px;\n background-color: rgb(255, 255, 255);\n \tmargin-right: var(--widgetMarginRight);\n margin-left: var(--widgetMarginLeft);\n\t-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px; \n\tbox-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\n }\n #closeIcon{\n\t font-size: 16px;\n\t color: #ffff;\n\t font-weight: 600;\n\t font-family: system-ui;\n\tcursor: pointer;\n\t \n }\n .closeCont{\n pointer-events: auto;\n\t background-color: #4d5167;\n\t width: 27px;\n height: 27px;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: -15px;\n margin-left: 85%;\n\tcursor: pointer;\n\t}\n\n \n \n \n\n @media (min-width: 640px) {\n body {\n max-width: none;\n }\n }",{insertAt:"top"});class Vn extends un{constructor(n){super(),sn(this,n,Qn,On,a,{feedback:0})}}return n.feedbackCreator=function(n){new Vn({target:document.body,props:{feedback:n}})},Object.defineProperty(n,"__esModule",{value:!0}),n}({});
|
|
1
|
+
var fsFeedbackWidget=function(e){"use strict";function n(){}const t=e=>e;function o(e,n){for(const t in n)e[t]=n[t];return e}function l(e){return e()}function i(){return Object.create(null)}function c(e){e.forEach(l)}function r(e){return"function"==typeof e}function s(e,n){return e!=e?n==n:e!==n||e&&"object"==typeof e||"function"==typeof e}function a(e){const n={};for(const t in e)"$"!==t[0]&&(n[t]=e[t]);return n}const u="undefined"!=typeof window;let f=u?()=>window.performance.now():()=>Date.now(),d=u?e=>requestAnimationFrame(e):n;const m=new Set;function g(e){m.forEach((n=>{n.c(e)||(m.delete(n),n.f())})),0!==m.size&&d(g)}function p(e){let n;return 0===m.size&&d(g),{promise:new Promise((t=>{m.add(n={c:e,f:t})})),abort(){m.delete(n)}}}function $(e,n){e.appendChild(n)}function h(e){if(!e)return document;const n=e.getRootNode?e.getRootNode():e.ownerDocument;return n&&n.host?n:e.ownerDocument}function y(e){const n=x("style");return function(e,n){$(e.head||e,n)}(h(e),n),n.sheet}function v(e,n,t){e.insertBefore(n,t||null)}function w(e){e.parentNode.removeChild(e)}function x(e){return document.createElement(e)}function b(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function k(e){return document.createTextNode(e)}function C(){return k(" ")}function T(e,n,t,o){return e.addEventListener(n,t,o),()=>e.removeEventListener(n,t,o)}function E(e,n,t){null==t?e.removeAttribute(n):e.getAttribute(n)!==t&&e.setAttribute(n,t)}function B(e,n){n=""+n,e.wholeText!==n&&(e.data=n)}function M(e,n,t,o){null===t?e.style.removeProperty(n):e.style.setProperty(n,t,o?"important":"")}const _=new Map;let z,S=0;function R(e,n,t,o,l,i,c,r=0){const s=16.666/o;let a="{\n";for(let e=0;e<=1;e+=s){const o=n+(t-n)*i(e);a+=100*e+`%{${c(o,1-o)}}\n`}const u=a+`100% {${c(t,1-t)}}\n}`,f=`__svelte_${function(e){let n=5381,t=e.length;for(;t--;)n=(n<<5)-n^e.charCodeAt(t);return n>>>0}(u)}_${r}`,d=h(e),{stylesheet:m,rules:g}=_.get(d)||function(e,n){const t={stylesheet:y(n),rules:{}};return _.set(e,t),t}(d,e);g[f]||(g[f]=!0,m.insertRule(`@keyframes ${f} ${u}`,m.cssRules.length));const p=e.style.animation||"";return e.style.animation=`${p?`${p}, `:""}${f} ${o}ms linear ${l}ms 1 both`,S+=1,f}function D(e,n){const t=(e.style.animation||"").split(", "),o=t.filter(n?e=>e.indexOf(n)<0:e=>-1===e.indexOf("__svelte")),l=t.length-o.length;l&&(e.style.animation=o.join(", "),S-=l,S||d((()=>{S||(_.forEach((e=>{const{stylesheet:n}=e;let t=n.cssRules.length;for(;t--;)n.deleteRule(t);e.rules={}})),_.clear())})))}function H(e){z=e}const P=[],I=[],A=[],L=[],q=Promise.resolve();let N=!1;function F(e){A.push(e)}function O(e){L.push(e)}const j=new Set;let W,U=0;function Q(){const e=z;do{for(;U<P.length;){const e=P[U];U++,H(e),V(e.$$)}for(H(null),P.length=0,U=0;I.length;)I.pop()();for(let e=0;e<A.length;e+=1){const n=A[e];j.has(n)||(j.add(n),n())}A.length=0}while(P.length);for(;L.length;)L.pop()();N=!1,j.clear(),H(e)}function V(e){if(null!==e.fragment){e.update(),c(e.before_update);const n=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,n),e.after_update.forEach(F)}}function X(){return W||(W=Promise.resolve(),W.then((()=>{W=null}))),W}function G(e,n,t){e.dispatchEvent(function(e,n,t=!1){const o=document.createEvent("CustomEvent");return o.initCustomEvent(e,t,!1,n),o}(`${n?"intro":"outro"}${t}`))}const J=new Set;let K;function Y(){K={r:0,c:[],p:K}}function Z(){K.r||c(K.c),K=K.p}function ee(e,n){e&&e.i&&(J.delete(e),e.i(n))}function ne(e,n,t,o){if(e&&e.o){if(J.has(e))return;J.add(e),K.c.push((()=>{J.delete(e),o&&(t&&e.d(1),o())})),e.o(n)}}const te={duration:0};function oe(e,n,t){const o=e.$$.props[n];void 0!==o&&(e.$$.bound[o]=t,t(e.$$.ctx[o]))}function le(e){e&&e.c()}function ie(e,n,t,o){const{fragment:i,on_mount:s,on_destroy:a,after_update:u}=e.$$;i&&i.m(n,t),o||F((()=>{const n=s.map(l).filter(r);a?a.push(...n):c(n),e.$$.on_mount=[]})),u.forEach(F)}function ce(e,n){const t=e.$$;null!==t.fragment&&(c(t.on_destroy),t.fragment&&t.fragment.d(n),t.on_destroy=t.fragment=null,t.ctx=[])}function re(e,n){-1===e.$$.dirty[0]&&(P.push(e),N||(N=!0,q.then(Q)),e.$$.dirty.fill(0)),e.$$.dirty[n/31|0]|=1<<n%31}function se(e,t,o,l,r,s,a,u=[-1]){const f=z;H(e);const d=e.$$={fragment:null,ctx:null,props:s,update:n,not_equal:r,bound:i(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(f?f.$$.context:[])),callbacks:i(),dirty:u,skip_bound:!1,root:t.target||f.$$.root};a&&a(d.root);let m=!1;if(d.ctx=o?o(e,t.props||{},((n,t,...o)=>{const l=o.length?o[0]:t;return d.ctx&&r(d.ctx[n],d.ctx[n]=l)&&(!d.skip_bound&&d.bound[n]&&d.bound[n](l),m&&re(e,n)),t})):[],d.update(),m=!0,c(d.before_update),d.fragment=!!l&&l(d.ctx),t.target){if(t.hydrate){const e=function(e){return Array.from(e.childNodes)}(t.target);d.fragment&&d.fragment.l(e),e.forEach(w)}else d.fragment&&d.fragment.c();t.intro&&ee(e.$$.fragment),ie(e,t.target,t.anchor,t.customElement),Q()}H(f)}class ae{$destroy(){ce(this,1),this.$destroy=n}$on(e,n){const t=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return t.push(n),()=>{const e=t.indexOf(n);-1!==e&&t.splice(e,1)}}$set(e){var n;this.$$set&&(n=e,0!==Object.keys(n).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}function ue(e){let t,o,l,i,c,r,s,a,u,f,d,m,g,p,h,y,x,k,C;return{c(){t=b("svg"),o=b("g"),l=b("g"),i=b("path"),c=b("g"),r=b("g"),s=b("g"),a=b("g"),u=b("g"),f=b("g"),d=b("g"),m=b("g"),g=b("g"),p=b("g"),h=b("g"),y=b("g"),x=b("g"),k=b("g"),C=b("g"),E(i,"d","M428,41.534H30c-16.569,0-30,13.431-30,30v252c0,16.568,13.432,30,30,30h132.1l43.942,52.243 c5.7,6.777,14.103,10.69,22.959,10.69c8.856,0,17.258-3.912,22.959-10.69l43.942-52.243H428c16.568,0,30-13.432,30-30v-252 C458,54.965,444.568,41.534,428,41.534z M323.916,281.534H82.854c-8.284,0-15-6.716-15-15s6.716-15,15-15h241.062 c8.284,0,15,6.716,15,15S332.2,281.534,323.916,281.534z M67.854,198.755c0-8.284,6.716-15,15-15h185.103c8.284,0,15,6.716,15,15 s-6.716,15-15,15H82.854C74.57,213.755,67.854,207.039,67.854,198.755z M375.146,145.974H82.854c-8.284,0-15-6.716-15-15 s6.716-15,15-15h292.291c8.284,0,15,6.716,15,15C390.146,139.258,383.43,145.974,375.146,145.974z"),E(t,"fill",e[0]),E(t,"version","1.1"),E(t,"id","Layer_1"),E(t,"xmlns","http://www.w3.org/2000/svg"),E(t,"xmlns:xlink","http://www.w3.org/1999/xlink"),E(t,"x","0px"),E(t,"y","0px"),E(t,"viewBox","0 0 458 458"),M(t,"enable-background","new 0 0 458 458"),E(t,"xml:space","preserve")},m(e,n){v(e,t,n),$(t,o),$(o,l),$(l,i),$(t,c),$(t,r),$(t,s),$(t,a),$(t,u),$(t,f),$(t,d),$(t,m),$(t,g),$(t,p),$(t,h),$(t,y),$(t,x),$(t,k),$(t,C)},p(e,[n]){1&n&&E(t,"fill",e[0])},i:n,o:n,d(e){e&&w(t)}}}function fe(e,n,t){let{fill:o=""}=n;return e.$$set=e=>{"fill"in e&&t(0,o=e.fill)},[o]}class de extends ae{constructor(e){super(),se(this,e,fe,ue,s,{fill:0})}}function me(e){let t,o,l=e[3].svg+"";return{c(){t=b("svg"),E(t,"class",o=e[4].class),E(t,"focusable",e[0]),E(t,"width",e[1]),E(t,"height",e[2]),E(t,"viewBox","0 0 "+e[3].box+" "+(e[3].box-1))},m(e,n){v(e,t,n),t.innerHTML=l},p(e,[n]){16&n&&o!==(o=e[4].class)&&E(t,"class",o),1&n&&E(t,"focusable",e[0]),2&n&&E(t,"width",e[1]),4&n&&E(t,"height",e[2])},i:n,o:n,d(e){e&&w(t)}}}function ge(e,n,t){let{name:l}=n,{focusable:i=!1}=n,{width:c="40px"}=n,{height:r="40px"}=n,s=[{box:50,name:"love",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="#EF7C54" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLove",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"like",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="#FDC537" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLike",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"neutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="#F59F45" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedNeutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"dislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"unSelectedDislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"hate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'},{box:50,name:"unSelectedHate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'}].find((e=>e.name===l));return e.$$set=e=>{t(4,n=o(o({},n),a(e))),"name"in e&&t(5,l=e.name),"focusable"in e&&t(0,i=e.focusable),"width"in e&&t(1,c=e.width),"height"in e&&t(2,r=e.height)},n=a(n),[i,c,r,s,n,l]}class pe extends ae{constructor(e){super(),se(this,e,ge,me,s,{name:5,focusable:0,width:1,height:2})}}function $e(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}function he(e){let t,o,l,i,r,s,a,u,f,d,m,g,p=e[0].wgEmailReqMsg+"";function h(e,n){return 0==e[8]?xe:1==e[8]?we:void 0}let y=h(e),b=y&&y(e);return{c(){t=x("div"),o=x("div"),l=k(p),i=C(),r=x("div"),s=x("input"),a=C(),u=x("div"),f=x("p"),f.innerHTML="<u>Skip</u>",d=C(),b&&b.c(),E(o,"id","fsEmailText"),E(s,"type","text"),E(s,"id","fsEmailTextArea"),E(s,"placeholder","email@domain.com"),E(r,"id","fsEmailInputCont"),E(f,"id","fsSkipText"),E(u,"class","fsEmailFooter"),E(t,"class","fsEmailContainer")},m(n,c){v(n,t,c),$(t,o),$(o,l),$(t,i),$(t,r),$(r,s),$(t,a),$(t,u),$(u,f),$(u,d),b&&b.m(u,null),m||(g=[T(s,"keyup",e[49]),T(f,"click",e[50])],m=!0)},p(e,n){1&n[0]&&p!==(p=e[0].wgEmailReqMsg+"")&&B(l,p),y===(y=h(e))&&b?b.p(e,n):(b&&b.d(1),b=y&&y(e),b&&(b.c(),b.m(u,null)))},i:n,o:n,d(e){e&&w(t),b&&b.d(),m=!1,c(g)}}}function ye(e){let n,t,o,l,i,r,s,a,u,f,d,m,g,p,h,y,b,k,B,M,_,z,S,R,D,H,P,I,A,L,q,N,F,O,j,W,U,Q,V,X,G,J,K,te,oe,le;const ie=[ke,be],ce=[];function re(e,n){return e[6]?0:0==e[6]?1:-1}~(i=re(e))&&(r=ce[i]=ie[i](e));const se=[Te,Ce],ae=[];function ue(e,n){return e[6]?0:0==e[6]?1:-1}~(m=ue(e))&&(g=ae[m]=se[m](e));const fe=[Be,Ee],de=[];function me(e,n){return e[6]?0:0==e[6]?1:-1}~(B=me(e))&&(M=de[B]=fe[B](e));const ge=[_e,Me],pe=[];function $e(e,n){return e[6]?0:0==e[6]?1:-1}~(H=$e(e))&&(P=pe[H]=ge[H](e));const he=[Se,ze],ye=[];function ve(e,n){return e[6]?0:0==e[6]?1:-1}function we(e,n){return 0==e[8]?De:1==e[8]?Re:void 0}~(F=ve(e))&&(O=ye[F]=he[F](e));let xe=we(e),He=xe&&xe(e);return{c(){n=x("div"),t=x("div"),o=x("div"),l=x("div"),r&&r.c(),s=C(),a=x("p"),a.textContent="Hate",u=C(),f=x("div"),d=x("div"),g&&g.c(),p=C(),h=x("p"),h.textContent="Dislike",y=C(),b=x("div"),k=x("div"),M&&M.c(),_=C(),z=x("p"),z.textContent="Neutral",S=C(),R=x("div"),D=x("div"),P&&P.c(),I=C(),A=x("p"),A.textContent="Like",L=C(),q=x("div"),N=x("div"),O&&O.c(),j=C(),W=x("p"),W.textContent="Love",U=C(),Q=x("div"),V=x("div"),X=C(),G=x("textarea"),J=C(),K=x("div"),He&&He.c(),E(l,"class","fsReactionIcon"),E(a,"class","fsReactionText"),E(a,"id","fsHateDiv"),E(o,"class","fsIconTextCont"),E(d,"class","fsReactionIcon"),E(h,"class","fsReactionText"),E(h,"id","fsDislikeDiv"),E(f,"class","fsIconTextCont"),E(k,"class","fsReactionIcon"),E(z,"class","fsReactionText"),E(z,"id","fsNeutralDiv"),E(b,"class","fsIconTextCont"),E(D,"class","fsReactionIcon"),E(A,"class","fsReactionText"),E(A,"id","fsLikeDiv"),E(R,"class","fsIconTextCont"),E(N,"class","fsReactionIcon"),E(W,"class","fsReactionText"),E(W,"id","fsLoveDiv"),E(q,"class","fsIconTextCont"),E(t,"class","fsIcons-second"),E(V,"class","fsPointerDiv"),E(V,"id","fsPointer"),E(G,"class","fsTextArea"),E(G,"placeholder","Tell us your experience..."),E(Q,"class","fsTextAreaCont"),E(K,"class","fsFooter"),E(n,"class","fsCommentContainer")},m(c,r){v(c,n,r),$(n,t),$(t,o),$(o,l),~i&&ce[i].m(l,null),$(o,s),$(o,a),$(t,u),$(t,f),$(f,d),~m&&ae[m].m(d,null),$(f,p),$(f,h),$(t,y),$(t,b),$(b,k),~B&&de[B].m(k,null),$(b,_),$(b,z),$(t,S),$(t,R),$(R,D),~H&&pe[H].m(D,null),$(R,I),$(R,A),$(t,L),$(t,q),$(q,N),~F&&ye[F].m(N,null),$(q,j),$(q,W),$(n,U),$(n,Q),$(Q,V),$(Q,X),$(Q,G),$(n,J),$(n,K),He&&He.m(K,null),te=!0,oe||(le=[T(o,"click",e[34]),T(f,"click",e[37]),T(b,"click",e[40]),T(R,"click",e[43]),T(N,"click",e[46]),T(G,"keyup",e[47])],oe=!0)},p(e,n){let t=i;i=re(e),i===t?~i&&ce[i].p(e,n):(r&&(Y(),ne(ce[t],1,1,(()=>{ce[t]=null})),Z()),~i?(r=ce[i],r?r.p(e,n):(r=ce[i]=ie[i](e),r.c()),ee(r,1),r.m(l,null)):r=null);let o=m;m=ue(e),m===o?~m&&ae[m].p(e,n):(g&&(Y(),ne(ae[o],1,1,(()=>{ae[o]=null})),Z()),~m?(g=ae[m],g?g.p(e,n):(g=ae[m]=se[m](e),g.c()),ee(g,1),g.m(d,null)):g=null);let c=B;B=me(e),B===c?~B&&de[B].p(e,n):(M&&(Y(),ne(de[c],1,1,(()=>{de[c]=null})),Z()),~B?(M=de[B],M?M.p(e,n):(M=de[B]=fe[B](e),M.c()),ee(M,1),M.m(k,null)):M=null);let s=H;H=$e(e),H===s?~H&&pe[H].p(e,n):(P&&(Y(),ne(pe[s],1,1,(()=>{pe[s]=null})),Z()),~H?(P=pe[H],P?P.p(e,n):(P=pe[H]=ge[H](e),P.c()),ee(P,1),P.m(D,null)):P=null);let a=F;F=ve(e),F===a?~F&&ye[F].p(e,n):(O&&(Y(),ne(ye[a],1,1,(()=>{ye[a]=null})),Z()),~F?(O=ye[F],O?O.p(e,n):(O=ye[F]=he[F](e),O.c()),ee(O,1),O.m(N,null)):O=null),xe===(xe=we(e))&&He?He.p(e,n):(He&&He.d(1),He=xe&&xe(e),He&&(He.c(),He.m(K,null)))},i(e){te||(ee(r),ee(g),ee(M),ee(P),ee(O),te=!0)},o(e){ne(r),ne(g),ne(M),ne(P),ne(O),te=!1},d(e){e&&w(n),~i&&ce[i].d(),~m&&ae[m].d(),~B&&de[B].d(),~H&&pe[H].d(),~F&&ye[F].d(),He&&He.d(),oe=!1,c(le)}}}function ve(e){let n,t,o,l,i,r,s,a,u,f,d,m,g,p,h,y,b,M,_,z,S,R,D,H,P,A,L,q,N,F,j,W,U,Q,V,X,G,J,K,Y,Z,te,re,se,ae=e[0].wgQuestion+"";function ue(n){e[22](n)}let fe={};function de(n){e[24](n)}void 0!==e[2][0]&&(fe.name=e[2][0]),a=new pe({props:fe}),I.push((()=>oe(a,"name",ue)));let me={};function ge(n){e[26](n)}void 0!==e[2][1]&&(me.name=e[2][1]),h=new pe({props:me}),I.push((()=>oe(h,"name",de)));let $e={};function he(n){e[28](n)}void 0!==e[2][2]&&($e.name=e[2][2]),R=new pe({props:$e}),I.push((()=>oe(R,"name",ge)));let ye={};function ve(n){e[30](n)}void 0!==e[2][3]&&(ye.name=e[2][3]),N=new pe({props:ye}),I.push((()=>oe(N,"name",he)));let we={};return void 0!==e[2][4]&&(we.name=e[2][4]),X=new pe({props:we}),I.push((()=>oe(X,"name",ve))),{c(){n=x("div"),t=x("div"),o=k(ae),l=C(),i=x("div"),r=x("div"),s=x("div"),le(a.$$.fragment),f=C(),d=x("p"),d.textContent="Hate",m=C(),g=x("div"),p=x("div"),le(h.$$.fragment),b=C(),M=x("p"),M.textContent="Dislike",_=C(),z=x("div"),S=x("div"),le(R.$$.fragment),H=C(),P=x("p"),P.textContent="Neutral",A=C(),L=x("div"),q=x("div"),le(N.$$.fragment),j=C(),W=x("p"),W.textContent="Like",U=C(),Q=x("div"),V=x("div"),le(X.$$.fragment),J=C(),K=x("p"),K.textContent="Love",Y=C(),Z=x("p"),E(t,"id","fsTxt"),E(s,"class","fsReactionIcon"),E(d,"class","fsReactionText"),E(r,"class","fsIconTextCont"),E(p,"class","fsReactionIcon"),E(M,"class","fsReactionText"),E(g,"class","fsIconTextCont"),E(S,"class","fsReactionIcon"),E(P,"class","fsReactionText"),E(z,"class","fsIconTextCont"),E(q,"class","fsReactionIcon"),E(W,"class","fsReactionText"),E(L,"class","fsIconTextCont"),E(V,"class","fsReactionIcon"),E(K,"class","fsReactionText"),E(Q,"class","fsIconTextCont"),E(i,"class","fsIcons"),E(Z,"id","test"),E(n,"class","fsReactionsContainer")},m(c,u){v(c,n,u),$(n,t),$(t,o),$(n,l),$(n,i),$(i,r),$(r,s),ie(a,s,null),$(r,f),$(r,d),$(i,m),$(i,g),$(g,p),ie(h,p,null),$(g,b),$(g,M),$(i,_),$(i,z),$(z,S),ie(R,S,null),$(z,H),$(z,P),$(i,A),$(i,L),$(L,q),ie(N,q,null),$(L,j),$(L,W),$(i,U),$(i,Q),$(Q,V),ie(X,V,null),$(Q,J),$(Q,K),$(n,Y),$(n,Z),te=!0,re||(se=[T(r,"click",e[23]),T(g,"click",e[25]),T(z,"click",e[27]),T(L,"click",e[29]),T(Q,"click",e[31])],re=!0)},p(e,n){(!te||1&n[0])&&ae!==(ae=e[0].wgQuestion+"")&&B(o,ae);const t={};!u&&4&n[0]&&(u=!0,t.name=e[2][0],O((()=>u=!1))),a.$set(t);const l={};!y&&4&n[0]&&(y=!0,l.name=e[2][1],O((()=>y=!1))),h.$set(l);const i={};!D&&4&n[0]&&(D=!0,i.name=e[2][2],O((()=>D=!1))),R.$set(i);const c={};!F&&4&n[0]&&(F=!0,c.name=e[2][3],O((()=>F=!1))),N.$set(c);const r={};!G&&4&n[0]&&(G=!0,r.name=e[2][4],O((()=>G=!1))),X.$set(r)},i(e){te||(ee(a.$$.fragment,e),ee(h.$$.fragment,e),ee(R.$$.fragment,e),ee(N.$$.fragment,e),ee(X.$$.fragment,e),te=!0)},o(e){ne(a.$$.fragment,e),ne(h.$$.fragment,e),ne(R.$$.fragment,e),ne(N.$$.fragment,e),ne(X.$$.fragment,e),te=!1},d(e){e&&w(n),ce(a),ce(h),ce(R),ce(N),ce(X),re=!1,c(se)}}}function we(e){let t,o,l;return{c(){t=x("button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',E(t,"class","fsSendButtonContCommentComp")},m(n,i){v(n,t,i),o||(l=[T(t,"click",e[51]),T(t,"click",e[52])],o=!0)},p:n,d(e){e&&w(t),o=!1,c(l)}}}function xe(e){let t;return{c(){t=x("button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',E(t,"class","fsCommentButtonContDisable"),t.disabled=!0},m(e,n){v(e,t,n)},p:n,d(e){e&&w(t)}}}function be(e){let n,t,o;function l(n){e[33](n)}let i={};return void 0!==e[2][0]&&(i.name=e[2][0]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][0],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function ke(e){let n,t,o;function l(n){e[32](n)}let i={};return void 0!==e[2][0]&&(i.name=e[2][0]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][0],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Ce(e){let n,t,o;function l(n){e[36](n)}let i={};return void 0!==e[2][1]&&(i.name=e[2][1]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][1],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Te(e){let n,t,o;function l(n){e[35](n)}let i={};return void 0!==e[2][1]&&(i.name=e[2][1]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][1],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Ee(e){let n,t,o;function l(n){e[39](n)}let i={};return void 0!==e[2][2]&&(i.name=e[2][2]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][2],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Be(e){let n,t,o;function l(n){e[38](n)}let i={};return void 0!==e[2][2]&&(i.name=e[2][2]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][2],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Me(e){let n,t,o;function l(n){e[42](n)}let i={};return void 0!==e[2][3]&&(i.name=e[2][3]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][3],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function _e(e){let n,t,o;function l(n){e[41](n)}let i={};return void 0!==e[2][3]&&(i.name=e[2][3]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][3],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function ze(e){let n,t,o;function l(n){e[45](n)}let i={};return void 0!==e[2][4]&&(i.name=e[2][4]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][4],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Se(e){let n,t,o;function l(n){e[44](n)}let i={};return void 0!==e[2][4]&&(i.name=e[2][4]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][4],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Re(e){let t,o,l;return{c(){t=x("button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',E(t,"class","fsSendButtonContCommentComp")},m(n,i){v(n,t,i),o||(l=T(t,"click",e[48]),o=!0)},p:n,d(e){e&&w(t),o=!1,l()}}}function De(e){let t;return{c(){t=x("button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',E(t,"class","fsCommentButtonContDisable"),t.disabled=!0},m(e,n){v(e,t,n)},p:n,d(e){e&&w(t)}}}function He(e){let n,t,o,l;const i=[ve,ye,he],c=[];function r(e,n){return 1===e[7]?0:2===e[7]?1:3===e[7]?2:-1}return~(n=r(e))&&(t=c[n]=i[n](e)),{c(){t&&t.c(),o=k("")},m(e,t){~n&&c[n].m(e,t),v(e,o,t),l=!0},p(e,l){let s=n;n=r(e),n===s?~n&&c[n].p(e,l):(t&&(Y(),ne(c[s],1,1,(()=>{c[s]=null})),Z()),~n?(t=c[n],t?t.p(e,l):(t=c[n]=i[n](e),t.c()),ee(t,1),t.m(o.parentNode,o)):t=null)},i(e){l||(ee(t),l=!0)},o(e){ne(t),l=!1},d(e){~n&&c[n].d(e),e&&w(o)}}}function Pe(e,n,t){let o,l,i,c,r,s,a,u,f,{feedbackData:d}=n;console.log("hiiih");let m=["hate","dislike","neutral","like","love"],g=m,p="",$="",h="",y="test",v=!0,w=0,{closeHandler:x=((e,n,t)=>{})}=n,{closeHandlerBeforeFinishing:b=((e,n,t)=>{})}=n;const k=()=>{let e=document.querySelector(".fsTextArea");""===e.value?t(8,f=!1):t(8,f=!0),t(4,$=""),t(4,$=e.value),console.log(e.value)},C=()=>{let e=document.querySelector("#fsEmailTextArea");/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e.value)&&""!==e.value?(t(8,f=!0),t(5,h=""),t(5,h=document.getElementById("fsEmailTextArea").value)):t(8,f=!1)},T=(e,n,u)=>{let f=y;var d;y=u,console.log(u),t(7,o=e),t(3,p=String(n)),t(2,g=["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"]),b(h,$,p),w>0&&("hate"==(d=f)?t(20,i="none"):"dislike"==d?t(19,c="none"):"neutral"==d?t(18,r="none"):"like"==d?t(17,s="none"):"love"==d&&t(15,a="none")),w++,1==n?(t(16,l=11),t(20,i="block"),t(2,g[0]=m[0],g),t(6,v=!v)):2==n?(t(2,g[1]=m[1],g),t(16,l=30),t(19,c="block"),t(6,v=!v)):3==n?(t(2,g[2]=m[2],g),t(16,l=49),t(18,r="block"),t(6,v=!v)):4==n?(t(2,g[3]=m[3],g),t(16,l=68),t(17,s="block"),t(6,v=!v)):5==n&&(t(2,g[4]=m[4],g),t(16,l=87),t(15,a="block"),t(6,v=!v))},E=e=>{clearInterval(undefined),document.querySelector(".fsTextArea").value="",t(8,f=!1),t(7,o=e)},B=()=>{console.log("444"),clearInterval(undefined),document.querySelector("#fsEmailTextArea").value=""};return e.$$set=e=>{"feedbackData"in e&&t(0,d=e.feedbackData),"closeHandler"in e&&t(1,x=e.closeHandler),"closeHandlerBeforeFinishing"in e&&t(14,b=e.closeHandlerBeforeFinishing)},e.$$.update=()=>{1&e.$$.dirty[0]&&t(21,u=d.wgAccentColor),65536&e.$$.dirty[0]&&document.documentElement.style.setProperty("--pointerMargin",l+"%"),1048576&e.$$.dirty[0]&&document.documentElement.style.setProperty("--hateDisplay",i),524288&e.$$.dirty[0]&&document.documentElement.style.setProperty("--dislikeDisplay",c),262144&e.$$.dirty[0]&&document.documentElement.style.setProperty("--neutralDisplay",r),131072&e.$$.dirty[0]&&document.documentElement.style.setProperty("--likeDisplay",s),32768&e.$$.dirty[0]&&document.documentElement.style.setProperty("--loveDisplay",a),2097152&e.$$.dirty[0]&&document.documentElement.style.setProperty("--buttonColor",u)},t(7,o=1),t(16,l=10),t(20,i="none"),t(19,c="none"),t(18,r="none"),t(17,s="none"),t(15,a="none"),t(8,f=!1),[d,x,g,p,$,h,v,o,f,k,C,T,E,B,b,a,l,s,r,c,i,u,function(n){e.$$.not_equal(g[0],n)&&(g[0]=n,t(2,g))},()=>T(2,1,"hate"),function(n){e.$$.not_equal(g[1],n)&&(g[1]=n,t(2,g))},()=>T(2,2,"dislike"),function(n){e.$$.not_equal(g[2],n)&&(g[2]=n,t(2,g))},()=>T(2,3,"neutral"),function(n){e.$$.not_equal(g[3],n)&&(g[3]=n,t(2,g))},()=>T(2,4,"like"),function(n){e.$$.not_equal(g[4],n)&&(g[4]=n,t(2,g))},()=>T(2,5,"love"),function(n){e.$$.not_equal(g[0],n)&&(g[0]=n,t(2,g))},function(n){e.$$.not_equal(g[0],n)&&(g[0]=n,t(2,g))},()=>T(2,1,"hate"),function(n){e.$$.not_equal(g[1],n)&&(g[1]=n,t(2,g))},function(n){e.$$.not_equal(g[1],n)&&(g[1]=n,t(2,g))},()=>T(2,2,"dislike"),function(n){e.$$.not_equal(g[2],n)&&(g[2]=n,t(2,g))},function(n){e.$$.not_equal(g[2],n)&&(g[2]=n,t(2,g))},()=>T(2,3,"neutral"),function(n){e.$$.not_equal(g[3],n)&&(g[3]=n,t(2,g))},function(n){e.$$.not_equal(g[3],n)&&(g[3]=n,t(2,g))},()=>T(2,4,"like"),function(n){e.$$.not_equal(g[4],n)&&(g[4]=n,t(2,g))},function(n){e.$$.not_equal(g[4],n)&&(g[4]=n,t(2,g))},()=>T(2,5,"love"),()=>k(),()=>E(3),()=>C(),()=>x(h,$,p),()=>x(h,$,p),()=>B()]}$e("",{insertAt:"top"});class Ie extends ae{constructor(e){super(),se(this,e,Pe,He,s,{feedbackData:0,closeHandler:1,closeHandlerBeforeFinishing:14},null,[-1,-1])}}function Ae(e){const n=e-1;return n*n*n+1}function Le(e,{delay:n=0,duration:t=400,easing:o=Ae,x:l=0,y:i=0,opacity:c=0}={}){const r=getComputedStyle(e),s=+r.opacity,a="none"===r.transform?"":r.transform,u=s*(1-c);return{delay:n,duration:t,easing:o,css:(e,n)=>`\n\t\t\ttransform: ${a} translate(${(1-e)*l}px, ${(1-e)*i}px);\n\t\t\topacity: ${s-u*n}`}}function qe(e){let n,t,o,l,i,c,r,s,a,u;function f(n){e[21](n)}let d={};return void 0!==e[1]&&(d.fill=e[1]),c=new de({props:d}),I.push((()=>oe(c,"fill",f))),{c(){n=x("div"),t=x("div"),o=k(e[2]),l=C(),i=x("div"),le(c.$$.fragment),E(t,"id","fsFeedbackTxt"),E(i,"id","fsMainIcon"),E(n,"class","fsWidget")},m(r,f){v(r,n,f),$(n,t),$(t,o),$(n,l),$(n,i),ie(c,i,null),s=!0,a||(u=T(n,"click",e[11]),a=!0)},p(e,n){(!s||4&n)&&B(o,e[2]);const t={};!r&&2&n&&(r=!0,t.fill=e[1],O((()=>r=!1))),c.$set(t)},i(e){s||(ee(c.$$.fragment,e),s=!0)},o(e){ne(c.$$.fragment,e),s=!1},d(e){e&&w(n),ce(c),a=!1,u()}}}function Ne(e){let o,l,i,c,s,a,u,d,m;function g(n){e[22](n)}let h={closeHandler:e[8],closeHandlerBeforeFinishing:e[9]};return void 0!==e[0]&&(h.feedbackData=e[0]),c=new Ie({props:h}),I.push((()=>oe(c,"feedbackData",g))),{c(){o=x("div"),l=x("div"),l.innerHTML='<p id="fsCloseIcon">X</p>',i=C(),le(c.$$.fragment),E(l,"class","fsCloseCont"),E(o,"class","fsCont")},m(n,t){v(n,o,t),$(o,l),$(o,i),ie(c,o,null),u=!0,d||(m=T(l,"click",e[12]),d=!0)},p(n,t){e=n;const o={};!s&&1&t&&(s=!0,o.feedbackData=e[0],O((()=>s=!1))),c.$set(o)},i(l){u||(ee(c.$$.fragment,l),a||F((()=>{a=function(e,o,l){let i,c,s=o(e,l),a=!1,u=0;function d(){i&&D(e,i)}function m(){const{delay:o=0,duration:l=300,easing:r=t,tick:m=n,css:g}=s||te;g&&(i=R(e,0,1,l,o,r,g,u++)),m(0,1);const $=f()+o,h=$+l;c&&c.abort(),a=!0,F((()=>G(e,!0,"start"))),c=p((n=>{if(a){if(n>=h)return m(1,0),G(e,!0,"end"),d(),a=!1;if(n>=$){const e=r((n-$)/l);m(e,1-e)}}return a}))}let g=!1;return{start(){g||(g=!0,D(e),r(s)?(s=s(),X().then(m)):m())},invalidate(){g=!1},end(){a&&(d(),a=!1)}}}(o,Le,{x:e[6],duration:500}),a.start()})),u=!0)},o(e){ne(c.$$.fragment,e),u=!1},d(e){e&&w(o),ce(c),d=!1,m()}}}function Fe(e){let o,l,i,s,a,u,d,m,g,h=e[0].wgThanksMsg+"";return{c(){o=x("div"),l=x("div"),l.innerHTML='<p id="fsCloseIcon">X</p>',i=C(),s=x("div"),a=k(h),E(l,"class","fsCloseCont"),M(s,"width","61%"),M(s,"text-align","center"),M(s,"margin-top","7%"),M(s,"margin-left","20%"),E(o,"class","fsThanksMessageCont")},m(n,t){v(n,o,t),$(o,l),$(o,i),$(o,s),$(s,a),d=!0,m||(g=T(l,"click",e[10]),m=!0)},p(n,t){e=n,(!d||1&t)&&h!==(h=e[0].wgThanksMsg+"")&&B(a,h)},i(e){d||(u&&u.end(1),d=!0)},o(l){u=function(e,o,l){let i,s=o(e,l),a=!0;const u=K;function d(){const{delay:o=0,duration:l=300,easing:r=t,tick:d=n,css:m}=s||te;m&&(i=R(e,1,0,l,o,r,m));const g=f()+o,$=g+l;F((()=>G(e,!1,"start"))),p((n=>{if(a){if(n>=$)return d(0,1),G(e,!1,"end"),--u.r||c(u.c),!1;if(n>=g){const e=r((n-g)/l);d(1-e,e)}}return a}))}return u.r+=1,r(s)?X().then((()=>{s=s(),d()})):d(),{end(n){n&&s.tick&&s.tick(1,0),a&&(i&&D(e,i),a=!1)}}}(o,Le,{x:e[7],duration:300}),d=!1},d(e){e&&w(o),e&&u&&u.end(),m=!1,g()}}}function Oe(e){let n,t,o,l,i=e[4]&&qe(e),c=e[3]&&Ne(e),r=e[5]&&Fe(e);return{c(){n=x("fsContainer"),i&&i.c(),t=C(),c&&c.c(),o=C(),r&&r.c()},m(e,s){v(e,n,s),i&&i.m(n,null),$(n,t),c&&c.m(n,null),$(n,o),r&&r.m(n,null),l=!0},p(e,[l]){e[4]?i?(i.p(e,l),16&l&&ee(i,1)):(i=qe(e),i.c(),ee(i,1),i.m(n,t)):i&&(Y(),ne(i,1,1,(()=>{i=null})),Z()),e[3]?c?(c.p(e,l),8&l&&ee(c,1)):(c=Ne(e),c.c(),ee(c,1),c.m(n,o)):c&&(Y(),ne(c,1,1,(()=>{c=null})),Z()),e[5]?r?(r.p(e,l),32&l&&ee(r,1)):(r=Fe(e),r.c(),ee(r,1),r.m(n,null)):r&&(Y(),ne(r,1,1,(()=>{r=null})),Z())},i(e){l||(ee(i),ee(c),ee(r),l=!0)},o(e){ne(i),ne(c),ne(r),l=!1},d(e){e&&w(n),i&&i.d(),c&&c.d(),r&&r.d()}}}function je(e,n,t){let o,{feedback:l}=n;console.log(l);let i="",c="",r="Feedback";r="en"==l.wgLanguage?" Feedback":"ar"==l.wgLanguage?"رأي":"Rétroaction",!0===l.wgAlternateColor?(i="white",c="white"):(i="black",c="black");let s="",a="",u=0,f=0,d=0,m=0,g=!1,p=!0,$=!1,h=0,y=0;0==Number(l.wgPosition)&&(s="center",a="row-reverse",u=5,f=0,d=30,m=0,h=-100,y=20),1==Number(l.wgPosition)&&(s="center",a="row",u=0,f=5,d=0,m=30,h=100,y=-20),2==Number(l.wgPosition)&&(s="flex-end",a="row-reverse",u=5,d=30,m=0,h=-100,y=20),3==Number(l.wgPosition)&&(s="flex-end",a="row",u=0,f=5,d=0,m=30,h=100,y=-20);let v=0,w="",x="",b="";const k=(e,n,t)=>{w=e,x=n,b=Number(t);let o={email:e,comment:n,reaction:t};if(1==v){console.log("hi",o);let e=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(e),console.log(o)}},C=()=>{t(3,g=!g),t(5,$=!$)};return e.$$set=e=>{"feedback"in e&&t(0,l=e.feedback)},e.$$.update=()=>{1&e.$$.dirty&&t(20,o=l.wgAccentColor),1048576&e.$$.dirty&&document.documentElement.style.setProperty("--widgetColor",o),8192&e.$$.dirty&&document.documentElement.style.setProperty("--widgetTextColor",i),16384&e.$$.dirty&&document.documentElement.style.setProperty("--wgPositionHorizintal",s),32768&e.$$.dirty&&document.documentElement.style.setProperty("--wgPositionVertical",a),65536&e.$$.dirty&&document.documentElement.style.setProperty("--widgetLeftSideBorder",u+"px"),131072&e.$$.dirty&&document.documentElement.style.setProperty("--widgetRightSideBorder",f+"px"),262144&e.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginRight",d+"px"),524288&e.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginLeft",m+"px")},[l,c,r,g,p,$,h,y,(e,n,t)=>{let o={email:e,comment:n,reaction:Number(t)},l=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(l),console.log(o),C()},k,()=>{t(5,$=!$),setTimeout((function(){t(4,p=!p)}),350)},()=>{t(3,g=!g),t(4,p=!p)},()=>{v=1,0!=b&&k(w,x,b),t(3,g=!g),setTimeout((function(){t(4,p=!p)}),350)},i,s,a,u,f,d,m,o,function(e){c=e,t(1,c)},function(e){l=e,t(0,l)}]}$e("",{insertAt:"top"});class We extends ae{constructor(e){super(),se(this,e,je,Oe,s,{feedback:0})}}function Ue(e){new We({target:document.body,props:{feedback:e}})}return Ue({id:1,wgStatus:1,wgName:"ask",wgDescription:"test",wgCrtDt:"2021-12-05 10:49:14",wgResponses:null,wgUpdTime:null,SiteId:98,UserId:262,wgLanguage:"en",wgPosition:"0",wgAccentColor:"#51797b",wgAlternateColor:!0,wgQuestion:"How would you rate your experience?",wgUserScreenshot:1,wgEmailReqMsg:"We may wish to follow up. Enter your email if you're happy for us to contact you.",wgEmailReqActivation:1,wgAdditionalMsg:"Heads up! This is for feedback only. Need help? Contact us via our [link to Help Center].",wgAdditionalMsgActivation:1,wgThanksMsg:"Thank you for sharing your feedback with us",wgThanksMsgActivation:1,wgDesktop:1,wgPhone:1,wgTablet:1,wgPages:[{id:0,name:"*"}],wgWidgetToUsers:0,wgPercentage:100,wgEmail:"abd@gmail.com",wgWidgetToAllPages:1,wgReactionStyle:0,wgResponseViaEmail:1}),e.feedbackCreator=Ue,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|