{counter}
\r\n * }\r\n */\n\nexport const useSelector = /*#__PURE__*/createSelectorHook();","import { getBatch } from './batch'; // encapsulates the subscription logic for connecting a component to the redux store, as\n// well as nesting subscriptions of descendant components, so that we can ensure the\n// ancestor components re-render before descendants\n\nfunction createListenerCollection() {\n const batch = getBatch();\n let first = null;\n let last = null;\n return {\n clear() {\n first = null;\n last = null;\n },\n\n notify() {\n batch(() => {\n let listener = first;\n\n while (listener) {\n listener.callback();\n listener = listener.next;\n }\n });\n },\n\n get() {\n let listeners = [];\n let listener = first;\n\n while (listener) {\n listeners.push(listener);\n listener = listener.next;\n }\n\n return listeners;\n },\n\n subscribe(callback) {\n let isSubscribed = true;\n let listener = last = {\n callback,\n next: null,\n prev: last\n };\n\n if (listener.prev) {\n listener.prev.next = listener;\n } else {\n first = listener;\n }\n\n return function unsubscribe() {\n if (!isSubscribed || first === null) return;\n isSubscribed = false;\n\n if (listener.next) {\n listener.next.prev = listener.prev;\n } else {\n last = listener.prev;\n }\n\n if (listener.prev) {\n listener.prev.next = listener.next;\n } else {\n first = listener.next;\n }\n };\n }\n\n };\n}\n\nconst nullListeners = {\n notify() {},\n\n get: () => []\n};\nexport function createSubscription(store, parentSub) {\n let unsubscribe;\n let listeners = nullListeners;\n\n function addNestedSub(listener) {\n trySubscribe();\n return listeners.subscribe(listener);\n }\n\n function notifyNestedSubs() {\n listeners.notify();\n }\n\n function handleChangeWrapper() {\n if (subscription.onStateChange) {\n subscription.onStateChange();\n }\n }\n\n function isSubscribed() {\n return Boolean(unsubscribe);\n }\n\n function trySubscribe() {\n if (!unsubscribe) {\n unsubscribe = parentSub ? parentSub.addNestedSub(handleChangeWrapper) : store.subscribe(handleChangeWrapper);\n listeners = createListenerCollection();\n }\n }\n\n function tryUnsubscribe() {\n if (unsubscribe) {\n unsubscribe();\n unsubscribe = undefined;\n listeners.clear();\n listeners = nullListeners;\n }\n }\n\n const subscription = {\n addNestedSub,\n notifyNestedSubs,\n handleChangeWrapper,\n isSubscribed,\n trySubscribe,\n tryUnsubscribe,\n getListeners: () => listeners\n };\n return subscription;\n}","import { useEffect, useLayoutEffect } from 'react'; // React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store\n// subscription callback always has the selector from the latest render commit\n// available, otherwise a store update may happen between render and the effect,\n// which may cause missed updates; we also must ensure the store subscription\n// is created synchronously, otherwise a store update may occur before the\n// subscription is created and an inconsistent state may be observed\n// Matches logic in React's `shared/ExecutionEnvironment` file\n\nexport const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;","import React, { useMemo } from 'react';\nimport { ReactReduxContext } from './Context';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\n\nfunction Provider({\n store,\n context,\n children,\n serverState\n}) {\n const contextValue = useMemo(() => {\n const subscription = createSubscription(store);\n return {\n store,\n subscription,\n getServerState: serverState ? () => serverState : undefined\n };\n }, [store, serverState]);\n const previousState = useMemo(() => store.getState(), [store]);\n useIsomorphicLayoutEffect(() => {\n const {\n subscription\n } = contextValue;\n subscription.onStateChange = subscription.notifyNestedSubs;\n subscription.trySubscribe();\n\n if (previousState !== store.getState()) {\n subscription.notifyNestedSubs();\n }\n\n return () => {\n subscription.tryUnsubscribe();\n subscription.onStateChange = undefined;\n };\n }, [contextValue, previousState]);\n const Context = context || ReactReduxContext; // @ts-ignore 'AnyAction' is assignable to the constraint of type 'A', but 'A' could be instantiated with a different subtype\n\n return /*#__PURE__*/React.createElement(Context.Provider, {\n value: contextValue\n }, children);\n}\n\nexport default Provider;","import { useContext } from 'react';\nimport { ReactReduxContext } from '../components/Context';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\n/**\r\n * Hook factory, which creates a `useStore` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{store.getState()}
\r\n * }\r\n */\n\nexport const useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport const useDispatch = /*#__PURE__*/createDispatchHook();","// The primary entry point assumes we're working with standard ReactDOM/RN, but\n// older versions that do not include `useSyncExternalStore` (React 16.9 - 17.x).\n// Because of that, the useSyncExternalStore compat shim is needed.\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport { setBatch } from './utils/batch';\nimport { initializeUseSelector } from './hooks/useSelector';\nimport { initializeConnect } from './components/connect';\ninitializeUseSelector(useSyncExternalStoreWithSelector);\ninitializeConnect(useSyncExternalStore); // Enable batched updates in our subscriptions for use\n// with standard React renderers (ReactDOM, React Native)\n\nsetBatch(batch);\nexport { batch };\nexport * from './exports';","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"reactReduxForwardedRef\"];\n\n/* eslint-disable valid-jsdoc, @typescript-eslint/no-unused-vars */\nimport hoistStatics from 'hoist-non-react-statics';\nimport React, { useContext, useMemo, useRef } from 'react';\nimport { isValidElementType, isContextConsumer } from 'react-is';\nimport defaultSelectorFactory from '../connect/selectorFactory';\nimport { mapDispatchToPropsFactory } from '../connect/mapDispatchToProps';\nimport { mapStateToPropsFactory } from '../connect/mapStateToProps';\nimport { mergePropsFactory } from '../connect/mergeProps';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport shallowEqual from '../utils/shallowEqual';\nimport warning from '../utils/warning';\nimport { ReactReduxContext } from './Context';\nimport { notInitialized } from '../utils/useSyncExternalStore';\nlet useSyncExternalStore = notInitialized;\nexport const initializeConnect = fn => {\n useSyncExternalStore = fn;\n}; // Define some constant arrays just to avoid re-creating these\n\nconst EMPTY_ARRAY = [null, 0];\nconst NO_SUBSCRIPTION_ARRAY = [null, null]; // Attempts to stringify whatever not-really-a-component value we were given\n// for logging in an error message\n\nconst stringifyComponent = Comp => {\n try {\n return JSON.stringify(Comp);\n } catch (err) {\n return String(Comp);\n }\n};\n\n// This is \"just\" a `useLayoutEffect`, but with two modifications:\n// - we need to fall back to `useEffect` in SSR to avoid annoying warnings\n// - we extract this to a separate function to avoid closing over values\n// and causing memory leaks\nfunction useIsomorphicLayoutEffectWithArgs(effectFunc, effectArgs, dependencies) {\n useIsomorphicLayoutEffect(() => effectFunc(...effectArgs), dependencies);\n} // Effect callback, extracted: assign the latest props values to refs for later usage\n\n\nfunction captureWrapperProps(lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, // actualChildProps: unknown,\nchildPropsFromStoreUpdate, notifyNestedSubs) {\n // We want to capture the wrapper props and child props we used for later comparisons\n lastWrapperProps.current = wrapperProps;\n renderIsScheduled.current = false; // If the render was from a store update, clear out that reference and cascade the subscriber update\n\n if (childPropsFromStoreUpdate.current) {\n childPropsFromStoreUpdate.current = null;\n notifyNestedSubs();\n }\n} // Effect callback, extracted: subscribe to the Redux store or nearest connected ancestor,\n// check for updates after dispatched actions, and trigger re-renders.\n\n\nfunction subscribeUpdates(shouldHandleStateChanges, store, subscription, childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, // forceComponentUpdateDispatch: React.Dispatch- \n {festivalArray.map((festivals, index) => {\n const [year, month, day] = festivals.date.split('-');\n if (CalendarGroups.month === `${year}-${month}`) {\n return (\n
- \n {festivals.festival}：{month}/{day}\n \n );\n }\n })}\n
\n {priceStr}\n {plus}\n
\n );\n}\n\nfunction GroupLable({ Guaranteed }: I_GroupLabel) {\n const { t } = useTranslation();\n\n return Guaranteed ? {t('IsEnsureGroup')}
: null;\n}\n\nfunction GroupState({ Status, multiTrip }: I_GroupState) {\n return multiTrip ? (\n 多方案
\n ) : (\n {Status}
\n );\n}\n\nfunction clickDetailDate(\n NormGroupID: string,\n ID: string,\n TourBu: string,\n Date: string,\n dispatch: any,\n isMobile: boolean\n) {\n if (isMobile) {\n dispatch(setChooseDateM(Date));\n } else {\n const reqBody = {\n GroupID: ID,\n TourBu,\n };\n\n const FlightInfoReqBody = {\n GroupID: ID,\n NormGroupID,\n GoDate: dayjs(Date).format('YYYY-MM-DD'),\n };\n\n dispatch(setGroupDetail(reqBody));\n dispatch(setStationInfo(reqBody));\n // dispatch(setItineraries(reqBody));\n dispatch(setOptionalInfo(reqBody));\n dispatch(setNoticeinfo(reqBody));\n dispatch(setPricesInfoSUCCESS(null)); // 為了避免點擊\"費用說明\"時,資料尚未更新即開啟光箱造成 bug\n dispatch(setPricesInfo(reqBody));\n dispatch(setFlightInfo(FlightInfoReqBody));\n\n changeDetailHistory({\n NormGroupID,\n GroupID: ID,\n });\n }\n}\n\nfunction DetailInfo({ item, multiTrip, isMobile }: I_DetailInfo) {\n const { Price, ID, Date } = item;\n const { GoDate, NormGroupID, TourBu } = useSelector(\n (state: RootState) => state.groupReducer.GroupInfo\n );\n\n const dispatch = useDispatch();\n\n const isSameDay = dayjs(Date).isSame(GoDate);\n\n return (\n \n
\n \n );\n}\n","import { I_FlightList } from '@Redux/detail/Group/interfaces';\nimport React from 'react';\nimport styles from '../styles.module.scss';\n\ninterface I_Props {\n flights: I_FlightList[];\n isBack: boolean;\n}\n\nconst FlightList: React.FC會員限購
}\n - \n {flights.map((flight: I_FlightList, i: number) => (\n
- \n \n\n \n\n\n\n\n\n {`${flight.DepartureDate}`}\n {`${flight.DepartTime}`}\n\n\n {flight.DepartureAirportID} {flight.DepartureAirport}\n\n\n\n\n {`${flight.ArriveDate}`}\n {`${flight.ArriveTime}`}\n\n\n {flight.ArriveAirportID} {flight.ArriveAirport}\n\n\n\n )}\n \n{`飛行時間約${timeToCH(\n flight.FlightTime\n )}`}\n {isBack && i === flights.length - 1 && (\n \n ))}\n
\n
\n ))}\n \n );\n};\n\nexport default DirectionList;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { I_TodayMoreGroup } from '@Redux/detail/Group/interfaces';\nimport * as Tag from '@components/Common/Tag';\nimport { changeDetailHistory } from '@utils/utils';\nimport DirectionList from './DirectionList';\nimport styles from '../styles.module.scss';\nimport { setGroupDetail, setStationInfo } from '@Redux/detail/Group/actions';\nimport { setOptionalInfo, setNoticeinfo } from '@Redux/detail/Itineraries/actions';\nimport cN from 'classnames';\nimport { useTranslation } from 'react-i18next';\n\ninterface I_Props {\n todayMoreList: I_TodayMoreGroup[];\n triggerLightBox?: any;\n NormGroupID?: string;\n TourBu: string;\n}\n\nconst TodayMoreGroupList: React.FC{direction.Name}
\n- \n {todayMoreList?.map((group: I_TodayMoreGroup, i: number) => (\n
\n
\n {Array.isArray(group.DirectionList) && group.DirectionList.length > 0 && (\n \n
\n \n {t('GroupID')}：{group.GroupID}\n
\n \n
\n 可賣：{group.QuotaSeats}
\n \n {t('seats')}:{group.TotalSeats}\n
\n \n \n {group.Status == 6\n ? '近期上架'\n : `${group.CurrencyCode || ''} ${group.StraightLowestPrice}`}\n \n 人/起\n
\n \n
\n )}\n \n ))}\n \n
\n );\n};\n\nexport default GroupAllGuaranteed;\n","import React, { useState, useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport cN from 'classnames';\nimport dayjs from 'dayjs';\nimport { useMediaQuery } from 'react-responsive';\nimport { CollapseList, ICollapseListProps } from '@lion-design/core';\nimport { GroupAllGuaranteed } from '@components/DetailPage';\nimport { RootState } from '@Redux/detail/store';\nimport {\n setGroupDetail,\n setGroupAllCalendar,\n setCalendarGroupsMonth,\n setStationInfo,\n setPricesInfo,\n setPricesInfoSUCCESS,\n setFlightInfo,\n} from '@Redux/detail/Group/actions';\nimport { setItineraries, setOptionalInfo, setNoticeinfo } from '@Redux/detail/Itineraries/actions';\nimport { I_CalendarGroup } from '@Redux/detail/Group/interfaces';\nimport { ArrowLeft } from '@components/Common/Icons';\nimport Spinner from '@components/Common/Spinner';\nimport { changeDetailHistory } from '@utils/utils';\nimport styles from './styles.module.scss';\nimport { useTranslation } from 'react-i18next';\n\ninterface I_Props {\n slidePageVisible?: any;\n}\n\nlet once = true;\n\nconst GroupAllList: React.FC\n \n {isLoadingTours || isLoadingCalendar ? (\n
\n \n ) : (\n \n {Schedules?.TourIDList && 選擇行程}\n
\n \n {Schedules?.TourIDList && 選擇出發日期}\n \n
\n \n );\n};\n\nexport default GroupAllList;\n\n/*******************/\n\nfunction PriceContent(\n isVip: boolean,\n price: string,\n vipPrice: number,\n currencyCode: string,\n status: string,\n isMobile: boolean\n) {\n function changeprice(price: number | string) {\n return `${price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}`;\n }\n return (\n <>\n {price && (\n \n {price !== '近期上架' ? currencyCode : ''} \n {isMobile ? price.replace(/起/g, '') : price}\n \n )}\n {isVip && (\n \n 原價：{currencyCode || ''} {changeprice(vipPrice)}\n \n )}\n \n );\n}\n\nfunction TotalVacnacyContent(props: { TotalVacnacy: number }) {\n const { t } = useTranslation();\n\n return (\n <>\n {t('seats')}\n {props.TotalVacnacy}\n \n );\n}\n\nconst IsVipText = \n \n {dayjs(CalendarGroups.month).format('YYYY年M月')}\n \n clickPrevOrNext('prev')}\n >\n clickPrevOrNext('next')}\n >\n
\n {isLoadingTours || isLoadingCalendar ? (\n 會員限購
;\n\nfunction GuaranteedTag() {\n const { t } = useTranslation();\n return {t('IsEnsureGroup')}
;\n}\n\nfunction getMonthStartAndEnd(day: string) {\n const start = dayjs(day).startOf('month').format('YYYY-MM-DD');\n const end = dayjs(day).endOf('month').format('YYYY-MM-DD');\n\n return [start, end];\n}\n","import React, { useState, useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useMediaQuery } from 'react-responsive';\nimport cN from 'classnames';\nimport * as Interface from '@Redux/detail/Group/interfaces';\nimport { RootState } from '@Redux/detail/store';\nimport { setCalendarGroupsMode } from '@Redux/detail/Group/actions';\nimport { List, Calendar } from '@components/Common/Icons';\nimport styles from './styles.module.scss';\n\nconst GroupAllModeswitcher: React.FC{isListMode ? '月曆顯示' : '列表顯示'}
\n \n );\n};\n\nexport default GroupAllModeswitcher;\n","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport cN from 'classnames';\nimport dayjs from 'dayjs';\nimport { I_TourIDItem } from '@Redux/detail/Group/interfaces';\nimport {\n setCurrentTourID,\n setGroupAllCalendar,\n setSchedulesActive,\n} from '@Redux/detail/Group/actions';\nimport { RootState } from '@Redux/detail/store';\nimport styles from '../style.module.scss';\n\nfunction SchedulesList() {\n const { travelinfo, preferairlines } = document.getElementById('detailPagePara')!.dataset!;\n const { Schedules, GroupInfo, IsPreview, scheduleActive, currentTourID } = useSelector(\n (state: RootState) => state.groupReducer\n );\n const { CalendarGroups } = useSelector((state: RootState) => state.calendarInfoReducer);\n const dispatch = useDispatch();\n const initTourID = JSON.parse(travelinfo!).GroupInfo.TourID;\n\n function getMonthStartAndEnd(day: string) {\n const start = dayjs(day).startOf('month').format('YYYY-MM-DD');\n const end = dayjs(day).endOf('month').format('YYYY-MM-DD');\n\n return [start, end];\n }\n\n function clickScheduleType(TourID: string, idx: number) {\n const [GoDateStart, GoDateEnd] = getMonthStartAndEnd(CalendarGroups.month);\n const isAll = idx === 0; // 行程選擇全部\n\n const reqBody = {\n NormGroupID: GroupInfo.NormGroupID,\n TourID: isAll ? '' : TourID,\n GoDateStart,\n GoDateEnd,\n preferairlines,\n TourBu: GroupInfo.TourBu,\n };\n\n dispatch(setGroupAllCalendar(reqBody));\n dispatch(setCurrentTourID(isAll ? '' : TourID));\n dispatch(setSchedulesActive(idx));\n }\n\n return Schedules ? (\n \n clickScheduleType(initTourID, 0)}\n >\n 全部\n
\n {Schedules!.TourIDList.map((item: I_TourIDItem, idx: number) => (\n \n
\n ) : null;\n};\n\nexport default GroupAllTours;\n","import React, { useMemo } from \"react\";\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport { LightBox } from '@lion-design/core';\nimport styles from './styles.module.scss';\ninterface I_props {\n state: boolean;\n setState: Function;\n}\n\nfunction Contactlightbox(props: I_props) {\n const { state, setState } = props;\n const { GroupInfo } = useSelector((store: RootState) => store.groupReducer);\n // 跳轉頁面到連絡雄獅\n const contactURL = useMemo(()=>{\n const { GroupID, TourName } = GroupInfo;\n const url = window.location.href.includes(\"utravel\") || window.location.href.includes(\"localhost\") ? \n 'https://umember.liontravel.com/contact' : 'https://member.liontravel.com/contact';\n const obj = {\n ProductID: GroupID,\n ProductName: TourName,\n ProductURL: window.location.href,\n }\n const urlstring = new URLSearchParams(obj).toString();\n return url + `?${urlstring}`;\n },[GroupInfo])\n return (\n \n \n
\n \n
\n {Schedules.CompareUrl && (\n 選擇行程
\n 行程會依出發時間或景點安排而有所不同
\n 行程差別
\n \n )}\n \n
\n \n )\n}\n\nexport default Contactlightbox;","import React, { useState, useRef, useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useMediaQuery } from 'react-responsive';\nimport cN from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@lion-design/core';\nimport { RootState } from '@Redux/detail/store';\nimport * as Icons from '@components/Common/Icons';\nimport SlidePage from '@components/Common/SlidePage';\nimport {\n GroupDetailPrice,\n GroupAllDetailMore,\n GroupAllList,\n GroupAllTours,\n GroupAllCalendar,\n NextStepBtn,\n} from '@components/DetailPage';\n\nimport {\n setIsCalendarShowM,\n setContactTelOpen,\n setNextStepLoading,\n setAbroadDepOpen,\n} from '@Redux/detail/Group/actions';\nimport ContactStaff from '@components/Common/ContactStaff';\nimport styles from '../style.module.scss';\nimport Contactlightbox from '@components/Common/Contactlightbox';\n\nfunction Register() {\n const { GroupInfo, IsB2E, TelType } = useSelector((store: RootState) => store.groupReducer);\n const { isContactTelOpen, abroadDepOpen, isAnchorShow } = useSelector(\n (store: RootState) => store.switcherReducer\n );\n const { calljson } = useSelector((store: RootState) => store.callInfoReducer);\n const dispatch = useDispatch();\n const [isFeeOpen, setIsFeeOpen] = useState\n 此產品非台灣出發，\n 請留下您的資料將有人員為您服務\n
\n \n \n 填寫資料\n
\n \n 原價:{GroupInfo.OrigPrice}人/起\n
\n );\n\n // 初始和離開頁面off loading狀態\n useEffect(() => {\n const handleBeforeUnload = () => {\n setTimeout(() => {\n dispatch(setNextStepLoading(false));\n }, 1000);\n };\n window.addEventListener('beforeunload', handleBeforeUnload);\n\n return () => {\n window.removeEventListener('beforeunload', handleBeforeUnload);\n };\n }, [dispatch]);\n\n React.useEffect(() => {\n if (isCalendarOpen) {\n document.body.style.top = '0';\n document.body.style.position = 'fixed';\n setTimeout(() => {\n document.body.style.top = '';\n document.body.style.position = '';\n }, 100);\n } else {\n document.body.style.top = '';\n document.body.style.position = '';\n }\n }, [isCalendarOpen]);\n\n const statusText = (status: number) => {\n switch (status) {\n case 1:\n return '報名';\n case 2:\n return '候補';\n case 3:\n return '額滿';\n case 4:\n return '請洽專員';\n case 5:\n return t('closeGroup');\n case 6:\n return '預訂';\n case 7:\n return '取消';\n case 8:\n return '我有意願';\n case 9:\n return '即將開賣';\n // 因應疫情\n case 99:\n return t('closeGroup');\n default:\n return '';\n }\n };\n\n function lightBoxSwitch(switcher: boolean) {\n // setContactMember(switcher);\n dispatch(setAbroadDepOpen(switcher));\n dispatch(setNextStepLoading(switcher));\n }\n\n useEffect(() => {\n dispatch(setIsCalendarShowM(isCalendarOpen));\n }, [isCalendarOpen, dispatch]);\n\n return (\n \n setIsFeeOpen(false)} />\n setIsMoreOpen(false)} />\n {\n dispatch(setContactTelOpen(false));\n dispatch(setNextStepLoading(false));\n }}\n callJson={calljson}\n TelType={TelType}\n GroupInfo={GroupInfo}\n />\n
\n );\n}\n\nexport default Register;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/zh-tw';\nimport cN from 'classnames';\nimport { LightBox } from '@lion-design/core';\nimport styles from './styles.module.scss';\nimport { useTranslation } from 'react-i18next';\nimport { I_SkiItem } from '@Redux/detail/Group/interfaces';\n\nenum SkiTypes {\n ski = 1,\n snowboard = 2,\n}\n\ninterface I_Props {\n open: boolean;\n ToggleLightBox: () => void;\n}\n\nfunction GroupDetailSki({ open = true, ToggleLightBox }: I_Props) {\n const { Ski, GroupInfo } = useSelector((state: RootState) => state.groupReducer);\n const { t } = useTranslation();\n\n return Ski ? (\n \n \n <>\n
\n {isMobile && isAnchorShow && (\n \n
\n \n {disabledBtn ? (\n
\n \n
\n ) : (\n <>\n {showOrigPrice}\n \n \n {GroupInfo.Status == 6\n ? '近期上架'\n : `${currency} ${GroupInfo.Price}`}\n \n {GroupInfo.Status !== 6 && '人/起'}\n
\n \n )}\n \n setIsCalendarOpen(true)}\n >\n 選擇出發日期\n \n {!disabledBtn && (\n setIsFeeOpen(true)}\n >\n 費用說明\n \n )}\n
\n \n {!disabledBtn && (\n
\n )}\n {/* 光箱 */}\n \n \n {GroupInfo.Status == 6\n ? '近期上架'\n : `${currency}${GroupInfo.Price}`}\n \n {GroupInfo.Status !== 6 && '人/起'}\n
\n )}\n {!disabledBtn && (\n setIsFeeOpen(true)}>\n 費用說明\n
\n )}\n {Ski!.TourName}
\n\n
\n \n {t('GroupID')}：{GroupInfo.GroupID}\n
\n \n 出發日期：\n \n {Ski!.GoDate}~{Ski!.BackDate} 共{Ski!.TourDays}天\n \n
\n - \n {Ski!.SkiList.map((item: I_SkiItem, i: number) => (\n
- \n
{item.SkiType === SkiTypes.ski ? 'SKI' : 'SNOW BOARD'}
\n\n 已付訂：{item.PaidPeople}\n 總報名人數：{item.ApplyTotal}\n\n \n ))}\n
以上為已填寫滑雪活動資料的人數統計
\n \n ) : null;\n}\n\nexport default GroupDetailSki;\n","import React, { ReactNode, useState, useRef, useEffect } from 'react';\nimport cN from 'classnames';\nimport styles from './styles.module.scss';\n\ninterface I_Props {\n content: ReactNode;\n bubbleWidth?: number;\n children?: React.ReactNode;\n}\n\nconst BubbleBox: React.FC\n 「可賣」或「{t('seats')}\n 」均非最終{t('IsEnsureGroup')}\n 人數，僅為本公司機位或庫存量，「可賣」或「\n {t('seats')}\n 」數量將會因供需或旅客取消與否而有增減。\n \n {t('IsEnsureGroup')}人數仍應以實際銷售結果為準。\n \n
\n );\n}\n\nexport default GroupNotesCansold;\n","import React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useMediaQuery } from 'react-responsive';\nimport cN from 'classnames';\nimport { Tag as LionTag, LightBox } from '@lion-design/core';\nimport { RootState } from '@Redux/detail/store';\nimport * as Icons from '@components/Common/Icons';\nimport * as Tag from '@components/Common/Tag';\nimport BubbleBox from '@components/Common/BubbleBox';\nimport GroupDetailSki from '@components/DetailPage/GroupDetailSki';\nimport GroupNotesCansold from '@components/DetailPage/GroupNotesCansold';\nimport { defaultImg43 } from '@utils/defaultImg';\nimport { useTranslation } from 'react-i18next';\nimport styles from '../style.module.scss';\nimport { getWeekday } from '@utils/utils';\n\nfunction Info() {\n const Group = useSelector((store: RootState) => store.groupReducer);\n\n const [isSkiOpen, setIsSkiOpen] = useState\n setIsSkiOpen(false)} />\n setIsEnsureOpen(false)}\n >\n setIsQuotaOpen(false)}\n >\n
\n );\n}\n\nexport default Info;\n\nfunction IsEnsureGroupContent() {\n const { t } = useTranslation();\n\n return (\n \n {Group.GroupInfo.NormGroupImg ? (\n ) =>\n ((e.target as HTMLImageElement).src = defaultImg43)\n }\n alt={Group.GroupInfo.TourName}\n />\n ) : (\n 
\n )}\n
\n \n {Group.CheckCruiseInfo && (\n
\n {/* 光箱 */}\n \n
\n )}\n - \n
- 行程{Group.TourIndex} \n
- \n {t('GroupID')}\n {Group.GroupInfo.GroupID}\n {Group.GroupInfo.IsEnsureGroup && (\n
\n \n \n ) : (\n }>\n {t('IsEnsureGroup')}\n \n \n )}\n \n )}\n \n - \n 可賣\n {Group.GroupInfo.QuotaSeats}\n {t('seats')}\n {Group.GroupInfo.TotalSeats}\n {isMobile && (\n
\n \n )}\n \n - \n 去程\n {getWeekday(Group.GroupInfo.GoDate)}\n \n 共{Group.GroupInfo.TourDays}天\n \n \n
- \n 回程\n \n {getWeekday(Group.GroupInfo.BackDate)}\n \n \n
- \n setIsSkiOpen(!isSkiOpen)}>\n 滑雪報名現狀\n\n )}\n \n
\n 本公司「已{t('IsEnsureGroup')}\n 」之旅遊團體，係指報名{t('numberOfAttendee')}\n 已達{t('setOff')}\n 標準，但團體出發前若遇有以下情事，將依\n {t('standardFormContract')}取消\n {t('setOff')}：\n
\n
\n 一、不可抗力、不可歸責於雙方當事人之事由，如颱風、海嘯、地震、洪災等不可抗力之天然災害；或罷工、戰亂抗爭、官方封閉旅遊地區、重大疫情等不可歸責之人為因素。\n
\n
\n 二、「已{t('IsEnsureGroup')}\n 」之旅遊團體所遊覽地區或國家，經外交部領事事務局或交通部觀光局或其他官方單位列為橙色警示、或紅色警示。\n
\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport styles from '../style.module.scss';\nimport cN from 'classnames';\n\ninterface I_Props {\n mobileHidden?: boolean;\n}\n\nconst SellDate: React.FC\n
\n 一、不可抗力、不可歸責於雙方當事人之事由，如颱風、海嘯、地震、洪災等不可抗力之天然災害；或罷工、戰亂抗爭、官方封閉旅遊地區、重大疫情等不可歸責之人為因素。\n
\n
\n 二、「已{t('IsEnsureGroup')}\n 」之旅遊團體所遊覽地區或國家，經外交部領事事務局或交通部觀光局或其他官方單位列為橙色警示、或紅色警示。\n
\n {!!GroupInfo.TourBuName && (\n
\n ) : (\n 聯營商品:{GroupInfo.TourBuName}
\n )}\n {GroupInfo.TourName}
\n\n {\n e.preventDefault();\n await handleFavorite({\n isLogin: isLogin!,\n isFavorite,\n TravelType,\n Price: IsVip ? VipOrigPrice : Price,\n TourDays,\n NormGroup: TourName,\n NormGroupID,\n GroupID: GroupID,\n GoDate: GoDate,\n setIsFavorite,\n });\n handleHasClicked('favorite');\n }}\n >\n {isFavorite ? (\n
\n socialShare('fb')}>\n \n {\n e.preventDefault();\n await handleCompare({\n TravelType,\n Price: IsVip ? VipOrigPrice : Price,\n TourDays,\n NormGroup: TourName,\n GoDate: GoDate,\n GroupID: GroupID,\n NormGroupID,\n isCompared,\n setIsCompared,\n });\n handleHasClicked('compared');\n }}\n >\n
\n \n setIsAssembleOpen(false)}\n >\n {bubbleContent}\n \n
\n ) : null;\n};\n\nexport default Place;\n","import React, { useState, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport { I_FlightList } from '@Redux/detail/Group/interfaces';\nimport styles from '../style.module.scss';\nimport cN from 'classnames';\nimport { AirPlane, Document, Info, Time } from '@components/Common/Icons';\nimport { Link } from 'react-scroll';\nimport dayjs from 'dayjs'\nimport GroupTripInfoFlight from '@components/Common/GroupTripInfoFlight';\n\ninterface I_RoundInfo {\n roundTitle: string;\n roundList: I_FlightList[]\n}\n\nconst RoundInfo: React.FC\n 集合地點\n
\n \n \n
\n \n \n
\n {/* 光箱 */}\n \n
\n - \n
- 出發地點 \n
- \n {GroupInfo.StartFromCityList.map((data, idx) => (\n {data.CityName}\n ))}\n \n
- \n
- 集合地點 \n
- \n \n {StationInfoList.map((data, idx) => (\n {data.Place}\n ))}\n\n \n
\n \n
\n \n
\n )\n\n}\n\nconst Flight: React.FC = () => {\n const Group = useSelector((store: RootState) => store.groupReducer); \n const {LeaveTeamReg} = useSelector((store: RootState) => store.itinerariesReducer);\n const [flightInfoOpen, setFlightInfoOpen] = useState\n
\n {roundTitle}
\n \n
\n {roundList?.[0].DepartureDate}
\n {roundList && \n {Array.from(displayedAirlines).map((item, index) => {\n return (\n {index > 0 && +}\n {item}\n )\n })}\n
}\n - \n
- \n {roundList?.[0]?.DepartTime}\n\n {roundList?.[0]?.DepartureAirportID}\n {roundList?.[0]?.DepartureAirport}\n\n \n
- \n \n \n {calculateFlyingTime(roundList)}\n\n {roundList && roundList.length > 1 &&轉機 {roundList.length - 1} 次}\n \n
- \n \n {roundList?.[roundList.length - 1]?.ArriveTime}\n {roundList && \n {calculateDayDifference(roundList?.[0]?.DepartureDate, roundList?.[roundList.length - 1]?.ArriveDate)}\n }\n\n\n {roundList?.[roundList.length - 1]?.ArriveAirportID}\n {roundList?.[roundList.length - 1]?.ArriveAirport}\n\n \n
\n setFlightInfoOpen(false)}\n />\n
\n ) : null;\n};\n\nexport default Flight;\n","import React from 'react';\nimport Place from './subComponents/Place';\nimport Flight from './subComponents/Flight';\nimport SellDate from './subComponents/SellDate';\n\nconst GroupTripInfo: React.FC = () => {\n return (\n <>\n \n
\n 參考航班
\n \n
\n {LeaveTeamReg && LeaveTeamReg.length > 0 && \n \n
}\n \n
\n\n \n \n \n
\n setFlightInfoOpen(!flightInfoOpen)}>\n \n
\n \n 更新時間：{modifyTime}\n
\n )) ||\n null\n );\n};\n\nexport default GroupNotesUpdatetime;\n","import React from 'react';\nimport styles from '../style.module.scss';\nimport { useDispatch } from 'react-redux';\nimport { actions } from '@Redux/detail/Itineraries';\n\ninterface I_Props {\n isWhole: boolean;\n setIsWhole: (isWhole: boolean) => void;\n}\n\nconst ModeBtn: React.FC\n {\n setIsWhole(true);\n dispatch(actions.setIsReduceMode(false));\n }}\n style={isWhole ? { color: '#f03742' } : { color: '#222' }}\n >\n 完整行程\n
\n \n {(curPage == 'detail' && isMobile ? isTheDay : !isTheDay) &&\n attractionsList.length > 0 &&\n attractionsList.map((attractionsItem: any) => (\n {\n !attractionsItem.Introduction && !attractionsItem.ImgUrl\n ? null\n : toggleLightBox(dailyItem.DayID, attractionsItem.AttractionsID);\n }}\n >\n
\n {attractionsItem.ImgUrl && (\n \n \n \n 停留時間約\n {timeTransform(attractionsItem.ResidenceTime)}\n \n
\n )}\n {attractionsItem.Memo && (\n \n \n {attractionsItem.ArrivalTime && (\n \n {attractionsItem.ArrivalTime}\n \n )}\n {attractionsItem.Name}\n {attractionsItem.LabelList &&\n attractionsItem.LabelList.length > 0 &&\n attractionsItem.LabelList.map((item: any, idx: any) => (\n \n {item}\n \n ))}\n
\n {attractionsItem.Introduction && (\n \n {attractionsItem.Memo.split('\\r\\n').map((item: any) => {\n return
\n )}\n {item}
;\n })}\n\n 
\n
\n )}\n {curPage !== 'print' &&\n (!attractionsItem.Introduction && !attractionsItem.ImgUrl ? null : (\n \n toggleSites(dailyItem.Day)}>\n {isMobile ? (isTheDay ? '收起' : '展開') : !isTheDay ? '收起' : '展開'}\n 行程內容\n {isMobile ? (\n
\n )}\n \n );\n};\n\nexport default DayAttractions;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState as C_RootState } from '@Redux/common/store';\nimport cN from 'classnames';\nimport { Info } from '@components/Common/Icons';\nimport styles from '../style.module.scss';\n\ninterface I_Props {\n dailyItem: any;\n}\n\nconst DayIntro: React.FC\n
\n DAY
\n {dailyItem.Day}
\n \n
\n \n );\n};\n\nexport default DayIntro;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState as C_RootState } from '@Redux/common/store';\nimport styles from '../style.module.scss';\nimport cN from 'classnames';\nimport { I_Meal } from '@Redux/detail/Itineraries/interfaces';\n\ninterface I_Props {\n mealList: Array\n
\n )}\n {dailyItem.Summary && (\n \n {mealIntToStringMap[mealTypes]}\n {AllMeal[mealTypes].map((item, idx: number) => (\n \n item.MealID && curPage !== 'print' && toggleLightBox(DayID, item.MealID)\n }\n >\n {item.Name}\n {idx === AllMeal[mealTypes].length - 1 ? '' : ' 或 '}\n \n ))}\n
\n ) : null;\n};\n\nexport default Meals;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState as C_RootState } from '@Redux/common/store';\nimport styles from '../style.module.scss';\nimport cN from 'classnames';\nimport Meals from './Meals';\nimport { timeTransform } from '@utils/utils';\ninterface I_Props {\n dailyItem: any;\n mealType: Array\n {dailyItem.MealList.length > 0 && (\n
\n );\n};\n\nexport default DayInclusions;\n","import React, { useEffect, useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport { RootState as C_RootState } from '@Redux/common/store';\nimport cN from 'classnames';\nimport styles from '../style.module.scss';\nimport DayAttractions from './DayAttractions';\nimport DayIntro from './DayIntro';\nimport DayInclusions from './DayInclusions';\ninterface I_Props {\n mealType: Array\n
\n )}\n {dailyItem.HotelList.length > 0 && (\n 餐食
\n\n {mealType.map((type, idx) => {\n return (\n
\n \n
\n )}\n {dailyItem.TrafficList.length > 0 && (\n 旅館
\n\n {dailyItem.HotelList.map((item: any, idx: any) => (\n \n item.HotelID &&\n curPage !== 'print' &&\n toggleLightBox(dailyItem.DayID, item.HotelID)\n }\n >\n {item.Name}\n {idx === dailyItem.HotelList.length - 1 ? '' : ' 或 '}\n \n ))}\n
\n \n
\n )}\n 交通
\n\n {dailyItem.TrafficList.map((item: any, i: number) => {\n return (\n
\n \n
\n );\n })}\n\n {dailyItem.CruiseList.length > 0 && (\n \n {item.TypeName}\n
\n \n {(item.DistanceInfo || item.DrivingTime) && (\n
\n \n {item.DistanceInfo && `約${item.DistanceInfo} `}\n {item.DrivingTime &&\n `時間約${timeTransform(item.DrivingTime)}`}\n
\n )}\n \n
\n )}\n \n 郵輪\n \n ： \n
\n \n {dailyItem.CruiseList.map((item: any, idx: number) => (\n
\n {`${item.Company}/${item.ShipName} ${\n idx === dailyItem.CruiseList.length - 1 ? '' : '或'\n }`}
\n ))}\n \n \n
\n \n ))}\n \n );\n};\n\nexport default WholeMode;\n","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport styles from '../style.module.scss';\nimport cN from 'classnames';\nimport parse from 'html-react-parser';\nimport Meals from './Meals';\ninterface I_Props {\n toggleLightBox: (reqDayID: number, reqPOIID: string) => void;\n mealType: Array\n
\n \n );\n};\n\nexport default ReduceMode;\n","import React, { useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { actions } from '@Redux/detail/Itineraries';\nimport { RootState as C_RootState } from '@Redux/common/store';\nimport ModeBtn from './subComponents/ModeBtn';\nimport WholeMode from './subComponents/WholeMode';\nimport ReduceMode from './subComponents/ReduceMode';\nimport { AirPlane, Bus, Boat, Walk, Train, Cruise } from '@components/Common/Icons';\nimport styles from './style.module.scss';\n\ninterface I_Props {\n hasReduceMode?: boolean;\n TourBu?: string;\n}\n\nconst ItineraryDaily: React.FC\n
\n ))}\n \n
\n {DailyList.map((dailyItem) => (\n 天數
\n 行程
\n 景點
\n 餐食
\n 旅館
\n \n
\n \n
\n \n \n
\n DAY
\n \n {dailyItem.Day}\n
\n \n {dailyItem.AttractionsList.map((item: any) => (\n \n toggleLightBox(dailyItem.DayID, item.AttractionsID)\n }\n >\n {item.Name}\n
\n ))}\n \n {mealType.map((type, idx) => {\n return (\n
\n \n {dailyItem.HotelList.map((item: any, idx: any) =>\n item.HotelID !== null ? (\n \n \n toggleLightBox(dailyItem.DayID, item.HotelID)\n }\n >\n {item.Name}\n \n {idx === dailyItem.HotelList.length - 1 ? '' : ' 或 '}\n \n ) : (\n {item.Name}\n )\n )}\n
\n \n {curPage !== 'print' &&
\n );\n};\n\nexport default ItineraryDaily;\n","import React from 'react';\nimport styles from '../style.module.scss';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport { Gallery } from '@lion-design/liontravel';\nimport domainByEnv from '@utils/domainByEnv';\n\nconst Carousel: React.FC = () => {\n const { ImgMList } = useSelector((state: RootState) => state.itinerariesReducer);\n const defaultImg = `${domainByEnv()}/_webassets/lightspeed/subsitebundles/common/imgs/default16-9.jpg`;\n\n //切割圖片網址\n const imgAry = ImgMList ? ImgMList.split('_,') : [];\n const isLoop = imgAry.length > 1 ? true : false;\n\n return ImgMList ? (\n \n
\n ) : (\n ※景點照片以實際狀況為主，圖片僅提供參考。
\n\n 
\n
\n );\n};\n\nexport default Carousel;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport styles from '../style.module.scss';\n\nconst Intro = () => {\n const Introduction = useSelector((state: RootState) => state.itinerariesReducer.Introduction);\n\n return (\n \n \n
\n );\n};\n\nexport default Intro;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport styles from '../style.module.scss';\n\nconst Poi = () => {\n const {\n Address,\n PhoneList,\n WebUrl,\n Longtitude,\n Latitude,\n Grade,\n CheckIn,\n CheckOut,\n } = useSelector((state: RootState) => state.itinerariesReducer);\n\n return (\n \n {Address && (\n
\n );\n};\n\nexport default Poi;\n","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { LightBox } from '@lion-design/core';\nimport { actions } from '@Redux/detail/Itineraries';\nimport { RootState } from '@Redux/detail/store';\nimport Carousel from './subComponents/Carousel';\nimport Intro from './subComponents/Intro';\nimport Poi from './subComponents/Poi';\nimport styles from './style.module.scss';\n\nconst ItineraryDailyLightbox = () => {\n const { lightBoxVisible: visible, Name, ImgMList, Introduction } = useSelector(\n (state: RootState) => state.itinerariesReducer\n );\n\n const dispatch = useDispatch();\n\n return (\n \n
\n )}\n {PhoneList.length > 0 && (\n 地址
\n\n {Address}\n \n 看地圖\n \n
\n \n
\n )}\n {WebUrl && (\n 電話
\n\n {PhoneList.map((item: string) => (\n
\n {item}
\n ))}\n \n
\n )}\n {Grade.length > 0 && (\n 網址
\n{WebUrl}
\n \n
\n )}\n {CheckIn && (\n 參考等級
\n\n {Grade}\n {Grade.map((item: string) => (\n {item}\n ))}\n
\n \n
\n )}\n {CheckOut && (\n CHECK IN
\n{CheckIn}
\n \n
\n )}\n CHECK OUT
\n{CheckOut}
\n \n
\n \n );\n};\n\nexport default ItineraryDailyLightbox;\n","import React, { useEffect } from 'react';\nimport cN from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport { I_Marketing } from '@Redux/detail/Itineraries/interfaces';\nimport styles from './style.module.scss';\n\ninterface I_Props {\n MarketingContent: I_Marketing;\n}\n\nconst ItineraryMarketing: React.FC{Name}
\n {ImgMList !== null &&\n \n {isPC ? (\n 
\n ) : (\n 
\n )}\n \n
\n );\n};\n\nexport default ItineraryMarketing;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState as C_RootState } from '@Redux/common/store';\nimport cN from 'classnames';\nimport styles from './styles.module.scss';\nimport { Divider } from '@lion-design/core';\ninterface I_Props {\n texts: {\n main: string;\n sub: string;\n };\n}\n\nconst SubTitle: React.FC{MarketingContent?.Content}
\n \n
\n );\n};\n\nexport default SubTitle;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState as C_RootState } from '@Redux/common/store';\nimport cN from 'classnames';\nimport { PreviewBlock } from '@lion-design/core';\nimport SubTitle from '@components/DetailPage/SubTitle';\nimport styles from './styles.module.scss';\n\ninterface I_Props {\n texts: {\n main: string;\n sub: string;\n };\n children: React.ReactNode;\n scrollEleId?: string;\n scrollOffset?: number;\n}\n\nconst ItineraryNoticesFrame: React.FC{texts.sub}
\n \n \n {children}\n \n
\n );\n};\n\nexport default ItineraryNoticesFrame;\n","import React, { useEffect } from 'react';\nimport cN from 'classnames';\nimport { useSelector, useDispatch } from 'react-redux';\nimport parse from 'html-react-parser';\nimport { RootState, store } from '@Redux/detail/store';\nimport { I_EachTrip } from '@Redux/detail/Itineraries/interfaces';\nimport styles from './styles.module.scss';\n\nconst ItinerarySelfGuided = () => {\n const { EachTripList } = useSelector((store: RootState) => store.itinerariesReducer);\n return (\n <>\n {EachTripList.map((item: I_EachTrip) => (\n \n
\n ))}\n \n );\n};\n\nexport default ItinerarySelfGuided;\n","import React, { useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport parse from 'html-react-parser';\nimport { RootState } from '@Redux/detail/store';\nimport { I_NoteListArr, I_NoteList } from '@Redux/detail/Itineraries/interfaces';\nimport styles from './styles.module.scss';\nimport SlidePage from '@components/Common/SlidePage';\nimport { ArrowRight } from '@components/Common/Icons';\nimport ArrowIcon from './imgs/arrowIcon';\nimport cN from 'classnames';\n\nconst ItineryTravelInfoM = () => {\n const { NoteList } = useSelector((store: RootState) => store.itinerariesReducer);\n const [openSidebarMenu, setOpenSidebarMenu] = useState(false);\n const [activeContent, setActiveContent] = useState({ CTitle: '', Desc: '' });\n\n const Item = ({ item }: { item: I_NoteList }) => {\n return (\n 第{item.Number}種
\n \n
\n \n
\n 餐食
\n \n
\n 飯店
\n {/* {item.Hostels}
*/}\n \n
\n );\n };\n\n const clickItem = (item: I_NoteList) => () => {\n setOpenSidebarMenu(true);\n setActiveContent(item);\n };\n\n return (\n <>\n {NoteList.length > 0 && (\n {item.CTitle}
\n \n {NoteList.map((item: I_NoteList, idx: string | number | null | undefined) => (\n
\n )}\n \n \n {NoteList.map((item: I_NoteList) => {\n return (\n \n \n \n );\n })}\n \n
\n );\n};\n\nexport default ItineryTravelInfoPC;\n","import React, { useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport { Button } from '@lion-design/core';\nimport LoadingSpinner from '@components/Common/LoadingSpinner';\nimport {\n setContactTelOpen,\n setAbroadDepOpen,\n setNextStepLoading,\n} from '@Redux/detail/Group/actions';\n\ninterface NextStepBtnProps {\n typeClass?: string;\n statusText: string;\n disabledBtn: boolean;\n comingSoon: boolean;\n}\n\nconst NextStepBtn: React.FC\n
\n )}\n {tableElement.map((element, i) => {\n return (\n \n {titles.map((title) => {\n return (\n \n {title.name}\n \n );\n })}\n
\n \n
\n );\n })}\n \n );\n};\n","import React from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport sanitize from 'sanitize-html';\nimport { RootState } from '@Redux/search/store';\nimport { useSelector } from 'react-redux';\n\nexport const TableContent: React.FC<{\n title: string;\n content: string;\n customTableColSize?: string;\n}> = ({ title, content, customTableColSize }) => {\n const isPc = useMediaQuery({ query: '(min-width: 980px)' });\n const { curPage } = useSelector((state: RootState) => state.pageReducer);\n const isPrint = curPage === 'print';\n const sanitizedContent = (\n {element}
\n {title}
}\n {content ? sanitizedContent : --
}\n \n );\n\n return customTableColSize ? (\n \n
\n );\n};\n\nexport default Spinner;\n","const htmlparser = require('htmlparser2');\nconst escapeStringRegexp = require('escape-string-regexp');\nconst { klona } = require('klona');\nconst { isPlainObject } = require('is-plain-object');\nconst deepmerge = require('deepmerge');\nconst parseSrcset = require('parse-srcset');\nconst { parse: postcssParse } = require('postcss');\n// Tags that can conceivably represent stand-alone media.\nconst mediaTags = [\n 'img', 'audio', 'video', 'picture', 'svg',\n 'object', 'map', 'iframe', 'embed'\n];\n// Tags that are inherently vulnerable to being used in XSS attacks.\nconst vulnerableTags = [ 'script', 'style' ];\n\nfunction each(obj, cb) {\n if (obj) {\n Object.keys(obj).forEach(function (key) {\n cb(obj[key], key);\n });\n }\n}\n\n// Avoid false positives with .__proto__, .hasOwnProperty, etc.\nfunction has(obj, key) {\n return ({}).hasOwnProperty.call(obj, key);\n}\n\n// Returns those elements of `a` for which `cb(a)` returns truthy\nfunction filter(a, cb) {\n const n = [];\n each(a, function(v) {\n if (cb(v)) {\n n.push(v);\n }\n });\n return n;\n}\n\nfunction isEmptyObject(obj) {\n for (const key in obj) {\n if (has(obj, key)) {\n return false;\n }\n }\n return true;\n}\n\nfunction stringifySrcset(parsedSrcset) {\n return parsedSrcset.map(function(part) {\n if (!part.url) {\n throw new Error('URL missing');\n }\n\n return (\n part.url +\n (part.w ? ` ${part.w}w` : '') +\n (part.h ? ` ${part.h}h` : '') +\n (part.d ? ` ${part.d}x` : '')\n );\n }).join(', ');\n}\n\nmodule.exports = sanitizeHtml;\n\n// A valid attribute name.\n// We use a tolerant definition based on the set of strings defined by\n// html.spec.whatwg.org/multipage/parsing.html#before-attribute-name-state\n// and html.spec.whatwg.org/multipage/parsing.html#attribute-name-state .\n// The characters accepted are ones which can be appended to the attribute\n// name buffer without triggering a parse error:\n// * unexpected-equals-sign-before-attribute-name\n// * unexpected-null-character\n// * unexpected-character-in-attribute-name\n// We exclude the empty string because it's impossible to get to the after\n// attribute name state with an empty attribute name buffer.\nconst VALID_HTML_ATTRIBUTE_NAME = /^[^\\0\\t\\n\\f\\r /<=>]+$/;\n\n// Ignore the _recursing flag; it's there for recursive\n// invocation as a guard against this exploit:\n// https://github.com/fb55/htmlparser2/issues/105\n\nfunction sanitizeHtml(html, options, _recursing) {\n let result = '';\n // Used for hot swapping the result variable with an empty string in order to \"capture\" the text written to it.\n let tempResult = '';\n\n function Frame(tag, attribs) {\n const that = this;\n this.tag = tag;\n this.attribs = attribs || {};\n this.tagPosition = result.length;\n this.text = ''; // Node inner text\n this.mediaChildren = [];\n\n this.updateParentNodeText = function() {\n if (stack.length) {\n const parentFrame = stack[stack.length - 1];\n parentFrame.text += that.text;\n }\n };\n\n this.updateParentNodeMediaChildren = function() {\n if (stack.length && mediaTags.includes(this.tag)) {\n const parentFrame = stack[stack.length - 1];\n parentFrame.mediaChildren.push(this.tag);\n }\n };\n }\n\n options = Object.assign({}, sanitizeHtml.defaults, options);\n options.parser = Object.assign({}, htmlParserDefaults, options.parser);\n\n // vulnerableTags\n vulnerableTags.forEach(function (tag) {\n if (\n options.allowedTags && options.allowedTags.indexOf(tag) > -1 &&\n !options.allowVulnerableTags\n ) {\n console.warn(`\\n\\n⚠️ Your \\`allowedTags\\` option includes, \\`${tag}\\`, which is inherently\\nvulnerable to XSS attacks. Please remove it from \\`allowedTags\\`.\\nOr, to disable this warning, add the \\`allowVulnerableTags\\` option\\nand ensure you are accounting for this risk.\\n\\n`);\n }\n });\n\n // Tags that contain something other than HTML, or where discarding\n // the text when the tag is disallowed makes sense for other reasons.\n // If we are not allowing these tags, we should drop their content too.\n // For other tags you would drop the tag but keep its content.\n const nonTextTagsArray = options.nonTextTags || [\n 'script',\n 'style',\n 'textarea',\n 'option'\n ];\n let allowedAttributesMap;\n let allowedAttributesGlobMap;\n if (options.allowedAttributes) {\n allowedAttributesMap = {};\n allowedAttributesGlobMap = {};\n each(options.allowedAttributes, function(attributes, tag) {\n allowedAttributesMap[tag] = [];\n const globRegex = [];\n attributes.forEach(function(obj) {\n if (typeof obj === 'string' && obj.indexOf('*') >= 0) {\n globRegex.push(escapeStringRegexp(obj).replace(/\\\\\\*/g, '.*'));\n } else {\n allowedAttributesMap[tag].push(obj);\n }\n });\n if (globRegex.length) {\n allowedAttributesGlobMap[tag] = new RegExp('^(' + globRegex.join('|') + ')$');\n }\n });\n }\n const allowedClassesMap = {};\n const allowedClassesGlobMap = {};\n each(options.allowedClasses, function(classes, tag) {\n // Implicitly allows the class attribute\n if (allowedAttributesMap) {\n if (!has(allowedAttributesMap, tag)) {\n allowedAttributesMap[tag] = [];\n }\n allowedAttributesMap[tag].push('class');\n }\n\n allowedClassesMap[tag] = [];\n const globRegex = [];\n classes.forEach(function(obj) {\n if (typeof obj === 'string' && obj.indexOf('*') >= 0) {\n globRegex.push(escapeStringRegexp(obj).replace(/\\\\\\*/g, '.*'));\n } else {\n allowedClassesMap[tag].push(obj);\n }\n });\n if (globRegex.length) {\n allowedClassesGlobMap[tag] = new RegExp('^(' + globRegex.join('|') + ')$');\n }\n });\n\n const transformTagsMap = {};\n let transformTagsAll;\n each(options.transformTags, function(transform, tag) {\n let transFun;\n if (typeof transform === 'function') {\n transFun = transform;\n } else if (typeof transform === 'string') {\n transFun = sanitizeHtml.simpleTransform(transform);\n }\n if (tag === '*') {\n transformTagsAll = transFun;\n } else {\n transformTagsMap[tag] = transFun;\n }\n });\n\n let depth;\n let stack;\n let skipMap;\n let transformMap;\n let skipText;\n let skipTextDepth;\n let addedText = false;\n\n initializeState();\n\n const parser = new htmlparser.Parser({\n onopentag: function(name, attribs) {\n // If `enforceHtmlBoundary` is `true` and this has found the opening\n // `html` tag, reset the state.\n if (options.enforceHtmlBoundary && name === 'html') {\n initializeState();\n }\n\n if (skipText) {\n skipTextDepth++;\n return;\n }\n const frame = new Frame(name, attribs);\n stack.push(frame);\n\n let skip = false;\n const hasText = !!frame.text;\n let transformedTag;\n if (has(transformTagsMap, name)) {\n transformedTag = transformTagsMap[name](name, attribs);\n\n frame.attribs = attribs = transformedTag.attribs;\n\n if (transformedTag.text !== undefined) {\n frame.innerText = transformedTag.text;\n }\n\n if (name !== transformedTag.tagName) {\n frame.name = name = transformedTag.tagName;\n transformMap[depth] = transformedTag.tagName;\n }\n }\n if (transformTagsAll) {\n transformedTag = transformTagsAll(name, attribs);\n\n frame.attribs = attribs = transformedTag.attribs;\n if (name !== transformedTag.tagName) {\n frame.name = name = transformedTag.tagName;\n transformMap[depth] = transformedTag.tagName;\n }\n }\n\n if ((options.allowedTags && options.allowedTags.indexOf(name) === -1) || (options.disallowedTagsMode === 'recursiveEscape' && !isEmptyObject(skipMap)) || (options.nestingLimit != null && depth >= options.nestingLimit)) {\n skip = true;\n skipMap[depth] = true;\n if (options.disallowedTagsMode === 'discard') {\n if (nonTextTagsArray.indexOf(name) !== -1) {\n skipText = true;\n skipTextDepth = 1;\n }\n }\n skipMap[depth] = true;\n }\n depth++;\n if (skip) {\n if (options.disallowedTagsMode === 'discard') {\n // We want the contents but not this tag\n return;\n }\n tempResult = result;\n result = '';\n }\n result += '<' + name;\n if (!allowedAttributesMap || has(allowedAttributesMap, name) || allowedAttributesMap['*']) {\n each(attribs, function(value, a) {\n if (!VALID_HTML_ATTRIBUTE_NAME.test(a)) {\n // This prevents part of an attribute name in the output from being\n // interpreted as the end of an attribute, or end of a tag.\n delete frame.attribs[a];\n return;\n }\n let parsed;\n // check allowedAttributesMap for the element and attribute and modify the value\n // as necessary if there are specific values defined.\n let passedAllowedAttributesMapCheck = false;\n if (!allowedAttributesMap ||\n (has(allowedAttributesMap, name) && allowedAttributesMap[name].indexOf(a) !== -1) ||\n (allowedAttributesMap['*'] && allowedAttributesMap['*'].indexOf(a) !== -1) ||\n (has(allowedAttributesGlobMap, name) && allowedAttributesGlobMap[name].test(a)) ||\n (allowedAttributesGlobMap['*'] && allowedAttributesGlobMap['*'].test(a))) {\n passedAllowedAttributesMapCheck = true;\n } else if (allowedAttributesMap && allowedAttributesMap[name]) {\n for (const o of allowedAttributesMap[name]) {\n if (isPlainObject(o) && o.name && (o.name === a)) {\n passedAllowedAttributesMapCheck = true;\n let newValue = '';\n if (o.multiple === true) {\n // verify the values that are allowed\n const splitStrArray = value.split(' ');\n for (const s of splitStrArray) {\n if (o.values.indexOf(s) !== -1) {\n if (newValue === '') {\n newValue = s;\n } else {\n newValue += ' ' + s;\n }\n }\n }\n } else if (o.values.indexOf(value) >= 0) {\n // verified an allowed value matches the entire attribute value\n newValue = value;\n }\n value = newValue;\n }\n }\n }\n if (passedAllowedAttributesMapCheck) {\n if (options.allowedSchemesAppliedToAttributes.indexOf(a) !== -1) {\n if (naughtyHref(name, value)) {\n delete frame.attribs[a];\n return;\n }\n }\n if (name === 'iframe' && a === 'src') {\n let allowed = true;\n try {\n // Chrome accepts \\ as a substitute for / in the // at the\n // start of a URL, so rewrite accordingly to prevent exploit.\n // Also drop any whitespace at that point in the URL\n value = value.replace(/^(\\w+:)?\\s*[\\\\/]\\s*[\\\\/]/, '$1//');\n if (value.startsWith('relative:')) {\n // An attempt to exploit our workaround for base URLs being\n // mandatory for relative URL validation in the WHATWG\n // URL parser, reject it\n throw new Error('relative: exploit attempt');\n }\n // naughtyHref is in charge of whether protocol relative URLs\n // are cool. Here we are concerned just with allowed hostnames and\n // whether to allow relative URLs.\n //\n // Build a placeholder \"base URL\" against which any reasonable\n // relative URL may be parsed successfully\n let base = 'relative://relative-site';\n for (let i = 0; (i < 100); i++) {\n base += `/${i}`;\n }\n const parsed = new URL(value, base);\n const isRelativeUrl = parsed && parsed.hostname === 'relative-site' && parsed.protocol === 'relative:';\n if (isRelativeUrl) {\n // default value of allowIframeRelativeUrls is true\n // unless allowedIframeHostnames or allowedIframeDomains specified\n allowed = has(options, 'allowIframeRelativeUrls')\n ? options.allowIframeRelativeUrls\n : (!options.allowedIframeHostnames && !options.allowedIframeDomains);\n } else if (options.allowedIframeHostnames || options.allowedIframeDomains) {\n const allowedHostname = (options.allowedIframeHostnames || []).find(function (hostname) {\n return hostname === parsed.hostname;\n });\n const allowedDomain = (options.allowedIframeDomains || []).find(function(domain) {\n return parsed.hostname === domain || parsed.hostname.endsWith(`.${domain}`);\n });\n allowed = allowedHostname || allowedDomain;\n }\n } catch (e) {\n // Unparseable iframe src\n allowed = false;\n }\n if (!allowed) {\n delete frame.attribs[a];\n return;\n }\n }\n if (a === 'srcset') {\n try {\n parsed = parseSrcset(value);\n parsed.forEach(function(value) {\n if (naughtyHref('srcset', value.url)) {\n value.evil = true;\n }\n });\n parsed = filter(parsed, function(v) {\n return !v.evil;\n });\n if (!parsed.length) {\n delete frame.attribs[a];\n return;\n } else {\n value = stringifySrcset(filter(parsed, function(v) {\n return !v.evil;\n }));\n frame.attribs[a] = value;\n }\n } catch (e) {\n // Unparseable srcset\n delete frame.attribs[a];\n return;\n }\n }\n if (a === 'class') {\n const allowedSpecificClasses = allowedClassesMap[name];\n const allowedWildcardClasses = allowedClassesMap['*'];\n const allowedSpecificClassesGlob = allowedClassesGlobMap[name];\n const allowedWildcardClassesGlob = allowedClassesGlobMap['*'];\n const allowedClassesGlobs = [ allowedSpecificClassesGlob, allowedWildcardClassesGlob ].filter(\n function(t) {\n return t;\n }\n );\n if (allowedSpecificClasses && allowedWildcardClasses) {\n value = filterClasses(value, deepmerge(allowedSpecificClasses, allowedWildcardClasses), allowedClassesGlobs);\n } else {\n value = filterClasses(value, allowedSpecificClasses || allowedWildcardClasses, allowedClassesGlobs);\n }\n if (!value.length) {\n delete frame.attribs[a];\n return;\n }\n }\n if (a === 'style') {\n try {\n const abstractSyntaxTree = postcssParse(name + ' {' + value + '}');\n const filteredAST = filterCss(abstractSyntaxTree, options.allowedStyles);\n\n value = stringifyStyleAttributes(filteredAST);\n\n if (value.length === 0) {\n delete frame.attribs[a];\n return;\n }\n } catch (e) {\n delete frame.attribs[a];\n return;\n }\n }\n result += ' ' + a;\n if (value && value.length) {\n result += '=\"' + escapeHtml(value, true) + '\"';\n }\n } else {\n delete frame.attribs[a];\n }\n });\n }\n if (options.selfClosing.indexOf(name) !== -1) {\n result += ' />';\n } else {\n result += '>';\n if (frame.innerText && !hasText && !options.textFilter) {\n result += escapeHtml(frame.innerText);\n addedText = true;\n }\n }\n if (skip) {\n result = tempResult + escapeHtml(result);\n tempResult = '';\n }\n },\n ontext: function(text) {\n if (skipText) {\n return;\n }\n const lastFrame = stack[stack.length - 1];\n let tag;\n\n if (lastFrame) {\n tag = lastFrame.tag;\n // If inner text was set by transform function then let's use it\n text = lastFrame.innerText !== undefined ? lastFrame.innerText : text;\n }\n\n if (options.disallowedTagsMode === 'discard' && ((tag === 'script') || (tag === 'style'))) {\n // htmlparser2 gives us these as-is. Escaping them ruins the content. Allowing\n // script tags is, by definition, game over for XSS protection, so if that's\n // your concern, don't allow them. The same is essentially true for style tags\n // which have their own collection of XSS vectors.\n result += text;\n } else {\n const escaped = escapeHtml(text, false);\n if (options.textFilter && !addedText) {\n result += options.textFilter(escaped, tag);\n } else if (!addedText) {\n result += escaped;\n }\n }\n if (stack.length) {\n const frame = stack[stack.length - 1];\n frame.text += text;\n }\n },\n onclosetag: function(name) {\n\n if (skipText) {\n skipTextDepth--;\n if (!skipTextDepth) {\n skipText = false;\n } else {\n return;\n }\n }\n\n const frame = stack.pop();\n if (!frame) {\n // Do not crash on bad markup\n return;\n }\n skipText = options.enforceHtmlBoundary ? name === 'html' : false;\n depth--;\n const skip = skipMap[depth];\n if (skip) {\n delete skipMap[depth];\n if (options.disallowedTagsMode === 'discard') {\n frame.updateParentNodeText();\n return;\n }\n tempResult = result;\n result = '';\n }\n\n if (transformMap[depth]) {\n name = transformMap[depth];\n delete transformMap[depth];\n }\n\n if (options.exclusiveFilter && options.exclusiveFilter(frame)) {\n result = result.substr(0, frame.tagPosition);\n return;\n }\n\n frame.updateParentNodeMediaChildren();\n frame.updateParentNodeText();\n\n if (options.selfClosing.indexOf(name) !== -1) {\n // Already output />\n if (skip) {\n result = tempResult;\n tempResult = '';\n }\n return;\n }\n\n result += '';\n if (skip) {\n result = tempResult + escapeHtml(result);\n tempResult = '';\n }\n }\n }, options.parser);\n parser.write(html);\n parser.end();\n\n return result;\n\n function initializeState() {\n result = '';\n depth = 0;\n stack = [];\n skipMap = {};\n transformMap = {};\n skipText = false;\n skipTextDepth = 0;\n }\n\n function escapeHtml(s, quote) {\n if (typeof (s) !== 'string') {\n s = s + '';\n }\n if (options.parser.decodeEntities) {\n s = s.replace(/&/g, '&').replace(//g, '>');\n if (quote) {\n s = s.replace(/\"/g, '"');\n }\n }\n // TODO: this is inadequate because it will pass `&0;`. This approach\n // will not work, each & must be considered with regard to whether it\n // is followed by a 100% syntactically valid entity or not, and escaped\n // if it is not. If this bothers you, don't set parser.decodeEntities\n // to false. (The default is true.)\n s = s.replace(/&(?![a-zA-Z0-9#]{1,20};)/g, '&') // Match ampersands not part of existing HTML entity\n .replace(//g, '>');\n if (quote) {\n s = s.replace(/\"/g, '"');\n }\n return s;\n }\n\n function naughtyHref(name, href) {\n // Browsers ignore character codes of 32 (space) and below in a surprising\n // number of situations. Start reading here:\n // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet#Embedded_tab\n // eslint-disable-next-line no-control-regex\n href = href.replace(/[\\x00-\\x20]+/g, '');\n // Clobber any comments in URLs, which the browser might\n // interpret inside an XML data island, allowing\n // a javascript: URL to be snuck through\n href = href.replace(//g, '');\n // Case insensitive so we don't get faked out by JAVASCRIPT #1\n // Allow more characters after the first so we don't get faked\n // out by certain schemes browsers accept\n const matches = href.match(/^([a-zA-Z][a-zA-Z0-9.\\-+]*):/);\n if (!matches) {\n // Protocol-relative URL starting with any combination of '/' and '\\'\n if (href.match(/^[/\\\\]{2}/)) {\n return !options.allowProtocolRelative;\n }\n\n // No scheme\n return false;\n }\n const scheme = matches[1].toLowerCase();\n\n if (has(options.allowedSchemesByTag, name)) {\n return options.allowedSchemesByTag[name].indexOf(scheme) === -1;\n }\n\n return !options.allowedSchemes || options.allowedSchemes.indexOf(scheme) === -1;\n }\n\n /**\n * Filters user input css properties by whitelisted regex attributes.\n *\n * @param {object} abstractSyntaxTree - Object representation of CSS attributes.\n * @property {array[Declaration]} abstractSyntaxTree.nodes[0] - Each object cointains prop and value key, i.e { prop: 'color', value: 'red' }.\n * @param {object} allowedStyles - Keys are properties (i.e color), value is list of permitted regex rules (i.e /green/i).\n * @return {object} - Abstract Syntax Tree with filtered style attributes.\n */\n function filterCss(abstractSyntaxTree, allowedStyles) {\n if (!allowedStyles) {\n return abstractSyntaxTree;\n }\n\n const filteredAST = klona(abstractSyntaxTree);\n const astRules = abstractSyntaxTree.nodes[0];\n let selectedRule;\n\n // Merge global and tag-specific styles into new AST.\n if (allowedStyles[astRules.selector] && allowedStyles['*']) {\n selectedRule = deepmerge(\n allowedStyles[astRules.selector],\n allowedStyles['*']\n );\n } else {\n selectedRule = allowedStyles[astRules.selector] || allowedStyles['*'];\n }\n\n if (selectedRule) {\n filteredAST.nodes[0].nodes = astRules.nodes.reduce(filterDeclarations(selectedRule), []);\n }\n\n return filteredAST;\n }\n\n /**\n * Extracts the style attribues from an AbstractSyntaxTree and formats those\n * values in the inline style attribute format.\n *\n * @param {AbstractSyntaxTree} filteredAST\n * @return {string} - Example: \"color:yellow;text-align:center;font-family:helvetica;\"\n */\n function stringifyStyleAttributes(filteredAST) {\n return filteredAST.nodes[0].nodes\n .reduce(function(extractedAttributes, attributeObject) {\n extractedAttributes.push(\n attributeObject.prop + ':' + attributeObject.value\n );\n return extractedAttributes;\n }, [])\n .join(';');\n }\n\n /**\n * Filters the existing attributes for the given property. Discards any attributes\n * which don't match the whitelist.\n *\n * @param {object} selectedRule - Example: { color: red, font-family: helvetica }\n * @param {array} allowedDeclarationsList - List of declarations which pass whitelisting.\n * @param {object} attributeObject - Object representing the current css property.\n * @property {string} attributeObject.type - Typically 'declaration'.\n * @property {string} attributeObject.prop - The CSS property, i.e 'color'.\n * @property {string} attributeObject.value - The corresponding value to the css property, i.e 'red'.\n * @return {function} - When used in Array.reduce, will return an array of Declaration objects\n */\n function filterDeclarations(selectedRule) {\n return function (allowedDeclarationsList, attributeObject) {\n // If this property is whitelisted...\n if (has(selectedRule, attributeObject.prop)) {\n const matchesRegex = selectedRule[attributeObject.prop].some(function(regularExpression) {\n return regularExpression.test(attributeObject.value);\n });\n\n if (matchesRegex) {\n allowedDeclarationsList.push(attributeObject);\n }\n }\n return allowedDeclarationsList;\n };\n }\n\n function filterClasses(classes, allowed, allowedGlobs) {\n if (!allowed) {\n // The class attribute is allowed without filtering on this tag\n return classes;\n }\n classes = classes.split(/\\s+/);\n return classes.filter(function(clss) {\n return allowed.indexOf(clss) !== -1 || allowedGlobs.some(function(glob) {\n return glob.test(clss);\n });\n }).join(' ');\n }\n}\n\n// Defaults are accessible to you so that you can use them as a starting point\n// programmatically if you wish\n\nconst htmlParserDefaults = {\n decodeEntities: true\n};\nsanitizeHtml.defaults = {\n allowedTags: [\n // Sections derived from MDN element categories and limited to the more\n // benign categories.\n // https://developer.mozilla.org/en-US/docs/Web/HTML/Element\n // Content sectioning\n 'address', 'article', 'aside', 'footer', 'header',\n 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hgroup',\n 'main', 'nav', 'section',\n // Text content\n 'blockquote', 'dd', 'div', 'dl', 'dt', 'figcaption', 'figure',\n 'hr', 'li', 'main', 'ol', 'p', 'pre', 'ul',\n // Inline text semantics\n 'a', 'abbr', 'b', 'bdi', 'bdo', 'br', 'cite', 'code', 'data', 'dfn',\n 'em', 'i', 'kbd', 'mark', 'q',\n 'rb', 'rp', 'rt', 'rtc', 'ruby',\n 's', 'samp', 'small', 'span', 'strong', 'sub', 'sup', 'time', 'u', 'var', 'wbr',\n // Table content\n 'caption', 'col', 'colgroup', 'table', 'tbody', 'td', 'tfoot', 'th',\n 'thead', 'tr'\n ],\n disallowedTagsMode: 'discard',\n allowedAttributes: {\n a: [ 'href', 'name', 'target' ],\n // We don't currently allow img itself by default, but this\n // would make sense if we did. You could add srcset here,\n // and if you do the URL is checked for safety\n img: [ 'src' ]\n },\n // Lots of these won't come up by default because we don't allow them\n selfClosing: [ 'img', 'br', 'hr', 'area', 'base', 'basefont', 'input', 'link', 'meta' ],\n // URL schemes we permit\n allowedSchemes: [ 'http', 'https', 'ftp', 'mailto', 'tel' ],\n allowedSchemesByTag: {},\n allowedSchemesAppliedToAttributes: [ 'href', 'src', 'cite' ],\n allowProtocolRelative: true,\n enforceHtmlBoundary: false\n};\n\nsanitizeHtml.simpleTransform = function(newTagName, newAttribs, merge) {\n merge = (merge === undefined) ? true : merge;\n newAttribs = newAttribs || {};\n\n return function(tagName, attribs) {\n let attrib;\n if (merge) {\n for (attrib in newAttribs) {\n attribs[attrib] = newAttribs[attrib];\n }\n } else {\n attribs = newAttribs;\n }\n\n return {\n tagName: newTagName,\n attribs: attribs\n };\n };\n};\n","import React, { useState, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\n\ninterface I_BottomProp {\n children: JSX.Element;\n side?: string;\n}\n\nconst BottomSlide: React.FC\n {Array.from(Array(12).keys()).map((i: number) => (\n \n ))}\n
\n \n
\n )}\n setIsVisible(false)}>\n {side === 'bottom' ? (\n
\n {title}
\n {children}
\n \n \n );\n};\n\nexport default ContentBlock;\n","import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { ArrowLeft } from '@components/Common/Icons';\nimport { Cross, ArrowLeft3 } from '@lion-design/icons';\nimport BottomSlide from './subComponents/BottomSlide';\nimport ContentBlock from './subComponents/ContentBlock';\nimport styles from './styles.module.scss';\nimport cN from 'classnames';\n\ninterface I_SlidePage {\n visible: boolean;\n setIsVisible: (visible: boolean) => void;\n title: string;\n children: JSX.Element;\n isHeaderShow?: boolean;\n side?: string;\n}\n\nconst SlidePage: React.FC\n {IsVip && setIsAllTagsOpen(true) : undefined}\n />\n )}\n setIsAllTagsOpen(false)}\n >\n {TripTypeList?.map((item, i: number) => (\n
\n ) : null;\n};\n\nexport default Tags;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"spinner\":\"spinner--14PeI\",\"spinner_content\":\"spinner_content--uZcMM\",\"sk_circle\":\"sk_circle--2x3uz\",\"sk_circleFadeDelay\":\"sk_circleFadeDelay--tuLqV\",\"sk_circle2\":\"sk_circle2--27NO_\",\"sk_circle3\":\"sk_circle3--HLCym\",\"sk_circle4\":\"sk_circle4--_Juao\",\"sk_circle5\":\"sk_circle5--V3pM5\",\"sk_circle6\":\"sk_circle6--3fmcS\",\"sk_circle7\":\"sk_circle7--vT864\",\"sk_circle8\":\"sk_circle8--TZfjA\",\"sk_circle9\":\"sk_circle9--34xa7\",\"sk_circle10\":\"sk_circle10--28RoO\",\"sk_circle11\":\"sk_circle11--LuJIs\",\"sk_circle12\":\"sk_circle12--3EJj0\"};","var domToReact = require('./lib/dom-to-react');\nvar attributesToProps = require('./lib/attributes-to-props');\nvar htmlToDOM = require('html-dom-parser');\n\nvar domParserOptions = { lowerCaseAttributeNames: false };\n\n/**\n * Converts HTML string to React elements.\n *\n * @param {String} html - HTML string.\n * @param {Object} [options] - Parser options.\n * @param {Object} [options.htmlparser2] - htmlparser2 options.\n * @param {Object} [options.library] - Library for React, Preact, etc.\n * @param {Function} [options.replace] - Replace method.\n * @return {JSX.Element|JSX.Element[]|String} - React element(s), empty array, or string.\n */\nfunction HTMLReactParser(html, options) {\n if (typeof html !== 'string') {\n throw new TypeError('First argument must be a string');\n }\n if (html === '') {\n return [];\n }\n options = options || {};\n return domToReact(\n htmlToDOM(html, options.htmlparser2 || domParserOptions),\n options\n );\n}\n\nHTMLReactParser.domToReact = domToReact;\nHTMLReactParser.htmlToDOM = htmlToDOM;\nHTMLReactParser.attributesToProps = attributesToProps;\n\n// support CommonJS and ES Modules\nmodule.exports = HTMLReactParser;\nmodule.exports.default = HTMLReactParser;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"container--1gBwX\",\"main\":\"main--3lhb9\",\"sub\":\"sub--1uDSR\",\"printMode\":\"printMode--2eeJb\"};","var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;\nvar htmlEntities = {\n '&': '&',\n '&': '&',\n '<': '<',\n '<': '<',\n '>': '>',\n '>': '>',\n ''': \"'\",\n ''': \"'\",\n '"': '\"',\n '"': '\"',\n ' ': ' ',\n ' ': ' ',\n '©': '©',\n '©': '©',\n '®': '®',\n '®': '®',\n '…': '…',\n '…': '…',\n '/': '/',\n '/': '/'\n};\n\nvar unescapeHtmlEntity = function unescapeHtmlEntity(m) {\n return htmlEntities[m];\n};\n\nexport var unescape = function unescape(text) {\n return text.replace(matchHtmlEntity, unescapeHtmlEntity);\n};","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport { createContext } from 'react';\nimport { unescape } from './unescape';\nvar defaultOptions = {\n bindI18n: 'languageChanged',\n bindI18nStore: '',\n transEmptyNodeValue: '',\n transSupportBasicHtmlNodes: true,\n transWrapTextNodes: '',\n transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],\n useSuspense: true,\n unescape: unescape\n};\nvar i18nInstance;\nexport var I18nContext = createContext();\nexport function setDefaults() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n defaultOptions = _objectSpread(_objectSpread({}, defaultOptions), options);\n}\nexport function getDefaults() {\n return defaultOptions;\n}\nexport var ReportNamespaces = function () {\n function ReportNamespaces() {\n _classCallCheck(this, ReportNamespaces);\n\n this.usedNamespaces = {};\n }\n\n _createClass(ReportNamespaces, [{\n key: \"addUsedNamespaces\",\n value: function addUsedNamespaces(namespaces) {\n var _this = this;\n\n namespaces.forEach(function (ns) {\n if (!_this.usedNamespaces[ns]) _this.usedNamespaces[ns] = true;\n });\n }\n }, {\n key: \"getUsedNamespaces\",\n value: function getUsedNamespaces() {\n return Object.keys(this.usedNamespaces);\n }\n }]);\n\n return ReportNamespaces;\n}();\nexport function setI18n(instance) {\n i18nInstance = instance;\n}\nexport function getI18n() {\n return i18nInstance;\n}\nexport var initReactI18next = {\n type: '3rdParty',\n init: function init(instance) {\n setDefaults(instance.options.react);\n setI18n(instance);\n }\n};\nexport function composeInitialProps(ForComponent) {\n return function (ctx) {\n return new Promise(function (resolve) {\n var i18nInitialProps = getInitialProps();\n\n if (ForComponent.getInitialProps) {\n ForComponent.getInitialProps(ctx).then(function (componentsInitialProps) {\n resolve(_objectSpread(_objectSpread({}, componentsInitialProps), i18nInitialProps));\n });\n } else {\n resolve(i18nInitialProps);\n }\n });\n };\n}\nexport function getInitialProps() {\n var i18n = getI18n();\n var namespaces = i18n.reportNamespaces ? i18n.reportNamespaces.getUsedNamespaces() : [];\n var ret = {};\n var initialI18nStore = {};\n i18n.languages.forEach(function (l) {\n initialI18nStore[l] = {};\n namespaces.forEach(function (ns) {\n initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) || {};\n });\n });\n ret.initialI18nStore = initialI18nStore;\n ret.initialLanguage = i18n.language;\n return ret;\n}","import * as actionTypes from './actionTypes';\nimport { I_Recommend } from './reducer';\n\ninterface I_RecommendReq {\n Type: string;\n Country: string;\n ArriveID: string;\n GoDateStart?: string;\n GoDateEnd?: string;\n TourBu: string;\n}\n\nexport interface I_RecommendsSyncAction {\n type: typeof actionTypes.SET_RECOMMENDS_SYNC;\n payload: any;\n}\n\nexport const setRecommends = (payload: I_RecommendReq) => ({\n type: actionTypes.SET_RECOMMENDS,\n payload,\n});\n\nexport const setRecommendsSUCCESS = (payload: I_Recommend) => ({\n type: actionTypes.SET_RECOMMENDS_SUCCESS,\n payload,\n});\n\nexport const removeRecommendAction = (index: number) => ({\n type: actionTypes.REMOVE_RECOMMEND,\n index,\n});\n\nexport type I_RecommendAction = ReturnType\n
\n );\n};\n\nexport default GroupIntro;\n","import React, { useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-scroll';\nimport { GroupDetailPrice, NextStepBtn } from '@components/DetailPage';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport styles from './styles.module.scss';\n\ninterface I_Anchor {\n isShow: boolean;\n to: string; // 錨點連結位置\n text: string; // 錨點文字\n}\n\nconst StickyHeader = () => {\n const { GroupInfo } = useSelector((state: RootState) => state.groupReducer);\n const { isAnchorShow } = useSelector((state: RootState) => state.switcherReducer);\n const {\n Features,\n Remark,\n ActiveNote,\n ItinnotesReg,\n SafeReg,\n LeaveTeamReg,\n OptionalInfoList,\n DailyList,\n } = useSelector((state: RootState) => state.itinerariesReducer);\n const [isFeeOpen, setIsFeeOpen] = useState\n {GroupInfo.NormGroupImg ? (\n ) =>\n ((e.target as HTMLImageElement).src = defaultImg43)\n }\n alt={GroupInfo.TourName}\n />\n ) : (\n \n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n )}\n - \n {headerAnchors.map(\n (anchor: I_Anchor, i: number) =>\n anchor.isShow && (\n
- \n
- \n {!disabledBtn && (\n <>\n \n \n {GroupInfo.Status == 6\n ? '近期上架'\n : `${currency} ${GroupInfo.Price}`}\n \n 人/起\n\n
\n
\n 國外團體旅遊
\n- \n {Array.isArray(callJson.Data) &&\n callJson.Data.map((item, index) => {\n if (item.Type == 1) {\n return (\n
- \n {item.Region} {item.Area}-{item.Phone}\n \n );\n }\n })}\n
\n
\n 台灣旅遊
\n- \n {Array.isArray(callJson.Data) &&\n callJson.Data.map((item, index) => {\n if (item.Type == 2) {\n return (\n
- \n {item.Region} {item.Area}-{item.Phone}\n \n );\n }\n })}\n
\n
\n \n );\n case 1:\n case 2:\n case 3:\n return (\n 主題旅遊
\n- \n {Array.isArray(callJson.Data) &&\n callJson.Data.map((item, index) => {\n if (item.Type == 3) {\n return (\n
- \n {item.Region} {item.Area}-{item.Phone}\n \n );\n }\n })}\n
\n
\n );\n }\n }\n\n return (\n {typeTitle()}
\n- \n {Array.isArray(callJson.Data) &&\n callJson.Data.map((item, index) => {\n if (item.Type == TelType) {\n return (\n
- \n {item.Region} {item.Area}-{item.Phone}\n \n );\n }\n })}\n
服務時間：週一至週五 09:00 ~ 18:00
\n {callJson.isCompleted ? {group.GroupInfo.TourName}
\n - \n {curPage !== 'print' && (\n <>\n
- \n {t('GroupID')}：{PricesInfo!.GroupID}{' '}\n {PricesInfo!.IsCutPrice && (\n 特惠\n )}\n \n\n
- \n 出發日期：\n \n {getWeekday(PricesInfo!.GoDate!)} ~{' '}\n {getWeekday(PricesInfo!.BackDate!)} 共 {PricesInfo!.TourDays} 天\n \n \n \n )}\n
- \n {PricesInfo?.IsFullPay ? (\n '須全額付清'\n ) : (\n <>\n 應付訂金：\n \n {PricesInfo?.CurrencyCode || ''} \n {PricesInfo?.OrderPrice?.toLocaleString()}\n \n \n )}\n {PricesInfo!.IsImmediatePay && (\n 應立即付款\n )}\n \n {/* {storyData!.TravelType === TravelTypes.GroupFree && (\n
- \n 回程當日：\n \n 【嬰兒】 未滿2歲之幼兒；【小孩】 2-12歲之小朋友；【大人】 滿12歲以上之旅客。\n\n
\n 本售價按該行程所有出發日期中最低價格的費用，您最後的價格會依出發日期、出行人數、所選飯店或艙房而有所不同。\n \n )} */}\n - \n 回程當日：\n \n 【嬰兒】 未滿2歲之幼兒；【小孩】 2-12歲之小朋友；【大人】 滿12歲以上之旅客。\n {PricesInfo!.TravelType === TravelTypes.GroupFree && (\n <>\n\n
\n 本售價按該行程所有出發日期中最低價格的費用，您最後的價格會依出發日期、出行人數、所選飯店或艙房而有所不同。\n \n )}\n \n
\n {PricesInfo!.MultiPricesList.map((items: I_MultiPrices, ind: number) => {\n return HotelItem(items, ind);\n })}\n
\n );\n};\n\nexport default PriceList;\n\n/**************/\nfunction HotelItem(items: I_MultiPrices, ind: number) {\n const { curPage } = useSelector((state: RootState) => state.pageReducer);\n const { PricesInfo } = useSelector((state: RootState) => state.groupReducer);\n\n const isPrint = curPage === 'print';\n // 多房型\n const showMultiPrice =\n !PricesInfo!.IsForeign && PricesInfo!.TourDays > 1 && items.GroupPricesList.length > 1;\n // 國旅一日團\n const isDomesticDayTour = !PricesInfo!.IsForeign && PricesInfo!.TourDays === 1;\n\n // 第一個預設展開\n const [isClose, setIsClose] = useState- \n {isDomesticDayTour\n ? // 國旅一日遊防呆，若為國旅一日遊僅顯示一個行程費用\n PriceItemList(\n items.GroupPricesList[0],\n isClose,\n showMultiPrice,\n isDomesticDayTour\n )\n : items.GroupPricesList.map((obj: I_PriceReOrg) =>\n PriceItemList(obj, isClose, showMultiPrice, isDomesticDayTour)\n )}\n
\n {showMultiPrice ? PriceStyleToCH(item.PriceStyle) : t('groupFee')}\n {item.PriceName &&
\n {item.PriceName}
}\n {IsB2E && (\n (企業價)
\n )}\n \n
\n );\n}\n\nfunction ShowPrice(price: string, PriceOrig: string) {\n const { GroupInfo, PricesInfo, IsB2E } = useSelector((state: RootState) => state.groupReducer);\n const travelType = PricesInfo?.TravelType;\n const status = GroupInfo.Status;\n const sellingPrice = IsB2E ? price : PriceOrig; // 售價\n const formattedPrice = Number(sellingPrice).toLocaleString();\n const dataOrig = IsB2E ? `${PriceOrig === '0' ? '' : PriceOrig}` : '';\n\n if (sellingPrice === '' || sellingPrice === '0') return '--';\n\n return (\n \n {status == 6\n ? '近期上架'\n : `${formattedPrice}${travelType == 2 ? '起' : ''}`}\n \n );\n}\n\nfunction PriceStyleToCH(style: PriceStyles) {\n switch (style) {\n case PriceStyles.Single:\n return '單人房';\n case PriceStyles.Double:\n return '雙人房';\n case PriceStyles.Triple:\n return '三人房';\n case PriceStyles.Quadruple:\n return '四人房';\n }\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { RootState } from '@Redux/detail/store';\nimport styles from '../styles.module.scss';\n\nconst TaxList: React.FC = () => {\n const {\n Meals,\n VisaPriceContain,\n VisaPrice,\n AirportPriceContain,\n AirportPrice,\n StraightRemarks,\n CurrencyCode,\n } = useSelector((state: RootState) => state.groupReducer.PricesInfo!);\n\n const MealTypeTrans = (type: number) => {\n if (type === 1) {\n return '大人';\n } else if (type === 2) {\n return '孩童';\n } else {\n return;\n }\n };\n return (\n {type}
\n \n {ShowPrice(Price, PriceOrig)}\n
\n - \n {Meals && Meals.length > 0 && (\n
- \n 餐費：\n {Meals.map((mealitem) => (\n \n {MealTypeTrans(mealitem.MealType)} {CurrencyCode + ' '}\n {mealitem.Price.toLocaleString()}\n \n ))}\n \n )}\n {(VisaPrice?.Cost || VisaPriceContain?.Cost) && (\n
- \n 簽證費：\n {/* 如果都有資料會顯示: 不包簽證 TWD 1,200、包簽證 TWD 100 */}\n {VisaPrice?.CostDesc && `不包${VisaPrice.CostDesc} `}\n {VisaPrice?.Cost && CurrencyCode + ' ' + VisaPrice.Cost.toLocaleString()}\n {(VisaPrice?.CostDesc || VisaPrice?.Cost) &&\n (VisaPriceContain?.CostDesc || VisaPriceContain?.Cost) &&\n `、`}\n {VisaPriceContain?.CostDesc && `包${VisaPriceContain.CostDesc} `}\n {VisaPriceContain?.Cost &&\n CurrencyCode + ' ' + VisaPriceContain.Cost.toLocaleString()}\n \n )}\n {(AirportPrice?.Cost || AirportPriceContain?.Cost) && (\n
- \n 機場稅：\n {AirportPrice?.CostDesc && `不包${AirportPrice.CostDesc} `}\n {AirportPrice?.Cost && CurrencyCode + ' ' + AirportPrice.Cost.toLocaleString()}\n {(AirportPrice?.CostDesc || AirportPrice?.Cost) &&\n (AirportPriceContain?.CostDesc || AirportPriceContain?.Cost) &&\n `、`}\n {AirportPriceContain?.CostDesc && `包${AirportPriceContain.CostDesc} `}\n {AirportPriceContain?.Cost &&\n CurrencyCode + ' ' + AirportPrice.Cost.toLocaleString()}\n \n )}\n {StraightRemarks && StraightRemarks.length > 0 && (\n
- \n {` 備註：`}\n \n \n )}\n
\n
\n \n );\n};\n\nexport default GroupTripInfoFlight;\n","var _typeof = require(\"./typeof.js\")[\"default\"];\nvar toPrimitive = require(\"./toPrimitive.js\");\nfunction _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}\nmodule.exports = _toPropertyKey, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return (module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports), _typeof(obj);\n}\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _utils = require('./utils');\n\nvar _utils2 = _interopRequireDefault(_utils);\n\nvar _smooth = require('./smooth');\n\nvar _smooth2 = _interopRequireDefault(_smooth);\n\nvar _cancelEvents = require('./cancel-events');\n\nvar _cancelEvents2 = _interopRequireDefault(_cancelEvents);\n\nvar _scrollEvents = require('./scroll-events');\n\nvar _scrollEvents2 = _interopRequireDefault(_scrollEvents);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/*\r\n * Gets the easing type from the smooth prop within options.\r\n */\nvar getAnimationType = function getAnimationType(options) {\n return _smooth2.default[options.smooth] || _smooth2.default.defaultEasing;\n};\n/*\r\n * Function helper\r\n */\nvar functionWrapper = function functionWrapper(value) {\n return typeof value === 'function' ? value : function () {\n return value;\n };\n};\n/*\r\n * Wraps window properties to allow server side rendering\r\n */\nvar currentWindowProperties = function currentWindowProperties() {\n if (typeof window !== 'undefined') {\n return window.requestAnimationFrame || window.webkitRequestAnimationFrame;\n }\n};\n\n/*\r\n * Helper function to never extend 60fps on the webpage.\r\n */\nvar requestAnimationFrameHelper = function () {\n return currentWindowProperties() || function (callback, element, delay) {\n window.setTimeout(callback, delay || 1000 / 60, new Date().getTime());\n };\n}();\n\nvar makeData = function makeData() {\n return {\n currentPosition: 0,\n startPosition: 0,\n targetPosition: 0,\n progress: 0,\n duration: 0,\n cancel: false,\n\n target: null,\n containerElement: null,\n to: null,\n start: null,\n delta: null,\n percent: null,\n delayTimeout: null\n };\n};\n\nvar currentPositionX = function currentPositionX(options) {\n var containerElement = options.data.containerElement;\n if (containerElement && containerElement !== document && containerElement !== document.body) {\n return containerElement.scrollLeft;\n } else {\n var supportPageOffset = window.pageXOffset !== undefined;\n var isCSS1Compat = (document.compatMode || \"\") === \"CSS1Compat\";\n return supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;\n }\n};\n\nvar currentPositionY = function currentPositionY(options) {\n var containerElement = options.data.containerElement;\n if (containerElement && containerElement !== document && containerElement !== document.body) {\n return containerElement.scrollTop;\n } else {\n var supportPageOffset = window.pageXOffset !== undefined;\n var isCSS1Compat = (document.compatMode || \"\") === \"CSS1Compat\";\n return supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;\n }\n};\n\nvar scrollContainerWidth = function scrollContainerWidth(options) {\n var containerElement = options.data.containerElement;\n if (containerElement && containerElement !== document && containerElement !== document.body) {\n return containerElement.scrollWidth - containerElement.offsetWidth;\n } else {\n var body = document.body;\n var html = document.documentElement;\n\n return Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);\n }\n};\n\nvar scrollContainerHeight = function scrollContainerHeight(options) {\n var containerElement = options.data.containerElement;\n if (containerElement && containerElement !== document && containerElement !== document.body) {\n return containerElement.scrollHeight - containerElement.offsetHeight;\n } else {\n var body = document.body;\n var html = document.documentElement;\n\n return Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);\n }\n};\n\nvar animateScroll = function animateScroll(easing, options, timestamp) {\n var data = options.data;\n\n // Cancel on specific events\n if (!options.ignoreCancelEvents && data.cancel) {\n if (_scrollEvents2.default.registered['end']) {\n _scrollEvents2.default.registered['end'](data.to, data.target, data.currentPositionY);\n }\n return;\n };\n\n data.delta = Math.round(data.targetPosition - data.startPosition);\n\n if (data.start === null) {\n data.start = timestamp;\n }\n\n data.progress = timestamp - data.start;\n\n data.percent = data.progress >= data.duration ? 1 : easing(data.progress / data.duration);\n\n data.currentPosition = data.startPosition + Math.ceil(data.delta * data.percent);\n\n if (data.containerElement && data.containerElement !== document && data.containerElement !== document.body) {\n if (options.horizontal) {\n data.containerElement.scrollLeft = data.currentPosition;\n } else {\n data.containerElement.scrollTop = data.currentPosition;\n }\n } else {\n if (options.horizontal) {\n window.scrollTo(data.currentPosition, 0);\n } else {\n window.scrollTo(0, data.currentPosition);\n }\n }\n\n if (data.percent < 1) {\n var easedAnimate = animateScroll.bind(null, easing, options);\n requestAnimationFrameHelper.call(window, easedAnimate);\n return;\n }\n\n if (_scrollEvents2.default.registered['end']) {\n _scrollEvents2.default.registered['end'](data.to, data.target, data.currentPosition);\n }\n};\n\nvar setContainer = function setContainer(options) {\n options.data.containerElement = !options ? null : options.containerId ? document.getElementById(options.containerId) : options.container && options.container.nodeType ? options.container : document;\n};\n\nvar animateTopScroll = function animateTopScroll(scrollOffset, options, to, target) {\n options.data = options.data || makeData();\n\n window.clearTimeout(options.data.delayTimeout);\n\n _cancelEvents2.default.subscribe(function () {\n options.data.cancel = true;\n });\n\n setContainer(options);\n\n options.data.start = null;\n options.data.cancel = false;\n options.data.startPosition = options.horizontal ? currentPositionX(options) : currentPositionY(options);\n options.data.targetPosition = options.absolute ? scrollOffset : scrollOffset + options.data.startPosition;\n\n if (options.data.startPosition === options.data.targetPosition) {\n if (_scrollEvents2.default.registered['end']) {\n _scrollEvents2.default.registered['end'](options.data.to, options.data.target, options.data.currentPosition);\n }\n return;\n }\n\n options.data.delta = Math.round(options.data.targetPosition - options.data.startPosition);\n\n options.data.duration = functionWrapper(options.duration)(options.data.delta);\n options.data.duration = isNaN(parseFloat(options.data.duration)) ? 1000 : parseFloat(options.data.duration);\n options.data.to = to;\n options.data.target = target;\n\n var easing = getAnimationType(options);\n var easedAnimate = animateScroll.bind(null, easing, options);\n\n if (options && options.delay > 0) {\n options.data.delayTimeout = window.setTimeout(function () {\n if (_scrollEvents2.default.registered['begin']) {\n _scrollEvents2.default.registered['begin'](options.data.to, options.data.target);\n }\n requestAnimationFrameHelper.call(window, easedAnimate);\n }, options.delay);\n return;\n }\n\n if (_scrollEvents2.default.registered['begin']) {\n _scrollEvents2.default.registered['begin'](options.data.to, options.data.target);\n }\n requestAnimationFrameHelper.call(window, easedAnimate);\n};\n\nvar proceedOptions = function proceedOptions(options) {\n options = _extends({}, options);\n options.data = options.data || makeData();\n options.absolute = true;\n return options;\n};\n\nvar scrollToTop = function scrollToTop(options) {\n animateTopScroll(0, proceedOptions(options));\n};\n\nvar scrollTo = function scrollTo(toPosition, options) {\n animateTopScroll(toPosition, proceedOptions(options));\n};\n\nvar scrollToBottom = function scrollToBottom(options) {\n options = proceedOptions(options);\n setContainer(options);\n animateTopScroll(options.horizontal ? scrollContainerWidth(options) : scrollContainerHeight(options), options);\n};\n\nvar scrollMore = function scrollMore(toPosition, options) {\n options = proceedOptions(options);\n setContainer(options);\n var currentPosition = options.horizontal ? currentPositionX(options) : currentPositionY(options);\n animateTopScroll(toPosition + currentPosition, options);\n};\n\nexports.default = {\n animateTopScroll: animateTopScroll,\n getAnimationType: getAnimationType,\n scrollToTop: scrollToTop,\n scrollToBottom: scrollToBottom,\n scrollTo: scrollTo,\n scrollMore: scrollMore\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _passiveEventListeners = require('./passive-event-listeners');\n\nvar _utils = require('./utils');\n\nvar _utils2 = _interopRequireDefault(_utils);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar scrollHash = {\n mountFlag: false,\n initialized: false,\n scroller: null,\n containers: {},\n\n mount: function mount(scroller) {\n this.scroller = scroller;\n\n this.handleHashChange = this.handleHashChange.bind(this);\n window.addEventListener('hashchange', this.handleHashChange);\n\n this.initStateFromHash();\n this.mountFlag = true;\n },\n mapContainer: function mapContainer(to, container) {\n this.containers[to] = container;\n },\n isMounted: function isMounted() {\n return this.mountFlag;\n },\n isInitialized: function isInitialized() {\n return this.initialized;\n },\n initStateFromHash: function initStateFromHash() {\n var _this = this;\n\n var hash = this.getHash();\n if (hash) {\n window.setTimeout(function () {\n _this.scrollTo(hash, true);\n _this.initialized = true;\n }, 10);\n } else {\n this.initialized = true;\n }\n },\n scrollTo: function scrollTo(to, isInit) {\n var scroller = this.scroller;\n var element = scroller.get(to);\n if (element && (isInit || to !== scroller.getActiveLink())) {\n var container = this.containers[to] || document;\n scroller.scrollTo(to, { container: container });\n }\n },\n getHash: function getHash() {\n return _utils2.default.getHash();\n },\n changeHash: function changeHash(to, saveHashHistory) {\n if (this.isInitialized() && _utils2.default.getHash() !== to) {\n _utils2.default.updateHash(to, saveHashHistory);\n }\n },\n handleHashChange: function handleHashChange() {\n this.scrollTo(this.getHash());\n },\n unmount: function unmount() {\n this.scroller = null;\n this.containers = null;\n window.removeEventListener('hashchange', this.handleHashChange);\n }\n};\n\nexports.default = scrollHash;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _scroller = require('./scroller');\n\nvar _scroller2 = _interopRequireDefault(_scroller);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nexports.default = function (Component) {\n var Element = function (_React$Component) {\n _inherits(Element, _React$Component);\n\n function Element(props) {\n _classCallCheck(this, Element);\n\n var _this = _possibleConstructorReturn(this, (Element.__proto__ || Object.getPrototypeOf(Element)).call(this, props));\n\n _this.childBindings = {\n domNode: null\n };\n return _this;\n }\n\n _createClass(Element, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n if (typeof window === 'undefined') {\n return false;\n }\n this.registerElems(this.props.name);\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps) {\n if (this.props.name !== prevProps.name) {\n this.registerElems(this.props.name);\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (typeof window === 'undefined') {\n return false;\n }\n _scroller2.default.unregister(this.props.name);\n }\n }, {\n key: 'registerElems',\n value: function registerElems(name) {\n _scroller2.default.register(name, this.childBindings.domNode);\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(Component, _extends({}, this.props, { parentBindings: this.childBindings }));\n }\n }]);\n\n return Element;\n }(_react2.default.Component);\n\n ;\n\n Element.propTypes = {\n name: _propTypes2.default.string,\n id: _propTypes2.default.string\n };\n\n return Element;\n};","import React, { useEffect } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport cN from 'classnames';\nimport sanitize from 'sanitize-html';\nimport parse from 'html-react-parser';\nimport { ICollapseListProps } from '@lion-design/core/lib/src/CollapseList';\nimport {\n SubTitle,\n Table,\n ItineraryDaily,\n ItineraryDailyLightbox,\n ItineraryMarketing,\n ItineraryNoticesFrame,\n ItineryTravelInfoM,\n ItineryTravelInfoPC,\n ItinerarySelfGuided,\n} from '@components/DetailPage';\nimport { I_CustomTableProps, TableContent } from '@components/DetailPage/Table';\nimport FeatureContent from '@components/Common/FeatureContent';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { setItineraries, setOptionalInfo, setNoticeinfo } from '@Redux/detail/Itineraries/actions';\nimport { I_Group, I_StationInfoList } from '@Redux/detail/Group/interfaces';\nimport { I_OptionalInfo } from '@Redux/detail/Itineraries/interfaces';\nimport { RootState, store } from '@Redux/detail/store';\n\nconst Itinerary = () => {\n const dispatch = useDispatch();\n const { StationInfoList } = useSelector((store: RootState) => store.stationInfoReducer);\n const {\n Features,\n OptionalInfoList,\n SelfSelectedList,\n Remark,\n LeaveTeamReg,\n SafeReg,\n ItinnotesReg,\n ActiveNote,\n EachTripList,\n NoteList,\n DailyList,\n BankContent,\n AntiepReg,\n MarketingContent,\n } = useSelector((store: RootState) => store.itinerariesReducer);\n const recommends = useSelector((store: RootState) => store.recommendReducer);\n const isPc = useMediaQuery({ query: '(min-width: 980px)' });\n\n const { travelinfo } = document.getElementById('detailPagePara')!.dataset!;\n const { GroupInfo, IsPreview }: I_Group = JSON.parse(travelinfo!);\n const { GroupID, TourBu, TourID, TravelType } = GroupInfo;\n\n useEffect(() => {\n const reqBody = {\n GroupID,\n TourBu,\n };\n dispatch(setOptionalInfo(reqBody));\n dispatch(setNoticeinfo(reqBody));\n }, [dispatch, GroupID, TourBu]);\n\n useEffect(() => {\n const itinerariesReqbody = {\n TourID,\n IsPreview,\n TravelType,\n TourBu,\n };\n dispatch(setItineraries(itinerariesReqbody));\n }, [dispatch, TourID, TravelType, IsPreview, TourBu]);\n\n //集合地點\n const placeTitles: ICollapseListProps['titles'] = [\n {\n name: '集合地點',\n key: 'Place',\n size: '33.333%',\n },\n {\n name: '地址',\n key: 'Address',\n size: '33.333%',\n },\n {\n name: '集合時間',\n key: 'MusterTime',\n size: '33.333%',\n },\n ];\n const placeData = StationInfoList.map((StationInfoList: I_StationInfoList) => {\n const { Place, MusterTime, Address } = StationInfoList;\n return {\n Place: \n \n
\n 大人 ${adultCost}
\n ${ChildCost > 0 ? `小孩 ${childCost}
` : ''}`;\n\n return {\n CityName: ${price.Title}：${price.Currency} ${price.Price}
`)\n .join('');\n\n const formatCostTime = (time: string) => `${time} hrs`;\n const formatIllustrate = (illustrate: string) => `${illustrate}`;\n\n SelfSelectedList.forEach((item, index) => {\n const { CostTime, Illustrate, PriceList, GroupType, GroupTypeName } = item;\n\n const isMultiSelect = GroupType.length > 0;\n\n // 是 多選 但不同 GroupType -> 新增一行 多選 標題\n if (isMultiSelect && lastGroupType !== GroupType) {\n selfSelectedSort.push(createSubHead(`group-${GroupType}`, GroupTypeName));\n lastGroupType = GroupType;\n } else if (!isMultiSelect) {\n // 是 單選 -> 新增一行 單選 標題\n selfSelectedSort.push(createSubHead(`group-${index}`, GroupTypeName));\n lastGroupType = null;\n }\n\n const tableContent = selfSelectedTitles.map((title) => {\n const { name, key, size } = title;\n let content: string;\n\n switch (key) {\n case 'PriceList':\n content = formatPriceList(PriceList);\n break;\n case 'Illustrate':\n content = formatIllustrate(Illustrate);\n break;\n case 'CostTime':\n content = formatCostTime(CostTime);\n break;\n default:\n content = item[key as keyof typeof item] as string;\n }\n\n return (\n \n
\n )}\n {BankContent && (\n \n
\n
\n )}\n {SelfSelectedList.length > 0 && (\n \n 集合時間僅為參考用，實際時間請以當團人員通知時間為準\n
\n \n
\n
\n )}\n {DailyList.length > 0 && (\n <>\n ※行程時間僅供參考，實際依當日狀況調整為準
\n \n
\n \n
\n
\n )}\n {EachTripList.length > 0 && (\n \n 自費活動項目以實際出發日為主。\n 危險等級： A危險 B一些危險 C安全\n
\n \n
\n )}\n\n {!!AntiepReg && (\n \n \n {antiepRegContent}\n \n
\n )}\n\n {!!noticeContent && (\n \n
\n )}\n\n {!!itineraryNote && (\n {noticeContent}
\n \n \n {itineraryNote}\n \n
\n )}\n\n {!!activeNoteContent && (\n \n \n {activeNoteContent}\n \n
\n )}\n {!!safetyContent && (\n \n \n {safetyContent}\n \n
\n )}\n {!!leaveTeamContent && (\n \n \n {leaveTeamContent}\n \n
\n )}\n {NoteList.length > 0 && (\n \n
\n )}\n \n );\n};\n\nexport default Itinerary;\n","var reactProperty = require('react-property');\nvar utilities = require('./utilities');\n\nvar setStyleProp = utilities.setStyleProp;\n\nvar htmlProperties = reactProperty.html;\nvar svgProperties = reactProperty.svg;\nvar isCustomAttribute = reactProperty.isCustomAttribute;\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\n/**\n * Converts HTML/SVG DOM attributes to React props.\n *\n * @param {object} [attributes={}] - HTML/SVG DOM attributes.\n * @return {object} - React props.\n */\nfunction attributesToProps(attributes) {\n attributes = attributes || {};\n\n var attributeName;\n var attributeNameLowerCased;\n var attributeValue;\n var property;\n var props = {};\n\n for (attributeName in attributes) {\n attributeValue = attributes[attributeName];\n\n // ARIA (aria-*) or custom data (data-*) attribute\n if (isCustomAttribute(attributeName)) {\n props[attributeName] = attributeValue;\n continue;\n }\n\n // convert HTML attribute to React prop\n attributeNameLowerCased = attributeName.toLowerCase();\n if (hasOwnProperty.call(htmlProperties, attributeNameLowerCased)) {\n property = htmlProperties[attributeNameLowerCased];\n props[property.propertyName] =\n property.hasBooleanValue ||\n (property.hasOverloadedBooleanValue && !attributeValue)\n ? true\n : attributeValue;\n continue;\n }\n\n // convert SVG attribute to React prop\n if (hasOwnProperty.call(svgProperties, attributeName)) {\n property = svgProperties[attributeName];\n props[property.propertyName] = attributeValue;\n continue;\n }\n\n // preserve custom attribute if React >=16\n if (utilities.PRESERVE_CUSTOM_ATTRIBUTES) {\n props[attributeName] = attributeValue;\n }\n }\n\n // transform inline style to object\n setStyleProp(attributes.style, props);\n\n return props;\n}\n\nmodule.exports = attributesToProps;\n","var React = require('react');\nvar styleToJS = require('style-to-js').default;\n\n/**\n * Swap key with value in an object.\n *\n * @param {Object} obj - The object.\n * @param {Function} [override] - The override method.\n * @return {Object} - The inverted object.\n */\nfunction invertObject(obj, override) {\n if (!obj || typeof obj !== 'object') {\n throw new TypeError('First argument must be an object');\n }\n\n var key;\n var value;\n var isOverridePresent = typeof override === 'function';\n var overrides = {};\n var result = {};\n\n for (key in obj) {\n value = obj[key];\n\n if (isOverridePresent) {\n overrides = override(key, value);\n if (overrides && overrides.length === 2) {\n result[overrides[0]] = overrides[1];\n continue;\n }\n }\n\n if (typeof value === 'string') {\n result[value] = key;\n }\n }\n\n return result;\n}\n\n/**\n * Check if a given tag is a custom component.\n *\n * @see {@link https://github.com/facebook/react/blob/v16.6.3/packages/react-dom/src/shared/isCustomComponent.js}\n *\n * @param {string} tagName - The name of the html tag.\n * @param {Object} props - The props being passed to the element.\n * @return {boolean}\n */\nfunction isCustomComponent(tagName, props) {\n if (tagName.indexOf('-') === -1) {\n return props && typeof props.is === 'string';\n }\n\n switch (tagName) {\n // These are reserved SVG and MathML elements.\n // We don't mind this whitelist too much because we expect it to never grow.\n // The alternative is to track the namespace in a few places which is convoluted.\n // https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts\n case 'annotation-xml':\n case 'color-profile':\n case 'font-face':\n case 'font-face-src':\n case 'font-face-uri':\n case 'font-face-format':\n case 'font-face-name':\n case 'missing-glyph':\n return false;\n default:\n return true;\n }\n}\n\nvar styleToJSOptions = { reactCompat: true };\n\n/**\n * Sets style prop.\n *\n * @param {null|undefined|string} style\n * @param {object} props\n */\nfunction setStyleProp(style, props) {\n if (style === null || style === undefined) {\n return;\n }\n props.style = styleToJS(style, styleToJSOptions);\n}\n\n/**\n * @constant {boolean}\n * @see {@link https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html}\n */\nvar PRESERVE_CUSTOM_ATTRIBUTES = React.version.split('.')[0] >= 16;\n\nmodule.exports = {\n PRESERVE_CUSTOM_ATTRIBUTES: PRESERVE_CUSTOM_ATTRIBUTES,\n invertObject: invertObject,\n isCustomComponent: isCustomComponent,\n setStyleProp: setStyleProp\n};\n","var constants = require('./constants');\nvar domhandler = require('domhandler/lib/node');\n\nvar CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;\n\nvar Comment = domhandler.Comment;\nvar Element = domhandler.Element;\nvar ProcessingInstruction = domhandler.ProcessingInstruction;\nvar Text = domhandler.Text;\n\nvar caseSensitiveTagNamesMap = {};\nvar tagName;\n\nfor (var i = 0, len = CASE_SENSITIVE_TAG_NAMES.length; i < len; i++) {\n tagName = CASE_SENSITIVE_TAG_NAMES[i];\n caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;\n}\n\n/**\n * Gets case-sensitive tag name.\n *\n * @param {string} tagName - Tag name in lowercase.\n * @return {string|undefined} - Case-sensitive tag name.\n */\nfunction getCaseSensitiveTagName(tagName) {\n return caseSensitiveTagNamesMap[tagName];\n}\n\n/**\n * Formats DOM attributes to a hash map.\n *\n * @param {NamedNodeMap} attributes - List of attributes.\n * @return {object} - Map of attribute name to value.\n */\nfunction formatAttributes(attributes) {\n var result = {};\n var attribute;\n // `NamedNodeMap` is array-like\n for (var i = 0, len = attributes.length; i < len; i++) {\n attribute = attributes[i];\n result[attribute.name] = attribute.value;\n }\n return result;\n}\n\n/**\n * Corrects the tag name if it is case-sensitive (SVG).\n * Otherwise, returns the lowercase tag name (HTML).\n *\n * @param {string} tagName - Lowercase tag name.\n * @return {string} - Formatted tag name.\n */\nfunction formatTagName(tagName) {\n tagName = tagName.toLowerCase();\n var caseSensitiveTagName = getCaseSensitiveTagName(tagName);\n if (caseSensitiveTagName) {\n return caseSensitiveTagName;\n }\n return tagName;\n}\n\n/**\n * Transforms DOM nodes to `domhandler` nodes.\n *\n * @param {NodeList} nodes - DOM nodes.\n * @param {Element|null} [parent=null] - Parent node.\n * @param {string} [directive] - Directive.\n * @return {Array\n
\n \n
\n \n {Status !== 5 ? (\n <>\n \n {currency ? currency : 'TWD'}\n \n \n {typeof Price === 'number' ? three(Price) : Price}\n \n 人/起\n \n ) : (\n '－－'\n )}\n
\n \n 共{TourDays}天\n {Airline}\n
\n \n
\n \n
\n \n {/*
\n );\n}\n\nexport default RecommendCard;\n","import React from 'react';\nimport styles from '../styles.module.scss';\n\nconst Explain = () => {\n return (\n \n 想探索更多行程\n
\n 請回到搜尋引擎再次搜尋喔 !\n
\n
\n );\n};\n\nexport default Explain;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport cN from 'classnames';\nimport { RootState } from '@Redux/detail/store';\nimport { I_RecommendList } from '@Redux/detail/Recommend/reducer';\nimport RecommendCard from '@components/DetailPage/RecommendCard';\nimport Explain from './subComponents/Explain';\nimport styles from './styles.module.scss';\nimport domainByEnv from '@utils/domainByEnv';\nimport { useMediaQuery } from 'react-responsive';\n\ninterface I_Props {\n storyData?: {\n currentData: I_RecommendList;\n recommendList: I_RecommendList[];\n };\n}\n\nconst RecommendCards: React.FC你想去的目的地
\n 產品名稱
\n 旅遊天數、搭乘航空
\n 遊玩交通、產品規格
\n 行程費用最低價
\n \n
\n );\n};\n\nexport default RecommendCards;\n","import React, { useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport cN from 'classnames';\nimport { SubTitle } from '@components/DetailPage';\nimport RecommendCards from '@components/DetailPage/RecommendCards';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { I_Group } from '@Redux/detail/Group/interfaces';\nimport * as recommendActions from '@Redux/detail/Recommend/actions';\nimport { RootState } from '@Redux/detail/store';\nimport noSimilarImg from '../../../pages/detail/imgs/noSimilar.png';\n\ninterface I_RecommendsProps {\n isNoData: boolean;\n}\n\nconst Recommends: React.FC\n
\n \n {props.isNoData ? (\n
\n );\n};\n\nexport default Recommends;\n","var arrayWithHoles = require(\"./arrayWithHoles.js\");\nvar iterableToArrayLimit = require(\"./iterableToArrayLimit.js\");\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray.js\");\nvar nonIterableRest = require(\"./nonIterableRest.js\");\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}\nmodule.exports = _slicedToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\nmodule.exports = _classCallCheck, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var toPropertyKey = require(\"./toPropertyKey.js\");\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);\n }\n}\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\nmodule.exports = _createClass, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"group_all_guaranteed\":\"group_all_guaranteed--lMbTo\"};","module.exports = __webpack_public_path__ + \"static/media/flag-theme.svg\";","module.exports = __webpack_public_path__ + \"static/media/flag-groupfree.svg\";","module.exports = __webpack_public_path__ + \"static/media/flag-inbound.svg\";","module.exports = __webpack_public_path__ + \"static/media/flag-outbound.svg\";","module.exports = __webpack_public_path__ + \"static/media/flag-elderly.svg\";","module.exports = __webpack_public_path__ + \"static/media/flag-signature.svg\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"flag\":\"flag--cQw4y\"};","module.exports = \"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGaADAAQAAAABAAAAGQAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8AAEQgAGQAZAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMAAQEBAQEBAgEBAgMCAgIDBAMDAwMEBQQEBAQEBQYFBQUFBQUGBgYGBgYGBgcHBwcHBwgICAgICQkJCQkJCQkJCf/bAEMBAQEBAgICBAICBAkGBQYJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCf/dAAQAAv/aAAwDAQACEQMRAD8AsftFftFfEv8Aaa+JV/8AEj4kX8lxJcSuba23kwWkBYlIYUzhVUYHAyx+ZiWJJ2PgR+yP+0D+0pY6nqvwd0BtSstHwLu5kmit4UYjcEDysoZ8c7Vzx1xkV83NnadvXtX9Dfwg1H9jHTv+CWWsXOoN4ri0I63bJrX2Z4kum1v7NDkQEED7Hu2cN83Wv9GuKc0lkuBo0cupbyjBJRukm7bJxu+yurvqfyfkuCWY4mpUxc9k5O7s3bzafz8j8Jvhz8S/iB8F/G9t43+HWpz6RrGmy5SaBypypwVYdHQ4wysCrDggiv2V/wCH63xv/wChX0r/AMi//FV+FROWJAxkn3pK7+I+A8pzacamPoqUo6J6p/g1fyvt8zmynibHYGLhhalk+m/5n//Q4z4n/DTxl8HvHuqfDbx/ZPYarpM7wTxSDHKnAZT/ABI4wyMOGUgjg16dpH7Sni3Rv2Y9V/ZYt7C0fRtW1hNalu23/aVmjSNAi87NhEYPIz15r9Sv+C63/JcPDH/YK/8AajV+FVf6P8HZtHPcpw+OxVNXdnbopRe6+avbp5n8m8QYF5ZjquGoS02+T6Gpomiax4k1e20Dw/bS3t9eSLDBBCpeSSRzhURRklieAB1r9Nf+HPn7aX/QFtv/AAKi/wDiqT/gj9/yelov/Xtc/wDos1/ZBX5H4ueLmY5RmMcBgYpJK7b1vf8AK34n3XA3AmEx2EeJxLbu7JLS1vzuf//Z\"","module.exports = \"data:image/jpeg;base64,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\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"container--20Kxg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"itinerary_travelInfo_PC\":\"itinerary_travelInfo_PC--satyF\"};","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/noSimilar.png\";","import { actionTypes } from '.';\nimport { PageType } from './interfaces';\n\nexport const setPageType = (payload: PageType) => ({\n type: actionTypes.SET_PAGE_TYPE,\n payload,\n});\n\nexport type I_PageTypeAction = ReturnType\n
\n )}\n \n
\n 很抱歉，目前沒有類似的商品
\n 想探索更多行程，請回到搜尋引擎再次搜尋喔 !
\n\n 
\n
\n