, assigns the encoded string to its innerHTML, and retrieves\n // the decoded string from textContent to display special characters properly\n decodeHtmlEntities(encodedString) {\n const tempDiv = document.createElement(\"div\");\n tempDiv.innerHTML = encodedString;\n return tempDiv.textContent || tempDiv.innerText || \"\";\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { get } from \"@rails/request.js\";\n\n// Connects to data-controller=\"tax-classification-select\"\nexport default class extends Controller {\n static targets = [\"section\", \"source\", \"taxClassificationSelect\"];\n\n static values = {\n taxClassificationSelectUrl: String\n };\n\n declare sourceTarget: HTMLInputElement;\n declare sectionTargets: HTMLDivElement[];\n declare taxClassificationSelectTarget: HTMLSelectElement;\n declare hasTaxClassificationSelectTarget: boolean;\n declare taxClassificationSelectUrlValue: string;\n\n connect() {\n const startingValue = this.handleInputAmbiguity(this.sourceTarget);\n\n this.toggleVisibility(startingValue);\n }\n\n handleChange(event) {\n const selectedValue = this.handleInputAmbiguity(event.target);\n\n this.toggleVisibility(selectedValue);\n\n if (this.hasTaxClassificationSelectTarget) {\n this.taxClassificationSelectTarget.innerHTML = \"\";\n }\n }\n\n toggleVisibility(value) {\n this.sectionTargets.forEach((section) => {\n const showWhens = section.dataset.showWhen.split(\",\").map((showWhen) => showWhen.trim());\n\n if (this.willDisplaySection(value, showWhens) && this.shouldMakeRequest(section)) {\n this.getTaxClassificationSelectOptions(value);\n }\n\n showWhens.forEach(() => {\n if (this.willDisplaySection(value, showWhens)) {\n section.classList.remove(\"hidden\");\n } else {\n section.classList.add(\"hidden\");\n }\n });\n });\n }\n\n shouldMakeRequest(section) {\n return section.dataset.requestSelect === \"true\";\n }\n\n willDisplaySection(value, showWhens) {\n return value === true || (showWhens.includes(value) && value !== \"\");\n }\n\n getTaxClassificationSelectOptions(value) {\n const url = new URL(this.taxClassificationSelectUrlValue);\n const params = new URLSearchParams(url.search);\n params.append(\"entity_type\", value);\n url.search = params.toString();\n get(url.toString(), {\n responseKind: \"turbo-stream\",\n });\n }\n\n handleInputAmbiguity(target) {\n // If target is a checkbox, use that\n if (target.getAttribute(\"type\") === \"checkbox\") {\n return target.checked;\n } else {\n return target.value;\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\n// Connects to data-controller=\"template\"\nexport default class extends Controller {\n static targets = [\"template\", \"target\"];\n\n declare templateTarget: HTMLTemplateElement;\n declare targetTarget: HTMLElement;\n\n render() {\n this.targetTarget.insertAdjacentHTML(\"beforebegin\", this.templateTarget.innerHTML)\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\n// Connects to data-controller=\"toggle-all\"\nexport default class extends Controller {\n static targets = [\"toggleable\", \"toggleButton\", \"actionIcon\"];\n static values = {\n open: { type: Boolean, default: false },\n };\n\n declare toggleableTargets: HTMLElement[];\n\n declare actionIconTarget: HTMLElement;\n declare hasActionIconTarget: boolean;\n\n declare openValue: boolean;\n\n connect() {\n if (this.hasActionIconTarget) {\n this.actionIconTarget.classList.add(\"transition-transform\", \"duration-200\", \"ease-in-out\");\n\n if (this.openValue) {\n this.actionIconTarget.classList.add(\"rotate-0\");\n } else {\n this.actionIconTarget.classList.add(\"-rotate-90\");\n }\n }\n }\n\n toggleAll(_e: Event): void {\n this.openValue = !this.openValue;\n this.animate();\n }\n\n collapseAll(_e: Event): void {\n this.openValue = false;\n this.animate();\n }\n\n expandAll(_e: Event): void {\n this.openValue = true;\n this.animate()\n }\n\n animate() {\n if (this.hasActionIconTarget) {\n if (this.openValue) {\n this.actionIconTarget.classList.add(\"rotate-0\");\n this.actionIconTarget.classList.remove(\"-rotate-90\");\n } else {\n this.actionIconTarget.classList.add(\"-rotate-90\");\n this.actionIconTarget.classList.remove(\"rotate-0\");\n }\n }\n\n this.toggleableTargets.forEach((toggleable: HTMLElement) => {\n if (this.openValue) {\n this.dispatch(\"expand\", { target: toggleable });\n } else {\n this.dispatch(\"collapse\", { target: toggleable });\n }\n });\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\n/**\n * Handles toggling classes on elements based on their default active state.\n *\n * Targets:\n * - toggleable: Elements that will have classes toggled\n *\n * Classes:\n * - toggle: Classes to toggle on the toggleable targets\n *\n * Data Attributes:\n * - data-default-active: \"true\" | \"false\" - Determines the default state of a toggleable target\n *\n * Example:\n * ```html\n *
\n *
Show by default
\n *
Hide by default
\n *
\n * ```\n */\n\n// Connects to data-controller=\"toggle-class\"\nexport default class extends Controller {\n static classes = [\"toggle\"];\n static targets = [\"toggleable\"];\n\n declare toggleableTargets: HTMLElement[];\n declare toggleClasses: string[];\n\n toggle(): void {\n this.toggleableTargets.forEach(this.toggleClassesOnTarget);\n }\n\n addClass(): void {\n this.toggleableTargets.forEach((target) => {\n this.setClassesOnTarget(target, true);\n });\n }\n\n removeClass(): void {\n this.toggleableTargets.forEach((target) => {\n this.setClassesOnTarget(target, false);\n });\n }\n\n private toggleClassesOnTarget = (target: HTMLElement): void => {\n this.toggleClasses.forEach((toggleClass) => {\n target.classList.toggle(toggleClass);\n });\n };\n\n private setClassesOnTarget(target: HTMLElement, isAddingClass: boolean): void {\n const isDefaultActive = target.dataset.defaultActive === \"true\";\n const shouldAddClass = isDefaultActive ? !isAddingClass : isAddingClass;\n\n this.toggleClasses.forEach((toggleClass) => {\n if (shouldAddClass) {\n target.classList.add(toggleClass);\n } else {\n target.classList.remove(toggleClass);\n }\n });\n }\n}\n","import { Toggle } from \"tailwindcss-stimulus-components\";\n\n// Connects to data-controller=\"toggle\"\nexport default class extends Toggle {\n static targets = [\"toggleable\", \"actionIcon\"];\n static values = {\n open: { type: Boolean, default: false },\n };\n\n declare toggleableTargets: HTMLElement[];\n\n declare actionIconTarget: HTMLElement;\n declare hasActionIconTarget: boolean;\n\n declare openValue: boolean;\n\n connect() {\n super.connect();\n\n if (this.hasActionIconTarget) {\n this.actionIconTarget.classList.add(\"transition-transform\", \"duration-200\", \"ease-in-out\");\n\n if (this.openValue) {\n this.actionIconTarget.classList.add(\"rotate-0\");\n } else {\n this.actionIconTarget.classList.add(\"-rotate-90\");\n }\n }\n }\n\n animate() {\n if (this.hasActionIconTarget) {\n if (this.openValue) {\n this.actionIconTarget.classList.add(\"rotate-0\");\n this.actionIconTarget.classList.remove(\"-rotate-90\");\n } else {\n this.actionIconTarget.classList.add(\"-rotate-90\");\n this.actionIconTarget.classList.remove(\"rotate-0\");\n }\n }\n\n super.animate();\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\n// Connects to data-controller=\"toggle-disable\"\nexport default class extends Controller {\n static targets = [\"primaryCheckbox\", \"dependentInput\"];\n declare primaryCheckboxTarget: HTMLInputElement;\n declare dependentInputTargets: HTMLInputElement[];\n\n static values = {\n dependent: String,\n };\n\n declare dependentValue: string;\n\n connect() {\n this.toggleDependentInputs();\n }\n\n disableDependentIfCheckboxIsChecked() {\n const checkboxToDisable: HTMLInputElement = document.querySelector(this.dependentValue);\n\n if (this.primaryCheckboxTarget.checked) {\n checkboxToDisable.disabled = false;\n } else {\n checkboxToDisable.checked = false;\n checkboxToDisable.disabled = true;\n }\n }\n\n toggleDependentInputs() {\n this.dependentInputTargets.forEach((dependentInput) => {\n if (this.primaryCheckboxTarget.checked) {\n dependentInput.disabled = false;\n } else {\n dependentInput.checked = false;\n dependentInput.value = \"\";\n dependentInput.disabled = true;\n }\n });\n }\n}\n","import { Toggle } from \"tailwindcss-stimulus-components\";\n\n// Connects to data-controller=\"toggle-permissions\"\nexport default class extends Toggle {\n declare openValue: boolean;\n\n toggle(event) {\n const input = event.target as HTMLInputElement;\n\n if (input.dataset.open === \"true\") {\n super.show();\n } else if (this.openValue) {\n super.hide();\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\n\n// Connects to data-controller=\"toggle-readonly\"\nexport default class extends Controller {\n connect() {}\n\n static targets = [\"numberInput\"];\n\n declare numberInputTarget: HTMLInputElement;\n\n toggleReadOnly(event: Event): void {\n event.preventDefault();\n this.numberInputTarget.readOnly = !this.numberInputTarget.readOnly;\n\n this.updateButtonText(event.target as HTMLElement);\n }\n\n updateButtonText(button: HTMLElement): void {\n if (button) {\n button.textContent = this.numberInputTarget.readOnly\n ? \"Edit\"\n : \"Lock\";\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\n// Connects to data-controller=\"transaction-payables-match\"\nexport default class extends Controller {\n static targets = [\n \"payableIdInput\",\n \"payableIdInputTemplate\",\n \"payableIdInputContainer\",\n \"checkbox\",\n \"checkboxAll\"\n ];\n\n declare payableIdInputTemplateTarget: HTMLTemplateElement;\n declare payableIdInputTargets: HTMLInputElement[];\n declare payableIdInputContainerTarget: HTMLDivElement;\n\n declare checkboxTargets: HTMLInputElement[];\n declare checkboxAllTarget: HTMLInputElement;\n\n updateMatches() {\n this.setHiddenTransactionInputs();\n }\n\n setHiddenTransactionInputs() {\n const selectedCheckboxes = this.getSelectedCheckboxes();\n\n this.payableIdInputContainerTarget.innerHTML = \"\";\n\n selectedCheckboxes.forEach((checkbox) => {\n const payableIdInput = document.importNode(this.payableIdInputTemplateTarget.content, true);\n const payableIdInputEl = payableIdInput.querySelector(\"input\");\n payableIdInputEl.value = checkbox.value;\n\n this.payableIdInputContainerTarget.appendChild(payableIdInput);\n });\n }\n\n getSelectedCheckboxes() {\n return this.checkboxTargets.filter((checkbox) => {\n return checkbox.checked;\n });\n }\n\n selectAll() {\n this.checkboxTargets.forEach((checkbox) => {\n checkbox.checked = true;\n });\n }\n\n deselect(checkboxes: HTMLInputElement[]) {\n checkboxes.forEach((checkbox) => {\n checkbox.checked = false;\n });\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { TomInput } from \"tom-select/dist/cjs/types\";\n\n// Connects to data-controller=\"transaction-transfer\"\nexport default class extends Controller {\n declare submitButtonTarget: HTMLButtonElement;\n declare rowTargets: HTMLElement[];\n declare destinationDescriptionTargets: HTMLElement[];\n declare accountCodeSelectTargets: HTMLInputElement[];\n declare tagSelectTargets: HTMLInputElement[];\n declare intercompanyAccountSelectTargets: HTMLInputElement[];\n\n static targets = [\n \"submitButton\",\n \"row\",\n \"destinationDescription\",\n \"accountCodeSelect\",\n \"tagSelect\",\n \"intercompanyAccountSelect\",\n ];\n\n static values = {\n originalLedgerId: String,\n };\n declare originalLedgerIdValue: string;\n\n clearNonSelectedRows(event: Event) {\n const target = event.target as HTMLInputElement;\n\n this.destinationDescriptionTargets.forEach((destinationDescription: HTMLElement) => {\n const destinationDescriptionTransactionId = destinationDescription.getAttribute(\n \"data-destination-description-id-value\",\n );\n const destinationDescriptionValue = destinationDescription.getAttribute(\"data-destination-description-value\");\n\n if (destinationDescriptionTransactionId !== target.value) {\n const divElement = document.createElement(\"div\");\n divElement.textContent = destinationDescriptionValue;\n divElement.classList.add(\"p-2\");\n destinationDescription.textContent = \"\";\n destinationDescription.appendChild(divElement);\n } else {\n const textareaElement = document.createElement(\"textarea\");\n textareaElement.setAttribute(\"name\", \"destination_transaction_description\");\n textareaElement.textContent = destinationDescriptionValue;\n textareaElement.classList.add(\n \"flex\",\n \"px-2\",\n \"border-none\",\n \"shadow-none\",\n \"rounded-none\",\n \"focus:ring-inset\",\n \"h-full\",\n \"w-full\",\n \"text-sm\",\n \"font-medium\",\n \"text-sumit-primary-gray-dark\",\n \"min-h-8\",\n );\n\n destinationDescription.textContent = \"\";\n destinationDescription.appendChild(textareaElement);\n }\n });\n\n this.accountCodeSelectTargets.forEach((accountCodeSelect: HTMLElement) => {\n const accountCodeSelectTransactionId = accountCodeSelect.getAttribute(\"data-account-code-select-id-value\");\n\n const accountCodeSelectElement = accountCodeSelect as TomInput;\n const accountCodeTomSelect = accountCodeSelectElement.tomselect;\n if (accountCodeSelectTransactionId === target.value) {\n accountCodeTomSelect.enable();\n this.toggleAccountCodeSelect(accountCodeSelectTransactionId, true);\n } else {\n accountCodeTomSelect.disable();\n accountCodeTomSelect.clear();\n this.toggleAccountCodeSelect(accountCodeSelectTransactionId, false);\n }\n });\n\n this.tagSelectTargets.forEach((tagSelect: HTMLElement) => {\n const tagSelectTransactionId = tagSelect.getAttribute(\"data-tag-select-id-value\");\n\n const tagSelectElement = tagSelect as TomInput;\n const tagTomSelect = tagSelectElement.tomselect;\n if (tagSelectTransactionId === target.value) {\n tagTomSelect.enable();\n this.toggleTagSelect(tagSelectTransactionId, true);\n } else {\n tagTomSelect.disable();\n tagTomSelect.clear();\n this.toggleTagSelect(tagSelectTransactionId, false);\n }\n });\n\n this.intercompanyAccountSelectTargets.forEach((intercompanyAccountSelect: HTMLInputElement) => {\n const intercompanyAccountSelectTransactionId = intercompanyAccountSelect.getAttribute(\n \"data-intercompany-account-select-transaction-id-value\",\n );\n const intercompanyAccountSelectLedgerId = intercompanyAccountSelect.getAttribute(\n \"data-intercompany-account-select-ledger-id-value\",\n );\n\n if (\n intercompanyAccountSelectTransactionId === target.value &&\n intercompanyAccountSelectLedgerId !== this.originalLedgerIdValue\n ) {\n intercompanyAccountSelect.disabled = false;\n } else {\n intercompanyAccountSelect.disabled = true;\n intercompanyAccountSelect.value = \"\";\n intercompanyAccountSelect.dispatchEvent(new Event(\"change\"));\n }\n });\n\n const targetLedgerId = target.getAttribute(\"data-transaction-transfer-ledger-id-value\");\n\n if (targetLedgerId !== this.originalLedgerIdValue) {\n this.disableSubmit();\n } else {\n this.enableSubmit();\n }\n }\n\n toggleAccountCodeSelect(id: string, enabled: boolean) {\n this.dispatch(\"toggleAccountCodeSelect\", { detail: { enabled: enabled, id: id } });\n }\n\n toggleTagSelect(id: string, enabled: boolean) {\n this.dispatch(\"toggleTagSelect\", { detail: { enabled: enabled, id: id } });\n }\n\n handleToggleSubmitEvent(event) {\n const isEnabled = event.detail.enabled;\n const submitId = event.detail.id;\n\n if (this.submitButtonTarget.id === submitId) {\n if (isEnabled) {\n this.enableSubmit();\n } else {\n this.disableSubmit();\n }\n }\n }\n\n enableSubmit() {\n this.submitButtonTarget.disabled = false;\n }\n\n disableSubmit() {\n this.submitButtonTarget.disabled = true;\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\n// Connects to data-controller=\"unsaved-changes\"\nexport default class extends Controller {\n declare observer: MutationObserver;\n declare noticeActivated: boolean;\n declare boundInputChangedFn: () => void;\n declare boundTurboBeforeVisitFn: (e) => void;\n declare boundBeforeUnloadFn: (e) => void;\n declare boundSubmitHandlerFn: () => void;\n declare turboBeforeVisitTriggered: boolean;\n declare formSubmitted: boolean;\n\n connect() {\n this.noticeActivated = false;\n this.formSubmitted = false;\n // this flag is here in order to prevent the beforeunload event from firing\n // if turbo event has fired. For some reason the \"Register\" link in the navbar triggers both events.\n this.turboBeforeVisitTriggered = false;\n\n this.boundInputChangedFn = this.inputChanged.bind(this);\n this.boundTurboBeforeVisitFn = this.turboBeforeVisit.bind(this);\n this.boundBeforeUnloadFn = this.beforeUnload.bind(this);\n this.boundSubmitHandlerFn = this.formSubmittedHandler.bind(this);\n\n this.observer = new MutationObserver(() => {\n const inputs = this.getInputs();\n inputs.forEach(input => {\n this.addInputChangedListeners(input);\n });\n\n const submits = this.getSubmitButtons();\n submits.forEach(input => {\n input.removeEventListener('click', this.boundSubmitHandlerFn);\n input.addEventListener('click', this.boundSubmitHandlerFn);\n });\n\n });\n\n const config = {\n childList: true,\n attributes: false,\n subtree: true,\n };\n\n this.observer.observe(document, config);\n }\n\n getInputs() {\n return this.element.querySelectorAll('input, select, textarea')\n }\n\n getSubmitButtons() {\n return this.element.querySelectorAll('button[type=\"submit\"]');\n }\n\n formSubmittedHandler() {\n this.formSubmitted = true;\n }\n\n addInputChangedListeners(input) {\n input.addEventListener('input', this.boundInputChangedFn);\n }\n\n inputChanged() {\n this.turboBeforeVisitTriggered = false;\n this.activateNotice();\n }\n\n activateNotice() {\n if (this.noticeActivated) return;\n\n window.addEventListener('turbo:before-visit', this.boundTurboBeforeVisitFn)\n window.addEventListener('beforeunload', this.boundBeforeUnloadFn)\n this.noticeActivated = true;\n this.removeAllInputChangedListeners();\n }\n\n turboBeforeVisit(e) {\n if (this.formSubmitted) return;\n\n if (confirm(\"Are you sure you want to navigate away from this page? You will lose any unsaved changes.\")) {\n this.turboBeforeVisitTriggered = true;\n } else {\n e.preventDefault();\n this.turboBeforeVisitTriggered = false;\n }\n }\n\n beforeUnload(e) {\n if (this.formSubmitted) return;\n\n if (this.turboBeforeVisitTriggered) {\n e.preventDefault();\n this.turboBeforeVisitTriggered = false;\n return;\n }\n e.preventDefault();\n e.returnValue = '';\n }\n\n removeAllSubmitButtonsListeners() {\n const submits = this.getSubmitButtons();\n submits.forEach(input => {\n input.removeEventListener('click', this.boundSubmitHandlerFn);\n });\n }\n\n removeAllInputChangedListeners() {\n const inputs = this.getInputs();\n inputs.forEach(input => {\n input.removeEventListener('input', this.boundInputChangedFn);\n });\n }\n\n disconnect() {\n this.observer.disconnect();\n window.removeEventListener('turbo:before-visit', this.boundTurboBeforeVisitFn)\n window.removeEventListener('beforeunload', this.boundBeforeUnloadFn)\n this.removeAllSubmitButtonsListeners();\n this.removeAllInputChangedListeners();\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { GridOptions, createGrid, GetRowIdParams, RowSelectedEvent, ToolPanelDef, GridApi } from \"ag-grid-enterprise\";\nimport { dataTypeDefinitions } from \"../helpers/reports/formatters\";\n\n// Connects to data-controller=\"uploaded-transactions\"\nexport default class extends Controller {\n declare transactionDataValue: Array
![](\"/assets/img.png\")
\n// \n\ndocument.addEventListener(\"turbo:load\", () => {\n document.querySelectorAll(\"[data-src]\").forEach((element) => {\n element.setAttribute(\"src\", element.getAttribute(\"data-src\"));\n });\n});\n\nexport {};\n","addEventListener(\"turbo:frame-missing\", async (event: CustomEvent) => {\n event.preventDefault();\n // Latest PR hides this https://github.com/hotwired/turbo/pull/863\n const response = event.detail.response;\n\n // Show a helpful error message if the frame is missing, but redirect\n // if theres a server error or if the response was redirected.\n if (response.status < 500) {\n const target = event.target as HTMLDivElement;\n\n console.error(`A matching frame for #${target.id} was missing from response.`);\n\n if (response.redirected) {\n console.warn(`Turbo redirecting to ${response.url}`);\n\n event.detail.visit(response);\n } else {\n target.innerHTML = `There was an error in this request. Error code: ${target.id}-turbo-frame-missing.`;\n }\n } else {\n event.detail.visit(response);\n }\n});\n\nexport {};\n","export function getMetaValue(name: string) {\n const element = findElement(document.head, `meta[name=\"${name}\"]`);\n if (element) {\n return element.getAttribute(\"content\");\n }\n}\n\nexport function findElement(root: HTMLHeadElement | Document, selector: string) {\n if (typeof root == \"string\") {\n selector = root;\n root = document;\n }\n return root.querySelector(selector);\n}\n\nexport function removeElement(el: HTMLElement) {\n if (el && el.parentNode) {\n el.parentNode.removeChild(el);\n }\n}\n\nexport function insertAfter(el: HTMLElement, referenceNode: HTMLElement) {\n return referenceNode.parentNode?.insertBefore(el, referenceNode.nextSibling);\n}\n\nexport function loadingIcon() {\n return `\n