decentraland-ui2 3.6.0 → 3.7.0

package/dist/components/Modal/DownloadModal/DownloadQRModal.js

@@ -4,21 +4,28 @@ import CloseIcon from '@mui/icons-material/Close';
 import { DclIcon } from './icons/DclIcon';
 import { VerifiedIcon } from './icons/VerifiedIcon';
 import dclLogoQr from '../../../Assets/dcl-logo-qr.svg';
+import qrAndroid from '../../../Assets/qr-android.svg';
+import qrIos from '../../../Assets/qr-ios.svg';
 import { CloseButton, DownloadSection, ModalContainer, ModalTitle, StatItem, StatsRow, StyledModal } from './DownloadModal.styled';
 import { QRContainer, QRImage, QRLogo } from './DownloadQRModal.styled';
+const DEFAULT_QR = {
+    android: qrAndroid,
+    ios: qrIos
+};
 const DEFAULT_I18N = {
     title: 'Download Decentraland App for {os}',
     totalDownloads: 'Total Downloads: +250K'
 };
 function DownloadQRModal(props) {
     const { os, qrImageUrl, logoUrl = dclLogoQr, i18n: i18nPartial, open, onClose } = props;
+    const resolvedQr = qrImageUrl ?? DEFAULT_QR[os] ?? '';
     const i18n = useMemo(() => ({ ...DEFAULT_I18N, ...i18nPartial }), [i18nPartial]);
     const handleClose = useCallback((_event, _reason) => {
         onClose();
     }, [onClose]);
     const osLabel = os === 'ios' ? 'iOS' : 'Android';
     const title = i18n.title.replace('{os}', osLabel);
-    return (_jsx(StyledModal, { open: open, onClose: handleClose, children: _jsxs(ModalContainer, { children: [_jsx(CloseButton, { onClick: onClose, "aria-label": "Close", children: _jsx(CloseIcon, {}) }), _jsx(DclIcon, {}), _jsx(ModalTitle, { children: title }), _jsxs(DownloadSection, { children: [_jsxs(QRContainer, { children: [_jsx(QRImage, { src: qrImageUrl, alt: `QR code to download Decentraland for ${osLabel}` }), logoUrl && _jsx(QRLogo, { src: logoUrl, alt: "Decentraland" })] }), _jsx(StatsRow, { children: _jsxs(StatItem, { children: [_jsx(VerifiedIcon, {}), i18n.totalDownloads] }) })] })] }) }));
+    return (_jsx(StyledModal, { open: open, onClose: handleClose, children: _jsxs(ModalContainer, { children: [_jsx(CloseButton, { onClick: onClose, "aria-label": "Close", children: _jsx(CloseIcon, {}) }), _jsx(DclIcon, {}), _jsx(ModalTitle, { children: title }), _jsxs(DownloadSection, { children: [_jsxs(QRContainer, { children: [_jsx(QRImage, { src: resolvedQr, alt: `QR code to download Decentraland for ${osLabel}` }), logoUrl && _jsx(QRLogo, { src: logoUrl, alt: "Decentraland" })] }), _jsx(StatsRow, { children: _jsxs(StatItem, { children: [_jsx(VerifiedIcon, {}), i18n.totalDownloads] }) })] })] }) }));
 }
 export { DownloadQRModal };
 //# sourceMappingURL=DownloadQRModal.js.map

package/dist/components/Modal/DownloadModal/DownloadQRModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadQRModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadQRModal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClI,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEvE,MAAM,YAAY,GAAwB;IACxC,KAAK,EAAE,oCAAoC;IAC3C,cAAc,EAAE,wBAAwB;CACzC,CAAA;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEvF,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEhF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,MAAoC,EAAE,OAAgB,EAAE,EAAE;QACzD,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,MAAM,OAAO,GAAG,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAEjD,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAC3C,MAAC,cAAc,eACb,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,gBAAa,OAAO,YAC/C,KAAC,SAAS,KAAG,GACD,EAEd,KAAC,OAAO,KAAG,EAEX,KAAC,UAAU,cAAE,KAAK,GAAc,EAEhC,MAAC,eAAe,eACd,MAAC,WAAW,eACV,KAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,wCAAwC,OAAO,EAAE,GAAI,EACnF,OAAO,IAAI,KAAC,MAAM,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,cAAc,GAAG,IAC3C,EAEd,KAAC,QAAQ,cACP,MAAC,QAAQ,eACP,KAAC,YAAY,KAAG,EACf,IAAI,CAAC,cAAc,IACX,GACF,IACK,IACH,GACL,CACf,CAAA;AACH,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"DownloadQRModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadQRModal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,SAAS,MAAM,gCAAgC,CAAA;AACtD,OAAO,KAAK,MAAM,4BAA4B,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClI,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEvE,MAAM,UAAU,GAA2B;IACzC,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,KAAK;CACX,CAAA;AAED,MAAM,YAAY,GAAwB;IACxC,KAAK,EAAE,oCAAoC;IAC3C,cAAc,EAAE,wBAAwB;CACzC,CAAA;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEvF,MAAM,UAAU,GAAG,UAAU,IAAI,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAA;IACrD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEhF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,MAAoC,EAAE,OAAgB,EAAE,EAAE;QACzD,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,MAAM,OAAO,GAAG,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAEjD,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAC3C,MAAC,cAAc,eACb,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,gBAAa,OAAO,YAC/C,KAAC,SAAS,KAAG,GACD,EAEd,KAAC,OAAO,KAAG,EAEX,KAAC,UAAU,cAAE,KAAK,GAAc,EAEhC,MAAC,eAAe,eACd,MAAC,WAAW,eACV,KAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,wCAAwC,OAAO,EAAE,GAAI,EACnF,OAAO,IAAI,KAAC,MAAM,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,cAAc,GAAG,IAC3C,EAEd,KAAC,QAAQ,cACP,MAAC,QAAQ,eACP,KAAC,YAAY,KAAG,EACf,IAAI,CAAC,cAAc,IACX,GACF,IACK,IACH,GACL,CACf,CAAA;AACH,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/Modal/DownloadModal/DownloadQRModal.stories.js

@@ -1,6 +1,4 @@
 import { DownloadQRModal } from './DownloadQRModal';
-import qrAndroid from '../../../Assets/qr-android.svg';
-import qrIos from '../../../Assets/qr-ios.svg';
 const meta = {
     title: 'Decentraland UI/Download QR Modal',
     component: DownloadQRModal,
@@ -11,7 +9,7 @@ const meta = {
             description: {
                 component: 'Modal that displays a QR code linking to the App Store or Google Play store. ' +
                     'Used on desktop to let users scan and download the mobile app. ' +
-                    'The QR images are static SVGs — regenerate with `node scripts/generate-qr-codes.cjs` if URLs change. ' +
+                    'QR images are built-in for iOS and Android — no need to pass `qrImageUrl` unless overriding. ' +
                     'A DCL logo is overlaid at the center of the QR by default (`dcl-logo-qr.svg`).'
             },
             story: {
@@ -24,10 +22,10 @@ const meta = {
         os: {
             control: 'radio',
             options: ['android', 'ios'],
-            description: 'Target platform — drives the title text'
+            description: 'Target platform — drives the title text and default QR code'
         },
         qrImageUrl: {
-            description: 'QR code image URL (static SVG, PNG, or data URI)'
+            description: 'Optional QR code image URL override. Built-in QRs are used by default.'
         },
         logoUrl: {
             description: 'Optional logo overlaid at the center of the QR. Defaults to DCL logo.'
@@ -40,23 +38,20 @@ const meta = {
 const Android = {
     args: {
         open: true,
-        os: 'android',
-        qrImageUrl: qrAndroid
+        os: 'android'
     }
 };
 const IOS = {
     name: 'iOS',
     args: {
         open: true,
-        os: 'ios',
-        qrImageUrl: qrIos
+        os: 'ios'
     }
 };
 const WithoutLogo = {
     args: {
         open: true,
         os: 'android',
-        qrImageUrl: qrAndroid,
         logoUrl: undefined
     }
 };

package/dist/components/Modal/DownloadModal/DownloadQRModal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadQRModal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadQRModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,SAAS,MAAM,gCAAgC,CAAA;AACtD,OAAO,KAAK,MAAM,4BAA4B,CAAA;AAI9C,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,+EAA+E;oBAC/E,iEAAiE;oBACjE,uGAAuG;oBACvG,gFAAgF;aACnF;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,GAAG;aAClB;SACF;KACF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;YAC3B,WAAW,EAAE,yCAAyC;SACvD;QACD,UAAU,EAAE;YACV,WAAW,EAAE,kDAAkD;SAChE;QACD,OAAO,EAAE;YACP,WAAW,EAAE,uEAAuE;SACrF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;SACnB;KACF;CACqC,CAAA;AAIxC,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;QACb,UAAU,EAAE,SAAS;KACtB;CACF,CAAA;AAED,MAAM,GAAG,GAAU;IACjB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,KAAK;QACT,UAAU,EAAE,KAAK;KAClB;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;QACb,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AAEnB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"DownloadQRModal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/DownloadModal/DownloadQRModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAInD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,+EAA+E;oBAC/E,iEAAiE;oBACjE,+FAA+F;oBAC/F,gFAAgF;aACnF;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,GAAG;aAClB;SACF;KACF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;YAC3B,WAAW,EAAE,6DAA6D;SAC3E;QACD,UAAU,EAAE;YACV,WAAW,EAAE,wEAAwE;SACtF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,uEAAuE;SACrF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;SACnB;KACF;CACqC,CAAA;AAIxC,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;KACd;CACF,CAAA;AAED,MAAM,GAAG,GAAU;IACjB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,KAAK;KACV;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,SAAS;QACb,OAAO,EAAE,SAAS;KACnB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AAEnB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/Modal/DownloadModal/DownloadQRModal.types.d.ts

@@ -7,10 +7,10 @@ type DownloadQRModalProps = {
     open: boolean;
     /** Called when the modal is closed */
     onClose: () => void;
-    /** The platform — drives the title text */
+    /** The platform — drives the title text and default QR code */
     os: 'android' | 'ios';
-    /** QR code image URL (PNG/SVG/data URI) pointing to the store listing */
-    qrImageUrl: string;
+    /** QR code image URL override. If omitted, uses the built-in QR for the given OS. */
+    qrImageUrl?: string;
     /** Optional logo to overlay at the center of the QR code */
     logoUrl?: string;
     /** i18n strings — all have English defaults */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -117,5 +117,5 @@
     "url": "https://github.com/decentraland/ui2/issues"
   },
   "homepage": "https://github.com/decentraland/ui2#readme",
-  "commit": "3ad58353cccb0e7dd87c10f03e91158d28488322"
+  "commit": "008495871d2dcbaba6425045750669e8af04b746"
 }