@cuemath/leap 2.9.2-as2 → 2.9.2-j1

package/dist/features/auth/signup/custom-input/otp-input/otp-input.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useCallback as c } from "react";
+import { useTheme as s } from "styled-components";
+import f from "../../../../ui/layout/flex-view.js";
+import h from "../../../comps/resend-otp/resend-otp.js";
+import { CustomInput as d } from "../custom-input-styled.js";
+import { InputWrapper as I } from "../input-wrapper/input-wrapper.js";
+const T = ({
+  value: m,
+  onChange: p,
+  error: a,
+  helperText: i,
+  onEnter: e,
+  onResendOTP: n
+}) => {
+  var r;
+  const u = s(), l = c(
+    (t) => {
+      t.key === "Enter" && (e == null || e());
+    },
+    [e]
+  );
+  return /* @__PURE__ */ o(I, { helperText: i, actionElement: /* @__PURE__ */ o(h, { onResendOTP: n }), children: /* @__PURE__ */ o(f, { $width: 112, children: /* @__PURE__ */ o(
+    d,
+    {
+      value: m,
+      onChange: (t) => p(t.target.value),
+      autoFocus: !0,
+      placeholder: "0000",
+      color: (r = u.colors) == null ? void 0 : r[a ? "RED" : "WHITE"],
+      autoCapitalize: "none",
+      type: "number",
+      maxLength: 4,
+      onKeyDown: l
+    }
+  ) }) });
+}, P = T;
+export {
+  P as default
+};
+//# sourceMappingURL=otp-input.js.map

package/dist/features/auth/signup/custom-input/otp-input/otp-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input.js","sources":["../../../../../../src/features/auth/signup/custom-input/otp-input/otp-input.tsx"],"sourcesContent":["import type { IOTPInputProps } from './otp-input-types';\n\nimport { useCallback, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport ResendOTP from '../../../comps/resend-otp/resend-otp';\nimport * as Styled from '../custom-input-styled';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\n\nconst OTPInput: FC<IOTPInputProps> = ({\n  value,\n  onChange,\n  error,\n  helperText,\n  onEnter,\n  onResendOTP,\n}) => {\n  const theme = useTheme();\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  return (\n    <InputWrapper helperText={helperText} actionElement={<ResendOTP onResendOTP={onResendOTP} />}>\n      <FlexView $width={112}>\n        <Styled.CustomInput\n          value={value}\n          onChange={event => onChange(event.target.value)}\n          autoFocus\n          placeholder=\"0000\"\n          color={theme.colors?.[error ? 'RED' : 'WHITE']}\n          autoCapitalize=\"none\"\n          type=\"number\"\n          maxLength={4}\n          onKeyDown={handleKeyDown}\n        />\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default OTPInput;\n"],"names":["OTPInput","value","onChange","error","helperText","onEnter","onResendOTP","theme","useTheme","handleKeyDown","useCallback","event","jsx","InputWrapper","ResendOTP","FlexView","Styled.CustomInput","_a","OTPInput$1"],"mappings":";;;;;;;AAUA,MAAMA,IAA+B,CAAC;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KAERC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNN,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAIR,SAAA,gBAAAO,EAACC,GAAa,EAAA,YAAAT,GAAwB,eAAe,gBAAAQ,EAACE,GAAU,EAAA,aAAAR,EAA0B,CAAA,GACxF,UAAA,gBAAAM,EAACG,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAH;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAU,CAAAU,MAAST,EAASS,EAAM,OAAO,KAAK;AAAA,MAC9C,WAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAOM,IAAAV,EAAM,WAAN,gBAAAU,EAAed,IAAQ,QAAQ;AAAA,MACtC,gBAAe;AAAA,MACf,MAAK;AAAA,MACL,WAAW;AAAA,MACX,WAAWM;AAAA,IAAA;AAAA,EAAA,EAEf,CAAA,EACF,CAAA;AAEJ,GAEAS,IAAelB;"}

package/dist/features/auth/signup/custom-input/phone-input/country-selector/country-code-button.js

@@ -0,0 +1,33 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import n from "../../../../../../assets/line-icons/icons/chevron-down.js";
+import i from "../../../../../ui/layout/flex-view.js";
+import d from "../../../../../ui/text/text.js";
+import { CountryCodeButton as $ } from "../phone-input-styled.js";
+const C = ({
+  value: t,
+  menuVisible: e
+}) => /* @__PURE__ */ o(
+  $,
+  {
+    $background: "BLACK_5",
+    $borderRadius: 4,
+    $gutterX: 0.5,
+    $gap: 5,
+    $alignItems: "center",
+    $justifyContent: "space-between",
+    $borderColor: e ? "WHITE_T_38" : "BLACK_5",
+    $flexDirection: "row",
+    $flexGap: 2,
+    children: [
+      /* @__PURE__ */ o(d, { $renderAs: "ab1", $color: "WHITE", children: [
+        "+",
+        t
+      ] }),
+      /* @__PURE__ */ r(i, { $width: 20, children: /* @__PURE__ */ r(n, { width: 20, height: 20, color: "WHITE" }) })
+    ]
+  }
+);
+export {
+  C as default
+};
+//# sourceMappingURL=country-code-button.js.map

package/dist/features/auth/signup/custom-input/phone-input/country-selector/country-code-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-code-button.js","sources":["../../../../../../../src/features/auth/signup/custom-input/phone-input/country-selector/country-code-button.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from '../phone-input-styled';\n\nconst CountryCodeButton: FC<{ value?: string; menuVisible?: boolean }> = ({\n  value,\n  menuVisible,\n}) => {\n  return (\n    <Styled.CountryCodeButton\n      $background=\"BLACK_5\"\n      $borderRadius={4}\n      $gutterX={0.5}\n      $gap={5}\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $borderColor={menuVisible ? 'WHITE_T_38' : 'BLACK_5'}\n      $flexDirection=\"row\"\n      $flexGap={2}\n    >\n      <Text $renderAs=\"ab1\" $color=\"WHITE\">\n        +{value}\n      </Text>\n      <FlexView $width={20}>\n        <ChevronDownIcon width={20} height={20} color=\"WHITE\" />\n      </FlexView>\n    </Styled.CountryCodeButton>\n  );\n};\n\nexport default CountryCodeButton;\n"],"names":["CountryCodeButton","value","menuVisible","jsxs","Styled.CountryCodeButton","Text","jsx","FlexView","ChevronDownIcon"],"mappings":";;;;;AAOA,MAAMA,IAAmE,CAAC;AAAA,EACxE,OAAAC;AAAA,EACA,aAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAY;AAAA,IACZ,eAAe;AAAA,IACf,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,cAAcF,IAAc,eAAe;AAAA,IAC3C,gBAAe;AAAA,IACf,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAAA;AAAA,QAAA;AAAA,QACjCJ;AAAA,MAAA,GACJ;AAAA,MACC,gBAAAK,EAAAC,GAAA,EAAS,QAAQ,IAChB,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,GACxD;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/features/auth/signup/custom-input/phone-input/country-selector/country-list-menu.js

@@ -0,0 +1,28 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import a from "../../../../../ui/text/text.js";
+import { MenuWrapper as s, MenuItem as p, Icon as u } from "../phone-input-styled.js";
+const g = ({ options: o, selectedCountry: t, onChange: n }) => /* @__PURE__ */ e(s, { $widthX: 10, $gapX: 0.5, $background: "BLACK_2", $borderColor: "BLACK_5", children: o.map((i) => {
+  const { id: r, value: c, icon: d, code: $ } = i;
+  return /* @__PURE__ */ l(
+    p,
+    {
+      $gutterX: 0.5,
+      $gapX: 0.75,
+      onClick: () => n({ code: $, id: r }),
+      $width: "100%",
+      $flexDirection: "row",
+      $alignItems: "center",
+      $flexGap: 8,
+      $isSelected: t.id === r,
+      children: [
+        /* @__PURE__ */ e(u, { src: d }),
+        /* @__PURE__ */ e(a, { $renderAs: "ab3", $color: "WHITE", children: c })
+      ]
+    },
+    r
+  );
+}) });
+export {
+  g as default
+};
+//# sourceMappingURL=country-list-menu.js.map

package/dist/features/auth/signup/custom-input/phone-input/country-selector/country-list-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-list-menu.js","sources":["../../../../../../../src/features/auth/signup/custom-input/phone-input/country-selector/country-list-menu.tsx"],"sourcesContent":["import type { ICountryListMenuProps } from '../phone-input-types';\nimport type { FC } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from '../phone-input-styled';\n\nconst CountryListMenu: FC<ICountryListMenuProps> = ({ options, selectedCountry, onChange }) => {\n  return (\n    <Styled.MenuWrapper $widthX={10} $gapX={0.5} $background={'BLACK_2'} $borderColor={'BLACK_5'}>\n      {options.map(option => {\n        const { id, value, icon, code } = option;\n\n        return (\n          <Styled.MenuItem\n            key={id}\n            $gutterX={0.5}\n            $gapX={0.75}\n            onClick={() => onChange({ code, id })}\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGap={8}\n            $isSelected={selectedCountry.id === id}\n          >\n            <Styled.Icon src={icon} />\n            <Text $renderAs=\"ab3\" $color={'WHITE'}>\n              {value}\n            </Text>\n          </Styled.MenuItem>\n        );\n      })}\n    </Styled.MenuWrapper>\n  );\n};\n\nexport default CountryListMenu;\n"],"names":["CountryListMenu","options","selectedCountry","onChange","jsx","Styled.MenuWrapper","option","id","value","icon","code","jsxs","Styled.MenuItem","Styled.Icon","Text"],"mappings":";;;AAMA,MAAMA,IAA6C,CAAC,EAAE,SAAAC,GAAS,iBAAAC,GAAiB,UAAAC,QAE3E,gBAAAC,EAAAC,GAAA,EAAmB,SAAS,IAAI,OAAO,KAAK,aAAa,WAAW,cAAc,WAChF,UAAAJ,EAAQ,IAAI,CAAUK,MAAA;AACrB,QAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,MAAAC,GAAM,MAAAC,MAASJ;AAGhC,SAAA,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAMT,EAAS,EAAE,MAAAO,GAAM,IAAAH,GAAI;AAAA,MACpC,QAAO;AAAA,MACP,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,aAAaL,EAAgB,OAAOK;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAH,EAACS,GAAA,EAAY,KAAKJ,EAAM,CAAA;AAAA,0BACvBK,GAAK,EAAA,WAAU,OAAM,QAAQ,SAC3B,UACHN,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAbKD;AAAA,EAAA;AAgBV,CAAA,EACH,CAAA;"}

package/dist/features/auth/signup/custom-input/phone-input/phone-input-styled.js

@@ -0,0 +1,29 @@
+import r from "styled-components";
+import o from "../../../../ui/layout/flex-view.js";
+const i = r(o)`
+  border-radius: 2px;
+  max-height: 220px;
+  overflow-y: scroll;
+  width: 271px;
+`, c = r(o)(({ theme: t, $isSelected: n }) => `
+      cursor: pointer;
+      background: ${n ? t.colors.BLACK_5 : "transparent"};
+      &:hover {
+            background: ${t.colors.BLACK_5};
+      }
+   `), d = r.img`
+  width: 20px;
+  height: 20px;
+`, s = r(o)`
+  cursor: pointer;
+  padding-right: 4px;
+  max-width: 100px;
+  min-width: 80px;
+`;
+export {
+  s as CountryCodeButton,
+  d as Icon,
+  c as MenuItem,
+  i as MenuWrapper
+};
+//# sourceMappingURL=phone-input-styled.js.map

package/dist/features/auth/signup/custom-input/phone-input/phone-input-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-styled.js","sources":["../../../../../../src/features/auth/signup/custom-input/phone-input/phone-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const MenuWrapper = styled(FlexView)`\n  border-radius: 2px;\n  max-height: 220px;\n  overflow-y: scroll;\n  width: 271px;\n`;\n\nexport const MenuItem = styled(FlexView)<{ $isSelected: boolean }>(({ theme, $isSelected }) => {\n  return `\n      cursor: pointer;\n      background: ${$isSelected ? theme.colors.BLACK_5 : 'transparent'};\n      &:hover {\n            background: ${theme.colors.BLACK_5};\n      }\n   `;\n});\n\nexport const Icon = styled.img`\n  width: 20px;\n  height: 20px;\n`;\n\nexport const CountryCodeButton = styled(FlexView)`\n  cursor: pointer;\n  padding-right: 4px;\n  max-width: 100px;\n  min-width: 80px;\n`;\n"],"names":["MenuWrapper","styled","FlexView","MenuItem","theme","$isSelected","Icon","CountryCodeButton"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAO7BC,IAAWF,EAAOC,CAAQ,EAA4B,CAAC,EAAE,OAAAE,GAAO,aAAAC,QACpE;AAAA;AAAA,oBAEWA,IAAcD,EAAM,OAAO,UAAU,aAAa;AAAA;AAAA,0BAE5CA,EAAM,OAAO,OAAO;AAAA;AAAA,IAG7C,GAEYE,IAAOL,EAAO;AAAA;AAAA;AAAA,GAKdM,IAAoBN,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/auth/signup/custom-input/phone-input/phone-input.js

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useCallback as s } from "react";
+import { useTheme as c } from "styled-components";
+import { InputWrapper as d } from "../../../../circle-games/sign-up/comp/input-wrapper/input-wrapper.js";
+import C from "../../../../ui/context-menu/context-menu.js";
+import r from "../../../../ui/layout/flex-view.js";
+import x from "../../../../ui/separator/separator.js";
+import { COUNTRY_CODE_MAP as w } from "../../signup-constants.js";
+import { CustomInput as I } from "../custom-input-styled.js";
+import g from "./country-selector/country-code-button.js";
+import y from "./country-selector/country-list-menu.js";
+const D = ({
+  error: m,
+  value: p,
+  onChange: l,
+  selectedCountry: n,
+  onCountryChange: u,
+  onEnter: o
+}) => {
+  var i;
+  const a = c(), f = s(
+    (t) => {
+      t.key === "Enter" && (o == null || o());
+    },
+    [o]
+  );
+  return /* @__PURE__ */ e(d, { helperText: m, children: /* @__PURE__ */ h(r, { $flexDirection: "row", children: [
+    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      C,
+      {
+        startLeft: !0,
+        targetElement: /* @__PURE__ */ e(g, { value: n.code }),
+        menuElement: /* @__PURE__ */ e(
+          y,
+          {
+            options: w,
+            onChange: u,
+            selectedCountry: n
+          }
+        ),
+        menuOffset: 5,
+        menuZIndex: 1
+      }
+    ) }),
+    /* @__PURE__ */ e(x, { width: 8 }),
+    /* @__PURE__ */ e(r, { $width: 224, children: /* @__PURE__ */ e(
+      I,
+      {
+        value: p,
+        onChange: (t) => l(t.target.value),
+        placeholder: "00000 00000",
+        type: "number",
+        align: "left",
+        autoCapitalize: "none",
+        color: (i = a.colors) == null ? void 0 : i[m ? "RED" : "WHITE"],
+        onKeyDown: f
+      }
+    ) })
+  ] }) });
+}, R = D;
+export {
+  R as default
+};
+//# sourceMappingURL=phone-input.js.map

package/dist/features/auth/signup/custom-input/phone-input/phone-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.js","sources":["../../../../../../src/features/auth/signup/custom-input/phone-input/phone-input.tsx"],"sourcesContent":["import type { IPhoneInputProps } from './phone-input-types';\n\nimport { useCallback, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { InputWrapper } from '../../../../circle-games/sign-up/comp/input-wrapper/input-wrapper';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport { COUNTRY_CODE_MAP } from '../../signup-constants';\nimport * as Styled from '../custom-input-styled';\nimport CountryCodeButton from './country-selector/country-code-button';\nimport CountryListMenu from './country-selector/country-list-menu';\n\nconst PhoneInput: FC<IPhoneInputProps> = ({\n  error,\n  value,\n  onChange,\n  selectedCountry,\n  onCountryChange,\n  onEnter,\n}) => {\n  const theme = useTheme();\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  return (\n    <InputWrapper helperText={error}>\n      <FlexView $flexDirection=\"row\">\n        <FlexView>\n          <ContextMenu\n            startLeft\n            targetElement={<CountryCodeButton value={selectedCountry.code} />}\n            menuElement={\n              <CountryListMenu\n                options={COUNTRY_CODE_MAP}\n                onChange={onCountryChange}\n                selectedCountry={selectedCountry}\n              />\n            }\n            menuOffset={5}\n            menuZIndex={1}\n          />\n        </FlexView>\n        <Separator width={8} />\n        <FlexView $width={224}>\n          <Styled.CustomInput\n            value={value}\n            onChange={event => onChange(event.target.value)}\n            placeholder=\"00000 00000\"\n            type=\"number\"\n            align=\"left\"\n            autoCapitalize=\"none\"\n            color={theme.colors?.[error ? 'RED' : 'WHITE']}\n            onKeyDown={handleKeyDown}\n          />\n        </FlexView>\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default PhoneInput;\n"],"names":["PhoneInput","error","value","onChange","selectedCountry","onCountryChange","onEnter","theme","useTheme","handleKeyDown","useCallback","event","InputWrapper","jsxs","FlexView","jsx","ContextMenu","CountryCodeButton","CountryListMenu","COUNTRY_CODE_MAP","Separator","Styled.CustomInput","_a","PhoneInput$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAmC,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KAERC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNL,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAGV,2BACGM,GAAa,EAAA,YAAYX,GACxB,UAAC,gBAAAY,EAAAC,GAAA,EAAS,gBAAe,OACvB,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,eAAe,gBAAAD,EAACE,GAAkB,EAAA,OAAOb,EAAgB,MAAM;AAAA,QAC/D,aACE,gBAAAW;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAASC;AAAA,YACT,UAAUd;AAAA,YACV,iBAAAD;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,YAAY;AAAA,QACZ,YAAY;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IACA,gBAAAW,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAL,EAACD,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,OAAAnB;AAAA,QACA,UAAU,CAAAS,MAASR,EAASQ,EAAM,OAAO,KAAK;AAAA,QAC9C,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,QAAOW,IAAAf,EAAM,WAAN,gBAAAe,EAAerB,IAAQ,QAAQ;AAAA,QACtC,WAAWQ;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEAc,IAAevB;"}

package/dist/features/auth/signup/custom-input/student-password/student-password.js

@@ -0,0 +1,53 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useState as u, useCallback as h } from "react";
+import { useTheme as f } from "styled-components";
+import w from "../../../../../assets/line-icons/icons/eye.js";
+import I from "../../../../../assets/line-icons/icons/striked-eye.js";
+import g from "../../../../ui/buttons/clickable/clickable.js";
+import { PasswordInputWrapper as x, CustomInput as y } from "../custom-input-styled.js";
+import { InputWrapper as C } from "../input-wrapper/input-wrapper.js";
+const b = ({
+  onEnter: o,
+  value: l,
+  onChange: a,
+  error: r,
+  helperText: p
+}) => {
+  var i;
+  const n = f(), [s, c] = u(!1), m = h(
+    (e) => {
+      e.key === "Enter" && (o == null || o());
+    },
+    [o]
+  );
+  return /* @__PURE__ */ t(C, { helperText: r || p, children: /* @__PURE__ */ d(
+    x,
+    {
+      $width: 220,
+      $alignItems: "center",
+      $flexDirection: "row",
+      $flexGapX: 0.5,
+      children: [
+        /* @__PURE__ */ t(
+          y,
+          {
+            value: l,
+            onChange: (e) => a(e.target.value),
+            autoFocus: !0,
+            placeholder: "password",
+            align: "left",
+            color: (i = n.colors) == null ? void 0 : i[r ? "RED" : "WHITE"],
+            autoCapitalize: "none",
+            type: s ? "text" : "password",
+            onKeyDown: m
+          }
+        ),
+        /* @__PURE__ */ t(g, { label: "password-toggle", onClick: () => c((e) => !e), children: s ? /* @__PURE__ */ t(I, { color: "WHITE", width: 24, height: 24 }) : /* @__PURE__ */ t(w, { color: "WHITE", width: 24, height: 24 }) })
+      ]
+    }
+  ) });
+}, j = b;
+export {
+  j as default
+};
+//# sourceMappingURL=student-password.js.map

package/dist/features/auth/signup/custom-input/student-password/student-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-password.js","sources":["../../../../../../src/features/auth/signup/custom-input/student-password/student-password.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\n\nimport { useCallback, useState, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport EyeIcon from '../../../../../assets/line-icons/icons/eye';\nimport StrikedEyeIcon from '../../../../../assets/line-icons/icons/striked-eye';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport * as Styled from '../custom-input-styled';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\n\nconst StudentPasswordInput: FC<ICustomInputProps> = ({\n  onEnter,\n  value,\n  onChange,\n  error,\n  helperText,\n}) => {\n  const theme = useTheme();\n  const [isVisible, setIsVisible] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  return (\n    <InputWrapper helperText={error || helperText}>\n      <Styled.PasswordInputWrapper\n        $width={220}\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n      >\n        <Styled.CustomInput\n          value={value}\n          onChange={event => onChange(event.target.value)}\n          autoFocus\n          placeholder=\"password\"\n          align=\"left\"\n          color={theme.colors?.[error ? 'RED' : 'WHITE']}\n          autoCapitalize=\"none\"\n          type={isVisible ? 'text' : 'password'}\n          onKeyDown={handleKeyDown}\n        />\n        <Clickable label=\"password-toggle\" onClick={() => setIsVisible(prev => !prev)}>\n          {isVisible ? (\n            <StrikedEyeIcon color=\"WHITE\" width={24} height={24} />\n          ) : (\n            <EyeIcon color=\"WHITE\" width={24} height={24} />\n          )}\n        </Clickable>\n      </Styled.PasswordInputWrapper>\n    </InputWrapper>\n  );\n};\n\nexport default StudentPasswordInput;\n"],"names":["StudentPasswordInput","onEnter","value","onChange","error","helperText","theme","useTheme","isVisible","setIsVisible","useState","handleKeyDown","useCallback","event","jsx","InputWrapper","jsxs","Styled.PasswordInputWrapper","Styled.CustomInput","_a","Clickable","prev","StrikedEyeIcon","EyeIcon","StudentPasswordInput$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAA8C,CAAC;AAAA,EACnD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KACR,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNZ,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAGV,SACG,gBAAAa,EAAAC,GAAA,EAAa,YAAYX,KAASC,GACjC,UAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,aAAY;AAAA,MACZ,gBAAe;AAAA,MACf,WAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,OAAAhB;AAAA,YACA,UAAU,CAAAW,MAASV,EAASU,EAAM,OAAO,KAAK;AAAA,YAC9C,WAAS;AAAA,YACT,aAAY;AAAA,YACZ,OAAM;AAAA,YACN,QAAOM,IAAAb,EAAM,WAAN,gBAAAa,EAAef,IAAQ,QAAQ;AAAA,YACtC,gBAAe;AAAA,YACf,MAAMI,IAAY,SAAS;AAAA,YAC3B,WAAWG;AAAA,UAAA;AAAA,QACb;AAAA,QACC,gBAAAG,EAAAM,GAAA,EAAU,OAAM,mBAAkB,SAAS,MAAMX,EAAa,CAAAY,MAAQ,CAACA,CAAI,GACzE,UAAAb,IACE,gBAAAM,EAAAQ,GAAA,EAAe,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,IAErD,gBAAAR,EAACS,GAAQ,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GAElD;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAC,IAAexB;"}

package/dist/features/auth/signup/custom-input/student-username/student-username.js

@@ -0,0 +1,38 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useCallback as c } from "react";
+import { useTheme as i } from "styled-components";
+import { CustomInput as f } from "../custom-input-styled.js";
+import { InputWrapper as h } from "../input-wrapper/input-wrapper.js";
+const d = ({
+  value: m,
+  onChange: u,
+  error: o,
+  helperText: s,
+  showLoading: n,
+  onEnter: e
+}) => {
+  var r;
+  const p = i(), l = c(
+    (t) => {
+      t.key === "Enter" && (e == null || e());
+    },
+    [e]
+  );
+  return /* @__PURE__ */ a(h, { helperText: o || s, showLoading: n, children: /* @__PURE__ */ a(
+    f,
+    {
+      value: m,
+      onChange: (t) => u(t.target.value),
+      autoFocus: !0,
+      placeholder: "username_1412",
+      color: (r = p.colors) == null ? void 0 : r[o ? "RED" : "WHITE"],
+      autoCapitalize: "none",
+      textTransform: "lowercase",
+      onKeyDown: l
+    }
+  ) });
+}, y = d;
+export {
+  y as default
+};
+//# sourceMappingURL=student-username.js.map

package/dist/features/auth/signup/custom-input/student-username/student-username.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-username.js","sources":["../../../../../../src/features/auth/signup/custom-input/student-username/student-username.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\n\nimport { useCallback, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from '../custom-input-styled';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\n\nconst StudentUsernameInput: FC<ICustomInputProps> = ({\n  value,\n  onChange,\n  error,\n  helperText,\n  showLoading,\n  onEnter,\n}) => {\n  const theme = useTheme();\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  return (\n    <InputWrapper helperText={error || helperText} showLoading={showLoading}>\n      <Styled.CustomInput\n        value={value}\n        onChange={event => onChange(event.target.value)}\n        autoFocus\n        placeholder=\"username_1412\"\n        color={theme.colors?.[error ? 'RED' : 'WHITE']}\n        autoCapitalize=\"none\"\n        textTransform=\"lowercase\"\n        onKeyDown={handleKeyDown}\n      />\n    </InputWrapper>\n  );\n};\n\nexport default StudentUsernameInput;\n"],"names":["StudentUsernameInput","value","onChange","error","helperText","showLoading","onEnter","theme","useTheme","handleKeyDown","useCallback","event","jsx","InputWrapper","Styled.CustomInput","_a","StudentUsernameInput$1"],"mappings":";;;;;AAQA,MAAMA,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KAERC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNL,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAGV,SACG,gBAAAM,EAAAC,GAAA,EAAa,YAAYV,KAASC,GAAY,aAAAC,GAC7C,UAAA,gBAAAO;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,UAAU,CAAAU,MAAST,EAASS,EAAM,OAAO,KAAK;AAAA,MAC9C,WAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAOI,IAAAR,EAAM,WAAN,gBAAAQ,EAAeZ,IAAQ,QAAQ;AAAA,MACtC,gBAAe;AAAA,MACf,eAAc;AAAA,MACd,WAAWM;AAAA,IAAA;AAAA,EAEf,EAAA,CAAA;AAEJ,GAEAO,IAAehB;"}