@wise/art 2.23.0 → 2.24.0

package/dist/{index-BGY7AW-C.esm.js → index-B7-sseXz.esm.js}

@@ -1,6 +1,7 @@
-import { clsx } from 'clsx';
+import clsx$1, { clsx } from 'clsx';
 import { useState, useEffect, forwardRef, Suspense, lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRive } from '@rive-app/react-canvas-lite';
 
 const unknownFlagName = 'wise';
 const Flag = ({
@@ -264,71 +265,71 @@ function getModel({
 }) {
   // @ts-expect-error unknown generic
   let Model = /*#__PURE__*/jsx(Fragment, {});
-  const Scene = /*#__PURE__*/lazy(async () => import('./Scene-D9Ypns77.esm.js'));
+  const Scene = /*#__PURE__*/lazy(async () => import('./Scene-P9jWpTgR.esm.js'));
   switch (name) {
     case Assets.LOCK:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Lock-C5KVCiD_.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Lock-826UWeNb.esm.js'));
         break;
       }
     case Assets.GLOBE:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Globe-Bow9wuhI.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Globe-CfUyNrkK.esm.js'));
         break;
       }
     case Assets.CONFETTI:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Confetti-DyMbYewV.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Confetti-BIQYlh0Y.esm.js'));
         break;
       }
     case Assets.CHECK_MARK:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./CheckMark-CGdIyeCx.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./CheckMark-Cy6Z45Hs.esm.js'));
         break;
       }
     case Assets.FLOWER:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Flower-ZJf4z4N1.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Flower--as2dpnv.esm.js'));
         break;
       }
     case Assets.PLANE:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Plane-DPKOb3uq.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Plane-EW-Xx3ot.esm.js'));
         break;
       }
     case Assets.GRAPH:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Graph-gXaFMJ_o.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Graph-DQrhkZMC.esm.js'));
         break;
       }
     case Assets.MARBLE:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Marble-B49SdxLI.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Marble-BaS-Fcvw.esm.js'));
         break;
       }
     case Assets.MARBLE_CARD:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./MarbleCard-YqfAcxas.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./MarbleCard-BxnjYr9z.esm.js'));
         break;
       }
     case Assets.MAGNIFYING_GLASS:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./MagnifyingGlass-dSJ6s6CS.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./MagnifyingGlass-ge5pqNO3.esm.js'));
         break;
       }
     case Assets.JARS:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Jars-ZTHr9BU-.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Jars-BymrFeRN.esm.js'));
         break;
       }
     case Assets.MULTI_CURRENCY:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./MultiCurrency-CAppNdtv.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./MultiCurrency-Dh9wxNx7.esm.js'));
         break;
       }
     case Assets.INTEREST:
       {
-        Model = /*#__PURE__*/lazy(async () => import('./Interest-DJybrHkM.esm.js'));
+        Model = /*#__PURE__*/lazy(async () => import('./Interest-D5pyUrEh.esm.js'));
         break;
       }
   }
@@ -339,5 +340,44 @@ function getModel({
   });
 }
 
-export { Assets as A, Flag as F, ImageSizes as I, Sizes as S, Illustration as a, Illustration3D as b, defineSrc as d, isIllustrationSupport3D as i };
-//# sourceMappingURL=index-BGY7AW-C.esm.js.map
+const Rive = ({
+  src,
+  animationNames
+}) => {
+  const {
+    RiveComponent
+  } = useRive({
+    src,
+    animations: animationNames,
+    autoplay: true
+  });
+  return /*#__PURE__*/jsx(RiveComponent, {});
+};
+const RiveIllustrationExperimental = ({
+  name,
+  size: sizeProp = Sizes.MEDIUM,
+  className
+}) => {
+  const [size, setSize] = useState(sizeProp);
+  useEffect(() => {
+    const isMobile = (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
+    if (isMobile) {
+      setSize(Sizes.SMALL);
+    }
+  }, []);
+  return /*#__PURE__*/jsx("div", {
+    className: clsx$1(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
+    children: (() => {
+      if (name === 'document-scan') {
+        return /*#__PURE__*/jsx(Rive, {
+          src: "https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv",
+          animationNames: ["Scan Line Appearing", "Scan Line Moving"]
+        });
+      }
+      return null;
+    })()
+  });
+};
+
+export { Assets as A, Flag as F, ImageSizes as I, RiveIllustrationExperimental as R, Sizes as S, Illustration as a, Illustration3D as b, defineSrc as d, isIllustrationSupport3D as i };
+//# sourceMappingURL=index-B7-sseXz.esm.js.map

package/dist/index-B7-sseXz.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B7-sseXz.esm.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","../src/illustrations3d/RiveIllustration.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { 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  className?: string;\n  loading?: 'lazy' | 'eager';\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({\n  code,\n  intrinsicSize = 64,\n  className = undefined,\n  loading = 'lazy',\n}: 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      className={clsx('wds-flag', `wds-flag-${name}`, className)}\n      src={\n        process.env.NODE_ENV === 'web-art-dev'\n          ? `${name}.svg`\n          : `https://wise.com/web-art/assets/flags/${name}.svg`\n      }\n      loading={loading}\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 { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport {\n  type LargeSize,\n  type MediumSize,\n  type SmallSize,\n  type Descriptors,\n  Sizes,\n} from './../common';\nimport type { 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<React.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}\n          data-testid={`wds-${name}-illustration`}\n          className={clsx(\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  \n  \n  export enum Assets {\n    WALLET = 'wallet',TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',TOOL = 'tool',TARGET_PLATFORM = 'target-platform',STOPWATCH_PLATFORM = 'stopwatch-platform',SPEECH_BUBBLE = 'speech-bubble',SKIP_AUTHENTICATION = 'skip-authentication',SHOPPING_BAG = 'shopping-bag',SATELLITE_PLATFORM = 'satellite-platform',SAND_TIMER = 'sand-timer',REMINDER_LETTER = 'reminder-letter',RECEIVE = 'receive',QUESTION_MARK = 'question-mark',PUZZLE_PIECES = 'puzzle-pieces',PLANE_2 = 'plane-2',PLANE = 'plane',PIE_CHART = 'pie-chart',PHONES = 'phones',PERSONAL_CARD = 'personal-card',PERCENTAGE = 'percentage',PALM_TREE = 'palm-tree',ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',MULTI_CURRENCY = 'multi-currency',MEGAPHONE = 'megaphone',MARBLE_CARD_FLAG_ONLY = 'marble-card-flag-only',MARBLE_CARD_BUSINESS_FLAG_ONLY = 'marble-card-business-flag-only',MARBLE_CARD_BUSINESS = 'marble-card-business',MARBLE_CARD = 'marble-card',MARBLE = 'marble',MAP = 'map',MAGNIFYING_GLASS = 'magnifying-glass',LOCK_PLATFORM = 'lock-platform',LOCK = 'lock',LIGHT_BULB = 'light-bulb',KEY = 'key',JARS = 'jars',INVITE_LETTER = 'invite-letter',INTEREST = 'interest',INFINITE = 'infinite',ID_CARD = 'id-card',HOUSE = 'house',HEART_5 = 'heart-5',HEART_4 = 'heart-4',HEART_3 = 'heart-3',HEART_2 = 'heart-2',HEART = 'heart',GRAPH = 'graph',GLOBE = 'globe',GEAR = 'gear',FLOWER = 'flower',FLAG = 'flag',EXCLAMATION_MARK = 'exclamation-mark',EMAIL_SUCCESS = 'email-success',EMAIL = 'email',ELECTRIC_PLUG = 'electric-plug',ECO_CARD = 'eco-card',DOOR = 'door',DOCUMENTS = 'documents',DIGITAL_CARD_2 = 'digital-card-2',DIGITAL_CARD = 'digital-card',COOKIE = 'cookie',CONVERT = 'convert',CONSTRUCTION_FENCE = 'construction-fence',CONFETTI = 'confetti',COIN_PILE_UP = 'coin-pile-up',COIN_PILE_DOWN = 'coin-pile-down',CLOSED_WINDOW = 'closed-window',CHECK_MARK = 'check-mark',CALENDAR = 'calendar',BUSINESS_CARD = 'business-card',BRIEFCASE = 'briefcase',BELL = 'bell',BACKPACK = 'backpack'\n  }\n  \n  export type IllustrationNames = 'wallet' | 'two-invite-letters-opened' | 'tool' | 'target-platform' | 'stopwatch-platform' | 'speech-bubble' | 'skip-authentication' | 'shopping-bag' | 'satellite-platform' | 'sand-timer' | 'reminder-letter' | 'receive' | 'question-mark' | 'puzzle-pieces' | 'plane-2' | 'plane' | 'pie-chart' | 'phones' | 'personal-card' | 'percentage' | 'palm-tree' | 'one-invite-letter-opened' | 'multi-currency' | 'megaphone' | 'marble-card-flag-only' | 'marble-card-business-flag-only' | 'marble-card-business' | 'marble-card' | 'marble' | 'map' | 'magnifying-glass' | 'lock-platform' | 'lock' | 'light-bulb' | 'key' | 'jars' | 'invite-letter' | 'interest' | 'infinite' | 'id-card' | 'house' | 'heart-5' | 'heart-4' | 'heart-3' | 'heart-2' | 'heart' | 'graph' | 'globe' | 'gear' | 'flower' | 'flag' | 'exclamation-mark' | 'email-success' | 'email' | 'electric-plug' | 'eco-card' | 'door' | 'documents' | 'digital-card-2' | 'digital-card' | 'cookie' | 'convert' | 'construction-fence' | 'confetti' | 'coin-pile-up' | 'coin-pile-down' | 'closed-window' | 'check-mark' | 'calendar' | 'business-card' | 'briefcase' | 'bell' | 'backpack'","import { useState, useEffect } from 'react';\n\nimport type { 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 (\n      'getBattery' in navigator &&\n      navigator.getBattery !== undefined &&\n      typeof navigator.getBattery === 'function'\n    ) {\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    return false;\n  }\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n    // @ts-expect-error Property 'connection' does exist on type 'Navigator'\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\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  'interest',\n];\n\nexport function isIllustrationSupport3D(asset: IllustrationNames): boolean {\n  return illustration3DNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\nimport { clsx } from 'clsx';\nimport { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\nimport Illustration, { Assets } from '../illustrations';\n\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  | 'interest';\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 [inintrinsicSize, setInintrinsicSize] = useState<Props['size']>(size);\n  const batteryData = useBattery();\n\n  useEffect(() => {\n    setRenderMode(\n      isConnectionSlow() || isBatteryLow(batteryData.level)\n        ? RenderMode.FALLBACK\n        : RenderMode.ASSET_3D,\n    );\n    const isMobile: boolean =\n      (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n    if (isMobile) {\n      setInintrinsicSize(Sizes.SMALL);\n    }\n  }, [batteryData]);\n\n  return (\n    <div\n      className={clsx(\n        'wds-illustration-3d',\n        `wds-illustration-3d-${name}`,\n        `wds-illustration-3d-${inintrinsicSize as string}`,\n        className,\n      )}\n      aria-hidden\n    >\n      {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n        <Suspense fallback={null}>{getModel({ name, size: inintrinsicSize })}</Suspense>\n      ) : (\n        <Illustration name={name} size={size} alt=\"\" />\n      )}\n    </div>\n  );\n};\n\nfunction getModel({ name, size }: Props) {\n  // @ts-expect-error unknown generic\n  let Model: LazyExoticComponent = <></>;\n  const Scene = lazy(async () => import('./Scene'));\n  switch (name) {\n    case Assets.LOCK: {\n      Model = lazy(async () => import('./models/Lock'));\n      break;\n    }\n    case Assets.GLOBE: {\n      Model = lazy(async () => import('./models/Globe'));\n      break;\n    }\n    case Assets.CONFETTI: {\n      Model = lazy(async () => import('./models/Confetti'));\n      break;\n    }\n    case Assets.CHECK_MARK: {\n      Model = lazy(async () => import('./models/CheckMark'));\n      break;\n    }\n    case Assets.FLOWER: {\n      Model = lazy(async () => import('./models/Flower'));\n      break;\n    }\n    case Assets.PLANE: {\n      Model = lazy(async () => import('./models/Plane'));\n      break;\n    }\n    case Assets.GRAPH: {\n      Model = lazy(async () => import('./models/Graph'));\n      break;\n    }\n    case Assets.MARBLE: {\n      Model = lazy(async () => import('./models/Marble'));\n      break;\n    }\n    case Assets.MARBLE_CARD: {\n      Model = lazy(async () => import('./models/MarbleCard'));\n      break;\n    }\n    case Assets.MAGNIFYING_GLASS: {\n      Model = lazy(async () => import('./models/MagnifyingGlass'));\n      break;\n    }\n    case Assets.JARS: {\n      Model = lazy(async () => import('./models/Jars'));\n      break;\n    }\n    case Assets.MULTI_CURRENCY: {\n      Model = lazy(async () => import('./models/MultiCurrency'));\n      break;\n    }\n    case Assets.INTEREST: {\n      Model = lazy(async () => import('./models/Interest'));\n      break;\n    }\n  }\n  return (\n    <Scene assetName={name} size={size}>\n      <Model />\n    </Scene>\n  );\n}\n\nexport default Illustration3D;\n","import { useRive } from \"@rive-app/react-canvas-lite\";\nimport clsx from \"clsx\";\nimport { useEffect, useState } from \"react\";\n\nimport { Sizes } from \"../common\";\nimport type { Illustration3DProps } from \".\";\n\nexport interface RiveProps {\n  src: string;\n  animationNames?: string | string[];\n}\n\nconst Rive = ({ src, animationNames }: RiveProps) => {\n  const { RiveComponent } = useRive({\n    src,\n    animations: animationNames,\n    autoplay: true,\n  });\n\n  return (<RiveComponent />);\n};\n\nexport type Props = {\n  name: 'document-scan';\n} & Pick<Illustration3DProps, \"size\" | \"className\">;\n\nconst RiveIllustrationExperimental = ({ name, size: sizeProp = Sizes.MEDIUM, className }: Props) => {\n  const [size, setSize] = useState<Props['size']>(sizeProp);\n  useEffect(() => {\n    const isMobile: boolean =\n      (typeof window !== \"undefined\" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n    if (isMobile) {\n      setSize(Sizes.SMALL);\n    }\n  }, []);\n  return (\n    <div className={clsx('wds-illustration-rive', `wds-illustration-rive-${name}`, `wds-illustration-rive-${size}`, className)}>\n      {(() => {\n        if (name === 'document-scan') {\n          return (\n            <Rive\n              src=\"https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv\"\n              animationNames={[\"Scan Line Appearing\", \"Scan Line Moving\"]}\n            />);\n        }\n        return null;\n      })()}\n    </div>\n  );\n};\n\nexport default RiveIllustrationExperimental;\n"],"names":["unknownFlagName","Flag","code","intrinsicSize","className","undefined","loading","fallback","setFallback","useState","useEffect","detailed","name","toLowerCase","_jsx","clsx","src","process","env","NODE_ENV","alt","width","height","onError","prev","Sizes","ImageSizes","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","id","size","disablePadding","ref","_jsxs","children","_Fragment","media","srcSet","defineSrc","illustration","descriptor","Assets","useBattery","batteryData","setBatteryData","level","getBatteryData","battery","navigator","getBattery","isBatteryLow","batteryLevel","isConnectionSlow","connection","window","includes","effectiveType","saveData","asset","illustration3DNames","isIllustrationSupport3D","RenderMode","Illustration3D","renderMode","setRenderMode","INIT","inintrinsicSize","setInintrinsicSize","FALLBACK","ASSET_3D","isMobile","matchMedia","matches","Suspense","getModel","Model","Scene","lazy","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","INTEREST","assetName","Rive","animationNames","RiveComponent","useRive","animations","autoplay","RiveIllustrationExperimental","sizeProp","setSize"],"mappings":"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"}

package/dist/{index-L0JwsM9l.js → index-h9UT10zu.js}

@@ -3,6 +3,11 @@
 var clsx = require('clsx');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var reactCanvasLite = require('@rive-app/react-canvas-lite');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 const unknownFlagName = 'wise';
 const Flag = ({
@@ -266,71 +271,71 @@ function getModel({
 }) {
   // @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-B_rMBshc.js'); }));
+  const Scene = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Scene-BNlIInVE.js'); }));
   switch (name) {
     case exports.Assets.LOCK:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Lock-FvVA6m_6.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Lock-BOE3ddpP.js'); }));
         break;
       }
     case exports.Assets.GLOBE:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Globe-D616SDIV.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Globe-DBGK0J-9.js'); }));
         break;
       }
     case exports.Assets.CONFETTI:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Confetti-DHy-cyL8.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Confetti-f76FSfET.js'); }));
         break;
       }
     case exports.Assets.CHECK_MARK:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./CheckMark-JoCj_9Xl.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./CheckMark-B9DUdB-C.js'); }));
         break;
       }
     case exports.Assets.FLOWER:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Flower-CyeLXg8Q.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Flower-tTE05s4A.js'); }));
         break;
       }
     case exports.Assets.PLANE:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Plane-BGdtgyGf.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Plane-B6VdH1ku.js'); }));
         break;
       }
     case exports.Assets.GRAPH:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Graph-hn8BXg4d.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Graph-Cspo54LV.js'); }));
         break;
       }
     case exports.Assets.MARBLE:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Marble-SXXBMQZI.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Marble-DVif4bYk.js'); }));
         break;
       }
     case exports.Assets.MARBLE_CARD:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MarbleCard-CgJDRdYN.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MarbleCard-BHdYKIbl.js'); }));
         break;
       }
     case exports.Assets.MAGNIFYING_GLASS:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MagnifyingGlass-BlpU8MW4.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MagnifyingGlass-Be08FIcl.js'); }));
         break;
       }
     case exports.Assets.JARS:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Jars-DhX4riDp.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Jars-2PpusaVV.js'); }));
         break;
       }
     case exports.Assets.MULTI_CURRENCY:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MultiCurrency-DSb8qJRc.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./MultiCurrency-C46jEugZ.js'); }));
         break;
       }
     case exports.Assets.INTEREST:
       {
-        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Interest-BUNpVh-P.js'); }));
+        Model = /*#__PURE__*/react.lazy(async () => Promise.resolve().then(function () { return require('./Interest-AVvsrQVD.js'); }));
         break;
       }
   }
@@ -341,10 +346,50 @@ function getModel({
   });
 }
 
+const Rive = ({
+  src,
+  animationNames
+}) => {
+  const {
+    RiveComponent
+  } = reactCanvasLite.useRive({
+    src,
+    animations: animationNames,
+    autoplay: true
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(RiveComponent, {});
+};
+const RiveIllustrationExperimental = ({
+  name,
+  size: sizeProp = exports.Sizes.MEDIUM,
+  className
+}) => {
+  const [size, setSize] = react.useState(sizeProp);
+  react.useEffect(() => {
+    const isMobile = (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
+    if (isMobile) {
+      setSize(exports.Sizes.SMALL);
+    }
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: clsx__default.default(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
+    children: (() => {
+      if (name === 'document-scan') {
+        return /*#__PURE__*/jsxRuntime.jsx(Rive, {
+          src: "https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv",
+          animationNames: ["Scan Line Appearing", "Scan Line Moving"]
+        });
+      }
+      return null;
+    })()
+  });
+};
+
 exports.Flag = Flag;
 exports.Illustration = Illustration;
 exports.Illustration3D = Illustration3D;
 exports.ImageSizes = ImageSizes;
+exports.RiveIllustrationExperimental = RiveIllustrationExperimental;
 exports.defineSrc = defineSrc;
 exports.isIllustrationSupport3D = isIllustrationSupport3D;
-//# sourceMappingURL=index-L0JwsM9l.js.map
+//# sourceMappingURL=index-h9UT10zu.js.map

package/dist/index-h9UT10zu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-h9UT10zu.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","../src/illustrations3d/RiveIllustration.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { 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  className?: string;\n  loading?: 'lazy' | 'eager';\n}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({\n  code,\n  intrinsicSize = 64,\n  className = undefined,\n  loading = 'lazy',\n}: 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      className={clsx('wds-flag', `wds-flag-${name}`, className)}\n      src={\n        process.env.NODE_ENV === 'web-art-dev'\n          ? `${name}.svg`\n          : `https://wise.com/web-art/assets/flags/${name}.svg`\n      }\n      loading={loading}\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 { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport {\n  type LargeSize,\n  type MediumSize,\n  type SmallSize,\n  type Descriptors,\n  Sizes,\n} from './../common';\nimport type { 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<React.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}\n          data-testid={`wds-${name}-illustration`}\n          className={clsx(\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  \n  \n  export enum Assets {\n    WALLET = 'wallet',TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',TOOL = 'tool',TARGET_PLATFORM = 'target-platform',STOPWATCH_PLATFORM = 'stopwatch-platform',SPEECH_BUBBLE = 'speech-bubble',SKIP_AUTHENTICATION = 'skip-authentication',SHOPPING_BAG = 'shopping-bag',SATELLITE_PLATFORM = 'satellite-platform',SAND_TIMER = 'sand-timer',REMINDER_LETTER = 'reminder-letter',RECEIVE = 'receive',QUESTION_MARK = 'question-mark',PUZZLE_PIECES = 'puzzle-pieces',PLANE_2 = 'plane-2',PLANE = 'plane',PIE_CHART = 'pie-chart',PHONES = 'phones',PERSONAL_CARD = 'personal-card',PERCENTAGE = 'percentage',PALM_TREE = 'palm-tree',ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',MULTI_CURRENCY = 'multi-currency',MEGAPHONE = 'megaphone',MARBLE_CARD_FLAG_ONLY = 'marble-card-flag-only',MARBLE_CARD_BUSINESS_FLAG_ONLY = 'marble-card-business-flag-only',MARBLE_CARD_BUSINESS = 'marble-card-business',MARBLE_CARD = 'marble-card',MARBLE = 'marble',MAP = 'map',MAGNIFYING_GLASS = 'magnifying-glass',LOCK_PLATFORM = 'lock-platform',LOCK = 'lock',LIGHT_BULB = 'light-bulb',KEY = 'key',JARS = 'jars',INVITE_LETTER = 'invite-letter',INTEREST = 'interest',INFINITE = 'infinite',ID_CARD = 'id-card',HOUSE = 'house',HEART_5 = 'heart-5',HEART_4 = 'heart-4',HEART_3 = 'heart-3',HEART_2 = 'heart-2',HEART = 'heart',GRAPH = 'graph',GLOBE = 'globe',GEAR = 'gear',FLOWER = 'flower',FLAG = 'flag',EXCLAMATION_MARK = 'exclamation-mark',EMAIL_SUCCESS = 'email-success',EMAIL = 'email',ELECTRIC_PLUG = 'electric-plug',ECO_CARD = 'eco-card',DOOR = 'door',DOCUMENTS = 'documents',DIGITAL_CARD_2 = 'digital-card-2',DIGITAL_CARD = 'digital-card',COOKIE = 'cookie',CONVERT = 'convert',CONSTRUCTION_FENCE = 'construction-fence',CONFETTI = 'confetti',COIN_PILE_UP = 'coin-pile-up',COIN_PILE_DOWN = 'coin-pile-down',CLOSED_WINDOW = 'closed-window',CHECK_MARK = 'check-mark',CALENDAR = 'calendar',BUSINESS_CARD = 'business-card',BRIEFCASE = 'briefcase',BELL = 'bell',BACKPACK = 'backpack'\n  }\n  \n  export type IllustrationNames = 'wallet' | 'two-invite-letters-opened' | 'tool' | 'target-platform' | 'stopwatch-platform' | 'speech-bubble' | 'skip-authentication' | 'shopping-bag' | 'satellite-platform' | 'sand-timer' | 'reminder-letter' | 'receive' | 'question-mark' | 'puzzle-pieces' | 'plane-2' | 'plane' | 'pie-chart' | 'phones' | 'personal-card' | 'percentage' | 'palm-tree' | 'one-invite-letter-opened' | 'multi-currency' | 'megaphone' | 'marble-card-flag-only' | 'marble-card-business-flag-only' | 'marble-card-business' | 'marble-card' | 'marble' | 'map' | 'magnifying-glass' | 'lock-platform' | 'lock' | 'light-bulb' | 'key' | 'jars' | 'invite-letter' | 'interest' | 'infinite' | 'id-card' | 'house' | 'heart-5' | 'heart-4' | 'heart-3' | 'heart-2' | 'heart' | 'graph' | 'globe' | 'gear' | 'flower' | 'flag' | 'exclamation-mark' | 'email-success' | 'email' | 'electric-plug' | 'eco-card' | 'door' | 'documents' | 'digital-card-2' | 'digital-card' | 'cookie' | 'convert' | 'construction-fence' | 'confetti' | 'coin-pile-up' | 'coin-pile-down' | 'closed-window' | 'check-mark' | 'calendar' | 'business-card' | 'briefcase' | 'bell' | 'backpack'","import { useState, useEffect } from 'react';\n\nimport type { 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 (\n      'getBattery' in navigator &&\n      navigator.getBattery !== undefined &&\n      typeof navigator.getBattery === 'function'\n    ) {\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    return false;\n  }\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    ['slow-2g', '2g'].includes(connection?.effectiveType as string) ||\n    // @ts-expect-error Property 'connection' does exist on type 'Navigator'\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\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  'interest',\n];\n\nexport function isIllustrationSupport3D(asset: IllustrationNames): boolean {\n  return illustration3DNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\nimport { clsx } from 'clsx';\nimport { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\nimport Illustration, { Assets } from '../illustrations';\n\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  | 'interest';\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 [inintrinsicSize, setInintrinsicSize] = useState<Props['size']>(size);\n  const batteryData = useBattery();\n\n  useEffect(() => {\n    setRenderMode(\n      isConnectionSlow() || isBatteryLow(batteryData.level)\n        ? RenderMode.FALLBACK\n        : RenderMode.ASSET_3D,\n    );\n    const isMobile: boolean =\n      (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n    if (isMobile) {\n      setInintrinsicSize(Sizes.SMALL);\n    }\n  }, [batteryData]);\n\n  return (\n    <div\n      className={clsx(\n        'wds-illustration-3d',\n        `wds-illustration-3d-${name}`,\n        `wds-illustration-3d-${inintrinsicSize as string}`,\n        className,\n      )}\n      aria-hidden\n    >\n      {renderMode === RenderMode.INIT ? null : renderMode === RenderMode.ASSET_3D ? (\n        <Suspense fallback={null}>{getModel({ name, size: inintrinsicSize })}</Suspense>\n      ) : (\n        <Illustration name={name} size={size} alt=\"\" />\n      )}\n    </div>\n  );\n};\n\nfunction getModel({ name, size }: Props) {\n  // @ts-expect-error unknown generic\n  let Model: LazyExoticComponent = <></>;\n  const Scene = lazy(async () => import('./Scene'));\n  switch (name) {\n    case Assets.LOCK: {\n      Model = lazy(async () => import('./models/Lock'));\n      break;\n    }\n    case Assets.GLOBE: {\n      Model = lazy(async () => import('./models/Globe'));\n      break;\n    }\n    case Assets.CONFETTI: {\n      Model = lazy(async () => import('./models/Confetti'));\n      break;\n    }\n    case Assets.CHECK_MARK: {\n      Model = lazy(async () => import('./models/CheckMark'));\n      break;\n    }\n    case Assets.FLOWER: {\n      Model = lazy(async () => import('./models/Flower'));\n      break;\n    }\n    case Assets.PLANE: {\n      Model = lazy(async () => import('./models/Plane'));\n      break;\n    }\n    case Assets.GRAPH: {\n      Model = lazy(async () => import('./models/Graph'));\n      break;\n    }\n    case Assets.MARBLE: {\n      Model = lazy(async () => import('./models/Marble'));\n      break;\n    }\n    case Assets.MARBLE_CARD: {\n      Model = lazy(async () => import('./models/MarbleCard'));\n      break;\n    }\n    case Assets.MAGNIFYING_GLASS: {\n      Model = lazy(async () => import('./models/MagnifyingGlass'));\n      break;\n    }\n    case Assets.JARS: {\n      Model = lazy(async () => import('./models/Jars'));\n      break;\n    }\n    case Assets.MULTI_CURRENCY: {\n      Model = lazy(async () => import('./models/MultiCurrency'));\n      break;\n    }\n    case Assets.INTEREST: {\n      Model = lazy(async () => import('./models/Interest'));\n      break;\n    }\n  }\n  return (\n    <Scene assetName={name} size={size}>\n      <Model />\n    </Scene>\n  );\n}\n\nexport default Illustration3D;\n","import { useRive } from \"@rive-app/react-canvas-lite\";\nimport clsx from \"clsx\";\nimport { useEffect, useState } from \"react\";\n\nimport { Sizes } from \"../common\";\nimport type { Illustration3DProps } from \".\";\n\nexport interface RiveProps {\n  src: string;\n  animationNames?: string | string[];\n}\n\nconst Rive = ({ src, animationNames }: RiveProps) => {\n  const { RiveComponent } = useRive({\n    src,\n    animations: animationNames,\n    autoplay: true,\n  });\n\n  return (<RiveComponent />);\n};\n\nexport type Props = {\n  name: 'document-scan';\n} & Pick<Illustration3DProps, \"size\" | \"className\">;\n\nconst RiveIllustrationExperimental = ({ name, size: sizeProp = Sizes.MEDIUM, className }: Props) => {\n  const [size, setSize] = useState<Props['size']>(sizeProp);\n  useEffect(() => {\n    const isMobile: boolean =\n      (typeof window !== \"undefined\" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n    if (isMobile) {\n      setSize(Sizes.SMALL);\n    }\n  }, []);\n  return (\n    <div className={clsx('wds-illustration-rive', `wds-illustration-rive-${name}`, `wds-illustration-rive-${size}`, className)}>\n      {(() => {\n        if (name === 'document-scan') {\n          return (\n            <Rive\n              src=\"https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv\"\n              animationNames={[\"Scan Line Appearing\", \"Scan Line Moving\"]}\n            />);\n        }\n        return null;\n      })()}\n    </div>\n  );\n};\n\nexport default RiveIllustrationExperimental;\n"],"names":["unknownFlagName","Flag","code","intrinsicSize","className","undefined","loading","fallback","setFallback","useState","useEffect","detailed","name","toLowerCase","_jsx","clsx","src","process","env","NODE_ENV","alt","width","height","onError","prev","Sizes","ImageSizes","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","id","size","disablePadding","ref","_jsxs","children","_Fragment","media","srcSet","defineSrc","illustration","descriptor","Assets","useBattery","batteryData","setBatteryData","level","getBatteryData","battery","navigator","getBattery","isBatteryLow","batteryLevel","isConnectionSlow","connection","window","includes","effectiveType","saveData","asset","illustration3DNames","isIllustrationSupport3D","RenderMode","Illustration3D","renderMode","setRenderMode","INIT","inintrinsicSize","setInintrinsicSize","FALLBACK","ASSET_3D","isMobile","matchMedia","matches","Suspense","getModel","Model","Scene","lazy","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","INTEREST","assetName","Rive","animationNames","RiveComponent","useRive","animations","autoplay","RiveIllustrationExperimental","sizeProp","setSize"],"mappings":"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"}

package/dist/index.d.ts

@@ -7,4 +7,6 @@ export type { FlagProps } from './flags';
 export type { IllustrationNames, IllustrationProps } from './illustrations';
 export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
 export { isIllustrationSupport3D } from './illustrations3d';
+export { default as RiveIllustrationExperimental } from './illustrations3d/RiveIllustration';
+export type { Props as RiveIllustrationExperimentalProps } from './illustrations3d/RiveIllustration';
 //# 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,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"}
+{"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;AAE5D,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAC7F,YAAY,EAAE,KAAK,IAAI,iCAAiC,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/index.esm.js

@@ -1,5 +1,6 @@
-export { A as Assets, F as Flag, a as Illustration, b as Illustration3D, S as Sizes, i as isIllustrationSupport3D } from './index-BGY7AW-C.esm.js';
+export { A as Assets, F as Flag, a as Illustration, b as Illustration3D, R as RiveIllustrationExperimental, S as Sizes, i as isIllustrationSupport3D } from './index-B7-sseXz.esm.js';
 import 'clsx';
 import 'react';
 import 'react/jsx-runtime';
+import '@rive-app/react-canvas-lite';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/dist/index.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var index = require('./index-L0JwsM9l.js');
+var index = require('./index-h9UT10zu.js');
 require('clsx');
 require('react');
 require('react/jsx-runtime');
+require('@rive-app/react-canvas-lite');
 
 
 
@@ -14,6 +15,7 @@ Object.defineProperty(exports, "Assets", {
 exports.Flag = index.Flag;
 exports.Illustration = index.Illustration;
 exports.Illustration3D = index.Illustration3D;
+exports.RiveIllustrationExperimental = index.RiveIllustrationExperimental;
 Object.defineProperty(exports, "Sizes", {
 	enumerable: true,
 	get: function () { return index.Sizes; }

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/art",
-  "version": "2.23.0",
+  "version": "2.24.0",
   "packageManager": "pnpm@10.12.4+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184",
   "license": "MIT",
   "description": "React library for art elements in UI",
@@ -23,7 +23,8 @@
   ],
   "scripts": {
     "setup": "pnpm install && pnpm build",
-    "load-3d-i10s": "rm -rf s3-bucket/illustrations3d/ && node ./scripts/load-3d-i10s.mjs",
+    "load-3d-i10s": "rm -rf s3-bucket/illustrations3d/ && node ./scripts/load-3d-i10s.mjs && pnpm load-riv",
+    "load-riv": "copyfiles -u 1 assets/*.riv s3-bucket/illustrations3d/rive",
     "load-i10s": "copyfiles -u 3 node_modules/wise-atoms/illustrations/**/*.png temp",
     "load-flags": "rm -rf s3-bucket/flags/* && pnpm load-country-flags && pnpm load-currency-flags && pnpm transform-flags && pnpm 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",
@@ -48,6 +49,7 @@
     "@babel/runtime": "^7.27.6",
     "@react-three/drei": "9.122.0",
     "@react-three/fiber": "8.18.0",
+    "@rive-app/react-canvas-lite": "^4.22.1",
     "@types/three": "0.164.0",
     "clsx": "^2.1.1",
     "three": "0.164.0"

package/src/illustrations3d/RiveIllustration.css

@@ -0,0 +1,18 @@
+.wds-illustration-rive {
+  display: inline-flex;
+}
+
+.wds-illustration-rive-small {
+  width: 200px;
+  height: 200px;
+}
+
+.wds-illustration-rive-medium {
+  width: 300px;
+  height: 300px;
+}
+
+.wds-illustration-rive-large {
+  width: 500px;
+  height: 500px;
+}

package/src/illustrations3d/RiveIllustration.stories.tsx

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react-vite';
+
+import RiveIllustrationExperimental from './RiveIllustration';
+
+export default {
+  component: RiveIllustrationExperimental,
+  title: 'Rive Illustrations (Experimental)',
+};
+
+type Story = StoryObj<typeof RiveIllustrationExperimental>;
+
+export const DocumentScan: Story = {
+  tags: ['autodocs'],
+  render: () => (
+    <>
+      <RiveIllustrationExperimental name="document-scan" />
+      <p>Note: This API is experimental and may be subject to changes or removal.</p>
+    </>
+  ),
+};

package/src/illustrations3d/RiveIllustration.tsx

@@ -0,0 +1,52 @@
+import { useRive } from "@rive-app/react-canvas-lite";
+import clsx from "clsx";
+import { useEffect, useState } from "react";
+
+import { Sizes } from "../common";
+import type { Illustration3DProps } from ".";
+
+export interface RiveProps {
+  src: string;
+  animationNames?: string | string[];
+}
+
+const Rive = ({ src, animationNames }: RiveProps) => {
+  const { RiveComponent } = useRive({
+    src,
+    animations: animationNames,
+    autoplay: true,
+  });
+
+  return (<RiveComponent />);
+};
+
+export type Props = {
+  name: 'document-scan';
+} & Pick<Illustration3DProps, "size" | "className">;
+
+const RiveIllustrationExperimental = ({ name, size: sizeProp = Sizes.MEDIUM, className }: Props) => {
+  const [size, setSize] = useState<Props['size']>(sizeProp);
+  useEffect(() => {
+    const isMobile: boolean =
+      (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
+    if (isMobile) {
+      setSize(Sizes.SMALL);
+    }
+  }, []);
+  return (
+    <div className={clsx('wds-illustration-rive', `wds-illustration-rive-${name}`, `wds-illustration-rive-${size}`, className)}>
+      {(() => {
+        if (name === 'document-scan') {
+          return (
+            <Rive
+              src="https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv"
+              animationNames={["Scan Line Appearing", "Scan Line Moving"]}
+            />);
+        }
+        return null;
+      })()}
+    </div>
+  );
+};
+
+export default RiveIllustrationExperimental;

package/src/index.css

@@ -1,2 +1,3 @@
 @import './illustrations/Illustration.css';
 @import './flags/Flag.css';
+@import './illustrations3d/RiveIllustration.css';

package/src/index.ts

@@ -10,3 +10,6 @@ export type { IllustrationNames, IllustrationProps } from './illustrations';
 export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';
 
 export { isIllustrationSupport3D } from './illustrations3d';
+
+export { default as RiveIllustrationExperimental } from './illustrations3d/RiveIllustration';
+export type { Props as RiveIllustrationExperimentalProps } from './illustrations3d/RiveIllustration';