@gamelearn/arcade-components 1.4.12 → 1.4.14

package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js

@@ -196,11 +196,9 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     });
   }, [setResolveAction, disableExit, accRewards, info.resolve.rewards, emitEvent, closeFeedbackAndShowPoints]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-selector",
+    className: "cards-selector ".concat(backgroundImage !== null && backgroundImage !== void 0 && backgroundImage.url ? 'cards-selector--with-custom-bg' : ''),
     style: backgroundImage !== null && backgroundImage !== void 0 && backgroundImage.url ? {
-      backgroundImage: "url(".concat(backgroundImage.url, ")"),
-      backgroundRepeat: 'no-repeat',
-      backgroundSize: 'cover'
+      backgroundImage: "url(".concat(backgroundImage.url, ")")
     } : {}
   }, /*#__PURE__*/_react.default.createElement(_Board.default, {
     setCurrentOrder: setCurrentOrder,

package/dist/components/dialog-component/components/DialogComponent.js

@@ -59,6 +59,7 @@ var isMobile = (0, _deviceDetection.DeviceDetection)();
 var crossFadeDuration = 0.5; // Mobile always zoom in?
 
 var raycast = new _three.Raycaster();
+var maxCharacterToSwitch = 70;
 raycast.firstHitOnly = true;
 
 var DialogComponent = function DialogComponent(_ref) {
@@ -86,6 +87,7 @@ var DialogComponent = function DialogComponent(_ref) {
     text: '',
     name: '',
     left: false,
+    top: false,
     inScene: false,
     thinkful: false,
     voiceOver: false,
@@ -364,6 +366,7 @@ var DialogComponent = function DialogComponent(_ref) {
         inScene: false,
         voiceOver: true,
         thinkful: false,
+        top: false,
         avatar: '',
         show: true
       });
@@ -408,12 +411,13 @@ var DialogComponent = function DialogComponent(_ref) {
 
             setTimeout(function () {
               if (talkingCharacter.uid === element.uid) {
+                var showArrowTop = talkingCharacter.text.length > maxCharacterToSwitch;
                 var head = element.getObjectByName('Head_M');
                 var target = new _three.Object3D();
                 head.getWorldPosition(target.position);
                 target.applyQuaternion(camera.quaternion);
                 target.translateX(1.25);
-                target.translateY(2);
+                target.translateY(showArrowTop ? 1.25 : 2);
                 messagePosition.current = {
                   pos: target.position.toArray(),
                   child: head,
@@ -432,6 +436,7 @@ var DialogComponent = function DialogComponent(_ref) {
                     text: talkingCharacter.text,
                     name: talkingCharacter.alias || ((_talkingCharacter$cha = talkingCharacter.character) === null || _talkingCharacter$cha === void 0 ? void 0 : _talkingCharacter$cha.name),
                     left: true,
+                    top: showArrowTop,
                     inScene: true,
                     thinkful: talkingCharacter.emotion === 'thinkful',
                     avatar: '',
@@ -449,6 +454,7 @@ var DialogComponent = function DialogComponent(_ref) {
             text: talkingCharacter.text,
             name: talkingCharacter.alias || ((_talkingCharacter$cha2 = talkingCharacter.character) === null || _talkingCharacter$cha2 === void 0 ? void 0 : _talkingCharacter$cha2.name) || object.name,
             left: false,
+            top: talkingCharacter.text.length > maxCharacterToSwitch,
             inScene: false,
             thinkful: talkingCharacter.emotion === 'thinkful',
             avatar: getAvatarURL(talkingCharacter),
@@ -542,6 +548,7 @@ var DialogComponent = function DialogComponent(_ref) {
           setCurrentMessage(function (old) {
             return _objectSpread(_objectSpread({}, old), {}, {
               left: false,
+              top: false,
               inScene: !completeOutside,
               avatar: getAvatarURL(talkingCharacter),
               show: true

package/dist/components/dialog-component/components/SpeechBubbleComponent.js

@@ -29,7 +29,7 @@ var SpeechBubbleComponent = /*#__PURE__*/_react.default.forwardRef(function (_re
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: "\n          speech-bubble\n          ".concat(message.left && message.inScene ? 'speech-bubble--arrow-left' : '', "\n          ").concat(!message.left && message.inScene ? 'speech-bubble--arrow-right' : '', "\n          ").concat(message.thinkful || message.voiceOver ? 'speech-bubble--italic' : '', "\n      ")
+    className: "\n          speech-bubble\n          ".concat(message.left && message.inScene ? 'speech-bubble--arrow-left' : '', "\n          ").concat(!message.left && message.inScene ? 'speech-bubble--arrow-right' : '', "\n          ").concat(message.top && message.inScene ? 'arrow-top' : '', "\n          ").concat(message.thinkful || message.voiceOver ? 'speech-bubble--italic' : '', "\n      ")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "speech-bubble__content"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.4.12",
+  "version": "1.4.14",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -64,7 +64,7 @@
     "@babel/eslint-parser": "^7.15.8",
     "@babel/preset-env": "7.12.11",
     "@babel/preset-react": "7.12.10",
-    "@gamelearn/arcade-styles": "0.5.5",
+    "@gamelearn/arcade-styles": "0.5.10",
     "@gamelearn/version": "^1.3.1",
     "@react-three/test-renderer": "6.0.6",
     "@storybook/addon-actions": "6.1.11",