\n
\n \n null,\n IndicatorSeparator: () => null,\n SingleValue: SingleValue,\n }}\n onChange={changeCallback}\n options={options}\n styles={getCustomStyles()}\n theme={getTheme}\n defaultValue={defaultValue}\n value={selectedOption}\n isSearchable={false}\n />\n
\n );\n};\n\nexport default ExclusiveCategoriesDropDown;\n","import translate from \"../../../../../lib/queries/translate\";\nimport { Category } from \"../../../../../lib/types\";\n\nexport default function createOptions(\n categories: Array\n \n\n 
\n\n
\n {shouldAlignRight && (\n -
\n )}\n \n {!shouldAlignRight && (\n <>\n \n \n \n )}\n
\n \n );\n};\n\nexport default DateRangeControl;\n","import { UseCallBackType } from \"../../../lib/types\";\nimport { useCallback } from \"react\";\n\nexport default (setSelectedExclusiveCategoryId?: Function): UseCallBackType => {\n return useCallback(\n (categoryId) => {\n for (const storageMenuItem of VisitWidget.store.menuItems) {\n if (\n storageMenuItem.category_ids.includes(categoryId) ||\n categoryId === null\n ) {\n storageMenuItem.selectedExclusiveCategoryId = categoryId;\n }\n }\n if (setSelectedExclusiveCategoryId) {\n setSelectedExclusiveCategoryId(categoryId);\n }\n },\n [setSelectedExclusiveCategoryId],\n );\n};\n","import React, { useCallback, useState } from \"react\";\nimport \"./styles.scss\";\nimport ExclusiveCategoriesDropDown from \"../controls/ExclusiveCategoriesDropDown\";\nimport getMenuItemExclusiveCategories from \"../../../domain/navigation/queries/getMenuItemExclusiveCategories\";\nimport DateRangeControl from \"./components/DateRangeControl\";\nimport useChangeExclusiveCategoryCallback from \"../../shared/hooks/useChangeExclusiveCategoryCallback\";\nimport { MenuItem } from \"../../../lib/types\";\n\ntype Props = {\n menuItem: MenuItem;\n};\n\nconst EventListHeader = ({ menuItem }: Props) => {\n const exclusiveCategories = getMenuItemExclusiveCategories(menuItem);\n const hasExclusiveCategories = exclusiveCategories.length > 0;\n const [selectedExclusiveCategoryId, setSelectedExclusiveCategoryId] =\n useState(null);\n\n const onChange = useChangeExclusiveCategoryCallback(\n setSelectedExclusiveCategoryId,\n );\n\n const dateRangeControlInitializeCalllback = useCallback(\n (dateRangeControl) => {\n VisitWidget.dateRangeControls[menuItem.id] = dateRangeControl;\n },\n [menuItem],\n );\n\n return (\n \n {hasExclusiveCategories && (\n
\n );\n};\n\nexport default EventListHeader;\n","import React, { useCallback, useState } from \"react\";\nimport \"./styles.scss\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\n\ntype RuleType = \"anytime\" | \"time_based\" | \"streak\" | \"voting\";\ntype StreakTimeUnit = \"day\" | \"week\" | \"month\";\n\ninterface GoalRuleInputsProps {\n ruleTypes: Array\n \n \n )}\n {(selectedRuleType === \"time_based\" || selectedRuleType === \"voting\") && (\n \n \n )}\n
\n );\n};\n\nexport { GoalRuleInputs, GoalRuleInputsProps };\n","export const getIsInIframe = () => {\n return window.location !== window.parent.location;\n};\n","type WindowMessageType = \"setCookie\";\n\ninterface WindowMessage {\n messageType: WindowMessageType;\n payload: { [key: string]: unknown };\n id: string;\n}\n\nlet messageIdCounter = 1;\nconst subscriptions = new Map<\n string,\n (data: { [key: string]: unknown }) => void\n>();\n\nconst addWindowMessageListener = (\n messageId: string,\n callback: (data: { [key: string]: unknown } | string) => void,\n) => {\n subscriptions.set(messageId, callback);\n};\n\nconst removeWindowMessageListener = (messageId: string) => {\n subscriptions.delete(messageId);\n};\n\nconst receiveMessage = (data: string) => {\n let messageData: WindowMessage;\n try {\n messageData = JSON.parse(data) as WindowMessage;\n } catch (e) {\n // do nothing\n return;\n }\n\n const listener = subscriptions.get(messageData.id);\n if (listener) {\n listener(messageData.payload);\n }\n};\n\nconst sendMessage = (\n messageType: string,\n payload: { [key: string]: unknown },\n timeout = 5000,\n): Promise\n \n
\n\n {ruleTypes.map((ruleType) => (\n \n ))}\n \n
\n \n
\n \n
\n
\n {selectedRuleType === \"streak\" && (\n \n
\n \n
\n\n {streakTimeUnits.map((timeUnit) => (\n \n ))}\n \n
\n \n
\n \n Required Number of Completions Per Time Unit\n \n
\n
\n \n
\n \n
\n \n \n
\n \n
\n );\n};\n\nexport default KioskResetBanner;\n","import translate from \"../../../../lib/queries/translate\";\nimport React, { useCallback } from \"react\";\nimport \"./styles.scss\";\n\nexport default function ResetButton({ onClick }) {\n const onLocalClick = useCallback(() => {\n let selectedExclusiveCategoryId;\n const changedCategoryIds = [null];\n for (const storageMenuItem of VisitWidget.store.menuItems) {\n if (storageMenuItem.selectedExclusiveCategoryId) {\n selectedExclusiveCategoryId =\n storageMenuItem.selectedExclusiveCategoryId;\n }\n storageMenuItem.selectedExclusiveCategoryId = null;\n }\n\n if (selectedExclusiveCategoryId) {\n changedCategoryIds.push(selectedExclusiveCategoryId);\n const event = new VisitWidget.Events.CategoriesChanged(\n changedCategoryIds,\n );\n VisitWidget.EventBus.publish(event);\n onClick();\n }\n }, [onClick]);\n\n return (\n \n \n {translate(\"kiosk.reset_banner.button\")}\n \n
\n {translate(\"kiosk.reset_banner.description\")}
\n \n {translate(\"list.resetButton\")}\n
\n );\n}\n","import React, { useCallback, useEffect, useState } from \"react\";\nimport \"./styles.scss\";\nimport ExclusiveCategoriesDropDown from \"../controls/ExclusiveCategoriesDropDown\";\nimport ResetButton from \"../controls/ResetButton\";\nimport getMenuItemExclusiveCategories from \"../../../domain/navigation/queries/getMenuItemExclusiveCategories\";\nimport useChangeExclusiveCategoryCallback from \"../../shared/hooks/useChangeExclusiveCategoryCallback\";\nimport { MenuItem } from \"../../../lib/types\";\n\ntype Props = {\n menuItem: MenuItem;\n};\n\nconst EntityListHeader = ({ menuItem }: Props) => {\n const exclusiveCategories = getMenuItemExclusiveCategories(menuItem);\n const [selectedExclusiveCategoryId, setSelectedExclusiveCategoryId] =\n useState(null);\n\n useEffect(() => {\n const categoriesChangedEventHandler = () => {\n // WARNING: this is called when categories change, including from other\n // EntityListHeader components\n const storageMenuItem = VisitWidget.store.menuItems.find(\n (m) => m.id === menuItem.id,\n );\n\n if (\n storageMenuItem.selectedExclusiveCategoryId !==\n selectedExclusiveCategoryId &&\n storageMenuItem.selectedExclusiveCategoryId !== undefined\n ) {\n setSelectedExclusiveCategoryId(\n storageMenuItem.selectedExclusiveCategoryId,\n );\n }\n };\n VisitWidget.EventBus.subscribe(\n \"CategoriesChanged\",\n categoriesChangedEventHandler,\n );\n\n return function unsubscribe() {\n VisitWidget.EventBus.unsubscribe(\n \"CategoriesChanged\",\n categoriesChangedEventHandler,\n );\n };\n }, [\n menuItem.id,\n selectedExclusiveCategoryId,\n setSelectedExclusiveCategoryId,\n ]);\n\n const onChange = useChangeExclusiveCategoryCallback(\n setSelectedExclusiveCategoryId,\n );\n\n const onReset = useCallback(() => {\n setSelectedExclusiveCategoryId(null);\n }, []);\n\n if (exclusiveCategories.length === 0) {\n return <>;\n }\n\n return (\n \n
\n );\n};\n\nexport default EntityListHeader;\n","import React, { FunctionComponent, useCallback } from \"react\";\n\nconst Websites: FunctionComponent\n
\n );\n};\n\nexport interface WebsitesProps {\n entityClassName: string;\n entityName: string;\n entityId: string;\n websiteUrl: string;\n label: string;\n imageUrl: string;\n}\n\nexport default Websites;\n","import React, { FunctionComponent, useState, useCallback } from \"react\";\nimport \"./styles.scss\";\n\nconst Priority: FunctionComponent\n \n 
\n
\n {label}
\n \n\n \n \n {textAreaSuffix}\n
\n ) : inputType === \"password\" ? (\n \n {showEmojiPicker && (\n
\n \n \n
\n\n \n
\n\n \n
\n By clicking "Let's Go" or "Sign Up with\n Facebook" you accept the\n
\n \n
\n \n );\n};\n\nexport { UnauthenticatedProfileMenu };\n","import { logout } from \"../../../store/visitWidgetApi\";\nimport { removeAllCookies } from \"../../../lib/cookies\";\nimport { logoutError, logoutFetch, logoutSuccess } from \"../authActionTypes\";\nimport { setLegacyState } from \"../helpers/setLegacyState\";\nimport { RootReducerState } from \"../../../store/rootReducer\";\nimport { Dispatch } from \"redux\";\n\nconst handleError = (error: unknown, dispatch: Dispatch) => {\n let errorMessage: string;\n\n if (error instanceof Error) {\n errorMessage = error.message;\n } else {\n errorMessage = String(error);\n }\n\n dispatch(logoutError(errorMessage));\n};\n\n/*\n * Logout user.\n */\nconst logoutAction =\n () => async (dispatch, getState: () => RootReducerState) => {\n try {\n dispatch(logoutFetch());\n const isAdminMode = getState().auth.isAdminMode;\n\n await removeAllCookies();\n await logout();\n setLegacyState({});\n\n dispatch(logoutSuccess());\n\n if (isAdminMode) {\n // for now reload if in admin mode so erb rendered views showing admin\n // functionality via server rendering is removed\n window.location.reload();\n } else {\n // temp reload for all just in case, help test issues with cookies\n window.location.reload();\n }\n } catch (error: unknown) {\n handleError(error, dispatch);\n }\n };\n\nexport { logoutAction };\n","let isControllerInitialized = false;\n\nconst viewAds = () => {\n $(\".list-menu-item\").removeClass(\"active\");\n $(\"#main_sidebar .scrollable .container div\").removeClass(\"active\");\n $(\".sidebar\").removeClass(\"active\");\n $(\"#sidebar_ad\").addClass(\"active\");\n VisitWidget.navigationController.resize();\n if (!isControllerInitialized) {\n VisitWidget.adListController = new VisitWidget.AdListController();\n VisitWidget.adListController.initialize();\n isControllerInitialized = true;\n }\n VisitWidget.adListController.populate();\n};\n\nexport { viewAds };\n","/* eslint-disable react/jsx-no-target-blank */\nimport React, { FunctionComponent, useCallback } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { logoutAction } from \"../../../../store/auth/actions/logoutAction\";\nimport { User } from \"../../../../store/apiTypes\";\nimport {\n selectIsAdminMode,\n selectAccessToken,\n} from \"../../../../store/auth/authSelectors\";\nimport { viewAds } from \"../helpers/viewAds\";\nimport translate from \"../../../../lib/queries/translate\";\nimport { getIsInIframe } from \"../../../../lib/iframe\";\n\n// eslint-disable-next-line no-shadow\nenum AuthenticatedProfileMenuTestIds {\n viewAdsLink = \"view-ads-link\",\n switchLocaleLink = \"switch-locale-link\",\n toggleAdminModeLink = \"toggle-admin-mode-link\",\n dashboardLink = \"dashboard-link\",\n profileLink = \"profile-link\",\n signOutLink = \"sign-out-link\",\n}\n\n// eslint-disable-next-line complexity\nconst AuthenticatedProfileMenu: FunctionComponent<{ user: User }> = ({\n user,\n}) => {\n const dispatch = useDispatch();\n const isAdminMode = useSelector(selectIsAdminMode());\n const authToken = useSelector(selectAccessToken());\n const isInIFrame = getIsInIframe();\n\n const onSignOutClick = useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n dispatch(logoutAction() as any);\n }, [dispatch]);\n\n const onViewAdsClick = useCallback((e) => {\n e.preventDefault();\n // viewing ads requires admin mode to be on, thus no need to use redirect\n // to set cookie since it must already exist for admin mode\n viewAds();\n }, []);\n\n const handleCommandConsoleClick = useCallback((e) => {\n e.preventDefault();\n if (!VisitWidget.settings.commandConsoleUrl) {\n return;\n }\n\n window.open(\n VisitWidget.settings.commandConsoleUrl + `#auth_token=${authToken}`,\n \"_blank\",\n );\n }, []);\n\n const isAdmin = user?.roles?.indexOf(\"admin\") > -1;\n\n const isAdsVisible = isAdmin && VisitWidget.settings.adsOn && isAdminMode;\n\n const canChangeLocale =\n isAdmin && VisitWidget.settings.currentClientLocales.length > 1;\n\n const adminModeUrl = isInIFrame\n ? `/sessions/redirect?auth_token=${authToken}&type=admin_mode&admin_mode=${\n isAdminMode ? \"false\" : \"true\"\n }`\n : `/users/${user.id}/toggle_admin_mode`;\n\n const changeLocaleUrl = \"/users/change_locale\";\n\n return (\n \n
\n \n \n {translate(\"profile_menu.sign_in\")}\n \n
\n \n
\n );\n};\n\nexport { AuthenticatedProfileMenu, AuthenticatedProfileMenuTestIds };\n","import { RootReducerState } from \"../rootReducer\";\n\nexport const selectUser = () => (x: RootReducerState) => {\n return x.auth.user;\n};\n\nexport const selectAccessToken = () => (x: RootReducerState) => x.auth.token;\n\nexport const selectIsAdminMode = () => (x: RootReducerState) =>\n x.auth.isAdminMode;\n\nexport const selectIsOtpRequested = () => (x: RootReducerState) =>\n x.auth.isOtpRequested;\n","import React, { FunctionComponent } from \"react\";\nimport { selectUser } from \"../../../store/auth/authSelectors\";\nimport { UnauthenticatedProfileMenu } from \"./UnauthenticatedProfileMenu\";\nimport { AuthenticatedProfileMenu } from \"./AuthenticatedProfileMenu\";\nimport { withReduxProvider } from \"../../../store/withReduxProvider\";\nimport { useSelector } from \"react-redux\";\n\nconst ProfileBase: FunctionComponent<{}> = () => {\n const user = useSelector(selectUser());\n return (\n <>\n {!!user && \n
\n \n
\n \n
\n \n - \n {isAdmin && (\n
- \n
- \n
- \n
- \n
- \n {/* data-push is picked up by flyout_loader to open flyout */}\n {/* TODO: do not rely on data-push */}\n
- \n
{translate(\"authentication.forgot_password.instructions\")}
\n \n \n )}\n {resetPasswordStatus === \"success\" && (\n <>\n{translate(\"authentication.forgot_password.success_message\")}
\n \n )}\n\n\n
\n \n );\n};\n\ninterface PlanStopSummaryProps {\n routes: RoutesResponse;\n}\n\nexport { PlanStopSummary, PlanStopSummaryProps };\n","/* eslint-disable complexity */\nimport React, { FunctionComponent } from \"react\";\nimport { Modal as AntModal } from \"antd\";\nimport \"./Modal.scss\";\nimport { CloseIcon } from \"../icons\";\n\nconst ModalTitle: FunctionComponent<{\n children: React.ReactNode;\n fontSize?: \"tiny\" | \"small\" | \"large\" | \"regular\";\n}> = ({ children, fontSize = \"medium\" }) => {\n return \n
\n {formattedStops}
\n \n {translate(\"plan_stop_summary.stops\")}\n
\n \n
\n {formattedTime}
\n \n {translate(\"plan_stop_summary.duration\")}\n
\n \n
\n \n {distanceLocalized.distance}\n
\n \n {translate(\n `common.distance_units.${\n distanceLocalized.unit === \"km\" ? \"km_label\" : \"miles_label\"\n }`,\n )}\n
\n {children}
;\n};\n\nconst ModalContent: FunctionComponent<{\n children: React.ReactNode;\n}> = ({ children }) => {\n return {children}
;\n};\n\nconst ModalAction: FunctionComponent<{\n children: React.ReactNode;\n position: \"left\" | \"right\";\n}> = ({ children }) => {\n return {children}
;\n};\n\ntype ModalChildType =\n | typeof ModalTitle\n | typeof ModalContent\n | typeof ModalAction;\n\nconst Modal: FunctionComponent\n
\n )\n }\n onCancel={onClose}>\n {content}\n \n \n );\n};\n\ninterface ModalProps {\n open: boolean;\n width?: number;\n onClose: () => void;\n afterClose?: () => void;\n children: React.ReactNode | React.ReactNode[];\n}\n\nexport { Modal, ModalTitle, ModalContent, ModalAction };\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { CSSProperties, FunctionComponent } from \"react\";\nimport { Form as AntForm, FormInstance } from \"antd\";\nimport dayjs from \"dayjs\";\nimport type { Rule } from \"antd/lib/form\";\nimport \"./styles.scss\";\n\ninterface FormProps {\n initialValues: Record\n {actionsLeft.map((action, index) => (\n {action} \n ))}\n
\n \n {actionsRight.map((action, index) => (\n {action} \n ))}\n
\n \n {!isEditMode && (\n <>\n
\n\n \n
\n \n )}\n {isEditMode && (\n <>\n {title}
\n {notesInternal}
\n \n
\n \n )}\n {state.status === \"error\" && (\n {title}
\n \n \n \n \n \n
\n \n Error setting plan notes.\n
\n )}\n \n \n
\n \n\n \n
\n \n \n {stopNumber}\n
\n \n
\n\n {planItem.title}
\n {planItem.categoryName}
\n {!!planItem.address && (\n {planItem.address}
\n )}\n {(!!planItem.notes || mode === \"edit\") && (\n \n {\n if (selectPlanItemNotes) {\n selectPlanItemNotes(planItem);\n } else {\n setIsNotesOpen(true);\n }\n }}>\n Notes For You\n \n
\n )}\n \n
\n \n \n );\n};\n\ninterface PlanItemProps {\n tourId?: number;\n planItem: PlanItemType & {\n distanceMeters?: number;\n durationSeconds?: number;\n };\n stopNumber: number;\n /**\n * Summary: User modal, can only add remove to own plan.\n * View: Admin viewing plan item.\n * Edit: Admin editing plan item.\n */\n mode?: \"summary\" | \"view\" | \"edit\";\n planToAddTo?: UserPlanAggregate;\n selectPlanItemNotes?: (planItem: PlanItemType) => void;\n}\n\nexport { PlanItem };\n","import { Plan, PlanItem } from \"../../lib/apiTypes\";\nimport { RootReducerState } from \"../rootReducer\";\n\nexport const selectPlan = () => (x: RootReducerState) => {\n return x.plan.plan;\n};\n\nexport const selectPlanItemInPlan =\n (planItem: PlanItem) =>\n (x: RootReducerState): { id: number } | undefined => {\n return x.plan.isSharedPlanEdit\n ? x.plan.sharedPlan.planItems.find((y) => y.id === planItem.id)\n : x.plan.plan.plan_items.find(\n (y) =>\n y.plannable_id === planItem.originalDto.plannable_id &&\n y.plannable_type === planItem.originalDto.plannable_type,\n );\n };\n\nexport const selectSharedPlans = () => (x: RootReducerState) => {\n return x.plan.sharedPlans;\n};\n\nexport const selectSharedPlan =\n () =>\n (x: RootReducerState): Plan | undefined => {\n return x.plan.sharedPlan;\n };\n\nexport const selectIsEditingSharedPlan = () => (x: RootReducerState) =>\n x.plan.isSharedPlanEdit;\n","import React, { FunctionComponent } from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\n\nconst SortableItem: FunctionComponent\n {mode !== \"summary\" && (\n
\n {durationFormatted !== \"\" && (\n \n \n
\n )}\n {distanceFormatted !== \"\" && (\n {distanceFormatted}
\n )}\n \n {children}\n {isSortEnabled && (\n
\n );\n};\n\ninterface SortableItemProps {\n children: React.ReactNode;\n isSortEnabled: boolean;\n id: number | string;\n}\n\nexport { SortableItem, SortableItemProps };\n","import React, { FunctionComponent } from \"react\";\nimport { PlanItem as PlanItemType } from \"../../../lib/apiTypes\";\nimport { PlanItem } from \"../PlanItem\";\nimport \"./PlanItemList.scss\";\nimport {\n DndContext,\n closestCenter,\n PointerSensor,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport {\n arrayMove,\n SortableContext,\n verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { UserPlanAggregate } from \"../../../store/apiTypes\";\nimport { SortableItem } from \"./SortableItem\";\nimport { RoutesResponse } from \"../../../domain/navigation/queries/getDirectionsForGeoCoordinates\";\n\nconst PlanItemList: FunctionComponent\n \n
\n )}\n \n \n \n {planItems.map((planItem, index) => (\n \n
\n );\n};\n\ninterface PlanItemListProps {\n planItems: Array<\n PlanItemType & { distanceMeters?: number; durationSeconds?: number }\n >;\n planToAddTo?: UserPlanAggregate;\n mode?: \"summary\" | \"view\" | \"edit\";\n tourId: number;\n updatePlanItems: (planItems: PlanItemType[]) => void;\n routes: RoutesResponse;\n}\n\nexport { PlanItemList, PlanItemListProps };\n","import React, { FunctionComponent, useCallback, useState } from \"react\";\nimport { TextInput } from \"../../TextInput\";\nimport { Button } from \"../../Button\";\nimport { Modal, ModalAction, ModalContent, ModalTitle } from \"../../Modal\";\nimport \"./SharePlanModal.scss\";\nimport { Form } from \"../../form/Form\";\nimport copy from \"copy-to-clipboard\";\nimport { shareSharedPlan } from \"../../../store/visitWidgetApi\";\n\nconst SharePlanModal: FunctionComponent\n
\n \n
\n \n
\n {title}
\n \n \n \n
\n \n \n Error sharing plan.\n
\n )}\n \n
\n );\n};\n\ninterface SharedPlanEditBarProps {\n onSave: () => void;\n tourId: number;\n isEditing: boolean;\n}\n\nexport { SharedPlanEditBar, SharedPlanEditBarProps };\n","import { Plan } from \"../../../lib/apiTypes\";\nimport { RootReducerState } from \"../../rootReducer\";\nimport { setSharedPlan } from \"../planActionTypes\";\n\n/*\n * Set admin shared plan.\n */\nconst setSharedPlanAction =\n (plan: Plan | undefined) =>\n async (dispatch, getState: () => RootReducerState) => {\n dispatch(setSharedPlan(plan));\n };\n\nexport { setSharedPlanAction };\n","import { RootReducerState } from \"../../rootReducer\";\nimport { AppDispatch } from \"../../store\";\nimport { adaptTourDtoToPlan, getTour, updateTour } from \"../../visitWidgetApi\";\nimport { listToursAction } from \"./listToursAction\";\nimport { setTourEdit } from \"../planActionTypes\";\nimport { setSharedPlanAction } from \"./setSharedPlanAction\";\n\n/**\n * Updates shared plan, will use the globalSharedPlan since user can click save from global bar.\n */\nconst updateSharedPlanAction =\n () => async (dispatch: AppDispatch, getState: () => RootReducerState) => {\n const sharedPlan = getState().plan.sharedPlan;\n await updateTour(sharedPlan.id, {\n name: sharedPlan.title,\n plan_items_attributes: sharedPlan.planItems.map((planItem, index) => {\n return {\n position: index + 1,\n id: planItem.id,\n };\n }),\n });\n const tour = await getTour(sharedPlan.id);\n const sharedPlanUpdated = adaptTourDtoToPlan(tour);\n dispatch(setSharedPlanAction(sharedPlanUpdated));\n dispatch(listToursAction(VisitWidget.store.categoryIds, true));\n dispatch(setTourEdit(false));\n };\n\nexport { updateSharedPlanAction };\n","/* eslint-disable */\nimport React, {\n FunctionComponent,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { Button } from \"../../Button\";\nimport { Plan, PlanItem } from \"../../../lib/apiTypes\";\nimport { ShareIcon, ChevronLeftIcon } from \"../../icons\";\nimport { PlanStopSummary } from \"../PlanStopSummary\";\nimport { PlanItemList } from \"../PlanItemList/PlanItemList\";\nimport { PlanNotesModal } from \"../PlanNotesModal\";\nimport { SharePlanModal } from \"../SharePlanModal\";\nimport \"./SharedPlanScreen.scss\";\nimport { withReduxProvider } from \"../../../store/withReduxProvider\";\nimport { useDispatch } from \"react-redux\";\nimport { setFlyoutAction } from \"../../../store/flyout/actions/setFlyoutAction\";\nimport { SharedPlanEditBar } from \"./SharedPlanEditBar/SharedPlanEditBar\";\nimport { useSelector } from \"react-redux\";\nimport {\n selectIsEditingSharedPlan,\n selectSharedPlan,\n} from \"../../../store/plan/planSelectors\";\nimport { UserPlanAggregate } from \"../../../store/apiTypes\";\nimport { getTour, adaptTourDtoToPlan } from \"../../../store/visitWidgetApi\";\nimport { Form } from \"../../form/Form/Form\";\nimport { TextInput } from \"../../TextInput\";\nimport { setSharedPlanAction } from \"../../../store/plan/actions/setSharedPlanAction\";\nimport {\n createRoutesForPlanItems,\n createRoutesForSharedPlan,\n mergePlanItemsAndRoutes,\n PlanItemWithRoute,\n} from \"../../../domain/navigation/queries/getDirectionsForGeoCoordinates\";\nimport { updateSharedPlanAction } from \"../../../store/plan/actions/updateSharedPlanAction\";\nimport { useWindowSize } from \"../../../lib/hooks/useWindowSize\";\n\n/**\n * Root single Shared Plan screen displayed in flyout. Implicitly only for admins due to inability\n * to navigate to otherwise.\n */\nconst SharedPlanScreenBase: FunctionComponent<\n SharedPlanScreenProps & { sharedPlan: Plan }\n> = ({ sharedPlan }) => {\n const dispatch = useDispatch();\n const handleBack = () => {\n dispatch(setFlyoutAction() as any);\n };\n\n const [planItems, setPlanItems] = useState<\n Array\n
\n \n {!isEditing && (\n {\n handleEditPress(false);\n }}>\n Cancel\n \n \n \n )}\n
\n \n
\n \n {\n form.submit();\n }}\n isEditing={isEditing}\n tourId={sharedPlan.id}\n />\n
\n \n
\n \n
\n\n {isEditing && (\n \n
\n \n {!isEditing ? sharedPlan.title : \"Edit Shared Plan\"}\n
\n {!isEditing && (\n \n
\n )}\n \n {\n sharedPlan.title = update.title;\n }}>\n \n \n \n
\n )}\n\n \n {\n setIsNotesOpen(true);\n }}>\n Plan Notes\n \n
\n\n \n
\n \n ![](\"/images/ajax-loader.gif\")
\n
\n );\n }\n\n return \n \n
\n\n \n
\n \n \n );\n};\n\ninterface PlanNotesProps {\n title: string;\n notes: string;\n coverPhotoUrl: string;\n}\n\nexport { PlanNotes, PlanNotesProps };\n","/* eslint-disable */\nimport { PlanItemDto } from \"../../apiTypes\";\nimport { RootReducerState } from \"../../rootReducer\";\nimport {\n addTourToPlan,\n createPlan,\n getPlan,\n listPlanItems,\n} from \"../../visitWidgetApi\";\nimport { setPlan } from \"../planActionTypes\";\n\n/**\n * Update non-React elements to display the updated plan name and plan notes. Plan menu item is\n * rendered on page load, and the updated name and notes will not show without this or page reload\n */\nconst updateLegacyUI = async (planId: number, planItems: PlanItemDto[]) => {\n const plan = await getPlan(planId);\n\n // the element name is different depending on if page was loaded when user plan is set or not\n const nameElement =\n document.getElementById(\"best_in_place_plan_name\") ??\n document.getElementById(`best_in_place_plan_${planId}_name`);\n\n if (nameElement) {\n nameElement.setAttribute(\"data-bip-value\", plan.name);\n nameElement.innerText = plan.name;\n }\n\n const notes = plan?.notes[0]?.body;\n if (!!notes) {\n let notesContainer = document.getElementById(\"plan_notes_button\");\n if (notesContainer === null) {\n document\n .getElementsByClassName(\"share-plan-wrapper\")[0]\n .insertAdjacentHTML(\n \"beforebegin\",\n '\n )}\n {selectedPlanNotes && (\n <>\n {title}
\n {notes}
\n \n {\n setSelectedPlanNotes(null);\n }}>\n Back To Plan\n \n
\n \n )}\n \n \n );\n};\n\ninterface UserSharePlanScreenProps {\n plan: Plan;\n type: \"tour\" | \"plan\";\n planToAddTo: UserPlanAggregate;\n}\n\nexport { UserSharePlanScreen };\n","import React, { FunctionComponent, useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { withReduxProvider } from \"../../../store/withReduxProvider\";\nimport { Plan } from \"../../../lib/apiTypes\";\nimport { selectPlan } from \"../../../store/plan/planSelectors\";\nimport {\n getTour,\n adaptTourDtoToPlan,\n getPlan,\n adaptPlanDtoToPlan,\n} from \"../../../store/visitWidgetApi\";\nimport { UserSharePlanScreen } from \"./UserSharePlanScreen\";\nimport { selectIsMapReady } from \"../../../store/map/mapSelectors\";\n\nconst UserSharePlanModalLoader: FunctionComponent\n
\n \n );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface TourEditGlobalBarProps {}\n\nexport { TourEditGlobalBar, TourEditGlobalBarProps };\n","import React, { FunctionComponent, useEffect } from \"react\";\n\ninterface UpdateWidgetMessagePayload {\n categoryIds?: number[];\n}\n\nconst updateWidgetFromParent = (payload: UpdateWidgetMessagePayload) => {\n if (payload.categoryIds !== undefined && payload.categoryIds !== null) {\n VisitWidget.store.currentMenuItem.active_category_ids = payload.categoryIds;\n VisitWidget.EventBus.publish(\n new VisitWidget.Events.CategoriesChanged(payload.categoryIds),\n );\n VisitWidget.categoryFilterControl.updateCheckboxesWithCurrentCategoryIds();\n }\n};\n\nconst handleMessage = (event: MessageEvent\n Shared Plan Edit Mode: Add or remove places and events to this shared\n plan, then click done editing:\n
\n \n \n Save\n \n
\n \n
\n\n {instruction}
\n\n \n resetMessaging()}\n rules={[\n {\n required: true,\n len: 6,\n message: \"Please enter a 6-digit code\",\n },\n ]}\n form={form}\n />\n\n
\n \n );\n};\n\nexport { OtpVerification };\n","import React, { FunctionComponent } from \"react\";\nimport \"./OtpLoginModal.css\";\nimport { OtpVerification } from \"../OtpVerification/OtpVerification\";\nimport { Modal, ModalContent, ModalTitle } from \"src/components/Modal\";\nimport { selectIsOtpRequested } from \"src/store/auth/authSelectors\";\nimport { useSelector } from \"react-redux\";\nimport { useDispatch } from \"react-redux\";\nimport { setLoginOtpRequested } from \"src/store/auth/authActionTypes\";\n\nconst OtpLoginModal: FunctionComponent = () => {\n const isOtpRequested = useSelector(selectIsOtpRequested());\n const dispatch = useDispatch();\n return (\n \n {\n form.submit();\n }}>\n Verify\n \n
\n\n \n void onResendCode()}>\n Resend code\n \n
\n \n \n \n \n
\n {uploadIcon}
\n{uploadHint}
\n \n- \n
- \n \n
\n {translate(\"profile_menu.sign_out\")}\n \n
\n
\n {translate(\"profile_menu.sign_in\")}\n
\n )}\n \n );\n};\n\nconst Profile = withReduxProvider(ProfileBase);\nexport { Profile };\n","import { AppDispatch } from \"../../../store/store\";\nimport { updatePassword } from \"../../visitWidgetApi\";\nimport {\n updatePasswordError,\n updatePasswordFetch,\n updatePasswordSuccess,\n} from \"../authActionTypes\";\nimport { buildErrorMessage } from \"../helpers/buildErrorMessage\";\nimport { refreshSessionAction } from \"./refreshSessionAction\";\n\n/*\n * Update the password via reset password user flow.\n */\nexport const updatePasswordAction =\n ({\n newPassword,\n resetPasswordToken,\n }: {\n newPassword: string;\n resetPasswordToken: string;\n }) =>\n async (dispatch: AppDispatch) => {\n try {\n dispatch(updatePasswordFetch());\n\n await updatePassword({\n newPassword,\n resetPasswordToken,\n });\n\n window.history.pushState({}, \"\", \"/\");\n if (VisitWidget.settings.isMobile) {\n // temporary hack for SFMT, should be removed no later than end of Sep 2023\n if (VisitWidget.settings.currentClientId !== 953) {\n (window as Window).location = \"/\";\n }\n } else {\n dispatch(refreshSessionAction());\n }\n\n dispatch(updatePasswordSuccess());\n } catch (error) {\n const errorMessage = buildErrorMessage(error);\n alert(errorMessage);\n dispatch(updatePasswordError(errorMessage));\n }\n };\n","import React, { FunctionComponent, useCallback, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { RootReducerState } from \"../../../store/rootReducer\";\nimport translate from \"../../../lib/queries/translate\";\nimport { withReduxProvider } from \"../../../store/withReduxProvider\";\nimport { updatePasswordAction } from \"../../../store/auth/actions/updatePasswordAction\";\nimport { getQueryStringValue } from \"../../../lib/url\";\nimport \"./UpdatePassword.scss\";\nimport { AppDispatch } from \"../../../store/store\";\n\n// eslint-disable-next-line no-shadow\nconst enum UpdatePasswordTestIds {\n passwordInput = \"password-input\",\n passwordConfirmInput = \"password-confirm-input\",\n submitInput = \"submit-button\",\n}\n\n// temporary hack for Santa Fe Margarita Trail, should be removed no later than end of Sep 2023\nconst deepLinkTemporaryHack = {\n 953: {\n apple: 1237416826,\n android: \"co.ibounce.bouncechat.santafemargarita\",\n },\n};\n\nconst getAppUrl = (): string | undefined => {\n const isApple = navigator.userAgent.match(/iPhone/i);\n const isAndroid = navigator.userAgent.match(/Android/i);\n const deepLinkHack =\n deepLinkTemporaryHack[VisitWidget.settings.currentClientId];\n if (deepLinkHack === undefined || (!isApple && !isAndroid)) {\n return;\n }\n\n if (isAndroid) {\n return `http://play.google.com/store/apps/details?id=${deepLinkHack.android}`;\n } else {\n return `https://itunes.apple.com/us/app/id${deepLinkHack.apple}`;\n }\n};\n\nconst UpdatePasswordBase: FunctionComponent = () => {\n const passwordInput = useRef\n
\n )}\n \n );\n};\n\nconst UpdatePassword = withReduxProvider(UpdatePasswordBase);\nexport { UpdatePassword, UpdatePasswordTestIds };\n","import React, { FunctionComponent, useEffect, useState } from \"react\";\nimport { Button } from \"../../Button\";\nimport \"./SharedPlan.scss\";\nimport { ShareIcon, MapItCircleIcon } from \"../../icons\";\nimport { SharePlanModal } from \"../SharePlanModal\";\nimport { SharedPlanScreen, SharedPlanScreenProps } from \"../SharedPlanScreen\";\nimport { Plan } from \"../../../lib/apiTypes\";\nimport { withReduxProvider } from \"../../../store/withReduxProvider\";\nimport { useDispatch } from \"react-redux\";\nimport { setFlyoutAction } from \"../../../store/flyout/actions/setFlyoutAction\";\nimport { TourListItemDto } from \"../../../store/apiTypes\";\nimport { adaptTourDtoToPlan, getTour } from \"../../../store/visitWidgetApi\";\nimport { AppDispatch } from \"../../../store/store\";\n\n/**\n * An individual Shared Plan list item that is part of the Shared Plans menu item.\n */\nconst SharedPlanBase: FunctionComponent\n {translate(\"authentication.reset_password.success_message\")}\n
\n {appUrl && (\n \n \n Open App\n \n
\n )}\n \n
\n\n {sharedPlan.name}
\n \n {sharedPlan.plan_item_count} stops\n
\n \n {!!sharedPlan.access_token && (\n
\n \n \n
\n )}\n {sharedPlan.plan_item_count > 0 && (\n \n
\n )}\n \n {sharedPlans.map((sharedPlan) => (\n \n
\n ))}\n {sharedPlans.length === 0 && (\n \n
\n )}\n \n );\n};\n\ninterface SharedPlanListProps {\n sharedPlans: TourListItemDto[];\n}\n\nexport { SharedPlanList, SharedPlanListProps };\n","import React, {\n FunctionComponent,\n useCallback,\n useEffect,\n useRef,\n} from \"react\";\nimport { withReduxProvider } from \"../../../store/withReduxProvider\";\nimport { SharedPlanList } from \"../SharedPlanList\";\nimport \"./SharedPlanMenuScreen.scss\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { selectCurrentMenuItem } from \"../../../store/menuItem/menuItemSelectors\";\nimport { selectSharedPlans } from \"../../../store/plan/planSelectors\";\nimport { listToursAction } from \"../../../store/plan/actions/listToursAction\";\nimport { AppDispatch } from \"../../../store/store\";\n\n/**\n * Root of the Shared Plan menu item, rendered via React on Rails from erb view. Implicitly, must\n * be an admin to see.\n */\nconst SharedPlanMenuScreenBase: FunctionComponent<\n SharedPlanMenuScreenProps\n> = () => {\n const dispatch = useDispatch\n No shared plans yet\n
\n \n To create a shared plan, click the create button.\n
\n \n {currentMenuItem === \"SharedPlan\" && plans !== undefined && (\n
\n );\n};\n\ninterface SharedPlanMenuScreenProps {\n /**\n * Populated by erb view. Keeping as place holder, but not sure there is a need.\n */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n menuItem: any;\n}\n\nconst SharedPlanMenuScreen = withReduxProvider(SharedPlanMenuScreenBase);\nexport { SharedPlanMenuScreen, SharedPlanMenuScreenProps };\n","import { RootReducerState } from \"../rootReducer\";\n\nexport const selectCurrentMenuItem = () => (x: RootReducerState) => {\n return x.menuItem.menuItemName;\n};\n","import React, { FunctionComponent, useState } from \"react\";\nimport { Button } from \"../../Button\";\nimport { PlanNotesModal } from \"../PlanNotesModal\";\n\n/**\n * Show button and open modal for plan/plan item notes. This is ONLY a bridge for non React\n * consumption and should only be used directly from non React code.\n */\nconst NotesButton: FunctionComponent\n
\n \n
\n \n
\n \n {translate(\"proximity_message.message_content\")}\n
\n\n \n \n
\n \n \n
\n\n \n {translate(\"proximity_message.action\")}\n
\n\n \n \n
\n\n \n \n
\n\n \n {translate(\"proximity_message.geofence_radius\")}\n
\n\n \n \n \n
\n\n \n {translate(\"proximity_message.notification_trigger\")}\n
\n\n \n \n \n
\n {trigger === \"default_opening_hours\" && (\n \n {moment.weekdays(1)} - {moment.weekdays(0)}, 9:00 AM - 5:00 PM\n
\n )}\n \n \n {moment.weekdays(parseInt(weekday.slice(-1)))}\n
\n \n {translate(\"proximity_message.notification_frequency\")}\n
\n \n \n \n
\n \n {translate(\"proximity_message.campaign_runtime\")}\n
\n \n \n \n
\n \n
\n \n )}\n \n \n \n
\n \n {translate(\"proximity_message.status\")}\n
\n \n
\n \n
\n\n \n \n
\n \n
\n\n {fieldType === \"dropdown\" && (\n \n \n
\n \n \n \n {translate(\"challenge_submission_config.field_required\")}\n \n \n
\n \n \n
\n )}\n \n \n
\n \n );\n};\n\ninterface CustomInputProps {\n formListFieldData: FormListFieldData;\n mode?: \"summary\" | \"view\" | \"edit\";\n form: FormInstance\n {isSortEnabled && (\n
\n );\n};\n\ninterface SortableItemProps {\n children: React.ReactNode;\n isSortEnabled: boolean;\n id: number | string;\n}\n\nexport { SortableItem, SortableItemProps };\n","import React, { FunctionComponent } from \"react\";\nimport { Form, FormInstance, FormListFieldData } from \"antd\";\nimport { CustomInput } from \"../CustomInput\";\nimport { CustomInputDto } from \"src/store/apiTypes\";\nimport \"./CustomInputsList.scss\";\nimport {\n DndContext,\n closestCenter,\n PointerSensor,\n useSensor,\n useSensors,\n DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n SortableContext,\n verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { SortableItem } from \"../../../../components/shared/sorting/SortableItem\";\nimport { Button } from \"src/components/Button\";\nimport { PlusIcon } from \"src/components/icons\";\nimport translate from \"src/lib/queries/translate\";\n\nconst CustomInputsList: FunctionComponent\n
\n )}\n {children}\n \n
\n \n \n {(fields, { add, remove, move }, { errors }) => (\n <>\n \n {\n return { ...x, id: x.key + 1 };\n })}\n strategy={verticalListSortingStrategy}>\n {fields.map((field) => (\n \n \n
\n \n );\n};\n\ninterface CustomInputsListProps {\n mode?: \"summary\" | \"view\" | \"edit\";\n form: FormInstance\n
\n \n )}\n \n
\n \n {/* */}\n
\n \n
\n\n \n
\n \n \n {translate(\"challenge_submission_config.submission_form_button\")}\n \n
\n \n An error occurred during the save.\n
\n )}\n\n \n
\n\n \n {translate(\"challenge_submission_config.message_content\")}\n
\n \n \n
\n \n
\n\n \n {translate(\"challenge_submission_config.form_fields\")}\n
\n\n \n
\n\n \n \n \n \n
\n \n \n )}\n \n ${this.createThumbnailHtml(entity)}\n
\\\n`;\n }\n\n createThumbnailHtml(entity) {\n const category = VisitWidget.categories.queries.getCategoryFromId(\n entity.category_ids[0],\n );\n const thumbnail_url = VisitWidget.GetEventOrPlaceImageUrl.execute(\n entity,\n category,\n \"thumbnail\",\n entity.type,\n );\n return `\\\n\n
\n ${this.createMediaControls(entity)}\n ${this.createPlanControlHtml(entity)}\n\n \n ${entity.name}\n \n
\n\n
\n\n ${entity.location.street_address}
\n ${this.createCityHtml(entity)}\n ${this.createDateTimeHtml(entity)}\n${entity.location.city_from_address}
`;\n } else {\n return \"\";\n }\n }\n\n createDateTimeHtml(entity) {\n if (entity.dateText) {\n return `${entity.dateText}
${entity.time_range_text}
\" + instructions + \"
\");\n\n if (\n $instructions.length >= 1 &&\n $instructions.find(\"*:last\").text().indexOf(\"Destination\") === 0\n ) {\n const $lastDiv = $instructions.find(\"div\").last();\n const lastDivHtml = `. ${$lastDiv.html()}.`;\n $lastDiv.html(lastDivHtml);\n $lastDiv.contents().unwrap();\n }\n\n $instructions.find(\"div\").remove();\n return $instructions;\n }\n\n getActiveLegDirection() {\n for (let legDirection of Array.from(this.legDirections) as any[]) {\n if (legDirection.active) {\n return legDirection;\n }\n }\n }\n\n zoomMap(legDirection) {\n let yOffset;\n const bounds = new google.maps.LatLngBounds();\n legDirection.polyline.getPath().forEach((segment) => {\n return bounds.extend(segment);\n });\n\n if (VisitWidget.settings.isMobile) {\n VisitWidget.Mobile.map.resetMapHeight();\n yOffset = 0;\n } else {\n yOffset = $(\"#plan_directions\").height() + 30;\n }\n return VisitWidget.map.centerAndFitToBounds(bounds, yOffset);\n }\n\n createLegDirections() {\n const legDirections = [];\n\n for (let route of Array.from(\n Gmaps.store.directionsDisplay.directions.routes,\n ) as any[]) {\n for (let leg of Array.from(route.legs) as any[]) {\n const legDirection = { active: false } as { [key: string]: any };\n legDirection.polyline = this.createPolyline();\n legDirection.instructions = [];\n legDirection.duration = leg.duration.text;\n\n for (let step of Array.from(leg.steps) as any[]) {\n legDirection.instructions.push(step.instructions);\n for (let segment of Array.from(step.path)) {\n legDirection.polyline.getPath().push(segment);\n }\n }\n\n legDirections.push(legDirection);\n }\n }\n\n this.setPlanItemDetailsToLegDirections(legDirections);\n legDirections[0].active = true;\n\n return legDirections;\n }\n\n createPolyline() {\n return new google.maps.Polyline({\n path: [],\n strokeColor: VisitWidget.settings.currentClientRouteColor,\n strokeWeight: 4,\n });\n }\n\n showLegDirectionDetails(legDirection) {\n $(\".location_info\").remove();\n\n $(\".modal.map .header h2\").text(legDirection.title);\n\n const source = $(\"#location_info_template\").html();\n const template = Handlebars.compile(source);\n\n const context = {\n thumbnail: legDirection.thumbnail_path,\n address: legDirection.address,\n phone: legDirection.phone,\n };\n\n const postHtml = template(context);\n\n return $(\".modal.map .modal-map-wrapper\").before(postHtml);\n }\n\n getPlanItems() {\n const list_items = [];\n let previousMarkerId = null;\n\n $(\"#plan_list_items .post\").each((index, planListItem) => {\n const $planListItem = $(planListItem);\n const markerId = $planListItem.data(\"marker-id\");\n if (markerId !== previousMarkerId) {\n list_items.push($planListItem);\n return (previousMarkerId = markerId);\n }\n });\n\n return list_items;\n }\n\n setPlanItemDetailsToLegDirections(legDirections) {\n const list_items = this.getPlanItems();\n\n return (() => {\n const result = [];\n for (let index = 0; index < legDirections.length; index++) {\n const leg = legDirections[index];\n if (index < legDirections.length) {\n const item = list_items[index + 1];\n leg.title = item.data(\"title\");\n leg.thumbnail_path = item.data(\"thumbnail-path\");\n leg.address = item.data(\"address\").toString().replace(\",\", \",\");\n result.push((leg.phone = item.data(\"phone\")));\n } else {\n result.push(undefined);\n }\n }\n return result;\n })();\n }\n\n togglePlanDirections() {\n const $activePlanDirectionItem = $(\n \"#plan_directions #plan_directions_text_container li.unslider-active\",\n );\n if ($activePlanDirectionItem.hasClass(\"line-clamp\")) {\n return this.expandActivePlanDirection();\n } else {\n return this.contractPlanDirections();\n }\n }\n\n expandActivePlanDirection() {\n const $activePlanDirectionItem = $(\n \"#plan_directions #plan_directions_text_container li.unslider-active\",\n );\n $activePlanDirectionItem.removeClass(\"line-clamp\");\n return $activePlanDirectionItem.removeClass(\"line-clamp-5\");\n }\n\n contractPlanDirections() {\n const $planDirectionItems = $(\n \"#plan_directions #plan_directions_text_container li\",\n );\n $planDirectionItems.addClass(\"line-clamp\");\n return $planDirectionItems.addClass(\"line-clamp-5\");\n }\n};\n","/* tslint-disable */\n/* eslint-disable */\n\nimport { PlanItemMinimalDto } from \"../../../store/apiTypes\";\nimport { SharedPlanScreen } from \"../../../components/plans/SharedPlanScreen\";\nimport { setFlyoutAction } from \"../../../store/flyout/actions/setFlyoutAction\";\nimport { adaptTourDtoToPlan, getTour } from \"src/store/visitWidgetApi\";\nimport { setSharedPlanAction } from \"../../../store/plan/actions/setSharedPlanAction\";\n\nVisitWidget.PlanItemControl = class PlanItemControl {\n private $container: any;\n private selector: any;\n private excludeFutureTargets: any;\n private planAnimationControl: any;\n\n constructor(\n $container: any,\n selector: any,\n excludeFutureTargets: boolean | null | undefined,\n allowEventPropagation: boolean | null | undefined,\n ) {\n this.onClick = this.onClick.bind(this);\n this.onListItemClick = this.onListItemClick.bind(this);\n this.add = this.add.bind(this);\n this.remove = this.remove.bind(this);\n this.createPlanItem = this.createPlanItem.bind(this);\n this.removePlanItem = this.removePlanItem.bind(this);\n if (excludeFutureTargets === null || excludeFutureTargets === undefined) {\n excludeFutureTargets = false;\n }\n if (allowEventPropagation === null || allowEventPropagation === undefined) {\n allowEventPropagation = false;\n }\n this.$container = $container;\n this.selector = selector;\n this.excludeFutureTargets = excludeFutureTargets;\n this.planAnimationControl = new VisitWidget.PlanAnimationControl();\n }\n\n initialize() {\n return this.setupEvents();\n }\n\n static updatePlanItemControlsToRemoveState(planItem: {\n id: number;\n plannable_id: number;\n plannable_type: string;\n }) {\n const $planItemControls = VisitWidget.PlanItemControl.getPlanItemControls(\n planItem.plannable_id,\n planItem.plannable_type,\n );\n\n return $planItemControls.each(function () {\n const $planItemControl = $(this);\n $planItemControl.data(\"plan-item-id\", planItem.id);\n $planItemControl.removeClass(\"registration-trigger\");\n const goingVerb = $planItemControl.data(\"going-verb\");\n $planItemControl.find(\".content span\").text(goingVerb);\n $planItemControl.removeClass(\"add\").addClass(\"remove\");\n if (!$planItemControl.hasClass(\"disable_drop_down\")) {\n return $planItemControl.removeClass(\"disable\");\n }\n });\n }\n\n static updatePlanItemControlsToAddState(planItem: {\n plannable_id: number;\n plannable_type: string;\n }) {\n const $planItemControls = VisitWidget.PlanItemControl.getPlanItemControls(\n planItem.plannable_id,\n planItem.plannable_type,\n );\n\n return $planItemControls.each(function () {\n const $planItemControl = $(this);\n $planItemControl.data(\"plan-item-id\", \"\");\n $planItemControl.addClass(\"disable\");\n const addVerb = $planItemControl.data(\"add-verb\");\n $planItemControl.find(\".content span\").text(addVerb);\n return $planItemControl.removeClass(\"remove\").addClass(\"add\");\n });\n }\n\n static getPlanItemControls(plannableId: string, plannableType: string) {\n const planControlSelector =\n \".plan-control[data-plannable-id=\" +\n `${plannableId}][data-plannable-type=${plannableType}]`;\n const $planItemControls = $(planControlSelector);\n\n for (let infoBox of VisitWidget.map.infoBoxes) {\n const planItemControls = infoBox.find(planControlSelector);\n planItemControls.each((_index: any, planItemControl: any) => {\n ($planItemControls as any).push(planItemControl);\n });\n }\n\n return $planItemControls;\n }\n\n setupEvents() {\n if (this.excludeFutureTargets) {\n const clickEvent = \"click\";\n\n $(`${this.$container.selector} ${this.selector} .touch-plan-control`).on(\n clickEvent,\n this.onClick,\n );\n return $(\n `${this.$container.selector} ${this.selector} .plan-control ul li`,\n ).on(clickEvent, this.onListItemClick);\n } else {\n $(document).off(\n \"click\",\n `${this.$container.selector} ${this.selector} .touch-plan-control`,\n );\n $(document).on(\n \"click\",\n `${this.$container.selector} ${this.selector} .touch-plan-control`,\n this.onClick,\n );\n $(document).off(\n \"click\",\n `${this.$container.selector} ${this.selector} .plan-control ul li`,\n );\n return $(document).on(\n \"click\",\n `${this.$container.selector} ${this.selector} .plan-control ul li`,\n this.onListItemClick,\n );\n }\n }\n\n onClick(e: any) {\n const $parentControl = $(e.target).closest(\".touch-plan-control\");\n const $planItemControl = $parentControl.find(\".plan-control\");\n const planItemId = $planItemControl.data(\"plan-item-id\");\n\n if (planItemId === \"\") {\n this.add($planItemControl);\n } else {\n this.remove($planItemControl);\n }\n\n e.stopPropagation();\n return false;\n }\n\n onListItemClick(e: any) {\n const $target = $(e.target);\n const $planItemControl = $target.closest(\".plan-control\");\n return this.remove($planItemControl);\n }\n\n add(planItemControl: any): void {\n VisitWidget.registrationModal.openModalIfTriggerCountReached(\"add_to_plan\");\n\n const plannableId = planItemControl.data(\"plannable-id\");\n const plannableType = planItemControl.data(\"plannable-type\");\n if (this.planAnimationControl.doAnimation()) {\n this.planAnimationControl.animateAdd(planItemControl, 1);\n }\n this.createPlanItem(plannableId, plannableType);\n }\n\n remove($planItemControl: any) {\n const planItemId = $planItemControl.data(\"plan-item-id\");\n const plannableId = $planItemControl.data(\"plannable-id\");\n const plannableType = $planItemControl.data(\"plannable-type\");\n this.removePlanItem(\n $planItemControl,\n planItemId,\n plannableId,\n plannableType,\n );\n }\n\n private createPlanItem(plannableId: any, plannableType: any): void {\n VisitWidget.Analytics.createPlanAdd(plannableId, plannableType);\n VisitWidget.PlanItem.create(\n plannableId,\n plannableType,\n (result: { plan_item: PlanItemMinimalDto; plan_item_count: number }) => {\n this.afterAdding(result);\n },\n );\n }\n\n removePlanItem(\n _planItemControl: any,\n planItemId: any,\n plannableId: any,\n plannableType: any,\n ): void {\n VisitWidget.PlanItem.delete(planItemId, (data: any) => {\n this.afterRemoving(data, plannableId, plannableType);\n });\n }\n\n private async afterAdding(data: {\n plan_item: PlanItemMinimalDto;\n plan_item_count: number;\n }) {\n if (VisitWidget.store.globalEditMode.enabled) {\n if (VisitWidget.store.globalEditMode.mode === \"sharedPlans\") {\n const tour = await getTour(VisitWidget.store.globalEditMode.entityId);\n (window as any).globalDispatch(\n setSharedPlanAction(adaptTourDtoToPlan(tour)),\n );\n (window as any).globalDispatch(\n setFlyoutAction(SharedPlanScreen, {\n tourId: VisitWidget.store.globalEditMode.entityId,\n mode: \"edit\",\n }),\n );\n } else {\n const url = VisitWidget.GetEditModeEntityUrl.call(true);\n VisitWidget.flyoutLoader.navigateTo(url);\n }\n } else {\n VisitWidget.store.addPlanItems([data.plan_item]);\n }\n\n VisitWidget.PlanItemControl.updatePlanItemControlsToRemoveState(\n data.plan_item,\n );\n\n VisitWidget.EventBus.publish(new VisitWidget.Events.PlanItemAdded());\n }\n\n async afterRemoving(\n _data: any,\n plannableId: number,\n plannableType: \"Event\" | \"Place\",\n ) {\n let planItem;\n if (VisitWidget.store.globalEditMode.enabled) {\n if (VisitWidget.store.globalEditMode.mode === \"sharedPlans\") {\n const tour = await getTour(VisitWidget.store.globalEditMode.entityId);\n (window as any).globalDispatch(\n setSharedPlanAction(adaptTourDtoToPlan(tour)),\n );\n (window as any).globalDispatch(\n setFlyoutAction(SharedPlanScreen, {\n tourId: VisitWidget.store.globalEditMode.entityId,\n mode: \"edit\",\n }),\n );\n } else {\n const url = VisitWidget.GetEditModeEntityUrl.call(true);\n VisitWidget.flyoutLoader.navigateTo(url);\n }\n } else {\n planItem = {\n plannable_id: plannableId,\n plannable_type: plannableType,\n };\n VisitWidget.store.removePlanItems([planItem]);\n }\n\n planItem = {\n plannable_id: plannableId,\n plannable_type: plannableType,\n };\n\n VisitWidget.PlanItemControl.updatePlanItemControlsToAddState(planItem);\n\n if (!VisitWidget.store.globalEditMode.enabled) {\n VisitWidget.EventBus.publish(new VisitWidget.Events.PlanItemRemoved());\n }\n }\n};\n","import { getQueryStringValue } from \"../../../lib/url\";\n\nVisitWidget.TourMapItControl = class TourMapItControl extends (\n VisitWidget.MapItControl\n) {\n constructor(containerSelector, tourId, options) {\n super(containerSelector, options);\n this.tourId = tourId;\n }\n\n handleMapLoad() {\n this.showMapItLocation($(this.containerSelector));\n }\n\n initialize(markerIds): void {\n this.markerIds = markerIds;\n super.initialize(null);\n this.mapRoutingControl = new VisitWidget.MapRoutingControl(\n this.containerSelector,\n { includeMap: true },\n );\n this.directionsData = null;\n\n // if there is an explicit bounds defined in active admin, center to that\n // extent rather than the map makers\n const bounds = $(this.containerSelector).data(\"bounds\");\n if (!!bounds) {\n this.bounds = new google.maps.LatLngBounds();\n const extent = bounds.split(\",\");\n const southWest = extent[0].split(\"|\").map((x) => x.replace('\"', \"\"));\n const northEast = extent[1].split(\"|\").map((x) => x.replace('\"', \"\"));\n this.bounds.extend(new google.maps.LatLng(southWest[0], southWest[1]));\n this.bounds.extend(new google.maps.LatLng(northEast[0], northEast[1]));\n }\n\n if (\n VisitWidget.settings.isMobile &&\n Boolean(getQueryStringValue(\"show_map_it\"))\n ) {\n // show map it view by default when query string present\n const self = this;\n if (VisitWidget.map.mapLoaded) {\n setTimeout(() => {\n self.handleMapLoad();\n }, 500);\n } else {\n VisitWidget.EventBus.subscribe(\"MapLoaded\", () => {\n setTimeout(() => {\n self.handleMapLoad();\n }, 500);\n });\n }\n }\n }\n\n addDirectionsData(directionsData): void {\n this.directionsData = directionsData;\n }\n\n showMapItLocation($mapIt, options = null): void {\n if (!VisitWidget.settings.tourShouldRenderOtherToursOnMapMove) {\n VisitWidget.settings.refreshMapMarkersDisabled = true;\n }\n\n if (!options) {\n options = { keepFlyoutOpen: false };\n }\n\n VisitWidget.settings.disableOnMapGeoBoxChangedHandler = true;\n let mapLayerUrl = null;\n if ($mapIt) {\n mapLayerUrl = $mapIt.data(\"entity-map-layer-url\");\n }\n $(\".marker-label\").remove();\n VisitWidget.map.clearMarkers();\n\n if (\n !VisitWidget.settings.disableLists &&\n !VisitWidget.settings.isMobile &&\n !options.keepFlyoutOpen\n ) {\n VisitWidget.mainFlyoutController.close();\n }\n\n if (VisitWidget.settings.isMobile) {\n this.showMobileMapModal($mapIt, () => {\n this.showTourMarkersAndRoutesAndMapLayer(mapLayerUrl);\n });\n } else {\n this.showTourMarkersAndRoutesAndMapLayer(mapLayerUrl);\n }\n }\n\n showTourMarkersAndRoutesAndMapLayer(mapLayerUrl: string): void {\n this.showTourMarkersAndRoutes({\n shouldCenter: !mapLayerUrl || !!this.bounds,\n });\n VisitWidget.map.loadSubPageMapLayer(mapLayerUrl, \"listItem\", !this.bounds);\n }\n\n showTourMarkersAndRoutes(options: { shouldCenter: boolean }): void {\n VisitWidget.map.markerRouteNumber = 1;\n VisitWidget.map.useMarkerWithLabel = true;\n\n this.isDirectionsDataRequestComplete = false;\n this.isMapMarkerRequestComplete = false;\n\n if (\n this.directionsData === null &&\n !VisitWidget.settings.adminModeOn &&\n this.options.routingEnabled\n ) {\n VisitWidget.Tour.getDirectionsData(this.tourId, (directionsData) => {\n this.directionsData = directionsData;\n this.isDirectionsDataRequestComplete = true;\n this.createTourRoutes(options);\n });\n } else {\n this.isDirectionsDataRequestComplete = true;\n }\n\n VisitWidget.map.addEntityLocations(\"Tour\", this.tourId, () => {\n VisitWidget.map.useMarkerWithLabel = false;\n if (options.shouldCenter) {\n if (!!this.bounds) {\n VisitWidget.map.centerAndFitToBounds(this.bounds);\n } else {\n VisitWidget.map.centerMapOnMarkers();\n }\n }\n this.mapMarkers = this.getMapMarkersForRouting();\n this.isMapMarkerRequestComplete = true;\n this.createTourRoutes(options);\n });\n }\n\n createTourRoutes(options): void {\n if (\n !this.isMapMarkerRequestComplete ||\n !this.isDirectionsDataRequestComplete ||\n !this.options.routingEnabled\n ) {\n return;\n }\n\n // when a tour is selected the map gets two different commands to pan/zoom.\n // before `@bounds` this was duplicative and didn't affect anything, but with\n // `@bounds` ensure it isn't immediately overridden by mapMarkers extent\n const shouldCenter = options.shouldCenter && !this.bounds;\n\n if (this.directionsData === null) {\n this.mapRoutingControl.createRoutesFromMapMarkers(\n this.mapMarkers,\n shouldCenter,\n );\n } else {\n this.mapRoutingControl.createRoutesFromDirectionsData(\n this.directionsData,\n this.mapMarkers.length,\n this.mapMarkers,\n shouldCenter,\n );\n }\n }\n\n getMapMarkersForRouting() {\n const mapMarkers = [];\n for (let markerId of this.markerIds) {\n let i = 0;\n while (i < Gmaps.store.markers.length) {\n if (markerId === Gmaps.store.markers[i].serviceObject.markerId) {\n mapMarkers.push(Gmaps.store.markers[i]);\n }\n i++;\n }\n }\n\n return mapMarkers;\n }\n\n showMobileMapModal($mapIt, onOpen: () => void): void {\n const $mapItData = $mapIt.parents(\".map-it-data\");\n $(\".modal.map .actions\").remove();\n $(\".modal.map .header h2\").text($mapItData.data(\"title\"));\n VisitWidget.mainFlyoutController.moveToBackground();\n VisitWidget.Mobile.map.show(\n () => {\n VisitWidget.Analytics.createPageview(\"/map_it\");\n onOpen();\n },\n () => {\n VisitWidget.mainFlyoutController.moveToForeground();\n },\n );\n }\n};\n","/* eslint-disable */\n/* tslint-disable */\n\nVisitWidget.FeedPostListItemsControl = class FeedPostListItemsControl extends (\n VisitWidget.ListItemsControl\n) {\n constructor(containerSelector) {\n super(containerSelector, \"feed_post\");\n this.containerSelector = containerSelector;\n }\n\n addListItemsHtml(html) {\n const $listItemsHtml = $(html);\n for (let post of Array.from($listItemsHtml)) {\n const $post = $(post);\n const feedPostId = $post.data(\"id\");\n\n if (VisitWidget.settings.adminModeOn) {\n html =\n 'Delete';\n\n const $deleteContainer = $post.find(\".delete-container\");\n $deleteContainer.addClass(\"btn transparent\");\n $deleteContainer.html(html);\n }\n }\n\n return super.addListItemsHtml($listItemsHtml);\n }\n\n setupEvents() {\n $(document).on(\"click\", `${this.containerSelector} .post`, (e) => {\n const $target = $(e.target);\n if (!this.isTargetAnotherLink($target)) {\n return $target.closest(\".post\").find(\"a.feed_post_link\").click();\n }\n });\n\n if (VisitWidget.settings.isMobile) {\n $(document).on(\n \"click\",\n `${this.containerSelector} .feed_post_link`,\n (e) => {\n const $target = $(e.target);\n return $target.closest(\".post\").addClass(\"item_pressed\");\n },\n );\n }\n }\n};\n","type ShareType =\n | string\n | {\n share: string;\n label: string;\n };\n\nVisitWidget.SocialShareControl = class SocialShareControl {\n containerSelector: string;\n text: string | undefined;\n url: string;\n entityId: number | undefined;\n entityType: string | undefined;\n entityName: string | undefined;\n shareType: \"plan\" | \"entity\";\n\n constructor(\n containerSelector: string,\n text: string,\n url: string,\n entityId: number | undefined,\n entityType: string | undefined,\n entityName: string | undefined,\n shareType: \"plan\" | \"entity\",\n ) {\n this.containerSelector = containerSelector;\n this.text = text;\n if (url == null) {\n url = window.location.href;\n }\n\n this.entityId = entityId;\n this.entityType = entityType;\n this.entityName = entityName;\n this.shareType = shareType;\n this.url = url;\n }\n\n initialize(): void {\n jsSocials.shares.email = {\n label: \"Email\",\n logo: \"fa fa-envelope-o\",\n shareUrl: \"mailto:{to}?subject={text}&body={url}\",\n shareIn: \"blank\",\n };\n\n jsSocials.shares.sms = {\n label: \"Text\",\n logo: \"fa fa-mobile\",\n shareUrl: \"sms:&body={text}%20{url}\",\n shareIn: \"self\",\n };\n\n const shares = [\n \"email\",\n \"twitter\",\n { share: \"facebook\", label: \"Post\" },\n ] as ShareType[];\n\n if (VisitWidget.settings.isMobile) {\n shares.push(\"sms\");\n }\n\n const shareIn = VisitWidget.settings.isMobile ? \"self\" : \"popup\";\n\n $(`${this.containerSelector} .share-on-social`).jsSocials({\n shares,\n showLabel: VisitWidget.settings.showSocialShareLabels,\n showCount: false,\n url: this.url,\n text: this.text,\n shareIn,\n on: {\n click: (e) => {\n if (this.shareType === \"entity\") {\n VisitWidget.Analytics.createShareClick(\n this.entityId,\n this.entityType,\n this.entityName,\n );\n } else if (this.shareType === \"plan\") {\n const className = $(e.target)\n .closest(\".jssocials-share\")\n .attr(\"class\");\n let shareType = undefined;\n if (className.indexOf(\"twitter\") > -1) {\n shareType = \"twitter\";\n } else if (className.indexOf(\"email\") > -1) {\n shareType = \"email\";\n } else if (className.indexOf(\"facebook\") > -1) {\n shareType = \"facebook\";\n }\n VisitWidget.Analytics.createSharePlanClick(shareType);\n }\n },\n },\n });\n this.setupAdaCompliance(shares);\n }\n\n private setupAdaCompliance(shares: ShareType[]): void {\n for (let share of shares) {\n const platform = typeof share === \"string\" ? share : share.share;\n $(`${this.containerSelector} .jssocials-share-${platform} a`).attr(\n \"aria-label\",\n `Share on ${platform}`,\n );\n }\n }\n};\n","VisitWidget.CoverPhotoUploadControl = class CoverPhotoUploadControl {\n $container: any;\n entityClass: string;\n entityId: number | string;\n imageAttribute: string;\n imageAttributes: Array
` +\n \"` +\n \"\" +\n \"Delete` +\n \"
\";\n\n $container.append(actionsHtml);\n\n if ((mediaFile.type = \"AudioMediaFile\")) {\n const audioPlayerHtml =\n \" ` +\n `` +\n \"
\";\n $container.after(audioPlayerHtml);\n }\n\n this.setupPreviewEvent();\n return this.setupDeleteEvent();\n }\n};\n","VisitWidget.MapRoutingControl = class MapRoutingControl {\n containerSelector: any;\n options: any;\n routeDetailsSelectors: any;\n numberOfStopsSelector: any;\n totalMilesSelector: any;\n totalDurationSelector: any;\n mapMarkers: any;\n directionsService: any;\n\n constructor(containerSelector, options, routeDetailsSelectors) {\n this.clearRouteDetails = this.clearRouteDetails.bind(this);\n this.updateRouteDetails = this.updateRouteDetails.bind(this);\n this.updateNumberOfStops = this.updateNumberOfStops.bind(this);\n this.updateRouteSummary = this.updateRouteSummary.bind(this);\n this.containerSelector = containerSelector;\n if (options == null) {\n options = {};\n }\n this.options = options;\n if (routeDetailsSelectors == null) {\n routeDetailsSelectors = {};\n }\n this.routeDetailsSelectors = routeDetailsSelectors;\n if (typeof this.options.includeRouteDetails === \"undefined\") {\n this.options.includeRouteDetails = false;\n }\n if (typeof this.options.includeMap === \"undefined\") {\n this.options.includeMap = false;\n }\n\n if (this.options.includeRouteDetails) {\n this.numberOfStopsSelector =\n this.routeDetailsSelectors.numberOfStopsSelector;\n this.totalMilesSelector = this.routeDetailsSelectors.totalMilesSelector;\n this.totalDurationSelector =\n this.routeDetailsSelectors.totalDurationSelector;\n }\n }\n\n createRoutesFromMapMarkers(mapMarkers = null, shouldCenter): void {\n if (mapMarkers.length < 2) {\n return;\n }\n\n const latLngs = this.createLatLngsFromMarkers(mapMarkers);\n if (this.options.includeMap) {\n this.enableMapMarkerRouteLabel(mapMarkers);\n }\n\n this.createRoutes(latLngs, shouldCenter);\n this.mapMarkers = mapMarkers;\n }\n\n createRoutesFromDirectionsData(\n directionsData,\n numberOfStops,\n mapMarkers = null,\n shouldCenter,\n ) {\n if (this.options.includeMap) {\n if (mapMarkers.length < 2) {\n return;\n }\n this.enableMapMarkerRouteLabel(mapMarkers);\n }\n\n if (this.options.includeRouteDetails) {\n this.updateNumberOfStops(numberOfStops);\n }\n\n if (directionsData.convertedToObject === undefined) {\n directionsData.routes[0].bounds = new google.maps.LatLngBounds(\n {\n lat: directionsData.routes[0].bounds.south,\n lng: directionsData.routes[0].bounds.west,\n },\n {\n lat: directionsData.routes[0].bounds.north,\n lng: directionsData.routes[0].bounds.east,\n },\n );\n directionsData.routes[0].overview_path =\n this.getLatLngsFromEncodedPolyline(\n directionsData.routes[0].overview_polyline,\n );\n\n for (let i = 0; i < directionsData.routes[0].legs.length; ++i) {\n const leg = directionsData.routes[0].legs[i];\n for (let j = 0; j < leg.steps.length; ++j) {\n const step = leg.steps[j];\n step.path = this.getLatLngsFromEncodedPolyline(step.polyline.points);\n }\n }\n\n directionsData.convertedToObject = true;\n }\n\n if (this.options.includeMap) {\n this.setDirectionsDisplay();\n }\n return this.setCombinedResultToMap(directionsData, shouldCenter);\n }\n\n getLatLngsFromEncodedPolyline(encodedPolyline) {\n const points = google.maps.geometry.encoding.decodePath(encodedPolyline);\n const latLngs = [];\n for (let point of Array.from(points)) {\n latLngs.push({ lat: point.lat(), lng: point.lng() });\n }\n return latLngs;\n }\n\n createRoutesFromLocations(locations) {\n if (locations.length < 2) {\n return;\n }\n const latLngs = this.createLatLngsFromLocations(locations);\n return this.createRoutes(latLngs);\n }\n\n getMapMarkers() {\n return this.mapMarkers;\n }\n\n createRoutes(latLngs, shouldCenter = false): void {\n latLngs = this.getLatLngsWithoutConsecutiveDuplicates(latLngs);\n\n if (this.options.includeMap) {\n this.setDirectionsDisplay();\n }\n\n if (this.options.includeRouteDetails) {\n this.updateNumberOfStops(latLngs.length);\n }\n\n this.makeDirectionRequests(latLngs, shouldCenter);\n }\n\n makeDirectionRequests(latLngs, shouldCenter): void {\n const batches = this.createBatches(latLngs);\n const directionRequestResults = [];\n\n batches.map((batch, index) =>\n ((batch, index) => {\n let waypoints;\n latLngs = batch;\n const origin = latLngs[0];\n if (latLngs.length <= 2) {\n waypoints = [];\n } else {\n waypoints = latLngs.slice(1, latLngs.length - 1);\n }\n\n const destination = latLngs[latLngs.length - 1];\n\n const directionsRequest = this.createDirectionRequest(\n origin,\n waypoints,\n destination,\n );\n\n if (this.directionsService == null) {\n this.directionsService = new google.maps.DirectionsService();\n }\n this.directionsService.route(directionsRequest, (result, status) => {\n return this.onDirectionRequestComplete(\n result,\n status,\n batches,\n directionRequestResults,\n index,\n shouldCenter,\n );\n });\n })(batch, index),\n );\n }\n\n onDirectionRequestComplete(\n result,\n status,\n batches,\n directionRequestResults,\n order,\n shouldCenter,\n ) {\n if (status === google.maps.DirectionsStatus.OK) {\n result.order = order;\n directionRequestResults.push(result);\n if (directionRequestResults.length === batches.length) {\n directionRequestResults = this.sortDirectionRequestResults(\n directionRequestResults,\n );\n this.addRoutes(directionRequestResults, shouldCenter);\n }\n } else {\n return console.warn(\n `Google Directions failed with status of ${status} and ` +\n ` result of ${result}`,\n );\n }\n }\n\n sortDirectionRequestResults(directionRequestResults) {\n return _.sortBy(directionRequestResults, (result) => {\n return result.order;\n });\n }\n\n addRoutes(directionRequestResults, shouldCenter) {\n const combinedResult = directionRequestResults[0];\n if (directionRequestResults.length > 1) {\n for (\n let i = 1, end = directionRequestResults.length, asc = 1 <= end;\n asc ? i < end : i > end;\n asc ? i++ : i--\n ) {\n const result = directionRequestResults[i];\n const { legs } = result.routes[0];\n const { bounds } = result.routes[0];\n const northEastBound = bounds.getNorthEast();\n const southWestBound = bounds.getSouthWest();\n\n const { overview_path } = result.routes[0];\n combinedResult.routes[0].legs =\n combinedResult.routes[0].legs.concat(legs);\n combinedResult.routes[0].overview_path =\n combinedResult.routes[0].overview_path.concat(overview_path);\n combinedResult.routes[0].bounds =\n combinedResult.routes[0].bounds.extend(northEastBound);\n combinedResult.routes[0].bounds =\n combinedResult.routes[0].bounds.extend(southWestBound);\n }\n }\n return this.setCombinedResultToMap(combinedResult, shouldCenter);\n }\n\n setCombinedResultToMap(combinedResult, shouldCenter) {\n if (this.options.includeRouteDetails) {\n this.clearRouteDetails();\n this.updateRouteDetails(combinedResult);\n this.updateRouteSummary(combinedResult);\n }\n\n if (this.options.includeMap) {\n Gmaps.store.directionsDisplay.setDirections(combinedResult);\n\n if (\n VisitWidget.planItemListController &&\n VisitWidget.planItemListController.startPlanModeOn\n ) {\n VisitWidget.planItemListController.turnOffStartPlanMode();\n return VisitWidget.planItemListController.turnOnStartPlanMode();\n } else {\n if (shouldCenter) {\n return VisitWidget.map.centerAndFitToBounds(\n combinedResult.routes[0].bounds,\n 0,\n );\n }\n }\n }\n }\n\n createBatches(latLngs) {\n const batchLimit = VisitWidget.settings.maximumNumberOfRouteLocations;\n\n const batches = [];\n batches[0] = [];\n let batchIndex = 0;\n for (let latLngIndex = 0; latLngIndex < latLngs.length; latLngIndex++) {\n const latLng = latLngs[latLngIndex];\n batches[batchIndex].push(latLng);\n if (\n batches[batchIndex].length === batchLimit &&\n latLngIndex + 1 < latLngs.length\n ) {\n batchIndex += 1;\n batches[batchIndex] = [latLng];\n }\n }\n\n return batches;\n }\n\n setDirectionsDisplay() {\n if (typeof Gmaps.store[\"directionsDisplay\"] === \"undefined\") {\n Gmaps.store[\"directionsDisplay\"] = new google.maps.DirectionsRenderer({\n suppressMarkers: true,\n preserveViewport: true,\n polylineOptions: {\n strokeColor: VisitWidget.settings.currentClientRouteColor,\n strokeWeight: 4,\n },\n });\n }\n return Gmaps.store.directionsDisplay.setMap(VisitWidget.map.googleMap());\n }\n\n enableMapMarkerRouteLabel(mapMarkers) {\n const result = [];\n let labelContent = 0;\n for (let i = 0, end = mapMarkers.length; i < end; i++) {\n if (\n i === 0 ||\n mapMarkers[i - 1].serviceObject.markerId !=\n mapMarkers[i].serviceObject.markerId\n ) {\n labelContent++;\n }\n\n mapMarkers[i].serviceObject.labelVisible = true;\n mapMarkers[i].serviceObject.label.setVisible(true);\n result.push((mapMarkers[i].serviceObject.labelContent = labelContent));\n }\n return result;\n }\n\n clearRouteDetails() {\n $(`${this.containerSelector} .post .duration`).empty();\n $(`${this.containerSelector} .post .distance`).empty();\n $(`${this.containerSelector} .post .route-order`).empty();\n return $(`${this.containerSelector} .post .route-order`).hide();\n }\n\n updateRouteDetails(directionResult) {\n const route = directionResult.routes[0];\n\n const $firstPlanItem = $(\n `${this.containerSelector} .post:not([data-marker-id='']):eq(0)`,\n );\n $firstPlanItem.find(\".route-order\").html(\"1\");\n $firstPlanItem.find(\".route-order\").show();\n $firstPlanItem\n .find(\".duration\")\n .html(VisitWidget.lib.translate(\"plan.first_item.duration\"));\n $firstPlanItem\n .find(\".distance\")\n .html(VisitWidget.lib.translate(\"plan.first_item.distance\"));\n\n let previousMarkerId = $firstPlanItem.data(\"marker-id\");\n\n let legIndex = 0;\n let routeNumber = 1;\n const $planItems = $(\n `${this.containerSelector} .post:not([data-marker-id='']):gt(0)`,\n );\n\n $planItems.each((_, planItem) => {\n const $planItem = $(planItem);\n const leg = route.legs[legIndex];\n\n if (previousMarkerId !== $planItem.data(\"marker-id\")) {\n const distance = leg.distance.text;\n const duration = this.formatLegDuration(leg);\n\n $planItem.find(\".duration\").html(duration);\n $planItem.find(\".distance\").html(distance);\n routeNumber++;\n legIndex++;\n }\n previousMarkerId = $planItem.data(\"marker-id\");\n\n $planItem.find(\".route-order\").html(String(routeNumber));\n $planItem.find(\".route-order\").show();\n });\n }\n\n formatLegDuration(leg) {\n return leg.duration.text\n .replace(\" mins\", \"m\")\n .replace(\" hours\", \"h\")\n .replace(\" min\", \"m\")\n .replace(\" hour\", \"h\");\n }\n\n updateNumberOfStops(numberOfStops) {\n return $(`${this.containerSelector} ${this.numberOfStopsSelector}`).html(\n numberOfStops,\n );\n }\n\n updateRouteSummary(directionResult) {\n const route = directionResult.routes[0];\n let totalDistance = 0;\n let totalSeconds = 0;\n const targetDistanceUnit = VisitWidget.lib.getRoutingTargetDistanceUnit({\n route,\n });\n\n for (let i = 0; i < route.legs.length; ++i) {\n const leg = route.legs[i];\n const distanceParts = leg.distance.text.split(\" \");\n totalDistance += VisitWidget.lib.getDistanceInTargetUnit({\n sourceDistance: distanceParts[0],\n sourceUnit: distanceParts[1],\n targetUnit: targetDistanceUnit,\n });\n totalSeconds += leg.duration.value;\n }\n\n // convert to distance with one decimal place\n totalDistance = Math.round(totalDistance * 10) / 10;\n $(`${this.containerSelector} ${this.totalMilesSelector}`).html(\n totalDistance.toString() + \" \" + targetDistanceUnit,\n );\n\n const totalMinutes = Math.round(totalSeconds / 60);\n const totalTimeText = moment\n .duration(totalMinutes, \"minutes\")\n .format(\n \"h [\" +\n VisitWidget.lib.translate(\"time.units.one_character_hour\") +\n \"] m \" +\n `[${VisitWidget.lib.translate(\"time.units.one_character_minute\")}]`,\n );\n $(`${this.containerSelector} ${this.totalDurationSelector}`).html(\n totalTimeText,\n );\n\n // the route summary can expland the mobiles site's plan list header,\n // so need to resize the so the last item in the plan list does not get cut\n // off\n if (VisitWidget.settings.isMobile) {\n return VisitWidget.navigationController.resize();\n }\n }\n\n createDirectionRequest(origin, waypoints, destination) {\n const directionsRequest = {\n origin,\n destination,\n provideRouteAlternatives: false,\n travelMode: google.maps.TravelMode[VisitWidget.settings.mapTravelMode],\n waypoints: [],\n };\n\n for (let wayPoint of Array.from(waypoints)) {\n const directionsWaypoint = {\n location: wayPoint,\n stopover: true, // no stopovers would create routes avoiding u-turns\n };\n\n directionsRequest[\"waypoints\"].push(directionsWaypoint);\n }\n\n return directionsRequest;\n }\n\n createLatLngsFromMarkers(mapMarkers) {\n const latLngs = [];\n\n for (let mapMarker of mapMarkers) {\n const lat = mapMarker.serviceObject.position.lat();\n const lng = mapMarker.serviceObject.position.lng();\n latLngs.push(new google.maps.LatLng(lat, lng));\n }\n\n return latLngs;\n }\n\n createLatLngsFromLocations(locations) {\n const latLngs = [];\n\n for (let location of locations) {\n const { lat } = location;\n const { lng } = location;\n latLngs.push(new google.maps.LatLng(lat, lng));\n }\n\n return latLngs;\n }\n\n getLatLngsWithoutConsecutiveDuplicates(latLngs) {\n const filteredLatLngs = [];\n\n let i = 0;\n while (i < latLngs.length) {\n if (i === 0 || !this.areLatLngsEqual(latLngs[i - 1], latLngs[i])) {\n filteredLatLngs.push(latLngs[i]);\n }\n i++;\n }\n\n return filteredLatLngs;\n }\n\n areLatLngsEqual(latLng1, latLng2) {\n return latLng1.lat() === latLng2.lat() && latLng1.lng() === latLng2.lng();\n }\n\n areRoutesLoaded() {\n if (\n typeof Gmaps.store === \"undefined\" ||\n typeof Gmaps.store.directionsDisplay === \"undefined\" ||\n typeof Gmaps.store.directionsDisplay.directions === \"undefined\"\n ) {\n return false;\n } else {\n return true;\n }\n }\n};\n","/* eslint-disable */\n/* tslint-disable */\n\nimport translate from \"../../lib/queries/translate\";\n\nVisitWidget.PlanItemListController = class PlanItemListController {\n public menuItem: any;\n public container: any;\n public sidebarSelector: any;\n public containerSelector: any;\n public $container: any;\n public eventListItemsControl: any;\n public placeListItemsControl: any;\n public placePlanItemControl: any;\n public eventPlanItemControl: any;\n public mapRoutingControl: any;\n public listDragAndDropControl: any;\n public startPointRoutingControl: any;\n public startPlanControl: any;\n public startPlanModeOn: boolean;\n public entityLayout: any;\n public eventTemplateName: string;\n public eventListItemTemplate: any;\n public placeTemplateName: string;\n public placeListItemTemplate: any;\n public getPlaceListItemHtml: any;\n public arePlanItemsPresent: any;\n public shareModal: any;\n public getEventListItemHtml: any;\n public plannable_type: any;\n\n constructor(menuItem: any) {\n this.createShareModal = this.createShareModal.bind(this);\n this.enablePlanNameEditing = this.enablePlanNameEditing.bind(this);\n this.menuItem = menuItem;\n this.sidebarSelector = `#sidebar_${this.menuItem.entity}${this.menuItem.id}`;\n }\n\n initialize() {\n this.containerSelector = `${this.sidebarSelector} #plan_list_items`;\n this.$container = $(this.containerSelector);\n\n this.placeListItemsControl = new VisitWidget.PlaceListItemsControl(\n this.containerSelector,\n { panMapOnHover: false },\n );\n this.eventListItemsControl = new VisitWidget.EventListItemsControl(\n this.containerSelector,\n {\n panMapOnHover: false,\n shouldSeparateDateAndTimeByLine: VisitWidget.settings.isMobile,\n },\n );\n this.placePlanItemControl = new VisitWidget.PlanItemControl(\n $(this.containerSelector),\n \".place\",\n );\n this.eventPlanItemControl = new VisitWidget.PlanItemControl(\n $(this.containerSelector),\n \".event\",\n );\n this.mapRoutingControl = new VisitWidget.MapRoutingControl(\n `${this.sidebarSelector}`,\n { includeRouteDetails: true, includeMap: true },\n {\n numberOfStopsSelector: \"#number_of_stops\",\n totalMilesSelector: \"#route_total_miles\",\n totalDurationSelector: \"#route_total_duration\",\n },\n );\n this.listDragAndDropControl = new VisitWidget.ListDragAndDropControl(\n this.containerSelector,\n this.getPlanItemId,\n this.onDragAndDrop,\n { handleSelector: \".handle\" },\n );\n this.startPointRoutingControl = new VisitWidget.StartPointRoutingControl(\n this.sidebarSelector,\n () => {\n return this.updateRoutes();\n },\n );\n this.startPlanControl = new VisitWidget.StartPlanControl();\n\n this.registerEvents();\n this.placeListItemsControl.initialize();\n\n this.eventListItemsControl.initialize();\n const events = this.$container.find(\".event.post\");\n this.eventListItemsControl.setupEventHtmlForPlanList(events);\n\n this.placePlanItemControl.initialize();\n this.eventPlanItemControl.initialize();\n this.startPointRoutingControl.initialize();\n this.startPlanControl.initialize();\n this.setupPlanItems();\n this.updatePlanCount();\n\n this.startPlanModeOn = false;\n this.entityLayout = VisitWidget.settings.entity_list_item_layout;\n const eventTemplateName = \"#event_thumbnail_list_item_template\";\n this.eventListItemTemplate = Handlebars.compile(\n $(eventTemplateName).html(),\n );\n const placeTemplateName = \"#place_thumbnail_list_item_template\";\n this.placeListItemTemplate = Handlebars.compile(\n $(placeTemplateName).html(),\n );\n this.getPlaceListItemHtml = new VisitWidget.GetPlaceListItemHtml({\n forceColorCategoryIcons: true,\n });\n this.getEventListItemHtml = new VisitWidget.GetEventListItemHtml({\n forceColorCategoryIcons: true,\n });\n }\n\n getPlanItemId($post: any) {\n return $post.find(\".plan-control\").data(\"plan-item-id\");\n }\n\n socialShareText() {\n let socialShareText = \"\";\n const sharePrefix = translate(\"plan.share_modal.share_plan\");\n if (VisitWidget.global.currentPlanName() === null) {\n socialShareText = `${sharePrefix} ${VisitWidget.settings.currentClientName}!`;\n } else {\n socialShareText = `${sharePrefix} ${\n VisitWidget.settings.currentClientName\n }${VisitWidget.global.currentPlanName()}:`;\n }\n\n return socialShareText;\n }\n\n createShareModal() {\n const shareUrl =\n location.origin + `/plan?plan_id=${VisitWidget.store.currentPlanId}`;\n\n const shareModal = new VisitWidget.ShareModal(\n VisitWidget.lib.translate(\"plan.share_modal.title\"),\n true,\n shareUrl,\n this.socialShareText(),\n (destinations: any, callback: any) =>\n VisitWidget.Plan.share(destinations, callback),\n );\n\n shareModal.initialize();\n\n return shareModal;\n }\n\n registerEvents() {\n $(`${this.sidebarSelector} .touch-share-plan-control`).click(() => {\n if (this.arePlanItemsPresent) {\n if (this.shareModal == null) {\n this.shareModal = this.createShareModal();\n }\n this.shareModal.show();\n } else {\n alert(\"There are no items in your plan to share.\");\n }\n });\n\n $(`${this.sidebarSelector} .toggle-start-plan-button`).click(() => {\n if ($(`${this.sidebarSelector} .post`).length < 2) {\n alert(\"Please add more than one place or event to your plan.\");\n return;\n }\n\n if (!this.mapRoutingControl.areRoutesLoaded()) {\n return;\n }\n\n if (this.startPlanModeOn === false || VisitWidget.settings.isMobile) {\n return this.turnOnStartPlanMode();\n } else {\n return this.turnOffStartPlanMode();\n }\n });\n\n ($(`${this.sidebarSelector} .best_in_place`) as any).best_in_place();\n\n return this.registerPlanNameUpdate();\n }\n\n registerPlanNameUpdate() {\n return $(`${this.sidebarSelector} .best_in_place`).bind(\n \"ajax:success\",\n () => {\n if (this.arePlanItemsPresent) {\n if (this.shareModal == null) {\n this.shareModal = this.createShareModal();\n }\n return this.shareModal.initializeSocialShare(this.socialShareText());\n }\n },\n );\n }\n\n turnOnStartPlanMode() {\n this.startPlanControl.start();\n if (!VisitWidget.settings.isMobile) {\n $(`${this.sidebarSelector} .toggle-start-plan-button a`).text(\n VisitWidget.lib.translate(\"plan.end_plan_button\"),\n );\n $(this.containerSelector)\n .find(\".touch-plan-control, .touch-map-it-control\")\n .hide();\n this.listDragAndDropControl.disable();\n }\n this.startPlanModeOn = true;\n this.placeListItemsControl.disableMapIt();\n return this.eventListItemsControl.disableMapIt();\n }\n\n turnOffStartPlanMode() {\n $(\"#plan_directions .slider ul li\").remove();\n $(\"#plan_directions\").hide();\n if (!VisitWidget.settings.isMobile) {\n this.showButtonsForStartPlan();\n $(\".create.btn.registration-trigger\").show();\n this.listDragAndDropControl.enable();\n }\n this.startPlanModeOn = false;\n this.startPlanControl.end();\n this.placeListItemsControl.enableMapIt();\n return this.eventListItemsControl.enableMapIt();\n }\n\n showButtonsForStartPlan() {\n $(`${this.sidebarSelector} .toggle-start-plan-button`).show();\n $(`${this.sidebarSelector} .toggle-start-plan-button a`).text(\n VisitWidget.lib.translate(\"plan.start_plan_button\"),\n );\n return $(this.containerSelector)\n .find(\".touch-plan-control, .touch-map-it-control\")\n .show();\n }\n\n populate = (callback) => {\n this.$container.empty();\n if (VisitWidget.store.startPointPlanItemHtml) {\n this.$container.prepend(VisitWidget.store.startPointPlanItemHtml);\n }\n\n const planId = VisitWidget.global.planId();\n\n if (planId === null) {\n this.showNoPlanItems();\n if (callback != null) {\n callback();\n }\n return;\n }\n\n this.updatePlanCount();\n VisitWidget.PlanItem.query(planId, async (planItems: any[]) => {\n for (let planItem of planItems) {\n let html;\n\n if (planItem.plannable_type === \"Place\") {\n html = this.getPlaceListItemHtml.call(\n [planItem.plannable],\n this.placeListItemTemplate,\n );\n this.placeListItemsControl.addListItemsHtml(html);\n } else if (planItem.plannable_type === \"Event\") {\n html = this.getEventListItemHtml.call(\n [planItem.plannable],\n this.eventListItemTemplate,\n );\n this.eventListItemsControl.addListItemsHtml(html);\n }\n\n const notes =\n planItem.notes.length > 0 ? planItem.notes[0].body : undefined;\n if (notes !== undefined) {\n ReactOnRails.render(\n \"NotesButton\",\n {\n notes: notes,\n coverPhotoUrl: planItem.plannable.cover_photo_url,\n title: planItem.plannable.name,\n type: \"planItem\",\n },\n `plan-item-notes-${planItem.plannable_type}-${planItem.plannable_id}`,\n false,\n );\n }\n }\n\n this.setupPlanItems();\n\n const entities = planItems.map((planItem) => planItem.plannable);\n const compiledLocations =\n await VisitWidget.map.queries.getCompiledLocations(entities, true);\n\n VisitWidget.settings.disableOnMapGeoBoxChangedHandler = true;\n VisitWidget.menuItemsController.populateMap(\n { resetMarkers: false },\n () => {\n VisitWidget.settings.disableOnMapGeoBoxChangedHandler = false;\n return VisitWidget.map.addPlanMarkers(compiledLocations);\n },\n );\n\n this.listDragAndDropControl.initialize();\n if (callback != null) {\n return callback();\n }\n });\n };\n\n updatePlanCount() {\n if ($(\".plan-count\").data(\"data-animating\")) {\n return;\n }\n const planItemCount = VisitWidget.global.getPlanItemCount();\n\n $(\".plan-count\").html(planItemCount);\n return $(\".plan-count\").attr(\"data-count\", planItemCount);\n }\n\n updateRoutes() {\n // Starting Point marker is cleared when navigating to a different\n // menu item.\n this.addMarkerForStartingPointIfMissing();\n\n const mapMarkers = this.getMapMarkersForRouting();\n\n return this.mapRoutingControl.createRoutesFromMapMarkers(mapMarkers, true);\n }\n\n addMarkerForStartingPointIfMissing() {\n if (\n this.startPointRoutingControl.hasStartingPoint &&\n Gmaps.store.startPointMarker == null\n ) {\n return this.startPointRoutingControl.addMarker();\n }\n }\n\n enablePlanNameEditing(plan) {\n const $planName = $(\n `${this.sidebarSelector} .best_in_place[data-bip-attribute=name]`,\n );\n $planName.attr(\"data-bip-url\", `/plans/${plan.id}`);\n $planName.removeAttr(\"data-bip-extra-payload\");\n $planName.removeAttr(\"data-bip-new-object\");\n const $planNameClone = $planName.clone();\n $planName.replaceWith($planNameClone);\n $planNameClone.show();\n return this.registerPlanNameUpdate();\n }\n\n // Seems like we could just get the marker ids from the markers, but\n // that won't work if the user drags and drops a plan list item.\n getMapMarkersForRouting() {\n const mapMarkers = [];\n const $planItems = $(`${this.sidebarSelector} .post`);\n $planItems.each(function (planItemIndex, planItem) {\n const markerId = $(planItem).data(\"marker-id\");\n let i = 0;\n\n const result = [];\n while (i < Gmaps.store.markers.length) {\n if (\n Gmaps.store.markers[i].serviceObject instanceof\n (window as any).MarkerWithLabel &&\n markerId === Gmaps.store.markers[i].serviceObject.markerId\n ) {\n mapMarkers.push(Gmaps.store.markers[i]);\n }\n result.push(i++);\n }\n result;\n });\n\n if (Gmaps.store.startPointMarker != null) {\n mapMarkers.unshift(Gmaps.store.startPointMarker);\n }\n\n return mapMarkers;\n }\n\n setupPlanItems() {\n if (this.$container.find(\".post\").length > 0) {\n this.placePlanItemControl.initialize();\n this.eventPlanItemControl.initialize();\n\n VisitWidget.global.setFriendlyDateTimes();\n this.arePlanItemsPresent = true;\n return this.arePlanItemsPresent;\n } else {\n this.arePlanItemsPresent = false;\n return this.showNoPlanItems();\n }\n }\n\n onDragAndDrop(planItemsAttributes: any) {\n const params = {\n plan: {\n plan_items_attributes: planItemsAttributes,\n },\n };\n return VisitWidget.Plan.update(params, () => {\n return VisitWidget.planItemListController.updateRoutes();\n });\n }\n\n showNoPlanItems() {\n const placesLink =\n '' +\n VisitWidget.lib.translate(\"place.plural\") +\n \"\";\n\n const eventsLink =\n '' +\n VisitWidget.lib.translate(\"event.plural\") +\n \"\";\n\n const text = I18n.t(\"plan.empty\", {\n places: placesLink,\n events: eventsLink,\n });\n\n if (VisitWidget.settings.isMobile) {\n this.$container.append(`${text}
`);\n } else {\n this.$container.append(`${text}
`);\n }\n\n $(\".change_navigation_action\").on(\"click\", function (e) {\n const entityName = $(e.target).data(\"entity\");\n return VisitWidget.navigationController.navigateToMenuItemByEntity(\n entityName,\n );\n });\n\n return this.listDragAndDropControl.initialize();\n }\n};\n","VisitWidget.AdInterpolator = class AdInterpolator {\n nextAdIndex: number;\n adsQueried: boolean;\n lastListIndex: number;\n viewedAdIds: any[];\n $adsWithImpressions: any[];\n allAds: any;\n filteredAds: any;\n adTemplate: any;\n\n constructor() {\n this.nextAdIndex = 0;\n this.adsQueried = false;\n this.lastListIndex = -1;\n this.viewedAdIds = [];\n this.$adsWithImpressions = [];\n }\n\n initialize() {\n this.setupAdViews();\n return this.setupClickEvents();\n }\n\n setupClickEvents() {\n return $(document).on(\n \"click\",\n \"#main_sidebar_list_container .ad.post\",\n (event) => {\n const $target = $(event.target);\n const $parent = $target.closest(\".ad.post\");\n\n if (VisitWidget.settings.isKiosk) {\n event.preventDefault();\n\n const label = $parent.find(\"img\").prop(\"alt\") ?? \"Ad\";\n const websiteUrl = $parent.find(\"a\").prop(\"href\");\n\n VisitWidget.modal.open($(\".modal.web_view\"), () => {\n VisitWidget.modal.open(\n $(\".modal.web_view\"),\n () => {\n $(\".modal.web_view .header h2\").text(label);\n return $(\".modal.web_view iframe\").attr(\"src\", websiteUrl);\n },\n () => {\n return $(\".modal.web_view iframe\").removeAttr(\"src\");\n },\n );\n });\n }\n\n const ad = this.getAdById($parent.data(\"id\"));\n VisitWidget.Analytics.createAdClick(ad.id, ad.name);\n return true;\n },\n );\n }\n\n getAds(callback) {\n if (this.allAds === undefined) {\n return VisitWidget.Ad.query(false, (ads) => {\n this.allAds = ads;\n return this.getAdsFilteredByCategories(this.allAds).then(\n (filteredAds) => {\n this.filteredAds = filteredAds;\n return callback(this.filteredAds);\n },\n );\n });\n } else {\n return this.getAdsFilteredByCategories(this.allAds).then(\n (filteredAds) => {\n this.filteredAds = filteredAds;\n return callback(this.filteredAds);\n },\n );\n }\n }\n\n insertAdsIntoList(menuItem) {\n if (this.filteredAds.length === 0) {\n return;\n }\n\n const $items = this.getContainer(menuItem).find(\".post:not(.ad)\");\n\n return (() => {\n const result = [];\n for (\n let start = this.lastListIndex + 1,\n i = start,\n end = $items.length,\n asc = start <= end;\n asc ? i < end : i > end;\n asc ? i++ : i--\n ) {\n this.lastListIndex = i;\n const nthPosition = i + 1;\n if (nthPosition % (VisitWidget.settings.adNthPosition - 1) === 0) {\n const ad = this.getNextAd();\n result.push($($items[i]).after(this.createAdListItemHtml(ad)));\n } else {\n result.push(undefined);\n }\n }\n return result;\n })();\n }\n\n createAdListItemHtml(ad) {\n if (typeof this.adTemplate === \"undefined\") {\n const source = $(\"#ad_list_item_template\").html();\n this.adTemplate = Handlebars.compile(source);\n }\n\n const context = {\n ad,\n interpolated: \"interpolated\",\n };\n const html = this.adTemplate(context);\n return html;\n }\n\n getAdsFilteredByCategories(ads) {\n const filteredAds = [];\n return VisitWidget.global.currentListCategoryIds().then((categoryIds) => {\n for (let ad of ads) {\n for (let categoryId of categoryIds) {\n if (ad.category_ids.indexOf(categoryId) > -1) {\n filteredAds.push(ad);\n break;\n }\n }\n }\n\n return filteredAds;\n });\n }\n\n resetListAds(menuItem, callback) {\n this.lastListIndex = -1;\n this.$adsWithImpressions = [];\n this.getContainer(menuItem).find(\".post.ad\").remove();\n return this.getAds((ads) => {\n this.nextAdIndex = 0;\n if (this.viewedAdIds.length > 0) {\n const lastIndex = this.getLastViewedAdIndex();\n this.incrementNextAdIndex(lastIndex);\n }\n this.insertAdsIntoList(menuItem);\n if (callback != null) {\n return callback();\n }\n });\n }\n\n getLastViewedAdIndex() {\n for (let i = this.viewedAdIds.length - 1; i >= 0; i--) {\n for (\n let k = 0, end = this.filteredAds.length, asc = 0 <= end;\n asc ? k < end : k > end;\n asc ? k++ : k--\n ) {\n if (this.viewedAdIds[i] === this.filteredAds[k].id) {\n return k;\n }\n }\n }\n\n return null;\n }\n\n setupAdViews() {\n return $(\"#main_sidebar .nano > .content\").scroll((e) => {\n const $container = this.getContainer(VisitWidget.store.currentMenuItem);\n const $ads = $container.find(\".post.ad\");\n const windowHeight = $(window).height() + 10; // so last ad gets impression\n const sidebarTopOffset = $(\"#main_sidebar_list_container\").offset().top;\n return $ads.each((_, adElement) => {\n const $ad = $(adElement);\n const adTop = $ad.offset().top;\n const adBottomOffset = adTop + $ad.outerHeight();\n this.trackUniqueAdViews($ad, windowHeight, adBottomOffset);\n return this.trackAdImpressions(\n $ad,\n windowHeight,\n sidebarTopOffset,\n adBottomOffset,\n );\n });\n });\n }\n\n trackUniqueAdViews($ad, windowHeight, adBottomOffset) {\n if (adBottomOffset < windowHeight) {\n const adId = $ad.data(\"id\");\n const viewedAdIndex = this.viewedAdIds.indexOf(adId);\n if (viewedAdIndex !== -1) {\n this.viewedAdIds.splice(viewedAdIndex, 1);\n }\n\n return this.viewedAdIds.push(adId);\n }\n }\n\n trackAdImpressions($ad, windowHeight, sidebarTopOffset, adBottomOffset) {\n const adBottomFromContainer = adBottomOffset - sidebarTopOffset;\n if (adBottomOffset < windowHeight && adBottomFromContainer > 0) {\n if (!this.isAdViewed($ad)) {\n this.$adsWithImpressions.push($ad);\n const ad = this.getAdById($ad.data(\"id\"));\n return VisitWidget.Analytics.createAdImpression(ad.id, ad.name);\n }\n }\n }\n\n isAdViewed($ad) {\n const adsViewed = this.$adsWithImpressions.filter(($item) => {\n return $item.is($ad);\n });\n return adsViewed.length > 0;\n }\n\n getAdById(id) {\n const ads = this.filteredAds.filter((ad) => ad.id === id);\n return ads[0];\n }\n\n getNextAd() {\n const ad = this.filteredAds[this.nextAdIndex];\n this.incrementNextAdIndex(this.nextAdIndex);\n return ad;\n }\n\n incrementNextAdIndex(lastAdIndex) {\n if (lastAdIndex < this.filteredAds.length - 1) {\n return (this.nextAdIndex = lastAdIndex + 1);\n } else {\n return (this.nextAdIndex = 0);\n }\n }\n\n getContainer(menuItem) {\n return $(`#sidebar_${menuItem.entity}${menuItem.id}`);\n }\n};\n","import { listToursAction } from \"../../../store/plan/actions/listToursAction\";\nimport { setFlyoutAction } from \"../../../store/flyout/actions/setFlyoutAction\";\nimport { SharedPlanScreen } from \"../../../components/plans/SharedPlanScreen\";\nimport { addSharedPlan } from \"src/store/visitWidgetApi\";\n\nVisitWidget.CreateModal = class CreateModal {\n category_ids: any[];\n $container: JQuery${text}
`,\n );\n } else {\n return this.$container.append(\n `${text}
`,\n );\n }\n }\n }\n\n onScrollToBottom = async (page) => {\n const categoryIds = await this.getCategoryIds();\n return this.getTours({ page, category_ids: categoryIds }, (tours) => {\n let noMorePosts;\n this.addToursToList(tours);\n if (tours.length < VisitWidget.settings.tourPageSize) {\n noMorePosts = true;\n }\n return this.pagingListControl.onQueryComplete(noMorePosts);\n });\n };\n\n getCategoryIds() {\n return VisitWidget.global.getCategoryIds(this.menuItem, true) as Promise<\n string[]\n >;\n }\n\n onDragAndDrop(toursAttributes) {\n return VisitWidget.Tour.updatePositions({ tours: toursAttributes });\n }\n\n getTourId($post) {\n return $post.data(\"id\");\n }\n\n getTours(params, callback) {\n params.type = null;\n params.include_all_tour_types_enabled =\n this.menuItem.include_all_tour_types_enabled;\n\n params.exclusive_category_id = this.menuItem.selectedExclusiveCategoryId;\n\n return VisitWidget.Tour.query(params, callback);\n }\n};\n","/* eslint-disable max-len */\n\nVisitWidget.GoalListController = class GoalListController {\n /* eslint-disable @typescript-eslint/no-explicit-any */\n menuItem: any;\n sidebarSelector: string;\n containerSelector: string;\n $container: JQuery