{"version":3,"file":"static/js/191.ed0cad73.chunk.js","mappings":"8ZAIMA,GAAW,QAAe,CAC5BC,aAAc,CACVC,GAAI,eACJC,eAAgB,sCAEpBC,qBAAsB,CAClBF,GAAI,uBACJC,eAAgB,+CAEpBE,mBAAoB,CAChBH,GAAI,qBACJC,eAAgB,sCAEpBG,2BAA4B,CACxBJ,GAAI,6BACJC,eAAgB,uFAEpBI,uBAAwB,CACpBL,GAAI,yBACJC,eAAgB,WAUXK,EAA6C,SAAC,G,IAAEC,EAAW,cAAEC,EAAQ,WAAEC,EAAS,YACjFC,GAAsB,UAAgB,kBAEzCH,IACDA,EAAcG,QAAAA,OAAqBC,GAGvC,IAAMC,EAAOJ,EAAWV,EAASK,mBAAqBL,EAASC,aACzDc,EAAeL,EAAWV,EAASM,2BAA6BN,EAASI,qBAE/E,OACI,2BAASO,UAAW,mBAAYD,EAAW,mBAAqB,GAAE,YAAIC,IAClE,wBAAMA,UAAU,kBACZ,gBAAC,IAAgB,KAAKG,KAEzBL,GACG,gCACI,gBAAC,IAAgB,KAAKM,IACtB,uBAAKJ,UAAU,mBACX,wBAAMA,UAAU,wBAAwBF,GACxC,qBAAGO,KAAM,cAAOP,GAAeE,UAAU,+CACrC,gBAAC,IAAgB,KAAKX,EAASO,4BAO3D,C","sources":["components/ReadonlyInfo/ReadonlyInfo.tsx"],"sourcesContent":["import React from 'react';\r\nimport { defineMessages, FormattedMessage } from 'react-intl';\r\nimport { useContactInfo } from 'src/contexts/ContactContext';\r\n\r\nconst messages = defineMessages({\r\n    readonlyInfo: {\r\n        id: 'readonlyInfo',\r\n        defaultMessage: 'A naptár csak tájékoztató jellegű.'\r\n    },\r\n    readonlyInfoCallText: {\r\n        id: 'readonlyInfoCallText',\r\n        defaultMessage: 'Foglaláshoz hívd a következő telefonszámot:'\r\n    },\r\n    readonlyModifyInfo: {\r\n        id: 'readonlyModifyInfo',\r\n        defaultMessage: 'A foglalás online nem módosítható.'\r\n    },\r\n    readonlyModifyInfoCallText: {\r\n        id: 'readonlyModifyInfoCallText',\r\n        defaultMessage: 'Amennyiben módosítani vagy törölni szeretnéd a foglalásod, hívd a következő számot:'\r\n    },\r\n    readonlyInfoCallAction: {\r\n        id: 'readonlyInfoCallAction',\r\n        defaultMessage: 'Hívás'\r\n    },\r\n});\r\n\r\ninterface IReadonlyInfoProps {\r\n    phoneNumber?: string;\r\n    isModify?: boolean;\r\n    className?: string;\r\n}\r\n\r\nexport const ReadonlyInfo: React.FC<IReadonlyInfoProps> = ({ phoneNumber, isModify, className }) => {\r\n    const { PublicPhoneNumber } = useContactInfo();\r\n\r\n    if (!phoneNumber) {\r\n        phoneNumber = PublicPhoneNumber ?? undefined;\r\n    }\r\n\r\n    const info = isModify ? messages.readonlyModifyInfo : messages.readonlyInfo;\r\n    const infoCallText = isModify ? messages.readonlyModifyInfoCallText : messages.readonlyInfoCallText;\r\n\r\n    return (\r\n        <section className={`readonly ${isModify ? 'readonly--modify' : ''} ${className}`}>\r\n            <span className=\"readonly__info\">\r\n                <FormattedMessage {...info} />\r\n            </span>\r\n            {phoneNumber &&\r\n                <>\r\n                    <FormattedMessage {...infoCallText} />\r\n                    <div className=\"readonly__phone\">\r\n                        <span className=\"readonly__phone-text\">{phoneNumber}</span>\r\n                        <a href={`tel:${phoneNumber}`} className=\"button button--primary readonly__phone-link\">\r\n                            <FormattedMessage {...messages.readonlyInfoCallAction} />\r\n                        </a>\r\n                    </div>\r\n                </>\r\n            }\r\n        </section>\r\n    );\r\n}"],"names":["messages","readonlyInfo","id","defaultMessage","readonlyInfoCallText","readonlyModifyInfo","readonlyModifyInfoCallText","readonlyInfoCallAction","ReadonlyInfo","phoneNumber","isModify","className","PublicPhoneNumber","undefined","info","infoCallText","href"],"sourceRoot":""}