@wise/art 2.7.0 → 2.8.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.
Files changed (119) hide show
  1. package/README.md +47 -0
  2. package/dist/CheckMark-6516e382.js +39 -0
  3. package/dist/CheckMark-6516e382.js.map +1 -0
  4. package/dist/CheckMark-7e2e6863.esm.js +37 -0
  5. package/dist/CheckMark-7e2e6863.esm.js.map +1 -0
  6. package/dist/Confetti-71f18588.js +36 -0
  7. package/dist/Confetti-71f18588.js.map +1 -0
  8. package/dist/Confetti-f1f0c4a5.esm.js +34 -0
  9. package/dist/Confetti-f1f0c4a5.esm.js.map +1 -0
  10. package/dist/Flower-2325e8ba.js +29 -0
  11. package/dist/Flower-2325e8ba.js.map +1 -0
  12. package/dist/Flower-8a17d7a6.esm.js +27 -0
  13. package/dist/Flower-8a17d7a6.esm.js.map +1 -0
  14. package/dist/Globe-601b1eb5.esm.js +43 -0
  15. package/dist/Globe-601b1eb5.esm.js.map +1 -0
  16. package/dist/Globe-93237bd2.js +45 -0
  17. package/dist/Globe-93237bd2.js.map +1 -0
  18. package/dist/Graph-536a6847.js +33 -0
  19. package/dist/Graph-536a6847.js.map +1 -0
  20. package/dist/Graph-e766a791.esm.js +31 -0
  21. package/dist/Graph-e766a791.esm.js.map +1 -0
  22. package/dist/Illustration.css +19 -0
  23. package/dist/Jars-9afb6e8b.esm.js +50 -0
  24. package/dist/Jars-9afb6e8b.esm.js.map +1 -0
  25. package/dist/Jars-fcb1e2b1.js +52 -0
  26. package/dist/Jars-fcb1e2b1.js.map +1 -0
  27. package/dist/Lock-2365c3f9.esm.js +41 -0
  28. package/dist/Lock-2365c3f9.esm.js.map +1 -0
  29. package/dist/Lock-e5c89aa2.js +43 -0
  30. package/dist/Lock-e5c89aa2.js.map +1 -0
  31. package/dist/MagnifyingGlass-92351fd6.js +32 -0
  32. package/dist/MagnifyingGlass-92351fd6.js.map +1 -0
  33. package/dist/MagnifyingGlass-92fbedda.esm.js +30 -0
  34. package/dist/MagnifyingGlass-92fbedda.esm.js.map +1 -0
  35. package/dist/Marble-0f2d6f38.js +44 -0
  36. package/dist/Marble-0f2d6f38.js.map +1 -0
  37. package/dist/Marble-91d300a3.esm.js +42 -0
  38. package/dist/Marble-91d300a3.esm.js.map +1 -0
  39. package/dist/MarbleCard-690b2b8e.esm.js +45 -0
  40. package/dist/MarbleCard-690b2b8e.esm.js.map +1 -0
  41. package/dist/MarbleCard-ed7536dc.js +47 -0
  42. package/dist/MarbleCard-ed7536dc.js.map +1 -0
  43. package/dist/MultiCurrency-0456db19.js +63 -0
  44. package/dist/MultiCurrency-0456db19.js.map +1 -0
  45. package/dist/MultiCurrency-1b491db5.esm.js +61 -0
  46. package/dist/MultiCurrency-1b491db5.esm.js.map +1 -0
  47. package/dist/Plane-b6340ff4.js +39 -0
  48. package/dist/Plane-b6340ff4.js.map +1 -0
  49. package/dist/Plane-d631e81c.esm.js +37 -0
  50. package/dist/Plane-d631e81c.esm.js.map +1 -0
  51. package/dist/Scene-45fbe252.js +48 -0
  52. package/dist/Scene-45fbe252.js.map +1 -0
  53. package/dist/Scene-783029f4.esm.js +46 -0
  54. package/dist/Scene-783029f4.esm.js.map +1 -0
  55. package/dist/common.d.ts +5 -0
  56. package/dist/common.d.ts.map +1 -1
  57. package/dist/illustrations3d/Illustration3D.d.ts +11 -0
  58. package/dist/illustrations3d/Illustration3D.d.ts.map +1 -0
  59. package/dist/illustrations3d/Scene.d.ts +10 -0
  60. package/dist/illustrations3d/Scene.d.ts.map +1 -0
  61. package/dist/illustrations3d/index.d.ts +5 -0
  62. package/dist/illustrations3d/index.d.ts.map +1 -0
  63. package/dist/illustrations3d/models/CheckMark.d.ts +4 -0
  64. package/dist/illustrations3d/models/CheckMark.d.ts.map +1 -0
  65. package/dist/illustrations3d/models/Confetti.d.ts +4 -0
  66. package/dist/illustrations3d/models/Confetti.d.ts.map +1 -0
  67. package/dist/illustrations3d/models/Flower.d.ts +4 -0
  68. package/dist/illustrations3d/models/Flower.d.ts.map +1 -0
  69. package/dist/illustrations3d/models/Globe.d.ts +4 -0
  70. package/dist/illustrations3d/models/Globe.d.ts.map +1 -0
  71. package/dist/illustrations3d/models/Graph.d.ts +4 -0
  72. package/dist/illustrations3d/models/Graph.d.ts.map +1 -0
  73. package/dist/illustrations3d/models/Jars.d.ts +4 -0
  74. package/dist/illustrations3d/models/Jars.d.ts.map +1 -0
  75. package/dist/illustrations3d/models/Lock.d.ts +4 -0
  76. package/dist/illustrations3d/models/Lock.d.ts.map +1 -0
  77. package/dist/illustrations3d/models/MagnifyingGlass.d.ts +4 -0
  78. package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +1 -0
  79. package/dist/illustrations3d/models/Marble.d.ts +4 -0
  80. package/dist/illustrations3d/models/Marble.d.ts.map +1 -0
  81. package/dist/illustrations3d/models/MarbleCard.d.ts +4 -0
  82. package/dist/illustrations3d/models/MarbleCard.d.ts.map +1 -0
  83. package/dist/illustrations3d/models/MultiCurrency.d.ts +4 -0
  84. package/dist/illustrations3d/models/MultiCurrency.d.ts.map +1 -0
  85. package/dist/illustrations3d/models/Plane.d.ts +4 -0
  86. package/dist/illustrations3d/models/Plane.d.ts.map +1 -0
  87. package/dist/illustrations3d/utils.d.ts +9 -0
  88. package/dist/illustrations3d/utils.d.ts.map +1 -0
  89. package/dist/index-3b6277fc.esm.js +325 -0
  90. package/dist/index-3b6277fc.esm.js.map +1 -0
  91. package/dist/index-c17944c0.js +332 -0
  92. package/dist/index-c17944c0.js.map +1 -0
  93. package/dist/index.d.ts +3 -0
  94. package/dist/index.d.ts.map +1 -1
  95. package/dist/index.esm.js +4 -158
  96. package/dist/index.esm.js.map +1 -1
  97. package/dist/index.js +15 -155
  98. package/dist/index.js.map +1 -1
  99. package/package.json +10 -4
  100. package/src/common.ts +6 -0
  101. package/src/illustrations/Illustration.css +19 -0
  102. package/src/illustrations3d/Illustration3D.stories.tsx +88 -0
  103. package/src/illustrations3d/Illustration3D.tsx +133 -0
  104. package/src/illustrations3d/Scene.tsx +54 -0
  105. package/src/illustrations3d/index.ts +6 -0
  106. package/src/illustrations3d/models/CheckMark.tsx +30 -0
  107. package/src/illustrations3d/models/Confetti.tsx +29 -0
  108. package/src/illustrations3d/models/Flower.tsx +24 -0
  109. package/src/illustrations3d/models/Globe.tsx +41 -0
  110. package/src/illustrations3d/models/Graph.tsx +26 -0
  111. package/src/illustrations3d/models/Jars.tsx +47 -0
  112. package/src/illustrations3d/models/Lock.tsx +38 -0
  113. package/src/illustrations3d/models/MagnifyingGlass.tsx +30 -0
  114. package/src/illustrations3d/models/Marble.tsx +47 -0
  115. package/src/illustrations3d/models/MarbleCard.tsx +50 -0
  116. package/src/illustrations3d/models/MultiCurrency.tsx +58 -0
  117. package/src/illustrations3d/models/Plane.tsx +33 -0
  118. package/src/illustrations3d/utils.ts +68 -0
  119. package/src/index.ts +5 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckMark.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/CheckMark.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,SAAS,mCAoBd,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Confetti: () => import("react").JSX.Element;
3
+ export default Confetti;
4
+ //# sourceMappingURL=Confetti.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Confetti.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Confetti.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,QAAQ,mCAmBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Flower: () => import("react").JSX.Element;
3
+ export default Flower;
4
+ //# sourceMappingURL=Flower.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flower.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Flower.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM,mCAeX,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Globe: () => import("react").JSX.Element;
3
+ export default Globe;
4
+ //# sourceMappingURL=Globe.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Globe.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,KAAK,mCAgCV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Graph: () => import("react").JSX.Element;
3
+ export default Graph;
4
+ //# sourceMappingURL=Graph.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Graph.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,KAAK,mCAiBV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Jars: () => import("react").JSX.Element;
3
+ export default Jars;
4
+ //# sourceMappingURL=Jars.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Jars.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Jars.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,IAAI,mCAqCT,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Lock: () => import("react").JSX.Element;
3
+ export default Lock;
4
+ //# sourceMappingURL=Lock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Lock.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,IAAI,mCA4BT,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const MagnifyingGlass: () => import("react").JSX.Element;
3
+ export default MagnifyingGlass;
4
+ //# sourceMappingURL=MagnifyingGlass.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MagnifyingGlass.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MagnifyingGlass.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,eAAe,mCAqBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Marble: () => import("react").JSX.Element;
3
+ export default Marble;
4
+ //# sourceMappingURL=Marble.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Marble.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Marble.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM,mCAsCX,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const MarbleCard: () => import("react").JSX.Element;
3
+ export default MarbleCard;
4
+ //# sourceMappingURL=MarbleCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarbleCard.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MarbleCard.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,UAAU,mCAyCf,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const MultiCurrency: () => import("react").JSX.Element;
3
+ export default MultiCurrency;
4
+ //# sourceMappingURL=MultiCurrency.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiCurrency.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MultiCurrency.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,aAAa,mCAgDlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare const Plane: () => import("react").JSX.Element;
3
+ export default Plane;
4
+ //# sourceMappingURL=Plane.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Plane.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Plane.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,KAAK,mCAuBV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { IllustrationNames } from '../illustrations/metadata';
2
+ export declare function useBattery(): {
3
+ level: number;
4
+ };
5
+ export declare function isBatteryLow(batteryLevel: number): boolean;
6
+ export declare function isConnectionSlow(): boolean;
7
+ export declare function defineSrc(asset: string): string;
8
+ export declare function isIllustrationSupport3D(asset: IllustrationNames): boolean;
9
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,wBAAgB,UAAU;WACgC,MAAM;EAoB/D;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED,wBAAgB,gBAAgB,IAAI,OAAO,CAa1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C;AAiBD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAEzE"}
@@ -0,0 +1,325 @@
1
+ import { useState, useEffect, forwardRef, Suspense, lazy } from 'react';
2
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
+ import { clsx } from 'clsx';
4
+
5
+ const unknownFlagName = 'wise';
6
+ const Flag = ({
7
+ code,
8
+ intrinsicSize = 64
9
+ }) => {
10
+ const [fallback, setFallback] = useState(null);
11
+ useEffect(() => {
12
+ setFallback(null);
13
+ }, [code]);
14
+ const detailed = intrinsicSize >= 150;
15
+ const name = fallback !== 'unknown' ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}` : unknownFlagName;
16
+ return /*#__PURE__*/jsx("img", {
17
+ src: `https://wise.com/web-art/assets/flags/${name}.svg`,
18
+ alt: "",
19
+ width: intrinsicSize,
20
+ height: intrinsicSize,
21
+ onError: () => {
22
+ setFallback(prev => prev == null && detailed ? 'simple' : 'unknown');
23
+ }
24
+ });
25
+ };
26
+
27
+ var Sizes;
28
+ (function (Sizes) {
29
+ Sizes["SMALL"] = "small";
30
+ Sizes["MEDIUM"] = "medium";
31
+ Sizes["LARGE"] = "large";
32
+ })(Sizes || (Sizes = {}));
33
+ const ImageSizes = {
34
+ [Sizes.SMALL]: 200,
35
+ [Sizes.MEDIUM]: 300,
36
+ [Sizes.LARGE]: 500
37
+ };
38
+
39
+ const imageSizes = {
40
+ [Sizes.SMALL]: 200,
41
+ [Sizes.MEDIUM]: 300,
42
+ [Sizes.LARGE]: 500
43
+ };
44
+ const Illustration = /*#__PURE__*/forwardRef(({
45
+ id,
46
+ name,
47
+ alt,
48
+ loading = 'eager',
49
+ className,
50
+ size = Sizes.MEDIUM,
51
+ disablePadding = false
52
+ }, ref) => {
53
+ const {
54
+ SMALL,
55
+ MEDIUM
56
+ } = Sizes;
57
+ return name ? /*#__PURE__*/jsxs("picture", {
58
+ children: [size === Sizes.LARGE || size === Sizes.MEDIUM ? /*#__PURE__*/jsxs(Fragment, {
59
+ children: [/*#__PURE__*/jsx("source", {
60
+ width: imageSizes[SMALL],
61
+ height: imageSizes[SMALL],
62
+ media: "(max-width: 575px)",
63
+ srcSet: `${defineSrc$1(name, SMALL, '1x')}, ${defineSrc$1(name, SMALL, '2x')} 2x`
64
+ }), size !== Sizes.MEDIUM ? /*#__PURE__*/jsx("source", {
65
+ width: imageSizes[MEDIUM],
66
+ height: imageSizes[MEDIUM],
67
+ media: "(max-width: 992px)",
68
+ srcSet: `${defineSrc$1(name, MEDIUM, '1x')}, ${defineSrc$1(name, MEDIUM, '2x')} 2x`
69
+ }) : null]
70
+ }) : null, /*#__PURE__*/jsx("img", {
71
+ id: id,
72
+ ref: ref,
73
+ alt: alt ?? name.replace('-', ' '),
74
+ "data-testid": `wds-${name}-illustration`,
75
+ className: clsx(`wds-illustration wds-illustration-${name}`, className, !disablePadding && 'wds-illustration-padding'),
76
+ loading: loading,
77
+ src: defineSrc$1(name, size, '1x'),
78
+ srcSet: `${defineSrc$1(name, size, '2x')} 2x`,
79
+ width: imageSizes[size],
80
+ height: imageSizes[size]
81
+ })]
82
+ }) : null;
83
+ });
84
+ function defineSrc$1(illustration, size, descriptor) {
85
+ return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;
86
+ }
87
+
88
+ /*
89
+ *
90
+ * DON'T MODIFY THIS FILE IT'S AUTO GENERATED
91
+ * See: `scripts/generate-i10s-metadata.mjs`
92
+ *
93
+ */
94
+ var Assets;
95
+ (function (Assets) {
96
+ Assets["BELL"] = "bell";
97
+ Assets["BRIEFCASE"] = "briefcase";
98
+ Assets["BUSINESS_CARD"] = "business-card";
99
+ Assets["CALENDAR"] = "calendar";
100
+ Assets["CHECK_MARK"] = "check-mark";
101
+ Assets["CLOSED_WINDOW"] = "closed-window";
102
+ Assets["COIN_PILE_DOWN"] = "coin-pile-down";
103
+ Assets["COIN_PILE_UP"] = "coin-pile-up";
104
+ Assets["CONFETTI"] = "confetti";
105
+ Assets["CONSTRUCTION_FENCE"] = "construction-fence";
106
+ Assets["CONVERT"] = "convert";
107
+ Assets["COOKIE"] = "cookie";
108
+ Assets["DIGITAL_CARD_2"] = "digital-card-2";
109
+ Assets["DIGITAL_CARD"] = "digital-card";
110
+ Assets["DOCUMENTS"] = "documents";
111
+ Assets["DOOR"] = "door";
112
+ Assets["ECO_CARD"] = "eco-card";
113
+ Assets["ELECTRIC_PLUG"] = "electric-plug";
114
+ Assets["EMAIL_SUCCESS"] = "email-success";
115
+ Assets["EMAIL"] = "email";
116
+ Assets["EXCLAMATION_MARK"] = "exclamation-mark";
117
+ Assets["FLAG"] = "flag";
118
+ Assets["FLOWER"] = "flower";
119
+ Assets["GEAR"] = "gear";
120
+ Assets["GLOBE"] = "globe";
121
+ Assets["GRAPH"] = "graph";
122
+ Assets["HEART_2"] = "heart-2";
123
+ Assets["HEART_3"] = "heart-3";
124
+ Assets["HEART_4"] = "heart-4";
125
+ Assets["HEART_5"] = "heart-5";
126
+ Assets["HEART"] = "heart";
127
+ Assets["HOUSE"] = "house";
128
+ Assets["ID_CARD"] = "id-card";
129
+ Assets["INFINITE"] = "infinite";
130
+ Assets["INVITE_LETTER"] = "invite-letter";
131
+ Assets["JARS"] = "jars";
132
+ Assets["KEY"] = "key";
133
+ Assets["LIGHT_BULB"] = "light-bulb";
134
+ Assets["LOCK"] = "lock";
135
+ Assets["MAGNIFYING_GLASS"] = "magnifying-glass";
136
+ Assets["MAP"] = "map";
137
+ Assets["MARBLE_CARD_BUSINESS"] = "marble-card-business";
138
+ Assets["MARBLE_CARD"] = "marble-card";
139
+ Assets["MARBLE"] = "marble";
140
+ Assets["MEGAPHONE"] = "megaphone";
141
+ Assets["MULTI_CURRENCY"] = "multi-currency";
142
+ Assets["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
143
+ Assets["PALM_TREE"] = "palm-tree";
144
+ Assets["PERCENTAGE"] = "percentage";
145
+ Assets["PERSONAL_CARD"] = "personal-card";
146
+ Assets["PHONES"] = "phones";
147
+ Assets["PIE_CHART"] = "pie-chart";
148
+ Assets["PLANE_2"] = "plane-2";
149
+ Assets["PLANE"] = "plane";
150
+ Assets["PUZZLE_PIECES"] = "puzzle-pieces";
151
+ Assets["QUESTION_MARK"] = "question-mark";
152
+ Assets["RECEIVE"] = "receive";
153
+ Assets["REMINDER_LETTER"] = "reminder-letter";
154
+ Assets["SAND_TIMER"] = "sand-timer";
155
+ Assets["SHOPPING_BAG"] = "shopping-bag";
156
+ Assets["SKIP_AUTHENTICATION"] = "skip-authentication";
157
+ Assets["SPEECH_BUBBLE"] = "speech-bubble";
158
+ Assets["TOOL"] = "tool";
159
+ Assets["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
160
+ Assets["WALLET"] = "wallet";
161
+ })(Assets || (Assets = {}));
162
+
163
+ function useBattery() {
164
+ const [batteryData, setBatteryData] = useState({
165
+ level: 1.0
166
+ });
167
+ useEffect(() => {
168
+ const getBatteryData = async () => {
169
+ // @ts-expect-error .getBattery exists in Navigator interface
170
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-call
171
+ const battery = await navigator.getBattery();
172
+ setBatteryData({
173
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
174
+ level: battery?.level
175
+ });
176
+ };
177
+ // Check if the browser supports the Battery API
178
+ if ('getBattery' in navigator) {
179
+ void getBatteryData();
180
+ }
181
+ }, []);
182
+ return batteryData;
183
+ }
184
+ function isBatteryLow(batteryLevel) {
185
+ return batteryLevel < 0.2;
186
+ }
187
+ function isConnectionSlow() {
188
+ // @ts-expect-error .connection prop exists in Navigator interface
189
+ const {
190
+ connection
191
+ } = window.navigator;
192
+ if (connection === undefined) {
193
+ return false;
194
+ }
195
+ return (
196
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
197
+ ['slow-2g', '2g'].includes(connection?.effectiveType) ||
198
+ // @ts-expect-error Property 'connection' does exist on type 'Navigator'
199
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
200
+ navigator?.connection?.saveData === true
201
+ );
202
+ }
203
+ function defineSrc(asset) {
204
+ return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
205
+ }
206
+ const illustration3DNames = ['lock', 'globe', 'confetti', 'check-mark', 'flower', 'graph', 'jars', 'magnifying-glass', 'marble', 'marble-card', 'multi-currency', 'plane'];
207
+ function isIllustrationSupport3D(asset) {
208
+ return illustration3DNames.includes(asset);
209
+ }
210
+
211
+ /* eslint-disable fp/no-mutation */
212
+ var RenderMode;
213
+ (function (RenderMode) {
214
+ RenderMode[RenderMode["INIT"] = 0] = "INIT";
215
+ RenderMode[RenderMode["FALLBACK"] = 1] = "FALLBACK";
216
+ RenderMode[RenderMode["ASSET_3D"] = 2] = "ASSET_3D";
217
+ })(RenderMode || (RenderMode = {}));
218
+ const Illustration3D = ({
219
+ name,
220
+ size = Sizes.MEDIUM,
221
+ className
222
+ }) => {
223
+ const [renderMode, setRenderMode] = useState(RenderMode.INIT);
224
+ const [inintrinsicSize, setInintrinsicSize] = useState(size);
225
+ const batteryData = useBattery();
226
+ useEffect(() => {
227
+ setRenderMode(isConnectionSlow() || isBatteryLow(batteryData.level) ? RenderMode.FALLBACK : RenderMode.ASSET_3D);
228
+ const isMobile = (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
229
+ if (isMobile) {
230
+ setInintrinsicSize(Sizes.SMALL);
231
+ }
232
+ }, [batteryData]);
233
+ return /*#__PURE__*/jsx("div", {
234
+ className: clsx(`wds-illustration-3d wds-illustration-3d-${name} wds-illustration-3d-${inintrinsicSize}`, className),
235
+ children: renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? /*#__PURE__*/jsx(Suspense, {
236
+ fallback: null,
237
+ children: getModel({
238
+ name,
239
+ size: inintrinsicSize
240
+ })
241
+ }) : /*#__PURE__*/jsx(Illustration, {
242
+ name: name,
243
+ size: size,
244
+ alt: ""
245
+ })
246
+ });
247
+ };
248
+ function getModel({
249
+ name,
250
+ size
251
+ }) {
252
+ // @ts-expect-error unknown generic
253
+ let Model = /*#__PURE__*/jsx(Fragment, {});
254
+ const Scene = /*#__PURE__*/lazy(() => import('./Scene-783029f4.esm.js'));
255
+ switch (name) {
256
+ case Assets.LOCK:
257
+ {
258
+ Model = /*#__PURE__*/lazy(() => import('./Lock-2365c3f9.esm.js'));
259
+ break;
260
+ }
261
+ case Assets.GLOBE:
262
+ {
263
+ Model = /*#__PURE__*/lazy(() => import('./Globe-601b1eb5.esm.js'));
264
+ break;
265
+ }
266
+ case Assets.CONFETTI:
267
+ {
268
+ Model = /*#__PURE__*/lazy(() => import('./Confetti-f1f0c4a5.esm.js'));
269
+ break;
270
+ }
271
+ case Assets.CHECK_MARK:
272
+ {
273
+ Model = /*#__PURE__*/lazy(() => import('./CheckMark-7e2e6863.esm.js'));
274
+ break;
275
+ }
276
+ case Assets.FLOWER:
277
+ {
278
+ Model = /*#__PURE__*/lazy(() => import('./Flower-8a17d7a6.esm.js'));
279
+ break;
280
+ }
281
+ case Assets.PLANE:
282
+ {
283
+ Model = /*#__PURE__*/lazy(() => import('./Plane-d631e81c.esm.js'));
284
+ break;
285
+ }
286
+ case Assets.GRAPH:
287
+ {
288
+ Model = /*#__PURE__*/lazy(() => import('./Graph-e766a791.esm.js'));
289
+ break;
290
+ }
291
+ case Assets.MARBLE:
292
+ {
293
+ Model = /*#__PURE__*/lazy(() => import('./Marble-91d300a3.esm.js'));
294
+ break;
295
+ }
296
+ case Assets.MARBLE_CARD:
297
+ {
298
+ Model = /*#__PURE__*/lazy(() => import('./MarbleCard-690b2b8e.esm.js'));
299
+ break;
300
+ }
301
+ case Assets.MAGNIFYING_GLASS:
302
+ {
303
+ Model = /*#__PURE__*/lazy(() => import('./MagnifyingGlass-92fbedda.esm.js'));
304
+ break;
305
+ }
306
+ case Assets.JARS:
307
+ {
308
+ Model = /*#__PURE__*/lazy(() => import('./Jars-9afb6e8b.esm.js'));
309
+ break;
310
+ }
311
+ case Assets.MULTI_CURRENCY:
312
+ {
313
+ Model = /*#__PURE__*/lazy(() => import('./MultiCurrency-1b491db5.esm.js'));
314
+ break;
315
+ }
316
+ }
317
+ return /*#__PURE__*/jsx(Scene, {
318
+ assetName: name,
319
+ size: size,
320
+ children: /*#__PURE__*/jsx(Model, {})
321
+ });
322
+ }
323
+
324
+ export { Assets as A, Flag as F, ImageSizes as I, Sizes as S, Illustration as a, Illustration3D as b, defineSrc as d, isIllustrationSupport3D as i };
325
+ //# sourceMappingURL=index-3b6277fc.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-3b6277fc.esm.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":[null,null,null,null,null,null],"names":["unknownFlagName","Flag","code","intrinsicSize","useEffect","setFallback","name","fallback","toLowerCase","detailed","_jsx","src","height","onError","Sizes","LARGE","imageSizes","SMALL","MEDIUM","Illustration","forwardRef","id","alt","loading","className","size","disablePadding","ref","_jsxs","children","_Fragment","width","media","srcSet","defineSrc","descriptor","Assets","useBattery","batteryData","setBatteryData","useState","level","getBatteryData","battery","RenderMode"],"mappings":"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"}