@streamlayer/react-ui 1.5.1 → 1.6.0

package/lib/ui/advertisement/notification/index.js

@@ -0,0 +1,31 @@
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { NotificationPromotionImagePosition as e, NotificationEnabled as h, NotificationSponsorLogoMode as O } from "@streamlayer/sdk-web-types";
+import { SlideIn as M } from "../../slide-in/index.js";
+import { MediaImgFit as l, MediaImgCentered as T, MediaImgBottom as C, MediaImgSolid as f, MediaImgMiddle as E, NotificationContainer as L, Logo as S, NotificationContent as b, Body as x, Title as D, Text as P, Button as _, StyledChevronRight as y } from "./styles.js";
+const F = {
+  [e.UNSET]: l,
+  [e.FIT]: l,
+  [e.CENTERED]: T,
+  [e.BOTTOM]: C,
+  [e.SOLID]: f,
+  [e.MIDDLE]: E
+}, u = ({ notification: r, promotionId: R, hiding: m, direction: s = "left" }) => {
+  if (!r || !r.promotion || r.enabled !== h.NOTIFICATION_ENABLED)
+    return null;
+  const { title: n, body: d, image: c, promotion: I } = r, { sponsorLogo: a, sponsorLogoMode: g, imagePosition: N, ctaButton: o } = I, p = F[N];
+  return /* @__PURE__ */ i(M, { direction: s, hiding: m, children: /* @__PURE__ */ t(L, { children: [
+    g !== O.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i("img", { src: a, alt: n }) }),
+    /* @__PURE__ */ t(b, { children: [
+      /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i("img", { src: c, alt: "" }) }),
+      /* @__PURE__ */ t(x, { children: [
+        n && /* @__PURE__ */ i(D, { children: n }),
+        d && /* @__PURE__ */ i(P, { children: d })
+      ] }),
+      /* @__PURE__ */ i(_, { name: "promo-button", style: { color: o == null ? void 0 : o.textColor, backgroundColor: o == null ? void 0 : o.color }, children: (o == null ? void 0 : o.label) || "Open" }),
+      /* @__PURE__ */ i(y, { name: "chevronRight" })
+    ] })
+  ] }) });
+};
+export {
+  u as Notification
+};

package/lib/ui/advertisement/notification/styles.d.ts

@@ -0,0 +1,35 @@
+export declare const CardContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const NotificationContent: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const NotificationContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Body: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Text: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Media: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const MediaImgFit: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgCentered: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgBottom: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgSolid: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const MediaImgMiddle: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const Button: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const StyledChevronRight: any;
+export declare const Logo: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/advertisement/notification/styles.js

@@ -0,0 +1,80 @@
+import { styled as s } from "@linaria/react";
+import { SvgIcon as t } from "../../icons/index.js";
+const d = /* @__PURE__ */ s("div")({
+  name: "CardContainer",
+  class: "cghcyv4",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ s("div")({
+  name: "NotificationContent",
+  class: "n1ku6hz",
+  propsAsIs: !1
+}), g = /* @__PURE__ */ s("div")({
+  name: "NotificationContainer",
+  class: "nbxqmol",
+  propsAsIs: !1
+}), v = /* @__PURE__ */ s("div")({
+  name: "Body",
+  class: "b1gu3eml",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "t1u17zva",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ s("div")({
+  name: "Text",
+  class: "t10ko1g",
+  propsAsIs: !1
+}), e = /* @__PURE__ */ s("div")({
+  name: "Media",
+  class: "mntc42e",
+  propsAsIs: !1
+}), n = () => e, M = /* @__PURE__ */ s(n())({
+  name: "MediaImgFit",
+  class: "ml060eo",
+  propsAsIs: !0
+}), a = () => e, o = /* @__PURE__ */ s(a())({
+  name: "MediaImgCentered",
+  class: "m1vqlvig",
+  propsAsIs: !0
+}), i = () => o, u = /* @__PURE__ */ s(i())({
+  name: "MediaImgBottom",
+  class: "m1e7tvi5",
+  propsAsIs: !0
+}), c = () => e, C = /* @__PURE__ */ s(c())({
+  name: "MediaImgSolid",
+  class: "mqvntt2",
+  propsAsIs: !0
+}), m = () => o, x = /* @__PURE__ */ s(m())({
+  name: "MediaImgMiddle",
+  class: "m12jtj3u",
+  propsAsIs: !0
+}), h = /* @__PURE__ */ s("button")({
+  name: "Button",
+  class: "bkq1frv",
+  propsAsIs: !1
+}), p = () => t, y = /* @__PURE__ */ s(p())({
+  name: "StyledChevronRight",
+  class: "sis90pl",
+  propsAsIs: !0
+}), B = /* @__PURE__ */ s("div")({
+  name: "Logo",
+  class: "l9mjmz3",
+  propsAsIs: !1
+});
+export {
+  v as Body,
+  h as Button,
+  d as CardContainer,
+  B as Logo,
+  e as Media,
+  u as MediaImgBottom,
+  o as MediaImgCentered,
+  M as MediaImgFit,
+  x as MediaImgMiddle,
+  C as MediaImgSolid,
+  g as NotificationContainer,
+  I as NotificationContent,
+  y as StyledChevronRight,
+  A as Text,
+  f as Title
+};

package/lib/ui/icons/index.d.ts

@@ -48,6 +48,8 @@ export declare const icons: {
     twitter: any;
     iconUp: any;
     iconCopySuccess: any;
+    chevronRight: any;
+    noImageIcon: any;
 };
 export declare const Icon: React.FC<{
     name: keyof typeof icons;