that is the FH selection input group.\n * @param {boolean} isOnboarding - true if we're in onboarding mode.\n * @param {boolean} shouldShow - true if we're meant to show; false if we're meant to hide.\n */\nfunction toggleFuneralHome(inputGroup, isOnboarding, shouldShow) {\n inputGroup.classList.toggle(\"d-none\", !isOnboarding && !shouldShow);\n}\n\n/**\n * Initialize the business association form. Lots of autocomplete, lots of conditional\n * show/hide of subforms.\n *\n * @param {object} props - the page props\n */\nexport default function initBusinessAssociationForm(props) {\n const { isOnboarding } = props;\n\n const editDispositionMethodBtns = document.querySelectorAll(\n \".edit-disposition-method\",\n );\n const businessAssociationInputGroups = document.querySelectorAll(\n \".business-association-input-group\",\n );\n\n const funeralHomeInputGroup = document.querySelector(\".funeral-home-input-group\");\n const cemeteryInputGroup = document.querySelector(\".cemetery-input-group\");\n const donationOrgInputGroup = document.querySelector(\".donation-org-input-group\");\n const seaBurialProviderInputGroup = document.querySelector(\n \".sea-burial-provider-input-group\",\n );\n const locationTypeInputGroup = document.querySelector(\".location-type-input-group\");\n const locationInputGroup = document.querySelector(\".location-input-group\");\n\n const locationTypeSelect = document.querySelector(\n \"#id_business_association-remains_location_type\",\n );\n const remainsLocationField = document.querySelector(\n \"#id_business_association-remains_location\",\n );\n\n const funeralHomeInputLabel = funeralHomeInputGroup.querySelector(\".dark-gray-label\");\n const funeralHomeInputPending = funeralHomeInputGroup.querySelector(\"label\");\n const locationTypeNoRemains = locationTypeInputGroup.querySelector(\n `option[value=\"${props.remainsLocationTypeNoRemains}\"]`,\n );\n\n /**\n * Set the text of the funeral home input group.\n *\n * @param {boolean} isFuneralHome - if true, we're specifically a Funeral Home\n * @param {boolean} isInitialLoad - if true, this is executing on the initial load of\n * the page\n * @param {boolean} isGenericProvider - if true, set the label to copy about a\n * \"provider\" rather than a \"funeral home\"\n */\n const setTextOfFuneralHomeGroup = (\n isFuneralHome = true,\n isInitialLoad = false,\n isGenericProvider = false,\n ) => {\n if (isInitialLoad) {\n funeralHomeInputLabel.innerText = \"Funeral home or cremation provider\";\n funeralHomeInputPending.innerText =\n \"I have not yet chosen a funeral home or cremation provider\";\n } else if (isFuneralHome) {\n funeralHomeInputLabel.innerText = \"Funeral home\";\n funeralHomeInputPending.innerText = \"I have not yet chosen a funeral home\";\n } else if (isGenericProvider) {\n funeralHomeInputLabel.innerText = \"Provider\";\n funeralHomeInputPending.innerText = \"I have not yet chosen a provider\";\n } else {\n funeralHomeInputLabel.innerText = \"Cremation provider\";\n funeralHomeInputPending.innerText = \"I have not yet chosen a cremation provider\";\n }\n };\n\n /**\n * Update disposition method form field visibilities.\n */\n const setDispositionMethodState = () => {\n const nonSelectedDispositionRadios = document.querySelectorAll(\n '[name=\"business_association-disposition_method\"]:not(:checked)',\n );\n const selectedDispositionRadio = document.querySelector(\n '[name=\"business_association-disposition_method\"]:checked',\n );\n\n if (selectedDispositionRadio) {\n const selectedDispositionRadioWrapper =\n selectedDispositionRadio.closest(\".el-radio-btn\");\n nonSelectedDispositionRadios.forEach((nonSelectedDispositionRadio) => {\n const nonSelectedDispositionRadioWrapper =\n nonSelectedDispositionRadio.closest(\".el-radio-btn\");\n nonSelectedDispositionRadioWrapper.classList.add(\"d-none\");\n });\n\n selectedDispositionRadioWrapper.classList.remove(\"d-none\");\n selectedDispositionRadioWrapper\n .querySelector(\".edit-disposition-method\")\n .classList.remove(\"d-none\");\n } else {\n nonSelectedDispositionRadios.forEach((nonSelectedDispositionRadio) => {\n const nonSelectedDispositionRadioWrapper =\n nonSelectedDispositionRadio.closest(\".el-radio-btn\");\n nonSelectedDispositionRadioWrapper.classList.remove(\"d-none\");\n });\n\n editDispositionMethodBtns.forEach((editDispositionMethodBtn) => {\n editDispositionMethodBtn.classList.add(\"d-none\");\n });\n\n // if there's no disposition method, check if user has data for funeral home or\n // cemetery associations (the only field groups that existed before disposition\n // method was added), so we can show it to users who have that data\n updateBusinessAutocomplete(\n props.funeralHomeSearch,\n true,\n props.funeralHomeSearch.businessPlaceholder,\n );\n\n if (\n document.getElementById(props.funeralHomeSearch.businessIdentifierInputId)\n .value ||\n document.getElementById(props.funeralHomeSearch.businessStrInputId).value ||\n document.getElementById(props.funeralHomeSearch.businessPending).checked\n ) {\n toggleFuneralHome(funeralHomeInputGroup, isOnboarding, true);\n }\n\n updateBusinessAutocomplete(\n props.cemeterySearch,\n true,\n props.cemeterySearch.businessPlaceholder,\n );\n\n if (\n document.getElementById(props.cemeterySearch.businessIdentifierInputId).value ||\n document.getElementById(props.cemeterySearch.businessStrInputId).value ||\n document.getElementById(props.cemeterySearch.businessPending).checked\n ) {\n cemeteryInputGroup.classList.remove(\"d-none\");\n }\n }\n };\n\n /**\n * Show the burial-disposition-relevant form fields.\n */\n const showBurialFields = () => {\n toggleFuneralHome(funeralHomeInputGroup, isOnboarding, true);\n cemeteryInputGroup.classList.remove(\"d-none\");\n setTextOfFuneralHomeGroup();\n };\n\n /**\n * Show the cremation-disposition-relevant form fields.\n *\n * @param {boolean} isGenericProvider - if true, the funeral home input group is\n * slightly different to \"Provider\" instead of \"Funeral Home\"\n */\n const showCremationFields = (isGenericProvider = false) => {\n toggleFuneralHome(funeralHomeInputGroup, isOnboarding, true);\n locationTypeInputGroup.classList.remove(\"d-none\");\n setTextOfFuneralHomeGroup(false, false, isGenericProvider);\n locationTypeNoRemains.classList.add(\"d-none\");\n };\n\n /**\n * Show the body-donation-disposition-relevant form fields.\n */\n const showDonationFields = () => {\n donationOrgInputGroup.classList.remove(\"d-none\");\n locationTypeInputGroup.classList.remove(\"d-none\");\n locationTypeNoRemains.classList.remove(\"d-none\");\n };\n\n /**\n * Show the sea-burial-disposition-relevant form fields.\n */\n const showSeaBurialFields = () => {\n toggleFuneralHome(funeralHomeInputGroup, isOnboarding, true);\n seaBurialProviderInputGroup.classList.remove(\"d-none\");\n locationInputGroup.classList.remove(\"d-none\");\n setTextOfFuneralHomeGroup();\n locationInputGroup.querySelector(\".dark-gray-label\").innerText = \"Ocean (Location)\";\n document\n .getElementById(\"id_business_association-remains_location\")\n .setAttribute(\"placeholder\", \"Ex: Pacific ocean\");\n };\n\n /**\n * Show the form fields relevant to the \"other\" disposition method.\n */\n const showOtherFields = () => {\n toggleFuneralHome(funeralHomeInputGroup, isOnboarding, true);\n locationInputGroup.classList.remove(\"d-none\");\n };\n\n // show the funeral home field on initial load & update label\n toggleFuneralHome(funeralHomeInputGroup, isOnboarding, true);\n setTextOfFuneralHomeGroup(null, true);\n\n // click handlers for disposition method radio buttons and edit buttons\n editDispositionMethodBtns.forEach((editDispositionMethodBtn) => {\n editDispositionMethodBtn.addEventListener(\"click\", () => {\n document\n .querySelectorAll(\n '[name=\"business_association-disposition_method\"]:not(:checked)',\n )\n .forEach((nonSelectedDispositionRadio) => {\n nonSelectedDispositionRadio\n .closest(\".el-radio-btn\")\n .classList.remove(\"d-none\");\n });\n editDispositionMethodBtns.forEach((innerEditDispositionMethodBtn) => {\n innerEditDispositionMethodBtn.classList.add(\"d-none\");\n });\n });\n });\n\n document\n .querySelectorAll('[name=\"business_association-disposition_method\"]')\n .forEach((dispositionRadio) => {\n dispositionRadio.addEventListener(\"change\", () => {\n if (dispositionRadio.checked) {\n clearAllBusinessAssociationInputs(props);\n }\n });\n });\n\n // show next fields depending on radio button selection, hide other fields and clear their inputs\n const burialRadio = document.getElementById(\n \"id_business_association-disposition_method_0\",\n );\n burialRadio.addEventListener(\"change\", () => {\n if (burialRadio.checked) {\n businessAssociationInputGroups.forEach((group) => {\n if (![funeralHomeInputGroup, cemeteryInputGroup].includes(group)) {\n group.classList.add(\"d-none\");\n }\n });\n\n showBurialFields();\n updateBusinessAutocomplete(\n props.funeralHomeSearch,\n false,\n props.funeralHomeSearch.businessPlaceholder,\n );\n setDispositionMethodState();\n }\n });\n\n const cremationRadio = document.getElementById(\n \"id_business_association-disposition_method_1\",\n );\n cremationRadio.addEventListener(\"change\", () => {\n if (cremationRadio.checked) {\n businessAssociationInputGroups.forEach((group) => {\n if (![funeralHomeInputGroup, locationTypeInputGroup].includes(group)) {\n group.classList.add(\"d-none\");\n }\n });\n\n showCremationFields();\n setDispositionMethodState();\n }\n });\n\n const donationRadio = document.getElementById(\n \"id_business_association-disposition_method_2\",\n );\n donationRadio.addEventListener(\"change\", () => {\n if (donationRadio.checked) {\n businessAssociationInputGroups.forEach((group) => {\n if (![donationOrgInputGroup, locationTypeInputGroup].includes(group)) {\n group.classList.add(\"d-none\");\n }\n });\n\n showDonationFields();\n setDispositionMethodState();\n }\n });\n\n const seaBurialRadio = document.getElementById(\n \"id_business_association-disposition_method_3\",\n );\n seaBurialRadio.addEventListener(\"change\", () => {\n if (seaBurialRadio.checked) {\n businessAssociationInputGroups.forEach((group) => {\n if (\n ![\n funeralHomeInputGroup,\n seaBurialProviderInputGroup,\n locationTypeInputGroup,\n ].includes(group)\n ) {\n group.classList.add(\"d-none\");\n }\n });\n\n showSeaBurialFields();\n updateBusinessAutocomplete(\n props.funeralHomeSearch,\n false,\n props.funeralHomeSearch.businessPlaceholder,\n );\n setDispositionMethodState();\n }\n });\n\n const naturalOrganicReductionRadio = document.getElementById(\n \"id_business_association-disposition_method_4\",\n );\n naturalOrganicReductionRadio.addEventListener(\"change\", () => {\n if (naturalOrganicReductionRadio.checked) {\n businessAssociationInputGroups.forEach((group) => {\n if (![funeralHomeInputGroup, locationTypeInputGroup].includes(group)) {\n group.classList.add(\"d-none\");\n }\n });\n\n showCremationFields(true);\n setDispositionMethodState();\n }\n });\n\n const liquidCremationRadio = document.getElementById(\n \"id_business_association-disposition_method_5\",\n );\n liquidCremationRadio.addEventListener(\"change\", () => {\n if (liquidCremationRadio.checked) {\n businessAssociationInputGroups.forEach((group) => {\n if (![funeralHomeInputGroup, locationTypeInputGroup].includes(group)) {\n group.classList.add(\"d-none\");\n }\n });\n\n showCremationFields();\n setDispositionMethodState();\n }\n });\n\n const otherRadio = document.getElementById(\n \"id_business_association-disposition_method_6\",\n );\n otherRadio.addEventListener(\"change\", () => {\n if (otherRadio.checked) {\n if (isOnboarding) {\n businessAssociationInputGroups.forEach((group) => {\n if (![funeralHomeInputGroup, locationTypeInputGroup].includes(group)) {\n group.classList.add(\"d-none\");\n }\n });\n } else {\n businessAssociationInputGroups.forEach((group) => {\n if (group !== locationInputGroup) {\n group.classList.add(\"d-none\");\n }\n });\n }\n\n showOtherFields();\n setDispositionMethodState();\n setTextOfFuneralHomeGroup();\n }\n });\n\n const pendingRadio = document.getElementById(\n \"id_business_association-disposition_method_7\",\n );\n pendingRadio.addEventListener(\"change\", () => {\n if (pendingRadio.checked) {\n businessAssociationInputGroups.forEach((group) => {\n if (group !== funeralHomeInputGroup) {\n group.classList.add(\"d-none\");\n }\n });\n\n setDispositionMethodState();\n }\n });\n\n /**\n * Clear the remains-location-relevant inputs.\n */\n const clearLocationInputs = () => {\n remainsLocationField.removeAttribute(\"disabled\");\n remainsLocationField.classList.remove(\"disabled\");\n remainsLocationField.value = \"\";\n\n const locationMetadataInput = document.getElementById(\n \"id_business_association-remains_location_metadata\",\n );\n locationMetadataInput.value = \"{}\";\n\n const locationInputGroupLabel = document.querySelector(\n \".location-input-group .dark-gray-label\",\n );\n locationInputGroupLabel.innerText = \"Location\";\n\n remainsLocationField.setAttribute(\n \"placeholder\",\n \"Ex: 123 Green street, San Francisco, CA\",\n );\n\n const pendingCheckbox = document.getElementById(\n \"id_business_association-remains_location_pending\",\n );\n pendingCheckbox.checked = false;\n };\n\n /**\n * Clear the cemetery-search-related inputs.\n */\n const clearCemeteryInputs = () => {\n const cemeterySearchInput = document.getElementById(\n props.cemeterySearch.businessIdentifierInputId,\n );\n\n if (cemeterySearchInput.tomselect) {\n cemeterySearchInput.tomselect.clear();\n cemeterySearchInput.tomselect.clearOptions();\n cemeterySearchInput.tomselect.enable();\n }\n\n document.getElementById(props.cemeterySearch.businessPending).checked = false;\n };\n\n /**\n * Show next field depending on location type dropdown selection\n *\n * @param {boolean} showInitialValue - if true, show the initial value from props.\n */\n const showLocationTypeFollowupField = (showInitialValue) => {\n if (locationTypeSelect.value === props.remainsLocationTypeCemetery.toString()) {\n cemeteryInputGroup.classList.remove(\"d-none\");\n locationInputGroup.classList.add(\"d-none\");\n\n if (showInitialValue) {\n updateBusinessAutocomplete(\n props.cemeterySearch,\n true,\n props.cemeterySearch.businessPlaceholder,\n );\n } else {\n updateBusinessAutocomplete(\n props.cemeterySearch,\n false,\n props.cemeterySearch.businessPlaceholder,\n );\n }\n } else if (\n locationTypeSelect.value === props.remainsLocationTypeNoRemains.toString() ||\n !locationTypeSelect.value\n ) {\n locationInputGroup.classList.add(\"d-none\");\n cemeteryInputGroup.classList.add(\"d-none\");\n } else if (locationTypeSelect.value) {\n locationInputGroup.classList.remove(\"d-none\");\n cemeteryInputGroup.classList.add(\"d-none\");\n }\n };\n\n locationTypeSelect.addEventListener(\"change\", () => {\n clearLocationInputs();\n clearCemeteryInputs();\n showLocationTypeFollowupField(false);\n });\n\n const remainsLocationTypeCheckbox = document.getElementById(\n \"id_business_association-remains_location_type_pending\",\n );\n const remainsLocationCheckbox = document.getElementById(\n \"id_business_association-remains_location_pending\",\n );\n\n /**\n * Update the remains location form fields' visibility based on other form state.\n */\n const setRemainsLocationTypeState = () => {\n const remainsLocationTypeField = document.getElementById(\n \"id_business_association-remains_location_type\",\n );\n\n if (remainsLocationTypeCheckbox.checked) {\n remainsLocationTypeField.setAttribute(\"disabled\", \"disabled\");\n remainsLocationTypeField.classList.add(\"disabled\");\n locationTypeSelect.value = \"\";\n } else {\n remainsLocationTypeField.removeAttribute(\"disabled\");\n remainsLocationTypeField.classList.remove(\"disabled\");\n showLocationTypeFollowupField(true);\n }\n };\n\n /**\n * Update the remains location state based on the checkbox state.\n */\n const setRemainsLocationState = () => {\n if (remainsLocationCheckbox.checked) {\n remainsLocationField.setAttribute(\"disabled\", \"disabled\");\n remainsLocationField.classList.add(\"disabled\");\n remainsLocationField.value = \"\";\n } else {\n remainsLocationField.removeAttribute(\"disabled\");\n remainsLocationField.classList.remove(\"disabled\");\n }\n };\n\n remainsLocationTypeCheckbox.addEventListener(\"click\", () => {\n setRemainsLocationTypeState();\n clearLocationInputs();\n clearCemeteryInputs();\n showLocationTypeFollowupField(false);\n });\n\n remainsLocationCheckbox.addEventListener(\"click\", () => {\n setRemainsLocationState();\n });\n\n // initial state for display\n setDispositionMethodState();\n\n // Set addSubmitListener to true here as we only want to add the submit event listener\n // during initialization.\n updateBusinessAutocomplete(\n props.funeralHomeSearch,\n true,\n props.funeralHomeSearch.businessPlaceholder,\n true,\n );\n updateBusinessAutocomplete(\n props.cemeterySearch,\n true,\n props.cemeterySearch.businessPlaceholder,\n true,\n );\n updateBusinessAutocomplete(\n props.hospiceSearch,\n true,\n props.hospiceSearch.businessPlaceholder,\n true,\n );\n updateBusinessAutocomplete(\n props.donationOrgSearch,\n true,\n props.donationOrgSearch.businessPlaceholder,\n true,\n );\n updateBusinessAutocomplete(\n props.deathDoulaSearch,\n true,\n props.deathDoulaSearch.businessPlaceholder,\n true,\n );\n updateBusinessAutocomplete(\n props.seaBurialProviderSearch,\n true,\n props.seaBurialProviderSearch.businessPlaceholder,\n true,\n );\n\n setRemainsLocationState();\n\n const selectedDispositionRadio = document.querySelector(\n '[name=\"business_association-disposition_method\"]:checked',\n );\n\n if (selectedDispositionRadio === burialRadio) {\n showBurialFields();\n } else if (selectedDispositionRadio === cremationRadio) {\n showCremationFields();\n setRemainsLocationTypeState();\n } else if (selectedDispositionRadio === donationRadio) {\n showDonationFields();\n setRemainsLocationTypeState();\n } else if (selectedDispositionRadio === seaBurialRadio) {\n showSeaBurialFields();\n } else if (selectedDispositionRadio === naturalOrganicReductionRadio) {\n showCremationFields();\n setRemainsLocationTypeState();\n } else if (selectedDispositionRadio === liquidCremationRadio) {\n showCremationFields();\n setRemainsLocationTypeState();\n } else if (selectedDispositionRadio === otherRadio) {\n showOtherFields();\n }\n\n if (!props.disableReviews) {\n initBusinessReviewSection(props);\n }\n}\n","import flatpickr from \"flatpickr\";\n\nexport default function initDateTimePicker(props) {\n flatpickr(props.element, {\n allowInput: true,\n altFormat: \"l, F j, Y h:i K\",\n altInput: true,\n enableTime: true,\n onChange(selectedDates, dateStr, instance) {\n instance._previousInput = instance._input.value;\n },\n onClose(selectedDates, dateStr, instance) {\n if (\n instance.config.allowInput &&\n instance._input.value &&\n instance._input.value !== instance._previousInput\n ) {\n instance.setDate(instance._input.value, true, instance.config.altFormat);\n }\n },\n onReady(selectedDates, dateStr, instance) {\n instance._previousInput = instance._input.value;\n },\n });\n}\n","import Collapse from \"bootstrap/js/dist/collapse\";\n\nimport initDateTimePicker from \"./DateTimePicker\";\nimport initGoogleAutocomplete from \"./GoogleAutocomplete\";\nimport initParticipantAutocomplete from \"./Participant\";\nimport { initAttendeeFormset } from \"../memorials/rsvps\";\nimport { scrollInMemorialPrivateContentContainer } from \"../memorials/utils\";\nimport { generateElements } from \"../core/utils\";\n\nconst placeholderEventsStatePending =\n \"Example: We're planning a celebration of life sometime in June in Chicago. I'll add more details as soon as we lock down a date.\";\n\n/**\n * Disable the edit events forms when a non-events-public event_state is selected.\n *\n * @param {boolean} disabled - if the forms should be disabled.\n */\nconst setEventsContainerInputsDisabledState = (disabled) => {\n const eventInputContainers = document.querySelectorAll(\".edit-events-container\");\n eventInputContainers.forEach((eventInputContainer) => {\n eventInputContainer\n .querySelectorAll(\"input, textarea, select\")\n .forEach((eventInput) => {\n if (eventInput.tomselect) {\n if (disabled) {\n eventInput.tomselect.disable();\n } else {\n eventInput.tomselect.enable();\n }\n } else {\n eventInput.disabled = disabled;\n }\n });\n });\n};\n\n/**\n * Initialize behavior where if the \"other\" title is focused, the \"other\" event type\n * radio gets selected.\n *\n * @param {number} formCount - the number of forms (which is used as the index of the\n * title input to which to attach the behavior)\n */\nconst addEventTypeOtherFocus = (formCount) => {\n const title = document.getElementById(`id_form-${formCount}-event_type_other_title`);\n const otherInput = title.parentElement.querySelector('[value=\"0\"]');\n title.addEventListener(\"click\", () => {\n otherInput.checked = true;\n });\n};\n\n/**\n * Initialize handling event type selection for an event form.\n *\n * @param {HTMLElement} formContainer - the form-containing element.\n */\nconst attachEventTypeListener = (formContainer) => {\n const eventTypeContainer = formContainer.querySelector(\".event-type\");\n\n /**\n * Handle the event selection -- show and hide the name field, etc.\n */\n const handleEventSelection = () => {\n const selectedEventType = eventTypeContainer.querySelector(\n 'input[type=\"radio\"]:checked',\n );\n const eventName = formContainer.querySelector(\".event-name\");\n if (selectedEventType && eventName) {\n const otherField = document.getElementById(\n `id_${selectedEventType.getAttribute(\"name\")}_other_title`,\n );\n const newTitle =\n selectedEventType.value === \"0\"\n ? otherField.value\n : document.querySelector(\n `label[for=${selectedEventType.getAttribute(\"id\")}] .radio-label-text`,\n ).innerText;\n\n if (newTitle) {\n eventName.innerText = newTitle;\n eventName.classList.remove(\"empty\");\n } else {\n eventName.innerText = \"New Event\";\n eventName.classList.add(\"empty\");\n }\n\n if (selectedEventType.value === \"0\") {\n otherField.setAttribute(\"required\", \"required\");\n } else {\n otherField.removeAttribute(\"required\");\n }\n }\n };\n\n eventTypeContainer.querySelectorAll('input[type=\"radio\"]').forEach((radio) => {\n radio.addEventListener(\"click\", handleEventSelection);\n });\n\n eventTypeContainer\n .querySelector('input[type=\"text\"]')\n .addEventListener(\"input\", handleEventSelection);\n\n handleEventSelection();\n};\n\n/**\n * Initialize the Google places autocomplete behavior for an event form.\n *\n * @param {HTMLInputElement} element - the input to which to attach autocomplete.\n * @param {HTMLInputElement} metadataElement - the metadata element into which to place\n * metadata\n * @param {boolean} alwaysBlockReturnKeySubmit - if true, block return key sending a\n * submit event to the form\n */\nconst addEventLocationAutocomplete = (\n element,\n metadataElement,\n alwaysBlockReturnKeySubmit,\n) => {\n initGoogleAutocomplete({\n element,\n metadataElement,\n options: {\n types: [\"establishment\", \"geocode\"],\n },\n alwaysBlockReturnKeySubmit,\n });\n};\n\n/**\n * Initialize the RSVP limit feature on an event form.\n *\n * @param {HTMLElement} container - the event form container\n */\nconst initRSVPLimitBehavior = (container) => {\n const rsvpsEnabledCheckbox = container.querySelector(\".event-rsvps-enabled-checkbox\");\n const rsvpsLimitContainer = container.querySelector(\".rsvps-limit-container\");\n\n if (!(rsvpsEnabledCheckbox && rsvpsLimitContainer)) {\n return;\n }\n\n const rsvpsLimitContainerCollapse = Collapse.getOrCreateInstance(\n rsvpsLimitContainer,\n { toggle: false },\n );\n const rsvpsLimitCheckbox = container.querySelector(\".event-rsvps-limit-checkbox\");\n const rsvpsLimitFieldContainer = container.querySelector(\n \".rsvps-limit-field-container\",\n );\n const rsvpsLimitField = rsvpsLimitFieldContainer.querySelector('[type=\"number\"]');\n const rsvpsLimitFieldContainerCollapse = Collapse.getOrCreateInstance(\n rsvpsLimitFieldContainer,\n { toggle: false },\n );\n\n /**\n * Update the limit display based on RSVP/limit state.\n */\n const updateRSVPLimitDisplay = () => {\n if (rsvpsEnabledCheckbox.checked) {\n rsvpsLimitContainerCollapse.show();\n } else {\n rsvpsLimitContainerCollapse.hide();\n }\n\n if (rsvpsLimitCheckbox.checked) {\n if (!rsvpsLimitField.value) {\n const minValue = rsvpsLimitField.getAttribute(\"min\");\n if (minValue) {\n rsvpsLimitField.value = Number.parseInt(minValue, 10);\n } else {\n rsvpsLimitField.value = 10;\n }\n }\n\n rsvpsLimitFieldContainerCollapse.show();\n } else {\n rsvpsLimitField.value = null;\n rsvpsLimitFieldContainerCollapse.hide();\n }\n };\n\n rsvpsEnabledCheckbox.addEventListener(\"change\", updateRSVPLimitDisplay);\n rsvpsLimitCheckbox.addEventListener(\"change\", updateRSVPLimitDisplay);\n\n updateRSVPLimitDisplay();\n};\n\n/**\n * Initialize the streaming configuration behavior for an event form.\n *\n * @param {HTMLElement} container - the event form container\n */\nconst initStreamingOptions = (container) => {\n const eventStreamingCheckbox = container.querySelector(\n \".event-stream-enabled-checkbox\",\n );\n const zoomHostingCheckbox = container.querySelector(\".event-zoom-enabled-checkbox\");\n const urlContainer = container.querySelector(\".event-streaming-url-container\");\n const zoomDataContainer = container.querySelector(\".event-zoom-data-container\");\n const eventLocationLabel = container.querySelector(\".event-location-label\");\n\n /**\n * Update the location field label with (optional for streams) as necessary.\n */\n const updateLocationLabel = () => {\n if (eventStreamingCheckbox.checked || zoomHostingCheckbox.checked) {\n if (eventLocationLabel.textContent.indexOf(\" (optional for streams)\") === -1) {\n eventLocationLabel.textContent = eventLocationLabel.textContent.concat(\n \" (optional for streams)\",\n );\n }\n } else {\n eventLocationLabel.textContent = eventLocationLabel.textContent.replace(\n \" (optional for streams)\",\n \"\",\n );\n }\n };\n\n eventStreamingCheckbox.addEventListener(\"click\", (event) => {\n updateLocationLabel();\n if (event.target.checked) {\n urlContainer.classList.remove(\"d-none\");\n } else {\n urlContainer.classList.add(\"d-none\");\n }\n });\n\n zoomHostingCheckbox.addEventListener(\"click\", (event) => {\n updateLocationLabel();\n if (event.target.checked) {\n zoomDataContainer.classList.remove(\"d-none\");\n } else {\n zoomDataContainer.classList.add(\"d-none\");\n }\n });\n};\n\n/**\n * Initialize \"Extra Data\" fields for an event form -- COVID precautions, attachments.\n *\n * @param {HTMLElement} container - the event form container\n * @param {object} props - the page props\n * @returns {Function} - a function to flush selected participants to the JSON field.\n */\nconst initEventExtraData = (container, props) => {\n let flushParticipantData;\n if (container) {\n const showCovid = container.querySelector(\".toggle-covid-precautions\");\n const covidInputs = container.querySelector(\".event-covid-precautions\");\n\n if (showCovid && covidInputs) {\n showCovid.addEventListener(\"click\", () => {\n showCovid.classList.add(\"d-none\");\n covidInputs.classList.remove(\"d-none\");\n });\n }\n\n const covidPrecautionOtherContainer = container.querySelector(\n \".covid-precaution-other-container\",\n );\n if (covidPrecautionOtherContainer) {\n const checkbox = covidPrecautionOtherContainer.querySelector(\n 'input[type=\"checkbox\"]',\n );\n const label = covidPrecautionOtherContainer.querySelector(\n \".covid-precaution-other-label\",\n );\n const field = covidPrecautionOtherContainer.querySelector(\n \".covid-precaution-other-field-container\",\n );\n\n checkbox.addEventListener(\"change\", () => {\n label.classList.toggle(\"d-none\", checkbox.checked);\n field.classList.toggle(\"d-none\", !checkbox.checked);\n\n if (!checkbox.checked) {\n field.querySelector('input[type=\"text\"]').value = \"\";\n }\n });\n }\n\n const attachmentInputContainer = container.querySelector(\n \".program-attachment-field\",\n );\n const attachmentInput = container.querySelector('input[type=\"file\"]');\n const downloadProgramLink = container.querySelector(\".download-program-link\");\n const removeContainer = container.querySelector(\".program-attachment-remove-field\");\n const removeField = container.querySelector(\".remove-program-input\");\n if (attachmentInput) {\n attachmentInput.addEventListener(\"change\", (event) => {\n const { files } = event.currentTarget;\n if (files && files[0]) {\n removeField.value = null;\n removeContainer.classList.remove(\"d-none\");\n }\n });\n }\n\n const programTextCTA = container.querySelector(\".program-text-cta\");\n const programTextContainer = container.querySelector(\".program-text-container\");\n if (programTextCTA && programTextContainer) {\n programTextCTA.addEventListener(\"click\", () => {\n programTextCTA.classList.add(\"d-none\");\n programTextContainer.classList.remove(\"d-none\");\n });\n\n const programTextarea = programTextContainer.querySelector(\"textarea\");\n\n // NOTE: We don't want to import editor here because we don't want any chunks\n // shared between the editor and memorialsPrivate entrypoints. Additionally, we\n // shouldn't use dependOn either as any editor would then need to be loaded\n // anywhere we load memorialsPrivate.\n //\n // So, instead, we just trust that the editor bundle was loaded and is available\n // in window.eljs...\n window.eljs.editor.initEditor({\n editor: {\n customButtons: [\"h2\", \"h3\"],\n inputId: programTextarea.id,\n inputContainerSelector: \".program-text-container\",\n templates: null,\n templatesContainerSelector: null,\n },\n userMention: props.userMention,\n });\n }\n\n const speakersContainer = container.querySelector(\".participants-input\");\n if (speakersContainer) {\n const participants = speakersContainer.querySelector(\"select\");\n const participantsJson = speakersContainer.querySelector('input[type=\"hidden\"]');\n\n const participantAutocompleteProps = {\n participantsInitialAutocompleteData:\n props.participantsInitialAutocompleteDataByEvent[container.dataset.uuid],\n participantsInputIds: {\n participants: participants.id,\n participantsJson: participantsJson.id,\n },\n userMention: props.userMention,\n };\n\n flushParticipantData = initParticipantAutocomplete(participantAutocompleteProps);\n }\n\n if (removeContainer) {\n const removeLink = removeContainer.querySelector(\".remove-program-attachment\");\n removeLink.addEventListener(\"click\", () => {\n if (attachmentInput) {\n attachmentInput.value = null;\n }\n\n if (removeField) {\n removeField.value = true;\n }\n\n if (downloadProgramLink) {\n downloadProgramLink.classList.add(\"d-none\");\n }\n\n removeContainer.classList.add(\"d-none\");\n attachmentInputContainer.classList.remove(\"d-none\");\n });\n }\n }\n\n return flushParticipantData;\n};\n\n/**\n * Expand the RSVPs container\n *\n * @param {HTMLElement} triggeringElement - the element triggering the showing of RSVPs container.\n * @param {boolean} scrollToDetails - if true, scroll to the RSVP details.\n */\nconst expandRSVPs = (triggeringElement, scrollToDetails = false) => {\n const rsvpsContainer =\n triggeringElement.parentElement.parentElement.querySelector(\".rsvps-details\");\n triggeringElement.classList.add(\"d-none\");\n rsvpsContainer.classList.remove(\"d-none\");\n\n if (scrollToDetails) {\n scrollInMemorialPrivateContentContainer(rsvpsContainer, -340);\n }\n};\n\n/**\n * Initialize the edit events page. Formset management, initializing copious features\n * on each form, and probably more.\n *\n * @param {object} props - the page props\n * @param {Array
} deleteEventCallbacks - an array of callback functions to\n * call when an event is deleted\n */\nexport function initEditEvents(props, deleteEventCallbacks) {\n // Placeholders need to be initialized for event state note fields\n const placeholderEventsStateNotHappening = `Example: ${props.memorialFirstName} did not want a funeral service, but we appreciate all the love and support and encourage everyone to share their favorite memories of ${props.memorialFirstName} on this memorial website.`;\n const placeholderEventsStatePrivate = `Example: ${props.memorialFirstName} requested a small service with immediate family only, but we appreciate everyone's love and support and encourage everyone to share their favorite memories of ${props.memorialFirstName} on this memorial website.`;\n const changeTimezoneContainer = document.querySelector(\".change-timezone-container\");\n const bottomSubmitRow = document.querySelector(\".bottom-submit-row\");\n const topSubmitRow = document.querySelector(\".top-submit-row\");\n\n if (props.eventsState === props.eventsStatePublic) {\n setEventsContainerInputsDisabledState(false);\n } else {\n setEventsContainerInputsDisabledState(true);\n }\n\n const nonPublicEventStateReasonField = document.querySelector(\n \".events-state-non-public .other-reason\",\n );\n let eventsNote = \"\";\n if (nonPublicEventStateReasonField) {\n if (props.eventsState === props.eventsStatePrivate) {\n nonPublicEventStateReasonField.setAttribute(\n \"placeholder\",\n placeholderEventsStatePrivate,\n );\n } else if (props.eventsState === props.eventsStateNotHappening) {\n nonPublicEventStateReasonField.setAttribute(\n \"placeholder\",\n placeholderEventsStateNotHappening,\n );\n } else if (props.eventsState === props.eventsStatePending) {\n nonPublicEventStateReasonField.setAttribute(\n \"placeholder\",\n placeholderEventsStatePending,\n );\n }\n\n // we need to preserve the event state note toggles, so let's keep that here\n eventsNote = nonPublicEventStateReasonField.value;\n }\n\n const privateEventStreamCheckbox = document.querySelector(\n '.private-event-stream input[type=\"checkbox\"]',\n );\n const streamEntryField = document.querySelector(\n \".private-event-stream .stream-entry\",\n );\n if (privateEventStreamCheckbox && streamEntryField) {\n privateEventStreamCheckbox.addEventListener(\"change\", (event) => {\n streamEntryField.classList.toggle(\"d-none\", !event.target.checked);\n });\n }\n\n const privateEventZoomCheckbox = document.querySelector(\n '.private-event-zoom input[type=\"checkbox\"]',\n );\n const privateEventZoomDataContainer = document.querySelector(\n \".private-event-zoom .event-zoom-data-container\",\n );\n\n if (privateEventZoomCheckbox && privateEventZoomDataContainer) {\n privateEventZoomCheckbox.addEventListener(\"change\", (event) => {\n privateEventZoomDataContainer.classList.toggle(\"d-none\", !event.target.checked);\n });\n }\n\n document\n .querySelectorAll('.event-state-selection-wrapper input[type=\"radio\"]')\n .forEach((stateRadio) => {\n stateRadio.addEventListener(\"change\", (event) => {\n const selectedRadio = event.target;\n\n // when toggling between radio buttons, we want to display a warning that events\n // related to this memorial will be deleted if moving from a public event state with\n // events to a non public or pending state\n if (\n props.eventsState === props.eventsStatePublic &&\n selectedRadio.value !== `${props.eventsStatePublic}`\n ) {\n document.querySelector(\".event-delete-warning\").classList.remove(\"d-none\");\n }\n\n setEventsContainerInputsDisabledState(\n selectedRadio.value !== `${props.eventsStatePublic}`,\n );\n\n document\n .querySelectorAll(\n \".events-state-non-public .private-event-stream, .events-state-non-public .private-event-zoom\",\n )\n .forEach((streamOption) => {\n streamOption.classList.toggle(\n \"d-none\",\n selectedRadio.value !== `${props.eventsStatePrivate}`,\n );\n });\n\n const otherReason = document.querySelector(\n \".events-state-non-public .other-reason\",\n );\n if (selectedRadio.value === `${props.eventsStatePublic}`) {\n // if we are toggling to make the memorial event state public, we should\n // toggle the appropriate cards on and off and hide the event deletion warning.\n document\n .querySelectorAll(\n \".events-state-non-public, .events-state-pending, .events-state-no-info, .event-delete-warning\",\n )\n .forEach((toHide) => {\n toHide.classList.add(\"d-none\");\n });\n document\n .querySelectorAll(\".edit-events-containers, .add-event-container\")\n .forEach((toShow) => {\n toShow.classList.remove(\"d-none\");\n });\n\n if (topSubmitRow) {\n topSubmitRow.classList.add(\"d-none\");\n }\n\n if (bottomSubmitRow) {\n bottomSubmitRow.classList.remove(\"d-none\");\n }\n\n const totalFormCount = document.querySelectorAll(\n \".edit-events-containers .edit-events-container\",\n ).length;\n document\n .querySelectorAll(\".remove-event\")\n .forEach((removeButton) =>\n removeButton.classList.toggle(\"d-none\", totalFormCount <= 1),\n );\n\n if (!props.hideTimezone) {\n changeTimezoneContainer.classList.remove(\"d-none\");\n }\n } else if (\n [`${props.eventsStatePrivate}`, `${props.eventsStateNotHappening}`].includes(\n selectedRadio.value,\n )\n ) {\n if (selectedRadio.value === `${props.eventsStatePrivate}`) {\n otherReason.setAttribute(\"placeholder\", placeholderEventsStatePrivate);\n otherReason.value =\n props.eventsState === props.eventsStatePrivate && eventsNote\n ? eventsNote\n : \"\";\n } else {\n otherReason.setAttribute(\"placeholder\", placeholderEventsStateNotHappening);\n otherReason.value =\n props.eventsState === props.eventsStateNotHappening && eventsNote\n ? eventsNote\n : \"\";\n }\n\n document\n .querySelectorAll(\n \".edit-events-containers, .add-event-container, .events-state-pending, .events-state-no-info\",\n )\n .forEach((toHide) => toHide.classList.add(\"d-none\"));\n document.querySelector(\".events-state-non-public\").classList.remove(\"d-none\");\n\n if (topSubmitRow) {\n topSubmitRow.classList.remove(\"d-none\");\n }\n\n if (bottomSubmitRow) {\n bottomSubmitRow.classList.add(\"d-none\");\n }\n\n if (!props.hideTimezone) {\n changeTimezoneContainer.classList.add(\"d-none\");\n }\n } else if (selectedRadio.value === `${props.eventsStatePending}`) {\n otherReason.setAttribute(\"placeholder\", placeholderEventsStatePending);\n otherReason.value =\n props.eventsState === props.eventsStatePending && eventsNote\n ? eventsNote\n : \"\";\n\n // toggle the appropriate containers for the pending state when clicking on the pending\n // radio button\n document\n .querySelectorAll(\n \".edit-events-containers, .add-event-container, .events-state-no-info, .private-event-stream, .private-event-zoom\",\n )\n .forEach((toHide) => toHide.classList.add(\"d-none\"));\n document\n .querySelectorAll(\".events-state-pending, .events-state-non-public\")\n .forEach((toShow) => toShow.classList.remove(\"d-none\"));\n\n if (topSubmitRow) {\n topSubmitRow.classList.remove(\"d-none\");\n }\n\n if (bottomSubmitRow) {\n bottomSubmitRow.classList.add(\"d-none\");\n }\n\n if (!props.hideTimezone) {\n changeTimezoneContainer.classList.add(\"d-none\");\n }\n } else if (selectedRadio.value === `${props.eventsStateNoInfo}`) {\n // toggle the appropriate containers for the \"no information\" when clicking on the pending\n // radio button\n document\n .querySelectorAll(\n \".edit-events-containers, .add-event-container, .events-state-non-public, .events-state-pending\",\n )\n .forEach((toHide) => toHide.classList.add(\"d-none\"));\n document.querySelector(\".events-state-no-info\").classList.add(\"d-none\");\n\n if (topSubmitRow) {\n topSubmitRow.classList.remove(\"d-none\");\n }\n\n if (bottomSubmitRow) {\n bottomSubmitRow.classList.add(\"d-none\");\n }\n\n if (!props.hideTimezone) {\n changeTimezoneContainer.classList.add(\"d-none\");\n }\n }\n });\n });\n\n document.querySelectorAll(\".datetime-input\").forEach((datetimeInputElement) => {\n initDateTimePicker({ element: datetimeInputElement });\n\n // Listen for clearing of the input field. If this is the case then we want to make\n // the hidden DateTimePicker input field have a cleared value in case we want to\n // edit an event and remove an end date.\n const pickerInput = datetimeInputElement.nextElementSibling;\n pickerInput.addEventListener(\"input\", () => {\n if (!pickerInput.value) {\n datetimeInputElement.value = \"\";\n }\n });\n });\n\n const deleteCallbacks = Array.from(\n document.querySelectorAll(\".edit-events-container\"),\n )\n .map((container) => {\n initStreamingOptions(container);\n initRSVPLimitBehavior(container);\n return initEventExtraData(container, props);\n })\n .filter((callback) => callback);\n deleteEventCallbacks = [...deleteEventCallbacks, ...deleteCallbacks];\n\n document.querySelectorAll(\".remove-event a\").forEach((removeEventAnchor) => {\n removeEventAnchor.addEventListener(\"click\", (event) => {\n const idField = removeEventAnchor\n .closest(\".edit-events-container\")\n .querySelector('input[type=\"hidden\"]');\n if (idField && idField.value) {\n if (window.confirm(\"Are you sure you want to delete this event?\")) {\n if (deleteEventCallbacks.length >= 1) {\n deleteEventCallbacks.forEach((cb) => cb());\n }\n\n const form = removeEventAnchor.closest(\"form\");\n const toDelete = event.currentTarget.previousElementSibling;\n toDelete.checked = true;\n form.setAttribute(\"data-dirty-track-is-submitting\", \"1\");\n form.action = \"?dr=1&edit-events=1\";\n form.submit();\n }\n }\n });\n });\n\n const showRSVPs = document.querySelectorAll(\".show-rsvps\");\n showRSVPs.forEach((element) => {\n element.addEventListener(\"click\", () => {\n expandRSVPs(element);\n });\n });\n\n if (props.attendeeFormsetProps) {\n Object.keys(props.attendeeFormsetProps).forEach((eventUUID) => {\n const formsetProps = props.attendeeFormsetProps[eventUUID];\n initAttendeeFormset(eventUUID, formsetProps);\n });\n }\n}\n\n// NOTE: This function used to be run from a callback function from the Google Maps API\n// before we switched to async/await; hence the name.\nexport function initEditEventsOnLoad(props, deleteEventCallbacks) {\n const inputElements = document.getElementsByClassName(\"location-autocomplete\");\n let { totalFormCount } = props;\n const totalFormCountInput = document.getElementById(\"id_form-TOTAL_FORMS\");\n totalFormCountInput.value = totalFormCount;\n const bottomSubmitRow = document.querySelector(\".bottom-submit-row\");\n\n for (let i = 0; i < inputElements.length; i += 1) {\n addEventLocationAutocomplete(\n inputElements[i],\n document.getElementById(`id_form-${i}-location_metadata`),\n );\n addEventTypeOtherFocus(i);\n }\n\n const resequenceForms = (removedIdFormField) => {\n // Given the ID form field from the form we've removed, iterate over remaining forms\n // to ensure their index sequence in the formset is coalesced.\n const formIdRegex = /form-([0-9]+)-[A-Za-z_]+/;\n const removedIndex = parseInt(\n removedIdFormField.getAttribute(\"name\").match(formIdRegex)[1],\n 10,\n );\n if (removedIndex < parseInt(totalFormCountInput.value, 10)) {\n document.querySelectorAll(\".edit-events-container\").forEach((_container) => {\n const containerIndex = parseInt(\n _container\n .querySelector('input[type=\"hidden\"]')\n .getAttribute(\"name\")\n .match(formIdRegex)[1],\n 10,\n );\n if (containerIndex > removedIndex) {\n _container.querySelectorAll(\"input\").forEach((input) => {\n if (input.name.includes(`-${containerIndex}-`)) {\n input.setAttribute(\n \"name\",\n input\n .getAttribute(\"name\")\n .replace(`-${containerIndex}-`, `-${containerIndex - 1}-`),\n );\n input.setAttribute(\n \"id\",\n input\n .getAttribute(\"id\")\n .replace(`-${containerIndex}-`, `-${containerIndex - 1}-`),\n );\n }\n });\n\n _container.querySelectorAll(\"label\").forEach((label) => {\n if (label.getAttribute(\"for\").includes(`-${containerIndex}-`)) {\n label.setAttribute(\n \"for\",\n label\n .getAttribute(\"for\")\n .replace(`-${containerIndex}-`, `-${containerIndex - 1}-`),\n );\n }\n });\n }\n });\n }\n\n document\n .querySelectorAll(\".remove-event\")\n .forEach((removeButton) =>\n removeButton.classList.toggle(\"d-none\", totalFormCount <= 1),\n );\n };\n\n // For every form _currently_ loaded, if there's no instance ID, we need to handle\n // the remove event appropriately, which includes\n document.querySelectorAll(\".edit-events-container\").forEach((container) => {\n const idFormField = container.querySelector('input[type=\"hidden\"]');\n if (idFormField && !idFormField.value) {\n container.querySelectorAll(\".remove-event a\").forEach((removeAnchor) =>\n removeAnchor.addEventListener(\"click\", () => {\n if (deleteEventCallbacks.length >= 1) {\n deleteEventCallbacks.forEach((cb) => cb());\n }\n removeAnchor.closest(\".edit-events-container\").remove();\n totalFormCount -= 1;\n totalFormCountInput.value = totalFormCount;\n resequenceForms(idFormField);\n }),\n );\n }\n\n attachEventTypeListener(container);\n });\n\n document.querySelectorAll(\".add-event-button\").forEach((addEventButton) =>\n addEventButton.addEventListener(\"click\", () => {\n totalFormCount += 1;\n const newForm = props.emptyForm.replace(/__prefix__/g, totalFormCount - 1);\n const formElements = [...generateElements(newForm)];\n const eventFormsContainer = document.querySelector(\".edit-events-containers\");\n\n eventFormsContainer.append(...formElements);\n\n const eventForm = formElements[0];\n\n document\n .querySelectorAll(\".remove-event\")\n .forEach((removeButton) =>\n removeButton.classList.toggle(\"d-none\", totalFormCount <= 1),\n );\n\n totalFormCountInput.value = totalFormCount;\n\n const eventExtraDataCallback = initEventExtraData(\n eventFormsContainer.querySelector(\".edit-events-container:last-of-type\"),\n props,\n );\n if (typeof eventExtraDataCallback !== \"undefined\") {\n deleteEventCallbacks.push(eventExtraDataCallback);\n }\n\n eventForm.querySelectorAll(\".remove-event a\").forEach((removeButton) =>\n removeButton.addEventListener(\"click\", () => {\n if (deleteEventCallbacks.length >= 1) {\n deleteEventCallbacks.forEach((cb) => cb());\n }\n\n const container = removeButton.closest(\".edit-events-container\");\n attachEventTypeListener(container);\n const idFormField = container.querySelector('input[type=\"hidden\"]');\n\n if (idFormField && !idFormField.value) {\n container.remove();\n totalFormCount -= 1;\n totalFormCountInput.value = totalFormCount;\n resequenceForms(idFormField);\n }\n }),\n );\n\n const elementMetadataId = document.getElementById(\n `id_form-${totalFormCount - 1}-location_metadata`,\n );\n addEventLocationAutocomplete(\n inputElements[totalFormCount - 1],\n elementMetadataId,\n true,\n );\n initDateTimePicker({ element: `#id_form-${totalFormCount - 1}-start` });\n initDateTimePicker({ element: `#id_form-${totalFormCount - 1}-end` });\n initRSVPLimitBehavior(eventForm);\n initStreamingOptions(eventForm);\n attachEventTypeListener(eventForm);\n addEventTypeOtherFocus(totalFormCount - 1);\n\n if (bottomSubmitRow) {\n bottomSubmitRow.classList.remove(\"d-none\");\n }\n }),\n );\n\n const searchParams = new URLSearchParams(window.location.search);\n const expandEventRSVPS = searchParams.get(\"expand-rsvp-details\");\n if (expandEventRSVPS) {\n const eventContainer = document.querySelector(\n `.edit-events-container[data-uuid='${expandEventRSVPS}']`,\n );\n const expandElement = eventContainer.querySelector(\".show-rsvps\");\n if (expandElement) {\n expandRSVPs(expandElement, true);\n }\n }\n}\n","import Modal from \"bootstrap/js/dist/modal\";\nimport { sendBrowserAgnosticEvent } from \"../core/utils\";\n\nexport default class StockPhotoModal {\n constructor(root, onSelected) {\n this.root = root;\n this.rootModal = Modal.getOrCreateInstance(root);\n\n this.selectedStockPhotos = [];\n this.desiredCount = null;\n\n this.confirmSelection = this.root.querySelector(\".confirm-selection\");\n this.cancelSelection = this.root.querySelector(\".cancel-selection\");\n\n document.body.addEventListener(\"htmx:afterSettle\", (evt) => {\n if (evt.detail.elt.classList.contains(\"stock-photo-browser\")) {\n evt.detail.elt.querySelectorAll(\".stock-photo\").forEach((photo) => {\n photo.addEventListener(\"click\", () => {\n this.togglePhoto(photo);\n });\n });\n\n this.updateSelected();\n }\n });\n\n this.confirmSelection.addEventListener(\"click\", () => {\n onSelected(this.selectedStockPhotos);\n this.rootModal.hide();\n });\n\n this.cancelSelection.addEventListener(\"click\", () => {\n onSelected([]);\n this.rootModal.hide();\n });\n }\n\n show(alreadySelectedStockPhotos = null, desiredCount = null) {\n if (desiredCount) {\n this.desiredCount = alreadySelectedStockPhotos\n ? alreadySelectedStockPhotos.length + desiredCount\n : null;\n } else {\n this.desiredCount = null;\n }\n\n this.selectedStockPhotos = alreadySelectedStockPhotos || [];\n\n const browserContainer = this.root.querySelector(\".stock-photo-browser\");\n if (browserContainer) {\n sendBrowserAgnosticEvent(browserContainer, \"loadStockPhotos\");\n }\n\n this.rootModal.show();\n }\n\n togglePhoto(photoElement) {\n const { hashid, thumbnailUrl } = photoElement.dataset;\n\n const filteredPhotos = this.selectedStockPhotos.filter(\n (sp) => sp.hashid !== hashid,\n );\n\n if (filteredPhotos.length === this.selectedStockPhotos.length) {\n this.selectedStockPhotos.push({ hashid, thumbnailUrl });\n } else {\n this.selectedStockPhotos = filteredPhotos;\n }\n\n this.updateSelected();\n }\n\n updateSelected() {\n const selectedPhotosContainer = this.root.querySelector(\".selected-photos\");\n\n if (selectedPhotosContainer) {\n // Clear.\n while (selectedPhotosContainer.firstChild) {\n selectedPhotosContainer.removeChild(selectedPhotosContainer.lastChild);\n }\n\n selectedPhotosContainer.append(\n ...this.selectedStockPhotos.map((photoData) => {\n const photo = document.createElement(\"img\");\n photo.setAttribute(\"src\", photoData.thumbnailUrl);\n\n const div = document.createElement(\"div\");\n div.classList.add(\"ratio\", \"ratio-4x3\");\n div.dataset.hashid = photoData.hashid;\n div.dataset.thumbnailUrl = photoData.thumbnailUrl;\n div.append(photo);\n\n const remove = document.createElement(\"a\");\n remove.setAttribute(\"href\", \"javascript:;\");\n remove.innerText = \"-\";\n div.append(remove);\n\n const container = document.createElement(\"div\");\n container.append(div);\n\n return container;\n }),\n );\n\n const selectedHashids = this.selectedStockPhotos.map(\n (photoData) => photoData.hashid,\n );\n\n this.root.querySelectorAll(\".stock-photo\").forEach((stockPhoto) => {\n stockPhoto.classList.toggle(\n \"selected\",\n selectedHashids.includes(stockPhoto.dataset.hashid),\n );\n });\n\n const browserContainer = this.root.querySelector(\".stock-photo-browser\");\n browserContainer.classList.remove(\"full-selection\");\n\n if (this.selectedStockPhotos.length > 0) {\n this.confirmSelection.innerText = \"Confirm Selection\";\n this.confirmSelection.removeAttribute(\"disabled\");\n this.confirmSelection.classList.remove(\"disabled\");\n } else {\n this.confirmSelection.innerText = \"Select Photos\";\n this.confirmSelection.setAttribute(\"disabled\", \"disabled\");\n this.confirmSelection.classList.add(\"disabled\");\n }\n }\n\n if (this.desiredCount) {\n const desiredCountLabel = this.root.querySelector(\".desired-count-label\");\n if (desiredCountLabel) {\n const remaining = this.desiredCount - this.selectedStockPhotos.length;\n desiredCountLabel.classList.toggle(\"d-none\", !remaining);\n if (remaining > 0) {\n desiredCountLabel.innerText = `You can select ${remaining} more stock photo${remaining === 1 ? \"\" : \"s\"}.`;\n } else {\n desiredCountLabel.innerText = `You have selected ${Math.abs(remaining)} too many stock photos.`;\n }\n }\n }\n }\n}\n","import Cropper from \"cropperjs\";\nimport Modal from \"bootstrap/js/dist/modal\";\nimport { SocialPhotoImporter, SocialSource } from \"./SocialPhotoImporter\";\nimport StockPhotoModal from \"./StockPhotoModal\";\nimport { sendBrowserAgnosticEvent } from \"../core/utils\";\nimport { postMultipartWithProgress } from \"../memorials/utils\";\n\nconst MAX_PHOTOS = 8;\nconst CROPPER_OPTIONS = {\n aspectRatio: 4 / 3,\n autoCrop: true,\n autoCropArea: 0.8,\n viewMode: 0,\n cropBoxMovable: false,\n cropBoxResizable: false,\n dragMode: \"move\",\n minCropBoxWidth: 200,\n minCropBoxHeight: 150,\n minCanvasHeight: 150,\n zoomOnWheel: true,\n};\n\n/**\n * Verify that the type provided matches the accept attribute provided.\n *\n * @param {string} type - the type to test\n * @param {string} accept - the accept attribute value to test against\n * @returns {boolean} - true if the type matches the accept\n */\nconst verifyAccept = (type, accept) => {\n const allowed = accept.split(\",\").map((x) => x.trim());\n return allowed.includes(type) || allowed.includes(`${type.split(\"/\")[0]}/*`);\n};\n\nexport default class DeceasedPhotoUploader {\n constructor(props) {\n this.isOnboarding = props.isOnboarding;\n this.container = document.getElementById(\"deceased-photo-modal\");\n\n this.socialImporter = new SocialPhotoImporter(\n document.getElementById(\"social-photo-importer\"),\n (photos) => {\n this.onSocialPhotosSelected(photos);\n },\n MAX_PHOTOS,\n );\n\n const stockPhotoRoot = document.getElementById(\"stock-photo-importer\");\n if (stockPhotoRoot) {\n this.stockPhotoModal = new StockPhotoModal(stockPhotoRoot, (stockPhotoData) => {\n this.stockPhotosSelected(stockPhotoData);\n });\n }\n\n this.isSelectingPhotos = true;\n this.isInExternalPhotoSelection = false;\n\n this.ingestionOptionsModal = document.getElementById(\"photo-ingestion-modal\");\n this.fileInput = this.container.querySelector('input[type=\"file\"]');\n this.fileInput.addEventListener(\"change\", () => {\n this.filesSelected(this.fileInput.files);\n });\n\n this.selectPhotosButton = this.ingestionOptionsModal.querySelector(\n \".ingestion-option.upload\",\n );\n this.selectPhotosButton.addEventListener(\"click\", () => {\n this.fileInput.click();\n });\n\n this.importFromFacebookButton = this.ingestionOptionsModal.querySelector(\n \".ingestion-option.facebook\",\n );\n if (this.importFromFacebookButton) {\n this.importFromFacebookButton.addEventListener(\"click\", () => {\n this.isInExternalPhotoSelection = true;\n this.render();\n\n this.socialImporter.show(SocialSource.FACEBOOK);\n });\n }\n\n this.importFromEverLovedButton = this.ingestionOptionsModal.querySelector(\n \".ingestion-option.stock-photos\",\n );\n if (this.importFromEverLovedButton) {\n this.importFromEverLovedButton.addEventListener(\"click\", () => {\n this.isInExternalPhotoSelection = true;\n this.render();\n this.stockPhotoModal.show(\n this.photos\n .filter((p) => p.hashid)\n .map((p) => ({ thumbnailUrl: p.url, hashid: p.hashid })),\n this.collageSize - this.photos.length,\n );\n });\n }\n\n this.layoutFrame = this.container.querySelector(\".layout-frame\");\n this.layoutFrame.addEventListener(\"click\", (e) => {\n // We are clicking a layout-selector element.\n const layoutSelector = e.target.closest(\".layout-selector\");\n if (layoutSelector !== null) {\n this.collageSize = parseInt(layoutSelector.dataset.layoutSize, 10);\n this.isSelectingLayout = false;\n this.isSelectingPhotos = this.photos.length === 0;\n\n this.render();\n }\n });\n\n this.filterFrame = this.container.querySelector(\".filter-frame\");\n this.filterFinishedButton = this.filterFrame.querySelector(\".filter-finished\");\n this.filterFinishedButton.addEventListener(\"click\", () => {\n // Filtering should be done at this point, so we just need to trigger a render\n // so that it moves to the preview frame.\n this.isFiltering = false;\n this.render();\n });\n\n this.previewFrame = this.container.querySelector(\".preview-frame\");\n\n this.existingPhotos = props.existingPhotos || [];\n this.photos = this.existingPhotos.slice();\n\n this.cropperData = {};\n\n this.isShowing = false;\n\n this.saveButton = this.previewFrame.querySelector(\".save-photos-btn\");\n this.saveButton.addEventListener(\"click\", () => {\n if (!this.saveButton.disabled) {\n this.uploadPhotos();\n }\n });\n this.onPhotosUpdated = props.onPhotosUpdated;\n\n this.uploadUrl = props.uploadUrl;\n this.uploadExtraParams = {\n is_onboarding: props.isOnboarding,\n fundraising_purpose: props.fundraisingPurpose,\n };\n\n this.uploadOverlay = this.container.querySelector(\".upload-overlay\");\n\n this.nextUrl = props.nextUrl;\n\n const cancelButton = this.container.querySelector(\".cancel-photo-selection\");\n cancelButton.addEventListener(\"click\", () => {\n this.photos = this.existingPhotos;\n this.cropperData = {};\n const previewPhotosContainer = this.previewFrame.querySelector(\".preview-photos\");\n\n while (previewPhotosContainer.hasChildNodes()) {\n previewPhotosContainer.removeChild(previewPhotosContainer.lastChild);\n }\n\n this.hide();\n });\n\n this.collageSize = null;\n\n this.incompleteWarning = this.previewFrame.querySelector(\".incomplete-warning\");\n this.incompleteWarning.classList.toggle(\"d-none\", this.isOnboarding);\n\n this.incompleteWarning\n .querySelector(\".invoke-stock-photo-selector\")\n .addEventListener(\"click\", () => {\n this.isSelectingPhotos = true;\n this.isInExternalPhotoSelection = true;\n this.render();\n this.stockPhotoModal.show(\n this.photos\n .filter((p) => p.hashid)\n .map((p) => ({ thumbnailUrl: p.url, hashid: p.hashid })),\n );\n });\n\n this.previewFrame\n .querySelector(\".select-different-layout\")\n .addEventListener(\"click\", () => {\n this.collageSize = null;\n this.isSelectingLayout = true;\n this.isSelectingPhotos = false;\n\n if (this.socialImporter.activeImporter) {\n this.socialImporter.reset();\n }\n\n this.render();\n });\n\n this.previewFrame.querySelector(\".upload-photo\").addEventListener(\"click\", () => {\n this.startSelectPhotos();\n });\n }\n\n /**\n * Show the uploader.\n *\n * @param {boolean} [overrideSelectingPhotos] - if true, then autoprogress the render\n * state to be isSelectingPhotos=true\n */\n show(overrideSelectingPhotos = false) {\n this.isShowing = true;\n this.isInExternalPhotoSelection = false;\n\n this.isSelectingLayout = this.collageSize === null;\n this.isSelectingPhotos =\n (this.photos.length === 0 || overrideSelectingPhotos) && !this.isSelectingLayout;\n\n if (this.socialImporter.activeImporter) {\n this.socialImporter.reset();\n }\n\n this.render();\n }\n\n /**\n * Hide the uploader.\n */\n hide() {\n this.isShowing = false;\n this.isSelectingLayout = false;\n this.isSelectingPhotos = false;\n this.isInExternalPhotoSelection = false;\n this.collageSize = null;\n\n if (this.socialImporter.activeImporter) {\n this.socialImporter.reset();\n }\n\n this.render();\n }\n\n /**\n * Make a render passed based on our state.\n */\n render() {\n const modal = Modal.getOrCreateInstance(this.container);\n const socialOptionsModal = Modal.getOrCreateInstance(this.ingestionOptionsModal);\n\n const previewPhotosContainer = this.previewFrame.querySelector(\".preview-photos\");\n if (previewPhotosContainer) {\n previewPhotosContainer.dataset.collageSize = this.collageSize;\n\n if (this.isOnboarding) {\n previewPhotosContainer.classList.add(\"onboarding\");\n }\n }\n\n this.container.querySelectorAll(\".layout-size\").forEach((span) => {\n span.innerText = `${this.collageSize}`;\n });\n\n if (this.isShowing) {\n if (this.isSelectingPhotos) {\n if (this.isInExternalPhotoSelection) {\n modal.hide();\n socialOptionsModal.hide();\n } else {\n modal.hide();\n socialOptionsModal.show();\n }\n } else {\n modal.show();\n socialOptionsModal.hide();\n\n if (this.isSelectingLayout) {\n this.filterFrame.classList.add(\"d-none\");\n this.previewFrame.classList.add(\"d-none\");\n this.layoutFrame.classList.remove(\"d-none\");\n this.renderLayoutFrame();\n } else if (!this.photos.length && !this.existingPhotos.length) {\n this.filterFrame.classList.add(\"d-none\");\n this.previewFrame.classList.add(\"d-none\");\n this.layoutFrame.classList.add(\"d-none\");\n } else if (this.collageSize !== null && this.photos.length > this.collageSize) {\n this.filterFrame.classList.remove(\"d-none\");\n this.previewFrame.classList.add(\"d-none\");\n this.layoutFrame.classList.add(\"d-none\");\n this.isFiltering = true;\n this.renderFilterFrame();\n } else {\n this.filterFrame.classList.add(\"d-none\");\n this.previewFrame.classList.remove(\"d-none\");\n this.layoutFrame.classList.add(\"d-none\");\n this.renderPreviewFrame();\n }\n }\n } else {\n modal.hide();\n socialOptionsModal.hide();\n this.isFiltering = false;\n }\n }\n\n /**\n * Called when stock photos have been selected.\n *\n * @param {Array} stockPhotosData - an array of stock photo data objects\n */\n stockPhotosSelected(stockPhotosData) {\n stockPhotosData.forEach((stockPhoto) => {\n if (this.photos.filter((f) => f.hashid === stockPhoto.hashid).length === 0) {\n this.photos.push(stockPhoto);\n }\n });\n\n if (this.photos.length) {\n this.isSelectingPhotos = false;\n }\n\n this.render();\n }\n\n /**\n * Called when uploadable files have been selected.\n *\n * @param {FileList} files - the FileList from the HTMLFileInputElement.\n */\n filesSelected(files) {\n // Push onto state but don't allow duplicates.\n Array.from(files).forEach((file) => {\n if (\n this.photos.filter(\n (v) => (v instanceof File || v.isFromSocial) && v.name === file.name,\n ).length === 0\n ) {\n if (verifyAccept(file.type, this.fileInput.getAttribute(\"accept\"))) {\n this.photos.push(file);\n } else {\n alert(`Photo ${file.name} is an invalid file type.`);\n }\n } else {\n alert(\n \"This photo has already been selected. Please do not attempt to upload the same photo twice.\",\n );\n }\n });\n\n if (this.photos.length) {\n this.isSelectingPhotos = false;\n }\n\n this.render();\n\n this.fileInput.value = null;\n }\n\n /**\n * Render the layout-selector frame of the uploader modal.\n */\n renderLayoutFrame() {\n sendBrowserAgnosticEvent(\n this.layoutFrame.querySelector(\".deceased-photos-layout-editor\"),\n \"reloadPhotoLayouts\",\n );\n }\n\n /**\n * Render the filter-too-many-photos frame of the upload modal.\n */\n renderFilterFrame() {\n const tileContainer = this.filterFrame.querySelector(\".photo-tile-container\");\n\n // Remove all existing children.\n while (tileContainer.firstChild) {\n tileContainer.removeChild(tileContainer.firstChild);\n }\n\n this.photos.forEach((photo) => {\n const newTile = document.createElement(\"div\");\n newTile.classList.add(\"photo-tile\");\n newTile.dataset.photoName = photo.name || photo.uuid || photo.hashid;\n\n const newTilePhoto = document.createElement(\"img\");\n newTilePhoto.classList.add(\"photo\");\n newTile.appendChild(newTilePhoto);\n\n if (this.cropperData[photo.name]) {\n newTilePhoto.style.objectFit = \"\";\n newTilePhoto.src = this.cropperData[photo.name].croppedCanvas;\n } else {\n newTilePhoto.style.objectFit = \"cover\";\n newTilePhoto.style.objectPosition = \"center center\";\n\n if (photo instanceof File) {\n const fileReader = new FileReader();\n fileReader.onload = () => {\n newTilePhoto.src = `${fileReader.result}`;\n };\n fileReader.readAsDataURL(photo);\n } else {\n newTilePhoto.src = photo.url || photo.thumbnailUrl;\n }\n }\n\n const remove = document.createElement(\"a\");\n remove.classList.add(\"remove-tile-button\");\n remove.href = \"javascript:;\";\n remove.innerHTML = \"×\";\n remove.addEventListener(\"click\", (evt) => {\n this.removePhoto(photo);\n evt.stopPropagation();\n });\n newTile.appendChild(remove);\n\n tileContainer.appendChild(newTile);\n });\n\n const canProgress = this.photos.length <= this.collageSize;\n\n this.filterFrame.querySelector(\".alert\").classList.toggle(\"d-none\", canProgress);\n this.filterFinishedButton.disabled = !canProgress;\n this.filterFinishedButton.classList.toggle(\"disabled\", !canProgress);\n }\n\n /**\n * Render the upload preview frame of the upload modal (which allows for cropping and\n * rearrangement).\n */\n renderPreviewFrame() {\n const previewPhotosContainer = this.previewFrame.querySelector(\".preview-photos\");\n\n previewPhotosContainer\n .querySelectorAll(\".preview-photo.placeholder\")\n .forEach((placeholder) => {\n placeholder.remove();\n });\n\n this.photos.forEach((photo) => {\n const photoName = photo.name || photo.uuid || photo.hashid;\n let photoContainer = previewPhotosContainer.querySelector(\n `[data-photo-name=\"${photoName}\"]`,\n );\n if (photoContainer) {\n if (this.cropperData[photo.name]) {\n const photoImg = photoContainer.querySelector(\"img.photo\");\n photoImg.style.objectFit = \"contain\";\n photoImg.style.objectPosition = \"center center\";\n photoImg.src = this.cropperData[photo.name].croppedCanvas;\n }\n } else {\n photoContainer = document.createElement(\"div\");\n photoContainer.classList.add(\"preview-photo\", \"memorial-collage-grid-item\");\n photoContainer.dataset.photoName = photoName;\n\n const primaryBanner = document.createElement(\"span\");\n primaryBanner.classList.add(\"primary-banner\");\n primaryBanner.classList.add(\"badge\");\n primaryBanner.classList.add(\"rounded-pill\");\n primaryBanner.classList.add(\"text-bg-secondary\");\n primaryBanner.innerHTML = \"PRIMARY PHOTO\";\n photoContainer.appendChild(primaryBanner);\n\n if (photo instanceof File || photo.isFromSocial) {\n const cropControlContainer = document.createElement(\"div\");\n cropControlContainer.classList.add(\"photo-controls\", \"crop\");\n const cropControl = document.createElement(\"a\");\n cropControl.href = \"javascript:;\";\n cropControl.classList.add(\n \"preview-crop\",\n \"mt-text-color-secondary\",\n \"mt-border-color-secondary\",\n \"border\",\n );\n cropControl.innerHTML = \"CROP\";\n cropControl.addEventListener(\"click\", () => {\n this.cropPhoto(photo);\n });\n cropControlContainer.appendChild(cropControl);\n photoContainer.appendChild(cropControlContainer);\n }\n\n const moveControls = document.createElement(\"div\");\n moveControls.classList.add(\"photo-controls\", \"move\");\n photoContainer.appendChild(moveControls);\n\n const remove = document.createElement(\"a\");\n remove.href = \"javascript:;\";\n remove.classList.add(\"preview-remove\");\n remove.innerHTML = \"REMOVE\";\n remove.addEventListener(\"click\", (evt) => {\n this.removePhoto(photo);\n evt.stopPropagation();\n });\n moveControls.appendChild(remove);\n\n const change = document.createElement(\"a\");\n change.href = \"javascript:;\";\n change.classList.add(\"preview-change\");\n change.innerHTML = \"CHANGE\";\n change.addEventListener(\"click\", (evt) => {\n this.removePhoto(photo);\n this.startSelectPhotos();\n evt.stopPropagation();\n });\n moveControls.appendChild(change);\n\n const moveUp = document.createElement(\"a\");\n moveUp.href = \"javascript:;\";\n moveUp.innerHTML = \"<\";\n moveUp.addEventListener(\"click\", () => {\n this.movePhoto(photo, false);\n });\n moveControls.appendChild(moveUp);\n\n const moveDown = document.createElement(\"a\");\n moveDown.href = \"javascript:;\";\n moveDown.innerHTML = \">\";\n moveDown.addEventListener(\"click\", () => {\n this.movePhoto(photo, true);\n });\n moveControls.appendChild(moveDown);\n\n const photoImg = document.createElement(\"img\");\n photoImg.classList.add(\"photo\");\n photoContainer.appendChild(photoImg);\n\n previewPhotosContainer.appendChild(photoContainer);\n\n if (this.cropperData[photo.name]) {\n photoImg.style.objectFit = \"\";\n photoImg.src = this.cropperData[photo.name].croppedCanvas;\n } else {\n photoImg.style.objectFit = \"cover\";\n photoImg.style.objectPosition = \"center center\";\n\n if (photo instanceof File) {\n const fileReader = new FileReader();\n fileReader.onload = () => {\n photoImg.src = `${fileReader.result}`;\n };\n fileReader.readAsDataURL(photo);\n } else {\n photoImg.src = photo.url || photo.thumbnailUrl;\n }\n }\n }\n\n if (this.isOnboarding) {\n photoContainer\n .querySelector(\".preview-remove\")\n .classList.toggle(\"d-none\", this.photos.length <= 1);\n }\n });\n\n let placeholderCount = this.collageSize - this.photos.length;\n if (placeholderCount > 0) {\n if (this.isOnboarding) {\n placeholderCount = 1;\n }\n\n for (let placeholder = 0; placeholder < placeholderCount; placeholder += 1) {\n const placeholderElement = document.createElement(\"a\");\n placeholderElement.setAttribute(\"href\", \"javascript:;\");\n placeholderElement.classList.add(\n \"preview-photo\",\n \"placeholder\",\n \"memorial-collage-grid-item\",\n );\n placeholderElement.addEventListener(\"click\", () => {\n this.startSelectPhotos();\n });\n\n const cameraImg = document.createElement(\"img\");\n cameraImg.setAttribute(\"src\", this.container.dataset.cameraSvg);\n\n placeholderElement.append(cameraImg, \"Add Photo(s)\");\n\n previewPhotosContainer.append(placeholderElement);\n }\n }\n\n this.incompleteWarning.classList.toggle(\n \"d-none\",\n this.isOnboarding || placeholderCount <= 0,\n );\n if (!this.isOnboarding) {\n this.saveButton.classList.toggle(\"disabled\", placeholderCount !== 0);\n if (placeholderCount === 0) {\n this.saveButton.removeAttribute(\"disabled\");\n this.saveButton.innerText = \"Save Changes\";\n } else {\n this.saveButton.setAttribute(\"disabled\", \"disabled\");\n this.saveButton.innerText = `${placeholderCount} space${placeholderCount === 1 ? \"\" : \"s\"} left`;\n }\n }\n }\n\n /**\n * Invoke the photo selector/importer UX (upload/stock/FB/etc)\n */\n startSelectPhotos() {\n this.isSelectingPhotos = true;\n this.render();\n }\n\n /**\n * Actually do the upload of the photos. We have to use XMLHttpRequest since fetch\n * does not support progress events/updates for uploads.\n *\n * @returns {Promise} - void Promise of the upload in-progress\n */\n async uploadPhotos() {\n const formData = new FormData();\n\n Object.keys(this.uploadExtraParams).forEach((k) => {\n formData.set(k, this.uploadExtraParams[k]);\n });\n\n this.photos.forEach((photo, idx) => {\n if (photo instanceof File) {\n formData.append(\"photos\", photo);\n\n let photoMetadata = {\n is_main_photo: idx === 0,\n idx,\n };\n\n if (this.cropperData[photo.name]) {\n const cropperData = this.cropperData[photo.name].cropData;\n photoMetadata = {\n x: cropperData.x,\n y: cropperData.y,\n width: cropperData.width,\n height: cropperData.height,\n ...photoMetadata,\n };\n }\n\n formData.set(photo.name, JSON.stringify(photoMetadata));\n } else if (photo.isFromSocial) {\n const cropperData = this.cropperData[photo.name];\n\n let photoMetadata = {\n is_main_photo: idx === 0,\n social_url: photo.url,\n idx,\n };\n\n if (cropperData) {\n photoMetadata = {\n x: cropperData.x,\n y: cropperData.y,\n width: cropperData.width,\n height: cropperData.height,\n ...photoMetadata,\n };\n }\n\n formData.set(photo.name, JSON.stringify(photoMetadata));\n } else {\n formData.set(\n photo.uuid || photo.hashid,\n JSON.stringify({\n is_main_photo: idx === 0,\n idx,\n }),\n );\n }\n });\n\n const { uploadOverlay } = this;\n const progressBar = this.uploadOverlay.querySelector(\".el-progress > *\");\n const uploadCount = this.photos.length;\n const errorAlert = this.previewFrame.querySelector(\".alert-warning\");\n\n this.previewFrame.classList.add(\"uploading\");\n uploadOverlay.classList.remove(\"d-none\");\n errorAlert.classList.add(\"d-none\");\n\n const onProgressPercentage = (percent) => {\n progressBar.value = percent / 2;\n\n // The second half of the progress is estimating the processing time\n // on the other end. Interval number here is just kind of a magic\n // number that makes the rest of the bar go at a reasonable speed.\n if (percent >= 100) {\n const loadFinish = setInterval(() => {\n if (uploadOverlay.classList.contains(\"d-none\") || !progressBar) {\n clearInterval(loadFinish);\n return;\n }\n\n const currentValue = parseInt(progressBar.value, 10);\n if (currentValue < 100) {\n progressBar.value = currentValue + 1;\n } else {\n clearInterval(loadFinish);\n }\n }, uploadCount * 40);\n }\n };\n\n let response;\n\n try {\n response = await postMultipartWithProgress(\n this.uploadUrl,\n formData,\n onProgressPercentage,\n );\n } catch (error) {\n window.Rollbar.error(\"Error uploading multi-DeceasedPhotos\", error);\n\n this.previewFrame.classList.remove(\"uploading\");\n uploadOverlay.classList.add(\"d-none\");\n errorAlert.classList.remove(\"d-none\");\n\n return;\n }\n\n this.previewFrame.classList.remove(\"uploading\");\n\n progressBar.value = 0;\n uploadOverlay.classList.add(\"d-none\");\n\n if (this.nextUrl) {\n window.location.href = this.nextUrl;\n } else if (this.onPhotosUpdated) {\n this.existingPhotos = response.data;\n this.photos = this.existingPhotos.slice();\n this.cropperData = {};\n\n const previewPhotosContainer = this.previewFrame.querySelector(\".preview-photos\");\n while (previewPhotosContainer.hasChildNodes()) {\n previewPhotosContainer.removeChild(previewPhotosContainer.lastChild);\n }\n\n this.isSelectingPhotos = true;\n this.onPhotosUpdated(response.data);\n }\n\n document\n .querySelectorAll(\".deceased-photos-layout-editor\")\n .forEach((photoLayoutSelector) => {\n sendBrowserAgnosticEvent(photoLayoutSelector, \"reloadPhotoLayouts\");\n });\n\n this.hide();\n }\n\n /**\n * Move a photo in the layout order.\n *\n * @param {object} photo - the photo data dict from this.photos\n * @param {boolean} [up] - whether to move forward or back in order.\n */\n movePhoto(photo, up = true) {\n const currentIndex = this.photos.indexOf(photo);\n let newIndex = currentIndex + (up ? 1 : -1);\n newIndex = Math.max(Math.min(this.photos.length - 1, newIndex), 0);\n\n if (currentIndex === newIndex) {\n return;\n }\n\n this.photos.splice(newIndex, 0, this.photos.splice(currentIndex, 1)[0]);\n\n const previewElementContainer = this.previewFrame.querySelector(\".preview-photos\");\n\n const photoName = photo.name || photo.uuid || photo.hashid;\n const previewElement = previewElementContainer.querySelector(\n `[data-photo-name=\"${photoName}\"]`,\n );\n\n if (previewElement) {\n if (up) {\n previewElementContainer.insertBefore(\n previewElement,\n previewElement.nextSibling ? previewElement.nextSibling.nextSibling : null,\n );\n } else if (currentIndex > 0) {\n previewElementContainer.insertBefore(\n previewElement,\n previewElement.previousSibling,\n );\n }\n }\n }\n\n /**\n * Remove a photo from the layout.\n *\n * @param {object} photo - the photo data dict from this.photos\n */\n removePhoto(photo) {\n this.photos = this.photos.filter((p) => p !== photo);\n\n const photoName = photo.name || photo.uuid || photo.hashid;\n\n const previewElement = this.previewFrame.querySelector(\n `[data-photo-name=\"${photoName}\"]`,\n );\n if (previewElement) {\n previewElement.remove();\n }\n\n if (this.photos.length) {\n if (this.isFiltering) {\n this.renderFilterFrame();\n } else {\n this.renderPreviewFrame();\n }\n } else {\n this.render();\n }\n }\n\n /**\n * Initialize and show the crop UX for the given photo\n *\n * @param {object} photo - the photo data dict from this.photos\n */\n cropPhoto(photo) {\n let cropper;\n\n const cropperContainer = document.createElement(\"div\");\n cropperContainer.classList.add(\n \"cropper-dvh100\",\n \"position-fixed\",\n \"top-0\",\n \"left-0\",\n \"w-100\",\n \"h-100\",\n \"d-flex\",\n \"justify-content-stretch\",\n \"align-items-stretch\",\n \"flex-column\",\n \"bg-black\",\n );\n cropperContainer.style.zIndex = \"9998\"; // Absolute highest z-index, trumps everything, except zoom buttons\n const cropperImg = document.createElement(\"img\");\n cropperImg.classList.add(\"flex-shrink-1\");\n cropperImg.style.objectFit = \"contain\";\n cropperImg.style.objectPosition = \"center center\";\n cropperImg.style.flexBasis = \"calc(100% - 74px)\";\n cropperImg.style.maxHeight = \"calc(100% - 74px)\";\n\n const zoomControls = document.createElement(\"div\");\n zoomControls.classList.add(\n \"zoom-controls\",\n \"position-absolute\",\n \"top-0\",\n \"right-0\",\n \"d-flex\",\n \"m-3\",\n );\n zoomControls.style.zIndex = \"9999\";\n\n const zoomInBtn = document.createElement(\"a\");\n zoomInBtn.setAttribute(\"href\", \"javascript:;\");\n zoomInBtn.classList.add(\n \"zoom-control\",\n \"zoom-in\",\n \"rounded-circle\",\n \"fw-bold\",\n \"text-black\",\n \"bg-white\",\n \"d-flex\",\n \"align-items-center\",\n \"justify-content-center\",\n \"m-1\",\n );\n zoomInBtn.style.width = \"40px\";\n zoomInBtn.style.height = \"40px\";\n zoomInBtn.style.fontSize = \"36px\";\n zoomInBtn.style.lineHeight = \"36px\";\n zoomInBtn.innerText = \"\\uFF0B\";\n zoomInBtn.addEventListener(\"click\", () => {\n if (cropper) {\n cropper.zoom(0.1);\n }\n });\n\n const zoomOutBtn = document.createElement(\"a\");\n zoomOutBtn.setAttribute(\"href\", \"javascript:;\");\n zoomOutBtn.classList.add(\n \"zoom-control\",\n \"zoom-in\",\n \"rounded-circle\",\n \"fw-bold\",\n \"text-black\",\n \"bg-white\",\n \"d-flex\",\n \"align-items-center\",\n \"justify-content-center\",\n \"m-1\",\n );\n zoomOutBtn.style.width = \"40px\";\n zoomOutBtn.style.height = \"40px\";\n zoomOutBtn.style.fontSize = \"36px\";\n zoomOutBtn.style.lineHeight = \"36px\";\n zoomOutBtn.innerText = \"\\uFF0D\";\n zoomOutBtn.addEventListener(\"click\", () => {\n if (cropper) {\n cropper.zoom(-0.1);\n }\n });\n\n zoomControls.append(zoomOutBtn, zoomInBtn);\n\n cropperContainer.appendChild(zoomControls);\n\n // Restore prior crop if applicable.\n let canvasData;\n if (this.cropperData[photo.name]) {\n canvasData = this.cropperData[photo.name].canvasData;\n }\n\n const cropOptions = {\n ...CROPPER_OPTIONS,\n ready() {\n if (canvasData) {\n this.cropper.setCanvasData(canvasData);\n } else {\n // Get image dimensions and crop-box dimensions, and find the direction we need\n // to zoom in to \"fill\" the crop box.\n const imageData = cropper.getImageData();\n const cropData = cropper.getCropBoxData();\n\n cropper.zoom(\n Math.max(\n cropData.width / imageData.width,\n cropData.height / imageData.height,\n ) - 1.0,\n );\n }\n },\n };\n\n if (photo instanceof File) {\n const fileReader = new FileReader();\n fileReader.onload = () => {\n cropperImg.src = `${fileReader.result}`;\n cropper = new Cropper(cropperImg, cropOptions);\n };\n\n fileReader.readAsDataURL(photo);\n } else {\n cropperImg.src = photo.url || photo.thumbnailUrl;\n cropper = new Cropper(cropperImg, cropOptions);\n }\n\n cropperContainer.appendChild(cropperImg);\n\n const buttonBar = document.createElement(\"div\");\n buttonBar.classList.add(\n \"w-100\",\n \"flex-grow-1\",\n \"d-flex\",\n \"justify-content-between\",\n \"bg-white\",\n \"p-2\",\n );\n\n const cancelButton = document.createElement(\"a\");\n cancelButton.href = \"javascript:;\";\n cancelButton.addEventListener(\"click\", () => {\n cropperContainer.remove();\n });\n cancelButton.classList.add(\"btn\", \"btn-lg\", \"btn-outline-danger\");\n cancelButton.style.minWidth = \"0\";\n cancelButton.innerText = \"Cancel\";\n buttonBar.appendChild(cancelButton);\n\n const saveButton = document.createElement(\"a\");\n saveButton.href = \"javascript:;\";\n saveButton.addEventListener(\"click\", () => {\n this.cropperData[photo.name] = {\n canvasData: cropper.getCanvasData(),\n cropData: cropper.getData(),\n croppedCanvas: cropper.getCroppedCanvas().toDataURL(\"image/jpeg\"),\n };\n cropperContainer.remove();\n this.render();\n });\n\n saveButton.classList.add(\"btn\", \"btn-lg\", \"btn-primary\");\n saveButton.style.minWidth = \"0\";\n saveButton.innerText = \"Crop\";\n\n buttonBar.appendChild(saveButton);\n cropperContainer.appendChild(buttonBar);\n\n document.body.appendChild(cropperContainer);\n }\n\n /**\n * Called when social import photos are received.\n *\n * @param {Array} photos - an array of photo data from the social provider.\n */\n onSocialPhotosSelected(photos) {\n if (photos.length) {\n this.isSelectingPhotos = false;\n this.isInExternalPhotoSelection = false;\n this.photos.push(\n ...photos.map((url) => ({ url, name: url, isFromSocial: true })),\n );\n } else {\n this.isSelectingPhotos = true;\n this.isInExternalPhotoSelection = true;\n }\n\n this.render();\n }\n}\n","import TomSelect from \"tom-select/dist/js/tom-select.base\";\nimport TomSelect_virtual_scroll from \"tom-select/dist/js/plugins/virtual_scroll\";\n\nimport initGoogleAutocomplete from \"./GoogleAutocomplete\";\nimport { createAutocompleteOption } from \"../places/utils\";\nimport requests, { ResponseError } from \"../core/requests\";\n\nTomSelect.define(\"virtual_scroll\", TomSelect_virtual_scroll);\n\n/**\n * Format a Deceased search result for display in the dropdown.\n *\n * @param {object} deceased - an object representing a deceased in search results.\n * @returns {HTMLDivElement} - the rendered autocomplete option\n */\nconst formatDeceased = (deceased) => {\n if (deceased.dateOfBirth) {\n return createAutocompleteOption(\n deceased.text,\n `${deceased.dateOfBirth} - ${deceased.dateOfDeath}`,\n );\n }\n\n return createAutocompleteOption(deceased.text);\n};\n\n/**\n * Toggle display of the manual family/predeceased person entry.\n *\n * @param {object} props - the page props\n * @param {boolean} showManualEntry - if true, show the manual entry form (if false,\n * hide it)\n */\nconst toggleManualEntry = (props, showManualEntry) => {\n let { deceasedFirstName: firstName, deceasedLastName: lastName } = props;\n const fullNameInput = document.querySelector(`#${props.deceasedNameFieldId}`);\n const firstNameInput = document.querySelector(`#${props.deceasedFirstNameFieldId}`);\n const lastNameInput = document.querySelector(`#${props.deceasedLastNameFieldId}`);\n\n if (showManualEntry) {\n document\n .querySelector(`.${props.manualEntryContainerClass}`)\n .classList.remove(\"d-none\");\n document\n .querySelector(`.${props.memorialSearchContainerClass}`)\n .classList.add(\"d-none\");\n\n if (!firstName && !lastName) {\n const fullName = fullNameInput.value;\n const splitNames = fullName.split(\" \");\n [firstName] = splitNames;\n lastName = splitNames.slice(1).join(\" \");\n }\n\n fullNameInput.value = \"\";\n firstNameInput.value = firstName;\n lastNameInput.value = lastName;\n } else {\n document\n .querySelector(`.${props.manualEntryContainerClass}`)\n .classList.add(\"d-none\");\n document\n .querySelector(`.${props.memorialSearchContainerClass}`)\n .classList.remove(\"d-none\");\n\n firstNameInput.value = \"\";\n lastNameInput.value = \"\";\n }\n};\n\n/**\n * Initialize the autocomplete search for deceaseds/memorials.\n *\n * @param {object} props - the page props\n * @returns {HTMLElement|null} - the input element, if successfully configured\n */\nconst initDeceasedAutocomplete = (props) => {\n const deceasedIdentifierInput = document.getElementById(props.deceasedNameFieldId);\n if (!deceasedIdentifierInput) {\n return null;\n }\n\n /**\n * Compose the URL combining the search query and the desired page number.\n *\n * @param {string} query - a search query\n * @param {number} page - a page number\n * @returns {string} - the generated URL.\n */\n const buildUrl = (query, page) => {\n const paramsData = { search: query };\n\n paramsData.page = page;\n\n const params = new URLSearchParams(paramsData);\n\n return `${props.deceasedSearchUrl}?${params.toString()}`;\n };\n\n const tomSelectConfig = {\n plugins: [\"virtual_scroll\"],\n valueField: \"id\",\n sortField: [{ field: \"$order\" }, { field: \"$score\" }],\n searchField: [],\n firstUrl(query) {\n return buildUrl(query, 1);\n },\n async load(query, callback) {\n try {\n const response = await requests.get(this.getUrl(query));\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n\n const data = await response.json();\n\n if (data.pagination.next) {\n const nextUrl = buildUrl(query, data.pagination.next);\n this.setNextUrl(query, nextUrl);\n }\n\n callback(data.results);\n } catch (error) {\n if (!(error.response && error.response.status === 429)) {\n window.Rollbar.error(\"TomSelect deceased search error\", error);\n }\n\n callback();\n }\n },\n loadThrottle: 500,\n placeholder: props.deceasedPlaceholder,\n render: {\n option: (item) => formatDeceased(item),\n not_loading: (data) => {\n if (data.input.length === 0) {\n return null;\n }\n\n return 'Please enter the name.
';\n },\n },\n shouldLoad: (query) => query.length >= 3,\n create: (input) => ({ id: input.trim(), text: input.trim(), created: true }),\n maxItems: 1,\n };\n\n const deceasedSearchAutocomplete = new TomSelect(\n deceasedIdentifierInput,\n tomSelectConfig,\n );\n deceasedSearchAutocomplete.on(\"change\", (newValue) => {\n if (newValue) {\n const newOption = deceasedSearchAutocomplete.options[newValue];\n const deceasedMemorialSlugInput = document.getElementById(\n props.deceasedMemorialSlugFieldId,\n );\n\n if (newOption.created) {\n toggleManualEntry(props, true);\n deceasedMemorialSlugInput.value = \"\";\n } else {\n deceasedMemorialSlugInput.value = newOption.id;\n }\n }\n });\n\n // Set the value, creating a new option if necessary\n if (props.initialAutocompleteData && props.initialAutocompleteData.id) {\n const availableOption =\n deceasedSearchAutocomplete.options[props.initialAutocompleteData.id];\n if (!availableOption) {\n deceasedSearchAutocomplete.addOption(props.initialAutocompleteData);\n }\n\n deceasedSearchAutocomplete.setValue(props.initialAutocompleteData.id);\n }\n\n if (props.deceasedManualEntryErrors) {\n toggleManualEntry(props, true);\n }\n\n const followerForm = document.querySelector(`.${props.deceasedFormClass}`);\n followerForm.querySelector(\".close-button\").addEventListener(\"click\", () => {\n toggleManualEntry(props, false);\n deceasedSearchAutocomplete.clear();\n });\n\n const locationContainer = document.querySelector(\n `.${props.deceasedLocationContainerClass}`,\n );\n if (locationContainer) {\n initGoogleAutocomplete({\n element: locationContainer.querySelector(\"input\"),\n options: {\n types: [\"(cities)\"],\n },\n });\n }\n\n return deceasedIdentifierInput;\n};\n\n/**\n * Set up behavior to control submit button toggling based on the raw-data form entry\n * states.\n *\n * @param {object} props - the page props\n */\nconst setupFormListeners = (props) => {\n const nameField = document.querySelector(`#${props.deceasedNameFieldId}`);\n const firstNameField = document.querySelector(`#${props.deceasedFirstNameFieldId}`);\n const lastNameField = document.querySelector(`#${props.deceasedLastNameFieldId}`);\n const relationshipSelect = document.querySelector(\n `#${props.deceasedRelationshipTypeFieldId}`,\n );\n\n function toggleButton() {\n const submitButton = document.querySelector(`.${props.deceasedSubmitButton}`);\n if (\n relationshipSelect.value &&\n (nameField.value || (firstNameField.value && lastNameField.value))\n ) {\n submitButton.disabled = false;\n } else {\n submitButton.disabled = true;\n }\n }\n\n if (nameField.tomselect) {\n nameField.tomselect.on(\"change\", () => toggleButton());\n }\n\n relationshipSelect.addEventListener(\"change\", () => {\n toggleButton();\n });\n};\n\n/**\n * This function sets up autocomplete and form listeners for the search by name\n * deceased forms. The inner function with a similar name is concerned only with the\n * autocomplete part of this component.\n *\n * @param {object} props - the page props\n */\nexport default function initDeceasedSearchAutocomplete(props) {\n initDeceasedAutocomplete(props);\n setupFormListeners(props);\n}\n","import Cleave from \"cleave.js\";\nimport Collapse from \"bootstrap/js/dist/collapse\";\n\nimport initUGCTemplates from \"./UGCTemplates\";\nimport { initPopovers } from \"../core/utils\";\n\nexport default function initFundraiserForm(props, onCleaveInit = null) {\n // Initialize Cleave and currency selection UX\n let cleave;\n\n props.personalFundraiserForms.forEach((personalFundraiserForm) => {\n let fundraisingGoalContainer = document.querySelector(\n `#${personalFundraiserForm.fields.fundraisingGoal}`,\n );\n if (fundraisingGoalContainer) {\n fundraisingGoalContainer = fundraisingGoalContainer.closest(\n \".fundraising-goal-container\",\n );\n }\n const fundraisingGoalDisabled = document.querySelector(\n `#${personalFundraiserForm.fields.fundraisingGoalDisabled}`,\n );\n\n if (fundraisingGoalContainer && fundraisingGoalDisabled) {\n const goalAmountContainer = fundraisingGoalContainer.querySelector(\n \".goal-amount-container\",\n );\n const currencyWithoutGoalContainer = fundraisingGoalContainer.querySelector(\n \".currency-no-goal-container\",\n );\n const goalContainer = fundraisingGoalContainer.querySelector(\".goal-container\");\n const goalAmountCollapse = Collapse.getOrCreateInstance(goalAmountContainer, {\n toggle: false,\n });\n\n let currencyWithoutGoalCollapse;\n if (currencyWithoutGoalContainer) {\n currencyWithoutGoalCollapse = Collapse.getOrCreateInstance(\n currencyWithoutGoalContainer,\n { toggle: false },\n );\n }\n\n fundraisingGoalDisabled.addEventListener(\"change\", () => {\n // swap goal container with goalless container\n goalAmountCollapse.toggle();\n if (currencyWithoutGoalContainer) {\n currencyWithoutGoalCollapse.toggle();\n }\n\n if (fundraisingGoalDisabled.checked) {\n goalContainer.parentElement.querySelector(\"input\").value = \"\";\n }\n });\n }\n\n const fundraisingGoalInput = document.getElementById(\n personalFundraiserForm.fields.fundraisingGoal,\n );\n if (fundraisingGoalInput) {\n cleave = new Cleave(fundraisingGoalInput, {\n numeral: true,\n numeralPositiveOnly: true,\n });\n\n if (onCleaveInit) {\n onCleaveInit(cleave);\n }\n\n fundraisingGoalInput.closest(\"form\").addEventListener(\"submit\", () => {\n fundraisingGoalInput.value = cleave.getRawValue();\n });\n }\n\n const currencySelect = document.getElementById(\n personalFundraiserForm.fields.currencySelect,\n );\n const currencyNote = document.querySelector(\".intl-currency-warning\");\n\n if (currencySelect && currencyNote) {\n let previousCurrency = currencySelect.selectedOptions[0].value;\n currencySelect.addEventListener(\"change\", () => {\n const selectedCurrency = currencySelect.selectedOptions[0].value;\n currencyNote.classList.toggle(\"d-none\", selectedCurrency === \"usd\");\n\n if (props.exchangeRates && previousCurrency !== selectedCurrency) {\n const currentValue = parseFloat(cleave.getRawValue()).toFixed(2);\n cleave.setRawValue(\n Math.round(\n currentValue * props.exchangeRates[previousCurrency][selectedCurrency],\n ),\n );\n previousCurrency = selectedCurrency;\n }\n });\n }\n });\n\n // Initialize cause story template UX\n const causeStoryField = document.querySelector(\n `#${props.causeStoryForm.fields.causeStory}`,\n );\n const causeStoryTemplatesContainer = document.querySelector(\n \".cause-story-templates-container\",\n );\n\n initUGCTemplates(\n causeStoryTemplatesContainer,\n causeStoryField,\n props.causeStoryTemplates,\n () => props.shouldShowCauseStoryTemplates === true,\n false,\n null,\n false,\n );\n\n // NOTE: The naming here is a misdirection. This is used for paste event detection.\n const previousCauseStoryField = document.querySelector(\n `#${props.causeStoryForm.fields.previousCauseStory}`,\n );\n if (previousCauseStoryField) {\n causeStoryField.addEventListener(\"paste\", (event) => {\n previousCauseStoryField.value = (\n event.clipboardData || window.clipboardData\n ).getData(\"text\");\n });\n }\n\n props.charityFundraiserForms.forEach((charityFundraiserForm) => {\n const charityvestDesignationSelector = document.querySelector(\n `#${charityFundraiserForm.fields.charityvestDesignation}`,\n );\n if (charityvestDesignationSelector) {\n const parentCard = charityvestDesignationSelector.closest(\".body-card\");\n const otherContainer = parentCard.querySelector(\".charityvest-designation-other\");\n\n charityvestDesignationSelector.addEventListener(\"change\", () => {\n otherContainer.classList.toggle(\n \"d-none\",\n !(charityvestDesignationSelector.value === \"other_purpose\"),\n );\n });\n }\n });\n\n const fundraisingManagerSelect = document.getElementById(\n \"change-fundraising-manager\",\n );\n if (fundraisingManagerSelect) {\n fundraisingManagerSelect.addEventListener(\"change\", () => {\n const selected = fundraisingManagerSelect.selectedOptions[0];\n if (selected && !selected.dataset.isOriginal) {\n fundraisingManagerSelect.setAttribute(\"name\", \"_change_fundraising_manager\");\n const form = fundraisingManagerSelect.closest(\"form\");\n form.dataset.forceSubmit = \"true\";\n form.submit();\n }\n });\n }\n\n initPopovers();\n}\n","import Modal from \"bootstrap/js/dist/modal\";\nimport TomSelect from \"tom-select/dist/js/tom-select.base\";\nimport TomSelect_virtual_scroll from \"tom-select/dist/js/plugins/virtual_scroll\";\n\nimport requests, { ResponseError } from \"../core/requests\";\n\nTomSelect.define(\"virtual_scroll\", TomSelect_virtual_scroll);\n\n/**\n * Initialize the feature-search autocomplete component.\n *\n * @param {object} props - the page props\n * @returns {HTMLElement|null} - the input element to which the autocomplete search is\n * attached.\n */\nexport default function initMemorialFeatureAutocomplete(props) {\n const modalElement = document.querySelector(\"#memorialFeatureSearchModal\");\n\n const searchPhraseInput = document.getElementById(props.searchPhraseInputId);\n if (!searchPhraseInput) {\n return null;\n }\n\n /**\n * Compose the URL combining the search query and the desired page number.\n *\n * @param {string} query - a search query\n * @param {number} page - a page number\n * @returns {string} - the generated URL.\n */\n const buildUrl = (query, page) => {\n const paramsData = { search: query };\n\n paramsData.page = page;\n\n const params = new URLSearchParams(paramsData);\n\n if (props.memorialFeatureSearchUrl.includes(\"?\")) {\n return `${props.memorialFeatureSearchUrl}&${params.toString()}`;\n }\n\n return `${props.memorialFeatureSearchUrl}?${params.toString()}`;\n };\n\n const tomSelectConfig = {\n sortField: [{ field: \"$order\" }, { field: \"$score\" }],\n searchField: [],\n firstUrl(query) {\n return buildUrl(query, 1);\n },\n async load(query, callback) {\n try {\n const response = await requests.get(this.getUrl(query));\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n\n const data = await response.json();\n\n if (data.pagination.next) {\n const nextUrl = buildUrl(query, data.pagination.next);\n this.setNextUrl(query, nextUrl);\n }\n\n callback(data.results);\n } catch (error) {\n if (!(error.response && error.response.status === 429)) {\n window.Rollbar.error(\"TomSelect memorial feature search error\", error);\n }\n\n callback();\n }\n },\n loadThrottle: 500,\n placeholder: 'Try \"Events\"',\n plugins: [\"virtual_scroll\"],\n valueField: \"id\",\n };\n\n const featureAutocomplete = new TomSelect(searchPhraseInput, tomSelectConfig);\n\n featureAutocomplete.on(\"change\", (newValue) => {\n const selectedOption = featureAutocomplete.options[newValue];\n Modal.getOrCreateInstance(modalElement).hide();\n window.location.href = selectedOption.url;\n });\n\n modalElement.addEventListener(\"shown.bs.modal\", () => {\n featureAutocomplete.open();\n });\n\n return searchPhraseInput;\n}\n","import TomSelect from \"tom-select/dist/js/tom-select.base\";\nimport TomSelect_remove_button from \"tom-select/dist/js/plugins/remove_button\";\n\nTomSelect.define(\"remove_button\", TomSelect_remove_button);\n\n/**\n * Initialize the organ donation search form.\n *\n * @param {object} organDonationSearchProps - the props for the organ donation\n * tomselect search widget.\n * @returns {TomSelect} - the TomSelect instance created on the form input.\n */\nexport default function initOrganDonationForm(organDonationSearchProps) {\n const { checkboxId, initialAutocompleteData, inputId } = organDonationSearchProps;\n const hasDonatedOrgans = document.querySelector(`#${checkboxId}`);\n const organChoicesInput = document.querySelector(`#${inputId}`);\n const organDonationDetailsContainer = organChoicesInput.closest(\n \".donated-organs-details-container\",\n );\n\n const tomSelectConfig = {\n hidePlaceholder: true,\n sortField: [{ field: \"$order\" }, { field: \"$score\" }],\n items: initialAutocompleteData.choices\n .filter((choice) => choice.selected)\n .map((choice) => choice.id),\n options: initialAutocompleteData.choices,\n placeholder: \"Ex. Heart\",\n plugins: {\n remove_button: {\n title: \"Remove this item\",\n },\n },\n valueField: \"id\",\n };\n\n const tomSelect = new TomSelect(organChoicesInput, tomSelectConfig);\n\n function toggleShowOrganDonationDetails() {\n if (hasDonatedOrgans.checked) {\n organDonationDetailsContainer.classList.remove(\"d-none\");\n } else {\n organDonationDetailsContainer.classList.add(\"d-none\");\n }\n }\n\n if (hasDonatedOrgans && organDonationDetailsContainer) {\n hasDonatedOrgans.addEventListener(\"change\", () => {\n toggleShowOrganDonationDetails();\n });\n }\n\n // determine if donated organs search box should be shown on initial load\n toggleShowOrganDonationDetails();\n\n return tomSelect;\n}\n","import Modal from \"bootstrap/js/dist/modal\";\n\nimport requests from \"../core/requests\";\n\nexport default function initSubscriberNotificationsModal(props) {\n const notificationsModalElement = document.querySelector(\n \".memorial-notifications-modal\",\n );\n const notificationsModal = Modal.getOrCreateInstance(notificationsModalElement);\n const notifyBtn = notificationsModalElement.querySelector(\".btn-secondary\");\n\n notificationsModal.show();\n notifyBtn.addEventListener(\"click\", async () => {\n notificationsModal.hide();\n\n try {\n const response = await requests.post(props.sendNotificationsEndpoint);\n\n if (!response.ok) {\n throw new Error();\n }\n } catch {\n window.Rollbar.error(\"Error sending memorial notifications to subscribers.\");\n }\n });\n}\n","import initMemorialSearchByUrl from \"../../components/MemorialSearch\";\nimport initGoogleAutocomplete from \"../../components/GoogleAutocomplete\";\n\nexport default function initRelationshipForms(props) {\n const addPredeceasedLovedOneButton = document.querySelector(\n \".add-predeceased-button\",\n );\n const addPredeceasedLovedOneForm = document.querySelector(\".add-predeceased-form\");\n const addFollowingLovedOneButton = document.querySelector(\n \".add-following-in-death-button\",\n );\n const addFollowingLovedOneForm = document.querySelector(\n \".add-following-in-death-form\",\n );\n const addSurvivingLovedOneButton = document.querySelector(\".add-survivor-button\");\n const addSurvivingLovedOneForm = document.querySelector(\".add-survivor-form\");\n\n if (addPredeceasedLovedOneButton && addPredeceasedLovedOneForm) {\n addPredeceasedLovedOneButton.addEventListener(\"click\", () => {\n addPredeceasedLovedOneButton.classList.add(\"d-none\");\n addPredeceasedLovedOneForm.classList.remove(\"d-none\");\n\n if (addFollowingLovedOneForm) {\n addFollowingLovedOneForm.classList.add(\"d-none\");\n }\n\n if (addSurvivingLovedOneForm) {\n addSurvivingLovedOneForm.classList.add(\"d-none\");\n }\n\n addPredeceasedLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = false;\n });\n\n if (addFollowingLovedOneForm) {\n addFollowingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n }\n\n if (addSurvivingLovedOneForm) {\n addSurvivingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n }\n });\n\n addPredeceasedLovedOneForm\n .querySelector(\".close-button\")\n .addEventListener(\"click\", () => {\n addPredeceasedLovedOneButton.classList.remove(\"d-none\");\n addPredeceasedLovedOneForm.classList.add(\"d-none\");\n addPredeceasedLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n });\n\n const predeceasedLocationContainer = document.querySelector(\n \".predeceased-location-container\",\n );\n if (predeceasedLocationContainer) {\n initGoogleAutocomplete({\n element: predeceasedLocationContainer.querySelector(\"input\"),\n options: {\n types: [\"(cities)\"],\n },\n });\n }\n }\n\n if (addFollowingLovedOneButton && addFollowingLovedOneForm) {\n addFollowingLovedOneButton.addEventListener(\"click\", () => {\n addFollowingLovedOneButton.classList.add(\"d-none\");\n addFollowingLovedOneForm.classList.remove(\"d-none\");\n\n if (addPredeceasedLovedOneForm) {\n addPredeceasedLovedOneForm.classList.add(\"d-none\");\n }\n\n if (addSurvivingLovedOneForm) {\n addSurvivingLovedOneForm.classList.add(\"d-none\");\n }\n\n addFollowingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = false;\n });\n\n if (addPredeceasedLovedOneForm) {\n addPredeceasedLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n }\n\n if (addSurvivingLovedOneForm) {\n addSurvivingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n }\n });\n\n addFollowingLovedOneForm\n .querySelector(\".close-button\")\n .addEventListener(\"click\", () => {\n addFollowingLovedOneButton.classList.remove(\"d-none\");\n addFollowingLovedOneForm.classList.add(\"d-none\");\n addFollowingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n });\n }\n\n if (addSurvivingLovedOneButton && addSurvivingLovedOneForm) {\n addSurvivingLovedOneButton.addEventListener(\"click\", () => {\n addSurvivingLovedOneButton.classList.add(\"d-none\");\n addSurvivingLovedOneForm.classList.remove(\"d-none\");\n\n if (addFollowingLovedOneForm) {\n addFollowingLovedOneForm.classList.add(\"d-none\");\n }\n\n if (addPredeceasedLovedOneForm) {\n addPredeceasedLovedOneForm.classList.add(\"d-none\");\n }\n\n addSurvivingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = false;\n });\n\n if (addFollowingLovedOneForm) {\n addFollowingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n }\n\n if (addPredeceasedLovedOneForm) {\n addPredeceasedLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n }\n });\n\n addSurvivingLovedOneForm\n .querySelector(\".close-button\")\n .addEventListener(\"click\", () => {\n addSurvivingLovedOneButton.classList.remove(\"d-none\");\n addSurvivingLovedOneForm.classList.add(\"d-none\");\n addSurvivingLovedOneForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n });\n }\n\n const survivorRelationshipTypeSelect = document.getElementById(\n props.survivorRelationshipTypeFieldId,\n );\n const survivorRelationshipTypeStr = document.querySelector(\n \".survivor-relationship-other\",\n );\n\n if (survivorRelationshipTypeSelect && survivorRelationshipTypeStr) {\n survivorRelationshipTypeSelect.addEventListener(\"change\", (evt) => {\n const index = evt.target.selectedIndex;\n const selected = evt.target.options[index];\n if (selected.value === \"other\") {\n survivorRelationshipTypeStr.classList.remove(\"d-none\");\n } else {\n survivorRelationshipTypeStr.querySelector(\"input\").value = \"\";\n survivorRelationshipTypeStr.classList.add(\"d-none\");\n }\n });\n }\n\n const inviteManager = document.querySelector(\n '.survivor-invite-manager input[type=\"checkbox\"]',\n );\n if (inviteManager) {\n inviteManager.addEventListener(\"change\", () => {\n const disclaimer = document.querySelector(\".survivor-invite-manager-disclaimer\");\n disclaimer.classList.toggle(\"d-none\", !inviteManager.checked);\n const optionalSpan = document.querySelector(\".survivor-email-optional\");\n optionalSpan.classList.toggle(\"d-none\", inviteManager.checked);\n });\n }\n\n const predeceasedRelationshipTypeSelect = document.getElementById(\n props.predeceasedRelationshipTypeFieldId,\n );\n const predeceasedRelationshipTypeStr = document.querySelector(\n \".predeceased-relationship-other\",\n );\n\n if (predeceasedRelationshipTypeSelect && predeceasedRelationshipTypeStr) {\n predeceasedRelationshipTypeSelect.addEventListener(\"change\", (evt) => {\n const index = evt.target.selectedIndex;\n const selected = evt.target.options[index];\n if (selected.value === \"other\") {\n predeceasedRelationshipTypeStr.classList.remove(\"d-none\");\n } else {\n predeceasedRelationshipTypeStr.querySelector(\"input\").value = \"\";\n predeceasedRelationshipTypeStr.classList.add(\"d-none\");\n }\n });\n }\n\n if (props.followerFormProps) {\n const followingRelationshipTypeSelect = document.getElementById(\n props.followerFormProps.deceasedRelationshipTypeFieldId,\n );\n const followingRelationshipTypeStr = document.querySelector(\n \".following-relationship-other\",\n );\n\n if (followingRelationshipTypeSelect && followingRelationshipTypeStr) {\n followingRelationshipTypeSelect.addEventListener(\"change\", (evt) => {\n const index = evt.target.selectedIndex;\n const selected = evt.target.options[index];\n if (selected.value === \"other\") {\n followingRelationshipTypeStr.classList.remove(\"d-none\");\n } else {\n followingRelationshipTypeStr.querySelector(\"input\").value = \"\";\n followingRelationshipTypeStr.classList.add(\"d-none\");\n }\n });\n }\n }\n\n if (!props.isOnboarding) {\n initMemorialSearchByUrl({\n baseSearchUrl: props.memorialSearchUrl,\n container: addPredeceasedLovedOneForm,\n excludeSlugs: props.relatedMemorialSlugs,\n slugFieldId: props.predeceasedMemorialSlugFieldId,\n firstNameFieldId: props.predeceasedMemorialDeceasedFirstNameFieldId,\n lastNameFieldId: props.predeceasedMemorialDeceasedLastNameFieldId,\n });\n }\n\n // Initialize relationship edit forms.\n\n const personEditForms = document.querySelectorAll(\".person-edit-form\");\n if (personEditForms) {\n personEditForms.forEach((personEditFormContainer) => {\n const relationshipTypeSelect = personEditFormContainer.querySelector(\"select\");\n const relationshipTypeStr = personEditFormContainer.querySelector(\n \".edit-relationship-other\",\n );\n\n relationshipTypeSelect.addEventListener(\"change\", (evt) => {\n const index = evt.target.selectedIndex;\n const selected = evt.target.options[index];\n if (selected.value === \"other\") {\n relationshipTypeStr.classList.remove(\"d-none\");\n relationshipTypeStr\n .querySelector(\"input\")\n .setAttribute(\"required\", \"required\");\n } else {\n relationshipTypeStr.querySelector(\"input\").value = \"\";\n relationshipTypeStr.classList.add(\"d-none\");\n relationshipTypeStr.querySelector(\"input\").removeAttribute(\"required\");\n }\n });\n\n const listGroupItem = personEditFormContainer.closest(\".list-group-item\");\n const editForm = listGroupItem.querySelector(\".person-edit-form\");\n const listItemContent = listGroupItem.querySelector(\".list-item-content\");\n personEditFormContainer\n .querySelector(\".cancel-edit-person\")\n .addEventListener(\"click\", () => {\n editForm.classList.add(\"d-none\");\n listItemContent.classList.remove(\"d-none\");\n\n editForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = \"disabled\";\n });\n });\n\n editForm.querySelectorAll(\"input\").forEach((input) => {\n input.addEventListener(\"keydown\", (evt) => {\n if (evt.keyCode === 13) {\n evt.preventDefault();\n editForm.querySelector(\"button\").click();\n }\n });\n });\n });\n }\n\n const personEditLinks = document.querySelectorAll(\".edit-person-link\");\n if (personEditLinks) {\n personEditLinks.forEach((editLink) => {\n const listGroupItem = editLink.closest(\".list-group-item\");\n const editForm = listGroupItem.querySelector(\".person-edit-form\");\n const listItemContent = listGroupItem.querySelector(\".list-item-content\");\n editLink.addEventListener(\"click\", () => {\n editForm.classList.remove(\"d-none\");\n listItemContent.classList.add(\"d-none\");\n\n editForm.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = null;\n });\n });\n });\n }\n}\n","import requests, { ResponseError } from \"../core/requests\";\n\n/**\n * Initialize memorial search-by-URL behavior.\n *\n * @param {object} props - the props generated for memorial search.\n */\nexport default function initMemorialSearchByUrl(props) {\n const {\n baseSearchUrl,\n container,\n slugFieldId,\n firstNameFieldId,\n lastNameFieldId,\n excludeSlugs,\n predicateFilter,\n } = props;\n\n if (!container) {\n return;\n }\n\n const memorialSearchEntry = container.querySelector(\".memorial-search-entry\");\n const memorialSearchLoading = container.querySelector(\".memorial-search-loading\");\n const memorialSearchResultContainer = container.querySelector(\n \".memorial-search-result-container\",\n );\n const memorialSearchError = container.querySelector(\".memorial-search-error\");\n const memorialSearchDuplicate = container.querySelector(\".memorial-search-duplicate\");\n const memorialSearchIneligible = container.querySelector(\n \".memorial-search-ineligible\",\n );\n const manualEntryContainer = container.querySelector(\".manual-entry\");\n const memorialSlugField = document.getElementById(slugFieldId);\n const rawFirstNameField = document.getElementById(firstNameFieldId);\n const rawLastNameField = document.getElementById(lastNameFieldId);\n\n const submitButton = container.querySelector('[type=\"submit\"]');\n\n /**\n * Given received memorial data from a search, display the result on-screen\n *\n * @param {object} memorialData - data about a memorial.\n */\n const showSearchResult = (memorialData) => {\n memorialSearchLoading.classList.add(\"d-none\");\n\n if (memorialData) {\n if (predicateFilter && !predicateFilter(memorialData)) {\n memorialSearchIneligible.classList.remove(\"d-none\");\n memorialSearchResultContainer.classList.add(\"d-none\");\n memorialSearchEntry.classList.remove(\"d-none\");\n if (manualEntryContainer) {\n manualEntryContainer.classList.remove(\"d-none\");\n } else if (submitButton) {\n submitButton.setAttribute(\"disabled\", \"disabled\");\n }\n return;\n }\n\n if (excludeSlugs && excludeSlugs.includes(memorialData.slug)) {\n memorialSearchDuplicate.classList.remove(\"d-none\");\n memorialSearchResultContainer.classList.add(\"d-none\");\n memorialSearchEntry.classList.remove(\"d-none\");\n if (manualEntryContainer) {\n manualEntryContainer.classList.remove(\"d-none\");\n } else if (submitButton) {\n submitButton.setAttribute(\"disabled\", \"disabled\");\n }\n return;\n }\n\n memorialSearchResultContainer.classList.remove(\"d-none\");\n if (manualEntryContainer) {\n manualEntryContainer.classList.add(\"d-none\");\n } else if (submitButton) {\n submitButton.removeAttribute(\"disabled\");\n }\n memorialSearchResultContainer.querySelector(\".memorial-image\").src =\n memorialData.photo;\n memorialSearchResultContainer.querySelector(\".name\").innerText =\n memorialData.name;\n memorialSearchResultContainer.querySelector(\".location\").innerText =\n memorialData.location || \"\";\n if (memorialData.yearOfBirth) {\n memorialSearchResultContainer.querySelector(\".years\").innerText =\n `${memorialData.yearOfBirth} - ${memorialData.yearOfDeath}`;\n } else {\n memorialSearchResultContainer.querySelector(\".years\").innerText = \"--\";\n }\n memorialSlugField.value = memorialData.slug;\n rawFirstNameField.value = memorialData.firstName;\n rawLastNameField.value = memorialData.lastName;\n } else {\n memorialSearchResultContainer.classList.add(\"d-none\");\n memorialSearchEntry.classList.remove(\"d-none\");\n memorialSearchError.classList.remove(\"d-none\");\n if (manualEntryContainer) {\n manualEntryContainer.classList.remove(\"d-none\");\n } else if (submitButton) {\n submitButton.setAttribute(\"disabled\", \"disabled\");\n }\n }\n };\n\n /**\n * Search for a memorial by URL.\n *\n * @param {string} memorialUrl - the memorial URL\n * @returns {Promise} - an ignorable promise\n */\n const searchMemorial = async (memorialUrl) => {\n memorialSearchEntry.classList.add(\"d-none\");\n memorialSearchLoading.classList.remove(\"d-none\");\n memorialSearchResultContainer.classList.add(\"d-none\");\n memorialSearchError.classList.add(\"d-none\");\n memorialSearchIneligible.classList.add(\"d-none\");\n memorialSearchDuplicate.classList.add(\"d-none\");\n\n const searchUrl = `${baseSearchUrl}?url=${encodeURIComponent(memorialUrl)}`;\n\n try {\n const response = await requests.get(searchUrl);\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n\n const responseData = await response.json();\n\n showSearchResult(responseData);\n } catch (error) {\n window.Rollbar.warn(\"Error searching memorial by URL\", error);\n showSearchResult(null);\n }\n };\n\n if (memorialSearchEntry) {\n memorialSearchEntry.querySelector(\"input\").addEventListener(\"paste\", (event) => {\n const pastedUrl = (event.clipboardData || window.clipboardData).getData(\"text\");\n searchMemorial(pastedUrl);\n });\n\n const clearLink = container.querySelector(\".clear-search-result\");\n clearLink.addEventListener(\"click\", () => {\n memorialSlugField.value = \"\";\n rawFirstNameField.value = \"\";\n rawLastNameField.value = \"\";\n memorialSearchResultContainer.classList.add(\"d-none\");\n memorialSearchEntry.classList.remove(\"d-none\");\n if (manualEntryContainer) {\n manualEntryContainer.classList.remove(\"d-none\");\n } else if (submitButton) {\n submitButton.setAttribute(\"disabled\", \"disabled\");\n }\n });\n }\n}\n","import initGoogleAutocomplete from \"../../components/GoogleAutocomplete\";\nimport initExpandableCollapses from \"../../components/ExpandableCollapse\";\nimport {\n initAnimatedPlaceholderFormField,\n registerSubmitButton,\n} from \"../../core/utils\";\n\nexport default function initMemorialPrivateHowToHelp(props) {\n let { totalOtherFormCount } = props;\n\n const initNeedForm = (needFormContainer) => {\n const checkbox = needFormContainer.querySelector(\n '.need-title input[type=\"checkbox\"]',\n );\n const needTypeOtherInput = checkbox\n .closest(\".need-title\")\n .querySelector(\".need-type-other-input\");\n\n const activate = () => {\n const detail = checkbox\n .closest(\".need-form-container\")\n .querySelector(\".need-details\");\n if (detail) {\n detail.classList.toggle(\"show\", checkbox.checked);\n }\n\n const needTypeLabel = checkbox\n .closest(\".need-title\")\n .querySelector(\".need-title-label\");\n const deleteInput = checkbox\n .closest(\".need-title\")\n .querySelector(`#${checkbox.id.replace(\"need_enabled\", \"DELETE\")}`);\n const idInput = checkbox\n .closest(\".need-form-container\")\n .querySelector(`#${checkbox.id.replace(\"need_enabled\", \"id\")}`);\n if (needTypeLabel && needTypeOtherInput && deleteInput) {\n needTypeOtherInput.classList.toggle(\"d-none\", !checkbox.checked);\n needTypeLabel.classList.toggle(\"d-none\", checkbox.checked);\n\n if (checkbox.checked) {\n needTypeOtherInput.focus();\n }\n\n if (idInput && idInput.value) {\n deleteInput.value = !checkbox.checked;\n } else if (!checkbox.checked) {\n totalOtherFormCount -= 1;\n checkbox.closest(\".need-form-container\").remove();\n document.querySelector(\"#id_need-other-TOTAL_FORMS\").value =\n totalOtherFormCount;\n }\n }\n\n const titleSubmitButton = checkbox\n .closest(\".need-title\")\n .querySelector('button[type=\"submit\"]');\n if (titleSubmitButton) {\n titleSubmitButton.classList.add(\"d-md-block\");\n\n if (idInput && idInput.value && !checkbox.checked) {\n titleSubmitButton.innerText = \"Remove\";\n }\n }\n };\n\n checkbox.addEventListener(\"change\", activate);\n\n if (needTypeOtherInput) {\n needTypeOtherInput.addEventListener(\"input\", activate);\n }\n\n const editNeedDetailsButtons =\n needFormContainer.querySelectorAll(\".edit-need-details\");\n editNeedDetailsButtons.forEach((button) => {\n button.addEventListener(\"click\", () => {\n const readonlyContainer = needFormContainer.querySelector(\n \".need-details-readonly\",\n );\n const editableContainer = needFormContainer.querySelector(\n \".need-details-editable\",\n );\n\n readonlyContainer.classList.add(\"d-none\");\n editableContainer.classList.remove(\"d-none\");\n });\n });\n\n const locationField = needFormContainer.querySelector(\".need-location-field\");\n const locationMetadataField = needFormContainer.querySelector(\n \".need-location-metadata-field\",\n );\n\n if (locationField && locationMetadataField) {\n initGoogleAutocomplete({\n element: locationField,\n metadataElement: locationMetadataField,\n options: {\n types: [\"establishment\", \"geocode\"],\n },\n });\n }\n };\n\n document.querySelectorAll(\".need-form-container\").forEach(initNeedForm);\n\n const otherNeedFormsetContainer = document.querySelector(\".other-need-formset\");\n const addOtherButton = document.querySelector(\".add-other-need\");\n if (otherNeedFormsetContainer && addOtherButton) {\n addOtherButton.addEventListener(\"click\", () => {\n totalOtherFormCount += 1;\n const formSource = props.emptyOtherForm.replace(\n /__prefix__/g,\n totalOtherFormCount - 1,\n );\n const wrapper = document.createElement(\"div\");\n wrapper.innerHTML = formSource;\n const form = wrapper.firstElementChild;\n otherNeedFormsetContainer.appendChild(form);\n\n initNeedForm(form);\n\n form.querySelectorAll('[type=\"submit\"]').forEach(registerSubmitButton);\n form.querySelector('input[type=\"checkbox\"]').click();\n form\n .querySelectorAll(\".el-animated-placeholder-label-input input\")\n .forEach(initAnimatedPlaceholderFormField);\n\n document.querySelector(\"#id_need-other-TOTAL_FORMS\").value = totalOtherFormCount;\n });\n }\n\n initExpandableCollapses();\n}\n","import Modal from \"bootstrap/js/dist/modal\";\n\nimport initSubscriberNotificationsModal from \"../../components/SubscriberNotificationsModal\";\nimport requests, { ResponseError } from \"../../core/requests\";\n\nexport default function initInvites(props) {\n if (props.showNotificationsPrompt) {\n initSubscriberNotificationsModal(props);\n }\n\n const openImportContactsButton = document.querySelector(\n \".open-import-contacts-button\",\n );\n const loadingOverlay = document.querySelector(\".modal-body-overlay.loading\");\n const connectPromptOverlay = document.querySelector(\n \".modal-body-overlay.connect-prompt\",\n );\n const errorOverlay = document.querySelector(\".modal-body-overlay.error\");\n const contactSearch = document.querySelector(\".contact-search\");\n const contactListGroup = document.querySelector(\".contact-list-group\");\n const importContactsButton = document.querySelector(\".import-contacts-button\");\n const recipientsField = document.querySelector(\".invite-recipients-field textarea\");\n const selectAllContactsButton = document.querySelector(\".select-all-contacts-button\");\n\n if (contactSearch) {\n contactSearch.addEventListener(\"input\", () => {\n const term = contactSearch.value.toLowerCase();\n document.querySelector(\".clear-contact-search\").classList.toggle(\"d-none\", !term);\n contactListGroup.querySelectorAll(\".list-group-item\").forEach((element) => {\n const searchTarget = (\n element.getAttribute(\"data-name\") + element.getAttribute(\"data-email\")\n ).toLowerCase();\n const show = !term || searchTarget.includes(term);\n element.classList.toggle(\"d-none\", !show);\n });\n });\n\n document.querySelector(\".clear-contact-search\").addEventListener(\"click\", (e) => {\n e.currentTarget.classList.add(\"d-none\");\n contactSearch.value = \"\";\n contactListGroup.querySelectorAll(\".list-group-item\").forEach((element) => {\n element.classList.remove(\"d-none\");\n });\n });\n\n const loadContacts = async () => {\n const alreadySelected = (recipientsField.value || \"\")\n .toLowerCase()\n .split(\",\")\n .map((em) => em.trim());\n\n while (contactListGroup.firstChild) {\n contactListGroup.removeChild(contactListGroup.firstChild);\n }\n\n errorOverlay.classList.add(\"d-none\");\n loadingOverlay.classList.remove(\"d-none\");\n importContactsButton.classList.add(\"disabled\");\n\n let responseData;\n\n try {\n const response = await requests.get(props.getContactsUrl);\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n\n responseData = await response.json();\n } catch (error) {\n window.Rollbar.warn(\"Error getting Google contacts\", error);\n loadingOverlay.classList.add(\"d-none\");\n errorOverlay.classList.remove(\"d-none\");\n }\n\n if (responseData) {\n if (responseData.contacts.length === 0) {\n const element = document.createElement(\"div\");\n element.setAttribute(\"class\", \"list-group-item list-group-item-disabled\");\n element.innerText = \"You have no contacts attached to your Google account.\";\n }\n\n responseData.contacts.forEach((contact) => {\n const element = document.createElement(\"a\");\n element.setAttribute(\"href\", \"javascript:;\");\n element.setAttribute(\n \"class\",\n \"list-group-item list-group-item-action contact-list-group-item\",\n );\n element.setAttribute(\"data-email\", contact.email);\n element.setAttribute(\"data-name\", contact.name);\n element.innerHTML = `${contact.name}
${contact.email}`;\n element.addEventListener(\"click\", () => {\n element.classList.toggle(\"active\");\n\n if (\n document.querySelectorAll(\".contact-list-group-item\").length ===\n document.querySelectorAll(\".contact-list-group-item.active\").length\n ) {\n selectAllContactsButton.innerText = \"Deselect All\";\n selectAllContactsButton.setAttribute(\"data-all-selected\", \"true\");\n } else {\n selectAllContactsButton.innerText = \"Select All\";\n selectAllContactsButton.removeAttribute(\"data-all-selected\");\n }\n });\n\n if (alreadySelected.includes(contact.email.toLowerCase())) {\n element.classList.add(\"active\");\n }\n\n contactListGroup.appendChild(element);\n });\n\n selectAllContactsButton.classList.remove(\"d-none\");\n loadingOverlay.classList.add(\"d-none\");\n importContactsButton.classList.remove(\"disabled\");\n }\n };\n\n errorOverlay.querySelector(\".btn\").addEventListener(\"click\", (evt) => {\n if (!errorOverlay.getAttribute(\"data-has-retried\")) {\n errorOverlay.setAttribute(\"data-has-retried\", \"true\");\n evt.currentTarget.innerText = \"Error! Click to reload and reconnect to Google.\";\n loadContacts();\n } else {\n window.location = `${window.location.pathname}?clear-gauth=1`;\n }\n });\n\n const importGoogleContactsModalElement = document.querySelector(\n \"#import-google-contacts-modal\",\n );\n if (props.hasCredentials) {\n importGoogleContactsModalElement.addEventListener(\"show.bs.modal\", async () => {\n await loadContacts();\n });\n } else {\n const initializerButton = document.querySelector(\".oauth-initializer\");\n initializerButton.addEventListener(\"click\", () => {\n const alternate = document.querySelector(\n initializerButton.getAttribute(\"data-alternate\"),\n );\n if (alternate && alternate.classList.contains(\"invisible\")) {\n setTimeout(() => {\n alternate.classList.remove(\"invisible\");\n }, 2000);\n }\n\n const url = initializerButton.getAttribute(\"data-oauth-url\");\n const w = 400;\n const h = 680;\n const y = window.top.outerHeight / 2 + window.top.screenY - h / 2;\n const x = window.top.outerWidth / 2 + window.top.screenX - w / 2;\n window.open(\n url,\n \"OAuthWindow\",\n `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`,\n );\n });\n window.oAuthComplete = async () => {\n if (connectPromptOverlay && loadingOverlay) {\n connectPromptOverlay.classList.add(\"d-none\");\n loadingOverlay.classList.remove(\"d-none\");\n }\n await loadContacts();\n };\n }\n\n if (importContactsButton) {\n importContactsButton.addEventListener(\"click\", () => {\n openImportContactsButton.innerText = \"Add more imported contacts\";\n if (!importContactsButton.classList.contains(\"disabled\")) {\n const alreadySelected = (recipientsField.value || \"\")\n .toLowerCase()\n .split(\",\")\n .map((em) => em.trim());\n const selectedEmails = Array.from(\n contactListGroup.querySelectorAll(\".list-group-item.active\"),\n ).map((item) => item.getAttribute(\"data-email\").toLowerCase());\n const deselectedEmails = Array.from(\n contactListGroup.querySelectorAll(\".list-group-item\"),\n )\n .map((item) => item.getAttribute(\"data-email\").toLowerCase())\n .filter((email) => !selectedEmails.includes(email));\n const newSelectedEmails = selectedEmails.filter(\n (email) => !alreadySelected.includes(email.toLowerCase()),\n );\n const newRecipients = alreadySelected\n .filter((email) => !deselectedEmails.includes(email.toLowerCase()))\n .concat(newSelectedEmails)\n .filter((email) => email);\n\n recipientsField.value = `${newRecipients.join(\", \")}`;\n\n Modal.getOrCreateInstance(importGoogleContactsModalElement).hide();\n }\n });\n }\n\n if (selectAllContactsButton) {\n selectAllContactsButton.addEventListener(\"click\", () => {\n if (selectAllContactsButton.getAttribute(\"data-all-selected\")) {\n document.querySelectorAll(\".contact-list-group-item\").forEach((el) => {\n el.classList.remove(\"active\");\n });\n } else {\n document.querySelectorAll(\".contact-list-group-item\").forEach((el) => {\n el.classList.add(\"active\");\n });\n }\n\n if (\n document.querySelectorAll(\".contact-list-group-item\").length ===\n document.querySelectorAll(\".contact-list-group-item.active\").length\n ) {\n selectAllContactsButton.innerText = \"Deselect All\";\n selectAllContactsButton.setAttribute(\"data-all-selected\", \"true\");\n } else {\n selectAllContactsButton.innerText = \"Select All\";\n selectAllContactsButton.removeAttribute(\"data-all-selected\");\n }\n });\n }\n }\n\n const inviteRecordsBodyCard = document.querySelector(\".invite-records-body-card\");\n if (inviteRecordsBodyCard) {\n const toggleButton = inviteRecordsBodyCard.querySelector(\n \".toggle-collapse-invite-records\",\n );\n toggleButton.addEventListener(\"click\", () => {\n inviteRecordsBodyCard.classList.toggle(\"collapsed\");\n\n if (inviteRecordsBodyCard.classList.contains(\"collapsed\")) {\n inviteRecordsBodyCard.style.height = null;\n } else {\n inviteRecordsBodyCard.style.height = `${inviteRecordsBodyCard.scrollHeight + 40}px`;\n }\n });\n }\n}\n","import initFundraiserForm from \"../../components/FundraiserForm\";\nimport initRelationshipForms from \"./relationshipForms\";\n\nexport function initFundraiserOnboarding(props) {\n initFundraiserForm(props);\n}\n\nexport function initMemorialOnboardingInviteManager(props) {\n initRelationshipForms(props);\n const formContainer = document.querySelector(\".add-survivor-form\");\n formContainer.querySelectorAll(\"input,select\").forEach((field) => {\n field.disabled = false;\n });\n}\n","import { initEditEvents, initEditEventsOnLoad } from \"../../components/EditEvents\";\n\nexport default function initMemorialOnboardingEvents(props) {\n const deleteEventCallbacks = [];\n initEditEvents(props, deleteEventCallbacks);\n initEditEventsOnLoad(props, deleteEventCallbacks);\n}\n","import initRelationshipForms from \"./relationshipForms\";\n\nexport default function initMemorialOnboardingFamily(props) {\n initRelationshipForms(props);\n}\n","import initBusinessAssociationForm from \"../../components/BusinessAssociationForm\";\nimport initCauseOfDeathAutocomplete from \"../../components/CauseOfDeathAutocomplete\";\nimport initGoogleAutocomplete from \"../../components/GoogleAutocomplete\";\n\nexport default function initMemorialOnboardingFinalRestingPlace(props) {\n initBusinessAssociationForm(props);\n initCauseOfDeathAutocomplete(props.causeOfDeathSearch);\n\n initGoogleAutocomplete({\n element: document.getElementById(\"id_business_association-remains_location\"),\n metadataElement: document.getElementById(\n \"id_business_association-remains_location_metadata\",\n ),\n options: {\n types: [\"establishment\", \"geocode\"],\n },\n });\n}\n","export default function initMemorialOnboardingFundraisingGuidance() {\n const choiceField = document.querySelector('input[name=\"_fundraising_choice\"]');\n const choices = document.querySelectorAll(\".fundraising-guidance-option\");\n\n if (choiceField && choices.length) {\n choices.forEach((choice) => {\n choice.addEventListener(\"click\", () => {\n choiceField.value = choice.dataset.fundraisingChoice;\n choiceField.closest(\"form\").submit();\n });\n });\n }\n}\n","import DeceasedPhotoUploader from \"../../components/DeceasedPhotoUploader\";\nimport config from \"../../core/config\";\n\nexport default function initMemorialOnboardingPhoto(props) {\n const uploader = new DeceasedPhotoUploader(props.deceasedPhotoUploaderProps);\n const selectPhotosButton = document.querySelector(\".start-select-photos\");\n selectPhotosButton.addEventListener(\"click\", () => {\n uploader.show();\n });\n\n window.fbAsyncInit = () => {\n window.FB.init({\n appId: config.facebookAppId,\n autoLogAppEvents: true,\n xfbml: true,\n version: config.facebookApiVersion,\n });\n };\n}\n","import ClipboardJS from \"clipboard\";\n\nimport config from \"../../core/config\";\nimport requests, { ResponseError } from \"../../core/requests\";\n\nconst updateSharingChecklist = async (props) => {\n try {\n const response = await requests.post(props.updateSharingChecklistEndpoint, {\n \"sharing-checklist-item\": \"share_to_facebook\",\n });\n if (!response.ok) {\n throw new ResponseError(response);\n }\n } catch (error) {\n window.Rollbar.error(\n \"Error updating the sharing checklist from onboarding\",\n error.statusText,\n );\n }\n};\n\nexport default function initMemorialOnboardingShare(props) {\n const clipboard = new ClipboardJS(\".btn-copy\");\n clipboard.on(\"success\", (event) => {\n const button = event.trigger;\n button.innerText = \"Copied!\";\n });\n\n // NOTE: this is the callback function for when the FaceBook SDK loads\n window.fbAsyncInit = () => {\n window.FB.init({\n appId: config.facebookAppId,\n autoLogAppEvents: true,\n xfbml: true,\n version: config.facebookApiVersion,\n });\n document.querySelectorAll(\".btn-facebook-share\").forEach((btnFacebookShare) => {\n btnFacebookShare.addEventListener(\"click\", () => {\n if (config.debug) {\n console.log(\n `Would share the following link to Facebook: ${props.facebookShare.href}`,\n );\n }\n window.FB.ui(props.facebookShare, (facebookResponse) => {\n if (\n facebookResponse &&\n !facebookResponse.error_code &&\n typeof facebookResponse !== \"undefined\"\n ) {\n if (\n props.memorialHasPersonalFundraiser &&\n !props.shareToFacebookChecklistStatus\n ) {\n updateSharingChecklist(props);\n window.location.href = props.shareComplete;\n } else {\n window.location.href = props.shareComplete;\n }\n }\n });\n });\n });\n };\n}\n","import { sendBrowserAgnosticEvent } from \"../core/utils\";\n\nexport default class WordCounter {\n constructor(root) {\n this.root = root;\n this.target = document.getElementById(this.root.dataset.wordCountTarget);\n this.max = parseInt(this.root.dataset.wordCountMax, 10);\n this.counterSpan = this.root.querySelector(\".word-counter-count\");\n\n if (!(this.target && this.max)) {\n return;\n }\n\n this.target.addEventListener(\"input\", () => {\n this.assessCount();\n });\n }\n\n assessCount() {\n const currentCount = this.getWordCount();\n const overage = currentCount - this.max;\n\n if (overage > 0) {\n this.counterSpan.innerText = `${currentCount}/${this.max}`;\n sendBrowserAgnosticEvent(this.root, \"elwc:overage\");\n } else {\n this.counterSpan.innerText = `${currentCount}/${this.max}`;\n sendBrowserAgnosticEvent(this.root, \"elwc:compliance\");\n }\n\n this.counterSpan.classList.toggle(\"overage\", overage > 0);\n this.counterSpan.classList.toggle(\"warning\", overage >= -10 && overage <= 0);\n }\n\n getWordCount() {\n return this.target.value.split(/\\s/).filter((token) => token.length > 0).length;\n }\n}\n","import WordCounter from \"../../components/WordCounter\";\nimport AutoSaveTextField from \"../../components/AutoSaveTextField\";\nimport initPayableCheckout from \"../../commerce/PayableCheckout\";\n\nexport default function initPartnerObituaryOrderCreate(props) {\n const photoUrlField = document.getElementById(props.form.fields.photoUrl);\n const selectedPhoto = document.querySelector(\".selected-photo\");\n const photoSelectorChoices = document.querySelectorAll(\n \".photo-selector-choices > img\",\n );\n\n if (photoUrlField && selectedPhoto && photoSelectorChoices.length) {\n photoSelectorChoices.forEach((img) => {\n img.addEventListener(\"click\", () => {\n photoSelectorChoices.forEach((_img) => {\n _img.classList.remove(\"selected\");\n });\n\n img.classList.add(\"selected\");\n\n if (img.classList.contains(\"no-photo\")) {\n photoUrlField.value = \"\";\n selectedPhoto.src = \"\";\n selectedPhoto.classList.add(\"d-none\");\n } else {\n photoUrlField.value = img.src;\n selectedPhoto.src = img.src;\n selectedPhoto.classList.remove(\"d-none\");\n }\n });\n });\n }\n\n const form = document.querySelector(\".partner-obituary-order-create-form\");\n let formDisabled = false;\n form.addEventListener(\"submit\", (event) => {\n if (formDisabled) {\n event.stopPropagation();\n event.preventDefault();\n }\n });\n\n const toggleFormEnabled = (forceEnabled) => {\n formDisabled = !forceEnabled;\n form.querySelectorAll('[type=\"submit\"]').forEach((btn) => {\n btn.disabled = !forceEnabled;\n btn.classList.toggle(\"disabled\", !forceEnabled);\n });\n };\n\n const wordCountRoot = document.querySelector(\n `.word-counter[data-word-count-target=\"${props.form.fields.obituary}\"]`,\n );\n if (wordCountRoot) {\n const wordCounter = new WordCounter(wordCountRoot);\n wordCounter.assessCount();\n\n wordCountRoot.addEventListener(\"elwc:overage\", () => {\n toggleFormEnabled(false);\n });\n wordCountRoot.addEventListener(\"elwc:compliance\", () => {\n toggleFormEnabled(true);\n });\n }\n\n const obitField = document.getElementById(props.form.fields.obituary);\n if (obitField) {\n new AutoSaveTextField(obitField);\n }\n\n initPayableCheckout(props);\n}\n","import Modal from \"bootstrap/js/dist/modal\";\n\nimport initBusinessAutocomplete from \"../../components/BusinessAutocomplete\";\nimport { scrollToElement } from \"../../core/utils\";\nimport initExpandableCollapses from \"../../components/ExpandableCollapse\";\n\n/**\n * Initialize the Charity Search handling for the page.\n *\n * @param {object} props - the page props, including Autocomplete props for\n * Charity search\n */\nfunction initCharitySearchListener(props) {\n initBusinessAutocomplete(props.charitySearch);\n\n const charityBusinessIdentifierInput = document.getElementById(\n props.charitySearch.businessIdentifierInputId,\n );\n const selectCharityBtn = document.querySelector(\".btn-submit-typed-charity\");\n const modalElement = document.querySelector(\".charity-search-helper-modal\");\n\n charityBusinessIdentifierInput.tomselect.on(\"change\", (newValue) => {\n if (newValue) {\n const newOption = charityBusinessIdentifierInput.tomselect.options[newValue];\n if (newOption.created) {\n const causeNameInput = modalElement.querySelector(\".cause-name-input\");\n causeNameInput.value = newOption.id;\n\n Modal.getOrCreateInstance(modalElement).show();\n }\n\n selectCharityBtn.classList.remove(\"d-none\");\n }\n });\n}\n\n/**\n * Initialize the cause chooser grid.\n */\nfunction initChooseCauseGrid() {\n const causeCards = document.querySelectorAll(\".cause-card\");\n const causeExpanders = document.querySelectorAll(\".cause-card .cause-expander\");\n const rectangles = document.querySelectorAll(\".rectangle\");\n\n // open and close cause-card when click on cause-card\n causeExpanders.forEach((causeExpander) => {\n causeExpander.addEventListener(\"click\", () => {\n const thisCard = causeExpander.closest(\".cause-card\");\n const thisCauseCardExpander = thisCard.querySelector(\".cause-card-expander\");\n const thisRectangle = thisCard.querySelector(\".rectangle\");\n const isAlreadyExpanded = thisCard.classList.contains(\"is-expanded\");\n\n rectangles.forEach((rectangle) => {\n rectangle.classList.toggle(\n \"d-none\",\n thisRectangle !== rectangle || isAlreadyExpanded,\n );\n });\n\n causeCards.forEach((card) => {\n card.classList.toggle(\n \"is-expanded\",\n card === thisCard ? !isAlreadyExpanded : false,\n );\n card.classList.toggle(\n \"is-collapsed\",\n card === thisCard ? isAlreadyExpanded : true,\n );\n card.style.marginBottom =\n card === thisCard && !isAlreadyExpanded\n ? `${thisCauseCardExpander.offsetHeight + 20}px`\n : \"20px\";\n });\n\n scrollToElement(\n thisCard,\n -80,\n false,\n window.isOnMobile\n ? document.scrollingElement\n : thisCard.closest(\".private-content-container\") || document.scrollingElement,\n );\n });\n });\n}\n\n/**\n * Init the expandable charity overview sections with `initExpandableCollapse`\n */\nfunction initExpandableCharityOverview() {\n // This initializes the Read More/Read Less functionality of already opened charity\n // overviews.\n function adjustCurrentCardBottomMargin(event) {\n const currentExpander = event.target.closest(\".cause-card-expander\");\n const currentCard = currentExpander.closest(\".cause-card\");\n\n currentCard.style.marginBottom = `${currentExpander.offsetHeight + 20}px`;\n }\n\n initExpandableCollapses();\n\n document.querySelectorAll(\".cause-description\").forEach((descriptionExpander) => {\n descriptionExpander.addEventListener(\n \"shown.bs.collapse\",\n adjustCurrentCardBottomMargin,\n );\n descriptionExpander.addEventListener(\n \"hidden.bs.collapse\",\n adjustCurrentCardBottomMargin,\n );\n });\n}\n\n/**\n * Initialize the choose-cause experience page (onboarding and private)\n *\n * @param {object} props - the page props.\n */\nexport default function initMemorialPrivateChooseCause(props) {\n initCharitySearchListener(props);\n initChooseCauseGrid();\n initExpandableCharityOverview();\n}\n","import \"../../../sass/memorials/private/private.scss\";\n\nimport Glide, { Swipe } from \"@glidejs/glide/dist/glide.modular.esm\";\nimport Alert from \"bootstrap/js/dist/alert\";\nimport Carousel from \"bootstrap/js/dist/carousel\";\nimport Collapse from \"bootstrap/js/dist/collapse\";\nimport Dropdown from \"bootstrap/js/dist/dropdown\"; // eslint-disable-line no-unused-vars\nimport Modal from \"bootstrap/js/dist/modal\";\nimport Tab from \"bootstrap/js/dist/tab\"; // eslint-disable-line no-unused-vars\n\nimport BelongingEditor from \"../../commerce/BelongingEditor\";\n\nimport { initProductPhotoBlur } from \"../../commerce/utils\";\nimport AutoSaveTextField from \"../../components/AutoSaveTextField\";\nimport initBusinessAssociationForm from \"../../components/BusinessAssociationForm\";\nimport initCauseOfDeathAutocomplete from \"../../components/CauseOfDeathAutocomplete\";\nimport initCityAutocomplete from \"../../components/CityAutocomplete\";\nimport { initEditEvents, initEditEventsOnLoad } from \"../../components/EditEvents\";\nimport DeceasedPhotoUploader from \"../../components/DeceasedPhotoUploader\";\nimport initDeceasedSearchAutocomplete from \"../../components/DeceasedSearchAutocomplete\";\nimport { initEditDropdowns } from \"../../components/EditMenuDropdowns\";\nimport initFundraiserForm from \"../../components/FundraiserForm\";\nimport initGoogleAutocomplete from \"../../components/GoogleAutocomplete\";\nimport initMemorialFeatureAutocomplete from \"../../components/MemorialFeatureAutocomplete\";\nimport initMobileShareButton from \"../../components/MobileShareButton\";\nimport initOrganDonationForm from \"../../components/OrganDonationForm\";\nimport initPhotoCropper from \"../../components/PhotoCropper\";\nimport ProgressRing from \"../../components/ProgressRing\";\nimport initSubscriberNotificationsModal from \"../../components/SubscriberNotificationsModal\";\nimport initSuccessModal from \"../../components/SuccessModal\";\nimport initUGCTemplates from \"../../components/UGCTemplates\";\nimport { initUserMentions } from \"../../components/UserMentions\";\nimport config from \"../../core/config\";\nimport {\n generateElements,\n getNextSiblingMatchingSelector,\n handleAjaxFormSubmitProtection,\n initClipboard,\n initDirtyTracker,\n initPopovers,\n initTooltips,\n isInViewport,\n isVisible,\n registerFormSubmitProtection,\n storageAvailable,\n trackCustomUserAction,\n} from \"../../core/utils\";\nimport initRelationshipForms from \"./relationshipForms\";\nimport requests, { ResponseError } from \"../../core/requests\";\nimport {\n initAddFuneralHomeWarning,\n scrollInMemorialPrivateContentContainer,\n} from \"../utils\";\nimport initPayableCheckout from \"../../commerce/PayableCheckout\";\nimport initAddPaymentMethod from \"../../commerce/PaymentMethod\";\n\nexport { default as initMemorialPrivateHowToHelp } from \"./howToHelp\";\nexport { default as initInvites } from \"./invites\";\nexport {\n initFundraiserOnboarding,\n initMemorialOnboardingInviteManager,\n} from \"./onboarding\";\nexport { default as initMemorialOnboardingEvents } from \"./onboardingEvents\";\nexport { default as initMemorialOnboardingFamily } from \"./onboardingFamily\";\nexport { default as initMemorialOnboardingFinalRestingPlace } from \"./onboardingFinalRestingPlace\";\nexport { default as initMemorialOnboardingFundraisingGuidance } from \"./onboardingFundraisingGuidance\";\nexport { default as initMemorialOnboardingPhoto } from \"./onboardingPhoto\";\nexport { default as initMemorialOnboardingShare } from \"./onboardingShare\";\nexport { default as initPartnerObituaryOrderCheckout } from \"./partnerObituary\";\nexport { default as initMemorialPrivateChooseCause } from \"./privateChooseCause\";\n\nconst eventActions = {\n \"cause-name\": \"cause-name-change-after-launch\",\n \"cause-url\": \"cause-website-change-after-launch\",\n \"cause-type\": \"sympathy-gift-type-change-after-launch\",\n};\n\nconst errorMessages = {\n \"cause-name\":\n \"The cause name can't be changed if there are outstanding pledges to the cause.\",\n \"cause-url\":\n \"The cause website address can't be changed if there are outstanding pledges to the cause.\",\n \"cause-type\":\n \"The type of sympathy gift can't be changed if there are outstanding pledges to the cause.\",\n};\n\nconst TOUR_DELAY = 5000;\n\nfunction initTimezoneSelector(timezoneSelectorId) {\n const timezoneSelector = document.querySelector(`#${timezoneSelectorId}`);\n if (timezoneSelector) {\n let browserTimezone;\n try {\n browserTimezone = window.Intl.DateTimeFormat().resolvedOptions().timeZone;\n } catch {\n browserTimezone = null;\n }\n\n if (browserTimezone) {\n const match = Array.from(timezoneSelector.options).find(\n (opt) => opt.value === browserTimezone,\n );\n\n if (match) {\n timezoneSelector.insertBefore(\n match,\n timezoneSelector.firstElementChild.nextElementSibling,\n );\n }\n }\n }\n}\n\nasync function completeSharingChecklistItem(checklistItemKey, endpoint) {\n try {\n const response = await requests.post(endpoint, {\n \"sharing-checklist-item\": checklistItemKey,\n \"sharing-checklist-value\": 1,\n });\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n } catch {\n return;\n }\n\n document.querySelectorAll(`[data-alert-key=\"${checklistItemKey}\"]`).forEach((a) => {\n a.remove();\n });\n}\n\nconst SIDEBAR_KEY = \"el-sidebar-hidden\";\n\nclass SidebarManager {\n constructor(sidebar) {\n this.sidebar = sidebar;\n this.storageAvailable = storageAvailable(\"sessionStorage\");\n }\n\n isShowing() {\n return !this.sidebar.classList.contains(\"hidden\");\n }\n\n sync() {\n const hidden = window.sessionStorage.getItem(SIDEBAR_KEY) === \"true\";\n this.sidebar.classList.toggle(\"hidden\", hidden);\n }\n\n show() {\n if (this.storageAvailable) {\n window.sessionStorage.setItem(SIDEBAR_KEY, \"false\");\n this.sync();\n } else {\n this.sidebar.classList.remove(\"hidden\");\n }\n }\n\n hide() {\n if (this.storageAvailable) {\n window.sessionStorage.setItem(SIDEBAR_KEY, \"true\");\n this.sync();\n } else {\n this.sidebar.classList.add(\"hidden\");\n }\n }\n\n toggle() {\n if (this.storageAvailable) {\n if (this.isShowing()) {\n this.hide();\n } else {\n this.show();\n }\n } else {\n this.sidebar.classList.toggle(\"hidden\");\n }\n }\n}\n\nfunction initMemorialUpdateEdits() {\n document.querySelectorAll(\".remove-memorial-update\").forEach((link) => {\n link.addEventListener(\"click\", async () => {\n if (\n window.confirm(\n \"Are you sure you want to delete this update? Subscribers will not be notified.\",\n )\n ) {\n const deleteUrl = link.getAttribute(\"data-delete-url\");\n\n link.innerHTML = \"Removing...\";\n try {\n const response = await requests.delete(deleteUrl);\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n } catch {\n link.innerHTML = \"Removing failed.\";\n return;\n }\n\n link.closest(\".memorial-update-container\").remove();\n }\n });\n });\n}\n\nfunction initMemorialGiftPremiumControls(props) {\n if (!props.hasPremium) {\n return;\n }\n\n if (props.disableMemorialGiftsId) {\n const disableMemorialGiftsContainers = document.querySelectorAll(\n \".disable-memorial-gifts-container\",\n );\n if (disableMemorialGiftsContainers.length > 0) {\n disableMemorialGiftsContainers.forEach((disableMemorialGiftsContainer) => {\n const disableMemorialGiftsToggle = disableMemorialGiftsContainer.querySelector(\n 'input[type=\"checkbox\"]',\n );\n const handleDisableToggle = () => {\n const giftTogglesContainer = document.querySelector(\".gift-toggles\");\n const giftTogglesDoNotSuggestGifts = giftTogglesContainer.querySelector(\n \".disable-memorial-gifts-container\",\n );\n const causeConfigurationContainers = document.querySelectorAll(\n \".cause-configuration-container\",\n );\n const preferencesContainer = document.querySelector(\n \".memorial-gifts-display-preferences-container\",\n );\n const standaloneStoryAndChecklist = document.querySelector(\n \".standalone-story-and-checklist\",\n );\n const addFundraiserBtn = document.querySelector(\n \".full-width-add-fundraiser-button\",\n );\n\n if (giftTogglesContainer && causeConfigurationContainers) {\n giftTogglesContainer.classList.toggle(\n \"gifts-hidden\",\n disableMemorialGiftsToggle.checked,\n );\n causeConfigurationContainers.forEach((causeConfigurationContainer) => {\n causeConfigurationContainer.parentElement.classList.toggle(\n \"d-none\",\n disableMemorialGiftsToggle.checked,\n );\n });\n giftTogglesDoNotSuggestGifts.classList.toggle(\n \"d-none\",\n !disableMemorialGiftsToggle.checked,\n );\n preferencesContainer.classList.toggle(\n \"d-none\",\n disableMemorialGiftsToggle.checked,\n );\n\n if (standaloneStoryAndChecklist) {\n standaloneStoryAndChecklist.classList.toggle(\n \"d-none\",\n disableMemorialGiftsToggle.checked,\n );\n }\n\n if (addFundraiserBtn) {\n addFundraiserBtn.classList.toggle(\n \"d-none\",\n disableMemorialGiftsToggle.checked,\n );\n }\n }\n\n disableMemorialGiftsContainers.forEach((container) => {\n container.querySelector('input[type=\"checkbox\"]').checked =\n disableMemorialGiftsToggle.checked;\n });\n };\n\n disableMemorialGiftsToggle.addEventListener(\"change\", handleDisableToggle);\n handleDisableToggle();\n });\n }\n }\n\n if (props.disableMemorialGiftListDisplayId) {\n const disableListDisplay = document.getElementById(\n props.disableMemorialGiftListDisplayId,\n );\n const disableContributionsDisplay = document.getElementById(\n props.disableMemorialGiftContributionsDisplayId,\n );\n\n if (disableListDisplay) {\n const handleListDisplayToggle = () => {\n if (disableListDisplay.checked) {\n disableContributionsDisplay.checked = true;\n disableContributionsDisplay.disabled = true;\n } else {\n disableContributionsDisplay.disabled = false;\n }\n };\n\n const undoDisabledCheckboxOnSubmit = (checkboxEl) => {\n const targetForm = checkboxEl.closest(\"form\");\n if (targetForm && checkboxEl) {\n targetForm.addEventListener(\"submit\", () => {\n if (checkboxEl.disabled) {\n checkboxEl.disabled = false;\n }\n });\n }\n };\n\n disableListDisplay.addEventListener(\"change\", handleListDisplayToggle);\n handleListDisplayToggle();\n undoDisabledCheckboxOnSubmit(disableContributionsDisplay);\n }\n }\n}\n\nfunction initPremiumUpsell(props) {\n if (!props.hasPremium) {\n const disabledPremiumCheckboxContainers = document.querySelectorAll(\n \".premium-preference-toggle.disabled\",\n );\n disabledPremiumCheckboxContainers.forEach((checkboxContainer) => {\n checkboxContainer\n .querySelector(\".click-capture-overlay\")\n .addEventListener(\"click\", () => {\n Modal.getOrCreateInstance(\".premium-upsell-modal\").show();\n });\n });\n }\n}\n\nfunction initTimezoneModal() {\n const urlParams = new URLSearchParams(window.location.search);\n if (\n urlParams.get(\"timezone-added\") ||\n urlParams.get(\"timezone-changed\") ||\n urlParams.get(\"timezone-removed\")\n ) {\n const message = document.getElementsByClassName(\"timezone-modal-text\")[0];\n\n if (urlParams.get(\"timezone-added\")) {\n message.innerHTML =\n \"This timezone will now be displayed throughout this memorial website.\";\n } else if (urlParams.get(\"timezone-changed\")) {\n message.innerHTML =\n \"Your memorial website and any event times have been updated to reflect this new timezone. If you have memorial events listed, please check to ensure the times shown are what you intended.\";\n } else {\n message.innerHTML =\n \"The timezone has been removed from this memorial website. If you have memorial events listed, please check to ensure the times shown are what you intended.\";\n }\n\n Modal.getOrCreateInstance(\".timezone-selection-modal\").show();\n }\n}\n\nfunction initThankYouNoteCheckboxes() {\n document\n .querySelectorAll(\".sent-thank-you-checkbox\")\n .forEach((sentThankYouCheckbox) => {\n sentThankYouCheckbox.addEventListener(\"click\", async (event) => {\n event.preventDefault();\n\n const checkbox = event.currentTarget;\n checkbox.disabled = true;\n\n let responseData;\n\n try {\n const response = await requests.post(sentThankYouCheckbox.dataset.updateUrl, {\n toggle_thank_you: true,\n });\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n\n responseData = await response.json();\n } catch {\n checkbox.disabled = false;\n }\n\n if (responseData) {\n checkbox.disabled = false;\n checkbox.checked = responseData.sentThankYou;\n }\n });\n });\n}\n\nexport function initMemorialPrivateBase(props) {\n // Notification-sending prompt\n if (props.showNotificationsPrompt) {\n initSubscriberNotificationsModal(props);\n }\n\n // Initialize UserMention code\n if (props.userMention) {\n initUserMentions(props);\n }\n\n // Initialize JS for sidebar hide/show in tablet mode.\n const sidebar = document.querySelector(\".private-sidebar\");\n if (sidebar) {\n const sidebarToggle = sidebar.querySelector(\".sidebar-toggle\");\n const sidebarManager = new SidebarManager(sidebar);\n sidebarManager.sync();\n\n if (sidebarToggle) {\n sidebarToggle.addEventListener(\"click\", () => {\n sidebarManager.toggle();\n });\n }\n\n // If there are visible errorlists, hide sidebar.\n if (\n Array.from(document.querySelectorAll(\".errorlist\")).some(\n (el) => el.offset !== null,\n )\n ) {\n sidebarManager.hide();\n }\n\n sidebar.querySelectorAll(\".sidebar-nav .nav-link\").forEach((link) => {\n link.addEventListener(\"click\", (e) => {\n e.preventDefault();\n sidebarManager.hide();\n window.location.href = e.currentTarget.href;\n });\n });\n }\n\n // Initialize: clipboard management, \"show less\", dirty form tracker, premium upsell,\n // timezone modal.\n initClipboard();\n initDirtyTracker(props);\n initPremiumUpsell(props);\n initTimezoneModal();\n initAddFuneralHomeWarning();\n\n // Initialize FB share links\n // NOTE: this is the callback function for when the FaceBook SDK loads\n window.fbAsyncInit = () => {\n window.FB.init({\n appId: config.facebookAppId,\n autoLogAppEvents: true,\n xfbml: true,\n version: config.facebookApiVersion,\n });\n\n document.querySelectorAll(\".btn-facebook-share\").forEach((facebookBtn) => {\n facebookBtn.addEventListener(\"click\", () => {\n if (config.debug) {\n console.log(\n `Would share the following link to Facebook: ${props.sharingUrl}`,\n );\n }\n\n window.FB.ui(\n {\n method: \"share\",\n href: props.sharingUrl,\n },\n (response) => {\n if (response && !response.error_code && typeof response !== \"undefined\") {\n completeSharingChecklistItem(\n \"share_to_facebook\",\n props.updateSharingChecklistEndpoint,\n );\n }\n },\n );\n });\n });\n };\n\n // Initialize the share button if supported.\n initMobileShareButton(\"#sidebar-mobile-actions-share .btn-native-share\");\n\n const autocompleteSharingChecklistItems = document.querySelectorAll(\n \".autocomplete-sharing-checklist-item\",\n );\n autocompleteSharingChecklistItems.forEach((item) => {\n item.addEventListener(\"click\", () => {\n completeSharingChecklistItem(\n item.dataset.alertKey,\n props.updateSharingChecklistEndpoint,\n );\n });\n });\n\n const allAlertsContainer = document.querySelector(\".private-all-alerts\");\n const showAllAlerts = document.querySelector(\".show-all-alerts\");\n if (showAllAlerts) {\n showAllAlerts.addEventListener(\"click\", (event) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (\n props.isPrivateDashboard &&\n allAlertsContainer &&\n allAlertsContainer.offsetParent == null\n ) {\n allAlertsContainer.classList.remove(\"d-none\");\n allAlertsContainer.classList.add(\"full-screen\");\n } else {\n scrollInMemorialPrivateContentContainer(allAlertsContainer);\n allAlertsContainer.classList.add(\"expand-alerts\");\n sidebar.classList.add(\"hidden\");\n }\n });\n }\n\n if (\n props.isPrivateDashboard &&\n window.location.hash === \"#all-alerts\" &&\n allAlertsContainer &&\n allAlertsContainer.offsetParent == null\n ) {\n allAlertsContainer.classList.remove(\"d-none\");\n allAlertsContainer.classList.add(\"full-screen\");\n }\n\n const closeAlerts = document.querySelector(\".close-alerts\");\n if (closeAlerts) {\n closeAlerts.addEventListener(\"click\", () => {\n allAlertsContainer.classList.add(\"d-none\");\n allAlertsContainer.classList.remove(\"full-screen\");\n });\n }\n\n const hideAlertButtons = document.querySelectorAll(\".dismiss-alert-button\");\n if (hideAlertButtons) {\n hideAlertButtons.forEach((alertButton) => {\n if (alertButton.dataset.alertKey) {\n alertButton.addEventListener(\"click\", async () => {\n const revert = handleAjaxFormSubmitProtection(alertButton);\n const listItem = alertButton.closest(\".list-group-item\");\n\n let responseData;\n\n try {\n const response = await requests.post(props.dismissPrivateAlertUrl, {\n key: alertButton.dataset.alertKey,\n });\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n\n responseData = await response.json();\n } catch {\n revert();\n return;\n }\n\n if (responseData) {\n if (responseData.success) {\n listItem.remove();\n } else {\n alertButton.innerText = \"Error\";\n }\n }\n });\n }\n });\n }\n\n // Init autoscroll\n if (props.autoScrollTargets) {\n const autoScroll = () => {\n Object.keys(props.autoScrollTargets).forEach((hash) => {\n if (window.location.hash === hash) {\n const node = document.querySelector(props.autoScrollTargets[hash]);\n if (node) {\n scrollInMemorialPrivateContentContainer(node, -240);\n sidebar.classList.add(\"hidden\");\n }\n }\n });\n };\n\n window.onhashchange = autoScroll;\n autoScroll();\n }\n\n const onboardingReentryBanner = document.querySelector(\".exit-onboarding-wizard\");\n if (onboardingReentryBanner) {\n const alert = Alert.getOrCreateInstance(onboardingReentryBanner);\n const closeBannerBtn = onboardingReentryBanner.querySelector(\".btn-close\");\n closeBannerBtn.addEventListener(\"htmx:afterRequest\", () => {\n alert.close();\n });\n }\n\n initMemorialFeatureAutocomplete(props.memorialFeatureSearch);\n initPopovers();\n initTooltips();\n}\n\nfunction initMemorialPrivateTour(props) {\n // Instead of relying on anything else here let's just cut off the tour from being\n // accessible at narrower than 1000 pixels wide. That's when the layout changes,\n // more or less.\n if (window.innerWidth < 1000) {\n return;\n }\n\n const { tourData, containerSelector } = props;\n\n const container = document.querySelector(containerSelector);\n\n let [currentTourStep] = tourData;\n\n if (container) {\n let tourHasBeenInvoked = false;\n let advanceTour;\n\n const closeTour = () => {\n document.querySelectorAll(\".tour-target\").forEach((target) => {\n target.classList.remove(\"tour-target\");\n });\n\n document.querySelectorAll(\".tour-step\").forEach((step) => {\n step.classList.add(\"d-none\");\n });\n\n container.classList.add(\"d-none\");\n };\n\n const renderCurrentTourStep = () => {\n document.querySelectorAll(\".tour-step\").forEach((step) => {\n step.classList.add(\"d-none\");\n const tourStepTarget = document.querySelector(\n `[data-tour-target-for=\"${step.id}\"]`,\n );\n if (tourStepTarget) {\n tourStepTarget.classList.toggle(\n \"tour-target\",\n step.id === currentTourStep.id,\n );\n }\n });\n\n const currentStep = document.getElementById(currentTourStep.id);\n\n if (currentStep) {\n if (currentTourStep.alone) {\n currentStep.style.position = \"absolute\";\n currentStep.style.width = \"33%\";\n currentStep.style.left = \"33%\";\n currentStep.style.top = \"25%\";\n currentStep.classList.remove(\"d-none\");\n } else {\n const tourStepTarget = document.querySelector(\n `[data-tour-target-for=\"${currentStep.id}\"]`,\n );\n if (tourStepTarget) {\n if (!isInViewport(tourStepTarget)) {\n tourStepTarget.scrollIntoView(false);\n }\n\n // Do the following in a 100ms timeout because `scrollIntView` doesn't\n // synchronously update the bounding client rect we need.\n setTimeout(() => {\n const targetRect = tourStepTarget.getBoundingClientRect();\n\n const leftEdge = targetRect.left;\n const rightEdge = targetRect.left + targetRect.width;\n const topEdge = targetRect.top;\n const bottomEdge = targetRect.top + targetRect.height;\n\n // Reset positioning to null state.\n currentStep.style.position = \"absolute\";\n currentStep.style.left = null;\n currentStep.style.right = null;\n currentStep.style.top = null;\n currentStep.style.bottom = null;\n\n let horizontalSpace;\n let horizontalAnchor;\n let verticalSpace;\n let verticalAnchor;\n\n // Determine if we're placing above or below target.\n if (topEdge > window.innerHeight - bottomEdge) {\n // More space on top.\n verticalSpace = window.innerHeight - topEdge;\n verticalAnchor = \"bottom\";\n } else {\n // More space on bottom.\n verticalSpace = bottomEdge;\n verticalAnchor = \"top\";\n }\n\n // Determine if we're placing left or right of target.\n if (leftEdge > window.innerWidth - rightEdge) {\n // More space to left.\n horizontalSpace = window.innerWidth - leftEdge;\n horizontalAnchor = \"right\";\n } else {\n // More space to right.\n horizontalSpace = rightEdge;\n horizontalAnchor = \"left\";\n }\n\n // Determine if we're placing beside or above/below.\n if (horizontalSpace > verticalSpace) {\n // Left/right\n currentStep.style.setProperty(horizontalAnchor, `${horizontalSpace}px`);\n currentStep.style.top = `${topEdge}px`;\n } else {\n // Top/bottom\n currentStep.style.setProperty(verticalAnchor, `${verticalSpace}px`);\n currentStep.style.left = `${leftEdge}px`;\n }\n\n currentStep.classList.remove(\"d-none\");\n\n // Correct flowing over bottom\n if (\n window.innerHeight - currentStep.getBoundingClientRect().bottom <\n 60\n ) {\n currentStep.style.top = null;\n currentStep.style.bottom = \"0\";\n }\n }, 150);\n } else {\n advanceTour();\n }\n }\n }\n };\n\n advanceTour = () => {\n const currentIndex = tourData.indexOf(currentTourStep);\n if (currentIndex + 1 >= tourData.length) {\n // We're at the end!\n [currentTourStep] = tourData;\n closeTour();\n } else {\n currentTourStep = tourData[currentIndex + 1];\n renderCurrentTourStep();\n }\n };\n\n const beginTour = () => {\n container.classList.remove(\"d-none\");\n renderCurrentTourStep();\n tourHasBeenInvoked = true;\n };\n\n document.querySelectorAll(\".tour-next\").forEach((nextBtn) => {\n nextBtn.addEventListener(\"click\", () => {\n advanceTour();\n });\n });\n\n document.querySelectorAll(\".tour-exit\").forEach((exitBtn) => {\n exitBtn.addEventListener(\"click\", () => {\n closeTour();\n });\n });\n\n // Initial timeout\n const timerFire = () => {\n if (!tourHasBeenInvoked) {\n beginTour();\n }\n };\n\n let timeoutId = setTimeout(timerFire, TOUR_DELAY);\n\n document.addEventListener(\"mousemove\", () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = null;\n }\n\n if (!tourHasBeenInvoked) {\n timeoutId = setTimeout(timerFire, TOUR_DELAY);\n }\n });\n\n // Don't let the timer fire while page is backgrounded.\n // Restart it when we're foregrounded if applicable.\n document.addEventListener(\"visibilitychange\", () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = null;\n }\n\n if (!document.hidden && !tourHasBeenInvoked) {\n setTimeout(timerFire, TOUR_DELAY);\n }\n });\n }\n}\n\nexport function initMemorialInvitePeople(props) {\n const personCountSpan = document.querySelector(\".person-count\");\n const { emptyForm } = props.invitePeopleFormset;\n const totalFormsField = document.getElementById(\n props.invitePeopleFormset.totalFormsFieldId,\n );\n let totalForms = props.invitePeopleFormset.total;\n\n const initManagerRelationshipBehavior = (container) => {\n const relationshipEntryContainer = container.querySelector(\".relationship-entry\");\n const managerToggles = container.querySelectorAll('[type=\"radio\"]');\n\n managerToggles.forEach((toggle) => {\n toggle.addEventListener(\"change\", () => {\n const showingManager = toggle.checked && toggle.value === \"True\";\n relationshipEntryContainer.classList.toggle(\"d-none\", !showingManager);\n });\n });\n };\n\n const initRelationshipOtherBehavior = (selectField, strField) => {\n if (selectField && strField) {\n selectField.addEventListener(\"change\", (evt) => {\n const index = evt.target.selectedIndex;\n const selected = evt.target.options[index];\n if (selected.value === \"other\") {\n strField.classList.remove(\"d-none\");\n } else {\n strField.querySelector(\"input\").value = \"\";\n strField.classList.add(\"d-none\");\n }\n });\n }\n };\n\n const updateSubmitButton = () => {\n const submitButton = document.querySelector(\"#invite-people-btn\");\n personCountSpan.innerText = `${totalForms} pe${totalForms === 1 ? \"rson\" : \"ople\"}`;\n if (totalForms === 1) {\n const nameFields = document.querySelectorAll(\".name-entry input\");\n const emailField = document.querySelector(\".email-entry input\");\n submitButton.disabled = !(\n Array.from(nameFields).every((field) => field.value) && emailField.value\n );\n } else {\n submitButton.disabled = false;\n }\n };\n\n const updateNumberOfForms = (increment) => {\n totalForms += increment;\n totalFormsField.value = totalForms;\n updateSubmitButton();\n };\n\n const removeFormHandler = (event) => {\n const formContainer = event.currentTarget.closest(\".invite-person-survivor-form\");\n if (formContainer) {\n updateNumberOfForms(-1);\n formContainer.remove();\n }\n };\n\n document\n .querySelectorAll(\".invite-person-survivor-form.first input\")\n .forEach((input) => {\n input.addEventListener(\"input\", () => {\n updateSubmitButton();\n });\n });\n\n document.querySelectorAll(\".invite-person-survivor-form\").forEach((formContainer) => {\n const selectField = formContainer.querySelector(\"select\");\n const strField = formContainer.querySelector(\".survivor-relationship-other\");\n initRelationshipOtherBehavior(selectField, strField);\n initManagerRelationshipBehavior(formContainer);\n });\n\n document.querySelectorAll(\".remove-invite-person-form\").forEach((removeButton) => {\n removeButton.addEventListener(\"click\", removeFormHandler);\n });\n\n const addInvitePersonFormButton = document.querySelector(\".add-invite-person-btn\");\n if (addInvitePersonFormButton) {\n addInvitePersonFormButton.addEventListener(\"click\", () => {\n const container = addInvitePersonFormButton.parentElement;\n const newIndex = totalForms;\n\n // Update count state.\n updateNumberOfForms(1);\n\n // Create new form.\n const newFormContainer = document.createElement(\"div\");\n newFormContainer.classList.add(\"add-survivor-form\");\n newFormContainer.classList.add(\"invite-person-survivor-form\");\n\n // Put in HTML and insert into DOM.\n newFormContainer.innerHTML = emptyForm.replace(/__prefix__/g, newIndex);\n container.insertBefore(newFormContainer, addInvitePersonFormButton);\n newFormContainer\n .querySelector(\".remove-invite-person-form\")\n .addEventListener(\"click\", removeFormHandler);\n\n const selectField = newFormContainer.querySelector(\"select\");\n const strField = newFormContainer.querySelector(\".survivor-relationship-other\");\n initRelationshipOtherBehavior(selectField, strField);\n initManagerRelationshipBehavior(newFormContainer);\n });\n }\n}\n\nexport function initMemorialPrivateDashboard(props) {\n const recommendationsWrapper = document.querySelector(\n \".creator-recommendations-carousel-wrapper\",\n );\n if (recommendationsWrapper) {\n new Glide(recommendationsWrapper.querySelector(\".glide\"), {\n animationDuration: 600,\n peek: { before: 20, after: 20 },\n type: \"carousel\",\n }).mount({ Swipe });\n }\n\n initCityAutocomplete({\n initialAutocompleteData: props.initialAutocompleteData,\n cityIdentifierInputId: \"id_memorial-city_slug\",\n citySearchUrl: props.citySearchUrl,\n });\n\n // Community FAQ stuff\n\n // when someone is typing an answer to an faq, let's show the submit button\n document.querySelectorAll(\".answer-text\").forEach((answerText) => {\n const collapseElement = answerText\n .closest(\".carousel-item\")\n .querySelector(\".collapse\");\n answerText.addEventListener(\"focus\", () => {\n Collapse.getOrCreateInstance(collapseElement, { toggle: false }).show();\n });\n });\n\n const carouselElement = document.querySelector(\n \".memorial-community-questions .carousel\",\n );\n if (carouselElement) {\n new Carousel(carouselElement);\n\n // hide the submit button when navigating the faq carousel\n carouselElement\n .querySelectorAll(\".previous-btn, .next-btn, .carousel-indicators\")\n .forEach((notAnswerText) => {\n notAnswerText.addEventListener(\"click\", () => {\n const openCollapseElement = notAnswerText\n .closest(\".carousel\")\n .querySelector(\".collapse.show\");\n if (openCollapseElement) {\n Collapse.getOrCreateInstance(openCollapseElement, { toggle: false }).hide();\n }\n });\n });\n }\n\n initSuccessModal();\n\n let hasSubmitted = false;\n const form = document.querySelector(\".memorial-community-questions form\");\n if (form) {\n form.addEventListener(\"submit\", (event) => {\n event.preventDefault();\n\n const submitBtn = [...form.querySelectorAll(\"button\")].find((element) =>\n isVisible(element),\n );\n if (submitBtn) {\n document.getElementById(\"id_submitted_question_index\").value = submitBtn.value;\n if (!hasSubmitted) {\n hasSubmitted = true;\n form.submit();\n }\n }\n });\n }\n\n initThankYouNoteCheckboxes();\n\n const ringContainer = document.querySelector(\".checklist-progress-container\");\n if (ringContainer) {\n new ProgressRing(ringContainer, props.checklistProgress);\n }\n\n if (props.tourProps) {\n initMemorialPrivateTour(props.tourProps);\n }\n\n if (props.invitePeopleFormset) {\n initMemorialInvitePeople(props);\n }\n}\n\nfunction setupDeceasedTitleAndSuffix(props) {\n const { titleInputId, titleOtherStrInputId, suffixInputId, suffixOtherStrInputId } =\n props;\n\n if (titleInputId && titleOtherStrInputId && suffixInputId && suffixOtherStrInputId) {\n // Deceased title, e.g. Honorable\n const titleInput = document.querySelector(`#${props.titleInputId}`);\n const titleOtherStrContainer = document.querySelector(\n `#${props.titleOtherStrInputId}`,\n ).parentNode;\n titleInput.addEventListener(\"change\", (event) => {\n if (event.target.value === \"other\") {\n titleOtherStrContainer.classList.remove(\"d-none\");\n } else {\n titleOtherStrContainer.classList.add(\"d-none\");\n }\n });\n\n // Deceased suffix, e.g. IV\n const suffixInput = document.querySelector(`#${props.suffixInputId}`);\n const suffixOtherStrContainer = document.querySelector(\n `#${props.suffixOtherStrInputId}`,\n ).parentNode;\n suffixInput.addEventListener(\"change\", (event) => {\n if (event.target.value === \"other\") {\n suffixOtherStrContainer.classList.remove(\"d-none\");\n } else {\n suffixOtherStrContainer.classList.add(\"d-none\");\n }\n });\n }\n}\n\nexport function initMemorialDeceasedForm(props) {\n setupDeceasedTitleAndSuffix(props);\n\n // Deceased nicknaming\n const addNickname = document.querySelector(\".add-nickname\");\n addNickname.addEventListener(\"click\", () => {\n addNickname.nextElementSibling.classList.remove(\"d-none\");\n addNickname.classList.add(\"d-none\");\n });\n\n // DOB/DOD\n const dateOfDeathInputs = document.querySelectorAll(\n \".date-of-death-input-group select\",\n );\n\n function disableDateOfDeathPicker() {\n dateOfDeathInputs.forEach((currentInput) => {\n currentInput.selectedIndex = null;\n currentInput.classList.add(\"disabled-input\");\n currentInput.removeAttribute(\"required\");\n });\n }\n\n function enableDateOfDeathPicker() {\n dateOfDeathInputs.forEach((currentInput) => {\n currentInput.classList.remove(\"disabled-input\");\n currentInput.setAttribute(\"required\", \"\");\n });\n }\n\n const notYetPassed = document.getElementById(props.notYetPassedInputId);\n notYetPassed.addEventListener(\"change\", () => {\n if (notYetPassed.checked) {\n disableDateOfDeathPicker();\n } else {\n enableDateOfDeathPicker();\n }\n });\n\n dateOfDeathInputs.forEach((currentInput) => {\n currentInput.addEventListener(\"click\", () => {\n if (notYetPassed.checked) {\n enableDateOfDeathPicker();\n notYetPassed.checked = false;\n }\n });\n });\n\n if (notYetPassed.checked) {\n disableDateOfDeathPicker();\n }\n\n // Relationship (where relevant)\n if (props.relationshipSelectId) {\n const relationshipSelect = document.getElementById(props.relationshipSelectId);\n const relationshipOther = document.querySelector(\".relationship-other\");\n\n if (relationshipSelect && relationshipOther) {\n relationshipSelect.addEventListener(\"change\", (evt) => {\n const index = evt.target.selectedIndex;\n const selected = evt.target.options[index];\n if (selected.value === \"other\") {\n relationshipOther.classList.remove(\"d-none\");\n } else {\n relationshipOther.querySelector(\"input\").value = \"\";\n relationshipOther.classList.add(\"d-none\");\n }\n });\n }\n }\n\n initGoogleAutocomplete({\n element: document.getElementById(\"id_deceased-location_str\"),\n options: {\n types: [\"(cities)\"],\n },\n });\n}\n\nexport function initMemorialPrivateBasicInformation(props) {\n initMemorialDeceasedForm(props);\n\n const photosUploadedBanner = document.querySelector(\".photos-uploaded-banner\");\n\n const onPhotosUpdated = () => {\n if (photosUploadedBanner) {\n photosUploadedBanner.classList.remove(\"d-none\");\n }\n };\n\n // Initialize multi-photo uploader.\n const multiPhotoUploader = new DeceasedPhotoUploader({\n onPhotosUpdated,\n ...props.deceasedPhotoUploaderProps,\n });\n\n const photosSection = document.querySelector(\".memorial-deceased-form-photos\");\n if (photosSection) {\n photosSection.addEventListener(\"click\", (e) => {\n // We are clicking a layout-selector element.\n const layoutSelector = e.target.closest(\".layout-selector\");\n if (layoutSelector !== null) {\n photosUploadedBanner.classList.add(\"d-none\");\n multiPhotoUploader.show(false);\n }\n });\n }\n}\n\nexport function initMemorialPrivatePassing(props) {\n initBusinessAssociationForm(props);\n initCauseOfDeathAutocomplete(props.causeOfDeathSearch);\n initOrganDonationForm(props.organDonationSearch);\n\n initGoogleAutocomplete({\n element: document.getElementById(\"id_business_association-remains_location\"),\n metadataElement: document.getElementById(\n \"id_business_association-remains_location_metadata\",\n ),\n options: {\n types: [\"establishment\", \"geocode\"],\n },\n });\n}\n\nfunction addDeliveryLocationAutocomplete(\n element,\n metadataElement,\n alwaysBlockReturnKeySubmit,\n) {\n initGoogleAutocomplete({\n element,\n metadataElement,\n options: {\n componentRestrictions: { country: [\"ca\", \"us\"] },\n types: [\"address\"],\n },\n alwaysBlockReturnKeySubmit,\n });\n}\n\nfunction initDeliveryAddressesOnLoad(props) {\n const formsetContainer = document.querySelector(\n \".delivery-addresses-formset-container\",\n );\n const inputElements = formsetContainer.getElementsByClassName(\n \"location-autocomplete\",\n );\n const addAddressContainer = formsetContainer.querySelector(\".add-address-container\");\n\n const deliveryAddressForms = document.querySelector(\".delivery-address-forms\");\n const totalFormCountInput = document.getElementById(\n props.deliveryAddressesTotalFormCountInputId,\n );\n let totalFormCount = props.deliveryAddressesTotalFormCount;\n\n function addRemoveAddressHandler(removeAddressButton) {\n removeAddressButton.addEventListener(\"click\", () => {\n removeAddressButton.querySelector('input[type=\"checkbox\"]').checked = true;\n removeAddressButton.parentElement.classList.add(\"d-none\");\n const formIdField =\n removeAddressButton.previousElementSibling.querySelector(\n 'input[type=\"hidden\"]',\n );\n if (formIdField && !formIdField.value) {\n totalFormCount -= 1;\n totalFormCountInput.value = totalFormCount;\n removeAddressButton.remove();\n }\n });\n }\n\n const addAddressButton = addAddressContainer.querySelector(\"button\");\n addAddressButton.addEventListener(\"click\", () => {\n totalFormCount += 1;\n totalFormCountInput.value = totalFormCount;\n deliveryAddressForms.insertAdjacentHTML(\n \"beforeend\",\n props.emptyDeliveryAddressForm.replace(/__prefix__/g, totalFormCount - 1),\n );\n\n addDeliveryLocationAutocomplete(\n inputElements[totalFormCount - 1],\n document.getElementById(\n `id_delivery_addresses-${totalFormCount - 1}-location_metadata`,\n ),\n true,\n );\n\n addRemoveAddressHandler(\n deliveryAddressForms.lastElementChild.querySelector(\".remove-address\"),\n );\n });\n\n const allowFlowersToggle = document.getElementById(\n props.preferencesFormFieldIds.allowFlowers,\n );\n allowFlowersToggle.addEventListener(\"change\", () => {\n if (allowFlowersToggle.checked) {\n formsetContainer.classList.remove(\"d-none\");\n } else {\n formsetContainer.classList.add(\"d-none\");\n }\n });\n\n for (let i = 0; i < inputElements.length; i += 1) {\n addDeliveryLocationAutocomplete(\n inputElements[i],\n document.getElementById(`id_delivery_addresses-${i}-location_metadata`),\n );\n }\n\n deliveryAddressForms\n .querySelectorAll(\".remove-address\")\n .forEach((removeAddressButton) => {\n addRemoveAddressHandler(removeAddressButton);\n });\n}\n\nexport function initMemorialPrivateGifts(props) {\n initFundraiserForm(props, (clv) => {\n props.fundraisingGoalCleave = clv;\n });\n\n const { causeStoryForm } = props;\n\n if (props.isNewCause) {\n const causeStoryInput = document.querySelector(\n `#${causeStoryForm.fields.causeStory}`,\n );\n if (causeStoryInput) {\n const val = causeStoryInput.value;\n causeStoryInput.defaultValue = \"must-edit-me!\";\n causeStoryInput.value = val;\n }\n }\n\n const clearFundraisingUser = document.querySelector(\".clear-fundraising-user-link\");\n if (clearFundraisingUser) {\n clearFundraisingUser.addEventListener(\"click\", () => {\n const input = document.getElementById(clearFundraisingUser.dataset.clearInput);\n input.value = 1;\n\n const form = input.closest(\"form\");\n if (form) {\n form.requestSubmit();\n }\n });\n }\n\n document\n .querySelectorAll(\".show-error-on-click\")\n .forEach((showErrorOnClickElement) => {\n showErrorOnClickElement.addEventListener(\n \"click\",\n () => {\n const disabledFieldName = showErrorOnClickElement.dataset.disabledName;\n\n const errorList = getNextSiblingMatchingSelector(\n showErrorOnClickElement,\n \".errorlist\",\n );\n if (errorList) {\n const errorMessage = errorMessages[disabledFieldName];\n showErrorOnClickElement.parentElement.append(\n ...generateElements(\n ``,\n ),\n );\n errorList.classList.remove(\"d-none\");\n }\n\n const eventAction = eventActions[disabledFieldName];\n trackCustomUserAction(\n window.location.href,\n \"memorial edit info\",\n eventAction,\n );\n },\n { once: true },\n );\n });\n\n initMemorialGiftPremiumControls({\n disableMemorialGiftsId: props.premiumForm.fields.disableMemorialGifts,\n disableMemorialGiftListDisplayId:\n props.premiumForm.fields.disableMemorialGiftListDisplay,\n disableMemorialGiftContributionsDisplayId:\n props.premiumForm.fields.disableMemorialGiftContributionsDisplay,\n ...props,\n });\n\n props.charityFundraiserForms.forEach((charityFundraiserForm) => {\n const selfServeCheckbox = document.querySelector(\n `#${charityFundraiserForm.fields.selfServeDonations}`,\n );\n if (selfServeCheckbox) {\n const parentBodyCard = selfServeCheckbox.closest(\".body-card\");\n const customCharityFinePrint = parentBodyCard.querySelector(\n \".custom-charity-fine-print\",\n );\n const selfServeCharityFinePrint = parentBodyCard.querySelector(\n \".self-serve-charity-fine-print\",\n );\n const fundraisingManagerForm = parentBodyCard.querySelector(\n \".fundraising-user-selection\",\n );\n const selfServeChanged = () => {\n selfServeCharityFinePrint.classList.toggle(\n \"d-none\",\n !selfServeCheckbox.checked,\n );\n customCharityFinePrint.classList.toggle(\"d-none\", selfServeCheckbox.checked);\n\n if (fundraisingManagerForm) {\n fundraisingManagerForm.classList.toggle(\"d-none\", !selfServeCheckbox.checked);\n }\n };\n\n selfServeCheckbox.addEventListener(\"change\", selfServeChanged);\n selfServeChanged();\n }\n });\n\n initDeliveryAddressesOnLoad(props);\n\n initMemorialUpdateEdits();\n}\n\nexport function initMemorialPrivateFavorites() {\n initEditDropdowns();\n}\n\nfunction initUserBlocking(props) {\n const handleListUpdate = (searchEvent) => {\n const searchField = searchEvent.target;\n const container = searchField.closest(\".list-container\");\n const scrollContainer = container.querySelector(\".user-scroll-container\");\n const emptyElement = container.querySelector(\".empty\");\n const noSearch = emptyElement.querySelector(\".no-search\");\n const emptySearch = emptyElement.querySelector(\".empty-search\");\n\n let showEmpty = true;\n\n container.querySelectorAll(\".blockable-user\").forEach((user) => {\n const searchContent = user.getAttribute(\"data-search-string\").toLowerCase();\n if (searchContent.includes(searchField.value.toLowerCase())) {\n showEmpty = false;\n user.classList.remove(\"d-none\");\n } else {\n user.classList.add(\"d-none\");\n }\n });\n\n if (showEmpty) {\n emptyElement.classList.remove(\"d-none\");\n scrollContainer.classList.add(\"d-none\");\n\n if (searchField.value) {\n emptySearch.classList.remove(\"d-none\");\n noSearch.classList.add(\"d-none\");\n } else {\n emptySearch.classList.add(\"d-none\");\n noSearch.classList.remove(\"d-none\");\n }\n } else {\n emptyElement.classList.add(\"d-none\");\n scrollContainer.classList.remove(\"d-none\");\n }\n };\n\n const userSearchingContainers = document.querySelectorAll(\n \".user-blocking-container > div\",\n );\n if (userSearchingContainers) {\n userSearchingContainers.forEach((container) => {\n const searchField = container.querySelector(\".search-field\");\n searchField.addEventListener(\"keyup\", handleListUpdate);\n searchField.addEventListener(\"paste\", handleListUpdate);\n handleListUpdate({ target: searchField });\n });\n }\n\n const userBlockButtons = document.querySelectorAll(\".block-user-button\");\n const blockedUserList = document.querySelector(\n \".blocked-user-list .user-scroll-container\",\n );\n const unblockedUserList = document.querySelector(\n \".unblocked-user-list .user-scroll-container\",\n );\n\n userBlockButtons.forEach((blockBtn) => {\n blockBtn.addEventListener(\"click\", async () => {\n const revert = handleAjaxFormSubmitProtection(blockBtn);\n const isBlocking = blockBtn.getAttribute(\"data-block\") === \"1\";\n const listItem = blockBtn.closest(\".list-group-item\");\n\n try {\n const response = await requests.post(props.blockUrl, {\n user: blockBtn.getAttribute(\"data-block-user\"),\n block: isBlocking,\n });\n\n if (!response.ok) {\n throw new ResponseError(response);\n }\n } catch {\n revert();\n return;\n }\n\n blockBtn.innerText = isBlocking ? \"Unblock\" : \"Block\";\n blockBtn.setAttribute(\"data-block\", isBlocking ? \"0\" : \"1\");\n const list = isBlocking ? blockedUserList : unblockedUserList;\n list.appendChild(listItem);\n\n document.querySelectorAll(\".search-field\").forEach((f) => {\n handleListUpdate({ target: f });\n });\n revert();\n });\n });\n}\n\nfunction initRelatedPhotoUpload(props) {\n const editRelatedPhotoLinks = document.querySelectorAll(\".edit-related-photo-link\");\n const uploadRelatedPhotoPersonField = document.querySelector(\n 'input[name=\"_upload_related_person_photo\"]',\n );\n const uploadForm = uploadRelatedPhotoPersonField.closest(\"form\");\n const fileInput = uploadForm.querySelector('input[type=\"file\"]');\n\n editRelatedPhotoLinks.forEach((link) => {\n link.addEventListener(\"click\", () => {\n fileInput.dataset.toPerson = link.dataset.toPerson;\n if (link.dataset.memorial) {\n fileInput.dataset.memorial = link.dataset.memorial;\n } else {\n fileInput.removeAttribute(\"data-memorial\");\n }\n fileInput.click();\n });\n });\n\n initPhotoCropper({\n photoInput: document.querySelector(\n `#${props.relatedPhotoForm.fields.rawPublicProfilePhoto}`,\n ),\n xInput: document.querySelector(`#${props.relatedPhotoForm.fields.x}`),\n yInput: document.querySelector(`#${props.relatedPhotoForm.fields.y}`),\n heightInput: document.querySelector(`#${props.relatedPhotoForm.fields.height}`),\n widthInput: document.querySelector(`#${props.relatedPhotoForm.fields.width}`),\n cropperOptions: {\n viewMode: 0,\n cropBoxMovable: false,\n cropBoxResizable: false,\n dragMode: \"move\",\n minCropBoxWidth: 373,\n minCropBoxHeight: 280,\n minCanvasHeight: 280,\n aspectRatio: 1,\n },\n cropButtonSubmits: true,\n onComplete: () => {\n uploadRelatedPhotoPersonField.value = fileInput.dataset.toPerson;\n uploadForm.submit();\n },\n onModalShown: (cropperInstance) => {\n if (fileInput.dataset.memorial) {\n cropperInstance.setAspectRatio(4 / 3);\n } else {\n cropperInstance.setAspectRatio(1.0);\n }\n },\n });\n}\n\nfunction initRelativeAwaitingConfirmationTips() {\n let firstSection = null;\n const awaitingConfirmationSectionAlerts = document.querySelectorAll(\n \"a.awaiting-confirmation-alert\",\n );\n const awaitingConfirmationSections = document.querySelectorAll(\".added-by-others\");\n if (awaitingConfirmationSections.length) {\n firstSection = awaitingConfirmationSections[0];\n }\n\n awaitingConfirmationSectionAlerts.forEach((awaitingConfirmationSectionAlert) => {\n if (awaitingConfirmationSectionAlert && firstSection) {\n awaitingConfirmationSectionAlert.href = \"#\";\n awaitingConfirmationSectionAlert.addEventListener(\"click\", () => {\n scrollInMemorialPrivateContentContainer(firstSection);\n });\n }\n });\n}\n\nexport function initMemorialPrivateFamily(props) {\n initRelationshipForms(props);\n initRelatedPhotoUpload(props);\n initRelativeAwaitingConfirmationTips();\n initDeceasedSearchAutocomplete(props.followerFormProps);\n}\n\nexport function initMemorialPrivateEvents(props) {\n const deleteEventCallbacks = [];\n initEditEvents(props, deleteEventCallbacks);\n initEditEventsOnLoad(props, deleteEventCallbacks);\n initTimezoneSelector(props.forms.timezone.fields.timezone);\n}\n\nexport function initMemorialObituary(props) {\n if (props && props.placeholderOverride) {\n const obituaryTextArea = document.querySelector(\".edit-obituary textarea\");\n if (obituaryTextArea) {\n obituaryTextArea.setAttribute(\"placeholder\", props.placeholderOverride);\n }\n }\n\n const autoSaves = [];\n document.querySelectorAll(\".el-autosave\").forEach((el) => {\n autoSaves.push(new AutoSaveTextField(el));\n });\n\n const showTemplateSelectorButton = document.querySelector(\".show-templates\");\n const templateSelectorContainer = document.querySelector(\n \".obituary-templates-container-container\",\n );\n\n if (showTemplateSelectorButton && templateSelectorContainer) {\n templateSelectorContainer.classList.add(\"d-none\");\n\n showTemplateSelectorButton.addEventListener(\"click\", () => {\n templateSelectorContainer.classList.remove(\"d-none\");\n });\n }\n}\n\nexport function initMemorialNote(props) {\n // Memorial note template selection\n const noteInput = document.getElementById(props.noteInputId);\n const noteTemplatesContainer = document.querySelector(\".note-templates-container\");\n const templatesData = props.noteTemplates;\n initUGCTemplates(\n noteTemplatesContainer,\n noteInput,\n templatesData,\n null,\n true,\n null,\n false,\n );\n}\n\nfunction initPasswordProtect() {\n const passwordProtectToggle = document.querySelector(\n \".password-protect-toggle input\",\n );\n const passwordProtectFieldContainer = document.querySelector(\n \".password-field-container\",\n );\n if (passwordProtectToggle && passwordProtectFieldContainer) {\n passwordProtectToggle.addEventListener(\"change\", () => {\n if (passwordProtectToggle.checked) {\n passwordProtectFieldContainer.classList.remove(\"d-none\");\n } else {\n passwordProtectFieldContainer.classList.add(\"d-none\");\n }\n });\n }\n}\n\nexport async function initMemorialPrivatePremium(props) {\n initPasswordProtect();\n initMemorialGiftPremiumControls(props);\n initUserBlocking(props);\n\n await initPayableCheckout(props);\n await initAddPaymentMethod(props);\n\n document.body.addEventListener(\"htmx:afterSettle\", (evt) => {\n const premiumForm =\n evt.detail.elt.id === \"premium-checkout\" ? evt.detail.elt : null;\n if (premiumForm) {\n registerFormSubmitProtection(premiumForm);\n }\n });\n}\n\nexport function initMemorialPrivateSettings(props) {\n initPasswordProtect();\n\n document.querySelectorAll(\".remove-manager-link\").forEach((link) => {\n link.addEventListener(\"click\", async () => {\n if (window.confirm(\"Are you sure you want to remove this manager?\")) {\n const deleteUrl = link.getAttribute(\"data-delete-url\");\n\n link.innerHTML = \"Removing...\";\n try {\n const response = await requests.delete(deleteUrl);\n if (!response.ok) {\n throw new ResponseError(response);\n }\n } catch {\n link.innerHTML = \"Removing failed.\";\n return;\n }\n\n link.closest(\".list-group-item\").remove();\n }\n });\n });\n\n const themeOptions = document.querySelectorAll(\".memorial-theme-option\");\n const themeNames = Array.from(themeOptions).map(\n (themeOption) => themeOption.dataset.themeName,\n );\n themeOptions.forEach((themeOption) => {\n const radio = themeOption.querySelector('input[type=\"radio\"]');\n if (radio) {\n radio.addEventListener(\"change\", () => {\n themeNames.forEach((name) => {\n document.body.classList.toggle(\n name,\n name === radio.closest(\".memorial-theme-option\").dataset.themeName &&\n radio.checked,\n );\n });\n document.body.classList.add(\"theme\");\n });\n }\n });\n\n initTimezoneSelector(props.forms.timezone.fields.timezone);\n}\n\n/**\n * Initialize the legacy `/memorial//edit/` page. The Django view provides a map\n * from \"legacy\" hash points (#edit-family, for example) to the reversed URLs for their\n * new-private-mode view counterparts. This JS simply takes the `hash` from the current\n * location (if it exists) and issues a client-side redirect to that URL, falling back\n * to a default URL `/memorial//` if nothing exists in that map.\n * This has to be done in JS/client-side because not all browsers send #hash fragments\n * to the server on request, and as such we can't issue the redirect logic from inside\n * of Django.\n *\n * @param {object} props - Props from Django\n */\nexport function initLegacyEdit(props) {\n window.location.href = props.urls[window.location.hash] || props.defaultUrl;\n}\n\nexport function initFeedbackForm(props) {\n const feedbackReasonField = document.getElementById(props.reasonCommentFieldId);\n const feedbackReasonChoices = document.querySelectorAll(\n `input[name=\"${props.reasonInputName}\"]`,\n );\n\n feedbackReasonChoices.forEach((choice) => {\n choice.addEventListener(\"change\", () => {\n feedbackReasonField.setAttribute(\n \"placeholder\",\n props.reasonCommentFormPrompts[choice.value],\n );\n feedbackReasonField.classList.remove(\"d-none\");\n });\n });\n}\n\nexport function initMemorialPrivateNoteAndUpdates(props) {\n const noteInput = document.getElementById(props.noteInputId);\n const noteTemplatesContainer = document.querySelector(\".note-templates-container\");\n const templatesData = props.noteTemplates;\n initUGCTemplates(\n noteTemplatesContainer,\n noteInput,\n templatesData,\n null,\n true,\n null,\n false,\n );\n\n initMemorialUpdateEdits();\n}\n\nexport function initMemorialPrivateBelongings(props) {\n initProductPhotoBlur();\n\n const editorContainer = document.querySelector(\".modal-belonging-editor\");\n if (editorContainer) {\n const invokeEditor = (editor) => (event) => {\n if (event.currentTarget.classList.contains(\"add-belonging\")) {\n editor.showForBelonging(null);\n } else {\n const { name, description, isPublished, isClaimed, belonging, photo } =\n event.currentTarget.dataset;\n\n editor.showForBelonging({\n name,\n description,\n photo,\n isPublished: isPublished === \"true\",\n isClaimed: isClaimed === \"true\",\n id: belonging,\n });\n }\n };\n\n const onBelongingChanged = (newBelonging, editor) => {\n const listedBelongings = document.querySelector(\n \".listed-belongings .belongings-list\",\n );\n const unlistedBelongings = document.querySelector(\n \".unlisted-belongings .belongings-list\",\n );\n\n const existing = document.querySelector(\n `.belonging[data-belonging=\"${newBelonging.id}\"]`,\n );\n\n const belongingsList = newBelonging.is_published\n ? listedBelongings\n : unlistedBelongings;\n\n let insertBeforeTarget = belongingsList.querySelector(\".belonging.add-belonging\");\n\n if (existing) {\n if (existing.parentElement === belongingsList) {\n insertBeforeTarget = existing.nextSibling;\n }\n existing.remove();\n }\n\n const newItemWrapper = document.createElement(\"div\");\n const truncatedDescription = `${newBelonging.description.slice(0, 30)}${newBelonging.description.length > 30 ? \"...\" : \"\"}`;\n newItemWrapper.innerHTML = props.emptyListItem\n .replace(/__name__/g, newBelonging.name)\n .replace(/__description__/g, truncatedDescription)\n .replace(/__photo__/g, newBelonging.photo);\n const listItem = newItemWrapper.firstChild;\n listItem.classList.toggle(\"claimed\", newBelonging.is_claimed);\n listItem.dataset.belonging = newBelonging.id;\n listItem.dataset.name = newBelonging.name;\n listItem.dataset.description = newBelonging.description;\n listItem.dataset.isPublished = newBelonging.is_published ? \"true\" : \"false\";\n listItem.dataset.isClaimed = newBelonging.is_claimed ? \"true\" : \"false\";\n\n const claimedBadge = listItem.querySelector(\".claimed-badge\");\n if (claimedBadge) {\n claimedBadge.classList.toggle(\"d-none\", !newBelonging.is_claimed);\n }\n\n belongingsList.insertBefore(listItem, insertBeforeTarget);\n\n listItem.addEventListener(\"click\", invokeEditor(editor));\n };\n\n const belongingEditor = new BelongingEditor(editorContainer, {\n ...props.editorProps,\n onBelongingChanged,\n });\n\n document.querySelectorAll(\".belonging\").forEach((belongingItem) => {\n belongingItem.addEventListener(\"click\", invokeEditor(belongingEditor));\n });\n }\n\n const notifyCheckboxContainerForm = document.querySelector(\n \".notify-subscribers-toggle\",\n );\n if (notifyCheckboxContainerForm) {\n const notifyCheckbox = notifyCheckboxContainerForm.querySelector(\n 'input[type=\"checkbox\"]',\n );\n notifyCheckbox.addEventListener(\"click\", () => {\n notifyCheckbox.parentElement.classList.add(\"d-none\");\n\n const spinnerContainer =\n notifyCheckboxContainerForm.querySelector(\".spinner-container\");\n spinnerContainer.classList.remove(\"d-none\");\n\n notifyCheckboxContainerForm.submit();\n });\n }\n}\n\nexport function initPhotoArchiveRequest() {\n const photoArchiveRequestError = document.querySelector(\n \".photo-archive-request-error\",\n );\n if (photoArchiveRequestError) {\n document.body.addEventListener(\"htmx:responseError\", () => {\n photoArchiveRequestError.classList.remove(\"d-none\");\n });\n }\n}\n\nexport function initMemorialPrivateCommunityContent(props) {\n initUserBlocking(props);\n initPhotoArchiveRequest();\n}\n\nexport function initAIObituaryComposerForm() {\n const composerForm = document.querySelector(\".obituary-composer-form\");\n\n const scrollFix = () => {\n if (composerForm) {\n const editContent = document.querySelector(\".edit-memorial-content\");\n if (editContent) {\n setTimeout(() => {\n editContent.parentNode.parentNode.scrollIntoView(true);\n }, 100);\n } else {\n document.body.scrollIntoView(true);\n }\n }\n };\n\n document.body.addEventListener(\"htmx:beforeRequest\", () => {\n scrollFix();\n });\n\n scrollFix();\n\n if (composerForm) {\n const locationAutocompleteFields = composerForm.querySelectorAll(\n '[data-google-autocomplete=\"location\"]',\n );\n const placeAutocompleteFields = composerForm.querySelectorAll(\n '[data-google-autocomplete=\"place\"]',\n );\n\n if (typeof window.google === \"object\" && typeof window.google.maps === \"object\") {\n locationAutocompleteFields.forEach((field) => {\n initGoogleAutocomplete({ element: field, options: { types: [\"(cities)\"] } });\n });\n\n placeAutocompleteFields.forEach((field) => {\n initGoogleAutocomplete({\n element: field,\n options: {\n types: [\"establishment\", \"geocode\"],\n },\n });\n });\n }\n\n const handleSchoolNameInput = (event) => {\n const existingNameInputs = Array.from(\n document.querySelectorAll(\".school-name-input\"),\n );\n\n if (event.currentTarget === existingNameInputs.slice(-1)[0]) {\n if (event.currentTarget.value) {\n const container = event.currentTarget.closest(\".d-flex\");\n const cloned = container.cloneNode(true);\n const nameInput = cloned.querySelector(\".school-name-input\");\n nameInput.value = \"\";\n nameInput.setAttribute(\"id\", `id_school_name_${existingNameInputs.length}`);\n nameInput.setAttribute(\"name\", `school_name_${existingNameInputs.length}`);\n nameInput.addEventListener(\"change\", handleSchoolNameInput);\n\n initGoogleAutocomplete({\n element: nameInput,\n options: {\n types: [\"establishment\", \"geocode\"],\n },\n });\n\n const yearInput = cloned.querySelector(\".school-year-input\");\n yearInput.value = \"\";\n yearInput.setAttribute(\"id\", `id_school_year_${existingNameInputs.length}`);\n yearInput.setAttribute(\"name\", `school_year_${existingNameInputs.length}`);\n\n container.parentNode.appendChild(cloned);\n }\n } else {\n const container = event.currentTarget.closest(\".d-flex\");\n const parent = container.parentNode;\n container.remove();\n\n // Renumber the inputs.\n parent.querySelectorAll(\":scope > .d-flex\").forEach((childNode, idx) => {\n const nameInput = childNode.querySelector(\".school-name-input\");\n nameInput.setAttribute(\"id\", `id_school_name_${idx}`);\n nameInput.setAttribute(\"name\", `school_name_${idx}`);\n\n const yearInput = childNode.querySelector(\".school-year-input\");\n yearInput.setAttribute(\"id\", `id_school_year_${idx}`);\n yearInput.setAttribute(\"name\", `school_year_${idx}`);\n });\n }\n };\n\n const schoolNameInputs = document.querySelectorAll(\".school-name-input\");\n\n schoolNameInputs.forEach((input) => {\n input.addEventListener(\"change\", handleSchoolNameInput);\n });\n }\n}\n","import { loadStripe } from \"@stripe/stripe-js\";\n\nimport {\n handleAjaxFormSubmitProtection,\n sendBrowserAgnosticEvent,\n} from \"../core/utils\";\n\nexport default async function initAddPaymentMethod(props) {\n const stripe = await loadStripe(props.stripePublishableKey);\n\n document.body.addEventListener(\"initAddPaymentMethod\", (event) => {\n const paymentMethodForm = document.getElementById(\"manage-payment-method\");\n if (!paymentMethodForm) {\n return;\n }\n\n document\n .querySelectorAll('input[name=\"payment_method\"][type=\"radio\"]')\n .forEach((radio) => {\n radio.addEventListener(\"change\", () => {\n if (radio.checked) {\n document\n .querySelectorAll(\".payment-method-select-listener\")\n .forEach((listener) => {\n window.htmx.trigger(listener, \"paymentMethodSelected\");\n });\n }\n });\n\n if (radio.checked) {\n document\n .querySelectorAll(\".payment-method-select-listener\")\n .forEach((listener) => {\n window.htmx.trigger(listener, \"paymentMethodSelected\");\n });\n }\n });\n\n const elements = stripe.elements({\n appearance: {\n theme: \"stripe\",\n variables: {\n colorPrimary:\n getComputedStyle(document.body).getPropertyValue(\"--primary-brand-color\") ||\n \"#7f465c\",\n fontFamily: \"Lato\",\n },\n labels: \"floating\",\n },\n clientSecret: event.detail.clientSecret,\n fonts: [{ cssSrc: \"https://fonts.googleapis.com/css?family=Lato:300,400,700\" }],\n loader: \"always\",\n });\n\n const style = {\n base: {\n fontFamily: \"Lato\",\n fontSize: \"18px\",\n \"::placeholder\": {\n color: \"#8e8e8e\",\n },\n },\n invalid: {\n color: \"#c30c30\",\n },\n };\n\n // Create instances of the cardNumber, cardExpiry and cardCvc Elements.\n const cardNumber = elements.create(\"cardNumber\", { style });\n const cardExpiry = elements.create(\"cardExpiry\", { style });\n const cardCvc = elements.create(\"cardCvc\", { style });\n\n // Mount them.\n cardNumber.mount(\"#stripe-card-element\");\n cardExpiry.mount(\"#stripe-exp-element\");\n cardCvc.mount(\"#stripe-cvc-element\");\n\n cardNumber.addEventListener(\"change\", (evt) => {\n const displayError = document.getElementById(\"stripe-card-errors\");\n if (evt.error) {\n displayError.textContent = evt.error.message;\n displayError.classList.remove(\"d-none\");\n } else {\n displayError.textContent = \"\";\n displayError.classList.add(\"d-none\");\n }\n });\n\n cardExpiry.addEventListener(\"change\", (evt) => {\n const displayError = document.getElementById(\"stripe-exp-errors\");\n if (evt.error) {\n displayError.textContent = evt.error.message;\n displayError.classList.remove(\"d-none\");\n } else {\n displayError.textContent = \"\";\n displayError.classList.add(\"d-none\");\n }\n });\n\n cardCvc.addEventListener(\"change\", (evt) => {\n const displayError = document.getElementById(\"stripe-cvc-errors\");\n if (evt.error) {\n displayError.textContent = evt.error.message;\n displayError.classList.remove(\"d-none\");\n } else {\n displayError.textContent = \"\";\n displayError.classList.add(\"d-none\");\n }\n });\n\n const cardholderNameInput = document.getElementById(\"cardholder-name\");\n const zipCodeInput = document.getElementById(\"zip\");\n const submitButton = document.getElementById(\"save-card\");\n\n submitButton.addEventListener(\"click\", async (clickEvent) => {\n clickEvent.preventDefault();\n clickEvent.stopPropagation();\n\n const reverseSubmitProtection = handleAjaxFormSubmitProtection(submitButton);\n\n const paymentMethodDetails = {\n billing_details: {\n address: {\n postal_code: zipCodeInput.value,\n },\n name: cardholderNameInput.value,\n },\n card: cardNumber,\n };\n\n const response = await stripe.confirmCardSetup(event.detail.clientSecret, {\n payment_method: paymentMethodDetails,\n });\n\n if (response.error) {\n if (response.error.message) {\n const displayError = document.getElementById(\"payment-method-errors\");\n displayError.innerText = response.error.message;\n displayError.classList.remove(\"d-none\");\n } else if (window.Rollbar) {\n window.Rollbar.error(\"Error confirming PaymentMethod setup\", response.error);\n }\n\n reverseSubmitProtection();\n\n return;\n }\n\n paymentMethodForm.setAttribute(\n \"hx-vals\",\n JSON.stringify({ setup_intent: response.setupIntent.id }),\n );\n sendBrowserAgnosticEvent(paymentMethodForm, \"paymentMethodAdded\");\n });\n });\n}\n","export function initAttendeeFormset(eventUUID, formsetProps) {\n if (formsetProps) {\n const totalFormsInput = document.getElementById(\n formsetProps.managementForm.fields.TOTALFORMS,\n );\n const numberOfAttendeesInput = document.getElementById(\n formsetProps.numberOfAttendeesInput,\n );\n\n if (!numberOfAttendeesInput) {\n return;\n }\n\n const attendeesListGroup = numberOfAttendeesInput\n .closest(\".add-rsvp-form,.rsvp-form\")\n .querySelector(\".rsvp-attendees\");\n let { totalFormCount } = formsetProps;\n const { emptyForm } = formsetProps;\n\n const removeForm = (specificForm = null) => {\n let child;\n\n if (!specificForm) {\n child = [\n ...attendeesListGroup.querySelectorAll(\n \".rsvp-attendee-formset-form:not(.hidden)\",\n ),\n ].pop();\n } else {\n child = specificForm;\n }\n\n if (child) {\n const deleteField = child.querySelector('input[type=\"hidden\"]');\n deleteField.value = \"1\";\n\n child.classList.add(\"hidden\");\n\n const visibleFormCount = attendeesListGroup.querySelectorAll(\n \".rsvp-attendee-formset-form:not(.hidden)\",\n ).length;\n if (visibleFormCount === 0) {\n attendeesListGroup.classList.add(\"d-none\");\n }\n }\n };\n\n const addForm = () => {\n const formWrapper = document.createElement(\"div\");\n formWrapper.innerHTML = emptyForm.replace(/__prefix__/g, totalFormCount);\n const newForm = formWrapper.querySelector(\".rsvp-attendee-formset-form\");\n\n const removeButton = newForm.querySelector(\".remove-attendee\");\n\n if (removeButton) {\n removeButton.addEventListener(\"click\", () => {\n numberOfAttendeesInput.value = parseInt(numberOfAttendeesInput.value, 10) - 1;\n removeForm(newForm);\n });\n }\n\n attendeesListGroup.appendChild(newForm);\n totalFormCount += 1;\n totalFormsInput.value = totalFormCount;\n\n attendeesListGroup.classList.remove(\"d-none\");\n };\n\n attendeesListGroup.querySelectorAll(\".remove-attendee\").forEach((removeButton) => {\n removeButton.addEventListener(\"click\", () => {\n numberOfAttendeesInput.value = parseInt(numberOfAttendeesInput.value, 10) - 1;\n removeForm(removeButton.closest(\".rsvp-attendee-formset-form\"));\n });\n });\n\n numberOfAttendeesInput.addEventListener(\"change\", () => {\n const desiredNumberOfForms = parseInt(numberOfAttendeesInput.value, 10) - 1;\n const visibleFormCount = attendeesListGroup.querySelectorAll(\n \".rsvp-attendee-formset-form:not(.hidden)\",\n ).length;\n\n if (desiredNumberOfForms > visibleFormCount) {\n for (let i = 0; i < desiredNumberOfForms - visibleFormCount; i++) {\n addForm();\n }\n } else if (desiredNumberOfForms < visibleFormCount) {\n for (let i = 0; i < visibleFormCount - desiredNumberOfForms; i++) {\n // No adjustment of numberOfAttendeesInput here (it has already changed by\n // user interaction)\n removeForm();\n }\n }\n });\n }\n}\n"],"names":["toggleSubmitButtonEnabled","submitButton","enabled","toggleAttribute","classList","toggle","clearError","errorMessageContainer","document","querySelector","add","showError","errorMessage","innerText","fadeIn","async","initPayableCheckout","props","stripe","loadStripe","stripePublishableKey","body","addEventListener","event","payload","message","sendBrowserAgnosticEvent","scrollToElement","checkoutForm","getElementById","elements","clientSecret","detail","fonts","cssSrc","loader","style","base","fontFamily","fontSize","color","invalid","zipInput","cardholderInput","stripeElementContainerCollapse","Collapse","cardNumber","create","showIcon","cardExpiry","cardCvc","on","remove","mount","cardNumberValid","cardExpiryValid","cardCvcValid","allInputsReady","value","length","forEach","el","changeEvent","complete","isReady","error","paymentMethodSelect","hide","show","savePaymentMethod","completeCheckout","paymentMethodFromPaymentRequest","completeCallback","response","isSetupIntent","confirmCardSetup","payment_method","card","billing_details","name","address","postal_code","paymentData","id","checked","setup_future_usage","confirmCardPayment","window","Rollbar","paymentIntent","status","actionResponse","paymentRequest","paymentRequestParams","prButton","canMakePayment","paymentMethodEvent","paymentMethod","submitEvent","preventDefault","supportsBlur","CSS","supports","initProductPhotoBlur","threshold","images","querySelectorAll","image","img","aspect","naturalWidth","naturalHeight","Math","abs","closest","canvas","createElement","width","height","ctx","getContext","drawImage","pixelData","map","p","getImageData","data","slice","container","parentNode","every","d","i","bg","backgroundColor","documentElement","backgroundImage","src","backgroundSize","avg","reduce","acc","curr","val","idx","processImage","initCheckoutDynamicFormFields","trigger","t","skipBillingAndDeliverySync","billingNameChanged","deliveryNameInput","formFieldIds","deliveryName","billingNameInput","billingName","initCauseOfDeathAutocomplete","causeOfDeathInput","inputId","tomSelect","TomSelect","input","trim","text","created","maxItems","placeholder","valueField","sortField","field","notShared","initialAutocompleteData","options","addOption","setValue","initialPendingData","disable","clear","enable","strInput","strInputId","form","selectedOption","getValue","TomSelect_virtual_scroll","formatCity","city","createAutocompleteOption","initCityAutocomplete","cityIdentifierInput","cityIdentifierInputId","openUrlOnSelect","buildUrl","query","page","paramsData","search","businessTypeName","params","URLSearchParams","citySearchUrl","toString","tomSelectConfig","plugins","searchField","firstUrl","load","callback","requests","get","this","getUrl","ok","ResponseError","json","pagination","next","nextUrl","setNextUrl","results","loadThrottle","render","option","item","not_loading","shouldLoad","onChange","optionSelected","location","href","url","initExpandableCollapse","rootElement","lineCount","dataset","collapsedLineCount","parseInt","lineHeightStr","getComputedStyle","lineHeight","replace","collapsedHeight","gradientHeight","max","scrollHeight","setProperty","initExpandableCollapses","initMobileShareButton","selector","shareButton","navigator","share","title","shareTitle","shareUrl","catch","TomSelect_remove_button","NO_CHANGES_CLASS","formatParticipant","participant","thumbnailUrl","setAttribute","clearInviteForm","inviteModal","inviteInput","removeAttribute","initParticipantAutocomplete","participantsInitialAutocompleteData","participantsInputIds","participants","participantsJson","userMention","memorialSlug","userSearchEndpoint","participantsField","hiddenParticipantsJsonInput","temporaryParticipants","currentParticipantsIdentifier","modalParticipantData","flushParticipantDataToJsonField","JSON","stringify","tomselect","term","user","userHash","userMentionName","userSlug","virtual_scroll","remove_button","participantAutocomplete","addOptions","addItems","unselect","deselectedData","filter","participantData","close","Modal","temporaryParticipantIdentifier","push","runInviteFormValidation","inviteData","parse","firstNameField","lastNameField","emailField","email","ProgressRing","constructor","root","initialPercentage","circle","label","circumference","r","baseVal","PI","strokeDasharray","strokeDashoffset","setPercentage","newPercentage","textContent","SocialSource","FACEBOOK","FacebookImporter","mediaImporter","auth","nextCursor","nextAlbumCursor","selectedAlbum","getAlbumsUrl","baseUrl","getMediaUrl","authenticate","authType","return_scopes","scope","auth_type","FB","login","authResponse","grantedScopes","includes","loadAlbums","loading","api","paging","cursors","after","albumsReceived","node","thumbnail","picture","selectAlbum","album","media","loadMedia","mediaReceived","caption","source","reset","SocialPhotoImporter","onPhotosSelected","maxAllowed","modal","albumList","mediaGrid","selectedMediaGrid","errorContainer","loadingContainer","loadingMoreContainer","loadMoreMedia","loadingMoreAlbumsContainer","loadMoreAlbums","albums","selectedMedia","facebookImporter","activeImporter","maximum","display","resetMedia","retry","existingAlbumIds","a","newAlbumElement","newAlbumThumb","newAlbumTitle","appendChild","insertBefore","existingIds","m","existingMediaElement","isSelected","newMediaElement","newMediaImg","alt","toggleSelected","existingSelectedIds","selectedId","newSelected","shouldChooseAlbum","children","allowRetry","EMPTY_VALUES","undefined","initUGCTemplates","templatesData","shouldShowTemplatesOnInit","skipWarningModal","onTemplateSelected","inputIsHTMLEditor","alwaysShowTemplates","submitBtnWithWarning","templateSelector","templateDefaultOption","editModalButton","saveModalButton","warningModal","showWarningModalOnSubmit","selectedTemplate","selected","templateBody","templateIsEdited","templateBodyInP","previousSelection","prevValue","previous","acknowledgedWarning","click","hasSeenWarning","stopImmediatePropagation","inviteForm","submitBtn","checkValidity","UserMentionWriteHandler","mentionableElement","searchEndpoint","mentionsInput","mentionModalElement","mentionModal","processableMentions","Set","currentUserSearch","inviteSuccessModal","boundSetHiddenUserData","setUserQueryValue","bind","boundValidateForm","validateInviteForm","boundAcceptUserData","addSubmittedUserDataToProcessableMentions","showSuccessModal","animateCSS","fadeOut","listenForUserMentionTrigger","Tribute","allowSpaces","searchOpts","skip","selectClass","containerClass","itemClass","selectTemplate","original","setupListenersOnUserMentionInviteForm","menuItemTemplate","string","noMatchTemplate","lookup","fillAttr","values","debounce","cb","noMatchItem","rateLimitItem","searchErrorItem","Error","dropdownData","splice","MENU_ITEM_LIMIT","maxWait","requireLeadingSpace","menuItemLimit","menuShowMinLength","attach","klass","target","contains","userQueryHiddenInput","firstNameInput","lastNameInput","emailInput","fullName","disabled","eljs","editor","replaceContent","userQuery","addMentionsToFormOnSubmit","offsetParent","mentions","clearListenersOnUserMentionInviteModalClose","removeEventListener","setUp","initUserMentionsForElement","element","initUserMentions","memorialIsExample","userMentionClass","BelongingEditor","modalContainer","createUrl","editUrl","titleNameSpan","titleClaimedBadge","titleAvailableBadge","productPhoto","productPhotoPlaceholder","fieldIds","belongingFormFieldIds","photoInput","photo","nameInput","descriptionTextarea","description","isPublishedCheckbox","isPublished","isClaimedCheckbox","isClaimed","renderDependents","file","readValidFileFromInput","reader","FileReader","onload","readerEvent","result","readAsDataURL","activeBelonging","onBelongingChanged","e","stopPropagation","saveButton","save","dismiss","showForBelonging","belonging","invokeFilePicker","clicked","cancelSubmitProtect","handleAjaxFormSubmitProtection","errList","hasChildNodes","removeChild","lastChild","showGenericError","mainErrorAlert","responseData","post","success","responseJSON","errors","main","Object","keys","errKey","errorList","err","errItem","handleFail","AutoSaveTextField","textField","storageKey","autosaveKey","remoteLastUpdated","parseFloat","autosaveLastUpdated","storageAvailable","store","initialValue","setTimeout","indicator","revertLink","force","localStorage","getItem","timestamp","Date","now","setItem","removeItem","updateIndicator","hasNotChanged","updateBusinessAutocomplete","includeInitialValue","businessPlaceholder","addSubmitListener","businessIdentifierInputId","mergedProps","businessIdentifierInput","destroy","initBusinessAutocomplete","clearReviewInputs","reviewInputWrappers","reviewInputWrapper","reviewTextarea","errorlist","toggleFuneralHome","inputGroup","isOnboarding","shouldShow","initBusinessAssociationForm","editDispositionMethodBtns","businessAssociationInputGroups","funeralHomeInputGroup","cemeteryInputGroup","donationOrgInputGroup","seaBurialProviderInputGroup","locationTypeInputGroup","locationInputGroup","locationTypeSelect","remainsLocationField","funeralHomeInputLabel","funeralHomeInputPending","locationTypeNoRemains","remainsLocationTypeNoRemains","setTextOfFuneralHomeGroup","isFuneralHome","isInitialLoad","isGenericProvider","setDispositionMethodState","nonSelectedDispositionRadios","selectedDispositionRadio","selectedDispositionRadioWrapper","nonSelectedDispositionRadio","editDispositionMethodBtn","funeralHomeSearch","businessStrInputId","businessPending","cemeterySearch","showBurialFields","showCremationFields","showDonationFields","showSeaBurialFields","showOtherFields","innerEditDispositionMethodBtn","dispositionRadio","donationOrgSearch","seaBurialProviderSearch","clearOptions","clearAllBusinessAssociationInputs","burialRadio","group","cremationRadio","donationRadio","seaBurialRadio","naturalOrganicReductionRadio","liquidCremationRadio","otherRadio","pendingRadio","clearLocationInputs","clearCemeteryInputs","cemeterySearchInput","showLocationTypeFollowupField","showInitialValue","remainsLocationTypeCemetery","remainsLocationTypeCheckbox","remainsLocationCheckbox","setRemainsLocationTypeState","remainsLocationTypeField","setRemainsLocationState","hospiceSearch","deathDoulaSearch","disableReviews","reviewSection","reviewSectionHeader","funeralHomeReviewSection","funeralHomeSlugInput","funeralHomePendingCheckbox","funeralHomeReviewSubmitBtn","cemeteryReviewSection","cemeterySlugInput","cemeteryPendingCheckbox","cemeteryReviewSubmitBtn","hospiceReviewSection","hospiceSlugInput","hospicePendingCheckbox","hospiceReviewSubmitBtn","donationOrgReviewSection","donationOrgSlugInput","donationOrgPendingCheckbox","donationOrgReviewSubmitBtn","deathDoulaReviewSection","deathDoulaSlugInput","deathDoulaPendingCheckbox","deathDoulaReviewSubmitBtn","showBusinessReviewForm","selectedFuneralHome","selectedCemetery","selectedHospice","selectedDonationOrg","selectedDeathDoula","funeralHomesReviewed","businessesUserHasReviewed","funeralHomes","cemeteriesReviewed","cemeteries","hospicesReviewed","hospices","donationOrgsReviewed","donationOrgs","deathDoulasReviewed","deathDoulas","showFuneralHomeReviewForm","showCemeteryReviewForm","showHospiceReviewForm","showDonationOrgReviewForm","showDeathDoulaReviewForm","funeralHomeSlug","funeralHomeName","nameSpan","cemeterySlug","cemeteryName","hospiceSlug","hospiceName","donationOrgSlug","donationOrgName","deathDoulaSlug","deathDoulaName","submitBusinessReview","businessType","submitButtonRestore","submitUrl","rating","flow","slug","showBusinessReviewSuccessState","businessName","businessSlug","successMessage","business1","business2","business2Wrapper","isHidden","reviewForm","collapse","currentTarget","initBusinessReviewSection","initDateTimePicker","flatpickr","allowInput","altFormat","altInput","enableTime","selectedDates","dateStr","instance","_previousInput","_input","onClose","config","setDate","onReady","placeholderEventsStatePending","setEventsContainerInputsDisabledState","eventInputContainer","eventInput","addEventTypeOtherFocus","formCount","otherInput","parentElement","attachEventTypeListener","formContainer","eventTypeContainer","handleEventSelection","selectedEventType","eventName","otherField","getAttribute","newTitle","radio","addEventLocationAutocomplete","metadataElement","alwaysBlockReturnKeySubmit","initGoogleAutocomplete","types","initRSVPLimitBehavior","rsvpsEnabledCheckbox","rsvpsLimitContainer","rsvpsLimitContainerCollapse","rsvpsLimitCheckbox","rsvpsLimitFieldContainer","rsvpsLimitField","rsvpsLimitFieldContainerCollapse","updateRSVPLimitDisplay","minValue","Number","initStreamingOptions","eventStreamingCheckbox","zoomHostingCheckbox","urlContainer","zoomDataContainer","eventLocationLabel","updateLocationLabel","indexOf","concat","initEventExtraData","flushParticipantData","showCovid","covidInputs","covidPrecautionOtherContainer","checkbox","attachmentInputContainer","attachmentInput","downloadProgramLink","removeContainer","removeField","files","programTextCTA","programTextContainer","programTextarea","initEditor","customButtons","inputContainerSelector","templates","templatesContainerSelector","speakersContainer","participantAutocompleteProps","participantsInitialAutocompleteDataByEvent","uuid","expandRSVPs","triggeringElement","scrollToDetails","rsvpsContainer","scrollInMemorialPrivateContentContainer","initEditEvents","deleteEventCallbacks","placeholderEventsStateNotHappening","memorialFirstName","placeholderEventsStatePrivate","changeTimezoneContainer","bottomSubmitRow","topSubmitRow","eventsState","eventsStatePublic","nonPublicEventStateReasonField","eventsNote","eventsStatePrivate","eventsStateNotHappening","eventsStatePending","privateEventStreamCheckbox","streamEntryField","privateEventZoomCheckbox","privateEventZoomDataContainer","stateRadio","selectedRadio","streamOption","otherReason","toHide","toShow","totalFormCount","removeButton","hideTimezone","eventsStateNoInfo","datetimeInputElement","pickerInput","nextElementSibling","deleteCallbacks","Array","from","removeEventAnchor","idField","confirm","previousElementSibling","action","submit","attendeeFormsetProps","eventUUID","formsetProps","initAttendeeFormset","initEditEventsOnLoad","inputElements","getElementsByClassName","totalFormCountInput","resequenceForms","removedIdFormField","formIdRegex","removedIndex","match","_container","containerIndex","idFormField","removeAnchor","addEventButton","newForm","emptyForm","formElements","generateElements","eventFormsContainer","append","eventForm","eventExtraDataCallback","elementMetadataId","expandEventRSVPS","expandElement","StockPhotoModal","onSelected","rootModal","selectedStockPhotos","desiredCount","confirmSelection","cancelSelection","evt","elt","togglePhoto","updateSelected","alreadySelectedStockPhotos","browserContainer","photoElement","hashid","filteredPhotos","sp","selectedPhotosContainer","firstChild","photoData","div","selectedHashids","stockPhoto","desiredCountLabel","remaining","CROPPER_OPTIONS","aspectRatio","autoCrop","autoCropArea","viewMode","cropBoxMovable","cropBoxResizable","dragMode","minCropBoxWidth","minCropBoxHeight","minCanvasHeight","zoomOnWheel","DeceasedPhotoUploader","socialImporter","photos","onSocialPhotosSelected","stockPhotoRoot","stockPhotoModal","stockPhotoData","stockPhotosSelected","isSelectingPhotos","isInExternalPhotoSelection","ingestionOptionsModal","fileInput","filesSelected","selectPhotosButton","importFromFacebookButton","importFromEverLovedButton","collageSize","layoutFrame","layoutSelector","layoutSize","isSelectingLayout","filterFrame","filterFinishedButton","isFiltering","previewFrame","existingPhotos","cropperData","isShowing","uploadPhotos","onPhotosUpdated","uploadUrl","uploadExtraParams","is_onboarding","fundraising_purpose","fundraisingPurpose","uploadOverlay","previewPhotosContainer","incompleteWarning","startSelectPhotos","overrideSelectingPhotos","socialOptionsModal","span","renderLayoutFrame","renderFilterFrame","renderPreviewFrame","stockPhotosData","f","v","File","isFromSocial","verifyAccept","type","allowed","split","x","alert","tileContainer","newTile","photoName","newTilePhoto","objectFit","croppedCanvas","objectPosition","fileReader","innerHTML","removePhoto","canProgress","photoContainer","photoImg","primaryBanner","cropControlContainer","cropControl","cropPhoto","moveControls","change","moveUp","movePhoto","moveDown","placeholderCount","placeholderElement","cameraImg","cameraSvg","formData","FormData","k","set","photoMetadata","is_main_photo","cropData","y","social_url","progressBar","uploadCount","errorAlert","onProgressPercentage","percent","loadFinish","setInterval","clearInterval","currentValue","postMultipartWithProgress","photoLayoutSelector","up","currentIndex","newIndex","min","previewElementContainer","previewElement","nextSibling","previousSibling","cropper","cropperContainer","zIndex","cropperImg","flexBasis","maxHeight","zoomControls","zoomInBtn","zoom","zoomOutBtn","canvasData","cropOptions","ready","setCanvasData","imageData","getCropBoxData","Cropper","buttonBar","cancelButton","minWidth","getCanvasData","getData","getCroppedCanvas","toDataURL","toggleManualEntry","showManualEntry","deceasedFirstName","firstName","deceasedLastName","lastName","fullNameInput","deceasedNameFieldId","deceasedFirstNameFieldId","deceasedLastNameFieldId","manualEntryContainerClass","memorialSearchContainerClass","splitNames","join","initDeceasedAutocomplete","deceasedIdentifierInput","deceasedSearchUrl","deceasedPlaceholder","formatDeceased","deceased","dateOfBirth","dateOfDeath","deceasedSearchAutocomplete","newValue","newOption","deceasedMemorialSlugInput","deceasedMemorialSlugFieldId","deceasedManualEntryErrors","deceasedFormClass","locationContainer","deceasedLocationContainerClass","setupFormListeners","nameField","relationshipSelect","deceasedRelationshipTypeFieldId","toggleButton","deceasedSubmitButton","initFundraiserForm","onCleaveInit","cleave","personalFundraiserForms","personalFundraiserForm","fundraisingGoalContainer","fields","fundraisingGoal","fundraisingGoalDisabled","goalAmountContainer","currencyWithoutGoalContainer","goalContainer","goalAmountCollapse","currencyWithoutGoalCollapse","fundraisingGoalInput","Cleave","numeral","numeralPositiveOnly","getRawValue","currencySelect","currencyNote","previousCurrency","selectedOptions","selectedCurrency","exchangeRates","toFixed","setRawValue","round","causeStoryField","causeStoryForm","causeStory","causeStoryTemplatesContainer","causeStoryTemplates","shouldShowCauseStoryTemplates","previousCauseStoryField","previousCauseStory","clipboardData","charityFundraiserForms","charityFundraiserForm","charityvestDesignationSelector","charityvestDesignation","otherContainer","fundraisingManagerSelect","isOriginal","forceSubmit","initPopovers","initSubscriberNotificationsModal","notificationsModalElement","notificationsModal","notifyBtn","sendNotificationsEndpoint","initRelationshipForms","addPredeceasedLovedOneButton","addPredeceasedLovedOneForm","addFollowingLovedOneButton","addFollowingLovedOneForm","addSurvivingLovedOneButton","addSurvivingLovedOneForm","predeceasedLocationContainer","survivorRelationshipTypeSelect","survivorRelationshipTypeFieldId","survivorRelationshipTypeStr","index","selectedIndex","inviteManager","predeceasedRelationshipTypeSelect","predeceasedRelationshipTypeFieldId","predeceasedRelationshipTypeStr","followerFormProps","followingRelationshipTypeSelect","followingRelationshipTypeStr","baseSearchUrl","slugFieldId","firstNameFieldId","lastNameFieldId","excludeSlugs","predicateFilter","memorialSearchEntry","memorialSearchLoading","memorialSearchResultContainer","memorialSearchError","memorialSearchDuplicate","memorialSearchIneligible","manualEntryContainer","memorialSlugField","rawFirstNameField","rawLastNameField","showSearchResult","memorialData","yearOfBirth","yearOfDeath","searchUrl","encodeURIComponent","memorialUrl","warn","searchMemorial","initMemorialSearchByUrl","memorialSearchUrl","relatedMemorialSlugs","predeceasedMemorialSlugFieldId","predeceasedMemorialDeceasedFirstNameFieldId","predeceasedMemorialDeceasedLastNameFieldId","personEditForms","personEditFormContainer","relationshipTypeSelect","relationshipTypeStr","listGroupItem","editForm","listItemContent","keyCode","personEditLinks","editLink","initMemorialPrivateHowToHelp","totalOtherFormCount","initNeedForm","needFormContainer","needTypeOtherInput","activate","needTypeLabel","deleteInput","idInput","focus","titleSubmitButton","button","readonlyContainer","editableContainer","locationField","locationMetadataField","otherNeedFormsetContainer","addOtherButton","formSource","emptyOtherForm","wrapper","firstElementChild","registerSubmitButton","initAnimatedPlaceholderFormField","initInvites","showNotificationsPrompt","openImportContactsButton","loadingOverlay","connectPromptOverlay","errorOverlay","contactSearch","contactListGroup","importContactsButton","recipientsField","selectAllContactsButton","toLowerCase","searchTarget","loadContacts","alreadySelected","em","getContactsUrl","contacts","contact","pathname","importGoogleContactsModalElement","hasCredentials","initializerButton","alternate","top","outerHeight","screenY","h","outerWidth","screenX","w","open","oAuthComplete","selectedEmails","deselectedEmails","newSelectedEmails","newRecipients","inviteRecordsBodyCard","initFundraiserOnboarding","initMemorialOnboardingInviteManager","initMemorialOnboardingEvents","initMemorialOnboardingFamily","initMemorialOnboardingFinalRestingPlace","causeOfDeathSearch","initMemorialOnboardingFundraisingGuidance","choiceField","choices","choice","fundraisingChoice","initMemorialOnboardingPhoto","uploader","deceasedPhotoUploaderProps","fbAsyncInit","init","appId","facebookAppId","autoLogAppEvents","xfbml","version","facebookApiVersion","updateSharingChecklist","updateSharingChecklistEndpoint","statusText","initMemorialOnboardingShare","ClipboardJS","btnFacebookShare","debug","console","log","facebookShare","ui","facebookResponse","error_code","memorialHasPersonalFundraiser","shareToFacebookChecklistStatus","shareComplete","WordCounter","wordCountTarget","wordCountMax","counterSpan","assessCount","currentCount","getWordCount","overage","token","initPartnerObituaryOrderCreate","photoUrlField","photoUrl","selectedPhoto","photoSelectorChoices","_img","formDisabled","toggleFormEnabled","forceEnabled","btn","wordCountRoot","obituary","obitField","initMemorialPrivateChooseCause","charitySearch","charityBusinessIdentifierInput","selectCharityBtn","modalElement","initCharitySearchListener","causeCards","causeExpanders","rectangles","causeExpander","thisCard","thisCauseCardExpander","thisRectangle","isAlreadyExpanded","rectangle","marginBottom","offsetHeight","isOnMobile","scrollingElement","initChooseCauseGrid","adjustCurrentCardBottomMargin","currentExpander","descriptionExpander","initExpandableCharityOverview","eventActions","errorMessages","TOUR_DELAY","initTimezoneSelector","timezoneSelectorId","timezoneSelector","browserTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","find","opt","completeSharingChecklistItem","checklistItemKey","endpoint","SIDEBAR_KEY","SidebarManager","sidebar","sync","hidden","sessionStorage","initMemorialUpdateEdits","link","deleteUrl","delete","initMemorialGiftPremiumControls","hasPremium","disableMemorialGiftsId","disableMemorialGiftsContainers","disableMemorialGiftsContainer","disableMemorialGiftsToggle","handleDisableToggle","giftTogglesContainer","giftTogglesDoNotSuggestGifts","causeConfigurationContainers","preferencesContainer","standaloneStoryAndChecklist","addFundraiserBtn","causeConfigurationContainer","disableMemorialGiftListDisplayId","disableListDisplay","disableContributionsDisplay","disableMemorialGiftContributionsDisplayId","handleListDisplayToggle","undoDisabledCheckboxOnSubmit","checkboxEl","targetForm","initMemorialPrivateBase","sidebarToggle","sidebarManager","some","offset","initClipboard","initDirtyTracker","checkboxContainer","initPremiumUpsell","urlParams","initTimezoneModal","initAddFuneralHomeWarning","facebookBtn","sharingUrl","method","alertKey","allAlertsContainer","showAllAlerts","isPrivateDashboard","hash","closeAlerts","hideAlertButtons","alertButton","revert","listItem","dismissPrivateAlertUrl","key","autoScrollTargets","autoScroll","onhashchange","onboardingReentryBanner","Alert","searchPhraseInput","searchPhraseInputId","memorialFeatureSearchUrl","featureAutocomplete","initMemorialFeatureAutocomplete","memorialFeatureSearch","initTooltips","initMemorialInvitePeople","personCountSpan","invitePeopleFormset","totalFormsField","totalFormsFieldId","totalForms","total","initManagerRelationshipBehavior","relationshipEntryContainer","showingManager","initRelationshipOtherBehavior","selectField","strField","updateSubmitButton","nameFields","updateNumberOfForms","increment","removeFormHandler","addInvitePersonFormButton","newFormContainer","initMemorialPrivateDashboard","recommendationsWrapper","Glide","animationDuration","peek","before","Swipe","answerText","collapseElement","carouselElement","Carousel","notAnswerText","openCollapseElement","initSuccessModal","hasSubmitted","isVisible","sentThankYouCheckbox","updateUrl","toggle_thank_you","sentThankYou","ringContainer","checklistProgress","tourProps","innerWidth","tourData","containerSelector","currentTourStep","advanceTour","tourHasBeenInvoked","closeTour","step","renderCurrentTourStep","tourStepTarget","currentStep","alone","position","left","isInViewport","scrollIntoView","targetRect","getBoundingClientRect","leftEdge","rightEdge","topEdge","bottomEdge","horizontalSpace","horizontalAnchor","verticalSpace","verticalAnchor","right","bottom","innerHeight","beginTour","nextBtn","exitBtn","timerFire","timeoutId","clearTimeout","initMemorialPrivateTour","initMemorialDeceasedForm","titleInputId","titleOtherStrInputId","suffixInputId","suffixOtherStrInputId","titleInput","titleOtherStrContainer","suffixInput","suffixOtherStrContainer","setupDeceasedTitleAndSuffix","addNickname","dateOfDeathInputs","disableDateOfDeathPicker","currentInput","enableDateOfDeathPicker","notYetPassed","notYetPassedInputId","relationshipSelectId","relationshipOther","initMemorialPrivateBasicInformation","photosUploadedBanner","multiPhotoUploader","photosSection","initMemorialPrivatePassing","organDonationSearchProps","checkboxId","hasDonatedOrgans","organChoicesInput","organDonationDetailsContainer","hidePlaceholder","items","toggleShowOrganDonationDetails","initOrganDonationForm","organDonationSearch","addDeliveryLocationAutocomplete","componentRestrictions","country","initMemorialPrivateGifts","clv","fundraisingGoalCleave","isNewCause","causeStoryInput","defaultValue","clearFundraisingUser","clearInput","requestSubmit","showErrorOnClickElement","disabledFieldName","disabledName","getNextSiblingMatchingSelector","eventAction","trackCustomUserAction","once","premiumForm","disableMemorialGifts","disableMemorialGiftListDisplay","disableMemorialGiftContributionsDisplay","selfServeCheckbox","selfServeDonations","parentBodyCard","customCharityFinePrint","selfServeCharityFinePrint","fundraisingManagerForm","selfServeChanged","formsetContainer","addAddressContainer","deliveryAddressForms","deliveryAddressesTotalFormCountInputId","deliveryAddressesTotalFormCount","addRemoveAddressHandler","removeAddressButton","formIdField","insertAdjacentHTML","emptyDeliveryAddressForm","lastElementChild","allowFlowersToggle","preferencesFormFieldIds","allowFlowers","initDeliveryAddressesOnLoad","initMemorialPrivateFavorites","initEditDropdowns","initUserBlocking","handleListUpdate","searchEvent","scrollContainer","emptyElement","noSearch","emptySearch","showEmpty","userSearchingContainers","userBlockButtons","blockedUserList","unblockedUserList","blockBtn","isBlocking","blockUrl","block","initMemorialPrivateFamily","editRelatedPhotoLinks","uploadRelatedPhotoPersonField","uploadForm","toPerson","memorial","initPhotoCropper","relatedPhotoForm","rawPublicProfilePhoto","xInput","yInput","heightInput","widthInput","cropperOptions","cropButtonSubmits","onComplete","onModalShown","cropperInstance","setAspectRatio","initRelatedPhotoUpload","firstSection","awaitingConfirmationSectionAlerts","awaitingConfirmationSections","awaitingConfirmationSectionAlert","initRelativeAwaitingConfirmationTips","initDeceasedSearchAutocomplete","initMemorialPrivateEvents","forms","timezone","initMemorialObituary","placeholderOverride","obituaryTextArea","autoSaves","showTemplateSelectorButton","templateSelectorContainer","initMemorialNote","noteInput","noteInputId","noteTemplatesContainer","noteTemplates","initPasswordProtect","passwordProtectToggle","passwordProtectFieldContainer","initMemorialPrivatePremium","paymentMethodForm","listener","htmx","appearance","theme","variables","colorPrimary","getPropertyValue","labels","displayError","cardholderNameInput","zipCodeInput","clickEvent","reverseSubmitProtection","paymentMethodDetails","setup_intent","setupIntent","initAddPaymentMethod","registerFormSubmitProtection","initMemorialPrivateSettings","themeOptions","themeNames","themeOption","themeName","initLegacyEdit","urls","defaultUrl","initFeedbackForm","feedbackReasonField","reasonCommentFieldId","reasonInputName","reasonCommentFormPrompts","initMemorialPrivateNoteAndUpdates","initMemorialPrivateBelongings","editorContainer","invokeEditor","newBelonging","listedBelongings","unlistedBelongings","existing","belongingsList","is_published","insertBeforeTarget","newItemWrapper","truncatedDescription","emptyListItem","is_claimed","claimedBadge","belongingEditor","editorProps","belongingItem","notifyCheckboxContainerForm","notifyCheckbox","initPhotoArchiveRequest","photoArchiveRequestError","initMemorialPrivateCommunityContent","initAIObituaryComposerForm","composerForm","scrollFix","editContent","locationAutocompleteFields","placeAutocompleteFields","google","maps","handleSchoolNameInput","existingNameInputs","cloned","cloneNode","yearInput","parent","childNode","totalFormsInput","managementForm","TOTALFORMS","numberOfAttendeesInput","attendeesListGroup","removeForm","specificForm","child","pop","addForm","formWrapper","desiredNumberOfForms","visibleFormCount"],"sourceRoot":""}