@stokr/components-library 2.3.65-beta.4 → 2.3.65-beta.6

package/dist/static/images/plus-icon.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 11.0827V2.91602" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.91797 7H11.0846" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/static/images/transfer-icon.svg

@@ -0,0 +1,10 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5576_18558)">
+<path d="M4.10179 5.87885C4.29705 6.07415 4.29705 6.3907 4.10179 6.586L3.18757 7.5002H7.99822C8.27437 7.5002 8.49822 7.72404 8.49822 8.00019C8.49822 8.27634 8.27437 8.5002 7.99822 8.5002H3.18757L4.10179 9.41439C4.29705 9.60964 4.29705 9.92625 4.10179 10.1215C3.90653 10.3168 3.58994 10.3168 3.39468 10.1215L1.62691 8.35374C1.43165 8.15849 1.43165 7.84189 1.62691 7.64665L3.39468 5.87885C3.58994 5.6836 3.90653 5.6836 4.10179 5.87885ZM7.89462 1.87887C8.0749 1.69863 8.35849 1.68476 8.55462 1.83728L8.60172 1.87887L10.3695 3.64664C10.5498 3.82688 10.5636 4.11049 10.4111 4.30664L10.3695 4.35375L8.60172 6.1215C8.40647 6.3168 8.08992 6.3168 7.89462 6.1215C7.71439 5.94126 7.70052 5.65763 7.85303 5.4615L7.89462 5.4144L8.80887 4.50019H3.99817C3.72203 4.50019 3.49817 4.27633 3.49817 4.00019C3.49817 3.74377 3.69119 3.53244 3.93986 3.50355L3.99817 3.50019H8.80887L7.89462 2.58598C7.69937 2.39072 7.69937 2.07413 7.89462 1.87887Z" fill="#3D9626"/>
+</g>
+<defs>
+<clipPath id="clip0_5576_18558">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/utils/formatCurrencyValue.js

@@ -3,9 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getProjectCurrencySign = exports.getCurrencySymbol = exports.formatCurrencyValue = void 0;
+exports.getProjectCurrencySign = exports.getLiquidAssetIcon = exports.getCurrencySymbol = exports.getCurrencyIcon = exports.formatCurrencyValue = void 0;
+var _usdcLogo = _interopRequireDefault(require("../static/images/usdc-logo.svg"));
+var _usdqLogo = _interopRequireDefault(require("../static/images/usdq-logo.png"));
+var _bitcoinLogo = _interopRequireDefault(require("../static/images/bitcoin-logo.svg"));
+var _bmn2Logo = _interopRequireDefault(require("../static/images/bmn2-logo.svg"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const formatCurrencyValue = function (currency, value) {
   let tokenDecimals = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  const {
+    valueFirst = false
+  } = options;
   const [symbol, decimals] = {
     tether: ['USDT', 2],
     gemini: ['GUSD', 2],
@@ -27,7 +36,8 @@ const formatCurrencyValue = function (currency, value) {
     'usdc-fb': ['USDC', 2],
     'usdq-fb': ['USDQ', 2]
   }[currency] || [currency, tokenDecimals];
-  return "".concat(symbol, " ").concat(parseFloat(Math.abs(value)).toFixed(decimals));
+  const formattedValue = parseFloat(Math.abs(value)).toFixed(decimals);
+  return valueFirst ? "".concat(formattedValue, " ").concat(symbol) : "".concat(symbol, " ").concat(formattedValue);
 };
 exports.formatCurrencyValue = formatCurrencyValue;
 const getCurrencySymbol = currencySelected => ({
@@ -51,4 +61,34 @@ exports.getCurrencySymbol = getCurrencySymbol;
 const getProjectCurrencySign = tokenCurrency => {
   return tokenCurrency === 'EUR' ? '€' : tokenCurrency === 'USD' ? '$' : tokenCurrency === 'BTC' ? '₿' : '';
 };
-exports.getProjectCurrencySign = getProjectCurrencySign;
+exports.getProjectCurrencySign = getProjectCurrencySign;
+const getCurrencyIcon = (currency, customIcon) => {
+  if (customIcon) return customIcon;
+  if (!currency) return null;
+  switch (currency.toLowerCase()) {
+    case 'btc':
+    case 'bitcoin':
+      return _bitcoinLogo.default;
+    case 'usdc':
+      return _usdcLogo.default;
+    case 'usdq':
+      return _usdqLogo.default;
+    case 'bmn2':
+      return _bmn2Logo.default;
+    default:
+      return null;
+  }
+};
+
+//uses secondary asset id to get liquid icon
+exports.getCurrencyIcon = getCurrencyIcon;
+const getLiquidAssetIcon = async assetId => {
+  const url = "https://liquid.network/api/v1/asset/".concat(assetId, "/icon");
+  return new Promise(resolve => {
+    const img = new Image();
+    img.onload = () => resolve(url);
+    img.onerror = () => resolve(null);
+    img.src = url;
+  });
+};
+exports.getLiquidAssetIcon = getLiquidAssetIcon;

package/package.json

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