@stokr/components-library 2.3.1 → 2.3.3

package/dist/components/Modal/Modal.styles.js

@@ -38,7 +38,7 @@ var Box = _styledComponents.default.div.withConfig({
   return props.kyc && "\n    width: 100vw;\n    height: 100vh;\n    max-width: 1024px!important;\n    max-height: 768px!important;\n  ";
 }, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    max-width: ", ";\n\n    ", "\n  "])), (0, _grid.default)(12), function (props) {
   return props.thin && "\n      max-width: ".concat((0, _grid.default)(8), ";\n    ");
-}), _rwd.default.XLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: ", ";\n\n    ", "\n  "])), (0, _grid.default)(10), function (props) {
+}), _rwd.default.XLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    //max-width: ", ";\n\n    ", "\n  "])), (0, _grid.default)(11), function (props) {
   return props.thin && "\n      max-width: ".concat((0, _grid.default)(8), ";\n    ");
 }), function (_ref) {
   var isRegisterEntity = _ref.isRegisterEntity;

package/dist/components/Modal/PaymentModal.js

@@ -18,7 +18,7 @@ var _formatCurrencyValue = require("../../utils/formatCurrencyValue");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _excluded = ["data", "user", "isModalOpen", "onModalClose", "onCTAClick", "isRedemption", "noCTA", "CTAText", "additionalInfoRight", "withTimer", "error", "secondsRemaining", "modalTitle", "txTextInRed", "sendTokenTextRight", "numberOfSecuritiesText"];
+var _excluded = ["data", "user", "isModalOpen", "onModalClose", "onCTAClick", "isRedemption", "noCTA", "CTAText", "additionalInfoRight", "withTimer", "error", "secondsRemaining", "modalTitle", "txTextInRed", "sendTokenTextRight", "numberOfSecuritiesText", "formatAmountInLink"];
 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; }
@@ -59,15 +59,24 @@ var PaymentModal = function PaymentModal(_ref) {
     sendTokenTextRight = _ref$sendTokenTextRig === void 0 ? /*#__PURE__*/_react.default.createElement("p", null, "Send your ", data === null || data === void 0 ? void 0 : data.tokenSymbolToSend, " to the treasury wallet below.") : _ref$sendTokenTextRig,
     _ref$numberOfSecuriti = _ref.numberOfSecuritiesText,
     numberOfSecuritiesText = _ref$numberOfSecuriti === void 0 ? 'Redeem securities' : _ref$numberOfSecuriti,
+    _ref$formatAmountInLi = _ref.formatAmountInLink,
+    formatAmountInLink = _ref$formatAmountInLi === void 0 ? true : _ref$formatAmountInLi,
     props = _objectWithoutProperties(_ref, _excluded);
   var projectData = data.projectData,
     tokenAmount = data.tokenAmount,
     tokenSymbolToSend = data.tokenSymbolToSend,
     tokenSymbol = data.tokenSymbol,
     createdAt = data.createdAt,
+    _data$tokenDecimals = data.tokenDecimals,
+    tokenDecimals = _data$tokenDecimals === void 0 ? 2 : _data$tokenDecimals,
     GAID = data.GAID,
     currencyType = data.currencyType;
-  var paymentlink = "liquidnetwork:".concat(projectData === null || projectData === void 0 ? void 0 : projectData.companyWallet, "?amount=").concat(tokenAmount, "&assetid=").concat(projectData === null || projectData === void 0 ? void 0 : projectData.secondaryAssetId);
+  var newTokenAmount = tokenAmount;
+  if (formatAmountInLink) {
+    //https://github.com/ElementsProject/elements/issues/805
+    newTokenAmount = (tokenAmount * Math.pow(10, tokenDecimals - 8)).toFixed(8);
+  }
+  var paymentlink = "liquidnetwork:".concat(projectData === null || projectData === void 0 ? void 0 : projectData.companyWallet, "?amount=").concat(newTokenAmount, "&assetid=").concat(projectData === null || projectData === void 0 ? void 0 : projectData.secondaryAssetId);
   var isKYCVerified = (user === null || user === void 0 ? void 0 : user.kyc_status) === 'Accepted';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isModalOpen,
@@ -75,7 +84,10 @@ var PaymentModal = function PaymentModal(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, modalTitle)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true
   }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-    part: 8
+    part: 8,
+    style: {
+      paddingRight: 20
+    }
   }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Request date:", ' ', /*#__PURE__*/_react.default.createElement("strong", null, (0, _momentTimezone.default)(createdAt).tz('Europe/Berlin').format('DD MMM YYYY - HH:mm z'))), /*#__PURE__*/_react.default.createElement("p", null, "Your securities: ", /*#__PURE__*/_react.default.createElement("strong", null, " ", tokenSymbol)), /*#__PURE__*/_react.default.createElement("p", null, "Your AMP wallet:", /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
     noHead: true,
     data: {

package/dist/components/Modal/PaymentModal.stories.js

@@ -36,15 +36,17 @@ exports.PaymentModalOpen = PaymentModalOpen;
 PaymentModalOpen.args = {
   //children: 'I am the Child Element',
   isModalOpen: true,
+  formatAmountInLink: true,
   data: {
     projectData: {
       companyWallet: 'something'
     },
+    tokeDecimals: 2,
     currencyAmount: 32,
-    tokenAmount: '34',
+    tokenAmount: '67',
     tokenPrice: '345',
     tokenSymbol: '$',
-    createdAt: '20.6.2024',
+    createdAt: Date.now(),
     GAID: 'some gaid',
     currencyType: 'lbtc'
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",