@stokr/components-library 2.3.65-beta.21 → 2.3.65-beta.23

package/dist/components/2FA/main-flow.js

@@ -80,6 +80,9 @@ const Main2FAFlow = _ref => {
     } catch (error) {
       if (error.code === 'auth/requires-recent-login' || error.code === 'auth/unsupported-first-factor') {
         setisLoginRequired(true);
+        if (isFlowopen.enable2fa && !isFlowopen.requiresRecentLogin) {
+          onRequiresRecentLoginErrorHandler();
+        }
       }
     }
   };

package/dist/components/Footer/FooterLayout.js

@@ -10,7 +10,7 @@ var _FooterMenu = _interopRequireDefault(require("./FooterMenu"));
 var _Newsletter = _interopRequireDefault(require("../Newsletter/Newsletter"));
 var _Footer = _interopRequireDefault(require("./Footer"));
 var _globalVariables = require("../../constants/globalVariables");
-const _excluded = ["withNewsLetter", "withFooterMenu", "color", "jobOpeningsNumber", "lemonWayLogo", "dropdownCollapsed"];
+const _excluded = ["withNewsLetter", "withFooterMenu", "color", "jobOpeningsNumber", "lemonWayLogo", "dropdownCollapsed", "footnotes", "footnotesTitle"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -22,13 +22,17 @@ function FooterLayout(_ref) {
       color = 'red',
       jobOpeningsNumber = 0,
       lemonWayLogo,
-      dropdownCollapsed
+      dropdownCollapsed,
+      footnotes,
+      footnotesTitle
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, withFooterMenu && /*#__PURE__*/_react.default.createElement(_FooterMenu.default, {
     groups: footerGroups,
     jobOpeningsNumber: jobOpeningsNumber,
-    dropdownCollapsed: dropdownCollapsed
+    dropdownCollapsed: dropdownCollapsed,
+    footnotes: footnotes,
+    footnotesTitle: footnotesTitle
   }), withNewsLetter && /*#__PURE__*/_react.default.createElement(_Newsletter.default, null), /*#__PURE__*/_react.default.createElement(_Footer.default, _extends({
     color: color,
     lemonwayLogo: lemonWayLogo
@@ -40,7 +44,12 @@ FooterLayout.propTypes = {
   color: _propTypes.default.oneOf(['primary', 'red']),
   jobOpeningsNumber: _propTypes.default.number,
   lemonwayLogo: _propTypes.default.string,
-  dropdownCollapsed: _propTypes.default.bool
+  dropdownCollapsed: _propTypes.default.bool,
+  footnotesTitle: _propTypes.default.string,
+  footnotes: _propTypes.default.arrayOf(_propTypes.default.shape({
+    number: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    description: _propTypes.default.string
+  }))
 };
 var _default = exports.default = FooterLayout;
 const footerGroups = exports.footerGroups = [{

package/dist/components/Footer/FooterMenu.js

@@ -78,9 +78,12 @@ const FooterMenu = _ref2 => {
   let {
     groups,
     jobOpeningsNumber = 0,
-    dropdownCollapsed
+    dropdownCollapsed,
+    footnotes,
+    footnotesTitle = 'Disclosures'
   } = _ref2;
   const isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
+  const hasFootnotes = Array.isArray(footnotes) && footnotes.length > 0;
 
   // "New to STOKR" needs to be open by default
   const [activeGroups, setactiveGroups] = _react.default.useState(() => {
@@ -137,10 +140,23 @@ const FooterMenu = _ref2 => {
     style: {
       marginLeft: '4px'
     }
-  }, jobOpeningsNumber))))))))));
+  }, jobOpeningsNumber))))))))), hasFootnotes && /*#__PURE__*/_react.default.createElement(_FooterMenu.Footnotes, null, /*#__PURE__*/_react.default.createElement(_FooterMenu.FootnotesText, null, footnotesTitle), footnotes.map((note, index) => {
+    var _note$number;
+    return /*#__PURE__*/_react.default.createElement(_FooterMenu.FootnotesItem, {
+      key: "".concat(note.number || index, "-").concat(note.description || 'note')
+    }, /*#__PURE__*/_react.default.createElement(_FooterMenu.FootnotesText, {
+      isNumber: true
+    }, (_note$number = note.number) !== null && _note$number !== void 0 ? _note$number : index + 1), /*#__PURE__*/_react.default.createElement(_FooterMenu.FootnotesText, null, note.description));
+  })));
 };
 FooterMenu.propTypes = {
   groups: _propTypes.default.arrayOf(Object).isRequired,
-  jobOpeningsNumber: _propTypes.default.number
+  jobOpeningsNumber: _propTypes.default.number,
+  dropdownCollapsed: _propTypes.default.bool,
+  footnotesTitle: _propTypes.default.string,
+  footnotes: _propTypes.default.arrayOf(_propTypes.default.shape({
+    number: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    description: _propTypes.default.string
+  }))
 };
 var _default = exports.default = FooterMenu;

package/dist/components/Footer/FooterMenu.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TitleContainer = exports.Title = exports.SocialLink = exports.Link = exports.Items = exports.Item = exports.HiringTotalNumber = exports.Groups = exports.Group = exports.Container = exports.ArrowDown = void 0;
+exports.TitleContainer = exports.Title = exports.SocialLink = exports.Link = exports.Items = exports.Item = exports.HiringTotalNumber = exports.Groups = exports.Group = exports.FootnotesText = exports.FootnotesItem = exports.Footnotes = exports.Container = exports.ArrowDown = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
@@ -54,4 +54,16 @@ const ArrowDown = exports.ArrowDown = _styledComponents.default.i.attrs({
 }).withConfig({
   displayName: "FooterMenustyles__ArrowDown",
   componentId: "sc-40ddqf-10"
-})(["&&&{top:50%;right:0;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}", ""], props => props.isOpened && "\n      transform: rotate(180deg);\n    ", props => !props.displayAlways && "\n  @media screen and (min-width: 992px) {\n    display: none;\n  }\n  ");
+})(["&&&{top:50%;right:0;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}", ""], props => props.isOpened && "\n      transform: rotate(180deg);\n    ", props => !props.displayAlways && "\n  @media screen and (min-width: 992px) {\n    display: none;\n  }\n  ");
+const Footnotes = exports.Footnotes = _styledComponents.default.div.withConfig({
+  displayName: "FooterMenustyles__Footnotes",
+  componentId: "sc-40ddqf-11"
+})(["padding:0px 48px 40px;display:flex;flex-direction:column;gap:6px;@media screen and (min-width:992px){padding:0px 65px 48px;}"]);
+const FootnotesText = exports.FootnotesText = _styledComponents.default.div.withConfig({
+  displayName: "FooterMenustyles__FootnotesText",
+  componentId: "sc-40ddqf-12"
+})(["font-family:'Open Sans';font-weight:300;font-size:11px;line-height:16px;letter-spacing:0.4px;color:", ";", ""], _theme.default.cBlack, props => props.isNumber && "\n      font-size: 9px;\n\n  ");
+const FootnotesItem = exports.FootnotesItem = _styledComponents.default.div.withConfig({
+  displayName: "FooterMenustyles__FootnotesItem",
+  componentId: "sc-40ddqf-13"
+})(["display:flex;gap:6px;"]);

package/dist/components/Modal/SideModal.js

@@ -30,15 +30,57 @@ const SideModal = _ref => {
   (0, _react.useEffect)(() => {
     // Disable scroll on background when modal is open
     if (isOpen) {
+      // Calculate scrollbar width before hiding it
+      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+
+      // Store current scroll position
+      const scrollY = window.scrollY;
+
+      // Apply styles to prevent layout shift
+      document.body.style.position = 'fixed';
+      document.body.style.top = "-".concat(scrollY, "px");
+      document.body.style.left = '0';
+      document.body.style.right = '0';
       document.body.style.overflow = 'hidden';
+      document.body.style.paddingRight = "".concat(scrollbarWidth, "px");
+
+      // Set CSS variable for fixed elements (like headers)
+      document.documentElement.style.setProperty('--scrollbar-compensation', "".concat(scrollbarWidth, "px"));
+
+      // Store scroll position for restoration
+      document.body.dataset.scrollY = scrollY;
+
       // Small delay to trigger animation
       setTimeout(() => setIsVisible(true), 10);
     } else {
-      document.body.style.overflow = 'unset';
+      // Restore scroll position
+      const scrollY = document.body.dataset.scrollY || '0';
+
+      // Reset all body styles
+      document.body.style.position = '';
+      document.body.style.top = '';
+      document.body.style.left = '';
+      document.body.style.right = '';
+      document.body.style.overflow = '';
+      document.body.style.paddingRight = '';
+
+      // Reset CSS variable
+      document.documentElement.style.setProperty('--scrollbar-compensation', '0px');
+
+      // Restore scroll position
+      window.scrollTo(0, parseInt(scrollY));
       setIsVisible(false);
     }
     return () => {
-      document.body.style.overflow = 'unset';
+      const scrollY = document.body.dataset.scrollY || '0';
+      document.body.style.position = '';
+      document.body.style.top = '';
+      document.body.style.left = '';
+      document.body.style.right = '';
+      document.body.style.overflow = '';
+      document.body.style.paddingRight = '';
+      document.documentElement.style.setProperty('--scrollbar-compensation', '0px');
+      window.scrollTo(0, parseInt(scrollY));
     };
   }, [isOpen]);
 

package/dist/components/Payment/PaymentDetailsCard.js

@@ -159,7 +159,7 @@ const PaymentDetailsCard = _ref2 => {
       }
       return /*#__PURE__*/_react.default.createElement(CurrencyLogo, {
         color: logoColor
-      }, currency ? currency.charAt(0).toUpperCase() : '?');
+      }, currency ? currency.charAt(0).toUpperCase() : '');
     };
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AmountSection, null, /*#__PURE__*/_react.default.createElement(AmountLabel, null, label), /*#__PURE__*/_react.default.createElement(AmountDisplay, null, renderCurrencyLogo(), /*#__PURE__*/_react.default.createElement(AmountValue, null, displayAmount))), showSeparators && /*#__PURE__*/_react.default.createElement(Separator, null));
   };

package/dist/utils/formatCurrencyValue.js

@@ -35,7 +35,8 @@ const formatCurrencyValue = function (currency, value) {
     bmn2: ['BMN2', 4],
     'btc-fb': ['BTC', 8],
     'usdc-fb': ['USDC', 2],
-    'usdq-fb': ['USDQ', 2]
+    'usdq-fb': ['USDQ', 2],
+    "xaut": ["XAUt", 6]
   }[currency] || [currency, tokenDecimals];
   const formattedValue = parseFloat(Math.abs(value)).toFixed(decimals);
   return valueFirst ? "".concat(formattedValue, " ").concat(symbol) : "".concat(symbol, " ").concat(formattedValue);
@@ -57,7 +58,8 @@ const getCurrencySymbol = currencySelected => ({
   bmn2: 'BMN2',
   'btc-fb': 'BTC',
   'usdc-fb': 'USDC',
-  'usdq-fb': 'USDQ'
+  'usdq-fb': 'USDQ',
+  'xaut': 'XAUt'
 })[currencySelected] || currencySelected;
 exports.getCurrencySymbol = getCurrencySymbol;
 const getProjectCurrencySign = tokenCurrency => {

package/package.json

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