@gamelearn/arcade-components 2.13.2 → 2.13.4

package/dist/components/conversational-component/components/ConversationalComponent.js

@@ -97,6 +97,7 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
     lodSettings: lodSettings,
     currentMessage: currentMessage,
     slots: parsedCharacters,
+    emitEvent: emitEvent,
     flex: true
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--body"

package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js

@@ -96,7 +96,6 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
   };
 
   var puzzleId = "keyboard-puzzle_".concat(nodeId);
-  var imageURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || defaultImage;
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
@@ -231,11 +230,15 @@ var KeyboardPuzzleComponent = function KeyboardPuzzleComponent(_ref) {
     setInputPassword(inputPassword.substring(0, inputPassword.length - 1));
   };
 
+  var imageURL = ((_image$img = image.img) === null || _image$img === void 0 ? void 0 : _image$img.url) || defaultImage;
+  var styleForBackground = {
+    backgroundSize: imageURL ? 'cover' : 'contain',
+    backgroundImage: "url(\"".concat(imageURL, "\")"),
+    backgroudPosition: 'center center'
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--keyboard",
-    style: {
-      backgroundImage: "url(".concat(imageURL, ")")
-    }
+    style: styleForBackground
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--keyboard__header"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "2.13.2",
+  "version": "2.13.4",
   "main": "dist/index.js",
   "files": [
     "dist",