@wise/art 2.24.0 → 2.24.2

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 (87) hide show
  1. package/dist/{CheckMark-Cy6Z45Hs.esm.js → CheckMark-BWxD_U2N.esm.js} +3 -3
  2. package/dist/{CheckMark-Cy6Z45Hs.esm.js.map → CheckMark-BWxD_U2N.esm.js.map} +1 -1
  3. package/dist/{CheckMark-B9DUdB-C.js → CheckMark-DEtrn3QF.js} +3 -3
  4. package/dist/{CheckMark-B9DUdB-C.js.map → CheckMark-DEtrn3QF.js.map} +1 -1
  5. package/dist/{Confetti-f76FSfET.js → Confetti-CGVcmPIg.js} +3 -3
  6. package/dist/{Confetti-f76FSfET.js.map → Confetti-CGVcmPIg.js.map} +1 -1
  7. package/dist/{Confetti-BIQYlh0Y.esm.js → Confetti-DevgoBC6.esm.js} +3 -3
  8. package/dist/{Confetti-BIQYlh0Y.esm.js.map → Confetti-DevgoBC6.esm.js.map} +1 -1
  9. package/dist/{Flower-tTE05s4A.js → Flower-BGGbP6Y4.js} +3 -3
  10. package/dist/{Flower-tTE05s4A.js.map → Flower-BGGbP6Y4.js.map} +1 -1
  11. package/dist/{Flower--as2dpnv.esm.js → Flower-D29e7aiu.esm.js} +3 -3
  12. package/dist/{Flower--as2dpnv.esm.js.map → Flower-D29e7aiu.esm.js.map} +1 -1
  13. package/dist/{Globe-CfUyNrkK.esm.js → Globe-CNdxa-uI.esm.js} +3 -3
  14. package/dist/{Globe-CfUyNrkK.esm.js.map → Globe-CNdxa-uI.esm.js.map} +1 -1
  15. package/dist/{Globe-DBGK0J-9.js → Globe-v5OR70rp.js} +3 -3
  16. package/dist/{Globe-DBGK0J-9.js.map → Globe-v5OR70rp.js.map} +1 -1
  17. package/dist/{Graph-Cspo54LV.js → Graph-B-2HkWT8.js} +3 -3
  18. package/dist/{Graph-Cspo54LV.js.map → Graph-B-2HkWT8.js.map} +1 -1
  19. package/dist/{Graph-DQrhkZMC.esm.js → Graph-D19ehnWf.esm.js} +3 -3
  20. package/dist/{Graph-DQrhkZMC.esm.js.map → Graph-D19ehnWf.esm.js.map} +1 -1
  21. package/dist/{Interest-AVvsrQVD.js → Interest-CmJDt_oj.js} +3 -3
  22. package/dist/{Interest-AVvsrQVD.js.map → Interest-CmJDt_oj.js.map} +1 -1
  23. package/dist/{Interest-D5pyUrEh.esm.js → Interest-hAw0VQDf.esm.js} +3 -3
  24. package/dist/{Interest-D5pyUrEh.esm.js.map → Interest-hAw0VQDf.esm.js.map} +1 -1
  25. package/dist/{Jars-2PpusaVV.js → Jars-BP54y8Bu.js} +3 -3
  26. package/dist/{Jars-2PpusaVV.js.map → Jars-BP54y8Bu.js.map} +1 -1
  27. package/dist/{Jars-BymrFeRN.esm.js → Jars-CUS_raKO.esm.js} +3 -3
  28. package/dist/{Jars-BymrFeRN.esm.js.map → Jars-CUS_raKO.esm.js.map} +1 -1
  29. package/dist/{Lock-BOE3ddpP.js → Lock-BsMDOVEh.js} +3 -3
  30. package/dist/{Lock-BOE3ddpP.js.map → Lock-BsMDOVEh.js.map} +1 -1
  31. package/dist/{Lock-826UWeNb.esm.js → Lock-DRfK_E_B.esm.js} +3 -3
  32. package/dist/{Lock-826UWeNb.esm.js.map → Lock-DRfK_E_B.esm.js.map} +1 -1
  33. package/dist/{MagnifyingGlass-ge5pqNO3.esm.js → MagnifyingGlass-by48kd6C.esm.js} +3 -3
  34. package/dist/{MagnifyingGlass-ge5pqNO3.esm.js.map → MagnifyingGlass-by48kd6C.esm.js.map} +1 -1
  35. package/dist/{MagnifyingGlass-Be08FIcl.js → MagnifyingGlass-u5AnVWRM.js} +3 -3
  36. package/dist/{MagnifyingGlass-Be08FIcl.js.map → MagnifyingGlass-u5AnVWRM.js.map} +1 -1
  37. package/dist/{Marble-DVif4bYk.js → Marble-Bm8Ckehu.js} +3 -3
  38. package/dist/{Marble-DVif4bYk.js.map → Marble-Bm8Ckehu.js.map} +1 -1
  39. package/dist/{Marble-BaS-Fcvw.esm.js → Marble-NO9ncub1.esm.js} +3 -3
  40. package/dist/{Marble-BaS-Fcvw.esm.js.map → Marble-NO9ncub1.esm.js.map} +1 -1
  41. package/dist/{MarbleCard-BxnjYr9z.esm.js → MarbleCard-D-433Ibe.esm.js} +3 -3
  42. package/dist/{MarbleCard-BxnjYr9z.esm.js.map → MarbleCard-D-433Ibe.esm.js.map} +1 -1
  43. package/dist/{MarbleCard-BHdYKIbl.js → MarbleCard-DbnN8Bu7.js} +3 -3
  44. package/dist/{MarbleCard-BHdYKIbl.js.map → MarbleCard-DbnN8Bu7.js.map} +1 -1
  45. package/dist/{MultiCurrency-Dh9wxNx7.esm.js → MultiCurrency-DYgrzMXU.esm.js} +3 -3
  46. package/dist/{MultiCurrency-Dh9wxNx7.esm.js.map → MultiCurrency-DYgrzMXU.esm.js.map} +1 -1
  47. package/dist/{MultiCurrency-C46jEugZ.js → MultiCurrency-MzKkPd3P.js} +3 -3
  48. package/dist/{MultiCurrency-C46jEugZ.js.map → MultiCurrency-MzKkPd3P.js.map} +1 -1
  49. package/dist/{Plane-EW-Xx3ot.esm.js → Plane-B78JJLZv.esm.js} +3 -3
  50. package/dist/{Plane-EW-Xx3ot.esm.js.map → Plane-B78JJLZv.esm.js.map} +1 -1
  51. package/dist/{Plane-B6VdH1ku.js → Plane-CK-P4uUK.js} +3 -3
  52. package/dist/{Plane-B6VdH1ku.js.map → Plane-CK-P4uUK.js.map} +1 -1
  53. package/dist/{Scene-P9jWpTgR.esm.js → Scene-B9kCpG54.esm.js} +3 -3
  54. package/dist/{Scene-P9jWpTgR.esm.js.map → Scene-B9kCpG54.esm.js.map} +1 -1
  55. package/dist/{Scene-BNlIInVE.js → Scene-vvWcBzpK.js} +5 -5
  56. package/dist/{Scene-BNlIInVE.js.map → Scene-vvWcBzpK.js.map} +1 -1
  57. package/dist/common-DBpCdW70.esm.js +14 -0
  58. package/dist/common-DBpCdW70.esm.js.map +1 -0
  59. package/dist/common-H4L6Hbbh.js +16 -0
  60. package/dist/common-H4L6Hbbh.js.map +1 -0
  61. package/dist/{index-h9UT10zu.js → index-BMneuETC.js} +25 -82
  62. package/dist/index-BMneuETC.js.map +1 -0
  63. package/dist/{index-B7-sseXz.esm.js → index-CNsYMQ0g.esm.js} +18 -69
  64. package/dist/index-CNsYMQ0g.esm.js.map +1 -0
  65. package/dist/index.d.ts +0 -2
  66. package/dist/index.d.ts.map +1 -1
  67. package/dist/index.esm.js +2 -2
  68. package/dist/index.js +4 -5
  69. package/dist/index.js.map +1 -1
  70. package/dist/{illustrations3d → rive}/RiveIllustration.d.ts +4 -2
  71. package/dist/rive/RiveIllustration.d.ts.map +1 -0
  72. package/dist/rive/index.d.ts +3 -0
  73. package/dist/rive/index.d.ts.map +1 -0
  74. package/dist/rive/index.esm.js +47 -0
  75. package/dist/rive/index.esm.js.map +1 -0
  76. package/dist/rive/index.js +53 -0
  77. package/dist/rive/index.js.map +1 -0
  78. package/package.json +15 -1
  79. package/src/index.css +1 -1
  80. package/src/index.ts +0 -3
  81. package/src/{illustrations3d → rive}/RiveIllustration.tsx +4 -2
  82. package/src/rive/index.ts +2 -0
  83. package/dist/illustrations3d/RiveIllustration.d.ts.map +0 -1
  84. package/dist/index-B7-sseXz.esm.js.map +0 -1
  85. package/dist/index-h9UT10zu.js.map +0 -1
  86. /package/src/{illustrations3d → rive}/RiveIllustration.css +0 -0
  87. /package/src/{illustrations3d → rive}/RiveIllustration.stories.tsx +0 -0
@@ -3,11 +3,7 @@
3
3
  var clsx = require('clsx');
4
4
  var react = require('react');
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var reactCanvasLite = require('@rive-app/react-canvas-lite');
7
-
8
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
-
10
- var clsx__default = /*#__PURE__*/_interopDefault(clsx);
6
+ var common = require('./common-H4L6Hbbh.js');
11
7
 
12
8
  const unknownFlagName = 'wise';
13
9
  const Flag = ({
@@ -35,22 +31,10 @@ const Flag = ({
35
31
  });
36
32
  };
37
33
 
38
- exports.Sizes = void 0;
39
- (function (Sizes) {
40
- Sizes["SMALL"] = "small";
41
- Sizes["MEDIUM"] = "medium";
42
- Sizes["LARGE"] = "large";
43
- })(exports.Sizes || (exports.Sizes = {}));
44
- const ImageSizes = {
45
- [exports.Sizes.SMALL]: 200,
46
- [exports.Sizes.MEDIUM]: 300,
47
- [exports.Sizes.LARGE]: 500
48
- };
49
-
50
34
  const imageSizes = {
51
- [exports.Sizes.SMALL]: 200,
52
- [exports.Sizes.MEDIUM]: 300,
53
- [exports.Sizes.LARGE]: 500
35
+ [common.Sizes.SMALL]: 200,
36
+ [common.Sizes.MEDIUM]: 300,
37
+ [common.Sizes.LARGE]: 500
54
38
  };
55
39
  const Illustration = /*#__PURE__*/react.forwardRef(({
56
40
  id,
@@ -58,21 +42,21 @@ const Illustration = /*#__PURE__*/react.forwardRef(({
58
42
  alt = '',
59
43
  loading = 'eager',
60
44
  className,
61
- size = exports.Sizes.MEDIUM,
45
+ size = common.Sizes.MEDIUM,
62
46
  disablePadding = false
63
47
  }, ref) => {
64
48
  const {
65
49
  SMALL,
66
50
  MEDIUM
67
- } = exports.Sizes;
51
+ } = common.Sizes;
68
52
  return name ? /*#__PURE__*/jsxRuntime.jsxs("picture", {
69
- children: [size === exports.Sizes.LARGE || size === exports.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
53
+ children: [size === common.Sizes.LARGE || size === common.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
70
54
  children: [/*#__PURE__*/jsxRuntime.jsx("source", {
71
55
  width: imageSizes[SMALL],
72
56
  height: imageSizes[SMALL],
73
57
  media: "(max-width: 575px)",
74
58
  srcSet: `${defineSrc$1(name, SMALL, '1x')}, ${defineSrc$1(name, SMALL, '2x')} 2x`
75
- }), size !== exports.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsx("source", {
59
+ }), size !== common.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsx("source", {
76
60
  width: imageSizes[MEDIUM],
77
61
  height: imageSizes[MEDIUM],
78
62
  media: "(max-width: 992px)",
@@ -236,7 +220,7 @@ var RenderMode;
236
220
  })(RenderMode || (RenderMode = {}));
237
221
  const Illustration3D = ({
238
222
  name,
239
- size = exports.Sizes.MEDIUM,
223
+ size = common.Sizes.MEDIUM,
240
224
  className
241
225
  }) => {
242
226
  const [renderMode, setRenderMode] = react.useState(RenderMode.INIT);
@@ -246,7 +230,7 @@ const Illustration3D = ({
246
230
  setRenderMode(isConnectionSlow() || isBatteryLow(batteryData.level) ? RenderMode.FALLBACK : RenderMode.ASSET_3D);
247
231
  const isMobile = (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
248
232
  if (isMobile) {
249
- setInintrinsicSize(exports.Sizes.SMALL);
233
+ setInintrinsicSize(common.Sizes.SMALL);
250
234
  }
251
235
  }, [batteryData]);
252
236
  return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -271,71 +255,71 @@ function getModel({
271
255
  }) {
272
256
  // @ts-expect-error unknown generic
273
257
  let Model = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
274
- const Scene = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Scene-BNlIInVE.js'); }));
258
+ const Scene = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Scene-vvWcBzpK.js'); }));
275
259
  switch (name) {
276
260
  case exports.Assets.LOCK:
277
261
  {
278
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Lock-BOE3ddpP.js'); }));
262
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Lock-BsMDOVEh.js'); }));
279
263
  break;
280
264
  }
281
265
  case exports.Assets.GLOBE:
282
266
  {
283
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Globe-DBGK0J-9.js'); }));
267
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Globe-v5OR70rp.js'); }));
284
268
  break;
285
269
  }
286
270
  case exports.Assets.CONFETTI:
287
271
  {
288
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Confetti-f76FSfET.js'); }));
272
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Confetti-CGVcmPIg.js'); }));
289
273
  break;
290
274
  }
291
275
  case exports.Assets.CHECK_MARK:
292
276
  {
293
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./CheckMark-B9DUdB-C.js'); }));
277
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./CheckMark-DEtrn3QF.js'); }));
294
278
  break;
295
279
  }
296
280
  case exports.Assets.FLOWER:
297
281
  {
298
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Flower-tTE05s4A.js'); }));
282
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Flower-BGGbP6Y4.js'); }));
299
283
  break;
300
284
  }
301
285
  case exports.Assets.PLANE:
302
286
  {
303
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Plane-B6VdH1ku.js'); }));
287
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Plane-CK-P4uUK.js'); }));
304
288
  break;
305
289
  }
306
290
  case exports.Assets.GRAPH:
307
291
  {
308
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Graph-Cspo54LV.js'); }));
292
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Graph-B-2HkWT8.js'); }));
309
293
  break;
310
294
  }
311
295
  case exports.Assets.MARBLE:
312
296
  {
313
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Marble-DVif4bYk.js'); }));
297
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Marble-Bm8Ckehu.js'); }));
314
298
  break;
315
299
  }
316
300
  case exports.Assets.MARBLE_CARD:
317
301
  {
318
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MarbleCard-BHdYKIbl.js'); }));
302
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MarbleCard-DbnN8Bu7.js'); }));
319
303
  break;
320
304
  }
321
305
  case exports.Assets.MAGNIFYING_GLASS:
322
306
  {
323
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MagnifyingGlass-Be08FIcl.js'); }));
307
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MagnifyingGlass-u5AnVWRM.js'); }));
324
308
  break;
325
309
  }
326
310
  case exports.Assets.JARS:
327
311
  {
328
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Jars-2PpusaVV.js'); }));
312
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Jars-BP54y8Bu.js'); }));
329
313
  break;
330
314
  }
331
315
  case exports.Assets.MULTI_CURRENCY:
332
316
  {
333
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MultiCurrency-C46jEugZ.js'); }));
317
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MultiCurrency-MzKkPd3P.js'); }));
334
318
  break;
335
319
  }
336
320
  case exports.Assets.INTEREST:
337
321
  {
338
- Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Interest-AVvsrQVD.js'); }));
322
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Interest-CmJDt_oj.js'); }));
339
323
  break;
340
324
  }
341
325
  }
@@ -346,50 +330,9 @@ function getModel({
346
330
  });
347
331
  }
348
332
 
349
- const Rive = ({
350
- src,
351
- animationNames
352
- }) => {
353
- const {
354
- RiveComponent
355
- } = reactCanvasLite.useRive({
356
- src,
357
- animations: animationNames,
358
- autoplay: true
359
- });
360
- return /*#__PURE__*/jsxRuntime.jsx(RiveComponent, {});
361
- };
362
- const RiveIllustrationExperimental = ({
363
- name,
364
- size: sizeProp = exports.Sizes.MEDIUM,
365
- className
366
- }) => {
367
- const [size, setSize] = react.useState(sizeProp);
368
- react.useEffect(() => {
369
- const isMobile = (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
370
- if (isMobile) {
371
- setSize(exports.Sizes.SMALL);
372
- }
373
- }, []);
374
- return /*#__PURE__*/jsxRuntime.jsx("div", {
375
- className: clsx__default.default(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
376
- children: (() => {
377
- if (name === 'document-scan') {
378
- return /*#__PURE__*/jsxRuntime.jsx(Rive, {
379
- src: "https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv",
380
- animationNames: ["Scan Line Appearing", "Scan Line Moving"]
381
- });
382
- }
383
- return null;
384
- })()
385
- });
386
- };
387
-
388
333
  exports.Flag = Flag;
389
334
  exports.Illustration = Illustration;
390
335
  exports.Illustration3D = Illustration3D;
391
- exports.ImageSizes = ImageSizes;
392
- exports.RiveIllustrationExperimental = RiveIllustrationExperimental;
393
336
  exports.defineSrc = defineSrc;
394
337
  exports.isIllustrationSupport3D = isIllustrationSupport3D;
395
- //# sourceMappingURL=index-h9UT10zu.js.map
338
+ //# sourceMappingURL=index-BMneuETC.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-BMneuETC.js","sources":["../src/flags/Flag.tsx","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3D.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useState } from 'react';\n\nexport interface FlagProps {\n /**\n * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).\n */\n code: string;\n\n /**\n * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.\n */\n intrinsicSize?: number;\n className?: string;\n loading?: 'lazy' | 'eager';\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({\n code,\n intrinsicSize = 64,\n className = undefined,\n loading = 'lazy',\n}: FlagProps) => {\n const [fallback, setFallback] = useState<'simple' | 'unknown' | null>(null);\n useEffect(() => {\n setFallback(null);\n }, [code]);\n\n const detailed = intrinsicSize >= 150;\n const name =\n fallback !== 'unknown'\n ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}`\n : unknownFlagName;\n\n return (\n <img\n className={clsx('wds-flag', `wds-flag-${name}`, className)}\n src={\n process.env.NODE_ENV === 'web-art-dev'\n ? `${name}.svg`\n : `https://wise.com/web-art/assets/flags/${name}.svg`\n }\n loading={loading}\n alt=\"\"\n width={intrinsicSize}\n height={intrinsicSize}\n onError={() => {\n setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n }}\n />\n );\n};\n","import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport {\n type LargeSize,\n type MediumSize,\n type SmallSize,\n type Descriptors,\n Sizes,\n} from './../common';\nimport type { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;\n\nexport type IllustrationSizes = LargeSize | MediumSize | SmallSize;\n\nexport type Props = {\n name: IllustrationNames;\n alt?: string;\n size?: IllustrationSizes;\n loading?: 'eager' | 'lazy';\n disablePadding?: boolean;\n} & ImgProps;\n\nconst imageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n (\n {\n id,\n name,\n alt = '',\n loading = 'eager',\n className,\n size = Sizes.MEDIUM,\n disablePadding = false,\n }: Props,\n ref,\n ) => {\n const { SMALL, MEDIUM } = Sizes;\n\n return name ? (\n <picture>\n {size === Sizes.LARGE || size === Sizes.MEDIUM ? (\n <>\n <source\n width={imageSizes[SMALL]}\n height={imageSizes[SMALL]}\n media=\"(max-width: 575px)\"\n srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n />\n {size !== Sizes.MEDIUM ? (\n <source\n width={imageSizes[MEDIUM]}\n height={imageSizes[MEDIUM]}\n media=\"(max-width: 992px)\"\n srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n />\n ) : null}\n </>\n ) : null}\n\n <img\n id={id}\n ref={ref}\n alt={alt}\n data-testid={`wds-${name}-illustration`}\n className={clsx(\n 'wds-illustration',\n `wds-illustration-${name}`,\n { 'wds-illustration-padding': !disablePadding },\n className,\n )}\n loading={loading}\n src={defineSrc(name, size, '1x')}\n srcSet={`${defineSrc(name, size, '2x')} 2x`}\n width={imageSizes[size]}\n height={imageSizes[size]}\n />\n </picture>\n ) : null;\n },\n);\n\nfunction defineSrc(illustration: string, size: IllustrationSizes, descriptor: Descriptors) {\n return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/*\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n \n \n export enum Assets {\n WALLET = 'wallet',TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',TOOL = 'tool',TARGET_PLATFORM = 'target-platform',STOPWATCH_PLATFORM = 'stopwatch-platform',SPEECH_BUBBLE = 'speech-bubble',SKIP_AUTHENTICATION = 'skip-authentication',SHOPPING_BAG = 'shopping-bag',SATELLITE_PLATFORM = 'satellite-platform',SAND_TIMER = 'sand-timer',REMINDER_LETTER = 'reminder-letter',RECEIVE = 'receive',QUESTION_MARK = 'question-mark',PUZZLE_PIECES = 'puzzle-pieces',PLANE_2 = 'plane-2',PLANE = 'plane',PIE_CHART = 'pie-chart',PHONES = 'phones',PERSONAL_CARD = 'personal-card',PERCENTAGE = 'percentage',PALM_TREE = 'palm-tree',ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',MULTI_CURRENCY = 'multi-currency',MEGAPHONE = 'megaphone',MARBLE_CARD_FLAG_ONLY = 'marble-card-flag-only',MARBLE_CARD_BUSINESS_FLAG_ONLY = 'marble-card-business-flag-only',MARBLE_CARD_BUSINESS = 'marble-card-business',MARBLE_CARD = 'marble-card',MARBLE = 'marble',MAP = 'map',MAGNIFYING_GLASS = 'magnifying-glass',LOCK_PLATFORM = 'lock-platform',LOCK = 'lock',LIGHT_BULB = 'light-bulb',KEY = 'key',JARS = 'jars',INVITE_LETTER = 'invite-letter',INTEREST = 'interest',INFINITE = 'infinite',ID_CARD = 'id-card',HOUSE = 'house',HEART_5 = 'heart-5',HEART_4 = 'heart-4',HEART_3 = 'heart-3',HEART_2 = 'heart-2',HEART = 'heart',GRAPH = 'graph',GLOBE = 'globe',GEAR = 'gear',FLOWER = 'flower',FLAG = 'flag',EXCLAMATION_MARK = 'exclamation-mark',EMAIL_SUCCESS = 'email-success',EMAIL = 'email',ELECTRIC_PLUG = 'electric-plug',ECO_CARD = 'eco-card',DOOR = 'door',DOCUMENTS = 'documents',DIGITAL_CARD_2 = 'digital-card-2',DIGITAL_CARD = 'digital-card',COOKIE = 'cookie',CONVERT = 'convert',CONSTRUCTION_FENCE = 'construction-fence',CONFETTI = 'confetti',COIN_PILE_UP = 'coin-pile-up',COIN_PILE_DOWN = 'coin-pile-down',CLOSED_WINDOW = 'closed-window',CHECK_MARK = 'check-mark',CALENDAR = 'calendar',BUSINESS_CARD = 'business-card',BRIEFCASE = 'briefcase',BELL = 'bell',BACKPACK = 'backpack'\n }\n \n export type IllustrationNames = 'wallet' | 'two-invite-letters-opened' | 'tool' | 'target-platform' | 'stopwatch-platform' | 'speech-bubble' | 'skip-authentication' | 'shopping-bag' | 'satellite-platform' | 'sand-timer' | 'reminder-letter' | 'receive' | 'question-mark' | 'puzzle-pieces' | 'plane-2' | 'plane' | 'pie-chart' | 'phones' | 'personal-card' | 'percentage' | 'palm-tree' | 'one-invite-letter-opened' | 'multi-currency' | 'megaphone' | 'marble-card-flag-only' | 'marble-card-business-flag-only' | 'marble-card-business' | 'marble-card' | 'marble' | 'map' | 'magnifying-glass' | 'lock-platform' | 'lock' | 'light-bulb' | 'key' | 'jars' | 'invite-letter' | 'interest' | 'infinite' | 'id-card' | 'house' | 'heart-5' | 'heart-4' | 'heart-3' | 'heart-2' | 'heart' | 'graph' | 'globe' | 'gear' | 'flower' | 'flag' | 'exclamation-mark' | 'email-success' | 'email' | 'electric-plug' | 'eco-card' | 'door' | 'documents' | 'digital-card-2' | 'digital-card' | 'cookie' | 'convert' | 'construction-fence' | 'confetti' | 'coin-pile-up' | 'coin-pile-down' | 'closed-window' | 'check-mark' | 'calendar' | 'business-card' | 'briefcase' | 'bell' | 'backpack'","import { useState, useEffect } from 'react';\n\nimport type { IllustrationNames } from '../illustrations/metadata';\n\nexport function useBattery() {\n const [batteryData, setBatteryData] = useState<{ level: number }>({ level: 1.0 });\n\n useEffect(() => {\n const getBatteryData = async () => {\n // @ts-expect-error .getBattery exists in Navigator interface\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n const battery = await navigator.getBattery();\n\n setBatteryData({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n level: battery?.level,\n });\n };\n // Check if the browser supports the Battery API\n if (\n 'getBattery' in navigator &&\n navigator.getBattery !== undefined &&\n typeof navigator.getBattery === 'function'\n ) {\n void getBatteryData();\n }\n }, []);\n\n return batteryData;\n}\n\nexport function isBatteryLow(batteryLevel: number): boolean {\n return batteryLevel < 0.2;\n}\n\nexport function isConnectionSlow(): boolean {\n // @ts-expect-error .connection prop exists in Navigator interface\n const { connection } = window.navigator;\n if (connection === undefined) {\n return false;\n }\n return (\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n // @ts-expect-error Property 'connection' does exist on type 'Navigator'\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n navigator?.connection?.saveData === true\n );\n}\n\nexport function defineSrc(asset: string): string {\n return `https://wise.com/web-art/assets/illustrations3d/${asset}`;\n}\n\nconst illustration3DNames = [\n 'lock',\n 'globe',\n 'confetti',\n 'check-mark',\n 'flower',\n 'graph',\n 'jars',\n 'magnifying-glass',\n 'marble',\n 'marble-card',\n 'multi-currency',\n 'plane',\n 'interest',\n];\n\nexport function isIllustrationSupport3D(asset: IllustrationNames): boolean {\n return illustration3DNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\nimport { clsx } from 'clsx';\nimport { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\nimport Illustration, { Assets } from '../illustrations';\n\nimport { useBattery, isConnectionSlow, isBatteryLow } from './utils';\n\nexport type Illustration3DNames =\n | 'lock'\n | 'globe'\n | 'confetti'\n | 'check-mark'\n | 'flower'\n | 'graph'\n | 'jars'\n | 'magnifying-glass'\n | 'marble'\n | 'marble-card'\n | 'multi-currency'\n | 'plane'\n | 'interest';\n\nexport type Props = {\n name: Illustration3DNames;\n size?: SmallSize | MediumSize | LargeSize;\n className?: string;\n};\n\nenum RenderMode {\n INIT,\n FALLBACK,\n ASSET_3D,\n}\n\nconst Illustration3D = ({ name, size = Sizes.MEDIUM, className }: Props) => {\n const [renderMode, setRenderMode] = useState<RenderMode>(RenderMode.INIT);\n const [inintrinsicSize, setInintrinsicSize] = useState<Props['size']>(size);\n const batteryData = useBattery();\n\n useEffect(() => {\n setRenderMode(\n isConnectionSlow() || isBatteryLow(batteryData.level)\n ? RenderMode.FALLBACK\n : RenderMode.ASSET_3D,\n );\n const isMobile: boolean =\n (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n if (isMobile) {\n setInintrinsicSize(Sizes.SMALL);\n }\n }, [batteryData]);\n\n return (\n <div\n className={clsx(\n 'wds-illustration-3d',\n `wds-illustration-3d-${name}`,\n `wds-illustration-3d-${inintrinsicSize as string}`,\n className,\n )}\n aria-hidden\n >\n {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n <Suspense fallback={null}>{getModel({ name, size: inintrinsicSize })}</Suspense>\n ) : (\n <Illustration name={name} size={size} alt=\"\" />\n )}\n </div>\n );\n};\n\nfunction getModel({ name, size }: Props) {\n // @ts-expect-error unknown generic\n let Model: LazyExoticComponent = <></>;\n const Scene = lazy(async () => import('./Scene'));\n switch (name) {\n case Assets.LOCK: {\n Model = lazy(async () => import('./models/Lock'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(async () => import('./models/Globe'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(async () => import('./models/Confetti'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(async () => import('./models/CheckMark'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(async () => import('./models/Flower'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(async () => import('./models/Plane'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(async () => import('./models/Graph'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(async () => import('./models/Marble'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(async () => import('./models/MarbleCard'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(async () => import('./models/MagnifyingGlass'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(async () => import('./models/Jars'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(async () => import('./models/MultiCurrency'));\n break;\n }\n case Assets.INTEREST: {\n Model = lazy(async () => import('./models/Interest'));\n break;\n }\n }\n return (\n <Scene assetName={name} size={size}>\n <Model />\n </Scene>\n );\n}\n\nexport default Illustration3D;\n"],"names":["unknownFlagName","Flag","code","intrinsicSize","className","undefined","loading","fallback","setFallback","useState","useEffect","detailed","name","toLowerCase","_jsx","clsx","src","process","env","NODE_ENV","alt","width","height","onError","prev","imageSizes","Sizes","SMALL","MEDIUM","LARGE","Illustration","forwardRef","id","size","disablePadding","ref","_jsxs","children","_Fragment","media","srcSet","defineSrc","illustration","descriptor","Assets","useBattery","batteryData","setBatteryData","level","getBatteryData","battery","navigator","getBattery","isBatteryLow","batteryLevel","isConnectionSlow","connection","window","includes","effectiveType","saveData","asset","illustration3DNames","isIllustrationSupport3D","RenderMode","Illustration3D","renderMode","setRenderMode","INIT","inintrinsicSize","setInintrinsicSize","FALLBACK","ASSET_3D","isMobile","matchMedia","matches","Suspense","getModel","Model","Scene","lazy","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","INTEREST","assetName"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
- import clsx$1, { clsx } from 'clsx';
1
+ import { clsx } from 'clsx';
2
2
  import { useState, useEffect, forwardRef, Suspense, lazy } from 'react';
3
3
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
- import { useRive } from '@rive-app/react-canvas-lite';
4
+ import { S as Sizes } from './common-DBpCdW70.esm.js';
5
5
 
6
6
  const unknownFlagName = 'wise';
7
7
  const Flag = ({
@@ -29,18 +29,6 @@ const Flag = ({
29
29
  });
30
30
  };
31
31
 
32
- var Sizes;
33
- (function (Sizes) {
34
- Sizes["SMALL"] = "small";
35
- Sizes["MEDIUM"] = "medium";
36
- Sizes["LARGE"] = "large";
37
- })(Sizes || (Sizes = {}));
38
- const ImageSizes = {
39
- [Sizes.SMALL]: 200,
40
- [Sizes.MEDIUM]: 300,
41
- [Sizes.LARGE]: 500
42
- };
43
-
44
32
  const imageSizes = {
45
33
  [Sizes.SMALL]: 200,
46
34
  [Sizes.MEDIUM]: 300,
@@ -265,71 +253,71 @@ function getModel({
265
253
  }) {
266
254
  // @ts-expect-error unknown generic
267
255
  let Model = /*#__PURE__*/jsx(Fragment, {});
268
- const Scene = /*#__PURE__*/lazy(async () => import('./Scene-P9jWpTgR.esm.js'));
256
+ const Scene = /*#__PURE__*/lazy(async () => import('./Scene-B9kCpG54.esm.js'));
269
257
  switch (name) {
270
258
  case Assets.LOCK:
271
259
  {
272
- Model = /*#__PURE__*/lazy(async () => import('./Lock-826UWeNb.esm.js'));
260
+ Model = /*#__PURE__*/lazy(async () => import('./Lock-DRfK_E_B.esm.js'));
273
261
  break;
274
262
  }
275
263
  case Assets.GLOBE:
276
264
  {
277
- Model = /*#__PURE__*/lazy(async () => import('./Globe-CfUyNrkK.esm.js'));
265
+ Model = /*#__PURE__*/lazy(async () => import('./Globe-CNdxa-uI.esm.js'));
278
266
  break;
279
267
  }
280
268
  case Assets.CONFETTI:
281
269
  {
282
- Model = /*#__PURE__*/lazy(async () => import('./Confetti-BIQYlh0Y.esm.js'));
270
+ Model = /*#__PURE__*/lazy(async () => import('./Confetti-DevgoBC6.esm.js'));
283
271
  break;
284
272
  }
285
273
  case Assets.CHECK_MARK:
286
274
  {
287
- Model = /*#__PURE__*/lazy(async () => import('./CheckMark-Cy6Z45Hs.esm.js'));
275
+ Model = /*#__PURE__*/lazy(async () => import('./CheckMark-BWxD_U2N.esm.js'));
288
276
  break;
289
277
  }
290
278
  case Assets.FLOWER:
291
279
  {
292
- Model = /*#__PURE__*/lazy(async () => import('./Flower--as2dpnv.esm.js'));
280
+ Model = /*#__PURE__*/lazy(async () => import('./Flower-D29e7aiu.esm.js'));
293
281
  break;
294
282
  }
295
283
  case Assets.PLANE:
296
284
  {
297
- Model = /*#__PURE__*/lazy(async () => import('./Plane-EW-Xx3ot.esm.js'));
285
+ Model = /*#__PURE__*/lazy(async () => import('./Plane-B78JJLZv.esm.js'));
298
286
  break;
299
287
  }
300
288
  case Assets.GRAPH:
301
289
  {
302
- Model = /*#__PURE__*/lazy(async () => import('./Graph-DQrhkZMC.esm.js'));
290
+ Model = /*#__PURE__*/lazy(async () => import('./Graph-D19ehnWf.esm.js'));
303
291
  break;
304
292
  }
305
293
  case Assets.MARBLE:
306
294
  {
307
- Model = /*#__PURE__*/lazy(async () => import('./Marble-BaS-Fcvw.esm.js'));
295
+ Model = /*#__PURE__*/lazy(async () => import('./Marble-NO9ncub1.esm.js'));
308
296
  break;
309
297
  }
310
298
  case Assets.MARBLE_CARD:
311
299
  {
312
- Model = /*#__PURE__*/lazy(async () => import('./MarbleCard-BxnjYr9z.esm.js'));
300
+ Model = /*#__PURE__*/lazy(async () => import('./MarbleCard-D-433Ibe.esm.js'));
313
301
  break;
314
302
  }
315
303
  case Assets.MAGNIFYING_GLASS:
316
304
  {
317
- Model = /*#__PURE__*/lazy(async () => import('./MagnifyingGlass-ge5pqNO3.esm.js'));
305
+ Model = /*#__PURE__*/lazy(async () => import('./MagnifyingGlass-by48kd6C.esm.js'));
318
306
  break;
319
307
  }
320
308
  case Assets.JARS:
321
309
  {
322
- Model = /*#__PURE__*/lazy(async () => import('./Jars-BymrFeRN.esm.js'));
310
+ Model = /*#__PURE__*/lazy(async () => import('./Jars-CUS_raKO.esm.js'));
323
311
  break;
324
312
  }
325
313
  case Assets.MULTI_CURRENCY:
326
314
  {
327
- Model = /*#__PURE__*/lazy(async () => import('./MultiCurrency-Dh9wxNx7.esm.js'));
315
+ Model = /*#__PURE__*/lazy(async () => import('./MultiCurrency-DYgrzMXU.esm.js'));
328
316
  break;
329
317
  }
330
318
  case Assets.INTEREST:
331
319
  {
332
- Model = /*#__PURE__*/lazy(async () => import('./Interest-D5pyUrEh.esm.js'));
320
+ Model = /*#__PURE__*/lazy(async () => import('./Interest-hAw0VQDf.esm.js'));
333
321
  break;
334
322
  }
335
323
  }
@@ -340,44 +328,5 @@ function getModel({
340
328
  });
341
329
  }
342
330
 
343
- const Rive = ({
344
- src,
345
- animationNames
346
- }) => {
347
- const {
348
- RiveComponent
349
- } = useRive({
350
- src,
351
- animations: animationNames,
352
- autoplay: true
353
- });
354
- return /*#__PURE__*/jsx(RiveComponent, {});
355
- };
356
- const RiveIllustrationExperimental = ({
357
- name,
358
- size: sizeProp = Sizes.MEDIUM,
359
- className
360
- }) => {
361
- const [size, setSize] = useState(sizeProp);
362
- useEffect(() => {
363
- const isMobile = (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
364
- if (isMobile) {
365
- setSize(Sizes.SMALL);
366
- }
367
- }, []);
368
- return /*#__PURE__*/jsx("div", {
369
- className: clsx$1(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
370
- children: (() => {
371
- if (name === 'document-scan') {
372
- return /*#__PURE__*/jsx(Rive, {
373
- src: "https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv",
374
- animationNames: ["Scan Line Appearing", "Scan Line Moving"]
375
- });
376
- }
377
- return null;
378
- })()
379
- });
380
- };
381
-
382
- export { Assets as A, Flag as F, ImageSizes as I, RiveIllustrationExperimental as R, Sizes as S, Illustration as a, Illustration3D as b, defineSrc as d, isIllustrationSupport3D as i };
383
- //# sourceMappingURL=index-B7-sseXz.esm.js.map
331
+ export { Assets as A, Flag as F, Illustration as I, Illustration3D as a, defineSrc as d, isIllustrationSupport3D as i };
332
+ //# sourceMappingURL=index-CNsYMQ0g.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-CNsYMQ0g.esm.js","sources":["../src/flags/Flag.tsx","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3D.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useState } from 'react';\n\nexport interface FlagProps {\n /**\n * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).\n */\n code: string;\n\n /**\n * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.\n */\n intrinsicSize?: number;\n className?: string;\n loading?: 'lazy' | 'eager';\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({\n code,\n intrinsicSize = 64,\n className = undefined,\n loading = 'lazy',\n}: FlagProps) => {\n const [fallback, setFallback] = useState<'simple' | 'unknown' | null>(null);\n useEffect(() => {\n setFallback(null);\n }, [code]);\n\n const detailed = intrinsicSize >= 150;\n const name =\n fallback !== 'unknown'\n ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}`\n : unknownFlagName;\n\n return (\n <img\n className={clsx('wds-flag', `wds-flag-${name}`, className)}\n src={\n process.env.NODE_ENV === 'web-art-dev'\n ? `${name}.svg`\n : `https://wise.com/web-art/assets/flags/${name}.svg`\n }\n loading={loading}\n alt=\"\"\n width={intrinsicSize}\n height={intrinsicSize}\n onError={() => {\n setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n }}\n />\n );\n};\n","import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport {\n type LargeSize,\n type MediumSize,\n type SmallSize,\n type Descriptors,\n Sizes,\n} from './../common';\nimport type { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;\n\nexport type IllustrationSizes = LargeSize | MediumSize | SmallSize;\n\nexport type Props = {\n name: IllustrationNames;\n alt?: string;\n size?: IllustrationSizes;\n loading?: 'eager' | 'lazy';\n disablePadding?: boolean;\n} & ImgProps;\n\nconst imageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n (\n {\n id,\n name,\n alt = '',\n loading = 'eager',\n className,\n size = Sizes.MEDIUM,\n disablePadding = false,\n }: Props,\n ref,\n ) => {\n const { SMALL, MEDIUM } = Sizes;\n\n return name ? (\n <picture>\n {size === Sizes.LARGE || size === Sizes.MEDIUM ? (\n <>\n <source\n width={imageSizes[SMALL]}\n height={imageSizes[SMALL]}\n media=\"(max-width: 575px)\"\n srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n />\n {size !== Sizes.MEDIUM ? (\n <source\n width={imageSizes[MEDIUM]}\n height={imageSizes[MEDIUM]}\n media=\"(max-width: 992px)\"\n srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n />\n ) : null}\n </>\n ) : null}\n\n <img\n id={id}\n ref={ref}\n alt={alt}\n data-testid={`wds-${name}-illustration`}\n className={clsx(\n 'wds-illustration',\n `wds-illustration-${name}`,\n { 'wds-illustration-padding': !disablePadding },\n className,\n )}\n loading={loading}\n src={defineSrc(name, size, '1x')}\n srcSet={`${defineSrc(name, size, '2x')} 2x`}\n width={imageSizes[size]}\n height={imageSizes[size]}\n />\n </picture>\n ) : null;\n },\n);\n\nfunction defineSrc(illustration: string, size: IllustrationSizes, descriptor: Descriptors) {\n return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/*\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n \n \n export enum Assets {\n WALLET = 'wallet',TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',TOOL = 'tool',TARGET_PLATFORM = 'target-platform',STOPWATCH_PLATFORM = 'stopwatch-platform',SPEECH_BUBBLE = 'speech-bubble',SKIP_AUTHENTICATION = 'skip-authentication',SHOPPING_BAG = 'shopping-bag',SATELLITE_PLATFORM = 'satellite-platform',SAND_TIMER = 'sand-timer',REMINDER_LETTER = 'reminder-letter',RECEIVE = 'receive',QUESTION_MARK = 'question-mark',PUZZLE_PIECES = 'puzzle-pieces',PLANE_2 = 'plane-2',PLANE = 'plane',PIE_CHART = 'pie-chart',PHONES = 'phones',PERSONAL_CARD = 'personal-card',PERCENTAGE = 'percentage',PALM_TREE = 'palm-tree',ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',MULTI_CURRENCY = 'multi-currency',MEGAPHONE = 'megaphone',MARBLE_CARD_FLAG_ONLY = 'marble-card-flag-only',MARBLE_CARD_BUSINESS_FLAG_ONLY = 'marble-card-business-flag-only',MARBLE_CARD_BUSINESS = 'marble-card-business',MARBLE_CARD = 'marble-card',MARBLE = 'marble',MAP = 'map',MAGNIFYING_GLASS = 'magnifying-glass',LOCK_PLATFORM = 'lock-platform',LOCK = 'lock',LIGHT_BULB = 'light-bulb',KEY = 'key',JARS = 'jars',INVITE_LETTER = 'invite-letter',INTEREST = 'interest',INFINITE = 'infinite',ID_CARD = 'id-card',HOUSE = 'house',HEART_5 = 'heart-5',HEART_4 = 'heart-4',HEART_3 = 'heart-3',HEART_2 = 'heart-2',HEART = 'heart',GRAPH = 'graph',GLOBE = 'globe',GEAR = 'gear',FLOWER = 'flower',FLAG = 'flag',EXCLAMATION_MARK = 'exclamation-mark',EMAIL_SUCCESS = 'email-success',EMAIL = 'email',ELECTRIC_PLUG = 'electric-plug',ECO_CARD = 'eco-card',DOOR = 'door',DOCUMENTS = 'documents',DIGITAL_CARD_2 = 'digital-card-2',DIGITAL_CARD = 'digital-card',COOKIE = 'cookie',CONVERT = 'convert',CONSTRUCTION_FENCE = 'construction-fence',CONFETTI = 'confetti',COIN_PILE_UP = 'coin-pile-up',COIN_PILE_DOWN = 'coin-pile-down',CLOSED_WINDOW = 'closed-window',CHECK_MARK = 'check-mark',CALENDAR = 'calendar',BUSINESS_CARD = 'business-card',BRIEFCASE = 'briefcase',BELL = 'bell',BACKPACK = 'backpack'\n }\n \n export type IllustrationNames = 'wallet' | 'two-invite-letters-opened' | 'tool' | 'target-platform' | 'stopwatch-platform' | 'speech-bubble' | 'skip-authentication' | 'shopping-bag' | 'satellite-platform' | 'sand-timer' | 'reminder-letter' | 'receive' | 'question-mark' | 'puzzle-pieces' | 'plane-2' | 'plane' | 'pie-chart' | 'phones' | 'personal-card' | 'percentage' | 'palm-tree' | 'one-invite-letter-opened' | 'multi-currency' | 'megaphone' | 'marble-card-flag-only' | 'marble-card-business-flag-only' | 'marble-card-business' | 'marble-card' | 'marble' | 'map' | 'magnifying-glass' | 'lock-platform' | 'lock' | 'light-bulb' | 'key' | 'jars' | 'invite-letter' | 'interest' | 'infinite' | 'id-card' | 'house' | 'heart-5' | 'heart-4' | 'heart-3' | 'heart-2' | 'heart' | 'graph' | 'globe' | 'gear' | 'flower' | 'flag' | 'exclamation-mark' | 'email-success' | 'email' | 'electric-plug' | 'eco-card' | 'door' | 'documents' | 'digital-card-2' | 'digital-card' | 'cookie' | 'convert' | 'construction-fence' | 'confetti' | 'coin-pile-up' | 'coin-pile-down' | 'closed-window' | 'check-mark' | 'calendar' | 'business-card' | 'briefcase' | 'bell' | 'backpack'","import { useState, useEffect } from 'react';\n\nimport type { IllustrationNames } from '../illustrations/metadata';\n\nexport function useBattery() {\n const [batteryData, setBatteryData] = useState<{ level: number }>({ level: 1.0 });\n\n useEffect(() => {\n const getBatteryData = async () => {\n // @ts-expect-error .getBattery exists in Navigator interface\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n const battery = await navigator.getBattery();\n\n setBatteryData({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n level: battery?.level,\n });\n };\n // Check if the browser supports the Battery API\n if (\n 'getBattery' in navigator &&\n navigator.getBattery !== undefined &&\n typeof navigator.getBattery === 'function'\n ) {\n void getBatteryData();\n }\n }, []);\n\n return batteryData;\n}\n\nexport function isBatteryLow(batteryLevel: number): boolean {\n return batteryLevel < 0.2;\n}\n\nexport function isConnectionSlow(): boolean {\n // @ts-expect-error .connection prop exists in Navigator interface\n const { connection } = window.navigator;\n if (connection === undefined) {\n return false;\n }\n return (\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n // @ts-expect-error Property 'connection' does exist on type 'Navigator'\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n navigator?.connection?.saveData === true\n );\n}\n\nexport function defineSrc(asset: string): string {\n return `https://wise.com/web-art/assets/illustrations3d/${asset}`;\n}\n\nconst illustration3DNames = [\n 'lock',\n 'globe',\n 'confetti',\n 'check-mark',\n 'flower',\n 'graph',\n 'jars',\n 'magnifying-glass',\n 'marble',\n 'marble-card',\n 'multi-currency',\n 'plane',\n 'interest',\n];\n\nexport function isIllustrationSupport3D(asset: IllustrationNames): boolean {\n return illustration3DNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\nimport { clsx } from 'clsx';\nimport { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\nimport Illustration, { Assets } from '../illustrations';\n\nimport { useBattery, isConnectionSlow, isBatteryLow } from './utils';\n\nexport type Illustration3DNames =\n | 'lock'\n | 'globe'\n | 'confetti'\n | 'check-mark'\n | 'flower'\n | 'graph'\n | 'jars'\n | 'magnifying-glass'\n | 'marble'\n | 'marble-card'\n | 'multi-currency'\n | 'plane'\n | 'interest';\n\nexport type Props = {\n name: Illustration3DNames;\n size?: SmallSize | MediumSize | LargeSize;\n className?: string;\n};\n\nenum RenderMode {\n INIT,\n FALLBACK,\n ASSET_3D,\n}\n\nconst Illustration3D = ({ name, size = Sizes.MEDIUM, className }: Props) => {\n const [renderMode, setRenderMode] = useState<RenderMode>(RenderMode.INIT);\n const [inintrinsicSize, setInintrinsicSize] = useState<Props['size']>(size);\n const batteryData = useBattery();\n\n useEffect(() => {\n setRenderMode(\n isConnectionSlow() || isBatteryLow(batteryData.level)\n ? RenderMode.FALLBACK\n : RenderMode.ASSET_3D,\n );\n const isMobile: boolean =\n (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n if (isMobile) {\n setInintrinsicSize(Sizes.SMALL);\n }\n }, [batteryData]);\n\n return (\n <div\n className={clsx(\n 'wds-illustration-3d',\n `wds-illustration-3d-${name}`,\n `wds-illustration-3d-${inintrinsicSize as string}`,\n className,\n )}\n aria-hidden\n >\n {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n <Suspense fallback={null}>{getModel({ name, size: inintrinsicSize })}</Suspense>\n ) : (\n <Illustration name={name} size={size} alt=\"\" />\n )}\n </div>\n );\n};\n\nfunction getModel({ name, size }: Props) {\n // @ts-expect-error unknown generic\n let Model: LazyExoticComponent = <></>;\n const Scene = lazy(async () => import('./Scene'));\n switch (name) {\n case Assets.LOCK: {\n Model = lazy(async () => import('./models/Lock'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(async () => import('./models/Globe'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(async () => import('./models/Confetti'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(async () => import('./models/CheckMark'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(async () => import('./models/Flower'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(async () => import('./models/Plane'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(async () => import('./models/Graph'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(async () => import('./models/Marble'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(async () => import('./models/MarbleCard'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(async () => import('./models/MagnifyingGlass'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(async () => import('./models/Jars'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(async () => import('./models/MultiCurrency'));\n break;\n }\n case Assets.INTEREST: {\n Model = lazy(async () => import('./models/Interest'));\n break;\n }\n }\n return (\n <Scene assetName={name} size={size}>\n <Model />\n </Scene>\n );\n}\n\nexport default Illustration3D;\n"],"names":["unknownFlagName","Flag","code","intrinsicSize","className","undefined","loading","fallback","setFallback","useState","useEffect","detailed","name","toLowerCase","_jsx","clsx","src","process","env","NODE_ENV","alt","width","height","onError","prev","imageSizes","Sizes","SMALL","MEDIUM","LARGE","Illustration","forwardRef","id","size","disablePadding","ref","_jsxs","children","_Fragment","media","srcSet","defineSrc","illustration","descriptor","Assets","useBattery","batteryData","setBatteryData","level","getBatteryData","battery","navigator","getBattery","isBatteryLow","batteryLevel","isConnectionSlow","connection","window","includes","effectiveType","saveData","asset","illustration3DNames","isIllustrationSupport3D","RenderMode","Illustration3D","renderMode","setRenderMode","INIT","inintrinsicSize","setInintrinsicSize","FALLBACK","ASSET_3D","isMobile","matchMedia","matches","Suspense","getModel","Model","Scene","lazy","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","INTEREST","assetName"],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -7,6 +7,4 @@ export type { FlagProps } from './flags';
7
7
  export type { IllustrationNames, IllustrationProps } from './illustrations';
8
8
  export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
9
9
  export { isIllustrationSupport3D } from './illustrations3d';
10
- export { default as RiveIllustrationExperimental } from './illustrations3d/RiveIllustration';
11
- export type { Props as RiveIllustrationExperimentalProps } from './illustrations3d/RiveIllustration';
12
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAC7F,YAAY,EAAE,KAAK,IAAI,iCAAiC,EAAE,MAAM,oCAAoC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}
package/dist/index.esm.js CHANGED
@@ -1,6 +1,6 @@
1
- export { A as Assets, F as Flag, a as Illustration, b as Illustration3D, R as RiveIllustrationExperimental, S as Sizes, i as isIllustrationSupport3D } from './index-B7-sseXz.esm.js';
1
+ export { A as Assets, F as Flag, I as Illustration, a as Illustration3D, i as isIllustrationSupport3D } from './index-CNsYMQ0g.esm.js';
2
+ export { S as Sizes } from './common-DBpCdW70.esm.js';
2
3
  import 'clsx';
3
4
  import 'react';
4
5
  import 'react/jsx-runtime';
5
- import '@rive-app/react-canvas-lite';
6
6
  //# sourceMappingURL=index.esm.js.map
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-h9UT10zu.js');
3
+ var index = require('./index-BMneuETC.js');
4
+ var common = require('./common-H4L6Hbbh.js');
4
5
  require('clsx');
5
6
  require('react');
6
7
  require('react/jsx-runtime');
7
- require('@rive-app/react-canvas-lite');
8
8
 
9
9
 
10
10
 
@@ -15,10 +15,9 @@ Object.defineProperty(exports, "Assets", {
15
15
  exports.Flag = index.Flag;
16
16
  exports.Illustration = index.Illustration;
17
17
  exports.Illustration3D = index.Illustration3D;
18
- exports.RiveIllustrationExperimental = index.RiveIllustrationExperimental;
18
+ exports.isIllustrationSupport3D = index.isIllustrationSupport3D;
19
19
  Object.defineProperty(exports, "Sizes", {
20
20
  enumerable: true,
21
- get: function () { return index.Sizes; }
21
+ get: function () { return common.Sizes; }
22
22
  });
23
- exports.isIllustrationSupport3D = index.isIllustrationSupport3D;
24
23
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -1,11 +1,13 @@
1
- import type { Illustration3DProps } from ".";
1
+ import type { Illustration3DProps } from "../illustrations3d";
2
2
  export interface RiveProps {
3
3
  src: string;
4
4
  animationNames?: string | string[];
5
5
  }
6
6
  export type Props = {
7
7
  name: 'document-scan';
8
- } & Pick<Illustration3DProps, "size" | "className">;
8
+ size?: Illustration3DProps["size"];
9
+ className?: Illustration3DProps["className"];
10
+ };
9
11
  declare const RiveIllustrationExperimental: ({ name, size: sizeProp, className }: Props) => import("react").JSX.Element;
10
12
  export default RiveIllustrationExperimental;
11
13
  //# sourceMappingURL=RiveIllustration.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RiveIllustration.d.ts","sourceRoot":"","sources":["../../src/rive/RiveIllustration.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACpC;AAYD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,qCAAoD,KAAK,gCAuB9F,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export type { Props as RiveIllustrationExperimentalProps } from './RiveIllustration';
2
+ export { default as RiveIllustrationExperimental } from './RiveIllustration';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rive/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,iCAAiC,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,oBAAoB,CAAC"}