@wise/art 2.10.0-beta.3 → 2.11.0
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.
- package/README.md +9 -39
- package/dist/{CheckMark-6a3a1306.esm.js → CheckMark-83966f0a.esm.js} +2 -3
- package/dist/CheckMark-83966f0a.esm.js.map +1 -0
- package/dist/{CheckMark-275a5118.js → CheckMark-fde9b457.js} +2 -3
- package/dist/CheckMark-fde9b457.js.map +1 -0
- package/dist/{Confetti-345455b0.esm.js → Confetti-5cf753b2.esm.js} +2 -3
- package/dist/Confetti-5cf753b2.esm.js.map +1 -0
- package/dist/{Confetti-a33c5884.js → Confetti-780e0b7b.js} +2 -3
- package/dist/Confetti-780e0b7b.js.map +1 -0
- package/dist/{Flower-861861e4.esm.js → Flower-0479750d.esm.js} +2 -3
- package/dist/Flower-0479750d.esm.js.map +1 -0
- package/dist/{Flower-aa1da081.js → Flower-f27f170c.js} +2 -3
- package/dist/Flower-f27f170c.js.map +1 -0
- package/dist/{Globe-c5fb26d3.esm.js → Globe-3be190bb.esm.js} +2 -3
- package/dist/Globe-3be190bb.esm.js.map +1 -0
- package/dist/{Globe-71aaced4.js → Globe-87113904.js} +2 -3
- package/dist/Globe-87113904.js.map +1 -0
- package/dist/{Graph-f0f91ba3.js → Graph-25ada643.js} +2 -3
- package/dist/Graph-25ada643.js.map +1 -0
- package/dist/{Graph-4bcdb92e.esm.js → Graph-aef7f428.esm.js} +2 -3
- package/dist/Graph-aef7f428.esm.js.map +1 -0
- package/dist/Illustration.css +1 -1
- package/dist/{Jars-35b153d0.esm.js → Jars-050bbf15.esm.js} +2 -3
- package/dist/Jars-050bbf15.esm.js.map +1 -0
- package/dist/{Jars-4cf264dc.js → Jars-b62f7336.js} +2 -3
- package/dist/Jars-b62f7336.js.map +1 -0
- package/dist/{Lock-070af72c.js → Lock-5a2afc20.js} +2 -3
- package/dist/Lock-5a2afc20.js.map +1 -0
- package/dist/{Lock-a508a7d9.esm.js → Lock-7cdb1c7f.esm.js} +2 -3
- package/dist/Lock-7cdb1c7f.esm.js.map +1 -0
- package/dist/{MagnifyingGlass-44a60017.esm.js → MagnifyingGlass-00c6c16b.esm.js} +2 -3
- package/dist/MagnifyingGlass-00c6c16b.esm.js.map +1 -0
- package/dist/{MagnifyingGlass-6d6a5c78.js → MagnifyingGlass-ad22f732.js} +2 -3
- package/dist/MagnifyingGlass-ad22f732.js.map +1 -0
- package/dist/{Marble-d84b0fb4.esm.js → Marble-39a474ec.esm.js} +2 -3
- package/dist/Marble-39a474ec.esm.js.map +1 -0
- package/dist/{Marble-28f06aa6.js → Marble-9075540b.js} +2 -3
- package/dist/Marble-9075540b.js.map +1 -0
- package/dist/{MarbleCard-c2ce30a3.js → MarbleCard-8ac68776.js} +2 -3
- package/dist/MarbleCard-8ac68776.js.map +1 -0
- package/dist/{MarbleCard-cc6cb580.esm.js → MarbleCard-aaa69a62.esm.js} +2 -3
- package/dist/MarbleCard-aaa69a62.esm.js.map +1 -0
- package/dist/{MultiCurrency-526a1740.js → MultiCurrency-04e07260.js} +2 -3
- package/dist/MultiCurrency-04e07260.js.map +1 -0
- package/dist/{MultiCurrency-bbb1399d.esm.js → MultiCurrency-d899f66a.esm.js} +2 -3
- package/dist/MultiCurrency-d899f66a.esm.js.map +1 -0
- package/dist/{Plane-52bdbc05.esm.js → Plane-635f4d9b.esm.js} +2 -3
- package/dist/Plane-635f4d9b.esm.js.map +1 -0
- package/dist/{Plane-e7955448.js → Plane-6ef2e865.js} +2 -3
- package/dist/Plane-6ef2e865.js.map +1 -0
- package/dist/{Scene-057939b3.esm.js → Scene-8c03a779.esm.js} +2 -3
- package/dist/Scene-8c03a779.esm.js.map +1 -0
- package/dist/{Scene-3826fea0.js → Scene-b93b4438.js} +2 -3
- package/dist/Scene-b93b4438.js.map +1 -0
- package/dist/illustrations/metadata.d.ts +5 -1
- package/dist/illustrations/metadata.d.ts.map +1 -1
- package/dist/{index-1e4862aa.esm.js → index-152a6970.esm.js} +20 -83
- package/dist/index-152a6970.esm.js.map +1 -0
- package/dist/{index-b33abf80.js → index-4fbe4023.js} +18 -86
- package/dist/index-4fbe4023.js.map +1 -0
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +1 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -3
- package/dist/index.js.map +1 -1
- package/package.json +16 -18
- package/src/illustrations/metadata.ts +8 -0
- package/src/index.css +0 -1
- package/src/index.ts +0 -2
- package/dist/CheckMark-275a5118.js.map +0 -1
- package/dist/CheckMark-6a3a1306.esm.js.map +0 -1
- package/dist/Confetti-345455b0.esm.js.map +0 -1
- package/dist/Confetti-a33c5884.js.map +0 -1
- package/dist/Flower-861861e4.esm.js.map +0 -1
- package/dist/Flower-aa1da081.js.map +0 -1
- package/dist/Globe-71aaced4.js.map +0 -1
- package/dist/Globe-c5fb26d3.esm.js.map +0 -1
- package/dist/Graph-4bcdb92e.esm.js.map +0 -1
- package/dist/Graph-f0f91ba3.js.map +0 -1
- package/dist/Jars-35b153d0.esm.js.map +0 -1
- package/dist/Jars-4cf264dc.js.map +0 -1
- package/dist/Lock-070af72c.js.map +0 -1
- package/dist/Lock-a508a7d9.esm.js.map +0 -1
- package/dist/MagnifyingGlass-44a60017.esm.js.map +0 -1
- package/dist/MagnifyingGlass-6d6a5c78.js.map +0 -1
- package/dist/Marble-28f06aa6.js.map +0 -1
- package/dist/Marble-d84b0fb4.esm.js.map +0 -1
- package/dist/MarbleCard-c2ce30a3.js.map +0 -1
- package/dist/MarbleCard-cc6cb580.esm.js.map +0 -1
- package/dist/MultiCurrency-526a1740.js.map +0 -1
- package/dist/MultiCurrency-bbb1399d.esm.js.map +0 -1
- package/dist/Plane-52bdbc05.esm.js.map +0 -1
- package/dist/Plane-e7955448.js.map +0 -1
- package/dist/Scene-057939b3.esm.js.map +0 -1
- package/dist/Scene-3826fea0.js.map +0 -1
- package/dist/icons/Icon.d.ts +0 -12
- package/dist/icons/Icon.d.ts.map +0 -1
- package/dist/icons/Icon.spec.d.ts +0 -2
- package/dist/icons/Icon.spec.d.ts.map +0 -1
- package/dist/icons/index.d.ts +0 -3
- package/dist/icons/index.d.ts.map +0 -1
- package/dist/index-1e4862aa.esm.js.map +0 -1
- package/dist/index-b33abf80.js.map +0 -1
- package/src/bankTransfer.svg +0 -3
- package/src/icons/Icon.css +0 -10
- package/src/icons/Icon.spec.tsx +0 -21
- package/src/icons/Icon.stories.tsx +0 -30
- package/src/icons/Icon.tsx +0 -98
- package/src/icons/index.ts +0 -2
|
@@ -3,11 +3,6 @@
|
|
|
3
3
|
var clsx = require('clsx');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var sanitize = require('sanitize-html');
|
|
7
|
-
|
|
8
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
-
var sanitize__default = /*#__PURE__*/_interopDefault(sanitize);
|
|
11
6
|
|
|
12
7
|
const unknownFlagName = 'wise';
|
|
13
8
|
const Flag = ({
|
|
@@ -33,72 +28,6 @@ const Flag = ({
|
|
|
33
28
|
});
|
|
34
29
|
};
|
|
35
30
|
|
|
36
|
-
const Icon = ({
|
|
37
|
-
name,
|
|
38
|
-
size = 16,
|
|
39
|
-
className = undefined,
|
|
40
|
-
filled = false,
|
|
41
|
-
'data-testid': testId,
|
|
42
|
-
title = undefined,
|
|
43
|
-
role = undefined
|
|
44
|
-
}) => {
|
|
45
|
-
const assetName = filled ? `${name}-fill` : name;
|
|
46
|
-
const iconRef = react.useRef(null);
|
|
47
|
-
react.useEffect(() => {
|
|
48
|
-
const loadIconAsset = async () => {
|
|
49
|
-
if (iconRef.current) {
|
|
50
|
-
try {
|
|
51
|
-
iconRef.current.innerHTML = await downloadSanitizeIcon(name);
|
|
52
|
-
} catch (error) {
|
|
53
|
-
// eslint-disable-next-line no-console
|
|
54
|
-
console.warn(error, 'use fallback (Fast Flag) icon');
|
|
55
|
-
iconRef.current.innerHTML = await downloadSanitizeIcon('fast-flag');
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
void loadIconAsset();
|
|
60
|
-
}, [name]);
|
|
61
|
-
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
62
|
-
ref: iconRef,
|
|
63
|
-
className: clsx.clsx(`wds-icon wds-icon-${assetName} wds-icon-size-${size}`, className),
|
|
64
|
-
"aria-hidden": title ? undefined : true,
|
|
65
|
-
role: role ?? (title ? undefined : 'none'),
|
|
66
|
-
"data-testid": testId,
|
|
67
|
-
children: title && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
68
|
-
className: "sr-only",
|
|
69
|
-
children: title
|
|
70
|
-
})
|
|
71
|
-
});
|
|
72
|
-
};
|
|
73
|
-
const svgAttributes = ['xmlns', 'width', 'height', 'fill', 'viewBox', 'd', 'fill-rule', 'cx', 'cy', 'r', 'x', 'y'];
|
|
74
|
-
const allowedTagsAttrs = {
|
|
75
|
-
svg: svgAttributes,
|
|
76
|
-
path: svgAttributes,
|
|
77
|
-
circle: svgAttributes,
|
|
78
|
-
rect: svgAttributes
|
|
79
|
-
};
|
|
80
|
-
async function downloadSanitizeIcon(name) {
|
|
81
|
-
const response = await fetch(srcUrl(name));
|
|
82
|
-
if (!response.ok) {
|
|
83
|
-
throw new Error(`Failed to download icon '${name}'`);
|
|
84
|
-
}
|
|
85
|
-
const iconHtml = await response.text();
|
|
86
|
-
return sanitize__default.default(iconHtml, {
|
|
87
|
-
// allow only SVG elements (https://developer.mozilla.org/en-US/docs/Web/SVG/Element)
|
|
88
|
-
// and only SVG attributes (https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute)
|
|
89
|
-
allowedTags: Object.keys(allowedTagsAttrs),
|
|
90
|
-
allowedAttributes: allowedTagsAttrs,
|
|
91
|
-
parser: {
|
|
92
|
-
lowerCaseAttributeNames: false
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
function srcUrl(assetName) {
|
|
97
|
-
// return `/${assetName}.svg`;
|
|
98
|
-
// return `http://localhost:3001/${assetName}.svg`;
|
|
99
|
-
return `https://wise.com/web-art/assets/beta-icons/${assetName}.svg`;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
31
|
exports.Sizes = void 0;
|
|
103
32
|
(function (Sizes) {
|
|
104
33
|
Sizes["SMALL"] = "small";
|
|
@@ -206,6 +135,7 @@ exports.Assets = void 0;
|
|
|
206
135
|
Assets["JARS"] = "jars";
|
|
207
136
|
Assets["KEY"] = "key";
|
|
208
137
|
Assets["LIGHT_BULB"] = "light-bulb";
|
|
138
|
+
Assets["LOCK_PLATFORM"] = "lock-platform";
|
|
209
139
|
Assets["LOCK"] = "lock";
|
|
210
140
|
Assets["MAGNIFYING_GLASS"] = "magnifying-glass";
|
|
211
141
|
Assets["MAP"] = "map";
|
|
@@ -227,9 +157,12 @@ exports.Assets = void 0;
|
|
|
227
157
|
Assets["RECEIVE"] = "receive";
|
|
228
158
|
Assets["REMINDER_LETTER"] = "reminder-letter";
|
|
229
159
|
Assets["SAND_TIMER"] = "sand-timer";
|
|
160
|
+
Assets["SATELLITE_PLATFORM"] = "satellite-platform";
|
|
230
161
|
Assets["SHOPPING_BAG"] = "shopping-bag";
|
|
231
162
|
Assets["SKIP_AUTHENTICATION"] = "skip-authentication";
|
|
232
163
|
Assets["SPEECH_BUBBLE"] = "speech-bubble";
|
|
164
|
+
Assets["STOPWATCH_PLATFORM"] = "stopwatch-platform";
|
|
165
|
+
Assets["TARGET_PLATFORM"] = "target-platform";
|
|
233
166
|
Assets["TOOL"] = "tool";
|
|
234
167
|
Assets["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
|
|
235
168
|
Assets["WALLET"] = "wallet";
|
|
@@ -327,66 +260,66 @@ function getModel({
|
|
|
327
260
|
}) {
|
|
328
261
|
// @ts-expect-error unknown generic
|
|
329
262
|
let Model = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
330
|
-
const Scene = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Scene-
|
|
263
|
+
const Scene = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Scene-b93b4438.js'); }));
|
|
331
264
|
switch (name) {
|
|
332
265
|
case exports.Assets.LOCK:
|
|
333
266
|
{
|
|
334
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Lock-
|
|
267
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Lock-5a2afc20.js'); }));
|
|
335
268
|
break;
|
|
336
269
|
}
|
|
337
270
|
case exports.Assets.GLOBE:
|
|
338
271
|
{
|
|
339
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Globe-
|
|
272
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Globe-87113904.js'); }));
|
|
340
273
|
break;
|
|
341
274
|
}
|
|
342
275
|
case exports.Assets.CONFETTI:
|
|
343
276
|
{
|
|
344
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Confetti-
|
|
277
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Confetti-780e0b7b.js'); }));
|
|
345
278
|
break;
|
|
346
279
|
}
|
|
347
280
|
case exports.Assets.CHECK_MARK:
|
|
348
281
|
{
|
|
349
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./CheckMark-
|
|
282
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./CheckMark-fde9b457.js'); }));
|
|
350
283
|
break;
|
|
351
284
|
}
|
|
352
285
|
case exports.Assets.FLOWER:
|
|
353
286
|
{
|
|
354
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Flower-
|
|
287
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Flower-f27f170c.js'); }));
|
|
355
288
|
break;
|
|
356
289
|
}
|
|
357
290
|
case exports.Assets.PLANE:
|
|
358
291
|
{
|
|
359
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Plane-
|
|
292
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Plane-6ef2e865.js'); }));
|
|
360
293
|
break;
|
|
361
294
|
}
|
|
362
295
|
case exports.Assets.GRAPH:
|
|
363
296
|
{
|
|
364
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Graph-
|
|
297
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Graph-25ada643.js'); }));
|
|
365
298
|
break;
|
|
366
299
|
}
|
|
367
300
|
case exports.Assets.MARBLE:
|
|
368
301
|
{
|
|
369
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Marble-
|
|
302
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Marble-9075540b.js'); }));
|
|
370
303
|
break;
|
|
371
304
|
}
|
|
372
305
|
case exports.Assets.MARBLE_CARD:
|
|
373
306
|
{
|
|
374
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MarbleCard-
|
|
307
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MarbleCard-8ac68776.js'); }));
|
|
375
308
|
break;
|
|
376
309
|
}
|
|
377
310
|
case exports.Assets.MAGNIFYING_GLASS:
|
|
378
311
|
{
|
|
379
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MagnifyingGlass-
|
|
312
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MagnifyingGlass-ad22f732.js'); }));
|
|
380
313
|
break;
|
|
381
314
|
}
|
|
382
315
|
case exports.Assets.JARS:
|
|
383
316
|
{
|
|
384
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Jars-
|
|
317
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Jars-b62f7336.js'); }));
|
|
385
318
|
break;
|
|
386
319
|
}
|
|
387
320
|
case exports.Assets.MULTI_CURRENCY:
|
|
388
321
|
{
|
|
389
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MultiCurrency-
|
|
322
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MultiCurrency-04e07260.js'); }));
|
|
390
323
|
break;
|
|
391
324
|
}
|
|
392
325
|
}
|
|
@@ -398,10 +331,9 @@ function getModel({
|
|
|
398
331
|
}
|
|
399
332
|
|
|
400
333
|
exports.Flag = Flag;
|
|
401
|
-
exports.Icon = Icon;
|
|
402
334
|
exports.Illustration = Illustration;
|
|
403
335
|
exports.Illustration3D = Illustration3D;
|
|
404
336
|
exports.ImageSizes = ImageSizes;
|
|
405
337
|
exports.defineSrc = defineSrc;
|
|
406
338
|
exports.isIllustrationSupport3D = isIllustrationSupport3D;
|
|
407
|
-
//# sourceMappingURL=index-
|
|
339
|
+
//# sourceMappingURL=index-4fbe4023.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-4fbe4023.js","sources":["../src/flags/Flag.tsx","../src/common.ts","../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}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({ code, intrinsicSize = 64, className = undefined }: 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={`https://wise.com/web-art/assets/flags/${name}.svg`}\n alt=\"\"\n width={intrinsicSize}\n height={intrinsicSize}\n onError={() => {\n setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n }}\n />\n );\n};\n","export enum Sizes {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\nexport const ImageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nexport type LargeSize = 'large';\nexport type MediumSize = 'medium';\nexport type SmallSize = 'small';\n\nexport type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';\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\nexport enum Assets {\n BELL = 'bell',\n BRIEFCASE = 'briefcase',\n BUSINESS_CARD = 'business-card',\n CALENDAR = 'calendar',\n CHECK_MARK = 'check-mark',\n CLOSED_WINDOW = 'closed-window',\n COIN_PILE_DOWN = 'coin-pile-down',\n COIN_PILE_UP = 'coin-pile-up',\n CONFETTI = 'confetti',\n CONSTRUCTION_FENCE = 'construction-fence',\n CONVERT = 'convert',\n COOKIE = 'cookie',\n DIGITAL_CARD_2 = 'digital-card-2',\n DIGITAL_CARD = 'digital-card',\n DOCUMENTS = 'documents',\n DOOR = 'door',\n ECO_CARD = 'eco-card',\n ELECTRIC_PLUG = 'electric-plug',\n EMAIL_SUCCESS = 'email-success',\n EMAIL = 'email',\n EXCLAMATION_MARK = 'exclamation-mark',\n FLAG = 'flag',\n FLOWER = 'flower',\n GEAR = 'gear',\n GLOBE = 'globe',\n GRAPH = 'graph',\n HEART_2 = 'heart-2',\n HEART_3 = 'heart-3',\n HEART_4 = 'heart-4',\n HEART_5 = 'heart-5',\n HEART = 'heart',\n HOUSE = 'house',\n ID_CARD = 'id-card',\n INFINITE = 'infinite',\n INVITE_LETTER = 'invite-letter',\n JARS = 'jars',\n KEY = 'key',\n LIGHT_BULB = 'light-bulb',\n LOCK_PLATFORM = 'lock-platform',\n LOCK = 'lock',\n MAGNIFYING_GLASS = 'magnifying-glass',\n MAP = 'map',\n MARBLE_CARD_BUSINESS = 'marble-card-business',\n MARBLE_CARD = 'marble-card',\n MARBLE = 'marble',\n MEGAPHONE = 'megaphone',\n MULTI_CURRENCY = 'multi-currency',\n ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n PALM_TREE = 'palm-tree',\n PERCENTAGE = 'percentage',\n PERSONAL_CARD = 'personal-card',\n PHONES = 'phones',\n PIE_CHART = 'pie-chart',\n PLANE_2 = 'plane-2',\n PLANE = 'plane',\n PUZZLE_PIECES = 'puzzle-pieces',\n QUESTION_MARK = 'question-mark',\n RECEIVE = 'receive',\n REMINDER_LETTER = 'reminder-letter',\n SAND_TIMER = 'sand-timer',\n SATELLITE_PLATFORM = 'satellite-platform',\n SHOPPING_BAG = 'shopping-bag',\n SKIP_AUTHENTICATION = 'skip-authentication',\n SPEECH_BUBBLE = 'speech-bubble',\n STOPWATCH_PLATFORM = 'stopwatch-platform',\n TARGET_PLATFORM = 'target-platform',\n TOOL = 'tool',\n TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n | 'bell'\n | 'briefcase'\n | 'business-card'\n | 'calendar'\n | 'check-mark'\n | 'closed-window'\n | 'coin-pile-down'\n | 'coin-pile-up'\n | 'confetti'\n | 'construction-fence'\n | 'convert'\n | 'cookie'\n | 'digital-card-2'\n | 'digital-card'\n | 'documents'\n | 'door'\n | 'eco-card'\n | 'electric-plug'\n | 'email-success'\n | 'email'\n | 'exclamation-mark'\n | 'flag'\n | 'flower'\n | 'gear'\n | 'globe'\n | 'graph'\n | 'heart-2'\n | 'heart-3'\n | 'heart-4'\n | 'heart-5'\n | 'heart'\n | 'house'\n | 'id-card'\n | 'infinite'\n | 'invite-letter'\n | 'jars'\n | 'key'\n | 'light-bulb'\n | 'lock-platform'\n | 'lock'\n | 'magnifying-glass'\n | 'map'\n | 'marble-card-business'\n | 'marble-card'\n | 'marble'\n | 'megaphone'\n | 'multi-currency'\n | 'one-invite-letter-opened'\n | 'palm-tree'\n | 'percentage'\n | 'personal-card'\n | 'phones'\n | 'pie-chart'\n | 'plane-2'\n | 'plane'\n | 'puzzle-pieces'\n | 'question-mark'\n | 'receive'\n | 'reminder-letter'\n | 'sand-timer'\n | 'satellite-platform'\n | 'shopping-bag'\n | 'skip-authentication'\n | 'speech-bubble'\n | 'stopwatch-platform'\n | 'target-platform'\n | 'tool'\n | 'two-invite-letters-opened'\n | 'wallet';\n","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];\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\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(() => import('./Scene'));\n switch (name) {\n case Assets.LOCK: {\n Model = lazy(() => import('./models/Lock'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(() => import('./models/Globe'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(() => import('./models/Confetti'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(() => import('./models/CheckMark'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(() => import('./models/Flower'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(() => import('./models/Plane'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(() => import('./models/Graph'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(() => import('./models/Marble'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(() => import('./models/MarbleCard'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(() => import('./models/MagnifyingGlass'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(() => import('./models/Jars'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(() => import('./models/MultiCurrency'));\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","fallback","setFallback","useState","useEffect","detailed","name","toLowerCase","_jsx","clsx","src","alt","width","height","onError","prev","Sizes","ImageSizes","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","id","loading","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","assetName"],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export { Flag } from './flags';
|
|
2
|
-
export { Icon } from './icons';
|
|
3
2
|
export { default as Illustration } from './illustrations';
|
|
4
3
|
export { default as Illustration3D } from './illustrations3d';
|
|
5
4
|
export { Assets } from './illustrations';
|
|
6
5
|
export { Sizes } from './common';
|
|
7
6
|
export type { FlagProps } from './flags';
|
|
8
|
-
export type { IconProps } from './icons';
|
|
9
7
|
export type { IllustrationNames, IllustrationProps } from './illustrations';
|
|
10
8
|
export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
|
|
11
9
|
export { isIllustrationSupport3D } from './illustrations3d';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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,
|
|
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,5 @@
|
|
|
1
|
-
export { A as Assets, F as Flag, a as
|
|
1
|
+
export { A as Assets, F as Flag, a as Illustration, b as Illustration3D, S as Sizes, i as isIllustrationSupport3D } from './index-152a6970.esm.js';
|
|
2
2
|
import 'clsx';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
|
-
import 'sanitize-html';
|
|
6
5
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-4fbe4023.js');
|
|
4
4
|
require('clsx');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react/jsx-runtime');
|
|
7
|
-
require('sanitize-html');
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
@@ -13,7 +12,6 @@ Object.defineProperty(exports, 'Assets', {
|
|
|
13
12
|
get: function () { return index.Assets; }
|
|
14
13
|
});
|
|
15
14
|
exports.Flag = index.Flag;
|
|
16
|
-
exports.Icon = index.Icon;
|
|
17
15
|
exports.Illustration = index.Illustration;
|
|
18
16
|
exports.Illustration3D = index.Illustration3D;
|
|
19
17
|
Object.defineProperty(exports, 'Sizes', {
|
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":";;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wise/art",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.11.0",
|
|
4
|
+
"packageManager": "pnpm@8.7.5",
|
|
4
5
|
"license": "MIT",
|
|
5
6
|
"description": "React library for art elements in UI",
|
|
6
7
|
"homepage": "https://github.com/transferwise/web-art#readme",
|
|
@@ -21,23 +22,22 @@
|
|
|
21
22
|
"!**/*.tsbuildinfo"
|
|
22
23
|
],
|
|
23
24
|
"scripts": {
|
|
24
|
-
"setup": "
|
|
25
|
-
"load-icons": "rm -rf s3-bucket/beta-icons && mkdir s3-bucket/beta-icons && node ./scripts/transform-icons.mjs",
|
|
25
|
+
"setup": "pnpm && pnpm build",
|
|
26
26
|
"load-3d-i10s": "rm -rf s3-bucket/illustrations3d/ && node ./scripts/load-3d-i10s.mjs",
|
|
27
27
|
"load-i10s": "copyfiles -u 3 node_modules/wise-atoms/illustrations/**/*.png temp",
|
|
28
|
-
"load-flags": "
|
|
28
|
+
"load-flags": "pnpm load-country-flags && pnpm load-currency-flags && pnpm transform-flags && pnpm convert-flags-svg-to-png",
|
|
29
29
|
"load-country-flags": "copyfiles -u 3 node_modules/wise-atoms/flags/*.svg s3-bucket/flags && node ./scripts/generate-country-flags.mjs",
|
|
30
30
|
"load-currency-flags": "copyfiles -u 3 node_modules/wise-atoms/flags/.metadata.json s3-bucket/flags && node ./scripts/generate-currency-flags.mjs",
|
|
31
31
|
"transform-flags": "node ./scripts/transform-flags.mjs",
|
|
32
32
|
"convert-flags-svg-to-png": "node ./scripts/convert-flags-svg-to-png.mjs",
|
|
33
33
|
"convert-i10s-png-to-webp": "rm -rf s3-bucket/illustrations/ && copyfiles --f node_modules/wise-atoms/illustrations/**/*.png s3-bucket/illustrations && node ./scripts/convert-png-to-webp.mjs",
|
|
34
34
|
"generate-i10s-metadata": "node ./scripts/generate-i10s-metadata.mjs && eslint 'src/illustrations/metadata.ts' --fix",
|
|
35
|
-
"bundle": "rm -rf dist && rollup --config --sourcemap &&
|
|
35
|
+
"bundle": "rm -rf dist && rollup --config --sourcemap && pnpm build-styles",
|
|
36
36
|
"cleanup": "rm -rf temp",
|
|
37
|
-
"build": "
|
|
37
|
+
"build": "pnpm load-i10s && pnpm load-3d-i10s && pnpm convert-i10s-png-to-webp && pnpm generate-i10s-metadata && pnpm load-flags && pnpm bundle && pnpm cleanup",
|
|
38
38
|
"start": "storybook dev -p 3001",
|
|
39
|
-
"dev": "
|
|
40
|
-
"test": "jest",
|
|
39
|
+
"dev": "pnpm start",
|
|
40
|
+
"test": "jest && release-to-github-with-changelog-pre-release-checks",
|
|
41
41
|
"lint-fix": "eslint 'src/**/*.{js,ts,tsx}' 'scripts/*.{mjs,js,ts,tsx}' --fix",
|
|
42
42
|
"build-docs": "storybook build -o docs && touch ./docs/.nojekyll",
|
|
43
43
|
"build-styles": "postcss src/index.css -o dist/Illustration.css"
|
|
@@ -48,16 +48,15 @@
|
|
|
48
48
|
"three": "^0.154.0",
|
|
49
49
|
"@types/three": "^0.154.0",
|
|
50
50
|
"@react-three/fiber": "^8.13.5",
|
|
51
|
-
"@react-three/drei": "^9.96.4"
|
|
52
|
-
"sanitize-html": "^2.11.0"
|
|
51
|
+
"@react-three/drei": "^9.96.4"
|
|
53
52
|
},
|
|
54
53
|
"devDependencies": {
|
|
55
|
-
"@types/sanitize-html": "^2.9.5",
|
|
56
54
|
"@babel/core": "^7.22.15",
|
|
57
55
|
"@babel/plugin-transform-runtime": "^7.22.15",
|
|
58
56
|
"@babel/preset-env": "^7.22.15",
|
|
59
57
|
"@babel/preset-react": "^7.22.15",
|
|
60
58
|
"@babel/preset-typescript": "^7.22.15",
|
|
59
|
+
"rollup": "^3.29.4",
|
|
61
60
|
"@rollup/plugin-babel": "^6.0.3",
|
|
62
61
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
63
62
|
"@storybook/addon-essentials": "^7.4.0",
|
|
@@ -82,11 +81,10 @@
|
|
|
82
81
|
"postcss-import": "^16.0.0",
|
|
83
82
|
"@csstools/postcss-minify": "^1.1.0",
|
|
84
83
|
"copyfiles": "^2.4.1",
|
|
85
|
-
"cpx": "^1.5.0",
|
|
86
84
|
"eslint": "^8.48.0",
|
|
87
85
|
"glob": "^8.1.0",
|
|
88
86
|
"imagemin": "^8.0.1",
|
|
89
|
-
"imagemin-webp": "^
|
|
87
|
+
"imagemin-webp": "^8.0.0",
|
|
90
88
|
"gltf-pipeline": "^4.1.0",
|
|
91
89
|
"jest": "^28.1.3",
|
|
92
90
|
"jest-environment-jsdom": "^28.1.3",
|
|
@@ -97,12 +95,10 @@
|
|
|
97
95
|
"release-to-github-with-changelog": "^1.2.4",
|
|
98
96
|
"sharp": "^0.32.5",
|
|
99
97
|
"storybook": "^7.4.0",
|
|
100
|
-
"ts-node": "10.9.1",
|
|
101
98
|
"typescript": "^4.9.5",
|
|
102
99
|
"vite": "^4.4.9",
|
|
103
|
-
"wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#
|
|
104
|
-
"@transferwise/neptune-css": "^14.9.3"
|
|
105
|
-
"@transferwise/icons": "^3.13.0"
|
|
100
|
+
"wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#2670be96c0a58c1ddfdb0d5e4a094bf63bc7da8d",
|
|
101
|
+
"@transferwise/neptune-css": "^14.9.3"
|
|
106
102
|
},
|
|
107
103
|
"peerDependencies": {
|
|
108
104
|
"react": ">=17",
|
|
@@ -114,6 +110,8 @@
|
|
|
114
110
|
"access": "public"
|
|
115
111
|
},
|
|
116
112
|
"resolutions": {
|
|
117
|
-
"jackspeak": "2.1.1"
|
|
113
|
+
"jackspeak": "2.1.1",
|
|
114
|
+
"http-cache-semantics": "^4.1.1",
|
|
115
|
+
"semver-regex": "^4.0.5"
|
|
118
116
|
}
|
|
119
117
|
}
|
|
@@ -44,6 +44,7 @@ export enum Assets {
|
|
|
44
44
|
JARS = 'jars',
|
|
45
45
|
KEY = 'key',
|
|
46
46
|
LIGHT_BULB = 'light-bulb',
|
|
47
|
+
LOCK_PLATFORM = 'lock-platform',
|
|
47
48
|
LOCK = 'lock',
|
|
48
49
|
MAGNIFYING_GLASS = 'magnifying-glass',
|
|
49
50
|
MAP = 'map',
|
|
@@ -65,9 +66,12 @@ export enum Assets {
|
|
|
65
66
|
RECEIVE = 'receive',
|
|
66
67
|
REMINDER_LETTER = 'reminder-letter',
|
|
67
68
|
SAND_TIMER = 'sand-timer',
|
|
69
|
+
SATELLITE_PLATFORM = 'satellite-platform',
|
|
68
70
|
SHOPPING_BAG = 'shopping-bag',
|
|
69
71
|
SKIP_AUTHENTICATION = 'skip-authentication',
|
|
70
72
|
SPEECH_BUBBLE = 'speech-bubble',
|
|
73
|
+
STOPWATCH_PLATFORM = 'stopwatch-platform',
|
|
74
|
+
TARGET_PLATFORM = 'target-platform',
|
|
71
75
|
TOOL = 'tool',
|
|
72
76
|
TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',
|
|
73
77
|
WALLET = 'wallet',
|
|
@@ -112,6 +116,7 @@ export type IllustrationNames =
|
|
|
112
116
|
| 'jars'
|
|
113
117
|
| 'key'
|
|
114
118
|
| 'light-bulb'
|
|
119
|
+
| 'lock-platform'
|
|
115
120
|
| 'lock'
|
|
116
121
|
| 'magnifying-glass'
|
|
117
122
|
| 'map'
|
|
@@ -133,9 +138,12 @@ export type IllustrationNames =
|
|
|
133
138
|
| 'receive'
|
|
134
139
|
| 'reminder-letter'
|
|
135
140
|
| 'sand-timer'
|
|
141
|
+
| 'satellite-platform'
|
|
136
142
|
| 'shopping-bag'
|
|
137
143
|
| 'skip-authentication'
|
|
138
144
|
| 'speech-bubble'
|
|
145
|
+
| 'stopwatch-platform'
|
|
146
|
+
| 'target-platform'
|
|
139
147
|
| 'tool'
|
|
140
148
|
| 'two-invite-letters-opened'
|
|
141
149
|
| 'wallet';
|
package/src/index.css
CHANGED
package/src/index.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { Flag } from './flags';
|
|
2
|
-
export { Icon } from './icons';
|
|
3
2
|
export { default as Illustration } from './illustrations';
|
|
4
3
|
export { default as Illustration3D } from './illustrations3d';
|
|
5
4
|
|
|
@@ -7,7 +6,6 @@ export { Assets } from './illustrations';
|
|
|
7
6
|
export { Sizes } from './common';
|
|
8
7
|
|
|
9
8
|
export type { FlagProps } from './flags';
|
|
10
|
-
export type { IconProps } from './icons';
|
|
11
9
|
export type { IllustrationNames, IllustrationProps } from './illustrations';
|
|
12
10
|
export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
|
|
13
11
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-275a5118.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-6a3a1306.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-345455b0.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-a33c5884.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-861861e4.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-aa1da081.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-71aaced4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-c5fb26d3.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-4bcdb92e.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-f0f91ba3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-35b153d0.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-4cf264dc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Lock-070af72c.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Lock-a508a7d9.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass-44a60017.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass-6d6a5c78.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-28f06aa6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-d84b0fb4.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard-c2ce30a3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard-cc6cb580.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrency-526a1740.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrency-bbb1399d.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Plane-52bdbc05.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Plane-e7955448.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-057939b3.esm.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","Sizes","MEDIUM","castShadows","Assets","LOCK","MULTI_CURRENCY"],"mappings":";;;;;;;;;AAYEA,MAAAA,KAAO,GAAAA,CAAA;EAAAC,QAAsB;EAAAC,SAAG;SAASC,KAAC,CAAAC,MAAAA;AAAA,CAAA,KAAA;AACzC,EAAA,MAAAC,WAAA,GAAA,CAEHC,MAAM,CAAAC,IAAK,EAsCXD,MAAA,CAAeE,cAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-3826fea0.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","Sizes","MEDIUM","castShadows","Assets","LOCK","MULTI_CURRENCY"],"mappings":";;;;;;;;;;;AAYEA,MAAAA,KAAO,GAAAA,CAAA;EAAAC,QAAsB;EAAAC,SAAG;SAASC,WAAC,CAAAC,MAAAA;AAAA,CAAA,KAAA;AACzC,EAAA,MAAAC,WAAA,GAAA,CAEHC,YAAM,CAAAC,IAAK,EAsCXD,YAAA,CAAeE,cAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/icons/Icon.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { AriaRole } from 'react';
|
|
2
|
-
export type Props = {
|
|
3
|
-
name: string;
|
|
4
|
-
size?: 16 | 24 | '16' | '24';
|
|
5
|
-
className?: string;
|
|
6
|
-
'data-testid'?: string;
|
|
7
|
-
title?: string;
|
|
8
|
-
role?: AriaRole;
|
|
9
|
-
filled?: boolean;
|
|
10
|
-
};
|
|
11
|
-
export declare const Icon: ({ name, size, className, filled, "data-testid": testId, title, role, }: Props) => import("react").JSX.Element;
|
|
12
|
-
//# sourceMappingURL=Icon.d.ts.map
|
package/dist/icons/Icon.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,IAAI,2EAQd,KAAK,gCA8BP,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.spec.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.spec.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC"}
|
package/dist/icons/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|