decentraland-ui2 0.26.1-17074319572.commit-54256a2 → 0.26.1-17079106219.commit-37645ec

package/dist/components/Atlas/util.js

@@ -0,0 +1,30 @@
+import { memo } from "radash";
+import { AtlasColor, AtlasTileType } from "./Atlas.types";
+const TILES_URL = "https://api.decentraland.org/v2/tiles";
+const getTiles = memo(async () => {
+    try {
+        const tilesFetch = await fetch(TILES_URL);
+        const tilesJson = await tilesFetch.json();
+        return tilesJson.data;
+    }
+    catch (error) {
+        return {};
+    }
+}, { ttl: 10 * 60 * 1000 } // 10 minutes
+);
+const getColorByType = (type) => {
+    switch (type) {
+        case AtlasTileType.OWNED:
+            return AtlasColor.OWNED;
+        case AtlasTileType.UNOWNED:
+            return AtlasColor.UNOWNED;
+        case AtlasTileType.PLAZA:
+            return AtlasColor.PLAZA;
+        case AtlasTileType.ROAD:
+            return AtlasColor.ROAD;
+        case AtlasTileType.DISTRICT:
+            return AtlasColor.DISTRICT;
+    }
+};
+export { getTiles, getColorByType };
+//# sourceMappingURL=util.js.map

package/dist/components/Atlas/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/Atlas/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,UAAU,EAAkB,aAAa,EAAE,MAAM,eAAe,CAAA;AAEzE,MAAM,SAAS,GAAG,uCAAuC,CAAA;AAEzD,MAAM,QAAQ,GAAG,IAAI,CACnB,KAAK,IAA6C,EAAE;IAClD,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;QACzC,MAAM,SAAS,GAIX,MAAM,UAAU,CAAC,IAAI,EAAE,CAAA;QAE3B,OAAO,SAAS,CAAC,IAAsC,CAAA;IACzD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,EAAE,CAAA;IACX,CAAC;AACH,CAAC,EACD,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,aAAa;CACtC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,IAAmB,EAAE,EAAE;IAC7C,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,aAAa,CAAC,KAAK;YACtB,OAAO,UAAU,CAAC,KAAK,CAAA;QACzB,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,UAAU,CAAC,OAAO,CAAA;QAC3B,KAAK,aAAa,CAAC,KAAK;YACtB,OAAO,UAAU,CAAC,KAAK,CAAA;QACzB,KAAK,aAAa,CAAC,IAAI;YACrB,OAAO,UAAU,CAAC,IAAI,CAAA;QACxB,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,UAAU,CAAC,QAAQ,CAAA;IAC9B,CAAC;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Atlas/util.test.js

@@ -0,0 +1,7 @@
+"use strict";
+describe("silly test", () => {
+    it("silly test", () => {
+        expect(true).toBe(true);
+    });
+});
+//# sourceMappingURL=util.test.js.map

package/dist/components/Atlas/util.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.test.js","sourceRoot":"","sources":["../../../src/components/Atlas/util.test.ts"],"names":[],"mappings":";AAAA,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;QACpB,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/components/AvatarFace/AvatarFace.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { AvatarFaceProps } from "./AvatarFace.types";
+declare const AvatarFace: React.MemoExoticComponent<(props: AvatarFaceProps) => import("react/jsx-runtime").JSX.Element>;
+export { AvatarFace };

package/dist/components/AvatarFace/AvatarFace.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Avatar, AvatarContainer } from "./AvatarFace.styled";
+const AvatarFace = React.memo((props) => {
+    const { avatar, inline, ...avatarProps } = props;
+    let avatarUrl = avatar?.avatar?.snapshots?.face256;
+    if (avatarUrl && !avatarUrl.startsWith("https://")) {
+        avatarUrl = `https://peer.decentraland.org/content/contents/${avatarUrl}`;
+    }
+    return (_jsx(AvatarContainer, { inline: inline, children: _jsx(Avatar, { src: avatarUrl, ...avatarProps }) }));
+});
+export { AvatarFace };
+//# sourceMappingURL=AvatarFace.js.map

package/dist/components/AvatarFace/AvatarFace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFace.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE7D,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAsB,EAAE,EAAE;IACvD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAA;IAEhD,IAAI,SAAS,GAAG,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAA;IAElD,IAAI,SAAS,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QACnD,SAAS,GAAG,kDAAkD,SAAS,EAAE,CAAA;IAC3E,CAAC;IAED,OAAO,CACL,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,YAC7B,KAAC,MAAM,IAAC,GAAG,EAAE,SAAS,KAAM,WAAW,GAAI,GAC3B,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/AvatarFace/AvatarFace.stories.d.ts

@@ -0,0 +1,10 @@
+import { AvatarFaceProps } from "./AvatarFace.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<AvatarFaceProps>;
+type Story = StoryObj<AvatarFaceProps>;
+declare const Guest: Story;
+declare const Simple: Story;
+declare const Sizes: Story;
+declare const InParagraph: Story;
+export default meta;
+export { Guest, Simple, Sizes, InParagraph };

package/dist/components/AvatarFace/AvatarFace.stories.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { AvatarFace } from "./AvatarFace";
+import { avatar } from "../../data/avatar";
+import { Mana } from "../Mana";
+const meta = {
+    component: AvatarFace,
+    title: "Decentraland UI/AvatarFace",
+    tags: ["autodocs"],
+    argTypes: {
+        size: {
+            description: "Size of the avatar face",
+        },
+        inline: {
+            description: "Avatar component should be displayed inline",
+        },
+    },
+    render: (args) => _jsx(AvatarFace, { ...args }),
+};
+const Guest = {
+    args: {},
+};
+const Simple = {
+    args: {
+        size: "large",
+        avatar,
+    },
+};
+const Sizes = {
+    args: {
+        avatar,
+    },
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(AvatarFace, { size: "tiny", ...args }), _jsx(AvatarFace, { size: "small", ...args }), _jsx(AvatarFace, { size: "medium", ...args }), _jsx(AvatarFace, { size: "large", ...args }), _jsx(AvatarFace, { size: "responsive", ...args })] })),
+};
+const InParagraph = {
+    name: "In a paragraph",
+    args: {
+        avatar,
+        inline: true,
+        size: "tiny",
+    },
+    render: (args) => (_jsxs(Typography, { children: ["You've transferred ", _jsx(Mana, { inline: true, children: "1,000" }), " to", " ", _jsx(AvatarFace, { ...args }), " ", _jsx("strong", { children: "cazala" })] })),
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Guest, Simple, Sizes, InParagraph };
+//# sourceMappingURL=AvatarFace.stories.js.map

package/dist/components/AvatarFace/AvatarFace.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFace.stories.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,yBAAyB;SACvC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,6CAA6C;SAC3D;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,UAAU,OAAK,IAAI,GAAI;CAC3C,CAAA;AAID,MAAM,KAAK,GAAU;IACnB,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,MAAM;KACP;CACF,CAAA;AAED,MAAM,KAAK,GAAU;IACnB,IAAI,EAAE;QACJ,MAAM;KACP;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BACE,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,KAAK,IAAI,GAAI,EACpC,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,KAAK,IAAI,GAAI,EACrC,KAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,KAAK,IAAI,GAAI,EACtC,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,KAAK,IAAI,GAAI,EACrC,KAAC,UAAU,IAAC,IAAI,EAAC,YAAY,KAAK,IAAI,GAAI,IACzC,CACJ;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,MAAM;QACN,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,MAAM;KACb;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,UAAU,sCACe,KAAC,IAAI,IAAC,MAAM,4BAAa,SAAI,GAAG,EACxD,KAAC,UAAU,OAAK,IAAI,GAAI,OAAC,sCAAuB,IACrC,CACd;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/AvatarFace/AvatarFace.styled.d.ts

@@ -0,0 +1,11 @@
+import { AvatarFaceProps } from "./AvatarFace.types";
+declare const AvatarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+} & Pick<AvatarFaceProps, "inline">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Avatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "slots" | "slotProps" | "alt" | "imgProps" | "sizes" | "src" | "srcSet"> & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<AvatarFaceProps, "size">, {}, {}>;
+export { AvatarContainer, Avatar };

package/dist/components/AvatarFace/AvatarFace.styled.js

@@ -0,0 +1,51 @@
+import styled from "@emotion/styled";
+import { Avatar as AvatarMui } from "@mui/material";
+const AvatarContainer = styled("div", {
+    shouldForwardProp: (prop) => prop !== "inline",
+})((props) => {
+    return {
+        width: "inherit",
+        height: "inherit",
+        display: props.inline ? "inline-flex" : "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        verticalAlign: "middle",
+    };
+});
+const Avatar = styled(AvatarMui)((props) => {
+    const { size, theme } = props;
+    const dimensions = {
+        width: "32px",
+        height: "32px",
+    };
+    if (size === "tiny") {
+        dimensions.width = "20px";
+        dimensions.height = "20px";
+    }
+    else if (size === "small") {
+        dimensions.width = "32px";
+        dimensions.height = "32px";
+    }
+    else if (size === "medium") {
+        dimensions.width = "48px";
+        dimensions.height = "48px";
+    }
+    else if (size === "large") {
+        dimensions.width = "108px";
+        dimensions.height = "108px";
+    }
+    else if (size === "responsive") {
+        dimensions.width = "93px";
+        dimensions.height = "93px";
+    }
+    return {
+        backgroundColor: theme.palette.secondary.light,
+        ...dimensions,
+        "@media (min-width: 1200px)": size === "responsive" && {
+            width: "170px",
+            height: "170px",
+        },
+    };
+});
+export { AvatarContainer, Avatar };
+//# sourceMappingURL=AvatarFace.styled.js.map

package/dist/components/AvatarFace/AvatarFace.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFace.styled.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAkC,CAAC,KAAK,EAAE,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;KACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAgC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAA;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,OAAO,CAAA;QAC1B,UAAU,CAAC,MAAM,GAAG,OAAO,CAAA;IAC7B,CAAC;SAAM,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QACjC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;QAC/C,GAAG,UAAU;QACb,4BAA4B,EAAE,IAAI,KAAK,YAAY,IAAI;YACrD,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/AvatarFace/AvatarFace.types.d.ts

@@ -0,0 +1,7 @@
+import { Avatar } from "@dcl/schemas";
+type AvatarFaceProps = {
+    avatar?: Avatar;
+    size?: "tiny" | "small" | "medium" | "large" | "responsive";
+    inline?: boolean;
+};
+export type { AvatarFaceProps };

package/dist/components/AvatarFace/AvatarFace.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AvatarFace.types.js.map

package/dist/components/AvatarFace/AvatarFace.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFace.types.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.types.ts"],"names":[],"mappings":""}

package/dist/components/AvatarFace/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AvatarFace";
+export * from "./AvatarFace.types";

package/dist/components/AvatarFace/index.js

@@ -0,0 +1,3 @@
+export * from "./AvatarFace";
+export * from "./AvatarFace.types";
+//# sourceMappingURL=index.js.map

package/dist/components/AvatarFace/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,2 @@
+import { BannerProps } from "./Banner.types";
+export declare const Banner: React.FC<BannerProps>;

package/dist/components/Banner/Banner.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
+import { ContentfulLocale } from "@dcl/schemas";
+import CircularProgress from "@mui/material/CircularProgress";
+import { getAssetUrl } from "../../modules/contentful";
+import { useTabletAndBelowMediaQuery } from "../Media";
+import { BannerContainer, Button, ButtonContainer, Content, LoadingContainer, Logo, Text, Title, } from "./Banner.styled";
+const convertAlignmentToFlex = (alignment) => {
+    switch (alignment) {
+        case "left":
+            return "flex-start";
+        case "center":
+            return "center";
+        case "right":
+            return "flex-end";
+        default:
+            return "flex-start";
+    }
+};
+export const Banner = (props) => {
+    const { isLoading, onClick, fields, assets, locale = ContentfulLocale.enUS, error, } = props;
+    const isMobileOrTablet = useTabletAndBelowMediaQuery();
+    if (isLoading) {
+        return (_jsx(LoadingContainer, { children: _jsx(CircularProgress, {}) }));
+    }
+    // If there is no banner fields or the banner is not supposed to be shown, return null
+    if (!fields || error) {
+        return null;
+    }
+    // Build the parameters based on the size of the screen
+    const bannerBackgroundImage = getAssetUrl(assets, ContentfulLocale.enUS, isMobileOrTablet
+        ? fields.mobileBackground[ContentfulLocale.enUS]
+        : fields.fullSizeBackground[ContentfulLocale.enUS]);
+    const title = isMobileOrTablet
+        ? fields.mobileTitle[locale]
+        : fields.desktopTitle[locale];
+    const titleAlignment = (isMobileOrTablet
+        ? fields.mobileTitleAlignment[ContentfulLocale.enUS]
+        : fields.desktopTitleAlignment[ContentfulLocale.enUS])?.toLowerCase();
+    const text = isMobileOrTablet
+        ? fields.mobileText[locale]
+        : fields.desktopText[locale];
+    const textAlignment = (isMobileOrTablet
+        ? fields.mobileTextAlignment[ContentfulLocale.enUS]
+        : fields.desktopTextAlignment[ContentfulLocale.enUS])?.toLowerCase();
+    const buttonAlignment = convertAlignmentToFlex((isMobileOrTablet
+        ? fields.mobileButtonAlignment[ContentfulLocale.enUS]
+        : fields.desktopButtonAlignment[ContentfulLocale.enUS])?.toLowerCase());
+    return (_jsxs(BannerContainer, { background: bannerBackgroundImage, children: [_jsxs(Content, { children: [_jsx(Title, { variant: "h1", textAlign: titleAlignment, children: title }), _jsx(Text, { textAlign: textAlignment, children: text ? documentToReactComponents(text) : null }), fields.showButton[ContentfulLocale.enUS] &&
+                        fields.buttonLink?.[ContentfulLocale.enUS] &&
+                        fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { justifyContent: buttonAlignment, children: _jsx(Button, { onClick: onClick, href: fields.buttonLink[ContentfulLocale.enUS], variant: "contained", disableElevation: true, children: fields.buttonsText[locale] }) })) : null] }), fields.logo && fields.logo[ContentfulLocale.enUS] && (_jsx(Logo, { src: getAssetUrl(assets, ContentfulLocale.enUS, fields.logo[ContentfulLocale.enUS]), alt: "Banner logo" }))] }));
+};
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}

package/dist/components/Banner/Banner.styled.d.ts

@@ -0,0 +1,47 @@
+declare const LoadingContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const BannerContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    background: string;
+}, {}, {}>;
+declare const ContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const Content: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const Logo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+declare const Title: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const Text: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const Button: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { LoadingContainer, BannerContainer, Content, ContentWrapper, Logo, Title, Text, ButtonContainer, Button, };

package/dist/components/Banner/Banner.styled.js

@@ -0,0 +1,94 @@
+import styled from "@emotion/styled";
+import { Box, Button as MuiButton, Typography } from "@mui/material";
+import { neutral } from "../../theme/colors";
+const LoadingContainer = styled(Box)({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    width: "100%",
+});
+const BannerContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== "background",
+})((props) => {
+    const { theme, background } = props;
+    return {
+        width: "100%",
+        overflow: "hidden",
+        display: "flex",
+        padding: "2rem",
+        justifyContent: "space-between",
+        flexDirection: "row",
+        backgroundImage: `url(${background})`,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        alignItems: "center",
+        [theme.breakpoints.down("sm")]: {
+            flexDirection: "column-reverse",
+        },
+    };
+});
+const ContentWrapper = styled(Box)({
+    display: "flex",
+    flexDirection: "row",
+    flexGrow: 1,
+    marginRight: "20px",
+});
+const Content = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.1rem",
+        [theme.breakpoints.down("sm")]: {
+            padding: "1rem",
+        },
+    };
+});
+const Logo = styled("img")((props) => {
+    const { theme } = props;
+    return {
+        flexShrink: 0,
+        maxWidth: "400px",
+        [theme.breakpoints.down("sm")]: {
+            maxWidth: "300px",
+            marginBottom: "1rem",
+        },
+    };
+});
+const Title = styled(Typography)((props) => {
+    const { theme } = props;
+    return {
+        margin: 0,
+        color: "#fff",
+        fontSize: "28px",
+        textTransform: "uppercase",
+        fontWeight: 800,
+        [theme.breakpoints.down("sm")]: {
+            fontSize: "24px",
+        },
+    };
+});
+const Text = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        color: neutral.white,
+        fontSize: "19px",
+        "& p": {
+            margin: 0,
+            padding: 0,
+        },
+        [theme.breakpoints.down("sm")]: {
+            fontSize: "16px",
+        },
+    };
+});
+const ButtonContainer = styled(Box)({
+    display: "flex",
+    marginTop: "1rem",
+});
+const Button = styled(MuiButton)({
+    textTransform: "uppercase",
+    minWidth: "300px",
+});
+export { LoadingContainer, BannerContainer, Content, ContentWrapper, Logo, Title, Text, ButtonContainer, Button, };
+//# sourceMappingURL=Banner.styled.js.map

package/dist/components/Banner/Banner.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.styled.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.styled.ts"],"names":[],"mappings":"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"}

package/dist/components/Banner/Banner.types.d.ts

@@ -0,0 +1,11 @@
+import { BannerFields, ContentfulAsset, ContentfulLocale } from "@dcl/schemas";
+type BannerProps = {
+    fields: BannerFields | null;
+    assets: Record<string, ContentfulAsset>;
+    isLoading: boolean;
+    error: string | null;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    locale?: ContentfulLocale;
+};
+type LowercasedAlignment = "left" | "center" | "right";
+export type { BannerProps, BannerFields, LowercasedAlignment };

package/dist/components/Banner/Banner.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Banner.types.js.map

package/dist/components/Banner/Banner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.types.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":""}

package/dist/components/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export { Banner } from "./Banner";
+export type { BannerProps } from "./Banner.types";

package/dist/components/Banner/index.js

@@ -0,0 +1,2 @@
+export { Banner } from "./Banner";
+//# sourceMappingURL=index.js.map

package/dist/components/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/Blockie/Blockie.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BlockieProps } from "./Blockie.types";
+declare const Blockie: React.MemoExoticComponent<(props: BlockieProps) => import("react/jsx-runtime").JSX.Element>;
+export { Blockie };

package/dist/components/Blockie/Blockie.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef } from "react";
+import Box from "@mui/material/Box";
+import * as blockies from "ethereum-blockies/blockies";
+import { StyledBlockieChildrenWrapper, StyledCanvas } from "./Blockie.styled";
+const Blockie = React.memo((props) => {
+    const { seed, color = "#e449c2", spotcolor = "#e449c2", bgcolor = "#3149de", size = 6, scale = 6, children, } = props;
+    const canvasRef = useRef(null);
+    const getOpts = useCallback(() => ({
+        seed: seed ? seed.toLowerCase() : "",
+        color,
+        spotcolor,
+        bgcolor,
+        size,
+        scale,
+    }), [seed, color, spotcolor, bgcolor, size, scale]);
+    const draw = useCallback(() => {
+        if (!canvasRef || !canvasRef.current)
+            return;
+        const ctx = canvasRef.current.getContext("2d");
+        if (ctx) {
+            ctx.clearRect(0, 0, size * scale, size * scale);
+            blockies.render(getOpts(), canvasRef.current);
+        }
+    }, [getOpts, size, scale]);
+    useEffect(() => {
+        draw();
+    }, [draw]);
+    const canvas = _jsx(StyledCanvas, { scale: scale, size: size, ref: canvasRef });
+    return children ? (_jsxs(Box, { component: "span", children: [canvas, _jsx(StyledBlockieChildrenWrapper, { component: "span", children: children })] })) : (canvas);
+});
+export { Blockie };
+//# sourceMappingURL=Blockie.js.map

package/dist/components/Blockie/Blockie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockie.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,GAAG,MAAM,mBAAmB,CAAA;AACnC,OAAO,KAAK,QAAQ,MAAM,4BAA4B,CAAA;AAEtD,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE7E,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,SAAS,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,CAAC,EACT,QAAQ,GACT,GAAG,KAAK,CAAA;IACT,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,WAAW,CACzB,GAAmC,EAAE,CAAC,CAAC;QACrC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;QACpC,KAAK;QACL,SAAS;QACT,OAAO;QACP,IAAI;QACJ,KAAK;KACN,CAAC,EACF,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAC/C,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAClC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAE5C,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,CAAA;YAC/C,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,EAAE,CAAA;IACR,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,MAAM,GAAG,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,GAAI,CAAA;IAEzE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,MAAC,GAAG,IAAC,SAAS,EAAC,MAAM,aAClB,MAAM,EACP,KAAC,4BAA4B,IAAC,SAAS,EAAC,MAAM,YAC3C,QAAQ,GACoB,IAC3B,CACP,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Blockie/Blockie.stories.d.ts

@@ -0,0 +1,9 @@
+import { BlockieProps } from "./Blockie.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<BlockieProps>;
+type Story = StoryObj<BlockieProps>;
+declare const Single: Story;
+declare const Scales: Story;
+declare const InAParagraph: Story;
+export default meta;
+export { Single, Scales, InAParagraph };

package/dist/components/Blockie/Blockie.stories.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Blockie } from "./Blockie";
+import { Address } from "../Address";
+import { Mana } from "../Mana";
+const address = "0x0F5D2fB29fb7d3CFeE444a200298f468908cC942";
+const meta = {
+    component: Blockie,
+    title: "Decentraland UI/Blockie",
+    tags: ["autodocs"],
+    argTypes: {
+        seed: {
+            description: "Seed used to generate icon data",
+        },
+        color: {
+            description: "Icon color",
+            defaultValue: "#e449c2",
+        },
+        spotcolor: {
+            description: "Color that may appear in each of the pixels with a 13% chance",
+            defaultValue: "#e449c2",
+        },
+        bgcolor: {
+            description: "Background color",
+            defaultValue: "#3149de",
+        },
+        size: {
+            description: "width/height of the icon in blocks",
+            defaultValue: 6,
+        },
+        scale: {
+            description: "width/height of each block in pixels",
+            defaultValue: 6,
+        },
+    },
+    render: (args) => _jsx(Blockie, { ...args }),
+};
+const Single = {
+    name: "Single",
+    args: {
+        seed: address,
+    },
+};
+const Scales = {
+    name: "Scales",
+    render: () => (_jsxs(_Fragment, { children: [_jsx(Blockie, { seed: address, scale: 2 }), _jsx(Blockie, { seed: address, scale: 3 }), _jsx(Blockie, { seed: address, scale: 5 }), _jsx(Blockie, { seed: address, scale: 8 }), _jsx(Blockie, { seed: address, scale: 13 }), _jsx(Blockie, { seed: address, scale: 21 })] })),
+};
+const InAParagraph = {
+    name: "In a paragraph",
+    render: () => (_jsxs(Box, { children: ["You have transferred ", _jsx(Mana, { inline: true, children: "1,000" }), " to", " ", _jsx(Blockie, { scale: 3, seed: address, children: _jsx(Address, { value: address, strong: true }) }), "."] })),
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Single, Scales, InAParagraph };
+//# sourceMappingURL=Blockie.stories.js.map

package/dist/components/Blockie/Blockie.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockie.stories.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,MAAM,OAAO,GAAG,4CAA4C,CAAA;AAE5D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,WAAW,EACT,+DAA+D;YACjE,YAAY,EAAE,SAAS;SACxB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,SAAS;SACxB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,oCAAoC;YACjD,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,CAAC;SAChB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI;CACxC,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,8BACE,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,IACpC,CACJ;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,GAAG,wCACmB,KAAC,IAAI,IAAC,MAAM,4BAAa,SAAI,GAAG,EACrD,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,SAAG,GAC1B,SAEN,CACP;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA"}