@wise/art 2.7.0-beta.1 → 2.7.0

package/src/illustrations3d/models/MultiCurrency.tsx

@@ -1,58 +0,0 @@
-import { useGLTF, useAnimations } from '@react-three/drei';
-import { useFrame, useLoader } from '@react-three/fiber';
-import { useRef } from 'react';
-import { ObjectLoader, TextureLoader, Color } from 'three';
-
-import { defineSrc } from '../utils';
-
-const MultiCurrency = () => {
-  const ref = useRef();
-  const model = useGLTF(defineSrc(`multi-currency.gltf`));
-
-  const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));
-  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
-
-  const animatedMaps = [];
-
-  model.scene.traverse((child) => {
-    if (child.name.includes('Note')) {
-      child.castShadow = true;
-      child.receiveShadow = true;
-    }
-
-    if (child.name.startsWith('Coin_') && child.isMesh) {
-      const { material } = child;
-      material.bumpMap = wiseLogo;
-      material.bumpMap.flipY = false;
-      material.bumpScale = 1;
-      material.color = new Color(0.49, 0.49, 0.49);
-      child.castShadow = false;
-      child.receiveShadow = false;
-    }
-
-    if (child.name.startsWith('NoteBase_') && child.isMesh) {
-      animatedMaps.push(child.material.map);
-    }
-
-    if (child.name.includes('Wise') && child.isMesh) {
-      animatedMaps.push(child.material.map);
-    }
-  });
-
-  const { mixer, clips } = useAnimations(model.animations, ref);
-  useFrame(() => {
-    animatedMaps.forEach((animatedMap) => {
-      animatedMap.offset.x += 0.001;
-    });
-    mixer.clipAction(clips[0]).play();
-  });
-
-  return (
-    <>
-      <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />
-      <primitive object={lights} />
-    </>
-  );
-};
-
-export default MultiCurrency;

package/src/illustrations3d/models/Plane.tsx

@@ -1,33 +0,0 @@
-import { useGLTF, useAnimations } from '@react-three/drei';
-import { useFrame, useLoader } from '@react-three/fiber';
-import { useRef } from 'react';
-import { ObjectLoader } from 'three';
-
-import { defineSrc } from '../utils';
-
-const Plane = () => {
-  const ref = useRef();
-  const model = useGLTF(defineSrc('plane.gltf'));
-
-  const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));
-  const plane = model.scene.getObjectByName('Plane_6_update');
-
-  const { mixer, clips } = useAnimations(model.animations, ref);
-  useFrame(() => {
-    model.materials['Tapestry WebGL'].map.offset.y += 0.018;
-
-    plane.position.x = 0.45;
-
-    plane.position.y = 7.5;
-    mixer.clipAction(clips[0]).play();
-  });
-
-  return (
-    <>
-      <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />
-      <primitive object={lights} />
-    </>
-  );
-};
-
-export default Plane;

package/src/illustrations3d/utils.ts

@@ -1,68 +0,0 @@
-import { useState, useEffect } from 'react';
-
-import type { IllustrationNames } from '../illustrations/metadata';
-
-export function useBattery() {
-  const [batteryData, setBatteryData] = useState<{ level: number }>({ level: 1.0 });
-
-  useEffect(() => {
-    const getBatteryData = async () => {
-      // @ts-expect-error .getBattery exists in Navigator interface
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      const battery = await navigator.getBattery();
-
-      setBatteryData({
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-        level: battery?.level,
-      });
-    };
-    // Check if the browser supports the Battery API
-    if ('getBattery' in navigator) {
-      void getBatteryData();
-    }
-  }, []);
-
-  return batteryData;
-}
-
-export function isBatteryLow(batteryLevel: number): boolean {
-  return batteryLevel < 0.2;
-}
-
-export function isConnectionSlow(): boolean {
-  // @ts-expect-error .connection prop exists in Navigator interface
-  const { connection } = window.navigator;
-  if (connection === undefined) {
-    return false;
-  }
-  return (
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||
-    // @ts-expect-error Property 'connection' does exist on type 'Navigator'
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    navigator?.connection?.saveData === true
-  );
-}
-
-export function defineSrc(asset: string): string {
-  return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
-}
-
-const illustration3dNames = [
-  'lock',
-  'globe',
-  'confetti',
-  'check-mark',
-  'flower',
-  'graph',
-  'jars',
-  'magnifying-glass',
-  'marble',
-  'marble-card',
-  'multi-currency',
-  'plane',
-];
-
-export function is3dIllustrationSupported(asset: IllustrationNames): boolean {
-  return illustration3dNames.includes(asset);
-}