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

package/dist/components/Notifications/NotificationItem.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { formatDistanceToNow } from "date-fns";
+import { enUS, es, zhCN } from "date-fns/locale";
+import { NotificationItemImage } from "./NotificationItemImage";
+import { NewNotificationIcon } from "../Icon";
+import { NotificationItemContainer, NotificationItemContent, NotificationItemImageContainer, NotificationItemTimestamp, } from "./NotificationItem.styled";
+const NotificationItem = React.memo((props) => {
+    const { image, imageBackgroundColor, badgeIcon, timestamp, isNew, children, locale, } = props;
+    const usedLocale = locale === "en" ? enUS : locale === "es" ? es : zhCN;
+    return (_jsxs(NotificationItemContainer, { children: [_jsx(NotificationItemImageContainer, { children: _jsx(NotificationItemImage, { image: image, imageBackgroundColor: imageBackgroundColor, badgeIcon: badgeIcon }) }), _jsxs(NotificationItemContent, { children: [children, _jsx(NotificationItemTimestamp, { children: formatDistanceToNow(timestamp, { locale: usedLocale }) })] }), isNew && _jsx(NewNotificationIcon, { fontStyle: 12 })] }));
+});
+export { NotificationItem };
+//# sourceMappingURL=NotificationItem.js.map

package/dist/components/Notifications/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,2BAA2B,CAAA;AAElC,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CACjC,CAAC,KAAqD,EAAE,EAAE;IACxD,MAAM,EACJ,KAAK,EACL,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAA;IACT,MAAM,UAAU,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAEvE,OAAO,CACL,MAAC,yBAAyB,eACxB,KAAC,8BAA8B,cAC7B,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,SAAS,GACpB,GAC6B,EACjC,MAAC,uBAAuB,eACrB,QAAQ,EACT,KAAC,yBAAyB,cACvB,mBAAmB,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,GAC7B,IACJ,EACzB,KAAK,IAAI,KAAC,mBAAmB,IAAC,SAAS,EAAE,EAAE,GAAI,IACtB,CAC7B,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/Notifications/NotificationItem.styled.d.ts

@@ -0,0 +1,36 @@
+declare const NotificationItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationItemImageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationItemTimestamp: 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 NotificationItemTitle: 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 NotificationItemDescription: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | 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" | "TypographyClasses" | "underline"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const NotificationItemCountdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const SpanHighlighted: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export { NotificationItemContainer, NotificationItemImageContainer, NotificationItemContent, NotificationItemTimestamp, NotificationItemTitle, NotificationItemDescription, NotificationItemCountdown, SpanHighlighted, };

package/dist/components/Notifications/NotificationItem.styled.js

@@ -0,0 +1,63 @@
+import styled from "@emotion/styled";
+import { Link, Typography } from "@mui/material";
+const NotificationItemContainer = styled("div")({
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    padding: "8px 16px",
+    justifyContent: "space-between",
+    gap: "16px",
+    "&:last-of-type": {
+        padding: "8px 16px 16px",
+    },
+});
+const NotificationItemImageContainer = styled("div")({
+    marginLeft: "16px",
+    fontSize: "48px",
+});
+const NotificationItemContent = styled("div")({
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+});
+const NotificationItemTimestamp = styled(Typography)({
+    fontWeight: 600,
+    fontSize: "12px",
+});
+const NotificationItemTitle = styled(Typography)({
+    fontWeight: 600,
+    fontSize: "14px",
+    marginBottom: 0,
+});
+const NotificationItemDescription = styled(Link)({
+    display: "inline",
+    color: "#a09ba8",
+    margin: "4px 0",
+    gap: "5px",
+    flexWrap: "wrap",
+    alignItems: "center",
+    fontSize: "14px",
+});
+const NotificationItemCountdown = styled("div")({
+    padding: "0 10px",
+    backgroundColor: "#37333d",
+    width: "fit-content",
+    color: "#fff",
+    borderRadius: "20px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: "-2px",
+    transform: "translateY(2px)",
+    "& svg": {
+        marginRight: "5px",
+    },
+});
+const SpanHighlighted = styled("span")((props) => {
+    const { theme } = props;
+    return {
+        color: theme.palette.primary.main,
+    };
+});
+export { NotificationItemContainer, NotificationItemImageContainer, NotificationItemContent, NotificationItemTimestamp, NotificationItemTitle, NotificationItemDescription, NotificationItemCountdown, SpanHighlighted, };
+//# sourceMappingURL=NotificationItem.styled.js.map

package/dist/components/Notifications/NotificationItem.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.styled.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEhD,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,UAAU;IACnB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,MAAM;IACX,gBAAgB,EAAE;QAChB,OAAO,EAAE,eAAe;KACzB;CACF,CAAC,CAAA;AAEF,MAAM,8BAA8B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnD,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACnD,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/C,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,CAAC;CAChB,CAAC,CAAA;AAEF,MAAM,2BAA2B,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,OAAO;IACf,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,EAAE,QAAQ;IACjB,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,iBAAiB;IAC5B,OAAO,EAAE;QACP,WAAW,EAAE,KAAK;KACnB;CACF,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,KAAK,EAAE,KAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KACnC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,EACrB,2BAA2B,EAC3B,yBAAyB,EACzB,eAAe,GAChB,CAAA"}

package/dist/components/Notifications/NotificationItem.types.d.ts

@@ -0,0 +1,8 @@
+import { NotificationLocale } from "./types";
+import { NotificationItemImageProps } from "./NotificationItemImage.types";
+type NotificationItemProps = NotificationItemImageProps & {
+    timestamp: number;
+    isNew: boolean;
+    locale: NotificationLocale;
+};
+export { NotificationItemProps };

package/dist/components/Notifications/NotificationItem.types.js

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

package/dist/components/Notifications/NotificationItem.types.js.map

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

package/dist/components/Notifications/NotificationItemImage.d.ts

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

package/dist/components/Notifications/NotificationItemImage.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Badge, ImageContainer } from "./NotificationItemImage.styled";
+const NotificationItemImage = React.memo((props) => {
+    const { image, badgeIcon, imageBackgroundColor } = props;
+    const isImage = typeof image === "string";
+    return (_jsx(Badge, { overlap: "circular", anchorOrigin: {
+            vertical: "bottom",
+            horizontal: "left",
+        }, badgeContent: badgeIcon, isImage: isImage, children: isImage ? (_jsx(ImageContainer, { backgroundColor: imageBackgroundColor, children: _jsx("img", { src: image, alt: "Notification Image" }) })) : (image) }));
+});
+export { NotificationItemImage };
+//# sourceMappingURL=NotificationItemImage.js.map

package/dist/components/Notifications/NotificationItemImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemImage.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationItemImage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEtE,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CACtC,CAAC,KAAiC,EAAE,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAA;IACxD,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAA;IACzC,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE;YACZ,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;SACnB,EACD,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,OAAO,YAEf,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,cAAc,IAAC,eAAe,EAAE,oBAAoB,YACnD,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,oBAAoB,GAAG,GAC7B,CAClB,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACK,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/Notifications/NotificationItemImage.styled.d.ts

@@ -0,0 +1,15 @@
+declare const Badge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & 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;
+}, "components" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "slots" | "slotProps" | "componentsProps" | "invisible" | "anchorOrigin" | "badgeContent" | "max" | "overlap" | "showZero"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    isImage: boolean;
+}, {}, {}>;
+interface ImageContainerProps {
+    backgroundColor?: string;
+}
+declare const ImageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+} & ImageContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { Badge, ImageContainer };

package/dist/components/Notifications/NotificationItemImage.styled.js

@@ -0,0 +1,29 @@
+import styled from "@emotion/styled";
+import { Badge as BadgeMui } from "@mui/material";
+const Badge = styled(BadgeMui)(({ isImage }) => ({
+    height: "48px",
+    width: "48px",
+    "& svg.MuiSvgIcon-root": {
+        fontSize: isImage ? "24px" : "inherit",
+    },
+}));
+const ImageContainer = styled("div", {
+    shouldForwardProp: (prop) => prop !== "backgroundColor",
+})((props) => {
+    const { backgroundColor } = props;
+    return {
+        borderRadius: "100%",
+        height: "48px",
+        width: "48px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "rgba(103, 99, 112, 0.4)",
+        backgroundImage: backgroundColor && `radial-gradient(${backgroundColor})`,
+        "& img": {
+            width: "80%",
+        },
+    };
+});
+export { Badge, ImageContainer };
+//# sourceMappingURL=NotificationItemImage.styled.js.map

package/dist/components/Notifications/NotificationItemImage.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemImage.styled.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationItemImage.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAuB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,uBAAuB,EAAE;QACvB,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KACvC;CACF,CAAC,CAAC,CAAA;AAMH,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACxD,CAAC,CAAsB,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO;QACL,YAAY,EAAE,MAAM;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,yBAAyB;QAC1C,eAAe,EAAE,eAAe,IAAI,mBAAmB,eAAe,GAAG;QACzE,OAAO,EAAE;YACP,KAAK,EAAE,KAAK;SACb;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Notifications/NotificationItemImage.types.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type NotificationItemImageProps = {
+    imageBackgroundColor?: string;
+    image: string | React.ReactNode;
+    badgeIcon?: React.ReactNode;
+};
+export { NotificationItemImageProps };

package/dist/components/Notifications/NotificationItemImage.types.js

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

package/dist/components/Notifications/NotificationItemImage.types.js.map

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

package/dist/components/Notifications/NotificationItemNFTLink.d.ts

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

package/dist/components/Notifications/NotificationItemNFTLink.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Link } from "./NotificationItemNFTLink.styled";
+const NotificationItemNFTLink = React.memo((props) => {
+    const { link, rarity, name } = props;
+    return (_jsx(Link, { href: link, rarity: rarity, children: name }));
+});
+export { NotificationItemNFTLink };
+//# sourceMappingURL=NotificationItemNFTLink.js.map

package/dist/components/Notifications/NotificationItemNFTLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemNFTLink.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationItemNFTLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAEvD,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI,CACxC,CAAC,KAAmC,EAAE,EAAE;IACtC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAC7B,IAAI,GACA,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/Notifications/NotificationItemNFTLink.styled.d.ts

@@ -0,0 +1,9 @@
+import { Rarity } from "@dcl/schemas";
+declare const Link: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | 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" | "TypographyClasses" | "underline"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    rarity: Rarity;
+}, {}, {}>;
+export { Link };

package/dist/components/Notifications/NotificationItemNFTLink.styled.js

@@ -0,0 +1,11 @@
+import { Rarity } from "@dcl/schemas";
+import styled from "@emotion/styled";
+import { Link as LinkMui } from "@mui/material";
+const Link = styled(LinkMui)((props) => {
+    return {
+        color: `${Rarity.getColor(props.rarity)}`,
+        textDecorationColor: "transparent",
+    };
+});
+export { Link };
+//# sourceMappingURL=NotificationItemNFTLink.styled.js.map

package/dist/components/Notifications/NotificationItemNFTLink.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemNFTLink.styled.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationItemNFTLink.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAyB,EAAE,EAAE;IACzD,OAAO;QACL,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QACzC,mBAAmB,EAAE,aAAa;KACnC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Notifications/NotificationItemNFTLink.types.d.ts

@@ -0,0 +1,7 @@
+import { Rarity } from "@dcl/schemas";
+type NotificationItemNFTLinkProps = {
+    link: string;
+    rarity: Rarity;
+    name: string;
+};
+export { NotificationItemNFTLinkProps };

package/dist/components/Notifications/NotificationItemNFTLink.types.js

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

package/dist/components/Notifications/NotificationItemNFTLink.types.js.map

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

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { CommonNotificationProps } from "components/Notifications/types";
+import { CreditsClaimReminderNotificationProps } from "./types";
+declare const CreditsClaimReminderNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsClaimReminderNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
+export { CreditsClaimReminderNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.i18n.d.ts

@@ -0,0 +1,15 @@
+declare const i18n: {
+    en: {
+        description: string;
+        title: string;
+    };
+    es: {
+        description: string;
+        title: string;
+    };
+    zh: {
+        description: string;
+        title: string;
+    };
+};
+export { i18n };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.i18n.js

@@ -0,0 +1,16 @@
+const i18n = {
+    en: {
+        description: "You've earned Credits, but haven't claimed them yet! Complete the CAPTCHA in the Weekly Rewards panel to claim your Credits before the week resets (23:59 UTC Sunday).",
+        title: "Claim Your Credits",
+    },
+    es: {
+        description: "¡Has ganado Créditos pero aún no los has reclamado! Completa el CAPTCHA en el panel de Recompensas Semanales para reclamar tus Créditos antes de que se reinicie la semana (Domingo 23:59 UTC).",
+        title: "Reclama Tus Créditos",
+    },
+    zh: {
+        description: "你已经赚取了积分，但还没有领取！在每周奖励面板中完成CAPTCHA，以在星期日23:59 UTC之前领取你的积分。",
+        title: "领取你的积分",
+    },
+};
+export { i18n };
+//# sourceMappingURL=CreditsClaimReminderNotification.i18n.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsClaimReminderNotification.i18n.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,EAAE,EAAE;QACF,WAAW,EACT,wKAAwK;QAC1K,KAAK,EAAE,oBAAoB;KAC5B;IACD,EAAE,EAAE;QACF,WAAW,EACT,iMAAiM;QACnM,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,EAAE;QACF,WAAW,EACT,2DAA2D;QAC7D,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { i18n } from "./CreditsClaimReminderNotification.i18n";
+import { CreditsIcon } from "../../../Icon/Notifications/CreditsIcon";
+import { NotificationItem } from "../../NotificationItem";
+import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+const CreditsClaimReminderNotification = React.memo((props) => {
+    const { notification, locale } = props;
+    return (_jsxs(NotificationItem, { image: _jsx(CreditsIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: i18n[locale].description })] }));
+});
+export { CreditsClaimReminderNotification };
+//# sourceMappingURL=CreditsClaimReminderNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsClaimReminderNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAEtC,MAAM,gCAAgC,GAAG,KAAK,CAAC,IAAI,CACjD,CAAC,KAAqE,EAAE,EAAE;IACxE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC7C,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,GACG,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,gCAAgC,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { CommonNotificationProps } from "components/Notifications/types";
+import { CreditsCompleteYourWeeklyGoalsNotificationProps } from "./types";
+declare const CreditsCompleteYourWeeklyGoalsNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsCompleteYourWeeklyGoalsNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
+export { CreditsCompleteYourWeeklyGoalsNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.i18n.d.ts

@@ -0,0 +1,15 @@
+declare const i18n: {
+    en: {
+        description: string;
+        title: string;
+    };
+    es: {
+        description: string;
+        title: string;
+    };
+    zh: {
+        description: string;
+        title: string;
+    };
+};
+export { i18n };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.i18n.js

@@ -0,0 +1,16 @@
+const i18n = {
+    en: {
+        description: "Don't miss out on your Credits! Complete your weekly goals before the week resets (23:59 UTC Sunday).",
+        title: "Complete Your Weekly Goals",
+    },
+    es: {
+        description: "¡No te pierdas tus Créditos! Completa tus objetivos semanales antes de que se reinicie la semana (Domingo 23:59 UTC).",
+        title: "Completa Tus Objetivos Semanales",
+    },
+    zh: {
+        description: "不要错过你的积分！在星期日23:59 UTC之前完成你的每周目标。",
+        title: "完成你的每周目标",
+    },
+};
+export { i18n };
+//# sourceMappingURL=CreditsCompleteYourWeeklyGoalsNotification.i18n.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsCompleteYourWeeklyGoalsNotification.i18n.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,EAAE,EAAE;QACF,WAAW,EACT,uGAAuG;QACzG,KAAK,EAAE,4BAA4B;KACpC;IACD,EAAE,EAAE;QACF,WAAW,EACT,uHAAuH;QACzH,KAAK,EAAE,kCAAkC;KAC1C;IACD,EAAE,EAAE;QACF,WAAW,EAAE,mCAAmC;QAChD,KAAK,EAAE,UAAU;KAClB;CACF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { i18n } from "./CreditsCompleteYourWeeklyGoalsNotification.i18n";
+import { CreditsCompleteYourGoalsReminderIcon } from "../../../Icon/Notifications/CreditsCompleteYourGoalsReminderIcon";
+import { NotificationItem } from "../../NotificationItem";
+import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+const CreditsCompleteYourWeeklyGoalsNotification = React.memo((props) => {
+    const { notification, locale } = props;
+    return (_jsxs(NotificationItem, { image: _jsx(CreditsCompleteYourGoalsReminderIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: i18n[locale].description })] }));
+});
+export { CreditsCompleteYourWeeklyGoalsNotification };
+//# sourceMappingURL=CreditsCompleteYourWeeklyGoalsNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsCompleteYourWeeklyGoalsNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,mDAAmD,CAAA;AAExE,OAAO,EAAE,oCAAoC,EAAE,MAAM,kEAAkE,CAAA;AACvH,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAEtC,MAAM,0CAA0C,GAAG,KAAK,CAAC,IAAI,CAC3D,CACE,KAA+E,EAC/E,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,oCAAoC,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACtE,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,GACG,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,0CAA0C,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { CommonNotificationProps } from "components/Notifications/types";
+import { CreditsDoNotMissOutNotificationProps } from "./types";
+declare const CreditsDoNotMissOutNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsDoNotMissOutNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
+export { CreditsDoNotMissOutNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.i18n.d.ts

@@ -0,0 +1,15 @@
+declare const i18n: {
+    en: {
+        description: string;
+        title: string;
+    };
+    es: {
+        description: string;
+        title: string;
+    };
+    zh: {
+        description: string;
+        title: string;
+    };
+};
+export { i18n };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.i18n.js

@@ -0,0 +1,16 @@
+const i18n = {
+    en: {
+        description: "Marketplace Credits are waiting! Jump in to complete your weekly goals before the week resets (23:59 UTC Sunday).",
+        title: "Jump In, Earn Credits",
+    },
+    es: {
+        description: "Marketplace Creditos esperan! Salta a completar tus objetivos semanales antes de que se reinicie la semana (Domingo 23:59 UTC).",
+        title: "Salta, Gana Creditos",
+    },
+    zh: {
+        description: "商城积分等你来拿！赶快在本周重置（UTC 时间周日 23:59）之前完成你的每周目标吧。",
+        title: "加入，赢取积分",
+    },
+};
+export { i18n }; // TODO: review chinese migration
+//# sourceMappingURL=CreditsDoNotMissOutNotification.i18n.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsDoNotMissOutNotification.i18n.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,EAAE,EAAE;QACF,WAAW,EACT,mHAAmH;QACrH,KAAK,EAAE,uBAAuB;KAC/B;IACD,EAAE,EAAE;QACF,WAAW,EACT,iIAAiI;QACnI,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,EAAE;QACF,WAAW,EACT,8CAA8C;QAChD,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA,CAAC,iCAAiC"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { i18n } from "./CreditsDoNotMissOutNotification.i18n";
+import { CreditsIcon } from "../../../Icon/Notifications/CreditsIcon";
+import { NotificationItem } from "../../NotificationItem";
+import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+const CreditsDoNotMissOutNotification = React.memo((props) => {
+    const { notification, locale } = props;
+    console.log("rendering CreditsDoNotMissOutNotification", notification);
+    return (_jsxs(NotificationItem, { image: _jsx(CreditsIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: i18n[locale].description })] }));
+});
+export { CreditsDoNotMissOutNotification };
+//# sourceMappingURL=CreditsDoNotMissOutNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsDoNotMissOutNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAEtC,MAAM,+BAA+B,GAAG,KAAK,CAAC,IAAI,CAChD,CAAC,KAAoE,EAAE,EAAE;IACvE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,YAAY,CAAC,CAAA;IACtE,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC7C,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,GACG,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,+BAA+B,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { CommonNotificationProps } from "components/Notifications/types";
+import { CreditsExpireIn24HrsReminderNotificationProps } from "./types";
+declare const CreditsExpireIn24HrsReminderNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsExpireIn24HrsReminderNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
+export { CreditsExpireIn24HrsReminderNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.i18n.d.ts

@@ -0,0 +1,15 @@
+declare const i18n: {
+    en: {
+        description: string;
+        title: string;
+    };
+    es: {
+        description: string;
+        title: string;
+    };
+    zh: {
+        description: string;
+        title: string;
+    };
+};
+export { i18n };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.i18n.js

@@ -0,0 +1,16 @@
+const i18n = {
+    en: {
+        description: "Spend your Credits before they expire tonight, {date}.",
+        title: "Only 24hrs Left",
+    },
+    es: {
+        description: "Gasta tus Créditos antes de que expiren esta noche, {date}.",
+        title: "Solo quedan 24 horas",
+    },
+    zh: {
+        description: "在今晚{date}过期前使用你的积分。",
+        title: "仅剩24小时",
+    },
+};
+export { i18n };
+//# sourceMappingURL=CreditsExpireIn24HrsReminderNotification.i18n.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsExpireIn24HrsReminderNotification.i18n.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,EAAE,EAAE;QACF,WAAW,EAAE,wDAAwD;QACrE,KAAK,EAAE,iBAAiB;KACzB;IACD,EAAE,EAAE;QACF,WAAW,EAAE,6DAA6D;QAC1E,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,EAAE;QACF,WAAW,EAAE,qBAAqB;QAClC,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { i18n } from "./CreditsExpireIn24HrsReminderNotification.i18n";
+import { CreditsExpireSoonReminderIcon } from "../../../Icon/Notifications/CreditsExpireSoonReminderIcon";
+import { NotificationItem } from "../../NotificationItem";
+import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+import { replaceWithValues } from "../../utils";
+const CreditsExpireIn24HrsReminderNotification = React.memo((props) => {
+    const { notification, locale } = props;
+    return (_jsxs(NotificationItem, { image: _jsx(CreditsExpireSoonReminderIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: replaceWithValues(i18n[locale].description, {
+                    date: notification.metadata.expirationDate,
+                }) })] }));
+});
+export { CreditsExpireIn24HrsReminderNotification };
+//# sourceMappingURL=CreditsExpireIn24HrsReminderNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsExpireIn24HrsReminderNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,iDAAiD,CAAA;AAEtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAA;AACzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,wCAAwC,GAAG,KAAK,CAAC,IAAI,CACzD,CACE,KAA6E,EAC7E,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,6BAA6B,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC/D,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;oBAC3C,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,cAAc;iBAC3C,CAAC,GAC0B,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,wCAAwC,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireSoonReminderNotification.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { CommonNotificationProps } from "components/Notifications/types";
+import { CreditsExpireSoonReminderNotificationProps } from "./types";
+declare const CreditsExpireSoonReminderNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsExpireSoonReminderNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
+export { CreditsExpireSoonReminderNotification };