{"version":3,"file":"static/chunks/16655-81a4a547a26229d9.js","mappings":"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","sources":["webpack://_N_E/../../packages/common/src/components/Confirmation/ConfirmationCode/Code/index.tsx","webpack://_N_E/../../packages/common/src/components/Confirmation/ConfirmationCode/index.tsx","webpack://_N_E/../../packages/common/src/components/PasswordInput/BarPasswordStrong/props.ts","webpack://_N_E/../../packages/common/src/components/PasswordInput/BarPasswordStrong/index.tsx","webpack://_N_E/../../packages/common/src/components/ResendCodeButton/index.tsx","webpack://_N_E/../../packages/common/src/components/TransTextWithDefault/index.tsx","webpack://_N_E/../../packages/common/src/components/ValidateCodeInput/index.tsx","webpack://_N_E/../../packages/common/src/components/Confirmation/ConfirmationCode/Code/styles.module.scss","webpack://_N_E/../../packages/common/src/components/Confirmation/ConfirmationCode/styles.module.scss","webpack://_N_E/../../packages/common/src/components/PasswordInput/BarPasswordStrong/styles.module.scss","webpack://_N_E/../../packages/common/src/components/ResendCodeButton/styles.module.scss","webpack://_N_E/../../packages/common/src/components/ValidateCodeInput/styles.module.scss"],"sourcesContent":["import styles from './styles.module.scss';\nimport { Grow } from '@mui/material';\nimport {\n ResendCodeButton,\n ValidateCodeInput,\n} from '@starsoft/common/components';\nimport { ConfirmationCodeProps } from '../props';\n\n/**\n * ConfirmationCodeContent component that displays a code validation input with resend button\n *\n * @component\n * @param {Object} props - Component props\n * @param {(code: string) => void} props.handleChangeCode - Callback when code input changes\n * @param {() => void} props.handleSendSms - Callback to resend verification code\n * @param {boolean} props.isLoadingValidationCode - Whether validation is in progress\n * @param {boolean} props.isSuccess - Whether code validation was successful\n * @returns {JSX.Element} Code validation input with resend button in a grow animation\n */\nexport default function ConfirmationCodeContent({\n handleChangeCode,\n handleSendSms,\n isLoadingValidationCode,\n isSuccess,\n}: Omit) {\n return (\n
\n \n
\n \n \n
\n \n
\n );\n}\n","import styles from './styles.module.scss';\nimport { useLottiePlayer } from '@starsoft/common/hooks';\nimport { LottieOrImage } from '@starsoft/common/components';\nimport ConfirmationCodeContent from './Code';\nimport { ConfirmationCodeProps } from './props';\nimport { TransTextWithDefault } from '@starsoft/common/components';\nimport { CoreImageProps } from '../../Image/props';\nimport { SettingsService } from '@starsoft/common/services';\n\n/**\n * ConfirmationCode component that displays a confirmation code input with animation\n *\n * @component\n * @param {Object} props - Component props\n * @param {string} props.label - Label text to display below animation\n * @param {boolean} props.withoutPadding - Whether to remove padding from container\n * @param {...ConfirmationCodeProps} props - Additional props passed to ConfirmationCodeContent\n * @returns {JSX.Element} Confirmation code component with animation and input\n */\nexport function ConfirmationCode(\n { label, withoutPadding, ...props }: ConfirmationCodeProps,\n imageProps: CoreImageProps,\n) {\n // Initialize Lottie animation for email validation\n const lottiePlayer = useLottiePlayer({\n path: '/email-validated.json',\n });\n\n const url: string = imageProps.src.replace(\n String(SettingsService.env.S3_BUCKET_BASE_URL),\n String(SettingsService.env.CF_DISTRIBUTION),\n );\n\n return (\n
\n {/*
*/}\n \n

\n \n

\n \n
\n );\n}\n","export interface BarPasswordStrongProps {\n forceScore: 0 | 1 | 2 | 3 | 4;\n}\n\nexport enum PasswordStrengthLevel {\n Warning = 'warning',\n Danger = 'danger',\n Success = 'success',\n}\n","import styles from './styles.module.scss';\nimport { BarPasswordStrongProps, PasswordStrengthLevel } from './props';\nimport { useTranslation } from '../../../hooks';\n\nexport function BarPasswordStrong({ forceScore }: BarPasswordStrongProps) {\n const { t } = useTranslation('common');\n function getStregthLevel(): PasswordStrengthLevel {\n switch (Math.max(0, forceScore)) {\n case 0:\n case 1:\n return PasswordStrengthLevel.Danger;\n case 2:\n return PasswordStrengthLevel.Warning;\n case 3:\n case 4:\n return PasswordStrengthLevel.Success;\n default:\n return PasswordStrengthLevel.Danger;\n }\n }\n const stregthLevel: PasswordStrengthLevel = getStregthLevel();\n function getStep(): number {\n switch (stregthLevel) {\n case PasswordStrengthLevel.Danger:\n return 1;\n case PasswordStrengthLevel.Warning:\n return 2;\n case PasswordStrengthLevel.Success:\n return 3;\n default:\n return 0;\n }\n }\n const step: number = getStep();\n return (\n
\n
\n = 1 ? styles[`container__progress__force--${stregthLevel}`] : ''}`}\n />\n = 2 ? styles[`container__progress__force--${stregthLevel}`] : ''}`}\n />\n = 3 ? styles[`container__progress__force--${stregthLevel}`] : ''}`}\n />\n
\n\n \n {t(`label_${stregthLevel}`)}\n \n
\n );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport styles from './styles.module.scss';\nimport { ResendCodeButtonProps } from './props';\nimport { useTranslation } from '../../hooks';\n\n/**\n * ResendCodeButton Component\n * A button component that handles resending verification codes with a countdown timer.\n * The button becomes disabled for 60 seconds after a successful code resend.\n *\n * @component\n * @param {Object} props - Component props\n * @param {() => void} props.onClick - Callback function when button is clicked\n * @param {boolean} props.isLoading - Whether the button is in loading state\n * @param {boolean} props.isSuccess - Whether the last resend attempt was successful\n * @param {boolean} props.isSkeleton - Whether to show a skeleton loading state\n * @returns {JSX.Element} Button component with countdown timer\n *\n * @example\n * handleResendCode()}\n * isLoading={false}\n * isSuccess={false}\n * isSkeleton={false}\n * />\n */\nexport function ResendCodeButton({\n onClick,\n isLoading,\n isSuccess,\n isSkeleton,\n}: ResendCodeButtonProps) {\n const { t } = useTranslation('common');\n\n // State to track when SMS was last sent (initialized to 60s from now)\n const [smsSendAt, setSmsSendAt] = useState(\n new Date(new Date().getTime() + 60000),\n );\n\n // State to track current time for countdown\n const [currentDate, setCurrentDate] = useState(new Date());\n\n // Disable button if countdown not finished\n const isButtonDisabled: boolean = smsSendAt > currentDate;\n\n // Calculate remaining seconds in countdown\n const difference: number = useMemo(\n () =>\n (smsSendAt &&\n Math.trunc(\n Math.abs(\n ((smsSendAt as Date).getTime() - currentDate.getTime()) as number,\n ) / 1000,\n )) ||\n 0,\n [smsSendAt, currentDate],\n );\n\n /**\n * Handles successful resend by resetting countdown timer\n * Called when isSuccess prop changes\n */\n function onSuccess() {\n if (!isSuccess) {\n return;\n }\n\n setSmsSendAt(new Date(new Date().getTime() + 60000));\n }\n\n useEffect(onSuccess, [isSuccess]);\n\n /**\n * Sets up interval to update current time every second\n * Cleans up interval on unmount\n * @returns {() => void} Cleanup function to clear interval\n */\n function onMount() {\n let intervalId: NodeJS.Timeout;\n\n intervalId = setInterval(() => setCurrentDate(new Date()), 1000);\n\n return () => {\n clearInterval(intervalId);\n };\n }\n\n useEffect(onMount, []);\n\n if (isSkeleton) {\n return
;\n }\n\n return (\n \n {t('resend_code')}{' '}\n {isButtonDisabled ? `- ${difference > 60 ? 60 : difference}` : ''}\n \n );\n}\n","import { TransText } from '@starsoft/common/interfaces/trans-text';\nimport { ComponentType } from 'react';\nimport { TransWithDefault } from '../TransWithDefault';\nimport { useSettingsStore } from '@starsoft/common/hooks/useSettingsStore';\nimport { CommonSettings } from '@starsoft/common/interfaces';\n\n/**\n * TransTextWithDefault Component\n * This component is responsible for rendering a translation text component with default fallback.\n * It utilizes the settings store to determine the appropriate translation component to use.\n *\n * @param {TransText} props - The properties for the component.\n * @param {object} props.components - Custom components to be used within the translation text.\n * @param {string} props.i18nKey - The internationalization key for the translation.\n * @param {object} props.values - The values to be interpolated in the translation string.\n *\n * @returns {JSX.Element} The rendered translation component or a default translation component if none is specified.\n *\n * @example\n * // Usage example:\n * , br:
}}\n * i18nKey=\"example_key\"\n * values={{ name: 'John' }}\n * />\n */\nexport function TransTextWithDefault({ components, ...props }: TransText) {\n const { state } = useSettingsStore();\n const settings: CommonSettings = state.settings;\n\n // Retrieve the TransText component from settings, if available\n const TransText: ComponentType =\n settings.translationComponents.TransText;\n\n // If no TransText component is found, use the default translation component\n if (!TransText) {\n return ;\n }\n\n // Render the TransText component with provided components and props\n return (\n ,\n br:
,\n p:

,\n div:

,\n span: ,\n ...components,\n }}\n {...props}\n />\n );\n}\n","import { useCallback, useEffect, useRef } from 'react';\nimport { ValidateCodeInputProps } from './props';\nimport styles from './styles.module.scss';\nimport { KeyboardKey } from '@starsoft/common/enums';\n\n/**\n * ValidateCodeInput component is responsible for rendering a series of input fields\n * that allow users to enter a code. It handles user interactions such as typing,\n * pasting, and navigating between inputs using arrow keys.\n *\n * @param {ValidateCodeInputProps} props - The properties for the component.\n * @param {Function} props.setValue - A function to set the value of the code entered.\n * @param {number} [props.maxLength=6] - The maximum length of the code.\n * @param {boolean} props.isContainerColor - Flag to apply container color style.\n * @param {boolean} props.isLoading - Flag to indicate loading state.\n * @param {boolean} props.withMaxWidth - Flag to apply max width style.\n * @param {boolean} props.isDefaultColor - Flag to apply default color style.\n *\n * @returns {JSX.Element} The rendered component.\n */\nexport function ValidateCodeInput({\n setValue,\n maxLength = 6,\n isContainerColor,\n isLoading,\n withMaxWidth,\n isDefaultColor,\n}: ValidateCodeInputProps) {\n // Ref to store references to input elements\n const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n\n // Effect to ensure inputRefs array matches the maxLength\n useEffect(() => {\n inputRefs.current = inputRefs.current.slice(0, maxLength);\n }, [maxLength]);\n\n /**\n * handleSetValue is a callback function that aggregates the values from all input fields\n * and sets the combined value using the setValue function.\n */\n const handleSetValue = useCallback(() => {\n const value = inputRefs.current\n .map(input => input?.value ?? '')\n .filter(value => value !== '')\n .join('');\n\n setValue(value);\n }, [setValue]);\n\n /**\n * handleArrowLeft moves the focus to the previous input field when the left arrow key is pressed.\n *\n * @param {any} e - The event object from the keydown event.\n */\n function handleArrowLeft(e: any) {\n const previousInput = e.target.previousElementSibling as HTMLInputElement;\n if (!previousInput) return;\n setTimeout(() => {\n previousInput.selectionStart = previousInput.selectionEnd =\n previousInput.value.length;\n previousInput.focus();\n }, 0);\n }\n\n /**\n * handleArrowRight moves the focus to the next input field when the right arrow key is pressed.\n *\n * @param {any} e - The event object from the keydown event.\n */\n function handleArrowRight(e: any) {\n const nextInput = e.target.nextElementSibling as HTMLInputElement;\n if (!nextInput) return;\n nextInput.focus();\n }\n\n /**\n * handleChange processes the input change event, ensuring only numeric values are entered,\n * and moves focus to the next input if applicable.\n *\n * @param {any} e - The event object from the change event.\n */\n function handleChange(e: any) {\n e.target.value = e.target.value.replace(/[^0-9]/g, '');\n\n handleSetValue();\n\n if (Object.values(KeyboardKey).includes(e?.code) || !e.target.value) {\n return;\n }\n\n handleArrowRight(e);\n }\n\n /**\n * handleBackspace moves the focus to the previous input field if the current input is empty\n * and the backspace key is pressed.\n *\n * @param {any} e - The event object from the keydown event.\n */\n function handleBackspace(e: any) {\n const input = e.target;\n\n if (input.value !== '') {\n return;\n }\n\n if (!input?.previousElementSibling) return;\n input.previousElementSibling.focus();\n }\n\n /**\n * handlePaste is a callback function that handles the paste event, ensuring only numeric\n * values are pasted into the input fields.\n *\n * @param {any} e - The event object from the paste event.\n */\n const handlePaste = useCallback(\n (e: any) => {\n e.preventDefault();\n const paste = e.clipboardData.getData('text')?.replace(/[^0-9]/g, '');\n inputRefs.current.forEach((input, i) => {\n if (!input) {\n return;\n }\n\n input.value = paste[i] || '';\n });\n\n handleSetValue();\n },\n [handleSetValue],\n );\n\n /**\n * handleMount sets up event listeners for paste and keydown events on the input fields\n * and ensures the first input is focused if none are focused.\n */\n function handleMount() {\n if (typeof window == 'undefined' || typeof document == 'undefined') {\n return;\n }\n\n const hasSomeInputFocused = inputRefs.current?.some(\n ref => ref == document.activeElement,\n );\n\n inputRefs.current.forEach((input, index) => {\n if (index == 0 && !hasSomeInputFocused) {\n input?.focus();\n }\n\n input?.addEventListener('paste', handlePaste);\n input?.addEventListener('keydown', e => {\n switch (e.code) {\n case KeyboardKey.BACKSPACE:\n handleBackspace(e);\n break;\n case KeyboardKey.ARROW_LEFT:\n handleArrowLeft(e);\n break;\n case KeyboardKey.ARROW_RIGHT:\n handleArrowRight(e);\n break;\n default:\n }\n });\n });\n }\n\n // Effect to handle component mount logic\n useEffect(handleMount, [handlePaste, inputRefs]);\n\n // Render loading skeleton if isLoading is true\n if (isLoading) {\n return (\n \n {Array.from({ length: maxLength }).map((_, index) => (\n \n ))}\n
\n );\n }\n\n // Render input fields for code entry\n return (\n \n {Array.from({ length: maxLength }).map((_, index) => (\n (inputRefs.current[index] = el)}\n />\n ))}\n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__vmynk\",\"container__wrapper\":\"styles_container__wrapper__mt4Wv\",\"skeleton-animation\":\"styles_skeleton-animation__V_4_s\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container___9PEN\",\"container--no-padding\":\"styles_container--no-padding__P8fL2\",\"container__lottie\":\"styles_container__lottie__joJcH\",\"container__image\":\"styles_container__image__QqGJ8\",\"container__description\":\"styles_container__description__OtLbF\",\"skeleton-animation\":\"styles_skeleton-animation__18MTt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__joSuJ\",\"container__progress\":\"styles_container__progress___WS2B\",\"container__progress__force\":\"styles_container__progress__force__Gwv0i\",\"container__progress__force--danger\":\"styles_container__progress__force--danger__9EoMj\",\"container__progress__force--warning\":\"styles_container__progress__force--warning__TxOFb\",\"container__progress__force--success\":\"styles_container__progress__force--success__bqRx0\",\"container__label-force\":\"styles_container__label-force__YGJjA\",\"container__label-force--danger\":\"styles_container__label-force--danger__AWoTa\",\"container__label-force--warning\":\"styles_container__label-force--warning__J_KA3\",\"container__label-force--success\":\"styles_container__label-force--success__mjiWf\",\"skeleton-animation\":\"styles_skeleton-animation__qh3WW\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeleton\":\"styles_skeleton__XZRCs\",\"skeleton-animation\":\"styles_skeleton-animation__mp1uP\",\"button\":\"styles_button__D3i0q\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container__input__skeleton\":\"styles_container__input__skeleton__yfRIO\",\"skeleton-animation\":\"styles_skeleton-animation__YnQBM\",\"container\":\"styles_container__RrqWl\",\"container__input\":\"styles_container__input__fnGzI\",\"container__input--container-color\":\"styles_container__input--container-color__XD_OP\",\"container__input--default-color\":\"styles_container__input--default-color__mCOjL\",\"container__input--max-width\":\"styles_container__input--max-width___gcVZ\"};"],"names":["ConfirmationCodeContent","param","handleChangeCode","handleSendSms","isLoadingValidationCode","isSuccess","jsx_runtime","jsx","div","className","styles","Grow","in","timeout","jsxs","ResendCodeButton","onClick","isLoading","ValidateCodeInput","setValue","ConfirmationCode","imageProps","label","withoutPadding","props","lottiePlayer","useLottiePlayer","path","url","src","replace","String","SettingsService","env","S3_BUCKET_BASE_URL","CF_DISTRIBUTION","concat","LottieOrImage","image","lottie","classList","p","TransTextWithDefault","text","PasswordStrengthLevel","BarPasswordStrong","forceScore","t","useTranslation","stregthLevel","getStregthLevel","Math","max","Danger","Warning","Success","step","getStep","span","isSkeleton","smsSendAt","setSmsSendAt","useState","Date","getTime","currentDate","setCurrentDate","isButtonDisabled","difference","useMemo","trunc","abs","useEffect","intervalId","setInterval","clearInterval","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","button","disabled","type","components","state","useSettingsStore","TransText","settings","translationComponents","strong","br","TransWithDefault","i18nKey","maxLength","isContainerColor","withMaxWidth","isDefaultColor","inputRefs","useRef","current","slice","handleSetValue","useCallback","map","input","value","filter","join","handleArrowRight","e","nextInput","target","nextElementSibling","focus","handleChange","Object","values","KeyboardKey","includes","code","handlePaste","preventDefault","paste","clipboardData","getData","forEach","i","document","hasSomeInputFocused","some","ref","activeElement","index","addEventListener","BACKSPACE","handleBackspace","previousElementSibling","ARROW_LEFT","handleArrowLeft","previousInput","setTimeout","selectionStart","selectionEnd","length","ARROW_RIGHT","style","gridTemplateColumns","Array","from","_","onChange","el","module","exports"],"sourceRoot":""}