@cuemath/leap 2.9.12-j2 → 3.0.1-as1

package/dist/features/auth/login/social-account-not-found/social-account-not-found.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"social-account-not-found.js","sources":["../../../../../src/features/auth/login/social-account-not-found/social-account-not-found.tsx"],"sourcesContent":["import type { ISocialAccountNotFoundProps } from './social-account-not-found-types';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\n\nconst SocialAccountNotFound = ({ onRetryLogin, onGoToSignup }: ISocialAccountNotFoundProps) => {\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n      <Button\n        size=\"small\"\n        renderAs=\"secondary-dark\"\n        label=\"Create a new account\"\n        width={232}\n        onClick={onGoToSignup}\n      />\n      <Separator heightX={1} />\n      <Button\n        size=\"small\"\n        renderAs=\"secondary-dark\"\n        label=\"Try another Login method\"\n        width={232}\n        onClick={onRetryLogin}\n      />\n    </FlexView>\n  );\n};\n\nexport default SocialAccountNotFound;\n"],"names":["SocialAccountNotFound","onRetryLogin","onGoToSignup","jsxs","FlexView","jsx","Button","Separator","SocialAccountNotFound$1"],"mappings":";;;;AAMA,MAAMA,IAAwB,CAAC,EAAE,cAAAC,GAAc,cAAAC,QAE1C,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,OAAM;AAAA,MACN,OAAO;AAAA,MACP,SAASJ;AAAA,IAAA;AAAA,EACX;AAAA,EACA,gBAAAG,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAF;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,OAAM;AAAA,MACN,OAAO;AAAA,MACP,SAASL;AAAA,IAAA;AAAA,EACX;AACF,EAAA,CAAA,GAIJO,IAAeR;"}

package/dist/features/auth/login/social-login-methods/social-login-methods.js

@@ -1,46 +0,0 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import r from "../../../../assets/line-icons/icons/apple-icon.js";
-import c from "../../../../assets/line-icons/icons/google-icon.js";
-import n from "../../../ui/buttons/button/button.js";
-import d from "../../../ui/layout/flex-view.js";
-const p = ({
-  onGoogleLogin: s,
-  onAppleLogin: t,
-  loadingProvider: o
-}) => {
-  const e = o === "google", l = o === "apple";
-  return /* @__PURE__ */ a(d, { $flexGapX: 1, $flexDirection: "row", $justifyContent: "space-between", $width: 336, children: [
-    /* @__PURE__ */ i(
-      n,
-      {
-        renderAs: "secondary-dark",
-        Icon: c,
-        width: 160,
-        label: "",
-        analyticsLabel: "google_login",
-        onClick: s,
-        size: "small",
-        busy: e,
-        disabled: e
-      }
-    ),
-    /* @__PURE__ */ i(
-      n,
-      {
-        renderAs: "secondary-dark",
-        size: "small",
-        width: 160,
-        Icon: r,
-        label: "",
-        analyticsLabel: "apple_login",
-        onClick: t,
-        busy: l,
-        disabled: l
-      }
-    )
-  ] });
-}, h = p;
-export {
-  h as default
-};
-//# sourceMappingURL=social-login-methods.js.map

package/dist/features/auth/login/social-login-methods/social-login-methods.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"social-login-methods.js","sources":["../../../../../src/features/auth/login/social-login-methods/social-login-methods.tsx"],"sourcesContent":["import type { ISocialLoginMethodsProps } from './social-login-methods-types';\nimport type { FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst SocialLoginMethods: FC<ISocialLoginMethodsProps> = ({\n  onGoogleLogin,\n  onAppleLogin,\n  loadingProvider,\n}) => {\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $flexGapX={1} $flexDirection=\"row\" $justifyContent=\"space-between\" $width={336}>\n      <Button\n        renderAs=\"secondary-dark\"\n        Icon={GoogleIcon}\n        width={160}\n        label=\"\"\n        analyticsLabel=\"google_login\"\n        onClick={onGoogleLogin}\n        size=\"small\"\n        busy={isLoadingGoogle}\n        disabled={isLoadingGoogle}\n      />\n      <Button\n        renderAs=\"secondary-dark\"\n        size=\"small\"\n        width={160}\n        Icon={AppleIcon}\n        label=\"\"\n        analyticsLabel=\"apple_login\"\n        onClick={onAppleLogin}\n        busy={isLoadingApple}\n        disabled={isLoadingApple}\n      />\n    </FlexView>\n  );\n};\n\nexport default SocialLoginMethods;\n"],"names":["SocialLoginMethods","onGoogleLogin","onAppleLogin","loadingProvider","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Button","GoogleIcon","AppleIcon","SocialLoginMethods$1"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBD,MAAoB,UACtCE,IAAiBF,MAAoB;AAGzC,SAAA,gBAAAG,EAACC,KAAS,WAAW,GAAG,gBAAe,OAAM,iBAAgB,iBAAgB,QAAQ,KACnF,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,OAAO;AAAA,QACP,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,SAAST;AAAA,QACT,MAAK;AAAA,QACL,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAME;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,SAAST;AAAA,QACT,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAO,IAAeZ;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js

@@ -1,50 +0,0 @@
-import o from "styled-components";
-import i from "../../../ui/layout/flex-view.js";
-const n = o(i)`
-  position: relative;
-`, s = o(i)`
-  position: absolute;
-  border-radius: 100%;
-  top: 216px;
-  border: ${({ theme: t }) => `2px solid ${t.colors.BLACK_5}`};
-`, p = o(i)`
-  opacity: ${({ $isVisible: t }) => t ? 1 : 0};
-  transition: opacity 0.5s ease-in-out;
-`, a = o.div`
-  position: relative;
-`;
-o(i)`
-  position: relative;
-  overflow: hidden;
-  background: ${({ theme: t }) => t.colors.BLACK_2};
-  border-radius: 100%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${({ theme: t }) => t.colors.WHITE};
-`;
-o.div`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-`;
-const l = o(i)`
-  position: absolute;
-  top: 55%;
-  right: 24px;
-`, c = o(i)`
-  position: absolute;
-  top: 55%;
-  left: 24px;
-`;
-export {
-  s as CircularStepContainer,
-  n as Container,
-  p as ContentWrapper,
-  a as InputContainer,
-  l as NextButtonWrapper,
-  c as PrevButtonWrapper
-};
-//# sourceMappingURL=circular-step-wrapper-styled.js.map

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)`\n  position: absolute;\n  border-radius: 100%;\n  top: 216px;\n  border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isVisible: boolean }>`\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.5s ease-in-out;\n`;\n\nconst InputContainer = styled.div`\n  position: relative;\n`;\n\nconst CircularProgressContainer = styled(FlexView)<{\n  isVerticallyCentered?: boolean;\n}>`\n  position: relative;\n  overflow: hidden;\n  background: ${({ theme }) => theme.colors.BLACK_2};\n  border-radius: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => theme.colors.WHITE};\n`;\n\nexport const CircularProgress = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  right: 24px;\n`;\nconst PrevButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  left: 24px;\n`;\n\nexport {\n  NextButtonWrapper,\n  PrevButtonWrapper,\n  InputContainer,\n  Container,\n  CircularStepContainer,\n  CircularProgressContainer,\n  ContentWrapper,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","ContentWrapper","$isVisible","InputContainer","NextButtonWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGxDC,IAAiBJ,EAAOC,CAAQ;AAAA,aACzB,CAAC,EAAE,YAAAI,EAAA,MAAkBA,IAAa,IAAI,CAAE;AAAA;AAAA,GAI/CC,IAAiBN,EAAO;AAAA;AAAA;AAIIA,EAAOC,CAAQ;AAAA;AAAA;AAAA,gBAKjC,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAGZH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAO,IAAoBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAKnCO,IAAoBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js

@@ -1,129 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as v, useRef as f, useState as h, useCallback as k, useImperativeHandle as E, useLayoutEffect as H } from "react";
-import B from "../../../../assets/line-icons/icons/back2.js";
-import j from "../../../../assets/line-icons/icons/next2.js";
-import T from "../../../ui/animated-arc/animated-arc.js";
-import g from "../../../ui/buttons/icon-button/icon-button.js";
-import N from "../../../ui/layout/flex-view.js";
-import z from "../../../ui/lottie-animation/lottie-animation.js";
-import F from "../../../ui/separator/separator.js";
-import M from "../../../ui/text/text.js";
-import { Container as O, CircularStepContainer as P, ContentWrapper as V, InputContainer as X, PrevButtonWrapper as D, NextButtonWrapper as K } from "./circular-step-wrapper-styled.js";
-const Y = {
-  autoplay: !1,
-  loop: !1,
-  renderer: "canvas",
-  rendererSettings: {
-    preserveAspectRatio: "xMidYMin slice"
-  }
-}, _ = v(
-  ({
-    children: $,
-    onGoBack: C,
-    onNext: y,
-    label: i,
-    showNext: x,
-    showPrevious: I,
-    animation: n,
-    introFrames: A,
-    outroFrames: S,
-    isNextLoading: a,
-    progressAngle: c
-  }, w) => {
-    const t = f(null), o = f(null), [s, L] = h(), [R, l] = h(!1), W = k(() => {
-      n && t.current && (t.current.playSegments(A, !0), setTimeout(() => l(!0), 500));
-    }, [n]);
-    return E(w, () => ({
-      playOutroAndFadeOut: async () => new Promise((b) => {
-        var d, m;
-        const u = () => {
-          var p;
-          b(), (p = t.current) == null || p.removeEventListener("complete", u);
-        };
-        (d = t.current) == null || d.playSegments(S, !0), l(!1), (m = t.current) == null || m.addEventListener("complete", u);
-      })
-    })), H(() => {
-      o.current && L(o.current.offsetHeight);
-    }, []), /* @__PURE__ */ r(
-      O,
-      {
-        $flex: 1,
-        $flexDirection: "column",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $width: "100%",
-        $height: "100%",
-        ref: o,
-        children: [
-          s && /* @__PURE__ */ e(
-            z,
-            {
-              width: 1280,
-              height: s,
-              src: n,
-              ref: t,
-              onRender: W,
-              settings: Y
-            }
-          ),
-          /* @__PURE__ */ r(
-            P,
-            {
-              $width: 400,
-              $height: 400,
-              $background: "REAL_BLACK",
-              $alignItems: "center",
-              $justifyContent: "center",
-              children: [
-                c && /* @__PURE__ */ e(
-                  T,
-                  {
-                    radius: 200,
-                    strokeWidth: 2,
-                    color: "WHITE",
-                    targetAngle: c,
-                    mode: "fade",
-                    duration: 1
-                  }
-                ),
-                /* @__PURE__ */ r(V, { $isVisible: R, $width: "100%", children: [
-                  i ? /* @__PURE__ */ r(N, { $gutterX: 3.5, children: [
-                    /* @__PURE__ */ e(M, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: i }),
-                    /* @__PURE__ */ e(F, { heightX: 1 })
-                  ] }) : null,
-                  /* @__PURE__ */ e(X, { children: $ })
-                ] })
-              ]
-            }
-          ),
-          I && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-            g,
-            {
-              Icon: B,
-              renderAs: "secondary",
-              analyticsLabel: "Next",
-              onClick: C,
-              disabled: a,
-              size: "regular"
-            }
-          ) }),
-          x && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
-            g,
-            {
-              size: "regular",
-              Icon: j,
-              renderAs: "secondary",
-              analyticsLabel: "Next",
-              onClick: y,
-              busy: a
-            }
-          ) })
-        ]
-      }
-    );
-  }
-), ie = _;
-export {
-  ie as default
-};
-//# sourceMappingURL=circular-step-wrapper.js.map

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type Ref,\n} from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport AnimatedArc from '../../../ui/animated-arc/animated-arc';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n  rendererSettings: {\n    preserveAspectRatio: 'xMidYMin slice',\n  },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n  (\n    {\n      children,\n      onGoBack,\n      onNext,\n      label,\n      showNext,\n      showPrevious,\n      animation,\n      introFrames,\n      outroFrames,\n      isNextLoading,\n      progressAngle,\n    },\n    ref: Ref<ICircularStepRef>,\n  ) => {\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState<number | undefined>();\n    const [showContent, setShowContent] = useState(false);\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current) {\n        animationRef.current.playSegments(introFrames, true);\n        setTimeout(() => setShowContent(true), 500);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [animation]);\n\n    useImperativeHandle(ref, () => ({\n      playOutroAndFadeOut: async () => {\n        return new Promise<void>(resolve => {\n          const handleComplete = () => {\n            resolve();\n            animationRef.current?.removeEventListener('complete', handleComplete);\n          };\n\n          animationRef.current?.playSegments(outroFrames, true);\n          setShowContent(false);\n          animationRef.current?.addEventListener('complete', handleComplete);\n        });\n      },\n    }));\n\n    useLayoutEffect(() => {\n      if (containerRef.current) {\n        setContainerHeight(containerRef.current.offsetHeight);\n      }\n    }, []);\n\n    return (\n      <Styled.Container\n        $flex={1}\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n        ref={containerRef}\n      >\n        {containerHeight && (\n          <LottieAnimation\n            width={1280}\n            height={containerHeight}\n            src={animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={400}\n          $height={400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {progressAngle && (\n            <AnimatedArc\n              radius={200}\n              strokeWidth={2}\n              color=\"WHITE\"\n              targetAngle={progressAngle}\n              mode=\"fade\"\n              duration={1}\n            />\n          )}\n          <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n            {label ? (\n              <FlexView $gutterX={3.5}>\n                <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                  {label}\n                </Text>\n                <Separator heightX={1} />\n              </FlexView>\n            ) : null}\n            <Styled.InputContainer>{children}</Styled.InputContainer>\n          </Styled.ContentWrapper>\n        </Styled.CircularStepContainer>\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"regular\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"regular\"\n              Icon={Next2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default CircularStepWrapper;\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","onLottieRender","useCallback","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":"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"}

package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js

@@ -1,27 +0,0 @@
-import s from "styled-components";
-import i from "../../../ui/layout/flex-view.js";
-const d = s(i)`
-  max-width: 200px;
-  cursor: pointer;
-  transition: background-color 0.3s ease;
-  position: relative;
-  border-left: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
-  border-bottom: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
-
-  &:hover {
-    background-color: ${({ theme: o }) => o.colors.BLACK_2};
-  }
-
-  ${({ index: o, theme: r }) => o < 5 && `border-top: 1px solid ${r.colors.BLACK_5};`}
-
-  ${({ index: o, isLastItem: r, theme: e }) => ((o + 1) % 5 === 0 || r) && `border-right: 1px solid ${e.colors.BLACK_5};`}
-`, p = s.div`
-  display: inline-grid;
-  grid-template-columns: repeat(${({ itemCount: o }) => o < 5 ? o : 5}, 200px);
-  grid-auto-rows: 200px;
-`;
-export {
-  d as AccountCard,
-  p as UserAccountsWrapper
-};
-//# sourceMappingURL=claim-user-account-styled.js.map

package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"claim-user-account-styled.js","sources":["../../../../../src/features/auth/signup/claim-user-account/claim-user-account-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const AccountCard = styled(FlexView)<{ index: number; isLastItem: boolean }>`\n  max-width: 200px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  position: relative;\n  border-left: 1px solid ${({ theme }) => theme.colors.BLACK_5};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.BLACK_5};\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.BLACK_2};\n  }\n\n  ${({ index, theme }) => index < 5 && `border-top: 1px solid ${theme.colors.BLACK_5};`}\n\n  ${({ index, isLastItem, theme }) =>\n    ((index + 1) % 5 === 0 || isLastItem) && `border-right: 1px solid ${theme.colors.BLACK_5};`}\n`;\n\nexport const UserAccountsWrapper = styled.div<{ itemCount: number }>`\n  display: inline-grid;\n  grid-template-columns: repeat(${({ itemCount }) => (itemCount < 5 ? itemCount : 5)}, 200px);\n  grid-auto-rows: 200px;\n`;\n"],"names":["AccountCard","styled","FlexView","theme","index","isLastItem","UserAccountsWrapper","itemCount"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,6BACjC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,wBAGxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,IAGvD,CAAC,EAAE,OAAAC,GAAO,OAAAD,EAAM,MAAMC,IAAQ,KAAK,yBAAyBD,EAAM,OAAO,OAAO,GAAG;AAAA;AAAA,IAEnF,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,OAAAF,UACpBC,IAAQ,KAAK,MAAM,KAAKC,MAAe,2BAA2BF,EAAM,OAAO,OAAO,GAAG;AAAA,GAGlFG,IAAsBL,EAAO;AAAA;AAAA,kCAER,CAAC,EAAE,WAAAM,QAAiBA,IAAY,IAAIA,IAAY,CAAE;AAAA;AAAA;"}

package/dist/features/auth/signup/claim-user-account/claim-user-account.js

@@ -1,76 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { memo as f } from "react";
-import { ILLUSTRATIONS as u } from "../../../../assets/illustrations/illustrations.js";
-import g from "../../../ui/avatar/avatar.js";
-import I from "../../../ui/buttons/button/button.js";
-import A from "../../../ui/image/image.js";
-import n from "../../../ui/layout/flex-view.js";
-import t from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import C from "../../comps/overlay-loader/overlay-loader.js";
-import { UserAccountsWrapper as T, AccountCard as b } from "./claim-user-account-styled.js";
-const W = ({
-  email: m,
-  onSelectAccount: h,
-  userAccounts: i,
-  onCreateNewAccount: d,
-  isCreatingAccount: l,
-  isLoading: $
-}) => {
-  const c = i.length;
-  return /* @__PURE__ */ r(n, { $flex: 1, $alignItems: "center", $justifyContent: "center", $width: "100%", $height: "100%", children: [
-    /* @__PURE__ */ e(C, { isLoading: $ }),
-    /* @__PURE__ */ e(A, { src: u.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
-    /* @__PURE__ */ e(t, { heightX: 1 }),
-    /* @__PURE__ */ r(n, { children: [
-      /* @__PURE__ */ r(o, { $renderAs: "ab1", $color: "WHITE", $align: "center", children: [
-        "We found multiple profiles linked to",
-        " ",
-        /* @__PURE__ */ e(o, { $color: "WHITE", $inline: !0, $renderAs: "ab1-bold", children: m })
-      ] }),
-      /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "WHITE", $align: "center", children: "Which one would you like to proceed with?" })
-    ] }),
-    /* @__PURE__ */ e(t, { heightX: 5 }),
-    /* @__PURE__ */ e(T, { itemCount: c, children: i.map(({ id: a, phone: p }, s) => /* @__PURE__ */ r(
-      b,
-      {
-        $gutterX: 2,
-        $gapX: 2.81,
-        $width: 200,
-        $height: 200,
-        $alignItems: "center",
-        $justifyContent: "center",
-        onClick: () => h(a),
-        index: s,
-        isLastItem: s === c - 1,
-        children: [
-          /* @__PURE__ */ e(g, { size: 80 }),
-          /* @__PURE__ */ e(t, { heightX: 0.5 }),
-          /* @__PURE__ */ e(o, { $color: "WHITE", $renderAs: "ab2", $align: "center", children: p })
-        ]
-      },
-      a
-    )) }),
-    /* @__PURE__ */ e(t, { heightX: 5 }),
-    /* @__PURE__ */ r(n, { $alignItems: "center", $justifyContent: "center", children: [
-      /* @__PURE__ */ e(o, { $renderAs: "ub2", $color: "WHITE", children: "Don't recognise these accounts?" }),
-      /* @__PURE__ */ e(t, { heightX: 1 }),
-      /* @__PURE__ */ e(
-        I,
-        {
-          width: 232,
-          size: "small",
-          label: "Create new account",
-          renderAs: "secondary-dark",
-          onClick: d,
-          busy: l,
-          disabled: l
-        }
-      )
-    ] })
-  ] });
-}, S = f(W);
-export {
-  S as default
-};
-//# sourceMappingURL=claim-user-account.js.map

package/dist/features/auth/signup/claim-user-account/claim-user-account.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"claim-user-account.js","sources":["../../../../../src/features/auth/signup/claim-user-account/claim-user-account.tsx"],"sourcesContent":["import type { IClaimUserAccountProps } from './claim-user-account-types';\n\nimport { memo } from 'react';\nimport { type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Avatar from '../../../ui/avatar/avatar';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport OverlayLoader from '../../comps/overlay-loader/overlay-loader';\nimport * as Styled from './claim-user-account-styled';\n\nconst ClaimUserAccount: FC<IClaimUserAccountProps> = ({\n  email,\n  onSelectAccount,\n  userAccounts,\n  onCreateNewAccount,\n  isCreatingAccount,\n  isLoading,\n}) => {\n  const totalUsers = userAccounts.length;\n\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $width=\"100%\" $height=\"100%\">\n      <OverlayLoader isLoading={isLoading} />\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n      <Separator heightX={1} />\n      <FlexView>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          We found multiple profiles linked to{' '}\n          <Text $color=\"WHITE\" $inline $renderAs=\"ab1-bold\">\n            {email}\n          </Text>\n        </Text>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          Which one would you like to proceed with?\n        </Text>\n      </FlexView>\n      <Separator heightX={5} />\n      <Styled.UserAccountsWrapper itemCount={totalUsers}>\n        {userAccounts.map(({ id, phone }, i) => (\n          <Styled.AccountCard\n            $gutterX={2}\n            $gapX={2.81}\n            key={id}\n            $width={200}\n            $height={200}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            onClick={() => onSelectAccount(id)}\n            index={i}\n            isLastItem={i === totalUsers - 1}\n          >\n            <Avatar size={80} />\n            <Separator heightX={0.5} />\n            <Text $color=\"WHITE\" $renderAs=\"ab2\" $align=\"center\">\n              {phone}\n            </Text>\n          </Styled.AccountCard>\n        ))}\n      </Styled.UserAccountsWrapper>\n      <Separator heightX={5} />\n      <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"ub2\" $color=\"WHITE\">\n          Don't recognise these accounts?\n        </Text>\n        <Separator heightX={1} />\n        <Button\n          width={232}\n          size=\"small\"\n          label=\"Create new account\"\n          renderAs=\"secondary-dark\"\n          onClick={onCreateNewAccount}\n          busy={isCreatingAccount}\n          disabled={isCreatingAccount}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(ClaimUserAccount);\n"],"names":["ClaimUserAccount","email","onSelectAccount","userAccounts","onCreateNewAccount","isCreatingAccount","isLoading","totalUsers","jsxs","FlexView","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Styled.UserAccountsWrapper","id","phone","i","Styled.AccountCard","Avatar","Button","claimUserAccount","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAaJ,EAAa;AAG9B,SAAA,gBAAAK,EAACC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,QAAO,QAAO,SAAQ,QACtF,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAc,WAAAL,GAAsB;AAAA,IACrC,gBAAAI,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,IAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBL,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAD,EAACO,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAAA;AAAA,QAAA;AAAA,QACd;AAAA,QACrC,gBAAAL,EAACK,KAAK,QAAO,SAAQ,SAAO,IAAC,WAAU,YACpC,UACHd,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACA,gBAAAS,EAACK,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAErD,4CAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACtB,gBAAAJ,EAAAM,GAAA,EAA2B,WAAWT,GACpC,UAAaJ,EAAA,IAAI,CAAC,EAAE,IAAAc,GAAI,OAAAC,KAASC,MAChC,gBAAAX;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,OAAO;AAAA,QAEP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,SAAS,MAAMlB,EAAgBe,CAAE;AAAA,QACjC,OAAOE;AAAA,QACP,YAAYA,MAAMZ,IAAa;AAAA,QAE/B,UAAA;AAAA,UAAC,gBAAAG,EAAAW,GAAA,EAAO,MAAM,GAAI,CAAA;AAAA,UAClB,gBAAAX,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UACzB,gBAAAJ,EAACK,KAAK,QAAO,SAAQ,WAAU,OAAM,QAAO,UACzC,UACHG,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAbKD;AAAA,IAeR,CAAA,GACH;AAAA,IACA,gBAAAP,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACtB,gBAAAN,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,MAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,mCAAA;AAAA,MACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAJ;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,MAAK;AAAA,UACL,OAAM;AAAA,UACN,UAAS;AAAA,UACT,SAASlB;AAAA,UACT,MAAMC;AAAA,UACN,UAAUA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKxB,CAAgB;"}

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

@@ -1,38 +0,0 @@
-import o from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-const r = 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: 32px;
-  text-align: ${({ align: t }) => t ?? "center"};
-  caret-color: ${({ theme: t }) => t.colors.WHITE};
-  color: ${({ theme: t }) => t.colors.WHITE};
-  font-family: 'Athletics-Light';
-  color: ${({ color: t }) => t};
-
-  &::placeholder {
-    font-family: 'Athletics-Light';
-    font-size: 32px;
-  }
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-`;
-o(e)`
-  width: 100%;
-`;
-const p = o(e)`
-  position: relative;
-`;
-export {
-  r as CustomInput,
-  p as PasswordInputWrapper
-};
-//# 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\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const CustomInput = styled.input<{ color: string; align?: string; textTransform?: string }>`\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: 32px;\n  text-align: ${({ align }) => align ?? 'center'};\n  caret-color: ${({ theme }) => theme.colors.WHITE};\n  color: ${({ theme }) => theme.colors.WHITE};\n  font-family: 'Athletics-Light';\n  color: ${({ color }) => color};\n\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\nexport const CountryCodeSelector = styled(FlexView)`\n  width: 100%;\n`;\n\nexport const PasswordInputWrapper = styled(FlexView)`\n  position: relative;\n`;\n"],"names":["CustomInput","styled","textTransform","align","theme","color","FlexView","PasswordInputWrapper"],"mappings":";;AAIO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKd,CAAC,EAAE,eAAAC,QAAoBA,KAAiB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKlD,CAAC,EAAE,OAAAC,QAAYA,KAAS,QAAQ;AAAA,iBAC/B,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;AAYIJ,EAAOK,CAAQ;AAAA;AAAA;AAIrC,MAAAC,IAAuBN,EAAOK,CAAQ;AAAA;AAAA;"}

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

@@ -1,85 +0,0 @@
-import { jsx as o, jsxs as W } from "react/jsx-runtime";
-import { useState as y, useCallback as x, useMemo as $ } from "react";
-import { useTheme as D } from "styled-components";
-import E from "../../../../assets/line-icons/icons/eye.js";
-import F from "../../../../assets/line-icons/icons/striked-eye.js";
-import H from "../../../ui/buttons/clickable/clickable.js";
-import P from "../../../ui/layout/flex-view.js";
-import { CustomInput as j, PasswordInputWrapper as G } from "./custom-input-field-styled.js";
-import { InputWrapper as K } from "./input-wrapper/input-wrapper.js";
-const R = ({
-  value: n,
-  onChange: c,
-  error: i,
-  helperText: b,
-  onEnter: r,
-  isLoading: g,
-  isValid: p,
-  type: t = "text",
-  placeholder: u,
-  actionElement: k,
-  maxLength: m,
-  width: a,
-  textTransform: d,
-  textAlign: f = "center"
-}) => {
-  const s = D(), [l, T] = y(!1), w = x(
-    (e) => {
-      e.key === "Enter" && (r == null || r());
-    },
-    [r]
-  ), h = $(() => t === "password" ? l ? "text" : "password" : t, [t, l]), I = $(() => i ? s.colors.RED : p ? s.colors.GREEN_4 : s.colors.WHITE, [i, p, s.colors]), C = x(
-    () => /* @__PURE__ */ o(
-      j,
-      {
-        value: n,
-        onChange: (e) => c(e.target.value),
-        autoFocus: !0,
-        placeholder: u,
-        color: I,
-        autoCapitalize: "none",
-        textTransform: d,
-        type: h,
-        onKeyDown: w,
-        maxLength: m,
-        align: f
-      }
-    ),
-    [
-      w,
-      I,
-      h,
-      m,
-      c,
-      u,
-      f,
-      d,
-      n
-    ]
-  );
-  return /* @__PURE__ */ o(
-    K,
-    {
-      helperText: i || b,
-      isLoading: g,
-      actionElement: k,
-      children: t === "password" ? /* @__PURE__ */ W(
-        G,
-        {
-          $width: a ?? 220,
-          $alignItems: "center",
-          $flexDirection: "row",
-          $flexGapX: 0.5,
-          children: [
-            C(),
-            /* @__PURE__ */ o(H, { label: "password-toggle", onClick: () => T((e) => !e), children: l ? /* @__PURE__ */ o(E, { color: "WHITE", width: 24, height: 24 }) : /* @__PURE__ */ o(F, { color: "WHITE", width: 24, height: 24 }) })
-          ]
-        }
-      ) : /* @__PURE__ */ o(P, { $width: a ?? "100%", $flex: 1, children: C() })
-    }
-  );
-}, B = R;
-export {
-  B 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 { useCallback, useMemo, 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 FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './custom-input-field-styled';\nimport { InputWrapper } from './input-wrapper/input-wrapper';\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}) => {\n  const theme = useTheme();\n  const [isPasswordVisible, setIsPasswordVisible] = 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  const inputType = useMemo(() => {\n    if (type === 'password') return isPasswordVisible ? 'text' : 'password';\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 renderInput = useCallback(\n    () => (\n      <Styled.CustomInput\n        value={value}\n        onChange={event => onChange(event.target.value)}\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      />\n    ),\n    [\n      handleKeyDown,\n      inputColor,\n      inputType,\n      maxLength,\n      onChange,\n      placeholder,\n      textAlign,\n      textTransform,\n      value,\n    ],\n  );\n\n  return (\n    <InputWrapper\n      helperText={error || helperText}\n      isLoading={isLoading}\n      actionElement={actionElement}\n    >\n      {type === 'password' ? (\n        <Styled.PasswordInputWrapper\n          $width={width ?? 220}\n          $alignItems=\"center\"\n          $flexDirection=\"row\"\n          $flexGapX={0.5}\n        >\n          {renderInput()}\n          <Clickable label=\"password-toggle\" onClick={() => setIsPasswordVisible(prev => !prev)}>\n            {isPasswordVisible ? (\n              <EyeIcon color=\"WHITE\" width={24} height={24} />\n            ) : (\n              <StrikedEyeIcon color=\"WHITE\" width={24} height={24} />\n            )}\n          </Clickable>\n        </Styled.PasswordInputWrapper>\n      ) : (\n        <FlexView $width={width ?? '100%'} $flex={1}>\n          {renderInput()}\n        </FlexView>\n      )}\n    </InputWrapper>\n  );\n};\n\nexport default CustomInputField;\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","theme","useTheme","isPasswordVisible","setIsPasswordVisible","useState","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","renderInput","jsx","Styled.CustomInput","InputWrapper","jsxs","Styled.PasswordInputWrapper","Clickable","prev","EyeIcon","StrikedEyeIcon","FlexView","CustomInputField$1"],"mappings":";;;;;;;;;AAYA,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;AACd,MAAM;AACJ,QAAMC,IAAQC,KACR,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNjB,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJkB,IAAYC,EAAQ,MACpBhB,MAAS,aAAmBS,IAAoB,SAAS,aAEtDT,GACN,CAACA,GAAMS,CAAiB,CAAC,GAEtBQ,IAAaD,EAAQ,MACrBrB,IAAcY,EAAM,OAAO,MAE3BR,IAAgBQ,EAAM,OAAO,UAE1BA,EAAM,OAAO,OACnB,CAACZ,GAAOI,GAASQ,EAAM,MAAM,CAAC,GAE3BW,IAAcL;AAAA,IAClB,MACE,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAA3B;AAAA,QACA,UAAU,CAAAqB,MAASpB,EAASoB,EAAM,OAAO,KAAK;AAAA,QAC9C,WAAS;AAAA,QACT,aAAAb;AAAA,QACA,OAAOgB;AAAA,QACP,gBAAe;AAAA,QACf,eAAAZ;AAAA,QACA,MAAMU;AAAA,QACN,WAAWH;AAAA,QACX,WAAAT;AAAA,QACA,OAAOG;AAAA,MAAA;AAAA,IACT;AAAA,IAEF;AAAA,MACEM;AAAA,MACAK;AAAA,MACAF;AAAA,MACAZ;AAAA,MACAT;AAAA,MACAO;AAAA,MACAK;AAAA,MACAD;AAAA,MACAZ;AAAA,IACF;AAAA,EAAA;AAIA,SAAA,gBAAA0B;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAY1B,KAASC;AAAA,MACrB,WAAAE;AAAA,MACA,eAAAI;AAAA,MAEC,gBAAS,aACR,gBAAAoB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,QAAQnB,KAAS;AAAA,UACjB,aAAY;AAAA,UACZ,gBAAe;AAAA,UACf,WAAW;AAAA,UAEV,UAAA;AAAA,YAAYc,EAAA;AAAA,YACZ,gBAAAC,EAAAK,GAAA,EAAU,OAAM,mBAAkB,SAAS,MAAMd,EAAqB,CAAAe,MAAQ,CAACA,CAAI,GACjF,UAAAhB,IACE,gBAAAU,EAAAO,GAAA,EAAQ,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,IAE9C,gBAAAP,EAACQ,GAAe,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GAEzD;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,sBAECC,GAAS,EAAA,QAAQxB,KAAS,QAAQ,OAAO,GACvC,UAAAc,EACH,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAW,IAAerC;"}

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

@@ -1,86 +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__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\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,aAU9C,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;"}