@wise/art 0.0.0-experimental-7f4f66a → 0.0.0-experimental-b088eec

package/dist/illustrations3d/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './Illustration3D';
+export type { Props as Illustration3DProps } from './Illustration3D';
+export type { Illustration3DNames } from './Illustration3D';
+export { isIllustrationSupport3D } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/illustrations3d/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAErE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}

package/dist/illustrations3d/models/CheckMark.d.ts

@@ -0,0 +1,3 @@
+declare const CheckMark: () => import("react").JSX.Element;
+export default CheckMark;
+//# sourceMappingURL=CheckMark.d.ts.map

package/dist/illustrations3d/models/CheckMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckMark.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/CheckMark.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS,mCAoBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/illustrations3d/models/Confetti.d.ts

@@ -0,0 +1,3 @@
+declare const Confetti: () => import("react").JSX.Element;
+export default Confetti;
+//# sourceMappingURL=Confetti.d.ts.map

package/dist/illustrations3d/models/Confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Confetti.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,QAAQ,mCAmBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/illustrations3d/models/Flower.d.ts

@@ -0,0 +1,3 @@
+declare const Flower: () => import("react").JSX.Element;
+export default Flower;
+//# sourceMappingURL=Flower.d.ts.map

package/dist/illustrations3d/models/Flower.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flower.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Flower.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM,mCAeX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/illustrations3d/models/Globe.d.ts

@@ -0,0 +1,3 @@
+declare const Globe: () => import("react").JSX.Element;
+export default Globe;
+//# sourceMappingURL=Globe.d.ts.map

package/dist/illustrations3d/models/Globe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Globe.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,KAAK,mCAgCV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/illustrations3d/models/Graph.d.ts

@@ -0,0 +1,3 @@
+declare const Graph: () => import("react").JSX.Element;
+export default Graph;
+//# sourceMappingURL=Graph.d.ts.map

package/dist/illustrations3d/models/Graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Graph.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,KAAK,mCAiBV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/illustrations3d/models/Interest.d.ts

@@ -0,0 +1,3 @@
+declare const Interest: () => import("react").JSX.Element;
+export default Interest;
+//# sourceMappingURL=Interest.d.ts.map

package/dist/illustrations3d/models/Interest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interest.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Interest.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,QAAQ,mCAgCb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/illustrations3d/models/Jars.d.ts

@@ -0,0 +1,3 @@
+declare const Jars: () => import("react").JSX.Element;
+export default Jars;
+//# sourceMappingURL=Jars.d.ts.map

package/dist/illustrations3d/models/Jars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jars.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Jars.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,IAAI,mCAqCT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/illustrations3d/models/Lock.d.ts

@@ -0,0 +1,3 @@
+declare const Lock: () => import("react").JSX.Element;
+export default Lock;
+//# sourceMappingURL=Lock.d.ts.map

package/dist/illustrations3d/models/Lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Lock.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,IAAI,mCA4BT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/illustrations3d/models/MagnifyingGlass.d.ts

@@ -0,0 +1,3 @@
+declare const MagnifyingGlass: () => import("react").JSX.Element;
+export default MagnifyingGlass;
+//# sourceMappingURL=MagnifyingGlass.d.ts.map

package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlass.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MagnifyingGlass.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,eAAe,mCAqBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/illustrations3d/models/Marble.d.ts

@@ -0,0 +1,3 @@
+declare const Marble: () => import("react").JSX.Element;
+export default Marble;
+//# sourceMappingURL=Marble.d.ts.map

package/dist/illustrations3d/models/Marble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marble.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Marble.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM,mCAsCX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/illustrations3d/models/MarbleCard.d.ts

@@ -0,0 +1,3 @@
+declare const MarbleCard: () => import("react").JSX.Element;
+export default MarbleCard;
+//# sourceMappingURL=MarbleCard.d.ts.map

package/dist/illustrations3d/models/MarbleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleCard.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MarbleCard.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,mCAyCf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/illustrations3d/models/MultiCurrency.d.ts

@@ -0,0 +1,3 @@
+declare const MultiCurrency: () => import("react").JSX.Element;
+export default MultiCurrency;
+//# sourceMappingURL=MultiCurrency.d.ts.map

package/dist/illustrations3d/models/MultiCurrency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCurrency.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MultiCurrency.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,aAAa,mCAgDlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/illustrations3d/models/Plane.d.ts

@@ -0,0 +1,3 @@
+declare const Plane: () => import("react").JSX.Element;
+export default Plane;
+//# sourceMappingURL=Plane.d.ts.map

package/dist/illustrations3d/models/Plane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plane.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Plane.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK,mCAuBV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/illustrations3d/utils.d.ts

@@ -0,0 +1,10 @@
+import { type IllustrationNames } from '../illustrations/metadata';
+export declare function useBattery(): {
+    level: number;
+};
+export declare function isBatteryLow(batteryLevel: number): boolean;
+export declare const isWebGL2Available: () => boolean;
+export declare function isConnectionSlow(): boolean;
+export declare function defineSrc(asset: string): string;
+export declare function isIllustrationSupport3D(asset: IllustrationNames): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/illustrations3d/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAExF,wBAAgB,UAAU;WACgC,MAAM;EAwB/D;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED,eAAO,MAAM,iBAAiB,eAQ7B,CAAC;AAEF,wBAAgB,gBAAgB,IAAI,OAAO,CAa1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C;AAID,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAEzE"}

package/dist/illustrations3d/utils.spec.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=utils.spec.d.ts.map

package/dist/illustrations3d/utils.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.spec.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/utils.spec.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC"}

package/dist/index-B8dsCxbf.js

@@ -0,0 +1,405 @@
+'use strict';
+
+var clsx = require('clsx');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var common = require('./common-H4L6Hbbh.js');
+
+/*
+  *
+  * DON'T MODIFY THIS FILE IT'S AUTO GENERATED
+  * See: `scripts/generate-flags-metadata.mjs`
+  *
+  */
+const DETAILED_FLAG_CODES = ['zm', 'va', 'uy', 'us', 'ug', 'tw', 'tv', 'tm', 'sv', 'sm', 'si', 'sg', 'py', 'pt', 'ph', 'pe', 'pa', 'om', 'nz', 'np', 'ni', 'mz', 'my', 'mx', 'mt', 'mh', 'md', 'ls', 'lk', 'li', 'ki', 'ke', 'je', 'in', 'im', 'hr', 'hn', 'hm', 'hk', 'gt', 'gi', 'gg', 'fj', 'eur', 'es', 'eg', 'do', 'cn', 'by', 'br', 'bn', 'bf', 'ba', 'az', 'au', 'ar', 'an', 'am', 'al', 'ad'];
+
+const unknownFlagName = 'wise';
+const Flag = ({
+  code,
+  intrinsicSize = 64,
+  className = undefined,
+  loading = 'lazy'
+}) => {
+  const [fallback, setFallback] = react.useState(null);
+  react.useEffect(() => {
+    setFallback(null);
+  }, [code]);
+  const detailed = intrinsicSize >= 150;
+  // Only get detailed svg if we know it exists, to avoid the performance hit of failing requests
+  const name = fallback !== 'unknown' ? `${code.toLowerCase()}${fallback == null && detailed && DETAILED_FLAG_CODES.includes(code.toLowerCase()) ? '-detailed' : ''}` : unknownFlagName;
+  return /*#__PURE__*/jsxRuntime.jsx("img", {
+    className: clsx.clsx(`wds-flag wds-flag-${name}`, className),
+    src: process.env.NODE_ENV === 'web-art-dev' ? `${name}.svg` : `https://wise.com/web-art/assets/flags/${name}.svg`,
+    loading: loading,
+    alt: "",
+    width: intrinsicSize,
+    height: intrinsicSize,
+    onError: () => {
+      setFallback(prev => prev == null && detailed ? 'simple' : 'unknown');
+    }
+  });
+};
+
+const imageSizes = {
+  [common.Sizes.SMALL]: 200,
+  [common.Sizes.MEDIUM]: 300,
+  [common.Sizes.LARGE]: 500
+};
+const Illustration = /*#__PURE__*/react.forwardRef(({
+  id,
+  name,
+  alt = '',
+  loading = 'eager',
+  className,
+  size = common.Sizes.MEDIUM,
+  disablePadding = false
+}, ref) => {
+  const {
+    SMALL,
+    MEDIUM
+  } = common.Sizes;
+  return name ? /*#__PURE__*/jsxRuntime.jsxs("picture", {
+    children: [size === common.Sizes.LARGE || size === common.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("source", {
+        width: imageSizes[SMALL],
+        height: imageSizes[SMALL],
+        media: "(max-width: 575px)",
+        srcSet: `${defineSrc$1(name, SMALL, '1x')}, ${defineSrc$1(name, SMALL, '2x')} 2x`
+      }), size !== common.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsx("source", {
+        width: imageSizes[MEDIUM],
+        height: imageSizes[MEDIUM],
+        media: "(max-width: 992px)",
+        srcSet: `${defineSrc$1(name, MEDIUM, '1x')}, ${defineSrc$1(name, MEDIUM, '2x')} 2x`
+      }) : null]
+    }) : null, /*#__PURE__*/jsxRuntime.jsx("img", {
+      id: id,
+      ref: ref,
+      alt: alt,
+      "data-testid": `wds-${name}-illustration`,
+      className: clsx.clsx(`wds-illustration wds-illustration-${name}`, className, !disablePadding && 'wds-illustration-padding'),
+      loading: loading,
+      src: defineSrc$1(name, size, '1x'),
+      srcSet: `${defineSrc$1(name, size, '2x')} 2x`,
+      width: imageSizes[size],
+      height: imageSizes[size]
+    })]
+  }) : null;
+});
+function defineSrc$1(illustration, size, descriptor) {
+  return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;
+}
+
+/*
+  *
+  * DON'T MODIFY THIS FILE IT'S AUTO GENERATED
+  * See: `scripts/generate-i10s-metadata.mjs`
+  *
+  */
+exports.Assets = void 0;
+(function (Assets) {
+  Assets["API_INTEGRATIONS_BUSINESS"] = "api-integrations-business";
+  Assets["APP_MARKETPLACE_BUSINESS"] = "app-marketplace-business";
+  Assets["BACKPACK"] = "backpack";
+  Assets["BATCH_PAYMENTS_BUSINESS"] = "batch-payments-business";
+  Assets["BELL"] = "bell";
+  Assets["BELL_BUSINESS"] = "bell-business";
+  Assets["BRIEFCASE"] = "briefcase";
+  Assets["BRIEFCASE_BUSINESS"] = "briefcase-business";
+  Assets["BUSINESS_CARD"] = "business-card";
+  Assets["BUSINESS_CARD_BUSINESS"] = "business-card-business";
+  Assets["CALCULATOR_BUSINESS"] = "calculator-business";
+  Assets["CALENDAR"] = "calendar";
+  Assets["CALENDAR_BUSINESS"] = "calendar-business";
+  Assets["CARD"] = "card";
+  Assets["CARD_BUSINESS"] = "card-business";
+  Assets["CHECK_MARK"] = "check-mark";
+  Assets["CHECK_MARK_BUSINESS"] = "check-mark-business";
+  Assets["CLOSED_WINDOW"] = "closed-window";
+  Assets["COIN_PILE_DOWN"] = "coin-pile-down";
+  Assets["COIN_PILE_DOWN_BUSINESS"] = "coin-pile-down-business";
+  Assets["COIN_PILE_UP"] = "coin-pile-up";
+  Assets["COIN_PILE_UP_BUSINESS"] = "coin-pile-up-business";
+  Assets["COMPLIANCE_PLATFORM"] = "compliance-platform";
+  Assets["CONFETTI"] = "confetti";
+  Assets["CONFETTI_BUSINESS"] = "confetti-business";
+  Assets["CONSTRUCTION_FENCE"] = "construction-fence";
+  Assets["CONTROLS_PLATFORM"] = "controls-platform";
+  Assets["CONVERT"] = "convert";
+  Assets["CONVERT_BUSINESS"] = "convert-business";
+  Assets["COOKIE"] = "cookie";
+  Assets["DIGITAL_CARD"] = "digital-card";
+  Assets["DIGITAL_CARD_2"] = "digital-card-2";
+  Assets["DIGITAL_CARD_BUSINESS"] = "digital-card-business";
+  Assets["DOCUMENTS"] = "documents";
+  Assets["DOCUMENTS_FOLDER_BUSINESS"] = "documents-folder-business";
+  Assets["DOOR"] = "door";
+  Assets["ECO_CARD"] = "eco-card";
+  Assets["ELECTRIC_PLUG"] = "electric-plug";
+  Assets["EMAIL"] = "email";
+  Assets["EMAIL_SUCCESS"] = "email-success";
+  Assets["EMAIL_SUCCESS_BUSINESS"] = "email-success-business";
+  Assets["EXCLAMATION_MARK"] = "exclamation-mark";
+  Assets["EXCLAMATION_MARK_BUSINESS"] = "exclamation-mark-business";
+  Assets["FLAG"] = "flag";
+  Assets["FLOWER"] = "flower";
+  Assets["GEAR"] = "gear";
+  Assets["GEAR_BUSINESS"] = "gear-business";
+  Assets["GEAR_PLATFORM"] = "gear-platform";
+  Assets["GET_PAID_WITH_CARD_BUSINESS"] = "get-paid-with-card-business";
+  Assets["GIFT_BOX"] = "gift-box";
+  Assets["GLOBE"] = "globe";
+  Assets["GRAPH"] = "graph";
+  Assets["GRAPH_BUSINESS"] = "graph-business";
+  Assets["HEADSET"] = "headset";
+  Assets["HEADSET_BUSINESS"] = "headset-business";
+  Assets["HEART"] = "heart";
+  Assets["HEART_2"] = "heart-2";
+  Assets["HEART_3"] = "heart-3";
+  Assets["HEART_4"] = "heart-4";
+  Assets["HEART_5"] = "heart-5";
+  Assets["HOUSE"] = "house";
+  Assets["ID_CARD"] = "id-card";
+  Assets["INFINITE"] = "infinite";
+  Assets["INTEREST"] = "interest";
+  Assets["INVITE_LETTER"] = "invite-letter";
+  Assets["JARS"] = "jars";
+  Assets["KEY"] = "key";
+  Assets["KEY_BUSINESS"] = "key-business";
+  Assets["LIGHT_BULB"] = "light-bulb";
+  Assets["LIGHT_BULB_BUSINESS"] = "light-bulb-business";
+  Assets["LOCK"] = "lock";
+  Assets["LOCK_BUSINESS"] = "lock-business";
+  Assets["LOCK_PLATFORM"] = "lock-platform";
+  Assets["MAGNIFYING_GLASS"] = "magnifying-glass";
+  Assets["MAGNIFYING_GLASS_BUSINESS"] = "magnifying-glass-business";
+  Assets["MAP"] = "map";
+  Assets["MAP_BUSINESS"] = "map-business";
+  Assets["MARBLE"] = "marble";
+  Assets["MARBLE_BUSINESS"] = "marble-business";
+  Assets["MARBLE_CARD"] = "marble-card";
+  Assets["MARBLE_CARD_BUSINESS"] = "marble-card-business";
+  Assets["MARBLE_CARD_BUSINESS_FLAG_ONLY"] = "marble-card-business-flag-only";
+  Assets["MARBLE_CARD_FLAG_ONLY"] = "marble-card-flag-only";
+  Assets["MARBLE_CARD_FLAG_ONLY_BUSINESS"] = "marble-card-flag-only-business";
+  Assets["MEGAPHONE"] = "megaphone";
+  Assets["MEGAPHONE_BUSINESS"] = "megaphone-business";
+  Assets["MULTI_CURRENCY"] = "multi-currency";
+  Assets["MULTI_CURRENCY_BUSINESS"] = "multi-currency-business";
+  Assets["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
+  Assets["PALM_TREE"] = "palm-tree";
+  Assets["PASSKEY"] = "passkey";
+  Assets["PERCENTAGE"] = "percentage";
+  Assets["PERCENTAGE_BUSINESS"] = "percentage-business";
+  Assets["PERSONAL_CARD"] = "personal-card";
+  Assets["PHONES"] = "phones";
+  Assets["PIE_CHART"] = "pie-chart";
+  Assets["PIE_CHART_BUSINESS"] = "pie-chart-business";
+  Assets["PLANE"] = "plane";
+  Assets["PLANE_2"] = "plane-2";
+  Assets["PLANE_BUSINESS"] = "plane-business";
+  Assets["PUZZLE_PIECES"] = "puzzle-pieces";
+  Assets["PUZZLE_PIECES_BUSINESS"] = "puzzle-pieces-business";
+  Assets["QUESTION_MARK"] = "question-mark";
+  Assets["QUESTION_MARK_BUSINESS"] = "question-mark-business";
+  Assets["RECEIVE"] = "receive";
+  Assets["RECEIVE_BUSINESS"] = "receive-business";
+  Assets["RED_PACKET"] = "red-packet";
+  Assets["REMINDER_LETTER"] = "reminder-letter";
+  Assets["ROCKET_PLATFORM"] = "rocket-platform";
+  Assets["SAND_TIMER"] = "sand-timer";
+  Assets["SAND_TIMER_BUSINESS"] = "sand-timer-business";
+  Assets["SATELLITE_PLATFORM"] = "satellite-platform";
+  Assets["SHOPPING_BAG"] = "shopping-bag";
+  Assets["SKIP_AUTHENTICATION"] = "skip-authentication";
+  Assets["SPEECH_BUBBLE"] = "speech-bubble";
+  Assets["STOPWATCH_PLATFORM"] = "stopwatch-platform";
+  Assets["TARGET_PLATFORM"] = "target-platform";
+  Assets["TOOL"] = "tool";
+  Assets["TREASURY_PLATFORM"] = "treasury-platform";
+  Assets["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
+  Assets["WALLET"] = "wallet";
+})(exports.Assets || (exports.Assets = {}));
+const illustration3DNames = ['check-mark', 'confetti', 'flower', 'globe', 'graph', 'interest', 'jars', 'lock', 'magnifying-glass', 'marble', 'marble-card', 'multi-currency', 'plane'];
+
+function useBattery() {
+  const [batteryData, setBatteryData] = react.useState({
+    level: 1.0
+  });
+  react.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 && navigator.getBattery !== undefined && typeof navigator.getBattery === 'function') {
+      void getBatteryData();
+    }
+  }, []);
+  return batteryData;
+}
+function isBatteryLow(batteryLevel) {
+  return batteryLevel < 0.2;
+}
+const isWebGL2Available = () => {
+  try {
+    const canvas = document.createElement('canvas');
+    return !!(window.WebGL2RenderingContext && canvas.getContext('webgl2'));
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  } catch (e) {
+    return false;
+  }
+};
+function isConnectionSlow() {
+  // @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) ||
+    // @ts-expect-error Property 'connection' does exist on type 'Navigator'
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    navigator?.connection?.saveData === true
+  );
+}
+function defineSrc(asset) {
+  return `https://wise.com/web-art/assets/illustrations3d/${asset}`;
+}
+const illustration3DSet = new Set(illustration3DNames);
+function isIllustrationSupport3D(asset) {
+  return illustration3DSet.has(asset);
+}
+
+/* eslint-disable fp/no-mutation */
+var RenderMode;
+(function (RenderMode) {
+  RenderMode[RenderMode["INIT"] = 0] = "INIT";
+  RenderMode[RenderMode["FALLBACK"] = 1] = "FALLBACK";
+  RenderMode[RenderMode["ASSET_3D"] = 2] = "ASSET_3D";
+})(RenderMode || (RenderMode = {}));
+const Illustration3D = ({
+  name,
+  size = common.Sizes.MEDIUM,
+  className
+}) => {
+  const [renderMode, setRenderMode] = react.useState(RenderMode.INIT);
+  const [inintrinsicSize, setInintrinsicSize] = react.useState(size);
+  const batteryData = useBattery();
+  react.useEffect(() => {
+    setRenderMode(isConnectionSlow() || isBatteryLow(batteryData.level) || !isWebGL2Available() ? RenderMode.FALLBACK : RenderMode.ASSET_3D);
+    const isMobile = (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
+    if (isMobile) {
+      setInintrinsicSize(common.Sizes.SMALL);
+    }
+  }, [batteryData]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: clsx.clsx(`wds-illustration-3d wds-illustration-3d-${name} wds-illustration-3d-${inintrinsicSize}`, className),
+    "aria-hidden": true,
+    children: renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? /*#__PURE__*/jsxRuntime.jsx(react.Suspense, {
+      fallback: null,
+      children: getModel({
+        name,
+        size: inintrinsicSize
+      })
+    }) : /*#__PURE__*/jsxRuntime.jsx(Illustration, {
+      name: name,
+      size: size,
+      alt: ""
+    })
+  });
+};
+function getModel({
+  name,
+  size
+}) {
+  // @ts-expect-error unknown generic
+  let Model = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  const Scene = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Scene-JIaToh60.js'); }));
+  switch (name) {
+    case exports.Assets.LOCK:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Lock-B7bG1MNN.js'); }));
+        break;
+      }
+    case exports.Assets.GLOBE:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Globe-BqDlwkJm.js'); }));
+        break;
+      }
+    case exports.Assets.CONFETTI:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Confetti-DdxGAp4I.js'); }));
+        break;
+      }
+    case exports.Assets.CHECK_MARK:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./CheckMark-B4apF00o.js'); }));
+        break;
+      }
+    case exports.Assets.FLOWER:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Flower-yjqCXxp6.js'); }));
+        break;
+      }
+    case exports.Assets.PLANE:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Plane-CIIUv-R9.js'); }));
+        break;
+      }
+    case exports.Assets.GRAPH:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Graph-6nvvJntC.js'); }));
+        break;
+      }
+    case exports.Assets.MARBLE:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Marble-DSYM97l5.js'); }));
+        break;
+      }
+    case exports.Assets.MARBLE_CARD:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MarbleCard-kOCCz1Qh.js'); }));
+        break;
+      }
+    case exports.Assets.MAGNIFYING_GLASS:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MagnifyingGlass-D3ECziZC.js'); }));
+        break;
+      }
+    case exports.Assets.JARS:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Jars-C7KdBy9e.js'); }));
+        break;
+      }
+    case exports.Assets.MULTI_CURRENCY:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MultiCurrency-DP_lAn0S.js'); }));
+        break;
+      }
+    case exports.Assets.INTEREST:
+      {
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Interest-2Yff_wDq.js'); }));
+        break;
+      }
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(Scene, {
+    assetName: name,
+    size: size,
+    children: /*#__PURE__*/jsxRuntime.jsx(Model, {})
+  });
+}
+
+exports.Flag = Flag;
+exports.Illustration = Illustration;
+exports.Illustration3D = Illustration3D;
+exports.defineSrc = defineSrc;
+exports.isIllustrationSupport3D = isIllustrationSupport3D;
+//# sourceMappingURL=index-B8dsCxbf.js.map