@cuemath/leap 3.2.22 → 3.2.23-j1

package/dist/features/ui/lottie-animation/lottie-animation.js

@@ -10,43 +10,46 @@ const O = A((v, L) => {
     height: y = "100%",
     settings: l,
     eventListener: n,
-    onRender: o,
+    onRender: i,
     animateOnIntersect: c
   } = v, a = u(null), r = u(null), s = u(null);
   return b(
     L,
     () => ({
-      playSegments: (t, i) => {
-        var e;
-        return (e = r.current) == null ? void 0 : e.playSegments(t, i);
+      playSegments: (e, o) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.playSegments(e, o);
       },
-      addEventListener: (t, i) => {
-        var e;
-        return (e = r.current) == null ? void 0 : e.addEventListener(t, i);
+      addEventListener: (e, o) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.addEventListener(e, o);
       },
-      removeEventListener: (t, i) => {
-        var e;
-        return (e = r.current) == null ? void 0 : e.removeEventListener(t, i);
+      removeEventListener: (e, o) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.removeEventListener(e, o);
       },
       play: () => {
-        var t;
-        return (t = r.current) == null ? void 0 : t.play();
+        var e;
+        return (e = r.current) == null ? void 0 : e.play();
       },
       stop: () => {
-        var t;
-        return (t = r.current) == null ? void 0 : t.stop();
+        var e;
+        return (e = r.current) == null ? void 0 : e.stop();
+      },
+      setLoop: (e) => {
+        r.current && (r.current.loop = e);
       }
     }),
     []
   ), I(() => {
-    let t = !1;
+    let e = !1;
     return (async () => {
       try {
-        const e = await x(m);
+        const t = await x(m);
         requestAnimationFrame(() => {
-          !a.current || t || (r.current = g.loadAnimation({
+          !a.current || e || (r.current = g.loadAnimation({
             container: a.current,
-            animationData: e,
+            animationData: t,
             loop: !0,
             autoplay: !0,
             ...l
@@ -56,16 +59,16 @@ const O = A((v, L) => {
               f && f.isIntersecting ? (d = r.current) == null || d.play() : (p = r.current) == null || p.pause();
             },
             { threshold: 0 }
-          ), s.current.observe(a.current)), o == null || o(), n && r.current.addEventListener(n.name, n.callback));
+          ), s.current.observe(a.current)), i == null || i(), n && r.current.addEventListener(n.name, n.callback));
         });
-      } catch (e) {
-        throw Error(`Error loading Lottie animation: ${e}`);
+      } catch (t) {
+        throw Error(`Error loading Lottie animation: ${t}`);
       }
     })(), () => {
-      var e;
-      t = !0, r.current && (n && r.current.removeEventListener(n.name, n.callback), c && ((e = s.current) == null || e.disconnect()), r.current.destroy());
+      var t;
+      e = !0, r.current && (n && r.current.removeEventListener(n.name, n.callback), c && ((t = s.current) == null || t.disconnect()), r.current.destroy());
     };
-  }, [m, n, o, c, l]), /* @__PURE__ */ E($, { ref: a, $width: h, $height: y });
+  }, [m, n, i, c, l]), /* @__PURE__ */ E($, { ref: a, $width: h, $height: y });
 }), D = w(O);
 export {
   D as default

package/dist/features/ui/lottie-animation/lottie-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationEventName, AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) =>\n        animationInstance.current?.playSegments(segments, forceFlag),\n      addEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n      removeEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n      play: () => animationInstance.current?.play(),\n      stop: () => animationInstance.current?.stop(),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    let destroyed = false;\n\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        // Wait for layout\n        // NOTE: Do not remove this as this is needed to fix canvas rendering on first layout.\n        requestAnimationFrame(() => {\n          if (!container.current || destroyed) return;\n\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n\n            intersectionObserver.current.observe(container.current);\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        });\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      destroyed = true;\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n\n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","_a","eventName","callback","useEffect","destroyed","animationData","fetchLottie","lottie","entry","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,MAClF,MAAM,MAAM;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,MAAM,MAAM;;AAAA,gBAAAA,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,IAAK;AAAA,IAE9C,CAAC;AAAA,EAAA,GAGHG,EAAU,MAAM;AACd,QAAIC,IAAY;AA4CF,YA1CQ,YAAY;AAC5B,UAAA;AACI,cAAAC,IAAgB,MAAMC,EAAYpB,CAAG;AAI3C,8BAAsB,MAAM;AACtB,UAAA,CAACO,EAAU,WAAWW,MAERT,EAAA,UAAUY,EAAO,cAAc;AAAA,YAC/C,WAAWd,EAAU;AAAA,YACrB,eAAAY;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,GAAGhB;AAAA,UAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,YACjC,CAAC,CAACY,CAAK,MAAM;;AACP,cAAAA,KAASA,EAAM,kBACjBR,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BS,IAAAd,EAAkB,YAAlB,QAAAc,EAA2B;AAAA,YAE/B;AAAA,YACA,EAAE,WAAW,EAAE;AAAA,UAAA,GAGIb,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAG7CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,QACvF,CACD;AAAA,eACMoB,GAAO;AACR,cAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,MACxD;AAAA,IAAA,MAKK,MAAM;;AACC,MAAAN,IAAA,IACRT,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ;IAC5B;AAAA,EACF,GACC,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDsB,GAAS,EAAA,KAAKlB,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcwB,IAAAC,EAAK/B,CAAe;"}
+{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationEventName, AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) =>\n        animationInstance.current?.playSegments(segments, forceFlag),\n      addEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n      removeEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n      play: () => animationInstance.current?.play(),\n      stop: () => animationInstance.current?.stop(),\n      setLoop: (loop: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.loop = loop;\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    let destroyed = false;\n\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        // Wait for layout\n        // NOTE: Do not remove this as this is needed to fix canvas rendering on first layout.\n        requestAnimationFrame(() => {\n          if (!container.current || destroyed) return;\n\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n\n            intersectionObserver.current.observe(container.current);\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        });\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      destroyed = true;\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n\n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","_a","eventName","callback","loop","useEffect","destroyed","animationData","fetchLottie","lottie","entry","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,MAClF,MAAM,MAAM;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,MAAM,MAAM;;AAAA,gBAAAA,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,SAAS,CAACG,MAAkB;AAC1B,QAAIR,EAAkB,YACpBA,EAAkB,QAAQ,OAAOQ;AAAA,MAErC;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,MAAM;AACd,QAAIC,IAAY;AA4CF,YA1CQ,YAAY;AAC5B,UAAA;AACI,cAAAC,IAAgB,MAAMC,EAAYrB,CAAG;AAI3C,8BAAsB,MAAM;AACtB,UAAA,CAACO,EAAU,WAAWY,MAERV,EAAA,UAAUa,EAAO,cAAc;AAAA,YAC/C,WAAWf,EAAU;AAAA,YACrB,eAAAa;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,GAAGjB;AAAA,UAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,YACjC,CAAC,CAACa,CAAK,MAAM;;AACP,cAAAA,KAASA,EAAM,kBACjBT,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BU,IAAAf,EAAkB,YAAlB,QAAAe,EAA2B;AAAA,YAE/B;AAAA,YACA,EAAE,WAAW,EAAE;AAAA,UAAA,GAGId,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAG7CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,QACvF,CACD;AAAA,eACMqB,GAAO;AACR,cAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,MACxD;AAAA,IAAA,MAKK,MAAM;;AACC,MAAAN,IAAA,IACRV,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ;IAC5B;AAAA,EACF,GACC,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDuB,GAAS,EAAA,KAAKnB,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcyB,IAAAC,EAAKhC,CAAe;"}

package/dist/index.d.ts

@@ -2,13 +2,10 @@ import type { ButtonHTMLAttributes } from 'react';
 import type { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
 import { ComponentType } from 'react';
-import type { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
 import type { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import type { Dispatch } from 'react';
-import type { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
-import type { EventType } from '@lottiefiles/dotlottie-web';
 import { FC } from 'react';
 import type { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -77,8 +74,6 @@ export declare const AnimatedArc: React_2.FC<IAnimatedArcProps>;
 
 export declare const AnimatedAvatarMessage: NamedExoticComponent<IAnimatedAvatarMessageProps>;
 
-declare type AnimationSegment = [number, number];
-
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
@@ -192,36 +187,6 @@ export declare const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const Callout: React.FC<ICalloutProps>;
 
-export declare const Carousel: React_2.FC<CarouselProps>;
-
-declare interface CarouselProps {
-    children: React_2.ReactNode[] | React_2.ReactNode;
-    initialPosition?: number;
-    infinite?: boolean;
-    slideDuration?: number;
-    dotColor?: string;
-    changeColor?: (position: number) => void;
-    slideAlign?: string | null;
-    inactiveDotColor?: string;
-    activeIndicatorSize?: string;
-    flexCenterIndicators?: boolean;
-    isTestimonial?: boolean;
-    setColor?: (position: number) => void;
-    setPosition?: (position: number) => void;
-    carouselSlotPadding?: string;
-    wrapperMargin?: string;
-    hideIndicators?: boolean;
-    autoScroll?: boolean;
-    nodeRef?: {
-        current?: {
-            next?: () => void;
-            prev?: () => void;
-            position?: number;
-        };
-    } | null;
-    onChange?: () => void;
-}
-
 export declare const CascadingSelectInput: React_2.FC<ICascadingSelectInputProps>;
 
 export declare const Chapter: FC<IChapterProps>;
@@ -398,8 +363,6 @@ export declare const DesmosCalculator: FC<IDesmosCalculatorProps>;
 
 export declare const DigitalMeter: FC<IDigitalMeterProps>;
 
-export declare const DotLottieAnimation: NamedExoticComponent<ILottieAnimationProps & RefAttributes<ILottieAnimationRef>>;
-
 export declare const DownIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const DraftIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -734,15 +697,17 @@ declare interface IAnimatedAvatarMessageProps {
     message: string;
     onShowContent: (show: boolean) => void;
     confirmationFrames: [number, number];
+    completionFrames?: [number, number];
     confirmationMessage?: string;
     isConfirmationVisible?: boolean;
     ref: React.Ref<IAnimatedAvatarMessageRef>;
     height?: string | number;
+    idleFrames?: [number, number];
 }
 
 export declare type IAnimatedAvatarMessageRef = {
-    fadeOutMessage: () => Promise<void>;
-    playConfirmationFrames: () => Promise<void>;
+    fadeOutMessageAndPlayCompletion: (shouldPlayAnimation?: boolean) => Promise<void>;
+    playConfirmationFrames: (shouldPlayAnimation?: boolean) => Promise<void>;
 };
 
 declare interface IAppLoaderProps {
@@ -875,7 +840,6 @@ declare interface IBaseSelectInputProps<IDType extends string | number> extends
     controlled?: boolean;
     size?: TInputSizes;
     theme?: 'light' | 'dark';
-    inputLabelOverrides?: (section: ISectionOption<ISelectOption<IDType>>, option: ISelectOption<IDType> | undefined) => string;
 }
 
 declare interface IBaseWebGameProps {
@@ -2254,23 +2218,6 @@ declare interface ILogger {
     (eventName: string, data?: Record<string, unknown>): void;
 }
 
-declare interface ILottieAnimationProps {
-    src: string;
-    width?: string | number;
-    height?: string | number;
-    settings?: Partial<LottieSettings>;
-    eventListeners?: {
-        name: EventType;
-        callback: EventListener_2<EventType>;
-    }[];
-    onRender?: () => void;
-    onError?: () => void;
-}
-
-declare interface ILottieAnimationRef {
-    playSegments: (segments: AnimationSegment, forceFlag?: boolean) => void;
-}
-
 declare interface ILPARChapterProps extends ILPARSheetCallbacks {
     userType: TUserTypes;
     chapterData: TLPARChapterData;
@@ -4563,8 +4510,6 @@ export declare const LOTTIE: {
     VIDEO: string;
 };
 
-declare type LottieSettings = Omit<Config, 'src' | 'canvas'>;
-
 export declare const LPARChapter: FC<ILPARChapterProps>;
 
 export declare const LPARMilestoneChapter: FC<ILPARMilestoneChapter>;
@@ -4735,28 +4680,6 @@ export declare enum NODE_TYPES {
     'PUZZLE_CARD' = "PUZZLE_CARD"
 }
 
-declare const Notification_2: React.FC<NotificationProps>;
-export { Notification_2 as Notification }
-
-declare interface NotificationProps {
-    avatarUrl?: string | null;
-    Component?: React.ComponentType<Record<string, unknown>> | null;
-    componentProps?: Record<string, unknown>;
-    duration?: number | null;
-    gap?: number;
-    gutter?: number;
-    hideNotification?: () => void;
-    horizontalDist?: number;
-    notificationTheme?: NotificationTheme;
-    position?: Position;
-    showCloseIcon?: boolean;
-    text?: string | null;
-    verticalDist?: number;
-    visible?: boolean;
-}
-
-declare type NotificationTheme = 'white' | 'black';
-
 export declare const Nudge: React_2.NamedExoticComponent<INudgeProps>;
 
 export declare const NumRangeInput: React.FC<NumRangeInputProps>;
@@ -4841,8 +4764,6 @@ export declare const PlusIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const PointerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-declare type Position = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
-
 export declare const PostGameStats: NamedExoticComponent<IPostGameStatsProps & RefAttributes<IPostGameStatsRef>>;
 
 export declare const PracticeIcon: React.FC<React.SVGProps<SVGSVGElement>>;