@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

package/dist/features/ui/buttons/text-button/text-button-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button-styled.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button-styled.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport styled from 'styled-components';\n\nimport UIText from '../../text/text';\nimport { ClickableWrapper } from '../clickable/clickable-styled';\n\ninterface IStyledTextProps {\n  $buttonSize: NonNullable<ITextButtonProps['size']>;\n}\n\nconst Text = styled(UIText)<IStyledTextProps>(({ theme, $buttonSize }) => {\n  const { textButton } = theme;\n  const { underlineHeight, underlineOffset } = textButton.sizes[$buttonSize];\n\n  return `\n    text-decoration: underline;\n    text-decoration-thickness: ${underlineHeight}px;\n    text-underline-offset: ${underlineOffset}px;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active  {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n    }\n\n    ${ClickableWrapper}[aria-disabled='true'] & {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n      opacity: 0.5;\n    }\n  `;\n});\n\nexport { Text };\n"],"names":["Text","styled","UIText","theme","$buttonSize","textButton","underlineHeight","underlineOffset","ClickableWrapper"],"mappings":";;;AAWM,MAAAA,IAAOC,EAAOC,CAAM,EAAoB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAkB;AAClE,QAAA,EAAE,YAAAC,EAAe,IAAAF,GACjB,EAAE,iBAAAG,GAAiB,iBAAAC,EAAA,IAAoBF,EAAW,MAAMD,CAAW;AAElE,SAAA;AAAA;AAAA,iCAEwBE,CAAe;AAAA,6BACnBC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAQTD,CAAe;AAAA;AAAA;AAAA,MAG5CE,CAAgB;AAAA;AAAA,mCAEaF,CAAe;AAAA;AAAA;AAAA;AAIlD,CAAC;"}

package/dist/features/ui/buttons/text-button/text-button.js

@@ -0,0 +1,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as x } from "styled-components";
+import a from "../clickable/clickable.js";
+import { Text as f } from "./text-button-styled.js";
+const l = ({
+  label: t,
+  size: o = "regular",
+  disabled: e = !1,
+  onClick: n,
+  analyticsLabel: s,
+  analyticsProps: i,
+  color: m
+}) => {
+  const { textButton: c } = x(), { textVariant: u } = c.sizes[o];
+  return /* @__PURE__ */ r(
+    a,
+    {
+      label: t,
+      disabled: e,
+      onClick: n,
+      analyticsLabel: s,
+      analyticsProps: i,
+      children: /* @__PURE__ */ r(f, { $color: m, $renderAs: u, $buttonSize: o, children: t })
+    }
+  );
+}, h = l;
+export {
+  h as default
+};
+//# sourceMappingURL=text-button.js.map

package/dist/features/ui/buttons/text-button/text-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../clickable/clickable';\nimport * as Styled from './text-button-styled';\n\nconst TextButton: React.FC<ITextButtonProps> = ({\n  label,\n  size = 'regular',\n  disabled = false,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  color,\n}) => {\n  const { textButton } = useTheme();\n  const { textVariant } = textButton.sizes[size];\n\n  return (\n    <Clickable\n      label={label}\n      disabled={disabled}\n      onClick={onClick}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n    >\n      <Styled.Text $color={color} $renderAs={textVariant} $buttonSize={size}>\n        {label}\n      </Styled.Text>\n    </Clickable>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","label","size","disabled","onClick","analyticsLabel","analyticsProps","color","textButton","useTheme","textVariant","jsx","Clickable","Styled.Text","TextButton$1"],"mappings":";;;;AAQA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,aAAAC,EAAgB,IAAAF,EAAW,MAAMN,CAAI;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAE;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,UAAA,gBAAAK,EAACE,GAAA,EAAY,QAAQN,GAAO,WAAWG,GAAa,aAAaR,GAC9D,UACHD,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAed;"}

package/dist/features/ui/callout/callout.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as $ } from "react";
+import u from "../layout/flex-view.js";
+import a from "../text/text.js";
+const i = (o) => ({ backgroundColor: `${o}_1`, borderColor: `${o}_4` }), s = ({ children: o, hue: r, marginBottomX: e, width: d, widthX: l }) => {
+  const { backgroundColor: m, borderColor: n } = $(() => i(r), [r]);
+  return /* @__PURE__ */ t(
+    u,
+    {
+      $width: d,
+      $widthX: l,
+      $background: m,
+      $borderColor: n,
+      $gutterX: 0.5,
+      $gapX: 0.5,
+      $borderRadiusX: 0.25,
+      $marginBottomX: e,
+      children: /* @__PURE__ */ t(a, { $renderAs: "body2", children: o })
+    }
+  );
+}, g = s;
+export {
+  g as default
+};
+//# sourceMappingURL=callout.js.map

package/dist/features/ui/callout/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sources":["../../../../src/features/ui/callout/callout.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../types';\nimport type { ICalloutProps } from './callout-types';\n\nimport { useMemo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_1`, borderColor: `${hue}_4` };\n};\n\nconst Callout: React.FC<ICalloutProps> = ({ children, hue, marginBottomX, width, widthX }) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <FlexView\n      $width={width}\n      $widthX={widthX}\n      $background={backgroundColor}\n      $borderColor={borderColor}\n      $gutterX={0.5}\n      $gapX={0.5}\n      $borderRadiusX={0.25}\n      $marginBottomX={marginBottomX}\n    >\n      <Text $renderAs=\"body2\">{children}</Text>\n    </FlexView>\n  );\n};\n\nexport default Callout;\n"],"names":["computeColorsFromHue","hue","Callout","children","marginBottomX","width","widthX","backgroundColor","borderColor","useMemo","jsx","FlexView","Text","Callout$1"],"mappings":";;;;AAQA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,SAGrDC,IAAmC,CAAC,EAAE,UAAAC,GAAU,KAAAF,GAAK,eAAAG,GAAe,OAAAC,GAAO,QAAAC,QAAa;AACtF,QAAA,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMT,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,aAAaC;AAAA,MACb,cAAcC;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,gBAAgBJ;AAAA,MAEhB,UAAC,gBAAAM,EAAAE,GAAA,EAAK,WAAU,SAAS,UAAAT,GAAS;AAAA,IAAA;AAAA,EAAA;AAGxC,GAEAU,IAAeX;"}

package/dist/features/ui/constants/style.js

@@ -0,0 +1,13 @@
+import { keyframes as o } from "styled-components";
+const n = o`
+0% {
+  background-color: hsl(200, 20%, 80%);
+}
+100% {
+  background-color: hsl(200, 20%, 95%);
+}
+`;
+export {
+  n as skeletonLoadingAnimation
+};
+//# sourceMappingURL=style.js.map

package/dist/features/ui/constants/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/features/ui/constants/style.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nconst skeletonLoadingAnimation = keyframes`\n0% {\n  background-color: hsl(200, 20%, 80%);\n}\n100% {\n  background-color: hsl(200, 20%, 95%);\n}\n`;\n\nexport { skeletonLoadingAnimation };\n"],"names":["skeletonLoadingAnimation","keyframes"],"mappings":";AAEA,MAAMA,IAA2BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/constants/z-index.js

@@ -0,0 +1,22 @@
+const _ = {
+  CHAPTER_CROWN_ICON: 4,
+  CHAPTER_PLUS_ICON: 2,
+  CHAPTER_PROGRESS_SVG: 2,
+  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,
+  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,
+  MODAL: 20,
+  SAT_SUMMARY_SCORE: 25,
+  //* SAT_SUMMARY_SCORE > MODAL
+  CANVAS_SCRIBBLING: 26,
+  //* CANVAS_SCRIBBLING > Learnosity
+  TILE_CONTAINER: 30,
+  //whiteboard
+  QUESTION_TIPS: -1,
+  DESMOS_CALCULATOR: 2,
+  GOAL_CHAPTER_SHEETS_MENU: 4,
+  JOURNEY_OVERLAY: 1e3
+};
+export {
+  _ as ZINDEX
+};
+//# sourceMappingURL=z-index.js.map

package/dist/features/ui/constants/z-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n  JOURNEY_OVERLAY: 1000,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AACnB;"}

package/dist/features/ui/context/context.js

@@ -0,0 +1,14 @@
+import { createContext as t, useContext as e } from "react";
+const o = t({
+  onClick: () => {
+  },
+  onResponse: () => {
+  },
+  onEvent: () => {
+  }
+}), s = () => e(o);
+export {
+  o as default,
+  s as useUIContext
+};
+//# sourceMappingURL=context.js.map

package/dist/features/ui/context/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/features/ui/context/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype TTrackCTA = (params: {\n  label?: string;\n  analyticsLabel?: string; // if passed this will be used as an eventName\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackInput = (params: {\n  label: string;\n  value: string | boolean | number;\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackEvent = (\n  eventType: string,\n  props: Record<string, unknown>,\n  overrides?: Record<string, unknown>,\n) => void;\n\nexport interface UIContextProps {\n  onClick: TTrackCTA;\n  onResponse: TTrackInput;\n  onEvent: TTrackEvent;\n}\n\nconst UIContext = createContext<UIContextProps>({\n  onClick: () => {},\n  onResponse: () => {},\n  onEvent: () => {},\n});\n\nconst useUIContext = () => useContext(UIContext);\n\nexport { type TTrackInput, type TTrackEvent, type TTrackCTA, UIContext as default, useUIContext };\n"],"names":["UIContext","createContext","useUIContext","useContext"],"mappings":";AA4BA,MAAMA,IAAYC,EAA8B;AAAA,EAC9C,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC,GAEKC,IAAe,MAAMC,EAAWH,CAAS;"}

package/dist/features/ui/context/use-tracking-context.js

@@ -0,0 +1,26 @@
+import { useMemo as k } from "react";
+import { useUIContext as u } from "./context.js";
+const p = (o, e = {}) => {
+  const { onClick: c, onResponse: s, onEvent: a } = u();
+  return k(() => ({ onClick: ({ label: t, analyticsLabel: n, props: r }) => {
+    c == null || c({
+      label: t,
+      analyticsLabel: n,
+      props: { ...o, ...r },
+      overrides: e
+    });
+  }, onResponse: ({ label: t, value: n, props: r }) => {
+    s == null || s({
+      label: t,
+      value: n,
+      props: { ...o, ...r },
+      overrides: e
+    });
+  }, onEvent: (t, n) => {
+    a == null || a(t, { ...o, ...n }, e);
+  } }), [o, c, a, s, e]);
+}, V = p;
+export {
+  V as default
+};
+//# sourceMappingURL=use-tracking-context.js.map

package/dist/features/ui/context/use-tracking-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tracking-context.js","sources":["../../../../src/features/ui/context/use-tracking-context.ts"],"sourcesContent":["import type { TTrackCTA, TTrackEvent, TTrackInput } from '../context/context';\n\nimport { useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst useTrackingContext = (\n  commonAnalyticsProps: Record<string, unknown>,\n  overrides: Record<string, unknown> = {},\n) => {\n  const { onClick: handleClick, onResponse: handleResponse, onEvent: handleEvent } = useUIContext();\n\n  const analyticsValue = useMemo(() => {\n    const trackCTA: TTrackCTA = ({ label, analyticsLabel, props }) => {\n      handleClick?.({\n        label,\n        analyticsLabel,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackResponse: TTrackInput = ({ label, value, props }) => {\n      handleResponse?.({\n        label,\n        value,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackEvent: TTrackEvent = (label, props) => {\n      handleEvent?.(label, { ...commonAnalyticsProps, ...props }, overrides);\n    };\n\n    const context = { onClick: trackCTA, onResponse: trackResponse, onEvent: trackEvent };\n\n    return context;\n  }, [commonAnalyticsProps, handleClick, handleEvent, handleResponse, overrides]);\n\n  return analyticsValue;\n};\n\nexport default useTrackingContext;\n"],"names":["useTrackingContext","commonAnalyticsProps","overrides","handleClick","handleResponse","handleEvent","useUIContext","useMemo","label","analyticsLabel","props","value","useTrackingContext$1"],"mappings":";;AAMA,MAAMA,IAAqB,CACzBC,GACAC,IAAqC,OAClC;AACG,QAAA,EAAE,SAASC,GAAa,YAAYC,GAAgB,SAASC,MAAgBC;AA8B5E,SA5BgBC,EAAQ,OAuBb,EAAE,SAtBU,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,OAAAC,QAAY;AAClD,IAAAP,KAAA,QAAAA,EAAA;AAAA,MACZ,OAAAK;AAAA,MACA,gBAAAC;AAAA,MACA,OAAO,EAAE,GAAGR,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EACD,GAgBkC,YAbF,CAAC,EAAE,OAAAM,GAAO,OAAAG,GAAO,OAAAD,QAAY;AAC7C,IAAAN,KAAA,QAAAA,EAAA;AAAA,MACf,OAAAI;AAAA,MACA,OAAAG;AAAA,MACA,OAAO,EAAE,GAAGV,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EACD,GAO6D,SAJhC,CAACM,GAAOE,MAAU;AAChD,IAAAL,KAAA,QAAAA,EAAcG,GAAO,EAAE,GAAGP,GAAsB,GAAGS,EAAA,GAASR;AAAA,EAAS,MAMtE,CAACD,GAAsBE,GAAaE,GAAaD,GAAgBF,CAAS,CAAC;AAGhF,GAEAU,IAAeZ;"}

package/dist/features/ui/context-menu/context-menu-styled.js

@@ -0,0 +1,41 @@
+import o from "styled-components";
+const d = o.div`
+  width: auto;
+  height: fit-content;
+  position: relative;
+  border-radius: 50%;
+`, f = o.div(
+  ({
+    $visible: t,
+    $menuOffset: a,
+    $startLeft: i,
+    $menuZIndex: s,
+    $placeTop: e,
+    $menuWidth: r,
+    $menuWidthX: n,
+    theme: p
+  }) => {
+    const { layout: u } = p;
+    return `
+    position: absolute;
+    width: ${r ? `${r}` : "auto"}${typeof r == "number" ? "px" : ""};
+    ${n ? `width: ${n * u.gutter}px;` : ""}
+    top: calc(${e ? "0% -" : "100% +"} ${a ?? 0}px);
+    ${i ? "left: 0" : "right: 0"};
+    z-index: ${s ?? "unset"};
+
+    transform-origin: top;
+    transform: scaleY(${t ? 1 : 0}) rotate(${e ? 180 : 0}deg);
+    opacity: ${t ? 1 : 0};
+    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+  `;
+  }
+), $ = o.div(({ $placeTop: t }) => `
+    transform: rotate(${t ? 180 : 0}deg);
+  `);
+export {
+  $ as MenuElementWrapper,
+  f as OptionsMenuWrapper,
+  d as TargetElementWrapper
+};
+//# sourceMappingURL=context-menu-styled.js.map

package/dist/features/ui/context-menu/context-menu-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-styled.js","sources":["../../../../src/features/ui/context-menu/context-menu-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst TargetElementWrapper = styled.div`\n  width: auto;\n  height: fit-content;\n  position: relative;\n  border-radius: 50%;\n`;\n\ninterface IOptionsMenuWrapperProps {\n  $visible: boolean;\n  $startLeft?: boolean;\n  $menuOffset?: number;\n  $menuZIndex?: number;\n  $placeTop?: boolean;\n  $menuWidth?: number | string;\n  $menuWidthX?: number;\n}\n\nconst OptionsMenuWrapper = styled.div<IOptionsMenuWrapperProps>(\n  ({\n    $visible,\n    $menuOffset,\n    $startLeft,\n    $menuZIndex,\n    $placeTop,\n    $menuWidth,\n    $menuWidthX,\n    theme,\n  }) => {\n    const { layout } = theme;\n\n    return `\n    position: absolute;\n    width: ${$menuWidth ? `${$menuWidth}` : 'auto'}${typeof $menuWidth === 'number' ? 'px' : ''};\n    ${$menuWidthX ? `width: ${$menuWidthX * layout.gutter}px;` : ''}\n    top: calc(${$placeTop ? '0% -' : '100% +'} ${$menuOffset ?? 0}px);\n    ${$startLeft ? 'left: 0' : 'right: 0'};\n    z-index: ${$menuZIndex ?? 'unset'};\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0}) rotate(${$placeTop ? 180 : 0}deg);\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n  `;\n  },\n);\n\ninterface IMenuElementWrapperProps {\n  $placeTop?: boolean;\n}\n\nconst MenuElementWrapper = styled.div<IMenuElementWrapperProps>(({ $placeTop }) => {\n  return `\n    transform: rotate(${$placeTop ? 180 : 0}deg);\n  `;\n});\n\nexport { TargetElementWrapper, OptionsMenuWrapper, MenuElementWrapper };\n"],"names":["TargetElementWrapper","styled","OptionsMenuWrapper","$visible","$menuOffset","$startLeft","$menuZIndex","$placeTop","$menuWidth","$menuWidthX","theme","layout","MenuElementWrapper"],"mappings":";AAEA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB9BC,IAAqBD,EAAO;AAAA,EAChC,CAAC;AAAA,IACC,UAAAE;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,WAAA;AAAA;AAAA,aAEEF,IAAa,GAAGA,CAAU,KAAK,MAAM,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AAAA,MACzFC,IAAc,UAAUA,IAAcE,EAAO,MAAM,QAAQ,EAAE;AAAA,gBACnDJ,IAAY,SAAS,QAAQ,IAAIH,KAAe,CAAC;AAAA,MAC3DC,IAAa,YAAY,UAAU;AAAA,eAC1BC,KAAe,OAAO;AAAA;AAAA;AAAA,wBAGbH,IAAW,IAAI,CAAC,YAAYI,IAAY,MAAM,CAAC;AAAA,eACxDJ,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA,EAG7B;AACF,GAMMS,IAAqBX,EAAO,IAA8B,CAAC,EAAE,WAAAM,QAC1D;AAAA,wBACeA,IAAY,MAAM,CAAC;AAAA,GAE1C;"}

package/dist/features/ui/context-menu/context-menu.js

@@ -0,0 +1,45 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { memo as a, useRef as W, useEffect as k } from "react";
+import E from "../hooks/use-context-menu-click-handler.js";
+import { TargetElementWrapper as j, OptionsMenuWrapper as O, MenuElementWrapper as R } from "./context-menu-styled.js";
+const T = a(
+  ({
+    targetElement: o,
+    menuElement: p,
+    menuOffset: c,
+    startLeft: f,
+    menuZIndex: u,
+    placeTop: t,
+    menuWidth: s,
+    menuWidthX: l,
+    handleOnMenuClick: $,
+    onMenuVisibilityChange: e
+  }) => {
+    const m = W(null), { menuVisible: r, onMenuClick: d } = E(
+      m,
+      $
+    );
+    return k(() => {
+      e == null || e(r);
+    }, [r, e]), /* @__PURE__ */ x(j, { ref: m, onClick: d, children: [
+      o,
+      /* @__PURE__ */ n(
+        O,
+        {
+          $menuOffset: c,
+          $visible: r,
+          $startLeft: f,
+          $menuZIndex: u,
+          $placeTop: t,
+          $menuWidth: s,
+          $menuWidthX: l,
+          children: /* @__PURE__ */ n(R, { $placeTop: t, children: p })
+        }
+      )
+    ] });
+  }
+), L = T;
+export {
+  L as default
+};
+//# sourceMappingURL=context-menu.js.map

package/dist/features/ui/context-menu/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useEffect, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({\n    targetElement,\n    menuElement,\n    menuOffset,\n    startLeft,\n    menuZIndex,\n    placeTop,\n    menuWidth,\n    menuWidthX,\n    handleOnMenuClick,\n    onMenuVisibilityChange,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n      containerRef,\n      handleOnMenuClick,\n    );\n\n    useEffect(() => {\n      onMenuVisibilityChange?.(menuVisible);\n    }, [menuVisible, onMenuVisibilityChange]);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n          $menuWidth={menuWidth}\n          $menuWidthX={menuWidthX}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","menuWidth","menuWidthX","handleOnMenuClick","onMenuVisibilityChange","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","useEffect","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,MACnCJ;AAAA,MACAF;AAAA,IAAA;AAGF,WAAAO,EAAU,MAAM;AACd,MAAAN,KAAA,QAAAA,EAAyBG;AAAA,IAAW,GACnC,CAACA,GAAaH,CAAsB,CAAC,qBAGrCO,GAAA,EAA4B,KAAKN,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAb;AAAA,MAED,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAahB;AAAA,UACb,UAAUU;AAAA,UACV,YAAYT;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UACX,YAAYC;AAAA,UACZ,aAAaC;AAAA,UAEb,4BAACY,GAAA,EAA0B,WAAWd,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAmB,IAAetB;"}

package/dist/features/ui/error/error.js

@@ -0,0 +1,47 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { useCallback as m } from "react";
+import { ILLUSTRATIONS as c } from "../../../assets/illustrations/illustrations.js";
+import d from "../buttons/button/button.js";
+import h from "../image/image.js";
+import i from "../layout/flex-view.js";
+import n from "../text/text.js";
+const $ = ({ height: a, onTryAgain: t, theme: l = "light" }) => {
+  const s = m(() => {
+    t ? t() : window.location.reload();
+  }, [t]), e = l === "dark" ? "WHITE_T_87" : "BLACK_T_87";
+  return /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", $height: a, children: [
+    /* @__PURE__ */ r(
+      i,
+      {
+        $widthX: 22.5,
+        $heightX: 11.5,
+        $borderRadiusX: 1,
+        $marginBottomX: 1.5,
+        $background: "GREY_1",
+        $justifyContent: "center",
+        $alignItems: "center",
+        children: /* @__PURE__ */ r(h, { width: 122, height: 100, src: c.ROCKET_BROKEN, withLoader: !1 })
+      }
+    ),
+    /* @__PURE__ */ r(n, { $renderAs: "h4", $marginBottomX: 0.5, $color: e, children: "Oops! Looks like something went wrong" }),
+    /* @__PURE__ */ o(n, { $renderAs: "body2", $align: "center", $marginBottomX: 1.5, $color: e, children: [
+      "Please try again. Alternatively if that does not work,",
+      /* @__PURE__ */ r("br", {}),
+      " please contact support."
+    ] }),
+    /* @__PURE__ */ r(
+      d,
+      {
+        label: "Try again",
+        onClick: s,
+        renderAs: "primary",
+        size: "small",
+        widthX: 14
+      }
+    )
+  ] });
+}, T = $;
+export {
+  T as default
+};
+//# sourceMappingURL=error.js.map

package/dist/features/ui/error/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../../../src/features/ui/error/error.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../buttons/button/button';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\ninterface IErrorProps {\n  onTryAgain?: () => void;\n  height?: string | number;\n  theme?: 'light' | 'dark';\n}\n\nconst Error: React.FC<IErrorProps> = ({ height, onTryAgain, theme = 'light' }) => {\n  const handleTryAgain = useCallback(() => {\n    if (onTryAgain) {\n      onTryAgain();\n    } else {\n      window.location.reload();\n    }\n  }, [onTryAgain]);\n\n  const textColor = theme === 'dark' ? 'WHITE_T_87' : 'BLACK_T_87';\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height={height}>\n      <FlexView\n        $widthX={22.5}\n        $heightX={11.5}\n        $borderRadiusX={1}\n        $marginBottomX={1.5}\n        $background=\"GREY_1\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Image width={122} height={100} src={ILLUSTRATIONS.ROCKET_BROKEN} withLoader={false} />\n      </FlexView>\n      <Text $renderAs=\"h4\" $marginBottomX={0.5} $color={textColor}>\n        Oops! Looks like something went wrong\n      </Text>\n      <Text $renderAs=\"body2\" $align=\"center\" $marginBottomX={1.5} $color={textColor}>\n        Please try again. Alternatively if that does not work,\n        <br /> please contact support.\n      </Text>\n      <Button\n        label=\"Try again\"\n        onClick={handleTryAgain}\n        renderAs=\"primary\"\n        size=\"small\"\n        widthX={14}\n      />\n    </FlexView>\n  );\n};\n\nexport default Error;\n"],"names":["Error","height","onTryAgain","theme","handleTryAgain","useCallback","textColor","FlexView","jsx","Image","ILLUSTRATIONS","Text","jsxs","Button","Error$1"],"mappings":";;;;;;;AAcA,MAAMA,IAA+B,CAAC,EAAE,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,IAAQ,cAAc;AAC1E,QAAAC,IAAiBC,EAAY,MAAM;AACvC,IAAIH,IACSA,MAEX,OAAO,SAAS;EAClB,GACC,CAACA,CAAU,CAAC,GAETI,IAAYH,MAAU,SAAS,eAAe;AAEpD,2BACGI,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAASN,GAC/D,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA,gBAAAC,EAACC,GAAM,EAAA,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAc,eAAe,YAAY,GAAO,CAAA;AAAA,MAAA;AAAA,IACvF;AAAA,IACA,gBAAAF,EAACG,KAAK,WAAU,MAAK,gBAAgB,KAAK,QAAQL,GAAW,UAE7D,wCAAA,CAAA;AAAA,IACA,gBAAAM,EAACD,KAAK,WAAU,SAAQ,QAAO,UAAS,gBAAgB,KAAK,QAAQL,GAAW,UAAA;AAAA,MAAA;AAAA,wBAE7E,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,GACR;AAAA,IACA,gBAAAE;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAST;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAU,IAAed;"}

package/dist/features/ui/grade-selector/grade-selector-styled.js

@@ -0,0 +1,13 @@
+import r from "styled-components";
+import o from "../layout/flex-view.js";
+const c = r(o)(
+  ({ width: t, layoutAlignment: e }) => `
+    flex-wrap: wrap;
+    width:${t ? `${t}px` : "auto"};
+    justify-content: ${e === "auto" ? "auto" : "center"};
+`
+);
+export {
+  c as GradeSelectorWrapper
+};
+//# sourceMappingURL=grade-selector-styled.js.map

package/dist/features/ui/grade-selector/grade-selector-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grade-selector-styled.js","sources":["../../../../src/features/ui/grade-selector/grade-selector-styled.tsx"],"sourcesContent":["import type { IGradeSelectorWrapperProps } from './grade-selector-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst GradeSelectorWrapper = styled(FlexView)<IGradeSelectorWrapperProps>(\n  ({ width, layoutAlignment }) => `\n    flex-wrap: wrap;\n    width:${width ? `${width}px` : 'auto'};\n    justify-content: ${layoutAlignment === 'auto' ? `auto` : 'center'};\n`,\n);\n\nexport { GradeSelectorWrapper };\n"],"names":["GradeSelectorWrapper","styled","FlexView","width","layoutAlignment"],"mappings":";;AAMM,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,iBAAAC,EAAA,MAAsB;AAAA;AAAA,YAEtBD,IAAQ,GAAGA,CAAK,OAAO,MAAM;AAAA,uBAClBC,MAAoB,SAAS,SAAS,QAAQ;AAAA;AAErE;"}

package/dist/features/ui/grade-selector/grade-selector.js

@@ -0,0 +1,40 @@
+import { jsx as r } from "react/jsx-runtime";
+import { GradeSelectorWrapper as a } from "./grade-selector-styled.js";
+import f from "./grade-tab.js";
+function d({
+  selectedValue: t,
+  onSelect: o,
+  tabsWidth: i,
+  width: l,
+  grades: m,
+  renderAs: n,
+  size: c,
+  layoutAlignment: p
+}) {
+  return /* @__PURE__ */ r(
+    a,
+    {
+      width: l,
+      layoutAlignment: p,
+      $alignItems: "center",
+      $flexDirection: "row",
+      children: m.map((e) => /* @__PURE__ */ r(
+        f,
+        {
+          label: e === "0" ? "KG" : e,
+          selected: t === e,
+          width: i,
+          onSelect: o,
+          renderAs: n,
+          size: c,
+          grade: e
+        },
+        e
+      ))
+    }
+  );
+}
+export {
+  d as default
+};
+//# sourceMappingURL=grade-selector.js.map

package/dist/features/ui/grade-selector/grade-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grade-selector.js","sources":["../../../../src/features/ui/grade-selector/grade-selector.tsx"],"sourcesContent":["import type { IGradeSelectorProps } from './grade-selector-types';\n\nimport * as Styled from './grade-selector-styled';\nimport GradeTab from './grade-tab';\n\nfunction GradeSelector({\n  selectedValue,\n  onSelect,\n  tabsWidth,\n  width,\n  grades,\n  renderAs,\n  size,\n  layoutAlignment,\n}: IGradeSelectorProps): JSX.Element {\n  return (\n    <Styled.GradeSelectorWrapper\n      width={width}\n      layoutAlignment={layoutAlignment}\n      $alignItems=\"center\"\n      $flexDirection=\"row\"\n    >\n      {grades.map(grade => {\n        return (\n          <GradeTab\n            key={grade}\n            label={grade === '0' ? 'KG' : grade}\n            selected={selectedValue === grade}\n            width={tabsWidth}\n            onSelect={onSelect}\n            renderAs={renderAs}\n            size={size}\n            grade={grade}\n          />\n        );\n      })}\n    </Styled.GradeSelectorWrapper>\n  );\n}\n\nexport default GradeSelector;\n"],"names":["GradeSelector","selectedValue","onSelect","tabsWidth","width","grades","renderAs","size","layoutAlignment","jsx","Styled.GradeSelectorWrapper","grade","GradeTab"],"mappings":";;;AAKA,SAASA,EAAc;AAAA,EACrB,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AACF,GAAqC;AAEjC,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,iBAAAI;AAAA,MACA,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEd,UAAAH,EAAO,IAAI,CAASM,MAEjB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,OAAOD,MAAU,MAAM,OAAOA;AAAA,UAC9B,UAAUV,MAAkBU;AAAA,UAC5B,OAAOR;AAAA,UACP,UAAAD;AAAA,UACA,UAAAI;AAAA,UACA,MAAAC;AAAA,UACA,OAAAI;AAAA,QAAA;AAAA,QAPKA;AAAA,MAAA,CAUV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/features/ui/grade-selector/grade-tab.js

@@ -0,0 +1,31 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useCallback as n } from "react";
+import p from "../tab/tab.js";
+const u = ({
+  renderAs: o = "primary",
+  size: t = "regular",
+  label: a,
+  selected: i,
+  width: m,
+  onSelect: r,
+  grade: e
+}) => {
+  const s = n(() => {
+    r(e);
+  }, [e, r]);
+  return /* @__PURE__ */ l(
+    p,
+    {
+      label: a,
+      $selected: i,
+      $width: m,
+      $renderAs: o,
+      $size: t,
+      onClick: s
+    }
+  );
+};
+export {
+  u as default
+};
+//# sourceMappingURL=grade-tab.js.map

package/dist/features/ui/grade-selector/grade-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grade-tab.js","sources":["../../../../src/features/ui/grade-selector/grade-tab.tsx"],"sourcesContent":["import type { IGradeTabProps } from './grade-selector-types';\n\nimport React, { useCallback } from 'react';\n\nimport Tab from '../tab/tab';\n\nconst GradeTab: React.FC<IGradeTabProps> = ({\n  renderAs = 'primary',\n  size = 'regular',\n  label,\n  selected,\n  width,\n  onSelect,\n  grade,\n}) => {\n  const handleClick = useCallback(() => {\n    onSelect(grade);\n  }, [grade, onSelect]);\n\n  return (\n    <Tab\n      label={label}\n      $selected={selected}\n      $width={width}\n      $renderAs={renderAs}\n      $size={size}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default GradeTab;\n"],"names":["GradeTab","renderAs","size","label","selected","width","onSelect","grade","handleClick","useCallback","jsx","Tab"],"mappings":";;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAASC,CAAK;AAAA,EAAA,GACb,CAACA,GAAOD,CAAQ,CAAC;AAGlB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,WAAWJ;AAAA,MACX,OAAOC;AAAA,MACP,SAASM;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/features/ui/hooks/use-click-handler.js

@@ -0,0 +1,25 @@
+import { useMemo as c, useCallback as p } from "react";
+import { useUIContext as u } from "../context/context.js";
+const i = (o) => /^[a-z0-9_]+$/.test(o), d = ({ label: o, analyticsLabel: e, analyticsProps: n }, t) => {
+  const s = c(() => n, [n]), { onClick: r } = u();
+  return { handleClick: p(() => {
+    if (r)
+      if (e && i(e))
+        r({
+          analyticsLabel: e,
+          props: s
+        });
+      else if (e || o)
+        r({
+          label: e || o,
+          props: s
+        });
+      else
+        throw new Error("You must provide label or analyticsLabel to the clickable component");
+    t && t();
+  }, [r, o, e, s, t]) };
+};
+export {
+  d as default
+};
+//# sourceMappingURL=use-click-handler.js.map

package/dist/features/ui/hooks/use-click-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-handler.js","sources":["../../../../src/features/ui/hooks/use-click-handler.ts"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst isInSnakeCase = (str: string) => {\n  return /^[a-z0-9_]+$/.test(str);\n};\n\ninterface IUseclickHandler {\n  (\n    params: IClickableAnalyticsProps,\n    onClick?: () => void,\n  ): {\n    handleClick: () => void;\n  };\n}\n\nconst useClickHandler: IUseclickHandler = ({ label, analyticsLabel, analyticsProps }, onClick) => {\n  const analyticsPropsCached = useMemo(() => analyticsProps, [analyticsProps]); //TODO: fix this\n  const { onClick: contextOnClick } = useUIContext();\n\n  const handleClick = useCallback(() => {\n    if (contextOnClick) {\n      if (analyticsLabel && isInSnakeCase(analyticsLabel)) {\n        contextOnClick({\n          analyticsLabel,\n          props: analyticsPropsCached,\n        });\n      } else if (analyticsLabel || label) {\n        contextOnClick({\n          label: analyticsLabel || label,\n          props: analyticsPropsCached,\n        });\n      } else {\n        throw new Error('You must provide label or analyticsLabel to the clickable component');\n      }\n    }\n\n    if (onClick) {\n      onClick();\n    }\n  }, [contextOnClick, label, analyticsLabel, analyticsPropsCached, onClick]);\n\n  return { handleClick };\n};\n\nexport default useClickHandler;\n"],"names":["isInSnakeCase","str","useClickHandler","label","analyticsLabel","analyticsProps","onClick","analyticsPropsCached","useMemo","contextOnClick","useUIContext","useCallback"],"mappings":";;AAMA,MAAMA,IAAgB,CAACC,MACd,eAAe,KAAKA,CAAG,GAY1BC,IAAoC,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,gBAAAC,EAAA,GAAkBC,MAAY;AAChG,QAAMC,IAAuBC,EAAQ,MAAMH,GAAgB,CAACA,CAAc,CAAC,GACrE,EAAE,SAASI,EAAe,IAAIC,EAAa;AAwBjD,SAAO,EAAE,aAtBWC,EAAY,MAAM;AACpC,QAAIF;AACE,UAAAL,KAAkBJ,EAAcI,CAAc;AACjC,QAAAK,EAAA;AAAA,UACb,gBAAAL;AAAA,UACA,OAAOG;AAAA,QAAA,CACR;AAAA,eACQH,KAAkBD;AACZ,QAAAM,EAAA;AAAA,UACb,OAAOL,KAAkBD;AAAA,UACzB,OAAOI;AAAA,QAAA,CACR;AAAA;AAEK,cAAA,IAAI,MAAM,qEAAqE;AAIzF,IAAID,KACMA;EACV,GACC,CAACG,GAAgBN,GAAOC,GAAgBG,GAAsBD,CAAO,CAAC,EAEpD;AACvB;"}

package/dist/features/ui/hooks/use-context-menu-click-handler.js

@@ -0,0 +1,29 @@
+import { useState as m, useCallback as t } from "react";
+const E = (d, s, w = !0, e, c = !1) => {
+  const [f, a] = m(!1), r = t(
+    (v) => {
+      d.current && v.target && (d.current.contains(v.target) || (a(!1), e && e()));
+    },
+    [d, e]
+  ), n = t(() => {
+    !f && !c ? (window.removeEventListener("click", r), a(!0), window.addEventListener("click", r)) : w && (window.removeEventListener("click", r), a(!1), e == null || e()), s == null || s();
+  }, [
+    w,
+    r,
+    f,
+    s,
+    e,
+    c
+  ]), u = t(() => {
+    window.removeEventListener("click", r), a(!1);
+  }, [r]);
+  return {
+    menuVisible: f,
+    onMenuClick: n,
+    hideMenu: u
+  };
+}, M = E;
+export {
+  M as default
+};
+//# sourceMappingURL=use-context-menu-click-handler.js.map

package/dist/features/ui/hooks/use-context-menu-click-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-context-menu-click-handler.js","sources":["../../../../src/features/ui/hooks/use-context-menu-click-handler.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useCallback, useState } from 'react';\n\n// TODO:SG - Have single options object\ninterface IUseContextMenuClickHandler {\n  (\n    menuContainerRef: RefObject<HTMLElement>,\n    onClick?: () => void,\n    canCloseOnMenuClick?: boolean,\n    onCloseWithoutSelection?: () => void,\n    disabled?: boolean,\n  ): {\n    menuVisible: boolean;\n    hideMenu: () => void;\n    onMenuClick: () => void;\n  };\n}\n\nconst useContextMenuClickHandler: IUseContextMenuClickHandler = (\n  menuContainerRef,\n  onClick,\n  canCloseOnMenuClick = true,\n  onCloseWithoutSelection,\n  disabled = false,\n) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n  const handleBodyClick = useCallback(\n    (e: MouseEvent) => {\n      if (menuContainerRef.current && e.target) {\n        if (!menuContainerRef.current.contains(e.target as Node)) {\n          setMenuVisible(false);\n          onCloseWithoutSelection && onCloseWithoutSelection();\n        }\n      }\n    },\n    [menuContainerRef, onCloseWithoutSelection],\n  );\n\n  const onMenuClick = useCallback(() => {\n    if (!menuVisible && !disabled) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(true);\n      window.addEventListener('click', handleBodyClick);\n    } else if (canCloseOnMenuClick) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(false);\n      onCloseWithoutSelection?.();\n    }\n\n    onClick?.();\n  }, [\n    canCloseOnMenuClick,\n    handleBodyClick,\n    menuVisible,\n    onClick,\n    onCloseWithoutSelection,\n    disabled,\n  ]);\n\n  const hideMenu = useCallback(() => {\n    window.removeEventListener('click', handleBodyClick);\n    setMenuVisible(false);\n  }, [handleBodyClick]);\n\n  return {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  };\n};\n\nexport default useContextMenuClickHandler;\n"],"names":["useContextMenuClickHandler","menuContainerRef","onClick","canCloseOnMenuClick","onCloseWithoutSelection","disabled","menuVisible","setMenuVisible","useState","handleBodyClick","useCallback","e","onMenuClick","hideMenu","useContextMenuClickHandler$1"],"mappings":";AAmBA,MAAMA,IAA0D,CAC9DC,GACAC,GACAC,IAAsB,IACtBC,GACAC,IAAW,OACR;AACH,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAkBC;AAAA,IACtB,CAACC,MAAkB;AACb,MAAAV,EAAiB,WAAWU,EAAE,WAC3BV,EAAiB,QAAQ,SAASU,EAAE,MAAc,MACrDJ,EAAe,EAAK,GACpBH,KAA2BA,EAAwB;AAAA,IAGzD;AAAA,IACA,CAACH,GAAkBG,CAAuB;AAAA,EAAA,GAGtCQ,IAAcF,EAAY,MAAM;AAChC,IAAA,CAACJ,KAAe,CAACD,KACZ,OAAA,oBAAoB,SAASI,CAAe,GACnDF,EAAe,EAAI,GACZ,OAAA,iBAAiB,SAASE,CAAe,KACvCN,MACF,OAAA,oBAAoB,SAASM,CAAe,GACnDF,EAAe,EAAK,GACMH,KAAA,QAAAA,MAGlBF,KAAA,QAAAA;AAAA,EAAA,GACT;AAAA,IACDC;AAAA,IACAM;AAAA,IACAH;AAAA,IACAJ;AAAA,IACAE;AAAA,IACAC;AAAA,EAAA,CACD,GAEKQ,IAAWH,EAAY,MAAM;AAC1B,WAAA,oBAAoB,SAASD,CAAe,GACnDF,EAAe,EAAK;AAAA,EAAA,GACnB,CAACE,CAAe,CAAC;AAEb,SAAA;AAAA,IACL,aAAAH;AAAA,IACA,aAAAM;AAAA,IACA,UAAAC;AAAA,EAAA;AAEJ,GAEAC,IAAed;"}

package/dist/features/ui/hooks/use-response-handler.js

@@ -0,0 +1,26 @@
+import { useCallback as r } from "react";
+import { useUIContext as s } from "../context/context.js";
+function u({
+  analyticsLabel: e,
+  analyticsProps: n
+}) {
+  const { onResponse: o } = s();
+  return r(
+    (t) => {
+      if (o)
+        if (e)
+          o({
+            label: e,
+            value: t,
+            props: { ...n }
+          });
+        else
+          throw new Error("You must provide analyticsLabel to the input component");
+    },
+    [o, e, n]
+  );
+}
+export {
+  u as default
+};
+//# sourceMappingURL=use-response-handler.js.map

package/dist/features/ui/hooks/use-response-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-response-handler.js","sources":["../../../../src/features/ui/hooks/use-response-handler.ts"],"sourcesContent":["import type { IResponseAnalyticsProps } from '../types';\n\nimport { useCallback } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nfunction useResponseHandler<T extends string | boolean | number>({\n  analyticsLabel,\n  analyticsProps: props,\n}: IResponseAnalyticsProps) {\n  const { onResponse: contextOnResponse } = useUIContext();\n\n  const handleTracking = useCallback(\n    (value: T) => {\n      if (contextOnResponse) {\n        if (analyticsLabel) {\n          contextOnResponse({\n            label: analyticsLabel,\n            value,\n            props: { ...props },\n          });\n        } else {\n          throw new Error('You must provide analyticsLabel to the input component');\n        }\n      }\n    },\n    [contextOnResponse, analyticsLabel, props],\n  );\n\n  return handleTracking;\n}\n\nexport default useResponseHandler;\n"],"names":["useResponseHandler","analyticsLabel","props","contextOnResponse","useUIContext","useCallback","value"],"mappings":";;AAMA,SAASA,EAAwD;AAAA,EAC/D,gBAAAC;AAAA,EACA,gBAAgBC;AAClB,GAA4B;AAC1B,QAAM,EAAE,YAAYC,EAAkB,IAAIC,EAAa;AAmBhD,SAjBgBC;AAAA,IACrB,CAACC,MAAa;AACZ,UAAIH;AACF,YAAIF;AACgB,UAAAE,EAAA;AAAA,YAChB,OAAOF;AAAA,YACP,OAAAK;AAAA,YACA,OAAO,EAAE,GAAGJ,EAAM;AAAA,UAAA,CACnB;AAAA;AAEK,gBAAA,IAAI,MAAM,wDAAwD;AAAA,IAG9E;AAAA,IACA,CAACC,GAAmBF,GAAgBC,CAAK;AAAA,EAAA;AAI7C;"}

package/dist/features/ui/image/image.js

@@ -0,0 +1,39 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { memo as g, useState as f } from "react";
+import t from "styled-components";
+import { skeletonLoadingAnimation as c } from "../constants/style.js";
+import i from "../layout/flex-view.js";
+const p = t(i)`
+  animation: ${c} 2s linear infinite;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+`, L = t(i)`
+  overflow: hidden;
+  position: relative;
+`, u = g(
+  ({ borderRadius: n = 0, borderColor: r, withLoader: a, ...o }) => {
+    const { width: s, height: d } = o, [m, l] = f(!0);
+    return /* @__PURE__ */ h(
+      L,
+      {
+        $width: s,
+        $height: d,
+        $borderColor: r,
+        $borderRadius: n,
+        children: [
+          m && a && /* @__PURE__ */ e(p, { $inherit: !0 }),
+          /* @__PURE__ */ e("img", { onLoad: () => {
+            l(!1);
+          }, ...o })
+        ]
+      }
+    );
+  }
+), F = u;
+export {
+  F as default
+};
+//# sourceMappingURL=image.js.map

package/dist/features/ui/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx","Image$1"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,GAAY,GAAGC,QAAY;AACrD,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF,GAEAQ,IAAeb;"}