`,\r\n );\r\n const $tags = $(\r\n ``\r\n );\r\n\r\n if (cleanDiscount && cleanPrice) {\r\n $tags.append(`` +\r\n `Price: ${cleanDiscount} ` +\r\n `Was: ${cleanPrice}` +\r\n ``);\r\n }\r\n else if (cleanPrice) {\r\n $tags.append(`${cleanPrice}`);\r\n }\r\n\r\n if (cleanDeposit) {\r\n $tags.append(`Deposit: ${cleanDeposit}`);\r\n }\r\n\r\n if (cleanDuration) {\r\n $tags.append(`${cleanDuration} mins`);\r\n }\r\n\r\n $treatment.append($tags);\r\n\r\n return $treatment;\r\n }\r\n\r\n #preselectDefaultProvider() {\r\n const $providers = this.#ui.provider.select.find(\"option\").not(\":disabled\");\r\n\r\n // Select first provider if they are the one.\r\n if ($providers.length === 1) {\r\n this.#ui.provider.select.val($providers.first().val());\r\n this.#ui.provider.select.trigger(\"change\");\r\n }\r\n // Otherwise select the \"any\" provider option if configured to do so\r\n else if (this.#defaultSelectAllProviders) {\r\n this.#ui.provider.select.val(\"any\");\r\n this.#ui.provider.select.trigger(\"change\");\r\n }\r\n\r\n // Otherwise don't preselect an option\r\n }\r\n\r\n #selectProvider() {\r\n this.#selectedProvider = this.#ui.provider.select.find(\"option:selected\").val() ?? \"\";\r\n if (this.#selectedProvider) {\r\n this.#getAppointments();\r\n }\r\n }\r\n\r\n #selectTreatment() {\r\n const $treatmentOption = this.#ui.treatment.select.find(\"option:selected\").first();\r\n this.#selectedTreatment = $treatmentOption.val() ?? \"\";\r\n const type = $treatmentOption.attr(\"data-type\");\r\n this.#updateProviders(type);\r\n }\r\n\r\n #updateProviders(treatmentType) {\r\n // treatmentType is a comma separated list of compatible provider types\r\n let compatibleTypes = treatmentType.split(\",\");\r\n compatibleTypes = compatibleTypes.map(t => t.trim());\r\n\r\n // Enable providers with a matching type\r\n let count = 0;\r\n this.#ui.provider.options.each((index, elem) => {\r\n const $this = $(elem);\r\n const providerType = $this.attr(\"data-type\");\r\n const enabled = providerType === \"Any\" || compatibleTypes.includes(\"Any\") || compatibleTypes.includes(providerType);\r\n\r\n $this.attr(\"disabled\", !enabled);\r\n $this.attr(\"hidden\", !enabled);\r\n\r\n if (enabled && providerType !== \"Any\") {\r\n count++;\r\n }\r\n });\r\n\r\n // Hide \"Any\" option if less than two providers match\r\n if (count < 2) {\r\n const $any = this.#ui.provider.options.filter(\"option[value='any']\");\r\n $any.attr(\"disabled\", true);\r\n $any.attr(\"hidden\", true);\r\n }\r\n\r\n // Reset the selection\r\n this.#ui.provider.select.val(\"\");\r\n this.#ui.provider.select.trigger(\"change\");\r\n }\r\n\r\n async #requestBookingTermsAcceptance(id) {\r\n const modal = new TermsModal(this.#linkInterceptor);\r\n\r\n try {\r\n await modal.requestAcceptance(id);\r\n } catch (error) {\r\n let message = \"\";\r\n if (error.message === \"Booking terms closed.\") {\r\n message = error.message;\r\n } else {\r\n console.error(error);\r\n message = \"There was an error when trying to process your acceptance of the booking terms. Please try again.\";\r\n }\r\n\r\n throw new Error(message);\r\n } finally {\r\n modal.close();\r\n }\r\n }\r\n\r\n /**\r\n * #beginBooking starts a new booking and returns true if it succeeds, otherwise it returns false;\r\n */\r\n async #beginBooking(appointmentId, bookingNote) {\r\n try {\r\n await AppointmentsService.beginBooking(appointmentId, bookingNote);\r\n return true;\r\n } catch (errResp) {\r\n switch (errResp.status) {\r\n // Unauthorized \r\n case 401:\r\n // Retry after logging in\r\n await this.#requestLogin();\r\n return await this.#beginBooking(appointmentId, bookingNote);\r\n\r\n // Redirect\r\n case 302:\r\n // If we are redirected replace the current content so we don't lose\r\n // our session when cookies are blocked.\r\n if (errResp.responseJSON.location.toLowerCase().startsWith(\"/book\")) {\r\n await this.#displayPageContent(errResp.responseJSON.location);\r\n await this.init();\r\n return false;\r\n }\r\n\r\n // Otherwise this is an unexpected redirect - don't follow it as we don't want to lose\r\n // our session if cookies are blocked.\r\n throw new Error(`Unexpected redirect to: ${errResp.responseJSON.location}. Redirect ignored.`);\r\n\r\n default:\r\n if (\"responseText\" in errResp\r\n && (errResp.responseText.includes(\"Booking limit reached\")\r\n || errResp.responseText.includes(\"not currently accepting appointment bookings from you\"))\r\n ) {\r\n throw new Error(errResp.responseText);\r\n }\r\n\r\n throw new Error(`Could not create new booking. ${errResp.responseText}.`);\r\n }\r\n }\r\n }\r\n\r\n async #requestDepositIfNeeded(deposit) {\r\n if (deposit > 0) {\r\n // Request the payment from the user\r\n const paymentDetails = await this.#getPaymentDetails();\r\n if (paymentDetails) {\r\n await this.#requestPayment(paymentDetails);\r\n }\r\n }\r\n }\r\n\r\n async #requestPayment(paymentDetails) {\r\n const url = `${paymentDetails.gatewayUrl}?token=${paymentDetails.token}`;\r\n const modal = new PaymentModal(url);\r\n\r\n try {\r\n await modal.requestPayment();\r\n } catch (error) {\r\n let message = \"\";\r\n if (error.message === \"Payment cancelled.\") {\r\n message = error.message;\r\n } else {\r\n console.error(error);\r\n message = \"Could not process your payment, please try again.\";\r\n }\r\n\r\n throw new Error(message);\r\n } finally {\r\n modal.close();\r\n }\r\n\r\n // Payment success\r\n }\r\n\r\n async #requestLogin() {\r\n const modal = new LoginModal(this.#linkInterceptor);\r\n\r\n try {\r\n await modal.requestLogin();\r\n } catch (error) {\r\n let message = \"\";\r\n if (error.message === \"Login cancelled.\") {\r\n message = error.message;\r\n } else {\r\n console.error(error);\r\n message = \"Could not log you in, please try again.\";\r\n }\r\n\r\n throw new Error(message);\r\n } finally {\r\n modal.close();\r\n }\r\n\r\n // Login success\r\n await this.refreshNavbar();\r\n }\r\n\r\n async #getPaymentDetails() {\r\n let paymentDetails;\r\n\r\n try {\r\n paymentDetails = await AppointmentsService.getPaymentDetails();\r\n } catch (errResp) {\r\n switch (errResp.status) {\r\n // Unauthorized \r\n case 401:\r\n // Retry after logging in\r\n await this.#requestLogin();\r\n return await this.#getPaymentDetails();\r\n\r\n // Forbidden\r\n case 403:\r\n if (\"responseText\" in errResp\r\n && (errResp.responseText.includes(\"maximum number of appointments booked\")\r\n || errResp.responseText.includes(\"not currently accepting appointment bookings from you\"))\r\n ) {\r\n throw new Error(errResp.responseText);\r\n }\r\n }\r\n\r\n // Otherwise throw a generic payment error\r\n throw new Error(`Could not get payment details. ${errResp.responseText}`);\r\n }\r\n\r\n return paymentDetails;\r\n }\r\n\r\n async #confirmAppointment() {\r\n try {\r\n return await AppointmentsService.confirmAppointment();\r\n } catch (errResp) {\r\n switch (errResp.status) {\r\n // Unauthorized \r\n case 401:\r\n // Retry after logging in\r\n await this.#requestLogin();\r\n return await this.#confirmAppointment();\r\n\r\n // Forbidden\r\n case 403:\r\n if (\"responseText\" in errResp\r\n && (errResp.responseText.includes(\"maximum number of appointments booked\")\r\n || errResp.responseText.includes(\"not currently accepting appointment bookings from you\"))\r\n ) {\r\n throw new Error(errResp.responseText);\r\n }\r\n\r\n // Gone\r\n case 410: {\r\n throw new Error(\"Your chosen appointment time is no longer available. Please choose another time.\");\r\n }\r\n\r\n // Aborted\r\n case 0: {\r\n throw new Error(\"The server could not be reached. Please try again later.\");\r\n }\r\n\r\n // Redirect\r\n case 302: {\r\n // If we are redirected replace the current content so we don't lose\r\n // our session when cookies are blocked.\r\n if (errResp.responseJSON.location.toLowerCase().startsWith(\"/book\")) {\r\n await this.#displayPageContent(errResp.responseJSON.location);\r\n await this.init();\r\n\r\n // The booking wasn't confirmed;\r\n return null;\r\n }\r\n\r\n // Otherwise this is an unexpected redirect - don't follow it as we don't want to lose\r\n // our session if cookies are blocked.\r\n throw new Error(`Unexpected redirect to: ${errResp.responseJSON.location}. Redirect ignored.`);\r\n }\r\n\r\n default: {\r\n if (\"responseText\" in errResp) {\r\n // Handle booking session errors\r\n if (errResp.responseText.includes(\"Booking session timed out\")\r\n || errResp.responseText.includes(\"Booking terms must be accepted\")) {\r\n\r\n this.#handleBookingSessionError(errResp.responseText);\r\n break;\r\n }\r\n }\r\n\r\n throw new Error(`Could not create new booking. ${errResp.responseText}`);\r\n }\r\n }\r\n }\r\n }\r\n\r\n async #handleGetAppointmentsRequestError(errResp) {\r\n switch (errResp.status) {\r\n // Aborted\r\n case 0: {\r\n bootbox.alert({\r\n message: \"The server could not be reached. Please try again later.\",\r\n backdrop: true,\r\n });\r\n break;\r\n }\r\n\r\n default: {\r\n if (\"responseText\" in errResp\r\n && (errResp.responseText.includes(\"Booking session timed out\")\r\n || errResp.responseText.includes(\"Booking terms must be accepted\"))\r\n ) {\r\n this.#handleBookingSessionError(errResp.responseText);\r\n break;\r\n }\r\n\r\n console.error(errResp.responseText);\r\n this.#appointmentList.clear();\r\n\r\n const msg = \"There was an error requesting available appointments. Please try again.\";\r\n\r\n bootbox.alert({\r\n message: msg,\r\n backdrop: true,\r\n });\r\n }\r\n }\r\n }\r\n\r\n\r\n async #handleConfirmAppointmentRequestError(error) {\r\n console.error(error);\r\n\r\n if (error.message.includes(\"Booking session timed out\")\r\n || error.message.includes(\"Booking terms must be accepted\")) {\r\n this.#handleBookingSessionError(error.message);\r\n return;\r\n }\r\n\r\n if (error.message.includes(\"appointment time is no longer available\")) {\r\n bootbox.alert({\r\n message: error.message,\r\n backdrop: true,\r\n });\r\n\r\n // Refresh the appointments list\r\n this.#getAppointments()\r\n return;\r\n }\r\n\r\n let message;\r\n if (error.message.includes(\"maximum number of appointments booked\")\r\n || error.message.includes(\"not currently accepting appointment bookings from you\")) {\r\n message = error.message;\r\n } else if (error.message === \"Login cancelled.\") {\r\n message = \"Login cancelled. Please log in or register to book your appointment.\";\r\n } else if (error.message === \"The server could not be reached.\") {\r\n message = \"The server could not be reached. Please try again later.\";\r\n } else {\r\n message = \"There was a problem booking your appointment. Please try again.\" +\r\n \"
\" +\r\n \"If you have already paid a deposit you will not be asked to make another payment. \" +\r\n \"If this problem persists, please contact the practice.\";\r\n }\r\n\r\n bootbox.alert({\r\n message: message,\r\n backdrop: true,\r\n });\r\n }\r\n\r\n #handleLogOutError(errResp) {\r\n console.error(errResp);\r\n\r\n bootbox.alert({\r\n message: \"There was an error during log out. Please try again.\",\r\n callback: () => {\r\n this.#refreshBookPage()\r\n .then(() => {\r\n // Wait until the next frame then clear the view messages\r\n // As we have already shown the alert\r\n setTimeout(() => {\r\n window.clearViewMessages();\r\n }, 0);\r\n })\r\n },\r\n backdrop: true,\r\n });\r\n }\r\n\r\n #handleBookingTermsError(error) {\r\n console.error(error);\r\n\r\n if (error.message.includes(\"Booking session timed out\")\r\n || error.message.includes(\"Booking terms must be accepted\")) {\r\n this.#handleBookingSessionError(error.message);\r\n return;\r\n }\r\n\r\n let message;\r\n if (error.message === \"Booking terms closed.\") {\r\n message = \"Booking terms declined. We cannot offer an appointment if the booking terms are not accepted.\";\r\n } else if (error.message === \"The server could not be reached.\") {\r\n message = \"The server could not be reached. Please try again later.\";\r\n } else {\r\n message = \"There was a problem with the appointment booking terms. Please try again.\";\r\n }\r\n\r\n bootbox.alert({\r\n message,\r\n backdrop: true,\r\n });\r\n\r\n this.#scrollToContent();\r\n }\r\n\r\n #handleBeginBookingError(error) {\r\n console.error(error);\r\n\r\n if (error.message.includes(\"Booking session timed out\")\r\n || error.message.includes(\"Booking terms must be accepted\")) {\r\n this.#handleBookingSessionError(error.message);\r\n return;\r\n }\r\n\r\n let message;\r\n if (error.message === \"The server could not be reached.\") {\r\n message = \"The server could not be reached. Please try again later.\";\r\n } else {\r\n message = \"There was a problem booking your appointment. Please try again.\";\r\n }\r\n\r\n bootbox.alert({\r\n message,\r\n backdrop: true,\r\n });\r\n\r\n this.#scrollToContent();\r\n }\r\n\r\n #handleRequestDepositError(error) {\r\n console.error(error);\r\n\r\n if (error.message.includes(\"Booking session timed out\")\r\n || error.message.includes(\"Booking terms must be accepted\")) {\r\n this.#handleBookingSessionError(error.message);\r\n return;\r\n }\r\n\r\n let message;\r\n if (error.message.includes(\"maximum number of appointments booked\")\r\n || error.message.includes(\"not currently accepting appointment bookings from you\")) {\r\n message = error.message;\r\n } else if (error.message === \"Payment cancelled.\") {\r\n message = \"The payment was cancelled, please try again.\";\r\n } else if (error.message === \"Login cancelled.\") {\r\n message = \"Login cancelled. Please log in or register to book your appointment.\";\r\n } else if (error.message === \"The server could not be reached.\") {\r\n message = \"The server could not be reached. Please try again later.\";\r\n } else {\r\n message = \"There was a problem retrieving the deposit payment details. Please try again.\";\r\n }\r\n\r\n bootbox.alert({\r\n message,\r\n backdrop: true,\r\n });\r\n\r\n this.#scrollToContent();\r\n }\r\n\r\n #handleBookingSessionError(errMessage) {\r\n let displayMessage;\r\n if (errMessage.includes(\"Booking session timed out\")) {\r\n displayMessage = \"Your appointment booking timed out. Please try again.\";\r\n }\r\n else if (errMessage.includes(\"Booking terms must be accepted\")) {\r\n displayMessage = \"You must accept the booking terms before you can book an appointment.\"\r\n }\r\n else {\r\n displayMessage = errMessage;\r\n }\r\n\r\n bootbox.alert({\r\n message: displayMessage,\r\n callback: () => {\r\n this.#refreshBookPage();\r\n },\r\n backdrop: true,\r\n });\r\n }\r\n}\r\n","import DOMUtils from \"./dom-utils\";\r\nimport MessagePoster from \"./message-poster\";\r\n\r\nexport default class AppointmentList {\r\n #ui;\r\n #pagination;\r\n #selectedDate;\r\n #defaultDate;\r\n\r\n get eventTarget() {\r\n return this.#ui.list;\r\n }\r\n\r\n constructor() {\r\n this.#pagination = {\r\n history: [],\r\n currentStart: \"\",\r\n nextStart: \"\",\r\n };\r\n }\r\n\r\n init() {\r\n this.#cacheUiElements();\r\n this.#initDatePicker();\r\n this.#bindEvents();\r\n }\r\n\r\n show({\r\n lastPage, start, end, appointments,\r\n }) {\r\n this.#ui.list.empty();\r\n\r\n if (appointments.length === 0) {\r\n const $row = $(\"
Sorry, there are no appointments available after the selected date.