@depay/widgets 6.12.0 → 6.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/esm/index.bundle.js +9 -7
  2. package/dist/esm/index.js +9 -7
  3. package/dist/umd/index.bundle.js +9 -7
  4. package/dist/umd/index.js +9 -7
  5. package/package.json +2 -2
package/dist/esm/index.bundle.js CHANGED
@@ -1599,6 +1599,8 @@ class Dialog$1 extends react.Component {
1599
1599
  constructor(props) {
1600
1600
  super(props);
1601
1601
 
1602
+ this.handler = this.onKeyDown.bind(this);
1603
+
1602
1604
  this.state = {
1603
1605
  open: true,
1604
1606
  };
@@ -1632,22 +1634,22 @@ class Dialog$1 extends react.Component {
1632
1634
  this.setState({ open: true });
1633
1635
  }, 10);
1634
1636
  });
1635
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1637
+ this.props.document.addEventListener('keydown', this.handler, true);
1636
1638
  }
1637
1639
 
1638
1640
  componentWillUnmount() {
1639
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1641
+ this.props.document.removeEventListener('keydown', this.handler, true);
1640
1642
  }
1641
1643
 
1642
1644
  render() {
1643
1645
  const classNames = ['ReactDialog', this.state.open ? 'ReactDialogOpen' : ''];
1644
1646
  const style = ReactDialogStyle({ background: this.props.background });
1645
1647
  return (
1646
- react.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 54}}
1647
- , react.createElement('style', {__self: this, __source: {fileName: _jsxFileName$2, lineNumber: 55}}, style)
1648
- , react.createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 56}}
1649
- , react.createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 57}}
1650
- , react.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 58}} )
1648
+ react.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 56}}
1649
+ , react.createElement('style', {__self: this, __source: {fileName: _jsxFileName$2, lineNumber: 57}}, style)
1650
+ , react.createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 58}}
1651
+ , react.createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 59}}
1652
+ , react.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 60}} )
1651
1653
  , this.props.children
1652
1654
  )
1653
1655
  )
package/dist/esm/index.js CHANGED
@@ -1457,6 +1457,8 @@ class Dialog extends React.Component {
1457
1457
  constructor(props) {
1458
1458
  super(props);
1459
1459
 
1460
+ this.handler = this.onKeyDown.bind(this);
1461
+
1460
1462
  this.state = {
1461
1463
  open: true,
1462
1464
  };
@@ -1490,22 +1492,22 @@ class Dialog extends React.Component {
1490
1492
  this.setState({ open: true });
1491
1493
  }, 10);
1492
1494
  });
1493
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1495
+ this.props.document.addEventListener('keydown', this.handler, true);
1494
1496
  }
1495
1497
 
1496
1498
  componentWillUnmount() {
1497
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1499
+ this.props.document.removeEventListener('keydown', this.handler, true);
1498
1500
  }
1499
1501
 
1500
1502
  render() {
1501
1503
  const classNames = ['ReactDialog', this.state.open ? 'ReactDialogOpen' : ''];
1502
1504
  const style = ReactDialogStyle({ background: this.props.background });
1503
1505
  return (
1504
- React.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 54}}
1505
- , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 55}}, style)
1506
- , React.createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 56}}
1507
- , React.createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName, lineNumber: 57}}
1508
- , React.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 58}} )
1506
+ React.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 56}}
1507
+ , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 57}}, style)
1508
+ , React.createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 58}}
1509
+ , React.createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName, lineNumber: 59}}
1510
+ , React.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 60}} )
1509
1511
  , this.props.children
1510
1512
  )
1511
1513
  )
package/dist/umd/index.bundle.js CHANGED
@@ -1605,6 +1605,8 @@
1605
1605
  constructor(props) {
1606
1606
  super(props);
1607
1607
 
1608
+ this.handler = this.onKeyDown.bind(this);
1609
+
1608
1610
  this.state = {
1609
1611
  open: true,
1610
1612
  };
@@ -1638,22 +1640,22 @@
1638
1640
  this.setState({ open: true });
1639
1641
  }, 10);
1640
1642
  });
1641
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1643
+ this.props.document.addEventListener('keydown', this.handler, true);
1642
1644
  }
1643
1645
 
1644
1646
  componentWillUnmount() {
1645
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1647
+ this.props.document.removeEventListener('keydown', this.handler, true);
1646
1648
  }
1647
1649
 
1648
1650
  render() {
1649
1651
  const classNames = ['ReactDialog', this.state.open ? 'ReactDialogOpen' : ''];
1650
1652
  const style = ReactDialogStyle({ background: this.props.background });
1651
1653
  return (
1652
- react.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 54}}
1653
- , react.createElement('style', {__self: this, __source: {fileName: _jsxFileName$2, lineNumber: 55}}, style)
1654
- , react.createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 56}}
1655
- , react.createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 57}}
1656
- , react.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 58}} )
1654
+ react.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 56}}
1655
+ , react.createElement('style', {__self: this, __source: {fileName: _jsxFileName$2, lineNumber: 57}}, style)
1656
+ , react.createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 58}}
1657
+ , react.createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 59}}
1658
+ , react.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 60}} )
1657
1659
  , this.props.children
1658
1660
  )
1659
1661
  )
package/dist/umd/index.js CHANGED
@@ -1452,6 +1452,8 @@
1452
1452
  constructor(props) {
1453
1453
  super(props);
1454
1454
 
1455
+ this.handler = this.onKeyDown.bind(this);
1456
+
1455
1457
  this.state = {
1456
1458
  open: true,
1457
1459
  };
@@ -1485,22 +1487,22 @@
1485
1487
  this.setState({ open: true });
1486
1488
  }, 10);
1487
1489
  });
1488
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1490
+ this.props.document.addEventListener('keydown', this.handler, true);
1489
1491
  }
1490
1492
 
1491
1493
  componentWillUnmount() {
1492
- this.props.document.addEventListener('keydown', this.onKeyDown.bind(this), false);
1494
+ this.props.document.removeEventListener('keydown', this.handler, true);
1493
1495
  }
1494
1496
 
1495
1497
  render() {
1496
1498
  const classNames = ['ReactDialog', this.state.open ? 'ReactDialogOpen' : ''];
1497
1499
  const style = ReactDialogStyle({ background: this.props.background });
1498
1500
  return (
1499
- React__default["default"].createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 54}}
1500
- , React__default["default"].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 55}}, style)
1501
- , React__default["default"].createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 56}}
1502
- , React__default["default"].createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName, lineNumber: 57}}
1503
- , React__default["default"].createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 58}} )
1501
+ React__default["default"].createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 56}}
1502
+ , React__default["default"].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 57}}, style)
1503
+ , React__default["default"].createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 58}}
1504
+ , React__default["default"].createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName, lineNumber: 59}}
1505
+ , React__default["default"].createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 60}} )
1504
1506
  , this.props.children
1505
1507
  )
1506
1508
  )
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@depay/widgets",
3
3
  "moduleName": "DePayWidgets",
4
- "version": "6.12.0",
4
+ "version": "6.12.1",
5
5
  "description": "Web3 Payments with any token. DePay simplifies and improves Web3 Payments with the power of DeFi. Accept any token with on-the-fly conversion.",
6
6
  "main": "./dist/umd/index.js",
7
7
  "module": "./dist/esm/index.js",
@@ -34,7 +34,7 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@depay/local-currency": "^3.0.0",
37
- "@depay/react-dialog-stack": "^4.1.0",
37
+ "@depay/react-dialog-stack": "^4.1.1",
38
38
  "@depay/react-shadow-dom": "^4.0.0",
39
39
  "@depay/react-token-image": "^3.0.0",
40
40
  "@depay/walletconnect-v1": "^1.0.18",