@product7/feedback-sdk 1.5.9 → 1.6.0
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/feedback-sdk.js +22 -16
- package/dist/feedback-sdk.js.map +1 -1
- package/dist/feedback-sdk.min.js +1 -1
- package/dist/feedback-sdk.min.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/survey.js +10 -0
- package/src/widgets/SurveyWidget.js +12 -16
package/dist/feedback-sdk.js
CHANGED
|
@@ -6877,13 +6877,11 @@
|
|
|
6877
6877
|
}
|
|
6878
6878
|
|
|
6879
6879
|
const npsScale = this._getNPSScale();
|
|
6880
|
-
const
|
|
6881
|
-
|
|
6882
|
-
|
|
6883
|
-
|
|
6884
|
-
|
|
6885
|
-
? 'feedback-survey-nps-btn feedback-survey-ces-btn feedback-survey-rating-scale-btn'
|
|
6886
|
-
: 'feedback-survey-nps-btn';
|
|
6880
|
+
const npsCompactClass =
|
|
6881
|
+
npsScale.values.length > 7 ? ' feedback-survey-rating-scale-compact' : '';
|
|
6882
|
+
const npsContainerClass = `feedback-survey-rating-scale${npsCompactClass}`;
|
|
6883
|
+
const npsButtonClass =
|
|
6884
|
+
'feedback-survey-nps-btn feedback-survey-rating-scale-btn';
|
|
6887
6885
|
const npsLowLabel =
|
|
6888
6886
|
this.surveyOptions.lowLabel ||
|
|
6889
6887
|
(npsScale.start === 0 ? 'Not likely' : 'Strongly Disagree');
|
|
@@ -7143,13 +7141,11 @@
|
|
|
7143
7141
|
{ length: npsScale },
|
|
7144
7142
|
(_, index) => start + index
|
|
7145
7143
|
);
|
|
7146
|
-
const
|
|
7147
|
-
|
|
7148
|
-
|
|
7149
|
-
|
|
7150
|
-
|
|
7151
|
-
? 'feedback-survey-page-rating-btn feedback-survey-nps-btn feedback-survey-ces-btn feedback-survey-rating-scale-btn'
|
|
7152
|
-
: 'feedback-survey-page-rating-btn feedback-survey-nps-btn';
|
|
7144
|
+
const compactClass =
|
|
7145
|
+
values.length > 7 ? ' feedback-survey-rating-scale-compact' : '';
|
|
7146
|
+
const containerClass = `feedback-survey-rating-scale${compactClass}`;
|
|
7147
|
+
const buttonClass =
|
|
7148
|
+
'feedback-survey-page-rating-btn feedback-survey-nps-btn feedback-survey-rating-scale-btn';
|
|
7153
7149
|
return `
|
|
7154
7150
|
<div class="${containerClass}" data-page-id="${pageId}">
|
|
7155
7151
|
${values
|
|
@@ -7186,12 +7182,12 @@
|
|
|
7186
7182
|
}
|
|
7187
7183
|
|
|
7188
7184
|
return `
|
|
7189
|
-
<div class="feedback-survey-
|
|
7185
|
+
<div class="feedback-survey-rating-scale" data-page-id="${pageId}">
|
|
7190
7186
|
${[...Array(scale).keys()]
|
|
7191
7187
|
.map((i) => {
|
|
7192
7188
|
const score = i + 1;
|
|
7193
7189
|
const selected = currentRating === score ? ' selected' : '';
|
|
7194
|
-
return `<button class="feedback-survey-page-rating-btn feedback-survey-
|
|
7190
|
+
return `<button class="feedback-survey-page-rating-btn feedback-survey-rating-scale-btn${selected}" data-page-id="${pageId}" data-score="${score}">${score}</button>`;
|
|
7195
7191
|
})
|
|
7196
7192
|
.join('')}
|
|
7197
7193
|
</div>
|
|
@@ -11988,6 +11984,11 @@
|
|
|
11988
11984
|
box-shadow: inset 0 0 0 2px var(--color-primary);
|
|
11989
11985
|
}
|
|
11990
11986
|
|
|
11987
|
+
.feedback-survey-rating-scale-compact .feedback-survey-rating-scale-btn {
|
|
11988
|
+
min-height: 50px;
|
|
11989
|
+
font-size: clamp(12px, 2vw, 16px);
|
|
11990
|
+
}
|
|
11991
|
+
|
|
11991
11992
|
.feedback-survey-labels {
|
|
11992
11993
|
display: flex;
|
|
11993
11994
|
justify-content: space-between;
|
|
@@ -12262,6 +12263,11 @@
|
|
|
12262
12263
|
font-size: clamp(14px, 6vw, 18px);
|
|
12263
12264
|
}
|
|
12264
12265
|
|
|
12266
|
+
.feedback-survey-rating-scale-compact .feedback-survey-rating-scale-btn {
|
|
12267
|
+
min-height: 44px;
|
|
12268
|
+
font-size: clamp(11px, 3.7vw, 14px);
|
|
12269
|
+
}
|
|
12270
|
+
|
|
12265
12271
|
.feedback-survey-rating-scale + .feedback-survey-labels {
|
|
12266
12272
|
font-size: var(--font-size-xs);
|
|
12267
12273
|
}
|