@gamelearn/arcade-components 2.27.0 → 2.28.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.
Files changed (206) hide show
  1. package/dist/components/animation-component/components/AnimationComponent.js +10 -28
  2. package/dist/components/animation-component/index.js +0 -3
  3. package/dist/components/animation-component/mocks/mockForStory.js +0 -3
  4. package/dist/components/auto-evaluation-component/components/AutoEvaluation.js +30 -71
  5. package/dist/components/auto-evaluation-component/components/EndScreen.js +1 -9
  6. package/dist/components/auto-evaluation-component/components/StartScreen.js +2 -6
  7. package/dist/components/auto-evaluation-component/index.js +0 -3
  8. package/dist/components/auto-evaluation-component/mocks/mockForStory.js +0 -2
  9. package/dist/components/cards-selector-puzzle-component/components/Board/index.js +23 -55
  10. package/dist/components/cards-selector-puzzle-component/components/Card/index.js +4 -23
  11. package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js +41 -92
  12. package/dist/components/cards-selector-puzzle-component/index.js +0 -3
  13. package/dist/components/cards-selector-puzzle-component/mocks/mockForStory.js +4 -10
  14. package/dist/components/cartel-component/components/CartelComponent.js +12 -39
  15. package/dist/components/cartel-component/index.js +0 -3
  16. package/dist/components/chained-image-click-puzzle-component/components/ChainedImageClickPuzzleComponent.js +20 -38
  17. package/dist/components/chained-image-click-puzzle-component/components/CurrentImagePuzzle.js +25 -64
  18. package/dist/components/chained-image-click-puzzle-component/index.js +0 -3
  19. package/dist/components/chained-image-click-puzzle-component/mocks/mockForStory.js +1 -2
  20. package/dist/components/comic-component/components/ComicComponent.js +27 -62
  21. package/dist/components/comic-component/components/Slide.js +2 -7
  22. package/dist/components/comic-component/components/Vignette.js +7 -23
  23. package/dist/components/comic-component/index.js +0 -3
  24. package/dist/components/comic-component/mocks/mockForStory.js +1 -2
  25. package/dist/components/conversational-component/components/ConversationalComponent.js +15 -39
  26. package/dist/components/conversational-component/index.js +0 -3
  27. package/dist/components/conversational-pro-component/components/ConversationalProComponent.js +54 -137
  28. package/dist/components/conversational-pro-component/components/Message.js +1 -9
  29. package/dist/components/conversational-pro-component/components/Slot.js +3 -20
  30. package/dist/components/conversational-pro-component/components/SlotList.js +16 -40
  31. package/dist/components/conversational-pro-component/components/scene/Panel.js +12 -54
  32. package/dist/components/conversational-pro-component/components/scene/Panels.js +10 -17
  33. package/dist/components/conversational-pro-component/components/scene/index.js +11 -30
  34. package/dist/components/conversational-pro-component/index.js +0 -3
  35. package/dist/components/conversational-pro-component/mocks/mockForStory.js +1 -2
  36. package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js +35 -89
  37. package/dist/components/cracker-puzzle-component/components/DrawGrid/index.js +3 -7
  38. package/dist/components/cracker-puzzle-component/components/DrawItem/index.js +4 -9
  39. package/dist/components/cracker-puzzle-component/components/DrawRow/index.js +4 -9
  40. package/dist/components/cracker-puzzle-component/components/helpers.js +15 -55
  41. package/dist/components/cracker-puzzle-component/index.js +0 -3
  42. package/dist/components/cracker-puzzle-component/mocks/mockForStory.js +0 -2
  43. package/dist/components/decision-component/components/DecisionBody.js +19 -44
  44. package/dist/components/decision-component/components/DecisionComponent.js +22 -70
  45. package/dist/components/decision-component/components/Feedback.js +2 -11
  46. package/dist/components/decision-component/components/Options.js +12 -31
  47. package/dist/components/decision-component/index.js +0 -3
  48. package/dist/components/decision-component/mocks/mockForStory.js +0 -2
  49. package/dist/components/dialog-component/components/BubbleWrapper.js +1 -7
  50. package/dist/components/dialog-component/components/DialogComponent.js +118 -338
  51. package/dist/components/dialog-component/components/DialogDecision.js +3 -13
  52. package/dist/components/dialog-component/components/SpeechBubbleComponent.js +6 -24
  53. package/dist/components/dialog-component/index.js +0 -3
  54. package/dist/components/dialog-component/mocks/mockForStory.js +1 -5
  55. package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js +34 -90
  56. package/dist/components/drag-item-puzzle-component/components/Messages.js +0 -4
  57. package/dist/components/drag-item-puzzle-component/index.js +0 -3
  58. package/dist/components/drag-item-puzzle-component/mocks/mockForStory.js +1 -2
  59. package/dist/components/feedback-component/components/FeedbackComponent.js +16 -41
  60. package/dist/components/feedback-component/index.js +0 -3
  61. package/dist/components/feedback-component/mocks/mockForStory.js +1 -2
  62. package/dist/components/frame-click-puzzle-component/components/Counter/index.js +3 -8
  63. package/dist/components/frame-click-puzzle-component/components/CurrentFramePuzzle.js +36 -68
  64. package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js +33 -68
  65. package/dist/components/frame-click-puzzle-component/components/Tooltip/index.js +0 -6
  66. package/dist/components/frame-click-puzzle-component/index.js +0 -3
  67. package/dist/components/frame-click-puzzle-component/mocks/mockForStory.js +1 -2
  68. package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js +29 -69
  69. package/dist/components/hacker-puzzle-component/index.js +0 -3
  70. package/dist/components/hacker-puzzle-component/mocks/mockForStory.js +0 -2
  71. package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js +48 -123
  72. package/dist/components/hanged-puzzle-component/index.js +0 -3
  73. package/dist/components/hanged-puzzle-component/mocks/mockForStory.js +0 -3
  74. package/dist/components/hanged-puzzle-component/utils.js +0 -20
  75. package/dist/components/image-click-puzzle-component/components/ImageClickPuzzleComponent.js +1 -8
  76. package/dist/components/image-click-puzzle-component/index.js +0 -3
  77. package/dist/components/image-click-puzzle-component/mocks/mockForStory.js +0 -2
  78. package/dist/components/image-click-wrapper-component/components/CountDown/index.js +0 -4
  79. package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js +67 -134
  80. package/dist/components/image-click-wrapper-component/components/TimerDialog/index.js +2 -6
  81. package/dist/components/image-click-wrapper-component/index.js +0 -3
  82. package/dist/components/image-click-wrapper-component/mocks/mockForStory.js +0 -2
  83. package/dist/components/image-component/components/ImageComponent.js +14 -33
  84. package/dist/components/image-component/index.js +0 -3
  85. package/dist/components/image-component/mocks/mockForStory.js +0 -2
  86. package/dist/components/index.js +0 -39
  87. package/dist/components/inventory-item/components/InventoryItem.js +9 -35
  88. package/dist/components/inventory-item/index.js +0 -3
  89. package/dist/components/inventory-item/mocks/mockForStory.js +0 -3
  90. package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js +33 -75
  91. package/dist/components/keyboard-puzzle-component/index.js +0 -3
  92. package/dist/components/keyboard-puzzle-component/mocks/mockForStory.js +0 -2
  93. package/dist/components/konva-components/Area/index.js +15 -44
  94. package/dist/components/konva-components/KonvaMapper.js +19 -42
  95. package/dist/components/lectures-component/components/LectureButtons.js +4 -8
  96. package/dist/components/lectures-component/components/LecturesComponent.js +29 -55
  97. package/dist/components/lectures-component/index.js +0 -3
  98. package/dist/components/lectures-component/mocks/mockForStory.js +6 -9
  99. package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js +38 -80
  100. package/dist/components/login-puzzle-component/index.js +0 -3
  101. package/dist/components/login-puzzle-component/mocks/mockForStory.js +0 -2
  102. package/dist/components/notice-component/components/NoticeComponent.js +8 -21
  103. package/dist/components/notice-component/index.js +0 -3
  104. package/dist/components/notice-component/mocks/mockForStory.js +0 -2
  105. package/dist/components/pattern-component/components/PatternComponent.js +8 -24
  106. package/dist/components/pattern-component/index.js +0 -3
  107. package/dist/components/pattern-component/mocks/mockForStory.js +0 -2
  108. package/dist/components/pdf-component/components/PdfComponent.js +23 -55
  109. package/dist/components/pdf-component/components/PdfVisor.js +22 -58
  110. package/dist/components/pdf-component/index.js +0 -3
  111. package/dist/components/pdf-component/mocks/mockForProps.js +1 -2
  112. package/dist/components/referral-component/components/EmailPill.js +2 -6
  113. package/dist/components/referral-component/components/ReferralComponent.js +30 -59
  114. package/dist/components/referral-component/components/StepOne.js +14 -48
  115. package/dist/components/referral-component/components/StepTwo.js +8 -23
  116. package/dist/components/referral-component/index.js +0 -3
  117. package/dist/components/referral-component/mocks/mockForStory.js +0 -2
  118. package/dist/components/survey-component/components/ApplicableBox.js +8 -15
  119. package/dist/components/survey-component/components/OpinionBox.js +8 -15
  120. package/dist/components/survey-component/components/SurveyComponent.js +13 -40
  121. package/dist/components/survey-component/components/TextBox.js +7 -13
  122. package/dist/components/survey-component/index.js +0 -3
  123. package/dist/components/survey-component/mocks/mockForStory.js +0 -2
  124. package/dist/components/terminal-puzzle-component/components/FilesGroup/Item.js +1 -6
  125. package/dist/components/terminal-puzzle-component/components/FilesGroup/index.js +4 -10
  126. package/dist/components/terminal-puzzle-component/components/Image/index.js +2 -6
  127. package/dist/components/terminal-puzzle-component/components/TerminalPuzzleComponent.js +26 -65
  128. package/dist/components/terminal-puzzle-component/components/Visor/index.js +15 -35
  129. package/dist/components/terminal-puzzle-component/components/utils/index.js +0 -3
  130. package/dist/components/terminal-puzzle-component/index.js +0 -3
  131. package/dist/components/terminal-puzzle-component/mocks/mockForStory.js +1 -2
  132. package/dist/components/test-component/components/Container.js +26 -60
  133. package/dist/components/test-component/components/Feedbacks.js +3 -13
  134. package/dist/components/test-component/components/Questions.js +11 -45
  135. package/dist/components/test-component/components/Results.js +28 -52
  136. package/dist/components/test-component/components/TestComponent.js +59 -110
  137. package/dist/components/test-component/index.js +0 -3
  138. package/dist/components/test-component/mocks/mockForStory.js +4 -8
  139. package/dist/components/text-click-puzzle-component/components/TextClickPuzzleComponent.js +58 -95
  140. package/dist/components/text-click-puzzle-component/index.js +0 -3
  141. package/dist/components/text-click-puzzle-component/mocks/mockForStory.js +1 -2
  142. package/dist/components/text-click-puzzle-component/utils/index.js +6 -31
  143. package/dist/components/url-component/components/UrlComponent.js +16 -34
  144. package/dist/components/url-component/index.js +0 -3
  145. package/dist/components/url-component/mocks/mockForProps.js +0 -2
  146. package/dist/components/video-component/components/VideoComponent.js +11 -25
  147. package/dist/components/video-component/index.js +0 -3
  148. package/dist/components/video-component/mocks/mockForStory.js +0 -2
  149. package/dist/components/video-visor/components/VideoControllers/BufferBar.js +10 -37
  150. package/dist/components/video-visor/components/VideoControllers/ControlButtons.js +2 -6
  151. package/dist/components/video-visor/components/VideoControllers/FinishedVideoButtons.js +1 -5
  152. package/dist/components/video-visor/components/VideoControllers/PlayInitButton.js +2 -8
  153. package/dist/components/video-visor/components/VideoControllers/SkipButton.js +5 -9
  154. package/dist/components/video-visor/components/VideoControllers/Timer.js +0 -5
  155. package/dist/components/video-visor/components/VideoControllers/VolumeBar.js +4 -20
  156. package/dist/components/video-visor/components/VideoControllers/index.js +17 -29
  157. package/dist/components/video-visor/components/VideoVisor.js +38 -92
  158. package/dist/components/video-visor/index.js +0 -3
  159. package/dist/components/video-visor/mocks/mockForStory.js +1 -2
  160. package/dist/components/web-builder-puzzle-component/Popups/PopupColorComponent/index.js +11 -28
  161. package/dist/components/web-builder-puzzle-component/Popups/PopupImageComponent/index.js +10 -27
  162. package/dist/components/web-builder-puzzle-component/Popups/PopupTextComponent/index.js +13 -36
  163. package/dist/components/web-builder-puzzle-component/Popups/index.js +0 -4
  164. package/dist/components/web-builder-puzzle-component/Templates/Facebook.js +0 -2
  165. package/dist/components/web-builder-puzzle-component/components/EditButton/index.js +1 -5
  166. package/dist/components/web-builder-puzzle-component/components/Feedback/index.js +3 -7
  167. package/dist/components/web-builder-puzzle-component/components/PublishButton/index.js +1 -5
  168. package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/BankBody.js +5 -12
  169. package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/FacebookBody.js +5 -11
  170. package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/index.js +0 -7
  171. package/dist/components/web-builder-puzzle-component/components/WebBuilderFront/index.js +5 -14
  172. package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/BankHeader.js +5 -13
  173. package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/FacebookHeader.js +3 -8
  174. package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/index.js +3 -10
  175. package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js +47 -112
  176. package/dist/components/web-builder-puzzle-component/components/WebBuilderTopBar/index.js +3 -9
  177. package/dist/components/web-builder-puzzle-component/index.js +0 -3
  178. package/dist/components/web-builder-puzzle-component/mocks/mockForStory.js +0 -3
  179. package/dist/components/writer-puzzle-component/components/ElectionComponent.js +13 -30
  180. package/dist/components/writer-puzzle-component/components/FeedbackComponent.js +14 -30
  181. package/dist/components/writer-puzzle-component/components/FeedbackElement.js +2 -6
  182. package/dist/components/writer-puzzle-component/components/FinishedTextComponent.js +1 -6
  183. package/dist/components/writer-puzzle-component/components/FixedComponent.js +17 -52
  184. package/dist/components/writer-puzzle-component/components/SingleElection.js +13 -41
  185. package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js +63 -145
  186. package/dist/components/writer-puzzle-component/index.js +0 -3
  187. package/dist/components/writer-puzzle-component/mocks/mockForStory.js +10 -7
  188. package/dist/components/zoom-test/components/ZoomTest.js +7 -25
  189. package/dist/components/zoom-test/index.js +0 -3
  190. package/dist/components/zoom-test/mocks/mockForStory.js +0 -4
  191. package/dist/helpers/LangIsRtl.js +0 -4
  192. package/dist/helpers/LightSet.js +0 -4
  193. package/dist/helpers/LodController.js +1 -10
  194. package/dist/helpers/deviceDetection.js +2 -5
  195. package/dist/helpers/drawLOD.js +11 -53
  196. package/dist/helpers/index.js +73 -102
  197. package/dist/helpers/lodStats.js +2 -10
  198. package/dist/helpers/mocker.js +1 -20
  199. package/dist/helpers/useEkho.js +64 -91
  200. package/dist/helpers/useGLB.js +5 -13
  201. package/dist/helpers/useStateMachine.js +254 -0
  202. package/dist/helpers/useTimeout.js +0 -6
  203. package/dist/helpers/useWindowSize.js +8 -22
  204. package/dist/index.js +0 -2
  205. package/dist/test/testSceneWrapper.js +0 -8
  206. package/package.json +3 -2
@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  var Card = function Card(_ref) {
15
11
  var card = _ref.card,
16
- handleClick = _ref.handleClick,
17
- flipped = _ref.flipped,
18
- cardIndex = _ref.cardIndex,
19
- wrongOrder = _ref.wrongOrder;
20
-
12
+ handleClick = _ref.handleClick,
13
+ flipped = _ref.flipped,
14
+ cardIndex = _ref.cardIndex,
15
+ wrongOrder = _ref.wrongOrder;
21
16
  var isEmpty = function isEmpty() {
22
17
  if (card.img || card.text) {
23
18
  return false;
24
19
  }
25
-
26
20
  return true;
27
21
  };
28
-
29
22
  var renderImage = function renderImage() {
30
23
  var resource = card.img || {};
31
24
  var resolvedIdImg = resource.url;
@@ -34,24 +27,20 @@ var Card = function Card(_ref) {
34
27
  alt: ""
35
28
  });
36
29
  };
37
-
38
30
  var renderText = function renderText() {
39
31
  if (!card.text) {
40
32
  return null;
41
33
  }
42
-
43
34
  return /*#__PURE__*/_react.default.createElement("div", {
44
35
  className: "card-selector-item__textbox ".concat(card.img ? '' : 'card-selector-item__textbox--noimage')
45
36
  }, /*#__PURE__*/_react.default.createElement("div", {
46
37
  className: "card-selector-item__text"
47
38
  }, /*#__PURE__*/_react.default.createElement("span", null, card.text || '_')));
48
39
  };
49
-
50
40
  var canBeClicked = function canBeClicked() {
51
41
  if (flipped && !card.correct || !flipped) return true;
52
42
  return false;
53
43
  };
54
-
55
44
  var wrongCardClicked = function wrongCardClicked() {
56
45
  return /*#__PURE__*/_react.default.createElement("div", {
57
46
  className: "card-selector-item__feedback card-selector-item__feedback--error"
@@ -61,7 +50,6 @@ var Card = function Card(_ref) {
61
50
  className: "icon-error-circle-black"
62
51
  })));
63
52
  };
64
-
65
53
  var orderNumber = function orderNumber() {
66
54
  // Render name
67
55
  if (card.order) {
@@ -69,10 +57,8 @@ var Card = function Card(_ref) {
69
57
  className: "card-selector-item__order"
70
58
  }, /*#__PURE__*/_react.default.createElement("div", null, card.order));
71
59
  }
72
-
73
60
  return null;
74
61
  };
75
-
76
62
  var rightCardClicked = function rightCardClicked() {
77
63
  return /*#__PURE__*/_react.default.createElement("div", {
78
64
  className: "card-selector-item__feedback card-selector-item__feedback--success "
@@ -82,19 +68,15 @@ var Card = function Card(_ref) {
82
68
  className: "icon-check-circle-black"
83
69
  })));
84
70
  };
85
-
86
71
  var cardFeedbackContainer = function cardFeedbackContainer() {
87
72
  if (!isEmpty() && flipped && card.correct && !wrongOrder) {
88
73
  return rightCardClicked();
89
74
  }
90
-
91
75
  if (!isEmpty() && flipped) {
92
76
  return wrongCardClicked();
93
77
  }
94
-
95
78
  return null;
96
79
  };
97
-
98
80
  return /*#__PURE__*/_react.default.createElement("button", {
99
81
  type: "button",
100
82
  order: card.order,
@@ -107,7 +89,6 @@ var Card = function Card(_ref) {
107
89
  "aria-label": card.text ? card.text : null
108
90
  }, renderImage(), renderText(), cardFeedbackContainer());
109
91
  };
110
-
111
92
  Card.defaultProps = {
112
93
  handleClick: function handleClick() {},
113
94
  documentsDict: {},
@@ -1,108 +1,78 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _Board = _interopRequireDefault(require("./Board"));
13
-
14
10
  var _feedbackComponent = _interopRequireDefault(require("../../feedback-component"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
13
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
14
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
23
-
24
15
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
25
-
26
16
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
27
-
28
17
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
29
-
30
18
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
31
-
32
19
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
33
-
34
20
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
35
-
36
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
37
-
38
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
39
-
21
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
22
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
40
23
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
41
-
42
24
  var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
43
25
  var _info$solution2, _info$resolve2;
44
-
45
26
  var emitEvent = _ref.emitEvent,
46
- info = _ref.info,
47
- cards = _ref.cards,
48
- specificFeedbacks = _ref.specificFeedbacks,
49
- disableExit = _ref.disableExit,
50
- setResolveAction = _ref.setResolveAction,
51
- soundActions = _ref.soundActions,
52
- backgroundImage = _ref.backgroundImage,
53
- nodeId = _ref.nodeId,
54
- keyboardControl = _ref.keyboardControl;
55
-
27
+ info = _ref.info,
28
+ cards = _ref.cards,
29
+ specificFeedbacks = _ref.specificFeedbacks,
30
+ disableExit = _ref.disableExit,
31
+ setResolveAction = _ref.setResolveAction,
32
+ soundActions = _ref.soundActions,
33
+ backgroundImage = _ref.backgroundImage,
34
+ nodeId = _ref.nodeId,
35
+ keyboardControl = _ref.keyboardControl;
56
36
  var _useState = (0, _react.useState)(false),
57
- _useState2 = _slicedToArray(_useState, 2),
58
- finished = _useState2[0],
59
- setFinished = _useState2[1];
60
-
37
+ _useState2 = _slicedToArray(_useState, 2),
38
+ finished = _useState2[0],
39
+ setFinished = _useState2[1];
61
40
  var _useState3 = (0, _react.useState)(1),
62
- _useState4 = _slicedToArray(_useState3, 2),
63
- currentOrder = _useState4[0],
64
- setCurrentOrder = _useState4[1];
65
-
41
+ _useState4 = _slicedToArray(_useState3, 2),
42
+ currentOrder = _useState4[0],
43
+ setCurrentOrder = _useState4[1];
66
44
  var _useState5 = (0, _react.useState)(false),
67
- _useState6 = _slicedToArray(_useState5, 2),
68
- feedbackResult = _useState6[0],
69
- setFeedbackResult = _useState6[1];
70
-
45
+ _useState6 = _slicedToArray(_useState5, 2),
46
+ feedbackResult = _useState6[0],
47
+ setFeedbackResult = _useState6[1];
71
48
  var _useState7 = (0, _react.useState)(false),
72
- _useState8 = _slicedToArray(_useState7, 2),
73
- rightPick = _useState8[0],
74
- setRightPick = _useState8[1];
75
-
49
+ _useState8 = _slicedToArray(_useState7, 2),
50
+ rightPick = _useState8[0],
51
+ setRightPick = _useState8[1];
76
52
  var _useState9 = (0, _react.useState)(false),
77
- _useState10 = _slicedToArray(_useState9, 2),
78
- feedbackIsShown = _useState10[0],
79
- setFeedbackIsShown = _useState10[1];
80
-
53
+ _useState10 = _slicedToArray(_useState9, 2),
54
+ feedbackIsShown = _useState10[0],
55
+ setFeedbackIsShown = _useState10[1];
81
56
  var _useState11 = (0, _react.useState)([]),
82
- _useState12 = _slicedToArray(_useState11, 2),
83
- accRewards = _useState12[0],
84
- setRewards = _useState12[1];
85
-
57
+ _useState12 = _slicedToArray(_useState11, 2),
58
+ accRewards = _useState12[0],
59
+ setRewards = _useState12[1];
86
60
  var _useState13 = (0, _react.useState)(false),
87
- _useState14 = _slicedToArray(_useState13, 2),
88
- resolvePuzzle = _useState14[0],
89
- setResolvePuzzle = _useState14[1];
90
-
61
+ _useState14 = _slicedToArray(_useState13, 2),
62
+ resolvePuzzle = _useState14[0],
63
+ setResolvePuzzle = _useState14[1];
91
64
  var _useState15 = (0, _react.useState)(''),
92
- _useState16 = _slicedToArray(_useState15, 2),
93
- feedBackText = _useState16[0],
94
- setFeedBackText = _useState16[1];
95
-
65
+ _useState16 = _slicedToArray(_useState15, 2),
66
+ feedBackText = _useState16[0],
67
+ setFeedBackText = _useState16[1];
96
68
  var _soundActions = _slicedToArray(soundActions, 1),
97
- playSound = _soundActions[0];
98
-
69
+ playSound = _soundActions[0];
99
70
  var translate = function translate(id) {
100
71
  return emitEvent({
101
72
  type: 'translate',
102
73
  payload: id
103
74
  });
104
75
  };
105
-
106
76
  var puzzleId = "cards-selector-puzzle_".concat(nodeId);
107
77
  var closeFeedbackAndShowPoints = (0, _react.useCallback)(function (rewardsData) {
108
78
  setFeedbackResult(false);
@@ -123,16 +93,13 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
123
93
  }, [emitEvent]);
124
94
  var endPuzzle = (0, _react.useCallback)(function () {
125
95
  var _info$solution, _specificFeedbacks$co;
126
-
127
96
  emitEvent({
128
97
  type: 'hidePuzzleButtons',
129
98
  payload: true
130
99
  });
131
100
  setFeedbackResult(true);
132
-
133
101
  var _info$solution$right = info === null || info === void 0 ? void 0 : (_info$solution = info.solution) === null || _info$solution === void 0 ? void 0 : _info$solution.right,
134
- rewards = _info$solution$right.rewards;
135
-
102
+ rewards = _info$solution$right.rewards;
136
103
  var specificRewards = (specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) === null || _specificFeedbacks$co === void 0 ? void 0 : _specificFeedbacks$co.map(function (spReward) {
137
104
  return spReward.rewards;
138
105
  }).flat()) || [];
@@ -140,17 +107,13 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
140
107
  playSound('score');
141
108
  closeFeedbackAndShowPoints(rewardsData);
142
109
  }, [accRewards, closeFeedbackAndShowPoints, emitEvent, info === null || info === void 0 ? void 0 : (_info$solution2 = info.solution) === null || _info$solution2 === void 0 ? void 0 : _info$solution2.right, playSound, specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : specificFeedbacks.correctFeedbacks]);
143
-
144
110
  var onFinish = function onFinish() {
145
111
  setFinished(true);
146
-
147
112
  if (info.solution.right.desc && !(specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificCorrectFeedbacks)) {
148
113
  setFeedBackText(info.solution.right.desc);
149
114
  }
150
-
151
115
  setFeedbackIsShown(true);
152
116
  };
153
-
154
117
  var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
155
118
  if (feedbackResult || finished) {
156
119
  endPuzzle();
@@ -163,39 +126,31 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
163
126
  payload: false
164
127
  });
165
128
  }
166
-
167
129
  setFeedBackText('');
168
130
  };
169
-
170
131
  var handleSuccessPick = function handleSuccessPick(cardId) {
171
132
  setRightPick(true);
172
-
173
133
  if (specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificCorrectFeedbacks) {
174
134
  var pickedCard = specificFeedbacks.correctFeedbacks.find(function (greenCard) {
175
135
  return greenCard.id === cardId;
176
136
  });
177
-
178
137
  if (pickedCard !== null && pickedCard !== void 0 && pickedCard.desc) {
179
138
  setFeedBackText(pickedCard.desc);
180
139
  setFeedbackIsShown(true);
181
140
  }
182
141
  }
183
-
184
142
  playSound('score');
185
143
  emitEvent({
186
144
  type: 'hidePuzzleButtons',
187
145
  payload: true
188
146
  });
189
147
  };
190
-
191
148
  var handleError = function handleError(cardId) {
192
149
  var incorrectOrder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
193
150
  // si hay feedback específico
194
151
  setRightPick(false);
195
-
196
152
  if (incorrectOrder) {
197
153
  var _info$orderFeedback, _info$orderFeedback2;
198
-
199
154
  setFeedBackText((_info$orderFeedback = info.orderFeedback) === null || _info$orderFeedback === void 0 ? void 0 : _info$orderFeedback.desc);
200
155
  setFeedbackIsShown(true);
201
156
  setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(((_info$orderFeedback2 = info.orderFeedback) === null || _info$orderFeedback2 === void 0 ? void 0 : _info$orderFeedback2.rewards) || [])));
@@ -203,7 +158,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
203
158
  var failedCard = specificFeedbacks.wrongFeedbacks.find(function (redCard) {
204
159
  return redCard.id === cardId;
205
160
  });
206
-
207
161
  if (failedCard !== null && failedCard !== void 0 && failedCard.desc) {
208
162
  setFeedBackText(failedCard.desc);
209
163
  setFeedbackIsShown(true);
@@ -217,13 +171,14 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
217
171
  });
218
172
  }, 2000);
219
173
  }
220
-
221
174
  setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray((failedCard === null || failedCard === void 0 ? void 0 : failedCard.rewards) || [])));
222
- } // si hay feedback definido
175
+ }
176
+ // si hay feedback definido
223
177
  else if (info.solution.wrong.desc) {
224
178
  setFeedBackText(info.solution.wrong.desc);
225
179
  setFeedbackIsShown(true);
226
- } // si no hay feedback definido, se muestra feedback por defecto
180
+ }
181
+ // si no hay feedback definido, se muestra feedback por defecto
227
182
  else {
228
183
  setFeedbackIsShown(true);
229
184
  setTimeout(function () {
@@ -234,13 +189,10 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
234
189
  });
235
190
  }, 3000);
236
191
  }
237
-
238
192
  disableExit(true);
239
-
240
193
  if (!(specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.specificWrongFeedbacks) && !incorrectOrder) {
241
194
  setRewards([].concat(_toConsumableArray(accRewards), _toConsumableArray(info.solution.wrong.rewards)));
242
195
  }
243
-
244
196
  playSound('fail');
245
197
  emitEvent({
246
198
  type: 'hidePuzzleButtons',
@@ -250,7 +202,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
250
202
  type: 'failPuzzle'
251
203
  });
252
204
  };
253
-
254
205
  (0, _react.useEffect)(function () {
255
206
  if (finished) {
256
207
  disableExit(true);
@@ -259,7 +210,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
259
210
  (0, _react.useEffect)(function () {
260
211
  setResolveAction(function () {
261
212
  var _info$resolve;
262
-
263
213
  emitEvent({
264
214
  type: 'hidePuzzleButtons',
265
215
  payload: true
@@ -309,7 +259,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
309
259
  keyboardControl: keyboardControl
310
260
  }));
311
261
  };
312
-
313
262
  CardsSelectorPuzzleComponent.defaultProps = {
314
263
  cards: [],
315
264
  info: {},
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _CardsSelectorPuzzleComponent = _interopRequireDefault(require("./components/CardsSelectorPuzzleComponent"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var _default = _CardsSelectorPuzzleComponent.default;
13
10
  exports.default = _default;
@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.mockProps6 = exports.mockProps5 = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
7
-
8
7
  var _mocker = require("helpers/mocker");
9
-
8
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
10
9
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
-
12
10
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
-
14
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
-
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable max-len */
16
14
  var mockProps = {
17
15
  emitEvent: _mocker.emitEvent,
18
16
  soundActions: _mocker.soundActions,
@@ -349,15 +347,12 @@ var mockProps4 = {
349
347
  }
350
348
  };
351
349
  exports.mockProps4 = mockProps4;
352
-
353
350
  var mockProps5 = _objectSpread(_objectSpread({}, mockProps), {}, {
354
351
  backgroundImage: {
355
352
  url: 'https://i.imgur.com/DTFfovW.jpeg'
356
353
  }
357
354
  });
358
-
359
355
  exports.mockProps5 = mockProps5;
360
-
361
356
  var mockProps6 = _objectSpread(_objectSpread({}, mockProps), {}, {
362
357
  cards: [{
363
358
  id: 'bCPlOr',
@@ -448,5 +443,4 @@ var mockProps6 = _objectSpread(_objectSpread({}, mockProps), {}, {
448
443
  specificWrongFeedbacks: true
449
444
  }
450
445
  });
451
-
452
446
  exports.mockProps6 = mockProps6;
@@ -1,60 +1,43 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
-
20
13
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
21
-
22
14
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
23
-
24
15
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
25
-
26
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
27
-
28
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
29
-
16
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
30
18
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
31
-
32
19
  var CartelComponent = function CartelComponent(_ref) {
33
20
  var img = _ref.img,
34
- text = _ref.text,
35
- audio = _ref.audio,
36
- audioType = _ref.audioType,
37
- voice = _ref.voice,
38
- emitEvent = _ref.emitEvent,
39
- soundActions = _ref.soundActions,
40
- audioVolume = _ref.audioVolume,
41
- pause = _ref.pause,
42
- keyboardControl = _ref.keyboardControl;
43
-
21
+ text = _ref.text,
22
+ audio = _ref.audio,
23
+ audioType = _ref.audioType,
24
+ voice = _ref.voice,
25
+ emitEvent = _ref.emitEvent,
26
+ soundActions = _ref.soundActions,
27
+ audioVolume = _ref.audioVolume,
28
+ pause = _ref.pause,
29
+ keyboardControl = _ref.keyboardControl;
44
30
  var translate = function translate(id) {
45
31
  return emitEvent({
46
32
  type: 'translate',
47
33
  payload: id
48
34
  });
49
35
  };
50
-
51
36
  var resourceUrl = (img === null || img === void 0 ? void 0 : img.url) || 'https://min.gamelearn.io/css-resources/gamelearn/resources/conversation.jpg';
52
37
  var textBox = (0, _react.useRef)();
53
38
  var picture = (0, _react.useRef)();
54
-
55
39
  var _soundActions = _slicedToArray(soundActions, 1),
56
- playSound = _soundActions[0];
57
-
40
+ playSound = _soundActions[0];
58
41
  (0, _useEkho.default)({
59
42
  audioType: audioType,
60
43
  voice: voice,
@@ -65,40 +48,31 @@ var CartelComponent = function CartelComponent(_ref) {
65
48
  volume: audioVolume,
66
49
  pauseTTS: pause
67
50
  });
68
-
69
51
  var close = function close() {
70
52
  playSound('click-ui');
71
53
  emitEvent({
72
54
  type: 'success'
73
55
  });
74
56
  };
75
-
76
57
  keyboardControl(null, close, close);
77
-
78
58
  var assignValueByMediaQuery = function assignValueByMediaQuery(valueMobile, valueDesktop) {
79
59
  if (window.matchMedia('(min-width: 1280px)').matches) {
80
60
  /* Screen >= 1200 */
81
61
  return valueDesktop;
82
62
  }
83
63
  /* Screen < 1200 */
84
-
85
-
86
64
  return valueMobile;
87
65
  };
88
-
89
66
  var calculateTextPosition = (0, _react.useCallback)(function () {
90
67
  if (text && picture.current) {
91
68
  var imageRatio = picture.current.naturalWidth / picture.current.naturalHeight;
92
69
  var dinamicImageWidth = picture.current.height * imageRatio;
93
70
  var dinamicImageHeight = picture.current.height;
94
-
95
71
  if (dinamicImageWidth > picture.current.width) {
96
72
  dinamicImageWidth = picture.current.width;
97
73
  dinamicImageHeight = picture.current.width / imageRatio;
98
74
  }
99
-
100
75
  textBox.current.style.width = "".concat(dinamicImageWidth, "px");
101
-
102
76
  if (window.innerHeight < picture.current.width) {
103
77
  textBox.current.style.bottom = "".concat(assignValueByMediaQuery(24, 48) + assignValueByMediaQuery(36, 100), "px");
104
78
  } else {
@@ -143,6 +117,5 @@ var CartelComponent = function CartelComponent(_ref) {
143
117
  className: "icon-close"
144
118
  }))));
145
119
  };
146
-
147
120
  var _default = CartelComponent;
148
121
  exports.default = _default;
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _CartelComponent = _interopRequireDefault(require("./components/CartelComponent"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var _default = _CartelComponent.default;
13
10
  exports.default = _default;