MOONy

✎ EDIT FILE

EDITING: account.js

import ctEvents from 'ct-events'
import { registerDynamicChunk } from 'blocksy-frontend'
import { handleAccountModal, activateScreen } from './frontend/account'

let maybeTemplate = ''

const turnstileSelectors = {
	login: '.ct-account-modal #loginform .cf-turnstile',
	lostpassword: '.ct-account-modal #lostpasswordform .cf-turnstile',
	register: '.ct-account-modal #registerform .cf-turnstile',
}

const removeTurnstile = () => {
	if (!window.turnstile) {
		return
	}

Object.keys(turnstileSelectors).forEach((selector) => {
		const element = document.querySelector(turnstileSelectors[selector])

if (element) {
			turnstile.remove(turnstileSelectors[selector])

if (selector === 'register') {
				turnstile.remove(
					'.ct-account-modal #registerform .sct-woocommerce-register',
				)
			}
		}
	})
}

const resetTurnstile = () => {
	if (!window.turnstile) {
		return
	}

Object.keys(turnstileSelectors).forEach((selector) => {
		const element = document.querySelector(turnstileSelectors[selector])

if (element) {
			turnstile.render(turnstileSelectors[selector])
		}
	})
}

const executeScripts = (container) => {
	container.querySelectorAll('script').forEach((oldScript) => {
		const newScript = document.createElement('script')

;[...oldScript.attributes].forEach(({ name, value }) => {
			newScript.setAttribute(name, value)
		})

if (oldScript.textContent) {
			newScript.textContent = oldScript.textContent
		}

oldScript.replaceWith(newScript)
	})
}

const integrateGoogleSignIn = () => {
	if (!window.google || !google.accounts || !google.accounts.id) {
		return
	}

const maybeButtons = document.querySelectorAll(
		'.googlesitekit-sign-in-with-google__frontend-output-button',
	)

if (!maybeButtons.length) {
		return
	}

maybeButtons.forEach((button) => {
		// move button to after login-submit
		const loginSubmit = button
			.closest('form')
			.querySelector('.login-submit')

if (loginSubmit) {
			loginSubmit.insertAdjacentElement('afterend', button)
		}

google.accounts.id.renderButton(button, {})
	})
}

const integrations = () => {
	if (window.anr_onloadCallback) {
		window.anr_onloadCallback()
	}

resetTurnstile()
	integrateGoogleSignIn()

if (window.Dokan_Vendor_Registration) {
		window.Dokan_Vendor_Registration.init()
	}
}

registerDynamicChunk('blocksy_account', {
	mount: (el, { event }) => {
		// Don't do anything if there's a panel opened already.
		// This means the account is placed in another panel and is opened from
		// it. Soon another click event will be fired on the same element
		// by the panel logic itself.
		if (document.body.dataset.panel) {
			return
		}

if (!maybeTemplate) {
			let maybeAccount = document.querySelector(
				'#ct-account-modal-template',
			)

if (!maybeAccount) {
				location = document.querySelector(
					'[data-id="account"] .ct-account-item',
				)
					? document.querySelector(
							'[data-id="account"] .ct-account-item',
						).href
					: el.href

return
			}
			const templateContent = maybeAccount.content.cloneNode(true)

maybeTemplate = templateContent.firstElementChild.outerHTML

removeTurnstile()
			maybeAccount.remove()
		}

let panel = document.querySelector('#account-modal')

if (!panel) {
			document
				.querySelector('.ct-drawer-canvas')
				.insertAdjacentHTML('beforeend', maybeTemplate)

panel = document.querySelector('.ct-drawer-canvas').lastElementChild

executeScripts(panel)
		}

const actuallyOpen = () => {
			handleAccountModal(panel)

activateScreen(panel, {
				screen: el.dataset.view || 'login',
			})

integrations()

ctEvents.trigger('ct:overlay:handle-click', {
				e: event,
				href: '#account-modal',
				options: {
					isModal: true,
					computeScrollContainer: () => {
						if (!panel.closest('body')) {
							return
						}

return panel.querySelector('.ct-account-forms')
					},
				},
			})
		}

actuallyOpen()
	},
})

ctEvents.on('ct:modal:closed', (modalContainer) => {
	if (!modalContainer.closest('#account-modal')) {
		return
	}

modalContainer.remove()
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 dashboard/	DIR	—	2026-05-20 09:33
📁 editor/	DIR	—	2026-05-20 09:33
📁 frontend/	DIR	—	2026-05-20 09:33
📁 header/	DIR	—	2026-05-20 09:33
📁 helpers/	DIR	—	2026-05-20 09:33
📁 notifications/	DIR	—	2026-05-20 09:33
📁 options/	DIR	—	2026-05-20 09:33
📁 sync/	DIR	—	2026-05-20 09:33
📄 account.js	JS	4 KB	2026-05-20 09:33	EDIT
📄 dashboard-no-theme.js	JS	719 B	2026-05-20 09:33	EDIT
📄 dashboard.js	JS	2.3 KB	2026-05-20 09:33	EDIT
📄 flushPermalinks.js	JS	347 B	2026-05-20 09:33	EDIT
📄 notifications.js	JS	703 B	2026-05-20 09:33	EDIT
📄 options.js	JS	916 B	2026-05-20 09:33	EDIT
📄 sticky.js	JS	356 B	2026-05-20 09:33	EDIT
📄 sync.js	JS	83 B	2026-05-20 09:33	EDIT