@micromag/screen-survey 0.3.140 → 0.3.147

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.js +67 -60
  2. package/lib/index.js +66 -59
  3. package/package.json +13 -13
package/es/index.js CHANGED
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
8
8
  import React, { useState, useMemo, useCallback, useEffect } from 'react';
9
9
  import { PropTypes as PropTypes$1 } from '@micromag/core';
10
10
  import { ScreenElement, Transitions } from '@micromag/core/components';
11
- import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
11
+ import { useVisitor, useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
12
12
  import { useTrackScreenEvent } from '@micromag/core/hooks';
13
13
  import { isTextFilled, getLargestRemainderRound, getStyleFromColor } from '@micromag/core/utils';
14
14
  import { useQuizCreate, useQuiz } from '@micromag/data';
@@ -75,7 +75,7 @@ var defaultProps = {
75
75
  };
76
76
 
77
77
  var SurveyScreen = function SurveyScreen(_ref) {
78
- var _ref17;
78
+ var _ref18;
79
79
 
80
80
  var id = _ref.id,
81
81
  layout = _ref.layout,
@@ -100,6 +100,12 @@ var SurveyScreen = function SurveyScreen(_ref) {
100
100
  disableInteraction = _ref.disableInteraction,
101
101
  className = _ref.className;
102
102
  var screenId = id || 'screen-id';
103
+ var visitor = useVisitor();
104
+
105
+ var _ref2 = visitor || {},
106
+ _ref2$id = _ref2.id,
107
+ visitorId = _ref2$id === void 0 ? null : _ref2$id;
108
+
103
109
  var trackScreenEvent = useTrackScreenEvent(type);
104
110
 
105
111
  var _useScreenSize = useScreenSize(),
@@ -112,7 +118,8 @@ var SurveyScreen = function SurveyScreen(_ref) {
112
118
  menuSize = _useViewer.menuSize;
113
119
 
114
120
  var _useQuizCreate = useQuizCreate({
115
- screenId: screenId
121
+ screenId: screenId,
122
+ visitorId: visitorId
116
123
  }),
117
124
  submitQuiz = _useQuizCreate.create;
118
125
 
@@ -136,18 +143,18 @@ var SurveyScreen = function SurveyScreen(_ref) {
136
143
  allQuizAnswers = _useQuiz$quiz === void 0 ? [] : _useQuiz$quiz;
137
144
 
138
145
  var quizAnswers = allQuizAnswers.filter(function (item) {
139
- var _ref2 = item || {},
140
- _ref2$choice = _ref2.choice,
141
- choice = _ref2$choice === void 0 ? null : _ref2$choice;
146
+ var _ref3 = item || {},
147
+ _ref3$choice = _ref3.choice,
148
+ choice = _ref3$choice === void 0 ? null : _ref3$choice;
142
149
 
143
150
  var answersBody = answers.map(function (answer) {
144
- var _ref3 = answer || {},
145
- _ref3$label = _ref3.label,
146
- label = _ref3$label === void 0 ? null : _ref3$label;
151
+ var _ref4 = answer || {},
152
+ _ref4$label = _ref4.label,
153
+ label = _ref4$label === void 0 ? null : _ref4$label;
147
154
 
148
- var _ref4 = label || {},
149
- _ref4$body = _ref4.body,
150
- body = _ref4$body === void 0 ? null : _ref4$body;
155
+ var _ref5 = label || {},
156
+ _ref5$body = _ref5.body,
157
+ body = _ref5$body === void 0 ? null : _ref5$body;
151
158
 
152
159
  return body;
153
160
  }).filter(function (body) {
@@ -173,25 +180,25 @@ var SurveyScreen = function SurveyScreen(_ref) {
173
180
 
174
181
  var answered = userAnswerIndex !== null;
175
182
  var quizAnswersComputed = useMemo(function () {
176
- var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref5) {
177
- var _ref5$count = _ref5.count,
178
- count = _ref5$count === void 0 ? 0 : _ref5$count;
183
+ var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref6) {
184
+ var _ref6$count = _ref6.count,
185
+ count = _ref6$count === void 0 ? 0 : _ref6$count;
179
186
  return points + parseInt(count, 10);
180
187
  }, userAnswerIndex !== null && userAnswerIndex > -1 ? 1 : 0) : 0;
181
188
  var computed = answers !== null ? (answers || []).reduce(function (answersTotal, ans, i) {
182
- var _ref6 = ans || {},
183
- _ref6$label = _ref6.label,
184
- label = _ref6$label === void 0 ? {} : _ref6$label;
189
+ var _ref7 = ans || {},
190
+ _ref7$label = _ref7.label,
191
+ label = _ref7$label === void 0 ? {} : _ref7$label;
185
192
 
186
- var _ref7 = label || {},
187
- _ref7$body = _ref7.body,
188
- body = _ref7$body === void 0 ? null : _ref7$body;
193
+ var _ref8 = label || {},
194
+ _ref8$body = _ref8.body,
195
+ body = _ref8$body === void 0 ? null : _ref8$body;
189
196
 
190
- var _ref8 = quizAnswers.find(function (qa) {
197
+ var _ref9 = quizAnswers.find(function (qa) {
191
198
  return qa.choice === body;
192
199
  }) || {},
193
- _ref8$count = _ref8.count,
194
- count = _ref8$count === void 0 ? 0 : _ref8$count;
200
+ _ref9$count = _ref9.count,
201
+ count = _ref9$count === void 0 ? 0 : _ref9$count;
195
202
 
196
203
  var countWithUser = i === userAnswerIndex ? count + 1 : count;
197
204
 
@@ -270,11 +277,11 @@ var SurveyScreen = function SurveyScreen(_ref) {
270
277
 
271
278
  var finalTransitionDuration = showInstantAnswer ? 0 : "".concat(resultTransitionDuration, "ms");
272
279
 
273
- var _ref9 = resultsStyle || {},
274
- _ref9$barColor = _ref9.barColor,
275
- resultsBarColor = _ref9$barColor === void 0 ? null : _ref9$barColor,
276
- _ref9$textColor = _ref9.textColor,
277
- resultsTextColor = _ref9$textColor === void 0 ? null : _ref9$textColor;
280
+ var _ref10 = resultsStyle || {},
281
+ _ref10$barColor = _ref10.barColor,
282
+ resultsBarColor = _ref10$barColor === void 0 ? null : _ref10$barColor,
283
+ _ref10$textColor = _ref10.textColor,
284
+ resultsTextColor = _ref10$textColor === void 0 ? null : _ref10$textColor;
278
285
 
279
286
  items.push( /*#__PURE__*/React.createElement("div", {
280
287
  key: "answers",
@@ -284,36 +291,36 @@ var SurveyScreen = function SurveyScreen(_ref) {
284
291
  }, (isPlaceholder ? _toConsumableArray(new Array(3)) : answers).map(function (answer, answerIndex) {
285
292
  var hasAnswer = answer !== null;
286
293
 
287
- var _ref10 = answer || {},
288
- _ref10$label = _ref10.label,
289
- label = _ref10$label === void 0 ? null : _ref10$label,
290
- _ref10$buttonStyle = _ref10.buttonStyle,
291
- answerButtonStyle = _ref10$buttonStyle === void 0 ? null : _ref10$buttonStyle,
292
- _ref10$textStyle = _ref10.textStyle,
293
- answerButtonTextStyle = _ref10$textStyle === void 0 ? null : _ref10$textStyle,
294
- _ref10$resultStyle = _ref10.resultStyle,
295
- answerResultStyle = _ref10$resultStyle === void 0 ? null : _ref10$resultStyle;
296
-
297
- var _ref11 = answerResultStyle || {},
298
- _ref11$barColor = _ref11.barColor,
299
- answerResultBarColor = _ref11$barColor === void 0 ? null : _ref11$barColor,
300
- answerResultTextColor = _ref11.textColor;
301
-
302
- var _ref12 = label || {},
303
- _ref12$body = _ref12.body,
304
- body = _ref12$body === void 0 ? null : _ref12$body;
305
-
306
- var _ref13 = body !== null ? quizAnswersComputed[body] || {} : {},
307
- _ref13$percent = _ref13.percent,
308
- percent = _ref13$percent === void 0 ? 0 : _ref13$percent;
309
-
310
- var _ref14 = label || {},
311
- _ref14$textStyle = _ref14.textStyle,
312
- textStyle = _ref14$textStyle === void 0 ? null : _ref14$textStyle;
313
-
314
- var _ref15 = textStyle || {},
315
- _ref15$color = _ref15.color,
316
- labelColor = _ref15$color === void 0 ? null : _ref15$color;
294
+ var _ref11 = answer || {},
295
+ _ref11$label = _ref11.label,
296
+ label = _ref11$label === void 0 ? null : _ref11$label,
297
+ _ref11$buttonStyle = _ref11.buttonStyle,
298
+ answerButtonStyle = _ref11$buttonStyle === void 0 ? null : _ref11$buttonStyle,
299
+ _ref11$textStyle = _ref11.textStyle,
300
+ answerButtonTextStyle = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
301
+ _ref11$resultStyle = _ref11.resultStyle,
302
+ answerResultStyle = _ref11$resultStyle === void 0 ? null : _ref11$resultStyle;
303
+
304
+ var _ref12 = answerResultStyle || {},
305
+ _ref12$barColor = _ref12.barColor,
306
+ answerResultBarColor = _ref12$barColor === void 0 ? null : _ref12$barColor,
307
+ answerResultTextColor = _ref12.textColor;
308
+
309
+ var _ref13 = label || {},
310
+ _ref13$body = _ref13.body,
311
+ body = _ref13$body === void 0 ? null : _ref13$body;
312
+
313
+ var _ref14 = body !== null ? quizAnswersComputed[body] || {} : {},
314
+ _ref14$percent = _ref14.percent,
315
+ percent = _ref14$percent === void 0 ? 0 : _ref14$percent;
316
+
317
+ var _ref15 = label || {},
318
+ _ref15$textStyle = _ref15.textStyle,
319
+ textStyle = _ref15$textStyle === void 0 ? null : _ref15$textStyle;
320
+
321
+ var _ref16 = textStyle || {},
322
+ _ref16$color = _ref16.color,
323
+ labelColor = _ref16$color === void 0 ? null : _ref16$color;
317
324
 
318
325
  var hasAnswerLabel = isTextFilled(label);
319
326
  var userAnswer = userAnswerIndex === answerIndex;
@@ -416,7 +423,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
416
423
  }
417
424
 
418
425
  return /*#__PURE__*/React.createElement("div", {
419
- className: classNames([styles.container, (_ref17 = {}, _defineProperty(_ref17, className, className !== null), _defineProperty(_ref17, styles.answered, answered), _defineProperty(_ref17, styles.withPercentage, !withoutPercentage), _defineProperty(_ref17, styles.isPlaceholder, isPlaceholder), _ref17)])
426
+ className: classNames([styles.container, (_ref18 = {}, _defineProperty(_ref18, className, className !== null), _defineProperty(_ref18, styles.answered, answered), _defineProperty(_ref18, styles.withPercentage, !withoutPercentage), _defineProperty(_ref18, styles.isPlaceholder, isPlaceholder), _ref18)])
420
427
  }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
421
428
  background: background,
422
429
  width: width,
package/lib/index.js CHANGED
@@ -96,7 +96,7 @@ var defaultProps = {
96
96
  };
97
97
 
98
98
  var SurveyScreen = function SurveyScreen(_ref) {
99
- var _ref17;
99
+ var _ref18;
100
100
 
101
101
  var id = _ref.id,
102
102
  layout = _ref.layout,
@@ -121,6 +121,12 @@ var SurveyScreen = function SurveyScreen(_ref) {
121
121
  disableInteraction = _ref.disableInteraction,
122
122
  className = _ref.className;
123
123
  var screenId = id || 'screen-id';
124
+ var visitor = contexts.useVisitor();
125
+
126
+ var _ref2 = visitor || {},
127
+ _ref2$id = _ref2.id,
128
+ visitorId = _ref2$id === void 0 ? null : _ref2$id;
129
+
124
130
  var trackScreenEvent = hooks.useTrackScreenEvent(type);
125
131
 
126
132
  var _useScreenSize = contexts.useScreenSize(),
@@ -133,7 +139,8 @@ var SurveyScreen = function SurveyScreen(_ref) {
133
139
  menuSize = _useViewer.menuSize;
134
140
 
135
141
  var _useQuizCreate = data.useQuizCreate({
136
- screenId: screenId
142
+ screenId: screenId,
143
+ visitorId: visitorId
137
144
  }),
138
145
  submitQuiz = _useQuizCreate.create;
139
146
 
@@ -157,18 +164,18 @@ var SurveyScreen = function SurveyScreen(_ref) {
157
164
  allQuizAnswers = _useQuiz$quiz === void 0 ? [] : _useQuiz$quiz;
158
165
 
159
166
  var quizAnswers = allQuizAnswers.filter(function (item) {
160
- var _ref2 = item || {},
161
- _ref2$choice = _ref2.choice,
162
- choice = _ref2$choice === void 0 ? null : _ref2$choice;
167
+ var _ref3 = item || {},
168
+ _ref3$choice = _ref3.choice,
169
+ choice = _ref3$choice === void 0 ? null : _ref3$choice;
163
170
 
164
171
  var answersBody = answers.map(function (answer) {
165
- var _ref3 = answer || {},
166
- _ref3$label = _ref3.label,
167
- label = _ref3$label === void 0 ? null : _ref3$label;
172
+ var _ref4 = answer || {},
173
+ _ref4$label = _ref4.label,
174
+ label = _ref4$label === void 0 ? null : _ref4$label;
168
175
 
169
- var _ref4 = label || {},
170
- _ref4$body = _ref4.body,
171
- body = _ref4$body === void 0 ? null : _ref4$body;
176
+ var _ref5 = label || {},
177
+ _ref5$body = _ref5.body,
178
+ body = _ref5$body === void 0 ? null : _ref5$body;
172
179
 
173
180
  return body;
174
181
  }).filter(function (body) {
@@ -194,25 +201,25 @@ var SurveyScreen = function SurveyScreen(_ref) {
194
201
 
195
202
  var answered = userAnswerIndex !== null;
196
203
  var quizAnswersComputed = React.useMemo(function () {
197
- var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref5) {
198
- var _ref5$count = _ref5.count,
199
- count = _ref5$count === void 0 ? 0 : _ref5$count;
204
+ var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref6) {
205
+ var _ref6$count = _ref6.count,
206
+ count = _ref6$count === void 0 ? 0 : _ref6$count;
200
207
  return points + parseInt(count, 10);
201
208
  }, userAnswerIndex !== null && userAnswerIndex > -1 ? 1 : 0) : 0;
202
209
  var computed = answers !== null ? (answers || []).reduce(function (answersTotal, ans, i) {
203
- var _ref6 = ans || {},
204
- _ref6$label = _ref6.label,
205
- label = _ref6$label === void 0 ? {} : _ref6$label;
210
+ var _ref7 = ans || {},
211
+ _ref7$label = _ref7.label,
212
+ label = _ref7$label === void 0 ? {} : _ref7$label;
206
213
 
207
- var _ref7 = label || {},
208
- _ref7$body = _ref7.body,
209
- body = _ref7$body === void 0 ? null : _ref7$body;
214
+ var _ref8 = label || {},
215
+ _ref8$body = _ref8.body,
216
+ body = _ref8$body === void 0 ? null : _ref8$body;
210
217
 
211
- var _ref8 = quizAnswers.find(function (qa) {
218
+ var _ref9 = quizAnswers.find(function (qa) {
212
219
  return qa.choice === body;
213
220
  }) || {},
214
- _ref8$count = _ref8.count,
215
- count = _ref8$count === void 0 ? 0 : _ref8$count;
221
+ _ref9$count = _ref9.count,
222
+ count = _ref9$count === void 0 ? 0 : _ref9$count;
216
223
 
217
224
  var countWithUser = i === userAnswerIndex ? count + 1 : count;
218
225
 
@@ -291,11 +298,11 @@ var SurveyScreen = function SurveyScreen(_ref) {
291
298
 
292
299
  var finalTransitionDuration = showInstantAnswer ? 0 : "".concat(resultTransitionDuration, "ms");
293
300
 
294
- var _ref9 = resultsStyle || {},
295
- _ref9$barColor = _ref9.barColor,
296
- resultsBarColor = _ref9$barColor === void 0 ? null : _ref9$barColor,
297
- _ref9$textColor = _ref9.textColor,
298
- resultsTextColor = _ref9$textColor === void 0 ? null : _ref9$textColor;
301
+ var _ref10 = resultsStyle || {},
302
+ _ref10$barColor = _ref10.barColor,
303
+ resultsBarColor = _ref10$barColor === void 0 ? null : _ref10$barColor,
304
+ _ref10$textColor = _ref10.textColor,
305
+ resultsTextColor = _ref10$textColor === void 0 ? null : _ref10$textColor;
299
306
 
300
307
  items.push( /*#__PURE__*/React__default["default"].createElement("div", {
301
308
  key: "answers",
@@ -305,36 +312,36 @@ var SurveyScreen = function SurveyScreen(_ref) {
305
312
  }, (isPlaceholder ? _toConsumableArray__default["default"](new Array(3)) : answers).map(function (answer, answerIndex) {
306
313
  var hasAnswer = answer !== null;
307
314
 
308
- var _ref10 = answer || {},
309
- _ref10$label = _ref10.label,
310
- label = _ref10$label === void 0 ? null : _ref10$label,
311
- _ref10$buttonStyle = _ref10.buttonStyle,
312
- answerButtonStyle = _ref10$buttonStyle === void 0 ? null : _ref10$buttonStyle,
313
- _ref10$textStyle = _ref10.textStyle,
314
- answerButtonTextStyle = _ref10$textStyle === void 0 ? null : _ref10$textStyle,
315
- _ref10$resultStyle = _ref10.resultStyle,
316
- answerResultStyle = _ref10$resultStyle === void 0 ? null : _ref10$resultStyle;
317
-
318
- var _ref11 = answerResultStyle || {},
319
- _ref11$barColor = _ref11.barColor,
320
- answerResultBarColor = _ref11$barColor === void 0 ? null : _ref11$barColor,
321
- answerResultTextColor = _ref11.textColor;
322
-
323
- var _ref12 = label || {},
324
- _ref12$body = _ref12.body,
325
- body = _ref12$body === void 0 ? null : _ref12$body;
326
-
327
- var _ref13 = body !== null ? quizAnswersComputed[body] || {} : {},
328
- _ref13$percent = _ref13.percent,
329
- percent = _ref13$percent === void 0 ? 0 : _ref13$percent;
330
-
331
- var _ref14 = label || {},
332
- _ref14$textStyle = _ref14.textStyle,
333
- textStyle = _ref14$textStyle === void 0 ? null : _ref14$textStyle;
334
-
335
- var _ref15 = textStyle || {},
336
- _ref15$color = _ref15.color,
337
- labelColor = _ref15$color === void 0 ? null : _ref15$color;
315
+ var _ref11 = answer || {},
316
+ _ref11$label = _ref11.label,
317
+ label = _ref11$label === void 0 ? null : _ref11$label,
318
+ _ref11$buttonStyle = _ref11.buttonStyle,
319
+ answerButtonStyle = _ref11$buttonStyle === void 0 ? null : _ref11$buttonStyle,
320
+ _ref11$textStyle = _ref11.textStyle,
321
+ answerButtonTextStyle = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
322
+ _ref11$resultStyle = _ref11.resultStyle,
323
+ answerResultStyle = _ref11$resultStyle === void 0 ? null : _ref11$resultStyle;
324
+
325
+ var _ref12 = answerResultStyle || {},
326
+ _ref12$barColor = _ref12.barColor,
327
+ answerResultBarColor = _ref12$barColor === void 0 ? null : _ref12$barColor,
328
+ answerResultTextColor = _ref12.textColor;
329
+
330
+ var _ref13 = label || {},
331
+ _ref13$body = _ref13.body,
332
+ body = _ref13$body === void 0 ? null : _ref13$body;
333
+
334
+ var _ref14 = body !== null ? quizAnswersComputed[body] || {} : {},
335
+ _ref14$percent = _ref14.percent,
336
+ percent = _ref14$percent === void 0 ? 0 : _ref14$percent;
337
+
338
+ var _ref15 = label || {},
339
+ _ref15$textStyle = _ref15.textStyle,
340
+ textStyle = _ref15$textStyle === void 0 ? null : _ref15$textStyle;
341
+
342
+ var _ref16 = textStyle || {},
343
+ _ref16$color = _ref16.color,
344
+ labelColor = _ref16$color === void 0 ? null : _ref16$color;
338
345
 
339
346
  var hasAnswerLabel = utils.isTextFilled(label);
340
347
  var userAnswer = userAnswerIndex === answerIndex;
@@ -437,7 +444,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
437
444
  }
438
445
 
439
446
  return /*#__PURE__*/React__default["default"].createElement("div", {
440
- className: classNames__default["default"]([styles.container, (_ref17 = {}, _defineProperty__default["default"](_ref17, className, className !== null), _defineProperty__default["default"](_ref17, styles.answered, answered), _defineProperty__default["default"](_ref17, styles.withPercentage, !withoutPercentage), _defineProperty__default["default"](_ref17, styles.isPlaceholder, isPlaceholder), _ref17)])
447
+ className: classNames__default["default"]([styles.container, (_ref18 = {}, _defineProperty__default["default"](_ref18, className, className !== null), _defineProperty__default["default"](_ref18, styles.answered, answered), _defineProperty__default["default"](_ref18, styles.withPercentage, !withoutPercentage), _defineProperty__default["default"](_ref18, styles.isPlaceholder, isPlaceholder), _ref18)])
441
448
  }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
442
449
  background: background,
443
450
  width: width,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-survey",
3
- "version": "0.3.140",
3
+ "version": "0.3.147",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,17 +49,17 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.140",
53
- "@micromag/data": "^0.3.140",
54
- "@micromag/element-background": "^0.3.140",
55
- "@micromag/element-button": "^0.3.140",
56
- "@micromag/element-call-to-action": "^0.3.140",
57
- "@micromag/element-container": "^0.3.140",
58
- "@micromag/element-heading": "^0.3.140",
59
- "@micromag/element-layout": "^0.3.140",
60
- "@micromag/element-scroll": "^0.3.140",
61
- "@micromag/element-text": "^0.3.140",
62
- "@micromag/transforms": "^0.3.140",
52
+ "@micromag/core": "^0.3.147",
53
+ "@micromag/data": "^0.3.147",
54
+ "@micromag/element-background": "^0.3.147",
55
+ "@micromag/element-button": "^0.3.147",
56
+ "@micromag/element-call-to-action": "^0.3.147",
57
+ "@micromag/element-container": "^0.3.147",
58
+ "@micromag/element-heading": "^0.3.147",
59
+ "@micromag/element-layout": "^0.3.147",
60
+ "@micromag/element-scroll": "^0.3.147",
61
+ "@micromag/element-text": "^0.3.147",
62
+ "@micromag/transforms": "^0.3.147",
63
63
  "classnames": "^2.2.6",
64
64
  "lodash": "^4.17.21",
65
65
  "prop-types": "^15.7.2",
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "580f0f9c5bc9d85057750f7f710bc27c933dd21a"
72
+ "gitHead": "695a66acc54f4863dc44a98f0471e8233ca10aee"
73
73
  }