@wise/art 2.5.0-beta.8 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/README.md +0 -1
  2. package/dist/Illustration.css +0 -19
  3. package/dist/common.d.ts +10 -14
  4. package/dist/common.d.ts.map +1 -0
  5. package/dist/flags/Flag.d.ts +13 -12
  6. package/dist/flags/Flag.d.ts.map +1 -0
  7. package/dist/flags/index.d.ts +3 -2
  8. package/dist/flags/index.d.ts.map +1 -0
  9. package/dist/illustrations/Illustration.d.ts +21 -20
  10. package/dist/illustrations/Illustration.d.ts.map +1 -0
  11. package/dist/illustrations/index.d.ts +5 -4
  12. package/dist/illustrations/index.d.ts.map +1 -0
  13. package/dist/illustrations/metadata.d.ts +69 -68
  14. package/dist/illustrations/metadata.d.ts.map +1 -0
  15. package/dist/index.d.ts +7 -9
  16. package/dist/index.d.ts.map +1 -0
  17. package/dist/index.js +161 -1
  18. package/dist/index.js.map +1 -1
  19. package/dist/index.mjs +159 -0
  20. package/dist/index.mjs.map +1 -0
  21. package/package.json +55 -42
  22. package/src/common.ts +11 -0
  23. package/src/flags/Flag.stories.tsx +19 -0
  24. package/src/flags/Flag.tsx +40 -0
  25. package/src/flags/index.ts +2 -0
  26. package/src/illustrations/Illustration.css +8 -0
  27. package/src/illustrations/Illustration.stories.tsx +33 -0
  28. package/src/illustrations/Illustration.tsx +95 -0
  29. package/src/illustrations/index.ts +5 -0
  30. package/src/illustrations/metadata.ts +141 -0
  31. package/src/index.ts +7 -0
  32. package/dist/CheckMark-a7c4192e.js +0 -2
  33. package/dist/CheckMark-a7c4192e.js.map +0 -1
  34. package/dist/CheckMark-c09041e4.js +0 -2
  35. package/dist/CheckMark-c09041e4.js.map +0 -1
  36. package/dist/Confetti-535240b0.js +0 -2
  37. package/dist/Confetti-535240b0.js.map +0 -1
  38. package/dist/Confetti-a3ce33fb.js +0 -2
  39. package/dist/Confetti-a3ce33fb.js.map +0 -1
  40. package/dist/Flower-de7f810e.js +0 -2
  41. package/dist/Flower-de7f810e.js.map +0 -1
  42. package/dist/Flower-f066e1ae.js +0 -2
  43. package/dist/Flower-f066e1ae.js.map +0 -1
  44. package/dist/Globe-5c7583f2.js +0 -2
  45. package/dist/Globe-5c7583f2.js.map +0 -1
  46. package/dist/Globe-d727ac2f.js +0 -2
  47. package/dist/Globe-d727ac2f.js.map +0 -1
  48. package/dist/Graph-0e6b9c58.js +0 -2
  49. package/dist/Graph-0e6b9c58.js.map +0 -1
  50. package/dist/Graph-3280d218.js +0 -2
  51. package/dist/Graph-3280d218.js.map +0 -1
  52. package/dist/Jars-32112246.js +0 -2
  53. package/dist/Jars-32112246.js.map +0 -1
  54. package/dist/Jars-fd0866ef.js +0 -2
  55. package/dist/Jars-fd0866ef.js.map +0 -1
  56. package/dist/Lock-21c35a1e.js +0 -2
  57. package/dist/Lock-21c35a1e.js.map +0 -1
  58. package/dist/Lock-d249e9ee.js +0 -2
  59. package/dist/Lock-d249e9ee.js.map +0 -1
  60. package/dist/MagnifyingGlass-d0d5d3f6.js +0 -2
  61. package/dist/MagnifyingGlass-d0d5d3f6.js.map +0 -1
  62. package/dist/MagnifyingGlass-dd6ac241.js +0 -2
  63. package/dist/MagnifyingGlass-dd6ac241.js.map +0 -1
  64. package/dist/Marble-1a42836c.js +0 -2
  65. package/dist/Marble-1a42836c.js.map +0 -1
  66. package/dist/Marble-d00298d5.js +0 -2
  67. package/dist/Marble-d00298d5.js.map +0 -1
  68. package/dist/MarbleCard-af7cf06b.js +0 -2
  69. package/dist/MarbleCard-af7cf06b.js.map +0 -1
  70. package/dist/MarbleCard-edfe8044.js +0 -2
  71. package/dist/MarbleCard-edfe8044.js.map +0 -1
  72. package/dist/MultiCurrency-76c41e39.js +0 -2
  73. package/dist/MultiCurrency-76c41e39.js.map +0 -1
  74. package/dist/MultiCurrency-f13609fe.js +0 -2
  75. package/dist/MultiCurrency-f13609fe.js.map +0 -1
  76. package/dist/Plane-3e2e27a1.js +0 -2
  77. package/dist/Plane-3e2e27a1.js.map +0 -1
  78. package/dist/Plane-436856f6.js +0 -2
  79. package/dist/Plane-436856f6.js.map +0 -1
  80. package/dist/Scene-ddc93fb1.js +0 -2
  81. package/dist/Scene-ddc93fb1.js.map +0 -1
  82. package/dist/Scene-f6751467.js +0 -2
  83. package/dist/Scene-f6751467.js.map +0 -1
  84. package/dist/flags/Flag.stories.d.ts +0 -6
  85. package/dist/illustrations/Illustration.stories.d.ts +0 -19
  86. package/dist/illustrations3d/Illustration3d.d.ts +0 -10
  87. package/dist/illustrations3d/Illustration3d.stories.d.ts +0 -18
  88. package/dist/illustrations3d/Scene.d.ts +0 -8
  89. package/dist/illustrations3d/index.d.ts +0 -4
  90. package/dist/illustrations3d/models/CheckMark.d.ts +0 -3
  91. package/dist/illustrations3d/models/Confetti.d.ts +0 -3
  92. package/dist/illustrations3d/models/Flower.d.ts +0 -3
  93. package/dist/illustrations3d/models/Globe.d.ts +0 -3
  94. package/dist/illustrations3d/models/Graph.d.ts +0 -3
  95. package/dist/illustrations3d/models/Jars.d.ts +0 -3
  96. package/dist/illustrations3d/models/Lock.d.ts +0 -3
  97. package/dist/illustrations3d/models/MagnifyingGlass.d.ts +0 -3
  98. package/dist/illustrations3d/models/Marble.d.ts +0 -3
  99. package/dist/illustrations3d/models/MarbleCard.d.ts +0 -3
  100. package/dist/illustrations3d/models/MultiCurrency.d.ts +0 -3
  101. package/dist/illustrations3d/models/Plane.d.ts +0 -3
  102. package/dist/illustrations3d/utils.d.ts +0 -8
  103. package/dist/index-b62ef291.js +0 -2
  104. package/dist/index-b62ef291.js.map +0 -1
  105. package/dist/index-e4ef8220.js +0 -2
  106. package/dist/index-e4ef8220.js.map +0 -1
  107. package/dist/index.module.js +0 -2
  108. package/dist/index.module.js.map +0 -1
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const Confetti: () => React.JSX.Element;
7
- export declare const Globe: () => React.JSX.Element;
8
- export declare const Lock: () => React.JSX.Element;
9
- export declare const CheckMark: () => React.JSX.Element;
10
- export declare const Flower: () => React.JSX.Element;
11
- export declare const Plane: () => React.JSX.Element;
12
- export declare const Graph: () => React.JSX.Element;
13
- export declare const Marble: () => React.JSX.Element;
14
- export declare const MarbleCard: () => React.JSX.Element;
15
- export declare const MagnifyingGlass: () => React.JSX.Element;
16
- export declare const Jars: () => React.JSX.Element;
17
- export declare const MultiCurrency: () => React.JSX.Element;
18
- export declare const Fallback: () => React.JSX.Element;
@@ -1,8 +0,0 @@
1
- import React, { PropsWithChildren } from 'react';
2
- import { LargeSize, MediumSize, SmallSize } from '../common';
3
- import { Illustration3dNames } from './Illustration3d';
4
- export type Props = PropsWithChildren<{
5
- assetName: Illustration3dNames;
6
- size?: SmallSize | MediumSize | LargeSize;
7
- }>;
8
- export default function Scene({ children, assetName, size }: Props): React.JSX.Element;
@@ -1,4 +0,0 @@
1
- export { default } from './Illustration3d';
2
- export type { Props as Illustration3dProps } from './Illustration3d';
3
- export type { Illustration3dNames } from './Illustration3d';
4
- export { is3dIllustrationSupported } from './utils';
@@ -1,3 +0,0 @@
1
- export default CheckMark;
2
- declare function CheckMark(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Confetti;
2
- declare function Confetti(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Flower;
2
- declare function Flower(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Globe;
2
- declare function Globe(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Graph;
2
- declare function Graph(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Jars;
2
- declare function Jars(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Lock;
2
- declare function Lock(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default MagnifyingGlass;
2
- declare function MagnifyingGlass(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Marble;
2
- declare function Marble(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default MarbleCard;
2
- declare function MarbleCard(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default MultiCurrency;
2
- declare function MultiCurrency(): React.JSX.Element;
3
- import React from "react";
@@ -1,3 +0,0 @@
1
- export default Plane;
2
- declare function Plane(): React.JSX.Element;
3
- import React from "react";
@@ -1,8 +0,0 @@
1
- import { IllustrationNames } from '../illustrations/metadata';
2
- export declare function useBattery(): {
3
- level: number;
4
- };
5
- export declare function isBatteryLow(batteryLevel: number): boolean;
6
- export declare function isConnectionSlow(): boolean;
7
- export declare function defineSrc(asset: string): string;
8
- export declare function is3dIllustrationSupported(asset: IllustrationNames): boolean;
@@ -1,2 +0,0 @@
1
- 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,p=void 0!==A&&A,m=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[m],height:c[m],media:"(max-width: 575px)",srcSet:d(s,m,"1x")+", "+d(s,m,"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":!p},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],p=d[1],m=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))||m.level<.2?f.FALLBACK:f.ASSET_3D),null!=(e=void 0!==typeof window&&(null==(t=window)||null==(r=t.matchMedia("(max-width: 575px)"))?void 0:r.matches))&&e&&p(exports.Sizes.SMALL)},[m]),/*#__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-ddc93fb1.js")})});switch(r){case exports.Assets.LOCK:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Lock-d249e9ee.js")})});break;case exports.Assets.GLOBE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Globe-5c7583f2.js")})});break;case exports.Assets.CONFETTI:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Confetti-a3ce33fb.js")})});break;case exports.Assets.CHECK_MARK:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./CheckMark-a7c4192e.js")})});break;case exports.Assets.FLOWER:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Flower-de7f810e.js")})});break;case exports.Assets.PLANE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Plane-436856f6.js")})});break;case exports.Assets.GRAPH:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Graph-0e6b9c58.js")})});break;case exports.Assets.MARBLE:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Marble-1a42836c.js")})});break;case exports.Assets.MARBLE_CARD:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MarbleCard-af7cf06b.js")})});break;case exports.Assets.MAGNIFYING_GLASS:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MagnifyingGlass-dd6ac241.js")})});break;case exports.Assets.JARS:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./Jars-32112246.js")})});break;case exports.Assets.MULTI_CURRENCY:n=e.lazy(function(){return Promise.resolve().then(function(){return require("./MultiCurrency-76c41e39.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)};
2
- //# sourceMappingURL=index-b62ef291.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-b62ef291.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 */\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 =\n (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n if (isMobile) {\n setInintrinsicSize(Sizes.SMALL);\n }\n }, [batteryData]);\n\n return (\n <div\n className={classNames(\n 'wds-illustration-3d',\n `wds-illustration-3d-${name}`,\n `wds-illustration-3d-${inintrinsicSize as string}`,\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('./models/Lock'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(() => import('./models/Globe'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(() => import('./models/Confetti'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(() => import('./models/CheckMark'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(() => import('./models/Flower'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(() => import('./models/Plane'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(() => import('./models/Graph'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(() => import('./models/Marble'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(() => import('./models/MarbleCard'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(() => import('./models/MagnifyingGlass'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(() => import('./models/Jars'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(() => import('./models/MultiCurrency'));\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","_useState2","inintrinsicSize","setInintrinsicSize","batteryData","level","setBatteryData","navigator","getBattery","then","battery","e","Promise","reject","useBattery","_ref2","_window","_window$matchMedia","connection","undefined","window","includes","effectiveType","_navigator","_navigator$connection","saveData","FALLBACK","ASSET_3D","matchMedia","matches","Suspense","_ref3","Model","Scene","lazy","resolve","require","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","assetName","getModel","asset"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import e,{useState as t,useEffect as n,forwardRef as a,Suspense as r,lazy as i}from"react";import l from"classnames";var s,c,o=function(e){var a=e.code,r=e.intrinsicSize,i=void 0===r?64:r,l=t(null),s=l[0],c=l[1];n(function(){c(null)},[a]);var o=i>=150,E="unknown"!==s?a.toLowerCase()+(null==s&&o?"-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&&o?"simple":"unknown"})}})};!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(c||(c={}));var E,u,d=((s={})[c.SMALL]=200,s[c.MEDIUM]=300,s[c.LARGE]=500,s),m=((E={})[c.SMALL]=200,E[c.MEDIUM]=300,E[c.LARGE]=500,E),A=a(function(t,n){var a=t.id,r=t.name,i=t.alt,s=t.loading,o=void 0===s?"eager":s,E=t.className,u=t.size,d=void 0===u?c.MEDIUM:u,A=t.disablePadding,I=void 0!==A&&A,f=c.SMALL,R=c.MEDIUM;return r?/*#__PURE__*/e.createElement("picture",null,d===c.LARGE||d===c.MEDIUM?/*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("source",{width:m[f],height:m[f],media:"(max-width: 575px)",srcSet:L(r,f,"1x")+", "+L(r,f,"2x")+" 2x"}),d!==c.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:o,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 f,R=["lock","globe","confetti","check-mark","flower","graph","jars","magnifying-glass","marble","marble-card","multi-currency","plane"];function p(e){return R.includes(e)}!function(e){e[e.INIT=0]="INIT",e[e.FALLBACK=1]="FALLBACK",e[e.ASSET_3D=2]="ASSET_3D"}(f||(f={}));var C=function(a){var s=a.name,o=a.size,E=void 0===o?c.MEDIUM:o,d=a.className,m=t(f.INIT),L=m[0],I=m[1],R=t(E),p=R[0],C=R[1],T=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))||T.level<.2?f.FALLBACK:f.ASSET_3D),null!=(e=void 0!==typeof window&&(null==(t=window)||null==(n=t.matchMedia("(max-width: 575px)"))?void 0:n.matches))&&e&&C(c.SMALL)},[T]),/*#__PURE__*/e.createElement("div",{className:l("wds-illustration-3d","wds-illustration-3d-"+s,"wds-illustration-3d-"+p,d)},L===f.INIT?null:L===f.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-f6751467.js")});switch(n){case u.LOCK:r=i(function(){return import("./Lock-21c35a1e.js")});break;case u.GLOBE:r=i(function(){return import("./Globe-d727ac2f.js")});break;case u.CONFETTI:r=i(function(){return import("./Confetti-535240b0.js")});break;case u.CHECK_MARK:r=i(function(){return import("./CheckMark-c09041e4.js")});break;case u.FLOWER:r=i(function(){return import("./Flower-f066e1ae.js")});break;case u.PLANE:r=i(function(){return import("./Plane-3e2e27a1.js")});break;case u.GRAPH:r=i(function(){return import("./Graph-3280d218.js")});break;case u.MARBLE:r=i(function(){return import("./Marble-d00298d5.js")});break;case u.MARBLE_CARD:r=i(function(){return import("./MarbleCard-edfe8044.js")});break;case u.MAGNIFYING_GLASS:r=i(function(){return import("./MagnifyingGlass-d0d5d3f6.js")});break;case u.JARS:r=i(function(){return import("./Jars-fd0866ef.js")});break;case u.MULTI_CURRENCY:r=i(function(){return import("./MultiCurrency-f13609fe.js")})}/*#__PURE__*/return e.createElement(l,{assetName:n,size:a},/*#__PURE__*/e.createElement(r,null))}({name:s,size:p})):/*#__PURE__*/e.createElement(A,{name:s,size:E,alt:""}))};export{u as A,o as F,d as I,c as S,A as a,C as b,I as d,p as i};
2
- //# sourceMappingURL=index-e4ef8220.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-e4ef8220.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 */\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 =\n (typeof window !== undefined && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n if (isMobile) {\n setInintrinsicSize(Sizes.SMALL);\n }\n }, [batteryData]);\n\n return (\n <div\n className={classNames(\n 'wds-illustration-3d',\n `wds-illustration-3d-${name}`,\n `wds-illustration-3d-${inintrinsicSize as string}`,\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('./models/Lock'));\n break;\n }\n case Assets.GLOBE: {\n Model = lazy(() => import('./models/Globe'));\n break;\n }\n case Assets.CONFETTI: {\n Model = lazy(() => import('./models/Confetti'));\n break;\n }\n case Assets.CHECK_MARK: {\n Model = lazy(() => import('./models/CheckMark'));\n break;\n }\n case Assets.FLOWER: {\n Model = lazy(() => import('./models/Flower'));\n break;\n }\n case Assets.PLANE: {\n Model = lazy(() => import('./models/Plane'));\n break;\n }\n case Assets.GRAPH: {\n Model = lazy(() => import('./models/Graph'));\n break;\n }\n case Assets.MARBLE: {\n Model = lazy(() => import('./models/Marble'));\n break;\n }\n case Assets.MARBLE_CARD: {\n Model = lazy(() => import('./models/MarbleCard'));\n break;\n }\n case Assets.MAGNIFYING_GLASS: {\n Model = lazy(() => import('./models/MagnifyingGlass'));\n break;\n }\n case Assets.JARS: {\n Model = lazy(() => import('./models/Jars'));\n break;\n }\n case Assets.MULTI_CURRENCY: {\n Model = lazy(() => import('./models/MultiCurrency'));\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","_useState2","inintrinsicSize","setInintrinsicSize","batteryData","level","setBatteryData","navigator","getBattery","then","battery","e","Promise","reject","useBattery","_ref2","_window","_window$matchMedia","connection","undefined","window","effectiveType","_navigator","_navigator$connection","saveData","FALLBACK","ASSET_3D","matchMedia","matches","Suspense","_ref3","Model","Scene","lazy","import","LOCK","GLOBE","CONFETTI","CHECK_MARK","FLOWER","PLANE","GRAPH","MARBLE","MARBLE_CARD","MAGNIFYING_GLASS","JARS","MULTI_CURRENCY","assetName","getModel"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export{A as Assets,F as Flag,a as Illustration,b as Illustration3d,S as Sizes,i as is3dIllustrationSupported}from"./index-e4ef8220.js";import"react";import"classnames";
2
- //# sourceMappingURL=index.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.module.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}