@cuemath/leap 3.2.17-as2 → 3.2.17-as3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.2.17-as2",
+  "version": "3.2.17-as3",
   "type": "module",
   "files": [
     "dist"

package/dist/legacy-comps/notification/notification.js

@@ -1,120 +0,0 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { useEffect as g } from "react";
-import p, { keyframes as w, css as l } from "styled-components";
-import k from "../../assets/line-icons/icons/cross2.js";
-import T from "../../features/ui/text/text.js";
-const A = ({ position: o, verticalDist: t }) => w`
-  ${(o === "top-right" || o === "top-left") && `
-    0% {
-        top: 0;
-    }
-    100% {
-        top: ${t}px;
-    }
-  `};
-  ${(o === "bottom-left" || o === "bottom-right") && `
-    0% {
-        bottom: 0;
-    }
-    100% {
-        bottom: ${t}px;
-    }
-  `};
-`, I = ({ position: o, verticalDist: t, horizontalDist: r }) => l`
-  ${o === "top-right" && `
-    top: ${t}px;
-    right: ${r}px;
-  `};
-  ${o === "top-left" && `
-	top: ${t}px;
-    left: ${r}px;
-  `};
-  ${o === "bottom-left" && `
-    bottom: ${t}px;
-    left: ${r}px;
-  `};
-  ${o === "bottom-right" && `
-    bottom: ${t}px;
-    right: ${r}px;
-  `};
-`, W = ({ notificationTheme: o, theme: { COLORS: t } }) => l`
-  ${o === "white" && `
-    background: ${t.WHITE};
-    color: ${t.COLA};
-  `};
-  ${o === "black" && `
-    background: ${t.COLA};
-    color: ${t.WHITE};
-  `};
-`, y = p.div`
-  ${W};
-  position: fixed;
-  width: 310px;
-  padding: ${({ gap: o, gutter: t }) => `${o}px ${t}px`};
-  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);
-  border-radius: 16px;
-  ${I};
-  animation: ${A} 0.5s ease-in;
-  z-index: 105; // To keep the notification above the chat window
-`, E = p.div`
-  width: 48px;
-  height: 48px;
-  background: ${({ src: o }) => `url(${o})`};
-  border-radius: 50%;
-  border: 2px solid #ffffff;
-  position: absolute;
-  bottom: 88%;
-`, H = p.div`
-  position: absolute;
-  top: -40px;
-  right: 12px;
-  cursor: pointer;
-`, j = p(T)`
-  white-space: pre-wrap;
-`, P = ({
-  avatarUrl: o = null,
-  Component: t = null,
-  componentProps: r = {},
-  duration: $ = null,
-  gap: s = 24,
-  gutter: d = 16,
-  hideNotification: n,
-  horizontalDist: m = 50,
-  notificationTheme: c = "black",
-  position: b = "bottom-right",
-  showCloseIcon: u = !1,
-  text: f = null,
-  verticalDist: a = 60,
-  visible: x = !1
-}) => (g(() => {
-  if ($ && x) {
-    const i = setTimeout(() => {
-      n();
-    }, $ * 1e3);
-    return () => {
-      clearTimeout(i);
-    };
-  }
-  return () => {
-  };
-}, [$, n, x]), x ? /* @__PURE__ */ h(
-  y,
-  {
-    gap: s,
-    gutter: d,
-    horizontalDist: m,
-    notificationTheme: c,
-    position: b,
-    verticalDist: a,
-    children: [
-      u && /* @__PURE__ */ e(H, { onClick: () => n(), children: /* @__PURE__ */ e(k, { color: c === "white" ? "WHITE" : "BLACK" }) }),
-      o && /* @__PURE__ */ e(E, { src: o }),
-      f && /* @__PURE__ */ e(j, { $renderAs: "ub3", children: f }),
-      t && /* @__PURE__ */ e(t, { ...r })
-    ]
-  }
-) : null), G = P;
-export {
-  G as default
-};
-//# sourceMappingURL=notification.js.map

package/dist/legacy-comps/notification/notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.js","sources":["../../../src/legacy-comps/notification/notification.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled, { keyframes, css } from 'styled-components';\n\nimport Cross2Icon from '../../assets/line-icons/icons/cross2';\nimport Text from '../../features/ui/text/text';\n\nconst slide = ({ position, verticalDist }) => keyframes`\n  ${\n    (position === 'top-right' || position === 'top-left') &&\n    `\n    0% {\n        top: 0;\n    }\n    100% {\n        top: ${verticalDist}px;\n    }\n  `\n  };\n  ${\n    (position === 'bottom-left' || position === 'bottom-right') &&\n    `\n    0% {\n        bottom: 0;\n    }\n    100% {\n        bottom: ${verticalDist}px;\n    }\n  `\n  };\n`;\n\nconst notificationPostion = ({ position, verticalDist, horizontalDist }) => css`\n  ${position === 'top-right' &&\n  `\n    top: ${verticalDist}px;\n    right: ${horizontalDist}px;\n  `};\n  ${position === 'top-left' &&\n  `\n\ttop: ${verticalDist}px;\n    left: ${horizontalDist}px;\n  `};\n  ${position === 'bottom-left' &&\n  `\n    bottom: ${verticalDist}px;\n    left: ${horizontalDist}px;\n  `};\n  ${position === 'bottom-right' &&\n  `\n    bottom: ${verticalDist}px;\n    right: ${horizontalDist}px;\n  `};\n`;\n\nconst notificationThemeProps = ({ notificationTheme, theme: { COLORS } }) => css`\n  ${notificationTheme === 'white' &&\n  `\n    background: ${COLORS.WHITE};\n    color: ${COLORS.COLA};\n  `};\n  ${notificationTheme === 'black' &&\n  `\n    background: ${COLORS.COLA};\n    color: ${COLORS.WHITE};\n  `};\n`;\n\nconst Wrapper = styled.div`\n  ${notificationThemeProps};\n  position: fixed;\n  width: 310px;\n  padding: ${({ gap, gutter }) => `${gap}px ${gutter}px`};\n  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);\n  border-radius: 16px;\n  ${notificationPostion};\n  animation: ${slide} 0.5s ease-in;\n  z-index: 105; // To keep the notification above the chat window\n`;\n\nconst AvatarWrapper = styled.div`\n  width: 48px;\n  height: 48px;\n  background: ${({ src }) => `url(${src})`};\n  border-radius: 50%;\n  border: 2px solid #ffffff;\n  position: absolute;\n  bottom: 88%;\n`;\n\nconst StyledIcon = styled.div`\n  position: absolute;\n  top: -40px;\n  right: 12px;\n  cursor: pointer;\n`;\n\nconst StyledText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst Notification = ({\n  avatarUrl = null,\n  Component = null,\n  componentProps = {},\n  duration = null,\n  gap = 24,\n  gutter = 16,\n  hideNotification,\n  horizontalDist = 50,\n  notificationTheme = 'black',\n  position = 'bottom-right',\n  showCloseIcon = false,\n  text = null,\n  verticalDist = 60,\n  visible = false,\n}) => {\n  useEffect(() => {\n    if (duration && visible) {\n      const countdown = setTimeout(() => {\n        hideNotification();\n      }, duration * 1000);\n\n      return () => {\n        clearTimeout(countdown);\n      };\n    }\n\n    return () => {};\n  }, [duration, hideNotification, visible]);\n\n  if (!visible) return null;\n\n  return (\n    <Wrapper\n      gap={gap}\n      gutter={gutter}\n      horizontalDist={horizontalDist}\n      notificationTheme={notificationTheme}\n      position={position}\n      verticalDist={verticalDist}\n    >\n      {showCloseIcon && (\n        <StyledIcon onClick={() => hideNotification()}>\n          <Cross2Icon color={notificationTheme === 'white' ? 'WHITE' : 'BLACK'} />\n        </StyledIcon>\n      )}\n      {avatarUrl && <AvatarWrapper src={avatarUrl} />}\n      {text && <StyledText $renderAs=\"ub3\">{text}</StyledText>}\n      {Component && <Component {...componentProps} />}\n    </Wrapper>\n  );\n};\n\nexport default Notification;\n"],"names":["slide","position","verticalDist","keyframes","notificationPostion","horizontalDist","css","notificationThemeProps","notificationTheme","COLORS","Wrapper","styled","gap","gutter","AvatarWrapper","src","StyledIcon","StyledText","Text","Notification","avatarUrl","Component","componentProps","duration","hideNotification","showCloseIcon","text","visible","useEffect","countdown","jsxs","jsx","Cross2Icon","Notification$1"],"mappings":"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"}