@wise/art 2.5.0-beta.2 → 2.5.0-beta.3
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/{CheckMarkModel-919049a6.js → CheckMarkModel-2219bf8e.js} +2 -2
- package/dist/{CheckMarkModel-919049a6.js.map → CheckMarkModel-2219bf8e.js.map} +1 -1
- package/dist/CheckMarkModel-d0eb378b.js +2 -0
- package/dist/{CheckMarkModel-8e205e14.js.map → CheckMarkModel-d0eb378b.js.map} +1 -1
- package/dist/{ConfettiModel-a18f25b8.js → ConfettiModel-253315ce.js} +2 -2
- package/dist/{ConfettiModel-a18f25b8.js.map → ConfettiModel-253315ce.js.map} +1 -1
- package/dist/ConfettiModel-504fc28d.js +2 -0
- package/dist/{ConfettiModel-ef46f63e.js.map → ConfettiModel-504fc28d.js.map} +1 -1
- package/dist/{FlowerModel-cdcc8aa5.js → FlowerModel-75c48bf9.js} +2 -2
- package/dist/{FlowerModel-cdcc8aa5.js.map → FlowerModel-75c48bf9.js.map} +1 -1
- package/dist/{FlowerModel-81e39017.js → FlowerModel-872e18ba.js} +2 -2
- package/dist/{FlowerModel-81e39017.js.map → FlowerModel-872e18ba.js.map} +1 -1
- package/dist/{GlobeModel-97c1b902.js → GlobeModel-0b3b360a.js} +2 -2
- package/dist/{GlobeModel-97c1b902.js.map → GlobeModel-0b3b360a.js.map} +1 -1
- package/dist/{GlobeModel-09c89fa7.js → GlobeModel-97dd23a4.js} +2 -2
- package/dist/{GlobeModel-09c89fa7.js.map → GlobeModel-97dd23a4.js.map} +1 -1
- package/dist/{GraphModel-3e32609d.js → GraphModel-15c166a5.js} +2 -2
- package/dist/{GraphModel-3e32609d.js.map → GraphModel-15c166a5.js.map} +1 -1
- package/dist/{GraphModel-93cb7194.js → GraphModel-6c34e6f1.js} +2 -2
- package/dist/{GraphModel-93cb7194.js.map → GraphModel-6c34e6f1.js.map} +1 -1
- package/dist/{JarsModel-7fd632bc.js → JarsModel-7550595f.js} +2 -2
- package/dist/{JarsModel-7fd632bc.js.map → JarsModel-7550595f.js.map} +1 -1
- package/dist/{JarsModel-8f18b06b.js → JarsModel-a05ee908.js} +2 -2
- package/dist/{JarsModel-8f18b06b.js.map → JarsModel-a05ee908.js.map} +1 -1
- package/dist/{LockModel-db18eaa0.js → LockModel-8b09edf9.js} +2 -2
- package/dist/{LockModel-db18eaa0.js.map → LockModel-8b09edf9.js.map} +1 -1
- package/dist/{LockModel-96f34637.js → LockModel-bdd8a04b.js} +2 -2
- package/dist/{LockModel-96f34637.js.map → LockModel-bdd8a04b.js.map} +1 -1
- package/dist/{MagnifyingGlassModel-9ffa4d33.js → MagnifyingGlassModel-17adb55c.js} +2 -2
- package/dist/{MagnifyingGlassModel-9ffa4d33.js.map → MagnifyingGlassModel-17adb55c.js.map} +1 -1
- package/dist/{MagnifyingGlassModel-9585c9ad.js → MagnifyingGlassModel-db1f127f.js} +2 -2
- package/dist/{MagnifyingGlassModel-9585c9ad.js.map → MagnifyingGlassModel-db1f127f.js.map} +1 -1
- package/dist/{MarbleCardModel-7a3b7f47.js → MarbleCardModel-47e09d47.js} +2 -2
- package/dist/{MarbleCardModel-7a3b7f47.js.map → MarbleCardModel-47e09d47.js.map} +1 -1
- package/dist/{MarbleCardModel-23175598.js → MarbleCardModel-9437bcaf.js} +2 -2
- package/dist/{MarbleCardModel-23175598.js.map → MarbleCardModel-9437bcaf.js.map} +1 -1
- package/dist/{MarbleModel-23c0126f.js → MarbleModel-3017cc05.js} +2 -2
- package/dist/{MarbleModel-23c0126f.js.map → MarbleModel-3017cc05.js.map} +1 -1
- package/dist/{MarbleModel-1d242b36.js → MarbleModel-f49a7986.js} +2 -2
- package/dist/{MarbleModel-1d242b36.js.map → MarbleModel-f49a7986.js.map} +1 -1
- package/dist/{MultiCurrencyModel-5dcd8947.js → MultiCurrencyModel-bd8a1ca4.js} +2 -2
- package/dist/{MultiCurrencyModel-5dcd8947.js.map → MultiCurrencyModel-bd8a1ca4.js.map} +1 -1
- package/dist/{MultiCurrencyModel-13bc39e6.js → MultiCurrencyModel-ec299447.js} +2 -2
- package/dist/{MultiCurrencyModel-13bc39e6.js.map → MultiCurrencyModel-ec299447.js.map} +1 -1
- package/dist/{PlaneModel-f607a661.js → PlaneModel-17c94216.js} +2 -2
- package/dist/{PlaneModel-f607a661.js.map → PlaneModel-17c94216.js.map} +1 -1
- package/dist/{PlaneModel-e34642fb.js → PlaneModel-38db7152.js} +2 -2
- package/dist/{PlaneModel-e34642fb.js.map → PlaneModel-38db7152.js.map} +1 -1
- package/dist/{Scene-00daeda3.js → Scene-174df793.js} +2 -2
- package/dist/{Scene-00daeda3.js.map → Scene-174df793.js.map} +1 -1
- package/dist/{Scene-4336521c.js → Scene-fc6cc205.js} +2 -2
- package/dist/{Scene-4336521c.js.map → Scene-fc6cc205.js.map} +1 -1
- package/dist/index-968beb31.js +2 -0
- package/dist/index-968beb31.js.map +1 -0
- package/dist/{index-09633b41.js → index-dba6ee2f.js} +2 -2
- package/dist/{index-09633b41.js.map → index-dba6ee2f.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/index.module.js +1 -1
- package/package.json +1 -1
- package/dist/CheckMarkModel-8e205e14.js +0 -2
- package/dist/ConfettiModel-ef46f63e.js +0 -2
- package/dist/index-560ede9d.js +0 -2
- package/dist/index-560ede9d.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrencyModel-
|
|
1
|
+
{"version":3,"file":"MultiCurrencyModel-bd8a1ca4.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MultiCurrencyModel = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc(`multi-currency.gltf`) /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const animatedMaps: Object3D[] = [];\n\n model.scene.traverse((child) => {\n if (child.name.includes('Note')) {\n child.castShadow = true;\n child.receiveShadow = true;\n }\n // @ts-expect-error later\n if (child.name.startsWith('Coin_') && child.isMesh) {\n // @ts-expect-error later\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 // @ts-expect-error later\n if (child.name.startsWith('NoteBase_') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n // @ts-expect-error later\n if (child.name.includes('Wise') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n animatedMaps.forEach((animatedMap) => {\n // @ts-expect-error later\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 MultiCurrencyModel;\n"],"names":["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","_useAnimations","useAnimations","animations","ref","mixer","clips","useFrame","forEach","animatedMap","offset","x","clipAction","play","React","createElement","Fragment","position","scale","object"],"mappings":"gRAU2B,WACzB,MAAYA,EAAAA,SACDC,EAAGC,UAAQC,EAAAA,UAAgC,wBAEhDC,EAASC,EAASA,UAACC,EAAYA,aAAEH,YAAU,8BACnCI,EAAGF,EAASA,UAACG,gBAAeL,EAAAA,UAAU,2BAClCM,EAAe,GAEjCR,EAAMS,MAAMC,SAAS,SAACC,GAMpB,GALIA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,OAAQ,CAElD,IAAQC,EAAaP,EAAbO,SACRA,EAASC,QAAUb,EACnBY,EAASC,QAAQC,OAAQ,EACzBF,EAASG,UAAY,EACrBH,EAASI,MAAQ,IAAIC,QAAM,IAAM,IAAM,KACvCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,CACvB,CAEGJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CT,EAAagB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCT,EAAagB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,EAAaA,cAAC3B,EAAM4B,WAAYC,GAAjDC,EAAKJ,EAALI,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAQA,SAAC,WACPxB,EAAayB,QAAQ,SAACC,GAEpBA,EAAYC,OAAOC,GAAK,IAC1B,GACAN,EAAMO,WAAWN,EAAM,IAAIO,MAC7B,gBAGEC,EAAAA,QACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWX,IAAKA,EAAKa,SAAU,EAAE,IAAM,GAAI,GAAIC,MAAO,IAAKC,OAAQ5C,EAAMS,qBACzE8B,UAAWC,cAAA,YAAA,CAAAI,OAAQzC,IAGzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as
|
|
2
|
-
//# sourceMappingURL=MultiCurrencyModel-
|
|
1
|
+
import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as a,useFrame as r}from"@react-three/fiber";import i,{useRef as m}from"react";import{ObjectLoader as o,TextureLoader as s,Color as n}from"three";import{d as c}from"./index-dba6ee2f.js";import"classnames";var p=function(){var p=m(),l=e(c("multi-currency.gltf")),f=a(o,c("multi-currency-light.json")),u=a(s,c("wise-flag-map-bump.jpg")),h=[];l.scene.traverse(function(e){if(e.name.includes("Note")&&(e.castShadow=!0,e.receiveShadow=!0),e.name.startsWith("Coin_")&&e.isMesh){var t=e.material;t.bumpMap=u,t.bumpMap.flipY=!1,t.bumpScale=1,t.color=new n(.49,.49,.49),e.castShadow=!1,e.receiveShadow=!1}e.name.startsWith("NoteBase_")&&e.isMesh&&h.push(e.material.map),e.name.includes("Wise")&&e.isMesh&&h.push(e.material.map)});var d=t(l.animations,p),v=d.mixer,b=d.clips;return r(function(){h.forEach(function(e){e.offset.x+=.001}),v.clipAction(b[0]).play()}),/*#__PURE__*/i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement("primitive",{ref:p,position:[-.5,-10,0],scale:1.3,object:l.scene}),/*#__PURE__*/i.createElement("primitive",{object:f}))};export{p as default};
|
|
2
|
+
//# sourceMappingURL=MultiCurrencyModel-ec299447.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiCurrencyModel-
|
|
1
|
+
{"version":3,"file":"MultiCurrencyModel-ec299447.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MultiCurrencyModel = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc(`multi-currency.gltf`) /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n const animatedMaps: Object3D[] = [];\n\n model.scene.traverse((child) => {\n if (child.name.includes('Note')) {\n child.castShadow = true;\n child.receiveShadow = true;\n }\n // @ts-expect-error later\n if (child.name.startsWith('Coin_') && child.isMesh) {\n // @ts-expect-error later\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 // @ts-expect-error later\n if (child.name.startsWith('NoteBase_') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n // @ts-expect-error later\n if (child.name.includes('Wise') && child.isMesh) {\n // @ts-expect-error later\n animatedMaps.push(child.material.map);\n }\n });\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n animatedMaps.forEach((animatedMap) => {\n // @ts-expect-error later\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 MultiCurrencyModel;\n"],"names":["MultiCurrencyModel","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","_useAnimations","useAnimations","animations","ref","mixer","clips","useFrame","forEach","animatedMap","offset","x","clipAction","play","React","createElement","Fragment","position","scale","object"],"mappings":"4RAUMA,IAAkBA,EAAG,WACzB,MAAYC,IACDC,EAAGC,EAAQC,EAAgC,wBAEhDC,EAASC,EAAUC,EAAcH,EAAU,8BACnCI,EAAGF,EAAUG,EAAeL,EAAU,2BAClCM,EAAe,GAEjCR,EAAMS,MAAMC,SAAS,SAACC,GAMpB,GALIA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,OAAQ,CAElD,IAAQC,EAAaP,EAAbO,SACRA,EAASC,QAAUb,EACnBY,EAASC,QAAQC,OAAQ,EACzBF,EAASG,UAAY,EACrBH,EAASI,MAAQ,IAAIC,EAAM,IAAM,IAAM,KACvCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,CACvB,CAEGJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CT,EAAagB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCT,EAAagB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,EAAc3B,EAAM4B,WAAYC,GAAjDC,EAAKJ,EAALI,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAS,WACPxB,EAAayB,QAAQ,SAACC,GAEpBA,EAAYC,OAAOC,GAAK,IAC1B,GACAN,EAAMO,WAAWN,EAAM,IAAIO,MAC7B,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWX,IAAKA,EAAKa,SAAU,EAAE,IAAM,GAAI,GAAIC,MAAO,IAAKC,OAAQ5C,EAAMS,qBACzE8B,EAAWC,cAAA,YAAA,CAAAI,OAAQzC,IAGzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three"),a=require("./index-
|
|
2
|
-
//# sourceMappingURL=PlaneModel-
|
|
1
|
+
var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three"),a=require("./index-968beb31.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),c=e.useGLTF(a.defineSrc("plane.gltf")),l=t.useLoader(i.ObjectLoader,a.defineSrc("plane-light.json")),s=c.scene.getObjectByName("Plane_6_update"),o=e.useAnimations(c.animations,n),f=o.mixer,p=o.clips;return t.useFrame(function(){c.materials["Tapestry WebGL"].map.offset.y+=.018,s.position.x=.45,s.position.y=7.5,f.clipAction(p[0]).play()}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:n,scale:1.3,position:[0,-7,0],object:c.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:l}))};
|
|
2
|
+
//# sourceMappingURL=PlaneModel-17c94216.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlaneModel-
|
|
1
|
+
{"version":3,"file":"PlaneModel-17c94216.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst PlaneModel = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('plane.gltf') /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n plane.position.x = 0.45;\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 PlaneModel;\n"],"names":["ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","getObjectByName","_useAnimations","useAnimations","animations","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"gRASmB,WACjB,IAAMA,EAAMC,EAAMA,SACZC,EAAQC,EAAOA,QAACC,YAAU,eAE1BC,EAASC,EAASA,UAACC,eAAcH,EAAAA,UAAU,uBACnCF,EAAMM,MAAMC,gBAAgB,kBAE1CC,EAAyBC,gBAAcT,EAAMU,WAAYZ,GAAjDa,EAAAA,EAAAA,MAAOC,IAAAA,MASf,OARAC,EAAQA,SAAC,WAEPb,EAAMc,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6DACEA,EAAW,QAAAC,cAAA,YAAA,CAAA1B,IAAKA,EAAK2B,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQ1B,EAAMM,qBACrEiB,EAAW,QAAAC,cAAA,YAAA,CAAAE,OAAQvB,IAGzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import a,{useRef as o}from"react";import{ObjectLoader as n}from"three";import{d as m}from"./index-
|
|
2
|
-
//# sourceMappingURL=PlaneModel-
|
|
1
|
+
import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import a,{useRef as o}from"react";import{ObjectLoader as n}from"three";import{d as m}from"./index-dba6ee2f.js";import"classnames";var p=function(){var p=o(),c=e(m("plane.gltf")),s=r(n,m("plane-light.json")),l=c.scene.getObjectByName("Plane_6_update"),f=t(c.animations,p),b=f.mixer,d=f.clips;return i(function(){c.materials["Tapestry WebGL"].map.offset.y+=.018,l.position.x=.45,l.position.y=7.5,b.clipAction(d[0]).play()}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:p,scale:1.3,position:[0,-7,0],object:c.scene}),/*#__PURE__*/a.createElement("primitive",{object:s}))};export{p as default};
|
|
2
|
+
//# sourceMappingURL=PlaneModel-38db7152.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlaneModel-
|
|
1
|
+
{"version":3,"file":"PlaneModel-38db7152.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst PlaneModel = () => {\n const ref = useRef();\n const model = useGLTF(defineSrc('plane.gltf') /*, true*/);\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n const { mixer, clips } = useAnimations(model.animations, ref);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n plane.position.x = 0.45;\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 PlaneModel;\n"],"names":["PlaneModel","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","getObjectByName","_useAnimations","useAnimations","animations","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"8PASMA,IAAUA,EAAG,WACjB,IAAMC,EAAMC,IACNC,EAAQC,EAAQC,EAAU,eAE1BC,EAASC,EAAUC,EAAcH,EAAU,uBACnCF,EAAMM,MAAMC,gBAAgB,kBAE1CC,EAAyBC,EAAcT,EAAMU,WAAYZ,GAAjDa,EAAAA,EAAAA,MAAOC,IAAAA,MASf,OARAC,EAAS,WAEPb,EAAMc,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6CACEA,EAAWC,cAAA,YAAA,CAAA1B,IAAKA,EAAK2B,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQ1B,EAAMM,qBACrEiB,EAAWC,cAAA,YAAA,CAAAE,OAAQvB,IAGzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{PerspectiveCamera as e}from"@react-three/drei";import{Canvas as t}from"@react-three/fiber";import r from"react";import{LinearToneMapping as i,SRGBColorSpace as a,PCFShadowMap as o}from"three";import{I as n,S as p,A as s}from"./index-
|
|
2
|
-
//# sourceMappingURL=Scene-
|
|
1
|
+
import{PerspectiveCamera as e}from"@react-three/drei";import{Canvas as t}from"@react-three/fiber";import r from"react";import{LinearToneMapping as i,SRGBColorSpace as a,PCFShadowMap as o}from"three";import{I as n,S as p,A as s}from"./index-dba6ee2f.js";import"classnames";function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},l.apply(this,arguments)}var h;function c(h){var c=h.children,f=h.size,m=void 0===f?p.MEDIUM:f,M=[s.LOCK,s.MULTI_CURRENCY,s.MAGNIFYING_GLASS].includes(h.assetName);/*#__PURE__*/return r.createElement(t,{style:l({},d.size[m]),onCreated:function(e){var t=e.gl;t.setClearColor(0,0),t.setSize(n[m],n[m]),t.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:i,outputColorSpace:a},shadows:{type:o,enabled:M}},/*#__PURE__*/r.createElement(e,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),c)}var d={size:(h={},h[p.SMALL]={height:n[p.SMALL]+"px",width:n[p.SMALL]+"px"},h[p.MEDIUM]={height:n[p.MEDIUM]+"px",width:n[p.MEDIUM]+"px"},h[p.LARGE]={height:n[p.LARGE]+"px",width:n[p.LARGE]+"px"},h)};export{c as default};
|
|
2
|
+
//# sourceMappingURL=Scene-174df793.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-
|
|
1
|
+
{"version":3,"file":"Scene-174df793.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n assetName: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nexport default function 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 ].includes(assetName);\n return (\n <Canvas\n style={{ ...sceneStyles.size[size] }}\n onCreated={({ gl }) => {\n gl.setClearColor(0x000000, 0);\n gl.setSize(ImageSizes[size], ImageSizes[size]);\n gl.clearDepth();\n }}\n gl={{\n alpha: true,\n antialias: true,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: LinearToneMapping,\n outputColorSpace: SRGBColorSpace,\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\nconst sceneStyles = {\n size: {\n [Sizes.SMALL]: {\n height: `${ImageSizes[Sizes.SMALL]}px`,\n width: `${ImageSizes[Sizes.SMALL]}px`,\n },\n [Sizes.MEDIUM]: {\n height: `${ImageSizes[Sizes.MEDIUM]}px`,\n width: `${ImageSizes[Sizes.MEDIUM]}px`,\n },\n [Sizes.LARGE]: {\n height: `${ImageSizes[Sizes.LARGE]}px`,\n width: `${ImageSizes[Sizes.LARGE]}px`,\n },\n },\n};\n"],"names":["_size","Scene","_ref","children","_ref$size","size","Sizes","MEDIUM","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","sceneStyles","onCreated","_ref2","gl","setClearColor","setSize","ImageSizes","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position","SMALL","height","width","LARGE"],"mappings":"ofAEA,IAAAA,EAewB,SAAKC,EAAAC,GAAGC,IAAAA,IAAAA,SAAmBC,EAAAF,EAAEG,KAAAA,OAAOC,IAAAA,EAAAA,EAAMC,OAChEH,EAAiBI,EAAY,CAC3BC,EAAOC,KACPD,EAAOE,eACPF,EAAOG,kBACPC,SAL+CX,EAATY,wBAMxC,OACEC,EAACC,cAAAC,EACC,CAAAC,MAAYC,EAAAA,CAAAA,EAAAA,EAAYd,KAAKA,IAC7Be,UAAW,SAAWC,GAAA,MAARC,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQC,EAAWpB,GAAOoB,EAAWpB,IACxCiB,EAAGI,YACL,EACAJ,GAAI,CACFK,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EACbC,iBAAkBC,GAEpBC,QAAS,CACPC,KAAMC,EACNC,QAAS/B,iBAGXO,EAAAC,cAACwB,EACC,CAAAC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElB7C,EAGP,CAEA,IAAiBgB,EAAG,CAClBd,MAAIL,EAAA,CAAA,EAAAA,EACDM,EAAM2C,OAAQ,CACbC,OAAWzB,EAAWnB,EAAM2C,OAAM,KAClCE,MAAU1B,EAAWnB,EAAM2C,OAC5B,MACA3C,EAAAA,EAAMC,QAAS,CACd2C,OAAWzB,EAAWnB,EAAMC,aAC5B4C,MAAU1B,EAAWnB,EAAMC,QAC5B,MACAD,EAAAA,EAAM8C,OAAQ,CACbF,OAAWzB,EAAWnB,EAAM8C,OAAU,KACtCD,MAAU1B,EAAWnB,EAAM8C,OAC5B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=require("@react-three/drei"),i=require("@react-three/fiber"),a=require("react"),t=require("three"),r=require("./index-
|
|
2
|
-
//# sourceMappingURL=Scene-
|
|
1
|
+
var e=require("@react-three/drei"),i=require("@react-three/fiber"),a=require("react"),t=require("three"),r=require("./index-968beb31.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var n,o=/*#__PURE__*/s(a);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var a=arguments[i];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var p={size:(n={},n[r.Sizes.SMALL]={height:r.ImageSizes[r.Sizes.SMALL]+"px",width:r.ImageSizes[r.Sizes.SMALL]+"px"},n[r.Sizes.MEDIUM]={height:r.ImageSizes[r.Sizes.MEDIUM]+"px",width:r.ImageSizes[r.Sizes.MEDIUM]+"px"},n[r.Sizes.LARGE]={height:r.ImageSizes[r.Sizes.LARGE]+"px",width:r.ImageSizes[r.Sizes.LARGE]+"px"},n)};exports.default=function(a){var s=a.children,n=a.size,S=void 0===n?r.Sizes.MEDIUM:n,c=[r.Assets.LOCK,r.Assets.MULTI_CURRENCY,r.Assets.MAGNIFYING_GLASS].includes(a.assetName);/*#__PURE__*/return o.default.createElement(i.Canvas,{style:l({},p.size[S]),onCreated:function(e){var i=e.gl;i.setClearColor(0,0),i.setSize(r.ImageSizes[S],r.ImageSizes[S]),i.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:t.LinearToneMapping,outputColorSpace:t.SRGBColorSpace},shadows:{type:t.PCFShadowMap,enabled:c}},/*#__PURE__*/o.default.createElement(e.PerspectiveCamera,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),s)};
|
|
2
|
+
//# sourceMappingURL=Scene-fc6cc205.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-
|
|
1
|
+
{"version":3,"file":"Scene-fc6cc205.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n assetName: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nexport default function 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 ].includes(assetName);\n return (\n <Canvas\n style={{ ...sceneStyles.size[size] }}\n onCreated={({ gl }) => {\n gl.setClearColor(0x000000, 0);\n gl.setSize(ImageSizes[size], ImageSizes[size]);\n gl.clearDepth();\n }}\n gl={{\n alpha: true,\n antialias: true,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: LinearToneMapping,\n outputColorSpace: SRGBColorSpace,\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\nconst sceneStyles = {\n size: {\n [Sizes.SMALL]: {\n height: `${ImageSizes[Sizes.SMALL]}px`,\n width: `${ImageSizes[Sizes.SMALL]}px`,\n },\n [Sizes.MEDIUM]: {\n height: `${ImageSizes[Sizes.MEDIUM]}px`,\n width: `${ImageSizes[Sizes.MEDIUM]}px`,\n },\n [Sizes.LARGE]: {\n height: `${ImageSizes[Sizes.LARGE]}px`,\n width: `${ImageSizes[Sizes.LARGE]}px`,\n },\n },\n};\n"],"names":["_size","sceneStyles","size","Sizes","SMALL","height","ImageSizes","width","MEDIUM","LARGE","_ref","children","_ref$size","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","onCreated","_ref2","gl","setClearColor","setSize","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":"4OAEAA,0PAsDA,IAAiBC,EAAG,CAClBC,MAAIF,EAAA,CAAA,EAAAA,EACDG,EAAKA,MAACC,OAAQ,CACbC,OAAWC,EAAUA,WAACH,QAAMC,OAAM,KAClCG,MAAUD,EAAAA,WAAWH,EAAKA,MAACC,OAC5B,MACAD,EAAAA,EAAKA,MAACK,QAAS,CACdH,OAAWC,EAAAA,WAAWH,EAAKA,MAACK,aAC5BD,MAAUD,EAAAA,WAAWH,EAAKA,MAACK,QAC5B,MACAL,EAAAA,EAAKA,MAACM,OAAQ,CACbJ,OAAWC,EAAAA,WAAWH,EAAKA,MAACM,OAAU,KACtCF,MAAUD,aAAWH,EAAAA,MAAMM,OAC5B,0BApDmB,SAAKC,GAAGC,IAAAA,IAAAA,SAAmBC,EAAAF,EAAER,KAAAA,OAAOC,IAAAA,EAAAA,EAAAA,MAAMK,OAChEI,EAAiBC,EAAY,CAC3BC,EAAAA,OAAOC,KACPD,EAAMA,OAACE,eACPF,EAAAA,OAAOG,kBACPC,SAL+CR,EAATS,wBAMxC,OACEC,EAAC,QAAAC,cAAAC,EAAAA,OACC,CAAAC,MAAYtB,EAAAA,CAAAA,EAAAA,EAAYC,KAAKA,IAC7BsB,UAAW,SAAWC,GAAA,MAARC,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQtB,EAAUA,WAACJ,GAAOI,aAAWJ,IACxCwB,EAAGG,YACL,EACAH,GAAI,CACFI,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EAAiBA,kBAC9BC,iBAAkBC,EAAAA,gBAEpBC,QAAS,CACPC,KAAMC,EAAAA,aACNC,QAAS7B,iBAGXO,EAAAA,QAAAC,cAACsB,EAAiBA,kBAChB,CAAAC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElBxC,EAGP"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=require("react"),t=require("classnames");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,s,i=/*#__PURE__*/r(e),a=/*#__PURE__*/r(t);exports.Sizes=void 0,(s=exports.Sizes||(exports.Sizes={})).SMALL="small",s.MEDIUM="medium",s.LARGE="large";var o,l,u=((n={})[exports.Sizes.SMALL]=200,n[exports.Sizes.MEDIUM]=300,n[exports.Sizes.LARGE]=500,n),c=((o={})[exports.Sizes.SMALL]=200,o[exports.Sizes.MEDIUM]=300,o[exports.Sizes.LARGE]=500,o),E=e.forwardRef(function(e,t){var r=e.id,n=e.name,s=e.alt,o=e.loading,l=void 0===o?"eager":o,u=e.className,E=e.size,f=void 0===E?exports.Sizes.MEDIUM:E,A=e.disablePadding,p=void 0!==A&&A,m=exports.Sizes.SMALL,S=exports.Sizes.MEDIUM;return n?/*#__PURE__*/i.default.createElement("picture",null,f===exports.Sizes.LARGE||f===exports.Sizes.MEDIUM?/*#__PURE__*/i.default.createElement(i.default.Fragment,null,/*#__PURE__*/i.default.createElement("source",{width:c[m],height:c[m],media:"(max-width: 575px)",srcSet:d(n,m,"1x")+", "+d(n,m,"2x")+" 2x"}),f!==exports.Sizes.MEDIUM?/*#__PURE__*/i.default.createElement("source",{width:c[S],height:c[S],media:"(max-width: 992px)",srcSet:d(n,S,"1x")+", "+d(n,S,"2x")+" 2x"}):null):null,/*#__PURE__*/i.default.createElement("img",{id:r,ref:t,alt:null!=s?s:n.replace("-"," "),"data-testid":"wds-"+n+"-illustration",className:a.default("wds-illustration","wds-illustration-"+n,{"wds-illustration-padding":!p},u),loading:l,src:d(n,f,"1x"),srcSet:d(n,f,"2x")+" 2x",width:c[f],height:c[f]})):null});function d(e,t,r){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+r+".webp"}exports.Assets=void 0,(l=exports.Assets||(exports.Assets={})).BELL="bell",l.BRIEFCASE="briefcase",l.BUSINESS_CARD="business-card",l.CALENDAR="calendar",l.CHECK_MARK="check-mark",l.CLOSED_WINDOW="closed-window",l.COIN_PILE_DOWN="coin-pile-down",l.COIN_PILE_UP="coin-pile-up",l.CONFETTI="confetti",l.CONSTRUCTION_FENCE="construction-fence",l.CONVERT="convert",l.COOKIE="cookie",l.DIGITAL_CARD_2="digital-card-2",l.DIGITAL_CARD="digital-card",l.DOCUMENTS="documents",l.DOOR="door",l.ECO_CARD="eco-card",l.ELECTRIC_PLUG="electric-plug",l.EMAIL_SUCCESS="email-success",l.EMAIL="email",l.EXCLAMATION_MARK="exclamation-mark",l.FLAG="flag",l.FLOWER="flower",l.GEAR="gear",l.GLOBE="globe",l.GRAPH="graph",l.HEART_2="heart-2",l.HEART_3="heart-3",l.HEART_4="heart-4",l.HEART_5="heart-5",l.HEART="heart",l.HOUSE="house",l.ID_CARD="id-card",l.INFINITE="infinite",l.INVITE_LETTER="invite-letter",l.JARS="jars",l.KEY="key",l.LIGHT_BULB="light-bulb",l.LOCK="lock",l.MAGNIFYING_GLASS="magnifying-glass",l.MAP="map",l.MARBLE_CARD_BUSINESS="marble-card-business",l.MARBLE_CARD="marble-card",l.MARBLE="marble",l.MEGAPHONE="megaphone",l.MULTI_CURRENCY="multi-currency",l.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",l.PALM_TREE="palm-tree",l.PERCENTAGE="percentage",l.PERSONAL_CARD="personal-card",l.PHONES="phones",l.PIE_CHART="pie-chart",l.PLANE_2="plane-2",l.PLANE="plane",l.PUZZLE_PIECES="puzzle-pieces",l.QUESTION_MARK="question-mark",l.RECEIVE="receive",l.REMINDER_LETTER="reminder-letter",l.SAND_TIMER="sand-timer",l.SHOPPING_BAG="shopping-bag",l.SKIP_AUTHENTICATION="skip-authentication",l.SPEECH_BUBBLE="speech-bubble",l.TOOL="tool",l.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",l.WALLET="wallet";var f,A=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(f||(f={})),exports.Flag=function(t){var r=t.code,n=t.intrinsicSize,s=void 0===n?64:n,i=e.useState(null),a=i[0],o=i[1];e.useEffect(function(){o(null)},[r]);var l=s>=150,u="unknown"!==a?r.toLowerCase()+(null==a&&l?"-detailed":""):"wise";/*#__PURE__*/return React.createElement("img",{src:"https://wise.com/web-art/assets/flags/"+u+".svg",alt:"",width:s,height:s,onError:function(){o(function(e){return null==e&&l?"simple":"unknown"})}})},exports.Illustration=E,exports.Illustration3d=function(t){var r,n,s,o=t.name,l=t.size,u=void 0===l?exports.Sizes.MEDIUM:l,c=t.className,d=e.useState(f.INIT),A=d[0],p=d[1],m=function(){var t=e.useState({level:1}),r=t[0],n=t[1];return e.useEffect(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){n({level:null==e?void 0:e.level})})}catch(e){return Promise.reject(e)}}()},[]),r}();e.useEffect(function(){var e,t,r;p((void 0===(r=window.navigator.connection)?(console.log("connection API is unsupported"),0):(console.log("do internet check",null==r?void 0:r.effectiveType),["slow-2g","2g"].includes(null==r?void 0:r.effectiveType)||!0===(null==(e=navigator)||null==(t=e.connection)?void 0:t.saveData)))||m.level<.2?f.FALLBACK:f.ASSET_3D)},[m]);var S=null!=(r=null==(n=window)||null==(s=n.matchMedia("(max-width: 575px)"))?void 0:s.matches)&&r?exports.Sizes.SMALL:u;/*#__PURE__*/return i.default.createElement("div",{className:a.default("wds-illustration-3d","wds-illustration-3d-"+o,c)},A===f.INIT?null:A===f.ASSET_3D?/*#__PURE__*/i.default.createElement(e.Suspense,{fallback:null},function(t){var r=t.name,n=t.size,s=/*#__PURE__*/i.default.createElement(i.default.Fragment,null),a=e.lazy(function(){return Promise.resolve().then(function(){return require("./Scene-fc6cc205.js")})});switch(r){case exports.Assets.LOCK:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./LockModel-8b09edf9.js")})});break;case exports.Assets.GLOBE:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./GlobeModel-0b3b360a.js")})});break;case exports.Assets.CONFETTI:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./ConfettiModel-253315ce.js")})});break;case exports.Assets.CHECK_MARK:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./CheckMarkModel-2219bf8e.js")})});break;case exports.Assets.FLOWER:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./FlowerModel-75c48bf9.js")})});break;case exports.Assets.PLANE:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./PlaneModel-17c94216.js")})});break;case exports.Assets.GRAPH:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./GraphModel-15c166a5.js")})});break;case exports.Assets.MARBLE:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./MarbleModel-3017cc05.js")})});break;case exports.Assets.MARBLE_CARD:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./MarbleCardModel-9437bcaf.js")})});break;case exports.Assets.MAGNIFYING_GLASS:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./MagnifyingGlassModel-17adb55c.js")})});break;case exports.Assets.JARS:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./JarsModel-a05ee908.js")})});break;case exports.Assets.MULTI_CURRENCY:s=e.lazy(function(){return Promise.resolve().then(function(){return require("./MultiCurrencyModel-bd8a1ca4.js")})})}/*#__PURE__*/return i.default.createElement(a,{assetName:r,size:n},/*#__PURE__*/i.default.createElement(s,null))}({name:o,size:S})):/*#__PURE__*/i.default.createElement(E,{name:o,size:u,alt:""}))},exports.ImageSizes=u,exports.defineSrc=function(e){return"https://wise.com/web-art/assets/illustrations3d/"+e},exports.is3dIllustrationSupported=function(e){return A.includes(e)};
|
|
2
|
+
//# sourceMappingURL=index-968beb31.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-968beb31.js","sources":["../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3d.tsx","../src/flags/Flag.tsx"],"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","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;\n\nexport type IllustrationSizes = LargeSize | MediumSize | SmallSize;\n\nexport type Props = {\n name: IllustrationNames;\n alt: string;\n size?: IllustrationSizes;\n loading?: 'eager' | 'lazy';\n disablePadding?: boolean;\n} & ImgProps;\n\nconst imageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n (\n {\n id,\n name,\n alt,\n loading = 'eager',\n className,\n size = Sizes.MEDIUM,\n disablePadding = false,\n }: Props,\n ref,\n ) => {\n const { SMALL, MEDIUM } = Sizes;\n\n return name ? (\n <picture>\n {size === Sizes.LARGE || size === Sizes.MEDIUM ? (\n <>\n <source\n width={imageSizes[SMALL]}\n height={imageSizes[SMALL]}\n media=\"(max-width: 575px)\"\n srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n />\n {size !== Sizes.MEDIUM ? (\n <source\n width={imageSizes[MEDIUM]}\n height={imageSizes[MEDIUM]}\n media=\"(max-width: 992px)\"\n srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n />\n ) : null}\n </>\n ) : null}\n\n <img\n id={id}\n ref={ref}\n alt={alt ?? name.replace('-', ' ')}\n data-testid={`wds-${name}-illustration`}\n className={classNames(\n 'wds-illustration',\n `wds-illustration-${name}`,\n { 'wds-illustration-padding': !disablePadding },\n className,\n )}\n loading={loading}\n src={defineSrc(name, size, '1x')}\n srcSet={`${defineSrc(name, size, '2x')} 2x`}\n width={imageSizes[size]}\n height={imageSizes[size]}\n />\n </picture>\n ) : null;\n },\n);\n\nfunction defineSrc(illustration: string, size: IllustrationSizes, descriptor: Descriptors) {\n return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/*\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n BELL = 'bell',\n BRIEFCASE = 'briefcase',\n BUSINESS_CARD = 'business-card',\n CALENDAR = 'calendar',\n CHECK_MARK = 'check-mark',\n CLOSED_WINDOW = 'closed-window',\n COIN_PILE_DOWN = 'coin-pile-down',\n COIN_PILE_UP = 'coin-pile-up',\n CONFETTI = 'confetti',\n CONSTRUCTION_FENCE = 'construction-fence',\n CONVERT = 'convert',\n COOKIE = 'cookie',\n DIGITAL_CARD_2 = 'digital-card-2',\n DIGITAL_CARD = 'digital-card',\n DOCUMENTS = 'documents',\n DOOR = 'door',\n ECO_CARD = 'eco-card',\n ELECTRIC_PLUG = 'electric-plug',\n EMAIL_SUCCESS = 'email-success',\n EMAIL = 'email',\n EXCLAMATION_MARK = 'exclamation-mark',\n FLAG = 'flag',\n FLOWER = 'flower',\n GEAR = 'gear',\n GLOBE = 'globe',\n GRAPH = 'graph',\n HEART_2 = 'heart-2',\n HEART_3 = 'heart-3',\n HEART_4 = 'heart-4',\n HEART_5 = 'heart-5',\n HEART = 'heart',\n HOUSE = 'house',\n ID_CARD = 'id-card',\n INFINITE = 'infinite',\n INVITE_LETTER = 'invite-letter',\n JARS = 'jars',\n KEY = 'key',\n LIGHT_BULB = 'light-bulb',\n LOCK = 'lock',\n MAGNIFYING_GLASS = 'magnifying-glass',\n MAP = 'map',\n MARBLE_CARD_BUSINESS = 'marble-card-business',\n MARBLE_CARD = 'marble-card',\n MARBLE = 'marble',\n MEGAPHONE = 'megaphone',\n MULTI_CURRENCY = 'multi-currency',\n ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n PALM_TREE = 'palm-tree',\n PERCENTAGE = 'percentage',\n PERSONAL_CARD = 'personal-card',\n PHONES = 'phones',\n PIE_CHART = 'pie-chart',\n PLANE_2 = 'plane-2',\n PLANE = 'plane',\n PUZZLE_PIECES = 'puzzle-pieces',\n QUESTION_MARK = 'question-mark',\n RECEIVE = 'receive',\n REMINDER_LETTER = 'reminder-letter',\n SAND_TIMER = 'sand-timer',\n SHOPPING_BAG = 'shopping-bag',\n SKIP_AUTHENTICATION = 'skip-authentication',\n SPEECH_BUBBLE = 'speech-bubble',\n TOOL = 'tool',\n TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n | 'bell'\n | 'briefcase'\n | 'business-card'\n | 'calendar'\n | 'check-mark'\n | 'closed-window'\n | 'coin-pile-down'\n | 'coin-pile-up'\n | 'confetti'\n | 'construction-fence'\n | 'convert'\n | 'cookie'\n | 'digital-card-2'\n | 'digital-card'\n | 'documents'\n | 'door'\n | 'eco-card'\n | 'electric-plug'\n | 'email-success'\n | 'email'\n | 'exclamation-mark'\n | 'flag'\n | 'flower'\n | 'gear'\n | 'globe'\n | 'graph'\n | 'heart-2'\n | 'heart-3'\n | 'heart-4'\n | 'heart-5'\n | 'heart'\n | 'house'\n | 'id-card'\n | 'infinite'\n | 'invite-letter'\n | 'jars'\n | 'key'\n | 'light-bulb'\n | 'lock'\n | 'magnifying-glass'\n | 'map'\n | 'marble-card-business'\n | 'marble-card'\n | 'marble'\n | 'megaphone'\n | 'multi-currency'\n | 'one-invite-letter-opened'\n | 'palm-tree'\n | 'percentage'\n | 'personal-card'\n | 'phones'\n | 'pie-chart'\n | 'plane-2'\n | 'plane'\n | 'puzzle-pieces'\n | 'question-mark'\n | 'receive'\n | 'reminder-letter'\n | 'sand-timer'\n | 'shopping-bag'\n | 'skip-authentication'\n | 'speech-bubble'\n | 'tool'\n | 'two-invite-letters-opened'\n | 'wallet';\n","import { useState, useEffect } from 'react';\n\nimport { IllustrationNames } from '../illustrations/metadata';\n\nexport function useBattery() {\n const [batteryData, setBatteryData] = useState<{ level: number }>({ level: 1.0 });\n\n useEffect(() => {\n const getBatteryData = async () => {\n // @ts-expect-error .getBattery exists in Navigator interface\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n const battery = await navigator.getBattery();\n\n setBatteryData({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n level: battery?.level,\n });\n };\n // Check if the browser supports the Battery API\n if ('getBattery' in navigator) {\n void getBatteryData();\n }\n }, []);\n\n return batteryData;\n}\n\nexport function isBatteryLow(batteryLevel: number): boolean {\n return batteryLevel < 0.2;\n}\n\nexport function isConnectionSlow(): boolean {\n // @ts-expect-error .connection prop exists in Navigator interface\n const { connection } = window.navigator;\n if (connection === undefined) {\n console.log('connection API is unsupported');\n return false;\n }\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n console.log('do internet check', connection?.effectiveType);\n return (\n ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n // @ts-expect-error later\n navigator?.connection?.saveData === true\n );\n}\n\nexport function defineSrc(asset: string): string {\n return `https://wise.com/web-art/assets/illustrations3d/${asset}`;\n}\n\nconst illustration3dNames = [\n 'lock',\n 'globe',\n 'confetti',\n 'check-mark',\n 'flower',\n 'graph',\n 'jars',\n 'magnifying-glass',\n 'marble',\n 'marble-card',\n 'multi-currency',\n 'plane',\n];\n\nexport function is3dIllustrationSupported(asset: IllustrationNames): boolean {\n return illustration3dNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\n/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable @typescript-eslint/restrict-template-expressions */\nimport classNames from 'classnames';\nimport React, { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\n\nimport Illustration, { Assets } from './../illustrations';\nimport { useBattery, isConnectionSlow, isBatteryLow } from './utils';\n\nexport type Illustration3dNames =\n | 'lock'\n | 'globe'\n | 'confetti'\n | 'check-mark'\n | 'flower'\n | 'graph'\n | 'jars'\n | 'magnifying-glass'\n | 'marble'\n | 'marble-card'\n | 'multi-currency'\n | 'plane';\n\nexport type Props = {\n name: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n className?: string;\n};\n\nenum RenderMode {\n INIT,\n FALLBACK,\n ASSET_3D,\n}\n\nconst Illustration3d = ({ name, size = Sizes.MEDIUM, className }: Props) => {\n const [renderMode, setRenderMode] = useState<RenderMode>(RenderMode.INIT);\n const batteryData = useBattery();\n\n useEffect(() => {\n setRenderMode(\n isConnectionSlow() || isBatteryLow(batteryData.level)\n ? RenderMode.FALLBACK\n : RenderMode.ASSET_3D,\n );\n }, [batteryData]);\n\n const isMobile: boolean = window?.matchMedia('(max-width: 575px)')?.matches ?? false;\n const defineSize: Props['size'] = isMobile ? Sizes.SMALL : size;\n\n return (\n <div className={classNames('wds-illustration-3d', `wds-illustration-3d-${name}`, className)}>\n {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n <Suspense fallback={null}>{getModel({ name, size: defineSize })}</Suspense>\n ) : (\n <Illustration name={name} size={size} alt=\"\" />\n )}\n </div>\n );\n};\n\nfunction getModel({ name, size }: Props) {\n // @ts-expect-error later\n let Model: LazyExoticComponent = <></>;\n const Scene = lazy(() => import('./Scene'));\n switch (name) {\n case Assets.LOCK: {\n Model = lazy(() => import('./LockModel'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(() => import('./GlobeModel'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(() => import('./ConfettiModel'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(() => import('./CheckMarkModel'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(() => import('./FlowerModel'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(() => import('./PlaneModel'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(() => import('./GraphModel'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(() => import('./MarbleModel'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(() => import('./MarbleCardModel'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(() => import('./MagnifyingGlassModel'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(() => import('./JarsModel'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(() => import('./MultiCurrencyModel'));\n break;\n }\n }\n return (\n <Scene assetName={name} size={size}>\n <Model />\n </Scene>\n );\n}\n\nexport default Illustration3d;\n","import { useEffect, useState } from 'react';\n\nexport interface FlagProps {\n /**\n * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).\n */\n code: string;\n\n /**\n * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.\n */\n intrinsicSize?: number;\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({ code, intrinsicSize = 64 }: FlagProps) => {\n const [fallback, setFallback] = useState<'simple' | 'unknown' | null>(null);\n useEffect(() => {\n setFallback(null);\n }, [code]);\n\n const detailed = intrinsicSize >= 150;\n const name =\n fallback !== 'unknown'\n ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}`\n : unknownFlagName;\n\n return (\n <img\n src={`https://wise.com/web-art/assets/flags/${name}.svg`}\n alt=\"\"\n width={intrinsicSize}\n height={intrinsicSize}\n onError={() => {\n setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n }}\n />\n );\n};\n"],"names":["_ImageSizes","Sizes","ImageSizes","_imageSizes","Assets","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","ref","id","name","_ref","alt","loading","_ref$loading","className","size","_ref$size","disablePadding","_ref$disablePadding","React","createElement","Fragment","width","height","media","srcSet","defineSrc","replace","classNames","src","illustration","descriptor","RenderMode","illustration3dNames","code","intrinsicSize","_ref$intrinsicSize","_useState","useState","fallback","setFallback","useEffect","detailed","toLowerCase","onError","prev","_window$matchMedia$ma","_window","_window$matchMedia","INIT","renderMode","setRenderMode","batteryData","useBattery","level","setBatteryData","navigator","getBatteryData","Promise","resolve","getBattery","then","battery","e","reject","_navigator","_navigator$connection","connection","undefined","window","console","log","effectiveType","includes","saveData","FALLBACK","ASSET_3D","defineSize","matchMedia","matches","Suspense","_ref2","Model","Scene","lazy","LOCK","require","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","assetName","getModel","asset"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{useState as t,useEffect as n,forwardRef as r,Suspense as a,lazy as i}from"react";import l from"classnames";var o,c,s=function(e){var r=e.code,a=e.intrinsicSize,i=void 0===a?64:a,l=t(null),o=l[0],c=l[1];n(function(){c(null)},[r]);var s=i>=150,E="unknown"!==o?r.toLowerCase()+(null==o&&s?"-detailed":""):"wise";/*#__PURE__*/return React.createElement("img",{src:"https://wise.com/web-art/assets/flags/"+E+".svg",alt:"",width:i,height:i,onError:function(){c(function(e){return null==e&&s?"simple":"unknown"})}})};!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(c||(c={}));var E,u,d=((o={})[c.SMALL]=200,o[c.MEDIUM]=300,o[c.LARGE]=500,o),m=((E={})[c.SMALL]=200,E[c.MEDIUM]=300,E[c.LARGE]=500,E),A=r(function(t,n){var r=t.id,a=t.name,i=t.alt,o=t.loading,s=void 0===o?"eager":o,E=t.className,u=t.size,d=void 0===u?c.MEDIUM:u,A=t.disablePadding,I=void 0!==A&&A,M=c.SMALL,f=c.MEDIUM;return a?/*#__PURE__*/e.createElement("picture",null,d===c.LARGE||d===c.MEDIUM?/*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("source",{width:m[M],height:m[M],media:"(max-width: 575px)",srcSet:L(a,M,"1x")+", "+L(a,M,"2x")+" 2x"}),d!==c.MEDIUM?/*#__PURE__*/e.createElement("source",{width:m[f],height:m[f],media:"(max-width: 992px)",srcSet:L(a,f,"1x")+", "+L(a,f,"2x")+" 2x"}):null):null,/*#__PURE__*/e.createElement("img",{id:r,ref:n,alt:null!=i?i:a.replace("-"," "),"data-testid":"wds-"+a+"-illustration",className:l("wds-illustration","wds-illustration-"+a,{"wds-illustration-padding":!I},E),loading:s,src:L(a,d,"1x"),srcSet:L(a,d,"2x")+" 2x",width:m[d],height:m[d]})):null});function L(e,t,n){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+n+".webp"}function I(e){return"https://wise.com/web-art/assets/illustrations3d/"+e}!function(e){e.BELL="bell",e.BRIEFCASE="briefcase",e.BUSINESS_CARD="business-card",e.CALENDAR="calendar",e.CHECK_MARK="check-mark",e.CLOSED_WINDOW="closed-window",e.COIN_PILE_DOWN="coin-pile-down",e.COIN_PILE_UP="coin-pile-up",e.CONFETTI="confetti",e.CONSTRUCTION_FENCE="construction-fence",e.CONVERT="convert",e.COOKIE="cookie",e.DIGITAL_CARD_2="digital-card-2",e.DIGITAL_CARD="digital-card",e.DOCUMENTS="documents",e.DOOR="door",e.ECO_CARD="eco-card",e.ELECTRIC_PLUG="electric-plug",e.EMAIL_SUCCESS="email-success",e.EMAIL="email",e.EXCLAMATION_MARK="exclamation-mark",e.FLAG="flag",e.FLOWER="flower",e.GEAR="gear",e.GLOBE="globe",e.GRAPH="graph",e.HEART_2="heart-2",e.HEART_3="heart-3",e.HEART_4="heart-4",e.HEART_5="heart-5",e.HEART="heart",e.HOUSE="house",e.ID_CARD="id-card",e.INFINITE="infinite",e.INVITE_LETTER="invite-letter",e.JARS="jars",e.KEY="key",e.LIGHT_BULB="light-bulb",e.LOCK="lock",e.MAGNIFYING_GLASS="magnifying-glass",e.MAP="map",e.MARBLE_CARD_BUSINESS="marble-card-business",e.MARBLE_CARD="marble-card",e.MARBLE="marble",e.MEGAPHONE="megaphone",e.MULTI_CURRENCY="multi-currency",e.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",e.PALM_TREE="palm-tree",e.PERCENTAGE="percentage",e.PERSONAL_CARD="personal-card",e.PHONES="phones",e.PIE_CHART="pie-chart",e.PLANE_2="plane-2",e.PLANE="plane",e.PUZZLE_PIECES="puzzle-pieces",e.QUESTION_MARK="question-mark",e.RECEIVE="receive",e.REMINDER_LETTER="reminder-letter",e.SAND_TIMER="sand-timer",e.SHOPPING_BAG="shopping-bag",e.SKIP_AUTHENTICATION="skip-authentication",e.SPEECH_BUBBLE="speech-bubble",e.TOOL="tool",e.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",e.WALLET="wallet"}(u||(u={}));var M,f=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];function R(e){return f.includes(e)}!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(M||(M={}));var p=function(r){var o=r.name,
|
|
2
|
-
//# sourceMappingURL=index-
|
|
1
|
+
import e,{useState as t,useEffect as n,forwardRef as r,Suspense as a,lazy as i}from"react";import l from"classnames";var o,c,s=function(e){var r=e.code,a=e.intrinsicSize,i=void 0===a?64:a,l=t(null),o=l[0],c=l[1];n(function(){c(null)},[r]);var s=i>=150,E="unknown"!==o?r.toLowerCase()+(null==o&&s?"-detailed":""):"wise";/*#__PURE__*/return React.createElement("img",{src:"https://wise.com/web-art/assets/flags/"+E+".svg",alt:"",width:i,height:i,onError:function(){c(function(e){return null==e&&s?"simple":"unknown"})}})};!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(c||(c={}));var E,u,d=((o={})[c.SMALL]=200,o[c.MEDIUM]=300,o[c.LARGE]=500,o),m=((E={})[c.SMALL]=200,E[c.MEDIUM]=300,E[c.LARGE]=500,E),A=r(function(t,n){var r=t.id,a=t.name,i=t.alt,o=t.loading,s=void 0===o?"eager":o,E=t.className,u=t.size,d=void 0===u?c.MEDIUM:u,A=t.disablePadding,I=void 0!==A&&A,M=c.SMALL,f=c.MEDIUM;return a?/*#__PURE__*/e.createElement("picture",null,d===c.LARGE||d===c.MEDIUM?/*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("source",{width:m[M],height:m[M],media:"(max-width: 575px)",srcSet:L(a,M,"1x")+", "+L(a,M,"2x")+" 2x"}),d!==c.MEDIUM?/*#__PURE__*/e.createElement("source",{width:m[f],height:m[f],media:"(max-width: 992px)",srcSet:L(a,f,"1x")+", "+L(a,f,"2x")+" 2x"}):null):null,/*#__PURE__*/e.createElement("img",{id:r,ref:n,alt:null!=i?i:a.replace("-"," "),"data-testid":"wds-"+a+"-illustration",className:l("wds-illustration","wds-illustration-"+a,{"wds-illustration-padding":!I},E),loading:s,src:L(a,d,"1x"),srcSet:L(a,d,"2x")+" 2x",width:m[d],height:m[d]})):null});function L(e,t,n){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+n+".webp"}function I(e){return"https://wise.com/web-art/assets/illustrations3d/"+e}!function(e){e.BELL="bell",e.BRIEFCASE="briefcase",e.BUSINESS_CARD="business-card",e.CALENDAR="calendar",e.CHECK_MARK="check-mark",e.CLOSED_WINDOW="closed-window",e.COIN_PILE_DOWN="coin-pile-down",e.COIN_PILE_UP="coin-pile-up",e.CONFETTI="confetti",e.CONSTRUCTION_FENCE="construction-fence",e.CONVERT="convert",e.COOKIE="cookie",e.DIGITAL_CARD_2="digital-card-2",e.DIGITAL_CARD="digital-card",e.DOCUMENTS="documents",e.DOOR="door",e.ECO_CARD="eco-card",e.ELECTRIC_PLUG="electric-plug",e.EMAIL_SUCCESS="email-success",e.EMAIL="email",e.EXCLAMATION_MARK="exclamation-mark",e.FLAG="flag",e.FLOWER="flower",e.GEAR="gear",e.GLOBE="globe",e.GRAPH="graph",e.HEART_2="heart-2",e.HEART_3="heart-3",e.HEART_4="heart-4",e.HEART_5="heart-5",e.HEART="heart",e.HOUSE="house",e.ID_CARD="id-card",e.INFINITE="infinite",e.INVITE_LETTER="invite-letter",e.JARS="jars",e.KEY="key",e.LIGHT_BULB="light-bulb",e.LOCK="lock",e.MAGNIFYING_GLASS="magnifying-glass",e.MAP="map",e.MARBLE_CARD_BUSINESS="marble-card-business",e.MARBLE_CARD="marble-card",e.MARBLE="marble",e.MEGAPHONE="megaphone",e.MULTI_CURRENCY="multi-currency",e.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",e.PALM_TREE="palm-tree",e.PERCENTAGE="percentage",e.PERSONAL_CARD="personal-card",e.PHONES="phones",e.PIE_CHART="pie-chart",e.PLANE_2="plane-2",e.PLANE="plane",e.PUZZLE_PIECES="puzzle-pieces",e.QUESTION_MARK="question-mark",e.RECEIVE="receive",e.REMINDER_LETTER="reminder-letter",e.SAND_TIMER="sand-timer",e.SHOPPING_BAG="shopping-bag",e.SKIP_AUTHENTICATION="skip-authentication",e.SPEECH_BUBBLE="speech-bubble",e.TOOL="tool",e.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",e.WALLET="wallet"}(u||(u={}));var M,f=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];function R(e){return f.includes(e)}!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(M||(M={}));var p=function(r){var o,s,E,d=r.name,m=r.size,L=void 0===m?c.MEDIUM:m,I=r.className,f=t(M.INIT),R=f[0],p=f[1],T=function(){var e=t({level:1}),r=e[0],a=e[1];return n(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){a({level:null==e?void 0:e.level})})}catch(e){return Promise.reject(e)}}()},[]),r}();n(function(){var e,t,n;p((void 0===(n=window.navigator.connection)?(console.log("connection API is unsupported"),0):(console.log("do internet check",null==n?void 0:n.effectiveType),["slow-2g","2g"].includes(null==n?void 0:n.effectiveType)||!0===(null==(e=navigator)||null==(t=e.connection)?void 0:t.saveData)))||T.level<.2?M.FALLBACK:M.ASSET_3D)},[T]);var C=null!=(o=null==(s=window)||null==(E=s.matchMedia("(max-width: 575px)"))?void 0:E.matches)&&o?c.SMALL:L;/*#__PURE__*/return e.createElement("div",{className:l("wds-illustration-3d","wds-illustration-3d-"+d,I)},R===M.INIT?null:R===M.ASSET_3D?/*#__PURE__*/e.createElement(a,{fallback:null},function(t){var n=t.name,r=t.size,a=/*#__PURE__*/e.createElement(e.Fragment,null),l=i(function(){return import("./Scene-174df793.js")});switch(n){case u.LOCK:a=i(function(){return import("./LockModel-bdd8a04b.js")});break;case u.GLOBE:a=i(function(){return import("./GlobeModel-97dd23a4.js")});break;case u.CONFETTI:a=i(function(){return import("./ConfettiModel-504fc28d.js")});break;case u.CHECK_MARK:a=i(function(){return import("./CheckMarkModel-d0eb378b.js")});break;case u.FLOWER:a=i(function(){return import("./FlowerModel-872e18ba.js")});break;case u.PLANE:a=i(function(){return import("./PlaneModel-38db7152.js")});break;case u.GRAPH:a=i(function(){return import("./GraphModel-6c34e6f1.js")});break;case u.MARBLE:a=i(function(){return import("./MarbleModel-f49a7986.js")});break;case u.MARBLE_CARD:a=i(function(){return import("./MarbleCardModel-47e09d47.js")});break;case u.MAGNIFYING_GLASS:a=i(function(){return import("./MagnifyingGlassModel-db1f127f.js")});break;case u.JARS:a=i(function(){return import("./JarsModel-7550595f.js")});break;case u.MULTI_CURRENCY:a=i(function(){return import("./MultiCurrencyModel-ec299447.js")})}/*#__PURE__*/return e.createElement(l,{assetName:n,size:r},/*#__PURE__*/e.createElement(a,null))}({name:d,size:C})):/*#__PURE__*/e.createElement(A,{name:d,size:L,alt:""}))};export{u as A,s as F,d as I,c as S,A as a,p as b,I as d,R as i};
|
|
2
|
+
//# sourceMappingURL=index-dba6ee2f.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-09633b41.js","sources":["../src/flags/Flag.tsx","../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3d.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface FlagProps {\n /**\n * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).\n */\n code: string;\n\n /**\n * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.\n */\n intrinsicSize?: number;\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({ code, intrinsicSize = 64 }: FlagProps) => {\n const [fallback, setFallback] = useState<'simple' | 'unknown' | null>(null);\n useEffect(() => {\n setFallback(null);\n }, [code]);\n\n const detailed = intrinsicSize >= 150;\n const name =\n fallback !== 'unknown'\n ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}`\n : unknownFlagName;\n\n return (\n <img\n src={`https://wise.com/web-art/assets/flags/${name}.svg`}\n alt=\"\"\n width={intrinsicSize}\n height={intrinsicSize}\n onError={() => {\n setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n }}\n />\n );\n};\n","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","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;\n\nexport type IllustrationSizes = LargeSize | MediumSize | SmallSize;\n\nexport type Props = {\n name: IllustrationNames;\n alt: string;\n size?: IllustrationSizes;\n loading?: 'eager' | 'lazy';\n disablePadding?: boolean;\n} & ImgProps;\n\nconst imageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n (\n {\n id,\n name,\n alt,\n loading = 'eager',\n className,\n size = Sizes.MEDIUM,\n disablePadding = false,\n }: Props,\n ref,\n ) => {\n const { SMALL, MEDIUM } = Sizes;\n\n return name ? (\n <picture>\n {size === Sizes.LARGE || size === Sizes.MEDIUM ? (\n <>\n <source\n width={imageSizes[SMALL]}\n height={imageSizes[SMALL]}\n media=\"(max-width: 575px)\"\n srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n />\n {size !== Sizes.MEDIUM ? (\n <source\n width={imageSizes[MEDIUM]}\n height={imageSizes[MEDIUM]}\n media=\"(max-width: 992px)\"\n srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n />\n ) : null}\n </>\n ) : null}\n\n <img\n id={id}\n ref={ref}\n alt={alt ?? name.replace('-', ' ')}\n data-testid={`wds-${name}-illustration`}\n className={classNames(\n 'wds-illustration',\n `wds-illustration-${name}`,\n { 'wds-illustration-padding': !disablePadding },\n className,\n )}\n loading={loading}\n src={defineSrc(name, size, '1x')}\n srcSet={`${defineSrc(name, size, '2x')} 2x`}\n width={imageSizes[size]}\n height={imageSizes[size]}\n />\n </picture>\n ) : null;\n },\n);\n\nfunction defineSrc(illustration: string, size: IllustrationSizes, descriptor: Descriptors) {\n return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/*\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n BELL = 'bell',\n BRIEFCASE = 'briefcase',\n BUSINESS_CARD = 'business-card',\n CALENDAR = 'calendar',\n CHECK_MARK = 'check-mark',\n CLOSED_WINDOW = 'closed-window',\n COIN_PILE_DOWN = 'coin-pile-down',\n COIN_PILE_UP = 'coin-pile-up',\n CONFETTI = 'confetti',\n CONSTRUCTION_FENCE = 'construction-fence',\n CONVERT = 'convert',\n COOKIE = 'cookie',\n DIGITAL_CARD_2 = 'digital-card-2',\n DIGITAL_CARD = 'digital-card',\n DOCUMENTS = 'documents',\n DOOR = 'door',\n ECO_CARD = 'eco-card',\n ELECTRIC_PLUG = 'electric-plug',\n EMAIL_SUCCESS = 'email-success',\n EMAIL = 'email',\n EXCLAMATION_MARK = 'exclamation-mark',\n FLAG = 'flag',\n FLOWER = 'flower',\n GEAR = 'gear',\n GLOBE = 'globe',\n GRAPH = 'graph',\n HEART_2 = 'heart-2',\n HEART_3 = 'heart-3',\n HEART_4 = 'heart-4',\n HEART_5 = 'heart-5',\n HEART = 'heart',\n HOUSE = 'house',\n ID_CARD = 'id-card',\n INFINITE = 'infinite',\n INVITE_LETTER = 'invite-letter',\n JARS = 'jars',\n KEY = 'key',\n LIGHT_BULB = 'light-bulb',\n LOCK = 'lock',\n MAGNIFYING_GLASS = 'magnifying-glass',\n MAP = 'map',\n MARBLE_CARD_BUSINESS = 'marble-card-business',\n MARBLE_CARD = 'marble-card',\n MARBLE = 'marble',\n MEGAPHONE = 'megaphone',\n MULTI_CURRENCY = 'multi-currency',\n ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n PALM_TREE = 'palm-tree',\n PERCENTAGE = 'percentage',\n PERSONAL_CARD = 'personal-card',\n PHONES = 'phones',\n PIE_CHART = 'pie-chart',\n PLANE_2 = 'plane-2',\n PLANE = 'plane',\n PUZZLE_PIECES = 'puzzle-pieces',\n QUESTION_MARK = 'question-mark',\n RECEIVE = 'receive',\n REMINDER_LETTER = 'reminder-letter',\n SAND_TIMER = 'sand-timer',\n SHOPPING_BAG = 'shopping-bag',\n SKIP_AUTHENTICATION = 'skip-authentication',\n SPEECH_BUBBLE = 'speech-bubble',\n TOOL = 'tool',\n TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n | 'bell'\n | 'briefcase'\n | 'business-card'\n | 'calendar'\n | 'check-mark'\n | 'closed-window'\n | 'coin-pile-down'\n | 'coin-pile-up'\n | 'confetti'\n | 'construction-fence'\n | 'convert'\n | 'cookie'\n | 'digital-card-2'\n | 'digital-card'\n | 'documents'\n | 'door'\n | 'eco-card'\n | 'electric-plug'\n | 'email-success'\n | 'email'\n | 'exclamation-mark'\n | 'flag'\n | 'flower'\n | 'gear'\n | 'globe'\n | 'graph'\n | 'heart-2'\n | 'heart-3'\n | 'heart-4'\n | 'heart-5'\n | 'heart'\n | 'house'\n | 'id-card'\n | 'infinite'\n | 'invite-letter'\n | 'jars'\n | 'key'\n | 'light-bulb'\n | 'lock'\n | 'magnifying-glass'\n | 'map'\n | 'marble-card-business'\n | 'marble-card'\n | 'marble'\n | 'megaphone'\n | 'multi-currency'\n | 'one-invite-letter-opened'\n | 'palm-tree'\n | 'percentage'\n | 'personal-card'\n | 'phones'\n | 'pie-chart'\n | 'plane-2'\n | 'plane'\n | 'puzzle-pieces'\n | 'question-mark'\n | 'receive'\n | 'reminder-letter'\n | 'sand-timer'\n | 'shopping-bag'\n | 'skip-authentication'\n | 'speech-bubble'\n | 'tool'\n | 'two-invite-letters-opened'\n | 'wallet';\n","import { useState, useEffect } from 'react';\n\nimport { IllustrationNames } from '../illustrations/metadata';\n\nexport function useBattery() {\n const [batteryData, setBatteryData] = useState<{ level: number }>({ level: 1.0 });\n\n useEffect(() => {\n const getBatteryData = async () => {\n // @ts-expect-error .getBattery exists in Navigator interface\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n const battery = await navigator.getBattery();\n\n setBatteryData({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n level: battery?.level,\n });\n };\n // Check if the browser supports the Battery API\n if ('getBattery' in navigator) {\n void getBatteryData();\n }\n }, []);\n\n return batteryData;\n}\n\nexport function isBatteryLow(batteryLevel: number): boolean {\n return batteryLevel < 0.2;\n}\n\nexport function isConnectionSlow(): boolean {\n // @ts-expect-error .connection prop exists in Navigator interface\n const { connection } = window.navigator;\n if (connection === undefined) {\n console.log('connection API is unsupported');\n return false;\n }\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n console.log('do internet check', connection?.effectiveType);\n return (\n ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n // @ts-expect-error later\n navigator?.connection?.saveData === true\n );\n}\n\nexport function defineSrc(asset: string): string {\n return `https://wise.com/web-art/assets/illustrations3d/${asset}`;\n}\n\nconst illustration3dNames = [\n 'lock',\n 'globe',\n 'confetti',\n 'check-mark',\n 'flower',\n 'graph',\n 'jars',\n 'magnifying-glass',\n 'marble',\n 'marble-card',\n 'multi-currency',\n 'plane',\n];\n\nexport function is3dIllustrationSupported(asset: IllustrationNames): boolean {\n return illustration3dNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\n/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable @typescript-eslint/restrict-template-expressions */\nimport classNames from 'classnames';\nimport React, { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\n\nimport Illustration, { Assets } from './../illustrations';\nimport { useBattery, isConnectionSlow, isBatteryLow } from './utils';\n\nexport type Illustration3dNames =\n | 'lock'\n | 'globe'\n | 'confetti'\n | 'check-mark'\n | 'flower'\n | 'graph'\n | 'jars'\n | 'magnifying-glass'\n | 'marble'\n | 'marble-card'\n | 'multi-currency'\n | 'plane';\n\nexport type Props = {\n name: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n className?: string;\n};\n\nenum RenderMode {\n INIT,\n FALLBACK,\n ASSET_3D,\n}\n\nconst Illustration3d = ({ name, size = Sizes.MEDIUM, className }: Props) => {\n const [renderMode, setRenderMode] = useState<RenderMode>(RenderMode.INIT);\n const batteryData = useBattery();\n\n useEffect(() => {\n setRenderMode(\n isConnectionSlow() || isBatteryLow(batteryData.level)\n ? RenderMode.FALLBACK\n : RenderMode.ASSET_3D,\n );\n }, [batteryData]);\n\n const isMobile: boolean = window.matchMedia('(max-width: 575px)').matches;\n const defineSize: Props['size'] = isMobile ? Sizes.SMALL : size;\n\n return (\n <div className={classNames('wds-illustration-3d', `wds-illustration-3d-${name}`, className)}>\n {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n <Suspense fallback={null}>{getModel({ name, size: defineSize })}</Suspense>\n ) : (\n <Illustration name={name} size={size} alt=\"\" />\n )}\n </div>\n );\n};\n\nfunction getModel({ name, size }: Props) {\n // @ts-expect-error later\n let Model: LazyExoticComponent = <></>;\n const Scene = lazy(() => import('./Scene'));\n switch (name) {\n case Assets.LOCK: {\n Model = lazy(() => import('./LockModel'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(() => import('./GlobeModel'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(() => import('./ConfettiModel'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(() => import('./CheckMarkModel'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(() => import('./FlowerModel'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(() => import('./PlaneModel'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(() => import('./GraphModel'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(() => import('./MarbleModel'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(() => import('./MarbleCardModel'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(() => import('./MagnifyingGlassModel'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(() => import('./JarsModel'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(() => import('./MultiCurrencyModel'));\n break;\n }\n }\n return (\n <Scene assetName={name} size={size}>\n <Model />\n </Scene>\n );\n}\n\nexport default Illustration3d;\n"],"names":["_ImageSizes","Sizes","Flag","_ref","code","intrinsicSize","_ref$intrinsicSize","_useState","useState","fallback","setFallback","useEffect","detailed","name","toLowerCase","React","createElement","src","alt","width","height","onError","prev","ImageSizes","_imageSizes","Assets","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","ref","id","loading","_ref$loading","className","size","_ref$size","disablePadding","_ref$disablePadding","Fragment","media","srcSet","defineSrc","replace","classNames","illustration","descriptor","asset","RenderMode","illustration3dNames","is3dIllustrationSupported","includes","Illustration3d","INIT","renderMode","setRenderMode","batteryData","useBattery","level","setBatteryData","navigator","getBatteryData","Promise","resolve","getBattery","then","battery","e","reject","_navigator","_navigator$connection","connection","undefined","window","console","log","effectiveType","saveData","FALLBACK","ASSET_3D","defineSize","matchMedia","matches","Suspense","_ref2","Model","Scene","lazy","import","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","assetName","getModel"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index-dba6ee2f.js","sources":["../src/flags/Flag.tsx","../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3d.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface FlagProps {\n /**\n * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).\n */\n code: string;\n\n /**\n * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.\n */\n intrinsicSize?: number;\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({ code, intrinsicSize = 64 }: FlagProps) => {\n const [fallback, setFallback] = useState<'simple' | 'unknown' | null>(null);\n useEffect(() => {\n setFallback(null);\n }, [code]);\n\n const detailed = intrinsicSize >= 150;\n const name =\n fallback !== 'unknown'\n ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}`\n : unknownFlagName;\n\n return (\n <img\n src={`https://wise.com/web-art/assets/flags/${name}.svg`}\n alt=\"\"\n width={intrinsicSize}\n height={intrinsicSize}\n onError={() => {\n setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n }}\n />\n );\n};\n","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","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;\n\nexport type IllustrationSizes = LargeSize | MediumSize | SmallSize;\n\nexport type Props = {\n name: IllustrationNames;\n alt: string;\n size?: IllustrationSizes;\n loading?: 'eager' | 'lazy';\n disablePadding?: boolean;\n} & ImgProps;\n\nconst imageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n (\n {\n id,\n name,\n alt,\n loading = 'eager',\n className,\n size = Sizes.MEDIUM,\n disablePadding = false,\n }: Props,\n ref,\n ) => {\n const { SMALL, MEDIUM } = Sizes;\n\n return name ? (\n <picture>\n {size === Sizes.LARGE || size === Sizes.MEDIUM ? (\n <>\n <source\n width={imageSizes[SMALL]}\n height={imageSizes[SMALL]}\n media=\"(max-width: 575px)\"\n srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n />\n {size !== Sizes.MEDIUM ? (\n <source\n width={imageSizes[MEDIUM]}\n height={imageSizes[MEDIUM]}\n media=\"(max-width: 992px)\"\n srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n />\n ) : null}\n </>\n ) : null}\n\n <img\n id={id}\n ref={ref}\n alt={alt ?? name.replace('-', ' ')}\n data-testid={`wds-${name}-illustration`}\n className={classNames(\n 'wds-illustration',\n `wds-illustration-${name}`,\n { 'wds-illustration-padding': !disablePadding },\n className,\n )}\n loading={loading}\n src={defineSrc(name, size, '1x')}\n srcSet={`${defineSrc(name, size, '2x')} 2x`}\n width={imageSizes[size]}\n height={imageSizes[size]}\n />\n </picture>\n ) : null;\n },\n);\n\nfunction defineSrc(illustration: string, size: IllustrationSizes, descriptor: Descriptors) {\n return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/*\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n BELL = 'bell',\n BRIEFCASE = 'briefcase',\n BUSINESS_CARD = 'business-card',\n CALENDAR = 'calendar',\n CHECK_MARK = 'check-mark',\n CLOSED_WINDOW = 'closed-window',\n COIN_PILE_DOWN = 'coin-pile-down',\n COIN_PILE_UP = 'coin-pile-up',\n CONFETTI = 'confetti',\n CONSTRUCTION_FENCE = 'construction-fence',\n CONVERT = 'convert',\n COOKIE = 'cookie',\n DIGITAL_CARD_2 = 'digital-card-2',\n DIGITAL_CARD = 'digital-card',\n DOCUMENTS = 'documents',\n DOOR = 'door',\n ECO_CARD = 'eco-card',\n ELECTRIC_PLUG = 'electric-plug',\n EMAIL_SUCCESS = 'email-success',\n EMAIL = 'email',\n EXCLAMATION_MARK = 'exclamation-mark',\n FLAG = 'flag',\n FLOWER = 'flower',\n GEAR = 'gear',\n GLOBE = 'globe',\n GRAPH = 'graph',\n HEART_2 = 'heart-2',\n HEART_3 = 'heart-3',\n HEART_4 = 'heart-4',\n HEART_5 = 'heart-5',\n HEART = 'heart',\n HOUSE = 'house',\n ID_CARD = 'id-card',\n INFINITE = 'infinite',\n INVITE_LETTER = 'invite-letter',\n JARS = 'jars',\n KEY = 'key',\n LIGHT_BULB = 'light-bulb',\n LOCK = 'lock',\n MAGNIFYING_GLASS = 'magnifying-glass',\n MAP = 'map',\n MARBLE_CARD_BUSINESS = 'marble-card-business',\n MARBLE_CARD = 'marble-card',\n MARBLE = 'marble',\n MEGAPHONE = 'megaphone',\n MULTI_CURRENCY = 'multi-currency',\n ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n PALM_TREE = 'palm-tree',\n PERCENTAGE = 'percentage',\n PERSONAL_CARD = 'personal-card',\n PHONES = 'phones',\n PIE_CHART = 'pie-chart',\n PLANE_2 = 'plane-2',\n PLANE = 'plane',\n PUZZLE_PIECES = 'puzzle-pieces',\n QUESTION_MARK = 'question-mark',\n RECEIVE = 'receive',\n REMINDER_LETTER = 'reminder-letter',\n SAND_TIMER = 'sand-timer',\n SHOPPING_BAG = 'shopping-bag',\n SKIP_AUTHENTICATION = 'skip-authentication',\n SPEECH_BUBBLE = 'speech-bubble',\n TOOL = 'tool',\n TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n | 'bell'\n | 'briefcase'\n | 'business-card'\n | 'calendar'\n | 'check-mark'\n | 'closed-window'\n | 'coin-pile-down'\n | 'coin-pile-up'\n | 'confetti'\n | 'construction-fence'\n | 'convert'\n | 'cookie'\n | 'digital-card-2'\n | 'digital-card'\n | 'documents'\n | 'door'\n | 'eco-card'\n | 'electric-plug'\n | 'email-success'\n | 'email'\n | 'exclamation-mark'\n | 'flag'\n | 'flower'\n | 'gear'\n | 'globe'\n | 'graph'\n | 'heart-2'\n | 'heart-3'\n | 'heart-4'\n | 'heart-5'\n | 'heart'\n | 'house'\n | 'id-card'\n | 'infinite'\n | 'invite-letter'\n | 'jars'\n | 'key'\n | 'light-bulb'\n | 'lock'\n | 'magnifying-glass'\n | 'map'\n | 'marble-card-business'\n | 'marble-card'\n | 'marble'\n | 'megaphone'\n | 'multi-currency'\n | 'one-invite-letter-opened'\n | 'palm-tree'\n | 'percentage'\n | 'personal-card'\n | 'phones'\n | 'pie-chart'\n | 'plane-2'\n | 'plane'\n | 'puzzle-pieces'\n | 'question-mark'\n | 'receive'\n | 'reminder-letter'\n | 'sand-timer'\n | 'shopping-bag'\n | 'skip-authentication'\n | 'speech-bubble'\n | 'tool'\n | 'two-invite-letters-opened'\n | 'wallet';\n","import { useState, useEffect } from 'react';\n\nimport { IllustrationNames } from '../illustrations/metadata';\n\nexport function useBattery() {\n const [batteryData, setBatteryData] = useState<{ level: number }>({ level: 1.0 });\n\n useEffect(() => {\n const getBatteryData = async () => {\n // @ts-expect-error .getBattery exists in Navigator interface\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n const battery = await navigator.getBattery();\n\n setBatteryData({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n level: battery?.level,\n });\n };\n // Check if the browser supports the Battery API\n if ('getBattery' in navigator) {\n void getBatteryData();\n }\n }, []);\n\n return batteryData;\n}\n\nexport function isBatteryLow(batteryLevel: number): boolean {\n return batteryLevel < 0.2;\n}\n\nexport function isConnectionSlow(): boolean {\n // @ts-expect-error .connection prop exists in Navigator interface\n const { connection } = window.navigator;\n if (connection === undefined) {\n console.log('connection API is unsupported');\n return false;\n }\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n console.log('do internet check', connection?.effectiveType);\n return (\n ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n // @ts-expect-error later\n navigator?.connection?.saveData === true\n );\n}\n\nexport function defineSrc(asset: string): string {\n return `https://wise.com/web-art/assets/illustrations3d/${asset}`;\n}\n\nconst illustration3dNames = [\n 'lock',\n 'globe',\n 'confetti',\n 'check-mark',\n 'flower',\n 'graph',\n 'jars',\n 'magnifying-glass',\n 'marble',\n 'marble-card',\n 'multi-currency',\n 'plane',\n];\n\nexport function is3dIllustrationSupported(asset: IllustrationNames): boolean {\n return illustration3dNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\n/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable @typescript-eslint/restrict-template-expressions */\nimport classNames from 'classnames';\nimport React, { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\n\nimport Illustration, { Assets } from './../illustrations';\nimport { useBattery, isConnectionSlow, isBatteryLow } from './utils';\n\nexport type Illustration3dNames =\n | 'lock'\n | 'globe'\n | 'confetti'\n | 'check-mark'\n | 'flower'\n | 'graph'\n | 'jars'\n | 'magnifying-glass'\n | 'marble'\n | 'marble-card'\n | 'multi-currency'\n | 'plane';\n\nexport type Props = {\n name: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n className?: string;\n};\n\nenum RenderMode {\n INIT,\n FALLBACK,\n ASSET_3D,\n}\n\nconst Illustration3d = ({ name, size = Sizes.MEDIUM, className }: Props) => {\n const [renderMode, setRenderMode] = useState<RenderMode>(RenderMode.INIT);\n const batteryData = useBattery();\n\n useEffect(() => {\n setRenderMode(\n isConnectionSlow() || isBatteryLow(batteryData.level)\n ? RenderMode.FALLBACK\n : RenderMode.ASSET_3D,\n );\n }, [batteryData]);\n\n const isMobile: boolean = window?.matchMedia('(max-width: 575px)')?.matches ?? false;\n const defineSize: Props['size'] = isMobile ? Sizes.SMALL : size;\n\n return (\n <div className={classNames('wds-illustration-3d', `wds-illustration-3d-${name}`, className)}>\n {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n <Suspense fallback={null}>{getModel({ name, size: defineSize })}</Suspense>\n ) : (\n <Illustration name={name} size={size} alt=\"\" />\n )}\n </div>\n );\n};\n\nfunction getModel({ name, size }: Props) {\n // @ts-expect-error later\n let Model: LazyExoticComponent = <></>;\n const Scene = lazy(() => import('./Scene'));\n switch (name) {\n case Assets.LOCK: {\n Model = lazy(() => import('./LockModel'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(() => import('./GlobeModel'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(() => import('./ConfettiModel'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(() => import('./CheckMarkModel'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(() => import('./FlowerModel'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(() => import('./PlaneModel'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(() => import('./GraphModel'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(() => import('./MarbleModel'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(() => import('./MarbleCardModel'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(() => import('./MagnifyingGlassModel'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(() => import('./JarsModel'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(() => import('./MultiCurrencyModel'));\n break;\n }\n }\n return (\n <Scene assetName={name} size={size}>\n <Model />\n </Scene>\n );\n}\n\nexport default Illustration3d;\n"],"names":["_ImageSizes","Sizes","Flag","_ref","code","intrinsicSize","_ref$intrinsicSize","_useState","useState","fallback","setFallback","useEffect","detailed","name","toLowerCase","React","createElement","src","alt","width","height","onError","prev","ImageSizes","_imageSizes","Assets","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","ref","id","loading","_ref$loading","className","size","_ref$size","disablePadding","_ref$disablePadding","Fragment","media","srcSet","defineSrc","replace","classNames","illustration","descriptor","asset","RenderMode","illustration3dNames","is3dIllustrationSupported","includes","Illustration3d","_window$matchMedia$ma","_window","_window$matchMedia","INIT","renderMode","setRenderMode","batteryData","useBattery","level","setBatteryData","navigator","getBatteryData","Promise","resolve","getBattery","then","battery","e","reject","_navigator","_navigator$connection","connection","undefined","window","console","log","effectiveType","saveData","FALLBACK","ASSET_3D","defineSize","matchMedia","matches","Suspense","_ref2","Model","Scene","lazy","import","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","assetName","getModel"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=require("./index-
|
|
1
|
+
var e=require("./index-968beb31.js");require("react"),require("classnames"),Object.defineProperty(exports,"Assets",{enumerable:!0,get:function(){return e.Assets}}),exports.Flag=e.Flag,exports.Illustration=e.Illustration,exports.Illustration3d=e.Illustration3d,Object.defineProperty(exports,"Sizes",{enumerable:!0,get:function(){return e.Sizes}}),exports.is3dIllustrationSupported=e.is3dIllustrationSupported;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.module.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{A as Assets,F as Flag,a as Illustration,b as Illustration3d,S as Sizes,i as is3dIllustrationSupported}from"./index-
|
|
1
|
+
export{A as Assets,F as Flag,a as Illustration,b as Illustration3d,S as Sizes,i as is3dIllustrationSupported}from"./index-dba6ee2f.js";import"react";import"classnames";
|
|
2
2
|
//# sourceMappingURL=index.module.js.map
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useGLTF as e,useAnimations as r}from"@react-three/drei";import{useLoader as t,useFrame as a}from"@react-three/fiber";import i,{useRef as m}from"react";import{ObjectLoader as o,LoopOnce as c}from"three";import{d as n}from"./index-09633b41.js";import"classnames";var l=function(){var l=m(),p=e(n("check-mark.gltf")),s=p.animations,f=p.scene,d=t(o,n("check-mark-light.json")),h=r(s,l),u=h.mixer,b=h.clips;return a(function(){p.materials.Standard.map.offset.x+=-.0025,u.clipAction(b[0]).play().setLoop(c,1)}),/*#__PURE__*/i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement("primitive",{ref:l,scale:1.4,object:f}),/*#__PURE__*/i.createElement("primitive",{object:d}))};export{l as default};
|
|
2
|
-
//# sourceMappingURL=CheckMarkModel-8e205e14.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import o,{useRef as a}from"react";import{ObjectLoader as m,LoopOnce as n}from"three";import{d as c}from"./index-09633b41.js";import"classnames";var p=function(){var p=a(),s=r(m,c("confetti-light.json")),f=e(c("confetti.gltf")),l=t(f.animations,p),b=l.mixer,u=l.clips;return i(function(){f.materials["Tapestry WebGL"].map.offset.x+=-.0015,b.clipAction(u[0]).play().setLoop(n,1)}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:p,scale:1.5,position:[0,1.5,0],object:f.scene}),/*#__PURE__*/o.createElement("primitive",{object:s}))};export{p as default};
|
|
2
|
-
//# sourceMappingURL=ConfettiModel-ef46f63e.js.map
|
package/dist/index-560ede9d.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e=require("react"),t=require("classnames");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,n,a=/*#__PURE__*/r(e),i=/*#__PURE__*/r(t);exports.Sizes=void 0,(n=exports.Sizes||(exports.Sizes={})).SMALL="small",n.MEDIUM="medium",n.LARGE="large";var o,l,u=((s={})[exports.Sizes.SMALL]=200,s[exports.Sizes.MEDIUM]=300,s[exports.Sizes.LARGE]=500,s),c=((o={})[exports.Sizes.SMALL]=200,o[exports.Sizes.MEDIUM]=300,o[exports.Sizes.LARGE]=500,o),E=e.forwardRef(function(e,t){var r=e.id,s=e.name,n=e.alt,o=e.loading,l=void 0===o?"eager":o,u=e.className,E=e.size,f=void 0===E?exports.Sizes.MEDIUM:E,A=e.disablePadding,p=void 0!==A&&A,m=exports.Sizes.SMALL,S=exports.Sizes.MEDIUM;return s?/*#__PURE__*/a.default.createElement("picture",null,f===exports.Sizes.LARGE||f===exports.Sizes.MEDIUM?/*#__PURE__*/a.default.createElement(a.default.Fragment,null,/*#__PURE__*/a.default.createElement("source",{width:c[m],height:c[m],media:"(max-width: 575px)",srcSet:d(s,m,"1x")+", "+d(s,m,"2x")+" 2x"}),f!==exports.Sizes.MEDIUM?/*#__PURE__*/a.default.createElement("source",{width:c[S],height:c[S],media:"(max-width: 992px)",srcSet:d(s,S,"1x")+", "+d(s,S,"2x")+" 2x"}):null):null,/*#__PURE__*/a.default.createElement("img",{id:r,ref:t,alt:null!=n?n:s.replace("-"," "),"data-testid":"wds-"+s+"-illustration",className:i.default("wds-illustration","wds-illustration-"+s,{"wds-illustration-padding":!p},u),loading:l,src:d(s,f,"1x"),srcSet:d(s,f,"2x")+" 2x",width:c[f],height:c[f]})):null});function d(e,t,r){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+r+".webp"}exports.Assets=void 0,(l=exports.Assets||(exports.Assets={})).BELL="bell",l.BRIEFCASE="briefcase",l.BUSINESS_CARD="business-card",l.CALENDAR="calendar",l.CHECK_MARK="check-mark",l.CLOSED_WINDOW="closed-window",l.COIN_PILE_DOWN="coin-pile-down",l.COIN_PILE_UP="coin-pile-up",l.CONFETTI="confetti",l.CONSTRUCTION_FENCE="construction-fence",l.CONVERT="convert",l.COOKIE="cookie",l.DIGITAL_CARD_2="digital-card-2",l.DIGITAL_CARD="digital-card",l.DOCUMENTS="documents",l.DOOR="door",l.ECO_CARD="eco-card",l.ELECTRIC_PLUG="electric-plug",l.EMAIL_SUCCESS="email-success",l.EMAIL="email",l.EXCLAMATION_MARK="exclamation-mark",l.FLAG="flag",l.FLOWER="flower",l.GEAR="gear",l.GLOBE="globe",l.GRAPH="graph",l.HEART_2="heart-2",l.HEART_3="heart-3",l.HEART_4="heart-4",l.HEART_5="heart-5",l.HEART="heart",l.HOUSE="house",l.ID_CARD="id-card",l.INFINITE="infinite",l.INVITE_LETTER="invite-letter",l.JARS="jars",l.KEY="key",l.LIGHT_BULB="light-bulb",l.LOCK="lock",l.MAGNIFYING_GLASS="magnifying-glass",l.MAP="map",l.MARBLE_CARD_BUSINESS="marble-card-business",l.MARBLE_CARD="marble-card",l.MARBLE="marble",l.MEGAPHONE="megaphone",l.MULTI_CURRENCY="multi-currency",l.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",l.PALM_TREE="palm-tree",l.PERCENTAGE="percentage",l.PERSONAL_CARD="personal-card",l.PHONES="phones",l.PIE_CHART="pie-chart",l.PLANE_2="plane-2",l.PLANE="plane",l.PUZZLE_PIECES="puzzle-pieces",l.QUESTION_MARK="question-mark",l.RECEIVE="receive",l.REMINDER_LETTER="reminder-letter",l.SAND_TIMER="sand-timer",l.SHOPPING_BAG="shopping-bag",l.SKIP_AUTHENTICATION="skip-authentication",l.SPEECH_BUBBLE="speech-bubble",l.TOOL="tool",l.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",l.WALLET="wallet";var f,A=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(f||(f={})),exports.Flag=function(t){var r=t.code,s=t.intrinsicSize,n=void 0===s?64:s,a=e.useState(null),i=a[0],o=a[1];e.useEffect(function(){o(null)},[r]);var l=n>=150,u="unknown"!==i?r.toLowerCase()+(null==i&&l?"-detailed":""):"wise";/*#__PURE__*/return React.createElement("img",{src:"https://wise.com/web-art/assets/flags/"+u+".svg",alt:"",width:n,height:n,onError:function(){o(function(e){return null==e&&l?"simple":"unknown"})}})},exports.Illustration=E,exports.Illustration3d=function(t){var r=t.name,s=t.size,n=void 0===s?exports.Sizes.MEDIUM:s,o=t.className,l=e.useState(f.INIT),u=l[0],c=l[1],d=function(){var t=e.useState({level:1}),r=t[0],s=t[1];return e.useEffect(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){s({level:null==e?void 0:e.level})})}catch(e){return Promise.reject(e)}}()},[]),r}();e.useEffect(function(){var e,t,r;c((void 0===(r=window.navigator.connection)?(console.log("connection API is unsupported"),0):(console.log("do internet check",null==r?void 0:r.effectiveType),["slow-2g","2g"].includes(null==r?void 0:r.effectiveType)||!0===(null==(e=navigator)||null==(t=e.connection)?void 0:t.saveData)))||d.level<.2?f.FALLBACK:f.ASSET_3D)},[d]);var A=window.matchMedia("(max-width: 575px)").matches?exports.Sizes.SMALL:n;/*#__PURE__*/return a.default.createElement("div",{className:i.default("wds-illustration-3d","wds-illustration-3d-"+r,o)},u===f.INIT?null:u===f.ASSET_3D?/*#__PURE__*/a.default.createElement(e.Suspense,{fallback:null},function(t){var r=t.name,s=t.size,n=/*#__PURE__*/a.default.createElement(a.default.Fragment,null),i=e.lazy(function(){return Promise.resolve().then(function(){return require("./Scene-4336521c.js")})});switch(r){case exports.Assets.LOCK:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./LockModel-db18eaa0.js")})});break;case exports.Assets.GLOBE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./GlobeModel-97c1b902.js")})});break;case exports.Assets.CONFETTI:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./ConfettiModel-a18f25b8.js")})});break;case exports.Assets.CHECK_MARK:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./CheckMarkModel-919049a6.js")})});break;case exports.Assets.FLOWER:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./FlowerModel-cdcc8aa5.js")})});break;case exports.Assets.PLANE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./PlaneModel-f607a661.js")})});break;case exports.Assets.GRAPH:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./GraphModel-3e32609d.js")})});break;case exports.Assets.MARBLE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MarbleModel-23c0126f.js")})});break;case exports.Assets.MARBLE_CARD:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MarbleCardModel-23175598.js")})});break;case exports.Assets.MAGNIFYING_GLASS:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MagnifyingGlassModel-9ffa4d33.js")})});break;case exports.Assets.JARS:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./JarsModel-8f18b06b.js")})});break;case exports.Assets.MULTI_CURRENCY:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MultiCurrencyModel-5dcd8947.js")})})}/*#__PURE__*/return a.default.createElement(i,{assetName:r,size:s},/*#__PURE__*/a.default.createElement(n,null))}({name:r,size:A})):/*#__PURE__*/a.default.createElement(E,{name:r,size:n,alt:""}))},exports.ImageSizes=u,exports.defineSrc=function(e){return"https://wise.com/web-art/assets/illustrations3d/"+e},exports.is3dIllustrationSupported=function(e){return A.includes(e)};
|
|
2
|
-
//# sourceMappingURL=index-560ede9d.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-560ede9d.js","sources":["../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3d.tsx","../src/flags/Flag.tsx"],"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","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;\n\nexport type IllustrationSizes = LargeSize | MediumSize | SmallSize;\n\nexport type Props = {\n name: IllustrationNames;\n alt: string;\n size?: IllustrationSizes;\n loading?: 'eager' | 'lazy';\n disablePadding?: boolean;\n} & ImgProps;\n\nconst imageSizes = {\n [Sizes.SMALL]: 200,\n [Sizes.MEDIUM]: 300,\n [Sizes.LARGE]: 500,\n};\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n (\n {\n id,\n name,\n alt,\n loading = 'eager',\n className,\n size = Sizes.MEDIUM,\n disablePadding = false,\n }: Props,\n ref,\n ) => {\n const { SMALL, MEDIUM } = Sizes;\n\n return name ? (\n <picture>\n {size === Sizes.LARGE || size === Sizes.MEDIUM ? (\n <>\n <source\n width={imageSizes[SMALL]}\n height={imageSizes[SMALL]}\n media=\"(max-width: 575px)\"\n srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n />\n {size !== Sizes.MEDIUM ? (\n <source\n width={imageSizes[MEDIUM]}\n height={imageSizes[MEDIUM]}\n media=\"(max-width: 992px)\"\n srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n />\n ) : null}\n </>\n ) : null}\n\n <img\n id={id}\n ref={ref}\n alt={alt ?? name.replace('-', ' ')}\n data-testid={`wds-${name}-illustration`}\n className={classNames(\n 'wds-illustration',\n `wds-illustration-${name}`,\n { 'wds-illustration-padding': !disablePadding },\n className,\n )}\n loading={loading}\n src={defineSrc(name, size, '1x')}\n srcSet={`${defineSrc(name, size, '2x')} 2x`}\n width={imageSizes[size]}\n height={imageSizes[size]}\n />\n </picture>\n ) : null;\n },\n);\n\nfunction defineSrc(illustration: string, size: IllustrationSizes, descriptor: Descriptors) {\n return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/*\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n BELL = 'bell',\n BRIEFCASE = 'briefcase',\n BUSINESS_CARD = 'business-card',\n CALENDAR = 'calendar',\n CHECK_MARK = 'check-mark',\n CLOSED_WINDOW = 'closed-window',\n COIN_PILE_DOWN = 'coin-pile-down',\n COIN_PILE_UP = 'coin-pile-up',\n CONFETTI = 'confetti',\n CONSTRUCTION_FENCE = 'construction-fence',\n CONVERT = 'convert',\n COOKIE = 'cookie',\n DIGITAL_CARD_2 = 'digital-card-2',\n DIGITAL_CARD = 'digital-card',\n DOCUMENTS = 'documents',\n DOOR = 'door',\n ECO_CARD = 'eco-card',\n ELECTRIC_PLUG = 'electric-plug',\n EMAIL_SUCCESS = 'email-success',\n EMAIL = 'email',\n EXCLAMATION_MARK = 'exclamation-mark',\n FLAG = 'flag',\n FLOWER = 'flower',\n GEAR = 'gear',\n GLOBE = 'globe',\n GRAPH = 'graph',\n HEART_2 = 'heart-2',\n HEART_3 = 'heart-3',\n HEART_4 = 'heart-4',\n HEART_5 = 'heart-5',\n HEART = 'heart',\n HOUSE = 'house',\n ID_CARD = 'id-card',\n INFINITE = 'infinite',\n INVITE_LETTER = 'invite-letter',\n JARS = 'jars',\n KEY = 'key',\n LIGHT_BULB = 'light-bulb',\n LOCK = 'lock',\n MAGNIFYING_GLASS = 'magnifying-glass',\n MAP = 'map',\n MARBLE_CARD_BUSINESS = 'marble-card-business',\n MARBLE_CARD = 'marble-card',\n MARBLE = 'marble',\n MEGAPHONE = 'megaphone',\n MULTI_CURRENCY = 'multi-currency',\n ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n PALM_TREE = 'palm-tree',\n PERCENTAGE = 'percentage',\n PERSONAL_CARD = 'personal-card',\n PHONES = 'phones',\n PIE_CHART = 'pie-chart',\n PLANE_2 = 'plane-2',\n PLANE = 'plane',\n PUZZLE_PIECES = 'puzzle-pieces',\n QUESTION_MARK = 'question-mark',\n RECEIVE = 'receive',\n REMINDER_LETTER = 'reminder-letter',\n SAND_TIMER = 'sand-timer',\n SHOPPING_BAG = 'shopping-bag',\n SKIP_AUTHENTICATION = 'skip-authentication',\n SPEECH_BUBBLE = 'speech-bubble',\n TOOL = 'tool',\n TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n | 'bell'\n | 'briefcase'\n | 'business-card'\n | 'calendar'\n | 'check-mark'\n | 'closed-window'\n | 'coin-pile-down'\n | 'coin-pile-up'\n | 'confetti'\n | 'construction-fence'\n | 'convert'\n | 'cookie'\n | 'digital-card-2'\n | 'digital-card'\n | 'documents'\n | 'door'\n | 'eco-card'\n | 'electric-plug'\n | 'email-success'\n | 'email'\n | 'exclamation-mark'\n | 'flag'\n | 'flower'\n | 'gear'\n | 'globe'\n | 'graph'\n | 'heart-2'\n | 'heart-3'\n | 'heart-4'\n | 'heart-5'\n | 'heart'\n | 'house'\n | 'id-card'\n | 'infinite'\n | 'invite-letter'\n | 'jars'\n | 'key'\n | 'light-bulb'\n | 'lock'\n | 'magnifying-glass'\n | 'map'\n | 'marble-card-business'\n | 'marble-card'\n | 'marble'\n | 'megaphone'\n | 'multi-currency'\n | 'one-invite-letter-opened'\n | 'palm-tree'\n | 'percentage'\n | 'personal-card'\n | 'phones'\n | 'pie-chart'\n | 'plane-2'\n | 'plane'\n | 'puzzle-pieces'\n | 'question-mark'\n | 'receive'\n | 'reminder-letter'\n | 'sand-timer'\n | 'shopping-bag'\n | 'skip-authentication'\n | 'speech-bubble'\n | 'tool'\n | 'two-invite-letters-opened'\n | 'wallet';\n","import { useState, useEffect } from 'react';\n\nimport { IllustrationNames } from '../illustrations/metadata';\n\nexport function useBattery() {\n const [batteryData, setBatteryData] = useState<{ level: number }>({ level: 1.0 });\n\n useEffect(() => {\n const getBatteryData = async () => {\n // @ts-expect-error .getBattery exists in Navigator interface\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n const battery = await navigator.getBattery();\n\n setBatteryData({\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n level: battery?.level,\n });\n };\n // Check if the browser supports the Battery API\n if ('getBattery' in navigator) {\n void getBatteryData();\n }\n }, []);\n\n return batteryData;\n}\n\nexport function isBatteryLow(batteryLevel: number): boolean {\n return batteryLevel < 0.2;\n}\n\nexport function isConnectionSlow(): boolean {\n // @ts-expect-error .connection prop exists in Navigator interface\n const { connection } = window.navigator;\n if (connection === undefined) {\n console.log('connection API is unsupported');\n return false;\n }\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n console.log('do internet check', connection?.effectiveType);\n return (\n ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n // @ts-expect-error later\n navigator?.connection?.saveData === true\n );\n}\n\nexport function defineSrc(asset: string): string {\n return `https://wise.com/web-art/assets/illustrations3d/${asset}`;\n}\n\nconst illustration3dNames = [\n 'lock',\n 'globe',\n 'confetti',\n 'check-mark',\n 'flower',\n 'graph',\n 'jars',\n 'magnifying-glass',\n 'marble',\n 'marble-card',\n 'multi-currency',\n 'plane',\n];\n\nexport function is3dIllustrationSupported(asset: IllustrationNames): boolean {\n return illustration3dNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\n/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable @typescript-eslint/restrict-template-expressions */\nimport classNames from 'classnames';\nimport React, { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\n\nimport Illustration, { Assets } from './../illustrations';\nimport { useBattery, isConnectionSlow, isBatteryLow } from './utils';\n\nexport type Illustration3dNames =\n | 'lock'\n | 'globe'\n | 'confetti'\n | 'check-mark'\n | 'flower'\n | 'graph'\n | 'jars'\n | 'magnifying-glass'\n | 'marble'\n | 'marble-card'\n | 'multi-currency'\n | 'plane';\n\nexport type Props = {\n name: Illustration3dNames;\n size?: SmallSize | MediumSize | LargeSize;\n className?: string;\n};\n\nenum RenderMode {\n INIT,\n FALLBACK,\n ASSET_3D,\n}\n\nconst Illustration3d = ({ name, size = Sizes.MEDIUM, className }: Props) => {\n const [renderMode, setRenderMode] = useState<RenderMode>(RenderMode.INIT);\n const batteryData = useBattery();\n\n useEffect(() => {\n setRenderMode(\n isConnectionSlow() || isBatteryLow(batteryData.level)\n ? RenderMode.FALLBACK\n : RenderMode.ASSET_3D,\n );\n }, [batteryData]);\n\n const isMobile: boolean = window.matchMedia('(max-width: 575px)').matches;\n const defineSize: Props['size'] = isMobile ? Sizes.SMALL : size;\n\n return (\n <div className={classNames('wds-illustration-3d', `wds-illustration-3d-${name}`, className)}>\n {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n <Suspense fallback={null}>{getModel({ name, size: defineSize })}</Suspense>\n ) : (\n <Illustration name={name} size={size} alt=\"\" />\n )}\n </div>\n );\n};\n\nfunction getModel({ name, size }: Props) {\n // @ts-expect-error later\n let Model: LazyExoticComponent = <></>;\n const Scene = lazy(() => import('./Scene'));\n switch (name) {\n case Assets.LOCK: {\n Model = lazy(() => import('./LockModel'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(() => import('./GlobeModel'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(() => import('./ConfettiModel'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(() => import('./CheckMarkModel'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(() => import('./FlowerModel'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(() => import('./PlaneModel'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(() => import('./GraphModel'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(() => import('./MarbleModel'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(() => import('./MarbleCardModel'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(() => import('./MagnifyingGlassModel'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(() => import('./JarsModel'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(() => import('./MultiCurrencyModel'));\n break;\n }\n }\n return (\n <Scene assetName={name} size={size}>\n <Model />\n </Scene>\n );\n}\n\nexport default Illustration3d;\n","import { useEffect, useState } from 'react';\n\nexport interface FlagProps {\n /**\n * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).\n */\n code: string;\n\n /**\n * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.\n */\n intrinsicSize?: number;\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({ code, intrinsicSize = 64 }: FlagProps) => {\n const [fallback, setFallback] = useState<'simple' | 'unknown' | null>(null);\n useEffect(() => {\n setFallback(null);\n }, [code]);\n\n const detailed = intrinsicSize >= 150;\n const name =\n fallback !== 'unknown'\n ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}`\n : unknownFlagName;\n\n return (\n <img\n src={`https://wise.com/web-art/assets/flags/${name}.svg`}\n alt=\"\"\n width={intrinsicSize}\n height={intrinsicSize}\n onError={() => {\n setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n }}\n />\n );\n};\n"],"names":["_ImageSizes","Sizes","ImageSizes","_imageSizes","Assets","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","ref","id","name","_ref","alt","loading","_ref$loading","className","size","_ref$size","disablePadding","_ref$disablePadding","React","createElement","Fragment","width","height","media","srcSet","defineSrc","replace","classNames","src","illustration","descriptor","RenderMode","illustration3dNames","code","intrinsicSize","_ref$intrinsicSize","_useState","useState","fallback","setFallback","useEffect","detailed","toLowerCase","onError","prev","INIT","renderMode","setRenderMode","batteryData","useBattery","level","setBatteryData","navigator","getBatteryData","Promise","resolve","getBattery","then","battery","e","reject","_navigator","_navigator$connection","connection","undefined","window","console","log","effectiveType","includes","saveData","FALLBACK","ASSET_3D","defineSize","matchMedia","matches","Suspense","_ref2","Model","Scene","lazy","require","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","assetName","getModel","asset"],"mappings":"2HAAAA,EAAYC,0CAAAA,QAAZA,WAAA,GAAYA,EAAAA,QAAAA,QAAAA,QAAAA,MAIX,CAAA,IAHC,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QAGWC,ICNbC,ECOYC,EFDCF,IACVD,EAAAA,CAAAA,GAAAA,cAAMI,OAAQ,IACdJ,EAAAA,QAAAA,MAAMK,QAAS,IACfL,EAAAA,QAAAA,MAAMM,OAAQ,IAChBP,GCUKQ,IACHP,EAAAA,CAAAA,GAAAA,cAAMI,OAAQ,IAAGF,EACjBF,QAAKA,MAACK,QAAS,MACfL,QAAAA,MAAMM,OAAQ,IAChBJ,GAEKM,EAAeC,EAAAA,WACnB,SAUEC,EAAAA,GAREC,IAAAA,EAAAA,EAAAA,GACAC,EAAIC,EAAJD,KACAE,EAAAA,EAAAA,IACAC,EAAAA,EAAAA,QAAAA,OAAO,IAAAC,EAAG,QAAOA,EACjBC,EAAAA,EAAAA,UACAC,EAAAA,EAAAA,KAAAA,OAAI,IAAAC,EAAGnB,QAAAA,MAAMK,OACbe,EAAAA,EAAAA,EAAAA,eAAAA,cAAsBC,EAIhBjB,EAAkBJ,QAAAA,MAAlBI,MAAOC,EAAWL,QAAAA,MAAXK,OAEf,OAAOO,eACLU,EAAAA,QAAAC,cAAA,UAAA,KACGL,IAASlB,QAAKA,MAACM,OAASY,IAASlB,QAAKA,MAACK,oBACtCiB,EAAAA,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBACEF,EAAAA,QACEC,cAAA,SAAA,CAAAE,MAAOlB,EAAWH,GAClBsB,OAAQnB,EAAWH,GACnBuB,MAAM,qBACNC,OAAWC,EAAUjB,EAAMR,EAAO,MAAK,KAAKyB,EAAUjB,EAAMR,EAAO,MAAW,QAE/Ec,IAASlB,QAAAA,MAAMK,oBACdiB,EAAA,QAAAC,cAAA,SAAA,CACEE,MAAOlB,EAAWF,GAClBqB,OAAQnB,EAAWF,GACnBsB,MAAM,qBACNC,OAAWC,EAAUjB,EAAMP,EAAQ,MAAUwB,KAAAA,EAAUjB,EAAMP,EAAQ,MAAK,QAE1E,MAEJ,kBAEJiB,+BACEX,GAAIA,EACJD,IAAKA,EACLI,IAAQ,MAAHA,EAAAA,EAAOF,EAAKkB,QAAQ,IAAK,KAC9B,cAAA,OAAoBlB,EAAoB,gBACxCK,UAAWc,EAAAA,QACT,mBACoBnB,oBAAAA,EACpB,CAAE,4BAA6BQ,GAC/BH,GAEFF,QAASA,EACTiB,IAAKH,EAAUjB,EAAMM,EAAM,MAC3BU,OAAWC,EAAUjB,EAAMM,EAAM,MAAW,MAC5CO,MAAOlB,EAAWW,GAClBQ,OAAQnB,EAAWW,MAGrB,IACN,GAGF,SAASW,EAAUI,EAAsBf,EAAyBgB,GAChE,MAAwDD,iDAAAA,MAAgBf,EAAI,IAAIgB,EAClF,OAAA,CCbC/B,QAlEDA,YAAA,GAAYA,EAAAA,QAAMA,SAANA,QAAMA,OAkEjB,CAAA,IAjEC,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,cAAA,gBACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,cAAA,gBACAA,EAAA,eAAA,iBACAA,EAAA,aAAA,eACAA,EAAA,SAAA,WACAA,EAAA,mBAAA,qBACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,eAAA,iBACAA,EAAA,aAAA,eACAA,EAAA,UAAA,YACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,cAAA,gBACAA,EAAA,cAAA,gBACAA,EAAA,MAAA,QACAA,EAAA,iBAAA,mBACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,IAAA,MACAA,EAAA,qBAAA,uBACAA,EAAA,YAAA,cACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,eAAA,iBACAA,EAAA,yBAAA,2BACAA,EAAA,UAAA,YACAA,EAAA,WAAA,aACAA,EAAA,cAAA,gBACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,cAAA,gBACAA,EAAA,cAAA,gBACAA,EAAA,QAAA,UACAA,EAAA,gBAAA,kBACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,oBAAA,sBACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,0BAAA,4BACAA,EAAA,OAAA,SCrBF,ICfCgC,EDewBC,EAAG,CAC1B,OACA,QACA,WACA,aACA,SACA,QACA,OACA,mBACA,SACA,cACA,iBACA,UC/BF,SAAKD,GACHA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,SAAA,GAAA,WACAA,EAAAA,EAAA,SAAA,GAAA,UACD,CAJD,CAAKA,IAAAA,EAIJ,CAAA,iBCpBmB,SAAHtB,GAAMwB,IAAAA,EAAAA,EAAAA,KAAMC,EAAAA,EAAAA,cAAAA,OAAgB,IAAAC,EAAA,GAC3CA,EAAAC,EAAgCC,EAAAA,SAAsC,MAA/DC,EAAUC,EAAAA,GAAAA,EACjBC,EAAAA,GAAAA,EAAAA,UAAU,WACRD,EAAY,KACd,EAAG,CAACN,IAEJ,IAAMQ,EAAWP,GAAiB,IAC5B1B,EACS,YAAb8B,EACOL,EAAKS,eAA4B,MAAZJ,GAAoBG,EAAW,YAAc,IAXrD,oBActB,OACEvB,MAAAC,cAAA,MAAA,CACES,IAAG,yCAA2CpB,EAAI,OAClDE,IAAI,GACJW,MAAOa,EACPZ,OAAQY,EACRS,QAAS,WACPJ,EAAY,SAACK,GAAI,OAAc,MAAJA,GAAYH,EAAW,SAAW,SAAS,EACxE,GAGN,gDDDuB,SAAHhC,GAAMD,IAAAA,EAAAA,EAAAA,KAAMM,EAAAA,EAAAA,KAAAA,OAAOlB,IAAAA,EAAAA,QAAKA,MAACK,OAAQY,EAAAA,IAAAA,UACfwB,EAAAA,WAAqBN,EAAWc,MAA7DC,EAAUV,EAAA,GAAEW,EAAaX,EAAA,GAC1BY,EDpCQC,WACd,MAAsCZ,EAAQA,SAAoB,CAAEa,MAAO,IAApEF,EAAaG,EAAAA,GAAAA,OAmBpB,OAjBAX,EAAAA,UAAU,WAYJ,eAAyBY,WAXvBC,WAA4B,IAAAC,QAAAC,QAGVH,UAAUI,cAAYC,KAAA,SAAtCC,GAENP,EAAe,CAEbD,MAAc,MAAPQ,OAAO,EAAPA,EAASR,OACf,EACJ,CAAA,MAAAS,GAAA,OAAAL,QAAAM,OAAAD,EAAA,CAAA,GAKH,EAAG,IAGLX,CAAA,CCesBC,GAEpBT,EAAAA,UAAU,WDfN,IAMJqB,EAAAC,EAAkBC,ECUhBhB,QDTiBiB,KADDD,EAAKE,OAAOb,UAAtBW,aAENG,QAAQC,IAAI,iCAEb,IAEDD,QAAQC,IAAI,oBAAqBJ,MAAAA,OAAAA,EAAAA,EAAYK,eAE3C,CAAC,UAAW,MAAMC,SAAmB,MAAVN,OAAU,EAAVA,EAAYK,iBAEH,KAApC,OAAAhB,EAAAA,YAAA,OAAAU,EAAAD,EAAWE,iBAAX,EAAAD,EAAuBQ,aCCctB,EAAYE,MDhB7B,GCiBdnB,EAAWwC,SACXxC,EAAWyC,SAEnB,EAAG,CAACxB,IAEJ,IACgByB,EADUR,OAAOS,WAAW,sBAAsBC,QACrB/E,QAAKA,MAACI,MAAQc,eAE3D,OACEI,EAAK,QAAAC,cAAA,MAAA,CAAAN,UAAWc,EAAU,QAAC,sBAA8CnB,uBAAAA,EAAQK,IAC9EiC,IAAef,EAAWc,KAAO,KAAOC,IAAef,EAAWyC,sBACjEtD,EAAA,QAAAC,cAACyD,WAAQ,CAACtC,SAAU,MAQ5B,SAAuCuC,GAAA,IAAfrE,EAAAqE,EAAJrE,KAAMM,EAAI+D,EAAJ/D,KAEfgE,eAAwB5D,EAAAA,QAAKC,cAAAD,EAAA,QAAAE,SAAA,MAChC2D,EAAQC,EAAAA,KAAK,WAAA,OAAY1B,QAAAC,UAAAE,KAAA,WAAA,OAAAwB,QAAC,sBAAS,EAAC,GAC1C,OAAQzE,GACN,KAAWT,QAAAA,OAACmF,KACVJ,EAAQE,EAAIA,KAAC,WAAA,eAAazB,UAAAE,KAAA,WAAA,OAAAwB,QAAA,0BAAc,EAAA,GACxC,MAEF,KAAWlF,QAAAA,OAACoF,MACVL,EAAQE,EAAIA,KAAC,WAAM,OAAA1B,QAAAC,UAAAE,KAAA,WAAA,OAAAwB,QAAO,2BAAe,EAAA,GACzC,MAEF,KAAWlF,QAAAA,OAACqF,SACVN,EAAQE,EAAIA,KAAC,WAAM,OAAA1B,QAAOC,UAAAE,KAAA,WAAA,OAAAwB,QAAA,8BAAkB,EAAA,GAC5C,MAEF,KAAWlF,QAAAA,OAACsF,WACVP,EAAQE,EAAAA,KAAK,WAAA,OAAY1B,QAAAC,UAAAE,KAAA,WAAA,OAAAwB,QAAC,+BAAkB,EAAC,GAC7C,MAEF,KAAKlF,QAAAA,OAAOuF,OACVR,EAAQE,EAAIA,KAAC,WAAA,OAAY1B,QAAAC,UAAAE,KAAA,WAAA,OAAAwB,QAAC,4BAAe,EAAC,GAC1C,MAEF,KAAWlF,QAAAA,OAACwF,MACVT,EAAQE,EAAAA,KAAK,WAAA,OAAY1B,iDAAC,2BAAc,EAAC,GACzC,MAEF,KAAWvD,QAAAA,OAACyF,MACVV,EAAQE,EAAAA,KAAK,WAAA,OAAY1B,QAAAC,UAAAE,KAAA,WAAA,OAAAwB,QAAC,2BAAc,EAAC,GACzC,MAEF,KAAKlF,QAAAA,OAAO0F,OACVX,EAAQE,OAAK,WAAM,OAAA1B,iDAAO,4BAAe,EAAC,GAC1C,MAEF,KAAKvD,QAAAA,OAAO2F,YACVZ,EAAQE,EAAAA,KAAK,kBAAY1B,QAACC,UAAAE,KAAA,WAAA,OAAAwB,QAAA,kCAAoB,GAC9C,MAEF,KAAKlF,QAAMA,OAAC4F,iBACVb,EAAQE,OAAK,WAAA,OAAY1B,iDAAC,qCAAwB,EAAC,GACnD,MAEF,KAAKvD,eAAO6F,KACVd,EAAQE,EAAIA,KAAC,WAAM,OAAA1B,QAAOC,UAAAE,KAAA,WAAA,OAAAwB,QAAA,0BAAc,EAAA,GACxC,MAEF,KAAWlF,QAAAA,OAAC8F,eACVf,EAAQE,OAAK,WAAM,OAAA1B,QAAOC,UAAAE,KAAA,WAAA,OAAAwB,QAAA,mCAAuB,EAAA,gBAIrD,OACE/D,EAAC,QAAAC,cAAA4D,EAAM,CAAAe,UAAWtF,EAAMM,KAAMA,gBAC5BI,EAAA,QAAAC,cAAC2D,EAAK,MAGZ,CAnEmCiB,CAAS,CAAEvF,KAAAA,EAAMM,KAAM2D,kBAElDvD,EAAAA,QAAAC,cAACf,EAAY,CAACI,KAAMA,EAAMM,KAAMA,EAAMJ,IAAI,KAIlD,yCDfgBe,SAAUuE,GACxB,MAA0DA,mDAAAA,CAC5D,6CAiB0CA,GACxC,SAA2B3B,SAAS2B,EACtC"}
|