@cuemath/leap 3.0.11-j8 → 3.0.12-as.1

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

@@ -1,34 +0,0 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { memo as n } from "react";
-import i from "../../../../../assets/line-icons/icons/chevron-down.js";
-import d from "../../../../ui/layout/flex-view.js";
-import m from "../../../../ui/text/text.js";
-import { CountryCodeButton as u } from "./country-selector-styled.js";
-const $ = ({
-  value: t,
-  menuVisible: e
-}) => /* @__PURE__ */ o(
-  u,
-  {
-    $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(m, { $renderAs: "ab1", $color: "WHITE", children: [
-        "+",
-        t
-      ] }),
-      /* @__PURE__ */ r(d, { $width: 20, children: /* @__PURE__ */ r(i, { width: 20, height: 20, color: "WHITE" }) })
-    ]
-  }
-), p = n($);
-export {
-  p as default
-};
-//# sourceMappingURL=country-code-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"country-code-button.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-code-button.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } 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 './country-selector-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 memo(CountryCodeButton);\n"],"names":["CountryCodeButton","value","menuVisible","jsxs","Styled.CountryCodeButton","Text","jsx","FlexView","ChevronDownIcon","CountryCodeButton$1","memo"],"mappings":";;;;;;AASA,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,GAKSC,IAAAC,EAAKV,CAAiB;"}

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

@@ -1,98 +0,0 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
-import { memo as k, useState as I, useRef as p, useEffect as $, useCallback as A } from "react";
-import b from "../../../../ui/separator/separator.js";
-import T from "../../../../ui/text/text.js";
-import { COUNTRY_CODE_MAP as i } from "../../signup-constants.js";
-import { MenuWrapper as y, MenuItem as X, FlagIcon as D, Instructions as M } from "./country-selector-styled.js";
-const R = ({ selectedCountry: g, onChange: u, menuVisible: w }) => {
-  const [s, d] = I(""), [o, l] = I(-1), c = p(null), f = p(null), E = p([]);
-  $(() => {
-    var e;
-    o >= 0 && ((e = E.current[o]) == null || e.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest"
-    }));
-  }, [o]), $(() => {
-    if (s) {
-      const e = i.findIndex(
-        (t) => t.value.toLowerCase().includes(s.toLowerCase()) || t.code.startsWith(s)
-      );
-      l(e), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-        d("");
-      }, 1e3);
-    }
-    return () => {
-      c.current && clearTimeout(c.current);
-    };
-  }, [s]);
-  const m = A(
-    (e) => {
-      var n;
-      const { key: t } = e;
-      if (e.preventDefault(), e.stopPropagation(), t.length === 1 && /[a-zA-Z0-9\s]/.test(t)) {
-        d((r) => r + t.toLowerCase());
-        return;
-      }
-      if (t === "ArrowDown")
-        l((r) => r < i.length - 1 ? r + 1 : 0);
-      else if (t === "ArrowUp")
-        l((r) => r > 0 ? r - 1 : i.length - 1);
-      else if (t === "Enter" && o >= 0) {
-        const r = i[o];
-        r && u({ code: r.code, id: r.id }), (n = f.current) == null || n.click();
-      } else t === "Escape" && (d(""), l(-1));
-    },
-    [o, u]
-  );
-  return $(() => {
-    const e = f.current;
-    if (!(!e || !w))
-      return e.focus(), e.addEventListener("keydown", m), () => {
-        e.removeEventListener("keydown", m);
-      };
-  }, [w, m, g.id]), /* @__PURE__ */ h(
-    y,
-    {
-      ref: f,
-      tabIndex: 0,
-      $widthX: 10,
-      $gapX: 0.5,
-      $background: "BLACK_2",
-      $borderColor: "BLACK_5",
-      children: [
-        i.map((e, t) => {
-          const { id: n, value: r, icon: x, code: C } = e;
-          return /* @__PURE__ */ h(
-            X,
-            {
-              ref: (L) => E.current[t] = L,
-              "data-country-id": n,
-              onClick: () => u({ code: C, id: n }),
-              $gutterX: 0.5,
-              $gapX: 0.75,
-              $width: "100%",
-              $flexDirection: "row",
-              $alignItems: "center",
-              $flexGap: 8,
-              $isSelected: g.id === n,
-              $isHighlighted: o === t,
-              children: [
-                /* @__PURE__ */ a(D, { src: x }),
-                /* @__PURE__ */ a(T, { $renderAs: "ab3", $color: "WHITE", children: r })
-              ]
-            },
-            n
-          );
-        }),
-        /* @__PURE__ */ h(M, { $gutterX: 0.5, children: [
-          /* @__PURE__ */ a(b, { heightX: 0.5 }),
-          /* @__PURE__ */ a(T, { $renderAs: "ab3", $color: "WHITE", children: "Type to search • ↑↓ to navigate • Enter to select • Esc to clear" })
-        ] })
-      ]
-    }
-  );
-}, O = k(R);
-export {
-  O as default
-};
-//# sourceMappingURL=country-list-menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"country-list-menu.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-list-menu.tsx"],"sourcesContent":["import type { ICountryListMenuProps } from './country-selector-types';\nimport type { FC } from 'react';\n\nimport { useState, useEffect, useRef, useCallback, memo } from 'react';\n\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { COUNTRY_CODE_MAP } from '../../signup-constants';\nimport * as Styled from './country-selector-styled';\n\nconst CountryListMenu: FC<ICountryListMenuProps> = ({ selectedCountry, onChange, menuVisible }) => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const searchTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  useEffect(() => {\n    if (highlightedIndex >= 0) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }, [highlightedIndex]);\n\n  useEffect(() => {\n    if (searchTerm) {\n      const index = COUNTRY_CODE_MAP.findIndex(\n        c =>\n          c.value.toLowerCase().includes(searchTerm.toLowerCase()) || c.code.startsWith(searchTerm),\n      );\n\n      setHighlightedIndex(index);\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n      searchTimeoutRef.current = setTimeout(() => {\n        setSearchTerm('');\n      }, 1000);\n    }\n\n    return () => {\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n    };\n  }, [searchTerm]);\n\n  const handleKeyDown = useCallback(\n    (event: globalThis.KeyboardEvent) => {\n      const { key } = event;\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (key.length === 1 && /[a-zA-Z0-9\\s]/.test(key)) {\n        setSearchTerm(prev => prev + key.toLowerCase());\n\n        return;\n      }\n\n      if (key === 'ArrowDown') {\n        setHighlightedIndex(prev => (prev < COUNTRY_CODE_MAP.length - 1 ? prev + 1 : 0));\n      } else if (key === 'ArrowUp') {\n        setHighlightedIndex(prev => (prev > 0 ? prev - 1 : COUNTRY_CODE_MAP.length - 1));\n      } else if (key === 'Enter' && highlightedIndex >= 0) {\n        const selectedOption = COUNTRY_CODE_MAP[highlightedIndex];\n\n        selectedOption && onChange({ code: selectedOption.code, id: selectedOption.id });\n        menuRef.current?.click();\n      } else if (key === 'Escape') {\n        setSearchTerm('');\n        setHighlightedIndex(-1);\n      }\n    },\n    [highlightedIndex, onChange],\n  );\n\n  useEffect(() => {\n    const menuElement = menuRef.current;\n\n    if (!menuElement || !menuVisible) return;\n\n    menuElement.focus();\n    menuElement.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      menuElement.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [menuVisible, handleKeyDown, selectedCountry.id]);\n\n  return (\n    <Styled.MenuWrapper\n      ref={menuRef}\n      tabIndex={0}\n      $widthX={10}\n      $gapX={0.5}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      {COUNTRY_CODE_MAP.map((option, index) => {\n        const { id, value, icon, code } = option;\n\n        return (\n          <Styled.MenuItem\n            key={id}\n            ref={el => (itemRefs.current[index] = el)}\n            data-country-id={id}\n            onClick={() => onChange({ code, id })}\n            $gutterX={0.5}\n            $gapX={0.75}\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGap={8}\n            $isSelected={selectedCountry.id === id}\n            $isHighlighted={highlightedIndex === index}\n          >\n            <Styled.FlagIcon src={icon} />\n            <Text $renderAs=\"ab3\" $color=\"WHITE\">\n              {value}\n            </Text>\n          </Styled.MenuItem>\n        );\n      })}\n\n      <Styled.Instructions $gutterX={0.5}>\n        <Separator heightX={0.5} />\n        <Text $renderAs=\"ab3\" $color=\"WHITE\">\n          Type to search • ↑↓ to navigate • Enter to select • Esc to clear\n        </Text>\n      </Styled.Instructions>\n    </Styled.MenuWrapper>\n  );\n};\n\nexport default memo(CountryListMenu);\n"],"names":["CountryListMenu","selectedCountry","onChange","menuVisible","searchTerm","setSearchTerm","useState","highlightedIndex","setHighlightedIndex","searchTimeoutRef","useRef","menuRef","itemRefs","useEffect","_a","index","COUNTRY_CODE_MAP","c","handleKeyDown","useCallback","event","key","prev","selectedOption","menuElement","jsxs","Styled.MenuWrapper","option","id","value","icon","code","Styled.MenuItem","el","jsx","Styled.FlagIcon","Text","Styled.Instructions","Separator","CountryListMenu$1","memo"],"mappings":"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"}

package/dist/features/auth/signup/custom-input-field/country-selector/country-selector-styled.js

@@ -1,57 +0,0 @@
-import r from "styled-components";
-import t from "../../../../ui/layout/flex-view.js";
-const l = r(t)`
-  border-radius: 2px;
-  max-height: 220px;
-  overflow-y: scroll;
-  width: 271px;
-  max-height: 300px;
-  overflow-y: auto;
-
-  &:focus {
-    outline: none;
-  }
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: ${({ theme: o }) => o.colors.BLACK_4};
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: ${({ theme: o }) => o.colors.BLACK_2};
-    border-radius: 3px;
-  }
-`, p = r(t)(({
-  theme: o,
-  $isSelected: n,
-  $isHighlighted: c
-}) => {
-  const s = c ? o.colors.BLACK_4 : "transparent";
-  return `
-      cursor: pointer;
-      background: ${n ? o.colors.BLACK_5 : s};
-      &:hover {
-          background: ${o.colors.BLACK_5};
-      }
-   `;
-}), a = r.img`
-  width: 20px;
-  height: 20px;
-`, d = r(t)`
-  cursor: pointer;
-  padding-right: 4px;
-  max-width: 100px;
-  min-width: 82px;
-`, u = r(t)`
-  border-top: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
-`;
-export {
-  d as CountryCodeButton,
-  a as FlagIcon,
-  u as Instructions,
-  p as MenuItem,
-  l as MenuWrapper
-};
-//# sourceMappingURL=country-selector-styled.js.map

package/dist/features/auth/signup/custom-input-field/country-selector/country-selector-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"country-selector-styled.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-selector-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  max-height: 300px;\n  overflow-y: auto;\n\n  &:focus {\n    outline: none;\n  }\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: ${({ theme }) => theme.colors.BLACK_4};\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: ${({ theme }) => theme.colors.BLACK_2};\n    border-radius: 3px;\n  }\n`;\n\nexport const MenuItem = styled(FlexView)<{ $isSelected: boolean; $isHighlighted?: boolean }>(({\n  theme,\n  $isSelected,\n  $isHighlighted,\n}) => {\n  const bgColor = $isHighlighted ? theme.colors.BLACK_4 : 'transparent';\n\n  return `\n      cursor: pointer;\n      background: ${$isSelected ? theme.colors.BLACK_5 : bgColor};\n      &:hover {\n          background: ${theme.colors.BLACK_5};\n      }\n   `;\n});\n\nexport const FlagIcon = 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: 82px;\n`;\n\nexport const Instructions = styled(FlexView)`\n  border-top: 1px solid ${({ theme }) => theme.colors.BLACK_5};\n`;\n"],"names":["MenuWrapper","styled","FlexView","theme","MenuItem","$isSelected","$isHighlighted","bgColor","FlagIcon","CountryCodeButton","Instructions"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAgBxB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,kBAInC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,GAKxCC,IAAWH,EAAOC,CAAQ,EAAsD,CAAC;AAAA,EAC5F,OAAAC;AAAA,EACA,aAAAE;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAMC,IAAUD,IAAiBH,EAAM,OAAO,UAAU;AAEjD,SAAA;AAAA;AAAA,oBAEWE,IAAcF,EAAM,OAAO,UAAUI,CAAO;AAAA;AAAA,wBAExCJ,EAAM,OAAO,OAAO;AAAA;AAAA;AAG5C,CAAC,GAEYK,IAAWP,EAAO;AAAA;AAAA;AAAA,GAKlBQ,IAAoBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnCQ,IAAeT,EAAOC,CAAQ;AAAA,0BACjB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;"}

package/dist/features/auth/signup/custom-input-field/country-selector/country-selector.js

@@ -1,26 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { memo as s, useState as u, useCallback as l } from "react";
-import f from "../../../../ui/context-menu/context-menu.js";
-import c from "../../../../ui/layout/flex-view.js";
-import C from "./country-code-button.js";
-import d from "./country-list-menu.js";
-const p = ({ value: e, onChange: o }) => {
-  const [n, r] = u(!1), i = l((m) => {
-    r(m);
-  }, []);
-  return !e || !o ? null : /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-    f,
-    {
-      startLeft: !0,
-      targetElement: /* @__PURE__ */ t(C, { value: e == null ? void 0 : e.code, menuVisible: n }),
-      menuElement: /* @__PURE__ */ t(d, { onChange: o, selectedCountry: e, menuVisible: n }),
-      menuOffset: 5,
-      menuZIndex: 1,
-      onMenuVisibilityChange: i
-    }
-  ) });
-}, h = s(p);
-export {
-  h as default
-};
-//# sourceMappingURL=country-selector.js.map

package/dist/features/auth/signup/custom-input-field/country-selector/country-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"country-selector.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-selector.tsx"],"sourcesContent":["import type { IPhoneCountrySelectorProps } from './country-selector-types';\n\nimport { useCallback, useState, type FC, memo } from 'react';\n\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport CountryCodeButton from './country-code-button';\nimport CountryListMenu from './country-list-menu';\n\nconst PhoneCountrySelector: FC<IPhoneCountrySelectorProps> = ({ value, onChange }) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const handleMenuVisibility = useCallback((visible: boolean) => {\n    setMenuVisible(visible);\n  }, []);\n\n  if (!value || !onChange) return null;\n\n  return (\n    <FlexView>\n      <ContextMenu\n        startLeft\n        targetElement={<CountryCodeButton value={value?.code} menuVisible={menuVisible} />}\n        menuElement={\n          <CountryListMenu onChange={onChange} selectedCountry={value} menuVisible={menuVisible} />\n        }\n        menuOffset={5}\n        menuZIndex={1}\n        onMenuVisibilityChange={handleMenuVisibility}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PhoneCountrySelector);\n"],"names":["PhoneCountrySelector","value","onChange","menuVisible","setMenuVisible","useState","handleMenuVisibility","useCallback","visible","FlexView","jsx","ContextMenu","CountryCodeButton","CountryListMenu","PhoneCountrySelector$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAuD,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AACpF,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAuBC,EAAY,CAACC,MAAqB;AAC7D,IAAAJ,EAAeI,CAAO;AAAA,EACxB,GAAG,CAAE,CAAA;AAEL,SAAI,CAACP,KAAS,CAACC,IAAiB,yBAG7BO,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,eAAgB,gBAAAD,EAAAE,GAAA,EAAkB,OAAOX,KAAA,gBAAAA,EAAO,MAAM,aAAAE,GAA0B;AAAA,MAChF,aACG,gBAAAO,EAAAG,GAAA,EAAgB,UAAAX,GAAoB,iBAAiBD,GAAO,aAAAE,GAA0B;AAAA,MAEzF,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,wBAAwBG;AAAA,IAAA;AAAA,EAE5B,EAAA,CAAA;AAEJ,GAEeQ,IAAAC,EAAKf,CAAoB;"}

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

@@ -1,30 +0,0 @@
-import o from "styled-components";
-const e = o.input`
-  width: 100%;
-  max-width: 330px;
-  padding: 0;
-  line-height: 40px;
-  text-transform: ${({ textTransform: t }) => t || "none"};
-  border: none;
-  outline: none;
-  background-color: transparent;
-  font-size: ${({ fontSize: t }) => t}px;
-  text-align: ${({ align: t }) => t};
-  caret-color: ${({ theme: t }) => t.colors.WHITE};
-  color: ${({ theme: t }) => t.colors.WHITE};
-  font-family: 'Athletics-Light';
-  color: ${({ color: t }) => t};
-  transition: all 0.3s ease;
-  &::placeholder {
-    font-family: 'Athletics-Light';
-    font-size: 32px;
-  }
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-`;
-export {
-  e as CustomInput
-};
-//# sourceMappingURL=custom-input-field-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"custom-input-field-styled.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const CustomInput = styled.input<{\n  color: string;\n  align?: string;\n  textTransform?: string;\n  fontSize?: number;\n}>`\n  width: 100%;\n  max-width: 330px;\n  padding: 0;\n  line-height: 40px;\n  text-transform: ${({ textTransform }) => textTransform || 'none'};\n  border: none;\n  outline: none;\n  background-color: transparent;\n  font-size: ${({ fontSize }) => fontSize}px;\n  text-align: ${({ align }) => align};\n  caret-color: ${({ theme }) => theme.colors.WHITE};\n  color: ${({ theme }) => theme.colors.WHITE};\n  font-family: 'Athletics-Light';\n  color: ${({ color }) => color};\n  transition: all 0.3s ease;\n  &::placeholder {\n    font-family: 'Athletics-Light';\n    font-size: 32px;\n  }\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n"],"names":["CustomInput","styled","textTransform","fontSize","align","theme","color"],"mappings":";AAEO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oBAUd,CAAC,EAAE,eAAAC,QAAoBA,KAAiB,MAAM;AAAA;AAAA;AAAA;AAAA,eAInD,CAAC,EAAE,UAAAC,EAAS,MAAMA,CAAQ;AAAA,gBACzB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,iBACnB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,WACvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,WAEjC,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,100 +0,0 @@
-import { jsx as c, jsxs as y } from "react/jsx-runtime";
-import { memo as A, useState as g, useRef as C, useCallback as a, useMemo as I, useEffect as T } from "react";
-import { useTheme as H } from "styled-components";
-import L from "../../../ui/layout/flex-view.js";
-import M from "./country-selector/country-selector.js";
-import { CustomInput as N } from "./custom-input-field-styled.js";
-import X from "./input-wrapper/input-wrapper.js";
-import _ from "./password-toggle/password-toggle.js";
-const q = ({
-  value: o,
-  onChange: m,
-  error: u,
-  helperText: W,
-  onEnter: n,
-  isLoading: b,
-  isValid: p,
-  type: e = "text",
-  placeholder: F,
-  actionElement: R,
-  maxLength: $,
-  width: D,
-  textTransform: P,
-  textAlign: S = "center",
-  selectedCountry: V,
-  onCountryChange: j,
-  autoSize: d = !1
-}) => {
-  const r = H(), [l, k] = g(!1), [z, h] = g(32), f = C(null), s = C(null), E = a(
-    (t) => {
-      t.key === "Enter" && (n == null || n());
-    },
-    [n]
-  ), G = I(() => e === "password" ? l ? "text" : "password" : e === "phone" ? "number" : e, [e, l]), K = I(() => u ? r.colors.RED : p ? r.colors.GREEN_4 : r.colors.WHITE, [u, p, r.colors]), x = a((t, w) => {
-    s.current || (s.current = document.createElement("canvas"));
-    const i = s.current.getContext("2d");
-    return i ? (i.font = w, i.measureText(t).width) : 0;
-  }, []);
-  T(() => {
-    if (!f.current || !o || !d)
-      return;
-    const t = f.current.clientWidth;
-    x(o, "32px 'Athletics-Light'") > t ? h(24) : h(32);
-  }, [o, x, d]), T(() => () => {
-    s.current = null;
-  }, []);
-  const v = a(
-    (t) => m(t.target.value),
-    [m]
-  );
-  return /* @__PURE__ */ c(
-    X,
-    {
-      helperText: u || W,
-      isLoading: b,
-      actionElement: R,
-      children: /* @__PURE__ */ y(
-        L,
-        {
-          $width: D ?? "100%",
-          $flex: 1,
-          $alignItems: "center",
-          $flexDirection: "row",
-          $flexGapX: 0.5,
-          children: [
-            e === "phone" && /* @__PURE__ */ c(M, { onChange: j, value: V }),
-            /* @__PURE__ */ c(
-              N,
-              {
-                ref: f,
-                value: o,
-                onChange: v,
-                autoFocus: !0,
-                placeholder: F,
-                color: K,
-                autoCapitalize: "none",
-                textTransform: P,
-                type: G,
-                onKeyDown: E,
-                maxLength: $,
-                align: S,
-                fontSize: z
-              }
-            ),
-            e === "password" && /* @__PURE__ */ c(
-              _,
-              {
-                isVisible: l,
-                onToggle: () => k((t) => !t)
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}, et = A(q);
-export {
-  et as default
-};
-//# sourceMappingURL=custom-input-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  memo,\n  type FC,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n  value,\n  onChange,\n  error,\n  helperText,\n  onEnter,\n  isLoading,\n  isValid,\n  type = 'text',\n  placeholder,\n  actionElement,\n  maxLength,\n  width,\n  textTransform,\n  textAlign = 'center',\n  selectedCountry,\n  onCountryChange,\n  autoSize = false,\n}) => {\n  const theme = useTheme();\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n  const [fontSize, setFontSize] = useState(32);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const inputType = useMemo(() => {\n    if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n    if (type === 'phone') return 'number';\n\n    return type;\n  }, [type, isPasswordVisible]);\n\n  const inputColor = useMemo(() => {\n    if (error) return theme.colors.RED;\n\n    if (isValid) return theme.colors.GREEN_4;\n\n    return theme.colors.WHITE;\n  }, [error, isValid, theme.colors]);\n\n  const measureTextWidth = useCallback((text: string, font: string): number => {\n    if (!canvasRef.current) {\n      canvasRef.current = document.createElement('canvas');\n    }\n\n    const context = canvasRef.current.getContext('2d');\n\n    if (!context) return 0;\n\n    context.font = font;\n\n    return context.measureText(text).width;\n  }, []);\n\n  useEffect(() => {\n    if (!inputRef.current || !value || !autoSize) {\n      return;\n    }\n\n    const inputWidth = inputRef.current.clientWidth;\n\n    const font32 = \"32px 'Athletics-Light'\";\n\n    const textWidth32 = measureTextWidth(value, font32);\n\n    if (textWidth32 > inputWidth) {\n      setFontSize(24);\n    } else {\n      setFontSize(32);\n    }\n  }, [value, measureTextWidth, autoSize]);\n\n  useEffect(() => {\n    return () => {\n      canvasRef.current = null;\n    };\n  }, []);\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => onChange(event.target.value),\n    [onChange],\n  );\n\n  return (\n    <InputWrapper\n      helperText={error || helperText}\n      isLoading={isLoading}\n      actionElement={actionElement}\n    >\n      <FlexView\n        $width={width ?? '100%'}\n        $flex={1}\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n      >\n        {type === 'phone' && (\n          <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n        )}\n        <Styled.CustomInput\n          ref={inputRef}\n          value={value}\n          onChange={handleChange}\n          autoFocus\n          placeholder={placeholder}\n          color={inputColor}\n          autoCapitalize=\"none\"\n          textTransform={textTransform}\n          type={inputType}\n          onKeyDown={handleKeyDown}\n          maxLength={maxLength}\n          align={textAlign}\n          fontSize={fontSize}\n        />\n        {type === 'password' && (\n          <PasswordToggleIcon\n            isVisible={isPasswordVisible}\n            onToggle={() => setIsPasswordVisible(prev => !prev)}\n          />\n        )}\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","handleChange","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":";;;;;;;;AAqBA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAMC,IAAQC,KACR,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAC1D,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAE,GACrCG,IAAWC,EAAyB,IAAI,GACxCC,IAAYD,EAAiC,IAAI,GAEjDE,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNzB,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJ0B,IAAYC,EAAQ,MACpBxB,MAAS,aAAmBY,IAAoB,SAAS,aAEzDZ,MAAS,UAAgB,WAEtBA,GACN,CAACA,GAAMY,CAAiB,CAAC,GAEtBa,IAAaD,EAAQ,MACrB7B,IAAce,EAAM,OAAO,MAE3BX,IAAgBW,EAAM,OAAO,UAE1BA,EAAM,OAAO,OACnB,CAACf,GAAOI,GAASW,EAAM,MAAM,CAAC,GAE3BgB,IAAmBL,EAAY,CAACM,GAAcC,MAAyB;AACvE,IAACT,EAAU,YACHA,EAAA,UAAU,SAAS,cAAc,QAAQ;AAGrD,UAAMU,IAAUV,EAAU,QAAQ,WAAW,IAAI;AAE7C,WAACU,KAELA,EAAQ,OAAOD,GAERC,EAAQ,YAAYF,CAAI,EAAE,SAJZ;AAAA,EAKvB,GAAG,CAAE,CAAA;AAEL,EAAAG,EAAU,MAAM;AACd,QAAI,CAACb,EAAS,WAAW,CAACxB,KAAS,CAACgB;AAClC;AAGI,UAAAsB,IAAad,EAAS,QAAQ;AAMpC,IAFoBS,EAAiBjC,GAFtB,wBAEmC,IAEhCsC,IAChBf,EAAY,EAAE,IAEdA,EAAY,EAAE;AAAA,EAEf,GAAA,CAACvB,GAAOiC,GAAkBjB,CAAQ,CAAC,GAEtCqB,EAAU,MACD,MAAM;AACX,IAAAX,EAAU,UAAU;AAAA,EAAA,GAErB,CAAE,CAAA;AAEL,QAAMa,IAAeX;AAAA,IACnB,CAACC,MAAyC5B,EAAS4B,EAAM,OAAO,KAAK;AAAA,IACrE,CAAC5B,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAuC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYvC,KAASC;AAAA,MACrB,WAAAE;AAAA,MACA,eAAAI;AAAA,MAEA,UAAA,gBAAAiC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,QAAQhC,KAAS;AAAA,UACjB,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,UACf,WAAW;AAAA,UAEV,UAAA;AAAA,YAAAJ,MAAS,WACP,gBAAAiC,EAAAI,GAAA,EAAqB,UAAU7B,GAAiB,OAAOD,GAAiB;AAAA,YAE3E,gBAAA0B;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,KAAKrB;AAAA,gBACL,OAAAxB;AAAA,gBACA,UAAUuC;AAAA,gBACV,WAAS;AAAA,gBACT,aAAA/B;AAAA,gBACA,OAAOwB;AAAA,gBACP,gBAAe;AAAA,gBACf,eAAApB;AAAA,gBACA,MAAMkB;AAAA,gBACN,WAAWH;AAAA,gBACX,WAAAjB;AAAA,gBACA,OAAOG;AAAA,gBACP,UAAAS;AAAA,cAAA;AAAA,YACF;AAAA,YACCf,MAAS,cACR,gBAAAiC;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,WAAW3B;AAAA,gBACX,UAAU,MAAMC,EAAqB,CAAA2B,MAAQ,CAACA,CAAI;AAAA,cAAA;AAAA,YACpD;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,KAAAC,EAAKlD,CAAgB;"}

package/dist/features/auth/signup/custom-input-field/date-picker-input/date-picker-input-styled.js

@@ -1,88 +0,0 @@
-import r from "styled-components";
-const a = r.div`
-  .react-datepicker {
-    font-family: UntitledSans-Medium;
-    font-size: 14px;
-    background-color: ${({ theme: e }) => e.colors.BLACK_3};
-    border: 1px solid ${({ theme: e }) => e.colors.BLACK_5};
-    padding: 16px;
-    border-radius: 8px;
-    transition: all 0.3s ease-in-out;
-  }
-  .react-datepicker-popper {
-    z-index: 1;
-  }
-  .react-datepicker__aria-live {
-    display: none;
-  }
-  .react-datepicker__header {
-    color: ${({ theme: e }) => e.colors.WHITE};
-    text-align: center;
-  }
-
-  .react-datepicker__month-wrapper {
-    display: flex;
-  }
-  .react-datepicker__month-text {
-    color: ${({ theme: e }) => e.colors.WHITE_T_38};
-    cursor: pointer;
-    padding: 8px;
-    border-radius: 4px;
-    &:hover {
-      color: ${({ theme: e }) => e.colors.WHITE};
-    }
-  }
-  .react-datepicker__month-text--disabled {
-    color: ${({ theme: e }) => e.colors.WHITE_T_10};
-    cursor: not-allowed;
-    &:hover {
-      color: ${({ theme: e }) => e.colors.WHITE_T_10};
-    }
-  }
-  .react-datepicker__month-text--selected {
-    color: ${({ theme: e }) => e.colors.WHITE};
-  }
-
-  .react-datepicker__navigation--previous {
-    background: url('/path/to/your/custom-left-arrow.svg') no-repeat center;
-    width: 20px;
-    height: 20px;
-    border: none;
-    background-size: contain;
-  }
-
-  .react-datepicker__navigation--next {
-    background: url('/path/to/your/custom-right-arrow.svg') no-repeat center;
-    width: 20px;
-    height: 20px;
-    border: none;
-    background-size: contain;
-  }
-
-  .react-datepicker__navigation-icon::before {
-    content: none;
-  }
-
-  .react-datepicker__input-container input {
-    max-width: 320px;
-    padding: 0;
-    line-height: 40px;
-    border: none;
-    outline: none;
-    background-color: transparent;
-    font-size: 32px;
-    text-align: center;
-    caret-color: ${({ theme: e }) => e.colors.WHITE};
-    color: ${({ theme: e, color: o }) => o || e.colors.WHITE};
-    font-family: 'Athletics-Light';
-
-    &::placeholder {
-      font-family: 'Athletics-Light';
-      font-size: 32px;
-    }
-  }
-`;
-export {
-  a as StyledDatePickerWrapper
-};
-//# sourceMappingURL=date-picker-input-styled.js.map

package/dist/features/auth/signup/custom-input-field/date-picker-input/date-picker-input-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-input-styled.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/date-picker-input/date-picker-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledDatePickerWrapper = styled.div`\n  .react-datepicker {\n    font-family: UntitledSans-Medium;\n    font-size: 14px;\n    background-color: ${({ theme }) => theme.colors.BLACK_3};\n    border: 1px solid ${({ theme }) => theme.colors.BLACK_5};\n    padding: 16px;\n    border-radius: 8px;\n    transition: all 0.3s ease-in-out;\n  }\n  .react-datepicker-popper {\n    z-index: 1;\n  }\n  .react-datepicker__aria-live {\n    display: none;\n  }\n  .react-datepicker__header {\n    color: ${({ theme }) => theme.colors.WHITE};\n    text-align: center;\n  }\n\n  .react-datepicker__month-wrapper {\n    display: flex;\n  }\n  .react-datepicker__month-text {\n    color: ${({ theme }) => theme.colors.WHITE_T_38};\n    cursor: pointer;\n    padding: 8px;\n    border-radius: 4px;\n    &:hover {\n      color: ${({ theme }) => theme.colors.WHITE};\n    }\n  }\n  .react-datepicker__month-text--disabled {\n    color: ${({ theme }) => theme.colors.WHITE_T_10};\n    cursor: not-allowed;\n    &:hover {\n      color: ${({ theme }) => theme.colors.WHITE_T_10};\n    }\n  }\n  .react-datepicker__month-text--selected {\n    color: ${({ theme }) => theme.colors.WHITE};\n  }\n\n  .react-datepicker__navigation--previous {\n    background: url('/path/to/your/custom-left-arrow.svg') no-repeat center;\n    width: 20px;\n    height: 20px;\n    border: none;\n    background-size: contain;\n  }\n\n  .react-datepicker__navigation--next {\n    background: url('/path/to/your/custom-right-arrow.svg') no-repeat center;\n    width: 20px;\n    height: 20px;\n    border: none;\n    background-size: contain;\n  }\n\n  .react-datepicker__navigation-icon::before {\n    content: none;\n  }\n\n  .react-datepicker__input-container input {\n    max-width: 320px;\n    padding: 0;\n    line-height: 40px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 32px;\n    text-align: center;\n    caret-color: ${({ theme }) => theme.colors.WHITE};\n    color: ${({ theme, color }) => color || theme.colors.WHITE};\n    font-family: 'Athletics-Light';\n\n    &::placeholder {\n      font-family: 'Athletics-Light';\n      font-size: 32px;\n    }\n  }\n`;\n"],"names":["StyledDatePickerWrapper","styled","theme","color"],"mappings":";AAEO,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA,wBAItB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,wBACnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAY9C,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQjC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,eAKpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,aAInC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,eAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAgC3B,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,aACvC,CAAC,EAAE,OAAAA,GAAO,OAAAC,EAAA,MAAYA,KAASD,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js

@@ -1,43 +0,0 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { memo as D, useCallback as l } from "react";
-import I from "../../../../../node_modules/react-datepicker/dist/index.es.js";
-import { useTheme as T } from "styled-components";
-import Y from "../../../../../assets/line-icons/icons/left.js";
-import x from "../../../../../assets/line-icons/icons/right.js";
-import i from "../../../../ui/buttons/clickable/clickable.js";
-import k from "../../../../ui/layout/flex-view.js";
-import w from "../../../../ui/text/text.js";
-import y from "../input-wrapper/input-wrapper.js";
-import { StyledDatePickerWrapper as C } from "./date-picker-input-styled.js";
-import { subYears as c } from "../../../../../node_modules/date-fns/subYears.js";
-const H = ({ value: s, onChange: t, error: m }) => {
-  const r = T(), d = l((o) => t(o), [t]), p = l(
-    (o) => {
-      const { date: f, decreaseYear: h, increaseYear: u, prevYearButtonDisabled: a, nextYearButtonDisabled: n } = o;
-      return /* @__PURE__ */ b(k, { $alignItems: "center", $flexDirection: "row", $justifyContent: "space-between", children: [
-        /* @__PURE__ */ e(i, { onClick: h, label: "increase-year", disabled: a, children: /* @__PURE__ */ e(Y, { color: r.colors[a ? "WHITE_T_10" : "WHITE"] }) }),
-        /* @__PURE__ */ e(w, { $renderAs: "ub2-bold", $color: "WHITE", children: f.getFullYear() }),
-        /* @__PURE__ */ e(i, { onClick: u, label: "decrease-year", disabled: n, children: /* @__PURE__ */ e(x, { color: r.colors[n ? "WHITE_T_10" : "WHITE"] }) })
-      ] });
-    },
-    [r.colors]
-  );
-  return /* @__PURE__ */ e(y, { helperText: m, children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-    I,
-    {
-      selected: s,
-      showMonthYearPicker: !0,
-      showPopperArrow: !1,
-      dateFormat: "MM/yyyy",
-      placeholderText: "MM / YYYY",
-      onChange: d,
-      minDate: c(/* @__PURE__ */ new Date(), 22),
-      maxDate: c(/* @__PURE__ */ new Date(), 2),
-      renderCustomHeader: p
-    }
-  ) }) });
-}, L = D(H);
-export {
-  L as default
-};
-//# sourceMappingURL=date-picker-input.js.map

package/dist/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-input.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.tsx"],"sourcesContent":["import type { IDatePickerInputProps } from './date-picker-input-types';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\n\nimport { subYears } from 'date-fns';\nimport { type FC, memo, useCallback } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { useTheme } from 'styled-components';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport InputWrapper from '../input-wrapper/input-wrapper';\nimport * as Styled from './date-picker-input-styled';\n\nconst DatePickerInput: FC<IDatePickerInputProps> = ({ value, onChange, error }) => {\n  const theme = useTheme();\n\n  const handleChangeDate = useCallback((date: Date | null) => onChange(date), [onChange]);\n\n  const renderHeader = useCallback(\n    (props: ReactDatePickerCustomHeaderProps) => {\n      const { date, decreaseYear, increaseYear, prevYearButtonDisabled, nextYearButtonDisabled } =\n        props;\n\n      return (\n        <FlexView $alignItems=\"center\" $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <Clickable onClick={decreaseYear} label=\"increase-year\" disabled={prevYearButtonDisabled}>\n            <LeftIcon color={theme.colors[prevYearButtonDisabled ? 'WHITE_T_10' : 'WHITE']} />\n          </Clickable>\n          <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n            {date.getFullYear()}\n          </Text>\n          <Clickable onClick={increaseYear} label=\"decrease-year\" disabled={nextYearButtonDisabled}>\n            <RightIcon color={theme.colors[nextYearButtonDisabled ? 'WHITE_T_10' : 'WHITE']} />\n          </Clickable>\n        </FlexView>\n      );\n    },\n\n    [theme.colors],\n  );\n\n  return (\n    <InputWrapper helperText={error}>\n      <Styled.StyledDatePickerWrapper>\n        <DatePicker\n          selected={value}\n          showMonthYearPicker\n          showPopperArrow={false}\n          dateFormat=\"MM/yyyy\"\n          placeholderText=\"MM / YYYY\"\n          onChange={handleChangeDate}\n          minDate={subYears(new Date(), 22)}\n          maxDate={subYears(new Date(), 2)}\n          renderCustomHeader={renderHeader}\n        />\n      </Styled.StyledDatePickerWrapper>\n    </InputWrapper>\n  );\n};\n\nexport default memo(DatePickerInput);\n"],"names":["DatePickerInput","value","onChange","error","theme","useTheme","handleChangeDate","useCallback","date","renderHeader","props","decreaseYear","increaseYear","prevYearButtonDisabled","nextYearButtonDisabled","FlexView","jsx","Clickable","LeftIcon","Text","RightIcon","InputWrapper","Styled.StyledDatePickerWrapper","DatePicker","subYears","datePickerInput","memo"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAAY;AACjF,QAAMC,IAAQC,KAERC,IAAmBC,EAAY,CAACC,MAAsBN,EAASM,CAAI,GAAG,CAACN,CAAQ,CAAC,GAEhFO,IAAeF;AAAA,IACnB,CAACG,MAA4C;AAC3C,YAAM,EAAE,MAAAF,GAAM,cAAAG,GAAc,cAAAC,GAAc,wBAAAC,GAAwB,wBAAAC,EAChE,IAAAJ;AAEF,+BACGK,GAAS,EAAA,aAAY,UAAS,gBAAe,OAAM,iBAAgB,iBAClE,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAU,SAASN,GAAc,OAAM,iBAAgB,UAAUE,GAChE,UAAA,gBAAAG,EAACE,GAAS,EAAA,OAAOd,EAAM,OAAOS,IAAyB,eAAe,OAAO,EAAG,CAAA,GAClF;AAAA,QACA,gBAAAG,EAACG,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAX,EAAK,eACR;AAAA,0BACCS,GAAU,EAAA,SAASL,GAAc,OAAM,iBAAgB,UAAUE,GAChE,UAAC,gBAAAE,EAAAI,GAAA,EAAU,OAAOhB,EAAM,OAAOU,IAAyB,eAAe,OAAO,EAAG,CAAA,GACnF;AAAA,MACF,EAAA,CAAA;AAAA,IAEJ;AAAA,IAEA,CAACV,EAAM,MAAM;AAAA,EAAA;AAGf,2BACGiB,GAAa,EAAA,YAAYlB,GACxB,UAAC,gBAAAa,EAAAM,GAAA,EACC,UAAA,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,UAAUtB;AAAA,MACV,qBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,iBAAgB;AAAA,MAChB,UAAUK;AAAA,MACV,SAASkB,EAAa,oBAAA,KAAA,GAAQ,EAAE;AAAA,MAChC,SAASA,EAAa,oBAAA,KAAA,GAAQ,CAAC;AAAA,MAC/B,oBAAoBf;AAAA,IAAA;AAAA,EAAA,EAExB,CAAA,EACF,CAAA;AAEJ,GAEegB,IAAAC,EAAK1B,CAAe;"}

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

@@ -1,31 +0,0 @@
-import c from "styled-components";
-import s from "../../../../ui/layout/flex-view.js";
-const p = c(s)`
-  max-width: 264px;
-`, x = c(s)(({ selected: r, theme: o }) => {
-  const t = o.colors[r ? "WHITE" : "REAL_BLACK"], l = o.colors[r ? "REAL_BLACK" : "WHITE_T_38"], n = o.colors.WHITE, d = o.colors.REAL_BLACK, i = o.colors.WHITE;
-  return `
-      cursor: pointer;
-      transition: all 0.3s ease;
-      background-color: ${t};
-      border-width: 2px;
-
-      > div {
-        color: ${l};
-      }
-
-      &:hover {
-        background-color: ${n};
-        border-color: ${i};
-
-        > div {
-          color: ${d};
-        }
-      }
-    `;
-});
-export {
-  x as GradeItem,
-  p as GradeListWrapper
-};
-//# sourceMappingURL=grade-input-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grade-input-styled.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/grade-input/grade-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const GradeListWrapper = styled(FlexView)`\n  max-width: 264px;\n`;\n\nexport const GradeItem = styled(FlexView)<{ selected: boolean }>(({ selected, theme }) => {\n  const bgColor = theme.colors[selected ? 'WHITE' : 'REAL_BLACK'];\n  const textColor = theme.colors[selected ? 'REAL_BLACK' : 'WHITE_T_38'];\n  const hoverBg = theme.colors.WHITE;\n  const hoverText = theme.colors.REAL_BLACK;\n  const hoverBorder = theme.colors.WHITE;\n\n  return `\n      cursor: pointer;\n      transition: all 0.3s ease;\n      background-color: ${bgColor};\n      border-width: 2px;\n\n      > div {\n        color: ${textColor};\n      }\n\n      &:hover {\n        background-color: ${hoverBg};\n        border-color: ${hoverBorder};\n\n        > div {\n          color: ${hoverText};\n        }\n      }\n    `;\n});\n"],"names":["GradeListWrapper","styled","FlexView","GradeItem","selected","theme","bgColor","textColor","hoverBg","hoverText","hoverBorder"],"mappings":";;AAIa,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAIlCC,IAAYF,EAAOC,CAAQ,EAAyB,CAAC,EAAE,UAAAE,GAAU,OAAAC,QAAY;AACxF,QAAMC,IAAUD,EAAM,OAAOD,IAAW,UAAU,YAAY,GACxDG,IAAYF,EAAM,OAAOD,IAAW,eAAe,YAAY,GAC/DI,IAAUH,EAAM,OAAO,OACvBI,IAAYJ,EAAM,OAAO,YACzBK,IAAcL,EAAM,OAAO;AAE1B,SAAA;AAAA;AAAA;AAAA,0BAGiBC,CAAO;AAAA;AAAA;AAAA;AAAA,iBAIhBC,CAAS;AAAA;AAAA;AAAA;AAAA,4BAIEC,CAAO;AAAA,wBACXE,CAAW;AAAA;AAAA;AAAA,mBAGhBD,CAAS;AAAA;AAAA;AAAA;AAI5B,CAAC;"}

package/dist/features/auth/signup/custom-input-field/grade-input/grade-input.js

@@ -1,31 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { memo as m } from "react";
-import p from "../../../../ui/text/text.js";
-import { STUDENT_GRADE_OPTIONS as a } from "../../signup-constants.js";
-import c from "../input-wrapper/input-wrapper.js";
-import { GradeListWrapper as $, GradeItem as l } from "./grade-input-styled.js";
-const s = ({ value: n, onChange: o, error: i }) => /* @__PURE__ */ r(c, { helperText: i, children: /* @__PURE__ */ r($, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1, children: [...a].map(({ label: d, value: e }) => {
-  const t = e === n;
-  return /* @__PURE__ */ r(
-    l,
-    {
-      selected: t,
-      onClick: () => o(e),
-      $borderRadius: 48,
-      $gutter: 13,
-      $gap: 6,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: t ? "WHITE" : "REAL_BLACK",
-      $borderColor: t ? "WHITE" : "BLACK_5",
-      $width: e === "-1" ? 96 : 40,
-      $height: 40,
-      children: /* @__PURE__ */ r(p, { $align: "center", $renderAs: "ab1", children: d })
-    },
-    e
-  );
-}) }) }), T = m(s);
-export {
-  T as default
-};
-//# sourceMappingURL=grade-input.js.map