{"version":3,"file":"static/js/412.2d7d774c.chunk.js","mappings":"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","sources":["components/Reservations/Reservation.tsx","components/form-components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport Moment from 'moment';\r\nimport MomentTimeZone from 'moment-timezone';\r\nimport { useState } from 'react';\r\nimport { defineMessages, FormattedDate, FormattedMessage, FormattedTime } from 'react-intl';\r\nimport Confirmation from '../Confirmation/Confirmation';\r\nimport { IPaidTransactionResponse, IReservationDetails, IReservationRequest, ReservationStateType } from 'src/entities/reservation';\r\nimport SecondaryButton from '../form-components/SecondaryButton/SecondaryButton';\r\nimport Popup from '../Popup/Popup';\r\nimport globalMessages from 'src/services/globalMessages';\r\nimport { LocationDescriptor } from 'history';\r\nimport { Link } from 'react-router-dom';\r\nimport { useContext } from 'react';\r\nimport { ReadonlyInfo } from '../ReadonlyInfo/ReadonlyInfo';\r\nimport { TextSkeleton } from '../Placeholder/Placeholder';\r\nimport { ButtonSkeleton } from '../form-components/Button/Button';\r\nimport { getPaidTransaction } from 'src/services/api/reservation';\r\nimport makeCancelable from 'src/services/cancelablePromise';\r\nimport FormattedPrice from '../BookingFlow/modules/ServiceSelect/FormattedPrice/FormattedPrice';\r\nimport { calculateGrossPriceWithPersonCount } from 'src/entities/service';\r\nimport { AppContext, IAppProvidedState } from 'src/contexts/AppContext';\r\n\r\nconst messages = defineMessages({\r\n    details: {\r\n        id: 'details',\r\n        defaultMessage: 'Részletek'\r\n    },\r\n    pastReservation: {\r\n        id: 'pastReservation',\r\n        defaultMessage: 'Elmúlt foglalás'\r\n    },\r\n    cannotModify: {\r\n        id: 'cannotModify',\r\n        defaultMessage: 'Nem módosítható'\r\n    },\r\n    selectAnotherAppointment: {\r\n        id: 'selectAnotherAppointment',\r\n        defaultMessage: 'Másik időpontot keresek'\r\n    },\r\n    notConfirmedYet: {\r\n        id: 'notConfirmedYet',\r\n        defaultMessage: 'Visszaigazolásra vár'\r\n    },\r\n    info: {\r\n        id: 'info',\r\n        defaultMessage: 'Info'\r\n    },\r\n    modifyReservation: {\r\n        id: 'modifyReservation',\r\n        defaultMessage: 'Foglalás módosítás'\r\n    }\r\n})\r\n\r\nexport interface IReservationProps {\r\n    reservation: IReservationDetails;\r\n    canModify: boolean;\r\n    displayModifyText?: boolean;\r\n    displayReadMore: boolean;\r\n    withNote?: true;\r\n    onEdit?: () => void;\r\n    onDelete?: () => void;\r\n    tryAgain?: LocationDescriptor;\r\n    clientKey?: string;\r\n    needsPayment?: boolean;\r\n    isReservationEnd?: boolean;\r\n}\r\n\r\nconst Reservation: React.FunctionComponent<IReservationProps> =\r\n    (\r\n        { reservation: {\r\n            Id,\r\n            EventState,\r\n            Calendar,\r\n            Service,\r\n            StartTime,\r\n            EndTime,\r\n            DurationToUser,\r\n            PersonCount,\r\n            Questions,\r\n            Title,\r\n            CalendarName,\r\n            IsDurationVisible\r\n        },\r\n            canModify,\r\n            withNote,\r\n            displayModifyText = true,\r\n            displayReadMore,\r\n            tryAgain = null,\r\n            clientKey,\r\n            needsPayment,\r\n            isReservationEnd,\r\n            onEdit = () => null,\r\n            onDelete = () => null }) => {\r\n\r\n        const { company } = useContext<IAppProvidedState>(AppContext);\r\n\r\n        const [isWarningVisible, setIsWarningVisible] = useState(false);\r\n        const [isReadonlyInfoVisible, setIsReadonlyInfoVisible] = useState(false);\r\n        const [hasPaidTransaction, setHasPaidTransaction] = useState(false);\r\n\r\n        const fetchPaidTransaction = () => {\r\n\r\n            const request: IReservationRequest = {\r\n                Id,\r\n                ClientKey: clientKey\r\n            };\r\n\r\n            const transactionSubscription = makeCancelable<IPaidTransactionResponse | null>(getPaidTransaction(request));\r\n            transactionSubscription.promise\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setHasPaidTransaction(data.HasPaidTransaction);\r\n                    }\r\n                })\r\n                .then(() => setIsWarningVisible(true));\r\n            return () => transactionSubscription.cancel();\r\n        }\r\n\r\n        const Actions = () => {\r\n            if (tryAgain) {\r\n                return (\r\n                    <div className=\"reservation-preview__buttons\">\r\n                        <Link to={tryAgain} className=\"button button--primary\">\r\n                            <FormattedMessage {...messages.selectAnotherAppointment} />\r\n                        </Link>\r\n                    </div>\r\n                );\r\n            }\r\n\r\n            const start = MomentTimeZone(StartTime);\r\n            start.tz(company?.TimeZone);\r\n            const now = MomentTimeZone(new Date());\r\n            now.tz(company?.TimeZone);\r\n\r\n            if (start.isBefore(now)) {\r\n                return <FormattedMessage {...messages.pastReservation} />\r\n            }\r\n\r\n            if (!canModify) {\r\n                return displayModifyText ?\r\n                    <div className=\"reservation-preview__buttons reservation-preview__buttons--with-status\">\r\n                        {EventState === ReservationStateType.NotConfirmed &&\r\n                            <div className=\"reservation-preview__status\">\r\n                                <FormattedMessage {...messages.notConfirmedYet} />\r\n                            </div>\r\n                        }\r\n                        <div className=\"reservation-preview__status\">\r\n                            <FormattedMessage {...messages.cannotModify} />\r\n                        </div>\r\n                        <SecondaryButton caption={messages.info} onClick={() => setIsReadonlyInfoVisible(true)} />\r\n                        <Popup title={messages.modifyReservation}\r\n                            visible={isReadonlyInfoVisible}\r\n                            closePopup={() => setIsReadonlyInfoVisible(false)} >\r\n                            <ReadonlyInfo phoneNumber={Calendar?.PhoneNumber} isModify={true} />\r\n                        </Popup>\r\n                    </div>\r\n                    : null\r\n            }\r\n\r\n            if (EventState === ReservationStateType.NotConfirmed) {\r\n                return (\r\n                    <div className=\"reservation-preview__buttons reservation-preview__buttons--with-status\">\r\n                        <div className=\"reservation-preview__status\"><FormattedMessage {...messages.notConfirmedYet} /></div>\r\n                        <SecondaryButton\r\n                            caption={globalMessages.delete}\r\n                            dangerous={true}\r\n                            onClick={() => isReservationEnd ? setIsWarningVisible(true) : fetchPaidTransaction()} />\r\n                    </div>\r\n                )\r\n            }\r\n\r\n            return (\r\n                <div className=\"reservation-preview__buttons\">\r\n                    <SecondaryButton\r\n                        className=\"reservation-preview__button reservation-preview__button--delete\"\r\n                        caption={globalMessages.delete}\r\n                        dangerous={true}\r\n                        onClick={() => isReservationEnd ? setIsWarningVisible(true) : fetchPaidTransaction()} />\r\n                    <SecondaryButton\r\n                        className=\"reservation-preview__button reservation-preview__button--modify\"\r\n                        caption={globalMessages.modify}\r\n                        onClick={onEdit} />\r\n                </div>\r\n            )\r\n        }\r\n\r\n        const endTime = Service?.IsDurationVisible || IsDurationVisible \r\n            ? (\r\n                DurationToUser \r\n                ? Moment(StartTime).add(DurationToUser, 'minutes').toDate()\r\n                : StartTime !== EndTime && EndTime || null)\r\n            : '';\r\n            \r\n        return (\r\n            <article className=\"reservation-preview\">\r\n                <div className=\"reservation-preview__body\">\r\n                    {StartTime && PersonCount &&\r\n                        <p className=\"reservation-preview__date\">\r\n                            <time dateTime={StartTime}>\r\n                                <FormattedDate\r\n                                    value={StartTime}\r\n                                    year=\"numeric\"\r\n                                    month=\"numeric\"\r\n                                    day=\"numeric\"\r\n                                    hour=\"numeric\"\r\n                                    minute=\"numeric\" />\r\n                            </time>\r\n                            {endTime && <>–<FormattedTime value={endTime} /></>}\r\n                            <span className='reservation-preview__person-count'>\r\n                                {', '}\r\n                                <span className='person-count__with-number'>\r\n                                    <FormattedMessage\r\n                                        values={{\r\n                                            n: PersonCount,\r\n                                            span: (msg: any) => <span className=\"person-count__text--preview\">{msg}</span>\r\n                                        }}\r\n                                        {...globalMessages.nPersons} />\r\n                                </span>\r\n                            </span>\r\n                        </p>\r\n                    }\r\n                    {(Service || Title) && <p className=\"reservation-preview__service\">{Service && Service.Name || Title}</p>}\r\n                    {(Calendar || CalendarName) && <p className=\"reservation-preview__calendar\">{Calendar && Calendar.Name || CalendarName}</p>}\r\n                    {Questions && displayReadMore && <button className=\"link\"><FormattedMessage {...messages.details} /></button>}\r\n                    {withNote && <p className=\"reservation-preview__note\">{Service?.Note}</p>}\r\n                </div>\r\n                {needsPayment &&\r\n                    <div className=\"reservation-preview__pricetag\">\r\n                        <FormattedPrice className=\"reservation-preview__price\"\r\n                            value={calculateGrossPriceWithPersonCount({\r\n                                Price: Service!.Price,\r\n                                Currency: Service!.Currency,\r\n                                PaymentMethod: Service!.PaymentMethod,\r\n                                VatPercentage: Service!.VatPercentage,\r\n                                PersonCount\r\n                            })} currency={Service!.Currency}\r\n                        />\r\n                    </div>\r\n                }\r\n                <Actions />\r\n                <Popup visible={isWarningVisible} closePopup={() => setIsWarningVisible(false)} >\r\n                    <Confirmation\r\n                        description={globalMessages.confirmDelete}\r\n                        affirmativeCaption={globalMessages.delete}\r\n                        affirmativeAction={onDelete}\r\n                        dangerous={true}\r\n                        {...(hasPaidTransaction && { warning: globalMessages.paidTransactionWarning })}\r\n                    />\r\n                </Popup>\r\n            </article>)\r\n    }\r\n\r\nexport const ReservationSkeleton: React.FC<{ withButtons?: boolean }> = ({ withButtons }) =>\r\n    <div className=\"reservation-preview\" role=\"presentation\">\r\n        <div className=\"reservation-preview__body\">\r\n            <div className=\"reservation-preview__date\">\r\n                <TextSkeleton>\r\n                    <FormattedDate\r\n                        value={0}\r\n                        year=\"numeric\"\r\n                        month=\"numeric\"\r\n                        day=\"numeric\"\r\n                        hour=\"numeric\"\r\n                        minute=\"numeric\" />\r\n                    <>–<FormattedTime value={0} /></>\r\n                    {', '}\r\n                    <FormattedMessage\r\n                        values={{\r\n                            n: 1,\r\n                            span: (msg: any) => <span className=\"person-count__text--preview\">{msg}</span>\r\n                        }}\r\n                        {...globalMessages.nPersons} />\r\n                </TextSkeleton>\r\n            </div>\r\n            <div className=\"reservation-preview__service\"><TextSkeleton>{'Skeleton service name'}</TextSkeleton></div>\r\n            <div className=\"reservation-preview__calendar\"><TextSkeleton>{'Skeleton calendar name'}</TextSkeleton></div>\r\n        </div>\r\n        {withButtons\r\n            ? <div className=\"reservation-preview__buttons\">\r\n                <ButtonSkeleton className=\"reservation-preview__button reservation-preview__button--delete\" caption={globalMessages.delete} />\r\n                <ButtonSkeleton className=\"reservation-preview__button reservation-preview__button--modify\" caption={globalMessages.modify} />\r\n            </div>\r\n            : <TextSkeleton><FormattedMessage {...messages.pastReservation} /></TextSkeleton>\r\n        }\r\n    </div>\r\n\r\nexport default Reservation;","import React from 'react';\r\nimport { MessageDescriptor, FormattedMessage } from 'react-intl';\r\nimport { Bone } from 'src/components/Placeholder/Placeholder';\r\nimport classNames from 'classnames';\r\n\r\nexport interface IButtonProps extends Omit<React.ComponentProps<'button'>, 'onClick'> {\r\n    caption: MessageDescriptor | React.ReactText;\r\n    onClick: () => void;\r\n    dangerous?: boolean;\r\n}\r\n\r\nexport const ButtonSkeleton: React.FC<{ caption?: MessageDescriptor, className?: string }> = ({ caption, className }) =>\r\n    <Bone className={classNames('button', className)}>\r\n        <FormattedMessage {...caption} />\r\n    </Bone>"],"names":["messages","details","id","defaultMessage","pastReservation","cannotModify","selectAnotherAppointment","notConfirmedYet","info","modifyReservation","ReservationSkeleton","withButtons","className","role","value","year","month","day","hour","minute","values","n","span","msg","nPersons","caption","delete","modify","reservation","Id","EventState","Calendar","Service","StartTime","EndTime","DurationToUser","PersonCount","Questions","Title","CalendarName","IsDurationVisible","canModify","withNote","displayModifyText","displayReadMore","tryAgain","clientKey","needsPayment","isReservationEnd","onEdit","onDelete","company","useContext","useState","isWarningVisible","setIsWarningVisible","isReadonlyInfoVisible","setIsReadonlyInfoVisible","hasPaidTransaction","setHasPaidTransaction","fetchPaidTransaction","request","ClientKey","transactionSubscription","promise","then","data","HasPaidTransaction","cancel","endTime","add","toDate","dateTime","Name","Note","Price","Currency","PaymentMethod","VatPercentage","currency","Link","to","start","tz","TimeZone","now","Date","isBefore","NotConfirmed","dangerous","onClick","title","visible","closePopup","phoneNumber","PhoneNumber","isModify","description","confirmDelete","affirmativeCaption","affirmativeAction","warning","paidTransactionWarning","ButtonSkeleton"],"sourceRoot":""}