@wise/art 2.20.3 → 2.21.1
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-DPT2Hm93.js → CheckMark-D6E8uMXL.js} +2 -2
- package/dist/{CheckMark-DPT2Hm93.js.map → CheckMark-D6E8uMXL.js.map} +1 -1
- package/dist/{CheckMark-tOIAZG3U.esm.js → CheckMark-DZnc6_QZ.esm.js} +2 -2
- package/dist/{CheckMark-tOIAZG3U.esm.js.map → CheckMark-DZnc6_QZ.esm.js.map} +1 -1
- package/dist/{Confetti-CMK96lTU.esm.js → Confetti-2Ftc88tZ.esm.js} +2 -2
- package/dist/{Confetti-CMK96lTU.esm.js.map → Confetti-2Ftc88tZ.esm.js.map} +1 -1
- package/dist/{Confetti-D11liOC7.js → Confetti-OK7liwE6.js} +2 -2
- package/dist/{Confetti-D11liOC7.js.map → Confetti-OK7liwE6.js.map} +1 -1
- package/dist/{Flower-BbJBxCdv.js → Flower-CDYqtRaV.js} +2 -2
- package/dist/{Flower-BbJBxCdv.js.map → Flower-CDYqtRaV.js.map} +1 -1
- package/dist/{Flower-Dz7lCH7V.esm.js → Flower-DeslPJkl.esm.js} +2 -2
- package/dist/{Flower-Dz7lCH7V.esm.js.map → Flower-DeslPJkl.esm.js.map} +1 -1
- package/dist/{Globe-D6LXMPeY.js → Globe-CKQoUge6.js} +2 -2
- package/dist/{Globe-D6LXMPeY.js.map → Globe-CKQoUge6.js.map} +1 -1
- package/dist/{Globe-CpdliH43.esm.js → Globe-DT03ibGF.esm.js} +2 -2
- package/dist/{Globe-CpdliH43.esm.js.map → Globe-DT03ibGF.esm.js.map} +1 -1
- package/dist/{Graph-D1wLgrPs.esm.js → Graph-COri5_Fd.esm.js} +2 -2
- package/dist/{Graph-D1wLgrPs.esm.js.map → Graph-COri5_Fd.esm.js.map} +1 -1
- package/dist/{Graph-D8B0_H40.js → Graph-CW922eR1.js} +2 -2
- package/dist/{Graph-D8B0_H40.js.map → Graph-CW922eR1.js.map} +1 -1
- package/dist/Interest-1v_pN5C5.esm.js +50 -0
- package/dist/Interest-1v_pN5C5.esm.js.map +1 -0
- package/dist/Interest-BLkBYHQ1.js +52 -0
- package/dist/Interest-BLkBYHQ1.js.map +1 -0
- package/dist/{Jars-DruzMUgX.esm.js → Jars-CWbPyr0J.esm.js} +2 -2
- package/dist/{Jars-DruzMUgX.esm.js.map → Jars-CWbPyr0J.esm.js.map} +1 -1
- package/dist/{Jars-BUy39Mlc.js → Jars-D8pSzmaO.js} +2 -2
- package/dist/{Jars-BUy39Mlc.js.map → Jars-D8pSzmaO.js.map} +1 -1
- package/dist/{Lock-D3oe5yEO.esm.js → Lock-CDk4_8ey.esm.js} +2 -2
- package/dist/{Lock-D3oe5yEO.esm.js.map → Lock-CDk4_8ey.esm.js.map} +1 -1
- package/dist/{Lock-OvpWidRU.js → Lock-__Y2XpBz.js} +2 -2
- package/dist/{Lock-OvpWidRU.js.map → Lock-__Y2XpBz.js.map} +1 -1
- package/dist/{MagnifyingGlass-CAvWbmLS.esm.js → MagnifyingGlass-DlXNu_ay.esm.js} +2 -2
- package/dist/{MagnifyingGlass-CAvWbmLS.esm.js.map → MagnifyingGlass-DlXNu_ay.esm.js.map} +1 -1
- package/dist/{MagnifyingGlass-Df7RTDib.js → MagnifyingGlass-w5psODHO.js} +2 -2
- package/dist/{MagnifyingGlass-Df7RTDib.js.map → MagnifyingGlass-w5psODHO.js.map} +1 -1
- package/dist/{Marble-0HL_iscU.js → Marble-C1gZN2Xx.js} +2 -2
- package/dist/{Marble-0HL_iscU.js.map → Marble-C1gZN2Xx.js.map} +1 -1
- package/dist/{Marble-BQNMgy5J.esm.js → Marble-V6IN4V1U.esm.js} +2 -2
- package/dist/{Marble-BQNMgy5J.esm.js.map → Marble-V6IN4V1U.esm.js.map} +1 -1
- package/dist/{MarbleCard-BCmHoOIh.js → MarbleCard-1IA4tb13.js} +2 -2
- package/dist/{MarbleCard-BCmHoOIh.js.map → MarbleCard-1IA4tb13.js.map} +1 -1
- package/dist/{MarbleCard-cKUEkO2D.esm.js → MarbleCard-BteAbDLx.esm.js} +2 -2
- package/dist/{MarbleCard-cKUEkO2D.esm.js.map → MarbleCard-BteAbDLx.esm.js.map} +1 -1
- package/dist/{MultiCurrency-Ypm19dw4.esm.js → MultiCurrency-DFeBZwuU.esm.js} +2 -2
- package/dist/{MultiCurrency-Ypm19dw4.esm.js.map → MultiCurrency-DFeBZwuU.esm.js.map} +1 -1
- package/dist/{MultiCurrency-BLA3RMYt.js → MultiCurrency-DTxDbkG5.js} +2 -2
- package/dist/{MultiCurrency-BLA3RMYt.js.map → MultiCurrency-DTxDbkG5.js.map} +1 -1
- package/dist/{Plane-DLZEQ0-L.esm.js → Plane-CHg8IPpL.esm.js} +2 -2
- package/dist/{Plane-DLZEQ0-L.esm.js.map → Plane-CHg8IPpL.esm.js.map} +1 -1
- package/dist/{Plane-C-v06ist.js → Plane-n7Yrbrpt.js} +2 -2
- package/dist/{Plane-C-v06ist.js.map → Plane-n7Yrbrpt.js.map} +1 -1
- package/dist/{Scene-Dc6JBAM-.esm.js → Scene-D0ltseTB.esm.js} +13 -9
- package/dist/Scene-D0ltseTB.esm.js.map +1 -0
- package/dist/{Scene-DS5ydhQm.js → Scene-D4ujVb3H.js} +12 -8
- package/dist/Scene-D4ujVb3H.js.map +1 -0
- package/dist/illustrations3d/Illustration3D.d.ts +1 -1
- package/dist/illustrations3d/Illustration3D.d.ts.map +1 -1
- package/dist/illustrations3d/Scene.d.ts.map +1 -1
- package/dist/illustrations3d/models/Interest.d.ts +3 -0
- package/dist/illustrations3d/models/Interest.d.ts.map +1 -0
- package/dist/illustrations3d/utils.d.ts.map +1 -1
- package/dist/{index-CdMAaJnV.esm.js → index-BfVY9YVL.esm.js} +20 -15
- package/dist/index-BfVY9YVL.esm.js.map +1 -0
- package/dist/{index-De4Y1gUq.js → index-CkpEkpAO.js} +20 -15
- package/dist/index-CkpEkpAO.js.map +1 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/src/illustrations3d/Illustration3D.stories.tsx +4 -0
- package/src/illustrations3d/Illustration3D.tsx +19 -14
- package/src/illustrations3d/Scene.tsx +11 -6
- package/src/illustrations3d/models/Interest.tsx +42 -0
- package/src/illustrations3d/utils.ts +1 -0
- package/dist/Scene-DS5ydhQm.js.map +0 -1
- package/dist/Scene-Dc6JBAM-.esm.js.map +0 -1
- package/dist/index-CdMAaJnV.esm.js.map +0 -1
- package/dist/index-De4Y1gUq.js.map +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var drei = require('@react-three/drei');
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var three = require('three');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CkpEkpAO.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
require('clsx');
|
|
9
9
|
require('react');
|
|
@@ -29,4 +29,4 @@ const MagnifyingGlass = () => {
|
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
exports.default = MagnifyingGlass;
|
|
32
|
-
//# sourceMappingURL=MagnifyingGlass-
|
|
32
|
+
//# sourceMappingURL=MagnifyingGlass-w5psODHO.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MagnifyingGlass-
|
|
1
|
+
{"version":3,"file":"MagnifyingGlass-w5psODHO.js","sources":["../src/illustrations3d/models/MagnifyingGlass.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 MagnifyingGlass = () => {\n const model = useGLTF(defineSrc('magnifying-glass.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n const lens = model.scene.getObjectByName('Optimised_lens');\n\n useFrame(() => {\n lens.material.transparent = true;\n\n lens.material.opacity = 0.8;\n\n model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n });\n\n return (\n <>\n <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default MagnifyingGlass;\n"],"names":["MagnifyingGlass","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;;AAMMA,MAAAA,eAAe,GAAGA,MAAK;EAC3B,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,sBAAsB,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,6BAA6B,CAAC,CAAC;EAEhF,MAAMI,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC;AAE1DC,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,IAAI,CAACI,QAAQ,CAACC,WAAW,GAAG,IAAI;AAEhCL,IAAAA,IAAI,CAACI,QAAQ,CAACE,OAAO,GAAG,GAAG;AAE3BZ,IAAAA,KAAK,CAACa,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM;AAC3D,GAAC,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,CAAC,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvB,KAAK,CAACO;KAC5D,CAAA,eAAAa,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var drei = require('@react-three/drei');
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var three = require('three');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CkpEkpAO.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
require('clsx');
|
|
9
9
|
require('react');
|
|
@@ -41,4 +41,4 @@ const Marble = () => {
|
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
exports.default = Marble;
|
|
44
|
-
//# sourceMappingURL=Marble-
|
|
44
|
+
//# sourceMappingURL=Marble-C1gZN2Xx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-
|
|
1
|
+
{"version":3,"file":"Marble-C1gZN2Xx.js","sources":["../src/illustrations3d/models/Marble.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 Marble = () => {\n const model = useGLTF(defineSrc('marble.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\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_Left_(3rd)');\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 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, -11, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;;AAMMA,MAAAA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,YAAY,CAAC,CAAC;EAE9C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,mBAAmB,CAAC,CAAC;EAEtE,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,kBAAkB,CAAC;AACnEM,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,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC;AAEDE,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,CAAC,MAAO,CAAC;AAC1D,GAAC,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,CAAC,EAAE,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO;KAC5D,CAAA,eAAAmB,cAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useGLTF } from '@react-three/drei';
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { ObjectLoader } from 'three';
|
|
4
|
-
import { d as defineSrc } from './index-
|
|
4
|
+
import { d as defineSrc } from './index-BfVY9YVL.esm.js';
|
|
5
5
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
6
|
import 'clsx';
|
|
7
7
|
import 'react';
|
|
@@ -39,4 +39,4 @@ const Marble = () => {
|
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
export { Marble as default };
|
|
42
|
-
//# sourceMappingURL=Marble-
|
|
42
|
+
//# sourceMappingURL=Marble-V6IN4V1U.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Marble-
|
|
1
|
+
{"version":3,"file":"Marble-V6IN4V1U.esm.js","sources":["../src/illustrations3d/models/Marble.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 Marble = () => {\n const model = useGLTF(defineSrc('marble.glb'));\n\n const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\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_Left_(3rd)');\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 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, -11, 0]} object={model.scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;AAMMA,MAAAA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC;EAE9C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,mBAAmB,CAAC,CAAC;EAEtE,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,kBAAkB,CAAC;AACnEM,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,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC;AAEDE,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,CAAC,MAAO,CAAC;AAC1D,GAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO;KAC5D,CAAA,eAAAmB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var drei = require('@react-three/drei');
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var three = require('three');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CkpEkpAO.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
require('clsx');
|
|
9
9
|
require('react');
|
|
@@ -44,4 +44,4 @@ const MarbleCard = () => {
|
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
exports.default = MarbleCard;
|
|
47
|
-
//# sourceMappingURL=MarbleCard-
|
|
47
|
+
//# sourceMappingURL=MarbleCard-1IA4tb13.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard-
|
|
1
|
+
{"version":3,"file":"MarbleCard-1IA4tb13.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":";;;;;;;;;;AAMMA,MAAAA,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,CAAC,MAAO,CAAC;AAC1D,GAAC,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,CAAC,EAAE,EAAE,CAAC,CAAE;MAACV,MAAM,EAAEpB,KAAK,CAACO;KAC5D,CAAA,eAAAqB,cAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEjB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useGLTF } from '@react-three/drei';
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { ObjectLoader } from 'three';
|
|
4
|
-
import { d as defineSrc } from './index-
|
|
4
|
+
import { d as defineSrc } from './index-BfVY9YVL.esm.js';
|
|
5
5
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
6
|
import 'clsx';
|
|
7
7
|
import 'react';
|
|
@@ -42,4 +42,4 @@ const MarbleCard = () => {
|
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
export { MarbleCard as default };
|
|
45
|
-
//# sourceMappingURL=MarbleCard-
|
|
45
|
+
//# sourceMappingURL=MarbleCard-BteAbDLx.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarbleCard-
|
|
1
|
+
{"version":3,"file":"MarbleCard-BteAbDLx.esm.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":";;;;;;;;AAMMA,MAAAA,UAAU,GAAGA,MAAK;EACtB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,iBAAiB,CAAC,CAAC;EAEnD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,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,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,CAAC,MAAO,CAAC;AAC1D,GAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACV,MAAM,EAAEpB,KAAK,CAACO;KAC5D,CAAA,eAAAqB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEjB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
|
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { ObjectLoader, TextureLoader, Color } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-
|
|
5
|
+
import { d as defineSrc } from './index-BfVY9YVL.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
|
|
@@ -58,4 +58,4 @@ const MultiCurrency = () => {
|
|
|
58
58
|
};
|
|
59
59
|
|
|
60
60
|
export { MultiCurrency as default };
|
|
61
|
-
//# sourceMappingURL=MultiCurrency-
|
|
61
|
+
//# sourceMappingURL=MultiCurrency-DFeBZwuU.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrency-
|
|
1
|
+
{"version":3,"file":"MultiCurrency-DFeBZwuU.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":";;;;;;;;AAOMA,MAAAA,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;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,OAAO,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MAClD,MAAM;AAAEC,QAAAA;AAAU,OAAA,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;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;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;AACF,GAAC,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,KAAC,CAAC;IACFR,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE;AACnC,GAAC,CAAC;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAW1C,MAAAA,GAAG,EAAEA,GAAI;MAAC2C,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE3C,KAAK,CAACS;KACzE,CAAA,eAAA+B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAExC;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
|
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var three = require('three');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-CkpEkpAO.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
require('clsx');
|
|
10
10
|
|
|
@@ -60,4 +60,4 @@ const MultiCurrency = () => {
|
|
|
60
60
|
};
|
|
61
61
|
|
|
62
62
|
exports.default = MultiCurrency;
|
|
63
|
-
//# sourceMappingURL=MultiCurrency-
|
|
63
|
+
//# sourceMappingURL=MultiCurrency-DTxDbkG5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrency-
|
|
1
|
+
{"version":3,"file":"MultiCurrency-DTxDbkG5.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":";;;;;;;;;;AAOMA,MAAAA,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;AAEA,IAAA,IAAIJ,KAAK,CAACC,IAAI,CAACI,UAAU,CAAC,OAAO,CAAC,IAAIL,KAAK,CAACM,MAAM,EAAE;MAClD,MAAM;AAAEC,QAAAA;AAAU,OAAA,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;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;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;AACF,GAAC,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,KAAC,CAAC;IACFR,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE;AACnC,GAAC,CAAC;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAW1C,MAAAA,GAAG,EAAEA,GAAI;MAAC2C,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE3C,KAAK,CAACS;KACzE,CAAA,eAAA+B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAExC;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
|
|
|
2
2
|
import { useLoader, useFrame } from '@react-three/fiber';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { ObjectLoader } from 'three';
|
|
5
|
-
import { d as defineSrc } from './index-
|
|
5
|
+
import { d as defineSrc } from './index-BfVY9YVL.esm.js';
|
|
6
6
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'clsx';
|
|
8
8
|
|
|
@@ -34,4 +34,4 @@ const Plane = () => {
|
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
export { Plane as default };
|
|
37
|
-
//# sourceMappingURL=Plane-
|
|
37
|
+
//# sourceMappingURL=Plane-CHg8IPpL.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plane-
|
|
1
|
+
{"version":3,"file":"Plane-CHg8IPpL.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":";;;;;;;;AAOMA,MAAAA,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,GAAC,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,CAAC,CAAC,EAAE,CAAC,CAAE;MAACS,MAAM,EAAE3B,KAAK,CAACO;KACrE,CAAA,eAAAkB,GAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAExB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
|
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var three = require('three');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-CkpEkpAO.js');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
require('clsx');
|
|
10
10
|
|
|
@@ -36,4 +36,4 @@ const Plane = () => {
|
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
exports.default = Plane;
|
|
39
|
-
//# sourceMappingURL=Plane-
|
|
39
|
+
//# sourceMappingURL=Plane-n7Yrbrpt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plane-
|
|
1
|
+
{"version":3,"file":"Plane-n7Yrbrpt.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":";;;;;;;;;;AAOMA,MAAAA,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,GAAC,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,CAAC,CAAC,EAAE,CAAC,CAAE;MAACS,MAAM,EAAE3B,KAAK,CAACO;KACrE,CAAA,eAAAkB,cAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAExB;AAAO,KAC5B,CAAA;AAAA,GAAA,CAAG;AAEP;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PerspectiveCamera } from '@react-three/drei';
|
|
2
2
|
import { Canvas } from '@react-three/fiber';
|
|
3
|
-
import { LinearToneMapping, SRGBColorSpace, PCFShadowMap } from 'three';
|
|
4
|
-
import { A as Assets, I as ImageSizes, S as Sizes } from './index-
|
|
3
|
+
import { ACESFilmicToneMapping, LinearToneMapping, LinearSRGBColorSpace, SRGBColorSpace, PCFShadowMap } from 'three';
|
|
4
|
+
import { A as Assets, I as ImageSizes, S as Sizes } from './index-BfVY9YVL.esm.js';
|
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
6
|
import 'clsx';
|
|
7
7
|
import 'react';
|
|
@@ -11,7 +11,11 @@ const Scene = ({
|
|
|
11
11
|
assetName,
|
|
12
12
|
size = Sizes.MEDIUM
|
|
13
13
|
}) => {
|
|
14
|
-
const castShadows = [Assets.LOCK, Assets.MULTI_CURRENCY, Assets.MAGNIFYING_GLASS].includes(assetName);
|
|
14
|
+
const castShadows = [Assets.LOCK, Assets.MULTI_CURRENCY, Assets.MAGNIFYING_GLASS, Assets.INTEREST].includes(assetName);
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated this is a temporary variable until we migrate all models to v2 (DS-6879)
|
|
17
|
+
*/
|
|
18
|
+
const isV2 = [Assets.INTEREST].includes(assetName);
|
|
15
19
|
return /*#__PURE__*/jsxs(Canvas, {
|
|
16
20
|
onCreated: ({
|
|
17
21
|
gl
|
|
@@ -19,16 +23,16 @@ const Scene = ({
|
|
|
19
23
|
gl.setClearColor(0x000000, 0);
|
|
20
24
|
gl.setSize(ImageSizes[size], ImageSizes[size]);
|
|
21
25
|
gl.clearDepth();
|
|
22
|
-
// @ts-expect-error Enable legacy lights
|
|
23
26
|
// eslint-disable-next-line functional/immutable-data, no-param-reassign
|
|
24
|
-
gl.useLegacyLights =
|
|
27
|
+
gl.useLegacyLights = !isV2;
|
|
25
28
|
},
|
|
26
29
|
gl: {
|
|
27
30
|
alpha: true,
|
|
28
|
-
antialias:
|
|
31
|
+
antialias: !isV2,
|
|
29
32
|
pixelRatio: window.devicePixelRatio * 1,
|
|
30
|
-
toneMapping: LinearToneMapping,
|
|
31
|
-
outputColorSpace: SRGBColorSpace
|
|
33
|
+
toneMapping: isV2 ? ACESFilmicToneMapping : LinearToneMapping,
|
|
34
|
+
outputColorSpace: isV2 ? LinearSRGBColorSpace : SRGBColorSpace,
|
|
35
|
+
toneMappingExposure: 1.1
|
|
32
36
|
},
|
|
33
37
|
shadows: {
|
|
34
38
|
type: PCFShadowMap,
|
|
@@ -46,4 +50,4 @@ const Scene = ({
|
|
|
46
50
|
};
|
|
47
51
|
|
|
48
52
|
export { Scene as default };
|
|
49
|
-
//# sourceMappingURL=Scene-
|
|
53
|
+
//# sourceMappingURL=Scene-D0ltseTB.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scene-D0ltseTB.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":";;;;;;;;AAeMA,MAAAA,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;AAAI,KAAA,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;KAC1B;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;KAEtB,CAAA,EAAC/C,QAAQ;AAAA,GACH,CAAC;AAEb;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var drei = require('@react-three/drei');
|
|
4
4
|
var fiber = require('@react-three/fiber');
|
|
5
5
|
var three = require('three');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CkpEkpAO.js');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
require('clsx');
|
|
9
9
|
require('react');
|
|
@@ -13,7 +13,11 @@ const Scene = ({
|
|
|
13
13
|
assetName,
|
|
14
14
|
size = index.Sizes.MEDIUM
|
|
15
15
|
}) => {
|
|
16
|
-
const castShadows = [index.Assets.LOCK, index.Assets.MULTI_CURRENCY, index.Assets.MAGNIFYING_GLASS].includes(assetName);
|
|
16
|
+
const castShadows = [index.Assets.LOCK, index.Assets.MULTI_CURRENCY, index.Assets.MAGNIFYING_GLASS, index.Assets.INTEREST].includes(assetName);
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated this is a temporary variable until we migrate all models to v2 (DS-6879)
|
|
19
|
+
*/
|
|
20
|
+
const isV2 = [index.Assets.INTEREST].includes(assetName);
|
|
17
21
|
return /*#__PURE__*/jsxRuntime.jsxs(fiber.Canvas, {
|
|
18
22
|
onCreated: ({
|
|
19
23
|
gl
|
|
@@ -21,16 +25,16 @@ const Scene = ({
|
|
|
21
25
|
gl.setClearColor(0x000000, 0);
|
|
22
26
|
gl.setSize(index.ImageSizes[size], index.ImageSizes[size]);
|
|
23
27
|
gl.clearDepth();
|
|
24
|
-
// @ts-expect-error Enable legacy lights
|
|
25
28
|
// eslint-disable-next-line functional/immutable-data, no-param-reassign
|
|
26
|
-
gl.useLegacyLights =
|
|
29
|
+
gl.useLegacyLights = !isV2;
|
|
27
30
|
},
|
|
28
31
|
gl: {
|
|
29
32
|
alpha: true,
|
|
30
|
-
antialias:
|
|
33
|
+
antialias: !isV2,
|
|
31
34
|
pixelRatio: window.devicePixelRatio * 1,
|
|
32
|
-
toneMapping: three.LinearToneMapping,
|
|
33
|
-
outputColorSpace: three.SRGBColorSpace
|
|
35
|
+
toneMapping: isV2 ? three.ACESFilmicToneMapping : three.LinearToneMapping,
|
|
36
|
+
outputColorSpace: isV2 ? three.LinearSRGBColorSpace : three.SRGBColorSpace,
|
|
37
|
+
toneMappingExposure: 1.1
|
|
34
38
|
},
|
|
35
39
|
shadows: {
|
|
36
40
|
type: three.PCFShadowMap,
|
|
@@ -48,4 +52,4 @@ const Scene = ({
|
|
|
48
52
|
};
|
|
49
53
|
|
|
50
54
|
exports.default = Scene;
|
|
51
|
-
//# sourceMappingURL=Scene-
|
|
55
|
+
//# sourceMappingURL=Scene-D4ujVb3H.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scene-D4ujVb3H.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":";;;;;;;;;;AAeMA,MAAAA,KAAK,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI,GAAGC,WAAK,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;AAAI,KAAA,KAAI;AACpBA,MAAAA,EAAE,CAACC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC7BD,MAAAA,EAAE,CAACE,OAAO,CAACC,gBAAU,CAACjB,IAAI,CAAC,EAAEiB,gBAAU,CAACjB,IAAI,CAAC,CAAC;MAC9Cc,EAAE,CAACI,UAAU,EAAE;AACf;AACAJ,MAAAA,EAAE,CAACK,eAAe,GAAG,CAACT,IAAI;KAC1B;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;KAEtB,CAAA,EAAC/C,QAAQ;AAAA,GACH,CAAC;AAEb;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LargeSize, MediumSize, SmallSize } from '../common';
|
|
2
|
-
export type Illustration3DNames = 'lock' | 'globe' | 'confetti' | 'check-mark' | 'flower' | 'graph' | 'jars' | 'magnifying-glass' | 'marble' | 'marble-card' | 'multi-currency' | 'plane';
|
|
2
|
+
export type Illustration3DNames = 'lock' | 'globe' | 'confetti' | 'check-mark' | 'flower' | 'graph' | 'jars' | 'magnifying-glass' | 'marble' | 'marble-card' | 'multi-currency' | 'plane' | 'interest';
|
|
3
3
|
export type Props = {
|
|
4
4
|
name: Illustration3DNames;
|
|
5
5
|
size?: SmallSize | MediumSize | LargeSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Illustration3D.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Illustration3D.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAS,MAAM,WAAW,CAAC;AAKpE,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,OAAO,GACP,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,MAAM,GACN,kBAAkB,GAClB,QAAQ,GACR,aAAa,GACb,gBAAgB,GAChB,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Illustration3D.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Illustration3D.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAS,MAAM,WAAW,CAAC;AAKpE,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,OAAO,GACP,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,MAAM,GACN,kBAAkB,GAClB,QAAQ,GACR,aAAa,GACb,gBAAgB,GAChB,OAAO,GACP,UAAU,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,QAAA,MAAM,cAAc,8BAA8C,KAAK,gCAmCtE,CAAC;AAmEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Scene.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAc,SAAS,EAAE,UAAU,EAAS,SAAS,EAAE,MAAM,WAAW,CAAC;AAGhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;IACpC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CAC3C,CAAC,CAAC;AAEH,QAAA,MAAM,KAAK,kCAAkD,KAAK,
|
|
1
|
+
{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Scene.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAc,SAAS,EAAE,UAAU,EAAS,SAAS,EAAE,MAAM,WAAW,CAAC;AAGhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;IACpC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CAC3C,CAAC,CAAC;AAEH,QAAA,MAAM,KAAK,kCAAkD,KAAK,gCA4CjE,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Interest.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Interest.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,QAAQ,mCAgCb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,wBAAgB,UAAU;WACgC,MAAM;EAwB/D;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED,wBAAgB,gBAAgB,IAAI,OAAO,CAa1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,wBAAgB,UAAU;WACgC,MAAM;EAwB/D;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED,wBAAgB,gBAAgB,IAAI,OAAO,CAa1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C;AAkBD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAEzE"}
|
|
@@ -214,7 +214,7 @@ function isConnectionSlow() {
|
|
|
214
214
|
function defineSrc(asset) {
|
|
215
215
|
return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
|
|
216
216
|
}
|
|
217
|
-
const illustration3DNames = ['lock', 'globe', 'confetti', 'check-mark', 'flower', 'graph', 'jars', 'magnifying-glass', 'marble', 'marble-card', 'multi-currency', 'plane'];
|
|
217
|
+
const illustration3DNames = ['lock', 'globe', 'confetti', 'check-mark', 'flower', 'graph', 'jars', 'magnifying-glass', 'marble', 'marble-card', 'multi-currency', 'plane', 'interest'];
|
|
218
218
|
function isIllustrationSupport3D(asset) {
|
|
219
219
|
return illustration3DNames.includes(asset);
|
|
220
220
|
}
|
|
@@ -263,66 +263,71 @@ function getModel({
|
|
|
263
263
|
}) {
|
|
264
264
|
// @ts-expect-error unknown generic
|
|
265
265
|
let Model = /*#__PURE__*/jsx(Fragment, {});
|
|
266
|
-
const Scene = /*#__PURE__*/lazy(() => import('./Scene-
|
|
266
|
+
const Scene = /*#__PURE__*/lazy(async () => import('./Scene-D0ltseTB.esm.js'));
|
|
267
267
|
switch (name) {
|
|
268
268
|
case Assets.LOCK:
|
|
269
269
|
{
|
|
270
|
-
Model = /*#__PURE__*/lazy(() => import('./Lock-
|
|
270
|
+
Model = /*#__PURE__*/lazy(async () => import('./Lock-CDk4_8ey.esm.js'));
|
|
271
271
|
break;
|
|
272
272
|
}
|
|
273
273
|
case Assets.GLOBE:
|
|
274
274
|
{
|
|
275
|
-
Model = /*#__PURE__*/lazy(() => import('./Globe-
|
|
275
|
+
Model = /*#__PURE__*/lazy(async () => import('./Globe-DT03ibGF.esm.js'));
|
|
276
276
|
break;
|
|
277
277
|
}
|
|
278
278
|
case Assets.CONFETTI:
|
|
279
279
|
{
|
|
280
|
-
Model = /*#__PURE__*/lazy(() => import('./Confetti-
|
|
280
|
+
Model = /*#__PURE__*/lazy(async () => import('./Confetti-2Ftc88tZ.esm.js'));
|
|
281
281
|
break;
|
|
282
282
|
}
|
|
283
283
|
case Assets.CHECK_MARK:
|
|
284
284
|
{
|
|
285
|
-
Model = /*#__PURE__*/lazy(() => import('./CheckMark-
|
|
285
|
+
Model = /*#__PURE__*/lazy(async () => import('./CheckMark-DZnc6_QZ.esm.js'));
|
|
286
286
|
break;
|
|
287
287
|
}
|
|
288
288
|
case Assets.FLOWER:
|
|
289
289
|
{
|
|
290
|
-
Model = /*#__PURE__*/lazy(() => import('./Flower-
|
|
290
|
+
Model = /*#__PURE__*/lazy(async () => import('./Flower-DeslPJkl.esm.js'));
|
|
291
291
|
break;
|
|
292
292
|
}
|
|
293
293
|
case Assets.PLANE:
|
|
294
294
|
{
|
|
295
|
-
Model = /*#__PURE__*/lazy(() => import('./Plane-
|
|
295
|
+
Model = /*#__PURE__*/lazy(async () => import('./Plane-CHg8IPpL.esm.js'));
|
|
296
296
|
break;
|
|
297
297
|
}
|
|
298
298
|
case Assets.GRAPH:
|
|
299
299
|
{
|
|
300
|
-
Model = /*#__PURE__*/lazy(() => import('./Graph-
|
|
300
|
+
Model = /*#__PURE__*/lazy(async () => import('./Graph-COri5_Fd.esm.js'));
|
|
301
301
|
break;
|
|
302
302
|
}
|
|
303
303
|
case Assets.MARBLE:
|
|
304
304
|
{
|
|
305
|
-
Model = /*#__PURE__*/lazy(() => import('./Marble-
|
|
305
|
+
Model = /*#__PURE__*/lazy(async () => import('./Marble-V6IN4V1U.esm.js'));
|
|
306
306
|
break;
|
|
307
307
|
}
|
|
308
308
|
case Assets.MARBLE_CARD:
|
|
309
309
|
{
|
|
310
|
-
Model = /*#__PURE__*/lazy(() => import('./MarbleCard-
|
|
310
|
+
Model = /*#__PURE__*/lazy(async () => import('./MarbleCard-BteAbDLx.esm.js'));
|
|
311
311
|
break;
|
|
312
312
|
}
|
|
313
313
|
case Assets.MAGNIFYING_GLASS:
|
|
314
314
|
{
|
|
315
|
-
Model = /*#__PURE__*/lazy(() => import('./MagnifyingGlass-
|
|
315
|
+
Model = /*#__PURE__*/lazy(async () => import('./MagnifyingGlass-DlXNu_ay.esm.js'));
|
|
316
316
|
break;
|
|
317
317
|
}
|
|
318
318
|
case Assets.JARS:
|
|
319
319
|
{
|
|
320
|
-
Model = /*#__PURE__*/lazy(() => import('./Jars-
|
|
320
|
+
Model = /*#__PURE__*/lazy(async () => import('./Jars-CWbPyr0J.esm.js'));
|
|
321
321
|
break;
|
|
322
322
|
}
|
|
323
323
|
case Assets.MULTI_CURRENCY:
|
|
324
324
|
{
|
|
325
|
-
Model = /*#__PURE__*/lazy(() => import('./MultiCurrency-
|
|
325
|
+
Model = /*#__PURE__*/lazy(async () => import('./MultiCurrency-DFeBZwuU.esm.js'));
|
|
326
|
+
break;
|
|
327
|
+
}
|
|
328
|
+
case Assets.INTEREST:
|
|
329
|
+
{
|
|
330
|
+
Model = /*#__PURE__*/lazy(async () => import('./Interest-1v_pN5C5.esm.js'));
|
|
326
331
|
break;
|
|
327
332
|
}
|
|
328
333
|
}
|
|
@@ -334,4 +339,4 @@ function getModel({
|
|
|
334
339
|
}
|
|
335
340
|
|
|
336
341
|
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 };
|
|
337
|
-
//# sourceMappingURL=index-
|
|
342
|
+
//# sourceMappingURL=index-BfVY9YVL.esm.js.map
|