kitchen-simulator 10.3.0 → 11.0.0-react-18

package/lib/components/viewer3d/viewer3d-first-person.js

@@ -11,9 +11,10 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _AppContext = _interopRequireDefault(require("../../AppContext"));
 var Three = _interopRequireWildcard(require("three"));
 var _sceneCreator = require("./scene-creator");
 var _threeMemoryCleaner = require("./three-memory-cleaner");
@@ -32,6 +33,7 @@ var Viewer3DFirstPerson = exports["default"] = /*#__PURE__*/function (_React$Com
     _this.width = props.width;
     _this.height = props.height;
     _this.stopRendering = false;
+    _this.canvasWrapperRef = /*#__PURE__*/_react["default"].createRef();
     _this.renderer = window.__threeRenderer || new Three.WebGLRenderer({
       preserveDrawingBuffer: true
     });
@@ -62,7 +64,7 @@ var Viewer3DFirstPerson = exports["default"] = /*#__PURE__*/function (_React$Com
       };
       var state = this.props.state;
       var data = state.scene;
-      var canvasWrapper = _reactDom["default"].findDOMNode(this.refs.canvasWrapper);
+      var canvasWrapper = this.canvasWrapperRef.current;
       var scene3D = new Three.Scene();
 
       // As I need to show the pointer above all scene objects, I use this workaround http://stackoverflow.com/a/13309722
@@ -261,8 +263,8 @@ var Viewer3DFirstPerson = exports["default"] = /*#__PURE__*/function (_React$Com
       this.renderer.renderLists.dispose();
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var width = nextProps.width,
         height = nextProps.height;
       var camera = this.camera,
@@ -295,22 +297,15 @@ var Viewer3DFirstPerson = exports["default"] = /*#__PURE__*/function (_React$Com
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react["default"].createElement('div', {
-        ref: 'canvasWrapper'
+        ref: this.canvasWrapperRef
       });
     }
   }]);
 }(_react["default"].Component);
+(0, _defineProperty2["default"])(Viewer3DFirstPerson, "contextType", _AppContext["default"]);
 Viewer3DFirstPerson.propTypes = {
   state: _propTypes["default"].object.isRequired,
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired
 };
-Viewer3DFirstPerson.contextTypes = {
-  areaActions: _propTypes["default"].object.isRequired,
-  holesActions: _propTypes["default"].object.isRequired,
-  itemsActions: _propTypes["default"].object.isRequired,
-  linesActions: _propTypes["default"].object.isRequired,
-  projectActions: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object
-};
 module.exports = exports.default;

package/lib/components/viewer3d/viewer3d.js

@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _AppContext = _interopRequireDefault(require("../../AppContext"));
 var Three = _interopRequireWildcard(require("three"));
 var _sceneCreator = require("./scene-creator");
 var _threeMemoryCleaner = require("./three-memory-cleaner");
@@ -57,6 +57,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
     _this.width = props.width;
     _this.height = props.height;
     _this.renderingID = 0;
+    _this.canvasWrapperRef = /*#__PURE__*/_react["default"].createRef();
     var mode = props.state.mode;
     if (!window.__elevationRendererDownload) {
       window.__elevationRendererDownload = {};
@@ -2172,7 +2173,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
       }
 
       // Add the output of the renderer to the html element
-      var canvasWrapper = _reactDom["default"].findDOMNode(this.refs.canvasWrapper);
+      var canvasWrapper = this.canvasWrapperRef.current;
       canvasWrapper && canvasWrapper.appendChild(this.renderer.domElement);
 
       //
@@ -2441,8 +2442,8 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
       this.renderer.renderLists.dispose();
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var _this4 = this;
       if (this.props.downloadFlag && (0, _immutablediff["default"])(this.props.state, nextProps.state).toJS().length == 0 || (0, _helper.isEmpty)(nextProps.state.scene)) return;
       var width = nextProps.width,
@@ -2652,25 +2653,17 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         this.renderer.domElement.style.opacity = '1';
         !this.props.downloadFlag && document.getElementById('front') && (document.getElementById('front').style.display = 'block');
         return /*#__PURE__*/_react["default"].createElement('div', {
-          ref: 'canvasWrapper'
+          ref: this.canvasWrapperRef
         });
       }
     }
   }]);
 }(_react["default"].Component);
+(0, _defineProperty2["default"])(Scene3DViewer, "contextType", _AppContext["default"]);
 Scene3DViewer.propTypes = {
   state: _propTypes["default"].object.isRequired,
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired,
   replaceCabinet: _propTypes["default"].func.isRequired
 };
-Scene3DViewer.contextTypes = {
-  areaActions: _propTypes["default"].object.isRequired,
-  holesActions: _propTypes["default"].object.isRequired,
-  itemsActions: _propTypes["default"].object.isRequired,
-  linesActions: _propTypes["default"].object.isRequired,
-  sceneActions: _propTypes["default"].object.isRequired,
-  projectActions: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object
-};
 module.exports = exports.default;

package/lib/utils/helper.js

@@ -11,7 +11,7 @@ exports.base64Decode = void 0;
 exports.centering2D = centering2D;
 exports.compareSVGRect = void 0;
 exports.debugUtil = debugUtil;
-exports.getSignedUrl = exports.getPathInfo = exports.getPath = void 0;
+exports.getPathInfo = exports.getPath = void 0;
 exports.getSkuAliasFromCatalog = getSkuAliasFromCatalog;
 exports.getSkuAliasFromCatalogElement = getSkuAliasFromCatalogElement;
 exports.handleCamRect = handleCamRect;
@@ -35,83 +35,15 @@ var Three = _interopRequireWildcard(require("three"));
 var _utils = require("./../components/viewer2d/utils");
 var _convertUnitsLite = require("./convert-units-lite");
 var _math = require("./math");
-var _awsSdk = _interopRequireDefault(require("aws-sdk"));
 var _export = require("./export");
 var _geometry = require("./geometry");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var s3 = new _awsSdk["default"].S3({
-  accessKeyId: process.env.REACT_APP_AWS_ID,
-  secretAccessKey: process.env.REACT_APP_AWS_SECRET
-});
-var s3ParseUrl = function s3ParseUrl(url) {
-  var _decodedUrl = decodeURIComponent(url);
-  var _result = null;
-
-  // http://s3.amazonaws.com/bucket/key1/key2
-  var match = decodedUrl.match(/^https?:\/\/s3.amazonaws.com\/([^\/]+)\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[1],
-      key: _match[2],
-      region: ''
-    };
-  }
-
-  // http://s3-aws-region.amazonaws.com/bucket/key1/key2
-  match = decodedUrl.match(/^https?:\/\/s3-([^.]+).amazonaws.com\/([^\/]+)\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[2],
-      key: _match[3],
-      region: _match[1]
-    };
-  }
-
-  // http://bucket.s3.amazonaws.com/key1/key2
-  match = decodedUrl.match(/^https?:\/\/([^.]+).s3.amazonaws.com\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[1],
-      key: _match[2],
-      region: ''
-    };
-  }
-
-  // http://bucket.s3-aws-region.amazonaws.com/key1/key2 or,
-  // http://bucket.s3.aws-region.amazonaws.com/key1/key2
-  match = decodedUrl.match(/^https?:\/\/([^.]+).(?:s3-|s3\.)([^.]+).amazonaws.com\/?(.*?)$/);
-  if (_match) {
-    _result = {
-      bucket: _match[1],
-      key: _match[3],
-      region: _match[2]
-    };
-  }
-  return _result;
-};
 var textureCube = exports.textureCube = new _HDRCubeTextureLoader.HDRCubeTextureLoader().setPath('/catalog/envMap/').load(_constants.HDR_URLS, function () {
   textureCube.magFilter = Three.LinearFilter;
   textureCube.needsUpdate = true;
 });
-var getSignedUrl = exports.getSignedUrl = function getSignedUrl(url) {
-  if (!url) return url;
-  var signedUrl = url;
-  try {
-    var _s3ParseUrl = s3ParseUrl(url),
-      bucket = _s3ParseUrl.bucket,
-      key = _s3ParseUrl.key;
-    signedUrl = s3.getSignedUrl('getObject', {
-      Bucket: bucket,
-      Key: key,
-      ResponseCacheControl: 'no-cache'
-    });
-  } catch (e) {
-    signedUrl = url;
-  }
-  return signedUrl;
-};
 var base64Decode = exports.base64Decode = function base64Decode(targetStr) {
   if (!targetStr) return null;
   try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "10.3.0",
+  "version": "11.0.0-react-18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",
@@ -61,7 +61,6 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "@sentry/react": "^9.10.1",
-    "aws-sdk": "^2.984.0",
     "axios": "^0.20.0",
     "camera-controls": "^2.8.5",
     "clsx": "^2.1.1",
@@ -76,36 +75,26 @@
     "polylabel": "1.0.2",
     "posthog-js": "^1.271.0",
     "prop-types": "^15.8.1",
-    "react": "^16.9.0",
-    "react-container-dimensions": "1.4.1",
-    "react-dom": "16.9.0",
-    "react-hotjar": "^1.0.11",
-    "react-icons": "3.5.0",
-    "react-redux": "5.0.7",
-    "react-svg-pan-zoom": "2.18.0",
-    "redux": "4.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^8.1.0",
+    "react-svg-pan-zoom": "^3.12.1",
+    "redux": "^4.2.1",
     "three": "0.166.0",
     "moment": "^2.30.1",
     "jwt-decode": "^2.2.0",
-    "react-ga4": "^1.4.1",
     "styled-components": "^5.2.0"
   },
   "devDependencies": {
     "localstorage-slim": "^1.3.0",
-    "react-tabs": "3.0.0",
     "sass": "^1.29.0",
-    "reactjs-popup": "^2.0.4",
     "sass-loader": "^10.0.5",
-    "antd": "^4.24.16",
     "@babel/cli": "^7.28.3",
     "@babel/core": "^7.28.4",
     "@babel/plugin-transform-modules-commonjs": "^7.27.1",
     "@babel/plugin-transform-runtime": "^7.28.3",
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
-    "@material-ui/core": "^4.12.3",
-    "@material-ui/icons": "^4.11.2",
-    "@material-ui/lab": "^4.0.0-alpha.61",
     "@sentry/webpack-plugin": "^3.2.4",
     "assert": "^2.1.0",
     "babel-loader": "^9.1.3",
@@ -121,11 +110,7 @@
     "css-loader": "*",
     "file-loader": "6.2.0",
     "html-webpack-plugin": "5.6.0",
-    "immutable-devtools": "0.1.4",
-    "mobile-detect": "^1.4.5",
     "path-browserify": "^1.0.1",
-    "react-query": "^3.39.3",
-    "react-router-dom": "5.1.2",
     "rimraf": "^2.6.3",
     "stream-browserify": "^3.0.0",
     "style-loader": "*",

package/es/analytics/ga4.js

@@ -1,188 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import ReactGA from 'react-ga4';
-
-// ---------- Helpers ----------
-function nowMs() {
-  return Date.now();
-}
-function getClientName() {
-  return sessionStorage.getItem('visualizerName');
-}
-function isDesktopUA() {
-  // Lightweight heuristic; GA4 also provides device.category. This flag can help ad-hoc filtering.
-  var ua = navigator.userAgent.toLowerCase();
-  var isMobile = /mobi|android|iphone|ipad|ipod|windows phone/.test(ua);
-  return !isMobile;
-}
-
-// ---------- Keys for storage ----------
-var SSN_KEYS = {
-  sessionStartMs: 'ga4_session_start_ms',
-  introChoiceMs: 'ga4_intro_choice_ms',
-  firstCabinetPlaced: 'ga4_first_cabinet_placed',
-  contextBooted: 'ga4_context_booted',
-  enteredCanvasSent: 'ga4_entered_canvas_sent'
-};
-
-// ---------- Core GA wrapper ----------
-export var GA = {
-  init: function init(_ref) {
-    var measurementId = _ref.measurementId;
-    ReactGA.initialize([{
-      trackingId: measurementId
-    }], {
-      testMode: false
-    });
-  },
-  resetSessionKeys: function resetSessionKeys() {
-    Object.values(SSN_KEYS).forEach(function (key) {
-      sessionStorage.removeItem(key);
-    });
-  },
-  /**
-   * Must be called ONCE per page load, *before* other events.
-   * Sets user properties (project_entry, cross_auth) and sends an initial page_view with client_name.
-   */
-  bootSessionContext: function bootSessionContext(_ref2) {
-    var projectEntry = _ref2.projectEntry,
-      crossAuth = _ref2.crossAuth;
-    try {
-      var resolvedClient = getClientName();
-
-      // Persist session start for timing metrics (if not already set for this tab)
-      if (!sessionStorage.getItem(SSN_KEYS.sessionStartMs)) {
-        sessionStorage.setItem(SSN_KEYS.sessionStartMs, String(nowMs()));
-      }
-
-      // Mark context as booted to avoid duplicate property sets on hot reloads
-      if (!sessionStorage.getItem(SSN_KEYS.contextBooted)) {
-        sessionStorage.setItem(SSN_KEYS.contextBooted, '1');
-
-        // Set GA4 user_properties (user-scoped dimensions)
-        ReactGA.gtag('set', 'user_properties', {
-          project_entry: projectEntry,
-          // user scope dimension
-          cross_auth: crossAuth // user scope dimension (boolean serialized)
-        });
-      }
-
-      // Send first page_view hit enriched with event-scoped client_name
-      ReactGA.send({
-        hitType: 'pageview',
-        page: window.location.pathname + window.location.search,
-        // @ts-expect-error react-ga4 passes along additional params into gtag
-        client_name: resolvedClient
-      });
-    } catch (e) {
-      // eslint-disable-next-line no-console
-      console.warn('GA.bootSessionContext error', e);
-    }
-  },
-  // Utility to derive cross_auth from URL (token or details query params)
-  deriveCrossAuthFromUrl: function deriveCrossAuthFromUrl(search) {
-    var sp = new URLSearchParams(search);
-    return sp.has('token') || sp.has('details');
-  },
-  // Utility to derive project entry (best-effort). You can also pass explicitly from router logic.
-  deriveProjectEntry: function deriveProjectEntry() {
-    var projectId = sessionStorage.getItem('projectId');
-
-    // If a project id exists, consider it "open_existing"; otherwise fallback to "new"
-    if (projectId) return 'open_existing';
-    return 'new';
-  },
-  // ---------- Event API ----------
-  events: {
-    /**
-     * intro_choice(option) — records the user's entry choice.
-     * Also stores a timestamp for later time_to_canvas calculation.
-     */
-    introChoice: function introChoice(option, extra) {
-      var client_name = getClientName();
-      sessionStorage.setItem(SSN_KEYS.introChoiceMs, String(nowMs()));
-      ReactGA.event('intro_choice', _objectSpread({
-        client_name: client_name,
-        option: option
-      }, extra || {}));
-    },
-    /**
-     * entered_canvas(time_to_canvas) — compute (now - intro_choice)
-     */
-    enteredCanvas: function enteredCanvas() {
-      // fire only once per tab/session
-      if (sessionStorage.getItem(SSN_KEYS.enteredCanvasSent)) return;
-      var client_name = getClientName();
-      var introMs = Number(sessionStorage.getItem(SSN_KEYS.introChoiceMs) || 0);
-      var timeSec = introMs ? Math.max(0, Math.round((Date.now() - introMs) / 1000)) : undefined;
-      ReactGA.event('entered_canvas', _objectSpread({
-        client_name: client_name
-      }, typeof timeSec === 'number' ? {
-        time_to_canvas: timeSec
-      } : {}));
-      sessionStorage.setItem(SSN_KEYS.enteredCanvasSent, '1'); // 👈 lock it
-    },
-    /**
-     * cabinet_placed(time_to_first_cabinet) — send only for the *first* cabinet of the session.
-     */
-    cabinetPlaced: function cabinetPlaced() {
-      var already = sessionStorage.getItem(SSN_KEYS.firstCabinetPlaced);
-      var client_name = getClientName();
-      var params = {
-        client_name: client_name
-      };
-      if (!already) {
-        var startMs = Number(sessionStorage.getItem(SSN_KEYS.sessionStartMs) || 0);
-        var timeSec = startMs ? Math.max(0, Math.round((nowMs() - startMs) / 1000)) : undefined;
-        if (typeof timeSec === 'number') params.time_to_first_cabinet = timeSec; // custom metric (seconds)
-        sessionStorage.setItem(SSN_KEYS.firstCabinetPlaced, '1');
-      }
-      ReactGA.event('cabinet_placed', params);
-    },
-    /**
-     * door_changed(door_id)
-     */
-    doorChanged: function doorChanged(door_id) {
-      var client_name = getClientName();
-      ReactGA.event('door_changed', {
-        client_name: client_name,
-        door_id: door_id
-      });
-    },
-    /**
-     * project_saved(project_id, save_method) — mark as conversion in GA UI.
-     */
-    projectSaved: function projectSaved(project_id, save_method) {
-      var client_name = getClientName();
-      ReactGA.event('project_saved', {
-        client_name: client_name,
-        project_id: project_id,
-        save_method: save_method
-      });
-    },
-    /**
-     * assistance_requested(method, project_id) — mark as conversion in GA UI.
-     */
-    assistanceRequested: function assistanceRequested(method, project_id) {
-      var client_name = getClientName();
-      ReactGA.event('assistance_requested', {
-        client_name: client_name,
-        method: method,
-        project_id: project_id
-      });
-    },
-    /**
-     * add_to_cart(project_id, sku_count, price_total) — mark as conversion in GA UI.
-     */
-    addToCart: function addToCart(project_id, sku_count, price_total) {
-      var client_name = getClientName();
-      ReactGA.event('add_to_cart', {
-        client_name: client_name,
-        project_id: project_id,
-        sku_count: sku_count,
-        price_total: price_total
-      });
-    }
-  }
-};

package/es/components/style/form-submit-button.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
-import React from 'react';
-import Button from "./button";
-import * as SharedStyle from "../../shared-style";
-var STYLE = {
-  borderColor: '#415375',
-  backgroundColor: '#415375',
-  color: SharedStyle.COLORS.white
-};
-var STYLE_HOVER = {
-  borderColor: '#1f3149',
-  backgroundColor: '#1f3149',
-  color: SharedStyle.COLORS.white
-};
-export default function FormSubmitButton(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    type: "submit",
-    style: STYLE,
-    styleHover: STYLE_HOVER
-  }, rest), children);
-}