{"version":3,"file":"static/js/134.e3c113d9.chunk.js","mappings":"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","sources":["components/trip-summary/accommodation/index.js"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport { BasicData } from '@App';\nimport { Trans } from '@lingui/macro';\nimport { getTextColorClass, getLetters, getFormattedDate, formatNumber, getColor } from '@utils/Utils';\n\nimport './style.scss';\n\nconst AccommodationComponent = () => {\n    const { trip_summary, accommodations, destinations, theme } = useContext(BasicData);\n\n    const colors = useMemo(() => getColor(theme), [theme]);\n\n    const legs = trip_summary?.legs?.filter(x => x.accommodation_id || x.destination_id || x.name || x.stops) || []\n\n    const showType = legs?.some(x => x.alternate_accommodations || x.stops);\n\n    let index = 0;\n\n    const getPinIcon = () => {\n        return <span className=\"accommodation-code\"><i className='icon icon-pin-solid'></i><span className={`code ${getTextColorClass(`#${colors.accent}`)}`}>{getLetters(index++)}</span></span>; \n    }\n\n    const getType = (type) => {\n        return type !== \"OvernightTravel\" && type !== \"Mobile\" ? type : \"\"; \n    }\n\n    return (\n        <>\n            <div className=\"accommodation-summary bg-white\">\n                <h2 className=\"text-md-center mb-[1.875rem]\"><Trans>Accommodation Summary</Trans></h2>\n                <table>\n                    <thead>\n                        <tr>\n                            <th className=\"desktop\"><h6><Trans>Start Date</Trans></h6></th>\n                            <th className=\"mobile\"><h6><Trans>Date</Trans></h6></th>\n                            <th className=\"desktop\"><h6><Trans>Accommodation</Trans></h6></th>\n                            <th className=\"mobile\"><h6><Trans>Stay</Trans></h6></th>\n                            {showType && <th className=\"desktop\"><h6><Trans>Type</Trans></h6></th>}\n                            {Object.keys(destinations ?? {}).length > 0 && (<th className=\"desktop\"><h6><Trans>Destination</Trans></h6></th>)}\n                            <th className=\"desktop\"><h6><Trans>Basis</Trans></h6></th>\n                            <th><h6><Trans>Nights</Trans></h6></th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {legs?.map((leg, i) => {\n                            const accommodationPin = leg.destination_id ? getPinIcon() : <></>;\n                            const date = getFormattedDate(leg.start_date, null, leg.start_day);\n                            const mobileDate = leg.start_date ? date.split(' ').slice(0, 2).join(' ') : date;\n\n                            return (\n                                <React.Fragment key={i}>\n                                    <tr className={`${leg.start_date || leg.start_day ? 'border-top' : ''}`}>\n                                        <td className=\"desktop date\">{date}</td>\n                                        <td className=\"mobile date\">{mobileDate}</td>\n                                        <td className=\"mobile\">\n                                            <div className=\"stay-name\">\n                                                {leg.name ? leg.name : accommodations[leg.accommodation_id]?.name}\n                                            </div>\n                                        </td>\n                                        <td className=\"desktop\">\n                                            {accommodationPin}\n                                            {leg.name ? leg.name : accommodations[leg.accommodation_id]?.name}\n                                        </td>\n                                        {showType && <td className=\"desktop\">{getType(leg.type)}</td>}\n                                        {Object.keys(destinations ?? {}).length > 0 && (<td className=\"desktop\">{destinations[leg.destination_id]?.name}</td>)}\n                                        <td className=\"desktop\">{leg.room_basis_code}</td>\n                                        <td className=\"desktop\">{leg.nights && <>{leg.nights} {leg.nights === 1 ? <Trans>Night</Trans> : <Trans>Nights</Trans>}</>}</td>\n                                        <td className=\"mobile\">{leg.nights && <>{formatNumber(leg.nights)}</>}</td>\n                                    </tr>\n                                    {\n                                        leg.alternate_accommodations?.map((id, index) => (\n                                            <tr className=\"alternate-accommodation\" key={index}>\n                                                <td>&nbsp;</td>\n                                                <td>/ {accommodations[id].name}</td>\n                                                <td className=\"desktop\"><Trans>Alternative</Trans></td>\n                                                <td className=\"desktop\">&nbsp;</td>\n                                                <td className=\"desktop\">&nbsp;</td>\n                                                <td className=\"desktop\">&nbsp;</td>\n                                            </tr>\n                                        ))\n                                    }\n                                    {\n                                        !leg.destination_id && leg.stops?.map((stop, index) => (\n                                            <tr className=\"stop\" key={index}>\n                                                <td>&nbsp;</td>\n                                                <td className=\"desktop\">\n                                                    {getPinIcon()}\n                                                    {stop.name ? stop.name : destinations[stop.destination_id]?.name}\n                                                </td>\n                                                <td className=\"desktop\">{stop.type}</td>\n                                                <td>{destinations[stop.destination_id]?.name}</td>\n                                                <td className=\"desktop\">&nbsp;</td>\n                                                <td>&nbsp;</td>\n                                            </tr>\n                                        ))\n                                    }\n                                    {leg.destination_id && (\n                                        <tr className=\"mobile\">\n                                            <td className=\"mobile\">&nbsp;</td>\n                                            <td className=\"mobile\">\n                                                <div>\n                                                    <i className='icon icon-map-pin'></i>\n                                                    {destinations[leg.destination_id]?.name}\n                                                </div>\n                                            </td>\n                                            <td className=\"mobile\">&nbsp;</td>\n                                        </tr>\n                                    )}\n                                </React.Fragment>\n                            )\n                        })}\n                    </tbody>\n                </table>\n                <h5 className=\"key\"><Trans>Key</Trans></h5>\n                {trip_summary?.basis_keys?.map((basisKey, i) => (\n                    <p className=\"key\" key={i} dangerouslySetInnerHTML={{ __html: basisKey }} />\n                ))}\n            </div>\n        </>\n    )\n}\n\nexport default AccommodationComponent;"],"names":["useContext","BasicData","trip_summary","accommodations","destinations","theme","colors","useMemo","getColor","legs","filter","x","accommodation_id","destination_id","name","stops","showType","some","alternate_accommodations","index","getPinIcon","className","getTextColorClass","accent","getLetters","Object","keys","length","map","leg","i","type","accommodationPin","date","getFormattedDate","start_date","start_day","mobileDate","split","slice","join","room_basis_code","nights","formatNumber","id","stop","basis_keys","basisKey","dangerouslySetInnerHTML","__html"],"sourceRoot":""}