{"version":3,"sources":["components/offices-list/hooks/useOfficesList.ts","components/offices-list-tem/OfficesListItem.tsx","components/offices-list/OfficesList.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["useOfficesList","residencyAlpha2","contentUrl","useState","offices","setOffices","useEffect","fetchOffices","then","res","officesFormatted","data","officesList","length","content","components","forEach","item","keys","split","itemKey","trim","itemValue","replace","Object","map","key","formatOfficesList","err","console","log","a","fetch","response","json","OfficesListItem","office","isActive","active","setActive","className","onClick","prevState","title","src","alt","adr_street1","adr_street2","adr_city","adr_province","adr_postal","phone_1","rel","target","href","x-ms-format-detection","phone_2","working_hours_calls","working_hours_visits","toLocaleLowerCase","office_id","OfficesList","index","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","rootElement","document","getElementById","dataset","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.95aebe17.chunk.js","sourcesContent":["import {useEffect, useState} from 'react';\nimport IOffice from '../../../interfaces/IOffice';\n\nexport const useOfficesList = (residencyAlpha2: string, contentUrl: string) => {\n    const [offices, setOffices] = useState<IOffice[]>([]);\n\n    useEffect(() => {\n        fetchOffices(residencyAlpha2, contentUrl).then((res) => {\n            const officesFormatted = formatOfficesList(res);\n            setOffices(officesFormatted);\n        }, (err) => {\n            console.log('Error during get offices', err);\n        });\n    }, [residencyAlpha2, contentUrl])\n\n    return {\n        offices,\n    }\n}\n\nasync function fetchOffices(residencyAlpha2: string, contentUrl: string) {\n    const response = await fetch(`${contentUrl}/services/offices/items?lang=en&filter=residency::${residencyAlpha2}`);\n    return await response.json();\n}\n\n\nfunction formatOfficesList(data: any): IOffice[] {\n    let officesList: any = {};\n\n    if (data && data.length && data[0].content && data[0].content.components) {\n        const officesItems = data[0].content.components;\n\n        officesItems.forEach((item: any) => {\n            const keys = item['name'].split('|');\n            const itemKey = keys[0].trim();\n            const itemValue = item['value'];\n\n            if (!officesList[itemKey]) {\n                officesList[itemKey] = {};\n            }\n            officesList[itemKey][keys[1].replace(/-/gi, '_')] = itemValue;\n        });\n    }\n\n    return Object.keys(officesList).map((key: string) => officesList[key]);\n}\n","import React, {useState} from 'react';\nimport IOffice from '../../interfaces/IOffice';\n\ntype Props = {\n    office: IOffice\n    residencyAlpha2: string\n    isActive: boolean\n}\n\nconst OfficesListItem: React.FC<Props> = ({office, residencyAlpha2, isActive}) => {\n    const [active, setActive] = useState(isActive);\n\n    const handleClick = (): void => {\n        setActive((prevState) => !prevState)\n    }\n\n    return (\n        <li className=\"vi__accordion\">\n            <div className={`vi__accordion__title clearfix ${active ? 'active' : ''}`} onClick={handleClick}>\n                <span>{office.title}</span>\n                <i className=\"sprite-main vi__accordion__title__img\"/>\n            </div>\n            <div className=\"vi__accordion__description visa-info__map\">\n                <div className=\"flex-row\">\n                    <div className=\"visa-info__map__description vcard\">\n                        <img src=\"/images/travel-visa-services.png\" className=\"photo no_display\" alt=\"logo\" />\n                        <div className=\"visa-info__map__info clearfix vcsections\">\n                            <div className=\"vi__icon\">\n                                <i className=\"sprite-vi-icons visa-info__map__address\"/>\n                            </div>\n                            <div className=\"vi__icon_text vcaddr\"><b>Address</b>\n                                <div className=\"fn org vi__office-company\">VisaHQ.com Inc.</div>\n                                <div className=\"adr\">\n                                    {office.adr_street1 && (\n                                        <><span className=\"street-address\">{office.adr_street1}</span><br/></>\n                                    )}\n                                    {office.adr_street2 && (\n                                        <><span className=\"street-address\">{office.adr_street2}</span><br/></>\n                                    )}\n                                    {office.adr_city && (\n                                        <span className=\"locality\">{office.adr_city},</span>\n                                    )}\n                                    {office.adr_province && (\n                                        <abbr className=\"region\"\n                                              title={office.adr_city}>{office.adr_province}</abbr>\n                                    )}\n                                    {office.adr_postal && (\n                                        <span className=\"postal-code\">{office.adr_postal}</span>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"visa-info__map__info clearfix\">\n                            <div className=\"vi__icon\">\n                                <i className=\"sprite-vi-icons visa-info__map__phones\"/>\n                            </div>\n                            <div className=\"vi__icon_text\">\n                                <b>Phone</b>\n                                <div>\n                                    {office.phone_1 && (\n                                        <>\n                                            <a className=\"tel_link\" rel=\"nofollow\" target=\"_blank\"\n                                               href={`tel:${office.phone_1}`}>\n                                                {office.phone_1}\n                                            </a>\n                                            <span className=\"tel tel_text\">\n                                                    <span className=\"d-inline-block\" x-ms-format-detection=\"none\">\n                                                        {office.phone_1}\n                                                    </span>\n                                                </span><br/>\n                                        </>\n                                    )}\n\n                                    {office.phone_2 && (\n                                        <>\n                                            <a className=\"tel_link\" rel=\"nofollow\" target=\"_blank\"\n                                               href={`tel:${office.phone_2}`}>\n                                                {office.phone_2}\n                                            </a>\n                                            <span className=\"tel tel_text\">\n                                                    <span className=\"d-inline-block\" x-ms-format-detection=\"none\">\n                                                        {office.phone_2}\n                                                    </span>\n                                                </span><br/>\n                                        </>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"visa-info__map__info clearfix\">\n                            <div className=\"vi__icon\">\n                                <i className=\"sprite-vi-icons visa-info__map__working_hours\"/>\n                            </div>\n                            <div className=\"vi__icon_text\">\n                                <b>Working Hours</b>\n                                <div>\n                                    {office.working_hours_calls && (\n                                        <div>For calls: {office.working_hours_calls}</div>\n                                    )}\n\n                                    {office.working_hours_visits && (\n                                        <div>For visits: {office.working_hours_visits}</div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"visa-info__map__links\"><a href=\"mailto:info@visahq.com\">Send email</a>\n                        </div>\n                    </div>\n                    <div className=\"visa-info__map__img\">\n                        <a href={`https://www.google.com/maps?q=VisaHQ+${office.adr_street1}+${office.adr_street2}+${office.adr_city}+${office.adr_postal}`}\n                           target=\"_blank\"\n                           rel=\"nofollow noopener\"\n                        >\n                            <i className={`lazy sprite-vi-map sprite-vi-map-${residencyAlpha2.toLocaleLowerCase()} visa-info__offices__${office.office_id}`}/>\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </li>\n    )\n}\n\nexport default OfficesListItem;\n","import React from 'react';\nimport {useOfficesList} from './hooks';\nimport OfficesListItem from '../offices-list-tem/OfficesListItem';\n\ntype Props = {\n    residencyAlpha2: string\n    contentUrl: string\n}\n\nconst OfficesList: React.FC<Props> = ({residencyAlpha2, contentUrl}) => {\n    const {offices} = useOfficesList(residencyAlpha2, contentUrl);\n\n    return (\n        <div>\n            {!offices.length ? (\n                <div className=\"circular-progress-wrapper\">\n                    <div className=\"circular-progress\" />\n                </div>\n            ) : (\n                <ul>\n                    {offices.map((office, index) => (\n                        <OfficesListItem\n                            office={office}\n                            residencyAlpha2={residencyAlpha2}\n                            isActive={index === 0}\n                            key={office.title}\n                        />\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nexport default OfficesList\n","import React from 'react';\nimport './App.css';\nimport OfficesList from './components/offices-list/OfficesList';\n\ntype Props = {\n    residencyAlpha2: string\n    contentUrl: string\n}\n\nfunction App({residencyAlpha2, contentUrl}: Props) {\n    return (\n        <OfficesList\n            residencyAlpha2={residencyAlpha2}\n            contentUrl={contentUrl}\n        />\n    );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);  \n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n}\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nconst rootElement = document.getElementById('vhq-offices-list-accordion');\n\nconst {\n    residencyAlpha2 = 'US',\n    contentUrl = 'https://content11p.visahq.org/v0',\n} = rootElement?.dataset || {};\n\nReactDOM.render(\n  <React.StrictMode>\n    <App\n        residencyAlpha2={residencyAlpha2}\n        contentUrl={contentUrl}\n    />\n  </React.StrictMode>,\n  document.getElementById('vhq-offices-list-accordion')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}