@stokr/components-library 3.0.72-beta.7 → 3.0.72

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 (8) hide show
  1. package/dist/components/Payment/PaymentSuccessCard.js +1 -0
  2. package/dist/index.js +2 -1
  3. package/dist/static/images/currency/eur.svg +3 -2
  4. package/dist/static/images/currency/eur.svg.js +4 -0
  5. package/dist/static/images/currency/usd.svg +4 -0
  6. package/dist/static/images/currency/usd.svg.js +4 -0
  7. package/dist/utils/formatCurrencyValue.js +8 -0
  8. package/package.json +1 -1
package/dist/components/Payment/PaymentSuccessCard.js CHANGED
@@ -29,6 +29,7 @@ const TextBlock = styled.div`
29
29
  `;
30
30
  const Title = styled.h2`
31
31
  margin: 0;
32
+ font-family: 'Open Sans';
32
33
  font-size: 22px;
33
34
  font-weight: 800;
34
35
  line-height: 28px;
package/dist/index.js CHANGED
@@ -131,7 +131,7 @@ import { generateCoreChecklistTasks, getVerifyIdentityChecklist } from "./utils/
131
131
  import { CopyToClipBoardTooltip, copyTextToClipboard, useCopyToClipboard, withCopyToClipboard } from "./utils/copyToClipboard.js";
132
132
  import { cooldownHOC, useComponentVisible, useContainerSize, useCooldown, useMobileView, usePrevious } from "./utils/customHooks.js";
133
133
  import { fixDecimals, formatDisplayNumber } from "./utils/fix-decimals.js";
134
- import { CURRENCY_CONFIG, formatCurrencyValue, getCurrencyConfig, getCurrencyIcon, getCurrencySymbol, getLiquidAssetIcon, getProjectCurrencySign } from "./utils/formatCurrencyValue.js";
134
+ import { CURRENCY_CONFIG, formatAmountForDisplay, formatCurrencyValue, getCurrencyConfig, getCurrencyIcon, getCurrencySymbol, getLiquidAssetIcon, getProjectCurrencySign } from "./utils/formatCurrencyValue.js";
135
135
  import { isUSInvestor, usCountries } from "./utils/isUSInvestor.js";
136
136
  import { ENTROPY_MEDIUM, ENTROPY_WEAK, PASSWORD_MIN_LENGTH, PASSWORD_REQUIREMENTS_MESSAGE, getPasswordCriteria, getPasswordEntropy, isPasswordValid } from "./utils/password-validation.js";
137
137
  import { km_ify } from "./utils/km_ify.js";
@@ -614,6 +614,7 @@ export {
614
614
  flatten,
615
615
  default2 as fontFaces,
616
616
  format,
617
+ formatAmountForDisplay,
617
618
  formatCurrencyValue,
618
619
  formatDisplayNumber,
619
620
  generateCoreChecklistTasks,
package/dist/static/images/currency/eur.svg CHANGED
@@ -1,3 +1,4 @@
1
- <svg width="8" height="10" version="1.1" viewBox="0 0 8 10" xmlns="http://www.w3.org/2000/svg">
2
- <path transform="translate(0)" d="M3.45,5.385h3.1L6.375,6.538H3.45v.313a1.451,1.451,0,0,0,.412,1.166,2.523,2.523,0,0,0,1.563.349A15.75,15.75,0,0,0,7.75,8.149L8,9.712A11.974,11.974,0,0,1,5.35,10q-4.1,0-4.1-2.812V6.538H0V5.385H1.25V4.231H0V3.077H1.25V2.813Q1.25,0,5.35,0A11.974,11.974,0,0,1,8,.288L7.75,1.851a15.75,15.75,0,0,0-2.325-.216,2.53,2.53,0,0,0-1.55.349A1.273,1.273,0,0,0,3.45,3.029v.048H6.9L6.725,4.231H3.45Z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
2
+ <circle cx="16" cy="16" r="16" fill="#202020"/>
3
+ <text x="16" y="21.5" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="16" font-weight="700" fill="#ffffff">&#8364;</text>
3
4
  </svg>
package/dist/static/images/currency/eur.svg.js ADDED
@@ -0,0 +1,4 @@
1
+ const EURLogo = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzIwMjAyMCIvPgogIDx0ZXh0IHg9IjE2IiB5PSIyMS41IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iI2ZmZmZmZiI+JiM4MzY0OzwvdGV4dD4KPC9zdmc+Cg==";
2
+ export {
3
+ EURLogo as default
4
+ };
package/dist/static/images/currency/usd.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
2
+ <circle cx="16" cy="16" r="16" fill="#202020"/>
3
+ <text x="16" y="22" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="17" font-weight="700" fill="#ffffff">$</text>
4
+ </svg>
package/dist/static/images/currency/usd.svg.js ADDED
@@ -0,0 +1,4 @@
1
+ const USDLogo = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzIwMjAyMCIvPgogIDx0ZXh0IHg9IjE2IiB5PSIyMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IkFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTciIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNmZmZmZmYiPiQ8L3RleHQ+Cjwvc3ZnPgo=";
2
+ export {
3
+ USDLogo as default
4
+ };
package/dist/utils/formatCurrencyValue.js CHANGED
@@ -4,6 +4,8 @@ import BitcoinLogo from "../static/images/currency/bitcoin-logo.png.js";
4
4
  import BMN2Logo from "../static/images/currency/bmn2-logo.png.js";
5
5
  import ETHLogo from "../static/images/currency/eth_logo.svg.js";
6
6
  import USDTLogo from "../static/images/currency/usdt-logo.png.js";
7
+ import USDLogo from "../static/images/currency/usd.svg.js";
8
+ import EURLogo from "../static/images/currency/eur.svg.js";
7
9
  import { formatDisplayNumber } from "./fix-decimals.js";
8
10
  const CURRENCY_CONFIG = {
9
11
  tether: ["USDT", 2],
@@ -88,6 +90,12 @@ const getCurrencyIcon = (currency, customIcon) => {
88
90
  case "eth":
89
91
  case "eth-fb":
90
92
  return ETHLogo;
93
+ case "usd":
94
+ case "usd-in-kind":
95
+ return USDLogo;
96
+ case "euro":
97
+ case "eur":
98
+ return EURLogo;
91
99
  default:
92
100
  return null;
93
101
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokr/components-library",
3
- "version": "3.0.72-beta.7",
3
+ "version": "3.0.72",
4
4
  "description": "STOKR - Components Library",
5
5
  "author": "Bilal Hodzic <bilal@stokr.io>",
6
6
  "license": "MIT",