@wise/art 2.7.0-beta.1 → 2.7.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{CheckMark-365a1dc6.js → CheckMark-6516e382.js} +2 -2
- package/dist/CheckMark-6516e382.js.map +1 -0
- package/dist/{CheckMark-5b996187.esm.js → CheckMark-7e2e6863.esm.js} +2 -2
- package/dist/CheckMark-7e2e6863.esm.js.map +1 -0
- package/dist/{Confetti-b6bfa95b.js → Confetti-71f18588.js} +2 -2
- package/dist/Confetti-71f18588.js.map +1 -0
- package/dist/{Confetti-c865d663.esm.js → Confetti-f1f0c4a5.esm.js} +2 -2
- package/dist/Confetti-f1f0c4a5.esm.js.map +1 -0
- package/dist/{Flower-385aa337.js → Flower-2325e8ba.js} +2 -2
- package/dist/{Flower-385aa337.js.map → Flower-2325e8ba.js.map} +1 -1
- package/dist/{Flower-1987844c.esm.js → Flower-8a17d7a6.esm.js} +2 -2
- package/dist/Flower-8a17d7a6.esm.js.map +1 -0
- package/dist/{Globe-df8b4bbd.esm.js → Globe-601b1eb5.esm.js} +2 -2
- package/dist/Globe-601b1eb5.esm.js.map +1 -0
- package/dist/{Globe-b5acfedf.js → Globe-93237bd2.js} +2 -2
- package/dist/Globe-93237bd2.js.map +1 -0
- package/dist/{Graph-bc618890.js → Graph-536a6847.js} +2 -2
- package/dist/Graph-536a6847.js.map +1 -0
- package/dist/{Graph-e48b9d55.esm.js → Graph-e766a791.esm.js} +2 -2
- package/dist/Graph-e766a791.esm.js.map +1 -0
- package/dist/{Jars-b371f7ec.esm.js → Jars-9afb6e8b.esm.js} +2 -2
- package/dist/Jars-9afb6e8b.esm.js.map +1 -0
- package/dist/{Jars-b80056b7.js → Jars-fcb1e2b1.js} +2 -2
- package/dist/Jars-fcb1e2b1.js.map +1 -0
- package/dist/{Lock-0d8008b7.esm.js → Lock-2365c3f9.esm.js} +2 -2
- package/dist/Lock-2365c3f9.esm.js.map +1 -0
- package/dist/{Lock-841864c6.js → Lock-e5c89aa2.js} +2 -2
- package/dist/Lock-e5c89aa2.js.map +1 -0
- package/dist/{MagnifyingGlass-de98441e.js → MagnifyingGlass-92351fd6.js} +2 -2
- package/dist/MagnifyingGlass-92351fd6.js.map +1 -0
- package/dist/{MagnifyingGlass-7b6dda3b.esm.js → MagnifyingGlass-92fbedda.esm.js} +2 -2
- package/dist/MagnifyingGlass-92fbedda.esm.js.map +1 -0
- package/dist/{Marble-c42785f3.js → Marble-0f2d6f38.js} +2 -2
- package/dist/Marble-0f2d6f38.js.map +1 -0
- package/dist/{Marble-5a115e95.esm.js → Marble-91d300a3.esm.js} +2 -2
- package/dist/Marble-91d300a3.esm.js.map +1 -0
- package/dist/{MarbleCard-1792cf0c.esm.js → MarbleCard-690b2b8e.esm.js} +2 -2
- package/dist/MarbleCard-690b2b8e.esm.js.map +1 -0
- package/dist/{MarbleCard-50b56966.js → MarbleCard-ed7536dc.js} +2 -2
- package/dist/MarbleCard-ed7536dc.js.map +1 -0
- package/dist/{MultiCurrency-fcf4b9a2.js → MultiCurrency-0456db19.js} +2 -2
- package/dist/MultiCurrency-0456db19.js.map +1 -0
- package/dist/{MultiCurrency-4735dbb2.esm.js → MultiCurrency-1b491db5.esm.js} +2 -2
- package/dist/MultiCurrency-1b491db5.esm.js.map +1 -0
- package/dist/{Plane-91b11234.js → Plane-b6340ff4.js} +2 -2
- package/dist/Plane-b6340ff4.js.map +1 -0
- package/dist/{Plane-1e15b49c.esm.js → Plane-d631e81c.esm.js} +2 -2
- package/dist/Plane-d631e81c.esm.js.map +1 -0
- package/dist/{Scene-fa187d3a.js → Scene-45fbe252.js} +5 -7
- package/dist/Scene-45fbe252.js.map +1 -0
- package/dist/{Scene-3830de67.esm.js → Scene-783029f4.esm.js} +5 -7
- package/dist/Scene-783029f4.esm.js.map +1 -0
- package/dist/illustrations3d/{Illustration3d.d.ts → Illustration3D.d.ts} +5 -5
- package/dist/illustrations3d/{Illustration3d.d.ts.map → Illustration3D.d.ts.map} +1 -1
- package/dist/illustrations3d/Scene.d.ts +4 -3
- package/dist/illustrations3d/Scene.d.ts.map +1 -1
- package/dist/illustrations3d/index.d.ts +4 -4
- package/dist/illustrations3d/index.d.ts.map +1 -1
- package/dist/illustrations3d/utils.d.ts +1 -1
- package/dist/illustrations3d/utils.d.ts.map +1 -1
- package/dist/{index-76341731.esm.js → index-3b6277fc.esm.js} +19 -19
- package/dist/{index-76341731.esm.js.map → index-3b6277fc.esm.js.map} +1 -1
- package/dist/{index-36ff762e.js → index-c17944c0.js} +20 -20
- package/dist/{index-36ff762e.js.map → index-c17944c0.js.map} +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +3 -3
- package/package.json +1 -1
- package/src/illustrations3d/{Illustration3d.stories.tsx → Illustration3D.stories.tsx} +15 -16
- package/src/illustrations3d/{Illustration3d.tsx → Illustration3D.tsx} +5 -5
- package/src/illustrations3d/Scene.tsx +6 -6
- package/src/illustrations3d/index.ts +4 -4
- package/src/illustrations3d/utils.ts +3 -3
- package/src/index.ts +3 -3
- package/dist/CheckMark-365a1dc6.js.map +0 -1
- package/dist/CheckMark-5b996187.esm.js.map +0 -1
- package/dist/Confetti-b6bfa95b.js.map +0 -1
- package/dist/Confetti-c865d663.esm.js.map +0 -1
- package/dist/Flower-1987844c.esm.js.map +0 -1
- package/dist/Globe-b5acfedf.js.map +0 -1
- package/dist/Globe-df8b4bbd.esm.js.map +0 -1
- package/dist/Graph-bc618890.js.map +0 -1
- package/dist/Graph-e48b9d55.esm.js.map +0 -1
- package/dist/Jars-b371f7ec.esm.js.map +0 -1
- package/dist/Jars-b80056b7.js.map +0 -1
- package/dist/Lock-0d8008b7.esm.js.map +0 -1
- package/dist/Lock-841864c6.js.map +0 -1
- package/dist/MagnifyingGlass-7b6dda3b.esm.js.map +0 -1
- package/dist/MagnifyingGlass-de98441e.js.map +0 -1
- package/dist/Marble-5a115e95.esm.js.map +0 -1
- package/dist/Marble-c42785f3.js.map +0 -1
- package/dist/MarbleCard-1792cf0c.esm.js.map +0 -1
- package/dist/MarbleCard-50b56966.js.map +0 -1
- package/dist/MultiCurrency-4735dbb2.esm.js.map +0 -1
- package/dist/MultiCurrency-fcf4b9a2.js.map +0 -1
- package/dist/Plane-1e15b49c.esm.js.map +0 -1
- package/dist/Plane-91b11234.js.map +0 -1
- package/dist/Scene-3830de67.esm.js.map +0 -1
- package/dist/Scene-fa187d3a.js.map +0 -1
|
@@ -203,9 +203,9 @@ function isConnectionSlow() {
|
|
|
203
203
|
function defineSrc(asset) {
|
|
204
204
|
return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
|
|
205
205
|
}
|
|
206
|
-
const
|
|
207
|
-
function
|
|
208
|
-
return
|
|
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
209
|
}
|
|
210
210
|
|
|
211
211
|
/* eslint-disable fp/no-mutation */
|
|
@@ -215,7 +215,7 @@ var RenderMode;
|
|
|
215
215
|
RenderMode[RenderMode["FALLBACK"] = 1] = "FALLBACK";
|
|
216
216
|
RenderMode[RenderMode["ASSET_3D"] = 2] = "ASSET_3D";
|
|
217
217
|
})(RenderMode || (RenderMode = {}));
|
|
218
|
-
const
|
|
218
|
+
const Illustration3D = ({
|
|
219
219
|
name,
|
|
220
220
|
size = Sizes.MEDIUM,
|
|
221
221
|
className
|
|
@@ -251,66 +251,66 @@ function getModel({
|
|
|
251
251
|
}) {
|
|
252
252
|
// @ts-expect-error unknown generic
|
|
253
253
|
let Model = /*#__PURE__*/jsx(Fragment, {});
|
|
254
|
-
const Scene = /*#__PURE__*/lazy(() => import('./Scene-
|
|
254
|
+
const Scene = /*#__PURE__*/lazy(() => import('./Scene-783029f4.esm.js'));
|
|
255
255
|
switch (name) {
|
|
256
256
|
case Assets.LOCK:
|
|
257
257
|
{
|
|
258
|
-
Model = /*#__PURE__*/lazy(() => import('./Lock-
|
|
258
|
+
Model = /*#__PURE__*/lazy(() => import('./Lock-2365c3f9.esm.js'));
|
|
259
259
|
break;
|
|
260
260
|
}
|
|
261
261
|
case Assets.GLOBE:
|
|
262
262
|
{
|
|
263
|
-
Model = /*#__PURE__*/lazy(() => import('./Globe-
|
|
263
|
+
Model = /*#__PURE__*/lazy(() => import('./Globe-601b1eb5.esm.js'));
|
|
264
264
|
break;
|
|
265
265
|
}
|
|
266
266
|
case Assets.CONFETTI:
|
|
267
267
|
{
|
|
268
|
-
Model = /*#__PURE__*/lazy(() => import('./Confetti-
|
|
268
|
+
Model = /*#__PURE__*/lazy(() => import('./Confetti-f1f0c4a5.esm.js'));
|
|
269
269
|
break;
|
|
270
270
|
}
|
|
271
271
|
case Assets.CHECK_MARK:
|
|
272
272
|
{
|
|
273
|
-
Model = /*#__PURE__*/lazy(() => import('./CheckMark-
|
|
273
|
+
Model = /*#__PURE__*/lazy(() => import('./CheckMark-7e2e6863.esm.js'));
|
|
274
274
|
break;
|
|
275
275
|
}
|
|
276
276
|
case Assets.FLOWER:
|
|
277
277
|
{
|
|
278
|
-
Model = /*#__PURE__*/lazy(() => import('./Flower-
|
|
278
|
+
Model = /*#__PURE__*/lazy(() => import('./Flower-8a17d7a6.esm.js'));
|
|
279
279
|
break;
|
|
280
280
|
}
|
|
281
281
|
case Assets.PLANE:
|
|
282
282
|
{
|
|
283
|
-
Model = /*#__PURE__*/lazy(() => import('./Plane-
|
|
283
|
+
Model = /*#__PURE__*/lazy(() => import('./Plane-d631e81c.esm.js'));
|
|
284
284
|
break;
|
|
285
285
|
}
|
|
286
286
|
case Assets.GRAPH:
|
|
287
287
|
{
|
|
288
|
-
Model = /*#__PURE__*/lazy(() => import('./Graph-
|
|
288
|
+
Model = /*#__PURE__*/lazy(() => import('./Graph-e766a791.esm.js'));
|
|
289
289
|
break;
|
|
290
290
|
}
|
|
291
291
|
case Assets.MARBLE:
|
|
292
292
|
{
|
|
293
|
-
Model = /*#__PURE__*/lazy(() => import('./Marble-
|
|
293
|
+
Model = /*#__PURE__*/lazy(() => import('./Marble-91d300a3.esm.js'));
|
|
294
294
|
break;
|
|
295
295
|
}
|
|
296
296
|
case Assets.MARBLE_CARD:
|
|
297
297
|
{
|
|
298
|
-
Model = /*#__PURE__*/lazy(() => import('./MarbleCard-
|
|
298
|
+
Model = /*#__PURE__*/lazy(() => import('./MarbleCard-690b2b8e.esm.js'));
|
|
299
299
|
break;
|
|
300
300
|
}
|
|
301
301
|
case Assets.MAGNIFYING_GLASS:
|
|
302
302
|
{
|
|
303
|
-
Model = /*#__PURE__*/lazy(() => import('./MagnifyingGlass-
|
|
303
|
+
Model = /*#__PURE__*/lazy(() => import('./MagnifyingGlass-92fbedda.esm.js'));
|
|
304
304
|
break;
|
|
305
305
|
}
|
|
306
306
|
case Assets.JARS:
|
|
307
307
|
{
|
|
308
|
-
Model = /*#__PURE__*/lazy(() => import('./Jars-
|
|
308
|
+
Model = /*#__PURE__*/lazy(() => import('./Jars-9afb6e8b.esm.js'));
|
|
309
309
|
break;
|
|
310
310
|
}
|
|
311
311
|
case Assets.MULTI_CURRENCY:
|
|
312
312
|
{
|
|
313
|
-
Model = /*#__PURE__*/lazy(() => import('./MultiCurrency-
|
|
313
|
+
Model = /*#__PURE__*/lazy(() => import('./MultiCurrency-1b491db5.esm.js'));
|
|
314
314
|
break;
|
|
315
315
|
}
|
|
316
316
|
}
|
|
@@ -321,5 +321,5 @@ function getModel({
|
|
|
321
321
|
});
|
|
322
322
|
}
|
|
323
323
|
|
|
324
|
-
export { Assets as A, Flag as F, ImageSizes as I, Sizes as S, Illustration as a,
|
|
325
|
-
//# sourceMappingURL=index-
|
|
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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
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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"}
|
|
@@ -205,9 +205,9 @@ function isConnectionSlow() {
|
|
|
205
205
|
function defineSrc(asset) {
|
|
206
206
|
return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
|
|
207
207
|
}
|
|
208
|
-
const
|
|
209
|
-
function
|
|
210
|
-
return
|
|
208
|
+
const illustration3DNames = ['lock', 'globe', 'confetti', 'check-mark', 'flower', 'graph', 'jars', 'magnifying-glass', 'marble', 'marble-card', 'multi-currency', 'plane'];
|
|
209
|
+
function isIllustrationSupport3D(asset) {
|
|
210
|
+
return illustration3DNames.includes(asset);
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
/* eslint-disable fp/no-mutation */
|
|
@@ -217,7 +217,7 @@ var RenderMode;
|
|
|
217
217
|
RenderMode[RenderMode["FALLBACK"] = 1] = "FALLBACK";
|
|
218
218
|
RenderMode[RenderMode["ASSET_3D"] = 2] = "ASSET_3D";
|
|
219
219
|
})(RenderMode || (RenderMode = {}));
|
|
220
|
-
const
|
|
220
|
+
const Illustration3D = ({
|
|
221
221
|
name,
|
|
222
222
|
size = exports.Sizes.MEDIUM,
|
|
223
223
|
className
|
|
@@ -253,66 +253,66 @@ function getModel({
|
|
|
253
253
|
}) {
|
|
254
254
|
// @ts-expect-error unknown generic
|
|
255
255
|
let Model = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
256
|
-
const Scene = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Scene-
|
|
256
|
+
const Scene = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Scene-45fbe252.js'); }));
|
|
257
257
|
switch (name) {
|
|
258
258
|
case exports.Assets.LOCK:
|
|
259
259
|
{
|
|
260
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Lock-
|
|
260
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Lock-e5c89aa2.js'); }));
|
|
261
261
|
break;
|
|
262
262
|
}
|
|
263
263
|
case exports.Assets.GLOBE:
|
|
264
264
|
{
|
|
265
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Globe-
|
|
265
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Globe-93237bd2.js'); }));
|
|
266
266
|
break;
|
|
267
267
|
}
|
|
268
268
|
case exports.Assets.CONFETTI:
|
|
269
269
|
{
|
|
270
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Confetti-
|
|
270
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Confetti-71f18588.js'); }));
|
|
271
271
|
break;
|
|
272
272
|
}
|
|
273
273
|
case exports.Assets.CHECK_MARK:
|
|
274
274
|
{
|
|
275
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./CheckMark-
|
|
275
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./CheckMark-6516e382.js'); }));
|
|
276
276
|
break;
|
|
277
277
|
}
|
|
278
278
|
case exports.Assets.FLOWER:
|
|
279
279
|
{
|
|
280
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Flower-
|
|
280
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Flower-2325e8ba.js'); }));
|
|
281
281
|
break;
|
|
282
282
|
}
|
|
283
283
|
case exports.Assets.PLANE:
|
|
284
284
|
{
|
|
285
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Plane-
|
|
285
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Plane-b6340ff4.js'); }));
|
|
286
286
|
break;
|
|
287
287
|
}
|
|
288
288
|
case exports.Assets.GRAPH:
|
|
289
289
|
{
|
|
290
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Graph-
|
|
290
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Graph-536a6847.js'); }));
|
|
291
291
|
break;
|
|
292
292
|
}
|
|
293
293
|
case exports.Assets.MARBLE:
|
|
294
294
|
{
|
|
295
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Marble-
|
|
295
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Marble-0f2d6f38.js'); }));
|
|
296
296
|
break;
|
|
297
297
|
}
|
|
298
298
|
case exports.Assets.MARBLE_CARD:
|
|
299
299
|
{
|
|
300
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MarbleCard-
|
|
300
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MarbleCard-ed7536dc.js'); }));
|
|
301
301
|
break;
|
|
302
302
|
}
|
|
303
303
|
case exports.Assets.MAGNIFYING_GLASS:
|
|
304
304
|
{
|
|
305
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MagnifyingGlass-
|
|
305
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MagnifyingGlass-92351fd6.js'); }));
|
|
306
306
|
break;
|
|
307
307
|
}
|
|
308
308
|
case exports.Assets.JARS:
|
|
309
309
|
{
|
|
310
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Jars-
|
|
310
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Jars-fcb1e2b1.js'); }));
|
|
311
311
|
break;
|
|
312
312
|
}
|
|
313
313
|
case exports.Assets.MULTI_CURRENCY:
|
|
314
314
|
{
|
|
315
|
-
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MultiCurrency-
|
|
315
|
+
Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MultiCurrency-0456db19.js'); }));
|
|
316
316
|
break;
|
|
317
317
|
}
|
|
318
318
|
}
|
|
@@ -325,8 +325,8 @@ function getModel({
|
|
|
325
325
|
|
|
326
326
|
exports.Flag = Flag;
|
|
327
327
|
exports.Illustration = Illustration;
|
|
328
|
-
exports.
|
|
328
|
+
exports.Illustration3D = Illustration3D;
|
|
329
329
|
exports.ImageSizes = ImageSizes;
|
|
330
330
|
exports.defineSrc = defineSrc;
|
|
331
|
-
exports.
|
|
332
|
-
//# sourceMappingURL=index-
|
|
331
|
+
exports.isIllustrationSupport3D = isIllustrationSupport3D;
|
|
332
|
+
//# sourceMappingURL=index-c17944c0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-c17944c0.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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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export { Flag } from './flags';
|
|
2
2
|
export { default as Illustration } from './illustrations';
|
|
3
|
-
export { default as
|
|
3
|
+
export { default as Illustration3D } from './illustrations3d';
|
|
4
4
|
export { Assets } from './illustrations';
|
|
5
5
|
export { Sizes } from './common';
|
|
6
6
|
export type { FlagProps } from './flags';
|
|
7
7
|
export type { IllustrationNames, IllustrationProps } from './illustrations';
|
|
8
|
-
export type {
|
|
9
|
-
export {
|
|
8
|
+
export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
|
|
9
|
+
export { isIllustrationSupport3D } from './illustrations3d';
|
|
10
10
|
//# sourceMappingURL=index.d.ts.map
|
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,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,
|
|
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,4 +1,4 @@
|
|
|
1
|
-
export { A as Assets, F as Flag, a as Illustration, b as
|
|
1
|
+
export { A as Assets, F as Flag, a as Illustration, b as Illustration3D, S as Sizes, i as isIllustrationSupport3D } from './index-3b6277fc.esm.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'clsx';
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-c17944c0.js');
|
|
4
4
|
require('react');
|
|
5
5
|
require('react/jsx-runtime');
|
|
6
6
|
require('clsx');
|
|
@@ -13,10 +13,10 @@ Object.defineProperty(exports, 'Assets', {
|
|
|
13
13
|
});
|
|
14
14
|
exports.Flag = index.Flag;
|
|
15
15
|
exports.Illustration = index.Illustration;
|
|
16
|
-
exports.
|
|
16
|
+
exports.Illustration3D = index.Illustration3D;
|
|
17
17
|
Object.defineProperty(exports, 'Sizes', {
|
|
18
18
|
enumerable: true,
|
|
19
19
|
get: function () { return index.Sizes; }
|
|
20
20
|
});
|
|
21
|
-
exports.
|
|
21
|
+
exports.isIllustrationSupport3D = index.isIllustrationSupport3D;
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@ import React, { useEffect } from 'react';
|
|
|
4
4
|
import { Sizes } from '../common';
|
|
5
5
|
import { Assets } from '../illustrations/metadata';
|
|
6
6
|
|
|
7
|
-
import
|
|
7
|
+
import Illustration3D from './Illustration3D';
|
|
8
8
|
|
|
9
9
|
export default {
|
|
10
10
|
title: '3D Illustrations',
|
|
@@ -13,7 +13,7 @@ export default {
|
|
|
13
13
|
export const Confetti = () => {
|
|
14
14
|
return (
|
|
15
15
|
<>
|
|
16
|
-
<
|
|
16
|
+
<Illustration3D name={Assets.CONFETTI} size={Sizes.LARGE} />
|
|
17
17
|
</>
|
|
18
18
|
);
|
|
19
19
|
};
|
|
@@ -21,49 +21,49 @@ export const Confetti = () => {
|
|
|
21
21
|
export const Globe = () => {
|
|
22
22
|
return (
|
|
23
23
|
<>
|
|
24
|
-
<
|
|
24
|
+
<Illustration3D name={Assets.GLOBE} size={Sizes.LARGE} />
|
|
25
25
|
</>
|
|
26
26
|
);
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
export const Lock = () => {
|
|
30
|
-
return <
|
|
30
|
+
return <Illustration3D name={Assets.LOCK} size={Sizes.LARGE} />;
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
export const CheckMark = () => {
|
|
34
|
-
return <
|
|
34
|
+
return <Illustration3D name={Assets.CHECK_MARK} size={Sizes.LARGE} />;
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
export const Flower = () => {
|
|
38
|
-
return <
|
|
38
|
+
return <Illustration3D name={Assets.FLOWER} size={Sizes.LARGE} />;
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
export const Plane = () => {
|
|
42
|
-
return <
|
|
42
|
+
return <Illustration3D name={Assets.PLANE} size={Sizes.LARGE} />;
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
export const Graph = () => {
|
|
46
|
-
return <
|
|
46
|
+
return <Illustration3D name={Assets.GRAPH} size={Sizes.LARGE} />;
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
export const Marble = () => {
|
|
50
|
-
return <
|
|
50
|
+
return <Illustration3D name={Assets.MARBLE} size={Sizes.LARGE} />;
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
export const MarbleCard = () => {
|
|
54
|
-
return <
|
|
54
|
+
return <Illustration3D name={Assets.MARBLE_CARD} size={Sizes.LARGE} />;
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
export const MagnifyingGlass = () => {
|
|
58
|
-
return <
|
|
58
|
+
return <Illustration3D name={Assets.MAGNIFYING_GLASS} size={Sizes.LARGE} />;
|
|
59
59
|
};
|
|
60
60
|
|
|
61
61
|
export const Jars = () => {
|
|
62
|
-
return <
|
|
62
|
+
return <Illustration3D name={Assets.JARS} size={Sizes.LARGE} />;
|
|
63
63
|
};
|
|
64
64
|
|
|
65
65
|
export const MultiCurrency = () => {
|
|
66
|
-
return <
|
|
66
|
+
return <Illustration3D name={Assets.MULTI_CURRENCY} size={Sizes.LARGE} />;
|
|
67
67
|
};
|
|
68
68
|
|
|
69
69
|
export const Fallback = () => {
|
|
@@ -81,9 +81,8 @@ export const Fallback = () => {
|
|
|
81
81
|
|
|
82
82
|
return (
|
|
83
83
|
<>
|
|
84
|
-
<
|
|
85
|
-
<
|
|
86
|
-
Mock slow internet connection so it fallback to static illustration
|
|
84
|
+
<Illustration3D name={Assets.LOCK} />
|
|
85
|
+
<p>Mock slow internet connection so it fallback to static illustration</p>
|
|
87
86
|
</>
|
|
88
87
|
);
|
|
89
88
|
};
|
|
@@ -3,11 +3,11 @@ import { clsx } from 'clsx';
|
|
|
3
3
|
import { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';
|
|
4
4
|
|
|
5
5
|
import { LargeSize, MediumSize, SmallSize, Sizes } from '../common';
|
|
6
|
+
import Illustration, { Assets } from '../illustrations';
|
|
6
7
|
|
|
7
|
-
import Illustration, { Assets } from './../illustrations';
|
|
8
8
|
import { useBattery, isConnectionSlow, isBatteryLow } from './utils';
|
|
9
9
|
|
|
10
|
-
export type
|
|
10
|
+
export type Illustration3DNames =
|
|
11
11
|
| 'lock'
|
|
12
12
|
| 'globe'
|
|
13
13
|
| 'confetti'
|
|
@@ -22,7 +22,7 @@ export type Illustration3dNames =
|
|
|
22
22
|
| 'plane';
|
|
23
23
|
|
|
24
24
|
export type Props = {
|
|
25
|
-
name:
|
|
25
|
+
name: Illustration3DNames;
|
|
26
26
|
size?: SmallSize | MediumSize | LargeSize;
|
|
27
27
|
className?: string;
|
|
28
28
|
};
|
|
@@ -33,7 +33,7 @@ enum RenderMode {
|
|
|
33
33
|
ASSET_3D,
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
const
|
|
36
|
+
const Illustration3D = ({ name, size = Sizes.MEDIUM, className }: Props) => {
|
|
37
37
|
const [renderMode, setRenderMode] = useState<RenderMode>(RenderMode.INIT);
|
|
38
38
|
const [inintrinsicSize, setInintrinsicSize] = useState<Props['size']>(size);
|
|
39
39
|
const batteryData = useBattery();
|
|
@@ -130,4 +130,4 @@ function getModel({ name, size }: Props) {
|
|
|
130
130
|
);
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
export default
|
|
133
|
+
export default Illustration3D;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/* eslint-disable react/forbid-dom-props */
|
|
2
|
-
/* eslint-disable react/function-component-definition */
|
|
3
1
|
import { PerspectiveCamera } from '@react-three/drei';
|
|
4
2
|
import { Canvas } from '@react-three/fiber';
|
|
5
3
|
import type { PropsWithChildren } from 'react';
|
|
@@ -8,14 +6,14 @@ import { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';
|
|
|
8
6
|
import { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';
|
|
9
7
|
import { Assets } from '../illustrations/metadata';
|
|
10
8
|
|
|
11
|
-
import type {
|
|
9
|
+
import type { Illustration3DNames } from './Illustration3D';
|
|
12
10
|
|
|
13
11
|
export type Props = PropsWithChildren<{
|
|
14
|
-
assetName:
|
|
12
|
+
assetName: Illustration3DNames;
|
|
15
13
|
size?: SmallSize | MediumSize | LargeSize;
|
|
16
14
|
}>;
|
|
17
15
|
|
|
18
|
-
|
|
16
|
+
const Scene = ({ children, assetName, size = Sizes.MEDIUM }: Props) => {
|
|
19
17
|
const castShadows: boolean = [
|
|
20
18
|
Assets.LOCK as string,
|
|
21
19
|
Assets.MULTI_CURRENCY as string,
|
|
@@ -51,4 +49,6 @@ export default function Scene({ children, assetName, size = Sizes.MEDIUM }: Prop
|
|
|
51
49
|
{children}
|
|
52
50
|
</Canvas>
|
|
53
51
|
);
|
|
54
|
-
}
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export default Scene;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { default } from './
|
|
2
|
-
export type { Props as
|
|
1
|
+
export { default } from './Illustration3D';
|
|
2
|
+
export type { Props as Illustration3DProps } from './Illustration3D';
|
|
3
3
|
|
|
4
|
-
export type {
|
|
4
|
+
export type { Illustration3DNames } from './Illustration3D';
|
|
5
5
|
|
|
6
|
-
export {
|
|
6
|
+
export { isIllustrationSupport3D } from './utils';
|
|
@@ -48,7 +48,7 @@ export function defineSrc(asset: string): string {
|
|
|
48
48
|
return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
const
|
|
51
|
+
const illustration3DNames = [
|
|
52
52
|
'lock',
|
|
53
53
|
'globe',
|
|
54
54
|
'confetti',
|
|
@@ -63,6 +63,6 @@ const illustration3dNames = [
|
|
|
63
63
|
'plane',
|
|
64
64
|
];
|
|
65
65
|
|
|
66
|
-
export function
|
|
67
|
-
return
|
|
66
|
+
export function isIllustrationSupport3D(asset: IllustrationNames): boolean {
|
|
67
|
+
return illustration3DNames.includes(asset);
|
|
68
68
|
}
|
package/src/index.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export { Flag } from './flags';
|
|
2
2
|
export { default as Illustration } from './illustrations';
|
|
3
|
-
export { default as
|
|
3
|
+
export { default as Illustration3D } from './illustrations3d';
|
|
4
4
|
|
|
5
5
|
export { Assets } from './illustrations';
|
|
6
6
|
export { Sizes } from './common';
|
|
7
7
|
|
|
8
8
|
export type { FlagProps } from './flags';
|
|
9
9
|
export type { IllustrationNames, IllustrationProps } from './illustrations';
|
|
10
|
-
export type {
|
|
10
|
+
export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
|
|
11
11
|
|
|
12
|
-
export {
|
|
12
|
+
export { isIllustrationSupport3D } from './illustrations3d';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-365a1dc6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark-5b996187.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-b6bfa95b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confetti-c865d663.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Flower-1987844c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-b5acfedf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Globe-df8b4bbd.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-bc618890.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Graph-e48b9d55.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-b371f7ec.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Jars-b80056b7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Lock-0d8008b7.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Lock-841864c6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass-7b6dda3b.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass-de98441e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-5a115e95.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-c42785f3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard-1792cf0c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|