@wise/art 2.3.4-beta.8 → 2.3.4-beta.9
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/ConfettiModel-77cb11cf.js +2 -0
- package/dist/ConfettiModel-77cb11cf.js.map +1 -0
- package/dist/ConfettiModel-9eb6dfdb.js +2 -0
- package/dist/ConfettiModel-9eb6dfdb.js.map +1 -0
- package/dist/{Scene-b1cd5e57.js → Scene-3bbe908d.js} +1 -1
- package/dist/{Scene-b1cd5e57.js.map → Scene-3bbe908d.js.map} +1 -1
- package/dist/{Scene-7a540fa1.js → Scene-62f8b793.js} +1 -1
- package/dist/{Scene-7a540fa1.js.map → Scene-62f8b793.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/index.module.js +1 -1
- package/package.json +1 -1
- package/dist/ConfettiModel-2af2171e.js +0 -2
- package/dist/ConfettiModel-2af2171e.js.map +0 -1
- package/dist/ConfettiModel-4273fcc5.js +0 -2
- package/dist/ConfettiModel-4273fcc5.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/i(r);exports.default=function(){var i=r.useRef(),o=e.useGLTF("./gltf/confetti.gltf"),c=o.animations,f=o.scene,l=t.useLoader(a.ObjectLoader,"./gltf/confetti-lights.json"),u=e.useAnimations(c,i),s=u.mixer,p=u.clips;return t.useFrame(function(){o.materials["Tapestry WebGL"].map.offset.x+=-.0015,o.materials["Tapestry WebGL"].map.offset.y+=0,f.position.y=.85,s.clipAction(p[0]).play(),s.clipAction(p[0]).setLoop(a.LoopOnce,1)}),/*#__PURE__*/n.default.createElement(n.default.Fragment,null,/*#__PURE__*/n.default.createElement("primitive",{ref:i,scale:1.3,object:f}),/*#__PURE__*/n.default.createElement("primitive",{object:l}))};
|
|
2
|
+
//# sourceMappingURL=ConfettiModel-77cb11cf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfettiModel-77cb11cf.js","sources":["../src/illustrations3d/ConfettiModel.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, LoopOnce } from 'three';\n\nconst ConfettiModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/confetti.gltf` /*, true*/);\n const { animations, scene } = model;\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/confetti-lights.json');\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.y += 0;\n scene.position.y = 0.85;\n\n mixer.clipAction(clips[0]).play();\n mixer.clipAction(clips[0]).setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.3} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default ConfettiModel;\n"],"names":["modelRef","useRef","model","useGLTF","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","clips","_useAnimations","useFrame","materials","map","offset","x","y","position","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"yNAOsB,WACpB,IAAMA,EAAWC,WACXC,EAAQC,UAAO,0BACSD,EAAtBE,WAAYC,EAAUH,EAAVG,MAERC,EAAGC,YAAUC,EAAAA,aAAc,+BAEdC,EAAAA,EAAAA,cAAcL,EAAYJ,GAA3CU,EAAAA,EAAAA,MAAOC,EAAKC,EAALD,MAYf,OAXAE,WAAS,WAEPX,EAAMY,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDf,EAAMY,UAAU,kBAAkBC,IAAIC,OAAOE,GAAK,EAClDb,EAAMc,SAASD,EAAI,IAEnBR,EAAMU,WAAWT,EAAM,IAAIU,OAC3BX,EAAMU,WAAWT,EAAM,IAAIW,QAAQC,WAAU,EAC/C,gBAGEC,UACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAA,QAAAC,cAAA,YAAA,CAAWE,IAAK3B,EAAU4B,MAAO,IAAKC,OAAQxB,iBAC9CmB,EAAW,QAAAC,cAAA,YAAA,CAAAI,OAAQvB,IAGzB"}
|
|
@@ -0,0 +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 o,{useRef as a}from"react";import{ObjectLoader as m,LoopOnce as c}from"three";var n=function(){var n=a(),f=e("./gltf/confetti.gltf"),l=f.animations,p=f.scene,s=r(m,"./gltf/confetti-lights.json"),b=t(l,n),g=b.mixer,u=b.clips;return i(function(){f.materials["Tapestry WebGL"].map.offset.x+=-.0015,f.materials["Tapestry WebGL"].map.offset.y+=0,p.position.y=.85,g.clipAction(u[0]).play(),g.clipAction(u[0]).setLoop(c,1)}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:n,scale:1.3,object:p}),/*#__PURE__*/o.createElement("primitive",{object:s}))};export{n as default};
|
|
2
|
+
//# sourceMappingURL=ConfettiModel-9eb6dfdb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfettiModel-9eb6dfdb.js","sources":["../src/illustrations3d/ConfettiModel.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, LoopOnce } from 'three';\n\nconst ConfettiModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/confetti.gltf` /*, true*/);\n const { animations, scene } = model;\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/confetti-lights.json');\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n // @ts-expect-error later\n model.materials['Tapestry WebGL'].map.offset.y += 0;\n scene.position.y = 0.85;\n\n mixer.clipAction(clips[0]).play();\n mixer.clipAction(clips[0]).setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} scale={1.3} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default ConfettiModel;\n"],"names":["ConfettiModel","modelRef","useRef","model","useGLTF","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","clips","_useAnimations","useFrame","materials","map","offset","x","y","position","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"iNAOMA,IAAaA,EAAG,WACpB,IAAMC,EAAWC,IACXC,EAAQC,EAAO,0BACSD,EAAtBE,WAAYC,EAAUH,EAAVG,MAERC,EAAGC,EAAUC,EAAc,+BAEdC,EAAAA,EAAcL,EAAYJ,GAA3CU,EAAAA,EAAAA,MAAOC,EAAKC,EAALD,MAYf,OAXAE,EAAS,WAEPX,EAAMY,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDf,EAAMY,UAAU,kBAAkBC,IAAIC,OAAOE,GAAK,EAClDb,EAAMc,SAASD,EAAI,IAEnBR,EAAMU,WAAWT,EAAM,IAAIU,OAC3BX,EAAMU,WAAWT,EAAM,IAAIW,QAAQC,EAAU,EAC/C,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWE,IAAK3B,EAAU4B,MAAO,IAAKC,OAAQxB,iBAC9CmB,EAAWC,cAAA,YAAA,CAAAI,OAAQvB,IAGzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{PerspectiveCamera as e}from"@react-three/drei";import{Canvas as i}from"@react-three/fiber";import t from"react";import{LinearToneMapping as r,SRGBColorSpace as a,PCFShadowMap as o}from"three";import{Sizes as n}from"./index.module.js";import"classnames";var m,p={size:(m={},m[n.SMALL]={minHeight:"200px"},m[n.MEDIUM]={minHeight:"300px"},m[n.LARGE]={minHeight:"500px"},m)};function d(m){var d=m.children,l=m.castShadow,s=m.size;/*#__PURE__*/return t.createElement("div",{style:p.size[void 0===s?n.MEDIUM:s]},/*#__PURE__*/t.createElement(i,{gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:r,outputColorSpace:a},shadows:{type:o,enabled:void 0!==l&&l}},/*#__PURE__*/t.createElement(e,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,80]}),d))}export{d as default};
|
|
2
|
-
//# sourceMappingURL=Scene-
|
|
2
|
+
//# sourceMappingURL=Scene-3bbe908d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-
|
|
1
|
+
{"version":3,"file":"Scene-3bbe908d.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 { LargeSize, MediumSize, Sizes, SmallSize } from '../common';\n\nexport type Props = PropsWithChildren<{\n textureAnimationXSpeed?: number;\n textureAnimationYSpeed?: number;\n castShadow?: boolean;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nconst sceneStyles = {\n size: {\n [Sizes.SMALL]: {\n minHeight: '200px',\n },\n [Sizes.MEDIUM]: {\n minHeight: '300px',\n },\n [Sizes.LARGE]: {\n minHeight: '500px',\n },\n },\n};\n\nexport default function Scene({ children, castShadow = false, size = Sizes.MEDIUM }: Props) {\n return (\n <div style={sceneStyles.size[size]}>\n <Canvas\n gl={{\n alpha: true,\n antialias: true,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: LinearToneMapping,\n outputColorSpace: SRGBColorSpace,\n }}\n shadows={{ type: PCFShadowMap, enabled: castShadow }}\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, 80]}\n />\n {children}\n </Canvas>\n </div>\n );\n}\n"],"names":["_size","size","Sizes","SMALL","minHeight","MEDIUM","LARGE","Scene","_ref","children","castShadow","React","createElement","style","sceneStyles","_ref$size","Canvas","gl","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","_ref$castShadow","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":"oQAEA,IAAAA,IAcoB,CAClBC,MACGC,EAAAA,CAAAA,EAAAA,EAAAA,EAAMC,OAAQ,CACbC,UAAW,SACZJ,EACAE,EAAMG,QAAS,CACdD,UAAW,SAEZF,EAAAA,EAAMI,OAAQ,CACbF,UAAW,SACZJ,aAIwBO,EAAAC,OAAWC,EAAAD,EAARC,SAAUC,EAAAA,EAAAA,WAAoBT,EAAAA,EAAAA,kBAC5D,OACEU,EAAAC,cAAA,MAAA,CAAKC,MAAOC,EAAYb,UAFsC,IAAAc,EAAGb,EAAMG,wBAGrEM,EAACC,cAAAI,GACCC,GAAI,CACFC,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EACbC,iBAAkBC,GAEpBC,QAAS,CAAEC,KAAMC,EAAcC,aAXa,IAAAC,GAAU9B,iBAatDU,gBAACqB,EAAiB,CAChBC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQhB,OAAOiB,WAAajB,OAAOkB,YACnCC,SAAU,CAAC,EAAG,EAAG,MAElB/B,GAIT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
var e=require("@react-three/drei"),i=require("@react-three/fiber"),a=require("react"),t=require("three"),r=require("./index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var o,d=/*#__PURE__*/n(a),l={size:(o={},o[r.Sizes.SMALL]={minHeight:"200px"},o[r.Sizes.MEDIUM]={minHeight:"300px"},o[r.Sizes.LARGE]={minHeight:"500px"},o)};exports.default=function(a){var n=a.children,o=a.castShadow,s=a.size;/*#__PURE__*/return d.default.createElement("div",{style:l.size[void 0===s?r.Sizes.MEDIUM:s]},/*#__PURE__*/d.default.createElement(i.Canvas,{gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:t.LinearToneMapping,outputColorSpace:t.SRGBColorSpace},shadows:{type:t.PCFShadowMap,enabled:void 0!==o&&o}},/*#__PURE__*/d.default.createElement(e.PerspectiveCamera,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,80]}),n))};
|
|
2
|
-
//# sourceMappingURL=Scene-
|
|
2
|
+
//# sourceMappingURL=Scene-62f8b793.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene-
|
|
1
|
+
{"version":3,"file":"Scene-62f8b793.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 { LargeSize, MediumSize, Sizes, SmallSize } from '../common';\n\nexport type Props = PropsWithChildren<{\n textureAnimationXSpeed?: number;\n textureAnimationYSpeed?: number;\n castShadow?: boolean;\n size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nconst sceneStyles = {\n size: {\n [Sizes.SMALL]: {\n minHeight: '200px',\n },\n [Sizes.MEDIUM]: {\n minHeight: '300px',\n },\n [Sizes.LARGE]: {\n minHeight: '500px',\n },\n },\n};\n\nexport default function Scene({ children, castShadow = false, size = Sizes.MEDIUM }: Props) {\n return (\n <div style={sceneStyles.size[size]}>\n <Canvas\n gl={{\n alpha: true,\n antialias: true,\n pixelRatio: window.devicePixelRatio * 1,\n toneMapping: LinearToneMapping,\n outputColorSpace: SRGBColorSpace,\n }}\n shadows={{ type: PCFShadowMap, enabled: castShadow }}\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, 80]}\n />\n {children}\n </Canvas>\n </div>\n );\n}\n"],"names":["_size","size","Sizes","SMALL","minHeight","MEDIUM","LARGE","_ref","children","castShadow","React","createElement","style","sceneStyles","_ref$size","Canvas","gl","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","_ref$castShadow","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":"mOAEAA,wBAcoB,CAClBC,MACGC,EAAAA,CAAAA,EAAAA,EAAAA,EAAKA,MAACC,OAAQ,CACbC,UAAW,SACZJ,EACAE,EAAAA,MAAMG,QAAS,CACdD,UAAW,SAEZF,EAAAA,EAAKA,MAACI,OAAQ,CACbF,UAAW,SACZJ,6BAIwBO,OAAWC,EAAAD,EAARC,SAAUC,EAAAA,EAAAA,WAAoBR,EAAAA,EAAAA,kBAC5D,OACES,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAOC,EAAYZ,UAFsC,IAAAa,EAAGZ,EAAAA,MAAMG,wBAGrEK,EAAC,QAAAC,cAAAI,EAAMA,QACLC,GAAI,CACFC,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EAAiBA,kBAC9BC,iBAAkBC,EACnBA,gBACDC,QAAS,CAAEC,KAAMC,EAAAA,aAAcC,aAXa,IAAAC,GAAU7B,iBAatDS,wBAACqB,EAAAA,kBAAiB,CAChBC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQhB,OAAOiB,WAAajB,OAAOkB,YACnCC,SAAU,CAAC,EAAG,EAAG,MAElB/B,GAIT"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=require("classnames"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,a,
|
|
1
|
+
var e=require("classnames"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,i,a,l=/*#__PURE__*/r(e),s=/*#__PURE__*/r(t);exports.Sizes=void 0,(i=exports.Sizes||(exports.Sizes={})).SMALL="small",i.MEDIUM="medium",i.LARGE="large",(n={})[exports.Sizes.SMALL]=200,n[exports.Sizes.MEDIUM]=300,n[exports.Sizes.LARGE]=500;var o,c=((a={})[exports.Sizes.SMALL]=200,a[exports.Sizes.MEDIUM]=300,a[exports.Sizes.LARGE]=500,a),u=t.forwardRef(function(e,t){var r=e.id,n=e.name,i=e.alt,a=e.loading,o=void 0===a?"eager":a,u=e.className,d=e.size,A=void 0===d?exports.Sizes.MEDIUM:d,f=e.disablePadding,I=void 0!==f&&f,S=exports.Sizes.SMALL,p=exports.Sizes.MEDIUM;return n?/*#__PURE__*/s.default.createElement("picture",null,A===exports.Sizes.LARGE||A===exports.Sizes.MEDIUM?/*#__PURE__*/s.default.createElement(s.default.Fragment,null,/*#__PURE__*/s.default.createElement("source",{width:c[S],height:c[S],media:"(max-width: 575px)",srcSet:E(n,S,"1x")+", "+E(n,S,"2x")+" 2x"}),A!==exports.Sizes.MEDIUM?/*#__PURE__*/s.default.createElement("source",{width:c[p],height:c[p],media:"(max-width: 992px)",srcSet:E(n,p,"1x")+", "+E(n,p,"2x")+" 2x"}):null):null,/*#__PURE__*/s.default.createElement("img",{id:r,ref:t,alt:null!=i?i:n.replace("-"," "),"data-testid":"wds-"+n+"-illustration",className:l.default("wds-illustration","wds-illustration-"+n,{"wds-illustration-padding":!I},u),loading:o,src:E(n,A,"1x"),srcSet:E(n,A,"2x")+" 2x",width:c[A],height:c[A]})):null});function E(e,t,r){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+r+".webp"}exports.Assets=void 0,(o=exports.Assets||(exports.Assets={})).BELL="bell",o.BRIEFCASE="briefcase",o.BUSINESS_CARD="business-card",o.CALENDAR="calendar",o.CHECK_MARK="check-mark",o.CLOSED_WINDOW="closed-window",o.COIN_PILE_DOWN="coin-pile-down",o.COIN_PILE_UP="coin-pile-up",o.CONFETTI="confetti",o.CONSTRUCTION_FENCE="construction-fence",o.CONVERT="convert",o.COOKIE="cookie",o.DIGITAL_CARD_2="digital-card-2",o.DIGITAL_CARD="digital-card",o.DOCUMENTS="documents",o.DOOR="door",o.ECO_CARD="eco-card",o.ELECTRIC_PLUG="electric-plug",o.EMAIL_SUCCESS="email-success",o.EMAIL="email",o.EXCLAMATION_MARK="exclamation-mark",o.FLAG="flag",o.FLOWER="flower",o.GEAR="gear",o.GLOBE="globe",o.GRAPH="graph",o.HEART_2="heart-2",o.HEART_3="heart-3",o.HEART_4="heart-4",o.HEART_5="heart-5",o.HEART="heart",o.HOUSE="house",o.ID_CARD="id-card",o.INFINITE="infinite",o.INVITE_LETTER="invite-letter",o.JARS="jars",o.KEY="key",o.LIGHT_BULB="light-bulb",o.LOCK="lock",o.MAGNIFYING_GLASS="magnifying-glass",o.MAP="map",o.MARBLE_CARD_BUSINESS="marble-card-business",o.MARBLE_CARD="marble-card",o.MARBLE="marble",o.MEGAPHONE="megaphone",o.MULTI_CURRENCY="multi-currency",o.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",o.PALM_TREE="palm-tree",o.PERCENTAGE="percentage",o.PERSONAL_CARD="personal-card",o.PHONES="phones",o.PIE_CHART="pie-chart",o.PLANE_2="plane-2",o.PLANE="plane",o.PUZZLE_PIECES="puzzle-pieces",o.QUESTION_MARK="question-mark",o.RECEIVE="receive",o.REMINDER_LETTER="reminder-letter",o.SAND_TIMER="sand-timer",o.SHOPPING_BAG="shopping-bag",o.SKIP_AUTHENTICATION="skip-authentication",o.SPEECH_BUBBLE="speech-bubble",o.TOOL="tool",o.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",o.WALLET="wallet";var d,A=t.lazy(function(){return Promise.resolve().then(function(){return require("./Scene-62f8b793.js")})}),f=t.lazy(function(){return Promise.resolve().then(function(){return require("./LockModel-35c30fdd.js")})}),I=t.lazy(function(){return Promise.resolve().then(function(){return require("./GlobeModel-f3a58aa5.js")})}),S=t.lazy(function(){return Promise.resolve().then(function(){return require("./ConfettiModel-77cb11cf.js")})});!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(d||(d={})),exports.Illustration=u,exports.Illustration3d=function(e){var r,n,i,a=e.name,l=e.size,o=e.alt,c=void 0===o?"":o,E=s.default.useState(d.INIT),p=E[0],L=E[1],m=(r=t.useState({level:1}),n=r[0],i=r[1],t.useEffect(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){i({level:e.level})})}catch(e){return Promise.reject(e)}}()},[]),n).level;return t.useEffect(function(){var e,t,r,n=!((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<=.2);new Promise(function(e){return setTimeout(e,0)}).then(function(){L(n?d.ASSET_3D:d.FALLBACK)})},[]),p===d.INIT?null:p===d.ASSET_3D?/*#__PURE__*/s.default.createElement(t.Suspense,{fallback:null},/*#__PURE__*/s.default.createElement(A,{size:l,castShadow:!0},function(e){switch(e){case exports.Assets.LOCK:/*#__PURE__*/return s.default.createElement(f,null);case exports.Assets.GLOBE:/*#__PURE__*/return s.default.createElement(I,null);case exports.Assets.CONFETTI:/*#__PURE__*/return s.default.createElement(S,null);default:/*#__PURE__*/return s.default.createElement(u,{name:e,alt:""})}}(a))):/*#__PURE__*/s.default.createElement(u,{name:a,size:l,alt:c})};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.module.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"classnames";import t,{forwardRef as n,useState as
|
|
1
|
+
import e from"classnames";import t,{forwardRef as n,useState as i,useEffect as r,lazy as a,Suspense as l}from"react";var E,o,c;!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(o||(o={})),(E={})[o.SMALL]=200,E[o.MEDIUM]=300,E[o.LARGE]=500;var s,u=((c={})[o.SMALL]=200,c[o.MEDIUM]=300,c[o.LARGE]=500,c),d=n(function(n,i){var r=n.id,a=n.name,l=n.alt,E=n.loading,c=void 0===E?"eager":E,s=n.className,d=n.size,I=void 0===d?o.MEDIUM:d,m=n.disablePadding,L=void 0!==m&&m,T=o.SMALL,_=o.MEDIUM;return a?/*#__PURE__*/t.createElement("picture",null,I===o.LARGE||I===o.MEDIUM?/*#__PURE__*/t.createElement(t.Fragment,null,/*#__PURE__*/t.createElement("source",{width:u[T],height:u[T],media:"(max-width: 575px)",srcSet:A(a,T,"1x")+", "+A(a,T,"2x")+" 2x"}),I!==o.MEDIUM?/*#__PURE__*/t.createElement("source",{width:u[_],height:u[_],media:"(max-width: 992px)",srcSet:A(a,_,"1x")+", "+A(a,_,"2x")+" 2x"}):null):null,/*#__PURE__*/t.createElement("img",{id:r,ref:i,alt:null!=l?l:a.replace("-"," "),"data-testid":"wds-"+a+"-illustration",className:e("wds-illustration","wds-illustration-"+a,{"wds-illustration-padding":!L},s),loading:c,src:A(a,I,"1x"),srcSet:A(a,I,"2x")+" 2x",width:u[I],height:u[I]})):null});function A(e,t,n){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+n+".webp"}!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"}(s||(s={}));var I,m=a(function(){return import("./Scene-3bbe908d.js")}),L=a(function(){return import("./LockModel-23d23ae9.js")}),T=a(function(){return import("./GlobeModel-98d215e9.js")}),_=a(function(){return import("./ConfettiModel-9eb6dfdb.js")});!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(I||(I={}));var R=function(e){var n,a,E,o=e.name,c=e.size,u=e.alt,A=void 0===u?"":u,R=t.useState(I.INIT),N=R[0],S=R[1],C=(n=i({level:1}),a=n[0],E=n[1],r(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){E({level:e.level})})}catch(e){return Promise.reject(e)}}()},[]),a).level;return r(function(){var e,t,n,i=!((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)))||C<=.2);new Promise(function(e){return setTimeout(e,0)}).then(function(){S(i?I.ASSET_3D:I.FALLBACK)})},[]),N===I.INIT?null:N===I.ASSET_3D?/*#__PURE__*/t.createElement(l,{fallback:null},/*#__PURE__*/t.createElement(m,{size:c,castShadow:!0},function(e){switch(e){case s.LOCK:/*#__PURE__*/return t.createElement(L,null);case s.GLOBE:/*#__PURE__*/return t.createElement(T,null);case s.CONFETTI:/*#__PURE__*/return t.createElement(_,null);default:/*#__PURE__*/return t.createElement(d,{name:e,alt:""})}}(o))):/*#__PURE__*/t.createElement(d,{name:o,size:c,alt:A})};export{s as Assets,d as Illustration,R as Illustration3d,o as Sizes};
|
|
2
2
|
//# sourceMappingURL=index.module.js.map
|
package/package.json
CHANGED
|
@@ -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 c}from"react";import{ObjectLoader as n,LoopOnce as m}from"three";var a=function(){var a=c(),f=e("./gltf/confetti.gltf"),l=f.animations,p=f.scene,s=r(n,"./gltf/confetti-lights.json"),g=t(l,a),u=g.mixer,h=g.clips;return i(function(){u.clipAction(h[0]).play(),u.clipAction(h[0]).setLoop(m,1)}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:a,object:p}),/*#__PURE__*/o.createElement("primitive",{object:s}))};export{a as default};
|
|
2
|
-
//# sourceMappingURL=ConfettiModel-2af2171e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConfettiModel-2af2171e.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nconst ConfettiModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/confetti.gltf` /*, true*/);\n const { animations, scene } = model;\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/confetti-lights.json');\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n mixer.clipAction(clips[0]).play();\n mixer.clipAction(clips[0]).setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default ConfettiModel;\n"],"names":["ConfettiModel","modelRef","useRef","model","useGLTF","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","clips","useFrame","clipAction","play","setLoop","LoopOnce","React","createElement","ref","object"],"mappings":"iNAKMA,IAAAA,EAAgB,WACpB,IAAMC,EAAWC,IACNC,EAAGC,EAAO,wBACHC,EAAYF,EAAtBE,WAAYC,EAAUH,EAAVG,MAEdC,EAASC,EAAUC,EAAc,+BAEdC,EAAAA,EAAcL,EAAYJ,GAA3CU,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAMf,OALAC,EAAS,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAC3BJ,EAAMG,WAAWF,EAAM,IAAII,QAAQC,EAAU,EAC/C,gBAGEC,6CACEA,EAAWC,cAAA,YAAA,CAAAC,IAAKnB,EAAUoB,OAAQf,iBAClCY,EAAAC,cAAA,YAAA,CAAWE,OAAQd,IAGzB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),c=e.useGLTF("./gltf/confetti.gltf"),u=c.animations,o=c.scene,l=t.useLoader(i.ObjectLoader,"./gltf/confetti-lights.json"),f=e.useAnimations(u,n),s=f.mixer,d=f.clips;return t.useFrame(function(){s.clipAction(d[0]).play(),s.clipAction(d[0]).setLoop(i.LoopOnce,1)}),/*#__PURE__*/a.default.createElement(a.default.Fragment,null,/*#__PURE__*/a.default.createElement("primitive",{ref:n,object:o}),/*#__PURE__*/a.default.createElement("primitive",{object:l}))};
|
|
2
|
-
//# sourceMappingURL=ConfettiModel-4273fcc5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConfettiModel-4273fcc5.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nconst ConfettiModel = () => {\n const modelRef = useRef();\n const model = useGLTF(`./gltf/confetti.gltf` /*, true*/);\n const { animations, scene } = model;\n // @ts-expect-error later\n const lights = useLoader(ObjectLoader, './gltf/confetti-lights.json');\n\n const { mixer, clips } = useAnimations(animations, modelRef);\n useFrame(() => {\n mixer.clipAction(clips[0]).play();\n mixer.clipAction(clips[0]).setLoop(LoopOnce, 1);\n });\n\n return (\n <>\n <primitive ref={modelRef} object={scene} />\n <primitive object={lights} />\n </>\n );\n};\n\nexport default ConfettiModel;\n"],"names":["modelRef","useRef","model","useGLTF","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","clips","useFrame","clipAction","play","setLoop","LoopOnce","React","createElement","ref","object"],"mappings":"yNAKsB,WACpB,IAAMA,EAAWC,EAAMA,SACZC,EAAGC,EAAAA,QAAO,wBACHC,EAAYF,EAAtBE,WAAYC,EAAUH,EAAVG,MAEdC,EAASC,EAASA,UAACC,EAAYA,aAAE,+BAEdC,EAAAA,EAAAA,cAAcL,EAAYJ,GAA3CU,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAMf,OALAC,EAAQA,SAAC,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAC3BJ,EAAMG,WAAWF,EAAM,IAAII,QAAQC,WAAU,EAC/C,gBAGEC,EAAAA,2DACEA,UAAWC,cAAA,YAAA,CAAAC,IAAKnB,EAAUoB,OAAQf,iBAClCY,EAAAA,QAAAC,cAAA,YAAA,CAAWE,OAAQd,IAGzB"}
|