@wise/art 0.0.0-experimental-1d6d788

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 (174) hide show
  1. package/README.md +155 -0
  2. package/dist/CheckMark-C7SPkQjr.esm.js +38 -0
  3. package/dist/CheckMark-C7SPkQjr.esm.js.map +1 -0
  4. package/dist/CheckMark-DbWrBNtH.js +40 -0
  5. package/dist/CheckMark-DbWrBNtH.js.map +1 -0
  6. package/dist/Confetti-BbPKLCpN.js +37 -0
  7. package/dist/Confetti-BbPKLCpN.js.map +1 -0
  8. package/dist/Confetti-DPMBG56o.esm.js +35 -0
  9. package/dist/Confetti-DPMBG56o.esm.js.map +1 -0
  10. package/dist/Flower-Dhjb1Y6Z.esm.js +28 -0
  11. package/dist/Flower-Dhjb1Y6Z.esm.js.map +1 -0
  12. package/dist/Flower-I053ey4H.js +30 -0
  13. package/dist/Flower-I053ey4H.js.map +1 -0
  14. package/dist/Globe-CJDK9wR6.esm.js +44 -0
  15. package/dist/Globe-CJDK9wR6.esm.js.map +1 -0
  16. package/dist/Globe-DD_Ybugr.js +46 -0
  17. package/dist/Globe-DD_Ybugr.js.map +1 -0
  18. package/dist/Graph-D1M4JGez.esm.js +32 -0
  19. package/dist/Graph-D1M4JGez.esm.js.map +1 -0
  20. package/dist/Graph-DrtwCTeB.js +34 -0
  21. package/dist/Graph-DrtwCTeB.js.map +1 -0
  22. package/dist/Illustration.css +1 -0
  23. package/dist/Interest-5AzhwfRZ.js +53 -0
  24. package/dist/Interest-5AzhwfRZ.js.map +1 -0
  25. package/dist/Interest-d9YRzYsQ.esm.js +51 -0
  26. package/dist/Interest-d9YRzYsQ.esm.js.map +1 -0
  27. package/dist/Jars-Bj5zryIy.esm.js +51 -0
  28. package/dist/Jars-Bj5zryIy.esm.js.map +1 -0
  29. package/dist/Jars-DTpuM002.js +53 -0
  30. package/dist/Jars-DTpuM002.js.map +1 -0
  31. package/dist/Lock-Ca-LEge7.js +44 -0
  32. package/dist/Lock-Ca-LEge7.js.map +1 -0
  33. package/dist/Lock-xy_KoW2g.esm.js +42 -0
  34. package/dist/Lock-xy_KoW2g.esm.js.map +1 -0
  35. package/dist/MagnifyingGlass-CR0nvKTo.esm.js +31 -0
  36. package/dist/MagnifyingGlass-CR0nvKTo.esm.js.map +1 -0
  37. package/dist/MagnifyingGlass-DFASWsdn.js +33 -0
  38. package/dist/MagnifyingGlass-DFASWsdn.js.map +1 -0
  39. package/dist/Marble-BZIHD9uw.js +45 -0
  40. package/dist/Marble-BZIHD9uw.js.map +1 -0
  41. package/dist/Marble-Dn1NhVNa.esm.js +43 -0
  42. package/dist/Marble-Dn1NhVNa.esm.js.map +1 -0
  43. package/dist/MarbleCard-CLq_nDBM.esm.js +46 -0
  44. package/dist/MarbleCard-CLq_nDBM.esm.js.map +1 -0
  45. package/dist/MarbleCard-CtjGjEPp.js +48 -0
  46. package/dist/MarbleCard-CtjGjEPp.js.map +1 -0
  47. package/dist/MultiCurrency-B5HtZfTG.esm.js +62 -0
  48. package/dist/MultiCurrency-B5HtZfTG.esm.js.map +1 -0
  49. package/dist/MultiCurrency-Bh-7t3nH.js +64 -0
  50. package/dist/MultiCurrency-Bh-7t3nH.js.map +1 -0
  51. package/dist/Plane-D-NW6i-O.js +40 -0
  52. package/dist/Plane-D-NW6i-O.js.map +1 -0
  53. package/dist/Plane-aYcLKAhf.esm.js +38 -0
  54. package/dist/Plane-aYcLKAhf.esm.js.map +1 -0
  55. package/dist/Scene-ClmxQ_BP.esm.js +54 -0
  56. package/dist/Scene-ClmxQ_BP.esm.js.map +1 -0
  57. package/dist/Scene-DNB5gL2m.js +56 -0
  58. package/dist/Scene-DNB5gL2m.js.map +1 -0
  59. package/dist/common-DBpCdW70.esm.js +14 -0
  60. package/dist/common-DBpCdW70.esm.js.map +1 -0
  61. package/dist/common-H4L6Hbbh.js +16 -0
  62. package/dist/common-H4L6Hbbh.js.map +1 -0
  63. package/dist/common.d.ts +15 -0
  64. package/dist/common.d.ts.map +1 -0
  65. package/dist/flags/Flag.d.ts +14 -0
  66. package/dist/flags/Flag.d.ts.map +1 -0
  67. package/dist/flags/Flag.spec.d.ts +2 -0
  68. package/dist/flags/Flag.spec.d.ts.map +1 -0
  69. package/dist/flags/index.d.ts +3 -0
  70. package/dist/flags/index.d.ts.map +1 -0
  71. package/dist/flags/metadata.d.ts +2 -0
  72. package/dist/flags/metadata.d.ts.map +1 -0
  73. package/dist/illustrations/Illustration.d.ts +20 -0
  74. package/dist/illustrations/Illustration.d.ts.map +1 -0
  75. package/dist/illustrations/Illustration.spec.d.ts +2 -0
  76. package/dist/illustrations/Illustration.spec.d.ts.map +1 -0
  77. package/dist/illustrations/index.d.ts +5 -0
  78. package/dist/illustrations/index.d.ts.map +1 -0
  79. package/dist/illustrations/metadata.d.ts +113 -0
  80. package/dist/illustrations/metadata.d.ts.map +1 -0
  81. package/dist/illustrations3d/Illustration3D.d.ts +10 -0
  82. package/dist/illustrations3d/Illustration3D.d.ts.map +1 -0
  83. package/dist/illustrations3d/Scene.d.ts +10 -0
  84. package/dist/illustrations3d/Scene.d.ts.map +1 -0
  85. package/dist/illustrations3d/index.d.ts +5 -0
  86. package/dist/illustrations3d/index.d.ts.map +1 -0
  87. package/dist/illustrations3d/models/CheckMark.d.ts +3 -0
  88. package/dist/illustrations3d/models/CheckMark.d.ts.map +1 -0
  89. package/dist/illustrations3d/models/Confetti.d.ts +3 -0
  90. package/dist/illustrations3d/models/Confetti.d.ts.map +1 -0
  91. package/dist/illustrations3d/models/Flower.d.ts +3 -0
  92. package/dist/illustrations3d/models/Flower.d.ts.map +1 -0
  93. package/dist/illustrations3d/models/Globe.d.ts +3 -0
  94. package/dist/illustrations3d/models/Globe.d.ts.map +1 -0
  95. package/dist/illustrations3d/models/Graph.d.ts +3 -0
  96. package/dist/illustrations3d/models/Graph.d.ts.map +1 -0
  97. package/dist/illustrations3d/models/Interest.d.ts +3 -0
  98. package/dist/illustrations3d/models/Interest.d.ts.map +1 -0
  99. package/dist/illustrations3d/models/Jars.d.ts +3 -0
  100. package/dist/illustrations3d/models/Jars.d.ts.map +1 -0
  101. package/dist/illustrations3d/models/Lock.d.ts +3 -0
  102. package/dist/illustrations3d/models/Lock.d.ts.map +1 -0
  103. package/dist/illustrations3d/models/MagnifyingGlass.d.ts +3 -0
  104. package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +1 -0
  105. package/dist/illustrations3d/models/Marble.d.ts +3 -0
  106. package/dist/illustrations3d/models/Marble.d.ts.map +1 -0
  107. package/dist/illustrations3d/models/MarbleCard.d.ts +3 -0
  108. package/dist/illustrations3d/models/MarbleCard.d.ts.map +1 -0
  109. package/dist/illustrations3d/models/MultiCurrency.d.ts +3 -0
  110. package/dist/illustrations3d/models/MultiCurrency.d.ts.map +1 -0
  111. package/dist/illustrations3d/models/Plane.d.ts +3 -0
  112. package/dist/illustrations3d/models/Plane.d.ts.map +1 -0
  113. package/dist/illustrations3d/utils.d.ts +9 -0
  114. package/dist/illustrations3d/utils.d.ts.map +1 -0
  115. package/dist/illustrations3d/utils.spec.d.ts +2 -0
  116. package/dist/illustrations3d/utils.spec.d.ts.map +1 -0
  117. package/dist/index-ApMK-TMV.esm.js +377 -0
  118. package/dist/index-ApMK-TMV.esm.js.map +1 -0
  119. package/dist/index-CeTVmx_6.js +383 -0
  120. package/dist/index-CeTVmx_6.js.map +1 -0
  121. package/dist/index.d.ts +10 -0
  122. package/dist/index.d.ts.map +1 -0
  123. package/dist/index.esm.js +6 -0
  124. package/dist/index.esm.js.map +1 -0
  125. package/dist/index.js +23 -0
  126. package/dist/index.js.map +1 -0
  127. package/dist/rive/RiveIllustration.d.ts +13 -0
  128. package/dist/rive/RiveIllustration.d.ts.map +1 -0
  129. package/dist/rive/index.d.ts +3 -0
  130. package/dist/rive/index.d.ts.map +1 -0
  131. package/dist/rive/index.esm.js +47 -0
  132. package/dist/rive/index.esm.js.map +1 -0
  133. package/dist/rive/index.js +53 -0
  134. package/dist/rive/index.js.map +1 -0
  135. package/package.json +125 -0
  136. package/src/common.ts +17 -0
  137. package/src/flags/AllFlagsAndSizes.stories.tsx +131 -0
  138. package/src/flags/Flag.css +4 -0
  139. package/src/flags/Flag.spec.tsx +31 -0
  140. package/src/flags/Flag.stories.tsx +20 -0
  141. package/src/flags/Flag.tsx +65 -0
  142. package/src/flags/index.ts +2 -0
  143. package/src/flags/metadata.ts +9 -0
  144. package/src/illustrations/Illustration.css +27 -0
  145. package/src/illustrations/Illustration.spec.tsx +20 -0
  146. package/src/illustrations/Illustration.stories.tsx +58 -0
  147. package/src/illustrations/Illustration.tsx +95 -0
  148. package/src/illustrations/index.ts +5 -0
  149. package/src/illustrations/metadata.ts +13 -0
  150. package/src/illustrations3d/Illustration3D.stories.tsx +101 -0
  151. package/src/illustrations3d/Illustration3D.tsx +139 -0
  152. package/src/illustrations3d/Scene.tsx +62 -0
  153. package/src/illustrations3d/index.ts +6 -0
  154. package/src/illustrations3d/models/CheckMark.tsx +30 -0
  155. package/src/illustrations3d/models/Confetti.tsx +29 -0
  156. package/src/illustrations3d/models/Flower.tsx +24 -0
  157. package/src/illustrations3d/models/Globe.tsx +41 -0
  158. package/src/illustrations3d/models/Graph.tsx +26 -0
  159. package/src/illustrations3d/models/Interest.tsx +42 -0
  160. package/src/illustrations3d/models/Jars.tsx +47 -0
  161. package/src/illustrations3d/models/Lock.tsx +38 -0
  162. package/src/illustrations3d/models/MagnifyingGlass.tsx +30 -0
  163. package/src/illustrations3d/models/Marble.tsx +47 -0
  164. package/src/illustrations3d/models/MarbleCard.tsx +50 -0
  165. package/src/illustrations3d/models/MultiCurrency.tsx +58 -0
  166. package/src/illustrations3d/models/Plane.tsx +33 -0
  167. package/src/illustrations3d/utils.spec.tsx +36 -0
  168. package/src/illustrations3d/utils.ts +73 -0
  169. package/src/index.css +3 -0
  170. package/src/index.ts +12 -0
  171. package/src/rive/RiveIllustration.css +18 -0
  172. package/src/rive/RiveIllustration.stories.tsx +20 -0
  173. package/src/rive/RiveIllustration.tsx +54 -0
  174. package/src/rive/index.ts +2 -0
@@ -0,0 +1,383 @@
1
+ 'use strict';
2
+
3
+ var clsx = require('clsx');
4
+ var react = require('react');
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var common = require('./common-H4L6Hbbh.js');
7
+
8
+ /*
9
+ *
10
+ * DON'T MODIFY THIS FILE IT'S AUTO GENERATED
11
+ * See: `scripts/generate-flags-metadata.mjs`
12
+ *
13
+ */
14
+ const DETAILED_FLAG_CODES = ['zm', 'va', 'uy', 'us', 'ug', 'tw', 'tv', 'tm', 'sv', 'sm', 'si', 'sg', 'py', 'pt', 'ph', 'pe', 'pa', 'om', 'nz', 'np', 'ni', 'mz', 'my', 'mx', 'mt', 'mh', 'md', 'ls', 'lk', 'li', 'ki', 'ke', 'je', 'in', 'im', 'hr', 'hn', 'hm', 'hk', 'gt', 'gi', 'gg', 'fj', 'eur', 'es', 'eg', 'do', 'cn', 'by', 'br', 'bn', 'bf', 'ba', 'az', 'au', 'ar', 'an', 'am', 'al', 'ad'];
15
+
16
+ const unknownFlagName = 'wise';
17
+ const Flag = ({
18
+ code,
19
+ intrinsicSize = 64,
20
+ className = undefined,
21
+ loading = 'lazy'
22
+ }) => {
23
+ const [fallback, setFallback] = react.useState(null);
24
+ react.useEffect(() => {
25
+ setFallback(null);
26
+ }, [code]);
27
+ const detailed = intrinsicSize >= 150;
28
+ // Only get detailed svg if we know it exists, to avoid the performance hit of failing requests
29
+ const name = fallback !== 'unknown' ? `${code.toLowerCase()}${fallback == null && detailed && DETAILED_FLAG_CODES.includes(code.toLowerCase()) ? '-detailed' : ''}` : unknownFlagName;
30
+ return /*#__PURE__*/jsxRuntime.jsx("img", {
31
+ className: clsx.clsx(`wds-flag wds-flag-${name}`, className),
32
+ src: process.env.NODE_ENV === 'web-art-dev' ? `${name}.svg` : `https://wise.com/web-art/assets/flags/${name}.svg`,
33
+ loading: loading,
34
+ alt: "",
35
+ width: intrinsicSize,
36
+ height: intrinsicSize,
37
+ onError: () => {
38
+ setFallback(prev => prev == null && detailed ? 'simple' : 'unknown');
39
+ }
40
+ });
41
+ };
42
+
43
+ const imageSizes = {
44
+ [common.Sizes.SMALL]: 200,
45
+ [common.Sizes.MEDIUM]: 300,
46
+ [common.Sizes.LARGE]: 500
47
+ };
48
+ const Illustration = /*#__PURE__*/react.forwardRef(({
49
+ id,
50
+ name,
51
+ alt = '',
52
+ loading = 'eager',
53
+ className,
54
+ size = common.Sizes.MEDIUM,
55
+ disablePadding = false
56
+ }, ref) => {
57
+ const {
58
+ SMALL,
59
+ MEDIUM
60
+ } = common.Sizes;
61
+ return name ? /*#__PURE__*/jsxRuntime.jsxs("picture", {
62
+ children: [size === common.Sizes.LARGE || size === common.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
63
+ children: [/*#__PURE__*/jsxRuntime.jsx("source", {
64
+ width: imageSizes[SMALL],
65
+ height: imageSizes[SMALL],
66
+ media: "(max-width: 575px)",
67
+ srcSet: `${defineSrc$1(name, SMALL, '1x')}, ${defineSrc$1(name, SMALL, '2x')} 2x`
68
+ }), size !== common.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsx("source", {
69
+ width: imageSizes[MEDIUM],
70
+ height: imageSizes[MEDIUM],
71
+ media: "(max-width: 992px)",
72
+ srcSet: `${defineSrc$1(name, MEDIUM, '1x')}, ${defineSrc$1(name, MEDIUM, '2x')} 2x`
73
+ }) : null]
74
+ }) : null, /*#__PURE__*/jsxRuntime.jsx("img", {
75
+ id: id,
76
+ ref: ref,
77
+ alt: alt,
78
+ "data-testid": `wds-${name}-illustration`,
79
+ className: clsx.clsx(`wds-illustration wds-illustration-${name}`, className, !disablePadding && 'wds-illustration-padding'),
80
+ loading: loading,
81
+ src: defineSrc$1(name, size, '1x'),
82
+ srcSet: `${defineSrc$1(name, size, '2x')} 2x`,
83
+ width: imageSizes[size],
84
+ height: imageSizes[size]
85
+ })]
86
+ }) : null;
87
+ });
88
+ function defineSrc$1(illustration, size, descriptor) {
89
+ return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;
90
+ }
91
+
92
+ /*
93
+ *
94
+ * DON'T MODIFY THIS FILE IT'S AUTO GENERATED
95
+ * See: `scripts/generate-i10s-metadata.mjs`
96
+ *
97
+ */
98
+ exports.Assets = void 0;
99
+ (function (Assets) {
100
+ Assets["WALLET"] = "wallet";
101
+ Assets["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
102
+ Assets["TOOL"] = "tool";
103
+ Assets["TARGET_PLATFORM"] = "target-platform";
104
+ Assets["STOPWATCH_PLATFORM"] = "stopwatch-platform";
105
+ Assets["SPEECH_BUBBLE"] = "speech-bubble";
106
+ Assets["SKIP_AUTHENTICATION"] = "skip-authentication";
107
+ Assets["SHOPPING_BAG"] = "shopping-bag";
108
+ Assets["SATELLITE_PLATFORM"] = "satellite-platform";
109
+ Assets["SAND_TIMER_BUSINESS"] = "sand-timer-business";
110
+ Assets["SAND_TIMER"] = "sand-timer";
111
+ Assets["REMINDER_LETTER"] = "reminder-letter";
112
+ Assets["RECEIVE_BUSINESS"] = "receive-business";
113
+ Assets["RECEIVE"] = "receive";
114
+ Assets["QUESTION_MARK_BUSINESS"] = "question-mark-business";
115
+ Assets["QUESTION_MARK"] = "question-mark";
116
+ Assets["PUZZLE_PIECES_BUSINESS"] = "puzzle-pieces-business";
117
+ Assets["PUZZLE_PIECES"] = "puzzle-pieces";
118
+ Assets["PLANE_BUSINESS"] = "plane-business";
119
+ Assets["PLANE_2"] = "plane-2";
120
+ Assets["PLANE"] = "plane";
121
+ Assets["PIE_CHART_BUSINESS"] = "pie-chart-business";
122
+ Assets["PIE_CHART"] = "pie-chart";
123
+ Assets["PHONES"] = "phones";
124
+ Assets["PERSONAL_CARD"] = "personal-card";
125
+ Assets["PERCENTAGE_BUSINESS"] = "percentage-business";
126
+ Assets["PERCENTAGE"] = "percentage";
127
+ Assets["PALM_TREE"] = "palm-tree";
128
+ Assets["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
129
+ Assets["MULTI_CURRENCY_BUSINESS"] = "multi-currency-business";
130
+ Assets["MULTI_CURRENCY"] = "multi-currency";
131
+ Assets["MEGAPHONE"] = "megaphone";
132
+ Assets["MARBLE_CARD_FLAG_ONLY_BUSINESS"] = "marble-card-flag-only-business";
133
+ Assets["MARBLE_CARD_FLAG_ONLY"] = "marble-card-flag-only";
134
+ Assets["MARBLE_CARD_BUSINESS_FLAG_ONLY"] = "marble-card-business-flag-only";
135
+ Assets["MARBLE_CARD_BUSINESS"] = "marble-card-business";
136
+ Assets["MARBLE_CARD"] = "marble-card";
137
+ Assets["MARBLE_BUSINESS"] = "marble-business";
138
+ Assets["MARBLE"] = "marble";
139
+ Assets["MAP"] = "map";
140
+ Assets["MAGNIFYING_GLASS_BUSINESS"] = "magnifying-glass-business";
141
+ Assets["MAGNIFYING_GLASS"] = "magnifying-glass";
142
+ Assets["LOCK_PLATFORM"] = "lock-platform";
143
+ Assets["LOCK_BUSINESS"] = "lock-business";
144
+ Assets["LOCK"] = "lock";
145
+ Assets["LIGHT_BULB_BUSINESS"] = "light-bulb-business";
146
+ Assets["LIGHT_BULB"] = "light-bulb";
147
+ Assets["KEY_BUSINESS"] = "key-business";
148
+ Assets["KEY"] = "key";
149
+ Assets["JARS"] = "jars";
150
+ Assets["INVITE_LETTER"] = "invite-letter";
151
+ Assets["INTEREST"] = "interest";
152
+ Assets["INFINITE"] = "infinite";
153
+ Assets["ID_CARD"] = "id-card";
154
+ Assets["HOUSE"] = "house";
155
+ Assets["HEART_5"] = "heart-5";
156
+ Assets["HEART_4"] = "heart-4";
157
+ Assets["HEART_3"] = "heart-3";
158
+ Assets["HEART_2"] = "heart-2";
159
+ Assets["HEART"] = "heart";
160
+ Assets["HEADSET_BUSINESS"] = "headset-business";
161
+ Assets["HEADSET"] = "headset";
162
+ Assets["GRAPH_BUSINESS"] = "graph-business";
163
+ Assets["GRAPH"] = "graph";
164
+ Assets["GLOBE"] = "globe";
165
+ Assets["GET_PAID_WITH_CARD_BUSINESS"] = "get-paid-with-card-business";
166
+ Assets["GEAR_BUSINESS"] = "gear-business";
167
+ Assets["GEAR"] = "gear";
168
+ Assets["FLOWER"] = "flower";
169
+ Assets["FLAG"] = "flag";
170
+ Assets["EXCLAMATION_MARK_BUSINESS"] = "exclamation-mark-business";
171
+ Assets["EXCLAMATION_MARK"] = "exclamation-mark";
172
+ Assets["EMAIL_SUCCESS_BUSINESS"] = "email-success-business";
173
+ Assets["EMAIL_SUCCESS"] = "email-success";
174
+ Assets["EMAIL"] = "email";
175
+ Assets["ELECTRIC_PLUG"] = "electric-plug";
176
+ Assets["ECO_CARD"] = "eco-card";
177
+ Assets["DOOR"] = "door";
178
+ Assets["DOCUMENTS_FOLDER_BUSINESS"] = "documents-folder-business";
179
+ Assets["DOCUMENTS"] = "documents";
180
+ Assets["DIGITAL_CARD_BUSINESS"] = "digital-card-business";
181
+ Assets["DIGITAL_CARD_2"] = "digital-card-2";
182
+ Assets["DIGITAL_CARD"] = "digital-card";
183
+ Assets["COOKIE"] = "cookie";
184
+ Assets["CONVERT_BUSINESS"] = "convert-business";
185
+ Assets["CONVERT"] = "convert";
186
+ Assets["CONSTRUCTION_FENCE"] = "construction-fence";
187
+ Assets["CONFETTI_BUSINESS"] = "confetti-business";
188
+ Assets["CONFETTI"] = "confetti";
189
+ Assets["COIN_PILE_UP_BUSINESS"] = "coin-pile-up-business";
190
+ Assets["COIN_PILE_UP"] = "coin-pile-up";
191
+ Assets["COIN_PILE_DOWN_BUSINESS"] = "coin-pile-down-business";
192
+ Assets["COIN_PILE_DOWN"] = "coin-pile-down";
193
+ Assets["CLOSED_WINDOW"] = "closed-window";
194
+ Assets["CHECK_MARK_BUSINESS"] = "check-mark-business";
195
+ Assets["CHECK_MARK"] = "check-mark";
196
+ Assets["CALENDAR_BUSINESS"] = "calendar-business";
197
+ Assets["CALENDAR"] = "calendar";
198
+ Assets["CALCULATOR_BUSINESS"] = "calculator-business";
199
+ Assets["BUSINESS_CARD_BUSINESS"] = "business-card-business";
200
+ Assets["BUSINESS_CARD"] = "business-card";
201
+ Assets["BRIEFCASE_BUSINESS"] = "briefcase-business";
202
+ Assets["BRIEFCASE"] = "briefcase";
203
+ Assets["BELL_BUSINESS"] = "bell-business";
204
+ Assets["BELL"] = "bell";
205
+ Assets["BATCH_PAYMENTS_BUSINESS"] = "batch-payments-business";
206
+ Assets["BACKPACK"] = "backpack";
207
+ Assets["APP_MARKETPLACE_BUSINESS"] = "app-marketplace-business";
208
+ Assets["API_INTEGRATIONS_BUSINESS"] = "api-integrations-business";
209
+ })(exports.Assets || (exports.Assets = {}));
210
+
211
+ function useBattery() {
212
+ const [batteryData, setBatteryData] = react.useState({
213
+ level: 1.0
214
+ });
215
+ react.useEffect(() => {
216
+ const getBatteryData = async () => {
217
+ // @ts-expect-error .getBattery exists in Navigator interface
218
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-call
219
+ const battery = await navigator.getBattery();
220
+ setBatteryData({
221
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
222
+ level: battery?.level
223
+ });
224
+ };
225
+ // Check if the browser supports the Battery API
226
+ if ('getBattery' in navigator && navigator.getBattery !== undefined && typeof navigator.getBattery === 'function') {
227
+ void getBatteryData();
228
+ }
229
+ }, []);
230
+ return batteryData;
231
+ }
232
+ function isBatteryLow(batteryLevel) {
233
+ return batteryLevel < 0.2;
234
+ }
235
+ function isConnectionSlow() {
236
+ // @ts-expect-error .connection prop exists in Navigator interface
237
+ const {
238
+ connection
239
+ } = window.navigator;
240
+ if (connection === undefined) {
241
+ return false;
242
+ }
243
+ return (
244
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
245
+ ['slow-2g', '2g'].includes(connection?.effectiveType) ||
246
+ // @ts-expect-error Property 'connection' does exist on type 'Navigator'
247
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
248
+ navigator?.connection?.saveData === true
249
+ );
250
+ }
251
+ function defineSrc(asset) {
252
+ return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
253
+ }
254
+ const illustration3DNames = ['lock', 'globe', 'confetti', 'check-mark', 'flower', 'graph', 'jars', 'magnifying-glass', 'marble', 'marble-card', 'multi-currency', 'plane', 'interest'];
255
+ function isIllustrationSupport3D(asset) {
256
+ return illustration3DNames.includes(asset);
257
+ }
258
+
259
+ /* eslint-disable fp/no-mutation */
260
+ var RenderMode;
261
+ (function (RenderMode) {
262
+ RenderMode[RenderMode["INIT"] = 0] = "INIT";
263
+ RenderMode[RenderMode["FALLBACK"] = 1] = "FALLBACK";
264
+ RenderMode[RenderMode["ASSET_3D"] = 2] = "ASSET_3D";
265
+ })(RenderMode || (RenderMode = {}));
266
+ const Illustration3D = ({
267
+ name,
268
+ size = common.Sizes.MEDIUM,
269
+ className
270
+ }) => {
271
+ const [renderMode, setRenderMode] = react.useState(RenderMode.INIT);
272
+ const [inintrinsicSize, setInintrinsicSize] = react.useState(size);
273
+ const batteryData = useBattery();
274
+ react.useEffect(() => {
275
+ setRenderMode(isConnectionSlow() || isBatteryLow(batteryData.level) ? RenderMode.FALLBACK : RenderMode.ASSET_3D);
276
+ const isMobile = (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
277
+ if (isMobile) {
278
+ setInintrinsicSize(common.Sizes.SMALL);
279
+ }
280
+ }, [batteryData]);
281
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
282
+ className: clsx.clsx(`wds-illustration-3d wds-illustration-3d-${name} wds-illustration-3d-${inintrinsicSize}`, className),
283
+ "aria-hidden": true,
284
+ children: renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? /*#__PURE__*/jsxRuntime.jsx(react.Suspense, {
285
+ fallback: null,
286
+ children: getModel({
287
+ name,
288
+ size: inintrinsicSize
289
+ })
290
+ }) : /*#__PURE__*/jsxRuntime.jsx(Illustration, {
291
+ name: name,
292
+ size: size,
293
+ alt: ""
294
+ })
295
+ });
296
+ };
297
+ function getModel({
298
+ name,
299
+ size
300
+ }) {
301
+ // @ts-expect-error unknown generic
302
+ let Model = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
303
+ const Scene = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Scene-DNB5gL2m.js'); }));
304
+ switch (name) {
305
+ case exports.Assets.LOCK:
306
+ {
307
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Lock-Ca-LEge7.js'); }));
308
+ break;
309
+ }
310
+ case exports.Assets.GLOBE:
311
+ {
312
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Globe-DD_Ybugr.js'); }));
313
+ break;
314
+ }
315
+ case exports.Assets.CONFETTI:
316
+ {
317
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Confetti-BbPKLCpN.js'); }));
318
+ break;
319
+ }
320
+ case exports.Assets.CHECK_MARK:
321
+ {
322
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./CheckMark-DbWrBNtH.js'); }));
323
+ break;
324
+ }
325
+ case exports.Assets.FLOWER:
326
+ {
327
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Flower-I053ey4H.js'); }));
328
+ break;
329
+ }
330
+ case exports.Assets.PLANE:
331
+ {
332
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Plane-D-NW6i-O.js'); }));
333
+ break;
334
+ }
335
+ case exports.Assets.GRAPH:
336
+ {
337
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Graph-DrtwCTeB.js'); }));
338
+ break;
339
+ }
340
+ case exports.Assets.MARBLE:
341
+ {
342
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Marble-BZIHD9uw.js'); }));
343
+ break;
344
+ }
345
+ case exports.Assets.MARBLE_CARD:
346
+ {
347
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MarbleCard-CtjGjEPp.js'); }));
348
+ break;
349
+ }
350
+ case exports.Assets.MAGNIFYING_GLASS:
351
+ {
352
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MagnifyingGlass-DFASWsdn.js'); }));
353
+ break;
354
+ }
355
+ case exports.Assets.JARS:
356
+ {
357
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Jars-DTpuM002.js'); }));
358
+ break;
359
+ }
360
+ case exports.Assets.MULTI_CURRENCY:
361
+ {
362
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MultiCurrency-Bh-7t3nH.js'); }));
363
+ break;
364
+ }
365
+ case exports.Assets.INTEREST:
366
+ {
367
+ Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Interest-5AzhwfRZ.js'); }));
368
+ break;
369
+ }
370
+ }
371
+ return /*#__PURE__*/jsxRuntime.jsx(Scene, {
372
+ assetName: name,
373
+ size: size,
374
+ children: /*#__PURE__*/jsxRuntime.jsx(Model, {})
375
+ });
376
+ }
377
+
378
+ exports.Flag = Flag;
379
+ exports.Illustration = Illustration;
380
+ exports.Illustration3D = Illustration3D;
381
+ exports.defineSrc = defineSrc;
382
+ exports.isIllustrationSupport3D = isIllustrationSupport3D;
383
+ //# sourceMappingURL=index-CeTVmx_6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-CeTVmx_6.js","sources":["../src/flags/metadata.ts","../src/flags/Flag.tsx","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3D.tsx"],"sourcesContent":["/*\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-flags-metadata.mjs`\n *\n */\n\n\n export const DETAILED_FLAG_CODES = ['zm', 'va', 'uy', 'us', 'ug', 'tw', 'tv', 'tm', 'sv', 'sm', 'si', 'sg', 'py', 'pt', 'ph', 'pe', 'pa', 'om', 'nz', 'np', 'ni', 'mz', 'my', 'mx', 'mt', 'mh', 'md', 'ls', 'lk', 'li', 'ki', 'ke', 'je', 'in', 'im', 'hr', 'hn', 'hm', 'hk', 'gt', 'gi', 'gg', 'fj', 'eur', 'es', 'eg', 'do', 'cn', 'by', 'br', 'bn', 'bf', 'ba', 'az', 'au', 'ar', 'an', 'am', 'al', 'ad'];","import { clsx } from 'clsx';\nimport { useEffect, useState } from 'react';\n\nimport { DETAILED_FLAG_CODES } from './metadata';\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 // Only get detailed svg if we know it exists, to avoid the performance hit of failing requests\n const name =\n fallback !== 'unknown'\n ? `${code.toLowerCase()}${\n fallback == null &&\n detailed &&\n DETAILED_FLAG_CODES.includes(code.toLowerCase())\n ? '-detailed'\n : ''\n }`\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) =>\n prev == null && detailed ? 'simple' : 'unknown',\n );\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_BUSINESS = 'sand-timer-business',SAND_TIMER = 'sand-timer',REMINDER_LETTER = 'reminder-letter',RECEIVE_BUSINESS = 'receive-business',RECEIVE = 'receive',QUESTION_MARK_BUSINESS = 'question-mark-business',QUESTION_MARK = 'question-mark',PUZZLE_PIECES_BUSINESS = 'puzzle-pieces-business',PUZZLE_PIECES = 'puzzle-pieces',PLANE_BUSINESS = 'plane-business',PLANE_2 = 'plane-2',PLANE = 'plane',PIE_CHART_BUSINESS = 'pie-chart-business',PIE_CHART = 'pie-chart',PHONES = 'phones',PERSONAL_CARD = 'personal-card',PERCENTAGE_BUSINESS = 'percentage-business',PERCENTAGE = 'percentage',PALM_TREE = 'palm-tree',ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',MULTI_CURRENCY_BUSINESS = 'multi-currency-business',MULTI_CURRENCY = 'multi-currency',MEGAPHONE = 'megaphone',MARBLE_CARD_FLAG_ONLY_BUSINESS = 'marble-card-flag-only-business',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_BUSINESS = 'marble-business',MARBLE = 'marble',MAP = 'map',MAGNIFYING_GLASS_BUSINESS = 'magnifying-glass-business',MAGNIFYING_GLASS = 'magnifying-glass',LOCK_PLATFORM = 'lock-platform',LOCK_BUSINESS = 'lock-business',LOCK = 'lock',LIGHT_BULB_BUSINESS = 'light-bulb-business',LIGHT_BULB = 'light-bulb',KEY_BUSINESS = 'key-business',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',HEADSET_BUSINESS = 'headset-business',HEADSET = 'headset',GRAPH_BUSINESS = 'graph-business',GRAPH = 'graph',GLOBE = 'globe',GET_PAID_WITH_CARD_BUSINESS = 'get-paid-with-card-business',GEAR_BUSINESS = 'gear-business',GEAR = 'gear',FLOWER = 'flower',FLAG = 'flag',EXCLAMATION_MARK_BUSINESS = 'exclamation-mark-business',EXCLAMATION_MARK = 'exclamation-mark',EMAIL_SUCCESS_BUSINESS = 'email-success-business',EMAIL_SUCCESS = 'email-success',EMAIL = 'email',ELECTRIC_PLUG = 'electric-plug',ECO_CARD = 'eco-card',DOOR = 'door',DOCUMENTS_FOLDER_BUSINESS = 'documents-folder-business',DOCUMENTS = 'documents',DIGITAL_CARD_BUSINESS = 'digital-card-business',DIGITAL_CARD_2 = 'digital-card-2',DIGITAL_CARD = 'digital-card',COOKIE = 'cookie',CONVERT_BUSINESS = 'convert-business',CONVERT = 'convert',CONSTRUCTION_FENCE = 'construction-fence',CONFETTI_BUSINESS = 'confetti-business',CONFETTI = 'confetti',COIN_PILE_UP_BUSINESS = 'coin-pile-up-business',COIN_PILE_UP = 'coin-pile-up',COIN_PILE_DOWN_BUSINESS = 'coin-pile-down-business',COIN_PILE_DOWN = 'coin-pile-down',CLOSED_WINDOW = 'closed-window',CHECK_MARK_BUSINESS = 'check-mark-business',CHECK_MARK = 'check-mark',CALENDAR_BUSINESS = 'calendar-business',CALENDAR = 'calendar',CALCULATOR_BUSINESS = 'calculator-business',BUSINESS_CARD_BUSINESS = 'business-card-business',BUSINESS_CARD = 'business-card',BRIEFCASE_BUSINESS = 'briefcase-business',BRIEFCASE = 'briefcase',BELL_BUSINESS = 'bell-business',BELL = 'bell',BATCH_PAYMENTS_BUSINESS = 'batch-payments-business',BACKPACK = 'backpack',APP_MARKETPLACE_BUSINESS = 'app-marketplace-business',API_INTEGRATIONS_BUSINESS = 'api-integrations-business'\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-business' | 'sand-timer' | 'reminder-letter' | 'receive-business' | 'receive' | 'question-mark-business' | 'question-mark' | 'puzzle-pieces-business' | 'puzzle-pieces' | 'plane-business' | 'plane-2' | 'plane' | 'pie-chart-business' | 'pie-chart' | 'phones' | 'personal-card' | 'percentage-business' | 'percentage' | 'palm-tree' | 'one-invite-letter-opened' | 'multi-currency-business' | 'multi-currency' | 'megaphone' | 'marble-card-flag-only-business' | 'marble-card-flag-only' | 'marble-card-business-flag-only' | 'marble-card-business' | 'marble-card' | 'marble-business' | 'marble' | 'map' | 'magnifying-glass-business' | 'magnifying-glass' | 'lock-platform' | 'lock-business' | 'lock' | 'light-bulb-business' | 'light-bulb' | 'key-business' | 'key' | 'jars' | 'invite-letter' | 'interest' | 'infinite' | 'id-card' | 'house' | 'heart-5' | 'heart-4' | 'heart-3' | 'heart-2' | 'heart' | 'headset-business' | 'headset' | 'graph-business' | 'graph' | 'globe' | 'get-paid-with-card-business' | 'gear-business' | 'gear' | 'flower' | 'flag' | 'exclamation-mark-business' | 'exclamation-mark' | 'email-success-business' | 'email-success' | 'email' | 'electric-plug' | 'eco-card' | 'door' | 'documents-folder-business' | 'documents' | 'digital-card-business' | 'digital-card-2' | 'digital-card' | 'cookie' | 'convert-business' | 'convert' | 'construction-fence' | 'confetti-business' | 'confetti' | 'coin-pile-up-business' | 'coin-pile-up' | 'coin-pile-down-business' | 'coin-pile-down' | 'closed-window' | 'check-mark-business' | 'check-mark' | 'calendar-business' | 'calendar' | 'calculator-business' | 'business-card-business' | 'business-card' | 'briefcase-business' | 'briefcase' | 'bell-business' | 'bell' | 'batch-payments-business' | 'backpack' | 'app-marketplace-business' | 'api-integrations-business'","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":["DETAILED_FLAG_CODES","unknownFlagName","Flag","code","intrinsicSize","className","undefined","loading","fallback","setFallback","useState","useEffect","detailed","name","toLowerCase","includes","_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","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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"}
@@ -0,0 +1,10 @@
1
+ export { Flag } from './flags';
2
+ export { default as Illustration } from './illustrations';
3
+ export { default as Illustration3D } from './illustrations3d';
4
+ export { Assets } from './illustrations';
5
+ export { Sizes } from './common';
6
+ export type { FlagProps } from './flags';
7
+ export type { IllustrationNames, IllustrationProps } from './illustrations';
8
+ export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
9
+ export { isIllustrationSupport3D } from './illustrations3d';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,6 @@
1
+ export { A as Assets, F as Flag, I as Illustration, a as Illustration3D, i as isIllustrationSupport3D } from './index-ApMK-TMV.esm.js';
2
+ export { S as Sizes } from './common-DBpCdW70.esm.js';
3
+ import 'clsx';
4
+ import 'react';
5
+ import 'react/jsx-runtime';
6
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/dist/index.js ADDED
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ var index = require('./index-CeTVmx_6.js');
4
+ var common = require('./common-H4L6Hbbh.js');
5
+ require('clsx');
6
+ require('react');
7
+ require('react/jsx-runtime');
8
+
9
+
10
+
11
+ Object.defineProperty(exports, "Assets", {
12
+ enumerable: true,
13
+ get: function () { return index.Assets; }
14
+ });
15
+ exports.Flag = index.Flag;
16
+ exports.Illustration = index.Illustration;
17
+ exports.Illustration3D = index.Illustration3D;
18
+ exports.isIllustrationSupport3D = index.isIllustrationSupport3D;
19
+ Object.defineProperty(exports, "Sizes", {
20
+ enumerable: true,
21
+ get: function () { return common.Sizes; }
22
+ });
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,13 @@
1
+ import type { Illustration3DProps } from "../illustrations3d";
2
+ export interface RiveProps {
3
+ src: string;
4
+ animationNames?: string | string[];
5
+ }
6
+ export type Props = {
7
+ name: 'document-scan';
8
+ size?: Illustration3DProps["size"];
9
+ className?: Illustration3DProps["className"];
10
+ };
11
+ declare const RiveIllustrationExperimental: ({ name, size: sizeProp, className }: Props) => import("react").JSX.Element;
12
+ export default RiveIllustrationExperimental;
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"}
@@ -0,0 +1,47 @@
1
+ import { useRive } from '@rive-app/react-webgl2';
2
+ import clsx from 'clsx';
3
+ import { useState, useEffect } from 'react';
4
+ import { S as Sizes } from '../common-DBpCdW70.esm.js';
5
+ import { jsx } from 'react/jsx-runtime';
6
+
7
+ const Rive = ({
8
+ src,
9
+ animationNames
10
+ }) => {
11
+ const {
12
+ RiveComponent
13
+ } = useRive({
14
+ src,
15
+ animations: animationNames,
16
+ autoplay: true
17
+ });
18
+ return /*#__PURE__*/jsx(RiveComponent, {});
19
+ };
20
+ const RiveIllustrationExperimental = ({
21
+ name,
22
+ size: sizeProp = Sizes.MEDIUM,
23
+ className
24
+ }) => {
25
+ const [size, setSize] = useState(sizeProp);
26
+ useEffect(() => {
27
+ const isMobile = (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
28
+ if (isMobile) {
29
+ setSize(Sizes.SMALL);
30
+ }
31
+ }, []);
32
+ return /*#__PURE__*/jsx("div", {
33
+ className: clsx(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
34
+ children: (() => {
35
+ if (name === 'document-scan') {
36
+ return /*#__PURE__*/jsx(Rive, {
37
+ src: "https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv",
38
+ animationNames: ["Scan Line Appearing", "Scan Line Moving"]
39
+ });
40
+ }
41
+ return null;
42
+ })()
43
+ });
44
+ };
45
+
46
+ export { RiveIllustrationExperimental };
47
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":["../../src/rive/RiveIllustration.tsx"],"sourcesContent":["import { useRive } from \"@rive-app/react-webgl2\";\nimport clsx from \"clsx\";\nimport { useEffect, useState } from \"react\";\n\nimport { Sizes } from \"../common\";\nimport type { Illustration3DProps } from \"../illustrations3d\";\n\nexport interface RiveProps {\n src: string;\n animationNames?: string | string[];\n}\n\nconst Rive = ({ src, animationNames }: RiveProps) => {\n const { RiveComponent } = useRive({\n src,\n animations: animationNames,\n autoplay: true,\n });\n\n return (<RiveComponent />);\n};\n\nexport type Props = {\n name: 'document-scan';\n size?: Illustration3DProps[\"size\"];\n className?: Illustration3DProps[\"className\"];\n};\n\nconst RiveIllustrationExperimental = ({ name, size: sizeProp = Sizes.MEDIUM, className }: Props) => {\n const [size, setSize] = useState<Props['size']>(sizeProp);\n useEffect(() => {\n const isMobile: boolean =\n (typeof window !== \"undefined\" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n if (isMobile) {\n setSize(Sizes.SMALL);\n }\n }, []);\n return (\n <div className={clsx('wds-illustration-rive', `wds-illustration-rive-${name}`, `wds-illustration-rive-${size}`, className)}>\n {(() => {\n if (name === 'document-scan') {\n return (\n <Rive\n src=\"https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv\"\n animationNames={[\"Scan Line Appearing\", \"Scan Line Moving\"]}\n />);\n }\n return null;\n })()}\n </div>\n );\n};\n\nexport default RiveIllustrationExperimental;\n"],"names":["Rive","src","animationNames","RiveComponent","useRive","animations","autoplay","_jsx","RiveIllustrationExperimental","name","size","sizeProp","Sizes","MEDIUM","className","setSize","useState","useEffect","isMobile","window","matchMedia","matches","SMALL","clsx","children"],"mappings":";;;;;;AAYA,MAAMA,IAAI,GAAGA,CAAC;EAAEC,GAAG;AAAEC,EAAAA;AAAc,CAAa,KAAI;EAClD,MAAM;AAAEC,IAAAA;GAAe,GAAGC,OAAO,CAAC;IAChCH,GAAG;AACHI,IAAAA,UAAU,EAAEH,cAAc;AAC1BI,IAAAA,QAAQ,EAAE;AACX,GAAA,CAAC;AAEF,EAAA,oBAAQC,GAAA,CAACJ,aAAa,EAAA,EAAA,CAAG;AAC3B,CAAC;AAQD,MAAMK,4BAA4B,GAAGA,CAAC;EAAEC,IAAI;AAAEC,EAAAA,IAAI,EAAEC,QAAQ,GAAGC,KAAK,CAACC,MAAM;AAAEC,EAAAA;AAAS,CAAS,KAAI;EACjG,MAAM,CAACJ,IAAI,EAAEK,OAAO,CAAC,GAAGC,QAAQ,CAAgBL,QAAQ,CAAC;AACzDM,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,MAAMC,QAAQ,GACZ,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,EAAEC,UAAU,CAAC,oBAAoB,CAAC,EAAEC,OAAO,KAAK,KAAK;AAC/F,IAAA,IAAIH,QAAQ,EAAE;AACZH,MAAAA,OAAO,CAACH,KAAK,CAACU,KAAK,CAAC;AACtB,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AACN,EAAA,oBACEf,GAAA,CAAA,KAAA,EAAA;IAAKO,SAAS,EAAES,IAAI,CAAA,CAAA,4CAAA,EAAmDd,IAAI,0BAA6BC,IAAI,CAAA,CAAA,EAAII,SAAS,CAAE;IAAAU,QAAA,EACxH,CAAC,MAAK;MACL,IAAIf,IAAI,KAAK,eAAe,EAAE;QAC5B,oBACEF,GAAA,CAACP,IAAI,EAAA;AACHC,UAAAA,GAAG,EAAC,mEAAmE;AACvEC,UAAAA,cAAc,EAAE,CAAC,qBAAqB,EAAE,kBAAkB;AAAE,SAAA,CAC5D;AACN,MAAA;AACA,MAAA,OAAO,IAAI;AACb,IAAA,CAAC;AAAG,GACD,CAAC;AAEV;;;;"}