@cuemath/leap 3.3.32 → 3.3.33-m

package/dist/features/parent-dashboard/parent-dashboard-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport { invalidateParentHome } from './api/parent-home';\nimport BillingInformation from './comps/billing-information/billing-information';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport NextSteps from './comps/next-steps/next-steps';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport SessionStatus from './comps/session-status/session-status';\nimport SessionSummary from './comps/session-summary/session-summary';\nimport UpcomingSessions from './comps/upcoming-sessions/upcoming-sessions';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport useStudentProfileSummaryData from './hooks/use-student-profile-summary-data';\nimport { usePLAModalHandlers } from './modals/hooks/use-pla-model-handlers';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    onSwitchUser,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const parentHomeData = useParentHomeData(studentId);\n    const {\n      isStudentNoShow,\n      isTutorNoShow,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      showLoading = false,\n      demoId,\n      isProcessingFailed,\n      userAttemptId,\n      isSubscriptionCancelled,\n      canChangeTutor,\n      sessionDetails,\n      cardOnFileNotAvailable,\n      isCardDeclined,\n    } = parentHomeData;\n    const { summaryInfo, fetchSummaryData } = useStudentProfileSummaryData(studentId);\n\n    const spacing = useMemo<ISpacingConfig>(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const buttonWidth = useMemo(() => (isMobile ? '100%' : 200), [isMobile]);\n\n    const handleTryAgain = useCallback(() => {\n      invalidateParentHome(studentId);\n      fetchSummaryData();\n    }, [fetchSummaryData, studentId]);\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      onChangeTutor(demoId);\n    }, [demoId, onChangeTutor]);\n\n    const { onCancelSubscription, onViewPaymentMethod } = usePLAModalHandlers({\n      demoId,\n      studentId,\n      isTrialDone,\n      studentName,\n      billingDetails,\n      withTutor: !!teacherName,\n      onChangeTutor: handleChangeTutor,\n      onRescheduleDemo: handleRescheduleDemo,\n    });\n\n    const handleViewSummary = useCallback(\n      (key: ESummaryType) => {\n        onViewSummary?.(key, { ...summaryInfo, userAttemptId: userAttemptId ?? null });\n      },\n      [onViewSummary, summaryInfo, userAttemptId],\n    );\n\n    const sessionStatusProps = useMemo(\n      () => ({\n        completedSessions,\n        nextSessionStartTime: nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEndTime: nextSessionEnd,\n        studentName,\n        onRescheduleClick: handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      }),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      ],\n    );\n\n    const sessionSummaryProps = useMemo(\n      () => ({\n        isTrialDone,\n        studentName,\n        onViewSummary: handleViewSummary,\n      }),\n      [isTrialDone, studentName, handleViewSummary],\n    );\n\n    const CancelledSubscriptionView = useMemo(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                size=\"small\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const SessionStatusSection = useMemo(\n      () => <SessionStatus {...sessionStatusProps} />,\n      [sessionStatusProps],\n    );\n\n    const TeacherProfileSection = useMemo(() => {\n      if (!teacherDetails || isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isTrialDone, spacing.separator.large]);\n\n    const SessionSummarySection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary {...sessionSummaryProps} />\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, sessionSummaryProps]);\n\n    const TutorChangeSection = useMemo(() => {\n      if (!canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const TeacherDetailsSection = useMemo(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {TutorChangeSection}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, TutorChangeSection]);\n\n    const OnlyTrialDoneSection = useMemo(() => {\n      if (!isOnlyTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {TeacherDetailsSection}\n        </FlexView>\n      );\n    }, [isOnlyTrialDone, spacing.separator.extraLarge, upcomingSessions, TeacherDetailsSection]);\n\n    const AppFeaturesSection = useMemo(() => {\n      if (!isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isTrialDone, spacing.separator.extraLarge]);\n\n    const MathPracticeSection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, onSwitchUser]);\n\n    const BillingInformationSection = useMemo(() => {\n      if (!billingDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <BillingInformation\n            billingDetails={billingDetails}\n            onViewPaymentMethod={onViewPaymentMethod}\n            onCancelSubscription={onCancelSubscription}\n          />\n        </FlexView>\n      );\n    }, [billingDetails, spacing.separator.extraLarge, onViewPaymentMethod, onCancelSubscription]);\n\n    const MainContent = useMemo(\n      () => (\n        <FlexView>\n          {SessionStatusSection}\n          {TeacherProfileSection}\n          {SessionSummarySection}\n          {OnlyTrialDoneSection}\n          {AppFeaturesSection}\n          {MathPracticeSection}\n          {BillingInformationSection}\n        </FlexView>\n      ),\n      [\n        SessionStatusSection,\n        TeacherProfileSection,\n        SessionSummarySection,\n        OnlyTrialDoneSection,\n        AppFeaturesSection,\n        MathPracticeSection,\n        BillingInformationSection,\n      ],\n    );\n\n    const FaqsSection = useMemo(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    const isLoading = useMemo(() => {\n      return isCardDeclined || cardOnFileNotAvailable || !sessionDetails || showLoading;\n    }, [cardOnFileNotAvailable, isCardDeclined, sessionDetails, showLoading]);\n\n    if (isLoading) {\n      return <AppLoader height=\"100dvh\" />;\n    }\n\n    if (isProcessingFailed) {\n      return (\n        <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n          <Error theme=\"dark\" onTryAgain={handleTryAgain} />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? CancelledSubscriptionView : MainContent}\n          {FaqsSection}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","onSwitchUser","HeaderAvatar","device","useTheme","isMobile","EDeviceType","parentHomeData","useParentHomeData","isStudentNoShow","isTutorNoShow","teacherDetails","billingDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","upcomingSessions","isTrialDone","isOnlyTrialDone","isRegularClassDone","showLoading","demoId","isProcessingFailed","userAttemptId","isSubscriptionCancelled","canChangeTutor","sessionDetails","cardOnFileNotAvailable","isCardDeclined","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","buttonWidth","handleTryAgain","useCallback","invalidateParentHome","handleRescheduleDemo","handleChangeTutor","onCancelSubscription","onViewPaymentMethod","usePLAModalHandlers","handleViewSummary","key","sessionStatusProps","sessionSummaryProps","CancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SessionStatusSection","SessionStatus","TeacherProfileSection","TeacherProfile","SessionSummarySection","SessionSummary","TutorChangeSection","jsxs","Text","TextButton","TeacherDetailsSection","OnlyTrialDoneSection","NextSteps","UpcomingSessions","AppFeaturesSection","CuemathAppFeatures","MathPracticeSection","Styled.MathPracticeWrapper","MathPractice","BillingInformationSection","BillingInformation","MainContent","FaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":"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"}
+{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport NextSteps from '../trial-session/comps/pla/next-steps/next-steps';\nimport SessionStatus from '../trial-session/comps/pla/session-status/session-status';\nimport SessionSummary from '../trial-session/comps/pla/session-summary/session-summary';\nimport UpcomingSessions from '../trial-session/comps/pla/upcoming-sessions/upcoming-sessions';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport { invalidateParentHome } from './api/parent-home';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport useStudentProfileSummaryData from './hooks/use-student-profile-summary-data';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    canChangeTutor,\n    onSwitchUser,\n    isSubscriptionCancelled,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const {\n      teacherDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      showLoading = false,\n      demoId,\n      isProcessingFailed,\n      userAttemptId,\n    } = useParentHomeData(studentId);\n\n    const { summaryInfo, fetchSummaryData } = useStudentProfileSummaryData(studentId);\n\n    const handleTryAgain = useCallback(() => {\n      invalidateParentHome(studentId);\n      fetchSummaryData();\n    }, [fetchSummaryData, studentId]);\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      onChangeTutor(demoId);\n    }, [demoId, onChangeTutor]);\n\n    const spacing: ISpacingConfig = useMemo(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const handleViewSummary = useCallback(\n      (key: ESummaryType) => {\n        onViewSummary?.(key, { ...summaryInfo, userAttemptId: userAttemptId ?? null });\n      },\n      [onViewSummary, summaryInfo, userAttemptId],\n    );\n\n    const buttonWidth = isMobile ? '100%' : 200;\n\n    const renderCancelledSubscriptionView = useCallback(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const renderSessionStatusSection = useCallback(\n      () => (\n        <SessionStatus\n          completedSessions={completedSessions}\n          nextSessionStartTime={nextSessionStart}\n          teacherName={teacherName}\n          status={classStatus}\n          nextSessionEndTime={nextSessionEnd}\n          studentName={studentName}\n          onRescheduleClick={handleRescheduleDemo}\n        />\n      ),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        classStatus,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n      ],\n    );\n\n    const renderTeacherProfileSection = useCallback(() => {\n      if (!teacherDetails || isDemoDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isDemoDone, spacing.separator.large]);\n\n    const renderSessionSummarySection = useCallback(() => {\n      if (isMoreThanOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary\n            isDemoDone={isDemoDone}\n            studentName={studentName}\n            onViewSummary={handleViewSummary}\n          />\n        </FlexView>\n      );\n    }, [\n      isMoreThanOneSessionCompleted,\n      spacing.separator.extraLarge,\n      isDemoDone,\n      studentName,\n      handleViewSummary,\n    ]);\n\n    const renderTutorChangeSection = useCallback(() => {\n      if (!canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const renderTeacherDetailsSection = useCallback(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {renderTutorChangeSection()}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, renderTutorChangeSection]);\n\n    const renderOnlyOneSessionSection = useCallback(() => {\n      if (!isOnlyOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {renderTeacherDetailsSection()}\n        </FlexView>\n      );\n    }, [\n      isOnlyOneSessionCompleted,\n      spacing.separator.extraLarge,\n      upcomingSessions,\n      renderTeacherDetailsSection,\n    ]);\n\n    const renderAppFeaturesSection = useCallback(() => {\n      if (!isDemoDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isDemoDone, spacing.separator.extraLarge]);\n\n    const renderMathPracticeSection = useCallback(() => {\n      if (isMoreThanOneSessionCompleted) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isMoreThanOneSessionCompleted, spacing.separator.extraLarge, onSwitchUser]);\n\n    const renderMainContent = useCallback(\n      () => (\n        <FlexView>\n          {renderSessionStatusSection()}\n          {renderTeacherProfileSection()}\n          {renderSessionSummarySection()}\n          {renderOnlyOneSessionSection()}\n          {renderAppFeaturesSection()}\n          {renderMathPracticeSection()}\n        </FlexView>\n      ),\n      [\n        renderSessionStatusSection,\n        renderTeacherProfileSection,\n        renderSessionSummarySection,\n        renderOnlyOneSessionSection,\n        renderAppFeaturesSection,\n        renderMathPracticeSection,\n      ],\n    );\n\n    const renderFaqsSection = useCallback(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n          <Separator height={spacing.separator.extraLarge} />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    if (showLoading) {\n      return <AppLoader height=\"100dvh\" />;\n    }\n\n    if (isProcessingFailed)\n      return (\n        <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n          <Error theme=\"dark\" onTryAgain={handleTryAgain} />\n        </FlexView>\n      );\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? renderCancelledSubscriptionView() : renderMainContent()}\n          {renderFaqsSection()}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","canChangeTutor","onSwitchUser","isSubscriptionCancelled","HeaderAvatar","device","useTheme","isMobile","EDeviceType","teacherDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","classStatus","upcomingSessions","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted","showLoading","demoId","isProcessingFailed","userAttemptId","useParentHomeData","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","handleTryAgain","useCallback","invalidateParentHome","handleRescheduleDemo","handleChangeTutor","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","handleViewSummary","key","buttonWidth","renderCancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","renderSessionStatusSection","SessionStatus","renderTeacherProfileSection","TeacherProfile","renderSessionSummarySection","SessionSummary","renderTutorChangeSection","jsxs","Text","TextButton","renderTeacherDetailsSection","renderOnlyOneSessionSection","NextSteps","UpcomingSessions","renderAppFeaturesSection","CuemathAppFeatures","renderMathPracticeSection","Styled.MathPracticeWrapper","MathPractice","renderMainContent","renderFaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":"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"}

package/dist/features/stickers/sticker-selector/hooks/use-handle-sticker-send.js

@@ -0,0 +1,36 @@
+import a from "../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+import { useStickers as S } from "../../stickers-effects/hooks/use-stickers.js";
+const f = (r) => {
+  const { showSticker: c } = S(), { publish: n } = a({
+    studentClassroomId: r,
+    onMessageReceive: (t) => {
+      t.forEach((e) => {
+        if (e.eventName === "STICKERS") {
+          const o = e == null ? void 0 : e.eventPayload;
+          o && c(o);
+        }
+      });
+    }
+  });
+  return (t, e) => {
+    n == null || n({
+      eventName: "STICKERS",
+      eventPayload: {
+        message: {
+          data: {
+            selectedSticker: {
+              id: t.id,
+              name: t.name
+            },
+            effectId: e
+          }
+        },
+        type: "STICKERS"
+      }
+    });
+  };
+};
+export {
+  f as useHandleStickerSend
+};
+//# sourceMappingURL=use-handle-sticker-send.js.map

package/dist/features/stickers/sticker-selector/hooks/use-handle-sticker-send.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/sticker-selector/hooks/use-handle-sticker-send.tsx"],"sourcesContent":["import type {\n  IStickerData,\n  TStickerAnimationEffects,\n  TStickersPayload,\n} from '../../stickers-types';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport { useStickers } from '../../stickers-effects/hooks/use-stickers';\n\n/**\n * Custom hook that returns a sticker send handler using the message broker.\n */\nexport const useHandleStickerSend = (studentClassroomId: string) => {\n  const { showSticker } = useStickers();\n\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n    onMessageReceive: messages => {\n      messages.forEach(message => {\n        if (message.eventName === 'STICKERS') {\n          const payload = message?.eventPayload;\n\n          if (payload) {\n            showSticker(payload as TStickersPayload);\n          }\n        }\n      });\n    },\n  });\n\n  const sendSticker = (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n    publish?.({\n      eventName: 'STICKERS',\n      eventPayload: {\n        message: {\n          data: {\n            selectedSticker: {\n              id: sticker.id,\n              name: sticker.name,\n            },\n            effectId: effect,\n          },\n        },\n        type: 'STICKERS',\n      },\n    });\n  };\n\n  return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","showSticker","useStickers","publish","useInClassMessageBroker","messages","message","payload","sticker","effect"],"mappings":";;AAYa,MAAAA,IAAuB,CAACC,MAA+B;AAC5D,QAAA,EAAE,aAAAC,MAAgBC,KAElB,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAJ;AAAA,IACA,kBAAkB,CAAYK,MAAA;AAC5B,MAAAA,EAAS,QAAQ,CAAWC,MAAA;AACtB,YAAAA,EAAQ,cAAc,YAAY;AACpC,gBAAMC,IAAUD,KAAA,gBAAAA,EAAS;AAEzB,UAAIC,KACFN,EAAYM,CAA2B;AAAA,QAE3C;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EAAA,CACD;AAoBM,SAlBa,CAACC,GAAuBC,MAAqC;AACrE,IAAAN,KAAA,QAAAA,EAAA;AAAA,MACR,WAAW;AAAA,MACX,cAAc;AAAA,QACZ,SAAS;AAAA,UACP,MAAM;AAAA,YACJ,iBAAiB;AAAA,cACf,IAAIK,EAAQ;AAAA,cACZ,MAAMA,EAAQ;AAAA,YAChB;AAAA,YACA,UAAUC;AAAA,UACZ;AAAA,QACF;AAAA,QACA,MAAM;AAAA,MACR;AAAA,IAAA;AAAA,EACD;AAIL;"}

package/dist/features/stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.js

@@ -0,0 +1,72 @@
+import { jsxs as l, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { useCallback as c } from "react";
+import { JOURNEY_ID_TEACHER as t } from "../../../../journey/journey-id/journey-id-teacher.js";
+import { IndicatorType as h } from "../../../../journey/use-journey/constants.js";
+import { useJourney as u } from "../../../../journey/use-journey/use-journey.js";
+import T from "../../../../ui/buttons/button/button.js";
+import d from "../../../../ui/layout/flex-view.js";
+import C from "../../../../ui/separator/separator.js";
+import m from "../../../../ui/text/text.js";
+const N = ({
+  triggerRef: o,
+  tooltipConfig: r
+}) => {
+  const { setJourney: n, nextCoachmark: i, endJourney: a } = u(), s = c(() => {
+    a(t.STICKERS_INTRO_JOURNEY);
+  }, [a]);
+  return {
+    startTeacherStickersJourney: c(() => {
+      if (!o.current) return;
+      const O = {
+        position: r.position,
+        tooltipXCoOrdinates: r.tooltipXCoOrdinates,
+        tooltipYCoOrdinates: r.tooltipYCoOrdinates,
+        arrowXCoOrdinates: r.arrowXCoOrdinates,
+        arrowYCoOrdinates: r.arrowYCoOrdinates,
+        borderColor: "BLACK",
+        arrowColor: "BLACK",
+        backgroundColor: "PURPLE_4",
+        tooltipItem: /* @__PURE__ */ l(d, { children: [
+          /* @__PURE__ */ e(d, { children: /* @__PURE__ */ l(
+            m,
+            {
+              $renderOnMobileAs: "ab3",
+              $renderAs: "ab3",
+              as: "span",
+              $inline: !0,
+              $whiteSpace: "normal",
+              children: [
+                /* @__PURE__ */ e(m, { $renderAs: "ab3-bold", as: "span", $inline: !0, children: "New Stickers" }),
+                " ",
+                "- Use them to celebrate little moments of joy!"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(C, { height: 10 }),
+          /* @__PURE__ */ e(
+            T,
+            {
+              renderAs: "secondary",
+              label: "Got It",
+              size: "xsmall",
+              width: "50%",
+              onClick: s
+            }
+          )
+        ] })
+      };
+      n(t.STICKERS_INTRO_JOURNEY, [
+        {
+          originalElementToHighlightRef: o,
+          type: h.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(p, {}),
+          indicator: O
+        }
+      ]), i(t.STICKERS_INTRO_JOURNEY);
+    }, [o, n, s, i, r])
+  };
+};
+export {
+  N as useStickersJourney
+};
+//# sourceMappingURL=use-stickers-journey.js.map

package/dist/features/stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stickers-journey.js","sources":["../../../../../../src/features/stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type {\n  IUseTeacherStickersJourneyProps,\n  TArrowTooltipConfigProps,\n} from './use-stickers-journey-types';\n\nimport React, { useCallback } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../../../journey/journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\n\nexport const useStickersJourney = ({\n  triggerRef,\n  tooltipConfig,\n}: IUseTeacherStickersJourneyProps) => {\n  const { setJourney, nextCoachmark, endJourney } = useJourney();\n\n  const endTeacherStickersOnboarding = useCallback(() => {\n    endJourney(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [endJourney]);\n\n  const startTeacherStickersJourney = useCallback(() => {\n    if (!triggerRef.current) return;\n\n    const indicatorPayload: TArrowTooltipConfigProps & {\n      borderColor: string;\n      arrowColor: string;\n      backgroundColor: string;\n      tooltipItem: React.ReactNode;\n    } = {\n      position: tooltipConfig.position,\n      tooltipXCoOrdinates: tooltipConfig.tooltipXCoOrdinates,\n      tooltipYCoOrdinates: tooltipConfig.tooltipYCoOrdinates,\n      arrowXCoOrdinates: tooltipConfig.arrowXCoOrdinates,\n      arrowYCoOrdinates: tooltipConfig.arrowYCoOrdinates,\n      borderColor: 'BLACK',\n      arrowColor: 'BLACK',\n      backgroundColor: 'PURPLE_4',\n      tooltipItem: (\n        <FlexView>\n          <FlexView>\n            <Text\n              $renderOnMobileAs=\"ab3\"\n              $renderAs=\"ab3\"\n              as=\"span\"\n              $inline={true}\n              $whiteSpace=\"normal\"\n            >\n              <Text $renderAs=\"ab3-bold\" as=\"span\" $inline={true}>\n                New Stickers\n              </Text>{' '}\n              - Use them to celebrate little moments of joy!\n            </Text>\n          </FlexView>\n          <Separator height={10} />\n          <Button\n            renderAs=\"secondary\"\n            label=\"Got It\"\n            size=\"xsmall\"\n            width=\"50%\"\n            onClick={endTeacherStickersOnboarding}\n          />\n        </FlexView>\n      ),\n    };\n\n    setJourney(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY, [\n      {\n        originalElementToHighlightRef: triggerRef,\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: <></>,\n        indicator: indicatorPayload as IArrowTooltipProps,\n      },\n    ]);\n\n    nextCoachmark(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [triggerRef, setJourney, endTeacherStickersOnboarding, nextCoachmark, tooltipConfig]);\n\n  return {\n    startTeacherStickersJourney,\n  };\n};\n"],"names":["useStickersJourney","triggerRef","tooltipConfig","setJourney","nextCoachmark","endJourney","useJourney","endTeacherStickersOnboarding","useCallback","JOURNEY_ID_TEACHER","indicatorPayload","FlexView","jsx","jsxs","Text","Separator","Button","IndicatorType","Fragment"],"mappings":";;;;;;;;;AAgBO,MAAMA,IAAqB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,eAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,YAAAC,GAAY,eAAAC,GAAe,YAAAC,MAAeC,EAAW,GAEvDC,IAA+BC,EAAY,MAAM;AACrD,IAAAH,EAAWI,EAAmB,sBAAsB;AAAA,EAAA,GACnD,CAACJ,CAAU,CAAC;AA2DR,SAAA;AAAA,IACL,6BA1DkCG,EAAY,MAAM;AAChD,UAAA,CAACP,EAAW,QAAS;AAEzB,YAAMS,IAKF;AAAA,QACF,UAAUR,EAAc;AAAA,QACxB,qBAAqBA,EAAc;AAAA,QACnC,qBAAqBA,EAAc;AAAA,QACnC,mBAAmBA,EAAc;AAAA,QACjC,mBAAmBA,EAAc;AAAA,QACjC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,+BACGS,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACD,GACC,EAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,mBAAkB;AAAA,cAClB,WAAU;AAAA,cACV,IAAG;AAAA,cACH,SAAS;AAAA,cACT,aAAY;AAAA,cAEZ,UAAA;AAAA,gBAAA,gBAAAF,EAACE,KAAK,WAAU,YAAW,IAAG,QAAO,SAAS,IAAM,UAEpD,eAAA,CAAA;AAAA,gBAAQ;AAAA,gBAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAGhB;AAAA,UACA,gBAAAF,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAST;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAIJ,MAAAJ,EAAWM,EAAmB,wBAAwB;AAAA,QACpD;AAAA,UACE,+BAA+BR;AAAA,UAC/B,MAAMgB,EAAc;AAAA,UACpB,oBAAsB,gBAAAL,EAAAM,GAAA,EAAA;AAAA,UACtB,WAAWR;AAAA,QACb;AAAA,MAAA,CACD,GAEDN,EAAcK,EAAmB,sBAAsB;AAAA,IAAA,GACtD,CAACR,GAAYE,GAAYI,GAA8BH,GAAeF,CAAa,CAAC;AAAA,EAGrF;AAEJ;"}

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

@@ -1,85 +1,86 @@
-import { jsx as o } from "react/jsx-runtime";
-import { memo as E, useState as G, useCallback as M, useMemo as n } from "react";
-import S from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import $ from "./comps/stiker-selector-grid/sticker-selector-grid.js";
-import { TriggerWrapper as q } from "./sticker-selector-styled.js";
-const v = ({
+import { jsx as t } from "react/jsx-runtime";
+import { memo as j, useState as B, useCallback as G, useMemo as d } from "react";
+import K from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import R from "./comps/stiker-selector-grid/sticker-selector-grid.js";
+import { TriggerWrapper as _ } from "./sticker-selector-styled.js";
+const $ = ({
   triggerNode: e,
-  onStickerSend: t,
+  onStickerSend: r,
   gridConfig: c,
-  tooltipConfig: d,
-  visible: p
+  tooltipConfig: p,
+  visible: f
 }) => {
   const { columns: i = 4, gap: s = 8, stickerSize: a = 48 } = c, {
     isAnimated: u,
-    arrowColor: f,
+    arrowColor: C,
     arrowSize: b,
-    arrowXCoOrdinates: C,
+    arrowXCoOrdinates: h,
     arrowYCoOrdinates: w,
-    backgroundColor: h,
-    borderColor: T,
-    position: g = "bottom",
-    renderAs: k = "primary",
-    textVariant: O,
-    tooltipOffset: x,
+    backgroundColor: T,
+    borderColor: g,
+    position: k = "bottom",
+    renderAs: x = "primary",
+    textVariant: E,
+    tooltipOffset: O,
     tooltipXCoOrdinates: y,
-    tooltipYCoOrdinates: z,
-    width: A,
-    widthX: I,
-    zIndex: X,
-    parentWidth: D,
-    isBlocking: V = !1
-  } = d, [r, l] = G(!1), m = M(
-    (j) => {
-      if (r) return;
-      t == null || t(j), l(!0);
-      const B = setTimeout(() => {
+    tooltipYCoOrdinates: I,
+    width: z,
+    widthX: A,
+    zIndex: M,
+    parentWidth: S,
+    isBlocking: X = !1
+  } = p, [o, l] = B(!1), n = G(
+    (V) => {
+      if (o) return;
+      const m = ["burst-from-edges", "pop-expand", "float-up", "fall-down"], W = m[Math.floor(Math.random() * m.length)];
+      r == null || r(V, W), l(!0);
+      const Y = setTimeout(() => {
         l(!1);
       }, 5e3);
-      return () => clearTimeout(B);
+      return () => clearTimeout(Y);
     },
-    [t, r]
-  ), W = n(
-    () => /* @__PURE__ */ o(
-      $,
+    [r, o]
+  ), D = d(
+    () => /* @__PURE__ */ t(
+      R,
       {
         columns: i,
         gap: s,
         stickerSize: a,
-        onStickerClick: m,
-        disabled: r
+        onStickerClick: n,
+        disabled: o
       }
     ),
-    [i, s, a, m, r]
-  ), Y = n(() => /* @__PURE__ */ o(q, { $disabled: r, children: e }), [r, e]);
-  return /* @__PURE__ */ o(
-    S,
+    [i, s, a, n, o]
+  ), F = d(() => /* @__PURE__ */ t(_, { $disabled: o, children: e }), [o, e]);
+  return /* @__PURE__ */ t(
+    K,
     {
-      children: Y,
+      children: F,
       alwaysVisible: !0,
-      hidden: !p,
-      tooltipItem: W,
-      renderAs: k,
-      position: g,
-      isBlocking: V,
+      hidden: !f,
+      tooltipItem: D,
+      renderAs: x,
+      position: k,
+      isBlocking: X,
       isAnimated: u,
-      zIndex: X,
-      width: A,
-      widthX: I,
-      parentWidth: D,
-      backgroundColor: h,
-      borderColor: T,
-      textVariant: O,
-      tooltipOffset: x,
-      arrowColor: f,
+      zIndex: M,
+      width: z,
+      widthX: A,
+      parentWidth: S,
+      backgroundColor: T,
+      borderColor: g,
+      textVariant: E,
+      tooltipOffset: O,
+      arrowColor: C,
       arrowSize: b,
-      arrowXCoOrdinates: C,
+      arrowXCoOrdinates: h,
       arrowYCoOrdinates: w,
       tooltipXCoOrdinates: y,
-      tooltipYCoOrdinates: z
+      tooltipYCoOrdinates: I
     }
   );
-}, P = E(v);
+}, P = j($);
 export {
   P as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sticker-selector.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector.tsx"],"sourcesContent":["import type { IStickerData } from '../stickers-types';\nimport type { IStickerSelectorProps } from './sticker-selector-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useState, useCallback } from 'react';\n\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport StickerSelectorGrid from './comps/stiker-selector-grid/sticker-selector-grid';\nimport * as Styled from './sticker-selector-styled';\n\nconst StickerSelector: FC<IStickerSelectorProps> = ({\n  triggerNode,\n  onStickerSend,\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\n  const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n  const handleStickerSend = useCallback(\n    (sticker: IStickerData) => {\n      if (isTemporarilyDisabled) return;\n\n      onStickerSend?.(sticker);\n      setIsTemporarilyDisabled(true);\n\n      const timeout = setTimeout(() => {\n        setIsTemporarilyDisabled(false);\n      }, 5000);\n\n      return () => clearTimeout(timeout);\n    },\n    [onStickerSend, isTemporarilyDisabled],\n  );\n\n  const tooltipItem = useMemo(\n    () => (\n      <StickerSelectorGrid\n        columns={columns}\n        gap={gap}\n        stickerSize={stickerSize}\n        onStickerClick={handleStickerSend}\n        disabled={isTemporarilyDisabled}\n      />\n    ),\n    [columns, gap, stickerSize, handleStickerSend, isTemporarilyDisabled],\n  );\n\n  const triggerEle = useMemo(() => {\n    return (\n      <Styled.TriggerWrapper $disabled={isTemporarilyDisabled}>{triggerNode}</Styled.TriggerWrapper>\n    );\n  }, [isTemporarilyDisabled, triggerNode]);\n\n  return (\n    <ArrowTooltip\n      children={triggerEle}\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","onStickerSend","gridConfig","tooltipConfig","visible","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","handleStickerSend","useCallback","sticker","timeout","tooltipItem","useMemo","jsx","StickerSelectorGrid","triggerEle","Styled.TriggerWrapper","ArrowTooltip","stickerSelector","memo"],"mappings":";;;;;AAUA,MAAMA,IAA6C,CAAC;AAAA,EAClD,aAAAC;AAAA,EACA,eAAAC;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,GAEE,CAACuB,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAoBC;AAAA,IACxB,CAACC,MAA0B;AACzB,UAAIL,EAAuB;AAE3B,MAAAzB,KAAA,QAAAA,EAAgB8B,IAChBJ,EAAyB,EAAI;AAEvB,YAAAK,IAAU,WAAW,MAAM;AAC/B,QAAAL,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaK,CAAO;AAAA,IACnC;AAAA,IACA,CAAC/B,GAAeyB,CAAqB;AAAA,EAAA,GAGjCO,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAA/B;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBsB;AAAA,QAChB,UAAUH;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,CAACrB,GAASC,GAAKC,GAAasB,GAAmBH,CAAqB;AAAA,EAAA,GAGhEW,IAAaH,EAAQ,wBAEtBI,GAAA,EAAsB,WAAWZ,GAAwB,UAAY1B,EAAA,CAAA,GAEvE,CAAC0B,GAAuB1B,CAAW,CAAC;AAGrC,SAAA,gBAAAmC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,UAAUF;AAAA,MACV,eAAa;AAAA,MACb,QAAQ,CAACjC;AAAA,MACT,aAAA6B;AAAA,MACA,UAAAjB;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,GAEeoB,IAAAC,EAAK1C,CAAe;"}
+{"version":3,"file":"sticker-selector.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector.tsx"],"sourcesContent":["import type { IStickerData, TStickerAnimationEffects } from '../stickers-types';\nimport type { IStickerSelectorProps } from './sticker-selector-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useState, useCallback } from 'react';\n\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport StickerSelectorGrid from './comps/stiker-selector-grid/sticker-selector-grid';\nimport * as Styled from './sticker-selector-styled';\n\nconst StickerSelector: FC<IStickerSelectorProps> = ({\n  triggerNode,\n  onStickerSend,\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\n  const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n  const handleStickerSend = useCallback(\n    (sticker: IStickerData) => {\n      if (isTemporarilyDisabled) return;\n\n      const STICKER_EFFECTS = ['burst-from-edges', 'pop-expand', 'float-up', 'fall-down'] as const;\n\n      const randomEffect: TStickerAnimationEffects =\n        STICKER_EFFECTS[Math.floor(Math.random() * STICKER_EFFECTS.length)]!;\n\n      onStickerSend?.(sticker, randomEffect);\n      setIsTemporarilyDisabled(true);\n\n      const timeout = setTimeout(() => {\n        setIsTemporarilyDisabled(false);\n      }, 5000);\n\n      return () => clearTimeout(timeout);\n    },\n    [onStickerSend, isTemporarilyDisabled],\n  );\n\n  const tooltipItem = useMemo(\n    () => (\n      <StickerSelectorGrid\n        columns={columns}\n        gap={gap}\n        stickerSize={stickerSize}\n        onStickerClick={handleStickerSend}\n        disabled={isTemporarilyDisabled}\n      />\n    ),\n    [columns, gap, stickerSize, handleStickerSend, isTemporarilyDisabled],\n  );\n\n  const triggerEle = useMemo(() => {\n    return (\n      <Styled.TriggerWrapper $disabled={isTemporarilyDisabled}>{triggerNode}</Styled.TriggerWrapper>\n    );\n  }, [isTemporarilyDisabled, triggerNode]);\n\n  return (\n    <ArrowTooltip\n      children={triggerEle}\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","onStickerSend","gridConfig","tooltipConfig","visible","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","handleStickerSend","useCallback","sticker","STICKER_EFFECTS","randomEffect","timeout","tooltipItem","useMemo","jsx","StickerSelectorGrid","triggerEle","Styled.TriggerWrapper","ArrowTooltip","stickerSelector","memo"],"mappings":";;;;;AAUA,MAAMA,IAA6C,CAAC;AAAA,EAClD,aAAAC;AAAA,EACA,eAAAC;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,GAEE,CAACuB,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAoBC;AAAA,IACxB,CAACC,MAA0B;AACzB,UAAIL,EAAuB;AAE3B,YAAMM,IAAkB,CAAC,oBAAoB,cAAc,YAAY,WAAW,GAE5EC,IACJD,EAAgB,KAAK,MAAM,KAAK,WAAWA,EAAgB,MAAM,CAAC;AAEpE,MAAA/B,KAAA,QAAAA,EAAgB8B,GAASE,IACzBN,EAAyB,EAAI;AAEvB,YAAAO,IAAU,WAAW,MAAM;AAC/B,QAAAP,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaO,CAAO;AAAA,IACnC;AAAA,IACA,CAACjC,GAAeyB,CAAqB;AAAA,EAAA,GAGjCS,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAjC;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBsB;AAAA,QAChB,UAAUH;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,CAACrB,GAASC,GAAKC,GAAasB,GAAmBH,CAAqB;AAAA,EAAA,GAGhEa,IAAaH,EAAQ,wBAEtBI,GAAA,EAAsB,WAAWd,GAAwB,UAAY1B,EAAA,CAAA,GAEvE,CAAC0B,GAAuB1B,CAAW,CAAC;AAGrC,SAAA,gBAAAqC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,UAAUF;AAAA,MACV,eAAa;AAAA,MACb,QAAQ,CAACnC;AAAA,MACT,aAAA+B;AAAA,MACA,UAAAnB;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,GAEesB,IAAAC,EAAK5C,CAAe;"}

package/dist/features/stickers/stickers-effects/comps/sticker-with-fallback.js

@@ -0,0 +1,34 @@
+import { jsx as n, Fragment as l } from "react/jsx-runtime";
+import { memo as d, useState as f, useEffect as p } from "react";
+import h from "../../../ui/dot-lottie-animations/dot-lottie-animation.js";
+import { preloadLottieFile as g } from "../stickers-effects-cache.js";
+const D = d(({ url: t, sticker: s, size: o }) => {
+  const [i, m] = f(), [u, e] = f(!1), c = {
+    loop: !0,
+    autoplay: !0
+  };
+  return p(() => {
+    let r = !0;
+    if (t)
+      return g(t).then((a) => {
+        r && (a ? m(a) : e(!0));
+      }).catch(() => {
+        r && e(!0);
+      }), () => {
+        r = !1;
+      };
+  }, [t]), !t || u || !i ? /* @__PURE__ */ n(l, { children: s }) : /* @__PURE__ */ n(
+    h,
+    {
+      data: i,
+      width: o,
+      height: o,
+      settings: c,
+      onError: () => e(!0)
+    }
+  );
+});
+export {
+  D as default
+};
+//# sourceMappingURL=sticker-with-fallback.js.map

package/dist/features/stickers/stickers-effects/comps/sticker-with-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-with-fallback.js","sources":["../../../../../src/features/stickers/stickers-effects/comps/sticker-with-fallback.tsx"],"sourcesContent":["import type { Data } from '@lottiefiles/dotlottie-web';\n\nimport { memo, useEffect, useState, type FC } from 'react';\n\nimport DotLottieAnimation from '../../../ui/dot-lottie-animations/dot-lottie-animation';\nimport { preloadLottieFile } from '../stickers-effects-cache';\n\nconst StickerWithFallback: FC<{\n  url?: string;\n  sticker: string;\n  size: number;\n}> = memo(({ url, sticker, size }) => {\n  const [data, setData] = useState<Data>();\n  const [failed, setFailed] = useState(false);\n  const renderSettings = {\n    loop: true,\n    autoplay: true,\n  };\n\n  useEffect(() => {\n    let isMounted = true;\n\n    if (!url) return;\n\n    preloadLottieFile(url)\n      .then(result => {\n        if (isMounted) {\n          if (result) {\n            setData(result);\n          } else {\n            setFailed(true);\n          }\n        }\n      })\n      .catch(() => {\n        if (isMounted) setFailed(true);\n      });\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  if (!url || failed || !data) {\n    return <>{sticker}</>;\n  }\n\n  return (\n    <DotLottieAnimation\n      data={data}\n      width={size}\n      height={size}\n      settings={renderSettings}\n      onError={() => setFailed(true)}\n    />\n  );\n});\n\nexport default StickerWithFallback;\n"],"names":["StickerWithFallback","memo","url","sticker","size","data","setData","useState","failed","setFailed","renderSettings","useEffect","isMounted","preloadLottieFile","result","jsx","DotLottieAnimation"],"mappings":";;;;AAOA,MAAMA,IAIDC,EAAK,CAAC,EAAE,KAAAC,GAAK,SAAAC,GAAS,MAAAC,QAAW;AACpC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,GACjC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpCG,IAAiB;AAAA,IACrB,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AA2BZ,SAxBAC,EAAU,MAAM;AACd,QAAIC,IAAY;AAEhB,QAAKV;AAEa,aAAAW,EAAAX,CAAG,EAClB,KAAK,CAAUY,MAAA;AACd,QAAIF,MACEE,IACFR,EAAQQ,CAAM,IAEdL,EAAU,EAAI;AAAA,MAElB,CACD,EACA,MAAM,MAAM;AACP,QAAAG,OAAqB,EAAI;AAAA,MAAA,CAC9B,GAEI,MAAM;AACC,QAAAA,IAAA;AAAA,MAAA;AAAA,EACd,GACC,CAACV,CAAG,CAAC,GAEJ,CAACA,KAAOM,KAAU,CAACH,2BACX,UAAQF,EAAA,CAAA,IAIlB,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,OAAOD;AAAA,MACP,QAAQA;AAAA,MACR,UAAUM;AAAA,MACV,SAAS,MAAMD,EAAU,EAAI;AAAA,IAAA;AAAA,EAAA;AAGnC,CAAC;"}

package/dist/features/stickers/stickers-effects/constants.js

@@ -0,0 +1,26 @@
+const e = {
+  "burst-from-edges": {
+    effect: "burst-from-edges",
+    duration: 3e3,
+    count: 10
+  },
+  "pop-expand": {
+    effect: "pop-expand",
+    duration: 3e3,
+    count: 5
+  },
+  "float-up": {
+    effect: "float-up",
+    duration: 3e3,
+    count: 7
+  },
+  "fall-down": {
+    effect: "fall-down",
+    duration: 3e3,
+    count: 7
+  }
+};
+export {
+  e as EFFECTS_MAP
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/stickers/stickers-effects/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/stickers/stickers-effects/constants.ts"],"sourcesContent":["import type { TStickerAnimationEffects } from '../stickers-types';\nimport type { IStickersProps } from './stickers-effects-types';\n\nexport const EFFECTS_MAP: Record<TStickerAnimationEffects, Omit<IStickersProps, 'stickerId'>> = {\n  'burst-from-edges': {\n    effect: 'burst-from-edges',\n    duration: 3000,\n    count: 10,\n  },\n  'pop-expand': {\n    effect: 'pop-expand',\n    duration: 3000,\n    count: 5,\n  },\n  'float-up': {\n    effect: 'float-up',\n    duration: 3000,\n    count: 7,\n  },\n  'fall-down': {\n    effect: 'fall-down',\n    duration: 3000,\n    count: 7,\n  },\n};\n"],"names":["EFFECTS_MAP"],"mappings":"AAGO,MAAMA,IAAmF;AAAA,EAC9F,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF;"}

package/dist/features/stickers/stickers-effects/context/sticker-provider.js

@@ -0,0 +1,28 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useState as d, useCallback as r } from "react";
+import m from "../stickers-effects.js";
+import { StickersContext as f } from "../stickers-effects-types.js";
+const x = ({ children: s }) => {
+  const [e, t] = d(null), o = r((a) => {
+    t(a);
+  }, []), c = r(() => {
+    t(null);
+  }, []), i = {
+    showSticker: o
+  };
+  return /* @__PURE__ */ n(f.Provider, { value: i, children: [
+    s,
+    e && /* @__PURE__ */ l(
+      m,
+      {
+        stickerId: e.message.data.selectedSticker.id,
+        effectType: e.message.data.effectId,
+        onClose: c
+      }
+    )
+  ] });
+};
+export {
+  x as StickersProvider
+};
+//# sourceMappingURL=sticker-provider.js.map

package/dist/features/stickers/stickers-effects/context/sticker-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-provider.js","sources":["../../../../../src/features/stickers/stickers-effects/context/sticker-provider.tsx"],"sourcesContent":["import type { TStickerAnimationEffects, TStickersPayload } from '../../stickers-types';\nimport type { StickersContextType } from '../stickers-effects-types';\n\nimport { useCallback, useState, type ReactNode } from 'react';\n\nimport StickersEffect from '../stickers-effects';\nimport { StickersContext } from '../stickers-effects-types';\n\ninterface StickersProviderProps {\n  children: ReactNode;\n}\n\nexport const StickersProvider = ({ children }: StickersProviderProps) => {\n  const [stickerData, setStickerData] = useState<TStickersPayload | null>(null);\n\n  const showSticker = useCallback((payload: TStickersPayload) => {\n    setStickerData(payload);\n  }, []);\n\n  const handleAnimationEnd = useCallback(() => {\n    setStickerData(null);\n  }, []);\n\n  const contextValue: StickersContextType = {\n    showSticker,\n  };\n\n  return (\n    <StickersContext.Provider value={contextValue}>\n      {children}\n      {stickerData && (\n        <StickersEffect\n          stickerId={stickerData.message.data.selectedSticker.id}\n          effectType={stickerData.message.data.effectId as TStickerAnimationEffects}\n          onClose={handleAnimationEnd}\n        />\n      )}\n    </StickersContext.Provider>\n  );\n};\n"],"names":["StickersProvider","children","stickerData","setStickerData","useState","showSticker","useCallback","payload","handleAnimationEnd","contextValue","jsxs","StickersContext","jsx","StickersEffect"],"mappings":";;;;AAYO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,QAAsC;AACvE,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAkC,IAAI,GAEtEC,IAAcC,EAAY,CAACC,MAA8B;AAC7D,IAAAJ,EAAeI,CAAO;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBF,EAAY,MAAM;AAC3C,IAAAH,EAAe,IAAI;AAAA,EACrB,GAAG,CAAE,CAAA,GAECM,IAAoC;AAAA,IACxC,aAAAJ;AAAA,EAAA;AAGF,SACG,gBAAAK,EAAAC,EAAgB,UAAhB,EAAyB,OAAOF,GAC9B,UAAA;AAAA,IAAAR;AAAA,IACAC,KACC,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWX,EAAY,QAAQ,KAAK,gBAAgB;AAAA,QACpD,YAAYA,EAAY,QAAQ,KAAK;AAAA,QACrC,SAASM;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/features/stickers/stickers-effects/hooks/use-stickers.js

@@ -0,0 +1,12 @@
+import { useContext as r } from "react";
+import { StickersContext as e } from "../stickers-effects-types.js";
+const i = () => {
+  const t = r(e);
+  if (!t)
+    throw new Error("useStickers must be used within a StickersProvider");
+  return t;
+};
+export {
+  i as useStickers
+};
+//# sourceMappingURL=use-stickers.js.map

package/dist/features/stickers/stickers-effects/hooks/use-stickers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stickers.js","sources":["../../../../../src/features/stickers/stickers-effects/hooks/use-stickers.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport { StickersContext, type StickersContextType } from '../stickers-effects-types';\n\nexport const useStickers = (): StickersContextType => {\n  const context = useContext(StickersContext);\n\n  if (!context) {\n    throw new Error('useStickers must be used within a StickersProvider');\n  }\n\n  return context;\n};\n"],"names":["useStickers","context","useContext","StickersContext"],"mappings":";;AAIO,MAAMA,IAAc,MAA2B;AAC9C,QAAAC,IAAUC,EAAWC,CAAe;AAE1C,MAAI,CAACF;AACG,UAAA,IAAI,MAAM,oDAAoD;AAG/D,SAAAA;AACT;"}

package/dist/features/stickers/stickers-effects/stickers-effects-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stickers-effects-helper.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-helper.ts"],"sourcesContent":["import type { TStickerData, IGenerateStickersData } from './stickers-effects-types';\n\nimport { STICKERS_DATA } from '../constants';\n\nconst getBurstPosition = (\n  index: number,\n  total: number,\n): {\n  fromX: string;\n  fromY: string;\n  x: number;\n  y: number;\n} => {\n  const countPerSide = Math.ceil(total / 4);\n  const sideIndex = Math.floor(index / countPerSide);\n  const pos = index % countPerSide;\n\n  const sides = ['top', 'right', 'bottom', 'left'] as const;\n  const side = sides[sideIndex] ?? 'left';\n\n  const basePercent = ((pos + 0.5) / countPerSide) * 100;\n  const jitter = (Math.random() - 0.5) * 25;\n  const edgePercent = Math.min(Math.max(basePercent + jitter, 0), 100);\n\n  const centerX = 45 + Math.random() * 10;\n  const centerY = 45 + Math.random() * 10;\n\n  let fromX = 0;\n  let fromY = 0;\n\n  switch (side) {\n    case 'top':\n      fromX = edgePercent - centerX;\n      fromY = -centerY + jitter;\n      break;\n    case 'right':\n      fromX = 100 - centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n    case 'bottom':\n      fromX = edgePercent - centerX;\n      fromY = 100 - centerY + jitter;\n      break;\n    case 'left':\n      fromX = -centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n  }\n\n  return {\n    fromX: `${fromX}vw`,\n    fromY: `${fromY}vh`,\n    x: centerX,\n    y: centerY,\n  };\n};\n\nconst getRandomNonOverlappingPositions = (count: number, buffer = 10): number[] => {\n  const used: number[] = [];\n  let attempts = 0;\n  const maxAttempts = count;\n\n  while (used.length < count && attempts < maxAttempts) {\n    const value = Math.floor(Math.random() * (100 - 2 * buffer) + buffer);\n\n    if (used.every(v => Math.abs(v - value) >= buffer)) {\n      used.push(value);\n    }\n    attempts++;\n  }\n\n  while (used.length < count) {\n    used.push(Math.floor(Math.random() * (100 - 2 * buffer) + buffer));\n  }\n\n  return used;\n};\n\nexport function generateStickerData({\n  count,\n  effect,\n  stickerId,\n  minSize,\n  maxSize,\n}: IGenerateStickersData): TStickerData[] {\n  const buffer = (100 / count) * 2;\n  const getSize = () => Math.random() * (maxSize - minSize) + minSize;\n  const result: TStickerData[] = [];\n  const xPositions = ['float-up', 'fall-down'].includes(effect)\n    ? getRandomNonOverlappingPositions(count, buffer)\n    : [];\n\n  for (let i = 0; i < count; i++) {\n    const { emoji: sticker = '', lottieUrl: lottie } =\n      STICKERS_DATA.find(({ id }) => id === stickerId) || {};\n\n    const size = getSize();\n    const x = xPositions[i]!;\n    const common = { id: stickerId, sticker, size };\n\n    switch (effect) {\n      case 'float-up':\n        result.push({\n          ...common,\n          x,\n          y: 110 + (Math.random() - 0.5) * size,\n          lottie: lottie,\n        });\n        break;\n\n      case 'fall-down':\n        result.push({\n          ...common,\n          x,\n          y: -10 + (Math.random() - 0.5) * size,\n          lottie: lottie,\n        });\n        break;\n\n      case 'burst-from-edges': {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const { x, y, fromX, fromY } = getBurstPosition(i, count);\n\n        result.push({\n          ...common,\n          x,\n          y,\n          fromX,\n          fromY,\n          size,\n          lottie: lottie,\n        });\n        break;\n      }\n\n      case 'pop-expand':\n        result.push({\n          ...common,\n          x: 50,\n          y: 100,\n          fromX: `${(Math.random() - 0.5) * 27.5}vw`,\n          fromY: `${-50 - Math.random() * 27.5}vh`,\n          lottie: lottie,\n        });\n        break;\n\n      default:\n        result.push({\n          ...common,\n          x: Math.random() * 100,\n          y: Math.random() * 100,\n        });\n    }\n  }\n\n  return result;\n}\n\nexport const randomizeDuration = (base: number, variancePercent = 0.2): number => {\n  const delta = base * variancePercent;\n  const min = base - delta;\n  const max = base + delta;\n\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n};\n"],"names":["getBurstPosition","index","total","countPerSide","sideIndex","pos","side","basePercent","jitter","edgePercent","centerX","centerY","fromX","fromY","getRandomNonOverlappingPositions","count","buffer","used","attempts","maxAttempts","value","v","generateStickerData","effect","stickerId","minSize","maxSize","getSize","result","xPositions","i","sticker","lottie","STICKERS_DATA","id","size","x","common","y","randomizeDuration","base","variancePercent","delta","min","max"],"mappings":"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"}
+{"version":3,"file":"stickers-effects-helper.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-helper.ts"],"sourcesContent":["import type { TStickerAnimationData, IGenerateStickersData } from './stickers-effects-types';\n\nimport { STICKERS_DATA } from '../constants';\n\nconst getBurstPosition = (\n  index: number,\n  total: number,\n): {\n  fromX: string;\n  fromY: string;\n  x: number;\n  y: number;\n} => {\n  const countPerSide = Math.ceil(total / 4);\n  const sideIndex = Math.floor(index / countPerSide);\n  const pos = index % countPerSide;\n\n  const sides = ['top', 'right', 'bottom', 'left'] as const;\n  const side = sides[sideIndex] ?? 'left';\n\n  const basePercent = ((pos + 0.5) / countPerSide) * 100;\n  const jitter = (Math.random() - 0.5) * 25;\n  const edgePercent = Math.min(Math.max(basePercent + jitter, 0), 100);\n\n  const centerX = 45 + Math.random() * 10;\n  const centerY = 45 + Math.random() * 10;\n\n  let fromX = 0;\n  let fromY = 0;\n\n  switch (side) {\n    case 'top':\n      fromX = edgePercent - centerX;\n      fromY = -centerY + jitter;\n      break;\n    case 'right':\n      fromX = 100 - centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n    case 'bottom':\n      fromX = edgePercent - centerX;\n      fromY = 100 - centerY + jitter;\n      break;\n    case 'left':\n      fromX = -centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n  }\n\n  return {\n    fromX: `${fromX}vw`,\n    fromY: `${fromY}vh`,\n    x: centerX,\n    y: centerY,\n  };\n};\n\nconst getRandomNonOverlappingPositions = (count: number, buffer = 10): number[] => {\n  const used: number[] = [];\n  let attempts = 0;\n  const maxAttempts = count;\n\n  while (used.length < count && attempts < maxAttempts) {\n    const value = Math.floor(Math.random() * (100 - 2 * buffer) + buffer);\n\n    if (used.every(v => Math.abs(v - value) >= buffer)) {\n      used.push(value);\n    }\n    attempts++;\n  }\n\n  while (used.length < count) {\n    used.push(Math.floor(Math.random() * (100 - 2 * buffer) + buffer));\n  }\n\n  return used;\n};\n\nexport function generateStickerData({\n  count,\n  effect,\n  stickerId,\n  minSize,\n  maxSize,\n}: IGenerateStickersData): TStickerAnimationData[] {\n  const buffer = (100 / count) * 2;\n  const getSize = () => Math.random() * (maxSize - minSize) + minSize;\n  const result: TStickerAnimationData[] = [];\n  const xPositions = ['float-up', 'fall-down'].includes(effect)\n    ? getRandomNonOverlappingPositions(count, buffer)\n    : [];\n\n  for (let i = 0; i < count; i++) {\n    const { emoji: sticker = '', lottieUrl: lottie } =\n      STICKERS_DATA.find(({ id }) => id === stickerId) || {};\n\n    const size = getSize();\n    const x = xPositions[i]!;\n    const common = { id: stickerId, sticker, size };\n\n    switch (effect) {\n      case 'float-up':\n        result.push({\n          ...common,\n          x,\n          y: 110 + (Math.random() - 0.5) * size,\n          lottie: lottie,\n        });\n        break;\n\n      case 'fall-down':\n        result.push({\n          ...common,\n          x,\n          y: -10 + (Math.random() - 0.5) * size,\n          lottie: lottie,\n        });\n        break;\n\n      case 'burst-from-edges': {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const { x, y, fromX, fromY } = getBurstPosition(i, count);\n\n        result.push({\n          ...common,\n          x,\n          y,\n          fromX,\n          fromY,\n          size,\n          lottie: lottie,\n        });\n        break;\n      }\n\n      case 'pop-expand':\n        result.push({\n          ...common,\n          x: 50,\n          y: 100,\n          fromX: `${(Math.random() - 0.5) * 27.5}vw`,\n          fromY: `${-50 - Math.random() * 27.5}vh`,\n          lottie: lottie,\n        });\n        break;\n\n      default:\n        result.push({\n          ...common,\n          x: Math.random() * 100,\n          y: Math.random() * 100,\n        });\n    }\n  }\n\n  return result;\n}\n\nexport const randomizeDuration = (base: number, variancePercent = 0.2): number => {\n  const delta = base * variancePercent;\n  const min = base - delta;\n  const max = base + delta;\n\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n};\n"],"names":["getBurstPosition","index","total","countPerSide","sideIndex","pos","side","basePercent","jitter","edgePercent","centerX","centerY","fromX","fromY","getRandomNonOverlappingPositions","count","buffer","used","attempts","maxAttempts","value","v","generateStickerData","effect","stickerId","minSize","maxSize","getSize","result","xPositions","i","sticker","lottie","STICKERS_DATA","id","size","x","common","y","randomizeDuration","base","variancePercent","delta","min","max"],"mappings":"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"}