@gamelearn/arcade-components 2.41.0 → 3.0.1

package/dist/components/video-visor/components/VideoControllers/index.js

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _BufferBar = _interopRequireDefault(require("./BufferBar"));
-var _Timer = _interopRequireDefault(require("./Timer"));
-var _ControlButtons = _interopRequireDefault(require("./ControlButtons"));
-var _FinishedVideoButtons = _interopRequireDefault(require("./FinishedVideoButtons"));
-var _PlayInitButton = _interopRequireDefault(require("./PlayInitButton"));
-var _SkipButton = _interopRequireDefault(require("./SkipButton"));
-var _VolumeBar = _interopRequireDefault(require("./VolumeBar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var VideoControllers = function VideoControllers(_ref) {
-  var pause = _ref.pause,
-    mandatory = _ref.mandatory,
-    viewed = _ref.viewed,
-    skip = _ref.skip,
-    rewind = _ref.rewind,
-    paused = _ref.paused,
-    time = _ref.time,
-    finished = _ref.finished,
-    restart = _ref.restart,
-    volume = _ref.volume,
-    muted = _ref.muted,
-    mute = _ref.mute,
-    setVolume = _ref.setVolume,
-    setTimePoint = _ref.setTimePoint,
-    audioAnimation = _ref.audioAnimation,
-    mandatoryHasBeenViewed = _ref.mandatoryHasBeenViewed,
-    translate = _ref.translate,
-    visibility = _ref.visibility;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SkipButton.default, {
-    mandatory: mandatory,
-    finished: finished,
-    viewed: viewed,
-    skip: skip,
-    rewind: rewind,
-    mandatoryHasBeenViewed: mandatoryHasBeenViewed,
-    translate: translate
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "video--controls-wrap ".concat(visibility ? 'video--controls-wrap--hidden' : '')
-  }, audioAnimation ? null : /*#__PURE__*/_react.default.createElement(_PlayInitButton.default, {
-    play: pause,
-    paused: paused,
-    finished: finished
-  }), finished ? /*#__PURE__*/_react.default.createElement(_FinishedVideoButtons.default, {
-    restart: restart,
-    translate: translate
-  }) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "video--controls"
-  }, /*#__PURE__*/_react.default.createElement(_BufferBar.default, {
-    mandatory: mandatory,
-    mandatoryHasBeenViewed: mandatoryHasBeenViewed,
-    time: time,
-    setTimePoint: setTimePoint,
-    finished: finished,
-    viewed: viewed
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "video--controls__actions"
-  }, /*#__PURE__*/_react.default.createElement(_Timer.default, {
-    time: time
-  }), audioAnimation ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "audio-animation-wrap"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "audio-animation ".concat(paused ? 'audio-animation--notAnimate ' : null)
-  })) : null, /*#__PURE__*/_react.default.createElement(_ControlButtons.default, {
-    paused: paused,
-    pauseVideo: pause,
-    translate: translate
-  }), /*#__PURE__*/_react.default.createElement(_VolumeBar.default, {
-    muted: muted,
-    mute: mute,
-    volume: volume,
-    setVolume: setVolume
-  })))));
-};
-VideoControllers.defaultProps = {
-  audioAnimation: false,
-  paused: false,
-  mandatory: false,
-  viewed: false,
-  volume: 0,
-  muted: false,
-  finished: false,
-  restart: function restart() {},
-  pause: function pause() {},
-  skip: function skip() {},
-  rewind: function rewind() {},
-  setTimePoint: function setTimePoint() {},
-  setVolume: function setVolume() {},
-  mute: function mute() {},
-  time: {
-    current: 0,
-    duration: 0
-  }
-};
-VideoControllers.propTypes = {
-  audioAnimation: _propTypes.default.bool,
-  paused: _propTypes.default.bool,
-  mandatory: _propTypes.default.bool,
-  muted: _propTypes.default.bool,
-  volume: _propTypes.default.number,
-  viewed: _propTypes.default.bool,
-  pause: _propTypes.default.func,
-  finished: _propTypes.default.bool,
-  restart: _propTypes.default.func,
-  skip: _propTypes.default.func,
-  rewind: _propTypes.default.func,
-  mute: _propTypes.default.func,
-  setTimePoint: _propTypes.default.func,
-  setVolume: _propTypes.default.func,
-  time: _propTypes.default.shape({
-    current: _propTypes.default.number,
-    duration: _propTypes.default.number
-  })
-};
-var _default = VideoControllers;
-exports.default = _default;

package/dist/components/video-visor/components/VideoVisor.js

@@ -1,271 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _hls = _interopRequireDefault(require("hls.js"));
-var _VideoControllers = _interopRequireDefault(require("./VideoControllers"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var defaultBgImageForAudio = 'https://min.gamelearn.io/css-resources/gamelearn/resources/bgAudioPiece.jpg';
-var VideoVisor = function VideoVisor(_ref) {
-  var documentType = _ref.documentType,
-    url = _ref.url,
-    required = _ref.required,
-    viewed = _ref.viewed,
-    backgroundImage = _ref.backgroundImage,
-    soundActions = _ref.soundActions,
-    endVideo = _ref.endVideo,
-    translate = _ref.translate;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    mandatoryHasBeenViewed = _useState2[0],
-    setmandatoryHasBeenViewed = _useState2[1];
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    duration = _useState4[0],
-    setDuration = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    loadedPercentage = _useState6[0],
-    setLoadedPercentage = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
-  var _useState9 = (0, _react.useState)(true),
-    _useState10 = _slicedToArray(_useState9, 2),
-    paused = _useState10[0],
-    setPaused = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isFinish = _useState12[0],
-    setIsFinish = _useState12[1];
-  var _useState13 = (0, _react.useState)(),
-    _useState14 = _slicedToArray(_useState13, 2),
-    videoPlayer = _useState14[0],
-    setVideo = _useState14[1];
-  var _useState15 = (0, _react.useState)(0),
-    _useState16 = _slicedToArray(_useState15, 2),
-    volume = _useState16[0],
-    setVolume = _useState16[1];
-  var _useState17 = (0, _react.useState)(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    hiddenControls = _useState18[0],
-    hideControls = _useState18[1];
-  var isHls = url && url.match(/\.m3u8(\?.+=.+)*$/i) && _hls.default.isSupported();
-  var isEmbeddedVideo = url && (url.match(/youtube/i) || url.match(/vimeo/i));
-  var isAudio = url && (url.match(/.mp3/i) || url.match(/.ogg/i) || url.match(/.wav/i) || url.match(/.m4a/i));
-  var videoProps = {
-    ref: function ref(videoRef) {
-      setVideo(videoRef);
-    },
-    src: url,
-    style: {
-      height: '100%',
-      width: '100%'
-    }
-  };
-  var onEnded = function onEnded() {
-    if (required) {
-      setmandatoryHasBeenViewed(true);
-    }
-    setLoading(false);
-    videoPlayer.pause();
-    setPaused(true);
-    setIsFinish(true);
-    hideControls(false);
-    if (documentType !== 'document' && documentType !== 'lesson') {
-      endVideo();
-    }
-  };
-  var onError = function onError() {
-    endVideo();
-  };
-  var onPlaying = function onPlaying() {
-    setPaused(false);
-    setLoading(false);
-  };
-  var onWaiting = function onWaiting() {
-    setLoading(true);
-  };
-  var onCanPlay = function onCanPlay() {
-    setLoading(false);
-    setDuration(videoPlayer.duration);
-  };
-  (0, _react.useEffect)(function () {
-    var hls;
-    if (videoPlayer) {
-      if (isHls) {
-        hls = new _hls.default();
-        var URL_RAND = "".concat(url, "?v=").concat(Math.floor(Math.random() * 99999999));
-        hls.loadSource(URL_RAND);
-        hls.attachMedia(videoPlayer);
-        hls.on(_hls.default.Events.FRAG_LOAD_PROGRESS, function (_, data) {
-          var stats = data.stats;
-          setLoadedPercentage(stats.loaded * 100 / stats.total);
-        });
-      }
-      return function () {
-        if (hls) {
-          hls.destroy();
-        }
-        hls = null;
-      };
-    }
-    return undefined;
-  }, [isHls, url, videoPlayer]);
-  var rewind = function rewind() {
-    var timeRewind = 15;
-    videoPlayer.currentTime -= timeRewind;
-  };
-  var pause = function pause() {
-    playSound('click-ui');
-    if (paused) {
-      videoPlayer.play();
-      setIsFinish(false);
-    } else {
-      videoPlayer.pause();
-    }
-    setPaused(!paused);
-  };
-  var setTimePoint = function setTimePoint(client, width, pos) {
-    setIsFinish(false);
-    videoPlayer.currentTime = width ? parseFloat((client - pos) / width * videoPlayer.duration) : 0;
-  };
-  var restart = function restart() {
-    setIsFinish(false);
-    videoPlayer.currentTime = 0;
-    pause();
-  };
-  var mute = function mute() {
-    playSound('click-ui');
-    videoPlayer.muted = !videoPlayer.muted;
-  };
-  var updateVolume = function updateVolume(client, width, pos) {
-    videoPlayer.muted = false;
-    var volumePlayer = client - pos >= 0 ? (client - pos) / width : 0;
-    videoPlayer.volume = volumePlayer * 100 > 10 ? volumePlayer : 0;
-    setVolume(videoPlayer.volume);
-  };
-  (0, _react.useEffect)(function () {
-    var timeout;
-    if (!hiddenControls && !paused) {
-      timeout = setTimeout(function () {
-        hideControls(true);
-        clearTimeout(timeout);
-      }, 3000);
-    }
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, [hiddenControls, paused]);
-  var handleHideControls = function handleHideControls() {
-    if (hiddenControls) {
-      hideControls(false);
-    }
-  };
-  var audioBackgroundImage = backgroundImage || defaultBgImageForAudio;
-  var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? 'cover' : 'contain';
-  var configForAudio = {
-    backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
-    backgroundSize: CoverOrContain,
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center center'
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "video ".concat(required && !mandatoryHasBeenViewed && !viewed ? 'forward-disabled' : ''),
-    style: isAudio ? configForAudio : null
-  }, !isEmbeddedVideo ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_VideoControllers.default, {
-    visibility: hiddenControls,
-    mandatoryHasBeenViewed: mandatoryHasBeenViewed,
-    audioAnimation: !!isAudio,
-    skip: endVideo,
-    mandatory: required,
-    viewed: viewed,
-    volume: videoPlayer ? videoPlayer.volume : 0,
-    mute: mute,
-    muted: videoPlayer ? videoPlayer.muted : false,
-    paused: paused,
-    finished: isFinish,
-    restart: restart,
-    setTimePoint: setTimePoint,
-    time: {
-      duration: duration,
-      current: videoPlayer ? videoPlayer.currentTime : 0
-    },
-    rewind: rewind,
-    pause: pause,
-    volumeState: volume,
-    setVolume: updateVolume,
-    translate: translate
-  }), /*#__PURE__*/_react.default.createElement("video", _extends({
-    onMouseMove: function onMouseMove() {
-      return handleHideControls();
-    },
-    onClick: function onClick() {
-      handleHideControls();
-    },
-    onFocus: function onFocus() {
-      handleHideControls();
-    },
-    onCanPlayThrough: onCanPlay,
-    onWaiting: onWaiting,
-    onEnded: onEnded,
-    onError: onError,
-    onPlaying: onPlaying
-  }, videoProps), /*#__PURE__*/_react.default.createElement("track", {
-    kind: "captions"
-  })), loading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "video-loading-container",
-    style: {
-      top: 0,
-      left: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "video-loading-container-bg opacity-wrapper"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup-alert warning"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup-message"
-  }, /*#__PURE__*/_react.default.createElement("p", null, Math.floor(loadedPercentage))))) : null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "position--absolute right top z-index2"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    "aria-label": translate('storylines.misc.closePiece'),
-    className: "gat--btn__round gat--btn__close",
-    onClick: function onClick() {
-      playSound('click-ui');
-      endVideo();
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close"
-  }))), /*#__PURE__*/_react.default.createElement("iframe", _extends({
-    className: "embeddedVideo",
-    title: "title"
-  }, videoProps))));
-};
-VideoVisor.defaultProps = {
-  url: '',
-  name: '',
-  backgroundImage: null,
-  documentType: '',
-  required: false,
-  viewed: false,
-  endVideo: function endVideo() {}
-};
-var _default = VideoVisor;
-exports.default = _default;

package/dist/components/video-visor/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _VideoVisor = _interopRequireDefault(require("./components/VideoVisor"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _VideoVisor.default;
-exports.default = _default;

package/dist/components/video-visor/mocks/mockForStory.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps = exports.default = void 0;
-var _mocker = require("helpers/mocker");
-/* eslint-disable max-len */
-
-var path = 'https://min.gamelearn.io/statics.triskelion';
-var cloudfront = 'https://dszv2c8p7i9xo.cloudfront.net/';
-var mockProps = [{
-  name: 'video',
-  required: true,
-  documentType: 'document',
-  url: "".concat(cloudfront, "10fdf3ba-8bcb-49ef-b6fd-2cdd083b8e0d/hls/radio.m3u8"),
-  viewed: false,
-  soundActions: _mocker.soundActions
-}, {
-  url: "".concat(path, "/triskelion-statics/videos/ada_hack.mp4"),
-  soundActions: _mocker.soundActions
-}, {
-  url: "https://www.youtube.com/embed/5KcuphEhO8Q",
-  soundActions: _mocker.soundActions
-}, {
-  url: 'https://player.vimeo.com/video/144094036',
-  soundActions: _mocker.soundActions
-}, {
-  soundActions: _mocker.soundActions,
-  url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
-}, {
-  imgId: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60224b7a901f3e0012350158/vista-vertical-torre-eiffel-paris-francia_1258-3169.jpg',
-  soundActions: _mocker.soundActions,
-  url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
-}, {
-  url: "".concat(path, "/triskelion-statics/videos/ada_hack.mp4"),
-  soundActions: _mocker.soundActions,
-  required: true
-}];
-exports.mockProps = mockProps;
-var _default = mockProps;
-exports.default = _default;

package/dist/components/web-builder-puzzle-component/Popups/PopupColorComponent/index.js

@@ -1,87 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */
-var PopupColorComponent = function PopupColorComponent(_ref) {
-  var colors = _ref.colors,
-    onSave = _ref.onSave,
-    closingAction = _ref.closingAction,
-    translate = _ref.translate,
-    soundActions = _ref.soundActions;
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    select = _useState2[1];
-  var disabled = selected === null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup--layer"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup--info"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "popup--info__item"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--webBuilder__colors"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--webBuilder__colors--title"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('webbuilder.colorSelect.title'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--webBuilder__colors--items"
-  }, colors.map(function (color) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: color + Date.now(),
-      className: "puzzle--webBuilder__color--select ".concat(selected === color ? 'selected' : ''),
-      style: {
-        borderColor: "".concat(color)
-      },
-      onClick: function onClick() {
-        return select(color);
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        backgroundColor: "".concat(color)
-      }
-    }));
-  }))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup--buttons"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn gat--btn__secondary",
-    onClick: closingAction
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('webbuilder.cancel'))), /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
-    onClick: !disabled ? function () {
-      playSound('click-ui');
-      onSave(selected);
-    } : null
-  }, translate('webbuilder.save')))));
-};
-PopupColorComponent.defaultProps = {
-  closingAction: function closingAction() {},
-  onSave: function onSave() {},
-  colors: {}
-};
-PopupColorComponent.propTypes = {
-  closingAction: _propTypes.default.func,
-  onSave: _propTypes.default.func,
-  colors: _propTypes.default.arrayOf(_propTypes.default.string)
-};
-var _default = PopupColorComponent;
-exports.default = _default;

package/dist/components/web-builder-puzzle-component/Popups/PopupImageComponent/index.js

@@ -1,94 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _resourcePath = _interopRequireDefault(require("../../Templates/resourcePath"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var PopupImageComponent = function PopupImageComponent(_ref) {
-  var images = _ref.images,
-    onSave = _ref.onSave,
-    closingAction = _ref.closingAction,
-    translate = _ref.translate,
-    soundActions = _ref.soundActions;
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    select = _useState2[1];
-  var disabled = !selected;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "folder-popup"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "folder-popup__content"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "folder-popup__header"
-  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", {
-    className: "folder-popup__title"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "folder-popup__icon-header icon-fb-search"
-  }), /*#__PURE__*/_react.default.createElement("span", null, translate('webbuilder.imageSelect.title'))), /*#__PURE__*/_react.default.createElement("button", {
-    onClick: closingAction,
-    className: "folder-popup__close",
-    type: "button"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close-fit"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "folder-popup__body"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "folder-popup__scroll"
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: "folder-popup__list"
-  }, images.map(function (image) {
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: image.src + Date.now(),
-      className: "folder-item-file"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "folder-item-file__imagewrap",
-      onClick: function onClick() {
-        return select(image);
-      },
-      onKeyUp: function onKeyUp() {},
-      role: "button",
-      tabIndex: 0
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      alt: image.src,
-      src: _resourcePath.default + image.src
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "folder-item-file__title",
-      title: image.src
-    }, image.src));
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "folder-popup__buttons"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn gat--btn__secondary",
-    onClick: closingAction
-  }, translate('webbuilder.cancel')), /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
-    onClick: !disabled ? function () {
-      playSound('click-ui');
-      onSave(selected.src);
-    } : null
-  }, translate('webbuilder.open'))))));
-};
-PopupImageComponent.defaultProps = {
-  closingAction: function closingAction() {},
-  onSave: function onSave() {},
-  images: []
-};
-var _default = PopupImageComponent;
-exports.default = _default;