@wise/art 2.6.0 → 2.7.0-beta.2

package/dist/index-c17944c0.js

@@ -0,0 +1,332 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+
+const unknownFlagName = 'wise';
+const Flag = ({
+  code,
+  intrinsicSize = 64
+}) => {
+  const [fallback, setFallback] = react.useState(null);
+  react.useEffect(() => {
+    setFallback(null);
+  }, [code]);
+  const detailed = intrinsicSize >= 150;
+  const name = fallback !== 'unknown' ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}` : unknownFlagName;
+  return /*#__PURE__*/jsxRuntime.jsx("img", {
+    src: `https://wise.com/web-art/assets/flags/${name}.svg`,
+    alt: "",
+    width: intrinsicSize,
+    height: intrinsicSize,
+    onError: () => {
+      setFallback(prev => prev == null && detailed ? 'simple' : 'unknown');
+    }
+  });
+};
+
+exports.Sizes = void 0;
+(function (Sizes) {
+  Sizes["SMALL"] = "small";
+  Sizes["MEDIUM"] = "medium";
+  Sizes["LARGE"] = "large";
+})(exports.Sizes || (exports.Sizes = {}));
+const ImageSizes = {
+  [exports.Sizes.SMALL]: 200,
+  [exports.Sizes.MEDIUM]: 300,
+  [exports.Sizes.LARGE]: 500
+};
+
+const imageSizes = {
+  [exports.Sizes.SMALL]: 200,
+  [exports.Sizes.MEDIUM]: 300,
+  [exports.Sizes.LARGE]: 500
+};
+const Illustration = /*#__PURE__*/react.forwardRef(({
+  id,
+  name,
+  alt,
+  loading = 'eager',
+  className,
+  size = exports.Sizes.MEDIUM,
+  disablePadding = false
+}, ref) => {
+  const {
+    SMALL,
+    MEDIUM
+  } = exports.Sizes;
+  return name ? /*#__PURE__*/jsxRuntime.jsxs("picture", {
+    children: [size === exports.Sizes.LARGE || size === exports.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 !== exports.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 ?? name.replace('-', ' '),
+      "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["BELL"] = "bell";
+  Assets["BRIEFCASE"] = "briefcase";
+  Assets["BUSINESS_CARD"] = "business-card";
+  Assets["CALENDAR"] = "calendar";
+  Assets["CHECK_MARK"] = "check-mark";
+  Assets["CLOSED_WINDOW"] = "closed-window";
+  Assets["COIN_PILE_DOWN"] = "coin-pile-down";
+  Assets["COIN_PILE_UP"] = "coin-pile-up";
+  Assets["CONFETTI"] = "confetti";
+  Assets["CONSTRUCTION_FENCE"] = "construction-fence";
+  Assets["CONVERT"] = "convert";
+  Assets["COOKIE"] = "cookie";
+  Assets["DIGITAL_CARD_2"] = "digital-card-2";
+  Assets["DIGITAL_CARD"] = "digital-card";
+  Assets["DOCUMENTS"] = "documents";
+  Assets["DOOR"] = "door";
+  Assets["ECO_CARD"] = "eco-card";
+  Assets["ELECTRIC_PLUG"] = "electric-plug";
+  Assets["EMAIL_SUCCESS"] = "email-success";
+  Assets["EMAIL"] = "email";
+  Assets["EXCLAMATION_MARK"] = "exclamation-mark";
+  Assets["FLAG"] = "flag";
+  Assets["FLOWER"] = "flower";
+  Assets["GEAR"] = "gear";
+  Assets["GLOBE"] = "globe";
+  Assets["GRAPH"] = "graph";
+  Assets["HEART_2"] = "heart-2";
+  Assets["HEART_3"] = "heart-3";
+  Assets["HEART_4"] = "heart-4";
+  Assets["HEART_5"] = "heart-5";
+  Assets["HEART"] = "heart";
+  Assets["HOUSE"] = "house";
+  Assets["ID_CARD"] = "id-card";
+  Assets["INFINITE"] = "infinite";
+  Assets["INVITE_LETTER"] = "invite-letter";
+  Assets["JARS"] = "jars";
+  Assets["KEY"] = "key";
+  Assets["LIGHT_BULB"] = "light-bulb";
+  Assets["LOCK"] = "lock";
+  Assets["MAGNIFYING_GLASS"] = "magnifying-glass";
+  Assets["MAP"] = "map";
+  Assets["MARBLE_CARD_BUSINESS"] = "marble-card-business";
+  Assets["MARBLE_CARD"] = "marble-card";
+  Assets["MARBLE"] = "marble";
+  Assets["MEGAPHONE"] = "megaphone";
+  Assets["MULTI_CURRENCY"] = "multi-currency";
+  Assets["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
+  Assets["PALM_TREE"] = "palm-tree";
+  Assets["PERCENTAGE"] = "percentage";
+  Assets["PERSONAL_CARD"] = "personal-card";
+  Assets["PHONES"] = "phones";
+  Assets["PIE_CHART"] = "pie-chart";
+  Assets["PLANE_2"] = "plane-2";
+  Assets["PLANE"] = "plane";
+  Assets["PUZZLE_PIECES"] = "puzzle-pieces";
+  Assets["QUESTION_MARK"] = "question-mark";
+  Assets["RECEIVE"] = "receive";
+  Assets["REMINDER_LETTER"] = "reminder-letter";
+  Assets["SAND_TIMER"] = "sand-timer";
+  Assets["SHOPPING_BAG"] = "shopping-bag";
+  Assets["SKIP_AUTHENTICATION"] = "skip-authentication";
+  Assets["SPEECH_BUBBLE"] = "speech-bubble";
+  Assets["TOOL"] = "tool";
+  Assets["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
+  Assets["WALLET"] = "wallet";
+})(exports.Assets || (exports.Assets = {}));
+
+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) {
+      void getBatteryData();
+    }
+  }, []);
+  return batteryData;
+}
+function isBatteryLow(batteryLevel) {
+  return batteryLevel < 0.2;
+}
+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 illustration3DNames = ['lock', 'globe', 'confetti', 'check-mark', 'flower', 'graph', 'jars', 'magnifying-glass', 'marble', 'marble-card', 'multi-currency', 'plane'];
+function isIllustrationSupport3D(asset) {
+  return illustration3DNames.includes(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 = exports.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) ? RenderMode.FALLBACK : RenderMode.ASSET_3D);
+    const isMobile = (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
+    if (isMobile) {
+      setInintrinsicSize(exports.Sizes.SMALL);
+    }
+  }, [batteryData]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: clsx.clsx(`wds-illustration-3d wds-illustration-3d-${name} wds-illustration-3d-${inintrinsicSize}`, className),
+    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(() => Promise.resolve().then(function () { return require('./Scene-45fbe252.js'); }));
+  switch (name) {
+    case exports.Assets.LOCK:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Lock-e5c89aa2.js'); }));
+        break;
+      }
+    case exports.Assets.GLOBE:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Globe-93237bd2.js'); }));
+        break;
+      }
+    case exports.Assets.CONFETTI:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Confetti-71f18588.js'); }));
+        break;
+      }
+    case exports.Assets.CHECK_MARK:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./CheckMark-6516e382.js'); }));
+        break;
+      }
+    case exports.Assets.FLOWER:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Flower-2325e8ba.js'); }));
+        break;
+      }
+    case exports.Assets.PLANE:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Plane-b6340ff4.js'); }));
+        break;
+      }
+    case exports.Assets.GRAPH:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Graph-536a6847.js'); }));
+        break;
+      }
+    case exports.Assets.MARBLE:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Marble-0f2d6f38.js'); }));
+        break;
+      }
+    case exports.Assets.MARBLE_CARD:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MarbleCard-ed7536dc.js'); }));
+        break;
+      }
+    case exports.Assets.MAGNIFYING_GLASS:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MagnifyingGlass-92351fd6.js'); }));
+        break;
+      }
+    case exports.Assets.JARS:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Jars-fcb1e2b1.js'); }));
+        break;
+      }
+    case exports.Assets.MULTI_CURRENCY:
+      {
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MultiCurrency-0456db19.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.ImageSizes = ImageSizes;
+exports.defineSrc = defineSrc;
+exports.isIllustrationSupport3D = isIllustrationSupport3D;
+//# sourceMappingURL=index-c17944c0.js.map

package/dist/index-c17944c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-c17944c0.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":[null,null,null,null,null,null],"names":["unknownFlagName","Flag","code","intrinsicSize","useEffect","setFallback","name","fallback","toLowerCase","detailed","_jsx","src","height","onError","Sizes","LARGE","imageSizes","SMALL","MEDIUM","Illustration","forwardRef","id","alt","loading","className","size","disablePadding","ref","_jsxs","children","_Fragment","width","media","srcSet","defineSrc","descriptor","Assets","useBattery","batteryData","setBatteryData","useState","level","getBatteryData","battery","RenderMode"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,7 +1,10 @@
 export { Flag } from './flags';
 export { default as Illustration } from './illustrations';
+export { default as Illustration3D } from './illustrations3d';
 export { Assets } from './illustrations';
 export { Sizes } from './common';
 export type { FlagProps } from './flags';
 export type { IllustrationNames, IllustrationProps } from './illustrations';
+export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
+export { isIllustrationSupport3D } from './illustrations3d';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,5 @@
+export { A as Assets, F as Flag, a as Illustration, b as Illustration3D, S as Sizes, i as isIllustrationSupport3D } from './index-3b6277fc.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'clsx';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/index.js

@@ -1,162 +1,22 @@
 'use strict';
 
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
+var index = require('./index-c17944c0.js');
+require('react');
+require('react/jsx-runtime');
+require('clsx');
 
-const unknownFlagName = 'wise';
-const Flag = ({
-  code,
-  intrinsicSize = 64
-}) => {
-  const [fallback, setFallback] = react.useState(null);
-  react.useEffect(() => {
-    setFallback(null);
-  }, [code]);
-  const detailed = intrinsicSize >= 150;
-  const name = fallback !== 'unknown' ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}` : unknownFlagName;
-  return /*#__PURE__*/jsxRuntime.jsx("img", {
-    src: `https://wise.com/web-art/assets/flags/${name}.svg`,
-    alt: "",
-    width: intrinsicSize,
-    height: intrinsicSize,
-    onError: () => {
-      setFallback(prev => prev == null && detailed ? 'simple' : 'unknown');
-    }
-  });
-};
 
-exports.Sizes = void 0;
-(function (Sizes) {
-  Sizes["SMALL"] = "small";
-  Sizes["MEDIUM"] = "medium";
-  Sizes["LARGE"] = "large";
-})(exports.Sizes || (exports.Sizes = {}));
 
-const imageSizes = {
-  [exports.Sizes.SMALL]: 200,
-  [exports.Sizes.MEDIUM]: 300,
-  [exports.Sizes.LARGE]: 500
-};
-const Illustration = /*#__PURE__*/react.forwardRef(({
-  id,
-  name,
-  alt,
-  loading = 'eager',
-  className,
-  size = exports.Sizes.MEDIUM,
-  disablePadding = false
-}, ref) => {
-  const {
-    SMALL,
-    MEDIUM
-  } = exports.Sizes;
-  return name ? /*#__PURE__*/jsxRuntime.jsxs("picture", {
-    children: [size === exports.Sizes.LARGE || size === exports.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("source", {
-        width: imageSizes[SMALL],
-        height: imageSizes[SMALL],
-        media: "(max-width: 575px)",
-        srcSet: `${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`
-      }), size !== exports.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsx("source", {
-        width: imageSizes[MEDIUM],
-        height: imageSizes[MEDIUM],
-        media: "(max-width: 992px)",
-        srcSet: `${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`
-      }) : null]
-    }) : null, /*#__PURE__*/jsxRuntime.jsx("img", {
-      id: id,
-      ref: ref,
-      alt: alt ?? name.replace('-', ' '),
-      "data-testid": `wds-${name}-illustration`,
-      className: clsx.clsx(`wds-illustration wds-illustration-${name}`, className, !disablePadding && 'wds-illustration-padding'),
-      loading: loading,
-      src: defineSrc(name, size, '1x'),
-      srcSet: `${defineSrc(name, size, '2x')} 2x`,
-      width: imageSizes[size],
-      height: imageSizes[size]
-    })]
-  }) : null;
+Object.defineProperty(exports, 'Assets', {
+	enumerable: true,
+	get: function () { return index.Assets; }
 });
-function defineSrc(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["BELL"] = "bell";
-  Assets["BRIEFCASE"] = "briefcase";
-  Assets["BUSINESS_CARD"] = "business-card";
-  Assets["CALENDAR"] = "calendar";
-  Assets["CHECK_MARK"] = "check-mark";
-  Assets["CLOSED_WINDOW"] = "closed-window";
-  Assets["COIN_PILE_DOWN"] = "coin-pile-down";
-  Assets["COIN_PILE_UP"] = "coin-pile-up";
-  Assets["CONFETTI"] = "confetti";
-  Assets["CONSTRUCTION_FENCE"] = "construction-fence";
-  Assets["CONVERT"] = "convert";
-  Assets["COOKIE"] = "cookie";
-  Assets["DIGITAL_CARD_2"] = "digital-card-2";
-  Assets["DIGITAL_CARD"] = "digital-card";
-  Assets["DOCUMENTS"] = "documents";
-  Assets["DOOR"] = "door";
-  Assets["ECO_CARD"] = "eco-card";
-  Assets["ELECTRIC_PLUG"] = "electric-plug";
-  Assets["EMAIL_SUCCESS"] = "email-success";
-  Assets["EMAIL"] = "email";
-  Assets["EXCLAMATION_MARK"] = "exclamation-mark";
-  Assets["FLAG"] = "flag";
-  Assets["FLOWER"] = "flower";
-  Assets["GEAR"] = "gear";
-  Assets["GLOBE"] = "globe";
-  Assets["GRAPH"] = "graph";
-  Assets["HEART_2"] = "heart-2";
-  Assets["HEART_3"] = "heart-3";
-  Assets["HEART_4"] = "heart-4";
-  Assets["HEART_5"] = "heart-5";
-  Assets["HEART"] = "heart";
-  Assets["HOUSE"] = "house";
-  Assets["ID_CARD"] = "id-card";
-  Assets["INFINITE"] = "infinite";
-  Assets["INVITE_LETTER"] = "invite-letter";
-  Assets["JARS"] = "jars";
-  Assets["KEY"] = "key";
-  Assets["LIGHT_BULB"] = "light-bulb";
-  Assets["LOCK"] = "lock";
-  Assets["MAGNIFYING_GLASS"] = "magnifying-glass";
-  Assets["MAP"] = "map";
-  Assets["MARBLE_CARD_BUSINESS"] = "marble-card-business";
-  Assets["MARBLE_CARD"] = "marble-card";
-  Assets["MARBLE"] = "marble";
-  Assets["MEGAPHONE"] = "megaphone";
-  Assets["MULTI_CURRENCY"] = "multi-currency";
-  Assets["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
-  Assets["PALM_TREE"] = "palm-tree";
-  Assets["PERCENTAGE"] = "percentage";
-  Assets["PERSONAL_CARD"] = "personal-card";
-  Assets["PHONES"] = "phones";
-  Assets["PIE_CHART"] = "pie-chart";
-  Assets["PLANE_2"] = "plane-2";
-  Assets["PLANE"] = "plane";
-  Assets["PUZZLE_PIECES"] = "puzzle-pieces";
-  Assets["QUESTION_MARK"] = "question-mark";
-  Assets["RECEIVE"] = "receive";
-  Assets["REMINDER_LETTER"] = "reminder-letter";
-  Assets["SAND_TIMER"] = "sand-timer";
-  Assets["SHOPPING_BAG"] = "shopping-bag";
-  Assets["SKIP_AUTHENTICATION"] = "skip-authentication";
-  Assets["SPEECH_BUBBLE"] = "speech-bubble";
-  Assets["TOOL"] = "tool";
-  Assets["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
-  Assets["WALLET"] = "wallet";
-})(exports.Assets || (exports.Assets = {}));
-
-exports.Flag = Flag;
-exports.Illustration = Illustration;
+exports.Flag = index.Flag;
+exports.Illustration = index.Illustration;
+exports.Illustration3D = index.Illustration3D;
+Object.defineProperty(exports, 'Sizes', {
+	enumerable: true,
+	get: function () { return index.Sizes; }
+});
+exports.isIllustrationSupport3D = index.isIllustrationSupport3D;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/flags/Flag.tsx","../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts"],"sourcesContent":[null,null,null,null],"names":["unknownFlagName","Flag","code","intrinsicSize","useEffect","setFallback","name","fallback","toLowerCase","detailed","_jsx","src","height","onError","Sizes","imageSizes","SMALL","MEDIUM","Illustration","forwardRef","id","alt","loading","className","size","disablePadding","ref","_jsxs","children","LARGE","_Fragment","width","media","srcSet","defineSrc","descriptor","Assets"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/art",
-  "version": "2.6.0",
+  "version": "2.7.0-beta.2",
   "license": "MIT",
   "description": "React library for art elements in UI",
   "homepage": "https://github.com/transferwise/web-art#readme",
@@ -9,16 +9,11 @@
     "url": "git+https://github.com/transferwise/web-art.git"
   },
   "author": "Wise Payments Ltd.",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./dist/Illustration.css": "./dist/Illustration.css"
-  },
+  "sideEffects": [
+    "*.css"
+  ],
   "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",
@@ -27,6 +22,7 @@
   ],
   "scripts": {
     "setup": "yarn && yarn build",
+    "load-3d-i10s": "node ./scripts/load-3d-i10s.mjs",
     "load-i10s": "copyfiles -u 3 node_modules/wise-atoms/illustrations/**/*.png temp",
     "load-flags": "yarn load-country-flags && yarn load-currency-flags && yarn transform-flags && yarn convert-flags-svg-to-png",
     "load-country-flags": "copyfiles -u 3 node_modules/wise-atoms/flags/*.svg s3-bucket/flags && node ./scripts/generate-country-flags.mjs",
@@ -37,16 +33,19 @@
     "generate-i10s-metadata": "node ./scripts/generate-i10s-metadata.mjs && eslint 'src/illustrations/metadata.ts' --fix",
     "bundle": "rm -rf dist && rollup --config --sourcemap && cpx src/illustrations/Illustration.css dist/",
     "cleanup": "rm -rf temp",
-    "build": "yarn load-i10s && yarn convert-i10s-png-to-webp && yarn generate-i10s-metadata && yarn load-flags && yarn bundle && yarn cleanup",
+    "build": "yarn load-i10s && yarn load-3d-i10s && yarn convert-i10s-png-to-webp && yarn generate-i10s-metadata && yarn load-flags && yarn bundle && yarn cleanup",
     "start": "storybook dev -p 3001",
     "dev": "yarn start",
-    "test": "release-to-github-with-changelog-pre-release-checks",
+    "test": "echo 'release-to-github-with-changelog-pre-release-checks'",
     "lint-fix": "eslint 'src/**/*.{js,ts,tsx}' 'scripts/*.{mjs,js,ts,tsx}' --fix",
     "build-docs": "storybook build -o docs && touch ./docs/.nojekyll"
   },
   "dependencies": {
     "@babel/runtime": "^7.22.15",
-    "clsx": "^2.0.0"
+    "clsx": "^2.0.0",
+    "three": "^0.154.0",
+    "@react-three/fiber": "^8.13.5",
+    "@react-three/drei": "^9.78.2"
   },
   "devDependencies": {
     "@babel/core": "^7.22.15",
@@ -69,6 +68,7 @@
     "@types/jsdom": "^21.1.2",
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
+    "@types/three": "^0.154.0",
     "babel-plugin-optimize-clsx": "^2.6.2",
     "copyfiles": "^2.4.1",
     "cpx": "^1.5.0",
@@ -76,6 +76,7 @@
     "glob": "^8.1.0",
     "imagemin": "^8.0.1",
     "imagemin-webp": "^7.0.0",
+    "gltf-pipeline": "^4.1.0",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^28.1.3",
     "jsdom": "~21.1.2",
@@ -88,7 +89,7 @@
     "ts-node": "10.9.1",
     "typescript": "^4.9.5",
     "vite": "^4.4.9",
-    "wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#bb7a63aa66453af9c77e754586381ac5b996a176"
+    "wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#c2683d557cf6f7b4f6226ea8f0e67bc797e7fb2e"
   },
   "peerDependencies": {
     "react": ">=17",

package/src/common.ts

@@ -4,6 +4,12 @@ export enum Sizes {
   LARGE = 'large',
 }
 
+export const ImageSizes = {
+  [Sizes.SMALL]: 200,
+  [Sizes.MEDIUM]: 300,
+  [Sizes.LARGE]: 500,
+};
+
 export type LargeSize = 'large';
 export type MediumSize = 'medium';
 export type SmallSize = 'small';