hart-estate-widget 0.0.66 → 0.0.67

package/build/components/Application.js

@@ -1,135 +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 _mobxReactLite = require("mobx-react-lite");
-
-var _store = _interopRequireDefault(require("../store"));
-
-var _fullScreenStore = _interopRequireDefault(require("../store/fullScreenStore"));
-
-var _deviceWidth = require("../enums/deviceWidth");
-
-var _RotationTab = _interopRequireDefault(require("./RotationTab"));
-
-var _PanoramaTab = _interopRequireDefault(require("./PanoramaTab"));
-
-var _ModelTab = _interopRequireDefault(require("./ModelTab"));
-
-var _FullScreenButton = _interopRequireDefault(require("./Buttons/FullScreenButton"));
-
-var _TabButton = _interopRequireDefault(require("./Buttons/TabButton"));
-
-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 = 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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Application = (0, _mobxReactLite.observer)(function () {
-  var config = _store.default.config;
-  var appStyle = {
-    width: config.width,
-    height: config.height
-  };
-
-  var _useState = (0, _react.useState)(config.tabs[0]),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentTab = _useState2[0],
-      setCurrentTab = _useState2[1];
-
-  var tabsList = {
-    'rotation': /*#__PURE__*/_react.default.createElement(_RotationTab.default, {
-      disabled: !config.rotationImages[0],
-      topViewImage: config.topViewImage,
-      images: config.rotationImages,
-      planImage: config.planImage,
-      mode: config.rotationMode
-    }),
-    'panorama': /*#__PURE__*/_react.default.createElement(_PanoramaTab.default, {
-      disabled: !config.panoramaImages.length,
-      images: config.panoramaImages,
-      planImage: config.planImage,
-      json: config.json
-    }),
-    'model': /*#__PURE__*/_react.default.createElement(_ModelTab.default, {
-      disabled: !config.json,
-      json: config.json
-    })
-  };
-  var tabButtons = [{
-    tab: 'rotation',
-    text: '2D'
-  }, {
-    tab: 'panorama',
-    text: '3D'
-  }];
-  (0, _react.useEffect)(function () {
-    _fullScreenStore.default.init();
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (config.tabs.some(function (tab) {
-      return tab === currentTab;
-    })) return;
-    setCurrentTab(config.tabs[0]);
-  }, [config, currentTab]);
-
-  var getTabButton = function getTabButton(button, index) {
-    if (!_store.default.isTabIncluded(button.tab) || _store.default.config.tabs.length < 2) return null;
-    if (!_store.default.controlsVisible) return null;
-    return /*#__PURE__*/_react.default.createElement(_TabButton.default, {
-      key: index,
-      text: button.text,
-      active: currentTab === button.tab,
-      onClick: function onClick() {
-        return setCurrentTab(button.tab);
-      }
-    });
-  };
-
-  var getAppClass = function getAppClass() {
-    var className = (0, _deviceWidth.getDevicesByWidth)(config.width).reduce(function (acc, device) {
-      return acc += " widget-application--".concat(device);
-    }, 'widget-application');
-    return className;
-  };
-
-  return /*#__PURE__*/_react.default.createElement("main", {
-    className: getAppClass(),
-    id: "widget-application",
-    style: appStyle
-  }, /*#__PURE__*/_react.default.createElement("section", {
-    className: "widget-tab widget-tab--".concat(currentTab)
-  }, tabsList[currentTab]), config.logo && /*#__PURE__*/_react.default.createElement("a", {
-    className: "widget-logo",
-    href: config.logoUrl,
-    target: "_blank",
-    rel: "noreferrer"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: config.logo,
-    alt: "logo"
-  })), _store.default.controlsVisible && /*#__PURE__*/_react.default.createElement(_FullScreenButton.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab-buttons"
-  }, tabButtons.map(getTabButton)));
-});
-var _default = Application;
-exports.default = _default;

package/build/components/Buttons/FullScreenButton.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mobxReactLite = require("mobx-react-lite");
-
-var _fullScreenStore = _interopRequireDefault(require("../../store/fullScreenStore"));
-
-var _enterFullscreen = _interopRequireDefault(require("../../assets/icons/enter-fullscreen.svg"));
-
-var _close = _interopRequireDefault(require("../../assets/icons/close.svg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var FullScreenButton = (0, _mobxReactLite.observer)(function () {
-  if (!_fullScreenStore.default.enabled) {
-    return null;
-  }
-
-  if (_fullScreenStore.default.active) {
-    return /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      className: "widget-exit-fullscreen",
-      onClick: function onClick() {
-        return _fullScreenStore.default.exit();
-      }
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: _close.default,
-      alt: "exit-fullscreen"
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "widget-enter-fullscreen",
-    onClick: function onClick() {
-      return _fullScreenStore.default.enter();
-    }
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: _enterFullscreen.default,
-    alt: "enter-fullscreen"
-  }));
-});
-var _default = FullScreenButton;
-exports.default = _default;

package/build/components/Buttons/TabButton.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var TabButton = function TabButton(_ref) {
-  var active = _ref.active,
-      text = _ref.text,
-      onClick = _ref.onClick;
-  return /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "widget-tab-button ".concat(active ? 'widget-tab-button--active' : ''),
-    onClick: onClick
-  }, text);
-};
-
-var _default = TabButton;
-exports.default = _default;

package/build/components/Instructions.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _locale = _interopRequireDefault(require("../locale"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Instructions = function Instructions(_ref) {
-  var _ref$steps = _ref.steps,
-      steps = _ref$steps === void 0 ? [] : _ref$steps,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      _ref$background = _ref.background,
-      background = _ref$background === void 0 ? null : _ref$background;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-instructions",
-    onClick: onClick,
-    style: {
-      backgroundImage: background ? "url(".concat(background, ")") : ''
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-instructions__content",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-instructions__steps"
-  }, steps.map(function (_ref2, index) {
-    var text = _ref2.text,
-        icon = _ref2.icon;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "widget-instructions__step",
-      key: index
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: icon,
-      alt: "step-icon"
-    }), /*#__PURE__*/_react.default.createElement("p", null, text));
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    disabled: disabled,
-    onClick: onClick,
-    type: "button"
-  }, _locale.default.getLocaleText('ok'))));
-};
-
-var _default = Instructions;
-exports.default = _default;

package/build/components/Loader.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Loader = function Loader(_ref) {
-  var absolute = _ref.absolute,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'lg' : _ref$size;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-loader widget-loader--".concat(size, " ").concat(absolute ? 'widget-loader--absolute' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null));
-};
-
-var _default = Loader;
-exports.default = _default;

package/build/components/ModelTab.js

@@ -1,213 +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 _mobxReactLite = require("mobx-react-lite");
-
-var _modelStore = _interopRequireDefault(require("../store/modelStore"));
-
-var _locale = _interopRequireDefault(require("../locale"));
-
-var _modelHelpers = require("../utils/modelHelpers");
-
-var _nipplejs = _interopRequireDefault(require("nipplejs"));
-
-var _Instructions = _interopRequireDefault(require("./Instructions"));
-
-var _handMove = _interopRequireDefault(require("../assets/icons/hand-move.svg"));
-
-var _D = _interopRequireDefault(require("../assets/img/3D.jpg"));
-
-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 = 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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ModelTab = (0, _mobxReactLite.observer)(function (_ref) {
-  var json = _ref.json,
-      disabled = _ref.disabled;
-  var instructionSteps = [{
-    icon: _handMove.default,
-    text: _locale.default.getLocaleText('rotate-plan')
-  }];
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      showInstructions = _useState2[0],
-      setInstructionsState = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      menuState = _useState4[0],
-      setMenuState = _useState4[1];
-
-  var houseStore = _modelStore.default.houseStore;
-
-  var getNextWallsMaterialType = function getNextWallsMaterialType() {
-    if (houseStore.wallsMaterialType === 'texture') return 'color';
-    return 'texture';
-  };
-
-  var onImageUploaded = function onImageUploaded(_ref2) {
-    var target = _ref2.target;
-    if (!target.files.length) return;
-    var reader = new FileReader();
-
-    reader.onload = function (e) {
-      return houseStore.addWallTexture(e.target.result);
-    };
-
-    reader.readAsDataURL(target.files[0]);
-  };
-
-  var initJoystick = function initJoystick() {
-    var zone = document.querySelector('.widget-tab__model-joystick');
-
-    var joystick = _nipplejs.default.create({
-      zone: zone,
-      position: {
-        left: '50%',
-        top: '50%'
-      },
-      color: '#F4C833',
-      mode: 'static'
-    });
-
-    joystick.on('start', function () {
-      return _modelStore.default.setJoystickState(true);
-    });
-    joystick.on('end', function () {
-      return _modelStore.default.setJoystickState(false);
-    });
-    joystick.on('move', function (_, _ref3) {
-      var angle = _ref3.angle;
-      var directions = (0, _modelHelpers.getDirectionsFromDegrees)(angle.degree);
-
-      _modelStore.default.setJoystickDirections(directions);
-    });
-  };
-
-  var onStart = function onStart() {
-    setInstructionsState(false);
-    initJoystick();
-    var container = document.querySelector('.widget-tab__model-scene');
-
-    _modelStore.default.setContainer(container);
-
-    container.appendChild(_modelStore.default.renderer.domElement);
-
-    _modelStore.default.setCurrentControlsType('orbit');
-
-    if (_modelStore.default.initialized) {
-      _modelStore.default.houseStore.setDoorsVisibility(true);
-
-      _modelStore.default.houseStore.setFullBuildingVisibility(true);
-
-      _modelStore.default.houseStore.setCurrentWallsMaterialType('texture');
-
-      return;
-    }
-
-    _modelStore.default.init(json);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab__model"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab__model-scene"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab__model-joystick \n            ".concat(_modelStore.default.currentControlsType === 'wasd' ? 'widget-tab__model-joystick--active' : '')
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab-menu"
-  }, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return setMenuState(!menuState);
-    }
-  }, _locale.default.getLocaleText('menu')), menuState && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return _modelStore.default.setCurrentControlsType('wasd');
-    }
-  }, _locale.default.getLocaleText('wasd')), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return _modelStore.default.setCurrentControlsType('plan');
-    }
-  }, _locale.default.getLocaleText('view-from-above')), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return _modelStore.default.setCurrentControlsType('orbit');
-    }
-  }, _locale.default.getLocaleText('free-camera')), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return houseStore.setShadowsVisibility(!houseStore.isShadowsVisible);
-    }
-  }, _locale.default.getLocaleText('shadows'), ":", houseStore.isShadowsVisible ? _locale.default.getLocaleText('on') : _locale.default.getLocaleText('off')), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return houseStore.setPlanMode();
-    }
-  }, _locale.default.getLocaleText('plan')), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return houseStore.setFullBuildingVisibility(!houseStore.isFullBuildingVisible);
-    }
-  }, houseStore.isFullBuildingVisible ? _locale.default.getLocaleText('hide-walls') : _locale.default.getLocaleText('show-walls')), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return houseStore.setDoorsVisibility(!houseStore.isDoorsVisible);
-    }
-  }, houseStore.isDoorsVisible ? _locale.default.getLocaleText('hide-doors') : _locale.default.getLocaleText('show-doors')), /*#__PURE__*/_react.default.createElement("li", {
-    onClick: function onClick() {
-      return houseStore.setCurrentWallsMaterialType(getNextWallsMaterialType());
-    }
-  }, _locale.default.getLocaleText('material'), ":", houseStore.wallsMaterialType === 'texture' ? _locale.default.getLocaleText('texture') : _locale.default.getLocaleText('color')), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("label", null, _locale.default.getLocaleText('wall-color'), ":", /*#__PURE__*/_react.default.createElement("input", {
-    type: "color",
-    onChange: function onChange(_ref4) {
-      var target = _ref4.target;
-      return houseStore.setCurrentWallColor(target.value);
-    },
-    style: {
-      background: houseStore.wallsColor
-    },
-    value: houseStore.wallsColor
-  }))), /*#__PURE__*/_react.default.createElement("li", null, _locale.default.getLocaleText('wall-texture'), ":", /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab-menu__wallpapers"
-  }, houseStore && houseStore.wallsTextures.map(function (_ref5, index) {
-    var image = _ref5.image,
-        texture = _ref5.texture;
-    return /*#__PURE__*/_react.default.createElement("img", {
-      key: index,
-      src: image,
-      onClick: function onClick() {
-        return houseStore.setCurrentWallTexture(texture);
-      },
-      alt: "texture=".concat(index)
-    });
-  }))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("label", null, _locale.default.getLocaleText('upload-wall-texture'), /*#__PURE__*/_react.default.createElement("input", {
-    onChange: onImageUploaded,
-    type: "file",
-    accept: ".jpg, .jpeg, .png"
-  }))))))), showInstructions && /*#__PURE__*/_react.default.createElement(_Instructions.default, {
-    disabled: disabled,
-    steps: instructionSteps,
-    onClick: onStart,
-    background: _D.default
-  }));
-});
-var _default = ModelTab;
-exports.default = _default;