@wise/art 2.5.0-beta.4 → 2.5.0-beta.5

package/dist/illustrations3d/MarbleCardModel.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const MarbleCardModel: () => React.JSX.Element;
 export default MarbleCardModel;
+declare function MarbleCardModel(): React.JSX.Element;
+import React from "react";

package/dist/illustrations3d/MarbleModel.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const MarbleModel: () => React.JSX.Element;
 export default MarbleModel;
+declare function MarbleModel(): React.JSX.Element;
+import React from "react";

package/dist/illustrations3d/MultiCurrencyModel.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const MultiCurrencyModel: () => React.JSX.Element;
 export default MultiCurrencyModel;
+declare function MultiCurrencyModel(): React.JSX.Element;
+import React from "react";

package/dist/illustrations3d/PlaneModel.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const PlaneModel: () => React.JSX.Element;
 export default PlaneModel;
+declare function PlaneModel(): React.JSX.Element;
+import React from "react";

package/dist/index-c01bc668.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useEffect as n,forwardRef as a,Suspense as r,lazy as i}from"react";import l from"classnames";var c,o,s=function(e){var a=e.code,r=e.intrinsicSize,i=void 0===r?64:r,l=t(null),c=l[0],o=l[1];n(function(){o(null)},[a]);var s=i>=150,E="unknown"!==c?a.toLowerCase()+(null==c&&s?"-detailed":""):"wise";/*#__PURE__*/return React.createElement("img",{src:"https://wise.com/web-art/assets/flags/"+E+".svg",alt:"",width:i,height:i,onError:function(){o(function(e){return null==e&&s?"simple":"unknown"})}})};!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(o||(o={}));var E,u,d=((c={})[o.SMALL]=200,c[o.MEDIUM]=300,c[o.LARGE]=500,c),m=((E={})[o.SMALL]=200,E[o.MEDIUM]=300,E[o.LARGE]=500,E),A=a(function(t,n){var a=t.id,r=t.name,i=t.alt,c=t.loading,s=void 0===c?"eager":c,E=t.className,u=t.size,d=void 0===u?o.MEDIUM:u,A=t.disablePadding,I=void 0!==A&&A,M=o.SMALL,R=o.MEDIUM;return r?/*#__PURE__*/e.createElement("picture",null,d===o.LARGE||d===o.MEDIUM?/*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("source",{width:m[M],height:m[M],media:"(max-width: 575px)",srcSet:L(r,M,"1x")+", "+L(r,M,"2x")+" 2x"}),d!==o.MEDIUM?/*#__PURE__*/e.createElement("source",{width:m[R],height:m[R],media:"(max-width: 992px)",srcSet:L(r,R,"1x")+", "+L(r,R,"2x")+" 2x"}):null):null,/*#__PURE__*/e.createElement("img",{id:a,ref:n,alt:null!=i?i:r.replace("-"," "),"data-testid":"wds-"+r+"-illustration",className:l("wds-illustration","wds-illustration-"+r,{"wds-illustration-padding":!I},E),loading:s,src:L(r,d,"1x"),srcSet:L(r,d,"2x")+" 2x",width:m[d],height:m[d]})):null});function L(e,t,n){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+n+".webp"}function I(e){return"https://wise.com/web-art/assets/illustrations3d/"+e}!function(e){e.BELL="bell",e.BRIEFCASE="briefcase",e.BUSINESS_CARD="business-card",e.CALENDAR="calendar",e.CHECK_MARK="check-mark",e.CLOSED_WINDOW="closed-window",e.COIN_PILE_DOWN="coin-pile-down",e.COIN_PILE_UP="coin-pile-up",e.CONFETTI="confetti",e.CONSTRUCTION_FENCE="construction-fence",e.CONVERT="convert",e.COOKIE="cookie",e.DIGITAL_CARD_2="digital-card-2",e.DIGITAL_CARD="digital-card",e.DOCUMENTS="documents",e.DOOR="door",e.ECO_CARD="eco-card",e.ELECTRIC_PLUG="electric-plug",e.EMAIL_SUCCESS="email-success",e.EMAIL="email",e.EXCLAMATION_MARK="exclamation-mark",e.FLAG="flag",e.FLOWER="flower",e.GEAR="gear",e.GLOBE="globe",e.GRAPH="graph",e.HEART_2="heart-2",e.HEART_3="heart-3",e.HEART_4="heart-4",e.HEART_5="heart-5",e.HEART="heart",e.HOUSE="house",e.ID_CARD="id-card",e.INFINITE="infinite",e.INVITE_LETTER="invite-letter",e.JARS="jars",e.KEY="key",e.LIGHT_BULB="light-bulb",e.LOCK="lock",e.MAGNIFYING_GLASS="magnifying-glass",e.MAP="map",e.MARBLE_CARD_BUSINESS="marble-card-business",e.MARBLE_CARD="marble-card",e.MARBLE="marble",e.MEGAPHONE="megaphone",e.MULTI_CURRENCY="multi-currency",e.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",e.PALM_TREE="palm-tree",e.PERCENTAGE="percentage",e.PERSONAL_CARD="personal-card",e.PHONES="phones",e.PIE_CHART="pie-chart",e.PLANE_2="plane-2",e.PLANE="plane",e.PUZZLE_PIECES="puzzle-pieces",e.QUESTION_MARK="question-mark",e.RECEIVE="receive",e.REMINDER_LETTER="reminder-letter",e.SAND_TIMER="sand-timer",e.SHOPPING_BAG="shopping-bag",e.SKIP_AUTHENTICATION="skip-authentication",e.SPEECH_BUBBLE="speech-bubble",e.TOOL="tool",e.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",e.WALLET="wallet"}(u||(u={}));var M,R=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];function f(e){return R.includes(e)}!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(M||(M={}));var p=function(a){var c=a.name,s=a.size,E=void 0===s?o.MEDIUM:s,d=a.className,m=t(M.INIT),L=m[0],I=m[1],R=t(E),f=R[0],p=R[1],C=function(){var e=t({level:1}),a=e[0],r=e[1];return n(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){r({level:null==e?void 0:e.level})})}catch(e){return Promise.reject(e)}}()},[]),a}();return n(function(){var e,t,n,a,r,i;I(void 0!==(i=window.navigator.connection)&&(["slow-2g","2g"].includes(null==i?void 0:i.effectiveType)||!0===(null==(a=navigator)||null==(r=a.connection)?void 0:r.saveData))||C.level<.2?M.FALLBACK:M.ASSET_3D),null!=(e=null==(t=window)||null==(n=t.matchMedia("(max-width: 575px)"))?void 0:n.matches)&&e&&p(o.SMALL)},[C]),/*#__PURE__*/e.createElement("div",{className:l("wds-illustration-3d","wds-illustration-3d-"+c,"wds-illustration-3d-"+f,d)},L===M.INIT?null:L===M.ASSET_3D?/*#__PURE__*/e.createElement(r,{fallback:null},function(t){var n=t.name,a=t.size,r=/*#__PURE__*/e.createElement(e.Fragment,null),l=i(function(){return import("./Scene-ac159885.js")});switch(n){case u.LOCK:r=i(function(){return import("./LockModel-a6dc177f.js")});break;case u.GLOBE:r=i(function(){return import("./GlobeModel-68acfa52.js")});break;case u.CONFETTI:r=i(function(){return import("./ConfettiModel-92c70905.js")});break;case u.CHECK_MARK:r=i(function(){return import("./CheckMarkModel-5d9c5dfe.js")});break;case u.FLOWER:r=i(function(){return import("./FlowerModel-1edb0505.js")});break;case u.PLANE:r=i(function(){return import("./PlaneModel-42dc1baf.js")});break;case u.GRAPH:r=i(function(){return import("./GraphModel-3676672b.js")});break;case u.MARBLE:r=i(function(){return import("./MarbleModel-9b8da11c.js")});break;case u.MARBLE_CARD:r=i(function(){return import("./MarbleCardModel-6e825774.js")});break;case u.MAGNIFYING_GLASS:r=i(function(){return import("./MagnifyingGlassModel-d6f6c5bb.js")});break;case u.JARS:r=i(function(){return import("./JarsModel-5b0722ca.js")});break;case u.MULTI_CURRENCY:r=i(function(){return import("./MultiCurrencyModel-861c2d4a.js")})}/*#__PURE__*/return e.createElement(l,{assetName:n,size:a},/*#__PURE__*/e.createElement(r,null))}({name:c,size:f})):/*#__PURE__*/e.createElement(A,{name:c,size:E,alt:""}))};export{u as A,s as F,d as I,o as S,A as a,p as b,I as d,f as i};
+//# sourceMappingURL=index-c01bc668.js.map

package/dist/index-c01bc668.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-c01bc668.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":["import { 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}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({ code, intrinsicSize = 64 }: 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      src={`https://wise.com/web-art/assets/flags/${name}.svg`}\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 classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Descriptors, Sizes } from './../common';\nimport { 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<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 ?? name.replace('-', ' ')}\n          data-testid={`wds-${name}-illustration`}\n          className={classNames(\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\nexport enum Assets {\n  BELL = 'bell',\n  BRIEFCASE = 'briefcase',\n  BUSINESS_CARD = 'business-card',\n  CALENDAR = 'calendar',\n  CHECK_MARK = 'check-mark',\n  CLOSED_WINDOW = 'closed-window',\n  COIN_PILE_DOWN = 'coin-pile-down',\n  COIN_PILE_UP = 'coin-pile-up',\n  CONFETTI = 'confetti',\n  CONSTRUCTION_FENCE = 'construction-fence',\n  CONVERT = 'convert',\n  COOKIE = 'cookie',\n  DIGITAL_CARD_2 = 'digital-card-2',\n  DIGITAL_CARD = 'digital-card',\n  DOCUMENTS = 'documents',\n  DOOR = 'door',\n  ECO_CARD = 'eco-card',\n  ELECTRIC_PLUG = 'electric-plug',\n  EMAIL_SUCCESS = 'email-success',\n  EMAIL = 'email',\n  EXCLAMATION_MARK = 'exclamation-mark',\n  FLAG = 'flag',\n  FLOWER = 'flower',\n  GEAR = 'gear',\n  GLOBE = 'globe',\n  GRAPH = 'graph',\n  HEART_2 = 'heart-2',\n  HEART_3 = 'heart-3',\n  HEART_4 = 'heart-4',\n  HEART_5 = 'heart-5',\n  HEART = 'heart',\n  HOUSE = 'house',\n  ID_CARD = 'id-card',\n  INFINITE = 'infinite',\n  INVITE_LETTER = 'invite-letter',\n  JARS = 'jars',\n  KEY = 'key',\n  LIGHT_BULB = 'light-bulb',\n  LOCK = 'lock',\n  MAGNIFYING_GLASS = 'magnifying-glass',\n  MAP = 'map',\n  MARBLE_CARD_BUSINESS = 'marble-card-business',\n  MARBLE_CARD = 'marble-card',\n  MARBLE = 'marble',\n  MEGAPHONE = 'megaphone',\n  MULTI_CURRENCY = 'multi-currency',\n  ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n  PALM_TREE = 'palm-tree',\n  PERCENTAGE = 'percentage',\n  PERSONAL_CARD = 'personal-card',\n  PHONES = 'phones',\n  PIE_CHART = 'pie-chart',\n  PLANE_2 = 'plane-2',\n  PLANE = 'plane',\n  PUZZLE_PIECES = 'puzzle-pieces',\n  QUESTION_MARK = 'question-mark',\n  RECEIVE = 'receive',\n  REMINDER_LETTER = 'reminder-letter',\n  SAND_TIMER = 'sand-timer',\n  SHOPPING_BAG = 'shopping-bag',\n  SKIP_AUTHENTICATION = 'skip-authentication',\n  SPEECH_BUBBLE = 'speech-bubble',\n  TOOL = 'tool',\n  TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n  WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n  | 'bell'\n  | 'briefcase'\n  | 'business-card'\n  | 'calendar'\n  | 'check-mark'\n  | 'closed-window'\n  | 'coin-pile-down'\n  | 'coin-pile-up'\n  | 'confetti'\n  | 'construction-fence'\n  | 'convert'\n  | 'cookie'\n  | 'digital-card-2'\n  | 'digital-card'\n  | 'documents'\n  | 'door'\n  | 'eco-card'\n  | 'electric-plug'\n  | 'email-success'\n  | 'email'\n  | 'exclamation-mark'\n  | 'flag'\n  | 'flower'\n  | 'gear'\n  | 'globe'\n  | 'graph'\n  | 'heart-2'\n  | 'heart-3'\n  | 'heart-4'\n  | 'heart-5'\n  | 'heart'\n  | 'house'\n  | 'id-card'\n  | 'infinite'\n  | 'invite-letter'\n  | 'jars'\n  | 'key'\n  | 'light-bulb'\n  | 'lock'\n  | 'magnifying-glass'\n  | 'map'\n  | 'marble-card-business'\n  | 'marble-card'\n  | 'marble'\n  | 'megaphone'\n  | 'multi-currency'\n  | 'one-invite-letter-opened'\n  | 'palm-tree'\n  | 'percentage'\n  | 'personal-card'\n  | 'phones'\n  | 'pie-chart'\n  | 'plane-2'\n  | 'plane'\n  | 'puzzle-pieces'\n  | 'question-mark'\n  | 'receive'\n  | 'reminder-letter'\n  | 'sand-timer'\n  | 'shopping-bag'\n  | 'skip-authentication'\n  | 'speech-bubble'\n  | 'tool'\n  | 'two-invite-letters-opened'\n  | 'wallet';\n","import { useState, useEffect } from 'react';\n\nimport { 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 ('getBattery' in navigator) {\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];\n\nexport function is3dIllustrationSupported(asset: IllustrationNames): boolean {\n  return illustration3dNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\n/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable @typescript-eslint/restrict-template-expressions */\nimport classNames from 'classnames';\nimport React, { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\n\nimport Illustration, { Assets } from './../illustrations';\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\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 = window?.matchMedia('(max-width: 575px)')?.matches ?? false;\n    if (isMobile) {\n      setInintrinsicSize(Sizes.SMALL);\n    }\n  }, [batteryData]);\n\n  return (\n    <div\n      className={classNames(\n        'wds-illustration-3d',\n        `wds-illustration-3d-${name}`,\n        `wds-illustration-3d-${inintrinsicSize}`,\n        className,\n      )}\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(() => import('./Scene'));\n  switch (name) {\n    case Assets.LOCK: {\n      Model = lazy(() => import('./LockModel'));\n      break;\n    }\n    case Assets.GLOBE: {\n      Model = lazy(() => import('./GlobeModel'));\n      break;\n    }\n    case Assets.CONFETTI: {\n      Model = lazy(() => import('./ConfettiModel'));\n      break;\n    }\n    case Assets.CHECK_MARK: {\n      Model = lazy(() => import('./CheckMarkModel'));\n      break;\n    }\n    case Assets.FLOWER: {\n      Model = lazy(() => import('./FlowerModel'));\n      break;\n    }\n    case Assets.PLANE: {\n      Model = lazy(() => import('./PlaneModel'));\n      break;\n    }\n    case Assets.GRAPH: {\n      Model = lazy(() => import('./GraphModel'));\n      break;\n    }\n    case Assets.MARBLE: {\n      Model = lazy(() => import('./MarbleModel'));\n      break;\n    }\n    case Assets.MARBLE_CARD: {\n      Model = lazy(() => import('./MarbleCardModel'));\n      break;\n    }\n    case Assets.MAGNIFYING_GLASS: {\n      Model = lazy(() => import('./MagnifyingGlassModel'));\n      break;\n    }\n    case Assets.JARS: {\n      Model = lazy(() => import('./JarsModel'));\n      break;\n    }\n    case Assets.MULTI_CURRENCY: {\n      Model = lazy(() => import('./MultiCurrencyModel'));\n      break;\n    }\n  }\n  return (\n    <Scene assetName={name} size={size}>\n      <Model />\n    </Scene>\n  );\n}\n\nexport default Illustration3d;\n"],"names":["_ImageSizes","Sizes","Flag","_ref","code","intrinsicSize","_ref$intrinsicSize","_useState","useState","fallback","setFallback","useEffect","detailed","name","toLowerCase","React","createElement","src","alt","width","height","onError","prev","ImageSizes","_imageSizes","Assets","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","ref","id","loading","_ref$loading","className","size","_ref$size","disablePadding","_ref$disablePadding","Fragment","media","srcSet","defineSrc","replace","classNames","illustration","descriptor","asset","RenderMode","includes","Illustration3d","INIT","renderMode","setRenderMode","inintrinsicSize","setInintrinsicSize","_useState2","batteryData","level","setBatteryData","navigator","getBattery","then","battery","e","Promise","reject","useBattery","connection","undefined","window","effectiveType","_navigator","_navigator$connection","saveData","FALLBACK","ASSET_3D","_window$matchMedia","_window","matchMedia","matches","_window$matchMedia$ma","Suspense","_ref2","Model","lazy","import","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","Scene","assetName","getModel"],"mappings":"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"}

package/dist/index-f10a1ab2.js

@@ -0,0 +1,2 @@
+var e=require("react"),t=require("classnames");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,n,i=/*#__PURE__*/r(e),a=/*#__PURE__*/r(t);exports.Sizes=void 0,(n=exports.Sizes||(exports.Sizes={})).SMALL="small",n.MEDIUM="medium",n.LARGE="large";var l,o,u=((s={})[exports.Sizes.SMALL]=200,s[exports.Sizes.MEDIUM]=300,s[exports.Sizes.LARGE]=500,s),c=((l={})[exports.Sizes.SMALL]=200,l[exports.Sizes.MEDIUM]=300,l[exports.Sizes.LARGE]=500,l),E=e.forwardRef(function(e,t){var r=e.id,s=e.name,n=e.alt,l=e.loading,o=void 0===l?"eager":l,u=e.className,E=e.size,f=void 0===E?exports.Sizes.MEDIUM:E,A=e.disablePadding,m=void 0!==A&&A,p=exports.Sizes.SMALL,S=exports.Sizes.MEDIUM;return s?/*#__PURE__*/i.default.createElement("picture",null,f===exports.Sizes.LARGE||f===exports.Sizes.MEDIUM?/*#__PURE__*/i.default.createElement(i.default.Fragment,null,/*#__PURE__*/i.default.createElement("source",{width:c[p],height:c[p],media:"(max-width: 575px)",srcSet:d(s,p,"1x")+", "+d(s,p,"2x")+" 2x"}),f!==exports.Sizes.MEDIUM?/*#__PURE__*/i.default.createElement("source",{width:c[S],height:c[S],media:"(max-width: 992px)",srcSet:d(s,S,"1x")+", "+d(s,S,"2x")+" 2x"}):null):null,/*#__PURE__*/i.default.createElement("img",{id:r,ref:t,alt:null!=n?n:s.replace("-"," "),"data-testid":"wds-"+s+"-illustration",className:a.default("wds-illustration","wds-illustration-"+s,{"wds-illustration-padding":!m},u),loading:o,src:d(s,f,"1x"),srcSet:d(s,f,"2x")+" 2x",width:c[f],height:c[f]})):null});function d(e,t,r){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+r+".webp"}exports.Assets=void 0,(o=exports.Assets||(exports.Assets={})).BELL="bell",o.BRIEFCASE="briefcase",o.BUSINESS_CARD="business-card",o.CALENDAR="calendar",o.CHECK_MARK="check-mark",o.CLOSED_WINDOW="closed-window",o.COIN_PILE_DOWN="coin-pile-down",o.COIN_PILE_UP="coin-pile-up",o.CONFETTI="confetti",o.CONSTRUCTION_FENCE="construction-fence",o.CONVERT="convert",o.COOKIE="cookie",o.DIGITAL_CARD_2="digital-card-2",o.DIGITAL_CARD="digital-card",o.DOCUMENTS="documents",o.DOOR="door",o.ECO_CARD="eco-card",o.ELECTRIC_PLUG="electric-plug",o.EMAIL_SUCCESS="email-success",o.EMAIL="email",o.EXCLAMATION_MARK="exclamation-mark",o.FLAG="flag",o.FLOWER="flower",o.GEAR="gear",o.GLOBE="globe",o.GRAPH="graph",o.HEART_2="heart-2",o.HEART_3="heart-3",o.HEART_4="heart-4",o.HEART_5="heart-5",o.HEART="heart",o.HOUSE="house",o.ID_CARD="id-card",o.INFINITE="infinite",o.INVITE_LETTER="invite-letter",o.JARS="jars",o.KEY="key",o.LIGHT_BULB="light-bulb",o.LOCK="lock",o.MAGNIFYING_GLASS="magnifying-glass",o.MAP="map",o.MARBLE_CARD_BUSINESS="marble-card-business",o.MARBLE_CARD="marble-card",o.MARBLE="marble",o.MEGAPHONE="megaphone",o.MULTI_CURRENCY="multi-currency",o.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",o.PALM_TREE="palm-tree",o.PERCENTAGE="percentage",o.PERSONAL_CARD="personal-card",o.PHONES="phones",o.PIE_CHART="pie-chart",o.PLANE_2="plane-2",o.PLANE="plane",o.PUZZLE_PIECES="puzzle-pieces",o.QUESTION_MARK="question-mark",o.RECEIVE="receive",o.REMINDER_LETTER="reminder-letter",o.SAND_TIMER="sand-timer",o.SHOPPING_BAG="shopping-bag",o.SKIP_AUTHENTICATION="skip-authentication",o.SPEECH_BUBBLE="speech-bubble",o.TOOL="tool",o.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",o.WALLET="wallet";var f,A=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(f||(f={})),exports.Flag=function(t){var r=t.code,s=t.intrinsicSize,n=void 0===s?64:s,i=e.useState(null),a=i[0],l=i[1];e.useEffect(function(){l(null)},[r]);var o=n>=150,u="unknown"!==a?r.toLowerCase()+(null==a&&o?"-detailed":""):"wise";/*#__PURE__*/return React.createElement("img",{src:"https://wise.com/web-art/assets/flags/"+u+".svg",alt:"",width:n,height:n,onError:function(){l(function(e){return null==e&&o?"simple":"unknown"})}})},exports.Illustration=E,exports.Illustration3d=function(t){var r=t.name,s=t.size,n=void 0===s?exports.Sizes.MEDIUM:s,l=t.className,o=e.useState(f.INIT),u=o[0],c=o[1],d=e.useState(n),A=d[0],m=d[1],p=function(){var t=e.useState({level:1}),r=t[0],s=t[1];return e.useEffect(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){s({level:null==e?void 0:e.level})})}catch(e){return Promise.reject(e)}}()},[]),r}();return e.useEffect(function(){var e,t,r,s,n,i;c(void 0!==(i=window.navigator.connection)&&(["slow-2g","2g"].includes(null==i?void 0:i.effectiveType)||!0===(null==(s=navigator)||null==(n=s.connection)?void 0:n.saveData))||p.level<.2?f.FALLBACK:f.ASSET_3D),null!=(e=null==(t=window)||null==(r=t.matchMedia("(max-width: 575px)"))?void 0:r.matches)&&e&&m(exports.Sizes.SMALL)},[p]),/*#__PURE__*/i.default.createElement("div",{className:a.default("wds-illustration-3d","wds-illustration-3d-"+r,"wds-illustration-3d-"+A,l)},u===f.INIT?null:u===f.ASSET_3D?/*#__PURE__*/i.default.createElement(e.Suspense,{fallback:null},function(t){var r=t.name,s=t.size,n=/*#__PURE__*/i.default.createElement(i.default.Fragment,null),a=e.lazy(function(){return Promise.resolve().then(function(){return require("./Scene-1d763357.js")})});switch(r){case exports.Assets.LOCK:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./LockModel-d2de7112.js")})});break;case exports.Assets.GLOBE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./GlobeModel-81a691e1.js")})});break;case exports.Assets.CONFETTI:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./ConfettiModel-8beac16b.js")})});break;case exports.Assets.CHECK_MARK:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./CheckMarkModel-0236df98.js")})});break;case exports.Assets.FLOWER:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./FlowerModel-9576701b.js")})});break;case exports.Assets.PLANE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./PlaneModel-fdb8e960.js")})});break;case exports.Assets.GRAPH:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./GraphModel-7d26714f.js")})});break;case exports.Assets.MARBLE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MarbleModel-f498682a.js")})});break;case exports.Assets.MARBLE_CARD:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MarbleCardModel-1acc10f8.js")})});break;case exports.Assets.MAGNIFYING_GLASS:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MagnifyingGlassModel-7e9ee779.js")})});break;case exports.Assets.JARS:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./JarsModel-84149211.js")})});break;case exports.Assets.MULTI_CURRENCY:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MultiCurrencyModel-b5ff7257.js")})})}/*#__PURE__*/return i.default.createElement(a,{assetName:r,size:s},/*#__PURE__*/i.default.createElement(n,null))}({name:r,size:A})):/*#__PURE__*/i.default.createElement(E,{name:r,size:n,alt:""}))},exports.ImageSizes=u,exports.defineSrc=function(e){return"https://wise.com/web-art/assets/illustrations3d/"+e},exports.is3dIllustrationSupported=function(e){return A.includes(e)};
+//# sourceMappingURL=index-f10a1ab2.js.map

package/dist/index-f10a1ab2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-f10a1ab2.js","sources":["../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3d.tsx","../src/flags/Flag.tsx"],"sourcesContent":["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 classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Descriptors, Sizes } from './../common';\nimport { 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<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 ?? name.replace('-', ' ')}\n          data-testid={`wds-${name}-illustration`}\n          className={classNames(\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\nexport enum Assets {\n  BELL = 'bell',\n  BRIEFCASE = 'briefcase',\n  BUSINESS_CARD = 'business-card',\n  CALENDAR = 'calendar',\n  CHECK_MARK = 'check-mark',\n  CLOSED_WINDOW = 'closed-window',\n  COIN_PILE_DOWN = 'coin-pile-down',\n  COIN_PILE_UP = 'coin-pile-up',\n  CONFETTI = 'confetti',\n  CONSTRUCTION_FENCE = 'construction-fence',\n  CONVERT = 'convert',\n  COOKIE = 'cookie',\n  DIGITAL_CARD_2 = 'digital-card-2',\n  DIGITAL_CARD = 'digital-card',\n  DOCUMENTS = 'documents',\n  DOOR = 'door',\n  ECO_CARD = 'eco-card',\n  ELECTRIC_PLUG = 'electric-plug',\n  EMAIL_SUCCESS = 'email-success',\n  EMAIL = 'email',\n  EXCLAMATION_MARK = 'exclamation-mark',\n  FLAG = 'flag',\n  FLOWER = 'flower',\n  GEAR = 'gear',\n  GLOBE = 'globe',\n  GRAPH = 'graph',\n  HEART_2 = 'heart-2',\n  HEART_3 = 'heart-3',\n  HEART_4 = 'heart-4',\n  HEART_5 = 'heart-5',\n  HEART = 'heart',\n  HOUSE = 'house',\n  ID_CARD = 'id-card',\n  INFINITE = 'infinite',\n  INVITE_LETTER = 'invite-letter',\n  JARS = 'jars',\n  KEY = 'key',\n  LIGHT_BULB = 'light-bulb',\n  LOCK = 'lock',\n  MAGNIFYING_GLASS = 'magnifying-glass',\n  MAP = 'map',\n  MARBLE_CARD_BUSINESS = 'marble-card-business',\n  MARBLE_CARD = 'marble-card',\n  MARBLE = 'marble',\n  MEGAPHONE = 'megaphone',\n  MULTI_CURRENCY = 'multi-currency',\n  ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n  PALM_TREE = 'palm-tree',\n  PERCENTAGE = 'percentage',\n  PERSONAL_CARD = 'personal-card',\n  PHONES = 'phones',\n  PIE_CHART = 'pie-chart',\n  PLANE_2 = 'plane-2',\n  PLANE = 'plane',\n  PUZZLE_PIECES = 'puzzle-pieces',\n  QUESTION_MARK = 'question-mark',\n  RECEIVE = 'receive',\n  REMINDER_LETTER = 'reminder-letter',\n  SAND_TIMER = 'sand-timer',\n  SHOPPING_BAG = 'shopping-bag',\n  SKIP_AUTHENTICATION = 'skip-authentication',\n  SPEECH_BUBBLE = 'speech-bubble',\n  TOOL = 'tool',\n  TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n  WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n  | 'bell'\n  | 'briefcase'\n  | 'business-card'\n  | 'calendar'\n  | 'check-mark'\n  | 'closed-window'\n  | 'coin-pile-down'\n  | 'coin-pile-up'\n  | 'confetti'\n  | 'construction-fence'\n  | 'convert'\n  | 'cookie'\n  | 'digital-card-2'\n  | 'digital-card'\n  | 'documents'\n  | 'door'\n  | 'eco-card'\n  | 'electric-plug'\n  | 'email-success'\n  | 'email'\n  | 'exclamation-mark'\n  | 'flag'\n  | 'flower'\n  | 'gear'\n  | 'globe'\n  | 'graph'\n  | 'heart-2'\n  | 'heart-3'\n  | 'heart-4'\n  | 'heart-5'\n  | 'heart'\n  | 'house'\n  | 'id-card'\n  | 'infinite'\n  | 'invite-letter'\n  | 'jars'\n  | 'key'\n  | 'light-bulb'\n  | 'lock'\n  | 'magnifying-glass'\n  | 'map'\n  | 'marble-card-business'\n  | 'marble-card'\n  | 'marble'\n  | 'megaphone'\n  | 'multi-currency'\n  | 'one-invite-letter-opened'\n  | 'palm-tree'\n  | 'percentage'\n  | 'personal-card'\n  | 'phones'\n  | 'pie-chart'\n  | 'plane-2'\n  | 'plane'\n  | 'puzzle-pieces'\n  | 'question-mark'\n  | 'receive'\n  | 'reminder-letter'\n  | 'sand-timer'\n  | 'shopping-bag'\n  | 'skip-authentication'\n  | 'speech-bubble'\n  | 'tool'\n  | 'two-invite-letters-opened'\n  | 'wallet';\n","import { useState, useEffect } from 'react';\n\nimport { 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 ('getBattery' in navigator) {\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];\n\nexport function is3dIllustrationSupported(asset: IllustrationNames): boolean {\n  return illustration3dNames.includes(asset);\n}\n","/* eslint-disable fp/no-mutation */\n/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable @typescript-eslint/restrict-template-expressions */\nimport classNames from 'classnames';\nimport React, { lazy, Suspense, useEffect, useState, LazyExoticComponent } from 'react';\n\nimport { LargeSize, MediumSize, SmallSize, Sizes } from '../common';\n\nimport Illustration, { Assets } from './../illustrations';\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\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 = window?.matchMedia('(max-width: 575px)')?.matches ?? false;\n    if (isMobile) {\n      setInintrinsicSize(Sizes.SMALL);\n    }\n  }, [batteryData]);\n\n  return (\n    <div\n      className={classNames(\n        'wds-illustration-3d',\n        `wds-illustration-3d-${name}`,\n        `wds-illustration-3d-${inintrinsicSize}`,\n        className,\n      )}\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(() => import('./Scene'));\n  switch (name) {\n    case Assets.LOCK: {\n      Model = lazy(() => import('./LockModel'));\n      break;\n    }\n    case Assets.GLOBE: {\n      Model = lazy(() => import('./GlobeModel'));\n      break;\n    }\n    case Assets.CONFETTI: {\n      Model = lazy(() => import('./ConfettiModel'));\n      break;\n    }\n    case Assets.CHECK_MARK: {\n      Model = lazy(() => import('./CheckMarkModel'));\n      break;\n    }\n    case Assets.FLOWER: {\n      Model = lazy(() => import('./FlowerModel'));\n      break;\n    }\n    case Assets.PLANE: {\n      Model = lazy(() => import('./PlaneModel'));\n      break;\n    }\n    case Assets.GRAPH: {\n      Model = lazy(() => import('./GraphModel'));\n      break;\n    }\n    case Assets.MARBLE: {\n      Model = lazy(() => import('./MarbleModel'));\n      break;\n    }\n    case Assets.MARBLE_CARD: {\n      Model = lazy(() => import('./MarbleCardModel'));\n      break;\n    }\n    case Assets.MAGNIFYING_GLASS: {\n      Model = lazy(() => import('./MagnifyingGlassModel'));\n      break;\n    }\n    case Assets.JARS: {\n      Model = lazy(() => import('./JarsModel'));\n      break;\n    }\n    case Assets.MULTI_CURRENCY: {\n      Model = lazy(() => import('./MultiCurrencyModel'));\n      break;\n    }\n  }\n  return (\n    <Scene assetName={name} size={size}>\n      <Model />\n    </Scene>\n  );\n}\n\nexport default Illustration3d;\n","import { 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}\n\nconst unknownFlagName = 'wise';\n\nexport const Flag = ({ code, intrinsicSize = 64 }: 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      src={`https://wise.com/web-art/assets/flags/${name}.svg`}\n      alt=\"\"\n      width={intrinsicSize}\n      height={intrinsicSize}\n      onError={() => {\n        setFallback((prev) => (prev == null && detailed ? 'simple' : 'unknown'));\n      }}\n    />\n  );\n};\n"],"names":["_ImageSizes","Sizes","ImageSizes","_imageSizes","Assets","SMALL","MEDIUM","LARGE","imageSizes","Illustration","forwardRef","ref","id","name","_ref","alt","loading","_ref$loading","className","size","_ref$size","disablePadding","_ref$disablePadding","React","createElement","Fragment","width","height","media","srcSet","defineSrc","replace","classNames","src","illustration","descriptor","RenderMode","code","intrinsicSize","_ref$intrinsicSize","_useState","useState","fallback","setFallback","useEffect","detailed","toLowerCase","onError","prev","INIT","renderMode","setRenderMode","inintrinsicSize","setInintrinsicSize","_useState2","batteryData","level","setBatteryData","navigator","getBattery","then","battery","e","Promise","reject","useBattery","connection","undefined","window","includes","effectiveType","_navigator","_navigator$connection","saveData","FALLBACK","ASSET_3D","_window$matchMedia","_window","matchMedia","matches","_window$matchMedia$ma","Suspense","_ref2","Model","lazy","resolve","require","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","Scene","assetName","getModel","asset"],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,2 @@
-var e=require("./index-e3ef2df0.js");require("react"),require("classnames"),Object.defineProperty(exports,"Assets",{enumerable:!0,get:function(){return e.Assets}}),exports.Flag=e.Flag,exports.Illustration=e.Illustration,exports.Illustration3d=e.Illustration3d,Object.defineProperty(exports,"Sizes",{enumerable:!0,get:function(){return e.Sizes}}),exports.is3dIllustrationSupported=e.is3dIllustrationSupported;
+var e=require("./index-f10a1ab2.js");require("react"),require("classnames"),Object.defineProperty(exports,"Assets",{enumerable:!0,get:function(){return e.Assets}}),exports.Flag=e.Flag,exports.Illustration=e.Illustration,exports.Illustration3d=e.Illustration3d,Object.defineProperty(exports,"Sizes",{enumerable:!0,get:function(){return e.Sizes}}),exports.is3dIllustrationSupported=e.is3dIllustrationSupported;
 //# sourceMappingURL=index.js.map

package/dist/index.module.js

@@ -1,2 +1,2 @@
-export{A as Assets,F as Flag,a as Illustration,b as Illustration3d,S as Sizes,i as is3dIllustrationSupported}from"./index-71891798.js";import"react";import"classnames";
+export{A as Assets,F as Flag,a as Illustration,b as Illustration3d,S as Sizes,i as is3dIllustrationSupported}from"./index-c01bc668.js";import"react";import"classnames";
 //# sourceMappingURL=index.module.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/art",
-  "version": "2.5.0-beta.4",
+  "version": "2.5.0-beta.5",
   "license": "MIT",
   "description": "React library for art elements in UI",
   "homepage": "https://github.com/transferwise/web-art#readme",

package/dist/CheckMarkModel-486bd306.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckMarkModel-486bd306.js","sources":["../src/illustrations3d/CheckMarkModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst CheckMarkModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('check-mark.gltf') /*, true*/);\n  const { animations, scene } = model;\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('check-mark-light.json'),\n  );\n\n  const { mixer, clips } = useAnimations(animations, modelRef);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Standard'].map.offset.x += -0.0025;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.4} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default CheckMarkModel;\n"],"names":["CheckMarkModel","modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","_useAnimations","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"4QASMA,IAAAA,EAAiB,WACrB,IAAcC,EAAGC,IACXC,EAAQC,EAAQC,EAAU,oBACxBC,EAAsBH,EAAtBG,WAAYC,EAAUJ,EAAVI,MACdC,EAASC,EAEbC,EACAL,EAAU,0BAGaM,EAAAA,EAAcL,EAAYL,GAA3CW,EAAKC,EAALD,MAAOE,EAAAA,EAAAA,MAQf,OAPAC,EAAS,WAEPZ,EAAMa,UAAoB,SAAEC,IAAIC,OAAOC,IAAM,MAE7CP,EAAMQ,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAU,EACtD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,6BAAWG,IAAK1B,EAAU2B,MAAO,IAAKC,OAAQtB,iBAC9CiB,EAAWC,cAAA,YAAA,CAAAI,OAAQrB,IAGzB"}

package/dist/CheckMarkModel-ebeae921.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckMarkModel-ebeae921.js","sources":["../src/illustrations3d/CheckMarkModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst CheckMarkModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('check-mark.gltf') /*, true*/);\n  const { animations, scene } = model;\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('check-mark-light.json'),\n  );\n\n  const { mixer, clips } = useAnimations(animations, modelRef);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Standard'].map.offset.x += -0.0025;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.4} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default CheckMarkModel;\n"],"names":["modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","_useAnimations","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"gRASuB,WACrB,IAAcA,EAAGC,EAAAA,SACXC,EAAQC,UAAQC,EAAAA,UAAU,oBACxBC,EAAsBH,EAAtBG,WAAYC,EAAUJ,EAAVI,MACdC,EAASC,EAAAA,UAEbC,EAAYA,aACZL,EAASA,UAAC,0BAGaM,EAAAA,EAAAA,cAAcL,EAAYL,GAA3CW,EAAKC,EAALD,MAAOE,EAAAA,EAAAA,MAQf,OAPAC,EAAQA,SAAC,WAEPZ,EAAMa,UAAoB,SAAEC,IAAIC,OAAOC,IAAM,MAE7CP,EAAMQ,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAQA,SAAE,EACtD,gBAGEC,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAAA,mCAAWG,IAAK1B,EAAU2B,MAAO,IAAKC,OAAQtB,iBAC9CiB,UAAWC,cAAA,YAAA,CAAAI,OAAQrB,IAGzB"}

package/dist/ConfettiModel-c1d5bf3d.js

@@ -1,2 +0,0 @@
-import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import o,{useRef as a}from"react";import{ObjectLoader as m,LoopOnce as n}from"three";import{d as c}from"./index-71891798.js";import"classnames";var p=function(){var p=a(),s=r(m,c("confetti-light.json")),f=e(c("confetti.gltf")),l=t(f.animations,p),u=l.mixer,b=l.clips;return i(function(){f.materials["Tapestry WebGL"].map.offset.x+=-.0015,u.clipAction(b[0]).play().setLoop(n,1)}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:p,scale:1.5,position:[0,1.5,0],object:f.scene}),/*#__PURE__*/o.createElement("primitive",{object:s}))};export{p as default};
-//# sourceMappingURL=ConfettiModel-c1d5bf3d.js.map

package/dist/ConfettiModel-c1d5bf3d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfettiModel-c1d5bf3d.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst ConfettiModel = () => {\n  const ref = useRef();\n\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('confetti-light.json'),\n  );\n\n  const model = useGLTF(defineSrc('confetti.gltf'));\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default ConfettiModel;\n"],"names":["ConfettiModel","ref","useRef","lights","useLoader","ObjectLoader","defineSrc","model","useGLTF","useAnimations","animations","mixer","clips","_useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","scale","position","object","scene"],"mappings":"4QASMA,IAAAA,EAAgB,WACpB,IAASC,EAAGC,IAENC,EAASC,EAEbC,EACAC,EAAU,wBAGDC,EAAGC,EAAQF,EAAU,oBAEPG,EAAcF,EAAMG,WAAYT,GAAjDU,IAAAA,MAAOC,EAAKC,EAALD,MAQf,OAPAE,EAAS,WAEPP,EAAMQ,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDP,EAAMQ,WAAWP,EAAM,IAAIQ,OAAOC,QAAQC,EAAU,EACtD,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWvB,IAAKA,EAAKyB,MAAO,IAAKC,SAAU,CAAC,EAAG,IAAK,GAAIC,OAAQrB,EAAMsB,qBACtEN,EAAWC,cAAA,YAAA,CAAAI,OAAQzB,IAGzB"}

package/dist/ConfettiModel-ed4c0408.js

@@ -1,2 +0,0 @@
-var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three"),a=require("./index-e3ef2df0.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var c=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),u=t.useLoader(i.ObjectLoader,a.defineSrc("confetti-light.json")),f=e.useGLTF(a.defineSrc("confetti.gltf")),o=e.useAnimations(f.animations,n),s=o.mixer,l=o.clips;return t.useFrame(function(){f.materials["Tapestry WebGL"].map.offset.x+=-.0015,s.clipAction(l[0]).play().setLoop(i.LoopOnce,1)}),/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{ref:n,scale:1.5,position:[0,1.5,0],object:f.scene}),/*#__PURE__*/c.default.createElement("primitive",{object:u}))};
-//# sourceMappingURL=ConfettiModel-ed4c0408.js.map

package/dist/ConfettiModel-ed4c0408.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfettiModel-ed4c0408.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst ConfettiModel = () => {\n  const ref = useRef();\n\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('confetti-light.json'),\n  );\n\n  const model = useGLTF(defineSrc('confetti.gltf'));\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default ConfettiModel;\n"],"names":["ref","useRef","lights","useLoader","ObjectLoader","defineSrc","model","useGLTF","useAnimations","animations","mixer","clips","_useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","scale","position","object","scene"],"mappings":"gRASsB,WACpB,IAASA,EAAGC,EAAAA,SAENC,EAASC,YAEbC,EAAAA,aACAC,EAAAA,UAAU,wBAGDC,EAAGC,EAAOA,QAACF,YAAU,oBAEPG,EAAAA,cAAcF,EAAMG,WAAYT,GAAjDU,IAAAA,MAAOC,EAAKC,EAALD,MAQf,OAPAE,WAAS,WAEPP,EAAMQ,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDP,EAAMQ,WAAWP,EAAM,IAAIQ,OAAOC,QAAQC,EAAAA,SAAU,EACtD,gBAGEC,EAAAA,QACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWvB,IAAKA,EAAKyB,MAAO,IAAKC,SAAU,CAAC,EAAG,IAAK,GAAIC,OAAQrB,EAAMsB,qBACtEN,UAAWC,cAAA,YAAA,CAAAI,OAAQzB,IAGzB"}

package/dist/FlowerModel-77945317.js

@@ -1,2 +0,0 @@
-import{useGLTF as e}from"@react-three/drei";import{useLoader as r,useFrame as t}from"@react-three/fiber";import o,{useRef as i}from"react";import{ObjectLoader as m}from"three";import{d as a}from"./index-71891798.js";import"classnames";var f=function(){var f=i(),n=e(a("flower.gltf"),!0),c=r(m,a("flower-light.json"));return t(function(){n.materials["Tapestry WebGL"].map.offset.x+=-.001}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:f,scale:1.3,position:[0,-9,0],object:n.scene}),/*#__PURE__*/o.createElement("primitive",{object:c}))};export{f as default};
-//# sourceMappingURL=FlowerModel-77945317.js.map

package/dist/FlowerModel-77945317.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowerModel-77945317.js","sources":["../src/illustrations3d/FlowerModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst FlowerModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('flower.gltf'), true);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.3} position={[0, -9, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default FlowerModel;\n"],"names":["FlowerModel","modelRef","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","React","createElement","Fragment","ref","scale","position","object","scene"],"mappings":"2OASMA,IAAAA,EAAc,WAClB,IAAcC,EAAGC,IACNC,EAAGC,EAAQC,EAAU,gBAAgB,GAE1CC,EAASC,EAAUC,EAAcH,EAAU,sBAOjD,OALAI,EAAS,WAEPN,EAAMO,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,IAAKhB,EAAUiB,MAAO,IAAKC,SAAU,CAAC,GAAI,EAAG,GAAIC,OAAQjB,EAAMkB,qBAC1EP,EAAWC,cAAA,YAAA,CAAAK,OAAQd,IAGzB"}

package/dist/FlowerModel-9528ea4a.js

@@ -1,2 +0,0 @@
-var e=require("@react-three/drei"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),i=require("./index-e3ef2df0.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/f(t);exports.default=function(){var f=t.useRef(),n=e.useGLTF(i.defineSrc("flower.gltf"),!0),l=r.useLoader(a.ObjectLoader,i.defineSrc("flower-light.json"));return r.useFrame(function(){n.materials["Tapestry WebGL"].map.offset.x+=-.001}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:f,scale:1.3,position:[0,-9,0],object:n.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:l}))};
-//# sourceMappingURL=FlowerModel-9528ea4a.js.map

package/dist/FlowerModel-9528ea4a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowerModel-9528ea4a.js","sources":["../src/illustrations3d/FlowerModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst FlowerModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('flower.gltf'), true);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.3} position={[0, -9, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default FlowerModel;\n"],"names":["modelRef","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","React","createElement","Fragment","ref","scale","position","object","scene"],"mappings":"gRASoB,WAClB,IAAcA,EAAGC,EAAMA,SACZC,EAAGC,EAAAA,QAAQC,EAAAA,UAAU,gBAAgB,GAE1CC,EAASC,YAAUC,EAAAA,aAAcH,EAAAA,UAAU,sBAOjD,OALAI,EAAAA,SAAS,WAEPN,EAAMO,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,IAAKhB,EAAUiB,MAAO,IAAKC,SAAU,CAAC,GAAI,EAAG,GAAIC,OAAQjB,EAAMkB,qBAC1EP,EAAW,QAAAC,cAAA,YAAA,CAAAK,OAAQd,IAGzB"}

package/dist/GlobeModel-bde25640.js

@@ -1,2 +0,0 @@
-import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a,{useRef as i}from"react";import{ObjectLoader as o,TextureLoader as m}from"three";import{d as n}from"./index-71891798.js";import"classnames";var p=function(){var p=i(),c=e(n("globe.gltf")).scene,l=t(o,n("globe-light.json")),s=t(m,n("wise-flag-map-bump.jpg")),f=c.getObjectByName("Globe"),b=c.getObjectByName("Coins_Axis_Rotation_Animate");return c.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=s,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1)}),r(function(){b.rotation.y+=.002,f.material.map.offset.x+=-2e-4}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:p,position:[0,-10,0],scale:1.3,object:c}),/*#__PURE__*/a.createElement("primitive",{object:l}))};export{p as default};
-//# sourceMappingURL=GlobeModel-bde25640.js.map

package/dist/GlobeModel-bde25640.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobeModel-bde25640.js","sources":["../src/illustrations3d/GlobeModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GlobeModel = () => {\n  const ref = useRef();\n  const { scene } = useGLTF(defineSrc('globe.gltf'));\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('globe-light.json'),\n  );\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const planet = scene.getObjectByName('Globe') as THREE.Mesh;\n  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n  scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n  });\n\n  useFrame(() => {\n    // @ts-expect-error later\n    orbit.rotation.y += 0.002;\n    // @ts-expect-error later\n    planet.material.map.offset.x += -0.0002;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[0, -10, 0]} scale={1.3} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default GlobeModel;\n"],"names":["GlobeModel","ref","useRef","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","React","createElement","Fragment","position","scale","object"],"mappings":"8PASMA,IAAAA,EAAa,WACjB,IAAMC,EAAMC,IACJC,EAAUC,EAAQC,EAAU,eAA5BF,MACIG,EAAGC,EAEbC,EACAH,EAAU,qBAENI,EAAWF,EAAUG,EAAeL,EAAU,2BACxCM,EAAGR,EAAMS,gBAAgB,SAC/BC,EAAQV,EAAMS,gBAAgB,+BAoBpC,OAlBAT,EAAMW,SAAS,SAACC,GACVA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,EAE1B,GAEAC,EAAS,WAEPV,EAAMW,SAASC,GAAK,KAEpBd,EAAOO,SAASQ,IAAIC,OAAOC,IAAM,IACnC,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAW7B,IAAKA,EAAK+B,SAAU,CAAC,GAAI,GAAI,GAAIC,MAAO,IAAKC,OAAQ/B,iBAChE0B,EAAWC,cAAA,YAAA,CAAAI,OAAQ5B,IAGzB"}

package/dist/GlobeModel-f3f166d1.js

@@ -1,2 +0,0 @@
-var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three"),i=require("./index-e3ef2df0.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),o=e.useGLTF(i.defineSrc("globe.gltf")).scene,f=t.useLoader(a.ObjectLoader,i.defineSrc("globe-light.json")),c=t.useLoader(a.TextureLoader,i.defineSrc("wise-flag-map-bump.jpg")),l=o.getObjectByName("Globe"),s=o.getObjectByName("Coins_Axis_Rotation_Animate");return o.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=c,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1)}),t.useFrame(function(){s.rotation.y+=.002,l.material.map.offset.x+=-2e-4}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:n,position:[0,-10,0],scale:1.3,object:o}),/*#__PURE__*/u.default.createElement("primitive",{object:f}))};
-//# sourceMappingURL=GlobeModel-f3f166d1.js.map

package/dist/GlobeModel-f3f166d1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobeModel-f3f166d1.js","sources":["../src/illustrations3d/GlobeModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GlobeModel = () => {\n  const ref = useRef();\n  const { scene } = useGLTF(defineSrc('globe.gltf'));\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('globe-light.json'),\n  );\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const planet = scene.getObjectByName('Globe') as THREE.Mesh;\n  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n  scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n  });\n\n  useFrame(() => {\n    // @ts-expect-error later\n    orbit.rotation.y += 0.002;\n    // @ts-expect-error later\n    planet.material.map.offset.x += -0.0002;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[0, -10, 0]} scale={1.3} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default GlobeModel;\n"],"names":["ref","useRef","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","React","createElement","Fragment","position","scale","object"],"mappings":"gRASmB,WACjB,IAAMA,EAAMC,EAAMA,SACVC,EAAUC,EAAOA,QAACC,YAAU,eAA5BF,MACIG,EAAGC,EAAAA,UAEbC,EAAAA,aACAH,EAAAA,UAAU,qBAENI,EAAWF,EAASA,UAACG,EAAaA,cAAEL,EAASA,UAAC,2BACxCM,EAAGR,EAAMS,gBAAgB,SAC/BC,EAAQV,EAAMS,gBAAgB,+BAoBpC,OAlBAT,EAAMW,SAAS,SAACC,GACVA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,EAE1B,GAEAC,EAAAA,SAAS,WAEPV,EAAMW,SAASC,GAAK,KAEpBd,EAAOO,SAASQ,IAAIC,OAAOC,IAAM,IACnC,gBAGEC,EACE,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAW7B,IAAKA,EAAK+B,SAAU,CAAC,GAAI,GAAI,GAAIC,MAAO,IAAKC,OAAQ/B,iBAChE0B,UAAWC,cAAA,YAAA,CAAAI,OAAQ5B,IAGzB"}

package/dist/GraphModel-480226ca.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphModel-480226ca.js","sources":["../src/illustrations3d/GraphModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GraphModel = () => {\n  const model = useGLTF(defineSrc(`graph.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Standard '].map.offset.x += -0.0015;\n    // @ts-expect-error later\n    model.materials['Standard '].map.offset.y += 0.0015;\n  });\n\n  return (\n    <>\n      <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default GraphModel;\n"],"names":["GraphModel","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"8NASMA,IAAAA,EAAa,WACjB,IAAWC,EAAGC,EAAQC,EAAS,eAEzBC,EAASC,EAAUC,EAAcH,EAAU,qBASjD,OAPAI,EAAS,WAEPN,EAAMO,UAAU,aAAaC,IAAIC,OAAOC,IAAM,MAE9CV,EAAMO,UAAU,aAAaC,IAAIC,OAAOE,GAAK,KAC/C,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQjB,EAAMkB,qBAC5DN,EAAWC,cAAA,YAAA,CAAAI,OAAQd,IAGzB"}

package/dist/GraphModel-58523d60.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphModel-58523d60.js","sources":["../src/illustrations3d/GraphModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GraphModel = () => {\n  const model = useGLTF(defineSrc(`graph.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Standard '].map.offset.x += -0.0015;\n    // @ts-expect-error later\n    model.materials['Standard '].map.offset.y += 0.0015;\n  });\n\n  return (\n    <>\n      <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default GraphModel;\n"],"names":["model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"gRASmB,WACjB,IAAWA,EAAGC,EAAOA,QAACC,EAASA,UAAA,eAEzBC,EAASC,EAAAA,UAAUC,EAAAA,aAAcH,EAAAA,UAAU,qBASjD,OAPAI,EAAQA,SAAC,WAEPN,EAAMO,UAAU,aAAaC,IAAIC,OAAOC,IAAM,MAE9CV,EAAMO,UAAU,aAAaC,IAAIC,OAAOE,GAAK,KAC/C,gBAGEC,EAAAA,QACEC,cAAAD,EAAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQjB,EAAMkB,qBAC5DN,EAAW,QAAAC,cAAA,YAAA,CAAAI,OAAQd,IAGzB"}

package/dist/JarsModel-ae24b54d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JarsModel-ae24b54d.js","sources":["../src/illustrations3d/JarsModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst JarsModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('jars.gltf'));\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const jars: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    if (child.name.startsWith('Jar_')) {\n      jars.push(child);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play();\n\n    jars.forEach((jar) => {\n      // @ts-expect-error later\n      jar.material.map.offset.x += 0.001;\n      // @ts-expect-error later\n      jar.material.map.offset.y += 0.0;\n    });\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default JarsModel;\n"],"names":["JarsModel","ref","useRef","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","model","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","useAnimations","animations","mixer","clips","useFrame","clipAction","play","forEach","jar","map","offset","x","y","React","createElement","Fragment","scale","position","object"],"mappings":"iRASMA,IAAAA,EAAY,WAChB,IAASC,EAAGC,MACEC,EAAQC,EAAU,cAEpBC,EAAGC,EAAUC,EAAcH,EAAU,oBACnCI,EAAGF,EAAUG,EAAeL,EAAU,2BAC1CM,EAAe,GAEzBC,EAAMC,MAAMC,SAAS,SAACC,GAChBA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,GAEpBP,EAAMC,KAAKC,WAAW,SACxBN,EAAKY,KAAKR,EAEd,GAEA,IAAyBS,EAAAA,EAAcZ,EAAMa,WAAYvB,GAAjDwB,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAaf,OAXAC,EAAS,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAE3BnB,EAAKoB,QAAQ,SAACC,GAEZA,EAAId,SAASe,IAAIC,OAAOC,GAAK,KAE7BH,EAAId,SAASe,IAAIC,OAAOE,GAAK,CAC/B,EACF,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWpC,IAAKA,EAAKsC,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQ9B,EAAMC,qBACtEwB,EAAWC,cAAA,YAAA,CAAAI,OAAQpC,IAGzB"}

package/dist/JarsModel-e6dfa6d7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JarsModel-e6dfa6d7.js","sources":["../src/illustrations3d/JarsModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst JarsModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('jars.gltf'));\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const jars: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    if (child.name.startsWith('Jar_')) {\n      jars.push(child);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play();\n\n    jars.forEach((jar) => {\n      // @ts-expect-error later\n      jar.material.map.offset.x += 0.001;\n      // @ts-expect-error later\n      jar.material.map.offset.y += 0.0;\n    });\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default JarsModel;\n"],"names":["ref","useRef","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","model","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","useAnimations","animations","mixer","clips","useFrame","clipAction","play","forEach","jar","map","offset","x","y","React","createElement","Fragment","scale","position","object"],"mappings":"gRASkB,WAChB,IAASA,EAAGC,EAAAA,WACEC,EAAAA,QAAQC,EAAAA,UAAU,cAEpBC,EAAGC,EAASA,UAACC,eAAcH,EAAAA,UAAU,oBACnCI,EAAGF,EAASA,UAACG,EAAaA,cAAEL,EAASA,UAAC,2BAC1CM,EAAe,GAEzBC,EAAMC,MAAMC,SAAS,SAACC,GAChBA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,GAEpBP,EAAMC,KAAKC,WAAW,SACxBN,EAAKY,KAAKR,EAEd,GAEA,IAAyBS,EAAAA,EAAAA,cAAcZ,EAAMa,WAAYvB,GAAjDwB,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAaf,OAXAC,EAAQA,SAAC,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAE3BnB,EAAKoB,QAAQ,SAACC,GAEZA,EAAId,SAASe,IAAIC,OAAOC,GAAK,KAE7BH,EAAId,SAASe,IAAIC,OAAOE,GAAK,CAC/B,EACF,gBAGEC,EACE,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAA,QAAAC,cAAA,YAAA,CAAWpC,IAAKA,EAAKsC,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQ9B,EAAMC,qBACtEwB,EAAAA,QAAWC,cAAA,YAAA,CAAAI,OAAQpC,IAGzB"}

package/dist/LockModel-301dc6be.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LockModel-301dc6be.js","sources":["../src/illustrations3d/LockModel.jsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst LockModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('lock.gltf') /*, true*/);\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('lock-light.json'),\n  );\n\n  model.scene.traverse((node) => {\n    if (node.isMesh) {\n      node.castShadow = true;\n      node.receiveShadow = true;\n    }\n  });\n\n  const { clips, mixer } = useAnimations(model.animations, ref);\n  let frame = 0;\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce);\n    model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n    model.materials.Standard.map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.4} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default LockModel;\n"],"names":["ref","useRef","model","useGLTF","defineSrc","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","useAnimations","animations","clips","mixer","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","React","createElement","Fragment","scale","object","lights"],"mappings":"gRAQkB,WAChB,IAASA,EAAGC,EAAAA,SACNC,EAAQC,EAAAA,QAAQC,EAASA,UAAC,gBACjBC,YAEbC,EAAAA,aACAF,EAASA,UAAC,oBAGZF,EAAMK,MAAMC,SAAS,SAACC,GAChBA,EAAKC,SACPD,EAAKE,YAAa,EAClBF,EAAKG,eAAgB,EAEzB,GAEA,IAAyBC,EAAAA,EAAaA,cAACX,EAAMY,WAAYd,GAAjDe,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MACXC,EAAQ,EAOZ,OANAC,EAAQA,SAAC,WACPF,EAAMG,WAAWJ,EAAM,IAAIK,OAAOC,QAAQC,YAC1CpB,EAAMK,MAAMgB,SAASC,EAA+B,GAA3BC,KAAKC,IAAc,IAAVT,KAClCf,EAAMyB,UAAUC,SAASC,IAAIC,OAAOC,IAAM,IAC5C,gBAGEC,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAAA,mCAAWhC,IAAKA,EAAKmC,MAAO,IAAKC,OAAQlC,EAAMK,qBAC/CyB,EAAAA,QAAWC,cAAA,YAAA,CAAAG,OAAQC,IAGzB"}

package/dist/LockModel-5747bb33.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LockModel-5747bb33.js","sources":["../src/illustrations3d/LockModel.jsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst LockModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('lock.gltf') /*, true*/);\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('lock-light.json'),\n  );\n\n  model.scene.traverse((node) => {\n    if (node.isMesh) {\n      node.castShadow = true;\n      node.receiveShadow = true;\n    }\n  });\n\n  const { clips, mixer } = useAnimations(model.animations, ref);\n  let frame = 0;\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce);\n    model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n    model.materials.Standard.map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.4} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default LockModel;\n"],"names":["LockModel","ref","useRef","model","useGLTF","defineSrc","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","useAnimations","animations","clips","mixer","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","React","createElement","Fragment","scale","object","lights"],"mappings":"4QAQMA,IAASA,EAAG,WAChB,IAASC,EAAGC,IACNC,EAAQC,EAAQC,EAAU,gBACjBC,EAEbC,EACAF,EAAU,oBAGZF,EAAMK,MAAMC,SAAS,SAACC,GAChBA,EAAKC,SACPD,EAAKE,YAAa,EAClBF,EAAKG,eAAgB,EAEzB,GAEA,IAAyBC,EAAAA,EAAcX,EAAMY,WAAYd,GAAjDe,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MACXC,EAAQ,EAOZ,OANAC,EAAS,WACPF,EAAMG,WAAWJ,EAAM,IAAIK,OAAOC,QAAQC,GAC1CpB,EAAMK,MAAMgB,SAASC,EAA+B,GAA3BC,KAAKC,IAAc,IAAVT,KAClCf,EAAMyB,UAAUC,SAASC,IAAIC,OAAOC,IAAM,IAC5C,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,6BAAWhC,IAAKA,EAAKmC,MAAO,IAAKC,OAAQlC,EAAMK,qBAC/CyB,EAAWC,cAAA,YAAA,CAAAG,OAAQC,IAGzB"}

package/dist/MagnifyingGlassModel-7a7e4f7d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MagnifyingGlassModel-7a7e4f7d.js","sources":["../src/illustrations3d/MagnifyingGlassModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MagnifyingGlassModel = () => {\n  const model = useGLTF(defineSrc(`magnifying-glass.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n  const lens = model.scene.getObjectByName('Optimised_lens') as THREE.Mesh;\n\n  useFrame(() => {\n    // @ts-expect-error later\n    lens.material.transparent = true;\n    // @ts-expect-error later\n    lens.material.opacity = 0.8;\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n  });\n\n  return (\n    <>\n      <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MagnifyingGlassModel;\n"],"names":["MagnifyingGlassModel","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","React","createElement","Fragment","scale","position","object"],"mappings":"8NAUMA,IAAAA,EAAuB,WAC3B,IAAMC,EAAQC,EAAQC,4BAEhBC,EAASC,EAAUC,EAAcH,EAAU,gCAE3CI,EAAON,EAAMO,MAAMC,gBAAgB,kBAWzC,OATAC,EAAS,WAEPH,EAAKI,SAASC,aAAc,EAE5BL,EAAKI,SAASE,QAAU,GAExBZ,EAAMa,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQtB,EAAMO,qBAC5DU,EAAWC,cAAA,YAAA,CAAAI,OAAQnB,IAGzB"}

package/dist/MagnifyingGlassModel-e34e196e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MagnifyingGlassModel-e34e196e.js","sources":["../src/illustrations3d/MagnifyingGlassModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MagnifyingGlassModel = () => {\n  const model = useGLTF(defineSrc(`magnifying-glass.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n  const lens = model.scene.getObjectByName('Optimised_lens') as THREE.Mesh;\n\n  useFrame(() => {\n    // @ts-expect-error later\n    lens.material.transparent = true;\n    // @ts-expect-error later\n    lens.material.opacity = 0.8;\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n  });\n\n  return (\n    <>\n      <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MagnifyingGlassModel;\n"],"names":["model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","React","createElement","Fragment","scale","position","object"],"mappings":"gRAU6B,WAC3B,IAAMA,EAAQC,EAAAA,QAAQC,EAAAA,oCAEhBC,EAASC,EAAAA,UAAUC,EAAAA,aAAcH,EAAAA,UAAU,gCAE3CI,EAAON,EAAMO,MAAMC,gBAAgB,kBAWzC,OATAC,EAAQA,SAAC,WAEPH,EAAKI,SAASC,aAAc,EAE5BL,EAAKI,SAASE,QAAU,GAExBZ,EAAMa,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQtB,EAAMO,qBAC5DU,EAAW,QAAAC,cAAA,YAAA,CAAAI,OAAQnB,IAGzB"}

package/dist/MarbleCardModel-05a98eb1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarbleCardModel-05a98eb1.js","sources":["../src/illustrations3d/MarbleCardModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleCardModel = () => {\n  const model = useGLTF(defineSrc('marble-card.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const card = model.scene.getObjectByName('Plane');\n  // @ts-expect-error later\n  card.material.depthTest = false;\n  // @ts-expect-error later\n  card.material.metalness = 0;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\n    (object) => object.material.map,\n  );\n\n  useFrame(() => {\n    animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n  });\n\n  return (\n    <>\n      <primitive scale={1.4} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MarbleCardModel;\n"],"names":["model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","card","metalness","animatedMaps","map","object","useFrame","forEach","offset","y","React","createElement","Fragment","scale","position"],"mappings":"gRAUwB,WACtB,IAAMA,EAAQC,EAAOA,QAACC,EAASA,UAAC,qBAE1BC,EAASC,EAASA,UAACC,eAAcH,EAAAA,UAAU,2BAC3CI,EAASN,EAAMO,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,MAAqBV,EAAMO,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAgBC,EAAGb,EAAMO,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,IAAiBE,EAAGd,EAAMO,MAAMC,gBAAgB,qBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAeG,EAAGf,EAAMO,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAUI,EAAGhB,EAAMO,MAAMC,gBAAgB,SAEzCQ,EAAKP,SAASC,WAAY,EAE1BM,EAAKP,SAASQ,UAAY,EAE1B,IAAMC,EAAe,CAACZ,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaK,IAE9E,SAACC,GAAWA,OAAAA,EAAOX,SAASU,GAAG,GAOjC,OAJAE,EAAQA,SAAC,WACPH,EAAaI,QAAQ,SAACH,GAASA,OAAAA,EAAII,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAA,QAAAC,cAAAD,UAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQpB,EAAMO,qBAC5DkB,EAAAA,QAAAC,cAAA,YAAA,CAAWN,OAAQjB,IAGzB"}

package/dist/MarbleCardModel-38ce7148.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarbleCardModel-38ce7148.js","sources":["../src/illustrations3d/MarbleCardModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleCardModel = () => {\n  const model = useGLTF(defineSrc('marble-card.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const card = model.scene.getObjectByName('Plane');\n  // @ts-expect-error later\n  card.material.depthTest = false;\n  // @ts-expect-error later\n  card.material.metalness = 0;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\n    (object) => object.material.map,\n  );\n\n  useFrame(() => {\n    animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n  });\n\n  return (\n    <>\n      <primitive scale={1.4} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MarbleCardModel;\n"],"names":["MarbleCardModel","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","card","metalness","animatedMaps","map","object","useFrame","forEach","offset","y","React","createElement","Fragment","scale","position"],"mappings":"8NAUMA,MAAkB,WACtB,IAAMC,EAAQC,EAAQC,EAAU,qBAE1BC,EAASC,EAAUC,EAAcH,EAAU,2BAC3CI,EAASN,EAAMO,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,MAAqBV,EAAMO,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAgBC,EAAGb,EAAMO,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,IAAiBE,EAAGd,EAAMO,MAAMC,gBAAgB,qBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAeG,EAAGf,EAAMO,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAUI,EAAGhB,EAAMO,MAAMC,gBAAgB,SAEzCQ,EAAKP,SAASC,WAAY,EAE1BM,EAAKP,SAASQ,UAAY,EAE1B,IAAMC,EAAe,CAACZ,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaK,IAE9E,SAACC,GAAWA,OAAAA,EAAOX,SAASU,GAAG,GAOjC,OAJAE,EAAS,WACPH,EAAaI,QAAQ,SAACH,GAASA,OAAAA,EAAII,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQpB,EAAMO,qBAC5DkB,EAAAC,cAAA,YAAA,CAAWN,OAAQjB,IAGzB"}

package/dist/MarbleModel-84236cbd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarbleModel-84236cbd.js","sources":["../src/illustrations3d/MarbleModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleModel = () => {\n  const model = useGLTF(defineSrc('marble.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\n    (object) => object.material.map,\n  );\n\n  useFrame(() => {\n    animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n  });\n\n  return (\n    <>\n      <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MarbleModel;\n"],"names":["model","useGLTF","defineSrc","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","React","createElement","Fragment","scale","position","lights"],"mappings":"gRAWoB,WAClB,IAAMA,EAAQC,EAAAA,QAAQC,EAAAA,UAAU,kBAEjBC,EAASA,UAACC,EAAYA,aAAEF,EAASA,UAAC,sBAErCG,EAAGL,EAAMM,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,IAAMC,EAAeV,EAAMM,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAMC,EAAaZ,EAAMM,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,MAAoBX,EAAMM,MAAMC,gBAAgB,oBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAMG,EAAYd,EAAMM,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAMI,EAAe,CAACV,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaG,IAE9E,SAACC,GAAWA,OAAAA,EAAOT,SAASQ,GAAG,GAOjC,OAJAE,EAAAA,SAAS,WACPH,EAAaI,QAAQ,SAACH,GAAG,OAASA,EAACI,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAAA,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBACEF,EAAAA,QAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQjB,EAAMM,qBAC5DgB,EAAAA,QAAWC,cAAA,YAAA,CAAAN,OAAQU,IAGzB"}

package/dist/MarbleModel-a2f2614f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarbleModel-a2f2614f.js","sources":["../src/illustrations3d/MarbleModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleModel = () => {\n  const model = useGLTF(defineSrc('marble.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\n    (object) => object.material.map,\n  );\n\n  useFrame(() => {\n    animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n  });\n\n  return (\n    <>\n      <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MarbleModel;\n"],"names":["MarbleModel","model","useGLTF","defineSrc","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","React","createElement","Fragment","scale","position","lights"],"mappings":"8NAWMA,IAAAA,EAAc,WAClB,IAAMC,EAAQC,EAAQC,EAAU,kBAEjBC,EAAUC,EAAcF,EAAU,sBAErCG,EAAGL,EAAMM,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,IAAMC,EAAeV,EAAMM,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAMC,EAAaZ,EAAMM,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,MAAoBX,EAAMM,MAAMC,gBAAgB,oBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAMG,EAAYd,EAAMM,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAMI,EAAe,CAACV,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaG,IAE9E,SAACC,GAAWA,OAAAA,EAAOT,SAASQ,GAAG,GAOjC,OAJAE,EAAS,WACPH,EAAaI,QAAQ,SAACH,GAAG,OAASA,EAACI,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQjB,EAAMM,qBAC5DgB,EAAWC,cAAA,YAAA,CAAAN,OAAQU,IAGzB"}

package/dist/MultiCurrencyModel-18e2f2d7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiCurrencyModel-18e2f2d7.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MultiCurrencyModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc(`multi-currency.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const animatedMaps: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.includes('Note')) {\n      child.castShadow = true;\n      child.receiveShadow = true;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('Coin_') && child.isMesh) {\n      // @ts-expect-error later\n      const { material } = child;\n      material.bumpMap = wiseLogo;\n      material.bumpMap.flipY = false;\n      material.bumpScale = 1;\n      material.color = new Color(0.49, 0.49, 0.49);\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('NoteBase_') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n    // @ts-expect-error later\n    if (child.name.includes('Wise') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    animatedMaps.forEach((animatedMap) => {\n      // @ts-expect-error later\n      animatedMap.offset.x += 0.001;\n    });\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MultiCurrencyModel;\n"],"names":["MultiCurrencyModel","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","_useAnimations","useAnimations","animations","ref","mixer","clips","useFrame","forEach","animatedMap","offset","x","clipAction","play","React","createElement","Fragment","position","scale","object"],"mappings":"4RAUMA,IAAkBA,EAAG,WACzB,MAAYC,IACDC,EAAGC,EAAQC,EAAgC,wBAEhDC,EAASC,EAAUC,EAAcH,EAAU,8BACnCI,EAAGF,EAAUG,EAAeL,EAAU,2BAClCM,EAAe,GAEjCR,EAAMS,MAAMC,SAAS,SAACC,GAMpB,GALIA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,OAAQ,CAElD,IAAQC,EAAaP,EAAbO,SACRA,EAASC,QAAUb,EACnBY,EAASC,QAAQC,OAAQ,EACzBF,EAASG,UAAY,EACrBH,EAASI,MAAQ,IAAIC,EAAM,IAAM,IAAM,KACvCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,CACvB,CAEGJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CT,EAAagB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCT,EAAagB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,EAAc3B,EAAM4B,WAAYC,GAAjDC,EAAKJ,EAALI,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAS,WACPxB,EAAayB,QAAQ,SAACC,GAEpBA,EAAYC,OAAOC,GAAK,IAC1B,GACAN,EAAMO,WAAWN,EAAM,IAAIO,MAC7B,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWX,IAAKA,EAAKa,SAAU,EAAE,IAAM,GAAI,GAAIC,MAAO,IAAKC,OAAQ5C,EAAMS,qBACzE8B,EAAWC,cAAA,YAAA,CAAAI,OAAQzC,IAGzB"}

package/dist/MultiCurrencyModel-65055075.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiCurrencyModel-65055075.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MultiCurrencyModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc(`multi-currency.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const animatedMaps: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.includes('Note')) {\n      child.castShadow = true;\n      child.receiveShadow = true;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('Coin_') && child.isMesh) {\n      // @ts-expect-error later\n      const { material } = child;\n      material.bumpMap = wiseLogo;\n      material.bumpMap.flipY = false;\n      material.bumpScale = 1;\n      material.color = new Color(0.49, 0.49, 0.49);\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('NoteBase_') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n    // @ts-expect-error later\n    if (child.name.includes('Wise') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    animatedMaps.forEach((animatedMap) => {\n      // @ts-expect-error later\n      animatedMap.offset.x += 0.001;\n    });\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MultiCurrencyModel;\n"],"names":["useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","_useAnimations","useAnimations","animations","ref","mixer","clips","useFrame","forEach","animatedMap","offset","x","clipAction","play","React","createElement","Fragment","position","scale","object"],"mappings":"gRAU2B,WACzB,MAAYA,EAAAA,SACDC,EAAGC,UAAQC,EAAAA,UAAgC,wBAEhDC,EAASC,EAASA,UAACC,EAAYA,aAAEH,YAAU,8BACnCI,EAAGF,EAASA,UAACG,gBAAeL,EAAAA,UAAU,2BAClCM,EAAe,GAEjCR,EAAMS,MAAMC,SAAS,SAACC,GAMpB,GALIA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,OAAQ,CAElD,IAAQC,EAAaP,EAAbO,SACRA,EAASC,QAAUb,EACnBY,EAASC,QAAQC,OAAQ,EACzBF,EAASG,UAAY,EACrBH,EAASI,MAAQ,IAAIC,QAAM,IAAM,IAAM,KACvCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,CACvB,CAEGJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CT,EAAagB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCT,EAAagB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,EAAaA,cAAC3B,EAAM4B,WAAYC,GAAjDC,EAAKJ,EAALI,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAQA,SAAC,WACPxB,EAAayB,QAAQ,SAACC,GAEpBA,EAAYC,OAAOC,GAAK,IAC1B,GACAN,EAAMO,WAAWN,EAAM,IAAIO,MAC7B,gBAGEC,EAAAA,QACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWX,IAAKA,EAAKa,SAAU,EAAE,IAAM,GAAI,GAAIC,MAAO,IAAKC,OAAQ5C,EAAMS,qBACzE8B,UAAWC,cAAA,YAAA,CAAAI,OAAQzC,IAGzB"}

package/dist/PlaneModel-17ba016f.js

@@ -1,2 +0,0 @@
-var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three"),a=require("./index-e3ef2df0.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),c=e.useGLTF(a.defineSrc("plane.gltf")),l=t.useLoader(i.ObjectLoader,a.defineSrc("plane-light.json")),s=c.scene.getObjectByName("Plane_6_update"),f=e.useAnimations(c.animations,n),o=f.mixer,d=f.clips;return t.useFrame(function(){c.materials["Tapestry WebGL"].map.offset.y+=.018,s.position.x=.45,s.position.y=7.5,o.clipAction(d[0]).play()}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:n,scale:1.3,position:[0,-7,0],object:c.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:l}))};
-//# sourceMappingURL=PlaneModel-17ba016f.js.map

package/dist/PlaneModel-17ba016f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaneModel-17ba016f.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst PlaneModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('plane.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n  const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n    plane.position.x = 0.45;\n    plane.position.y = 7.5;\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default PlaneModel;\n"],"names":["ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","getObjectByName","_useAnimations","useAnimations","animations","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"gRASmB,WACjB,IAAMA,EAAMC,EAAMA,SACZC,EAAQC,EAAOA,QAACC,YAAU,eAE1BC,EAASC,EAASA,UAACC,eAAcH,EAAAA,UAAU,uBACnCF,EAAMM,MAAMC,gBAAgB,kBAE1CC,EAAyBC,gBAAcT,EAAMU,WAAYZ,GAAjDa,EAAAA,EAAAA,MAAOC,IAAAA,MASf,OARAC,EAAQA,SAAC,WAEPb,EAAMc,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6DACEA,EAAW,QAAAC,cAAA,YAAA,CAAA1B,IAAKA,EAAK2B,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQ1B,EAAMM,qBACrEiB,EAAW,QAAAC,cAAA,YAAA,CAAAE,OAAQvB,IAGzB"}

package/dist/PlaneModel-d6949b18.js

@@ -1,2 +0,0 @@
-import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import a,{useRef as o}from"react";import{ObjectLoader as n}from"three";import{d as m}from"./index-71891798.js";import"classnames";var p=function(){var p=o(),c=e(m("plane.gltf")),s=r(n,m("plane-light.json")),l=c.scene.getObjectByName("Plane_6_update"),f=t(c.animations,p),u=f.mixer,b=f.clips;return i(function(){c.materials["Tapestry WebGL"].map.offset.y+=.018,l.position.x=.45,l.position.y=7.5,u.clipAction(b[0]).play()}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:p,scale:1.3,position:[0,-7,0],object:c.scene}),/*#__PURE__*/a.createElement("primitive",{object:s}))};export{p as default};
-//# sourceMappingURL=PlaneModel-d6949b18.js.map

package/dist/PlaneModel-d6949b18.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaneModel-d6949b18.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst PlaneModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('plane.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n  const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n    plane.position.x = 0.45;\n    plane.position.y = 7.5;\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default PlaneModel;\n"],"names":["PlaneModel","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","getObjectByName","_useAnimations","useAnimations","animations","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"8PASMA,IAAUA,EAAG,WACjB,IAAMC,EAAMC,IACNC,EAAQC,EAAQC,EAAU,eAE1BC,EAASC,EAAUC,EAAcH,EAAU,uBACnCF,EAAMM,MAAMC,gBAAgB,kBAE1CC,EAAyBC,EAAcT,EAAMU,WAAYZ,GAAjDa,EAAAA,EAAAA,MAAOC,IAAAA,MASf,OARAC,EAAS,WAEPb,EAAMc,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6CACEA,EAAWC,cAAA,YAAA,CAAA1B,IAAKA,EAAK2B,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQ1B,EAAMM,qBACrEiB,EAAWC,cAAA,YAAA,CAAAE,OAAQvB,IAGzB"}

package/dist/Scene-2a155be6.js

@@ -1,2 +0,0 @@
-import{PerspectiveCamera as e}from"@react-three/drei";import{Canvas as t}from"@react-three/fiber";import r from"react";import{LinearToneMapping as i,SRGBColorSpace as a,PCFShadowMap as o}from"three";import{I as n,S as p,A as s}from"./index-71891798.js";import"classnames";function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},l.apply(this,arguments)}var h;function c(h){var c=h.children,f=h.size,m=void 0===f?p.MEDIUM:f,M=[s.LOCK,s.MULTI_CURRENCY,s.MAGNIFYING_GLASS].includes(h.assetName);/*#__PURE__*/return r.createElement(t,{style:l({},d.size[m]),onCreated:function(e){var t=e.gl;t.setClearColor(0,0),t.setSize(n[m],n[m]),t.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:i,outputColorSpace:a},shadows:{type:o,enabled:M}},/*#__PURE__*/r.createElement(e,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),c)}var d={size:(h={},h[p.SMALL]={height:n[p.SMALL]+"px",width:n[p.SMALL]+"px"},h[p.MEDIUM]={height:n[p.MEDIUM]+"px",width:n[p.MEDIUM]+"px"},h[p.LARGE]={height:n[p.LARGE]+"px",width:n[p.LARGE]+"px"},h)};export{c as default};
-//# sourceMappingURL=Scene-2a155be6.js.map

package/dist/Scene-2a155be6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scene-2a155be6.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n  assetName: Illustration3dNames;\n  size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nexport default function Scene({ children, assetName, size = Sizes.MEDIUM }: Props) {\n  const castShadows: boolean = [\n    Assets.LOCK as string,\n    Assets.MULTI_CURRENCY as string,\n    Assets.MAGNIFYING_GLASS as string,\n  ].includes(assetName);\n  return (\n    <Canvas\n      style={{ ...sceneStyles.size[size] }}\n      onCreated={({ gl }) => {\n        gl.setClearColor(0x000000, 0);\n        gl.setSize(ImageSizes[size], ImageSizes[size]);\n        gl.clearDepth();\n      }}\n      gl={{\n        alpha: true,\n        antialias: true,\n        pixelRatio: window.devicePixelRatio * 1,\n        toneMapping: LinearToneMapping,\n        outputColorSpace: SRGBColorSpace,\n      }}\n      shadows={{\n        type: PCFShadowMap,\n        enabled: castShadows,\n      }}\n    >\n      <PerspectiveCamera\n        makeDefault\n        far={1000000000000}\n        near={0.1}\n        fov={10.29}\n        aspect={window.innerWidth / window.innerHeight}\n        position={[0, 0, 100]}\n      />\n      {children}\n    </Canvas>\n  );\n}\n\nconst sceneStyles = {\n  size: {\n    [Sizes.SMALL]: {\n      height: `${ImageSizes[Sizes.SMALL]}px`,\n      width: `${ImageSizes[Sizes.SMALL]}px`,\n    },\n    [Sizes.MEDIUM]: {\n      height: `${ImageSizes[Sizes.MEDIUM]}px`,\n      width: `${ImageSizes[Sizes.MEDIUM]}px`,\n    },\n    [Sizes.LARGE]: {\n      height: `${ImageSizes[Sizes.LARGE]}px`,\n      width: `${ImageSizes[Sizes.LARGE]}px`,\n    },\n  },\n};\n"],"names":["_size","Scene","_ref","children","_ref$size","size","Sizes","MEDIUM","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","sceneStyles","onCreated","_ref2","gl","setClearColor","setSize","ImageSizes","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position","SMALL","height","width","LARGE"],"mappings":"ofAEA,IAAAA,EAewB,SAAKC,EAAAC,GAAGC,IAAAA,IAAAA,SAAmBC,EAAAF,EAAEG,KAAAA,OAAOC,IAAAA,EAAAA,EAAMC,OAChEH,EAAiBI,EAAY,CAC3BC,EAAOC,KACPD,EAAOE,eACPF,EAAOG,kBACPC,SAL+CX,EAATY,wBAMxC,OACEC,EAACC,cAAAC,EACC,CAAAC,MAAYC,EAAAA,CAAAA,EAAAA,EAAYd,KAAKA,IAC7Be,UAAW,SAAWC,GAAA,MAARC,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQC,EAAWpB,GAAOoB,EAAWpB,IACxCiB,EAAGI,YACL,EACAJ,GAAI,CACFK,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EACbC,iBAAkBC,GAEpBC,QAAS,CACPC,KAAMC,EACNC,QAAS/B,iBAGXO,EAAAC,cAACwB,EACC,CAAAC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElB7C,EAGP,CAEA,IAAiBgB,EAAG,CAClBd,MAAIL,EAAA,CAAA,EAAAA,EACDM,EAAM2C,OAAQ,CACbC,OAAWzB,EAAWnB,EAAM2C,OAAM,KAClCE,MAAU1B,EAAWnB,EAAM2C,OAC5B,MACA3C,EAAAA,EAAMC,QAAS,CACd2C,OAAWzB,EAAWnB,EAAMC,aAC5B4C,MAAU1B,EAAWnB,EAAMC,QAC5B,MACAD,EAAAA,EAAM8C,OAAQ,CACbF,OAAWzB,EAAWnB,EAAM8C,OAAU,KACtCD,MAAU1B,EAAWnB,EAAM8C,OAC5B"}

package/dist/Scene-d945f044.js

@@ -1,2 +0,0 @@
-var e=require("@react-three/drei"),i=require("@react-three/fiber"),a=require("react"),t=require("three"),r=require("./index-e3ef2df0.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var n,o=/*#__PURE__*/s(a);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var a=arguments[i];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var p={size:(n={},n[r.Sizes.SMALL]={height:r.ImageSizes[r.Sizes.SMALL]+"px",width:r.ImageSizes[r.Sizes.SMALL]+"px"},n[r.Sizes.MEDIUM]={height:r.ImageSizes[r.Sizes.MEDIUM]+"px",width:r.ImageSizes[r.Sizes.MEDIUM]+"px"},n[r.Sizes.LARGE]={height:r.ImageSizes[r.Sizes.LARGE]+"px",width:r.ImageSizes[r.Sizes.LARGE]+"px"},n)};exports.default=function(a){var s=a.children,n=a.size,S=void 0===n?r.Sizes.MEDIUM:n,c=[r.Assets.LOCK,r.Assets.MULTI_CURRENCY,r.Assets.MAGNIFYING_GLASS].includes(a.assetName);/*#__PURE__*/return o.default.createElement(i.Canvas,{style:l({},p.size[S]),onCreated:function(e){var i=e.gl;i.setClearColor(0,0),i.setSize(r.ImageSizes[S],r.ImageSizes[S]),i.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:t.LinearToneMapping,outputColorSpace:t.SRGBColorSpace},shadows:{type:t.PCFShadowMap,enabled:c}},/*#__PURE__*/o.default.createElement(e.PerspectiveCamera,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),s)};
-//# sourceMappingURL=Scene-d945f044.js.map

package/dist/Scene-d945f044.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scene-d945f044.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n  assetName: Illustration3dNames;\n  size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nexport default function Scene({ children, assetName, size = Sizes.MEDIUM }: Props) {\n  const castShadows: boolean = [\n    Assets.LOCK as string,\n    Assets.MULTI_CURRENCY as string,\n    Assets.MAGNIFYING_GLASS as string,\n  ].includes(assetName);\n  return (\n    <Canvas\n      style={{ ...sceneStyles.size[size] }}\n      onCreated={({ gl }) => {\n        gl.setClearColor(0x000000, 0);\n        gl.setSize(ImageSizes[size], ImageSizes[size]);\n        gl.clearDepth();\n      }}\n      gl={{\n        alpha: true,\n        antialias: true,\n        pixelRatio: window.devicePixelRatio * 1,\n        toneMapping: LinearToneMapping,\n        outputColorSpace: SRGBColorSpace,\n      }}\n      shadows={{\n        type: PCFShadowMap,\n        enabled: castShadows,\n      }}\n    >\n      <PerspectiveCamera\n        makeDefault\n        far={1000000000000}\n        near={0.1}\n        fov={10.29}\n        aspect={window.innerWidth / window.innerHeight}\n        position={[0, 0, 100]}\n      />\n      {children}\n    </Canvas>\n  );\n}\n\nconst sceneStyles = {\n  size: {\n    [Sizes.SMALL]: {\n      height: `${ImageSizes[Sizes.SMALL]}px`,\n      width: `${ImageSizes[Sizes.SMALL]}px`,\n    },\n    [Sizes.MEDIUM]: {\n      height: `${ImageSizes[Sizes.MEDIUM]}px`,\n      width: `${ImageSizes[Sizes.MEDIUM]}px`,\n    },\n    [Sizes.LARGE]: {\n      height: `${ImageSizes[Sizes.LARGE]}px`,\n      width: `${ImageSizes[Sizes.LARGE]}px`,\n    },\n  },\n};\n"],"names":["_size","sceneStyles","size","Sizes","SMALL","height","ImageSizes","width","MEDIUM","LARGE","_ref","children","_ref$size","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","onCreated","_ref2","gl","setClearColor","setSize","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":"4OAEAA,0PAsDA,IAAiBC,EAAG,CAClBC,MAAIF,EAAA,CAAA,EAAAA,EACDG,EAAKA,MAACC,OAAQ,CACbC,OAAWC,EAAUA,WAACH,QAAMC,OAAM,KAClCG,MAAUD,EAAAA,WAAWH,EAAKA,MAACC,OAC5B,MACAD,EAAAA,EAAKA,MAACK,QAAS,CACdH,OAAWC,EAAAA,WAAWH,EAAKA,MAACK,aAC5BD,MAAUD,EAAAA,WAAWH,EAAKA,MAACK,QAC5B,MACAL,EAAAA,EAAKA,MAACM,OAAQ,CACbJ,OAAWC,EAAAA,WAAWH,EAAKA,MAACM,OAAU,KACtCF,MAAUD,aAAWH,EAAAA,MAAMM,OAC5B,0BApDmB,SAAKC,GAAGC,IAAAA,IAAAA,SAAmBC,EAAAF,EAAER,KAAAA,OAAOC,IAAAA,EAAAA,EAAAA,MAAMK,OAChEI,EAAiBC,EAAY,CAC3BC,EAAAA,OAAOC,KACPD,EAAMA,OAACE,eACPF,EAAAA,OAAOG,kBACPC,SAL+CR,EAATS,wBAMxC,OACEC,EAAC,QAAAC,cAAAC,EAAAA,OACC,CAAAC,MAAYtB,EAAAA,CAAAA,EAAAA,EAAYC,KAAKA,IAC7BsB,UAAW,SAAWC,GAAA,MAARC,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQtB,EAAUA,WAACJ,GAAOI,aAAWJ,IACxCwB,EAAGG,YACL,EACAH,GAAI,CACFI,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EAAiBA,kBAC9BC,iBAAkBC,EAAAA,gBAEpBC,QAAS,CACPC,KAAMC,EAAAA,aACNC,QAAS7B,iBAGXO,EAAAA,QAAAC,cAACsB,EAAiBA,kBAChB,CAAAC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElBxC,EAGP"}

package/dist/index-71891798.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useEffect as n,forwardRef as r,Suspense as a,lazy as i}from"react";import l from"classnames";var o,c,s=function(e){var r=e.code,a=e.intrinsicSize,i=void 0===a?64:a,l=t(null),o=l[0],c=l[1];n(function(){c(null)},[r]);var s=i>=150,E="unknown"!==o?r.toLowerCase()+(null==o&&s?"-detailed":""):"wise";/*#__PURE__*/return React.createElement("img",{src:"https://wise.com/web-art/assets/flags/"+E+".svg",alt:"",width:i,height:i,onError:function(){c(function(e){return null==e&&s?"simple":"unknown"})}})};!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(c||(c={}));var E,u,d=((o={})[c.SMALL]=200,o[c.MEDIUM]=300,o[c.LARGE]=500,o),m=((E={})[c.SMALL]=200,E[c.MEDIUM]=300,E[c.LARGE]=500,E),A=r(function(t,n){var r=t.id,a=t.name,i=t.alt,o=t.loading,s=void 0===o?"eager":o,E=t.className,u=t.size,d=void 0===u?c.MEDIUM:u,A=t.disablePadding,I=void 0!==A&&A,M=c.SMALL,f=c.MEDIUM;return a?/*#__PURE__*/e.createElement("picture",null,d===c.LARGE||d===c.MEDIUM?/*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("source",{width:m[M],height:m[M],media:"(max-width: 575px)",srcSet:L(a,M,"1x")+", "+L(a,M,"2x")+" 2x"}),d!==c.MEDIUM?/*#__PURE__*/e.createElement("source",{width:m[f],height:m[f],media:"(max-width: 992px)",srcSet:L(a,f,"1x")+", "+L(a,f,"2x")+" 2x"}):null):null,/*#__PURE__*/e.createElement("img",{id:r,ref:n,alt:null!=i?i:a.replace("-"," "),"data-testid":"wds-"+a+"-illustration",className:l("wds-illustration","wds-illustration-"+a,{"wds-illustration-padding":!I},E),loading:s,src:L(a,d,"1x"),srcSet:L(a,d,"2x")+" 2x",width:m[d],height:m[d]})):null});function L(e,t,n){return"https://wise.com/web-art/assets/illustrations/"+e+"-"+t+"@"+n+".webp"}function I(e){return"https://wise.com/web-art/assets/illustrations3d/"+e}!function(e){e.BELL="bell",e.BRIEFCASE="briefcase",e.BUSINESS_CARD="business-card",e.CALENDAR="calendar",e.CHECK_MARK="check-mark",e.CLOSED_WINDOW="closed-window",e.COIN_PILE_DOWN="coin-pile-down",e.COIN_PILE_UP="coin-pile-up",e.CONFETTI="confetti",e.CONSTRUCTION_FENCE="construction-fence",e.CONVERT="convert",e.COOKIE="cookie",e.DIGITAL_CARD_2="digital-card-2",e.DIGITAL_CARD="digital-card",e.DOCUMENTS="documents",e.DOOR="door",e.ECO_CARD="eco-card",e.ELECTRIC_PLUG="electric-plug",e.EMAIL_SUCCESS="email-success",e.EMAIL="email",e.EXCLAMATION_MARK="exclamation-mark",e.FLAG="flag",e.FLOWER="flower",e.GEAR="gear",e.GLOBE="globe",e.GRAPH="graph",e.HEART_2="heart-2",e.HEART_3="heart-3",e.HEART_4="heart-4",e.HEART_5="heart-5",e.HEART="heart",e.HOUSE="house",e.ID_CARD="id-card",e.INFINITE="infinite",e.INVITE_LETTER="invite-letter",e.JARS="jars",e.KEY="key",e.LIGHT_BULB="light-bulb",e.LOCK="lock",e.MAGNIFYING_GLASS="magnifying-glass",e.MAP="map",e.MARBLE_CARD_BUSINESS="marble-card-business",e.MARBLE_CARD="marble-card",e.MARBLE="marble",e.MEGAPHONE="megaphone",e.MULTI_CURRENCY="multi-currency",e.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",e.PALM_TREE="palm-tree",e.PERCENTAGE="percentage",e.PERSONAL_CARD="personal-card",e.PHONES="phones",e.PIE_CHART="pie-chart",e.PLANE_2="plane-2",e.PLANE="plane",e.PUZZLE_PIECES="puzzle-pieces",e.QUESTION_MARK="question-mark",e.RECEIVE="receive",e.REMINDER_LETTER="reminder-letter",e.SAND_TIMER="sand-timer",e.SHOPPING_BAG="shopping-bag",e.SKIP_AUTHENTICATION="skip-authentication",e.SPEECH_BUBBLE="speech-bubble",e.TOOL="tool",e.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",e.WALLET="wallet"}(u||(u={}));var M,f=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];function R(e){return f.includes(e)}!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(M||(M={}));var p=function(r){var o,s,E,d=r.name,m=r.size,L=void 0===m?c.MEDIUM:m,I=r.className,f=t(M.INIT),R=f[0],p=f[1],T=function(){var e=t({level:1}),r=e[0],a=e[1];return n(function(){"getBattery"in navigator&&function(){try{Promise.resolve(navigator.getBattery()).then(function(e){a({level:null==e?void 0:e.level})})}catch(e){return Promise.reject(e)}}()},[]),r}();n(function(){var e,t,n;p((void 0===(n=window.navigator.connection)?(console.log("connection API is unsupported"),0):(console.log("do internet check",null==n?void 0:n.effectiveType),["slow-2g","2g"].includes(null==n?void 0:n.effectiveType)||!0===(null==(e=navigator)||null==(t=e.connection)?void 0:t.saveData)))||T.level<.2?M.FALLBACK:M.ASSET_3D)},[T]);var C=null!=(o=null==(s=window)||null==(E=s.matchMedia("(max-width: 575px)"))?void 0:E.matches)&&o?c.SMALL:L;/*#__PURE__*/return e.createElement("div",{className:l("wds-illustration-3d","wds-illustration-3d-"+d,"wds-illustration-3d-"+C,I)},R===M.INIT?null:R===M.ASSET_3D?/*#__PURE__*/e.createElement(a,{fallback:null},function(t){var n=t.name,r=t.size,a=/*#__PURE__*/e.createElement(e.Fragment,null),l=i(function(){return import("./Scene-2a155be6.js")});switch(n){case u.LOCK:a=i(function(){return import("./LockModel-5747bb33.js")});break;case u.GLOBE:a=i(function(){return import("./GlobeModel-bde25640.js")});break;case u.CONFETTI:a=i(function(){return import("./ConfettiModel-c1d5bf3d.js")});break;case u.CHECK_MARK:a=i(function(){return import("./CheckMarkModel-486bd306.js")});break;case u.FLOWER:a=i(function(){return import("./FlowerModel-77945317.js")});break;case u.PLANE:a=i(function(){return import("./PlaneModel-d6949b18.js")});break;case u.GRAPH:a=i(function(){return import("./GraphModel-480226ca.js")});break;case u.MARBLE:a=i(function(){return import("./MarbleModel-a2f2614f.js")});break;case u.MARBLE_CARD:a=i(function(){return import("./MarbleCardModel-38ce7148.js")});break;case u.MAGNIFYING_GLASS:a=i(function(){return import("./MagnifyingGlassModel-7a7e4f7d.js")});break;case u.JARS:a=i(function(){return import("./JarsModel-ae24b54d.js")});break;case u.MULTI_CURRENCY:a=i(function(){return import("./MultiCurrencyModel-18e2f2d7.js")})}/*#__PURE__*/return e.createElement(l,{assetName:n,size:r},/*#__PURE__*/e.createElement(a,null))}({name:d,size:C})):/*#__PURE__*/e.createElement(A,{name:d,size:L,alt:""}))};export{u as A,s as F,d as I,c as S,A as a,p as b,I as d,R as i};
-//# sourceMappingURL=index-71891798.js.map