@cuemath/leap 3.2.33 → 3.2.34-mb

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js

@@ -1,18 +1,18 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTheme as c } from "styled-components";
-import n from "../../../ui/layout/flex-view.js";
-import m from "../../../ui/separator/separator.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useTheme as m } from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+import a from "../../../ui/separator/separator.js";
 import l from "../../../ui/text/text.js";
 import { EDeviceType as p } from "../../../ui/theme/constants.js";
 import { onboardingGuideSteps as s } from "./onboarding-guide-constants.js";
-import { StepWrapper as $, StepItem as d } from "./onboarding-guide-styled.js";
-const f = () => {
-  const { device: a } = c(), r = a <= p.TABLET;
-  return /* @__PURE__ */ o(n, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: [
+import { StepItem as $ } from "./onboarding-guide-styled.js";
+const d = () => {
+  const { device: c } = m(), r = c <= p.TABLET;
+  return /* @__PURE__ */ n(t, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: [
     /* @__PURE__ */ e(l, { $whiteSpace: "pre-line", $renderAs: "ah4", $color: "WHITE", $renderOnTabletAs: "ab1", children: "Get started in 3 easy steps!" }),
-    /* @__PURE__ */ e(m, { heightX: r ? 1 : 2.75 }),
-    /* @__PURE__ */ e($, { $flexDirection: r ? "row" : "column", $flexColumnGapX: 1, children: s.map((t, i) => /* @__PURE__ */ o(
-      d,
+    /* @__PURE__ */ e(a, { heightX: r ? 1 : 2.75 }),
+    /* @__PURE__ */ e(t, { $flexDirection: r ? "row" : "column", $flexColumnGapX: 1.5, children: s.map((i, o) => /* @__PURE__ */ n(
+      $,
       {
         $flex: 1,
         $flexDirection: r ? "column" : "row",
@@ -20,8 +20,8 @@ const f = () => {
         $flexRowGapX: 0.5,
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ e("img", { src: t.icon, alt: `Step ${i + 1}`, width: 56, height: 56 }),
-          /* @__PURE__ */ e(n, { $width: r ? 101 : 210, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("img", { src: i.icon, alt: `Step ${o + 1}`, width: 56, height: 56 }),
+          /* @__PURE__ */ e(t, { $width: r ? 101 : 210, children: /* @__PURE__ */ e(
             l,
             {
               $whiteSpace: "pre-line",
@@ -29,16 +29,16 @@ const f = () => {
               $renderOnTabletAs: "ab3",
               $color: "WHITE",
               $align: r ? "center" : "left",
-              children: t.title
+              children: i.title
             }
           ) })
         ]
       },
-      i
+      o
     )) })
   ] });
-}, S = f;
+}, G = d;
 export {
-  S as default
+  G as default
 };
 //# sourceMappingURL=onboarding-guide.js.map

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah4\" $color=\"WHITE\" $renderOnTabletAs=\"ab1\">\n        Get started in 3 easy steps!\n      </Text>\n      <Separator heightX={isCompact ? 1 : 2.75} />\n      <Styled.StepWrapper $flexDirection={isCompact ? 'row' : 'column'} $flexColumnGapX={1}>\n        {onboardingGuideSteps.map((step, index) => (\n          <Styled.StepItem\n            key={index}\n            $flex={1}\n            $flexDirection={isCompact ? 'column' : 'row'}\n            $flexColumnGapX={1.5}\n            $flexRowGapX={0.5}\n            $alignItems={'center'}\n          >\n            <img src={step.icon} alt={`Step ${index + 1}`} width={56} height={56} />\n            <FlexView $width={isCompact ? 101 : 210}>\n              <Text\n                $whiteSpace=\"pre-line\"\n                $renderAs=\"ab2\"\n                $renderOnTabletAs=\"ab3\"\n                $color=\"WHITE\"\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {step.title}\n              </Text>\n            </FlexView>\n          </Styled.StepItem>\n        ))}\n      </Styled.StepWrapper>\n    </FlexView>\n  );\n};\n\nexport default OnboardingGuide;\n"],"names":["OnboardingGuide","device","useTheme","isCompact","EDeviceType","FlexView","jsx","Text","Separator","Styled.StepWrapper","onboardingGuideSteps","step","index","jsxs","Styled.StepItem","OnboardingGuide$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAkB,MAAM;AACtB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAExC,2BACGC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,mBAAkB,OAAM,UAEpF,+BAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,SAASL,IAAY,IAAI,MAAM;AAAA,IACzC,gBAAAG,EAAAG,GAAA,EAAmB,gBAAgBN,IAAY,QAAQ,UAAU,iBAAiB,GAChF,UAAAO,EAAqB,IAAI,CAACC,GAAMC,MAC/B,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,OAAO;AAAA,QACP,gBAAgBX,IAAY,WAAW;AAAA,QACvC,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,aAAa;AAAA,QAEb,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAI,EAAA,KAAKK,EAAK,MAAM,KAAK,QAAQC,IAAQ,CAAC,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,UACrE,gBAAAN,EAAAD,GAAA,EAAS,QAAQF,IAAY,MAAM,KAClC,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,QAAO;AAAA,cACP,QAAQJ,IAAY,WAAW;AAAA,cAE9B,UAAKQ,EAAA;AAAA,YAAA;AAAA,UAAA,GAEV;AAAA,QAAA;AAAA,MAAA;AAAA,MAlBKC;AAAA,IAoBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAG,IAAef;"}
+{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah4\" $color=\"WHITE\" $renderOnTabletAs=\"ab1\">\n        Get started in 3 easy steps!\n      </Text>\n      <Separator heightX={isCompact ? 1 : 2.75} />\n      <FlexView $flexDirection={isCompact ? 'row' : 'column'} $flexColumnGapX={1.5}>\n        {onboardingGuideSteps.map((step, index) => (\n          <Styled.StepItem\n            key={index}\n            $flex={1}\n            $flexDirection={isCompact ? 'column' : 'row'}\n            $flexColumnGapX={1.5}\n            $flexRowGapX={0.5}\n            $alignItems={'center'}\n          >\n            <img src={step.icon} alt={`Step ${index + 1}`} width={56} height={56} />\n            <FlexView $width={isCompact ? 101 : 210}>\n              <Text\n                $whiteSpace=\"pre-line\"\n                $renderAs=\"ab2\"\n                $renderOnTabletAs=\"ab3\"\n                $color=\"WHITE\"\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {step.title}\n              </Text>\n            </FlexView>\n          </Styled.StepItem>\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default OnboardingGuide;\n"],"names":["OnboardingGuide","device","useTheme","isCompact","EDeviceType","FlexView","jsx","Text","Separator","onboardingGuideSteps","step","index","jsxs","Styled.StepItem","OnboardingGuide$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAkB,MAAM;AACtB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAExC,2BACGC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,mBAAkB,OAAM,UAEpF,+BAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,SAASL,IAAY,IAAI,MAAM;AAAA,IACzC,gBAAAG,EAAAD,GAAA,EAAS,gBAAgBF,IAAY,QAAQ,UAAU,iBAAiB,KACtE,UAAqBM,EAAA,IAAI,CAACC,GAAMC,MAC/B,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,OAAO;AAAA,QACP,gBAAgBV,IAAY,WAAW;AAAA,QACvC,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,aAAa;AAAA,QAEb,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAI,EAAA,KAAKI,EAAK,MAAM,KAAK,QAAQC,IAAQ,CAAC,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,UACrE,gBAAAL,EAAAD,GAAA,EAAS,QAAQF,IAAY,MAAM,KAClC,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,QAAO;AAAA,cACP,QAAQJ,IAAY,WAAW;AAAA,cAE9B,UAAKO,EAAA;AAAA,YAAA;AAAA,UAAA,GAEV;AAAA,QAAA;AAAA,MAAA;AAAA,MAlBKC;AAAA,IAoBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAG,IAAed;"}

package/dist/features/auth/pla-signup/signup-options/signup-options.js

@@ -20,7 +20,7 @@ const S = ({
 }) => {
   const { device: f } = g(), o = f <= $.TABLET, a = n === "google", s = n === "apple";
   return /* @__PURE__ */ i(r, { $alignItems: "flex-start", children: [
-    /* @__PURE__ */ e(c, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", $whiteSpace: "pre-line", children: T }),
+    /* @__PURE__ */ e(c, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", $whiteSpace: "pre", children: T }),
     /* @__PURE__ */ e(p, { heightX: o ? 1.5 : 2.5 }),
     /* @__PURE__ */ i(
       r,

package/dist/features/auth/pla-signup/signup-options/signup-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { PLA_ANALYTICS_EVENTS } from '../pla-analytics-events';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  loadingProvider,\n  onGoToLogin,\n  title,\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $alignItems=\"flex-start\">\n      <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre-line\">\n        {title}\n      </Text>\n      <Separator heightX={isCompact ? 1.5 : 2.5} />\n      <FlexView\n        $flexGapX={1}\n        $flex={1}\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $width=\"100%\"\n      >\n        <Button\n          renderAs=\"black-dark\"\n          Icon={GoogleIcon}\n          width={isCompact ? '100%' : 320}\n          label=\"Signup with Google\"\n          onClick={onGoogleSignup}\n          size=\"small\"\n          busy={isLoadingGoogle}\n          disabled={isLoadingGoogle}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'google' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          Icon={AppleIcon}\n          label=\"Signup with Apple\"\n          onClick={onAppleSignup}\n          busy={isLoadingApple}\n          disabled={isLoadingApple}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'apple' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          label=\"Continue with Email\"\n          onClick={onEmailSignup}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'email' }}\n        />\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ub3\" $color=\"WHITE\">\n          Already have an account?\n        </Text>\n        &nbsp;\n        <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","device","useTheme","isCompact","EDeviceType","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","PLA_ANALYTICS_EVENTS","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBP,MAAoB,UACtCQ,IAAiBR,MAAoB;AAGzC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,aAAY,YAChF,UACHV,EAAA,CAAA;AAAA,IACC,gBAAAS,EAAAE,GAAA,EAAU,SAASR,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,OAAOV,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASN;AAAA,cACT,MAAK;AAAA,cACL,MAAMQ;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBS,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,SAAS;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,MAAMY;AAAAA,cACN,OAAM;AAAA,cACN,SAASnB;AAAA,cACT,MAAMU;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBQ,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,cACT,gBAAgBmB,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASjB,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKxB,CAAa;"}
+{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { PLA_ANALYTICS_EVENTS } from '../pla-analytics-events';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  loadingProvider,\n  onGoToLogin,\n  title,\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $alignItems=\"flex-start\">\n      <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre\">\n        {title}\n      </Text>\n      <Separator heightX={isCompact ? 1.5 : 2.5} />\n      <FlexView\n        $flexGapX={1}\n        $flex={1}\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $width=\"100%\"\n      >\n        <Button\n          renderAs=\"black-dark\"\n          Icon={GoogleIcon}\n          width={isCompact ? '100%' : 320}\n          label=\"Signup with Google\"\n          onClick={onGoogleSignup}\n          size=\"small\"\n          busy={isLoadingGoogle}\n          disabled={isLoadingGoogle}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'google' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          Icon={AppleIcon}\n          label=\"Signup with Apple\"\n          onClick={onAppleSignup}\n          busy={isLoadingApple}\n          disabled={isLoadingApple}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'apple' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          label=\"Continue with Email\"\n          onClick={onEmailSignup}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'email' }}\n        />\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ub3\" $color=\"WHITE\">\n          Already have an account?\n        </Text>\n        &nbsp;\n        <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","device","useTheme","isCompact","EDeviceType","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","PLA_ANALYTICS_EVENTS","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBP,MAAoB,UACtCQ,IAAiBR,MAAoB;AAGzC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,aAAY,OAChF,UACHV,EAAA,CAAA;AAAA,IACC,gBAAAS,EAAAE,GAAA,EAAU,SAASR,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,OAAOV,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASN;AAAA,cACT,MAAK;AAAA,cACL,MAAMQ;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBS,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,SAAS;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,MAAMY;AAAAA,cACN,OAAM;AAAA,cACN,SAASnB;AAAA,cACT,MAAMU;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBQ,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,cACT,gBAAgBmB,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASjB,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKxB,CAAa;"}

package/dist/features/stickers/sticker-data.js

@@ -0,0 +1,234 @@
+const t = [
+  {
+    id: "star-struck",
+    emoji: "🤩",
+    name: "Star-Struck",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f929/lottie.json"
+  },
+  {
+    id: "heart-eyes",
+    emoji: "😍",
+    name: "Heart Eyes",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json"
+  },
+  {
+    id: "holding-back-tears",
+    emoji: "🥹",
+    name: "Holding Back Tears",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f979/lottie.json"
+  },
+  {
+    id: "sunglasses",
+    emoji: "😎",
+    name: "Sunglasses",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f60e/lottie.json"
+  },
+  {
+    id: "exploding-head",
+    emoji: "🤯",
+    name: "Exploding Head",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f92f/lottie.json"
+  },
+  {
+    id: "thinking",
+    emoji: "🤔",
+    name: "Thinking",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f914/lottie.json"
+  },
+  {
+    id: "party",
+    emoji: "🥳",
+    name: "Party",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f973/lottie.json"
+  },
+  {
+    id: "confetti-ball",
+    emoji: "🎊",
+    name: "Confetti Ball",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f38a/lottie.json"
+  },
+  {
+    id: "celebration",
+    emoji: "🎉",
+    name: "Celebration",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f389/lottie.json"
+  },
+  {
+    id: "balloon",
+    emoji: "🎈",
+    name: "Balloon",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f388/lottie.json"
+  },
+  {
+    id: "cake",
+    emoji: "🎂",
+    name: "Cake",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f382/lottie.json"
+  },
+  {
+    id: "clapping",
+    emoji: "👏",
+    name: "Clapping",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44f/lottie.json"
+  },
+  {
+    id: "thumbs-up",
+    emoji: "👍",
+    name: "Thumbs Up",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d/lottie.json"
+  },
+  {
+    id: "peace",
+    emoji: "✌️",
+    name: "Peace",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/270c_fe0f/lottie.json"
+  },
+  {
+    id: "ok-hand",
+    emoji: "👌",
+    name: "OK Hand",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44c/lottie.json"
+  },
+  {
+    id: "muscle",
+    emoji: "💪",
+    name: "Muscle",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4aa/lottie.json"
+  },
+  {
+    id: "rock-on",
+    emoji: "🤟",
+    name: "Rock On",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f91f/lottie.json"
+  },
+  {
+    id: "heart",
+    emoji: "❤️",
+    name: "Heart",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/2764_fe0f/lottie.json"
+  },
+  {
+    id: "trophy",
+    emoji: "🏆",
+    name: "Trophy",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3c6/lottie.json"
+  },
+  {
+    id: "hundred",
+    emoji: "💯",
+    name: "Hundred",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4af/lottie.json"
+  },
+  {
+    id: "gold-medal",
+    emoji: "🥇",
+    name: "Gold Medal",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f947/lottie.json"
+  },
+  {
+    id: "silver-medal",
+    emoji: "🥈",
+    name: "Silver Medal",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f948/lottie.json"
+  },
+  {
+    id: "bronze-medal",
+    emoji: "🥉",
+    name: "Bronze Medal",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f949/lottie.json"
+  },
+  {
+    id: "target",
+    emoji: "🎯",
+    name: "Target",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3af/lottie.json"
+  },
+  {
+    id: "glowing-star",
+    emoji: "🌟",
+    name: "Glowing Star",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/lottie.json"
+  },
+  {
+    id: "lightning",
+    emoji: "⚡️",
+    name: "Lightning",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/26a1/lottie.json"
+  },
+  {
+    id: "rocket",
+    emoji: "🚀",
+    name: "Rocket",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/lottie.json"
+  },
+  {
+    id: "explosion",
+    emoji: "💥",
+    name: "Explosion",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a5/lottie.json"
+  },
+  {
+    id: "graduation",
+    emoji: "🎓",
+    name: "Graduation",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f393/lottie.json"
+  },
+  {
+    id: "clock",
+    emoji: "⏰",
+    name: "Clock",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/23f0/lottie.json"
+  },
+  {
+    id: "bulb",
+    emoji: "💡",
+    name: "Bulb",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a1/lottie.json"
+  },
+  {
+    id: "rainbow",
+    emoji: "🌈",
+    name: "Rainbow",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f308/lottie.json"
+  },
+  {
+    id: "clown",
+    emoji: "🤡",
+    name: "Clown",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f921/lottie.json"
+  },
+  {
+    id: "dancer",
+    emoji: "💃",
+    name: "Dancer",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f483/lottie.json"
+  },
+  {
+    id: "flowers",
+    emoji: "💐",
+    name: "Flowers",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f490/lottie.json"
+  },
+  {
+    id: "unicorn",
+    emoji: "🦄",
+    name: "Unicorn",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f984/lottie.json"
+  },
+  {
+    id: "drum",
+    emoji: "🥁",
+    name: "Drum",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f941/lottie.json"
+  },
+  {
+    id: "diamond",
+    emoji: "💎",
+    name: "Diamond",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f48e/lottie.json"
+  }
+];
+export {
+  t as stickerData
+};
+//# sourceMappingURL=sticker-data.js.map

package/dist/features/stickers/sticker-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-data.js","sources":["../../../src/features/stickers/sticker-data.ts"],"sourcesContent":["import type { IStickerData } from './sticker-selector/sticker-selector-types';\n\nexport const stickerData: IStickerData[] = [\n  {\n    id: 'star-struck',\n    emoji: '🤩',\n    name: 'Star-Struck',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f929/lottie.json',\n  },\n  {\n    id: 'heart-eyes',\n    emoji: '😍',\n    name: 'Heart Eyes',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json',\n  },\n  {\n    id: 'holding-back-tears',\n    emoji: '🥹',\n    name: 'Holding Back Tears',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f979/lottie.json',\n  },\n  {\n    id: 'sunglasses',\n    emoji: '😎',\n    name: 'Sunglasses',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60e/lottie.json',\n  },\n  {\n    id: 'exploding-head',\n    emoji: '🤯',\n    name: 'Exploding Head',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f92f/lottie.json',\n  },\n  {\n    id: 'thinking',\n    emoji: '🤔',\n    name: 'Thinking',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f914/lottie.json',\n  },\n  {\n    id: 'party',\n    emoji: '🥳',\n    name: 'Party',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f973/lottie.json',\n  },\n  {\n    id: 'confetti-ball',\n    emoji: '🎊',\n    name: 'Confetti Ball',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f38a/lottie.json',\n  },\n  {\n    id: 'celebration',\n    emoji: '🎉',\n    name: 'Celebration',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f389/lottie.json',\n  },\n  {\n    id: 'balloon',\n    emoji: '🎈',\n    name: 'Balloon',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f388/lottie.json',\n  },\n  {\n    id: 'cake',\n    emoji: '🎂',\n    name: 'Cake',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f382/lottie.json',\n  },\n  {\n    id: 'clapping',\n    emoji: '👏',\n    name: 'Clapping',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44f/lottie.json',\n  },\n  {\n    id: 'thumbs-up',\n    emoji: '👍',\n    name: 'Thumbs Up',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d/lottie.json',\n  },\n  {\n    id: 'peace',\n    emoji: '✌️',\n    name: 'Peace',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/270c_fe0f/lottie.json',\n  },\n  {\n    id: 'ok-hand',\n    emoji: '👌',\n    name: 'OK Hand',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44c/lottie.json',\n  },\n  {\n    id: 'muscle',\n    emoji: '💪',\n    name: 'Muscle',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4aa/lottie.json',\n  },\n  {\n    id: 'rock-on',\n    emoji: '🤟',\n    name: 'Rock On',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f91f/lottie.json',\n  },\n  {\n    id: 'heart',\n    emoji: '❤️',\n    name: 'Heart',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/2764_fe0f/lottie.json',\n  },\n  {\n    id: 'trophy',\n    emoji: '🏆',\n    name: 'Trophy',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f3c6/lottie.json',\n  },\n  {\n    id: 'hundred',\n    emoji: '💯',\n    name: 'Hundred',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4af/lottie.json',\n  },\n  {\n    id: 'gold-medal',\n    emoji: '🥇',\n    name: 'Gold Medal',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f947/lottie.json',\n  },\n  {\n    id: 'silver-medal',\n    emoji: '🥈',\n    name: 'Silver Medal',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f948/lottie.json',\n  },\n  {\n    id: 'bronze-medal',\n    emoji: '🥉',\n    name: 'Bronze Medal',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f949/lottie.json',\n  },\n  {\n    id: 'target',\n    emoji: '🎯',\n    name: 'Target',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f3af/lottie.json',\n  },\n  {\n    id: 'glowing-star',\n    emoji: '🌟',\n    name: 'Glowing Star',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/lottie.json',\n  },\n  {\n    id: 'lightning',\n    emoji: '⚡️',\n    name: 'Lightning',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/26a1/lottie.json',\n  },\n  {\n    id: 'rocket',\n    emoji: '🚀',\n    name: 'Rocket',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/lottie.json',\n  },\n  {\n    id: 'explosion',\n    emoji: '💥',\n    name: 'Explosion',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a5/lottie.json',\n  },\n  {\n    id: 'graduation',\n    emoji: '🎓',\n    name: 'Graduation',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f393/lottie.json',\n  },\n  {\n    id: 'clock',\n    emoji: '⏰',\n    name: 'Clock',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/23f0/lottie.json',\n  },\n  {\n    id: 'bulb',\n    emoji: '💡',\n    name: 'Bulb',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a1/lottie.json',\n  },\n  {\n    id: 'rainbow',\n    emoji: '🌈',\n    name: 'Rainbow',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f308/lottie.json',\n  },\n  {\n    id: 'clown',\n    emoji: '🤡',\n    name: 'Clown',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f921/lottie.json',\n  },\n  {\n    id: 'dancer',\n    emoji: '💃',\n    name: 'Dancer',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f483/lottie.json',\n  },\n  {\n    id: 'flowers',\n    emoji: '💐',\n    name: 'Flowers',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f490/lottie.json',\n  },\n  {\n    id: 'unicorn',\n    emoji: '🦄',\n    name: 'Unicorn',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f984/lottie.json',\n  },\n  {\n    id: 'drum',\n    emoji: '🥁',\n    name: 'Drum',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f941/lottie.json',\n  },\n  {\n    id: 'diamond',\n    emoji: '💎',\n    name: 'Diamond',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f48e/lottie.json',\n  },\n];\n"],"names":["stickerData"],"mappings":"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"}

package/dist/features/stickers/sticker-selector/sticker-selector-grid.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as u, useState as c, useCallback as f } from "react";
+import { stickerData as b } from "../sticker-data.js";
+import h from "./sticker.js";
+import { StickerGridContainer as $, StickerGrid as x } from "./sticker-selector-styles.js";
+const D = ({
+  stickers: a = b,
+  columns: m = 4,
+  gap: s = 8,
+  stickerSize: l = 72,
+  onStickerClick: r
+}) => {
+  const [d, o] = c(!1), t = d, p = f(
+    (e) => {
+      if (t) return;
+      r == null || r(e), o(!0);
+      const n = setTimeout(() => {
+        o(!1);
+      }, 5e3);
+      return () => clearTimeout(n);
+    },
+    [r, t]
+  );
+  return /* @__PURE__ */ i($, { $width: "350px", $height: "400px", $disabled: t, children: /* @__PURE__ */ i(x, { $columns: m, $gap: s, children: a.map((e) => /* @__PURE__ */ i(
+    h,
+    {
+      emoji: e.emoji,
+      lottieUrl: e.lottieUrl,
+      size: l,
+      onClick: () => p(e),
+      disabled: t
+    },
+    e.id
+  )) }) });
+}, y = u(D);
+export {
+  y as default
+};
+//# sourceMappingURL=sticker-selector-grid.js.map

package/dist/features/stickers/sticker-selector/sticker-selector-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector-grid.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector-grid.tsx"],"sourcesContent":["import type { IStickerSelectorGridProps } from './sticker-selector-types';\n\nimport React, { memo, useCallback, useState } from 'react';\n\nimport { stickerData } from '../sticker-data';\nimport Sticker from './sticker';\nimport * as S from './sticker-selector-styles';\n\nconst StickerSelectorGrid: React.FC<IStickerSelectorGridProps> = ({\n  stickers = stickerData,\n  columns = 4,\n  gap = 8,\n  stickerSize = 72,\n  onStickerClick,\n}) => {\n  const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n  const gridDisabled = isTemporarilyDisabled;\n\n  const handleStickerClick = useCallback(\n    (sticker: (typeof stickers)[0]) => {\n      if (gridDisabled) return;\n\n      onStickerClick?.(sticker);\n      setIsTemporarilyDisabled(true);\n\n      const timeout = setTimeout(() => {\n        setIsTemporarilyDisabled(false);\n      }, 5000);\n\n      return () => clearTimeout(timeout);\n    },\n    [onStickerClick, gridDisabled],\n  );\n\n  return (\n    <S.StickerGridContainer $width=\"350px\" $height=\"400px\" $disabled={gridDisabled}>\n      <S.StickerGrid $columns={columns} $gap={gap}>\n        {stickers.map(sticker => (\n          <Sticker\n            key={sticker.id}\n            emoji={sticker.emoji}\n            lottieUrl={sticker.lottieUrl}\n            size={stickerSize}\n            onClick={() => handleStickerClick(sticker)}\n            disabled={gridDisabled}\n          />\n        ))}\n      </S.StickerGrid>\n    </S.StickerGridContainer>\n  );\n};\n\nexport default memo(StickerSelectorGrid);\n"],"names":["StickerSelectorGrid","stickers","stickerData","columns","gap","stickerSize","onStickerClick","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","gridDisabled","handleStickerClick","useCallback","sticker","timeout","jsx","S.StickerGridContainer","S.StickerGrid","Sticker","StickerSelectorGrid$1","memo"],"mappings":";;;;;AAQA,MAAMA,IAA2D,CAAC;AAAA,EAChE,UAAAC,IAAWC;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,gBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAeH,GAEfI,IAAqBC;AAAA,IACzB,CAACC,MAAkC;AACjC,UAAIH,EAAc;AAElB,MAAAJ,KAAA,QAAAA,EAAiBO,IACjBL,EAAyB,EAAI;AAEvB,YAAAM,IAAU,WAAW,MAAM;AAC/B,QAAAN,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaM,CAAO;AAAA,IACnC;AAAA,IACA,CAACR,GAAgBI,CAAY;AAAA,EAAA;AAI7B,SAAA,gBAAAK,EAACC,GAAA,EAAuB,QAAO,SAAQ,SAAQ,SAAQ,WAAWN,GAChE,4BAACO,GAAA,EAAc,UAAUd,GAAS,MAAMC,GACrC,UAAAH,EAAS,IAAI,CACZY,MAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,OAAOL,EAAQ;AAAA,MACf,WAAWA,EAAQ;AAAA,MACnB,MAAMR;AAAA,MACN,SAAS,MAAMM,EAAmBE,CAAO;AAAA,MACzC,UAAUH;AAAA,IAAA;AAAA,IALLG,EAAQ;AAAA,EAAA,CAOhB,GACH,EACF,CAAA;AAEJ,GAEeM,IAAAC,EAAKpB,CAAmB;"}

package/dist/features/{ui/sticker-grid/sticker-grid-styles.js → stickers/sticker-selector/sticker-selector-styles.js}

@@ -1,5 +1,5 @@
-import r from "styled-components";
-const e = r.div`
+import e from "styled-components";
+const o = e.div`
   position: relative;
   width: ${({ $size: t }) => typeof t == "number" ? `${t}px` : t};
   height: ${({ $size: t }) => typeof t == "number" ? `${t}px` : t};
@@ -12,6 +12,7 @@ const e = r.div`
   transition: all 0.2s ease;
   background-color: transparent;
   opacity: ${({ $disabled: t }) => t ? 0.5 : 1};
+  pointer-events: ${({ $disabled: t }) => t ? "none" : "auto"};
 
   &:hover {
     transform: ${({ $disabled: t }) => t ? "none" : "scale(1.1)"};
@@ -21,30 +22,31 @@ const e = r.div`
   &:active {
     transform: ${({ $disabled: t }) => t ? "none" : "scale(0.95)"};
   }
-`, n = r.div`
+`, r = e.div`
   font-size: ${({ $size: t }) => typeof t == "number" ? `${t * 0.7}px` : "70%"};
   line-height: 1;
-  display: flex;
+  display: ${({ $visible: t }) => t ? "flex" : "none"};
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   transition: opacity 0.2s ease;
-`, a = r.div`
+`, i = e.div`
   position: absolute;
   top: 50%;
   left: 50%;
   width: ${({ $size: t }) => typeof t == "number" ? `${t * 0.7}px` : t};
   height: ${({ $size: t }) => typeof t == "number" ? `${t * 0.7}px` : t};
-  opacity: 0;
-  transition: opacity 0.2s ease;
   transform: translate(-50%, -50%);
   pointer-events: none;
+  display: 'flex';
+  opacity: ${({ $visible: t }) => t ? 1 : 0};
+  transition: opacity 0.2s ease;
 
-  ${e}:hover & {
+  ${o}:hover & {
     opacity: 1;
   }
-`, i = r.div`
+`, a = e.div`
   display: grid;
   grid-template-columns: repeat(${({ $columns: t }) => t}, 1fr);
   gap: ${({ $gap: t }) => t}px;
@@ -53,34 +55,24 @@ const e = r.div`
   border-radius: 12px;
   max-height: 400px;
   overflow-y: auto;
+  scrollbar-gutter: stable;
 
+  scrollbar-width: none;
+  -ms-overflow-style: none;
   &::-webkit-scrollbar {
-    width: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: rgba(255, 255, 255, 0.1);
-    border-radius: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.3);
-    border-radius: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.5);
+    display: none;
   }
-`, c = r.div`
+`, p = e.div`
   width: 100%;
   max-width: ${({ $width: t }) => t};
   max-height: ${({ $height: t }) => t};
+  cursor: ${({ $disabled: t }) => t ? "default" : "pointer"};
 `;
 export {
-  a as LottieContainer,
-  n as StaticEmoji,
-  e as StickerContainer,
-  i as StickerGrid,
-  c as StickerGridContainer
+  i as LottieContainer,
+  r as StaticEmoji,
+  o as StickerContainer,
+  a as StickerGrid,
+  p as StickerGridContainer
 };
-//# sourceMappingURL=sticker-grid-styles.js.map
+//# sourceMappingURL=sticker-selector-styles.js.map

package/dist/features/stickers/sticker-selector/sticker-selector-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector-styles.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector-styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StickerContainer = styled.div<{\n  $size: number | string;\n  $disabled?: boolean;\n}>`\n  position: relative;\n  width: ${({ $size }) => (typeof $size === 'number' ? `${$size}px` : $size)};\n  height: ${({ $size }) => (typeof $size === 'number' ? `${$size}px` : $size)};\n  cursor: ${({ $disabled }) => ($disabled ? 'none' : 'pointer')};\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  background-color: transparent;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n  pointer-events: ${({ $disabled }) => ($disabled ? 'none' : 'auto')};\n\n  &:hover {\n    transform: ${({ $disabled }) => ($disabled ? 'none' : 'scale(1.1)')};\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  &:active {\n    transform: ${({ $disabled }) => ($disabled ? 'none' : 'scale(0.95)')};\n  }\n`;\n\nexport const StaticEmoji = styled.div<{ $size: number | string; $visible: boolean }>`\n  font-size: ${({ $size }) => {\n    if (typeof $size === 'number') {\n      return `${$size * 0.7}px`;\n    }\n\n    return '70%';\n  }};\n  line-height: 1;\n  display: ${({ $visible }) => ($visible ? 'flex' : 'none')};\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  transition: opacity 0.2s ease;\n`;\n\nexport const LottieContainer = styled.div<{\n  $size: number | string;\n  $visible?: boolean;\n}>`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: ${({ $size }) => (typeof $size === 'number' ? `${$size * 0.7}px` : $size)};\n  height: ${({ $size }) => (typeof $size === 'number' ? `${$size * 0.7}px` : $size)};\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  display: 'flex';\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity 0.2s ease;\n\n  ${StickerContainer}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const StickerGrid = styled.div<{\n  $columns: number;\n  $gap: number;\n}>`\n  display: grid;\n  grid-template-columns: repeat(${({ $columns }) => $columns}, 1fr);\n  gap: ${({ $gap }) => $gap}px;\n  padding: 16px;\n  background-color: #2a2a2a;\n  border-radius: 12px;\n  max-height: 400px;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nexport const StickerGridContainer = styled.div<{\n  $width: string;\n  $height: string;\n  $disabled?: boolean;\n}>`\n  width: 100%;\n  max-width: ${({ $width }) => $width};\n  max-height: ${({ $height }) => $height};\n  cursor: ${({ $disabled }) => ($disabled ? 'default' : 'pointer')};\n`;\n"],"names":["StickerContainer","styled","$size","$disabled","StaticEmoji","$visible","LottieContainer","StickerGrid","$columns","$gap","StickerGridContainer","$width","$height"],"mappings":";AAEO,MAAMA,IAAmBC,EAAO;AAAA;AAAA,WAK5B,CAAC,EAAE,OAAAC,EAAa,MAAA,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,CAAM;AAAA,YAChE,CAAC,EAAE,OAAAA,EAAa,MAAA,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,CAAM;AAAA,YACjE,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,SAAS,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQlD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,MAAM,CAAE;AAAA,oBACjC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,MAAO;AAAA;AAAA;AAAA,iBAGnD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,YAAa;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKtD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,aAAc;AAAA;AAAA,GAI3DC,IAAcH,EAAO;AAAA,eACnB,CAAC,EAAE,OAAAC,QACV,OAAOA,KAAU,WACZ,GAAGA,IAAQ,GAAG,OAGhB,KACR;AAAA;AAAA,aAEU,CAAC,EAAE,UAAAG,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9CC,IAAkBL,EAAO;AAAA;AAAA;AAAA;AAAA,WAO3B,CAAC,EAAE,OAAAC,QAAa,OAAOA,KAAU,WAAW,GAAGA,IAAQ,GAAG,OAAOA,CAAM;AAAA,YACtE,CAAC,EAAE,OAAAA,QAAa,OAAOA,KAAU,WAAW,GAAGA,IAAQ,GAAG,OAAOA,CAAM;AAAA;AAAA;AAAA;AAAA,aAItE,CAAC,EAAE,UAAAG,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA;AAAA;AAAA,IAG7CL,CAAgB;AAAA;AAAA;AAAA,GAKPO,IAAcN,EAAO;AAAA;AAAA,kCAKA,CAAC,EAAE,UAAAO,EAAS,MAAMA,CAAQ;AAAA,SACnD,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAedC,IAAuBT,EAAO;AAAA;AAAA,eAM5B,CAAC,EAAE,QAAAU,EAAO,MAAMA,CAAM;AAAA,gBACrB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA,YAC5B,CAAC,EAAE,WAAAT,EAAA,MAAiBA,IAAY,YAAY,SAAU;AAAA;"}

package/dist/features/stickers/sticker-selector/sticker-selector.js

@@ -0,0 +1,88 @@
+import { jsx as s } from "react/jsx-runtime";
+import { memo as v, useCallback as D, useMemo as G } from "react";
+import M from "../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+import T from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import { stickerData as V } from "../sticker-data.js";
+import Y from "./sticker-selector-grid.js";
+const j = ({
+  triggerNode: n,
+  studentClassroomId: d,
+  gridConfig: l,
+  tooltipConfig: m,
+  visible: c
+}) => {
+  const { columns: t = 4, gap: r = 8, stickerSize: i = 48 } = l, {
+    isAnimated: p,
+    arrowColor: C,
+    arrowSize: f,
+    arrowXCoOrdinates: k,
+    arrowYCoOrdinates: S,
+    backgroundColor: w,
+    borderColor: u,
+    position: g = "bottom",
+    renderAs: b = "primary",
+    textVariant: h,
+    tooltipOffset: A,
+    tooltipXCoOrdinates: O,
+    tooltipYCoOrdinates: x,
+    width: B,
+    widthX: I,
+    zIndex: y,
+    parentWidth: z,
+    isBlocking: E = !1
+  } = m, { publish: o } = M({ studentClassroomId: d }), a = D(
+    (e) => o == null ? void 0 : o({
+      eventName: "TEACHER_BADGE",
+      eventPayload: {
+        data: {
+          selectedBadge: { id: e.id, name: e.name },
+          badgeId: e.id
+        }
+      }
+    }),
+    [o]
+  ), X = G(
+    () => /* @__PURE__ */ s(
+      Y,
+      {
+        stickers: V,
+        columns: t,
+        gap: r,
+        stickerSize: i,
+        onStickerClick: a
+      }
+    ),
+    [t, r, a, i]
+  );
+  return /* @__PURE__ */ s(
+    T,
+    {
+      children: n,
+      alwaysVisible: !0,
+      hidden: !c,
+      tooltipItem: X,
+      renderAs: b,
+      position: g,
+      isBlocking: E,
+      isAnimated: p,
+      zIndex: y,
+      width: B,
+      widthX: I,
+      parentWidth: z,
+      backgroundColor: w,
+      borderColor: u,
+      textVariant: h,
+      tooltipOffset: A,
+      arrowColor: C,
+      arrowSize: f,
+      arrowXCoOrdinates: k,
+      arrowYCoOrdinates: S,
+      tooltipXCoOrdinates: O,
+      tooltipYCoOrdinates: x
+    }
+  );
+}, q = v(j);
+export {
+  q as default
+};
+//# sourceMappingURL=sticker-selector.js.map

package/dist/features/stickers/sticker-selector/sticker-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector.tsx"],"sourcesContent":["import type { IStickerSelectorProps, IStickerData } from './sticker-selector-types';\n\nimport React, { memo, useCallback, useMemo } from 'react';\n\nimport useInClassMessageBroker from '../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport { stickerData } from '../sticker-data';\nimport StickerSelectorGrid from './sticker-selector-grid';\n\nconst StickerSelector: React.FC<IStickerSelectorProps> = ({\n  triggerNode,\n  studentClassroomId,\n  gridConfig,\n  tooltipConfig,\n  visible,\n}) => {\n  const { columns = 4, gap = 8, stickerSize = 48 } = gridConfig;\n  const {\n    isAnimated,\n    arrowColor,\n    arrowSize,\n    arrowXCoOrdinates,\n    arrowYCoOrdinates,\n    backgroundColor,\n    borderColor,\n    position = 'bottom',\n    renderAs = 'primary',\n    textVariant,\n    tooltipOffset,\n    tooltipXCoOrdinates,\n    tooltipYCoOrdinates,\n    width,\n    widthX,\n    zIndex,\n    parentWidth,\n    isBlocking = false,\n  } = tooltipConfig;\n  const { publish } = useInClassMessageBroker({ studentClassroomId });\n\n  const handleSend = useCallback(\n    (sticker: IStickerData) =>\n      publish?.({\n        eventName: 'TEACHER_BADGE',\n        eventPayload: {\n          data: {\n            selectedBadge: { id: sticker.id, name: sticker.name },\n            badgeId: sticker.id,\n          },\n        },\n      }),\n    [publish],\n  );\n\n  const tooltipItem = useMemo(\n    () => (\n      <StickerSelectorGrid\n        stickers={stickerData}\n        columns={columns}\n        gap={gap}\n        stickerSize={stickerSize}\n        onStickerClick={handleSend}\n      />\n    ),\n    [columns, gap, handleSend, stickerSize],\n  );\n\n  return (\n    <ArrowTooltip\n      children={triggerNode}\n      alwaysVisible\n      hidden={!visible}\n      tooltipItem={tooltipItem}\n      renderAs={renderAs}\n      position={position}\n      isBlocking={isBlocking}\n      isAnimated={isAnimated}\n      zIndex={zIndex}\n      width={width}\n      widthX={widthX}\n      parentWidth={parentWidth}\n      backgroundColor={backgroundColor}\n      borderColor={borderColor}\n      textVariant={textVariant}\n      tooltipOffset={tooltipOffset}\n      arrowColor={arrowColor}\n      arrowSize={arrowSize}\n      arrowXCoOrdinates={arrowXCoOrdinates}\n      arrowYCoOrdinates={arrowYCoOrdinates}\n      tooltipXCoOrdinates={tooltipXCoOrdinates}\n      tooltipYCoOrdinates={tooltipYCoOrdinates}\n    />\n  );\n};\n\nexport default memo(StickerSelector);\n"],"names":["StickerSelector","triggerNode","studentClassroomId","gridConfig","tooltipConfig","visible","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","publish","useInClassMessageBroker","handleSend","useCallback","sticker","tooltipItem","useMemo","jsx","StickerSelectorGrid","stickerData","ArrowTooltip","stickerSelector","memo"],"mappings":";;;;;;AASA,MAAMA,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,IAAU,GAAG,KAAAC,IAAM,GAAG,aAAAC,IAAc,GAAO,IAAAL,GAC7C;AAAA,IACJ,YAAAM;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EACX,IAAAtB,GACE,EAAE,SAAAuB,EAAQ,IAAIC,EAAwB,EAAE,oBAAA1B,EAAoB,CAAA,GAE5D2B,IAAaC;AAAA,IACjB,CAACC,MACCJ,KAAA,gBAAAA,EAAU;AAAA,MACR,WAAW;AAAA,MACX,cAAc;AAAA,QACZ,MAAM;AAAA,UACJ,eAAe,EAAE,IAAII,EAAQ,IAAI,MAAMA,EAAQ,KAAK;AAAA,UACpD,SAASA,EAAQ;AAAA,QACnB;AAAA,MACF;AAAA,IAAA;AAAA,IAEJ,CAACJ,CAAO;AAAA,EAAA,GAGJK,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUC;AAAA,QACV,SAAA9B;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBqB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEF,CAACvB,GAASC,GAAKsB,GAAYrB,CAAW;AAAA,EAAA;AAItC,SAAA,gBAAA0B;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAUpC;AAAA,MACV,eAAa;AAAA,MACb,QAAQ,CAACI;AAAA,MACT,aAAA2B;AAAA,MACA,UAAAf;AAAA,MACA,UAAAD;AAAA,MACA,YAAAU;AAAA,MACA,YAAAjB;AAAA,MACA,QAAAe;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,iBAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAG;AAAA,MACA,eAAAC;AAAA,MACA,YAAAT;AAAA,MACA,WAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAAO;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeiB,IAAAC,EAAKvC,CAAe;"}