@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.
- package/README.md +155 -0
- package/dist/CheckMark-C7SPkQjr.esm.js +38 -0
- package/dist/CheckMark-C7SPkQjr.esm.js.map +1 -0
- package/dist/CheckMark-DbWrBNtH.js +40 -0
- package/dist/CheckMark-DbWrBNtH.js.map +1 -0
- package/dist/Confetti-BbPKLCpN.js +37 -0
- package/dist/Confetti-BbPKLCpN.js.map +1 -0
- package/dist/Confetti-DPMBG56o.esm.js +35 -0
- package/dist/Confetti-DPMBG56o.esm.js.map +1 -0
- package/dist/Flower-Dhjb1Y6Z.esm.js +28 -0
- package/dist/Flower-Dhjb1Y6Z.esm.js.map +1 -0
- package/dist/Flower-I053ey4H.js +30 -0
- package/dist/Flower-I053ey4H.js.map +1 -0
- package/dist/Globe-CJDK9wR6.esm.js +44 -0
- package/dist/Globe-CJDK9wR6.esm.js.map +1 -0
- package/dist/Globe-DD_Ybugr.js +46 -0
- package/dist/Globe-DD_Ybugr.js.map +1 -0
- package/dist/Graph-D1M4JGez.esm.js +32 -0
- package/dist/Graph-D1M4JGez.esm.js.map +1 -0
- package/dist/Graph-DrtwCTeB.js +34 -0
- package/dist/Graph-DrtwCTeB.js.map +1 -0
- package/dist/Illustration.css +1 -0
- package/dist/Interest-5AzhwfRZ.js +53 -0
- package/dist/Interest-5AzhwfRZ.js.map +1 -0
- package/dist/Interest-d9YRzYsQ.esm.js +51 -0
- package/dist/Interest-d9YRzYsQ.esm.js.map +1 -0
- package/dist/Jars-Bj5zryIy.esm.js +51 -0
- package/dist/Jars-Bj5zryIy.esm.js.map +1 -0
- package/dist/Jars-DTpuM002.js +53 -0
- package/dist/Jars-DTpuM002.js.map +1 -0
- package/dist/Lock-Ca-LEge7.js +44 -0
- package/dist/Lock-Ca-LEge7.js.map +1 -0
- package/dist/Lock-xy_KoW2g.esm.js +42 -0
- package/dist/Lock-xy_KoW2g.esm.js.map +1 -0
- package/dist/MagnifyingGlass-CR0nvKTo.esm.js +31 -0
- package/dist/MagnifyingGlass-CR0nvKTo.esm.js.map +1 -0
- package/dist/MagnifyingGlass-DFASWsdn.js +33 -0
- package/dist/MagnifyingGlass-DFASWsdn.js.map +1 -0
- package/dist/Marble-BZIHD9uw.js +45 -0
- package/dist/Marble-BZIHD9uw.js.map +1 -0
- package/dist/Marble-Dn1NhVNa.esm.js +43 -0
- package/dist/Marble-Dn1NhVNa.esm.js.map +1 -0
- package/dist/MarbleCard-CLq_nDBM.esm.js +46 -0
- package/dist/MarbleCard-CLq_nDBM.esm.js.map +1 -0
- package/dist/MarbleCard-CtjGjEPp.js +48 -0
- package/dist/MarbleCard-CtjGjEPp.js.map +1 -0
- package/dist/MultiCurrency-B5HtZfTG.esm.js +62 -0
- package/dist/MultiCurrency-B5HtZfTG.esm.js.map +1 -0
- package/dist/MultiCurrency-Bh-7t3nH.js +64 -0
- package/dist/MultiCurrency-Bh-7t3nH.js.map +1 -0
- package/dist/Plane-D-NW6i-O.js +40 -0
- package/dist/Plane-D-NW6i-O.js.map +1 -0
- package/dist/Plane-aYcLKAhf.esm.js +38 -0
- package/dist/Plane-aYcLKAhf.esm.js.map +1 -0
- package/dist/Scene-ClmxQ_BP.esm.js +54 -0
- package/dist/Scene-ClmxQ_BP.esm.js.map +1 -0
- package/dist/Scene-DNB5gL2m.js +56 -0
- package/dist/Scene-DNB5gL2m.js.map +1 -0
- package/dist/common-DBpCdW70.esm.js +14 -0
- package/dist/common-DBpCdW70.esm.js.map +1 -0
- package/dist/common-H4L6Hbbh.js +16 -0
- package/dist/common-H4L6Hbbh.js.map +1 -0
- package/dist/common.d.ts +15 -0
- package/dist/common.d.ts.map +1 -0
- package/dist/flags/Flag.d.ts +14 -0
- package/dist/flags/Flag.d.ts.map +1 -0
- package/dist/flags/Flag.spec.d.ts +2 -0
- package/dist/flags/Flag.spec.d.ts.map +1 -0
- package/dist/flags/index.d.ts +3 -0
- package/dist/flags/index.d.ts.map +1 -0
- package/dist/flags/metadata.d.ts +2 -0
- package/dist/flags/metadata.d.ts.map +1 -0
- package/dist/illustrations/Illustration.d.ts +20 -0
- package/dist/illustrations/Illustration.d.ts.map +1 -0
- package/dist/illustrations/Illustration.spec.d.ts +2 -0
- package/dist/illustrations/Illustration.spec.d.ts.map +1 -0
- package/dist/illustrations/index.d.ts +5 -0
- package/dist/illustrations/index.d.ts.map +1 -0
- package/dist/illustrations/metadata.d.ts +113 -0
- package/dist/illustrations/metadata.d.ts.map +1 -0
- package/dist/illustrations3d/Illustration3D.d.ts +10 -0
- package/dist/illustrations3d/Illustration3D.d.ts.map +1 -0
- package/dist/illustrations3d/Scene.d.ts +10 -0
- package/dist/illustrations3d/Scene.d.ts.map +1 -0
- package/dist/illustrations3d/index.d.ts +5 -0
- package/dist/illustrations3d/index.d.ts.map +1 -0
- package/dist/illustrations3d/models/CheckMark.d.ts +3 -0
- package/dist/illustrations3d/models/CheckMark.d.ts.map +1 -0
- package/dist/illustrations3d/models/Confetti.d.ts +3 -0
- package/dist/illustrations3d/models/Confetti.d.ts.map +1 -0
- package/dist/illustrations3d/models/Flower.d.ts +3 -0
- package/dist/illustrations3d/models/Flower.d.ts.map +1 -0
- package/dist/illustrations3d/models/Globe.d.ts +3 -0
- package/dist/illustrations3d/models/Globe.d.ts.map +1 -0
- package/dist/illustrations3d/models/Graph.d.ts +3 -0
- package/dist/illustrations3d/models/Graph.d.ts.map +1 -0
- package/dist/illustrations3d/models/Interest.d.ts +3 -0
- package/dist/illustrations3d/models/Interest.d.ts.map +1 -0
- package/dist/illustrations3d/models/Jars.d.ts +3 -0
- package/dist/illustrations3d/models/Jars.d.ts.map +1 -0
- package/dist/illustrations3d/models/Lock.d.ts +3 -0
- package/dist/illustrations3d/models/Lock.d.ts.map +1 -0
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts +3 -0
- package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +1 -0
- package/dist/illustrations3d/models/Marble.d.ts +3 -0
- package/dist/illustrations3d/models/Marble.d.ts.map +1 -0
- package/dist/illustrations3d/models/MarbleCard.d.ts +3 -0
- package/dist/illustrations3d/models/MarbleCard.d.ts.map +1 -0
- package/dist/illustrations3d/models/MultiCurrency.d.ts +3 -0
- package/dist/illustrations3d/models/MultiCurrency.d.ts.map +1 -0
- package/dist/illustrations3d/models/Plane.d.ts +3 -0
- package/dist/illustrations3d/models/Plane.d.ts.map +1 -0
- package/dist/illustrations3d/utils.d.ts +9 -0
- package/dist/illustrations3d/utils.d.ts.map +1 -0
- package/dist/illustrations3d/utils.spec.d.ts +2 -0
- package/dist/illustrations3d/utils.spec.d.ts.map +1 -0
- package/dist/index-ApMK-TMV.esm.js +377 -0
- package/dist/index-ApMK-TMV.esm.js.map +1 -0
- package/dist/index-CeTVmx_6.js +383 -0
- package/dist/index-CeTVmx_6.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +6 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +23 -0
- package/dist/index.js.map +1 -0
- package/dist/rive/RiveIllustration.d.ts +13 -0
- package/dist/rive/RiveIllustration.d.ts.map +1 -0
- package/dist/rive/index.d.ts +3 -0
- package/dist/rive/index.d.ts.map +1 -0
- package/dist/rive/index.esm.js +47 -0
- package/dist/rive/index.esm.js.map +1 -0
- package/dist/rive/index.js +53 -0
- package/dist/rive/index.js.map +1 -0
- package/package.json +125 -0
- package/src/common.ts +17 -0
- package/src/flags/AllFlagsAndSizes.stories.tsx +131 -0
- package/src/flags/Flag.css +4 -0
- package/src/flags/Flag.spec.tsx +31 -0
- package/src/flags/Flag.stories.tsx +20 -0
- package/src/flags/Flag.tsx +65 -0
- package/src/flags/index.ts +2 -0
- package/src/flags/metadata.ts +9 -0
- package/src/illustrations/Illustration.css +27 -0
- package/src/illustrations/Illustration.spec.tsx +20 -0
- package/src/illustrations/Illustration.stories.tsx +58 -0
- package/src/illustrations/Illustration.tsx +95 -0
- package/src/illustrations/index.ts +5 -0
- package/src/illustrations/metadata.ts +13 -0
- package/src/illustrations3d/Illustration3D.stories.tsx +101 -0
- package/src/illustrations3d/Illustration3D.tsx +139 -0
- package/src/illustrations3d/Scene.tsx +62 -0
- package/src/illustrations3d/index.ts +6 -0
- package/src/illustrations3d/models/CheckMark.tsx +30 -0
- package/src/illustrations3d/models/Confetti.tsx +29 -0
- package/src/illustrations3d/models/Flower.tsx +24 -0
- package/src/illustrations3d/models/Globe.tsx +41 -0
- package/src/illustrations3d/models/Graph.tsx +26 -0
- package/src/illustrations3d/models/Interest.tsx +42 -0
- package/src/illustrations3d/models/Jars.tsx +47 -0
- package/src/illustrations3d/models/Lock.tsx +38 -0
- package/src/illustrations3d/models/MagnifyingGlass.tsx +30 -0
- package/src/illustrations3d/models/Marble.tsx +47 -0
- package/src/illustrations3d/models/MarbleCard.tsx +50 -0
- package/src/illustrations3d/models/MultiCurrency.tsx +58 -0
- package/src/illustrations3d/models/Plane.tsx +33 -0
- package/src/illustrations3d/utils.spec.tsx +36 -0
- package/src/illustrations3d/utils.ts +73 -0
- package/src/index.css +3 -0
- package/src/index.ts +12 -0
- package/src/rive/RiveIllustration.css +18 -0
- package/src/rive/RiveIllustration.stories.tsx +20 -0
- package/src/rive/RiveIllustration.tsx +54 -0
- package/src/rive/index.ts +2 -0
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var three = require('three');
|
|
6
|
+
var index = require('./index-CeTVmx_6.js');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
require('clsx');
|
|
9
|
+
require('react');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const MarbleCard = () => {
|
|
13
|
+
const model = drei.useGLTF(index.defineSrc('marble-card.glb'));
|
|
14
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-card-light.json'));
|
|
15
|
+
const sphere = model.scene.getObjectByName('Sphere1');
|
|
16
|
+
sphere.material.depthTest = true;
|
|
17
|
+
const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
|
|
18
|
+
stripeBottom.material.depthTest = false;
|
|
19
|
+
stripeBottom.renderOrder = 1;
|
|
20
|
+
const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
|
|
21
|
+
stripeLeft.material.depthTest = false;
|
|
22
|
+
stripeLeft.renderOrder = 2;
|
|
23
|
+
const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
|
|
24
|
+
stripeRight.material.depthTest = false;
|
|
25
|
+
stripeRight.renderOrder = 3;
|
|
26
|
+
const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
|
|
27
|
+
stripeTop.material.depthTest = false;
|
|
28
|
+
stripeTop.renderOrder = 4;
|
|
29
|
+
const card = model.scene.getObjectByName('Plane');
|
|
30
|
+
card.material.depthTest = false;
|
|
31
|
+
card.material.metalness = 0;
|
|
32
|
+
const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
|
|
33
|
+
fiber.useFrame(() => {
|
|
34
|
+
animatedMaps.forEach(map => map.offset.y += -15e-4);
|
|
35
|
+
});
|
|
36
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
37
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
38
|
+
scale: 1.4,
|
|
39
|
+
position: [0, -10, 0],
|
|
40
|
+
object: model.scene
|
|
41
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
42
|
+
object: lights
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
exports.default = MarbleCard;
|
|
48
|
+
//# sourceMappingURL=MarbleCard-CtjGjEPp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarbleCard-CtjGjEPp.js","sources":["../src/illustrations3d/models/MarbleCard.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MarbleCard = () => {\n const model = useGLTF(defineSrc('marble-card.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n const sphere = model.scene.getObjectByName('Sphere1');\n sphere.material.depthTest = true;\n\n const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n stripeBottom.material.depthTest = false;\n stripeBottom.renderOrder = 1;\n\n const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n stripeLeft.material.depthTest = false;\n stripeLeft.renderOrder = 2;\n\n const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n stripeRight.material.depthTest = false;\n stripeRight.renderOrder = 3;\n\n const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n stripeTop.material.depthTest = false;\n stripeTop.renderOrder = 4;\n\n const card = model.scene.getObjectByName('Plane');\n card.material.depthTest = false;\n card.material.metalness = 0;\n\n const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n (object) => object.material.map,\n );\n\n useFrame(() => {\n animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n });\n\n return (\n <>\n <primitive scale={1.4} position={[0, -10, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MarbleCard;\n"],"names":["MarbleCard","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","card","metalness","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;;;AAMA,MAAMA,UAAU,GAAGA,MAAK;EACtB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,iBAAiB,CAAC,CAAC;EAEnD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,wBAAwB,CAAC,CAAC;EAC3E,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,mBAAmB,CAAC;AACpEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC;EAEzB,MAAMI,IAAI,GAAGhB,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,OAAO,CAAC;AACjDQ,EAAAA,IAAI,CAACP,QAAQ,CAACC,SAAS,GAAG,KAAK;AAC/BM,EAAAA,IAAI,CAACP,QAAQ,CAACQ,SAAS,GAAG,CAAC;EAE3B,MAAMC,YAAY,GAAG,CAACZ,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACK,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACX,QAAQ,CAACU,GAAG,CAChC;AAEDE,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,MAAQ,CAAC;AAC1D,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACV,MAAM,EAAEpB,KAAK,CAACO;KAAM,CAClE,eAAAqB,cAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEjB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { useGLTF, useAnimations } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { ObjectLoader, TextureLoader, Color } from 'three';
|
|
5
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
6
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const MultiCurrency = () => {
|
|
11
|
+
const ref = useRef();
|
|
12
|
+
const model = useGLTF(defineSrc('multi-currency.glb'));
|
|
13
|
+
const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));
|
|
14
|
+
const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
|
|
15
|
+
const animatedMaps = [];
|
|
16
|
+
model.scene.traverse(child => {
|
|
17
|
+
if (child.name.includes('Note')) {
|
|
18
|
+
child.castShadow = true;
|
|
19
|
+
child.receiveShadow = true;
|
|
20
|
+
}
|
|
21
|
+
if (child.name.startsWith('Coin_') && child.isMesh) {
|
|
22
|
+
const {
|
|
23
|
+
material
|
|
24
|
+
} = child;
|
|
25
|
+
material.bumpMap = wiseLogo;
|
|
26
|
+
material.bumpMap.flipY = false;
|
|
27
|
+
material.bumpScale = 1;
|
|
28
|
+
material.color = new Color(0.49, 0.49, 0.49);
|
|
29
|
+
child.castShadow = false;
|
|
30
|
+
child.receiveShadow = false;
|
|
31
|
+
}
|
|
32
|
+
if (child.name.startsWith('NoteBase_') && child.isMesh) {
|
|
33
|
+
animatedMaps.push(child.material.map);
|
|
34
|
+
}
|
|
35
|
+
if (child.name.includes('Wise') && child.isMesh) {
|
|
36
|
+
animatedMaps.push(child.material.map);
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const {
|
|
40
|
+
mixer,
|
|
41
|
+
clips
|
|
42
|
+
} = useAnimations(model.animations, ref);
|
|
43
|
+
useFrame(() => {
|
|
44
|
+
animatedMaps.forEach(animatedMap => {
|
|
45
|
+
animatedMap.offset.x += 0.001;
|
|
46
|
+
});
|
|
47
|
+
mixer.clipAction(clips[0]).play();
|
|
48
|
+
});
|
|
49
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
50
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
51
|
+
ref: ref,
|
|
52
|
+
position: [-0.5, -10, 0],
|
|
53
|
+
scale: 1.3,
|
|
54
|
+
object: model.scene
|
|
55
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
56
|
+
object: lights
|
|
57
|
+
})]
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
export { MultiCurrency as default };
|
|
62
|
+
//# sourceMappingURL=MultiCurrency-B5HtZfTG.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiCurrency-B5HtZfTG.esm.js","sources":["../src/illustrations3d/models/MultiCurrency.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MultiCurrency = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('multi-currency.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n\n const animatedMaps = [];\n\n model.scene.traverse((child) => {\n if (child.name.includes('Note')) {\n child.castShadow = true;\n child.receiveShadow = true;\n }\n\n if (child.name.startsWith('Coin_') && child.isMesh) {\n const { material } = child;\n material.bumpMap = wiseLogo;\n material.bumpMap.flipY = false;\n material.bumpScale = 1;\n material.color = new Color(0.49, 0.49, 0.49);\n child.castShadow = false;\n child.receiveShadow = false;\n }\n\n if (child.name.startsWith('NoteBase_') && child.isMesh) {\n animatedMaps.push(child.material.map);\n }\n\n if (child.name.includes('Wise') && child.isMesh) {\n animatedMaps.push(child.material.map);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n animatedMaps.forEach((animatedMap) => {\n animatedMap.offset.x += 0.001;\n });\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MultiCurrency;\n"],"names":["MultiCurrency","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","mixer","clips","useAnimations","animations","useFrame","forEach","animatedMap","offset","x","clipAction","play","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;;AAOA,MAAMA,aAAa,GAAGA,MAAK;AACzB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,oBAAoB,CAAC,CAAC;EAEtD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,2BAA2B,CAAC,CAAC;EAC9E,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,wBAAwB,CAAC,CAAC;EAE9E,MAAMM,YAAY,GAAG,EAAE;AAEvBR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC/BF,KAAK,CAACG,UAAU,GAAG,IAAI;MACvBH,KAAK,CAACI,aAAa,GAAG,IAAI;AAC5B,IAAA;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,OAAO,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MAClD,MAAM;AAAEC,QAAAA;AAAQ,OAAE,GAAGP,KAAK;MAC1BO,QAAQ,CAACC,OAAO,GAAGb,QAAQ;AAC3BY,MAAAA,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MAC9BF,QAAQ,CAACG,SAAS,GAAG,CAAC;MACtBH,QAAQ,CAACI,KAAK,GAAG,IAAIC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC5CZ,KAAK,CAACG,UAAU,GAAG,KAAK;MACxBH,KAAK,CAACI,aAAa,GAAG,KAAK;AAC7B,IAAA;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,WAAW,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MACtDT,YAAY,CAACgB,IAAI,CAACb,KAAK,CAACO,QAAQ,CAACO,GAAG,CAAC;AACvC,IAAA;AAEA,IAAA,IAAId,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,IAAIF,KAAK,CAACM,MAAM,EAAE;MAC/CT,YAAY,CAACgB,IAAI,CAACb,KAAK,CAACO,QAAQ,CAACO,GAAG,CAAC;AACvC,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAAC5B,KAAK,CAAC6B,UAAU,EAAE/B,GAAG,CAAC;AAC7DgC,EAAAA,QAAQ,CAAC,MAAK;AACZtB,IAAAA,YAAY,CAACuB,OAAO,CAAEC,WAAW,IAAI;AACnCA,MAAAA,WAAW,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;AAC/B,IAAA,CAAC,CAAC;IACFR,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE;AACnC,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAW1C,MAAAA,GAAG,EAAEA,GAAI;MAAC2C,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE3C,KAAK,CAACS;KAAM,CAC/E,eAAA+B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAExC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var react = require('react');
|
|
6
|
+
var three = require('three');
|
|
7
|
+
var index = require('./index-CeTVmx_6.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
require('clsx');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const MultiCurrency = () => {
|
|
13
|
+
const ref = react.useRef();
|
|
14
|
+
const model = drei.useGLTF(index.defineSrc('multi-currency.glb'));
|
|
15
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('multi-currency-light.json'));
|
|
16
|
+
const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
|
|
17
|
+
const animatedMaps = [];
|
|
18
|
+
model.scene.traverse(child => {
|
|
19
|
+
if (child.name.includes('Note')) {
|
|
20
|
+
child.castShadow = true;
|
|
21
|
+
child.receiveShadow = true;
|
|
22
|
+
}
|
|
23
|
+
if (child.name.startsWith('Coin_') && child.isMesh) {
|
|
24
|
+
const {
|
|
25
|
+
material
|
|
26
|
+
} = child;
|
|
27
|
+
material.bumpMap = wiseLogo;
|
|
28
|
+
material.bumpMap.flipY = false;
|
|
29
|
+
material.bumpScale = 1;
|
|
30
|
+
material.color = new three.Color(0.49, 0.49, 0.49);
|
|
31
|
+
child.castShadow = false;
|
|
32
|
+
child.receiveShadow = false;
|
|
33
|
+
}
|
|
34
|
+
if (child.name.startsWith('NoteBase_') && child.isMesh) {
|
|
35
|
+
animatedMaps.push(child.material.map);
|
|
36
|
+
}
|
|
37
|
+
if (child.name.includes('Wise') && child.isMesh) {
|
|
38
|
+
animatedMaps.push(child.material.map);
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
const {
|
|
42
|
+
mixer,
|
|
43
|
+
clips
|
|
44
|
+
} = drei.useAnimations(model.animations, ref);
|
|
45
|
+
fiber.useFrame(() => {
|
|
46
|
+
animatedMaps.forEach(animatedMap => {
|
|
47
|
+
animatedMap.offset.x += 0.001;
|
|
48
|
+
});
|
|
49
|
+
mixer.clipAction(clips[0]).play();
|
|
50
|
+
});
|
|
51
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
52
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
53
|
+
ref: ref,
|
|
54
|
+
position: [-0.5, -10, 0],
|
|
55
|
+
scale: 1.3,
|
|
56
|
+
object: model.scene
|
|
57
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
58
|
+
object: lights
|
|
59
|
+
})]
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
exports.default = MultiCurrency;
|
|
64
|
+
//# sourceMappingURL=MultiCurrency-Bh-7t3nH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiCurrency-Bh-7t3nH.js","sources":["../src/illustrations3d/models/MultiCurrency.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MultiCurrency = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('multi-currency.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n\n const animatedMaps = [];\n\n model.scene.traverse((child) => {\n if (child.name.includes('Note')) {\n child.castShadow = true;\n child.receiveShadow = true;\n }\n\n if (child.name.startsWith('Coin_') && child.isMesh) {\n const { material } = child;\n material.bumpMap = wiseLogo;\n material.bumpMap.flipY = false;\n material.bumpScale = 1;\n material.color = new Color(0.49, 0.49, 0.49);\n child.castShadow = false;\n child.receiveShadow = false;\n }\n\n if (child.name.startsWith('NoteBase_') && child.isMesh) {\n animatedMaps.push(child.material.map);\n }\n\n if (child.name.includes('Wise') && child.isMesh) {\n animatedMaps.push(child.material.map);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n animatedMaps.forEach((animatedMap) => {\n animatedMap.offset.x += 0.001;\n });\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MultiCurrency;\n"],"names":["MultiCurrency","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","mixer","clips","useAnimations","animations","useFrame","forEach","animatedMap","offset","x","clipAction","play","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;;;;AAOA,MAAMA,aAAa,GAAGA,MAAK;AACzB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,oBAAoB,CAAC,CAAC;EAEtD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,2BAA2B,CAAC,CAAC;EAC9E,MAAMI,QAAQ,GAAGF,eAAS,CAACG,mBAAa,EAAEL,eAAS,CAAC,wBAAwB,CAAC,CAAC;EAE9E,MAAMM,YAAY,GAAG,EAAE;AAEvBR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC/BF,KAAK,CAACG,UAAU,GAAG,IAAI;MACvBH,KAAK,CAACI,aAAa,GAAG,IAAI;AAC5B,IAAA;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,OAAO,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MAClD,MAAM;AAAEC,QAAAA;AAAQ,OAAE,GAAGP,KAAK;MAC1BO,QAAQ,CAACC,OAAO,GAAGb,QAAQ;AAC3BY,MAAAA,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK;MAC9BF,QAAQ,CAACG,SAAS,GAAG,CAAC;MACtBH,QAAQ,CAACI,KAAK,GAAG,IAAIC,WAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC5CZ,KAAK,CAACG,UAAU,GAAG,KAAK;MACxBH,KAAK,CAACI,aAAa,GAAG,KAAK;AAC7B,IAAA;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,WAAW,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MACtDT,YAAY,CAACgB,IAAI,CAACb,KAAK,CAACO,QAAQ,CAACO,GAAG,CAAC;AACvC,IAAA;AAEA,IAAA,IAAId,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,IAAIF,KAAK,CAACM,MAAM,EAAE;MAC/CT,YAAY,CAACgB,IAAI,CAACb,KAAK,CAACO,QAAQ,CAACO,GAAG,CAAC;AACvC,IAAA;AACF,EAAA,CAAC,CAAC;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,kBAAa,CAAC5B,KAAK,CAAC6B,UAAU,EAAE/B,GAAG,CAAC;AAC7DgC,EAAAA,cAAQ,CAAC,MAAK;AACZtB,IAAAA,YAAY,CAACuB,OAAO,CAAEC,WAAW,IAAI;AACnCA,MAAAA,WAAW,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;AAC/B,IAAA,CAAC,CAAC;IACFR,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE;AACnC,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAW1C,MAAAA,GAAG,EAAEA,GAAI;MAAC2C,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE3C,KAAK,CAACS;KAAM,CAC/E,eAAA+B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAExC;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var react = require('react');
|
|
6
|
+
var three = require('three');
|
|
7
|
+
var index = require('./index-CeTVmx_6.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
require('clsx');
|
|
10
|
+
require('./common-H4L6Hbbh.js');
|
|
11
|
+
|
|
12
|
+
const Plane = () => {
|
|
13
|
+
const ref = react.useRef();
|
|
14
|
+
const model = drei.useGLTF(index.defineSrc('plane.glb'));
|
|
15
|
+
const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('plane-light.json'));
|
|
16
|
+
const plane = model.scene.getObjectByName('Plane_6_update');
|
|
17
|
+
const {
|
|
18
|
+
mixer,
|
|
19
|
+
clips
|
|
20
|
+
} = drei.useAnimations(model.animations, ref);
|
|
21
|
+
fiber.useFrame(() => {
|
|
22
|
+
model.materials['Tapestry WebGL'].map.offset.y += 0.018;
|
|
23
|
+
plane.position.x = 0.45;
|
|
24
|
+
plane.position.y = 7.5;
|
|
25
|
+
mixer.clipAction(clips[0]).play();
|
|
26
|
+
});
|
|
27
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
28
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
29
|
+
ref: ref,
|
|
30
|
+
scale: 1.3,
|
|
31
|
+
position: [0, -7, 0],
|
|
32
|
+
object: model.scene
|
|
33
|
+
}), /*#__PURE__*/jsxRuntime.jsx("primitive", {
|
|
34
|
+
object: lights
|
|
35
|
+
})]
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
exports.default = Plane;
|
|
40
|
+
//# sourceMappingURL=Plane-D-NW6i-O.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plane-D-NW6i-O.js","sources":["../src/illustrations3d/models/Plane.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Plane = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('plane.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n const plane = model.scene.getObjectByName('Plane_6_update');\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n\n plane.position.x = 0.45;\n\n plane.position.y = 7.5;\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Plane;\n"],"names":["Plane","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","plane","scene","getObjectByName","mixer","clips","useAnimations","animations","useFrame","materials","map","offset","y","position","x","clipAction","play","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;;;;AAOA,MAAMA,KAAK,GAAGA,MAAK;AACjB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,WAAW,CAAC,CAAC;EAE7C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,kBAAkB,CAAC,CAAC;EACrE,MAAMI,KAAK,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC;EAE3D,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,kBAAa,CAACX,KAAK,CAACY,UAAU,EAAEd,GAAG,CAAC;AAC7De,EAAAA,cAAQ,CAAC,MAAK;AACZb,IAAAA,KAAK,CAACc,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;AAEvDX,IAAAA,KAAK,CAACY,QAAQ,CAACC,CAAC,GAAG,IAAI;AAEvBb,IAAAA,KAAK,CAACY,QAAQ,CAACD,CAAC,GAAG,GAAG;IACtBR,KAAK,CAACW,UAAU,CAACV,KAAK,CAAC,CAAC,CAAC,CAAC,CAACW,IAAI,EAAE;AACnC,EAAA,CAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAW3B,MAAAA,GAAG,EAAEA,GAAI;AAAC4B,MAAAA,KAAK,EAAE,GAAI;MAACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAE;MAACS,MAAM,EAAE3B,KAAK,CAACO;KAAM,CAC3E,eAAAkB,cAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAExB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useGLTF, useAnimations } from '@react-three/drei';
|
|
2
|
+
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { ObjectLoader } from 'three';
|
|
5
|
+
import { d as defineSrc } from './index-ApMK-TMV.esm.js';
|
|
6
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
import './common-DBpCdW70.esm.js';
|
|
9
|
+
|
|
10
|
+
const Plane = () => {
|
|
11
|
+
const ref = useRef();
|
|
12
|
+
const model = useGLTF(defineSrc('plane.glb'));
|
|
13
|
+
const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));
|
|
14
|
+
const plane = model.scene.getObjectByName('Plane_6_update');
|
|
15
|
+
const {
|
|
16
|
+
mixer,
|
|
17
|
+
clips
|
|
18
|
+
} = useAnimations(model.animations, ref);
|
|
19
|
+
useFrame(() => {
|
|
20
|
+
model.materials['Tapestry WebGL'].map.offset.y += 0.018;
|
|
21
|
+
plane.position.x = 0.45;
|
|
22
|
+
plane.position.y = 7.5;
|
|
23
|
+
mixer.clipAction(clips[0]).play();
|
|
24
|
+
});
|
|
25
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
26
|
+
children: [/*#__PURE__*/jsx("primitive", {
|
|
27
|
+
ref: ref,
|
|
28
|
+
scale: 1.3,
|
|
29
|
+
position: [0, -7, 0],
|
|
30
|
+
object: model.scene
|
|
31
|
+
}), /*#__PURE__*/jsx("primitive", {
|
|
32
|
+
object: lights
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { Plane as default };
|
|
38
|
+
//# sourceMappingURL=Plane-aYcLKAhf.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plane-aYcLKAhf.esm.js","sources":["../src/illustrations3d/models/Plane.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Plane = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('plane.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n const plane = model.scene.getObjectByName('Plane_6_update');\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n\n plane.position.x = 0.45;\n\n plane.position.y = 7.5;\n mixer.clipAction(clips[0]).play();\n });\n\n return (\n <>\n <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Plane;\n"],"names":["Plane","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","plane","scene","getObjectByName","mixer","clips","useAnimations","animations","useFrame","materials","map","offset","y","position","x","clipAction","play","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;;AAOA,MAAMA,KAAK,GAAGA,MAAK;AACjB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,WAAW,CAAC,CAAC;EAE7C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,kBAAkB,CAAC,CAAC;EACrE,MAAMI,KAAK,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC;EAE3D,MAAM;IAAEC,KAAK;AAAEC,IAAAA;GAAO,GAAGC,aAAa,CAACX,KAAK,CAACY,UAAU,EAAEd,GAAG,CAAC;AAC7De,EAAAA,QAAQ,CAAC,MAAK;AACZb,IAAAA,KAAK,CAACc,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK;AAEvDX,IAAAA,KAAK,CAACY,QAAQ,CAACC,CAAC,GAAG,IAAI;AAEvBb,IAAAA,KAAK,CAACY,QAAQ,CAACD,CAAC,GAAG,GAAG;IACtBR,KAAK,CAACW,UAAU,CAACV,KAAK,CAAC,CAAC,CAAC,CAAC,CAACW,IAAI,EAAE;AACnC,EAAA,CAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAW3B,MAAAA,GAAG,EAAEA,GAAI;AAAC4B,MAAAA,KAAK,EAAE,GAAI;MAACR,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAE;MAACS,MAAM,EAAE3B,KAAK,CAACO;KAAM,CAC3E,eAAAkB,GAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAExB;AAAO,KAAA,CAC5B;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { PerspectiveCamera } from '@react-three/drei';
|
|
2
|
+
import { Canvas } from '@react-three/fiber';
|
|
3
|
+
import { PCFShadowMap, LinearSRGBColorSpace, SRGBColorSpace, ACESFilmicToneMapping, LinearToneMapping } from 'three';
|
|
4
|
+
import { I as ImageSizes, S as Sizes } from './common-DBpCdW70.esm.js';
|
|
5
|
+
import { A as Assets } from './index-ApMK-TMV.esm.js';
|
|
6
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import 'clsx';
|
|
8
|
+
import 'react';
|
|
9
|
+
|
|
10
|
+
const Scene = ({
|
|
11
|
+
children,
|
|
12
|
+
assetName,
|
|
13
|
+
size = Sizes.MEDIUM
|
|
14
|
+
}) => {
|
|
15
|
+
const castShadows = [Assets.LOCK, Assets.MULTI_CURRENCY, Assets.MAGNIFYING_GLASS, Assets.INTEREST].includes(assetName);
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated this is a temporary variable until we migrate all models to v2 (DS-6879)
|
|
18
|
+
*/
|
|
19
|
+
const isV2 = [Assets.INTEREST].includes(assetName);
|
|
20
|
+
return /*#__PURE__*/jsxs(Canvas, {
|
|
21
|
+
onCreated: ({
|
|
22
|
+
gl
|
|
23
|
+
}) => {
|
|
24
|
+
gl.setClearColor(0x000000, 0);
|
|
25
|
+
gl.setSize(ImageSizes[size], ImageSizes[size]);
|
|
26
|
+
gl.clearDepth();
|
|
27
|
+
// eslint-disable-next-line functional/immutable-data, no-param-reassign
|
|
28
|
+
gl.useLegacyLights = !isV2;
|
|
29
|
+
},
|
|
30
|
+
gl: {
|
|
31
|
+
alpha: true,
|
|
32
|
+
antialias: !isV2,
|
|
33
|
+
pixelRatio: window.devicePixelRatio * 1,
|
|
34
|
+
toneMapping: isV2 ? ACESFilmicToneMapping : LinearToneMapping,
|
|
35
|
+
outputColorSpace: isV2 ? LinearSRGBColorSpace : SRGBColorSpace,
|
|
36
|
+
toneMappingExposure: 1.1
|
|
37
|
+
},
|
|
38
|
+
shadows: {
|
|
39
|
+
type: PCFShadowMap,
|
|
40
|
+
enabled: castShadows
|
|
41
|
+
},
|
|
42
|
+
children: [/*#__PURE__*/jsx(PerspectiveCamera, {
|
|
43
|
+
makeDefault: true,
|
|
44
|
+
far: 1000000000000,
|
|
45
|
+
near: 0.1,
|
|
46
|
+
fov: 10.29,
|
|
47
|
+
aspect: window.innerWidth / window.innerHeight,
|
|
48
|
+
position: [0, 0, 100]
|
|
49
|
+
}), children]
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export { Scene as default };
|
|
54
|
+
//# sourceMappingURL=Scene-ClmxQ_BP.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scene-ClmxQ_BP.esm.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["import { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport type { PropsWithChildren } from 'react';\nimport { ACESFilmicToneMapping, LinearSRGBColorSpace, LinearToneMapping, PCFShadowMap, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport type { Illustration3DNames } from './Illustration3D';\n\nexport type Props = PropsWithChildren<{\n assetName: Illustration3DNames;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nconst Scene = ({ children, assetName, size = Sizes.MEDIUM }: Props) => {\n const castShadows: boolean = [\n Assets.LOCK as string,\n Assets.MULTI_CURRENCY as string,\n Assets.MAGNIFYING_GLASS as string,\n Assets.INTEREST as string,\n ].includes(assetName);\n /**\n * @deprecated this is a temporary variable until we migrate all models to v2 (DS-6879)\n */\n const isV2 = [Assets.INTEREST as string].includes(assetName);\n return (\n <Canvas\n onCreated={({ gl }) => {\n gl.setClearColor(0x000000, 0);\n gl.setSize(ImageSizes[size], ImageSizes[size]);\n gl.clearDepth();\n // eslint-disable-next-line functional/immutable-data, no-param-reassign\n gl.useLegacyLights = !isV2;\n }}\n gl={{\n alpha: true,\n antialias: !isV2,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: isV2 ? ACESFilmicToneMapping : LinearToneMapping,\n outputColorSpace: isV2 ? LinearSRGBColorSpace : SRGBColorSpace,\n toneMappingExposure: 1.1,\n }}\n shadows={{\n type: PCFShadowMap,\n enabled: castShadows,\n }}\n >\n <PerspectiveCamera\n makeDefault\n far={1000000000000}\n near={0.1}\n fov={10.29}\n aspect={window.innerWidth / window.innerHeight}\n position={[0, 0, 100]}\n />\n {children}\n </Canvas>\n );\n};\n\nexport default Scene;\n"],"names":["Scene","children","assetName","size","Sizes","MEDIUM","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","INTEREST","includes","isV2","_jsxs","Canvas","onCreated","gl","setClearColor","setSize","ImageSizes","clearDepth","useLegacyLights","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","ACESFilmicToneMapping","LinearToneMapping","outputColorSpace","LinearSRGBColorSpace","SRGBColorSpace","toneMappingExposure","shadows","type","PCFShadowMap","enabled","_jsx","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":";;;;;;;;;AAeA,MAAMA,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI,GAAGC,KAAK,CAACC;AAAM,CAAS,KAAI;EACpE,MAAMC,WAAW,GAAY,CAC3BC,MAAM,CAACC,IAAc,EACrBD,MAAM,CAACE,cAAwB,EAC/BF,MAAM,CAACG,gBAA0B,EACjCH,MAAM,CAACI,QAAkB,CAC1B,CAACC,QAAQ,CAACV,SAAS,CAAC;AACrB;;AAEG;EACH,MAAMW,IAAI,GAAG,CAACN,MAAM,CAACI,QAAkB,CAAC,CAACC,QAAQ,CAACV,SAAS,CAAC;EAC5D,oBACEY,IAAA,CAACC,MAAM,EAAA;AACLC,IAAAA,SAAS,EAAEA,CAAC;AAAEC,MAAAA;AAAE,KAAE,KAAI;AACpBA,MAAAA,EAAE,CAACC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC7BD,MAAAA,EAAE,CAACE,OAAO,CAACC,UAAU,CAACjB,IAAI,CAAC,EAAEiB,UAAU,CAACjB,IAAI,CAAC,CAAC;MAC9Cc,EAAE,CAACI,UAAU,EAAE;AACf;AACAJ,MAAAA,EAAE,CAACK,eAAe,GAAG,CAACT,IAAI;IAC5B,CAAE;AACFI,IAAAA,EAAE,EAAE;AACFM,MAAAA,KAAK,EAAE,IAAI;MACXC,SAAS,EAAE,CAACX,IAAI;AAChBY,MAAAA,UAAU,EAAEC,MAAM,CAACC,gBAAgB,GAAG,CAAC;AACvCC,MAAAA,WAAW,EAAEf,IAAI,GAAGgB,qBAAqB,GAAGC,iBAAiB;AAC7DC,MAAAA,gBAAgB,EAAElB,IAAI,GAAGmB,oBAAoB,GAAGC,cAAc;AAC9DC,MAAAA,mBAAmB,EAAE;KACrB;AACFC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEC,YAAY;AAClBC,MAAAA,OAAO,EAAEhC;KACT;IAAAL,QAAA,EAAA,cAEFsC,GAAA,CAACC,iBAAiB,EAAA;MAChBC,WAAW,EAAA,IAAA;AACXC,MAAAA,GAAG,EAAE,aAAc;AACnBC,MAAAA,IAAI,EAAE,GAAI;AACVC,MAAAA,GAAG,EAAE,KAAM;AACXC,MAAAA,MAAM,EAAEnB,MAAM,CAACoB,UAAU,GAAGpB,MAAM,CAACqB,WAAY;AAC/CC,MAAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG;KAAE,CAExB,EAAC/C,QAAQ;AAAA,GACH,CAAC;AAEb;;;;"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var drei = require('@react-three/drei');
|
|
4
|
+
var fiber = require('@react-three/fiber');
|
|
5
|
+
var three = require('three');
|
|
6
|
+
var common = require('./common-H4L6Hbbh.js');
|
|
7
|
+
var index = require('./index-CeTVmx_6.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
require('clsx');
|
|
10
|
+
require('react');
|
|
11
|
+
|
|
12
|
+
const Scene = ({
|
|
13
|
+
children,
|
|
14
|
+
assetName,
|
|
15
|
+
size = common.Sizes.MEDIUM
|
|
16
|
+
}) => {
|
|
17
|
+
const castShadows = [index.Assets.LOCK, index.Assets.MULTI_CURRENCY, index.Assets.MAGNIFYING_GLASS, index.Assets.INTEREST].includes(assetName);
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated this is a temporary variable until we migrate all models to v2 (DS-6879)
|
|
20
|
+
*/
|
|
21
|
+
const isV2 = [index.Assets.INTEREST].includes(assetName);
|
|
22
|
+
return /*#__PURE__*/jsxRuntime.jsxs(fiber.Canvas, {
|
|
23
|
+
onCreated: ({
|
|
24
|
+
gl
|
|
25
|
+
}) => {
|
|
26
|
+
gl.setClearColor(0x000000, 0);
|
|
27
|
+
gl.setSize(common.ImageSizes[size], common.ImageSizes[size]);
|
|
28
|
+
gl.clearDepth();
|
|
29
|
+
// eslint-disable-next-line functional/immutable-data, no-param-reassign
|
|
30
|
+
gl.useLegacyLights = !isV2;
|
|
31
|
+
},
|
|
32
|
+
gl: {
|
|
33
|
+
alpha: true,
|
|
34
|
+
antialias: !isV2,
|
|
35
|
+
pixelRatio: window.devicePixelRatio * 1,
|
|
36
|
+
toneMapping: isV2 ? three.ACESFilmicToneMapping : three.LinearToneMapping,
|
|
37
|
+
outputColorSpace: isV2 ? three.LinearSRGBColorSpace : three.SRGBColorSpace,
|
|
38
|
+
toneMappingExposure: 1.1
|
|
39
|
+
},
|
|
40
|
+
shadows: {
|
|
41
|
+
type: three.PCFShadowMap,
|
|
42
|
+
enabled: castShadows
|
|
43
|
+
},
|
|
44
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(drei.PerspectiveCamera, {
|
|
45
|
+
makeDefault: true,
|
|
46
|
+
far: 1000000000000,
|
|
47
|
+
near: 0.1,
|
|
48
|
+
fov: 10.29,
|
|
49
|
+
aspect: window.innerWidth / window.innerHeight,
|
|
50
|
+
position: [0, 0, 100]
|
|
51
|
+
}), children]
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
exports.default = Scene;
|
|
56
|
+
//# sourceMappingURL=Scene-DNB5gL2m.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scene-DNB5gL2m.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["import { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport type { PropsWithChildren } from 'react';\nimport { ACESFilmicToneMapping, LinearSRGBColorSpace, LinearToneMapping, PCFShadowMap, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport type { Illustration3DNames } from './Illustration3D';\n\nexport type Props = PropsWithChildren<{\n assetName: Illustration3DNames;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nconst Scene = ({ children, assetName, size = Sizes.MEDIUM }: Props) => {\n const castShadows: boolean = [\n Assets.LOCK as string,\n Assets.MULTI_CURRENCY as string,\n Assets.MAGNIFYING_GLASS as string,\n Assets.INTEREST as string,\n ].includes(assetName);\n /**\n * @deprecated this is a temporary variable until we migrate all models to v2 (DS-6879)\n */\n const isV2 = [Assets.INTEREST as string].includes(assetName);\n return (\n <Canvas\n onCreated={({ gl }) => {\n gl.setClearColor(0x000000, 0);\n gl.setSize(ImageSizes[size], ImageSizes[size]);\n gl.clearDepth();\n // eslint-disable-next-line functional/immutable-data, no-param-reassign\n gl.useLegacyLights = !isV2;\n }}\n gl={{\n alpha: true,\n antialias: !isV2,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: isV2 ? ACESFilmicToneMapping : LinearToneMapping,\n outputColorSpace: isV2 ? LinearSRGBColorSpace : SRGBColorSpace,\n toneMappingExposure: 1.1,\n }}\n shadows={{\n type: PCFShadowMap,\n enabled: castShadows,\n }}\n >\n <PerspectiveCamera\n makeDefault\n far={1000000000000}\n near={0.1}\n fov={10.29}\n aspect={window.innerWidth / window.innerHeight}\n position={[0, 0, 100]}\n />\n {children}\n </Canvas>\n );\n};\n\nexport default Scene;\n"],"names":["Scene","children","assetName","size","Sizes","MEDIUM","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","INTEREST","includes","isV2","_jsxs","Canvas","onCreated","gl","setClearColor","setSize","ImageSizes","clearDepth","useLegacyLights","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","ACESFilmicToneMapping","LinearToneMapping","outputColorSpace","LinearSRGBColorSpace","SRGBColorSpace","toneMappingExposure","shadows","type","PCFShadowMap","enabled","_jsx","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":";;;;;;;;;;;AAeA,MAAMA,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI,GAAGC,YAAK,CAACC;AAAM,CAAS,KAAI;EACpE,MAAMC,WAAW,GAAY,CAC3BC,YAAM,CAACC,IAAc,EACrBD,YAAM,CAACE,cAAwB,EAC/BF,YAAM,CAACG,gBAA0B,EACjCH,YAAM,CAACI,QAAkB,CAC1B,CAACC,QAAQ,CAACV,SAAS,CAAC;AACrB;;AAEG;EACH,MAAMW,IAAI,GAAG,CAACN,YAAM,CAACI,QAAkB,CAAC,CAACC,QAAQ,CAACV,SAAS,CAAC;EAC5D,oBACEY,eAAA,CAACC,YAAM,EAAA;AACLC,IAAAA,SAAS,EAAEA,CAAC;AAAEC,MAAAA;AAAE,KAAE,KAAI;AACpBA,MAAAA,EAAE,CAACC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC7BD,MAAAA,EAAE,CAACE,OAAO,CAACC,iBAAU,CAACjB,IAAI,CAAC,EAAEiB,iBAAU,CAACjB,IAAI,CAAC,CAAC;MAC9Cc,EAAE,CAACI,UAAU,EAAE;AACf;AACAJ,MAAAA,EAAE,CAACK,eAAe,GAAG,CAACT,IAAI;IAC5B,CAAE;AACFI,IAAAA,EAAE,EAAE;AACFM,MAAAA,KAAK,EAAE,IAAI;MACXC,SAAS,EAAE,CAACX,IAAI;AAChBY,MAAAA,UAAU,EAAEC,MAAM,CAACC,gBAAgB,GAAG,CAAC;AACvCC,MAAAA,WAAW,EAAEf,IAAI,GAAGgB,2BAAqB,GAAGC,uBAAiB;AAC7DC,MAAAA,gBAAgB,EAAElB,IAAI,GAAGmB,0BAAoB,GAAGC,oBAAc;AAC9DC,MAAAA,mBAAmB,EAAE;KACrB;AACFC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEC,kBAAY;AAClBC,MAAAA,OAAO,EAAEhC;KACT;IAAAL,QAAA,EAAA,cAEFsC,cAAA,CAACC,sBAAiB,EAAA;MAChBC,WAAW,EAAA,IAAA;AACXC,MAAAA,GAAG,EAAE,aAAc;AACnBC,MAAAA,IAAI,EAAE,GAAI;AACVC,MAAAA,GAAG,EAAE,KAAM;AACXC,MAAAA,MAAM,EAAEnB,MAAM,CAACoB,UAAU,GAAGpB,MAAM,CAACqB,WAAY;AAC/CC,MAAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG;KAAE,CAExB,EAAC/C,QAAQ;AAAA,GACH,CAAC;AAEb;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
var Sizes;
|
|
2
|
+
(function (Sizes) {
|
|
3
|
+
Sizes["SMALL"] = "small";
|
|
4
|
+
Sizes["MEDIUM"] = "medium";
|
|
5
|
+
Sizes["LARGE"] = "large";
|
|
6
|
+
})(Sizes || (Sizes = {}));
|
|
7
|
+
const ImageSizes = {
|
|
8
|
+
[Sizes.SMALL]: 200,
|
|
9
|
+
[Sizes.MEDIUM]: 300,
|
|
10
|
+
[Sizes.LARGE]: 500
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { ImageSizes as I, Sizes as S };
|
|
14
|
+
//# sourceMappingURL=common-DBpCdW70.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common-DBpCdW70.esm.js","sources":["../src/common.ts"],"sourcesContent":["export enum Sizes {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\nexport const ImageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nexport type LargeSize = 'large';\nexport type MediumSize = 'medium';\nexport type SmallSize = 'small';\n\nexport type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';\n"],"names":["Sizes","ImageSizes","SMALL","MEDIUM","LARGE"],"mappings":"IAAYA;AAAZ,CAAA,UAAYA,KAAK,EAAA;AACfA,EAAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACfA,EAAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjBA,EAAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAJWA,KAAK,KAALA,KAAK,GAAA,EAAA,CAAA,CAAA;AAMV,MAAMC,UAAU,GAAG;AACxB,EAAA,CAACD,KAAK,CAACE,KAAK,GAAG,GAAG;AAClB,EAAA,CAACF,KAAK,CAACG,MAAM,GAAG,GAAG;EACnB,CAACH,KAAK,CAACI,KAAK,GAAG;;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
exports.Sizes = void 0;
|
|
4
|
+
(function (Sizes) {
|
|
5
|
+
Sizes["SMALL"] = "small";
|
|
6
|
+
Sizes["MEDIUM"] = "medium";
|
|
7
|
+
Sizes["LARGE"] = "large";
|
|
8
|
+
})(exports.Sizes || (exports.Sizes = {}));
|
|
9
|
+
const ImageSizes = {
|
|
10
|
+
[exports.Sizes.SMALL]: 200,
|
|
11
|
+
[exports.Sizes.MEDIUM]: 300,
|
|
12
|
+
[exports.Sizes.LARGE]: 500
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
exports.ImageSizes = ImageSizes;
|
|
16
|
+
//# sourceMappingURL=common-H4L6Hbbh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common-H4L6Hbbh.js","sources":["../src/common.ts"],"sourcesContent":["export enum Sizes {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\nexport const ImageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nexport type LargeSize = 'large';\nexport type MediumSize = 'medium';\nexport type SmallSize = 'small';\n\nexport type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';\n"],"names":["Sizes","ImageSizes","SMALL","MEDIUM","LARGE"],"mappings":";;AAAYA;AAAZ,CAAA,UAAYA,KAAK,EAAA;AACfA,EAAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACfA,EAAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjBA,EAAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAJWA,aAAK,KAALA,aAAK,GAAA,EAAA,CAAA,CAAA;AAMV,MAAMC,UAAU,GAAG;AACxB,EAAA,CAACD,aAAK,CAACE,KAAK,GAAG,GAAG;AAClB,EAAA,CAACF,aAAK,CAACG,MAAM,GAAG,GAAG;EACnB,CAACH,aAAK,CAACI,KAAK,GAAG;;;;;"}
|
package/dist/common.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare enum Sizes {
|
|
2
|
+
SMALL = "small",
|
|
3
|
+
MEDIUM = "medium",
|
|
4
|
+
LARGE = "large"
|
|
5
|
+
}
|
|
6
|
+
export declare const ImageSizes: {
|
|
7
|
+
small: number;
|
|
8
|
+
medium: number;
|
|
9
|
+
large: number;
|
|
10
|
+
};
|
|
11
|
+
export type LargeSize = 'large';
|
|
12
|
+
export type MediumSize = 'medium';
|
|
13
|
+
export type SmallSize = 'small';
|
|
14
|
+
export type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';
|
|
15
|
+
//# sourceMappingURL=common.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAClC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface FlagProps {
|
|
2
|
+
/**
|
|
3
|
+
* Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).
|
|
4
|
+
*/
|
|
5
|
+
code: string;
|
|
6
|
+
/**
|
|
7
|
+
* Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.
|
|
8
|
+
*/
|
|
9
|
+
intrinsicSize?: number;
|
|
10
|
+
className?: string;
|
|
11
|
+
loading?: 'lazy' | 'eager';
|
|
12
|
+
}
|
|
13
|
+
export declare const Flag: ({ code, intrinsicSize, className, loading, }: FlagProps) => import("react").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=Flag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../src/flags/Flag.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAID,eAAO,MAAM,IAAI,GAAI,8CAKlB,SAAS,gCAsCX,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flag.spec.d.ts","sourceRoot":"","sources":["../../src/flags/Flag.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../src/flags/metadata.ts"],"names":[],"mappings":"AAQE,eAAO,MAAM,mBAAmB,UAA4W,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type LargeSize, type MediumSize, type SmallSize } from './../common';
|
|
2
|
+
import type { IllustrationNames } from './metadata';
|
|
3
|
+
type ImgProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;
|
|
4
|
+
export type IllustrationSizes = LargeSize | MediumSize | SmallSize;
|
|
5
|
+
export type Props = {
|
|
6
|
+
name: IllustrationNames;
|
|
7
|
+
alt?: string;
|
|
8
|
+
size?: IllustrationSizes;
|
|
9
|
+
loading?: 'eager' | 'lazy';
|
|
10
|
+
disablePadding?: boolean;
|
|
11
|
+
} & ImgProps;
|
|
12
|
+
declare const Illustration: import("react").ForwardRefExoticComponent<{
|
|
13
|
+
name: IllustrationNames;
|
|
14
|
+
alt?: string;
|
|
15
|
+
size?: IllustrationSizes;
|
|
16
|
+
loading?: "eager" | "lazy";
|
|
17
|
+
disablePadding?: boolean;
|
|
18
|
+
} & ImgProps & import("react").RefAttributes<HTMLImageElement>>;
|
|
19
|
+
export default Illustration;
|
|
20
|
+
//# sourceMappingURL=Illustration.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Illustration.d.ts","sourceRoot":"","sources":["../../src/illustrations/Illustration.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,SAAS,EAGf,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAIpD,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEnE,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,iBAAiB,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,QAAQ,CAAC;AAQb,QAAA,MAAM,YAAY;UAbV,iBAAiB;UACjB,MAAM;WACL,iBAAiB;cACd,OAAO,GAAG,MAAM;qBACT,OAAO;+DAiEzB,CAAC;AAMF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Illustration.spec.d.ts","sourceRoot":"","sources":["../../src/illustrations/Illustration.spec.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/illustrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}
|