@magmamath/students-features 0.4.5 → 0.5.0-rc.1

package/src/features/chatbot/types/model.types.ts

@@ -1,27 +1,20 @@
 import type { Store } from 'effector'
 import {
+  ChatHintPayload,
+  ChatHintResponse,
+  ErrorSpottingPayload,
+  ErrorSpottingResponse,
+  GetAlternativesPayload,
   GetAlternativesResponse,
-  PostMessagePayload,
-  PostMessageResponse,
-  GoogleTranslatePayload,
-  GoogleTranslateResponse,
   GoogleText2SpeechPayload,
   GoogleText2SpeechResponse,
-  ChatAnswer,
-  GetAlternativesPayload,
-  Stroke,
+  GoogleTranslatePayload,
+  GoogleTranslateResponse,
+  PostMessagePayload,
+  PostMessageResponse,
 } from './api.types'
 import { ExtendWithOptional } from '../../../lib/helpers/types'
-
-export type ConversationMessage = {
-  id: string
-  message: string
-  threadId: string
-  options: ChatAnswer[]
-  isOwnMessage: boolean
-  translatedMessage?: string
-  endMessage?: boolean
-}
+import { ChatAnswer, ConversationMessage, FullStrokeData } from './units.types'
 
 export type ChatbotMessages = {
   error: ConversationMessage
@@ -30,15 +23,20 @@ export type ChatbotMessages = {
   anotherHintOption: ChatAnswer
 }
 
+export type ChatbotApiRequests = {
+  getAlternatives: (props: GetAlternativesPayload) => Promise<GetAlternativesResponse>
+  postMessage: (props: PostMessagePayload) => Promise<PostMessageResponse>
+  postTranslateText: (props: GoogleTranslatePayload) => Promise<GoogleTranslateResponse>
+  postTextToSpeech: (props: GoogleText2SpeechPayload) => Promise<GoogleText2SpeechResponse>
+  spotError: (props: ErrorSpottingPayload) => Promise<ErrorSpottingResponse>
+}
+
 export type ChatbotModelProps = {
   $key?: Store<string>
-  api: {
-    getAlternatives: (props: GetAlternativesPayload) => Promise<GetAlternativesResponse>
-    postMessage: (props: PostMessagePayload) => Promise<PostMessageResponse>
-    postTranslateText: (props: GoogleTranslatePayload) => Promise<GoogleTranslateResponse>
-    postTextToSpeech: (props: GoogleText2SpeechPayload) => Promise<GoogleText2SpeechResponse>
+  api: Omit<ChatbotApiRequests, 'postMessage'> & {
+    requestHint: (props: ChatHintPayload) => Promise<ChatHintResponse>
   }
-  messages: ChatbotMessages
+  threadMessagesLimit?: number
 }
 
 export type SendHelpParams = {
@@ -48,8 +46,6 @@ export type SendHelpParams = {
 
 export type SendHelpProps = SendHelpParams & {
   key: string
-  isTranslated: boolean
-  threadId: string
   context: ChatbotContext | null
 }
 
@@ -71,16 +67,19 @@ export enum MessageVariant {
   RECEIVED = 'received',
 }
 
-export type ChatbotRenderer = {
-  message: string
-  variant: MessageVariant
-  withTextToSpeech: boolean
-}
+export type CreateMessageResponse = ExtendWithOptional<
+  Omit<PostMessageResponse, 'threadId'>,
+  ConversationMessage
+>
 
-export type CreateMessageResponse = ExtendWithOptional<PostMessageResponse, ConversationMessage>
+type GetVisibleStrokesResponse = {
+  strokes: FullStrokeData[]
+  validationKey: string
+}
 
 export type IChatDrawBoardAdapter = {
-  getVisibleStrokes(): Promise<Stroke[] | null>
+  $strokesValidationKey: Store<string | null>
+  getVisibleStrokes(): Promise<GetVisibleStrokesResponse | null>
 }
 
 export type ChatbotContext = {

package/src/features/chatbot/types/t2s.types.ts

@@ -1,24 +1,19 @@
-import { AUDIO_CONFIG, DEFAULT_VOICE } from '../constants'
+import { ConversationMessage } from './units.types'
 
 export enum AudioStatus {
-    PLAYING = 'playing',
-    STOPPED = 'stopped',
-    PAUSED = 'paused',
+  PLAYING = 'playing',
+  STOPPED = 'stopped',
+  PAUSED = 'paused',
 }
 
 export type AudioProvider = {
-    play: (audioPath: string, onPlaybackComplete: () => void) => Promise<void>
-    pause: () => void
-    resume: () => void
-    stop: () => void
+  play: (audioPath: string, onPlaybackComplete: () => void) => Promise<void>
+  pause: () => void
+  resume: () => void
+  stop: () => void
 }
 
 export type PlayTextToSpeechProps = {
-    text: string
-    messageId: string
-    isTranslated: boolean
-    config?: {
-        voice?: typeof DEFAULT_VOICE
-        audioConfig?: typeof AUDIO_CONFIG
-    }
+  message: ConversationMessage
+  isTranslated: boolean
 }

package/src/features/chatbot/types/translation.types.ts

@@ -1,5 +1,5 @@
-import { ConversationMessage } from './model.types'
 import { GetAlternativesResponse } from './api.types'
+import { ConversationMessage } from './units.types'
 
 export type TranslateBatchFxProps = {
   messages: ConversationMessage[]
@@ -8,6 +8,7 @@ export type TranslateBatchFxProps = {
 }
 
 export type TranslateMessageFxProps = {
+  preventTranslate?: boolean
   messages: ConversationMessage[]
   targetLanguage: string
 }

package/src/features/chatbot/types/units.types.ts

@@ -0,0 +1,37 @@
+export type Stroke = {
+  x: number[]
+  y: number[]
+}
+export type FullStrokeData = Stroke & {
+  id: string
+}
+
+export type IThreadItem = {
+  id: string
+  strokesValidationKey: string | null
+  strokes: FullStrokeData[] | null
+  history: string[]
+}
+
+export type ChatAnswer = {
+  text: string
+  promptKey: string
+  translatedText?: string
+}
+
+export type ConversationMessage = {
+  id: string
+  message: string
+  options: ChatAnswer[]
+  isOwnMessage: boolean
+  translatedMessage?: string
+  endMessage?: boolean
+  isInitial?: boolean
+  threadId?: string
+}
+
+export type ChatItem = {
+  messages: ConversationMessage[]
+  isAvailable: boolean
+  currentThread: IThreadItem | null
+}

package/src/index.ts

@@ -1,7 +1,4 @@
 export { useFeaturesLocalization, setFeaturesLocalization, Locale } from './shared/translation'
-export type { LocalizationConfig } from './shared/translation'
 export { generateRandomId } from './lib/helpers/helpers'
 export * from './features/chatbot'
 export * from './features/feedback'
-export * from './features/celebrations'
-export * from './features/endOfAssignment'

package/src/lib/effector/createEntityFieldStore.ts

@@ -1,4 +1,4 @@
-import { createEvent, createStore } from 'effector'
+import { createEvent, createStore, Event } from 'effector'
 
 type UpdateField<T> = {
   key: string
@@ -19,6 +19,14 @@ export class EntityFieldStore<T> {
       return { ...state, [key]: data }
     })
     .reset(this.reset)
+
+  public on<EV>(
+    event: Event<EV>,
+    fn: (state: Record<string, T>, payload: EV) => Record<string, T> | void,
+  ) {
+    this.$state.on(event, fn)
+    return this
+  }
 }
 
 export function createEntityFieldStore<T>() {

package/src/lib/effector/withEvent.ts

@@ -0,0 +1,7 @@
+import { createEvent } from 'effector'
+
+export function withEvent<T = void>(cb: (props: T) => void) {
+  const event = createEvent<T>()
+  event.watch(cb)
+  return event
+}

package/src/lib/helpers/helpers.ts

@@ -1,7 +1,5 @@
 import { getText } from '../../shared/translation/helpers'
 
-export const noop = () => {};
-
 export const generateRandomId = () =>
   Date.now().toString(36) + Math.random().toString(36).substring(2)
 

package/src/lib/helpers/randomElements.ts

@@ -0,0 +1,22 @@
+export function getRandomElements<T>(array: T[], limit = array.length): T[] {
+  if (array.length === 0) {
+    return []
+  }
+
+  const randomCount = Math.min(Math.floor(Math.random() * array.length) + 1, limit)
+
+  const arrayCopy = [...array]
+  const result: T[] = []
+
+  for (let i = 0; i < randomCount; i++) {
+    if (arrayCopy.length === 0) {
+      break
+    }
+
+    const randomIndex = Math.floor(Math.random() * arrayCopy.length)
+    result.push(arrayCopy[randomIndex])
+    arrayCopy.splice(randomIndex, 1)
+  }
+
+  return result
+}

package/src/lib/types/keys.ts

@@ -0,0 +1,18 @@
+type JoinKeys<K extends string, P extends string> = `${K}.${P}`
+
+type NestedKeys<T, Prefix extends string = ''> = T extends object
+  ? T extends Array<any>
+    ? never
+    : {
+        [K in keyof T & string]: T[K] extends object
+          ?
+              | JoinKeys<Prefix extends '' ? K : `${Prefix}.${K}`, NestedKeys<T[K], ''>>
+              | (Prefix extends '' ? K : `${Prefix}.${K}`)
+          : Prefix extends ''
+            ? K
+            : `${Prefix}.${K}`
+      }[keyof T & string]
+  : never
+
+type FlattenKeys<T> = T extends string ? T : never
+export type RetrieveKeys<T> = FlattenKeys<NestedKeys<T>>

package/src/shared/icons/HighlighterIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { IconProps } from './icon.types'
+import { COLORS } from '@magmamath/react-native-ui'
+
+export function HighlighterIcon({ size = 17, color = COLORS.NEUTRAL_9, style }: IconProps) {
+  return (
+    <Svg style={style} width={size} height={size} viewBox="0 0 17 17" fill="none">
+      <Path
+        d="M6.02 1.557a.596.596 0 011.108 0l.42 1.067c.06.153.182.275.336.335l1.066.42a.596.596 0 010 1.109l-1.066.42a.596.596 0 00-.336.336l-.42 1.066a.596.596 0 01-1.109 0L5.6 5.244a.596.596 0 00-.336-.336l-1.066-.42a.596.596 0 010-1.108l1.066-.42a.596.596 0 00.336-.336l.42-1.067z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.843 3.338l-.974.73-2.11 1.583.26.66a.596.596 0 001.109 0l.42-1.067a.596.596 0 01.336-.336l1.066-.42a.596.596 0 000-1.108l-.107-.042zm.67-.502c.497.346.665.964.506 1.495l.476-.357 2.868 2.868-3.636 4.849-4.08-4.08.38-.286a1.316 1.316 0 01-.705-.74l-.185-.468-.898.674a.95.95 0 00-.33 1.065 1.75 1.75 0 00-.2.53l-.602 3.016-1.752 1.752a.95.95 0 00.297 1.545l1.83.784a1.35 1.35 0 001.487-.286l.966-.966 3.016-.604c.187-.037.366-.105.53-.199a.95.95 0 001.065-.33l5.445-7.26a2.25 2.25 0 00-.209-2.94L14.44 1.554a2.25 2.25 0 00-2.941-.209l-1.986 1.49zm3.866-.22a.75.75 0 00-.98-.07l-.692.519 2.565 2.565.52-.692a.75.75 0 00-.07-.98l-1.343-1.342zM3.797 12.832l-.807.808.99.425.525-.525-.708-.707zm2.015-.107l2.357-.47-3.086-3.087-.471 2.357 1.2 1.2z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/StopIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { IconProps } from './icon.types'
+import { COLORS } from '@magmamath/react-native-ui'
+
+export function StopIcon({ size = 17, color = COLORS.NEUTRAL_9, style }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none" style={style}>
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.759 2.996c0-.967.784-1.752 1.752-1.752h10.496c.967 0 1.752.785 1.752 1.752v10.496c0 .968-.785 1.752-1.752 1.752H3.51a1.752 1.752 0 01-1.752-1.752V2.996z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/icon.types.ts

@@ -1,8 +1,11 @@
+import { StyleProp, ViewStyle } from 'react-native'
+
 export type IconProps = {
-    color?: string
-    className?: string
-    size?: number
-    strokeWidth?: string
-    width?: number
-    height?: number
+  color?: string
+  className?: string
+  size?: number
+  strokeWidth?: string
+  width?: number
+  height?: number
+  style?: StyleProp<ViewStyle>
 }

package/src/shared/translation/constants.ts

@@ -1,7 +1,7 @@
 import { Locale } from './types'
-import EN from '../../lib/localization/en.json'
-import GB from '../../lib/localization/gb.json'
-import SW from '../../lib/localization/sw.json'
+import EN from './localization/en.json'
+import GB from './localization/gb.json'
+import SW from './localization/sw.json'
 
 export const LOCALIZATION_CONFIGS = {
   [Locale.EN]: EN,

package/src/shared/translation/helpers.ts

@@ -1,6 +1,23 @@
 import { LOCALIZATION_CONFIGS } from './constants'
 import { $localization, setLocalization } from './model'
-import { GetText, LocalizationConfig, TranslationKeys } from './types'
+import { GetText, TranslationKeys, Translations } from './types'
+
+export function getTranslation(config: Translations, key: TranslationKeys) {
+  const rawTranslation = config?.[key as keyof Translations]
+  if (typeof rawTranslation === 'string' || !key.includes('.')) {
+    return rawTranslation as string
+  }
+  const keys = key.split('.')
+  let translation = config
+  for (const k of keys) {
+    if (translation[k as keyof Translations] === undefined) return key
+    translation = translation[k as keyof Translations] as any
+  }
+  if (typeof translation === 'string') {
+    return translation
+  }
+  return key
+}
 
 export const getSubstitutedString = (str: string, substitutions: Record<string, string> = {}) => {
   const substitutionsArray = Object.entries(substitutions)
@@ -18,17 +35,13 @@ export const getSubstitutedString = (str: string, substitutions: Record<string,
 export const getText: GetText = (key: TranslationKeys, args = null) => {
   const config = $localization.getState()
 
-  const translation = config?.[key]
-
-  if (translation && args) {
-    return getSubstitutedString(translation, args)
-  }
-
-  return translation ?? key
+  const translation = getTranslation(config, key)
+  if (args) return getSubstitutedString(translation, args)
+  return translation
 }
 
 export const setFeaturesLocalization = (
-  generator: ((config: typeof LOCALIZATION_CONFIGS) => LocalizationConfig) | LocalizationConfig,
+  generator: ((config: typeof LOCALIZATION_CONFIGS) => Translations) | Translations,
 ) => {
   setLocalization(generator)
 }

package/src/shared/translation/hooks.ts

@@ -1,28 +1,24 @@
 import { useUnit } from 'effector-react'
 import { $localization, setLocalization } from './model'
-import { GetText, LocalizationConfig } from './types'
+import { GetText, Translations } from './types'
 import { useEffect } from 'react'
 import { LOCALIZATION_CONFIGS } from './constants'
-import { getSubstitutedString } from './helpers'
+import { getSubstitutedString, getTranslation } from './helpers'
 
 export const useText = (): GetText => {
-    const config = useUnit($localization) as LocalizationConfig
+  const config = useUnit($localization)
 
-    return (key, args = null) => {
-        const translation = config?.[key]
-
-        if (translation && args) {
-            return getSubstitutedString(translation, args)
-        }
-
-        return translation ?? key
-    }
+  return (key, args = null) => {
+    const translation = getTranslation(config, key)
+    if (args) return getSubstitutedString(translation, args)
+    return translation
+  }
 }
 
 export const useFeaturesLocalization = (
-    generator: ((config: typeof LOCALIZATION_CONFIGS) => LocalizationConfig) | LocalizationConfig,
+  generator: ((config: typeof LOCALIZATION_CONFIGS) => Translations) | Translations,
 ) => {
-    useEffect(() => {
-        setLocalization(generator)
-    }, [generator])
+  useEffect(() => {
+    setLocalization(generator)
+  }, [generator])
 }

package/src/shared/translation/index.ts

@@ -2,4 +2,3 @@ export { useFeaturesLocalization, useText } from './hooks'
 export { setFeaturesLocalization, getText as t } from './helpers'
 export { $localization, setLocalization } from './model'
 export { Locale } from './types'
-export type { LocalizationConfig } from './types'

package/{dist/module/lib → src/shared/translation}/localization/en.json

@@ -10,5 +10,12 @@
   "time.monthAgo": "month ago",
   "time.monthsAgo": "months ago",
   "time.yearAgo": "year ago",
-  "time.yearsAgo": "years ago"
+  "time.yearsAgo": "years ago",
+  "chat": {
+    "anotherHint": "Give me another hint",
+    "answerAgain": "Answer again to get another hint!",
+    "errorMessage": "Sorry, I can't help with this issue at the moment 😔.",
+    "howCanIHelp": "Hi! Do you want help?",
+    "showError": "Show error"
+  }
 }

package/{dist/commonjs/lib → src/shared/translation}/localization/gb.json

@@ -10,5 +10,12 @@
   "time.monthAgo": "month ago",
   "time.monthsAgo": "months ago",
   "time.yearAgo": "year ago",
-  "time.yearsAgo": "years ago"
+  "time.yearsAgo": "years ago",
+  "chat": {
+    "anotherHint": "Give me another hint",
+    "answerAgain": "Answer again to get another hint!",
+    "errorMessage": "Sorry, I can't help with this issue at the moment 😔.",
+    "howCanIHelp": "Hi! Do you want help?",
+    "showError": "Show error"
+  }
 }

package/src/{lib → shared/translation}/localization/sw.json

@@ -10,5 +10,12 @@
   "time.monthAgo": "månad sedan",
   "time.monthsAgo": "månader sedan",
   "time.yearAgo": "år sedan",
-  "time.yearsAgo": "år sedan"
+  "time.yearsAgo": "år sedan",
+  "chat": {
+    "anotherHint": "Ge mig en ledtråd",
+    "answerAgain": "Svara igen för att få en till ledtråd!",
+    "errorMessage": "Tyvärr kan jag inte hjälpa dig just nu 😔.",
+    "howCanIHelp": "Hej! Hur kan jag hjälpa dig?",
+    "showError": "Visa fel"
+  }
 }

package/src/shared/translation/model.ts

@@ -1,15 +1,15 @@
 import { createEvent, createStore } from 'effector'
-import { Locale, LocalizationConfig } from './types'
+import { Locale, Translations } from './types'
 import { LOCALIZATION_CONFIGS } from './constants'
 
 export const setLocalization = createEvent<
-    LocalizationConfig | ((config: typeof LOCALIZATION_CONFIGS) => LocalizationConfig)
+  Translations | ((config: typeof LOCALIZATION_CONFIGS) => Translations)
 >()
 
-export const $localization = createStore<LocalizationConfig>(LOCALIZATION_CONFIGS[Locale.EN]).on(
-    setLocalization,
-    (state, payload) => {
-        if (typeof payload === 'function') return payload(LOCALIZATION_CONFIGS)
-        if (state.locale !== payload.locale) return payload
-    },
+export const $localization = createStore<Translations>(LOCALIZATION_CONFIGS[Locale.EN]).on(
+  setLocalization,
+  (state, payload) => {
+    if (typeof payload === 'function') return payload(LOCALIZATION_CONFIGS)
+    return payload
+  },
 )

package/src/shared/translation/types.ts

@@ -1,12 +1,12 @@
-import enTranslations from '../../lib/localization/en.json'
+import enTranslations from './localization/en.json'
+import swTranslations from './localization/sw.json'
+import gbTranslations from './localization/gb.json'
+import { RetrieveKeys } from '../../lib/types/keys'
+import { ISValidTranslation } from './validation.types'
 
 export type Translations = typeof enTranslations
-export type TranslationKeys = keyof Translations
-
-export type GetText = <T extends TranslationKeys>(
-  key: T,
-  args?: Record<string, string> | null,
-) => Translations[T]
+export type TranslationKeys = RetrieveKeys<Translations>
+export type GetText = (key: TranslationKeys, args?: Record<string, string> | null) => string
 
 export enum Locale {
   EN = 'en-SE',
@@ -14,4 +14,7 @@ export enum Locale {
   GB = 'en-GB',
 }
 
-export type LocalizationConfig = Record<string, string>
+//  Validation of translations, do not remove
+type ISValidEN = ISValidTranslation<Translations>
+type ISValidSW = ISValidTranslation<typeof swTranslations>
+type ISValidGB = ISValidTranslation<typeof gbTranslations>

package/src/shared/translation/validation.types.ts

@@ -0,0 +1,26 @@
+import enTranslations from './localization/en.json'
+import swTranslations from './localization/sw.json'
+import gbTranslations from './localization/gb.json'
+
+type Extends<T, U> = T extends U ? true : false
+
+type ExtendsAll<Candidate, Types extends unknown[]> = Types extends [infer Head, ...infer Tail]
+  ? Extends<Candidate, Head> extends true
+    ? ExtendsAll<Candidate, Tail>
+    : false
+  : true
+
+type FindDominantType<Types extends unknown[]> = Types extends [
+  infer First,
+  ...infer Rest extends unknown[],
+]
+  ? ExtendsAll<First, Rest> extends true
+    ? First
+    : FindDominantType<Rest>
+  : never
+
+type DominantTranslation = FindDominantType<
+  [typeof enTranslations, typeof swTranslations, typeof gbTranslations]
+>
+
+export type ISValidTranslation<T extends DominantTranslation> = T

package/dist/commonjs/features/celebrations/components/Celebrations.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Celebrations = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireWildcard(require("react"));
-var _ParticleBatch = require("./ParticleBatch.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Celebrations = exports.Celebrations = /*#__PURE__*/(0, _react.memo)(({
-  style,
-  modelRef
-}) => {
-  const activeBatchesIds = (0, _react.useRef)(new Set());
-  const [particlesBatches, setParticlesBatches] = (0, _react.useState)([]);
-  const [containerWidth, setContainerWidth] = (0, _react.useState)(0);
-  const addParticlesBatch = variant => {
-    const batchId = Math.random();
-    activeBatchesIds.current.add(batchId);
-    setParticlesBatches(prev => [...prev, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ParticleBatch.ParticleBatch, {
-      onAnimationEnd: () => {
-        activeBatchesIds.current.delete(batchId);
-        setParticlesBatches(prev => prev.filter(batch => batch.key !== batchId.toString()));
-      },
-      containerWidth: containerWidth,
-      variant: variant
-    }, batchId)]);
-  };
-  (0, _react.useImperativeHandle)(modelRef, () => ({
-    play: addParticlesBatch
-  }), [containerWidth]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.container, style],
-    onLayout: event => {
-      setContainerWidth(event.nativeEvent.layout.width);
-    },
-    pointerEvents: "box-none",
-    children: particlesBatches
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    zIndex: 0,
-    position: 'absolute',
-    width: '100%'
-  }
-});
-//# sourceMappingURL=Celebrations.js.map

package/dist/commonjs/features/celebrations/components/Celebrations.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_ParticleBatch","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Celebrations","exports","memo","style","modelRef","activeBatchesIds","useRef","Set","particlesBatches","setParticlesBatches","useState","containerWidth","setContainerWidth","addParticlesBatch","variant","batchId","Math","random","current","add","prev","jsx","ParticleBatch","onAnimationEnd","delete","filter","batch","key","toString","useImperativeHandle","play","View","styles","container","onLayout","event","nativeEvent","layout","width","pointerEvents","children","StyleSheet","create","zIndex","position"],"sourceRoot":"../../../../../src","sources":["features/celebrations/components/Celebrations.tsx"],"mappings":"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","ignoreList":[]}